/* CSS Document */
body,html{ height: auto; background: #fff; color: #505050;}
a{ color:#505050;}

/* 头部 */
.m-login-header{ overflow: hidden; padding: 25px 0; width: 1000px; margin: 0 auto;}
.m-login-header .logo img{ height: 50px; width: auto;}

/* 内容部分的统一风格 */
.r-login-con{ outline: 4px solid #f6f6f6; border: 1px solid #eaeaea; padding: 20px; margin: 0 auto; width: 952px;}
.r-login-con .ipt{ position: relative;}
.r-login-con .ipt .u-txt{ padding: 10px 15px; height:28px; line-height: 28px; border: 1px solid #ddd; box-shadow: none; font-size: 14px; color: #bbb;}
.r-login-con .ipt .u-txt:hover,.r-login-con .ipt .u-txt:focus{ border-color: #bbb; color: #404040;}
.r-login-con .ipt .u-msg{ position: absolute; top: 51px; left: 0px; margin-left: 0;}
.r-login-con .ipt .u-msg.Validform_right{display: none}
.r-login-con .btn1{ width: 100%; border: 0; background: #e33135; border-radius: 3px; color: #fff; font-size: 20px; text-align: center; padding: 15px 0; cursor: pointer; outline: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.r-login-con .btn1.btn-gray{ background: #eee;color: #999;}
.r-login-con .btn1-small{ padding: 10px 0;}

.icon-user,.icon-password,.icon-key,.icon-mobile{ background: center center no-repeat; display: inline-block; width: 18px; height: 18px;}
.icon-user{ background-image: url('../images/icon-user.png');}
.icon-password{ background-image: url('../images/icon-password.png');}
.icon-key{ background-image: url('../images/icon-key.png');}
.icon-mobile{ background-image: url('../images/icon-mobile.png');}
.f-mb25{ margin-bottom: 25px;}
.f-mb30{ margin-bottom: 30px;}

.s-blue{color: #0077cc;}

/* 登录 */
.m-login .banner{ width: 480px; margin-right: 65px; height: 400px; overflow: hidden;}
.m-login .con{ overflow: hidden; padding-right: 47px; height: 400px; position: relative;}
.m-login .con .header{ margin-bottom: 25px; line-height: 20px; font-size: 14px;}
.m-login .con .header h2{ font-size: 20px; font-weight: 700;}
.m-login .con .bd .ipt .u-txt{ width: 292px; padding-left: 50px;}
.m-login .con .bd .ipt .icon{ position: absolute; top: 50%; margin-top: -8px; left: 20px;}
.m-login .bottom{ position: absolute; bottom: 0px; width:360px; }

/* 弹窗登录 */
.m-login-dialog{ width: 360px; padding: 20px; border: 0; outline: 0;}
.m-login-dialog .header{ margin-bottom: 25px; line-height: 20px;}
.m-login-dialog .header h2{ font-size: 20px; font-weight: 700;}
.m-login-dialog .bd .ipt .u-txt{ width: 292px; padding-left: 50px;}
.m-login-dialog .bd .ipt .icon{ position: absolute; top: 50%; margin-top: -8px; left: 20px;}

/* 注册 */
.m-reg{ padding: 0 45px; overflow: hidden;}
.m-reg .header{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; font-size: 14px; position: relative;}
.m-reg .header ul{ margin: 0 auto; width: 405px;font-size: 0;text-align: center;}
.m-reg .header ul li{ display: inline-block; width: 50%; text-align: center; color: #828282; position: relative; font-size: 20px; font-weight: 900; height: 30px; padding-top: 10px;}
.m-reg .header ul li span{ display: block; border-left: 1px solid #ddd; line-height: 20px;}
.m-reg .header ul li:first-child span{ border-left: 0;}
.m-reg .header ul li.sel,.m-reg .header ul li.select{ color: #000;border-bottom: 2px solid #e33135;}
.m-reg .header ul li.sel i,.m-reg .header ul li.select i{ display:inline-block; height: 0; width: 0; border-width: 5px; border-color: #e33135 transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; bottom: -12px; left: 50%; margin-left: -3px;}
.m-reg .con{ width: 405px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px;}
.m-reg .con .item{ position: relative;}
.m-reg .con .item .hd{ float: left; width: 155px; text-align: right; line-height: 40px; font-size: 14px;color: #555; position: absolute; left: -100px;}
.m-reg .con .item .bd{ padding-left: 65px;}
.m-reg .con .item .ipt .u-txt{ padding: 5px 10px; width: 315px;}
.m-reg .con .item .ipt .u-msg{ top: 41px;}
.m-reg .con .item .ipt-btn .u-txt{width: 230px; padding-right: 95px;}
.m-reg .con .item .ipt-btn i{ display: inline-block; padding: 0 10px; line-height: 40px; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0; cursor: pointer;}


/*登录*/
html, body { height: 100%; }
body { overflow-y: auto; }

.wrap { position: relative; width: 100%; min-height: 100%; height: auto; background: #f6f6f6; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.main-box { max-width: 1200px; min-width: 860px; min-height: 500px; padding-bottom: 50px; }
.main-box .container{width: 100%; min-height:500px; background: #fff; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
.main-box .m-login { height: 500px; }
.main-box .m-login .inner { height: 440px; }
.main-box .container .inner { width: 320px; padding: 30px 90px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; align-content: center; }

.ad-pic { width: 500px; height: 500px; overflow: hidden; }
.ad-pic img { display: block; width: 100%; height: 100%; }

.init { width: 100%; height: 90px; padding-bottom: 30px; text-align: center; }
.init .logo { width: 100%; margin-bottom:10px; text-align: center; font-size: 0; overflow: hidden;}
.init .logo img { display:inline-block; vertical-align: top;}
.init .tit-txt { line-height: 20px; font-size: 22px; color: #333; }

.form-box { width: 100%; }
.form-box .tabs { width: 100%; height: 30px; margin-bottom: 20px; overflow: hidden; }
.form-box .tabs li { position: relative; float: left; width: 50%; height: 20px; line-height: 20px; font-size: 16px; color: #aaa; text-align: center; box-sizing: border-box; cursor: pointer; }
.form-box .tabs li:first-child { border-right: 1px solid #eee; }
.form-box .tabs li::before { display: none; position: absolute; left: 50%; bottom: -10px; content: ''; width: 30px; height: 3px; margin-left: -15px; border-radius: 2px;}
.form-box .tabs li.on { color: #333; font-weight: bold; }
.form-box .tabs li.on::before { display: block; }

.form-line { position: relative; width: 100%; height: 44px; line-height: 44px; margin-bottom: 20px; border: 1px solid #e0e0e0; box-sizing: border-box; display: -webkit-flex; display: flex; }
.form-line .icon { width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #aaa; -webkit-flex-shrink: 0; flex-shrink: 0; }
.form-line .txt { position: relative; display: block; width: 100%; height: 22px; line-height: 22px; padding:10px 0; font-size: 14px; color: #333; border: none; outline: none; background: none; }
.form-line .check { display: block; padding-right: 20px; font-size: 14px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.form-line .right-icon, .form-line .remove { width: 22px; height: 42px; padding-right: 10px; text-align: center; font-size: 14px; color: #ddd; -webkit-flex-shrink: 0; flex-shrink: 0; }
.form-line .remove { color: rgba(0, 0, 0, 0.4); }
.form-line .vCode { display: block; width: 120px; height: 42px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.form-line .vCode img { display: block; width: 100%; height: 100%; }
.form-line .u-msg { position: absolute; left: 0; top: 44px; width: 320px; height: 20px; line-height: 18px; padding-left: 42px; font-size: 12px; color: red; box-sizing: border-box; }

.prompt { height: 20px; line-height: 20px; margin-bottom: 20px; text-align: center; font-size: 14px; color: #999; }
.prompt a { font-weight: bold; }

.btn-line p { height: 20px; line-height: 20px; font-size: 16px; }
.btn-line .lg-btn { display: block; width: 100%; height: 44px; line-height: 44px; margin-bottom: 10px; text-align: center; font-size: 16px; color: #fff; border: none; box-sizing: border-box; cursor: pointer; outline:none;}
.btn-line .lg-btn.btn-white { color: #333; background: #fff; border: 1px solid #ccc; }

.footer { position: relative; height: 50px; margin-top: -50px; line-height: 30px; text-align: center; color: #aaa; font-size: 12px; }