html,body,ul{
	margin:0;
	padding:0;
}

.main{
	max-width:500px;
	background:#f8c9d1 url("https://qq.qqlcloud.xyz/static/dh/images/mbg.jpg") no-repeat;
	background-size:100%;
	margin:auto;
	height:200%;
	padding-bottom:0.2rem;
	position:relative;
}
.kong{
	height:5.4rem;
}
.down{
	font-size:0.22rem;	
	text-align:center;
	height:0.6rem;
	line-height:0.6rem;
	width:60%;
	margin:.4rem auto;
	color:#fff;
	font-weight:300;
	border-radius:0.35rem;
	border:2px solid #888;
	
}
.c1{
	background-image: linear-gradient( 0deg, #FFF886 10%, #F072B6 100%);
}
.c2{
	background-image: linear-gradient( 0deg, #EE9AE5 10%, #5961F9 100%);
}
.c3{
	background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}
.c4{
	background-image: linear-gradient( 135deg, #F6D242 10%, #FF52E5 100%);
}
.c5{
	background-image: linear-gradient( 135deg, #FF96F9 10%, #C32BAC 100%);
}
.c6{
	background-image: linear-gradient( 0deg, #81FFEF 10%, #F067B4 100%);
}
.kf{
	text-align:center;
}
.kf a{
	display:block;
}
.wen-title{
	font-size: 0.24rem;
    color: red;
    margin-bottom: 15px;
}
.tips{
	padding: 0.2rem;
    margin: 0.2rem;
    border: 1px solid #eee;
    border-left-width: 0.05rem;
    border-radius: 0.03em;	
    border-left-color: #5cb85c;
    background:white;
    font-size:0.2rem;
}
.tips a{
	text-decoration:none;
}

.footer{
	text-align:center;
	font-size:0.2rem;
}
.forever{
	font-size:0.3rem;
	color:#d636e4;
}

.apple-jc{
	margin: 0.3rem 0.2rem 0 0.2rem;
	display:none;
}
.jc-title li{
	font-size:0.2rem;
	width:40%;
	text-align:center;
	line-height:0.6rem;
	height:0.6rem;
	color:white;
	border-radius: 0.1rem 0.1rem 0 0;
}
.jc-title li.li-01{
	background:#FF5722;
	border:3px solid #FF5722;
}
.jc-title li.li-02{
	background:#009688;
	border:3px solid #009688;
}
ul{
	list-style-type: none;
	overflow: hidden;
	display:flex;
	justify-content:space-between;
}
.tab-one{
	background:#FF5722;
	border:3px solid #FF5722;
	border-top:0;
	padding:0.3rem 0.1rem;
	border-radius: 0 0 0.1rem 0.1rem;
}
.tab-two{
	background:#009688;
	border:3px solid #009688;
	border-top:0;
	padding:0.3rem 0.1rem;
	border-radius: 0 0 0.1rem 0.1rem;
	display:none;
}


/*弹出层对话框 pop*/
.pop{
	background: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display:none;	
}
.pop-content{
	background: white;
	margin: 0 auto;
	width:75%;
	max-width: 4.32rem;
	min-width:2.7rem;
	position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);
    border-radius: 5px;
}
.pop-top{
	height: 0.6rem;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
	text-align: center;
	line-height: 0.6rem;
	font-weight: 300;
	font-size:0.24rem;
	letter-spacing:2px;
	background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
}
.pop-middle{
	overflow: hidden;
	position: relative;
}
.pop-left{
	width:50%;
	float:left;
	text-align: center;
}
.pop-left img{
	width:90%;
	margin-top: 5%;
}
.pop-right{
	width:50%;
	height:100%;
	position: absolute;
	right:0;
}
.pop-center{
	position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);
}
.pop-text{
	line-height: 22px;
	font-size: 16px;	
	font-weight: 300;
	color: #333;
	text-indent:2em;
	padding:0 14px;
}
.pop-bottom{
	text-align: center;
	font-size:18px;
	padding:0.2rem;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
}
.pop-button{
	border:none;
	outline: none;
	height:0.4rem;
	line-height:0.4rem;
	font-weight:300;
	border-radius: 4px;
	padding:0 16px;
}
.pop-cancel{
	background:#4e6ef2;
	color:white;
}
.pop-text .waring{
	color:red;	
}
/*弹出层对话框 pop*/


/* anjc */
.anjc{
	margin-top:0.1rem;
	text-align: center;
}
.anjc-title{
	font-size: 0.38rem;
	font-weight: 500;
	padding-bottom: 0.08rem;
}
.anjc-info{
	font-size: 0.2rem;
}
.anjc-red{
	color: red;
}
.anjc-blue{
	color: #038edc;
}
.anjc-pics{
	display: flex;
	font-size: 0;
}
.anjc-pic img{
	margin-top:0.2rem;
	border: 1px solid #888;
	border-radius: 0.1rem;
	width: 80%;
}

.anjc-imgs{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	overflow: scroll;
}

.anjc-close{
	position: fixed;
	z-index:99;
	top: 0.2rem;
	right:0.2rem;
	font-size: 0.6rem;
	line-height: 0.4rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.3);
	color: white;
	text-align: center;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); 
}

.anjc-img {
	padding:0.5rem 0.3rem 0;
	height: 1000px;
	font-weight: 300;
}

.anjc-logo{
	display: block;
	margin: 0 auto 0.8rem;
	width:50%;
}
.anjc-one{
	display: block;
	margin: 0.3rem auto;
	width:100%;
}
.anjc-text{
	font-size: 0.3rem;
	line-height: 1.5;
	padding: 0 0.2rem;
}