/*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 }