@font-face {
  font-family: 'font';
  src: url('../fonts/font.otf');
}
body.login {
    min-width: auto;
    font-family: font;
}
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h1, h2, h3, h4{ padding: 0; margin: 0; color:#333; font-weight:bold; color:#121730; text-transform:capitalize;  box-sizing:border-box;  font-weight:700;}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
figure{ margin:0; box-sizing:border-box;}
input, select, textarea, button{  }
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus, button:focus{ outline:none;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d0d1d6;
  opacity: 1; /* Firefox */
}

/* login */
.login-bg{position:fixed;width: 100%;height: 100%;background: url(../../_image/loginbg.jpg?ver=1.01) no-repeat center; background-size:cover;z-index: 0;}
.login-box{max-width: 500px;margin: -320px auto 0px;padding: 0 30px;box-sizing: border-box;position: absolute;top: 50%;left: 0;right: 0;}
.login-logo{display: table;margin: 0 auto;position: relative;}
.login-logo a{position: relative;z-index: 1;}
.login-logo img{width: 209px;}
.login-logo::before{display: none;content:"";width: 107px;height: 105px;left: 50%;top: 50%;margin-left: -55px;margin-top: -49px;box-shadow: 0px 0px 100px #000776;z-index: 1;}
.login-txt{text-align:center;font-size: 13px;color: #fff;padding: 15px 0;}
.login-txt p:first-child{font-size: 18px;margin-bottom: 10px;}

.login-cont-wrap{position: relative;background: #191919; padding: 20px 20px 60px; border: 5px solid #597749;border-radius: 10px;margin-top: 5px;/* overflow: hidden; */}
.login-cont {margin-top: 0;}
.login-cont p{margin: 7px 0px; position: relative; border: 1px solid #3080cc; border-radius: 5px;}
.login-cont p input{width: 100%;height: 40px;font-size: 14px;font-weight: 500;color: #0f0f0f;padding-left: 10px;outline: 0;background: #fff;border-radius: 5px;border: 0; }
.login-cont p input[type="password"]{color: #0f0f0f;}
.login-cont p button{width: 100%;border: none;background-color: #1b1b1b;}
.login-cont p.p3 input{width:230px;outline:0;}
.login-cont p.p3 span.checking{position: absolute;top: 0;left: 0;width:96px;height:35px;background:#d3e8f8;}
.login-cont p .checking{position:absolute;bottom: 13px;left: 10px;}
.login-cont p .iconfont{position:absolute;top: 18px;left: 35px;font-size: 0;width: 31px;height: 34px;color: #fff;/* display: none; */}

.login-btn {
    text-align: center; line-height: 40px; font-size: 14px; color: #fff;
    width: calc( 50% - 5px ); height: 40px;
    background: #3c6e21;
    border-radius: 5px;
    margin-right: 5px;
    float: left;
    border:0px;
}
.join { 
    text-align: center; line-height: 40px; font-size: 14px; color: #fff;width: calc( 50% - 2px ); height: 40px; border-radius: 5px; 
    background: #c40304;float: left;border:0px;}

.login-cont p input::-webkit-input-placeholder { /* WebKit browsers */
    color: #656565;
}
.login-cont p input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #656565;
}
.login-cont p input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #656565;
}

.login-cont p input[type="password"]::-webkit-input-placeholder { /* WebKit browsers */
    /*color: #0000ff;*/
}
.login-cont p input[type="password"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    /*color: #0000ff;*/
}
.login-cont p input[type="password"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    /*color: #0000ff;*/
}

.gra-bor::before,
.gra-bor::after{content:"";position: absolute;top: -2px;left: 50px;right: 50px;height: 2px;background: url(../img/under_linejpg) center;background-size: 100%;}
.gra-bor::after{top:auto;bottom:-2px;}

.gra-bor2::before,
.gra-bor2::after{content:"";position: absolute;top: -1px;left: 35px;right: 35px;height: 1px;z-index: 0;background-image: url(../img/short_line.jpg) !important;background-size: 100%;}
.gra-bor2::after{top:auto;bottom: -1px;}

.login-ft{position:fixed;bottom:0;width:100%;}
.code-btn{margin-top: 10px;}

.color-red{font-size: 13px;color: #fff;}
.color-black{font-size: 13px;color: #fff;}

.join-btn{overflow:hidden;max-width: 292px;margin: 0 auto;}
.join-btn .black-btn{float:right;width: calc(100% - 131px);position:relative;overflow:hidden;}
.join-btn .white-btn{float:left;width: 121px;position:relative;margin-top: 0;overflow:hidden;}
.black-btn a{display:block;height: 51px;line-height: 51px;background: url(/img/line.gif);background-size: 100% 100%;text-align:center;font-size: 18px;font-weight:700;color: #000;border-radius: 35px;font-family: "GongGothicMedium";}
.white-btn{margin-top:10px;}
.white-btn a{display:block;height: 51px;line-height: 46px;border: 1px solid #a58441;text-align:center;font-size: 18px;font-weight:700;color: #b09864;border-radius: 35px;font-family: "GongGothicMedium";position: relative;}


select {
    -webkit-appearance: none;  /* */
    -moz-appearance: none;
    appearance: none;
}
/* IE 10, 11 */
select::-ms-expand {
    display: none;
}

.join-bg{position:fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/bg-login.jpg) no-repeat center top;background-size:cover;}
.join-box{margin: 0 auto;box-sizing: border-box;position: relative;padding: 20px;}
.join-v{ padding: 15px;background: #191919;border: 5px solid #ffbe00;border-radius: 5px;position: relative;}
.join-v .tit{font-size:26px;font-weight:700;color: #fff;}
.join-v .repeat-box{position:relative;}
.join-v .repeat-btn{position:absolute;top: 0px;right: 0;width: 84px;height: 40px;line-height: 40px;text-align:center;font-size: 16px;font-weight: 700;color: #fff;}
.join-v .cont{}
.join-v .cont ul{padding-bottom:10px;}
.join-v .cont li{overflow:hidden;margin-bottom: 5px;}
.join-v .cont li .first{ font-size: 14px;font-weight:700;color: #ffffff;font-family: 'GongGothicMedium';width: 100%;padding-top: 13px;}
.join-v .cont li .first i{font-size:16px;color: #c41e1e;margin-left:5px;}
.join-v .cont li .second{ width: 100%; }
.join-v .cont .grey{margin-left:10px;font-size:15px;color:#b1b1b1;}
.join-v .cont .white{margin:0 6px;font-size:16px;color:#fff;}
.join-v .cont input,
.join-v .cont select{background: #fff;font-size: 15px;color: #000;outline: none; border: 5px solid #060606; border-radius: 5px; }
.join-v .cont input:focus, .join-v .cont select:focus {  height: 40px; border: 5px solid #060606; }
.join-phone{overflow:hidden;}
.join-phone input,
.join-phone span,
.join-phone select{float:left;}
.join-phone span{margin:0 3px;line-height: 45px;width: calc(2% - 6px);}
.ipt91{width: 33%;height: 40px;}
.ipt111{width: 31%;height: 40px;}
.ipt101{width: 33%;height: 40px;}
.iptD{width: calc(100% - 90px);height: 40px;}
.iptC{width: 100%;height: 40px;}
.sele91{width: 30%;height: 40px;}
.seleC{width: 100%;height: 40px;}
.join-v .cont input:focus,
.join-v .cont select:focus{border-bottom:1px solid #694e28;}

.join-v .cont input::-webkit-input-placeholder { /* WebKit browsers */
    color: #d8c08b;
}
.join-v .cont input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d8c08b;
}
.join-v .cont input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #d8c08b;
}


.sms-v{margin-top:15px;}
.sms-v label{display:inline-block;position:relative;padding-left:30px;font-size:15px;color:#100f0f;height: 22px;line-height: 22px;}
.sms-v label::before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;line-height: 22px;background: #0040ff;font-size: 14px;color:#fff;text-align:center;}
.sms-v input[type="checkbox"]{opacity:0;position:absolute;top:-9999px;left:-9999px;}
.sms-v input[type="checkbox"]:checked + label::before{background: #0040ff;}

.join-v3{margin: 20px auto 28px;padding: 25px 20px 40px;background:#fff;border-top: 1px solid #d1d2d3;border-bottom: 1px solid #d1d2d3;}
.join-v3 > .tit{font-size: 18px;color: #795642;text-align: center;margin-bottom:20px;}
.join-v3 > .tit i{/* display:block; */margin-bottom: 20px;font-size: 53px;color: #253981;line-height: 80%;vertical-align: middle;}
.join-v3 > .tit span{font-weight:700;font-size: 25px;color: #253981;vertical-align: middle;}
.join-v3 p{margin-bottom:15px;line-height: 23px;font-size: 16px;color: #4b4b4b;}
.join-v3 p strong{color:#181818;font-weight: 700;}
.join-v3 p.smp1{font-size:13px;color: #df2c2c;}
.join-v3 p .fzong{color:#a87c4f;}
.join-v3 p.p1{font-size:17px;font-weight:700;color: #04ade7;}
.join-v3 p.p2{margin: 25px 0 0;}
.join-v3 .ft14{font-size:14px;}
.join-v3 .box{border-bottom: 1px solid #c6c6c6;margin: 25px 0;}
.join-v3 .box > .tit{position:relative;font-size: 17px;font-weight:700;color: #fff;margin-bottom: 20px;background: #04ade7;border-radius: 25px;display: inline-block;padding: 8px 15px;}
.join-v3 .box > .tit::before{position:absolute;top: -4px;left:0;font-size:30px;font-weight:normal;}
.join-v3 .box > ul{padding-bottom: 25px;margin-left: 4px;}
.join-v3 .box > ul > li{padding-left: 13px;text-indent: -16px;line-height: 24px;font-size:14px;color: #4b4b4b;}
.join-v3 .color-red{font-size:15px;}
.join-v3 .black-btn{margin-bottom:0;}

@media (max-width: 800px) {
/*    .login-bg{background: url(/img/mobile.jpg?ver=1.01) no-repeat center; }*/
    .login-box{
        margin-top: -200px;
    }
}