.f_l {	float: left;}
.f_r {	float: right;}
.clear { clear:both;}
.dis_none { display:none;
} 
.dis_block { display:block;
} 

.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.fontw_bold { font-weight:bolder;}
.fontw_nor { font-weight:normal;}
.tc { text-align:center;}
.lineh40 { line-height:40px;height:40px;}
.lineh35 { line-height:35px;height:35px;}
.lineh30 { line-height:30px;height:30px;}
.lineh25 { line-height:25px;height:25px;}
.sef{ color: #fff;  }
.seg{ color: #33cc66;  }
/*红绿蓝*/
.se0{ color: #333 }
.se1{ color: #e60000 }
.se2{ color: #00cc00 }
.se3{color: #0099ff }
.se4{ color: #66cc33; }
.se5{ color: #ff5000 }
.se6{ color: #0099ff }
.se7{ color: #ff6633 }
.se8{color: #ff6600 }
.se9{color: #999 }

.ml5 {	margin-left: 5px}
.ml8 {	margin-left: 8px}
.mr5 {	margin-right: 5px}
.mr10 {	margin-right: 10px}
.mr16 {	margin-right: 16px}
.mr24 {	margin-right: 24px}
.mt10 {	margin-top: 10px}
.mt16 {	margin-top: 16px}
.mb10 {	margin-bottom: 10px}
.mb16 {	margin-bottom: 16px}
.mb20 {	margin-bottom: 20px}
.mb24 {	margin-bottom: 24px}
.mb32 {	margin-bottom: 32px}
.ml10 {	margin-left: 10px}
.mtb20 {	margin-top: 20px;	margin-bottom: 20px}
.mb0 {	margin-bottom: 0!important}
.p0 {	padding: 0!important}
.pt16 {	padding-top: 16px}
.tal {	text-align: left}
.tar {	text-align: right
}

.tac {
	text-align: center
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #ff5000;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}
.gd_tip {

    background: rgba(0, 0, 0,0.2);
    display: inline-block;
    padding:2px;
    z-index: 999;
    position: absolute;
    bottom:5px;
    right:5px;
    color: #ffffff;
    font-size: 12px;

}


.index_bg2 {
    width: 100%;
    height: 720px;
    background-image: url(../images/index_bg2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.login_wrap {width:100%; height:550px; background-image:url(/img/loginban.jpg); background-position:center center; background-repeat:no-repeat; }

.login_slider { width:550px;  height:400px; }
.login_wrap_anget{width:100%; height:700px; background-image:url(../images/index_bg2.jpg); background-position:top center; background-repeat:no-repeat; }

/*登录页面框*/
.login_box{ width:320px; height: 350px; margin:150px 30px 0 0; padding:20px 40px;  background-color:#fff; border:1px solid #eee;  }
.login_box .login_tit {width:320px;height:45px; padding-bottom:10px;font-size: 26px;
font-weight: 500;
margin-bottom: 5px;
text-align: center;  }
.login_box .login_tit .login_t {width:150px;height: 45px;line-height:45px;   }


.login_box .login_con{width:320px;height: 240px;
}
.login_box .login_con .item{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:20px; }
.login_box .login_con .item div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:200px; }
.login_box .login_con .item3{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item3 div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:20px;   }
.login_box .login_con .item3 div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:160px; }
.login_box .login_con .item3 div:nth-child(3){text-align:center; float:right; display:inline-block; color: #666; width:100px;  background-color:#d5d5d5  }
.login_box .login_con .item input{ width:100%;  border:0px solid #dddddd;  padding-left:2%;line-height:40px;  }
.login_box .login_con .item3 input{ width:100%;  border:0px solid #dddddd; line-height:40px;  }
.login_box .login_con .item2{width:320px;height: 40px; border:0px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item2 a { padding:10px 20px;  }
.login_box .login_con .btn{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #c57a50;
border-radius: 5px;color: #fff;font-size: 18px;
line-height: 40px;
}
.login_box .login_con .btn2{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #c57a50;
border-color: #c57a50;
color: #fff;font-size: 14px;
line-height: 40px;
}

.login_box .login_con .item i,   .login_box .login_con .item3 i { font-size:22px; color:#999; }

#login_container { width:200px!important;}
.w1000 {    width:1000px; margin:80px auto; height:400px;}
.w420 { width:450px;height:350px;  background-color:#fff;  border-radius:5px;background-color:#fff; padding-bottom:20px; }
.divtit { width:430px; height:50px; line-height:50px;  font-size:16px; padding-left:20px;  color:#333; font-weight:bolder; }
.divcon{  width:430px;  height:60px;   padding-left:20px; padding-right:20px;  line-height:35px;  clear:both;   }
.divcon2{  width:410px; height:160px;  padding-left:20px; padding-right:20px; clear:both;  line-height:35px;   }
.searbtn {display: inline-block;width:30%;border:0px solid #dddddd;height: 35px;background-color: #c57a50;
background: -webkit-linear-gradient(top, #FF5000, #c57a50);border-radius: 5px;color: #fff;font-size: 16px;font-weight: bold;}







/*-----------------
	11. Login
-----------------------*/
.container {	width: 1200px!important;	margin:0px auto;}
.login-body {

    height: 100vh;
    min-height: 80vh;
}
.login-wrapper {
	width: 100%;
	height: 100%;
margin:0px auto;
}
.login-wrapper .loginbox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
    float:right;
    max-width:400px;
    min-height:200px;
    width: 100%;
     margin-top:150px; margin-right:100px;
}
.login-wrapper .loginbox .login-left {
    align-items: center;
    background: linear-gradient(180deg, #3949ab, #2962ff);
    border-radius: 6px 0 0 6px;
    flex-direction: column;
    justify-content: center;
    padding: 80px;
    width: 400px;
    display: flex;
}
.login-wrapper .loginbox .login-right {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
    width: 400px;
}
.login-wrapper .loginbox .login-right .login-right-wrap {
    max-width: 100%;
    flex: 0 0 100%;
}
.login-wrapper .loginbox .login-right h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}
.account-subtitle {
    color: #4c4c4c;
    font-size: 17px;
    margin-bottom: 1.875rem;
    text-align: center;
}
.login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}
.login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}
.login-wrapper .loginbox .login-right .dont-have {
	color: #a0a0a0;
	margin-top: 1.875rem;
}
.login-wrapper .loginbox .login-right .dont-have a {
	color: #333;
}
.login-wrapper .loginbox .login-right .dont-have a:hover {
	text-decoration: underline;
}
.social-login {
	text-align: center;
}
.social-login > span {
	color: #a0a0a0;
	margin-right: 8px;
}
.social-login > a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}
.social-login > a:last-child {
	margin-right: 0;
}
.social-login > a.facebook {
	background-color: #4b75bd;
}
.social-login > a.google {
	background-color: #fe5240;
}
.login-or {
	color: #a0a0a0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
.span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 42px;
}