* {padding: 0; margin: 0;}
div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul {list-style: none }
a {color: #0000ff; text-decoration: none; background-color: transparent;}
a:hover {color: #0099FF;}
input {-webkit-appearance:none; appearance:none; }

html {font-family: Arial, 'Microsoft Yahei', '微软雅黑', sans-serif; font-size: 14px;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; direction: ltr; unicode-bidi: isolate; }
body {text-align: left;  background-color: #e8e8e8; color: #222;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.clearfix:after {content: " "; display: block; clear: both}
.sizing {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cover {background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; border: 1px solid lightgrey;}
.imgflat {width: 100%; height: 0; padding-bottom: 111.111%;}

.inner {width: 80%; margin: 0 auto; background-color: #fff; border-radius: 10px; padding: 6px 10px;}
.inner>hr {border:0; border-top:1px solid #e8e8e8; border-bottom: :1px solid #000000; margin: 10px auto;}
#header {height:138px; background-color: #e8e8e8; border-radius: 10px; padding: 2px;}
#logo { text-align: center; width: 30%; float: left;}
#logo img {float: left; height: 53px; margin-top: 11px; }
#logo a {font-size: 36px; color: #000; line-height: 134px; font-weight: 400;}
#logo a:hover {text-decoration: none;}
.head_ad_wrap { width: 70%; height: 100%; float: right; padding: 5px;}
.head_ad { border:1px solid #cbcbcb; background-color: #eeeeee; border-radius: 5px; padding: 5px; width: 100%; height: 100%;}

/* 搜索框 */
.search_box {margin: 10px auto; width: 100%; height: 60px;}
.search_box input.search_txt {float:left; width: calc( 100% - 40px );  height: 28px;line-height: 30px; padding-left: 6px; border: 1px solid #d5d5d5; border-right: 0; border-radius: 3px 0 0 3px; }

#navigation {width: 100%; }
#navigation h3 { width: 100%; color: #001; font-weight: normal; border-bottom:1px solid #e8e8e8; height: 25px;}
#navigation ul {width: 100%; }
#navigation li { display: block; float: left; margin: 8px 2px 0px 0;  }
#navigation li a { font-size: 16px; color: #0099FF; line-height: 2em; padding: 0 9px; }
#navigation li:hover, #navigation .current { background-color: #c8c8c8; border-radius: 3px; }
#navigation li:hover a, #navigation .current a { color: #0099FF; }

#container {width: 100%; }
#contain { width: 748px; float: right; }
#contain h1 { width: 100%; text-align: center; font-size: 22px; font-weight: normal; margin-top: 10px;}
.jianjie {border:1px solid #cbcbcb; background-color: #eeeeee; border-radius: 5px;margin: 10px 1% ; padding: 10px;s}
.channel h1 a { color: #222233; font-size: 20px; font-weight: 300; }
.channel { width: calc(100%-20px); margin: 20px auto; }
.channel h2 { width: 100%; text-align: center; }
.channel h2 a { color: #222233; font-size: 18px; font-weight: 400; }
.drama_rich { width: 100%; padding-bottom: 20px;}
.drama_rich li { width: 24%; display: block; float: left; margin: 20px 0 20px 1%; text-align: center; position: relative; }
.drama_rich li a .icon-region {font-size: 12px; background-color: #c8c8c8; text-align: center; color: #e00; padding: 3px; position: absolute; bottom: 0px; right: 0px; border-radius: 7px; z-index: 20;}
.drama_rich li a i{width: 100%; height: 0; padding-bottom: 100%;position: absolute;left: 0;top: 8%;background: #000 url(/static/img/play-icon.png) no-repeat center center;display: none; z-index: 10;}
.drama_rich li a:hover i {opacity:0; display:block; opacity:0; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; z-index: 5;}
.drama_rich li a:hover i:hover {opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;}
.drama_rich li a .title {color: #000; font-size:12px; text-decoration: none; line-height:14px; height:14px;overflow:hidden; margin-bottom: 4px;}

#content { font-size: 16px; width: calc(100%-20px); margin: 10px 1% ; text-align: justify; }
#content ul {width: 100%; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px dashed #666;}
#content li {display: block; float: left; width: 50%; height: 32px; }
#content li h2 { width: 100%; padding-left: 1%; }
#content li h2 a { font-size: 16px; font-weight: normal; }
#content li h2 a:visited { color:#0099ff;}
#content .description { line-height: 33px; }

.source_deleted {display:none;text-align:center;font-size: 18px;font-weight: bold;margin: 10px 0;}
.player_wrapper {width: 100%; text-align: center;}
.player_wrapper h3 { font-size: 18px; text-align: center; display: block; margin-top: 10px; }
.player_wrapper p {color: #c00; text-align: left; }
.player iframe, .player video, .player object, .player embed {width: 100%; height: 410px; }

.prevep {width: 50%; float: left; }
.nextep {width: 50%; float: right; text-align: right; }
.prevep h2, .nextep h2 { display: inline-block; padding-left: 1%; padding-right: 1%; }
.prevep h2 a, .nextep h2 a { font-size: 16px; font-weight: normal; }

#sidebar { width: calc(100% - 778px); float: left; }
.category { width: 100%; margin: 20px 0 10px 0; }
.category h1 { width: 100%; color: #001; font-weight: normal; border-bottom:1px solid #e8e8e8; height: 25px; text-align: left !important; font-size: 17px !important;}
.category h1 a { font-size: 17px; font-weight: normal; }
.category h3 { width: 100%; color: #001; font-weight: normal; border-bottom:1px solid #e8e8e8; height: 25px;}
.category h3 a { font-size: 16px; font-weight: normal; }
.drama_list { width: 100%; font-family: Arial, Helvetica, sans-serif;}
.drama_list li { width: 100%; display: block; float: left; text-align: left; }
.drama_list a { display: block; float: left; width: 100%; padding: 4px 4px 4px 0; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.drama_list a:visited { color:#0099ff;}
.drama_list li span { display: block; float: left; margin-top: 1px; margin-right: 3px; color: #f00; text-shadow: 0 0.1px 0 #000;}

.episode {font-size: 12px; color: #444455;  height: 20px; line-height: 20px; margin-top: 4px;}
/*.episode a { font-family: Arial,"宋体",sans-serif; display: inline-block; padding: 0 2px; }*/
.episode a:hover {color: #0099FF; text-decoration: underline;}

#copyright { font-size: 14px; color: #334; text-align: center; padding-top: 20px; padding-bottom: 20px; }
#copyright a { color: #334; }

.returntolist {width:100%;text-align:center;}

@media only Screen and (min-width:1101px) {
	.inner {width: 1080px;}
}
@media only Screen and (min-width:641px) and (max-width:1100px) {
	.head_ad_wrap {display: none;}
	.inner {width: 748px;}
	#contain {width: 100%;}
	#sidebar {width: 100%;}
	.player iframe, .player video, .player object, .player embed {width: 336px; height: 250px; margin-bottom: 10px;}
	#logo { width: 100%; float: left; }
	/*.category {margin-top: 0px; }*/
}
@media only Screen and (min-width:481px) and (max-width:640px) {
	.head_ad_wrap {display: none;}
	.inner {width: 98%;}
	#contain {width: 100%;}
	#sidebar {width: 100%;}
	.player iframe, .player video, .player object, .player embed {width: 320px; height: 250px; margin-bottom: 10px;}
	#logo { width: 100%; float: left; }
	.drama_rich li { width: 48%; }
	/*.category {margin-top: 0px; }*/
}
@media only Screen and (min-width:240px) and (max-width:480px) {
	.head_ad_wrap {display: none;}
	.inner {width: 100%;}
	#contain {width: 100%;}
	#sidebar {width: 100%;}
	.player iframe, .player video, .player object, .player embed {width: 320px; height: 250px; margin-bottom: 10px;}
	#logo { width: 100%; float: left; }
	.search_box { width: 100%; margin-top: 10px; margin-bottom: 10px; }
	.drama_rich li { width: 48%; }
	/*.category {margin-top: 0px; }*/
	.episode a { min-width: 20px; padding: 0; overflow: hidden; }
	#content li {width: 100%; }
	.previous, .next {width: 100%; }
}
.txttitle {width: 32%;display: block;float: left;margin: 10px 0 5px 1%;text-align: left;position: relative;}
.txttitle a:visited {color: #0099FF;}
.txttitle .txtnew {color:red;font-size:0.8em;vertical-align:text-top;}
@media only Screen and (min-width:240px) and (max-width:640px) {
	.txttitle { width: 48%; }
}

@media only Screen and (min-width:701px) {
	.ad01 {width:100%;}
	.ad02 {width: 336px; float: left;}
	.ad03 {width: 336px; float: right;}
	.ad04 {width: 336px; float: left;}
	.ad05 {width: 336px; float: right;}
}
@media only Screen and (min-width:240px) and (max-width:700px) {
	.content {padding: 0 5px;}
	.episode .items ul {padding: 0 0 0 22px;}
	.carousel-caption {bottom: 58px;}
	.fwc {float: left; width: 100%; text-align: center;}
	.ad01 {width:100%;}
	.ad02 {width:100%;}
	.ad03 {display: none;}
	.ad04 {width:100%;}
	.ad05 {display: none;}
}

/*news*/
.catleader {background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;margin-bottom: 15px;padding: 15px 20px;}
.catleader h1 {font-size: 1.2em;margin: 0;padding: 0;line-height: 1;padding-left: 10px;}
.excerpt {padding:10px 20px 10px 255px;overflow:hidden;background-color:#fafaff;margin-bottom:10px}
.excerpt:hover {background-color:#fff;position:relative; z-index:2}
.excerpt .focus { float:left; margin-left:-235px; width:220px}
.excerpt .thumb { width:220px; height:150px}
.excerpt header { margin-bottom:10px}
.excerpt h2 { display:inline; font-size:1.0em; line-height:1.4; margin-top:0; font-weight:500}
.excerpt h2 a:visited {color: #0099FF;}
.excerpt .meta { color:#666; font-size:0.77em; margin-bottom:10px}
.excerpt .note { font-size:0.8em; color:#333; word-wrap:break-word; line-height:22px; margin-bottom:0; text-align:justify;}
 @media(max-width:640px) {
 .excerpt { border:none; margin:0 0 1px; padding:12px 15px 12px 15px; border-radius:0!important}
 .excerpt:hover { background-color:#fbfbfb }
 .excerpt .focus { display:none; }
 .excerpt h2 { font-weight:400 }
 .excerpt .meta { line-height:1; font-size:11px; color:#bbb }
 .m-excerpt-time .excerpt .meta time { display:inline-block; margin-right:10px }
}
.ncontent { width: 100%; margin-top: 10px;line-height:30px; text-align:justify;}
.ncontent .title{font-size: 1.3em; width: 100%; margin: 10px 0; padding:0; }
.ncontent .title .subtitle{color: #999;font-size:0.66em;}
.ncontent .nbody {color: #555;}
.ncontent .nbody img, .ncontent .nbody iframe {max-width: 90%;}
/*news end*/

.splitline{
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}
.splitline::before,.splitline::after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #ccc;
    top: 50%;
}
.splitline::before{
    margin-left: -10px;
    transform: translateX(-100%);
}
.splitline::after{
    margin-left: 10px;
}