@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:#009f86} .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:#0196ff; color:#0196ff; background:#fff; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*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 bottom; height:420px; width:100%; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5 } .loginPanel { width:296px; height:340px; background-color: #fff; margin:20px 0 0 630px } .formLine{ position:relative; margin:20px 0 } .formLine .userName{ color:#333; font-size:18px; margin:0 0 20px 0 } .loginPanel .warpLogin{ padding:16px 23px 0 23px } .loginPanel h2{ font-size:18px; text-align: center; padding-bottom: 8px; margin-bottom: 8px; border-bottom:1px solid #ccc; } .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:10px 0 0 0; color:#ccc } .loginPanel .get-code{ position: absolute; right: 8px; top:8px; } .loginPanel .get-code .btn{ background: #006fd8; color:#fff; border: none; padding:4px 8px; border-radius: 3px } .loginPanel .get-code .btn:hover{ background: #1a83e7; box-shadow: 0px 0px 4px 1px #ccc; cursor: pointer; } .loginPanel .get-code .btn:active{ background: #006fd8; box-shadow: 0 } .loginPanel .get-code .btn:disabled{ background: #999; cursor: default; } .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 .jianzuimg{ background-position:-315px -191px } .listItem .entry .yhyunimg{ background-position:0px -330px } .listItem .entry .links{ color:#999; text-align:center } .helpList { padding-top:20px; border-top:1px solid #f2f2f2 } .helpList div.fL{ position:relative; width:315px; min-height: 110px; } .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 } .helpList .images{ position:absolute; left:140px; top:-10px; width:100px; height:100px; } .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; display: inline-block; } .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; margin-bottom: 15px; } .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 } .mobileRegister{ margin-left:25px; font-size: 12px; } .btnText{ margin:0 10px; padding:7px; border:1px solid #c1c1c1; background: #f2f2f2; font-size: 14px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; outline: medium none; color:gray; cursor:pointer; } .btnText:hover{ background:#e6e6e6; } .btnTextOne{ margin:0 10px; padding:7px; border:1px solid #1fb597; background: #1ABC9C; font-size: 14px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; outline: medium none; color:#fff; cursor:pointer; } .btnTextOne:hover{ background:#48C9B0; } .trainFormTab{ margin:15px 0; } .trainFormTab a{ float:left; width:240px; text-align: center; cursor:pointer; display:inline-block; padding:12px 0; background:#e6e6e6; color:#009f86; } .trainFormTabs a{ width:145px; } .trainFormTab .now{ cursor:default; background:#009f86; color:#fff; } .formEntry .regForm{ margin-bottom:15px; } .formEntry .regForm dt{ margin:0 0 10px; } .return{ margin-left:15px; } .formLine span.erroT{ color:#fff; padding:0 5px; background:none repeat scroll 0 0 #e9322e; top:36px; left:5px; border-radius: 0 0 5px 5px; position:absolute; } .mobileTop{ background:#009f86; color:#fff; font-size: 18px; padding:15px 0; text-align: center; } .mobileRe{ padding:20px 30px; } .mobileRe .mobileRe{ display:inline-block; padding:10px 15px; color:#fff; background:#009f86; margin-bottom: 20px; } .mobileRe .regForm{ font-size: 16px; } .mobileRe .btnTextMod{ min-width: 135px; padding:14px 0; text-align: center; } .mobileRe .text-danger{ padding:5px 0; color:#E9322E; } .mobileRe .inputText{ padding:14px 0; width:99%; text-indent: 10px; } .mobileTopImg{ margin:10px 0; } .mobileRe .btnMobile{ width:100%; font-size: 18px; font-weight: normal; height:45px; line-height: 45px; margin:0; } .mobileRe .regForm dt{ margin-bottom: 15px; } .mobileRe .regForm dd{ margin-bottom: 25px; } .mobileRe .regForm dd input.textError{ border-color: #e9322e; color: #e9322e; } .mobileRe .regForm dd span.textError{ position:absolute; top:44px; left:10px; font-size: 12px; padding:5px 0; color:#E9322E; } .voucher-input { padding: 15px 0 } .voucher-input input{ font-size:18px; height: 30px; line-height: 30px; padding: 0 5px; width: 200px; float:left } .voucher-list legend{ font-size:14px; margin:10px 0 } .product{ display:block; margin: 10px 10px 0 0; } .product:hover{ text-decoration: underline; color: #3366cc; font-weight: bold; } .bgBlack{ position:absolute; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index: 1000; } .popupCon{ width:600px; margin-top: 150px; background:#fff; } .erweima{ width:600px; text-align: center; padding-top: 30px; } .popupText{ width:600px; text-align: center; font-size: 14px; padding-bottom: 15px; color: #999; } .popupTextB{ padding-top: 10px; font-size: 20px; color: #333; } .popupBtn{ background: #1ABC9C; color: #fff; border:1px solid #1ABC9C; padding:10px 25px; margin-bottom: 35px; cursor: pointer; } .popupBtn:hover{ background: #48C9B0; border:1px solid #48C9B0; } .popupBtn:active{ background: #16A085; border:1px solid #16A085; }