@import url("../../font/style.css");.hidden{display:none}.yop-login-box{position:relative;min-width:1200px;background-color:#ffffff;display:none}.yop-login-box .yop-login-header{position:absolute;height:43px;line-height:43px;width:1200px;top:30px;left:50%;margin-left:-600px;z-index:2}.yop-login-box .yop-login-header .logo-box{float:left}.yop-login-box .yop-login-header .logo-box a{display:block;height:43px;width:211px;float:left}.yop-login-box .yop-login-header .btn-box{float:right}.yop-login-box .yop-login-header .btn-box a{height:30px;display:inline-block;line-height:28px;border:1px solid #ffffff;border-radius:20px;width:100px;text-align:center;color:#ffffff;font-size:14px}.yop-login-box .yop-login-header .btn-box a:hover{color:#67B2F5;background-color:#ffffff;transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}.yop-login-box .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;width:100%;height:900px}.yop-login-box .swiper-container .swiper-slide{position:absolute;left:0;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover}.yop-login-box .swiper-container .swiper-slide:first-child{z-index:10}.yop-login-box .swiper-container .swiper-pagination{position:absolute;z-index:10;bottom:auto;left:50%;margin-left:-600px;width:1200px;text-align:left;top:600px;height:14px;padding-left:16px}.yop-login-box .swiper-container .swiper-pagination-bullet{background:#ffffff;width:14px;height:14px;margin:0 5px;display:inline-block;border-radius:100%;cursor:pointer;opacity:0.5}.yop-login-box .swiper-container .swiper-pagination-bullet:first-child{margin-left:0}.yop-login-box .swiper-container .swiper-pagination-bullet.active{opacity:1}.yop-login-box .swiper-container .banner-2{background-image:url(../../images/login/banner_2.jpg)}.yop-login-box .swiper-container .text-box{position:absolute;width:1200px;left:50%;top:343px;margin-left:-600px;padding-right:600px;color:#ffffff}.yop-login-box .swiper-container .text-box a{display:block;padding-bottom:35px;padding-left:16px;position:relative}.yop-login-box .swiper-container .text-box a i{position:absolute;width:6px;height:18px;left:0;top:0;border-radius:3px;background:#ffffff}.yop-login-box .swiper-container .text-box a em{display:block;font-style:normal;font-size:20px;line-height:18px;padding-bottom:15px}.yop-login-box .swiper-container .text-box a span{height:16px;font-size:16px}.yop-login-box .swiper-container .text-box a:hover{font-weight:700}.yop-login-box .swiper-container .text-bg{position:absolute;width:1200px;height:99px;top:183px;left:50%;margin-left:-600px;background:url(../../images/login/text-bg.png) no-repeat left center}.yop-login-box .yop-login-right{position:absolute;width:440px;left:50%;top:120px;margin-left:160px;z-index:3}.yop-login-box .yop-login-right .login-right{position:relative;float:right;width:440px;min-height:450px;border-radius:10px;background:rgba(0,0,0,0.2);padding:55px 40px 30px}.yop-login-box .yop-login-right .login-right .tip{position:absolute;width:120px;color:white;top:10px;right:60px;padding-left:7px;padding-top:3px;background:url(../../images/login/login-tip-bg.png) no-repeat;height:23px}.yop-login-box .yop-login-right .login-right .tip .icon-tip{width:13px;height:13px;display:inline-block;position:relative;background:url(../../images/login/icon-tip.png) no-repeat;top:2px}.yop-login-box .yop-login-right .login-right .mg-r-20{margin-right:20px}.yop-login-box .yop-login-right .login-right .go-qrcode{background:url(../../images/login/login-qrcode.png) no-repeat;background-size:cover;cursor:pointer}.yop-login-box .yop-login-right .login-right .go-password{background:url(../../images/login/login-password.png) no-repeat;background-size:cover;cursor:pointer}.yop-login-box .yop-login-right .login-right .login-switch{position:absolute;width:40px;height:35px;top:10px;right:10px}.yop-login-box .yop-login-right .login-right .qrcode-area{width:190px;height:190px;margin:30px auto;position:relative}.yop-login-box .yop-login-right .login-right .qrcode-area .refresh-qrcode{position:absolute;width:100%;height:100%;top:0;text-align:center;color:white;background:rgba(0,0,0,0.6);padding-top:70px}.yop-login-box .yop-login-right .login-right .qrcode-area .refresh-qrcode .refresh-tip{margin-bottom:10px}.yop-login-box .yop-login-right .login-right .qrcode-area .refresh-qrcode .refresh-btn{width:70px;background:#2C7CDF;border-radius:5px;margin:0 auto;line-height:30px;cursor:pointer}.yop-login-box .yop-login-right .login-right .qrcode-area img{border:7px solid #ffffff;width:100%;height:100%}.yop-login-box .yop-login-right .login-right .qr-message{width:200px;margin:0 auto;color:white}.yop-login-box .yop-login-right .login-right .qr-message .scan-icon{display:inline-block;margin-right:5px;width:28px;height:28px;background:url(../../images/login/icon-scan.png) no-repeat;background-size:cover}.yop-login-box .yop-login-right .login-right .qrcode-footer{margin-top:30px;text-align:right}.yop-login-box .yop-login-right .login-right .qrcode-footer span{color:white;cursor:pointer}.yop-login-box .yop-login-right .login-right .tile-box{text-align:center;font-size:28px;line-height:28px;color:#ffffff}.yop-login-box .yop-login-right .login-right .message{height:59px;line-height:59px;color:#f75555;text-align:center}.yop-login-box .yop-login-right .login-right .message i{margin-right:8px;vertical-align:-3px;display:inline-block;width:14px;height:14px;background:url(../../images/login/warning.png) no-repeat center}.yop-login-box .yop-login-right .login-right .input-area{position:relative;width:360px;height:52px;line-height:52px;background-color:#ffffff;padding:0 12px;border-radius:4px}.yop-login-box .yop-login-right .login-right .input-area .placeholder-label{display:none}.yop-login-box .yop-login-right .login-right .input-area .icon{display:inline-block;vertical-align:middle;width:14px;height:14px;background-repeat:no-repeat;background-position:center center}.yop-login-box .yop-login-right .login-right .input-area .icon-fail{background-image:url(../../images/login/fail.png)}.yop-login-box .yop-login-right .login-right .input-area .icon-done{background-image:url(../../images/login/done.png)}.yop-login-box .yop-login-right .login-right .input-area .icon-user{width:22px;height:26px;background-image:url(../../images/login/user.png)}.yop-login-box .yop-login-right .login-right .input-area .icon-pwd{width:21px;height:27px;background-image:url(../../images/login/password.png)}.yop-login-box .yop-login-right .login-right .textbox{font-size:14px;width:268px;height:52px;line-height:52px;background-color:transparent;margin:0 15px 0 10px;border:none;vertical-align:top}.yop-login-box .yop-login-right .login-right .remember{width:360px;height:20px;line-height:20px;margin-top:14px}.yop-login-box .yop-login-right .login-right .remember .holdon{display:none;float:left;width:100px}.yop-login-box .yop-login-right .login-right .remember .forget{float:right;width:80px;text-align:right}.yop-login-box .yop-login-right .login-right .remember .forget a{color:#ffffff}.yop-login-box .yop-login-right .login-right .remember .forget a:hover{color:#4f98e9}.yop-login-box .yop-login-right .login-right .button{display:block;width:360px;height:48px;line-height:52px;background-color:#4384C6;color:#fff;text-align:center;margin-top:49px;font-size:18px;font-weight:bold;border-radius:4px}.yop-login-box .yop-login-right .login-right .button:hover{background-color:#2c7cdf}.yop-login-box .yop-login-right .login-right .button-weixi{margin-top:0}.yop-login-box .yop-login-right .wechat-btn-wrap{margin-top:30px;width:100%;text-align:center}.yop-login-box .yop-login-right .wechat-btn-wrap #btn-login-wechat{display:inline-block;padding-left:30px;height:21px;line-height:20px;background:url(../../images/login/weixi-icon1.png) no-repeat 0 0;color:#fff;font-size:14px}.yop-login-box .yop-login-right .login-right:hover{background:rgba(0,0,0,0.3)}.yop-login-box .yop-login-right .scan-succeed{width:100%;height:100%;padding-top:54%;border-radius:4px;text-align:center;background:#fff url(../../images/login/scan-succeed.png) no-repeat center 34%}.yop-login-box .yop-login-right .scan-succeed>p{margin-top:6px;font-size:14px;font-weight:bold}.yop-login-box .yop-login-bottom{position:relative;background:#ffffff}.yop-login-box .yop-login-bottom .bg-box{height:799px;width:100%;background:url(../../images/login/download-bg.jpg) no-repeat center;background-size:cover}.yop-login-box .yop-login-bottom .remarks-box{position:absolute;bottom:50px;left:0;right:0}.yop-login-box .yop-login-bottom .remarks-box .about{margin:0 auto;width:432px;height:16px;line-height:16px;font-size:14px}.yop-login-box .yop-login-bottom .remarks-box .about .link{text-align:center;float:left;width:108px;height:16px;border-left:1px solid #333}.yop-login-box .yop-login-bottom .remarks-box .about .link:first-child{border-left:0}.yop-login-box .yop-login-bottom .remarks-box .about a:hover{color:#4f98e9}.yop-login-box .yop-login-bottom .remarks-box .copyright{width:100%;text-align:center;height:16px;line-height:16px;margin-top:30px}
/*# sourceMappingURL=login.css.map */