.login-body{min-height:100vh;width:100%;overflow:hidden;background-color:#f7f8fa;position:relative}.login-body .login-top-bar{background-color:#fff;height:80px;width:100%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box}.login-body .login-top-bar .login-topbar-header{position:relative;max-width:1200px;margin:0 auto;padding:23px 0}.login-body .login-top-bar .login-topbar-header .topbar-header-log{vertical-align:middle;display:inline-block;margin-right:10px;width:120px}.login-body .login-top-bar .login-topbar-header .topbar-header-log>img{width:100%}.login-body .login-top-bar .login-topbar-header .login-topbar-title{text-align:left;font-size:24px;color:#181818;letter-spacing:0;display:inline-block;padding:0 10px;vertical-align:bottom;border-left:1px solid #999;position:absolute;top:50%;transform:translateY(-50%);font-weight:initial}.login-body .login-top-bar .login-topbar-header .sub-topic-text{float:right;line-height:34px;font-size:14px;color:#9b9ea0}.login-body .login-top-bar .login-topbar-header .sub-topic-text:hover{color:#0092EE}.login-body .login-main-content{max-width:1200px;min-height:600px;height:calc(100vh - 170px);margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box}.login-body .login-main-content .login-main-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:886px}.login-body .login-main-content .mainBox{float:left}.login-body .login-main-content .login-main-text{float:left;padding:50px 40px;box-sizing:border-box;width:420px;height:470px;background:url(/v/f/Base/p/__LIST/login/pc/assets/css/../img/login_text_bg.jpg) no-repeat center;box-shadow:0px 2px 10px 0px rgba(188, 202, 224, 0.25)}.login-body .login-main-content .login-main-text h5{color:#333333;font-size:24px;font-weight:300;line-height:34px;margin-bottom:8px}.login-body .login-main-content .login-main-text ul{list-style:none}.login-body .login-main-content .login-main-text ul li{color:#666666;font-size:16px;font-weight:300;letter-spacing:2px;line-height:30px;position:relative;padding-left:10px}.login-body .login-main-content .login-main-text ul li span{color:#006dfd}.login-body .login-main-content .login-main-text ul li:after{content:'';width:3px;height:3px;border-radius:50%;background-color:#333;position:absolute;left:0;top:13px}.login-body .login-main-content .login-main-text1{background:url(/v/f/Base/p/__LIST/login/pc/assets/css/../img/login_text_bg1.jpg) no-repeat center}.login-body .login-main-content .info-text>ul>li{padding-left:10px;position:relative;margin-bottom:15px}.login-body .login-main-content .info-text>ul>li:after{content:'';width:3px;height:3px;border-radius:50%;background-color:#333;position:absolute;left:0;top:9px}.login-body .login-main-content .info-text .purchase-btn{display:inline-block;font-size:14px;border:1px solid #0092EE;color:#0092EE;padding:6px 53px;margin-bottom:15px;transition:all 0.1s}.login-body .login-main-content .info-text .purchase-btn:hover{background-color:#0092EE;color:#fff}.login-body .login-main-content .info-text .left-main-title{font-size:24px;color:#181818;margin-bottom:10px}.login-body .login-main-content .info-text .left-sub-title{color:#333;text-decoration:none;font-size:14px}.login-body .login-main-content .info-text>img{display:block;width:397px;transform:rotatey(180deg)}.login-body .bottom-floor{max-width:1200px;margin:0 auto;padding-top:35px;padding-bottom:20px}.login-body .bottom-floor .about-link>a{font-size:14px;color:#9b9ea0;letter-spacing:0.5px;display:inline-block;margin-right:35px}.login-body .bottom-floor .about-link>a:hover{color:#0092EE}.login-body .bottom-floor .friend-link{margin-top:10px}.login-body .bottom-floor .friend-link>a{font-size:14px;color:#73777a;letter-spacing:0.5px;display:inline-block;margin-right:10px}.login-body .bottom-floor .friend-link>a:hover{color:#0092EE}.login-body .bottom-floor .login-footer #root-commFooter{text-align:center;color:#73777a;line-height:35px}.login-body .bottom-floor .login-footer #root-commFooter .comm-footer-item img:last-child{height:19px}@media screen and (min-width:992px){.login-main-content .mainBox .root-login{width:460px}.login-main-content .mainBox .root-login .root-login-form{padding:0 52px;width:100%;box-sizing:border-box}.login-main-content .mainBox .root-login .root-login-form .root-login-href-group{padding:0px 88px;margin-left:-56px;margin-top:30px}}@media screen and (max-width:1200px){.bottom-floor,.login-top-bar,.login-main-content{padding-left:20px;padding-right:20px}}@media screen and (max-width:992px){.login-main-content .login-main-box{width:460px !important}.mainBox{width:100%;max-width:460px}.login-top-bar{height:50px !important}.login-top-bar .login-topbar-header{padding:12px 0 !important}.login-top-bar .topbar-header-log{width:90px !important}.login-top-bar .login-topbar-title{font-size:18px !important}.login-main-content{min-height:600px !important;height:calc(100vh - 131px - 50px) !important;justify-content:center !important;align-items:center !important;padding:20px 10px 0 !important}.login-main-content .info-text{display:none !important}.login-main-content .login-text-carousel{display:none !important}.login-main-content .login-main-text{display:none !important}.login-main-content .root-login{width:100% !important}.login-main-content .root-login .root-login-form{padding:0 20px !important;width:100% !important;box-sizing:border-box !important}.login-main-content .root-login .root-login-form .root-login-third-item:not(.root-login-registerBtn){margin-right:10px !important}.bottom-floor .friend-link{display:none !important}.bottom-floor .login-footer #root-commFooter{text-align:center !important;line-height:initial !important}.root-login .root-login-account h3{margin-bottom:16px !important}.root-login .root-login-link{height:38px !important}.root-login .root-login-tips{display:none}.root-login .root-login-form .root-login-btn-area{margin:0px !important}.root-login .root-login-title{height:350px !important}.verify_dioalog .closeD{width:68px !important}.verify_dioalog .modal-content{min-width:273px !important}.left-c,.center-c,.right-c{width:calc((100% - 112px - 36px) / 3) !important}}@media screen and (max-width:500px){.login-main-content .login-main-box{width:calc(100vw - 50px) !important}.mainBox{width:100%;max-width:calc(100vw - 50px) !important}}.login-text-carousel{width:418px;height:470px;float:left;overflow:hidden;position:relative;border:1px solid #eee}.carousel-list{width:100%;height:100%;position:relative}.login-main-text.active{left:0}.login-main-text.next{left:100%}.login-main-text.prev{left:-100%}.login-main-text{position:absolute;transition:left 0.5s ease-in-out}.carousel-dots{position:absolute;bottom:10px;left:50%;margin-left:-24px;height:12px}.carousel-dot{width:8px;height:8px;border-radius:6px;background-color:#ddd;cursor:pointer;display:inline-block;margin:0 2px;zoom:1;*display:inline;transition:0.5s;-moz-border-radius:5px}.carousel-dot.active{background-color:#007bff;width:18px}