header {

	font-size: .24rem;
	height: 0.68rem;
	line-height: 0.68rem;
	background: #f7f7f7;
	color: #555555;
	clear: both;
}
.detail > header{
	font-size: .3rem;
	height: 52px;
	padding: 0 .24rem 0 .32rem;
	line-height: 52px;
	border-bottom: 1px solid #eee;
	background: #F8F8F8;
	color: #444;
	text-align: center;
	width: 100%;
}

.header_detail .fixed{
	position: relative;
}
.header_detail .title{font-size: .24rem;color: #fda15d;font-weight:bold;}
.header_detail .logo{position: absolute;top:15px;left:0;width: 76px}
.header_detail .fix-report{position: absolute;top:1px;right:0;font-size: .22rem;color:rgb(237,108,68);}
.header_detail .fix-report i{display: inline-block;width: .24rem; height: .4rem;background: url(../img/report_icon.png) no-repeat 0 0;background-size: 100%;position:relative;top:.18rem;right: 3px;}
.figure{
	height: 2.96rem;
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: flex;
	padding: .26rem .18rem .26rem .32rem;
}
.xiaying_img{
	position: absolute;
	top: .1rem;
	right: .1rem;
	width: 1.096rem;
	height: 0.838rem;
	background: url("../img/xiaying_img.png");
	background-size: 100% 100%;
	z-index:0;
}
section figure {
	position: relative;
	margin-right: .16rem;
}

section figure img {
	width: 1.9rem;
	height: 2.7rem;
}

section figcaption img {
	position: absolute;
	width: .6rem;
	top: -.3rem;
	left: -.26rem;
	height: .5rem;
}

section .info {
	line-height: .34rem;
	font-size: .22rem;
	width: 4.23rem;
	height: 2.44rem;
	overflow: hidden;
	color:#666;
}
.flex-wrap{display: -webkit-flex;display: flex;position: relative}
.drop-title{position: absolute;bottom: -5px;font-size: .2rem;color:#fdac2e}
.drop-title .dropdown-btn:last-child{margin-left: 30px}
.dropdown-btn i{float:right;width:.23rem;height:.23rem;background: url('../img/blank_arrow.png') no-repeat 50% 50%;background-size:100%;margin-top:3px;margin-left: 5px;}
.dropdown-btn.active i{background: url('../img/fill_arrow.png') no-repeat 50% 50%;background-size:100%;}
.dropdown-btn i.up{transform: rotate(180deg)}
.dropdown-btn i.down{transform: rotate(0deg)}

.movie-items{position: relative;background: #f5f5f5;margin-top:.10rem;font-size:.22rem;line-height: .35rem;color: #666;padding:8px;border-radius: 5px}
#episode,#duration{
	position: relative;
}
#episode:before{
	content: ': ';
}
#duration:before{
	content: ': ';
}
#episode:before,#duration:before,.publishers:before,.producers:before,
section .info p:nth-last-child(1):before{
	position: relative;
	left: 0;
}
.publishers{position: relative;overflow: hidden}
.publishers em{width: 1.12rem}
.publishers p{width: calc(100% - 1.12rem)}
.producers{position: relative;overflow: hidden}
.producers em{width: 1.12rem}
.producers p{width: calc(100% - 1.12rem)}
#data{margin: 0 .2rem;padding: .15rem 0;}
#data div{width:33.3%;border-bottom:0;padding:0;}
section .info h2 {
	color:#333;
	font-size: .28rem;
	font-weight: 400;
	margin-bottom: .1rem;
}

#category {
	position: relative;
	min-width: .9rem;
	line-height: .3rem;
	display: inline-block;
	color: #fff;
	background: #fc6e32;
	border-radius: 10px;
	font-size: .16rem;
	text-align: center;
	margin-left: .2rem;
	padding: 0 .1rem;
}

section .info time img {
	margin-right: .15rem;
	width: .22rem;
}

section .info p mark {
	height:.3rem;
	line-height: .3rem;
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: .18rem;
	border: 1px solid;
	padding: 0 .06rem;
	margin-left: .08rem;
	font-size: .16rem;
}

section .info p mark.orange {
	color: #FDA109;
	border-color: #FDA109;
}

section .info p mark.darkturquoise {
	color: #5dc7d5;
	border-color: #5DC7D5;
}

header strong {
	width: .18rem;
	height: .18rem;
	display: inline-block;
	border: 1px solid #FDA109;
	border-radius: .2rem;
	background: #fff;
	margin: 0 .1rem 0 .18rem;
}
header small{
	font-size: .2rem;
	color: #917754;
}
.data {
	position: relative;
	font-size: .2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sentiment .datas{
	height: 2.4rem;
}
.detail .data div:nth-last-of-type(1),
.detail .data div:nth-last-of-type(2){
	border-bottom: none;
}
.data div {
	width: 50%;
	text-align: center;
	line-height: .4rem;
	padding-top: .18rem;
	color: #666666;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: .16rem;
}
.data div:nth-of-type(2n),
.data div:nth-last-child(1){
	border-left: 1px solid #e2e2e2;
}
.data div:nth-of-type(1) big ,.about div:nth-of-type(1) big,
.sentiment .datas .box:nth-of-type(5) big,
.sentiment .hot .box:nth-of-type(1) big,
.sentiment .hot .box:nth-of-type(2) big{
	color: #fc6e32;
}
#type mark:nth-of-type(1){color: #FDA109;border-color: #FDA109;}
#type mark:nth-of-type(2){color: #5dc7d5;border-color: #5DC7D5;}
#type mark:nth-of-type(3){color: #f48195;border-color: #f48195;}
#type mark:nth-of-type(4){color: #F44336;border-color: #F44336;}

.gdiHistory{
	font-size:.2rem;
	line-height: .45rem;
	color: #666666;
	padding: .18rem .46rem;
}
.gdiHistory p:nth-of-type(1) em{
	margin: 0 .05rem;
	color: #fc6e32;
	font-weight: bold;
}
.gdiHistory p:nth-of-type(2) em{
	margin: 0 .05rem;
	color: #5dc7d5;
	font-weight: bold;
}
.gdiIndex{position: relative}
.gdiIndex .faq-icon{position: relative;left:5px;top:.04rem;display:inline-block;width:.24rem;height:.24rem;background:url(https://static.childshuju.com/faq.png) 0 0 no-repeat;background-size: cover}
.gdiIndex .faq{position:absolute;top:-122px;padding:.18rem;background: rgba(0,0,0,.5);color:#fff;text-indent: 2em;margin:.46rem;border-radius: 10px;}
.gdiIndex .faq .arrow{
	left: 1.05rem;
	border:7px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: rgba(0,0,0,.5);
	bottom: -14px;
}
.data div:nth-of-type(2) big ,.about div:nth-of-type(2) big,
.sentiment .datas div:nth-of-type(4) big,
.sentiment .hot div:nth-of-type(3) big,
.sentiment .hot div:nth-of-type(4) big{
	color: #5dc7d5;
}

.data div:nth-of-type(3) big ,.about div:nth-of-type(3) big,
.sentiment .hot div:nth-of-type(5) big,
.sentiment .hot div:nth-of-type(6) big{
	color: #FDA109;
}

.data div:nth-of-type(4) big ,.about div:nth-of-type(4) big{
	color: #f48195;
}

.detail .dayPlay {
	position: relative;
}
.dayPlay .hint {
	position: absolute;
	font-size: .18rem;
	top: .18rem;
	color: #666666;
	line-height: .36rem;
}

.dayPlay .hint strong {
	width: .26rem;
	height: 2px;
	display: inline-block;
	margin: 0 .16rem 0 .26rem;
	vertical-align: middle;
}

.dayPlay .hint p:nth-of-type(1) strong {
	background: #FC6E32;
}

.dayPlay .hint p:nth-of-type(2) strong {
	background: #FFBC38;
}

.dayPlay .charts {
	font-size: .2rem;
	height: 3.60rem;
	width: 100%;
}
.detail .allPlay{
	text-align: center;
	color: black;
}
.gdiGraph {
	text-align: center;
	color: black;
}

.allPlay .charts {
	width: 100%;
	height:3.6rem;
}
.gdiGraph .charts {
	width: 100%;
	height:3.6rem;
}

.platform {
	padding: 0 .16rem;
	min-height: 2.39rem;
}

.platform .chartsWrap {
	width: 100%;
}

.platform .platformList:before {
	content: '';
	width: 1px;
	min-height: 1.65rem;
	display: inline-block;
	background: #EEEEEE;
	position: absolute;
	left: 0;
	top: 16%;
	height: 68%;
}

.platform .chartsWrap .hint {
	position: absolute;
	width: 100%;
	font-size: .24rem;
	text-align: center;
	z-index: 2;
	padding: 1rem 0;
	line-height: .45rem;
}

.platform .charts {
	width: 100%;
	height: 3rem;
}

.platform .platformList {
	width: 100%;
	min-height: 2.39rem;
	font-size: .22rem;
	color: #555;
}
.table {
	width: 100%;
	font-size: .22rem;
}

.table thead th {
	height: .51rem;
	font-weight: 500;
	color: #666666;
}
.table tbody td{
	height:.51rem;
}
.table tr:nth-of-type(odd) td {
	background: #F8F8F8;
}
.table tbody td:nth-of-type(odd),
.table thead th:nth-of-type(odd){
	text-align: left;
	padding-left: 12%;
}
.table tbody td:nth-of-type(even),
.table thead th:nth-of-type(even){
	text-align: right;
	padding-right: 12%;
}

/**/
.search {
	height: .92rem;
	padding: .15rem;
	background: #FDA109;
	position: relative;
	line-height: .6rem;
}

.search input {
	width: 90%;
	height: .6rem;
	border: none;
	border-radius: .08rem;
	font-size: .28rem;
	padding: .1rem .6rem .1rem .6rem;
	float: left;
}

.search .search-log {
	position: absolute;
	content: '';
	width: .35rem;
	height: .35rem;
	z-index: 3;
	top: .3rem;
	left: .3rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABSCAMAAAD97APuAAAAjVBMVEX////1piP//vz//fn2qCf2rjb//Pb5w2n4wGH958H3sTz2qir96cf4vl33tkn3tEP2rDH/+Oz+7tP60o/4vVr/+/P+9OL968v5xW74uE/95Lz5x3L5wWX+9uf+8Nn84bP72qL60In6zIH6ynr+8t3836771ZX4u1X6zoX/+vD83an2qiz72J3715r847ce1x9EAAAD0klEQVRYw7WYbdtyMBjHN5SHqAgpT5VUl6v6/h/vPo7O2bjNGF2/V5X8nc/boEGU0LOPR9vLAvQVVHuXbDRcYzmX9888xWVprHAH7XBLJ0t68S/uw8knSe4NLGRTKrKSYYIH2ZhSksrtP8cXBz/RnTtkjBG54zXTO2Zs9ZMX0FrI8mLTfNhoY49bXLOKzW7ksrPFZHfjIvtkRt6CnvDka1yTqGiYM7Vyt0T9vKm19+E2u2CCEQ40xrnO2nqoxXY0VmgQe1vbKo5AVbv+HlXMdSHoiqiLiEeWh0YROMN+/VgkSOnoLinIjLFRHwmp6FSi9wxyT19v5eSpeyRBQOIa99QIcb5CUlxJDexFVX9BkpgaJIJXAe6qvibLA6zJ+w21kTSBBeZwyglCE0lLsgwfOxdOkPkrmgJUgNP5/QD9hiZRgkXp/4VR18UklMXn7hd3Om0QMLEADqiN//n1NlXUA/9/2t0ERZqhqVic/JswFdBkCk43vliRzsm/z3nQc7roleOqT0IyGQWmSmthhToj7TSjqVrLEGydljNEnc44UqDM0Az0TgAD2OXMEY07M9WF3M0XLRFDhR3EHNHoI9Hag0BBKDNEYak2UQMY++4M0UN3dK6bP2UhkgfMSrsFUdWbyZO0pgtZ4Sylj7rhtqqsqM1ZUMvG5F5AFuXYccZc2JjcjykLIJxnTrzJnddLgya5BgRQkxlvcidQHfLzuuK25BH8d+lne4L3BWqjQp29qKkbmQLIevZhBTig0q1/LD1NLN7KzfJ3kdsEhFrfacIBUz9VtVxLrYPQj78utyfY0h0u4NGjMOHOR08G2eFlv/ocJdsPF54VVtz/ehoEIATV7edLNWo8C9wqyNFsCc9YwDzIhaMbdsuCEvwBmbrxXZ+cKaumOy/9vOScTbApijjzhL1J2X8uvh6xs21lBGIPzTT8AuFCXE7ZGnnDlKR7Oj8I+k/xMWAECLhetngdQOsSVszTp4aJ6FI0wtYYWIe0YjK1cQJbRFVKr0SY4otUU6vn5ZBSnZ+leW02JxjAVMVvGwBdeEJXIYsMRzTWXGrA79ntlSwt+i9/jGpgsJwUHjdGLyqJrUyJxqiim4Ypm53d/m92cuhlmA6KXn8RqtoQ2Nree/wqj/bezE8XY9G6AuN3pKq6W+FhkhAhGVV0jbQBybXZKLhk5Ju/ayyS9Y9t16iqgsS4zwNf0Xp4nYAZg2/TmLknfdsWXPm7PQLkVRmh+bzEuuMbUXF7exA0CdV5qA5Rjf5GFX2RZa16+qqqTwoO/YGqgb6reocz6ndRz5t7jv6Gf3NWNN2dNZiCAAAAAElFTkSuQmCC) no-repeat center;
	background-size: contain;
}

.search-warp .remove {
	cursor: pointer;
	position: absolute;
	content: '';
	width: .6rem;
	height: .6rem;
	z-index: 3;
	top: 0.15rem;
	right: .75rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAE9SURBVChTbZFNy4JQEIWPYqtCknAT/YdWbgoJjULo34ZloBCJ0K5V0CZobUX5UWGf9/VOEvTSs7kH5pyZuQxYzmazYZfLhcufXK9Xtl6vSYvn8xlBEMBxHOQF/Of5fGI8HmM+nyOKIojlchmmaVLBtm3kkworqMFwOMTtdoOu66hWqxD4GF4MwxCz2QySJMGyLHpHoxGZ2+02Go0GNfkEOLvdDr7vo1QqQRRFZFmGVquFer1eOACxeAlVVaFpGq13v9/RbDa/zJyvQJqmWCwWEASBJiyXSxwOh6L65hOI4xiTyQSPxwOdTgfdbhev1wue52G/3xeuInA8HuG6LnU2DAOKoqBSqaDX69Gk6XSK7Xb7DvA78Btw+v0+arUaaY4syxgMBhTiDZMkAV16tVqxfCUuf3I6nVj+n1wx9gfV7dxGHAM0lAAAAABJRU5ErkJggg==) no-repeat center;
}


.search .return {
	font-size: .24rem;
	color: #FFFFFF;
	float: right;
}

.search-warp>header {
	height: .52rem;
	line-height: .52rem;
	text-indent: .16rem;
	clear: both;
}

.search-warp>.inner {
	padding: .2rem .16rem;
}

.search-warp .inner li {
	padding: .1rem .2rem;
	border: 1px solid #d7d7d7;
	font-size: .24rem;
	border-radius: .06rem;
	margin: 0 .15rem .2rem 0;
	display: inline-block;
	float: left;
	color: #999;
}

.search-warp .inner li a {
	color: #999;
}

.result {
	padding: 0 .16rem;
	font-size: .22rem;
	color: #84878e;
	line-height: .42rem;
}

.result .box {
	height: 2.1rem;
	padding: .3rem 0;
	border-bottom: 1px solid #D7D7D7;
	color: #84878e;
}

.result .box.last {
	border: none;
}

.result .box>img {
	width: 1.02rem;
	height: 1.48rem;
	float: left;
	margin-right: .16rem;
}

.result .box .inner {
	float: left;
	line-height: .36rem;
	width: 4.9rem;
	height: 1.48rem;
	overflow: hidden;
}

.result .box .inner img {
	width: .34rem;
	height: .34rem;
}

.result .box .inner h2 {
	font-size: .28rem;
	color: #414141;
	overflow: hidden;
}

.result .box .inner h2 em{
	display: inline-block;
	max-width: 2.9rem;
	height: 100%;
	float: left;
}

.result .box .inner h2 span {
	padding: .01rem .15rem;
	color: #fff;
	font-size: .2rem;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	margin-left: 20px;
	font-weight: 400;
	display: inline-block;
}

.result .bg-variety {
	background: #a5d56f;
}

.result .bg-movie {
	background: #4dd0b9;
}

.result .bg-drama {
	background: #ffa21e;
}

.result .bg-TVvariety {
	background: #367cd7;
}

.result .bg-TVdrama {
	background: #f48d8d;
}

.result .bg-anime {
	background: #bc7be8;
}

.result .box .inner time {
	margin-right: .2rem;
}
.result .error{
	height:1.36rem;
	text-align:center;
	margin-top:.85rem;
	font-size:.2rem;
	background: url(../../h5/img/error.png) no-repeat center top;
	background-size: .6rem .6rem;
	padding-top: .8rem;
	line-height: .3rem;
	color: #d0d0d0;
}
.content>.inner,article>.inner{
	font-size: .26rem;
	color: #444;
	padding: .16rem .24rem 0;
	line-height:.36rem;
	display: flex;
	flex-wrap: wrap;
}
.content>.inner h2{
	line-height: .6rem;
	font-size: .26rem;
	font-weight: 400;
}
.content>.inner h2:nth-of-type(1){
	line-height: .44rem;
}
.content>.inner dt{
	line-height: .52rem;
}
.content>.inner dd,
.content>.inner p{
	line-height: .4rem;
	text-indent: .4rem;
}
.content>.inner dd img{
	width: 4.4rem;
	margin: .2rem auto .32rem;
	display: inherit;
}

.sentiment>h2{
	height:52px;
	line-height: 52px;
	font-size: .3rem;
	background: #f8f8f8;
	color: #555555;
	text-indent: 0.32rem;
	border-bottom: 1px solid #e2e2e2;
}
.playNum ul{
	height: 1.06rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	color: #666666;
	border-bottom: 1px solid #e2e2e2;
}
.playNum li{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 0.2rem;
	line-height: .4rem;
	text-align: center;
	padding: .12rem 0;
}
.playNum li big,
.about big,
.data big{
	color: #fc6e32;
	font-size: .32rem;
	font-weight: bold;
}
.playNum li big{
	font-size: .3rem;
}
.playNum li small,
.data div small,
.about big small{
	font-size: .2rem;
	font-weight: bold;
}
.line{
	height: .86rem;
	line-height: .86rem;
	color: #666666;
	position: relative;
	overflow: hidden;
	-ms-touch-action: none;
	padding: 0 .1rem;
}
.line ul{
	width: 7rem;
	position: absolute;
}
.sentiment .menu{
	height: .86rem;
	line-height: .86rem;
}
.sentiment .menu ul li{
	font-size: .24rem;
	margin: 0 15%;
	width: 20%;
	float: left;
	text-align: center;
}
.line ul li{
	font-size: .24rem;
	margin: 0 .14rem;
	text-align: center;
	float: left;
}
.line li.active,
.menu li.active{
	color: #4c4743;
	font-weight: bold;
	position: relative;
}
.line li.active:before,
.menu li.active:before{
	content: '';
	position: absolute;
	bottom: .1rem;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FDA109;
}
.about{
	font-size: .2rem;
	text-align: center;
	height: 1.2rem;
	border-bottom: 1px solid #D7D7D7;
	padding: .15rem 0;
	line-height: .45rem;
	margin: 0 .2rem;
	color: #666666;
	display: -webkit-box;
	display: -moz-box;
}
.about2{
	border: none;
}
.detail .about1{
	position: relative;
	font-size: .26rem;
	border: none;
	border-top: 1px solid #e2e2e2;
	margin: 0;
	height: 1.4rem;
}

#to_media img{
	margin: 0 0 1px 0rem;
}
#to_comment img{
	margin: 0 0 2px 0rem;
}
.detail .about a{
	display: block;
	padding: .1rem 0;
}
.detail .about a:nth-of-type(1){
	color: #5dc7d5;
}
.detail .about a:nth-of-type(2){
	color: #fc6e32;
}
.detail .about img{
	width: .5rem;
}
.about div,.about a{
	width: 33.33%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	border-right: 1px solid #e2e2e2;
}

.about div:nth-last-child(1),.about a:nth-last-child(1){
	border: none;
}
.chartsWrap h4,
.plat{
	font-size: .22rem;
	padding: 0 .44rem;
	font-weight: 400;
	text-align: left;
	color: #666666;
	position: relative;
	height: .6rem;
	line-height: .6rem;
}
.chartsWrap h4 mark{
	background: #fff;
	padding: 0 .1rem;
}
.chartsWrap h4 button{
	font-size: .2rem;
	background: #fff;
	padding: .04rem .14rem;
	border: 1px solid #5dc7d5;
	position: absolute;
	border-radius: 3px;
	right: .44rem;
	bottom: .11rem;
}
.platformList span{
	width: .38rem;
	height: .13rem;
	display: inline-block;
	border-radius: .1rem;
	margin-right: .05rem;
}
.platformList li:nth-of-type(1) span{
	background: #FC6E32;
}
.platformList li:nth-of-type(2) span{
	background: #FFAC22;
}
.platformList li:nth-of-type(3) span{
	background: #c3a279;
}
.platformList li:nth-of-type(4) span{
	background: #5dcac9;
}
.detail .allPlay,.gdiGraph .tab{
	margin: 0;
}
.gdiGraph .tab{
	margin: .1rem 0 0 0;
}
.tab{
	display: inline-block;
	font-size: .24rem;
	height: .6rem;
	color: #666666;
	position: relative;
	border-bottom: 1px solid #c8c8c8;
	margin-top: .06rem;
}
.tab li{
	float: left;
	height: .6rem;
	padding: 0 .28rem;
	text-align: center;
	line-height: .62rem;
	margin-right: .4rem;
}
.tab li:nth-last-child(1){
	float: right;
	margin: 0;
}
.tab li.active{
	position: relative;
	color: #333;
	font-weight: bold;
}
.tab li.active:before {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #5dcac9;
}
.chartsWrap{
	text-align: center;
}
.chart{
	height: 3.6rem;
}
.sentiment .hot div:nth-last-child(1),
.sentiment .hot div:nth-last-child(2){
	border-bottom: none;
}
.sentiment .terrace .box:nth-last-child(1),
.sentiment .terrace .box:nth-last-child(2),
.sentiment .terrace .box:nth-last-child(3){
	width: 33.33%;
	border-bottom:1px solid #eee;
}

.detail .end{
	border-top: 1px solid #eee;
	text-align: center;
	font-size: .26rem;
	color: #666;
	line-height: .4rem;
}
.detail .end img{
	width: 1.6rem;
	height: 1.24rem;
	margin: .52rem 0;
}
.detail .end a{
	font-size: .28rem;
	color: #fc6e32;
	width: 2.2rem;
	line-height: .7rem;
	display: inline-block;
	border: 1px solid #fc6e32;
	border-radius: .06rem;
	margin-top: .32rem;
}
.sentiment .error{
	text-align: center;
	font-size: .28rem;
	color: #999;
}
.sentiment .error img{
	width: 1.2rem;
	margin: 1.4rem 0 .4rem;
}
#anthology h3{
	font-size: .3rem;
	text-align: left;
	font-weight: 400;
	line-height: .8rem;
}
#anthology table{
	font-size: .28rem;
}
.sentiment .error{
	text-align: center;
	font-size: .28rem;
	color: #999;
}
.sentiment .error img{
	width: 1.2rem;
	margin: 1.4rem 0 .4rem;
}

.progWrap{
	font-size: .24rem;
	margin: .22rem .2rem .12rem;
}
.progWrap li{
	height: .5rem;
}
.progWrap strong.lose{
	background: #c8c8c8;
}
.progWrap .progress{
	width: 3.6rem;
	float: left;
	padding: 2px 0;
	height: .3rem;
	font-size: 0;
}
.progWrap strong{
	display: inline-block;
	height: 100%;
	border: none;
	background-color:#fc6e32;
	max-width: 100%;
}
.progWrap mark{
	position: absolute;
	margin-left: .2rem;
	font-size: .2rem;
	background: #fff;
}
.progWrap span{
	width: 1.2rem;
	display: inline-block;
	text-align: right;
	float: left;
	font-size: .22rem;
}
.info h1{
	font-size: .34rem;
	line-height: .7rem;
}
.info h1 img{
	width: .28rem;
	margin-left: .1rem;
}
.info a{
	line-height: 1rem;
	color: #FDA109;
}
.on_show_data{
}
.xuanfa_data{
	display: none;
}
.correlation{
	margin: .2rem .44rem 0;
	font-size: .24rem;
	color: #666;
}
.correlation h5{
	display: inline-block;
	font-size: .26rem;
	font-weight: 400;
}
.correlation span{
	float: right;
}
.correlation li{
	padding: .2rem 0;
	border-bottom: 1px solid #e2e2e2;
}
.more{
	position:relative;
	color: #FDA109;
	line-height: 1.2rem;
	font-size: .24rem;
	text-align: center;
}

.correlation h4{
	line-height: .56rem;
	font-size: .24rem;
	font-weight: 400;
}

.weixin-art ul,.news-list ul{padding:0 .46rem 0rem .46rem;font-size:.23rem;overflow: hidden}
.weixin-art ul li,.news-list ul li{border-bottom: 1px solid #d8d8d8;padding-bottom: 10px;padding-top:12px;}
.weixin-art ul li:first-child{}
.weixin-art ul li p,.news-list ul li p{margin-bottom: .18rem;color:#444;font-size:.23rem}
.weixin-art ul li p a,.news-list ul li p a{color:#333}
.weixin-art ul li div span,.news-list ul li div span{color:#666;font-size:.22rem}
.weixin-art ul li div span:nth-child(1),.news-list ul li div span:nth-child(1){margin-right: 25px}
.more-btn{position:relative;width:100%;margin:0px auto 10px;text-align: center;padding:.26rem 0;color:#ffb312;font-size: 15px}
.more-btn:before{width:100%;height:35px;content:' ';position: absolute;top:-35px;left:0;background-image: linear-gradient(180deg,hsla(0,0%,100%,0.2),#fff);}
#main_danmu{position:relative;}
#main_danmu .error{position: absolute;width:100%;top:0;left:0;background: #FFF}
#eachPlayNum,#danmuWord{height:3.6rem}
.avartar{display:block;width:.8rem;height: .8rem;border-radius: 50%;border:1px solid #fc6e32;padding:2px;margin: 0 auto}
#platformsImg img{width:.3rem;height: .3rem;margin-right: 3px;vertical-align: text-top;}
.goback{display: inline-block;width:20px;height:20px;background: url(https://static.childshuju.com/icon_arrow.png) 0 0 no-repeat;background-size: 100%;transform:rotate(90deg);margin: 16px 5px 0 0px;}
.wid-fmt{display:inline-block;width: 1.12rem}
.csm header a{margin-right: 10px;color:#666;font-size: .22rem}

.explain{padding:.2rem .25rem .26rem .2rem}
.explain i{position:absolute;top:50%;margin-top: -7px;left: 0px;margin-right: .1rem;width: 12px;height:12px;}
.warn_icon{background:url(../img/warn_icon.png) no-repeat 0 0;background-size:contain;}
.copyright_icon{background:url(../img/copyright_icon.png) no-repeat 0 0;background-size:contain;}
.explain p{display:inline-block;text-indent: 17px;color:#444;font-weight:700;font-size: .24rem;margin-bottom: 8px;position: relative}
.explain li{color:#666;margin-left:0.57rem;font-size: .2rem;margin-bottom: 6px;}
.explain li.sub{font-size: .18rem;}
.explain li.sub em{font-weight:700}
.explain li:last-child{margin-bottom: 0}
.explain li em{color:#444;font-weight: 700;}
.page-loading{width: 40px;height: 40px;margin: 60% auto 0px;background: url("../img/page_loading.gif") no-repeat;background-size: 100% 100%;}
.yellow-hue .page-loading{background: url(../img/page_loading.gif) no-repeat;background-size: 100% 100%;}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	#daily_hours_div,#total_play_div1,#eachPlayNum,#danmuWord,#gdi_graph_div1{height:180px}
	.gdiIndex .faq{top:-128px}
	.publishers em{width: 1.2rem}
	.publishers p{width: calc(100% - 1.2rem)}
	.producers em{width: 1.2rem}
	.producers p{width: calc(100% - 1.2rem)}
	.wid-fmt{display:inline-block;width: 1.2rem}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
	#daily_hours_div,#total_play_div1,#eachPlayNum,#danmuWord,#gdi_graph_div1{height:211px}
	.gdiIndex .faq{top:-116px}
	.gdiIndex .faq-icon{top:0.03rem}
	.publishers em{width: 1.12rem}
	.publishers p{width: calc(100% - 1.12rem)}
	.producers em{width: 1.12rem}
	.producers p{width: calc(100% - 1.12rem)}
	.wid-fmt{display:inline-block;width: 1.12rem}
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {
	#daily_hours_div,#total_play_div1,#eachPlayNum,#danmuWord,#gdi_graph_div1{height:233px}
	.gdiIndex .faq{top:-122px}
	.gdiIndex .faq-icon{width:.22rem;height:.22rem;}
	.gdiIndex .faq .arrow{left:1.05rem}
	.publishers em{width: 1.12rem}
	.publishers p{width: calc(100% - 1.12rem)}
	.producers em{width: 1.12rem}
	.producers p{width: calc(100% - 1.12rem)}
	.wid-fmt{display:inline-block;width: 1.12rem}
}

@media only screen
and (min-device-width : 375px)
and (orientation : portrait) {
	.publishers em{width: 1.12rem}
	.publishers p{width: calc(100% - 1.12rem)}
	.producers em{width: 1.12rem}
	.producers p{width: calc(100% - 1.12rem)}
	.wid-fmt{display:inline-block;width: 1.12rem}
}