@charset "utf-8"; /*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:#666;background:#fff} a {color:#3366cc;text-decoration:none} a:hover {color:#333} .width950{width:950px;margin:0 auto} /**/ .clearB {clear:both} .fL {float:left} .fR {float:right} :link, *:visited, *:hover, *:active, *:focus { -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; } .colRed {color:#f70000} .colOrange {color:#ed8b00} .colYel {color:#d9a601} .colGreen{color:#17ab0c} .colGray{color:#999} .colBlue{color:#3172d9} .hide {display:none} .button { float:left; height:32px; margin-right:10px; padding:0px 30px; line-height:32px; text-align:center; overflow:hidden; font-weight:bold; color:#FFF; border-radius:3px; text-shadow:0 1px rgba(0, 0, 0, 0.1); text-decoration:none; border:none } input.button{ height:35px; line-height:35px } .button:hover{ color:#fff } .button.btn-blue{ background-color:#006fd8; border-bottom:3px solid #014687 } .button.btn-blue:hover{ background-color:#0076e4; } .button.btn-blue:active{ background-color:#014687; } .button.btn-red{ background-color:#E74C3C; border-bottom:3px solid #C44133 } .button.btn-red:hover{ background-color:#EC7063; } .button.btn-red:active{ background-color:#C44133; } .button.btn-green{ background-color:#1ABC9C; border-bottom:3px solid #16a085 } .button.btn-green:hover{ background-color:#48C9B0; } .button.btn-green:active{ background-color:#16A085; } .button.btn-dark{ background-color:#415B76; border-bottom:3px solid #2c3e50 } .button.btn-dark:hover{ background-color:#456a91; } .button.btn-dark:active{ background-color:#2c3e50; } .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 } /*global header*/ .globalHeader { background:#515b61; height:30px } .globalNav a{ float:left; height:30px; line-height:30px; padding:0 10px; color:#eee; position: relative; cursor: pointer } .globalNav a:hover{ background:#666E70; color:#fff } .globalNav a.now{ background:#009F86; color:#fff; font-weight:600 } .globalNav .zhzd{ float:left; height:30px; position: relative; z-index:999 } .globalNav .zhzd a b{ border-color: #FFDDC9 transparent transparent; border-right: 3px dashed transparent; border-style: solid dashed dashed; border-width: 3px 3px 0; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 0; position: relative; top:-1px; left:4px } .globalNav .zhzd .zhzdMenu{ position: absolute; left:0; top:29px; background:#fff; border:1px solid #ccc; border-top:none; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); z-index: 0; display:none } .globalNav .zhzd .zhzdMenu a{ width:100%; padding:0; text-align:center; color:#3366cc } .globalNav .zhzd .zhzdMenu a:hover{ background:#f2f2f2 } .globalNav .zhzd a.now{ background:#fff; border:1px solid #ccc; border-bottom:none; border-top:none; color:#3366cc; z-index:10 } .userInfoPanel{ margin:20px auto 5px } .userInfoPanel p{ text-align:right; margin:10px 0 0 0 } /*indexBanner*/ .indexBanner { background:url(indexbanner.jpg) no-repeat center top; height:400px; width:100%; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5 } .loginPanel { width:296px; height:315px; background-color: #fff; margin:40px 0 0 630px } .formLine{ position:relative; margin:20px 0 } .formLine .userName{ color:#333; font-size:18px; margin:0 0 20px 0 } .loginPanel .warpLogin{ padding:20px 0 0 23px } .loginPanel h2{ font-size:18px } .loginPanel input.text { border: 1px solid #B7B7B7; font-size: 20px; height: 33px; letter-spacing: 1px; padding: 1px 1px 1px 6px; width: 241px; background:url(inputBg.png) repeat-x 0 0 } .loginPanel .textTips{ color: #999999; cursor: text; font-size: 14px; height: 37px; line-height: 37px; overflow: hidden; padding: 0 2px 0 10px; position:absolute; left:0 } .loginPanel .formLink{ margin:0 0 10px 0; color:#ccc } .proList .width950{ padding-bottom:30px; border-bottom:1px dashed #eee } .proList .proTitle{ position:relative; height:50px; width:220px; background:url(pageimg.png) no-repeat 0 0; margin:20px 0 0 0 } .listItem .entry .eImg { width:315px; height:140px; background:url(pageimg.png) no-repeat } .listItem .entry{ float:left } .listItem .entry .zhzdimg{ background-position:0 -50px } .listItem .entry .wsoftimg{ background-position:-315px -50px } .listItem .entry .qyimg{ background-position:0px -191px } .listItem .entry .links{ color:#999; text-align:center } .helpList { padding-top:20px; border-top:1px solid #f2f2f2 } .helpList div.fL{ width:315px } .helpList h2{ background:url(pageimg.png) no-repeat; height:38px; width:120px } .helpList h2.helpTitle1{ background-position:-228px 0 } .helpList h2.helpTitle2{ background-position:-344px 0 } .helpList h2.helpTitle3{ background-position:-459px 0 } .helpList .helpLinks { padding:5px 10px } .helpList .helpLinks a{ color:#666 } .helpList .helpLinks a:hover{ color:#009f86 } .helpList .helpLinks a.sina{ color:#e32529 } .helpList .helpLinks a.qq{ color:#0a86b9 } .footer { background:#f5f5f5; padding:10px 0; margin-top:40px } .footer p{ text-align:center; color:#999 } .footer p a{ color:#666 } .formItem { padding:30px } .formItem h2 { border-left: 2px solid #009f86; font-size: 18px; padding: 3px 8px; } .formItem dl { margin:0 370px 0 0 } .formItem dt { font-size:14px; margin:20px 0 5px } .formItem dd{ position:relative } .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,.formLine .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 b.mailItem { font-size:18px; margin:0 5px 0 0; border-bottom:1px dashed #9AB13C; color:#9AB13C } .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 } .regInfo { width:360px } .regInfo .regStepTip { margin:0 0 50px 0 } .regInfo .regStepTip p{ margin:0 0 10px 0 } .globalContent { margin-top:10px } .formContent .slidebar { float: left; width: 180px; } .formContent .slidebar .userAvr{ margin:0 0 20px 0 } .formContent .slidebar .userAvr img{ float:left; margin:0 10px 0 0 } .formContent .slidebar li { margin: 1px 0; padding: 0 10px 0 0; } .formContent .slidebar li.now { background: none repeat scroll 0 0 #F5F5F5; } .formContent .slidebar li a { color: #666666; display: block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 0 0 10px; } .formContent .slidebar li a:hover{ color:#9AB13C } .formContent .slidebar li.now a { color: #009f86; } .formContent .mainContent { border-left: 1px solid #E2E2E2; margin: 0 0 0 180px; } .userProfile dt{ margin:0 } .userProfile dd{ margin:5px 0 30px 0 } .payContent .payWayTab ul { background:#415B76; padding: 0 20px; } .payContent .payWayTab li { color:#fff; cursor: pointer; display: inline-block; *display:inline; zoom:1; font-size: 16px; height: 40px; line-height: 40px; margin: 0 10px; padding: 0 15px; background-color:#456a91 } .payContent .payWayTab li:hover { background-color: #2C3E50; } .payContent .payWayTab li.now { background-color: #E74C3C; cursor: default; font-weight: 600; color:#fff } .payContent .wayItem { padding: 20px 30px 30px; position: relative; } .wayItem .rcInput { font-size: 20px; } .wayItem .rcInput ul { margin: 10px 0 0 8px; } .wayItem .rcInput li { float: left; font-size: 20px; margin: 0 10px 0 0; padding: 0 5px; } .wayItem .rcInput li.focus { background: none repeat scroll 0 0 #E74C3C; border-radius: 4px; color: #FFFFFF; } .wayItem .rcInput li label{ font-size:20px; cursor: pointer } .wayItem .rcBankTitle { font-size: 20px; margin: 20px 0 0; } .wayItem .rcBankList li { float: left; margin: 5px 2px; padding: 5px 10px; } .wayItem .rcBankList li.focus { background: none repeat scroll 0 0 #E74C3C; border-radius:4px; } .wayItem .rcBankList li label{ cursor: pointer } .wayItem .bankWayStep { margin: 0 0 15px; } .wayItem .bankWayStep span { color: #ED8B00; font-size: 18px; } .wayItem .bankWayStep span.til { color: #333333; } .wayItem .bankList dl { background: none repeat scroll 0 0 #EFF0F2; float: left; margin: 0 10px; width:100% } .wayItem .bankList dl dt { background: none repeat scroll 0 0 #3498DB; font-weight: 600; padding: 5px 0 5px 10px; color:#fff } .wayItem .bankList dl dd { margin: 10px 0; } .wayItem .bankList dl dd span { display: inline-block; font-weight: 600; text-align: right; width: 60px; } .wayItem .wayForm { margin: 20px 0 0; } .wayItem .wayForm p { background: none repeat scroll 0 0 #FFFBCC; border: 1px solid #E6DB55; color: #666452; padding: 8px 12px; } .wayItem .wayForm dt { font-size: 14px; margin: 15px 0 10px; } .wayItem .wayForm dd input { font-size: 24px; height: 30px; line-height: 30px; padding: 0 5px; width:200px } .wayItem .button{ margin-top:20px } .promoCode { background: none repeat scroll 0 0 #EFF0F2; position: absolute; right: 30px; top: 50px; width: 455px; padding: 0 0 10px 0 } .promoCode h2{ padding:5px 10px; background:#1ABC9C; color:#fff; font-weight:600 } .promoCode input { font-size: 24px; height: 30px; line-height: 30px; margin: 10px; padding: 0 5px; } .wayItem .promoCode p { background: none repeat scroll 0 0 transparent; border: medium none; padding:0 10px ; } .bankPromo { top: 240px } .aliPromo { top: 130px; right: 0 }