* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}

body {
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	overflow-x: hidden;
	background-color: #cd0000;
	/*background-color: rgb(200,1,0);*/
	/*height: 681px;*/
}

li {
	list-style: none;
	color: #000000;
}

a {
	text-decoration: none;
	color: #000000;
}

button {
	outline: none;
}
img{width: 100%;}
.TabTop,.tabCon{width: 95%;margin: auto;}
.TabTop ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.TabTop ul li{width: 29%;font-size: 0.6rem;margin-bottom: 0.5rem;color: rgb(242,205,142);border: 0.05rem solid rgb(242,205,142);padding: 0.2rem;border-radius: 0.2rem;cursor: pointer;text-align: center;background-image: url(../img/bgimg.png);background-size: 100% 100%;}
.active{background: rgb(242,205,142)!important;color: rgb(191,13,40)!important;}
.tabCon>ul{padding-bottom: 5rem;}
.itemTab ul{margin-top: 1rem;}
.tabCon>ul li h2{font-size: 0.9rem;text-align: center;color: rgb(242,205,142);margin: 0.5rem 0;position: relative;}
.tabCon>ul li h2:after,.tabCon>ul li h2:before{content: "";width: 3rem;height: 1.5rem;position: absolute;background-position: 0 center; background-size: 100%;  background-repeat: no-repeat;}
.tabCon>ul li h2:before{background-image: url(../img/befor.png);left: 0; }
.tabCon>ul li h2:after{background-image: url(../img/after.png);right: 0;}
.itemTab{display: none;}
.itemTab:nth-child(1){display: block;}
.itemTab ul li{background-color: rgb(255,240,204);padding: 0.5rem 0.7rem;border-radius: 0.3rem;line-height: 1.5rem;margin-bottom:1rem;}
.itemTab ul li p{position: relative;text-align: center;font-size: 0.85rem;}
.itemTab ul li p span{position: absolute;left: 0;font-size: 0.85rem;font-weight: bold;color: rgb(174,0,1);}
.footNav{background-color: rgb(159,0,1);padding: 0.5rem 0;position: fixed;bottom: 0;width: 100%;max-width: 750px;}
.footNav ul{display: flex;justify-content: space-around;width: 90%;margin: auto;}
.footNav ul li{width: 35%;position: relative;}
.footNav ul li img{width: 2rem;position: absolute;}
.footNav ul li p{text-align: right;margin-left: 2.2rem;line-height: 3rem;font-size: 0.85rem;color: rgb(242,205,142);}
.footNav ul li:nth-child(2) img{margin-top: 0.3rem;}


/* 新闻资讯页 */
.newsCon,.zuopingCon{background-size: 100%;}
.rego{width: 90%;margin: 0 auto;padding: 1rem 0;}
.rego a{background-color: rgb(238,196,130);color: rgb(191,13,40);padding:0.2rem 0.5rem;border-radius: 0.2rem;font-size: 0.8rem;}
.xwzxName{width: 30%;margin: auto;}
.newsList{width: 90%;padding-bottom: 5rem;min-height: 25rem;margin-top: 1rem;margin-left: 5%;}
.newsList li {background-color: rgb(250,240,204);padding: 0.5rem 2%;width: 96%;border-radius: 0.2rem;margin-bottom: 1rem;}
.newsList li a{display: flex;justify-content: space-between;}
.leftCon{width: 55%;}
.rightCon{width: 40%;}
.leftCon p{font-size: 0.8rem;overflow-y: hidden;white-space: normal;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.5rem;height: 3rem;}
.leftCon span{font-size: 0.65rem;color: rgb(174,0,1);}


/* 作品详情页 */
.datilCon{min-height:30rem;}
.contentBox{padding-bottom: 5rem;}
.datilCon{width: 86%;background-color: rgb(250,240,204);margin: auto;padding: 0.5rem 2%;border-radius: 0.2rem;}
.topBox{margin: 0.5rem;border-bottom: 0.02rem solid rgba(203,3,3, 0.2);}
.topBox h2{color: rgb(102,3,3);font-size: 1rem;text-align: center;font-weight: normal;}
.topBox p{font-size: 0.6rem;text-align: center;margin: 0.5rem 0;color: rgb(102,3,3);}
.datilCon>p{font-size: 0.8rem;line-height: 1.5rem;margin-bottom: 0.5rem;}
.datilCon>img{margin: 0.5rem 0;}
.shareBox{position: fixed;width: 100%;max-width: 750px;background-color: rgb(159,0,1);bottom: 0;}
.shareBox button{width: 90%;background: url(../img/shareIcon.png);background-repeat: no-repeat;line-height: 2.5rem;background-size: 1.5rem;background-position: 35% center;color: rgb(236,205,92);font-size: 0.8rem;margin-left: 10%;}


/*  */
.zuopingCon>h3{font-size: 0.9rem;text-align: center;color: rgb(250,217,175);line-height: 96px;}
.hjiangr{width: 85%;margin: 1rem auto;background-color: rgb(250,240,204);display: flex;justify-content: space-between;padding: 0.7rem 2.5%;border-radius: 0.2rem;}
.leftImg{width: 25%;text-align: center;}
.rightBox{width: 70%;}
.leftImg img{width: 3rem;height: 3rem;border-radius: 50%;margin-top: 0.5rem;}
.rightBox p{font-size: 0.75rem;line-height: 1.5rem;margin-top: 0.5rem;}
.rightBox p:nth-child(2){color: rgb(191,13,40)}
.datailbox{width: 85%;margin: 0rem auto;padding: 0.7rem 2.5%;border-radius: 0.2rem;}
.zuopingCon{padding-bottom: 4rem;}
.datailbox img,.datailbox p{margin-bottom: 0.5rem;}
.datailbox p{font-size: 0.75rem;line-height: 1.5rem;}