﻿/*CSS通用重置样式*/
*{word-break:break-all;font-family: 'Microsoft Yahei','黑体','宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body,html{color:#8B8B8B;height: 100%;width: 100%;line-height:1.5;font-size:12px;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
table{border-collapse: collapse;border-spacing: 0;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a:link,a:visited,a:active{color: #007ED9;text-decoration:none;}
a:hover{color:#000;}
img{vertical-align:middle;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1000px;}
* html{background-image:url(about:blank);background-attachment:fixed;}/*修正IE6振动bug*/
body{background: url(../images/login/bg.png) repeat-x center 0 #FFF fixed;}
em{font-family: Arial;}
.fl{float: left;}
.fr{float: right;}

/*头部*/
#header{background: url(../images/login/headbg.png) repeat-x 0 0;height: 36px;position:fixed;bottom:auto;top:0px;width: 100%;z-index: 10;}
* html #header{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} /* IE6 */
#header li{float: left;height: 31px;line-height: 31px;margin-right: 20px;padding-bottom: 5px;}
#header li.end{margin-right: 0;}
#header a{color: #FFF;}

.wrapBox{margin-top:55px;}
.wrapBox .hd{ height:36px; line-height:36px;}
.wrapBox .hd h2{ font-size:22px; float:left;text-shadow: 0 3px 5px #036878; color:#FFF;}
.wrapBox .hd span{float:right; font-size:14px; color:#FFF;}
.wrapBox .hd span a{color:#FFF;}
.wrapBox .hd span a i{float:right;display:inline-block; height:18px; width:18px; background:url(../images/loginicon.png) no-repeat -36px -59px;margin:9px 0 0 8px;}

/*主体内容*/
#main{padding-top: 35px;}
.topBlock{color: #FFF;padding: 30px 0;}
.topBlock .logo{float: left;height: 60px;width: 180px;}
.topBlock .login{float: right;font-size: 15px;height: 60px;line-height: 60px;}
.topBlock a{color: #FFF !important;text-decoration: underline !important;}
.content{background: #FFF;*border: 1px solid #DDD;*border-top: 1px solid #DDD;border: 1px solid #DDD\9;border-top: 1px solid #DDD\9;box-shadow: 1px 1px 9px RGBA(0,0,0,0.25);opacity: 0.97;overflow: hidden;padding: 0 108px 40px;}
.content h2.hd{border-bottom: 1px solid #EAEDEF; color: #444; font-size: 23px; height: 100px; line-height: 100px; margin-bottom: 40px;}

/*流程*/
.processor{margin-top:25px; background:#FFF; padding:15px 150px; border-bottom:1px solid #EEE;}
.processor ul{ position:relative;}
.processor li{float:left;text-align: center;width: 50%;}
.processor li .line{display: inline-block;height: 3px;margin-bottom: -26px;width: 80%; background:#d5d5d5;}
.processor li .text{color: #9e9f9f;margin-left: -52px;text-align: center;width: 105px; position:relative;}
.processor li .text i{ color: #fff;display: inline-block;font-size: 20px;font-style: normal;height: 40px;line-height: 41px;text-align: center;text-indent: 1px;vertical-align: middle;width: 40px; background:url(../images/loginicon.png) no-repeat -196px -175px; font-family:Arial;}
.processor li .text h4{font-size: 14px;font-style: normal;font-weight: 400;padding-top: 5px;}
.processor li.end{position:absolute;top:18px;right:-52px; width:105px;}
.processor li.end .text{margin-left:0;}
.processor li.yes .text h4{ color:#44b549;}
.processor li.yes .text i{background-position:-196px -75px;}

/*表单*/
.wrapBox .inner{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); background:#FFF;padding:35px 110px;height: 500px;}
.inner .signs li{height:34px; line-height:34px; margin-bottom:18px;}
.inner .signs li label{ font-size:14px; float:left; color:#666;width:60px;margin-right: 8px;}
.inner .signs li .inputText{border: 1px solid #dfdfdf;border-radius: 3px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07) inset;height: 28px;line-height: 28px;outline: 0 none;padding: 2px 5px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;width: 250px; background:#FFF;float:left; width:250px;}
.inner .signs li span{float:left; margin-left:8px;}
.inner .signs li span.error{color:#F96566;display:none;}
.inner .signs li span.prompt{color:#999;}

.inner .signs li span i{height:19px; width:19px; float:left; background:url(../images/loginicon.png) no-repeat; display:block; margin:7px 8px 0 0;}
.inner .signs li span.error i{background-position:-36px -32px;}
.inner .signs li span.yes{display:none;}
.inner .signs li span.yes i{background-position:-1px -58px;}
.inner .signs li span.prompt i{background-position: -2px -32px;}

.inner .signs i.validateSuccess{background: url("../images/tick.gif") no-repeat scroll 6px 6px;margin-left: 7px;text-align: left;padding-left: 25px;width: auto !important;height:18px; line-height:18px;color: #46A257 !important; margin-top: 6px;}
.inner .signs i.validateError{background: url("../images/tick.gif") no-repeat scroll 6px -42px;text-align: left;padding-left: 25px;width: auto !important;height:18px; line-height:18px; margin-top: 10px;color: #EC3D3F !important;}


.inner .signs li .errorText{background:#ffebeb; border-color:#f14144;}
.inner .signs li .inputText:focus{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #fecb98;background:#FFF;}
.inner .signs li .short{width:120px;}

.signs li.texts{ height: 18px;line-height: 18px;}
.signs .inputCk {float: left;height: 13px;margin: 2px 3px 0 0;overflow: hidden;width: 13px;}
.signs li.agreement {height: 100px;line-height: 20px;margin-bottom: 10px;padding-left: 70px;width: 436px;}
.inner .texts{color:#666; line-height:24px; font-size:14px; margin-bottom:10px;}
.inner .texts a{color:#098cd9;}
.inner  em{font-size:14px;color:#c00;}
.agreement .boxes{border: 1px solid #EEE;border-color: #bbb #ddd #dfdfdf;color: #666;height: 90px;overflow-x: hidden;overflow-y: scroll !important;padding: 0 8px;}
.inputBtn{ height:32px;color:#FFF; padding:0 23px;background: #44B549;border:none; border-radius: 3px; cursor:pointer; font-size:14px; float:left;}
.inputBtn:hover{background:#4AAF33;}
.copyright{padding: 30px 0 20px; text-align:center; color:#999;}
.determine{ background:#0096df;}
.determine:hover{background:#0faaf5;}
.hideForm{display:none;}
.successful{font-size:14px;}
.successful i{ height:60px; width:60px; display:block;float:left; margin-right:12px; background:url(../images/loginicon.png) no-repeat 1px -85px; margin-top:5px;}
.successful h3{font-size:22px;}
.successful p{padding-top:5px;}

/*aToolTip提示插件样式*/
#aToolTip{position: absolute;display: none;z-index: 50000;}
#aToolTip .aToolTipContent{position: relative;margin: 0;padding: 0;}
.defaultTheme{background: #49ACEC;color: #FFF;margin: 0;padding: 8px 8px;-moz-box-shadow: 2px 2px 5px #000; /* for Firefox 3.5+ */-webkit-box-shadow: 2px 2px 5px #000; /* for Safari and Chrome */box-shadow: 2px 2px 5px #000; /* for Safari and Chrome */}

/*产品导航*/
.inner h4{font-size:16px; padding-top:20px;}
.inner .navList{padding-top:15px;}
.inner .navList a{display:inline-block;float:left; margin-right:15px; background:#44B549;padding:8px 15px;}
.inner .navList a i{background:url(../images/loginicon.png) no-repeat 1px -85px; width:28px; height:20px; display:block;}
.inner .navList p{font-size:14px;color:#FFF; padding-top:8px; }
.inner .navList a.d1 i{background-position:-150px -70px;}
.inner .navList a.d2 i{background-position:-122px -98px;}
.inner .navList a.d3 i{background-position:-93px -73px;}
.inner .navList a.d4 i{background-position:-93px -120px;}
.inner .navList a.d5 i{background-position:-92px -95px;}
.inner .navList a.d6 i{background-position:-120px -73px;}
.inner .navList a.d7 i{background-position:-155px -121px;}
.inner .navList a.d8 i{background-position:-153px -97px;}
.inner .navList a.d9 i{background-position:-122px -121px;}
.inner .navList a:hover{text-decoration:none; background:#F90;}

/*注册*/
.guide{width: 784px;overflow: hidden;}
.guide ul{width: 794px;overflow: hidden;}
.guide li{background: url(../images/login/steps.gif) no-repeat 0 0;color: #FFF;float: left;height: 52px;line-height: 52px;margin-right: 7px;overflow: hidden;width: 257px;}
.guide li.done{background-position: 0 0;}
.guide li.active{background-position: -264px 0;}
.guide li.undone{background-position: -527px 0;}
.guide li em{display: inline-block;float: left;font-size: 31px;font-weight: bold;padding-right: 25px;width: 42px;text-align: center;text-shadow: 2px -1px 2px #555;}
.guide li span{display: inline-block;float: left;font-size: 14px;font-weight: bold;}

.formBox{margin-top: 40px;}
.formBox .item{display:none;}
.formBox dl{margin-bottom: 30px;}
.formBox dt{color: #333;float: left;height: 34px;line-height: 34px;margin-right: 8px;width: 150px;text-align: right;}
.formBox dd{color: #969696;display: inline;float: left;height: 34px;line-height: 34px;margin-right: 10px;overflow: hidden;}
.inputText{border: 1px solid #DFDFDF;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07) inset;color: #444;height: 18px;line-height: 18px;font-weight: bold;font-size: 14px;overflow: hidden;float: left;outline: 0 none;padding: 7px 5px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;width: 310px;}
.errorText{border: 1px solid #E94246;}

.linkBtn{background: url(../images/login/btnbg.gif) no-repeat 0 0;color: #FFF !important;display: inline-block;font-size: 12px;height: 40px;line-height: 40px;width: 180px;text-align: center;}
.linkBtn:hover{background-position: 0 -50px;}
.linkBtn2{background: url(../images/login/btnbg.gif) no-repeat 0 -97px;color: #FFF !important;display: inline-block;font-size: 12px;height: 34px;line-height: 34px;width: 80px;text-align: center;}
.linkBtn2:hover{background-position: right -97px;}
.linkBtn3{background: url(../images/login/btnbg.gif) no-repeat 0 -135px;color: #888 !important;display: inline-block;font-size: 12px;height: 34px;line-height: 34px;width: 80px;text-align: center;}
.linkBtn3:hover{background-position: right -135px;}
.linkBtn4{background: url(../images/login/btnbg.gif) no-repeat 0 -173px;color: #888 !important;display: inline-block;font-size: 12px;height: 34px;line-height: 34px;width: 120px;text-align: center;}
.forbid{color: #BBB !important;cursor: not-allowed;}

.formBox .btnBox{text-align: center;padding-top: 10px;}
.formBox .agreement{text-align: center;margin-top: 10px;}
.formBox .labelTip{padding-left: 0;}
.formBox .successTip{background: url(../images/tick.gif) no-repeat 0 11px;color: #038702;padding-left: 18px;}
.formBox .errorTip{background: url(../images/tick.gif) no-repeat 0 -34px;color: #E94246;padding-left: 18px;}
.formBox .highlight{color: #E94246;font-weight: bold;}

/*合作账号*/
.partnerShip{float: right;font-size: 12px;padding-top: 35px;}
.partnerShip dt,.partnerShip dd{float: left;height: 34px;line-height: 34px;overflow: hidden;}
.partnerShip dt{color: #969696;text-align: right;}
.partnerShip dd{background: url(../images/login/loginico.gif) no-repeat 0 0;margin-left: 12px;padding-left: 19px;}
.partnerShip dd.sina{background-position: 0 11px;}
.partnerShip dd.qq{background-position: 0 -43px;}
.partnerShip dd.alipay{background-position: 0 -99px;}
.partnerShip dd.weixin{background-position: 0 -154px;}

/*密码找回*/
.wrapBox .forgetpwd{padding:60px; height:202px;}
.wrapBox .forgetpwdTab{width:484px; position:relative;margin-left:184px;}
.wrapBox .forgetpwd .item{float:left; margin-right:40px;}
.wrapBox .forgetpwd .item a{ border:1px solid #eee; background:#FAFAFA; display:block; width:200px; height:200px; text-align:center;}
.wrapBox .forgetpwd .item i{height:80px; width:80px; display:block; background:url(../images/loginicon.png) no-repeat #FFF; margin:25px auto;border-radius: 50%;}
.wrapBox .forgetpwd .item i.email{ background-position:20px -157px;}
.wrapBox .forgetpwd .item i.phone{ background-position:-77px -237px;}
.wrapBox .forgetpwd .item  h3{  font-size: 18px; padding-bottom:10px;color:#666;}
.wrapBox .forgetpwd .item span{color:#999;font-size:14px;}
.wrapBox .forgetpwd .item a:hover{text-decoration:none; background:#e2f9e2; border-color:#8ec18f;}
.wrapBox .forgetpwd .item a:hover i{background-color:#44b549;}
.wrapBox .forgetpwd .item a:hover i.email{ background-position:-88px -157px;}
.wrapBox .forgetpwd .item a:hover i.phone{ background-position:24px -237px;}
.wrapBox .forgetpwd h5{font-size:16px; margin-bottom:10px; }
.email{margin-left:225px;}
.email .bottomEmail{border-top:1px solid #ededed;padding-top:10px;width:446px;margin-left:40px;margin-top:30px;}
.email .bottomEmail p{color:#898989;line-height:25px;}
.email .yes{background:url(../images/loginicon.png) no-repeat 1px -85px;;display:inline-block;width:60px;height:60px;vertical-align:text-bottom;position:relative;top:14px;}
.email .strong{font-size:16px;margin-left:10px;color:#000;font-weight:500;}
.email p.line{margin: 15px 0;padding-left: 42px;}
.email p a{color:#07C;}
.email p a:hover{color:#c00;}
.inner .signs li span.text{color: #888888;}
.inner .signs li span.sendBtn a{border:1px solid #44b549;background:#44b549; display:block; height:30px; line-height:30px; color:#FFF; padding:0 10px; border-radius: 5px;}
.inner .signs li span.sendBtn a:hover{background:#33ac38; text-decoration:none;}
.inner .signs li span.none a{background:#F5F5F5; color:#666; border-color:#DEDEDE;}
.inner .signs li span.none a:hover{cursor:not-allowed;background:#F5F5F5; color:#666; border-color:#DEDEDE;}
.wrapBox .forgetpwd h2{text-align:center;font-size:16px;}
.wrapBox .forgetpwd h2 i{height:27px; line-height:27px; width:27px; display:inline-block;margin-right:5px; background:url(../images/loginicon.png) no-repeat -36px -1px; position:relative;top:5px;}
.wrapBox .forgetpwd h2 a{color:#0096df;}

/*页脚*/
#footer{/**/}
#footer .copyright{padding: 20px 0;}
#footer li{float: left;padding-left: 10px;}