/*
web style
Copyright (c) 2012 Reactive Light
background rgb(248, 210, 206),#ebf2fe,rgb(255, 239, 195),rgb(206, 234, 214)
*/
body{
	margin:0;
	padding:0;
	background:rgb(248, 210, 206);
	letter-spacing:2px;
	
}
p{
	margin:0;
	padding:0;
}
body.dark{
	background:#181c1f;
}
.dark a{
	color:#fff;
}
a{
	text-decoration:none;
}
	.bg-win{width:100vw;height:100vh;position:fixed;top:0;left:0;}
	.bg-win img{width:100%;height:100%;}
	
header{
	width:calc(100% - 120px);
	height:60px;
	padding:15px 60px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	color:#000;
	
}
.dark header{
	color:#fff;
}
.qian-yuan{
	line-height:30px;
}
.web-title{
	letter-spacing:3px;
	font-size:20px;
	
}
.web-title a{
	color:#000;
	
}
.menu{
	position:relative;
	width:140px;
	text-align:center;
	height:40px;
}

.menu-option{
	display:none;
	width:140px;
	background:rgba(0,0,0,.7);
	position:absolute;
	left:0;
	top:40px;
	z-index:999;
	padding:10px 0 2px;
	

}
.menu-option a{
	display:block;
	width:100%;
	height:30px;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	line-height:30px;
	border-bottom:1px solid rgba(255,123,194,.7)
}
.menu-option a:last-child{
	border:none;
}

main {
  display:flex;
  justify-content:space-between;
  padding: 20px 0;
}
.container-box{
	
	flex-basis: 900px;
	
}
.ad-box{
	flex-basis: 300px;
	
}
.ad-left-content{
	padding:20px 20% 20px 7%;
}
.ad-right-content{
	padding:20px 7% 20px 20%;
}
.ad-item{
	display:block;
	background:#fff;
	border-radius:20px;
	filter:drop-shadow(0 0 35px #999);
	margin-bottom:20px;
	overflow:hidden;
	vertical-align:middle;

}
.ad-item img{
	width:100%;
	vertical-align:middle;
}
.ad-ps{
	background:linear-gradient(to bottom,#d8eaff,#a0c2ef);
}
.bg-hex-fa8840{
	background:#fa8840;
}
.bg-hex-323136{
	background:#323136;
}
.ps-download{
	text-align:center;
	font-size:12px;
	margin-bottom:10px;
}

.ad-custom{
	height:12.3vw;
	font-size:16px;
	display:flex;
	justify-content:center;
	align-items:center;
	letter-spacing:4px;
	font-weight:700;

}
.mid-ad{
	height:18vw;

}
.big-ad{
	height:25vw;
}
.bg-me001{
	background:#A730B2;
}

.gg-img{
	width:100%;
	max-width:700px;
	border-radius:5px;
	border:1px solid #fff;
	box-shadow:0 0 4px rgb(0 0 0 / 15%);
}
.download-main{
	display:flex;
	justify-content:space-between;

}


section {
  margin-bottom: 40px;
}
section.dload-content{
	width:70%;

}
section.dload-ad{
	width:20%;

}


h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.page-lead{
	width:100%;
	display:flex;
	justify-content:space-between;
	height:50px;
	border-bottom:1px solid #777;
	line-height:50px;
}
.url-link{
	font-size:13px;
	text-decoration:none;
	
}
.use-web-box{
	background:rgba(0,0,0,.2);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	padding-top: 8px;
    padding-bottom: 8px;
    padding-inline: 8px 45px;
	display:flex;
	flex-wrap:wrap;
	
	
}
.web-item{
	width:123px;
	height:28px;
	line-height:28px;
	justify-content:center;
	display:flex;
	align-items:center;
	margin:5px 10px;
	border-radius:6px;
	
}
.web-item:hover{
	background:rgba(255,255,255,.25)
}
.web-item a{
	color:#fff;
	font-size:13px;
}
.ico-img{
	width:20px;
	height:20px;
	border-radius:3px;
	margin-right:5px;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  
}

.gallery .img-box {
  width: 30%;
  margin:10px 1.65%;
  border:7px solid #fff;
  box-sizing:border-box;
  border-radius:10px;
}
.img-box img{
	width:100%;
	filter: contrast(170%);
	
	
}
.img-box:hover{
	border-color:#f8d2ce
}
.img-box:hover img{
	filter: contrast(100%);
}
.zuopin-title{
	width:100%;
	height:30px;
	text-align:center;
	line-height:30px;
}
.tool-item{
	border:1px solid #ccc;
	padding:7px 10px;
	width:17%;
	height:42px;
	border-radius:7px;
	display:flex;
	flex-direction:row;
	margin:7px 2%;
	position:relative;
	background:#fff;
	
}
.tool-item div{
	display:flex;
	flex:1;
	align-items:center;
}
.tool-item div:last-child{
	flex:2;
	justify-content:center;
}
.form-warp{
	display:flex;
	flex-direction:row;
	justify-content:space-between;

}
.form-warp form {
  display: flex;
  flex-direction: column;
}

.form-warp label {
  margin-bottom: 10px;
}

.form-warp input, .form-warp textarea {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  
}
.form-warp textarea {
	min-height:90px;
}
.form-warp .submit-btn {
  padding: 10px;
  background-color: #416da5;
  color: #fff;
  border: none;
  cursor: pointer;
  width:170px;
  border-radius:7px;
}
.form-warp .contact-email{
	width:60%;
}
.form-warp .contact-fund{
	width:30%;
	

}
.common-fund{
	width:100%;
	text-align:center;
}
.zan-zhu{
	width:100%;
	height:40px;
	border:1px solid red;
	border-radius:12px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:red;
	letter-spacing:2px;
	margin-bottom:20px;
}
.thank{
	font-size:13px;
	color:#888;
	text-align:center;
	margin-top:10px;
	letter-spacing:2px;
}
 .fund-img{
	width:70%;
	border-radius:10px;

}
.cursor{
	cursor:pointer;
}
footer{
	text-align:center;
	letter-spacing:3px;
	font-size:13px;
	width:100%;
	padding:25px 0;
	color:#474949;
	line-height:40px;
}
.dark footer{
	color:#f8f8f8;
}

.list-content{
	padding:20px 0;
	min-height:400px;

}
.list-down-item{
	width:100%;
	border-bottom:1px solid #ccc;
	height:50px;
	
	line-height:50px;
	cursor:pointer;


}
.item-des{
	display:flex;
	justify-content:space-between;
	font-size:13px;
}
.item-des span{
	display:block;
	width:80%;
	height:50px;
	overflow:hidden;
	text-overflow: ellipsis;
	
}
.msg-content{
	padding:20px;
	min-height:400px;
	color:#999;
	letter-spacing:2px;
	font-size:13px;
	line-height:30px;
}
.msg-title{
	font-size:17px;
	letter-spacing:3px;
	text-align:center;
	height:30px;
	color:#666;
	
}

.bg-blank{
	background:#222222;
}