*{
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration:none;
}
.header{
	height:70px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: 0 20px;
	box-sizing: border-box;
	background-color:#fff !important;
}
.sjheader{
	display: none;
}
.header1{
	display:flex;
	align-items:center;
}
.header1 img{
	width:24px;
	height:24px;
}
.header1 input{
	border:none ;
	border-left:1px solid #E5E6EB;
	height:27px;
	margin-left:10px;
	padding-left:5px;
	outline:none;
	font-size:16px;
}
.header2{
	display:flex;
	align-items:center;
}
.header2 ul{
	display:flex;
	align-items:center;
}
.header2 li{
	width:150px;
	text-align: center;
}
.header2 img{
	width:78px;
	height:60px;
}
.header2 a{
	color:#333;
	font-weight:600;
}
.header4{
   width:200px;
   display:flex;
   align-items:center;
   justify-content:space-between;
}
.tuichu {
	width:50px;
	font-size:14px;
	color: #333;
}
.header4 img{
  width:30px;
  height:30px;
  border-radius:50%;
  margin-right:3px;
}
.header4 span{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
}
.atc{
	color:red !important;
}
.atb{
	color:#DB4C7B !important;
}
.logins{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top: 0;
	bottom: 0;
	z-index:2;
	overflow: hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.login{
	width: 545px;
	height: 480px;
	background: #FFFFFF;
	border-radius: 18px 18px 18px 18px;
	padding:20px;
	box-sizing: border-box;
	position: relative;
}
.login ul{
	width:243px;
	height:44px;
	overflow: hidden;
	margin: 0 auto;
	background-color:#E5E6EB;
	border-radius:22px;
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
.login li{
	width:50%;
	line-height:44px;
	text-align:center;
}
.xu1{
	background-color:#E3618B;
	color:#fff;
	border-radius:22px;
}
.login1{
	width:364px ;
	margin: 0 auto;
}
#qrcode{
	width:200px;
	height:200px;
	margin: 0 auto;
	margin-top:50px;
	display:flex;
}
.liji{
	display:inline-block !important;
	width:100%;
	text-align:center;
	font-size:14px !important;
	color:#86909C;
}
.login1 input{
	width:100%;
	height:50px;
	margin-bottom:10px;
	margin-top:20px;
	outline:none;
	padding-left:20px;
	box-sizing: border-box;
	border-radius:22px;
	border:none;
	background-color:#F7F8FA;
}
.login1 span{
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background: #E3618B;
	border-radius:22px;
	margin-top:40px;
}
.login1 p{
	font-size:14px;
	line-height:24px;
	    display: flex;
	    align-items: center;
}
.login1 p>img{
	margin-right:5px;
}
.login1 p>a{
	color: #E3618B;
}
.saoma{
	position: absolute;
	top: 0;
	right: 0;
	width:78px;
	height:78px;
	background:url('../image/loginback.png') no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content:center;
	align-items: center;
	color:#fff;
}
.yaoqing{
	width:100%;
	border-radius:22px;
	background-color:#F7F8FA;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.yaoqing input{
	width:260px;
	margin-top:0px;
	margin-bottom:0px;
}
.yaoqing span{
	margin-top:0px;
}
.fengdian{
	width:150px;
	height:150px;
	margin: 0 auto;
	margin-left: 110px;
	margin-top: 60px;
}
.guanbi{
	position: absolute;
	top: -50px;
	right:-10px;
}
.tuichu:hover{
	cursor: pointer;
}
@media screen and (max-width: 1561px) {
    .header1 input{
		width:80px;
	}
	.header2 li {
	    width: 114px;
	    text-align: center;
	}
 }
 @media screen and (max-width: 1200px) {
		.header{
			 display:none;
		 }
	   .sjheader{
		  display: block;
	      position: absolute;
		  width:100%;
		  top: 0;
		  z-index:999;
		  background-color: #FFFFFF;
		}
		.box {
			width: 100%;
			overflow: hidden;
			position: relative;
			margin-top: 183px;
		}
		.sjheader1{
			display:flex;
			justify-content:space-between;
			align-items:center;
			width:100%;
			padding:10px 15px;
			overflow: hidden;
			box-sizing: border-box;
		}
		.sjheader2{
			width:100%;
			overflow: hidden;
			display: none;
			padding:10px 30px;
			box-sizing: border-box;
			border-radius:0px 0px 5px 5px ;
		}
		.sjheader2 li{
			line-height:80px;
		}
		.sjheader2 a{
			color: #86909C;
			font-size:40px;
		}
		.der{
			width:20%;
		}
		.der1{
			width:60px;
			display: block;
		}
		.der2{
			width:60px;
			display: none;
		}
		.login {
		    width: 95%;
		   height: auto !important;
		}
		.login ul {
			 width: 60%;
			 border-radius:50px;
		     height: auto;
		}
		.login li {
			height: 80px;
			line-height:80px;
			font-size:36px;
		}
		.login1 {
		    width: 95%;
		    /* height: 480px; */
		}
		.login1 input {
		    width: 100%;
		    height: 100px;
			font-size:34px;
		}
		.login1 span {
		    width: 100%;
		    height: 100px;
			font-size:34px;
			line-height:100px;
		}
		.login1 p {
		    font-size: 32px;
		    line-height:60px;
			margin-top:20px;
		    display: flex;
		    align-items: center;
		}
		.login1 p>img{
		    width:30px;
		}
		.saoma {
		    position: absolute;
		    top: 0;
		    right: 0;
		    width:150px;
		    height: 150px;
			display:none;
		}
		.saoma img{
		    width:100px;
		    height: 100px;
		}
		.guanbi {
			position: absolute;
			top: -100px;
			right: -10px;
		   width:100px;
		   height:100px;
		}
		.sjheader2 span{
			display: block;
			width:100%;
			height:80px;
			line-height:80px;
			background: #DB4C7B;
			color:#fff;
			text-align:center;
			font-size:36px;
			border-radius:4px;
		}
 }