@charset "utf-8";
/***************CSS********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, textarea, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, button, select, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}.i_font {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-image: url(../images/icon_bg.png);background-repeat: no-repeat;background-position: 20px -236px;}html{height: 100%;}body{background: #f9f9f9;color: #3b3b3b;font-family:"微软雅黑";font-size: 14px;height: 100%;padding: 0px;margin: 0px;}ul {list-style: none;}a {text-decoration: none;}a:hover, a:active {outline: 0;}.clearfix:before, .clearfix:after {content: "";display: table;}.clearfix:after {clear: both;}.clearfix {*zoom: 1;}.rm {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}.wall {width: 1190px;margin: 0 auto;}.m_10 {margin-top: 10px;}.m_20 {margin-top: 20px;}.yahei {font-family: "Microsoft YaHei" !important;}.arial {font-family: "Arial" !important;}.f_l {float: left;}.f_r {float: right;}
.header {width: 1190px;margin: 0 auto;height: 100px;}.logo {width: 366px;height: 65px;margin-top: 17px;}
.tips-wrap{background: #fff8f1;width: 100%;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.tips-inner .con-wrap{display: inline-block;width: 90%;}
.tips-inner .con-wrap .icon-tips {background: url(../images/icon.png);display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
.tips-inner .con-wrap p{vertical-align: middle;color: #999;font-size: 12px;display: inline-block;}
.login-info{background: url(../Images/login_ban.jpg) no-repeat center center;height: 600px;width: 100%;}
@media screen and (max-width: 1000px) {.login-info {width: 1190px;}}
.login-area{width: 1130px;height: 600px;margin: 0 auto;position: relative;}
.login-box{width: 300px;background: #fff;position: absolute;right: 0px;top: 71px;padding:26px;}
.login-tab{height: 40px;border-bottom: 1px solid #ddd;}
.login-tab a{font-size: 20px;color: #666;}
.login-tab .sel{color:#f56611}
.login-tab .line{width: 1px;height: 18px;margin: 0 14px;border: 1px solid #e0e0e0;}
.login-tab span{font-size: 14px;color: #e4393c;padding-left:27px;display:none;}
.login-tab span em{display: inline-block;width: 17px;height: 17px;position: relative;top: 3px;right: 4px;background: url(../Images/icon.png) no-repeat -16px -16px;}
.login-tip{margin: 0 auto;}
.login-tip p{height: 28px;line-height: 28px;}
.login-tip span{font-size: 12px;color: #e4393c;display: none; padding-left:2px;position: absolute;}
.login-tip span em{display: inline-block;width: 17px;height: 17px;position: relative;top: 3px;right: 4px;background: url(../Images/icon.png) no-repeat -16px -16px;}
.account-area{margin:0 auto;}
.account-area .account-box{position: relative;height:72px;font-family: arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;}#div-code{display:none;}
.account-area .account-box .item-account{background:#FFF;color: #666;border: 1px solid #ddd;height: 41px;line-height: 41px;width: 280px;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding: 0 10px;font-size:14px;outline: none;}
.account-area .account-box .item-code{background:#FFF;color: #666;border: 1px solid #ddd;height: 41px;line-height: 41px;padding: 0 10px;font-size:14px;}
.account-area .account-box .login-code{width: 100px;height: 41px;line-height: 41px;font-size: 12px;position: absolute;right: 0px;top: 0px;border: 1px solid #ddd;cursor: pointer;}
.account-area .account-box .login-btn{height: 46px;line-height: 40px;background: #38a1e1;cursor: pointer;color: #fff;font-size: 20px;border: 1px solid #ddd;width: 303px;text-align: center;}
.account-area .account-box .login_btn:hover{background: #1b90d8;}
.account-area .other_panel{height: 22px;line-height: 22px;overflow: hidden;color: #666;}
.account-area .other_panel span{float: left;}
.account-area .other_panel a{color: #38a1e1;float: right;}
.account-area .other_panel a:hover{text-decoration: underline;}
.account-area .account-box .pass-text-input-error{border-color:#fc4343}
.account-area .account-box .pass-text-input-focus{border-color:#488ee7}
.login-u-con{display:none;}
.login-wx-con .tang-body-wx{background-color: #FFF;margin-bottom:22px;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content{text-align: center;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-view{margin: auto;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-view .qrcode-view-mod{position: relative;overflow: hidden;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-view .qrcode-view-mod img {width: 136px;height: 136px;display: block;margin: 0 auto;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-view #wechat_login{width: 300px;height: 259px;display: block;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-desc {overflow: hidden;margin: 0 auto; width: 189px;} 
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-desc .desc-icon {width: 36px;height: 36px;float: left;background: url(../Images/l-icon.png) no-repeat -18px -105px;}
.login-wx-con .tang-body-wx .tang-pass-qrcode-content .qrcode-desc p {font-size: 12px;text-align: left;padding-left: 44px;margin: 0;}
.login-m-con{display:none;}
.login-m-con .pass-text-input{position: relative;height:72px;}
.login-m-con .pass-text-input .pass-text-user{background:#FFF;color: #666;border: 1px solid #ddd;height: 41px;line-height: 41px;width: 280px;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding: 0 10px;font-size:14px;outline: none;}
.login-m-con .pass-text-input .pass-text-pcode{background:#FFF;color: #666;display: inline-block;margin-right: 10px;
    border: 1px solid #ddd;padding: 13px 10px 12px 10px;width: 158px;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;font-size:14px;zoom: 1;outline: none;}
.login-m-con .pass-text-input .pass-text-input-error{border-color:#fc4343}
.login-m-con .pass-text-input .pass-text-input-focus{border-color:#488ee7}
.login-m-con .pass-text-input .pass-text-button{display: inline-block;width: 108px;height: 42px;line-height: 42px;background-color: #eee;border-color: #dadada;font-size: 14px;color: #333;border: 1px solid #ddd;cursor: pointer;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.login-m-con .pass-text-input .pass-text-login-btn{display: block;height: 46px;line-height: 40px;background: #38a1e1;cursor: pointer;color: #fff;font-size: 18px;border: 1px solid #ddd;width: 303px;text-align: center;}
.login-m-con .pass-text-input .pass-text-code{background:#FFF;color: #666;display: inline-block;margin-right: 10px;
    border: 1px solid #ddd;padding: 13px 10px 12px 10px;width: 139px;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;font-size:14px;zoom: 1;outline: none;}
.login-m-con .pass-text-input .pass-verifyCode{height: 40px;line-height: 36px;font-size: 12px;position: absolute;top: 0px;border: 1px solid #ddd;cursor: pointer;}
.login-m-con .pass-text-href{height: 22px;line-height: 22px;overflow: hidden;color: #666;}
.login-m-con .pass-text-href span{float: left;}#passmcode{display:none;}
.login-m-con .pass-text-href a{color: #38a1e1;float: right;}
.login-m-con .pass-text-href a:hover{text-decoration: underline;}
.slidetounlock {font-size: 12px;background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 3s infinite;-webkit-text-size-adjust: none}
@-webkit-keyframes slidetounlock {0% { background-position: -200px 0}100% {background-position: 200px 0}}
#drag{position: relative;background-color: #e8e8e8;width: 302px;height: 41px;line-height: 41px;text-align: center;margin-bottom:25px;}
#drag .handler{position: absolute;top: 0px;left: 0px; width: 40px;height: 39px;background:#fff; border: 1px solid #ccc;cursor: move;}
.handler_ok_bg em{display: inline-block;width: 17px;height: 17px;position: relative;top: 10px;right: 0px;background: url(../Images/icon.png) no-repeat 1px -16px;}
.handler_bg{background: #fff url("../img/slider.png") no-repeat center;}
#drag .drag_bg {background-color: #7ac23c;/*background: #8dcefb;*/height: 41px;width: 0px;}
#drag .drag_text{position: absolute;top: 0px;width: 300px;color:#9c9c9c;-moz-user-select: none; -webkit-user-select: none;user-select: none;-o-user-select:none; -ms-user-select:none; font-size: 12px;  }

/*用户注册*/
.go{float: right;line-height: 138px; font-size:16px;}
.go a{color: #38a1e1;}
.go a:hover{text-decoration: underline;}
.register_area{background: #fff;}
.reg-form{padding: 60px 192px;}
.input-item{width: 398px;height: 52px;border: 1px solid #ddd;float: left;position: relative;}
.input-item input{height: 50px;line-height: 50px;width: 241px;float: left;border: none;padding: 0 10px;outline: none;font-family: "微软雅黑";background:#FFF;color: #666;}
.input-item label{width: 95px;float: left;line-height: 52px;padding-left:20px;}
.input-item .icon-status {background: url(../Images/icon.png) no-repeat 0px -17px;position: absolute;width: 16px;height: 16px;top: 18px;right: 20px;display:none;}
.input-tip{height: 36px;padding-top:4px;font-size: 12px;color: #f00;}
.input-tip span{color: #e60707;padding-left:8px;}
.input-tip span em{display: inline-block;width: 17px;height: 17px;position: relative;top: 3px;right: 4px;background: url(../Images/icon.png) no-repeat -16px 1px;}
.input-tip b {color:#999;font-size:10px;}
.input-tip span em.strong{ background: url(../Images/icon.png) no-repeat -33px -33px; }
.input-tip span em.medium{ background: url(../Images/icon.png) no-repeat -33px -16px; }
.input-tip span em.weak {background: url(../Images/icon.png) no-repeat -16px -33px;}
.input-area span{float: left;line-height: 52px;padding-left: 20px;color: #c5c5c5;}
.img-code{width: 110px;height: 46px;position: absolute;top: 3px;right: 3px;cursor: pointer;}
.reg-msg{padding-top:15px;}.reg-msg input{font: 12px/1.5 tahoma,arial,\5b8b\4f53;margin: 0 auto;display: inline-block;margin-top: -3px; vertical-align: middle;}
.reg-msg a{color:#0068b7;}
.n_checked {padding: 10px 0;cursor: pointer;display: inline-block;color:#999;}
.input-item input.btn-phonecode{width: 110px;height: 52px;background: #f2f2f2;color: #000;position: absolute;top: 0;right: 0;border: none;padding:0;cursor: pointer;}
.input-item input.btn-register{width: 100%;height: 54px;background: #38a1e1;color: #fff;border: none;text-align: center;line-height: 54px;font-size: 18px;cursor: pointer;}
.input-item input.btn-register:hover{background: #1b90d8;}
.pass-text-input-error{border-color:#fc4343}
.pass-text-input-focus{border-color:#488ee7}
#yzuserphone{display:none;}#yztip{display:none;}
.cd-popup-container { width:600px;margin:30px auto;height:415px;background: #f8f8f8;text-align: center;border-radius:8px;}
.cd-buttons{line-height: 40px;width: 500px;padding: 60px 50px;}.cd-buttons p{position:relative;font-size:16px;}.cd-buttons p em{display:inline-block;background: url(../Images/icon_correct.png) no-repeat;width:50px;height:40px;position: absolute;top: 0;left: 109px;}.cd-buttons p span{display:block;color:green;font-weight:600;}.cd-buttons p a.cd-popup-close{display:block;text-decoration: none;color: #fff;font-size: 16px;font-weight: bold;margin: 15px 166px;background-color: #38a1e1;width: 150px;border-radius:5px;}.cd-a{font-size:12px;color:#999;}
.footer {width: 100%;min-width: 1190px;background: #f8f8f8;font-size: 13px;color: #666;line-height: 30px;margin-top: 15px;padding: 20px 0;overflow: hidden;_position: relative;_height: 170px;clear: both;border-top: 1px solid #dedede}
.footer .wall {width: 1190px;margin: 0 auto;}
.footer p {left: 50%;bottom: 10px;text-align: center}