sso_smartcost-php/global/v2/css/globalLayout.css

/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family:"微软雅黑","Tahoma";
	vertical-align: baseline;
	text-align:justify;
	word-wrap:break-word;
	text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}
dl {
	margin:0
}
dd {
	margin-left:0
}
a {
	outline:none;
}
a img {
	border:0 none
}
img {
	vertical-align:middle;
	border:0px
}
table {
	border-collapse:collapse
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block;
	overflow:hidden
}
.clearfix {
	display:block
}
body {color:#333}
a {color:#0063db;text-decoration:none}
a:hover {color:#333}
/**/
.clearB {clearfix:both}
.fL {float:left}
.fR {float:right}
:link, *:visited, *:hover, *:active, *:focus {
    -moz-transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0.4s linear 0s;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colGreen {color:#59A855}
/*global css*/
body {
	background:#f2f2f2 url(headerBg.png) repeat-x left top
}
.footer {
	text-align:center;
	color:#999
}
.footer a {
	color:#999;
	text-decoration:underline
}
.footer a:hover {
	color:#333;
	text-decoration:none
}
/*.button*/
.button {
	float:left;
	height:28px;
	margin-right:10px;
	padding:0 18px;
	line-height:29px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 1px #276DDD;
	border:1px solid #276DDD;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
	text-decoration:none
}
.button:hover {
	text-decoration:none;
	color:#FFF;
	background-position:0 -214px;
}
.button:active {
	background-position:0 -243px;
}
.btn-red {
	text-shadow:0 1px #B4080C;
	border-color:#CE080D;
	background-color:#F23539;
	background-position:0 -431px;
}
.btn-red:hover {
	background-position:0 -460px;
}
.btn-red:active {
	background-position:0 -489px;
}
.btn-green {
	text-shadow:0 1px #598D2F;
	border-color:#6AAB35;
	background-color:#77C13C;
	background-position:0 -518px;
}
.btn-green:hover {
	background-position:0 -547px;
}
.btn-green:active {
	background-position:0 -576px;
}
.btn-orange {
	text-shadow:0 1px #EF7714;
	border-color:#F67E19;
	background-color:#F4A32F;
	background-position:0 -344px;
}
.btn-orange:hover {
	background-position:0 -373px;
}
.btn-orange:active {
	background-position:0 -402px;
}
.btn-gray {
	font-weight:normal;
	color:#666;
	text-shadow:0 1px #FFF;
	border-color:#C5C5C5;
	background-color:#FFF;
	background-position:0 -605px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-gray:hover {
	color:#333;
	background-position:0 -634px;
}
.btn-gray:active {
	background-position:0 -663px;
}
.btn-black {
	font-weight:normal;
	color:#f2f2f2;
	text-shadow:0 1px #333;
	border-color:#C5C5C5;
	background-color:#6c6e7d;
	background-position:0 0;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-black:hover {
	color:#fff;
	background-position:0 -31px;
}
.btn-black:active {
	background-position:0 -108px;
}
.btn-large {
	width:65px;
}
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
	color:#999;
	text-shadow:none;
	border-color:#C5C5C5;
	background-color:#EEE;
	background-position:0 -634px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	cursor:default;
}

.inputText{
	width:274px;
	border:1px solid #dcdcdc;
	border-top-color:#abadb3;
	border-left-color:#abadb3;
	padding:7px;
	background:#fff url(inputBg.png) repeat-x 0 0;
	font-size:14px;
	color:#999;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	outline: medium none;
	height:18px;
	line-height:18px
}
.inputText:focus{
	border-color:#ff6501;
	color:#ff6501;
	background:#fff
}
.warpBody {
	width:945px;
	margin:0 auto
}
.warpBody .header {
	height:60px;
	margin:10px 0 50px 0
}
.logoLink .logo{
	background:url(logo.png) no-repeat;
	height:60px;
	width:340px;
	float:left;
	*display:inline;
	*zoom:1;
	cursor:pointer
}
.logoLink:hover .logo{
	background-position:left bottom;
}
.header .loginInfo {
	margin:15px 0 0 0
}
.loginInfo .userLogin {
	color:#B9CB79
}
.loginInfo .userLogin a{
	margin:0 15px;
	color:#fff
}
.loginInfo .userLogin a:hover{
	text-decoration:underline;
}
.loginInfo .avtraLogin {
	position:relative;
	z-index:9999
}
.loginInfo .avtraLoginCur{
	background:#849b2f
}
.avtraLogin .avtraInfo {
	display:block
}
.avtraLogin .avtraName {
	padding:0 8px;
	color:#fff;
	float:left;
	height:32px;
	line-height:32px
}
.avtraLogin .loginInfoMenu {
	position:absolute;
	right:0;
	top:32px;
	width:200px
}
.loginInfoMenuArrow{
	height: 8px;
    position: relative;
    width: 100%;
    z-index: 9999
}
.loginInfoMenuArrow span{
	background: url(loginInfoMenuArrow.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: -1px;
    width: 18px
}
.loginInfoMenuBox{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9ab13c;
    position: relative;
    width: 198px;
	box-shadow:0 0 3px 0 #999
}
.loginInfoMenuBox ul{
	padding:5px 0 5px 29px
}
.loginInfoMenuBox ul li{
	display: inline;
    float: left;
    height: 24px;
    line-height: 24px;
    width:80px
}
.loginInfoMenuBox ul li a{
	color:#636363
}
.loginInfoMenuBox ul li a:hover{
	text-decoration:underline
}
.formItem h2 {
	font-size:20px;
	font-weight:600;
	margin:0 0 0 50px
}
.formItem h2 span{
	font-weight:normal;
	font-size:12px
}
.formItem .formBgTop {
	background: url(memberContentTB.png) no-repeat scroll left bottom transparent;
    height: 43px;
    width: 944px;
}
.formItem .formBgMiddle {
	background:url(memberContentMiddle.png) repeat-y 0 0;
	margin: 0 12px;
    padding: 1px 15px 20px;
}
.formItem .formBgBottom {
	background: url(memberContentTB.png) no-repeat scroll left top transparent;
    height: 43px;
    width: 944px;
}
.formItem dl {
	margin:0 370px 0 50px
}
.formItem dt {
	font-size:14px;
	margin:20px 0 5px
}
.formItem dd .inputSus{
	border-color:#59a855;
	color:#59a855
}
.formItem dd input.erroT,.formItem dd select.erroT {
	border-color:#e9322e;
	color:#e9322e;
	box-shadow:0 0 4px #e9322e
}
.formItem dd span.erroT{
	color: #fff;
    padding:0 5px;
	background: none repeat scroll 0 0 #E9322E;
	top:33px;
	left:5px;
	border-radius:0 0 5px 5px;
	position:absolute
}
.formItem dd p.tips{
	color:#999
}
.formItem dd .submitSus {
    color: #f90000;
}
.formItem dd select {
	border:1px solid #dcdcdc;
	border-top-color:#abadb3;
	border-left-color:#abadb3;
	padding:7px; 
	vertical-align: bottom;
	color:#999;
	outline: medium none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px
}
.formItem dd select:focus {
	border-color:#ff6501;
	color:#ff6501
}
.formItem div.about {
	width:330px;
	margin:20px 40px 0 0
}
.formItem div.about p {
	line-height:30px;
	font-size:14px
}
.formItem div.about p a{
	font-size:14px
}
.formItem div.about p img {
	margin:10px 0 20px 0
}
.formItem div.registerTitle,.formItem div.registerTitle div {
	height:60px;
	width:780px;
	background:url(registerTitle.png) no-repeat right top;
	margin:0 0 0 20px
}
.formItem div.registerTitle div {
	width:400px
}
.formItem div.registerTitle div.registerStep-1{
	background-position:0 -60px
}
.formItem div.registerTitle div.registerStep-2{
	background-position:0 -120px
}
.formItem div.registerTitle div.registerStep-3{
	background-position:0 -180px
}
.formItem b.mailItem {
	font-size:18px;
	margin:0 5px 0 0
}
.successItem {
	margin:20px 0 0 0
}
.successItem p{
	font-size:18px;
	text-align:center
}
.successItem .navButton {
	text-align:center;
	margin:20px 0 0 0
}
.successItem .navButton a{
	font-size:24px;
	margin:0 10px;
	padding:0 15px
}
.successItem .navButton a.btn-wk {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0 30px
}
.regForm dd{
	position:relative
}
.regForm dd p.tips {
	position:absolute;
	top:8px;
	left:10px
}
.regForm dd span.tips{
	background:#FFFBCC;
	border:1px solid #E6DB55;
	color:#666452;
	padding:8px 10px;
	display:inline-block;
	*display:inline;
	zoom:1;
	margin:10px 0
}
.toCashItem {
	margin:20px 50px 0
}
.toCashItem .overage {
	margin:0 0 20px 0
}
.toCashItem .overage b{
	font-size:18px
}
.toCashItem .toCashInput p {
	margin:0 0 5px 0
}
.toCashItem .tcForm .tcFormEntry {
	margin:0 0 10px 0
}
.toCashItem .tcForm .tcFormEntry .entryTh{
	width:70px;
	height:30px;
	line-height:30px
}
.toCashItem .tcForm .tcFormEntry .entryTd{
	margin:0 0 0 70px
}
.toCashItem .tcForm .tcFormEntry .entryTd b{
	margin:0 5px;
	font-size:18px
}
.tcForm .tcFormEntry .entryTd h3 {
	margin:8px 0 0 0;
	color:#666;
	background: #FFFBCC;
	color:#666452;
	padding:3px 5px;
	display:inline-block;
	*display:inline;
	zoom:1
}
.tcForm .tcFormEntry .entryTd dl{
	margin:10px 0
}
.tcForm .tcFormEntry .entryTd dl.now{
	background:#f2f2f2;
	padding:5px 8px;
	color:#333
}
.tcForm .tcFormEntry .entryTd dl dt{
	margin:0
}
.tcForm .tcFormEntry .entryTd dl dd{
	margin:8px 0 0 0
}
.tcForm .tcFormEntry .entryTd dl.now dd{ 
	display:block
}
.tcFormEntry .entryTd dl dd li{
	margin:5px 0
}
.tcFormEntry .entryTd dl dd li span.title{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	text-align:right;
	padding:0 10px 0 0;
	line-height:32px
}
.tcFormEntry .entryTd dl dd li span.tips{
	color:#999;
	padding:0 0 0 10px
}
.toCashItem .orderList {
	margin:20px 0 0 0
}
.toCashItem .orderList dl{
	margin:0
}
.toCashItem .orderList dl dt{
	font-weight:600;
	font-size:16px;
	margin:10px 0
}
.toCashItem .orderList dl dd{
	margin:0 0 15px 0;
	background:#f0f0f0
}
.toCashItem .orderList .orderEntry div {
	float:left;
	padding:0 10px;
	height:50px;
	line-height:50px
}
.toCashItem .orderList .listTitle {
	background:#333;
	margin:0 0 5px 0
}
.toCashItem .orderList .listTitle p{
	background:#fff;
	padding:0 0 5px 0
}
.toCashItem .orderList .listTitle div {
	height:22px;
	line-height:22px;
	color:#fff;
	text-align:center
}
.toCashItem .orderList .orderEntry .id {
	width:75px;
	border-right:1px solid #e1e1e1
}
.toCashItem .orderList .orderEntry .date {
	background:#a8c530;
	width:70px;
	line-height:normal;
	color:#fff;
	padding:0;
	text-align:center;
	font-size:24px
}
.toCashItem .orderList .listTitle .date {
	background:#333;
	font-size:12px;
	color:#fff;
	border-right:1px solid #e1e1e1;
	line-height:20px
}
.toCashItem .orderList .orderEntry .date span{
	background:#9AB13C;
	float:left;
	width:70px;
	border-bottom:1px solid #91a735;
	font-size:12px
}
.toCashItem .orderList .orderEntry .type {
	width:90px;
	text-align:center;
	border-right:1px solid #e1e1e1
}
.toCashItem .orderList .orderEntry .money {
	width:150px;
	border-right:1px solid #e1e1e1
}
.toCashItem .orderList .orderEntry .oMoney {
	width:165px;
	border-right:1px solid #e1e1e1
}
.toCashItem .orderList .orderEntry .stalt{
	width:60px;
	border-right:1px solid #e1e1e1;
	text-align:center
}
.toCashItem .orderList .orderMore {
	padding:10px 15px;
	color:#999;
	border-top:1px solid #E1E1E1;
	display:none
}
.toCashItem .orderList .orderMore li {
	text-align:right;
	border-right:1px solid #ED8B00;
	margin:0 0 5px 0;
	height:14px;
	line-height:14px
	
}
.toCashItem .orderList .orderMore li span {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:110px;
	color:#666;
	padding:0 3px 0 0
}
.autTitle {
	margin:10px 0 0 50px
}
.autTitle .autTitleStep span{
	padding:5px 15px 5px 8px;
	margin:0 10px 0 0;
	display:inline-block;
	*display:inline;
	zoom:1
}
.autTitle .autTitleStep span.now{
	background:#9AB13C;
	color:#fff;
	border-radius:0 15px 15px 0
}
.autConfirmWait,.autConfirmFail,.autConfirmSuc {
	margin:50px;
	background:#FFFBCC;
	border:1px solid #E6DB55;
	color:#666452;
	padding:20px
}
.autConfirmFail{
	background-color: #FFCECE;
    border-color: #DF8F8F;
    color: #F90000
}
.autConfirmSuc {
	background-color: #D5FFCE;
    border-color: #9ADF8F;
    color: #556652
}
.helpCenterBtn {
	background:url(helpCenterButton.png) no-repeat;
    width: 32px;
    height:127px;
    text-align: center;
    position: fixed;
    _position: absolute;
    left: 0px;
    bottom: 45%;
    _bottom: "auto";
    cursor: pointer
}
.helpCenterBtn a{
	display: block;
	width:32px;
	height:127px
}