.topicClassWidth{ max-width: 1600px; border-bottom: 1px solid #e6e6e6; width: auto; }
.moreText{ text-align: center; color: #666666; margin-top: 16px; cursor: pointer; }
.moreText span{ color: #e6e6e6; }
.listNone{ display: none; }
.typeList  .listTitle{ height: 100px; }
.videoBox{ margin-top: 0; }
.lastUl::after{ clear: both; height: 0; overflow: hidden; display: block; }
.topicList .topicSearchText{ height: 90px; }
.topicList .topicSummary{text-overflow: ellipsis;  }
@media ( min-width: 600px ) {
	.topicList li:hover{ background: #fff; }
	#xq_act_list .textLi:hover{ box-shadow: 0 8px 20px rgba( 0,0,0, 0.15 ), 0 -8px 20px rgba( 0,0,0, 0.15 ), 8px 0 20px rgba( 0,0,0, 0.15 ), -8px 0 20px rgba( 0,0,0, 0.15 ); background-color: #FFF; }
}
@media ( min-width: 1024px ) {
	#xq_act_list li.textLi{ width: 30.125%; float: left; padding: 31px 1.875%; margin: 15px; position: relative; background-color: #f7f8fa; }
}
@media ( min-width: 1600px ) {
}
@media ( max-width: 600px ) {
	#xq_act_list li.textLi{ width: auto; padding: 0 3.125% 10px; border-bottom: 1px solid #e6e6e6; }
}
.overflow{ overflow: hidden; width: 100%; }
.overflow::after{ content: ""; height: 0; clear: both; }
.detailsH{ max-width: 790px; margin: auto; }
.detailsH .topicList li{ width: 49%; }
.detailsTit{ text-align: left; border-bottom: none; }
.toLine{ display: inline-block; height: 28px; line-height: 28px; float: left; margin-bottom: 30px; margin-right: 20px; color: #e6e6e6; }
.toLine .viewNum{ clear: both; margin-bottom: 0; padding-bottom: 0 }
.detailsBoxTit{ border: none; }
.detailsBoxTit2{ margin-top: 0; }
.detailsH .topicList .detailsLi{ width: 100%; }
.details_collection{ text-align: center; margin-top: 20px; width: 80px; margin: 30px auto; position: relative; }
.collectionImage{ width: 80px; height: 80px; background: url('http://mp4.dadashi.cn/tResourceLib/collection_details.png') no-repeat center center; overflow: hidden; cursor: pointer; }
.detailscollected{ background: url('http://mp4.dadashi.cn/tResourceLib/collectioned_details.png') no-repeat; position: absolute; top: 0; display: block;}
.collectionImage p{ margin-top: 48px; text-align: center; color: #fff; }
.shareTo{ margin: 5px 0; }
.shareTo span{ font-size: 18px; }
.detailsTag{ margin: 25px 0; padding-bottom: 60px; border-bottom: 1px solid #e6e6e6; word-break: keep-all; }
.detailsTag span{ background-color: #f0f1f3; color: #99999b; margin-right: 10px; padding: 5px 10px; margin-bottom: 10px; display: inline-block; }
.details_othersTit{ margin-bottom: 40px; }
.details_btn_bottom{ border-top: 1px solid #e6e6e6; height: 44px; position: fixed; bottom: 0; background: #fff; width: 100%; z-index: 50; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; visibility: hidden; }
.details_btn_bottom .collection, .details_btn_bottom .share{ -webkit-box-flex: 1; text-align: right; width: 10px; display: -webkit-box; -webkit-box-pack: center; }
.details_btn_bottom .collection div, .details_btn_bottom .share div{ width: 4.8em; height: auto; color: #999999; font-size: 0.8em; }
.details_btn_bottom .collection div{ background: url('http://mp4.dadashi.cn/tResourceLib/collectionico.png') no-repeat left center; background-size: auto 100%; }
.details_btn_bottom .share div{ background: url('http://mp4.dadashi.cn/tResourceLib/shareico.png') no-repeat left center; background-size: auto 100%; }
.font20{ font-size: 20px; }
.topicList .topicFun .viewNum{ padding-left: 25px; margin-top: 4px; }
.detailsH .topicList .widthCover{ width: 100%; }
.topicList .envDesignImg{ padding-top: 0; }
.topicList .envDesignImg img{ height: auto; position: static; }
.topicListUl li{ margin-bottom: 2em; }
.topicTit{ margin: 14px 0; }
.topicTit span{ background: #33c9ee; color: #fff; padding: 4px 15px; border-radius: 15px; font-size: 1em; }
.topicTipLi li{ margin: 5px; }
.topicPlayBtn{ background: url('http://mp4.dadashi.cn/tResourceLib/playbtnicon.png') no-repeat center center; background-size: 100% 100%; width: 26px; height: 26px; display: inline-block; position: relative; top: 6px; }
.details_btn_bottom .collection .collectedMobile{ background-image: url('http://mp4.dadashi.cn/tResourceLib/collectedico.png'); color: #ffa200; display: none; }
.titSecond{ max-width: 1600px; margin: auto; }
.titSecond{  text-align: center; }
.titSecond ul{ width: 300px; margin: auto; }
.titSecond li{ float: left; width: 100px; font-size: 20px; color: #666; cursor: pointer; padding-bottom: 0.7em; border-bottom: 2px solid #fff; }
.titSecond li:hover, .titSecond .pageSelect{ color: #fa9600; box-shadow: 0 1px#fa9600; border-color: #fa9600; }
.collectionSelect{ position: absolute; right: 15px; top: 15px; width: 28.5px; height: 29.5px; background: url('http://mp4.dadashi.cn/tResourceLib/selectico.png') no-repeat center center;  background-size: 100% 100%; z-index: 50; zoom: 1; }
.selectedLi .collectionSelect{ background-image: url('http://mp4.dadashi.cn/tResourceLib/selectedico.png'); background-size: 100% 100%; }
.collection_btn_edit{ height: 44px; position: fixed; bottom: 0; background: rgba( 255,255,255,0.95); width: 100%; line-height: 40px; z-index: 50; }
.collection_edit_left{ width: 390px; text-align: left; padding-left: 2%; float: left; }
.collection_select_all{ min-width: 100px; }
.collection_edit_right{ text-align: right; padding-right: 2%; float: right; }
.collection_btn_edit li{ cursor: pointer; font-size: 14px; }
.collection_btn_edit li span{ padding: 6px 20px; }
.collection_btn_edit .collection_edit_begin span{ padding-top: 3px; }
.collection_btn_edit li span:hover{ color: #fff; background: #fa9600; border-color: #fa9600; }
.collection_btn_edit li .editCount:hover{ color: #000; background: #fff; }
.collection_btn_edit li .editCount span:hover{ background: #fff; color: #fa9600; }
.collection_select_all, .collection_delete{ min-width: 100px; text-align: right; }
.collection_no_select_all, .collection_edit_cancel{ min-width: 220px; text-align: left; margin-top: 3px; }
.collection_select_all, .collection_delete{ border-radius: 5px; border: 1px solid #e6e6e6; }
.collection_no_select_all, .collection_edit_cancel{  border-radius: 5px; border: 1px solid #e6e6e6; margin-left: 5px; }
li.collection_edit_begin{ min-width: 100px; padding: 0; width: 43%; text-align: center; }
.collection_edit_begin span{ min-width: 100px; background:  url('http://mp4.dadashi.cn/tResourceLib/editoricon.png') no-repeat left center; text-align: right; display: inline-block; cursor: pointer; padding: 0; }
li.collection_edit_begin span:hover{ background:  url('http://mp4.dadashi.cn/tResourceLib/editingicon.png') no-repeat left center;  color: #fa9600; }
.collection_select_all{ width: 12%; }
.collection_edit_cancel{ min-width: 120px; }
.collection_no_select_all, .collection_delete{ width: 15%; }
.editCount span{ font-weight: 500; color: #ffa200; }
.collection_no_select_all{ display: none; }
.clickShow{ display: none; }
li.collection_edit_begin{ float: none; margin: auto; }
.deleteCoverContainer{ position: fixed; top: 0; left: 0;  width: 100%; height: 100%; opacity: 1; background: rgba( 0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index: 500; display: none; }
.deletePanel{ width: 440px; height: 230px; background: #fff; margin: 75px auto;  position: absolute; top: 50%; left: 50%; margin-left: -220px; margin-top: -115px; z-index: 550; }
.deleteMsg{ text-align: center; margin: 50px 0; height: 40px; }
.deleteBtn button{ width: 148px; height: 48px; border: 1px solid #e6e6e6; color: #666; background: #fff; text-align: center; cursor: pointer; font-size: 16px; }
.deleteBtn .deleteBtnNo{ margin-left: 60px; }
.deleteBtn .deleteBtnYes{ margin-left: 20px;}
.deleteBtn button:hover{ color: #fff; background: #ffa200; border-color: #ffa200; }
.deleteCloseBtn{ width: 32px; height: 33px; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; border: 1px solid #fff; border-left: none; position: absolute; right: -32px; top: 0; z-index: 50; cursor: pointer; }
.collection_btn_edit_mobi{ height: 44px; position: fixed; bottom: 0; background: rgba( 255,255,255,0.95); width: 100%; z-index: 50; font-size: 14px; }
.collection_edit_begin_mobi{ text-align: center; height: 100%; }
.collection_edit_begin_mobi span{ min-width: 60px; height: 100%; background:  url('http://mp4.dadashi.cn/tResourceLib/editoricon.png') no-repeat left center; background-size: 80% initial; text-align: right; display: inline-block; padding: 0; margin: auto; line-height: 44px ; font-size: 14px; }
.collection_edit_mobi{ width: 100%; height: 100%; line-height: 44px; }
.collection_select_all_mobi{ width: 50%; height: 100%; float: left; text-align: left; background: url('http://mp4.dadashi.cn/tResourceLib/selectAllicon.png') no-repeat 5% center; background-size: 15%;  text-indent: 3rem; }
.collection_no_select_all_mobi{ width: 50%; height: 100%; float: left; display: block; text-align: left; background: url('http://mp4.dadashi.cn/tResourceLib/selectAllicon.png') no-repeat 5% center; background-size: 15%; text-indent: 3rem; display: none; }
.collection_delete_mobi{ width: 25%; float: left; height: 100%; text-align: center; color: #fff; background: #ffa200; }
.collection_edit_cancel_mobi{ width: 25%; float: left; height: 100%; text-align: center; color: #fff; background: #ff782f; }
.collectionMenu{ max-width: 1600px; text-indent: 2rem;  margin: 30px auto; font-size: 18px; text-indent: 0; text-align: center; }
.collectionMenu .menuFirst{ color: #fa9600; }
.collectionMenu i{ color: #a6a6a6; padding: 0 5px; }
.pageEmpty{ text-align: center; }
.pageEmpty img{ max-width: 100%; }
.pageEmpty p{ color: #999999; }
.imageDetails{ width: 100%;}
.details_saveImage{ color: #ff9600; text-align: right; position: absolute; bottom: 1rem; right: 1rem;}
.topnav_mobi{ width: 100%; height: 44px; background: #fff; display: none; font-size: 14px; }
.topnav_mobi_icon{ background: url('http://mp4.dadashi.cn/tResourceLib/topnav_mobi_icon.png') no-repeat center center; background-size: 25%; -webkit-box-flex: 1; }
.topnav_mobi_text{ -webkit-box-flex: 4; text-align: center; line-height: 44px; }
.topnav_mobi_menu{ -webkit-box-flex: 1; color: #ffa200; text-align: center; line-height: 44px;}
.noLogin{ float: left; }
.noLogin .noLogin_textShow{ height: 36px; line-height: 36px;  color: #843901; margin: 12px 0; padding: 0 18px; cursor: pointer;  }
.displayNone{ display: none; }
.displayBlock{ display: block; }
.imageDetailsSwiper{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); left: 0; z-index: 600; }
#imgDetails-swiper-container{ position: absolute; top: 50%; -webkit-transform: translateY(-50%);  transform: translateY(-50%); width: 100%; overflow: hidden; border-radius: 2px; }
#imgDetails-swiper-container .swiper-wrapper{ margin-left: 0; }
.imgDetails-swiper-pagination{ position: absolute; bottom: 1em; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; }
@media ( min-width: 600px ) {
	.closeSwiperBtn{ position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,0.3); top: 0; right: 0; z-index: 600; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; }
}
#imgDetails-swiper-container .swiper-slide>div{ display: table; }
#imgDetails-swiper-container .swiper-slide>div>p{ display: table-cell; vertical-align: middle; text-align: center; }
#imgDetails-swiper-container .swiper-slide>div>p>img{ display: auto; }
@media ( min-width: 600px ) {
	#imgDetails-swiper-container{ width: 70%; left: 50%; transform: translate(-50%, -50%); }
	.imgDetails-swiper-pagination{ text-shadow: 1px 1px 1px #000; }
	.details_saveImage{ display: none; }
	.swiper-slide>div{width:100%;height: 100%;}
	.imgDetails_swiper-button-prev, .imgDetails_swiper-button-next{ width: 15%; height: 100%; position: absolute; top: 0; }
	.imgDetails_swiper-button-prev{ left: 0; }
	.imgDetails_swiper-button-next{ right: 0; }
	.prev_swiperBtn, .next_swiperBtn{ position: absolute; width: 16px; height: 29px; top: 50%; margin-top: -14.5px; }
	.prev_swiperBtn{ display: block; width: 16px; height: 29px; background: url('http://mp4.dadashi.cn/tResourceLib/dot-left-arrow.png'); left: 30px; }
	.next_swiperBtn{ display: block; width: 16px; height: 29px; background: url('http://mp4.dadashi.cn/tResourceLib/dot-right-arrow.png'); right: 30px; }
	.imgDetails_swiper-button-prev .actionBtn, .imgDetails_swiper-button-next .actionBtn{ position: absolute; top: 50%; transform: translateY(-50%);  width: 80px; height: 110px; display: block; transition-property: all; transition-duration: 0.5s; }
	.imgDetails_swiper-button-prev .actionBtn{ left: 0; transform: translateX(-100%); background: #3c3c3c; }
	.imgDetails_swiper-button-next .actionBtn{ right: 0; transform: translateX(100%); background: #3c3c3c; }
	.actionBtn:hover{  background: #ffa200; width: 100px; }
	.imageDetailsSwiper:hover .actionBtn{ transform: translateX(0); }
	.s-topnav_collection_classCideo{ height: 80px; overflow: auto; }
	.s-topnav_collection_classCideo .subSearchBox{ display: block;  top: 0; background-color: #fff; }
	#imgDetails-swiper-container .swiper-slide{ overflow: hidden; }
	#imgDetails-swiper-container .swiper-slide img{ width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; }
	#imgDetails-swiper-container .swiper-slide{ width: 800px; height: 600px; }

}
@media ( max-width: 1200px ){
	.typename{ top: 15px; }
}
@media ( max-width: 800px ){
	.typename{ top: 10px; }
}
@media ( max-width: 600px ){
	.collectionMenu{ margin: 0 auto; padding: 15px 0; background: #fff; }
	.textLi li{ background: #ffffff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
	.topicList .textLi{ width: 99%; }
	.topicList .topicSummary{ height: 40px; }
	.detailsH{ background: #fff; padding: 10px; }
	div.details_btn_bottom{ visibility: visible; }
	.topicListUl{ font-size: 14px; }
	.topicPlayBtn{ width: 20px; height: 20px; top: 4px; }
	.topicListLi{ margin-bottom: 0.8em; }
	.font20{ font-size: 16px; }
	.collectionSelect{ right: 25px; }
	.topnav_mobi{ display: -webkit-box; display: none;}
	#imgDetails-swiper-container .swiper-slide>div{ width: 100%; min-height: 500px; }
	.textLi .topictype span{ margin: 10px auto; margin-left: 4px; }
	.textLi .topicFun span{ padding-left: 20px; }
	.textLi .viewNum span{ padding-left: 24px; }
}
.s-topnav_collection_classCideo{ height: 0; overflow: hidden; }
.l_mstylelist_selected .stype{ background: url('../img/tResourceLib/bg_mobi_click.png') no-repeat center center; background-size: 35%; }
.stype{ height: 55px; }
.stype img{ height: 27px; margin-top: 14px;}
.backToTopClick{ display: none; }
.backToTop{ width: 60px; height: 60px; padding: 13px; border-radius: 5px; background: #bcbdbf; font-size: 16px; line-height: 18px; text-align: center; position: fixed; bottom: 50px; right: 50px; color: #fff; }
.backToTopIcon{ background: url('http://mp4.dadashi.cn/tResourceLib/backToTop.png') no-repeat center top; background-size: 70%; width: 30px; height: 18px; }
@media ( min-width: 600px ) {
	.backToTopClick:hover .backToTop{ background-color: #ffec1d; color: #843901; }
	.backToTopClick:hover .backToTopIcon{ background: url('http://mp4.dadashi.cn/tResourceLib/backToTopHover.png') no-repeat center top; }
}
@media ( max-width: 600px ) {
	.backToTop{ width: 45px; height: 45px; padding: 6.5px; border-radius: 2.5px; font-size: 14px; line-height: 14px; right: 10px; }
	.backToTopIcon{ background-size: 50%; background-position: center 20%; }
}
.LoginBox{ height: auto; }
.errorLoginMsg{ height: 18px; color: #ff6d3a; line-height: 18px; font-size: 14px; margin-top: 30px; text-indent: 28px; }
.errorLoginMsg{ background: url('http://mp4.dadashi.cn/tResourceLib/dot-err.png') no-repeat left center;  }
.loginMain input{ font-family: "SimSun","NSimSun","FangSong","STSong","STFangsong","宋体","新宋体","仿宋_GB2312","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei",  sans-serif; }
.hoverRewrite li:hover{ }
@media ( max-width: 600px ) {
	.deleteCoverContainer{ z-index: 600; font-size: 12px; }
		.deletePanel{ width: 220px; height: 131.5px; left: 50%; top: 50%; margin-top: -65px; margin-left: -110px; }
			.deleteMsg{ height: auto; margin: 33.5px 0 34px; }
			.deleteBtn button{ width: 74px; height: 24px; font-size: 12px; }
			.deleteBtn .deleteBtnNo{ margin-left: 30px; }
			.deleteBtn .deleteBtnYes{ margin-left: 10px; }
		.deleteCloseBtn{ display: none; }
}

@media ( max-width: 600px ) {
	.collectionSelect{ width: 19px; height: 19.7px; right: auto; left: 10px; top: 10px; }
	.zoomimg:hover .zoommask{display:none;}
	.topicList li:hover{ box-shadow: none; }
	.topnav .navlist li:hover:after, .s-topnav .navlist li:hover:after{  }
}
@media ( max-width: 600px ) {
	.topnav .navlist li:hover:after, .s-topnav .navlist li:hover:after{  }
}
@media ( min-width: 600px ) {
	.swiper-slide>div{ height: 396px; }
	.swiper-slide img{ height: 100%; }
}
.topnav .navlist li, .s-topnav .navlist li{ cursor: pointer; }
.myinfo{ cursor: pointer; }
.topnav .navlist li:hover:after, .s-topnav .navlist li:hover:after{  }
.topicClassWidth{ max-width: 1600px; border-bottom: 1px solid #e6e6e6; width: auto; }
.moreText{ text-align: center; color: #666666; margin-top: 16px; cursor: pointer; }
.moreText span{ color: #e6e6e6; }
.listNone{ display: none; }
.typeList  .listTitle{ height: 100px; }
.videoBox{ margin-top: 0; }
.lastUl::after{ clear: both; height: 0; overflow: hidden; display: block; }
.topicList .topicSearchText{ height: 90px; }
.topicList .topicSummary{text-overflow: ellipsis;  }
@media ( min-width: 600px ) {
	.topicList li:hover{ background: #fff; }
	#xq_act_list .textLi:hover{ box-shadow: 0 8px 20px rgba( 0,0,0, 0.15 ), 0 -8px 20px rgba( 0,0,0, 0.15 ), 8px 0 20px rgba( 0,0,0, 0.15 ), -8px 0 20px rgba( 0,0,0, 0.15 ); }
}
@media ( min-width: 1024px ) {
	#xq_act_list li.textLi{ width: 30.5%; float: left; padding: 31px 30px; margin: 15px; position: relative; background-color: #f7f8fa; }
}
@media ( min-width: 1600px ) {
}
@media ( max-width: 600px ) {
	#xq_act_list li.textLi{ width: 100%; padding: 0 3.125% 10px; border-bottom: 1px solid #e6e6e6; }
}
.overflow{ overflow: hidden; width: 100%; }
.overflow::after{ content: ""; height: 0; clear: both; }
.detailsH{ max-width: 790px; margin: auto; }
.detailsH .topicList li{ width: 49%; }
.detailsTit{ text-align: left; border-bottom: none; }
.toLine{ display: inline-block; height: 28px; line-height: 28px; float: left; margin-bottom: 30px; margin-right: 20px; color: #e6e6e6; }
.toLine .viewNum{ clear: both; margin-bottom: 0; padding-bottom: 0 }
.detailsBoxTit{ border: none; }
.detailsBoxTit2{ margin-top: 0; }
.detailsH .topicList .detailsLi{ width: 100%; }
.details_collection{ text-align: center; margin-top: 20px; width: 80px; margin: 30px auto; position: relative; }
.collectionImage{ width: 80px; height: 80px; background: url('http://mp4.dadashi.cn/tResourceLib/collection_details.png') no-repeat center center; overflow: hidden; cursor: pointer; }
.detailscollected{ background: url('http://mp4.dadashi.cn/tResourceLib/collectioned_details.png') no-repeat; position: absolute; top: 0; display: block;}
.collectionImage p{ margin-top: 48px; text-align: center; color: #fff; }
.shareTo{ margin: 5px 0; }
.shareTo span{ font-size: 18px; }
.detailsTag{ margin: 25px 0; padding-bottom: 60px; border-bottom: 1px solid #e6e6e6; word-break: keep-all; }
.detailsTag span{ background-color: #f0f1f3; color: #99999b; margin-right: 10px; padding: 5px 10px; margin-bottom: 10px; display: inline-block; }
.details_othersTit{ margin-bottom: 40px; }
.details_btn_bottom{ border-top: 1px solid #e6e6e6; height: 44px; position: fixed; bottom: 0; background: #fff; width: 100%; z-index: 50; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; visibility: hidden; }
.details_btn_bottom .collection, .details_btn_bottom .share{ -webkit-box-flex: 1; text-align: right; width: 10px; display: -webkit-box; -webkit-box-pack: center; }
.details_btn_bottom .collection div, .details_btn_bottom .share div{ width: 4.8em; height: auto; color: #999999; font-size: 0.8em; }
.details_btn_bottom .collection div{ background: url('http://mp4.dadashi.cn/tResourceLib/collectionico.png') no-repeat left center; background-size: auto 100%; }
.details_btn_bottom .share div{ background: url('http://mp4.dadashi.cn/tResourceLib/shareico.png') no-repeat left center; background-size: auto 100%; }
.font20{ font-size: 20px; }
.topicList .topicFun .viewNum{ padding-left: 25px; margin-top: 4px; }
.detailsH .topicList .widthCover{ width: 100%; }
.topicList .envDesignImg{ padding-top: 0; }
.topicList .envDesignImg img{ height: auto; position: static; }
.topicListUl li{ margin-bottom: 2em; }
.topicTit{ margin: 14px 0; }
.topicTit span{ background: #33c9ee; color: #fff; padding: 4px 15px; border-radius: 15px; font-size: 1em; }
.topicTipLi li{ margin: 5px; }
.topicPlayBtn{ background: url('http://mp4.dadashi.cn/tResourceLib/playbtnicon.png') no-repeat center center; background-size: 100% 100%; width: 26px; height: 26px; display: inline-block; position: relative; top: 6px; }
.details_btn_bottom .collection .collectedMobile{ background-image: url('http://mp4.dadashi.cn/tResourceLib/collectedico.png'); color: #ffa200; display: none; }
.titSecond{ max-width: 1600px; margin: auto; }
.titSecond{  text-align: center; }
.titSecond ul{ width: 300px; margin: auto; }
.titSecond li{ float: left; width: 100px; font-size: 20px; color: #666; cursor: pointer; padding-bottom: 0.7em; border-bottom: 2px solid #fff; }
.titSecond li:hover, .titSecond .pageSelect{ color: #fa9600; box-shadow: 0 1px#fa9600; border-color: #fa9600; }
.collectionSelect{ position: absolute; right: 15px; top: 15px; width: 28.5px; height: 29.5px; background: url('http://mp4.dadashi.cn/tResourceLib/selectico.png') no-repeat center center;  background-size: 100% 100%; z-index: 50; zoom: 1; }
.selectedLi .collectionSelect{ background-image: url('http://mp4.dadashi.cn/tResourceLib/selectedico.png'); background-size: 100% 100%; }
.collection_btn_edit{ height: 44px; position: fixed; bottom: 0; background: rgba( 255,255,255,0.95); width: 100%; line-height: 40px; z-index: 50; }
.collection_edit_left{ width: 390px; text-align: left; padding-left: 2%; float: left; }
.collection_select_all{ min-width: 100px; }
.collection_edit_right{ text-align: right; padding-right: 2%; float: right; }
.collection_btn_edit li{ cursor: pointer; font-size: 14px; }
.collection_btn_edit li span{ padding: 6px 20px; }
.collection_btn_edit .collection_edit_begin span{ padding-top: 3px; }
.collection_btn_edit li span:hover{ color: #fff; background: #fa9600; border-color: #fa9600; }
.collection_btn_edit li .editCount:hover{ color: #000; background: #fff; }
.collection_btn_edit li .editCount span:hover{ background: #fff; color: #fa9600; }
.collection_select_all, .collection_delete{ min-width: 100px; text-align: right; }
.collection_no_select_all, .collection_edit_cancel{ min-width: 220px; text-align: left; margin-top: 3px; }
.collection_select_all, .collection_delete{ border-radius: 5px; border: 1px solid #e6e6e6; }
.collection_no_select_all, .collection_edit_cancel{  border-radius: 5px; border: 1px solid #e6e6e6; margin-left: 5px; }
li.collection_edit_begin{ min-width: 100px; padding: 0; width: 43%; text-align: center; }
.collection_edit_begin span{ min-width: 100px; background:  url('http://mp4.dadashi.cn/tResourceLib/editoricon.png') no-repeat left center; text-align: right; display: inline-block; cursor: pointer; padding: 0; }
li.collection_edit_begin span:hover{ background:  url('http://mp4.dadashi.cn/tResourceLib/editingicon.png') no-repeat left center;  color: #fa9600; }
.collection_select_all{ width: 12%; }
.collection_edit_cancel{ min-width: 120px; }
.collection_no_select_all, .collection_delete{ width: 15%; }
.editCount span{ font-weight: 500; color: #ffa200; }
.collection_no_select_all{ display: none; }
.clickShow{ display: none; }
li.collection_edit_begin{ float: none; margin: auto; }
.deleteCoverContainer{ position: fixed; top: 0; left: 0;  width: 100%; height: 100%; opacity: 1; background: rgba( 0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index: 500; display: none; }
.deletePanel{ width: 440px; height: 230px; background: #fff; margin: 75px auto;  position: absolute; top: 50%; left: 50%; margin-left: -220px; margin-top: -115px; z-index: 550; }
.deleteMsg{ text-align: center; margin: 50px 0; height: 40px; }
.deleteBtn button{ width: 148px; height: 48px; border: 1px solid #e6e6e6; color: #666; background: #fff; text-align: center; cursor: pointer; font-size: 16px; }
.deleteBtn .deleteBtnNo{ margin-left: 60px; }
.deleteBtn .deleteBtnYes{ margin-left: 20px; }
.deleteBtn button:hover{ color: #fff; background: #ffa200; border-color: #ffa200; }
.deleteCloseBtn{ width: 32px; height: 33px; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; border: 1px solid #fff; border-left: none; position: absolute; right: -32px; top: 0; z-index: 50; cursor: pointer; }
.collection_btn_edit_mobi{ height: 44px; position: fixed; bottom: 0; background: rgba( 255,255,255,0.95); width: 100%; z-index: 50; font-size: 14px; }
.collection_edit_begin_mobi{ text-align: center; height: 100%; }
.collection_edit_begin_mobi span{ min-width: 60px; height: 100%; background:  url('http://mp4.dadashi.cn/tResourceLib/editoricon.png') no-repeat left center; background-size: 80% initial; text-align: right; display: inline-block; padding: 0; margin: auto; line-height: 44px ; font-size: 14px; }
.collection_edit_mobi{ width: 100%; height: 100%; line-height: 44px; }
.collection_select_all_mobi{ width: 50%; height: 100%; float: left; text-align: left; background: url('http://mp4.dadashi.cn/tResourceLib/selectAllicon.png') no-repeat 5% center; background-size: 15%;  text-indent: 3rem; }
.collection_no_select_all_mobi{ width: 50%; height: 100%; float: left; display: block; text-align: left; background: url('http://mp4.dadashi.cn/tResourceLib/selectedico.png') no-repeat 5% center; background-size: 15%; text-indent: 3rem; display: none; }
.collection_delete_mobi{ width: 25%; float: left; height: 100%; text-align: center; color: #fff; background: #ffa200; }
.collection_edit_cancel_mobi{ width: 25%; float: left; height: 100%; text-align: center; color: #fff; background: #ff782f; }
.collectionMenu{ max-width: 1600px; text-indent: 2rem;  margin: 30px auto; font-size: 18px; text-indent: 10px; text-align: left; }
.collectionMenu .menuFirst{ color: #fa9600; }
.collectionMenu i{ color: #a6a6a6; padding: 0 5px; }
.pageEmpty{ text-align: center; }
.pageEmpty img{ max-width: 100%; }
.pageEmpty p{ color: #999999; }
.imageDetails{ width: 100%;  }
.details_saveImage{ color: #ff9600; text-align: right; position: absolute; bottom: 1rem; right: 1rem;}
.topnav_mobi{ width: 100%; height: 44px; background: #fff; display: none; font-size: 14px; }
.topnav_mobi_icon{ background: url('http://mp4.dadashi.cn/tResourceLib/topnav_mobi_icon.png') no-repeat center center; background-size: 25%; -webkit-box-flex: 1; }
.topnav_mobi_text{ -webkit-box-flex: 4; text-align: center; line-height: 44px; }
.topnav_mobi_menu{ -webkit-box-flex: 1; color: #ffa200; text-align: center; line-height: 44px;}
.noLogin{ float: left; }
.noLogin .noLogin_textShow{ height: 36px; line-height: 36px;  color: #843901; margin: 12px 0; padding: 0 18px; cursor: pointer;  }
.displayNone{ display: none; }
.displayBlock{ display: block; }
.imageDetailsSwiper{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); left: 0; z-index: 600; top: 0; display: none; }
#imgDetails-swiper-container{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; overflow: hidden; border-radius: 2px; }
#imgDetails-swiper-container .swiper-wrapper{ margin-left: 0; }
.imgDetails-swiper-pagination{ position: absolute; bottom: 1em; margin-left: 50%; transform: translateX(-50%); color: #fff; }
@media ( min-width: 600px ) {
	.closeSwiperBtn{ position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,0.3); top: 0; right: 0; z-index: 600; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; }
}
#imgDetails-swiper-container .swiper-slide>div{ display: table; }
#imgDetails-swiper-container .swiper-slide>div>p{ display: table-cell; vertical-align: middle; text-align: center; }
#imgDetails-swiper-container .swiper-slide>div>p>img{ display: auto; }
@media ( min-width: 600px ) {
	#imgDetails-swiper-container{ width: 70%; left: 50%; transform: translate(-50%, -50%); }
	.imgDetails-swiper-pagination{ text-shadow: 1px 1px 1px #000; }
	.details_saveImage{ display: none; }
	.swiper-slide>div{width:100%;height: 100%;}
	.imgDetails_swiper-button-prev, .imgDetails_swiper-button-next{ width: 15%; height: 100%; position: absolute; top: 0; }
	.imgDetails_swiper-button-prev{ left: 0; }
	.imgDetails_swiper-button-next{ right: 0; }
	.prev_swiperBtn, .next_swiperBtn{ position: absolute; width: 16px; height: 29px; top: 50%; margin-top: -14.5px; }
	.prev_swiperBtn{ display: block; width: 16px; height: 29px; background: url('http://mp4.dadashi.cn/tResourceLib/dot-left-arrow.png'); left: 30px; }
	.next_swiperBtn{ display: block; width: 16px; height: 29px; background: url('http://mp4.dadashi.cn/tResourceLib/dot-right-arrow.png'); right: 30px; }
	.imgDetails_swiper-button-prev .actionBtn, .imgDetails_swiper-button-next .actionBtn{ position: absolute; top: 50%; transform: translateY(-50%);  width: 80px; height: 110px; display: block; transition-property: all; transition-duration: 0.5s; }
	.imgDetails_swiper-button-prev .actionBtn{ left: 0; transform: translateX(-100%); background: #3c3c3c; }
	.imgDetails_swiper-button-next .actionBtn{ right: 0; transform: translateX(100%); background: #3c3c3c; }
	.actionBtn:hover{  background: #ffa200; width: 100px; }
	.imageDetailsSwiper:hover .actionBtn{ transform: translateX(0); }
	.s-topnav_collection_classCideo{ height: 80px; overflow: auto; }
	.s-topnav_collection_classCideo .subSearchBox{ display: block;  top: 0; background-color: #fff; }
	#imgDetails-swiper-container .swiper-slide{ overflow: hidden; }
	#imgDetails-swiper-container .swiper-slide img{ width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; }
	#imgDetails-swiper-container .swiper-slide{ width: 800px; height: 600px; }
}
@media ( max-width: 1200px ){
	.typename{ top: 15px; }
}
@media ( max-width: 800px ){
	.typename{ top: 10px; }
}
@media ( max-width: 600px ){
	.collectionMenu{ margin: 0 auto; padding: 15px 0; background: #fff; text-align: left; text-indent: 10px; }
	.collectionMenu{ text-align: center; text-indent: 0; }
	.textLi li{ background: #ffffff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
	.topicList .textLi{ width: 99%; }
	.topicList .topicSummary{ height: 40px; }
	.detailsH{ background: #fff; padding: 10px; }
	div.details_btn_bottom{ visibility: visible; }
	.topicListUl{ font-size: 14px; }
	.topicPlayBtn{ width: 20px; height: 20px; top: 4px; }
	.topicListLi{ margin-bottom: 0.8em; }
	.font20{ font-size: 16px; }
	.collectionSelect{ right: 25px; }
	.topnav_mobi{ display: -webkit-box; display: none;}
	#imgDetails-swiper-container .swiper-slide>div{ width: 100%; min-height: 500px; }
	.textLi .topictype span{ margin: 10px auto; margin-left: 4px; }
	.textLi .topicFun span{ padding-left: 20px; }
	.textLi .viewNum span{ padding-left: 24px; }
}
.s-topnav_collection_classCideo{ height: 0; overflow: hidden; }
.l_mstylelist_selected .stype{ background: url('../img/tResourceLib/bg_mobi_click.png') no-repeat center center; background-size: 35%; }
.stype{ height: 55px; }
.stype img{ height: 27px; margin-top: 14px;}
.backToTopClick{ display: none; }
.backToTop{ width: 60px; height: 60px; padding: 13px; border-radius: 5px; background: #bcbdbf; font-size: 16px; line-height: 18px; text-align: center; position: fixed; bottom: 50px; right: 50px; color: #fff; }
.backToTopIcon{ background: url('http://mp4.dadashi.cn/tResourceLib/backToTop.png') no-repeat center top; background-size: 70%; width: 30px; height: 18px; }
@media ( min-width: 600px ) {
	.backToTopClick:hover .backToTop{ background-color: #ffec1d; color: #843901; }
	.backToTopClick:hover .backToTopIcon{ background: url('http://mp4.dadashi.cn/tResourceLib/backToTopHover.png') no-repeat center top; }
}
@media ( max-width: 600px ) {
	.backToTop{ width: 45px; height: 45px; padding: 6.5px; border-radius: 2.5px; font-size: 14px; line-height: 14px; right: 10px; }
	.backToTopIcon{ background-size: 50%; background-position: center 20%; }
}
.LoginBox{ height: auto; }
.errorLoginMsg{ height: 18px; color: #ff6d3a; line-height: 18px; font-size: 14px; margin-top: 30px; text-indent: 28px; }
.errorLoginMsg{ background: url('http://mp4.dadashi.cn/tResourceLib/dot-err.png') no-repeat left center;  }
.loginMain input{ font-family: "SimSun","NSimSun","FangSong","STSong","STFangsong","宋体","新宋体","仿宋_GB2312","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei",  sans-serif; }
@media ( max-width: 600px ) {
	.deleteCoverContainer{ z-index: 600; font-size: 12px; }
		.deletePanel{ width: 220px; height: 131.5px; left: 50%; top: 50%; margin-top: -65px; margin-left: -110px; }
			.deleteMsg{ height: auto; margin: 33.5px 0 34px; }
			.deleteBtn button{ width: 74px; height: 24px; font-size: 12px; }
			.deleteBtn .deleteBtnNo{ margin-left: 30px; }
			.deleteBtn .deleteBtnYes{ margin-left: 10px; }
		.deleteCloseBtn{ display: none; }
}
@media ( max-width: 600px ) {
	.collectionSelect{ width: 19px; height: 19.7px; right: auto; left: 10px; top: 10px; }
	.textLi	.collectionSelect{ left: auto; right: 10px; }
	.zoomimg:hover .zoommask{display:none;}
	.topicList li:hover{ box-shadow: none; }
}
@media ( min-width: 600px ) {
	.swiper-slide>div{ height: 396px; }
	.swiper-slide img{ height: 100%; }
}
.topnav .navlist li, .s-topnav .navlist li{ cursor: pointer; }
.myinfo{ cursor: pointer; }
@media ( min-width: 600px ) {
	.closeSwiperBtn{ position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,0.3); top: 0; right: 0; z-index: 600; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; }
}
.envDesignImg:hover img{ transform: none;}
.topicList .topicFun .viewNum{ padding-left: 25px; margin-top: 0px; }
.topicPlayBtn{ cursor: pointer; }
@media ( min-width: 600px ) {
	.closeSwiperBtn{ position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,0.3); top: 0; right: 0; z-index: 600; background: url('http://mp4.dadashi.cn/tResourceLib/delete_close_icon.png') no-repeat center center; }
}
.envDesignImg:hover img{ transform: none;}
/* .detailsPage .topicList .topicFun .viewNum{ margin-top: 5px; } */
.topicList .topicFun .viewNum{ padding-left: 25px;    min-width: 65px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    text-indent: 23px;}
.topicPlayBtn{ cursor: pointer; }
@media ( max-width: 600px ) {
	.view{ overflow-x: hidden; }
}
@media ( min-width: 600px ){
	.view{ overflow-y: hidden; }
}
#more .viewNum{ margin-top: 0; }