r


.main {
WIDTH: 100%;
	PADDING:0px;
	MARGIN:0px auto;
text-align: center;
}

.main .main_box {
position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -350px;
  width: 700px;
  height: 530px;
}

.main .main_box .login_box {
WIDTH:700px;PADDING:0px;MARGIN:0px;float:left;	BACKGROUND-color: #fff;	border:#f0f0f0 1px solid;
}

.main .main_box .login_box .logo_box {
    WIDTH: 200px;height: 120px;
    PADDING: 0px;
    float: left;
    text-align: center;
}

.main .main_box .login_box .logo_box .web_logo {
	width:200px;
	PADDING:0px;
	MARGIN:0px;
	margin-top:50px;
	text-align:center;
	float:left;
}



.main .main_box .login_box .login_tp{
WIDTH:500px;height:70px;PADDING:0px;MARGIN:10px 0px 0px 0px;float:left;
}
.main .main_box .login_box .login_tp ul{
	WIDTH:400px;height:50px;
	PADDING:0px;
	MARGIN:10px 50px;
	float:left;
}

.main .main_box .login_box .login_tp ul li{
height:50px;PADDING:0px;MARGIN:0px 30px 0px 0px;float:left;line-height:55px;font-weight: 600;FONT-SIZE: 1.5rem;
}

.main .main_box .login_box .login_tp ul li a {
	text-decoration:none;FONT-SIZE:18px;
}
.main .main_box .login_box .login_tp ul li a:hover {
text-decoration:none;FONT-SIZE:18px;
}

.main .main_box .login_box .login_tp ul li a.cl {
	text-decoration:none;FONT-SIZE:18px;font-weight: 700;
}
.main .main_box .login_box .login_tp ul li a.cl:hover {
text-decoration:none;FONT-SIZE:18px;font-weight: 700;
}


.lgtp_c{
	WIDTH:179px;height:45px;line-height:45px;
	PADDING:0px;
	MARGIN:0px;
	float:left;
    text-align: center;border-bottom:#f0f0f0 1px solid;BACKGROUND-color: #F5F5F5;
}
.lgtp{

}
.lgtp_mid{
	WIDTH:1px;height:46px;
	PADDING:0px;
	MARGIN:0px;
	float:left;BACKGROUND-color: #f0f0f0;
}


.main .main_box .login_box .login_tp a {
	text-decoration:none;FONT-SIZE:14px;COLOR:#424242;
}
.main .main_box .login_box .login_tp a:hover {
text-decoration:none;FONT-SIZE:14px;COLOR:#424242;
}

.main .main_box .login_box .login_no{
	WIDTH:500px;height:200px;
	PADDING:0px;
	MARGIN:0px;margin-bottom: 10px;
	float:left;text-align:center;line-height:200px;
}
.main .main_box .login_box .login_inp{
	WIDTH:500px;
	PADDING:0px;
	MARGIN:0px;
	float:left;
}
.main .main_box .login_box .login_inp .login_inp_item{
WIDTH:500px;height:60px;PADDING:0px;MARGIN:0px;	float:left;
}
.main .main_box .login_box .login_inp .login_inp_item .lgbn{
WIDTH:400px;height:50px;PADDING:0px;
MARGIN:10px 50px;float:left;border-bottom: #EAE4E4 1px solid;
}
.main .main_box .login_box .login_inp .login_inp_item .lgbn .lgti{
WIDTH:98px;height:50px;line-height:40px;
PADDING:0px;MARGIN:0px;float:left;font-size:14px;
}

.main .main_box .login_box .login_inp .login_inp_item .lgbn .spacer{
overflow: hidden; margin: 10px 0px; width: 0px; height: 20px; border-left: #EAE4E4 1px solid;
}

.main .main_box .login_box .login_inp .login_inp_item .lgbn .lgvi{
WIDTH:300px;height:50px;line-height:40px;
PADDING:0px;MARGIN:0px;float:left;font-size:14px;
}

.main .main_box .login_box .login_inp .login_sum_item{
	WIDTH:500px;height:90px;
	PADDING:0px;MARGIN:0px;	float:left;
}

.main .main_box .login_box .login_inp .login_sum_item .lgbs{
WIDTH:400px;height:38px;PADDING:0px;
MARGIN:25px 50px;float:left;
}

.main .main_box .login_box .login_inp .login_bottom_item{
WIDTH:500px;height:60px;PADDING:0px;MARGIN:0px;	float:left;background: #FDFDFD;
}

.main .main_box .login_box .login_inp .login_bottom_item .zhaohui{
WIDTH:200px;height:60px;PADDING:0px;MARGIN:0px 0px 0px 50px;	float:left; line-height:40px;text-align:left;font-size:14px;
}

.main .main_box .login_box .login_inp .login_bottom_item .zhuce{
WIDTH:200px;height:60px;PADDING:0px;MARGIN:0px 50px 0px 0px;	float:left; line-height:40px;text-align:right;font-size:14px;
}

.main .main_box .login_box .login_inp .login_bottom_item a {
	text-decoration:none;FONT-SIZE:14px;
}
.main .main_box .login_box .login_inp .login_bottom_item a:hover {
text-decoration:none;FONT-SIZE:14px;
}
.main .main_box .login_box .login_inp input {
    width: 280px;
    font-size: 16px;
    line-height: 40px;
background:#fff;
height: 40px;
padding-left: 10px;
outline: none; 
-webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0;
  overflow: hidden;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  background: transparent;
  border: none;
  resize: none;
}

.main .main_box .login_box .login_inp input.yzd {
 width: 110px;height: 40px;
 font-size: 16px; line-height: 40px; color: #424242;
padding-left: 10px;outline: none; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1;
 overflow: hidden; font-family: inherit; font-size: inherit; font-weight: inherit; background: transparent;
  border: none; resize: none;
}

.main .main_box .login_box .login_inp .login_inp_item .lgbn .lgvi .yb{
width:160px;height:50px;line-height:36px;PADDING:0px;MARGIN:0px;float:right;text-align:left;
}


input::-webkit-input-placeholder {
  font-family: Arial, sans-serif;
  color: #999;
  font-size:14px;
}
input::-moz-placeholder {
  font-family: Arial, sans-serif;
  color: #999;font-size:14px;
}
input:-ms-input-placeholder {
  font-family: Arial, sans-serif;
  color: #999;font-size:14px;
}
.main .main_box .login_box .login_inp  .login-sum:hover {
background:#B6183F;
}

.main .main_box .login_box .login_inp  .login-sum {
    width: 401px;height: 38px; FONT-SIZE: 1rem; font-weight: 500; color: #fff;background:#E31E4F; border-radius: 4px; cursor: pointer; vertical-align: top;
    border: 0;
}


.main .main_box .login_box .login_inp .login_inp_item span{
	WIDTH:180px;height:60px;line-height:50px;
	PADDING:0px;
	MARGIN:0px;
	float:left;text-align: center;
}

.main .main_box .login_box .login_inp .login_inp_item .lgbs{
	WIDTH:400px;height:50px;line-height:50px;
	PADDING:0px;
	MARGIN:0px 50px ;background: #fafafa;font-size: 14px;COLOR: #424242;
  font-weight: 700;
	float:left;text-align: center;
}

@media screen and (max-width:767px){
.header{
width:100%;min-width:100%;height:auto;
}
.header .logo_box{
width:100%;height:auto;
}
.header .logo_box .web_logo{
width:40%;text-align:center;
}
.header .logo_box .web_logo a{
width:75px;
  height: 45px;margin:20px 10px;
}
.main .main_box{
width:100%;
}
.main .main_box .login_box{
width:92%;margin-left:12px;border:0px;border-top: #F9F9F9 5px solid;
}
.main .main_box .login_box .login_tp{
width:100%;height:55px;
}
.main .main_box .login_box .login_tp ul{
width:100%;MARGIN:10px 0px 0px 0px;height:45px;
}
.main .main_box .login_box .login_tp ul li{
MARGIN: 0px 0px 0px 30px;padding:0px;height:40px;line-height:40px;
}
.main .main_box .login_box .login_inp{
width:100%;
}
.main .main_box .login_box .login_inp .login_inp_item{
width:100%;
}
.main .main_box .login_box .login_inp .login_inp_item .lgbn{
width:100%;MARGIN:10px 0px 0px 0px;
}
.main .main_box .login_box .login_inp .login_inp_item .lgbn .lgti{
width:28%;
}
.main .main_box .login_box .login_inp .login_inp_item .lgbn .spacer{
width:3%;
}

.main .main_box .login_box .login_inp .login_inp_item .lgbn .lgvi{
width:68%;
}
.main .main_box .login_box .login_inp input{
width:80%;
}

.main .main_box .login_box .login_inp .login_sum_item{
width:100%;height:auto;
}
.main .main_box .login_box .login_inp .login_sum_item .lgbs{
width:100%;MARGIN: 20px 0px;
}
.main .main_box .login_box .login_inp .login-sum{
width:100%;
}
.main .main_box .login_box .login_inp .login_bottom_item{
width:100%;
}
.main .main_box .login_box .login_inp .login_bottom_item .zhaohui{
width:50%;MARGIN:0px;height:40px;
}
.main .main_box .login_box .login_inp .login_bottom_item .zhuce{
width:50%;MARGIN:0px;height:40px;
}




}