.light-gray{background-color: #ebeaea !important;}

a{color: #444;}
.hidden{ display: none;}
.wrap{
	width:100%;
	max-width: 7.2rem;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
}
/*banner  style*/
.swiper-container {
	width: 100%;
	height: 2.2rem;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 100%;
	/* height: 3.6rem; */
}
.content{
	padding: .1rem;
	background-color: #f4e2d4;
}
.content img{
	max-width: 7.18rem;
}
.whiteline{
	width: 103%;
    height: .01rem;
    background-color: #fff;
    margin: .15rem 0 .15rem  -.1rem;
}
/*topbar*/
.topbar{
    width:100%;
	/*height: 1.2rem; line-height: .9rem; */
	text-align: center;
    /*background:-webkit-linear-gradient(#e73839,#b42221);*/
    padding: 10px 0;font-family: cursive;
    border-bottom: 1px solid #ff0000;
}
.topbar .h1{font-size: .24rem;text-align: center;}
/*banner  style*/
.b-title{position:absolute; bottom:0; width:100%; height: .48rem; font-size:.16rem; line-height: .48rem; color:#fff; text-align: center; background-color: rgba(0,0,0,.7);}
.swiper-pagination-bullet{width: 10px; height: 10px; display: inline-block; border-radius: 100%; background-color: #c1bfbf}
.swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination{text-align: right;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:12px;}
/*shortcut  style*/
.shortcut , .i-n-list{ height:0.6rem; background-color: #fff; margin: 0.05rem auto 0.05rem;}
.shortcut ul{display: -webkit-flex; display: -moz-box; display: -ms-flexbox;display:flex; width: 100%; height: 0.6rem; }
.shortcut ul li{display:flex; flex-wrap:wrap; width:1.36rem; height: 0.6rem; align-items: center; justify-content: center; text-align: center; }
.shortcut ul li a{display: block; width:100%; overflow: hidden}
.shortcut ul li a img{vertical-align: middle}
.shortcut ul li .img-p{ vertical-align: top;}
.shortcut ul li .a-p{margin-top:15px;}
.s-u-title{font-size:.16rem; color: #767676; margin-top:-30px;}
.shortcut ul li a.active{color:#ff4242}
.shortcut .u-last{width: 85%; height: 60%; background-color: #707070; border-radius: 15px; font-size: .24rem}
.shortcut ul li a.u-l-a{height: 0.8rem;  color: #fff;  padding: 8px 0;}
/* tab */
#rightin{width:100%; height:auto;overflow: hidden; margin: 0 auto;}
.rightin-title{margin: .1rem auto; width: 100%;white-space: nowrap; overflow-y: hidden;font-size: 0;}
/*.rightin-title .up { background:#db3431;color:#fff;}*/
.rightin-title .up a{ color:#dc3430;}
.rightin-title li{display: inline-block; text-align:center;
    /*padding:0.05rem .1rem; */
    font-size: .18rem; margin-left:4%; background: #fff;cursor: pointer; border-radius: 5px;box-sizing:border-box;}
.block ul {height:186px; margin-top:0px;}
.block li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:12px;}
.block li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:10px;color: #242424;}
.block li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
.i-n-list{width: 94%; padding: 2%; height: auto; overflow: hidden;}
.i-n-list .imgbox{width: 35%;float: left;height: 0.9rem;
    overflow: hidden;
    border-radius: 6px;}
.i-n-list .imgbox img{width:100%;height: 100%;}
.i-n-list .infobox{width: 63%;float: right;}
.i-n-list a{color:#242323;}
.i-n-list a:hover , .w-l-c-title a:hover{color:#ff4242}
.b-s-title{
	font-size: 20px; color:#242323; line-height:1.5;
	font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;
	white-space: nowrap;
}
.b-s-intro , .b-s-detail{font-size:14px; line-height: .28rem;}
.b-s-intro{height:.75rem;text-indent: .28rem}
.b-s-intro a{color:#6a6a6a;}
.b-s-detail img{vertical-align: middle; margin-right: 8px;}
.b-s-detail , .b-s-detail a{color:#9e9d9d}
.b-s-detail .ml65{margin-left:2%;}
.b-s-detail .mr65{margin-right:2%;}
/*content*/
.w-l-c{width:90%; height: auto; overflow: hidden; padding:.2rem; margin: 0rem auto; background-color: #fff; text-align: center}
.w-l-c p , .w-l-c .b-s-detail{text-align: left;margin-bottom: .1rem;}
.w-l-c img{max-width: 100%; margin:0 auto;}
.w-l-c-title{font-size: .22rem; line-height: 1.8;}
.w-l-c-title a{ color: #242323}
.footer{width:100%; padding:10px 0; text-align: center; font-size: .14rem; color:#999;line-height: 1.6;}
.f24{font-size: .4rem; 
	/*line-height: 1.2rem;*/
	color: #fff;}
.head img{border-radius: 50%; margin-top: 30px;}
.head-name{color: white; font-size: .24rem;}
.head-intro{color: white; font-size: .16rem; margin-top: 10px;}
nav.home-nav {
    width: 100%;
    height: .6rem;
    line-height: .06rem;
    border-bottom: .05rem #f2f2f2 solid;
    white-space: nowrap;
    overflow-y: hidden;
}
nav.home-nav a {font-size: .18rem;width: 12%;display: inline-block;line-height: 0.4rem;}
nav.home-nav a.on{border-bottom: 2px solid red;}
a.on {color:red;}
.back{ font-size: .14rem; height: 20px; float: left; padding: 5px; color: white;}
.home{ font-size: .14rem; height: 20px; float: right; padding: 5px; color: white;}
.back a{color: white;}
.home a{color: white;}
.nolist{font-size: .18rem; margin: 20px; text-align: center;}

/*艺人页面样式*/
.people-img{width:20%;float: left;border-radius: 50%;margin-right: 2%;margin-top: .1rem;}
.people-intro{width: 76%;float: left;}

/*返回按钮样式*/
.back_home{position:absolute;top:0.2rem;text-align: center;height: 0.3rem;}
.back_home i{font-size: .2rem;}

.followbtn{position: absolute;bottom: .2rem;left: 50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border: 1px solid #fff;background: #fff;outline: none;padding: 4px 6px;border-radius: 2px;}

@-webkit-keyframes ball-beat {
	50% {
		opacity: .2;
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes ball-beat {
	50% {
		opacity: .2;
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
.ball-beat {
	padding: 0.1rem 0;
	font-size: 0;
	text-align: center;
}
.ball-beat>div {
	background-color: #999;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	display: inline-block;
	-webkit-animation: ball-beat .7s 0s infinite linear;
	animation: ball-beat .7s 0s infinite linear
}
.ball-beat>div:nth-child(2n-1) {
	-webkit-animation-delay: .35s !important;
	animation-delay: .35s !important
}
.showmore{display: none;}