/*本样式表针对登录注册优化 2019-06-28*/
@font-face {font-family: "iconfont";
  src: url('/static/font/iconfont.eot?t=2016web.com'); /* IE9 */
  src: url('/static/font/iconfont.eot?t=2016web.com#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('/static/font/iconfont.woff?t=2016web.com') format('woff'),
  url('/static/font/iconfont.ttf?t=2016web.com') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('/static/font/iconfont.svg?t=2016web.com#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-weibo:before {content: "\e720";}
.icon-wtLogo:before {content: "\e650";}
.icon-qq:before {content: "\e31a";}
.icon-phone:before {content: "\e39e";}
.icon-wChat:before { content: "\e522";}
.icon-closeMask:before {content: "\e666";}
.icon-user:before {content: "\e302";}
.icon-password:before {content: "\e63e";}
.icon-loginLogo:before {content: "\e62a";}
/*主题内容*/
.loginWrapper{ width: 100%; height: 100%;background:url(/static/images/loginBg.jpg) center no-repeat; background-size: cover;  overflow-y: hidden;  position:  relative;}
.loginBox{  width: 466px;  height: 578px;background-color: #fff; border-radius:5px;  position: absolute;  top: 0; right: 0;bottom: 0;left: 50%;margin:auto;margin-left:-125px}
.logoBox{ text-align: center; margin-top:38px; margin-bottom:50px;}
.icon-loginLogo{ font-size:68px; color: #0ec5a1;}
.icon-logoVip{width: 157px;height: 24px;  background: url(/static/images/logo.png) no-repeat; display:block; margin-top: 12px; height: 36px !important; margin:40px  auto}
.icon-pptLogo{width: 195px;height: 26px; background: url(/static/images/logo.png) no-repeat;display:block; margin-top: 11px; height: 37px !important;margin:40px auto}
.loginBox .vipUserPoster{width: 235px;height: 448px;background: url(/static/images/vipUserPoster.png) no-repeat;position: absolute;top: 0;left: -195px;z-index: 10;}


/*快捷方式登录*/
.quickLogin{ text-align:center;}
.quickLoginList{ display: inline-block; width:135px; text-align: center; margin: 0 25px;}
.quickLoginList p{ text-align: center;  color: #666; line-height: 16px; font-size: 12px; padding-top:5px;}
.loginBox .quickLogin a{ width: 135px; height: 135px; display:inline-block; border-radius: 135px; overflow:  hidden;text-align: center; line-height: 135px; transition: all 0.2s; border:#eee 1px solid;}
.loginBox .quickLogin a .icon-qq{ color:#18ACFB; font-size: 90px;}
.loginBox .quickLogin a .icon-wChat{ color:#06BB14; font-size:80px;}
.quickLoginList:hover  p{ color: #0ec5a1}
.quickLoginList:hover  a,.quickLoginList:hover  a i{ opacity:0.85}
/*快捷方式登录*/

/*各种登录方式*/
.other-way-tilte{ position: relative; font-size:12px; color: #ccc; text-align: center;width:308px; margin:50px auto 40px}
.other-way-tilte:before,.other-way-tilte:after{  content: '';  height: 1px;  width:110px;  background: #e2e2e2;  position: absolute;  top:50%;  }
.other-way-tilte:before{left: 0;}
.other-way-tilte:after{right: 0;}
.all-kinds-of{ text-align: center;}
.all-kinds-of a { width: 50px; height: 50px; display:inline-block;background-color:#F1F5F8; border-radius: 50px; text-align: center; line-height: 50px; margin:0 25px; transition: all 0.2s;}
.all-kinds-of a:first-child{ margin-top:-15px;}
.all-kinds-of a i{ height: 26px}
.all-kinds-of a .icon-wtLogo{  color: #0ec5a1; font-size:20px;}
.all-kinds-of a .icon-weibo{  color: #DB1015; font-size: 26px}
.all-kinds-of a .icon-phone{  color:#F5A623; font-size:26px; }
.all-kinds-of a:hover,.all-kinds-of a:hover i{ opacity:0.85}
/*各种登录方式*/
.LoginLinkBox{ background-color: #f6f6f6 ; width:466px; height: 54px; line-height: 54px; position: absolute; bottom:0;  left: 0; color: #999; text-align: center; font-size: 14px}
.LoginLinkBox a{  color: #0ec5a1;}

/*登陆注册弹窗*/
.loginMask{ width: 100%; height: 100%; position: fixed; top: 0;  left: 0; z-index: 20px}
/*** 弹窗开启动画 ***/
@-webkit-keyframes login-win{
	0% {transform: scale(0.75);-webkit-transform: scale(0.75);}
	45% {transform: scale(1.03);-webkit-transform: scale(1.03);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); }
}
@keyframes login-win{
	0% {transform: scale(0.75);-webkit-transform: scale(0.75);}
	45% {transform: scale(1.03);-webkit-transform: scale(1.03);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); }
}
@-moz-keyframes login-win{
	0% {transform: scale(0.75);-webkit-transform: scale(0.75);}
	45% {transform: scale(1.03);-webkit-transform: scale(1.03);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); }
}
.loginMask .mask{ width: 100%; height:100%;background: #000;filter: alpha(opacity=50);opacity: .5;}
.loginMask .loginBox{ width:406px; height: 384px; border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);
    -webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards;
}
.loginMask .icon-closeMask{ font-size:14px; color: #ccc; position:  absolute; top: 10px; right:18px; display: inline-block;  width:16px; height:16px; text-align: center; line-height: 18px; cursor: pointer;}
.loginMask .icon-closeMask:hover{ color: #0ec5a1}
.loginMask .loginBox .logoBox{margin-top:32px; margin-bottom:25px;}
.loginMask .loginBox .icon-loginLogo{ font-size:55px;}
.loginMask .quickLoginList{width:75px; margin: 0 25px;}
.loginMask .loginBox .quickLogin a{ width: 75px; height: 75px;border-radius:75px;line-height:75px;}
.loginMask .loginBox .quickLogin a .icon-qq{font-size: 50px;}
.loginMask .loginBox .quickLogin a .icon-wChat{font-size:40px;}
.loginMask .other-way-tilte{width:308px; margin:30px auto 20px}
.loginMask .all-kinds-of a { width:40px; height: 40px;border-radius: 40px;line-height: 40px; margin:0 16px;}
.loginMask .all-kinds-of a .icon-wtLogo{font-size:16px;}
.loginMask .all-kinds-of a .icon-weibo{font-size:20px}
.loginMask .all-kinds-of a .icon-phone{font-size:20px; }
.loginMask .LoginLinkBox{ background-color: #fff ; width:100%; height: 16px; line-height: 16px; font-size: 12px; bottom:12px}
/*页面登录注册*/
#wt-login{width:466px;height:607px;border-radius:8px;box-shadow:0px 12px 27px 0px rgba(5,51,64,0.35);background:#fff;position:fixed;left:50%;top:50%;margin-left:-233px;margin-top:-303px}
#wt-login .content{padding-top:30px;width:340px;margin:auto}
#wt-login .web-logo{text-align:center;margin-bottom:25px}
#wt-login .web-logo i{color:#1EC9A7;font-size:60px;}
#wt-login .login-way a{width:170px;text-align:center;padding-bottom:20px;font-size:16px;color:#666}
#wt-login .login-way a:hover{color:#0EC5A1}
#wt-login .login-way .on{color:#0EC5A1}
#wt-login .line{height:2px;background:#E1E1E1;position: relative;margin-bottom: 20px;}
#wt-login .line span{display:block;width:170px;height:2px;background:#0EC5A1;position: absolute;top: 0;}

#wt-login .window{width: 340px;height: 260px;overflow: hidden;position: relative;}
#wt-login .window .method-box{width: 680px;position: absolute;top: 0;left: 0;}
#wt-login .window .method{width: 340px;}
#wt-login .method .input-box{position: relative;margin-bottom:15px;width:340px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #E6E6E6;border-radius:4px;}
#wt-login .method .input-box input{width:336px;height:36px;line-height:38px;box-sizing:border-box; border: 0;border-radius:4px;padding-left:45px;outline:none}
#wt-login .method .input-box .posi-box{position: absolute;top:9px;right: 8px;background: #ff6633; font-size: 12px;padding: 2px 6px;color: #fff;border-radius: 2px; height: 16px; line-height: 16px;}
#wt-login .method .input-box .iconfont{position:absolute;left:14px;top:0px;font-size:18px;color:#D0D0D0;}
#wt-login .method .input-box .focus{border:1px solid #B2B2B2}
#wt-login .method .sliders{height:36px;background:#E6E6E6;margin-bottom:20px}

#wt-login .method .captcha{margin-bottom: 20px;}
#wt-login .method .captcha .input-box{margin-bottom: 0;  width: 204px;}
#wt-login .method .captcha .input-box input{width: 202px;height:36px;box-sizing: border-box;border:0;padding-left: 20px;border-radius: 4px;}
#wt-login .method .captcha .get{width: 126px;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;cursor: pointer;background: #ECECEC;}
#wt-login .method .operate{margin-bottom: 28px;cursor: pointer;}
#wt-login .method .operate .agree i{display: inline-block;width: 14px;height: 14px;background: url(/static/images/agree-icon.png) -10px -10px;vertical-align: -2px;margin-right: 10px;cursor: pointer;}
#wt-login .method .operate .agree .on{background-position: -44px -10px;}
#wt-login .method .operate .agree a{color: #666;}
#wt-login .method .operate .agree a:hover{color:#0EC5A1}
#wt-login .phone-method .input-box input{padding-left: 20px;}
#wt-login .window .method .login{border: none;display:block;width: 340px;height:40px;border-radius:2px;background:#0EC5A1;font-size:16px;color:#fff;cursor: pointer;}
#wt-login .window .method .login:hover{opacity: 0.9;}
#wt-login .no-account{width:100%;height:53px;background:#F6F6F6;line-height:53px;position:absolute;left:0;bottom:0;border-radius:0 0 8px 8px;text-align:center}
#wt-login .no-account a{color:#0EC5A1}
#wt-login .other-way-tilte{margin:25px auto 20px}

#wt-login .all-kinds-of a { width:40px; height: 40px;border-radius: 40px;line-height: 40px; margin:0 18px; }
#wt-login .all-kinds-of a .icon-wChat{  color: #06BB14; font-size:20px;}
#wt-login .all-kinds-of a .icon-qq{  color: #18ACFB; font-size:27px;}
#wt-login .all-kinds-of a .icon-weibo{  color: #DB1015; font-size: 27px}
#wt-login .all-kinds-of a .icon-phone{  color:#F5A623; font-size:27px;}
.nc-container{ margin-bottom: 18px;}
.registerBox .other-way-tilte{ margin-top:80px !important}

#wt-login .icon-logoVip{width: 157px;height: 24px;  background: url(/static/images/logo.png) no-repeat; display: inline-block; margin-top: 12px; height: 36px !important; margin-bottom: 0}
#wt-login .icon-pptLogo{width: 195px;height: 26px; background: url(/static/images/logo.png) no-repeat;display: inline-block; margin-top: 11px; height: 37px !important; margin-bottom: 0}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/*Years11*/
.dx_captcha{ width: 339px !important; margin-bottom: 15px}

.loginBox .newUser-poster{width:205px;height:384px;background:url(/static/images/newUser-poster.png) no-repeat;position:absolute;top:0;left:-195px;z-index:10;}

.loginBox .ppt-poster{width:205px;height:384px;background:url(/static/images/ppt-poster.png) no-repeat;position:absolute;top:0;left:-195px;z-index:10}
