/* CSS reset*/
body{background: #fff; font-size: 0.32rem; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0; padding: 0; color:#505050;}
fieldset,img {border: 0}
:focus { outline: 0}
address,caption,cite,code,dfn,em,th,var,optgroup {font-style: normal; font-weight: normal}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal}
ul,li,ol,dl,dt,dd{list-style:none; margin:0; padding:0;}
abbr,acronym {border: 0;font-variant: normal}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
img{border: none; vertical-align: middle;}
code,kbd,samp,tt {
	font-size: 100%
}
input,button,textarea,select {
	*font-size: 100%
}
.left{float: left;}
.right{float: right;}
a:link,a:visited{color:normal; text-decoration:none;}
header h1{background-color: rgb(156 39 176);
	background-image: linear-gradient(45deg, rgb(156 39 176) 0%, #ff5acd 100%);
	box-shadow: 0 5px 5px -3px rgb(255 135 185 / 50%); color:#fff; font-size: 0.35rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-weight:bold;
}
header h1 a{display: block; width: 100%; height: 100%; color: #fff;}
a.newurl{color: #ff0000;}
.wrap{width: 100%; max-width: 7.5rem; min-width:3.2rem; margin: 0 auto; background: #fff; }

.clearfix:before, .clearfix:after{clear:both; display:block; content: "";}
.topbanner img{ display: block; width: 100%; max-height: 1.1rem;}
.col-5 li{width:20%; float:left; padding: 0.1rem 0; box-sizing: border-box; text-align: center;}
.col-5 li img{width: 1.2rem; height: 1.2rem; margin: 0 auto 0.1rem auto; border-radius: 10px;}
.col-4 li{width:25%; float:left; padding: 0.1rem; box-sizing: border-box; text-align: center;}
.col-4 li img{width: 1.4rem; height: 1.4rem; margin: 0 auto; border-radius: 10px;}
.col-5 .name{font-size: 0.25rem; font-weight: bold; word-break: keep-all; overflow: hidden;}
.col-4 .name{font-size: 0.3rem; font-weight: bold; word-break: keep-all; overflow: hidden;}
.title{border-bottom: 1px solid rgba(0,0,0,.1); position: relative; height: 0.8rem; margin-bottom: 0.08rem;}
.title h3{font-size: 0.35rem; line-height: 0.8rem; color: #000; padding: 0.2rem; font-weight: bold; }
.title h3 p{display: inline-block; border-bottom: 2px solid #e91e63; position: absolute; bottom: -1px; font-size: .35rem;}
.title h3 span{ font-size: 0.2rem; color: #3c3c3c; font-weight: normal; line-height: 0.6rem;}
.warn-inner{font-size: .12rem; border-bottom: 1px solid rgba(0,0,0,.1); padding: 0.1rem 0;}
.title h3 span i, .warn-inner span{font-style: normal; color: red;}

.list-vertical a{display: block; margin: 0.1rem 0.1rem 0 0.1rem; border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 0.1rem;}
.list-vertical a:before, .list-vertical a:after{clear:both; display:block; content: "";}
.list-vertical a:last-child{margin-bottom: 0.1rem;}
.list-vertical .icon img, .bottom-wrap .icon img{width: 1.2rem; height: 1.2rem; border-radius: 10px;}
.list-vertical .middle, .bottom-wrap .middle{ float: left; padding: 0 0.3rem;}
.titlec{font-size: 0.35rem; line-height: 0.6rem; color: #000;}
.description{font-size: 0.25rem;color: #9c27b0;}

.download-btn {
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	width: auto;
	line-height: 0.8rem; margin-top: 0.2rem; padding: 0.05rem 0.15rem;
	background-color: rgb(156 39 176);
	background-image: linear-gradient(45deg, rgb(156 39 176) 0%, #ff5acd 100%);
	box-shadow: 0 5px 5px -3px rgb(255 135 185 / 50%);
	text-shadow: 2px 2px 4px rgba(0,0,0,.2);
	border-radius: 3px;
	color: #fff;
	font-size: 0.25rem;
	display: inline-block;
}
.bottom-wrap .download-btn {
	color: #e91e63;

}
.list-horizontal .download-btn{width: 100%; margin-top: 0.1rem; line-height: normal; padding: 0.1rem 0;}
.bottom-adv{border-top:1px solid rgba(0,0,0,.1); text-align: center; color: #A3A3A3; font-size: 0.2rem; padding: 10px 0; margin-top: 0.2rem;}

.bottom-box{position: relative;}
.bottom-wrap{ position: fixed;  bottom: 0;  left: 0;  width: 100%; padding: 0.1rem; box-sizing: border-box; z-index: 1000; background-image: linear-gradient(to right, rgba(156,39,176,.9), rgba(244,67,54,.9)); }
.bottom-wrap .titlec, .bottom-wrap .description{color: #fff; }

.foot{font-size: 0.26rem; background: #f5f5f5; padding: 0.2rem 0.1rem; text-align: center;}