﻿/*通用样式*/
html{height:100%;width:100%;outline:0;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;color:#000;width:100%;color: #000;min-width:320px;height:100%;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
/*@font-face{font-family: '名字';src : url('路径');}*/
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;padding:0;list-style:none}
input,button{border:0}
.lf{float:left}
.rt{float:right}
.clearfix{clear:both}
a{text-decoration:none;color: #000;}
a:hover{text-decoration:none;color: #000;}
.show{display: block;}
.hide{display: none;}

/*
*
*通用框架
*四种尺寸:PC,
*	    @media only screen and (m-width: 1900px),
		@media only screen and (max-width: 850px),
		@media only screen and (max-width: 768px);
*  container:max-width:95%;
*  head,nav
*  article,aside,section
*  footer
*  
*/
.container{max-width: 95%; margin: 0px auto;padding-left:0.5%;width:1200px;}
header{}
nav{height: 32px;line-height: 32px;margin-bottom: 10px;border-bottom: 1px solid #f10180;width: 99.5%;padding-top: 0px;}
article{padding: 0px;margin: 0px;}
aside{}
section{padding: 0px;margin: 0px;}
footer{margin-top:10px;}

/*
*公用样式
*/
/*--头部--*/
header .container{position: relative;}
.topLogo{ line-height: 41px;height: 56px;}
.topLogo .tagsbtn{ font-size: 30px;margin-right: 15px;width: 30px;}
.tagsbtn i{color: #777777; }
.topLogo .logo{font-size: 35px;background-color: #f10180;margin-top: 5px;font-weight: bolder;}
.topLogo .logo a{color: #fff;padding-left: 5px;padding-right: 5px;}
.topLogo .logo a span{ background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
        -webkit-background-clip: text;
        color: transparent;}
.topLogo .search {margin-left: 20px;font-size: 18px;margin-right: 10px; width: 30%;border: 2px solid #f10180; border-radius: 5px; height: 40px; margin-top: 8px;padding: 0px;}
.search input{margin: 0px;padding: 0px;height: 32px;margin-left: 5px; width:85%;float: left;outline:medium;color: #a8a8a8;}
.search .fa-search{ margin-right:10px;margin-top:8px;float: right;}
.topLogo .slogin{margin-left: 20px;font-size: 20px;font-weight: 600;padding-top: 5px;background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
        -webkit-background-clip: text;
        color: transparent;}
.slogin span{ color: #f10180;}
#openTags{display: none;}
.topLogo .flag{ font-size: 20px;vertical-align: bottom;}
.topLogo .flag .fa-adjust{margin-left: 4px;}
.flag .Straight{background-color: #eee;color: #333333; font-size: 18px;display: inline-block;height: 28px;line-height: 25px;padding-left: 10px;padding-right: 10px;margin-right: 10px;}
/*--底部--*/
footer .container{border-top:1px solid #eeeeee;padding-top: 10px;font-size: 13px;line-height: 20px;}
.addShare{padding-bottom: 10px;float: left; width: 100%;}
.addShare .address{line-height: 38px;}
.addShare .address .addbor{border: 1px solid #eeeeee;display: inline-block;}
.address .addfont{background-color: #eeeeee;display: inline-block;line-height: 40px;padding-left: 5px;padding-right: 5px;}
.address .href{padding-left: 10px;padding-right: 10px;}
.addShare .link{line-height: 40px;font-size: 15px;}
.addShare .link a{display: inline-block;padding-left: 5px;padding-right: 5px;}
.footerLink{border-top:1px solid #eeeeee;font-size: 14px;line-height: 25px;padding-top: 5px;padding-bottom: 5px;margin-top: 10px;}
.footerLink a{color: #777777;text-decoration:underline;}
.fTips{ font-size: 14px;}
.fsc {display: none;}
/*--主要内容--*/
/*--标签--*/
.tagsList{font-size: 14px;border-top: 1px solid #f10180;padding-top:10px;}
.tagsList a{background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);inline-block;padding:0px 10px;margin-bottom: 5px;line-height: 25px;margin-right: 3px;color:#FFFFFF}
.tagsList a:hover{background-color: #a8a8a8;color: #fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.tagsList .tagsFrist{background-color: #000;color: #fff;font-weight: bolder;}
/*--内容--*/
.viewDetail li{float: left;width: 24.5%;padding-bottom: 10px;margin-right: 0.5%;}
.viewDetail li a{ }
.viewDetail li img{width: 100%;height: 195px;background: url(../images/nopics.png) no-repeat center #eee}
.viewDetail .viewTips{}
.viewDetail .videoTags{margin-top: 5px;font-size: 14px;color: #555555; text-align: center;}
.viewDetail .videoTags a{color: #555555;}
.viewDetail .videoTags a:hover{text-decoration:underline;}
.viewDetail .time{background-color:#777777; padding: 0px 10px 0px 10px;border-radius: 3px;color: #fff;font-size: 12px;}
.viewDetail .title{line-height:20px; height: 40px;overflow: hidden;font-size: 16px;margin-top:3px;}
.starList li{width: 15.6%;}
.starList li img{height: 200px;}
/*--分页--*/
.pageDiv{margin-top: 10px;}
.paginationU {list-style-type: none;display: inline-block; width: 100%;text-align: center;margin: 0px;}
.paginationU li {display: inline-block;margin: 0px;padding: 0px;margin-bottom: 5px;margin-right: 2px;}
.paginationU li:first-child {margin-left: 0;}
.paginationU li a {display: block;text-decoration: none;padding: 5px 13px !important;border: 1px solid #cccccc;color: #000;}
.paginationU a:hover {background: #555555 !important;color: #FFF;border: 1px solid #cccccc;color: #fff !important;}
.paginationU .active a{z-index: 99 !important;}
.paginationU .active a {text-decoration: none;color: #ffffff;border: 1px solid #cccccc;background-color: #555555;}
.visible-pages{display: none;}
/*手机导航*/
.leftmenu{position:relative;}
#bigdiv {position: fixed;left: 0px;width: 100%;z-index: 998;background-color: rgba(0, 0, 0, 0.8);top: 39px}
#expansion {display: none;font-size: 30px;margin-top: 5px;margin-left: 10px;color: #ffffff;margin-bottom: 15px;position:fixed;top:0px;z-index: 9999;}
#container {display: none;border-top: 1px solid #777777;}
.row {margin-left: 0px !important;margin-right: 0px !important}
.label{border-radius: 0px;border-bottom: 1px solid #777777 !important;background-color: rgba(255, 255, 255, 0.2);}
#ulnav li a {height: 46px;line-height: 40px;border-bottom: 1px solid #777777 !important;text-align: center; font-size: 16px;}
.mobile-show {display: block;height: 40px;width: 100%;}

/*
*页面特有样式
*/
/*--首页--*/
.topNav{margin-top: 12px;}
.topNav li{float: left;margin-right: 3px; font-size:18px;}
.topNav li a{color: #fff;padding: 0px 15px;border: 1px solid #f10180;background-color: #f10180;display: inline-block;line-height: 30px;border-radius:3px 3px 0px 0px;}
.topNav li a.active,.topNav li a:hover{line-height: 32px;border-bottom:none;border-left: 1px solid #f10180;border-top: 1px solid #f10180;border-right: 1px solid #f10180;border-radius:3px 3px 0px 0px;background-color: #fff;color: #f10180;}
/*--列表页--*/
.listTit{font-size: 25px;line-height: 32px;margin: 5px  2px 6px;}
#listTags{border-top: 0;padding-top: 0px;margin-top: 0px;}
#listTags a{padding: 5px 15px;}
.tagsList .all{display: inline-block;background-color: #000000;color: #fff;font-weight: bolder;}
.tagsList .on,#listTags a:hover{background-color: #ffc9e6;color: #f10180;font-weight: bolder;}
/*--内容页--*/
.contentMain{float: left;width: 100%;height: 100%;}
.conTit{font-size: 25px;margin-top: 10px;margin-bottom: 10px;}
.conTit .time{display: inline-block;font-size: 14px;margin-left: 10px;vertical-align: top;background-color:#777777; padding:5px 10px;border-radius: 3px;color: #fff;}
.video{float: left;width: 100%;height: 540px;}
.videoRAD{ float: right;width: 20%;}
.video-js.vjs-fill{width: 100%;height: 540px;} 
.vjs-time-tooltip{ width: 60px;} 
#contentRAD img{margin-bottom: 10px;height: 264px;width: 100%;}
.conDown{margin-bottom: 20px; font-size: 16px;}
.conDown div{margin-right: 10px;font-weight: bolder;margin-top: 5px;}
.conDown .downtips{background-color: #ffd5eb;padding: 0px 12px;height: 40px; line-height: 40px;color: #f10180;}
.conDown .downtips a{color: #f10180;}

.conDown .address{}
.conDown .address .addbor{border: 1px solid #e6e6e6;display: inline-block;}
.address .addfont{background-color: #e6e6e6;display: inline-block;padding:0px 12px;height:38px; line-height: 38px;}
.address .href{padding-left: 10px;padding-right: 10px;}
.addShare .link{line-height: 40px;font-size: 15px;}
.addShare .link a{display: inline-block;padding-left: 5px;padding-right: 5px;}
.conDown .emailTips{ font-style: italic;line-height: 40px;}
.emailTips{color:#cb1c1c;animation:changeshadow 1s  ease-in  infinite;-webkit-animation:changeshadow 1s linear infinite;-moz-animation:changeshadow 1s linear infinite;-ms-animation:changeshadow 1s linear infinite;-o-animation:changeshadow 1s linear infinite}@keyframes changeshadow{0%{text-shadow:0 0 2px #cb1c1c}50%{text-shadow:0 0 20px #cb1c1c}100%{text-shadow:0 0 2px #cb1c1c}}@-webkit-keyframes changeshadow{0%{text-shadow:0 0 2px #cb1c1c}50%{text-shadow:0 0 20px #cb1c1c}100%{text-shadow:0 0 2px #cb1c1c}}@-moz-keyframes changeshadow{0%{text-shadow:0 0 2px #cb1c1c}50%{text-shadow:0 0 20px #cb1c1c}100%{text-shadow:0 0 2px #cb1c1c}}@-ms-keyframes changeshadow{0%{text-shadow:0 0 2px #cb1c1c}50%{text-shadow:0 0 20px #cb1c1c}100%{text-shadow:0 0 2px #cb1c1c}}@-o-keyframes changeshadow{0%{text-shadow:0 0 2px #cb1c1c}50%{text-shadow:0 0 20px #cb1c1c}100%{text-shadow:0 0 2px #cb1c1c}}
.related{text-align: center;border: 1px solid #eee; line-height: 35px;background-color: #f10180;}
#conDetail ul li{width:24.5%;}
/*统计代码*/
.cnzz{display: none;}

/*
*媒体响应
*/
@media only screen and (min-width: 1800px){
	#conDetail li{float: left;margin-right: 0.5%;}
}
@media only screen and (min-width: 850px){
	#bigdiv{display: none;}
}
@media only screen and (max-width: 1026px){	
	.topLogo .search {width: 20%;}
	.search input{width: 80%;}
}
@media only screen and (max-width: 1026px)and (min-width: 850px){	
	.flag{display: none;}
}
@media only screen and (max-width: 850px){
	.container{padding-right: 0px;min-width:100%;}
	article{padding-top: 75px;}
	header .container{padding-left: 0px;padding-right: 0px;margin: 0px;}
	#tagsList{display: none;}
	#expansion{display:block;}
	.tagsbtn{display: none;}	
	.topLogo{width: 100%;position: fixed;top:0px;height: 40px;z-index: 999999;float: left;background-color: #f10180;border-bottom: 1px solid #ffffff;padding-right: 0px;margin-right: 0px;z-index: 1;}
	.topLogo .logo{margin-left: 40px; text-align: center; width: 80%;color: #fff;line-height: 20px;}
	.topLogo .logo a{color: #fff; font-size: 25px;}
	.topLogo .search{position:absolute;right: 5px;top:-10px;z-index:999;border:none; width:70px;margin-right: 0px;height: 30px; margin-top: 0px;padding: 0px;}
	.topLogo .search a{color: #fff;}
	.topLogo .slogin{position: absolute;top:40px;left:0px;font-size: 16px;line-height: 30px;width: 100%;margin-left: 0px;padding-top: 3px;padding-bottom: 3px;text-align: center;border-bottom: 1px solid #d9d9d9;background-color: #fff;}
	nav{width: 100%;}
	.search input{display: none;}
	.search .fa-search{margin-top: 17px;font-size:23px;}
	.mobile-hidden{display: none;}
}
@media only screen and (max-width: 768px)and (min-width: 500px){	
	.viewDetail li{height: 225px;}	
}

@media only screen and (max-width: 768px){
	.topNav li a{padding: 0px 15px;}
	.viewDetail li{width: 49.5%;margin-right: 0.5%;}
	.addShare{ text-align: center;}
	.addShare .address{width: 100%;}
	.addShare .link{width: 100%;}	
	.conTit{font-size: 20px;}
	.video-js .vjs-fill{width: 100%;height: 270px;}
	.video{ width: 99.5%;height: 270px;}
	.videoRAD{display: none;}	
	.visible-pagel{display: none;}
	.visible-pages{display: block;}
	.topNav .fa{display: none;}
	#conDetail ul li{width:49.5%;}
	.fsc{display:block;background-color:#000;width:100%;height:45px;position:fixed;bottom:0px;left:0px;overflow:hidden;font-size:18px;text-align:center;line-height:21px;z-index:999;font-size: 12px;color: #fff;}
	 .fsc a{color: #fff;}
               
}
@media only screen and (max-width: 500px){	
	.viewDetail li{height: 180px;}
	.viewDetail li img{height: 130px;}
}


/*滚动条的宽度*/
body::-webkit-scrollbar{width:6px;height:6px}
body::-webkit-scrollbar-track{width:6px;background-color:#0d1b20;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
body::-webkit-scrollbar-thumb{background-color:#606d71;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
body::-webkit-scrollbar-thumb:hover{background-color:#fff}
.actioc::-webkit-scrollbar{width:6px;height:6px}
.actioc::-webkit-scrollbar-track{width:6px;background-color:#ccc;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.actioc::-webkit-scrollbar-thumb{background-color:#000;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.actioc::-webkit-scrollbar-thumb:hover{background-color:#fff}
