html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
.lxxlfs{width:300px;height:80px;display:flex;justify-content:center;align-items:center;background-image:url('./../../lxxlfs.png');background-repeat:no-repeat;background-size:cover;}
@media screen and (max-width:359px){ html{ font-size: 16px;} body,button,input,select,textarea{ font-size: 12px;}}
@media screen and (min-width:360px) and (max-width:413px){ html{ font-size: 18px;} body,button,input,select,textarea{ font-size: 13px;}}
@media screen and (min-width:414px) and (max-width:767px){ html{ font-size: 20px;} body,button,input,select,textarea{ font-size: 14px;}}
@media screen and (min-width:768px){ html{ font-size: 38px;} body,button,input,select,textarea{ font-size: 20px;}}
body{color: #333;}
h1,h2,h3,h4,h5,h6,p,ul,li,input,button{ padding: 0; margin: 0; border:0;}
h1{ font-size: 3em;}
h2{ font-size: 2em;}
h3{ font-size: 1.5em;}
h4{ font-size: 1.3em;}
h5{ font-size: 1.2em;}
h6{ font-size: 1.1em;}
ul{ list-style: none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); color: #333;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.fl,.fr{display:inline;}
.fl{float:left;}
.fr{float:right;}
.fc{clear:both;}
.fwb{ font-weight: bold;}
.tc{text-align:center;}
.tr{text-align:right;}
.posa{ position: absolute;}
.posr{ position: relative;}
.posf{ position: fixed;}
.dib{ display: inline-block;}
.db{ display: block;}
.d-box{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.boxz{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tov{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ovh{ overflow: hidden;}
.ovst{ -webkit-overflow-scrolling: touch;}
.bi{ text-indent: -9999px; overflow: hidden;}
.img-box{ background: #333; position: relative; overflow: hidden;}
.img-box img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

html,body{ height: auto;}
.header h1{ font-size: 1.2em; font-weight: normal;}
.header,.nav,.page{ width: 100%;}
.header,.nav{ height: 2.5rem; line-height: 2.5rem;}
.header .online{ width: 22%; height: 100%; margin: 0 .5rem 0 .3rem; background-repeat: no-repeat; background-position: center center; background-size: auto 1.6rem;}
.header .cpu,.header .share{ width: 13%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: auto 50%;}
.header-w{ background: #FFF;}
.header-w .online{ background-image: url(../image/online.png);}
.header-w .cpu{ background-image: url(../image/cpu_g.png);}
.header-r{ background: #da2b2b; color: #FFF;}
.header-r .online{ background-image: url(../image/online_w.png); background-position: right center; padding-left: 8%;}
.header-r .online:before{ content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 100%; background: url(../image/back.png) no-repeat 60% center/auto 50%;}
.header-r .cpu{ background-image: url(../image/cpu_w.png);}
.header-r .header-channel{ height: 1.1rem; line-height: 1.1rem; margin-top: .7rem; padding-left: .5rem; border-left: 1px solid #FFF; color: #FFF;}
.header-r .header-channel a{ color: #FFF;}
.share{ background-image: url(../image/share.png);}
.nav{ top: 2.5rem; background: #da2b2b;}
.nav-wrap{ height: 100%; overflow-y: hidden; display: inline-block; padding: 0 .5rem; white-space: nowrap;}
.nav a,.nav a:visited{ width: 3rem; color: #FFF; font-size: 1.4em; text-align: center;}
.page{ top: 0; bottom: 0; overflow: hidden; /*overflow-x: hidden; overflow-y: auto;*/}
.header+.page{ top: 2.5rem;}
.nav+.page{ top: 5rem;}
.page-con{ padding: .5rem .8rem;}
.toplinks+.page-con{ padding-top: 0;}
.footer{ background: #EEE; color: #666; border-top: 1px solid #DDD; padding-bottom: 1rem;}
.footer div:nth-of-type(1){ padding: 1rem 0 .8rem; border-top: 1px solid #FFF;}
.footer a,.footer a:hover{ color: #666; font-size: 1.2em; font-weight: bold; margin: 0 .5rem;}
/*.news-list{ padding: .5rem 0;}*/
.news-list li{ padding: .5rem 0; -webkit-transition: all 1s;}
.news-list img{ width: 30%; /*width: 6rem; height: 4rem;*/}
.news-right{ width: 100%; padding-bottom: .5rem; border-bottom: 1px solid #EEE; line-height: 1.6;}
.news-list img+.news-right{ width: 65%;}
.news-right h4{ font-weight: normal; min-height: 3rem;}
.time,.t-gray9{ color: #999;}
.channel-tit+.video-list{ position: relative; top: -.8rem;}
.video-list li{ width: 48%; margin-top: 1rem; -webkit-transition: all 1s;}
.video-list li:nth-of-type(2n){ margin-left: 4%;}
.video-list .img-box{ width: 100%; height: 0; padding-bottom: 60%; margin-bottom: .5rem;}
.video-list .img-box:after{ content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; width: 1rem; height: 1rem; margin: -.5rem 0 0 -.5rem; background: url(../image/play.png) no-repeat center center/auto 100%;}
/*妫ｆ牠銆?/
.toplinks{ padding: 1rem 0;}
.toplinks a{ width: 22%; font-size: 1.1em;}
.toplinks a:before{ content: ""; display: block; width: 70%; padding-bottom: 70%; margin: 0 auto .5rem; background: url(btn01.png) no-repeat 0 0/100% 100%;}
.toplinks a:nth-of-type(2):before{ background-image: url(btn02.png);}
.toplinks a:nth-of-type(3):before{ background-image: url(btn03.png);}
.toplinks a:nth-of-type(4):before{ background-image: url(btn04.png);}
.channel{ padding: .5rem 0;}
.channel-tit{ display: block; height: 1.2rem; margin-bottom: 1.5rem; border-bottom: 1px solid #da2b2b;}
.channel-tit h2{ height: 2.5rem; line-height: 2.5rem; background: #FFF; font-size: 1.5em; padding-right: .5rem;}
.channel-tit h2 b{ display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; margin: -5px .3rem 0 0; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.icon01{ background-image: url(icon01.png);}
.icon02{ background-image: url(icon02.png);}
.icon03{ background-image: url(icon03.png);}
.icon04{ background-image: url(icon04.png);}
.icon05{ background-image: url(icon05.png);}
.icon06{ background-image: url(icon06.png);}
.icon07{ background-image: url(icon07.png);}
.icon08{ background-image: url(icon08.png);}
.channel-link{ height: 2.5rem; line-height: 2.5rem; background: #EEE; font-size: 1.2em; font-weight: bold;}
/*鎼存洖鐪?/
.base-con{ line-height: 1.8;}
.base-con h3{ padding: .5rem 0;}
.base-con-txt{ padding: 1rem 0; font-size: 1.2em;}
.base-con-txt img{ display: block; width: 100%; max-width: 600px; margin: .5rem auto 1rem;}
.base-con-txt+.t-gray9{ text-align: justify;}
.block-recommend{ margin: 1rem 0;}
.block-recommend h4{ margin-bottom: .5rem; border-bottom: 1px solid #da2b2b;}
.block-recommend ul{ list-style: disc inside;}
.block-recommend li{ font-size: 1.1em; line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-con .block-recommend:last-child {display:none;}
.share-page{ position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none;}
.share-page .bdsharebuttonbox{ position: absolute; width: 100%; height: 100%; /*display: -webkit-flex; display: flex; justify-content: center; align-items: center;*/
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}
.share-page .bdsharebuttonbox>a{ margin: 0 1rem; -webkit-transform: scale(1.2); transform: scale(1.2);}
@media screen and (min-width:360px) and (max-width:414px){.share-page .bdsharebuttonbox>a{ margin: 0 1rem; -webkit-transform: scale(1.4); transform: scale(1.4);}}
@media screen and (min-width:768px){.share-page .bdsharebuttonbox>a{ margin: 0 1rem; -webkit-transform: scale(2.4); transform: scale(2.4);}}

.base-video{ position: relative; height: 0; padding-bottom: 60%; background: #000; margin: .5rem auto; overflow: hidden;}
.base-video video{ position: absolute; width: 100%; height: 100%;}
/*.base-con-txt iframe{ width: 19rem; height: 11rem;} 20180329 濞夈劑鍣?/ 

/*20160512*/
.pageStatic,.pageStatic .page{ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.pageStatic .header{ position: relative;}
.pageStatic .page{ position: static;}
.pageStatic .share-page{ position: fixed;}

/*20160720*/
.block-recommend li{ font-size: 0.9em;}

/*20160815鐟欏棝顣堕弬浼搭浕妞わ拷*/
.page-tabs{ position: absolute; left: 0; top: 2.5rem; width: 100%; height: 2.5rem; line-height: 2.5rem; background: #FFF; font-size: 0; border-bottom: 1px solid #eee; z-index: 10;}
.page-tabs a{ display: inline-block; font-size: .9rem; text-align: center; border-left: 1px solid #EEE;}
.page-tabs a:nth-of-type(1){ border-left: 0;}
.page-tabs-2 a{ width: 50%;}
.page-tabs+.page{ top: 5rem;}
.pic-list li{ margin-bottom: 1.5rem;}
.pic-list .img-box{ padding-bottom: 60%; margin-bottom: .5rem;}
.pic-list h3{ font-size: 1.1em; font-weight: normal;}