/* CSS Document */
html,body,div,ul,li,dl,dt,dd,img,span,em,p{margin:0rem; padding:0rem;}
ul,li,dl,dt,dd{list-style:none;}
img{border:0rem;}
em{font-style:normal;}
a {text-decoration: none;}
h1,h2,h3,h4,h5{
	font-size: 0.42rem;
    line-height: 0.50rem;
}
html, body{overflow: hidden; user-select: none; font-family:"微软雅黑"; font-size:0.20rem; line-height:0.24rem; color:#6E6E6E;background: #F4F4F4;}
.category1 {overflow: hidden; background: #FFFFFF;width: 2.20rem;float: left;height: 100%;}
.category1_top{width: 0.96rem;height: 1.80rem}
.category1 ul li{line-height: 0.50rem;font-size: 0.22rem;color: #999999;letter-spacing: 0;cursor: pointer;left: 0rem;}
.content{width:16.98rem;height: 100%;float: left}
.el-main-magazine {clear: both;overflow: hidden;width:100%;background-color: #fbfbfb;    height: 9.48rem;}
.el-main-magazine ul {margin-left: -0.12rem;}
.el-main-magazine ul li {float: left;margin: 0.05rem 0.20rem 0.25rem 0.12rem;padding: 0 0 0rem 0;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.el-main-magazine ul li a img {width: 1.32rem;height: 1.67rem;display: block;}
.el-main-magazine ul li a h1 {text-overflow: ellipsis;margin-top: 0.26rem;width: 2.40rem;overflow: hidden;white-space: nowrap;}
.el-main-magazine ul li a span {padding-left: 0.10rem;color: #abadb1;width: 1.20rem;display: block;}
.el-footer {box-sizing: border-box; position: absolute; bottom: 0rem; width: 100%; height: 0.88rem;text-align: center;border-top: 0.01rem #ccc solid;background: #fff;}
.detailImg {width: 2.76rem;height: 3.50rem;float: left;}

.beforenextpage{width:0.6rem;height:1.2rem;float: left;}
#beforepage{position: relative;float: left;top: 1.46rem;left: 0.22rem;}
#beforepage{background: url(/Template/TVLibrary/images/before_button_1.png);background-repeat: no-repeat}
#beforepage:hover {background: url(/Template/TVLibrary/images/before_button_2.png);background-repeat: no-repeat}
#beforepage:active {background: url(/Template/TVLibrary/images/before_button_3.png);background-repeat: no-repeat}


#nextpage{position: relative;float: right;top: 1.46rem;    right: 0.16rem;}
#nextpage{background: url(/Template/TVLibrary/images/next_button_1.png);background-repeat: no-repeat}
#nextpage:hover {background: url(/Template/TVLibrary/images/next_button_2.png);background-repeat: no-repeat}
#nextpage:active {background: url(/Template/TVLibrary/images/next_button_3.png);background-repeat: no-repeat}

.resoucecard_magazine,.resoucecard_book,.resoucecard_newspaper,.resoucecard_video,.resoucecard_audio
{
	text-align: center;
	width: 1.00rem;
	height: 0.57rem;
	border-radius: 1.00rem;
	line-height: 0.57rem;
	font-weight: bold;
	font-size: 0.20rem;  
	margin-right: 10px;
	display: none;
}


.backpage{text-align:center;background:#9F0C0C;width:1.00rem;height:0.57rem;border-radius:1.00rem;display: none;position: absolute;
    display: block;left: 17.20rem;top: 0.37rem; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}



#magazine_list{position: relative; top: 0.77rem;width: 14.08rem;margin: 0rem 0.67rem auto;height: 100%;;}
#magazine_list li{position: relative;}
#magazine_list li a img{width: 2.40rem;height: 3.40rem}

.ell{font-size: 0.24rem;color: #999999;line-height: 0.3rem;}
.ell5{text-overflow: ellipsis;width: 1.68rem;font-size: 0.24rem;color: #999999;line-height: 0.24rem;padding-top:0.08rem;overflow: hidden;white-space: nowrap;}
.ell3{font-size: 0.18rem;line-height: 0.67rem;}
.ell4{font-size: 0.18rem;line-height: 0.67rem;}
.ell2{overflow: hidden;text-overflow: ellipsis;font-size: 0.24rem;color: #999999;line-height: 0.24rem;position: relative;top: 0.36rem;left: 0.50rem;white-space: nowrap;display: block;width: 3.60rem;}
.ellsummary{    display: block;overflow: hidden;font-size: 0.24rem;color: #3F3F3F;white-space: nowrap;line-height: 0.24rem;text-overflow: ellipsis;}

#resource_magazine_card{    width: 0.93rem;font-weight: bold;position: absolute;font-size: 0.20rem;color: #FFFFFF;text-align: right;line-height: 0.24rem;top: 0.11rem;left: 0.18rem;}
#resource_book_card{     font-weight: bold;   position: relative;font-size: 0.20rem;color: #FFFFFF;text-align: right;line-height: 0.24rem;top: 0.14rem;}


.f_l{    width: 1.53rem;padding-left: 0.21rem;background-color: #F4F4F4;border-top-left-radius: 0.05rem;border-bottom-left-radius: 0.05rem;border-style: hidden;height: 0.42rem;}

.bg{height: 3.79rem;width: 100%;float: left;}
#content2{width: 100%;height: 100%;position: relative;top: 0rem;}
.magazineHot{width:15.14rem;left: 0.91rem;position: absolute;top:1.31rem;    height: 9.48rem;}
.recommtop_button{text-align: left;font-weight:bold;}
.latest_button{text-align: left;font-weight:bold;}
.detail_type{width: 19.20rem;position: absolute;margin: 0 auto; height: 0.10rem;top: 0.44rem;font-size: 0.48rem;color: #fff; text-align: center;}
.detail_type2{width: 100%;position: absolute;margin: 0 auto; height: 0.10rem;top: 0.44rem;font-size: 0.48rem;color: #fff;left:70%;}
.detail_type_ext{
	left: 0.60rem;
	width: 13.47rem !important;
	top: 0;
	height: 1.31rem !important;
    line-height: 1.31rem;
}

.history{height: 3rem;width: 9.00rem;position: absolute;overflow: hidden;top: 6.5rem;left: 0.42rem;}
.history ul li{float: left; margin: 0rem 0.10rem 0.25rem 0.01rem;padding: 0 0 0 0;}
.A1{text-align:center;background:#9F0C0C;width:1.00rem;height:0.57rem;border-radius:1.00rem;display: none;position: absolute;
    display: block;left: 14.60rem;top: 0.37rem; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.A2{text-align:center;background:#9F0C0C;width:1.00rem;height:0.57rem;border-radius:1.00rem;display: none;position: absolute;
    display: block;left: 15.91rem;top: 0.37rem; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}

.article {overflow: hidden;position: relative; width: 10.80rem;margin: 0 auto;top: 1.00rem;height: 7.80rem}
.article p {line-height: 0.50rem;text-indent: 2em;font-size: 0.24rem;color: #363636;}
.article img {margin: 0 auto;display: block;padding: 0.10rem 0 0.10rem 0;max-width: 10.70rem;border: 0.01rem solid #b1b1b1;}
.articlecatelog{height: 1.00rem;padding-top: 0.50rem;background-color: #ff0;border-top-style: solid;border-top-color: #ff0000;}


 #worda1{font-weight: bold;   position: relative;font-size: 0.28rem;color: #ffffff;text-align: right;line-height: 0.24rem;top: 0.14rem;}
 #worda2{font-weight: bold;   position: relative;font-size: 0.28rem;color: #ffffff;text-align: right;line-height: 0.24rem;top: 0.14rem;}
 

 

 .text_read_right{top: 1.31rem;position: absolute;width: 4.16rem;background-color: #ffffff;height: 9.49rem;left: 14.47rem;overflow: hidden;}
 .text_read_right_h1{position: relative;top: 0.69rem;left: 0.50rem;}
 .text_read_right_ul{position: relative;}
 .text_read_right_li{height: 1.00rem;border-top-style: solid;border-top-color: #f7f7f7;}
 .text_read_right_div{position: relative;top: 0.69rem;left: 0.50rem;}
.text_read_right2{position: relative;width: 4.16rem;height: 8.00rem;overflow: hidden;}
.text_read_right3{width: 4.16rem;height: 1.37rem;position: relative;}



 .text_read_left{overflow: hidden; top: 1.31rem;position: absolute;width: 13.47rem;background-color: #ffffff;height: 9.49rem;left: 0.60rem;}

 .text_read_left_h1{padding: 0;margin: 0;font-size: 0.42rem;color: #1f2d3d;line-height: 0.50rem;    text-align: center;    position: relative;top: 0.84rem;}
 .detail_listshade{float:left;width:19.20rem;height:10.80rem;top:0rem;position: absolute;    z-index: 998;    background: #000000;opacity: 0.8;display: none}
 .detail_list_history{background-color: #fff;width: 15.90rem;height: 9.09rem;top: 1.70rem;position: absolute;left: 1.49rem;z-index: 999;margin: 0 auto;display:none; overflow: hidden;}
 .detail_list_history_div{font-size: 0.40rem;text-align: center; top: 0.49rem;position: relative;}
 .detail_list_history_div2{background-color: #00f000;position: relative;width: 100%;    left: 0.60rem;top: 1.60rem;} 
.detail_list_history_ul{height: 100%;background-color: #00f000;position: relative;width: 100%;    left: 0.60rem;top: 1.60rem;}
.detail_detailImg {height: 4.85rem;width: 3.60rem;  box-shadow: darkgrey 0.10rem 0.10rem 0.30rem 0.05rem ;}
.detail_wenben_button{width:1.36rem;height:0.46rem; text-align: center;background: #9F0C0C;border-radius: 1.00rem;display: none;position: relative;display: block;top: 0.27rem;float: left;}
.detail_yuanmao_button{width:1.36rem;height:0.46rem; text-align: center;background: #9F0C0C;border-radius: 1.00rem;display: none;position: relative;display: block;left: 1.82rem;top:0.27rem}
.detail_yuanmao_button2{width:1.36rem;height:0.46rem; text-align: center;background: #9F0C0C;border-radius: 1.00rem;display: none;position: relative;display: block;top:0.27rem}

.detail1{height: 100%;float: left;width: 8.23rem;position: absolute;top: 0;left: 9.77rem;}
.detail2{top: 0.75rem;position: absolute;font-weight: bold;}
.detail3{overflow: hidden;position: absolute; height: 8.04rem; width: 100%;top: 1.22rem;}
.detail4{height:2.44rem;border-top-color: #EEEEEE;border-top-style: solid}
.detail5{width: 5.49rem;float: left;height: 1.80rem;top: 0.37rem;position: relative;padding-right: 0.30rem;}
.detail6{height: 0.9rem;position: relative;top: 0.33rem;overflow: hidden;width: 97%}
.detail7{position: relative;float: left;top: 0.37rem;}
.detail8{border-radius: 0.20rem;height: 1.80rem;width:1.80rem;}
.detail9{font-size: 0.30rem;width: 100%;position: relative;top: 2.10rem;left: 0.42rem;margin: 0.77rem auto;}
.detail10{float: right;cursor: pointer;}
.detail11{height: 1.00rem;position: absolute;top: 0.81rem;left: 4.74rem;}
.detail12{background-color: #fff;height: 4.85rem;width: 3.60rem;position: absolute;top: 0.53rem;left: 0.42rem;}
.detail13{width: 3.16rem;border-top-color: #EEEEEE;border-top-style: solid;height:2.75rem;}
.detail14{height: 3.00rem;width: 8.86rem}
.detail15{height:100%;width:8.86rem}
.detail16{background-color: #ffffff;width: 18.00rem;height: 9.49rem;position: relative;margin: 0 auto;top: 1.31rem;}
.detail17{padding-top: 0.73rem;width:1.18rem;height:1.18rem;}
.detail18{width: 0.93rem;font-weight: bold;position: absolute;font-size: 0.20rem;color: #FFFFFF;line-height: 0.24rem;top: 0.14rem;left: 0.05rem;}
.detail19{width:2.08rem;height: 0rem;visibility: hidden;}
.detail20{display:flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.detail21{display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;margin: 0 0.20rem 0.30rem}
.detail22{width:100%;height: 0.60rem;    font-size: 0.40rem;}
.detail23{display:flex;flex-direction: column;justify-content: flex-start;align-items: center;padding: 0.19rem 0.60rem;height:auto;}
.detail24{height:2.44rem;border-top-color: #EEEEEE;border-top-style: solid;}
.detail25{width: 100%;float: left;height: 1.80rem;top: 0.37rem;position: relative;padding-right: 0.30rem;}
.detail26{font-size: 0.34rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 4rem;height: 0.35rem;line-height: 0.35rem;}





.default1{width: 1.3rem;height: 1.80rem;margin: 0.30rem auto;position: relative;}
.default2{left: 0.12rem;position: relative;font-weight:bold;padding-top: 0.52rem;}
.default3{width:1.3rem;margin: 0 auto;position: relative}
.default4{text-align: left;}
.default5{    width: 0.93rem;font-weight: bold;position: absolute;font-size: 0.20rem;color: #FFFFFF;line-height: 0.24rem;top: 0.14rem;left: 0.04rem;}

.top0{font-size: 0.48rem;color: #FFFFFF;position: absolute;top:0.35rem;text-align: center;    width: 100%;z-index: 1;line-height: normal;}
.top0 img{width: 4rem;height:0.6rem}
.top1{position: absolute;left: 11.26rem;top: 0.41rem;width:2.40rem;height:0.60rem;z-index: 2;}
.wrapper{position: absolute;overflow: hidden;height: 8.00rem;top: 1.00rem;}
#category1_div{overflow: hidden;height: 8.40rem;width: 2.20rem;position: absolute;}

#loadingdiv{display: none; z-index: 9999;position: absolute;width: 19.20rem;height: 10.80rem;background-color: #000000;opacity: 0.9;text-align: center;}


.defaultqrcodeimgdiv{border: 0.03rem solid #fff; position: absolute;width: 0.8rem;height: 0.8rem;top: 2.54rem;right: 0;}
.defaultqrcodeimg{width: 0.8rem; height: 0.8rem;}

.historyimg2{width:1.68rem; height:2.38rem;}


.playAll-icon {width: 58px;border-radius: 50%;margin-right: 16px;cursor: pointer;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 58px;}
.playericon{display: flex;align-items: flex-end;height: 3.5rem!important;}
#playercontent{width: 100%;height: 6rem;}

.topcontianer{height: 1.29rem;}
.topcontianer_content{display: flex;width: 15.14rem;justify-content: space-between;position: absolute;    line-height: 1.29rem;margin-left: 0.9rem;}
.topcontianer_button_warpper{display: flex;align-self: center}
.topcontianer_button_warpper>div
{
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
}
.topcontianer_title{font-size: 0.48rem;color: #FFFFFF;}
.topcontianer_title img
{
    vertical-align: middle;
}
.topcontianer_other{display: flex;}
.topcontianer_search{line-height: 100%;align-self: center;width: 2.3rem;}
.topcontianer_search_bottom{background-position: center;background-repeat: no-repeat;background-image: url(/Template/TVLibrary/images/search.png);cursor: pointer;border-top-right-radius: 0.05rem;border-bottom-right-radius: 0.05rem;height: 0.44rem;width: 0.47rem;position: absolute;border-style: hidden;}
.topcontianer_pageinfo{color: #FFFFFF;width: 1.8rem;text-align: center;    font-size: 0.36rem;}
.topcontianer_homeicon{display: table-cell;cursor: pointer;}
.topcontianer_homeicon img{vertical-align: middle;width: 0.44rem;}