@CHARSET "UTF-8";
/* detail start */

.detail-header {width: 100%;  padding: 0 0 10px 0;  clear: both;  overflow: hidden;/*  border-bottom: 1px solid #CECECE;*/}

.detail-header h1 {padding: 20px 10px 0 10px;  font-size: 14pt;  text-align: left;  font-weight: bold;}

.detail-header span {display:block;float: left;width: 70%; clear: both;  overflow: hidden;font-size: 12px;  color: #888; padding-top: 3%;text-align: left;  text-indent: 10px;line-height: 26px;}
.qz_detail_pl{float: right;height: 26px;line-height: 26px;color: #e7222a;font-size: 14px;padding-top: 3%;margin-right: 10px;}
.qz_detail_pl img{height: 14px;margin-right: 5px;float: left;margin-top: 5px;url(../images/detail_pl.png);}
.qz_detail_pl div{float: left;line-height: 26px;}

.detail-nav{background:#f2f2f2;padding:5px 10px;line-height:35px;clear:both;overflow:hidden;text-align:left;}

.detail-content {padding:5px 15px 0px 15px;clear: both;  overflow: hidden;    color: #404040;}
/* 2018-9-19 新增 */
.detail-content h3{font-size: 0.32rem;color: #434343;margin-top: .28rem;height: .56rem;font-weight: bold;line-height: .56rem;text-align: left;}
.detail-content h3:before {display: inline-block;content: '';width: 0.04rem;height: 0.32rem;background: #0377FD;border-radius: 0.04rem;vertical-align: middle;margin: 0 0.04rem 0.06rem 0;}

.detail-content p {margin: 10px 0;text-align:left;	font-size:0.28rem;	line-height:1.8em;}
.detail-content p iframe{width: 100%;height: auto;}
.detail-content p.bigtit{border-left: #ff5a00 8px solid;background: #f0f0f0;text-indent: 10px;}

.detail-content .page-player {margin:25px auto}

.detail-content img {	border:solid 1px #cccccc;margin:10px auto;	max-width:100%;width:70%;	display:block;}

.detail-content .photoNews{width:100%;position:relative;padding-top:10px;padding-bottom:10px;text-align:center;margin:0 auto }

.detail-related {width: 100%;  margin: 10px 0 20px 0;  clear: both;  overflow: hidden;  text-align: left;}

.detail-related h3 {position: relative;  height: 45px;  line-height: 45px;  background: #f5fbff;  font-size: 18px;  font-style: normal;  font-weight: normal;  text-indent: 20px;}

.detail-related h3::before {  position: absolute;  content: "";  display: block;  width: 4px;  height: 18px;  background: #ff4416;  top: 14px;  left: 10px;  overflow: hidden;}

.detail-related h3 a {float: right;font-size: 14px;color: #f00;text-indent: 0;margin-right: 6%;}

.detail-related ul {width: 100%;  clear: both;  overflow: hidden;}

.detail-related ul li {padding: 0 10px;  height: 34px;  line-height: 34px;  font-size: 16px;  clear: both;  overflow: hidden;  border-bottom: 1px solid #ededed;  text-overflow: ellipsis;  white-space: nowrap;}

.detail-related ul li a {color:#000000;}

.pingceblk {width: 100%;    margin: 10px 0;    clear: both;    overflow: hidden;    text-align: left;}

.pingceblk > div:nth-child(1) {margin: 0 10px;    clear: both;    overflow: hidden;}

.pingceblk > div:nth-child(1) h2 {width: 100%;    height: 30px;    line-height: 30px;    clear: both;    overflow: hidden;    font-size: 17px;    color: #434343;    font-style: normal;}

.pingceblk > div:nth-child(1) ul {width: 100%;    clear: both;    overflow: hidden;}

.pingceblk > div:nth-child(1) ul li {width: 50%;    height: 25px;    line-height: 25px;    float: left;    overflow: hidden;    color: #323232;    text-overflow: ellipsis;    white-space: nowrap;}

.pingceblk > div:nth-child(2) {position: relative;    width: 100%;    height: 128px;    margin: 25px 0 10px 0;    clear: both;    background: #222222;}

.pingceblk > div:nth-child(2) > img {position: absolute;    display: block;		width: 64px;    height: 64px;    overflow: hidden;    padding: 1px;    border: 1px solid #BFBFBF;    background: #ffffff;    left: 10px;    top: -10px;}

.pingceblk > div:nth-child(2) > span {display: block;       margin: 0 160px 0 10px;    clear: both;    overflow: hidden;    color: #999999;}

.pingceblk > div:nth-child(2) > span > div:nth-child(1) {height: 50px;    line-height: 25px;	margin: 5px 0 5px 78px;    clear: both;    overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}

.pingceblk > div:nth-child(2) > span > div:nth-child(1) em {color: #FF6600;    font-style: normal;    font-size: 14px;}

.pingceblk > div:nth-child(2) > span > div:nth-child(2) {width: 100%;    max-height: 50px;    line-height: 25px;	margin: 5px 0;    clear: both;    overflow: hidden;}

.pingceblk > div:nth-child(2) > ul {position: absolute;    width: 70px;    top: 0;    right: 80px;    bottom: 0;    overflow: hidden;}

.pingceblk > div:nth-child(2) > ul li {width: 100%;    height: 24px;    line-height: 24px;    margin: 0 0 2px 0;    clear: both;    overflow: hidden;    color: #E8EBEF;    background: #939BAE;    text-align: center;}

.pingceblk > div:nth-child(2) > ul li b {color:#ffffff;}

.pingceblk > div:nth-child(2) > div {position: absolute;    width: 80px;    overflow: hidden;    background: #F64649;    right: 0;    top: 0;    bottom: 0;}

.pingceblk > div:nth-child(2) > div > div:nth-child(1) {position: absolute;    width: 100%;    height: 40px;    line-height: 40px;    text-align: center;    color: #ffffff;    font-size: 40px;    font-weight: bold;    overflow: hidden;    bottom: 40%;}

.pingceblk > div:nth-child(2) > div > div:nth-child(2) {position: absolute;    width: 100%;    height: 18px;    line-height: 18px;    text-align: center;    color: #ffffff;    clear: both;    overflow: hidden;    bottom: 30px;}
/* detail end */

/*猜你喜欢 && 热门游戏 && 底部新报*/
.cnxh {margin-bottom: 20px;}
.cnxh h2,.rmyx h2 {position: relative;line-height: 40px;text-align: left;font-size: 18px;font-weight: 300;border-bottom: 1px solid #e9e9e9;margin:0 auto;padding:0 6% 0 40px;}
.cnxh h2:before,.rmyx h2:before {position: absolute;content: '';width: 30px;height: 30px;left: 10px;top: 5px;background: url(https://3g.ali213.net/images/new3g_icon.png) -180px -15px;transform: scale(.8);}
.rmyx h2:before {background-position: -240px -15px;}
.cnxh h2 > a,.rmyx h2 > a {font-size: 14px;float: right;color: #f00;}
.cnxh-inner {width: 100%;overflow: hidden;}
.cnxh-inner > a {float: left;width: 20%;margin: 10px 0 0 4%;}
.cnxh-inner > a > img {display: block;width: 100%;border-radius: 20%;}
.cnxh-inner > a > p {color: #000;font-size: 14px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rmyx-inner {width: 94%;margin: 10px auto;overflow: hidden;}
.rmyx-inner > a {width: 45%;margin-right: 10%;float: left;}
.rmyx-inner > a:nth-last-child(n+3) {margin-bottom: 20px;}
.rmyx-inner > a:nth-of-type(2n+2) {margin-right: 0;}
.rmyx-inner > a > img {display: block;float: left;margin-right: 5%;width: 43%;border-radius: 24%;}
.rmyx-inner > a > em {display: block;float: left;overflow: hidden;width: 52%;font-size: 14px;font-style: normal;}
.rmyx-inner > a > em > h3 {text-align: left;height: 30px;line-height: 15px;font-size: 14px;color: #000;overflow: hidden;}
.rmyx-inner > a > em > span {display: block;width: 75px;height: 20px;background: url(../images/m_icon.png) -76px -426px no-repeat;}
.rmyx-inner > a > em > span > i {float:left;display:inline-block;width: 45px;height: 20px;background: url(../images/m_icon.png) 1px -426px no-repeat;}
.rmyx-inner > a > em > p {width: 100%;text-align: left;font-size: .18rem;color: #999;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.self {position: relative;overflow: hidden;width: 100%;background: #e9e9e9;}
.self-l {width: 55%;margin: 10px 0 10px 7%;float: left;}
.self-l > img {display:block;float:left;width:63px;margin-right:5%;border-radius:24%;}
.self-l > em {float:left;overflow:hidden;width:55%;text-align:left;font-style:normal;}
.self-l > em > h3 {font-size: 14px;margin: 3px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.self-l > em > p {color: #7b7b7b;}
.self > a {position:absolute;width:80px;height:30px;background:#f60;color:#fff;line-height:30px;border-radius:5px;font-size:14px;top:50%;right:0;margin:-15px 35px 0 0;}
.self > a:link{color:#fff;}
.self > a:visited{color:#fff;}
.self > a:hover{color:#fff;}
.self > a:active{color:#fff;}

/* 内页的相关资讯和热点资讯样式 */
.detail-related-source {margin: 10px 10px 20px 10px;    clear: both;    overflow: hidden;    text-align: left;}
.detail-related-source .block-header {width: 100%;    height: 30px;    border-bottom: 1px solid #e5e5e5;    clear: both;}
.detail-related-source .block-header h3 {display: block;    width: 70px;    height: 30px;    line-height: 30px;    clear: both;    overflow: hidden;    border-bottom: 1px solid #ff0000;    color: #505050;    font-size: 16px;    font-style: normal;    font-weight: normal;}
.detail-related-source .block-ul {width: 100%;    clear: both;    overflow: hidden;}
.detail-related-source .block-ul .block-li {position: relative;    display: block;    width: 100%;    margin: 10px 0 0 0;    padding: 0 0 6px 0;    clear: both;    overflow: hidden;    border-bottom: 1px solid #e5e5e5;}
.detail-related-source .block-ul .block-li:last-child {border:none;}
.detail-related-source .block-ul .block-li img {position: absolute;    top: 0;    left: 0;    width: 120px;    height: 60px;    overflow: hidden;}
.detail-related-source .block-ul .block-li span {display: inline-block;    margin: 0 0 0 130px;    min-height: 60px;}
.detail-related-source .block-ul .block-li span .line1 {width: 100%;    height: 40px;    line-height: 20px;    margin: 0 0 5px 0;    clear: both;    overflow: hidden;    color: #444444;    font-size: 16px;}
.detail-related-source .block-ul .block-li span .line2 {width: 100%;    height: 18px;    line-height: 18px;    clear: both;    overflow: hidden;    color: #c2c2c2;    text-align: right;}
.download-app{background:url(../images/openapp.png) no-repeat;display:inline-block;height:40px;width:164px;background-size:contain;position:fixed;left:50%;bottom:5px;margin-left:-82px;z-index:100;}
.unfold-field {
    text-align: center;
    position: relative;
    padding: 12px 0 20px 0;
}
.unfold-field-download .unflod-field__mask {
    position: absolute;
    top: -78px;
    height: 78px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}
.unfold-field .unflod-field__mask {
    position: absolute;
    top: -78px;
    height: 78px;
    width: 100%;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0, #FFFFFF 50%);
}
.unfold-field-download .unflod-field__mask:after {
    content: '';
    display: inline-block;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top:22px;height:33px;width:55px;position:absolute;top:20px;left:50%;margin-left:-22px;
}
@keyframes unfold-arrow-animation{from{margin-top:45px}to{margin-top:50px}}
.unfold-field-download .download-text {
    background: #f85959;
    display: block;
    border-radius: 3px;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    color: #fff;
    margin: 0 15px;
	display:none;
}
.unfold-field-download .download-text:after {
    content: '';
    display: inline-block;
    background-image: url(../images/right.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    height: 16px;
    width: 8px;
    margin-left: 5px;
}
.header_right .appdown{display:none;}

				.qztf{width:100%;margin:10px auto 0 auto;clear:both;overflow:hidden;background:#fff;padding:10px 0;}
				.qztf-t{width:96%;height:36px;line-height:36px;margin:0 auto;}
				.qztf-t span{position:relative;float:left;text-indent:40px;color:#444;}
				.qztf-t span:before{position:absolute;content:"";display:block;width:36px;height:36px;background:url(../images/qztficon.png) no-repeat;background-size:90%;}
				.qztf-c{width:100%;clear:both;overflow:hidden;}
				.qztf-c a{width:20%;float:left;display:inline-block;margin:10px 2.5% 0 2.5%;padding:0 !important;}
				.qztf-c a img{width:100%;margin:0 auto;border-radius:20%;}
				.qztf-c a span{width:100%;height:20px;line-height:20px;margin:5px 0;overflow:hidden;display:inline-block;text-align:center;}
				.qztf-c a:link span{color:#444;}
				.qztf-c a:visited span{color:#444;}
				.qztf-c a:hover span{color:#f60;}
				.qztf-c a:active span{color:#444;}
				.noshow{display:none;}