/* 登录 */
.py9{padding-top: 120px;padding-bottom: 150px;width: 1200px;margin: auto;}
.wh470{width: 476px;height: 425px;display: inline-block;}
.wh500{width: 500px;background-color: #fff;}
.h70{width: 100%;height: 70px;line-height: 70px;background-color: #0b89ff;font-size: 24px;text-align: center;color: #fff;}
.p5{padding: 30px 50px;}
.wh18{width: 18px;height: 21px;}
.w80{width: 80px;height: 50px;}
.bor_d{border: 1px solid #d2d2d2;margin-top: 30px;}
.sign{display: block;width: 100%;height: 50px;line-height: 50px;margin-top: 80px;margin-bottom: 40px;text-align: center;background-color: #0b89ff;color: #fff;font-size: 20px;}
.Z{display: cell;vertical-align: middle;text-align: center;padding: 20px 40px;}
.Z img{vertical-align: middle;width: 5px;height: 8px;}
.Z span{display: inline-block;vertical-align: middle;font-size: 14px;}
.di{width: 100%;height: 289px;position: absolute;left: 0;bottom: -78px;z-index: -1;}
.mt5{margin-top: 50px;}
.w24{width: 24px;height: 24px;display: block;}
input{border: none;text-indent: 10px;width: 94%;height: 100%;}

/*  */
.pt6{padding-top: 60px;padding-bottom: 120px;}
.left{width: 15%;margin-right: 5%;float: left;}
.h56{width: 100%;height: 56px;text-align: center;line-height: 56px;color: #fff;font-size: 22px;}
.newsList{background-color: #f4f4f4;width: 100%;padding: 10px;}
.newsList .li{cursor: pointer;margin-bottom: 10px;background-color: #ebebeb;height: 50px;line-height: 50px;width: 100%;text-align: center;font-size: 16px;color: #777;}
.newsList .li:nth-last-child(1){margin-bottom: 0;}
.newsList .on{color: #0b89ff;}

.right{width: 80%;float: left;border: 1px solid #d2d2d2;padding-top: 80px;padding-bottom: 120px;}
.center{display: flex;align-items: center;justify-content: center;}
.w500{width: 500px;height: 40px;border: 1px solid #e1e1e1;}
.ip{font-size: 16px;}
.sum{width: 300px;height: 50px;line-height: 50px;font-size: 20px;margin-top: 80px;cursor: pointer;color: #fff;background-color: #2b99ff;text-align: center;}
.w200{width: 200px;height: 40px;border: 1px solid #dcdcdc;}

.right_m{width: 80%;float: left;}
.table{font-size: 16px;width: 100%;border: 1px solid #eee;border: 1px solid #dcdcdc;}
.table .tr{display: flex;align-items: center;text-align: center;}
.table .th{background-color: #f4f4f4;color: #666;height: 50px;line-height: 50px;border-left: 1px solid #dcdcdc;}
.table .th:nth-child(1){border-left: none;}
.table .td{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color: #222;height: 76px;line-height: 76px;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.table .td:nth-child(1){border-left: none;}
.w-16{width: 16.5%;}
.w-12{width: 12.5%;}
.w-11{width: 11%;}
.w-8{width: 8%;}

.middle{display: table-cell;vertical-align: middle;margin-left: 10px;}
.middle span{display: inline-block;vertical-align: middle;width: 72%;font-size: 14px;padding: 0 10px;}
.middle img{display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.sou{width: 80px;height: 40px;line-height: 40px;font-size: 16px;margin-left: 20px;border: none;background-color: #0b89ff;;text-align: center;color: #fff;}
.look{width: 82px;height: 36px;line-height: 36px;font-size: 16px;background-color: #0b89ff;border-radius: 6px;text-align: center;color: #fff;}
.w800{position: relative;width: 800px;padding: 80px 60px;background-color: #fff;border-radius: 10px;}
.w800 p{margin-bottom: 30px;}
.cha{width: 24px;height: 24px;position: absolute;top: 25px;right: 25px;}

@media only screen and (max-width:1700px) {
	.table{font-size: 14px;}
	
	.w800{width: 700px;padding: 70px 50px;}
	.w800 .font-24{font-size: 22px;}
}

@media only screen and (max-width:1500px) {
	.py9{padding-top: 70px;padding-bottom: 80px;width: 800px;}
	.wh470{width: 350px;height: 370px;}
	.wh500{width: 380px;height: 380px;}
	.h70{height: 50px;line-height: 50px;font-size: 22px;}
	.p5{padding: 20px 40px;}
	.wh18{width: 15px;height: 18px;}
	.w80{width: 70px;height: 40px;}
	.bor_d{margin-top: 20px;}
	.sign{height: 38px;line-height: 38px;font-size: 18px;}
	
	.w500{width: 400px;}
	.w-10{width: 25%;}
	
	.h56{height: 48px;line-height: 48px;font-size: 20px;}
	.newsList .li{margin-bottom: 10px;height: 44px;line-height: 44px;font-size: 16px;}	
}

@media only screen and (max-width:1300px) {
	.sum{width: 240px;height: 44px;line-height: 44px;font-size: 18px;margin-top: 80px;}
	
	.table{font-size: 12px;width: 960px;}
	.roll{width: 100%;overflow: scroll;cursor: pointer;}
	.roll::-webkit-scrollbar {width:4px; height:6px; background:#ccc; border-radius:10px;}
	.roll::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:#ccc;/*内层轨道*/}
	
	.w200{width: 160px;height: 30px;}
	.middle span{width: 65%;/* font-size: 14px; */}
	.sou{width: 60px;height: 30px;line-height: 30px;font-size: 14px;/* margin-left: 20px; */}
	
	.w800{width: 600px;padding: 60px 40px;}
	.w800 .font-24{font-size: 20px;}
	.w800 p{margin-bottom: 20px;}
	.cha{width: 20px;height: 20px;}
}

@media only screen and (max-width:1100px) {
	.py9{padding-top: 60px;padding-bottom: 70px;width: 500px;}
	.wh470{width: 100%;height: 330px;margin-bottom: 50px;}
	.wh500{width: 100%;height: 450px;}
	.h70{height: 70px;line-height: 70px;font-size: 24px;}
	.p5{padding: 30px 50px;}
	.wh18{width: 18px;height: 21px;}
	.w80{width: 80px;height: 50px;border-left: 1px solid #d2d2d2;}
	.bor_d{border: 1px solid #d2d2d2;margin-top: 30px;}
	.sign{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;background-color: #0b89ff;color: #fff;font-size: 20px;}

	.w500{width: 300px;}
	.w-10{width: 30%;}

	.left{width: 100%;margin-right: 0;float: inherit;margin-bottom: 30px;overflow: hidden;}
	.h56{width: 100%;}
	.newsList{display: flex;flex-wrap: nowrap;overflow-x: auto;width: 100%;}
	.newsList .li{width: 20%;margin-bottom: 0;flex-shrink: 0;}
	.newsList::-webkit-scrollbar {
	    width: 10px;
	    height: 5px;
	  }
	.newsList::-webkit-scrollbar-thumb {
		transition: all 0.3s;
		background-color: rgba(193, 193, 193, 0.3);
		background-clip: padding-box;
		border-width: 3px;
		border-color: transparent;
		border-style: solid;
		border-radius: 5px;
	}
	.newsList::-webkit-scrollbar-thumb:hover {
	  background-color: rgba(189, 189, 189, 0.5);
	  background-clip: border-box;
	}

	.right{width: 100%;}
	.right_m{width: 100%;}
	
	.w800{width: 500px;padding: 50px 30px;}
	.w800 .font-24{font-size: 18px;}
	.w800 .font-18{font-size: 16px;}
	.w800 .font-16{font-size: 14px;}
	/* .w800 p{margin-bottom: 20px;} */
	.cha{width: 20px;height: 20px;/* position: absolute;top: 25px;right: 25px; */}
}

@media only screen and (max-width:750px) {
	.w800{width: 400px;padding: 40px 20px;}
	.w800 .font-24{font-size: 16px;}
	.w800 .font-18{font-size: 14px;}
	.w800 .font-16{font-size: 12px;}
	.w800 p{margin-bottom: 10px;}
	.cha{width: 16px;height: 16px;/* position: absolute;top: 25px;right: 25px; */}
}

@media only screen and (max-width:550px) {
	.py9{width: 100%;padding: 50px 40px 60px;}
	.wh470{width: 100%;height: 260px;margin-bottom: 50px;}
	.wh500{width: 100%;height: 360px;}
	.h70{height: 50px;line-height: 50px;font-size: 22px;}
	.p5{padding: 20px 40px;}
	.w80{width: 70px;height: 40px;}
	.wh18{width: 15px;height: 18px;}
	.bor_d{margin-top: 20px;}
	.sign{height: 38px;line-height: 38px;font-size: 18px;}
	
	.w500{width: 240px;height: 30px;}
	.w-10{width: 20%;}
	
	.h56{height: 46px;line-height: 46px;font-size: 16px;}
	.newsList .li{height: 40px;line-height: 40px;font-size: 14px;}
}

@media only screen and (max-width:500px) {
	.sum{width: 180px;height: 38px;line-height: 38px;font-size: 16px;margin-top: 60px;}
	.ip{font-size: 14px;}
	
	.table .th{height: 40px;line-height: 40px;}
	.table .td{height: 56px;line-height: 56px;}
	
}

@media only screen and (max-width:460px){
	.w200{width:100%;height: 40px;margin-bottom: 10px;}
	.middle{margin-left: 0;}
	.middle span{width: 85%;font-size: 14px;padding: 10px;}
	.sou{width: 100px;height: 40px;line-height: 40px;font-size: 14px;margin-left: 0;}
}

@media only screen and (max-width:414px) {
	.py9{padding: 40px 40px 50px;}
	.wh470{height: 220px;margin-bottom: 40px;}
	.wh500{height: 280px;}
	.h70{height: 40px;line-height: 40px;font-size: 18px;}
	.p5{padding: 20px 40px;}
	.w80{width: 60px;height: 30px;}
	.wh18{width: 12px;height: 15px;}
	.bor_d{margin-top: 10px;}
	.sign{height: 32px;line-height: 32px;font-size: 16px;}
	.Z{padding: 20px;}
	.Z span{font-size: 12px;}
	
	.mt5{margin-top: 30px;}
	
	.ip .center{display: inherit;}
	.ip{padding-left: 20px;padding-right: 20px;}
	.ip .w-10{margin-bottom: 10px;width: 100%;text-align: left;}
	.w500{width: 100%;}
	
	.w800{width: 280px;padding: 30px 20px;}
	.cha{top: 12px;right: 12px;}
}

@media only screen and (max-width:375px) {
	.wh470{height: 180px;margin-bottom: 30px;}
	.wh500{height: 240px;}
	.h70{height: 36px;line-height: 36px;font-size: 16px;}
	.p5{padding: 10px 20px;}
	.w80{width: 60px;height: 30px;}
	.wh18{width: 12px;height: 15px;}
	.bor_d{margin-top: 10px;}
	.sign{height: 28px;line-height: 28px;font-size: 14px;}
	.Z{padding: 10px 20px;}
	.Z span{font-size: 12px;}
	.mt5{margin-top: 20px;}
	
	.left{margin-bottom: 20px;}
	.h56{height: 36px;line-height: 36px;font-size: 14px;}
	.newsList .li{height: 30px;line-height: 30px;font-size: 12px;}
	
	.w200{height: 32px;}
	.middle span{width: 78%;font-size: 14px;padding: 5px 10px;}
	.sou{width: 80px;height: 34px;line-height: 34px;font-size: 12px;}
}

@media only screen and (max-width:320px) {
	.py9{padding: 40px 20px 50px;}
	.wh470{height: 150px;}
}