/* 
* @Author: Marte
* @Date:   2016-04-27 16:24:25
* @Last Modified by:   Marte
* @Last Modified time: 2018-10-24 18:18:48
*/
@charset "utf-8";
/* CSS Document */

ul,li,body,ol,dt,dl,dd,img,p,h1,h2,h3,h4,h5,h6,input,hr,span,p{margin:0;padding:0;}
ul,ol,li{list-style-type: none;}
img{border:0 none;vertical-align: top;}
input,textarea,button{outline: none;resize:none;font-family: "微软雅黑";border: none;}
b,i,em{font-weight: normal;font-style:normal;}

/*清除浮动*/
.clear:after,.clear:before{ content:"";display:table;}
.clear{clear:both;}
.clear:after{clear:both;}

.zr_clear{clear:both;}
.zr_clear:after,.zr_clear:before{content:"";display:table;}
.zr_clear:after{clear:both;}/*清除浮动的核心属性*/
.zr_clear{*zoom:1;}/*解决IE6的兼容问题*/

/*   */
html{width: 100%;height: 100%;}
body{font-family:"微软雅黑";font-size:14px;color:#666;height:100%;position: relative;width:100%;background-blend-mode: multiply,multiply;background-size:cover;}
a{font-size:14px;font-family: "微软雅黑";color:#666;text-decoration:none;}
a:hover{color:#bc1b29;}
.wrap{width: 1200px;margin:0 auto;}
.middle{display: table-cell;vertical-align: middle;}

.red_color{color:#bc1b29;}
.orange_color{color:#f6ae45;}
.bg_f5{background: #f5f5f5;}
.ovword{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fll{float:left!important;}
.flr{float:right!important;}
.posr{position: relative;}
.posa{position: absolute;}
.txt_left{text-align: left!important;}
.txt_right{text-align: right!important;}
.txt_center{text-align: center!important;}
.article td{border-style: solid;}
.opacity0{opacity: 0;}
.marginRight0{margin-right: 0!important;}
.cursorP{cursor:pointer;}
.dc_line{border:0 none;border-bottom: 1px solid #e8e8e8;margin:10px auto;}
/*-------------------------------- ----------------------------------*/
.login_head{height:60px;background:#fff;}

h1.logo{text-align: left;margin-left:100px;padding-top:10px;}
.logo img{margin-right: 10px;height: 40px;border-radius: 3px;}
.logo p{font-size: 22px;color:#999;padding-bottom: 4px;padding-top: 4px;}
.logo span{font-size: 14px;color:#ccc;font-weight: normal;}

.login_wrap{display:table;position: absolute;height: 100%;width: 100%;left: 0;right: 0;bottom: 0;right: 0;}

.login_box{width: 400px;margin-left:auto;margin-right:auto;position: relative;}
.login_box_top{overflow: hidden;margin-bottom: 30px;text-align: center;}
.login_box_top_pwd{margin-bottom: 30px;text-align:left;}
.login_box_top span{font-size: 24px;color:#51b8e7;}
.login_box_mid{text-align: center;}
.login_box_mid .login_qr{vertical-align: top;width: 140px;}
.login_qr_word {font-size: 14px;padding-top: 30px;}
.login_qr_word span{color:#acce22;padding:0 6px;font-weight: bold;}
.login_down_tips{text-align: right;margin-top: 42px;}
.login_down_tips a{font-size: 14px;color:#969696;display:inline-block;margin-left: 18px;}
.login_down_tips a:hover{color:#293038;}
.login_pwd_tips{font-size: 14px; color:#E01919; padding:10px 0; text-align: left; height: 20px; line-height: 20px; margin-bottom: 1px;}
.login_pwd_tips img{height: 20px;vertical-align: top;margin:0 6px;}
.login_name{height: 37px;margin-bottom: 20px;border-bottom: 1px solid #e8e8e8;text-align:left;}
.login_name input{height: 37px;padding-left: 6px;line-height: 37px;text-align:left;width: 350px;}
.login_pwd{height: 37px;margin-bottom: 16px;border-bottom: 1px solid #e8e8e8;text-align:left;}
.login_pwd input{height: 37px;padding-left: 6px;line-height: 37px;text-align:left;width: 350px;}
.login_forget_pwd{font-size: 14px;}
.login_forget_pwd:hover{text-decoration: underline;color:#51b8e7;}

.verification_code{height: 40px;margin-bottom: 16px;}
.verification_code input{height: 40px;width:170px;padding-left: 6px;line-height: 40px;border-bottom: 1px solid #e8e8e8;float:left;border-radius:3px;}
.verification_code_num{height: 40px;width: 110px;float: right;}
.verification_code_num img{height: 40px;width: 110px;}

.login_btn{background: #40ABE7;color:#fff;display:block;height: 37px;line-height: 37px;font-size: 16px;border-radius: 5px; }
.login_btn:hover{color:#fff;background: #5ac4ff;}
.login_btn.grey_ban{background: #ccc;cursor:initial;}
.login_btn.grey_ban:hover{background: #ccc;}
.login_notes{padding:8px 0;font-size: 14px;overflow:hidden;}
.login_f_pwd{cursor: pointer;}
.login_notes a{color:#666;font-size: 14px;}
.login_notes a:hover{text-decoration: underline;}
.login_notes input{vertical-align: -2px;margin-right: 2px;font-size:14px;width:14px;height:14px;}
.login_pwd_tips_mark{display:inline-block;height: 16px;width: 16px;}

/* */
.login_header{height: 100px;line-height: 100px;font-size: 32px;color:#293038;position: relative;text-align: center;}
.login_h_logo{position: absolute;height: 42px;top: 30px;left: 30px;height: 42px;}
.login_h_logo img{height: 100%;}


.theName{position:absolute;left:0;right:0;bottom:15px;color:#fff;text-align:center;font-size: 12px;opacity:.8;}

/*弹窗*/

.pop{width: 400px;height: 450px; position: fixed;left:50%;margin-left: -200px;top:50%;margin-top:-225px;z-index: 10000;background:#fff;border-radius: 10px;box-shadow:0 0 10px #999;}
.pop_top{font-size: 14px;color:#fff;height: 40px;padding:0 14px;line-height: 40px;text-align: left;background:#2fa0ec;border-radius: 10px 10px 0 0;}
.pop_close{font-size: 16px;right:14px;height:40px;line-height: 40px;text-align: right;font-family: cursive;width: 20px;cursor:pointer;}
.pop_main{background: #ebebeb;border-radius: 10px;height: 340px;width: 367px;margin:16px auto;overflow: hidden;}
.pop_main_box{height: 340px;width: 384px;overflow: auto;}
.pop_main_box p{text-align:center;padding:10px;line-height:24px;}
.pop_main_box p a{color:#2fa0ec;}
.pop_main_box p a:hover{color:#2fa0ec;text-decoration:underline;}
.posa{position:absolute;}
/* 蓝色按钮样式*/
.base_btn{ display:inline-block;height: 35px;background:rgba(0,0,0,.3); padding-left: 18px; padding-right: 18px;
    color: #FFF; line-height: 35px;  margin: 0 0 0 2px;font-size:16px;border-radius: 20px;margin:14px 10px 14px 0;}
/*.base_btn:hover{ background: url(../images/btn.jpg) no-repeat left -29px;}*/
.base_btn span{display:inline-block;height: 35px;color: #FFF; line-height: 35px;  margin: 0 0 0 2px;font-size:16px;border-radius: 20px; cursor: pointer; font-family: "微软雅黑";}


/*确认按钮*/
.btn_confirm{padding-left:22px;padding-right:22px;background: #328bd7;color:#fff;letter-spacing: 2px;}
.btn_confirm:hover{color:#fff;}

/* 切换语言 */
.lang_change{position: absolute;bottom: 50px;right: 100px;color:#fff;}
.lang_change a{opacity:0.7;font-size: 14px;color:#fff;}
.lang_change a:hover{opacity:1;}

/* 切换语言的icon */
.change_lang_icon{position: absolute;height: 30px;width: 30px;bottom: 15px;right: 15px;display:block;}
.change_lang_icon img{width: 100%;height: 100%;}


@media screen and (max-width:640px) {
	.login_box_top{padding-top:10px;}
	.login_box{width:auto;background: #fff; height: 100%;border: 0;}
	.login_box_mid{padding-top:30px;}
	.layui-form-item.login_item_wrap .layui-input{border:0 none;padding-left:0;border-bottom:1px solid #e6e6e6;transition:all 200ms;}
	.layui-form-item.login_item_wrap .layui-icon{display:none;transition:all 200ms;}
	.login_name,.login_pwd{border: 0 none;border-bottom:1px solid #e6e6e6;}
	.login_name input{width: 100%;box-sizing:border-box;background: none;border: 0 none;}
	.login_pwd input{width: 100%;box-sizing:border-box;background: none;border: 0 none;}
	.login_pwd_tips{background: none;}
	.verification_code input{width: 116px;}
	.login_notes{padding-top:0;}
	.middle{vertical-align:top;}
	.change_lang_icon{padding:15px;}
}