.login{
    margin:0 auto;
    margin-top:80px; 
    min-height:calc(100vh - 280px);  
}
a,a:link,a:visited,a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}     
.login .toub_beij{background:rgb(51,51,51);color:#fff;line-height:56px;height:56px;font-size:20px;text-align:center;} 
.login .list{display:flex;flex-direction:column;align-items:center;
    width: 400px;} 
.login .list-title{font-size:18px;color:#363C48 !important;margin:50px 0 48px 0;line-height:30px;padding-left: 5%} 
.login .list-title2{font-weight:bold;color:rgb(190,193,205) !important;margin:55px 0 48px 0;line-height:30px;} 
.login .list-item{width:90%;height:50px;
    margin:10px;
    display:flex;
    padding:5px;
    position: relative; 
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
.login .list-item .ico{ 
    position: absolute;
    top: 20px;
    height:20px;
}
.login .list-item .ico2{ 
    position: absolute;
    top: 25px;
    right: 20px;
    width: 20px;
}
.login .list-item .ico-phone{  
    width: 18px;
    height: unset;
    top: 16px;
}
input{
    outline:none;
    border:0;
}
.login .list-item1{width:90%;margin:10px;padding:5px;}
.login .list-item1 a{text-decoration-line: none;}
.login .list-text{color:#ccc;margin-top:15px;}
.login .list-item-img{width:20px;height:30px;margin-left:10px;}
.login .list-item-input{width:100%;height:50px;line-height:30px;padding-left:25px;font-size:14px;}
.login .list-item-input::-webkit-input-placeholder {color: rgb(187,190,202);}
input:-internal-autofill-selected {
    background: #fff!important; 
}
.login .list-item-msg{background:#38BFB9;width:120px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:0.22rem;}
.login .list-item-btn{background-image: url(../../../../public/images/cut/button.png);color:black;line-height:30px;text-align:center;align-items:center;display:block;margin-top:80px;height:40px;}
.login .click1{float:left;font-size: 14px;color:#009688}
.login .click2{float:right;font-size: 14px;color:#009688}
.login .btn-span{font-weight:bold;height: 40px !important;line-height: 40px;}
.login .list-reg{text-align:center;}
.login .list-reg-span{color:#333;font-size: 14px;}
.login .list-reg-span a{font-size: 14px;color:#009688;text-decoration-line: none;}

.mask { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; _position:absolute; top:0; left:0; z-index:99;}
.bg{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	opacity:0.5;
	z-index:999;
} 
.login .list .terms{
    font-size: 13px;
    color:#888;
    position: relative; 
    margin:20px 0;
}
.login .list .terms input{  
    /*position: absolute;*/
    margin: 0 5px;
    background: #ccc;
    position: relative; 
    top: 1px;
    height: 15px;
}
.login  .list .terms a{ 
    font-size: 13px;
    color:#009688!important;
}
.btn { 
    width: calc(100% - 40px);
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    margin: 20px; 
    color: #fff;
    background: #009688; 
    border: 0;
}
.login .input-btn {
    background: white;
    height: 50px;
    color: #009688;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 5px;
    line-height: 50px;
    padding-right: 15px;
}
.msg {
    text-align: center;
    margin-left: calc(50% - 230px);
    width:400px;
    padding:15px 30px;
    top: 250px;
    left:0;
    position: fixed;
    z-index: 19991029;
    background: #000;
    opacity: 0.7;
    color: #fff;
    border-radius: 3px;
    display: none;
}
.section-list {
    width: 100%;
}
.section-list .text{ 
    margin-right: 10px;
}
.login .text{
    width: 80px;
}