/*登录注册*/
.lgcontent{
    width:100%;
    height:765px;
    background: url(../images/lgback.png) no-repeat 0 0/100% 100%;
    position:relative;
    margin-top:151px;
}
.lgcontent .md1200{
    overflow:hidden;
}
.lgcontent .words{
    float:left;
}
.lgcontent .words .title{
    width:520px;
    height:56px;
    font-size:40px;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:56px;
    margin-top:274px;
}
.lgcontent .words .word{
    width:555px;
    height:66px;
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:22px;
}
.lgcontent .lgbox{
    float:right;
    background:#F3EFEE;
    width:452px;
    margin-top:126px;
}
.lgcontent .lgbox ul{
    height:56px;
    line-height:56px;
    background:rgba(240,242,243,1);
    overflow:hidden;
}
.lgcontent .lgbox  li{
    width:50%;
    float:left;
    font-size:18px;
    font-weight:400;
    color:rgba(116,116,116,1);
    text-align:center;
    cursor:pointer;
}
.lgcontent .lgbox  li.active{
    background:rgba(255,255,255,1);
    opacity:0.6;
    color:#33a58e;
}
.lgcontent .box{
    display:none;
}
.lgcontent .box.active{
    display:block;
}
.lgcontent .box .inputbox{
    width:350px;
    height:47px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(219,223,225,1);
    margin:0 auto 22px;
    box-sizing:border-box;
    overflow:hidden;
}
.lgcontent .box .inputbox .selbox{
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    border:1px solid rgba(234,238,246,1);
    background:url("../images/icon_trangle.png") no-repeat scroll 280px center #fff;
    background-size:18px 18px;
    color:#373737;
    padding: 3px 15px;
    outline:none;
    height:20px;
    box-sizing:border-box;
    width: 80px;
    border: none;
    background-position: 50px center;
    position: relative;
    border-right: 1px solid #DBDFE1;
    color: rgba(51,165,142,1);
}
.lgcontent .box input{
    border:none;
    height:45px;
    line-height:45px;
    margin-left:1px;
    width:95%;
    padding-left:25px;
    box-sizing:border-box;
}
.lgcontent .box input.codetxt{
    width:200px;
}
.lgcontent .box .codebtn{
    font-weight:500;
    color:rgba(51,165,142,1);
    float:right;
    margin:13px 12px 0 0;
}
.lgcontent .box input::placeholder{
   font-weight:400;
   color:rgba(166,166,166,1)
}
.lgcontent .box .phonetxt{
    display:inline-block;
    width:250px;
    position:relative;
    top: 0;
}
.lgcontent .box .lab{
    border-right:1px solid #DBDFE1;
    color:rgba(51,165,142,1);
    display:inline-block;
    width:66px;
    text-align:center;
    margin-top:15px;
}
.lgcontent .box .yzmlg{
    font-weight:400;
    color:rgba(51,165,142,1);
    width:350px;
    text-align:right;
    display:block;
    margin:22px auto 13px;
}
.lgcontent .box .forgetpwd{
    width:350px;
    height:20px;
    font-weight:400;
    color:rgba(166,166,166,1);
    line-height:20px;
    text-align:right;
    display:block;
    margin:-6px auto 15px;
}
.lgcontent .box .btn{
    width:350px;
    height:47px;
    line-height:47px;
    background:rgba(51,165,142,1);
    border-radius:4px;
    font-size:18px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align:center;
    margin:0 auto;
    display:block;
    cursor: pointer;
}
.lgcontent .box .lgbtn{
    margin-bottom:60px;
}
.lgcontent .rgbox{
    padding-top:54px;
}
.lgcontent .box .tipbox{
    width:290px;
    height:20px;
    font-weight:400;
    color:rgba(55,55,55,1);
    line-height:20px;
    width:350px;
    margin:15px auto 64px;
}
.lgcontent .box .tipbox a{
    color:rgba(55,55,55,1);
}
.lgcontent .box .tipbox .icon{
    width:18px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background:url(../images/checked.png) no-repeat 0 0/100% 100%;
    margin:-2px 10px 0 0;
}
.lgbox .pwdtitle{
    width:350px;
    height:25px;
    font-size:18px;
    font-weight:500;
    color:rgba(51,165,142,1);
    line-height:25px;
    margin:45px auto 40px;
}
.lgcontent .box .updatebtn{
    margin-bottom:107px;
}
@media screen and (max-width:1200px) {
    .lgcontent{
        padding:0 30px;
        box-sizing:border-box;
    }
    .lgcontent .words{
        width:45%;
    }
    .lgcontent .words .title{
        width:100%;
        font-size:32px;
    }
    .lgcontent .words .word{
        width:100%;
        font-size:14px;
    }
    .lgcontent .lgbox{
        width:45%;
    }
    
}
@media screen and (max-width:1000px) {
    .lgcontent .words .title {
        font-size:22px;
    }
    .lgcontent .box .yzmlg,.lgcontent .box .forgetpwd,.lgcontent .box .btn,.lgcontent .box .inputbox,.lgcontent .box .tipbox{
        width:90%;
    }
    .lgcontent .box .phonetxt{
        width:70%;
    }
    .lgbox .pwdtitle{
        width:90%;
        margin:25px auto;
    }
    .lgcontent .box .updatebtn{
        margin-bottom:60px;
    }
}
@media screen and (max-width:768px) {
    .lgcontent{
        margin-top:86px;
        padding:0 11px;
        box-sizing:border-box;
        height:780px;
    }
    .lgcontent .words{
        float:none;
        display:block;  
        width:100%;
    }
    .lgcontent .words .title{
        margin-top:35px;
        width:100%;
        font-size:20px;
        text-align:center;
    }
    .lgcontent .words .word{
        width:100%;
    }
    .lgcontent .lgbox{
        width:100%;
        display:block;
        float:none;
        margin:100px 0;
        overflow: hidden;
    }
    .lgcontent .lgbox ul{
        height:45px;
        line-height:45px;
    }
    .lgcontent .lgbox ul li{
        font-size:16px;
    }
    .lgcontent .box{
        overflow: hidden;
    }
    
    .lgcontent .rgbox{
        padding-top:34px;
    }
    .lgcontent .box .tipbox{
        margin: 10px auto 34px;
        font-size: 12px;
    }
    .lgcontent .box .inputbox{
        height:38px;
    }
    .lgcontent .box .btn{
        height:38px;
        line-height:38px;
        font-size:16px;
    }
    .lgcontent .box .lab{
        position: relative;
        top:-6px;
    }
    .lgcontent .box input{
        height:36px;
        line-height:36px;
        top:-5px;
    }
    .lgcontent .box .phonetxt{
        top: 0px;
    }
    .lgcontent .box .tipbox .icon{
        margin:-3px 2px 0 0;
    }
    .lgcontent .box .codebtn{
        margin-top:9px;
    }
    
    
}