@CHARSET "UTF-8";
*{
    margin:0px;padding:0px;
    font-size:14px;
    color:#3d3d3d;
    font-family:Helvetica,Arial,sans-serif;
    box-sizing:border-box;
    transition:none;
}

html,body{ margin:0px; height:100%;overflow: hidden}

@font-face {font-family: 'iconfont';
    src: url('../../contorl/font/iconfont.eot'); /* IE9*/
    src: url('../../contorl/font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../contorl/font/iconfont.woff') format('woff'),
    url('../../contorl/font/iconfont.ttf') format('truetype'), 
    url('../../contorl/font/iconfont.svg#iconfont') format('svg'); 
}
i{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;margin-left:2px;margin-right:2px;}

#bgdiv{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div,p,span{
    -o-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#login-box{
    box-sizing: border-box;
    margin: 0;
    min-width: 400px;
    padding: 0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(18,18,18,0.1);
    border-radius: 2px;
    overflow: hidden;
}

#login_head{height:60px;line-height:60px;background:linear-gradient(to top, #d6dde3, #d9dee4);}
#login_head>img{margin-left:10px;margin-top:10px;}
#login_body{width:100%;height:calc(100% - 60px);position:relative;}
.login_win{ width: 310px;height: 70px;margin: 0 auto;}
.login_win label{width:100%;height:30px;line-height:30px;display:block}
.login_win input{width:100%;height:38px;border-radius:4px;border:1px solid #ccc;text-indent: 5px}

.login_but{height:36px;border:solid 1px #226cbf;border-radius:4px;text-align:center;line-height:36px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3487DE',endColorStr='#1D70C5',gradientType='0'); 
background: -moz-linear-gradient(top, #3487DE, #1D70C5); 
background: -o-linear-gradient(top,#3487DE, #1D70C5); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3487DE), to(#1D70C5)); 
color:#fff;font-size:16px;cursor:pointer;}
.login_but:hover{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#61aaf7',endColorStr='#4284c5',gradientType='0'); 
background: -moz-linear-gradient(top, #61aaf7, #4284c5); 
background: -o-linear-gradient(top,#61aaf7, #4284c5); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#61aaf7), to(#4284c5)); 
	}

.login_check{height:30px;line-height:30px;}
.login_check>input{width:15px;height:15px;float:left;margin-top:8px;margin-left:10px;}
.login_check2{height:20px;text-align:right;color:#226cbf;line-height:20px;cursor: pointer;width:100%;}

#login_mb{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:5;display:none}

#loign_ico{width:330px;height:50px;border:1px solid #fff;border-radius:4px;margin-left:10px;background:linear-gradient(to top, #fff, #eee);position:relative;}
#loign_ico:after{position:absolute;content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;top:49px;left:260px}
#loign_ico>li{width:40px;height:50px;margin-left:12px;float:left;text-align:center;line-height:50px;position:relative;cursor:pointer;}
#loign_ico>li:hover i{color:#389fec!important;}
#loign_ico>li>i{font-size:30px;color:#ccc;}


#liulanqi_question{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;z-index:4;display:none}
#liulanqi_question_win{width:600px;height:300px;background-color:#fff;border-radius:5px;margin:0px auto;}
.question_win_t{height:50px;line-height:50px;width:80%;border-bottom:1px solid #ccc;margin:0px auto;font-size:24px;font-family:"黑体";color:#2295cc;position:relative;}
.question_win_t>i{font-size:26px;color:#2295cc}
.brico{width:80%;overflow:hidden;margin-left:10%;}
.brico li{line-height:30px;margin-top:5px;}
.brico li>img{width:30px;height:30px;float:left;margin-left:5px;margin-right:10px}
.brico li>span{color:#2295cc;margin-right:10px}

#quesitn_close{width:40px;height:40px;float:right;line-height:40px;display:block;border-radius:50%;text-align:center;cursor:pointer;}
#quesitn_close>i{cursor:pointer;font-size:18px;}
#quesitn_close:Hover {background-color:#ccc}
#quesitn_close:Hover i{color:red}

.tttts>i{color:#226cbf!important;}


.loginform_info{width:100%;overflow:hidden}





#maininfo{width:40%;height:45%;}
#miantitle{width:100%;height:30px;font-size:24px;line-height:30px;color:#fff;text-align: center;text-shadow:0px 2px 3px rgba(0,0,0,0.3);font-family: 微软雅黑;}
#mainbody{width:100%;}
#mainbody_left{float: left;height:90%;width:75%;background-color:#fff;
background-color:rgb(242,242,242);border-radius:70px 0px 0px 30px;margin-top:2%;
box-shadow:inset 0px 8px 7px rgba(255,255,255,0.7), inset 3px -5px 10px rgba(0,0,0,0.4),0px 6px 10px rgba(0,0,0,0.5);overflow:hidden;
}

#mainbody_right{float: left;height:90%;width:25%;cursor:pointer;
background-image:-webkit-linear-gradient(top, rgb(56,159,236),rgb(33,112,207)); 
background-image:-o-linear-gradient(top, rgb(56,159,236),rgb(33,112,207)); 
background-image:-moz-linear-gradient(top,  rgb(56,159,236),rgb(33,112,207)); 
background-image:-ms-linear-gradient(top, rgb(56,159,236),rgb(33,112,207)); 
background-image:linear-gradient(top, rgb(56,159,236),rgb(33,112,207));
border-radius:0px 30px 70px 0px;margin-top:2%;
-webkit-box-shadow:inset 0px 8px 14px  rgba(132,227,249,0.8),inset 0 -5px 10px rgba(0,0,0,0.4),0px 6px 10px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 8px 14px  rgba(132,227,249,0.8),inset 0 -5px 10px rgba(0,0,0,0.4),0px 6px 10px rgba(0,0,0,0.5);
box-shadow:inset 0px 8px 14px  rgba(132,227,249,0.8),inset -2px -5px 10px rgba(0,0,0,0.4),0px 6px 10px rgba(0,0,0,0.5);
overflow:hidden;
}
#mainbody_right:ACTIVE{
background-image:-webkit-linear-gradient(bottom, rgb(56,159,236),rgb(33,112,207)); 
background-image:-o-linear-gradient(bottom, rgb(56,159,236),rgb(33,112,207)); 
background-image:-moz-linear-gradient(bottom,  rgb(56,159,236),rgb(33,112,207)); 
background-image:-ms-linear-gradient(bottom, rgb(56,159,236),rgb(33,112,207)); 
background-image:linear-gradient(bottom, rgb(56,159,236),rgb(33,112,207));
box-shadow:inset 0px 2px 5px  rgba(132,227,249,0.8),inset -1px -2px 3px rgba(0,0,0,0.4),0px 2px 4px rgba(0,0,0,0.5),inset 3px 0px 3px  rgba(0,0,0,0.8);
}
#mainbody_img{width:35%;height:100%;float:left;margin-left:10px}
#mainbody_img img{border-radius:100px;border:5px solid rgb(46,139,228)}
#mainbody_input{width:60%;height:100%;float:right;}
.textinput{width:95%;height:30px;
border-radius:10px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
border:1px solid #ccc;}
.textinput img{float:left;height:25px;width:25px;margin-top:2px;margin-left:3px}
.textinput input{float:left;height:100%;border: 0;background-color: transparent;}