.xsbg{overflow:hidden}
.xs-back{background:#333;color:#fff;width:80px;text-align:center;line-height:34px;height:34px;display:block;margin-top:10px;margin-left:20px;float:left}
.xsinforead{background:#FF5722;color:#fff;width:80px;text-align:center;line-height:34px;height:34px;display:block;margin-top:10px;float:left}

.xsinfo-bg{height:92px;background:url(../images/showbg1.jpg)no-repeat center center;background-size:cover;width:100%;}
.xsnav { margin:auto;margin-top:10px;height:40px;overflow:hidden;background:#88C6E5;}
.xsnav ul li {float:left;line-height:40px;margin-left:8px;overflow:hidden;}
.xsnav ul li a {font-family:"Microsoft YaHei","微软雅黑","宋体";padding:0px 16px 0px 16px;color:#FFF;font-weight:bold;font-size:15px;overflow:hidden;}
.xsnav ul li a:hover{color:#0099CC;background:#fff;padding-top:5px;padding-bottom:5px;text-decoration:none;}
.marginauto { width:980px; margin: 0 auto;}
.xs-banner{height:220px;position:relative;overflow:hidden;margin-top:10px;padding:30px 15px;background:url(/images/showbg1.jpg) center center no-repeat;background-size:cover;}
.xs-banner .marginauto{position:absolute;left:50%;top:0px;height:100%;margin-left:-590px}
.xs-bannerlg {overflow:hidden;margin-top:40px}
.xs-bannerlg .swiper-slide{position:relative;}
.xs-bannerlist{width:208px;overflow:hidden;z-index: 9999; position: absolute;top:20px;right:0;overflow:hidden}
.xs-bannerlist li{display:block;color:#f8f8f8;font-size:0.9em;padding:8px 0;text-align:left;overflow:hidden;text-indent:1em }
.xs-bannerlist li span{    white-space: nowrap;text-overflow: ellipsis;display:block;overflow:hidden}
.xs-bannerlist li a{color:#fff}
.xs-bannerlist li .w1{display:none}
.xs-banner .item{ width:100%;}
.xs-banner .item img{ border:solid 1px #DDDDDD; padding:1px; background-color:White;width:150px;float:left;height:auto}
.xs-banner .item dl{ padding:0px 5px 0px 0px; float:left; width:700px;margin-left:20px}
.xs-banner .item dl dt{line-height:25px; overflow:hidden;  }
.xs-banner .item dl dt p{  font-weight:normal;color:#fff;margin-top:8px}
.xs-banner .item dl dt a{  font-weight:bold;color:#fff;font-size:1.4em;  }
.xs-banner .item dl dd{ padding:7px 0px 0px 0px; line-height:20px; text-indent:2em; max-height:60px; overflow:hidden;color:#fff;font-size:0.9em}

.xsblock2{ margin: 10px auto; overflow:hidden;}
.xsblock2 .content{ float:left; width:33.33%;margin-bottom:30px}
.xsblock2 .content .top{overflow:hidden}
.xsblock2 .content h2{  font-size:14px; font-weight:bold; padding-left:5px; line-height:25px; height:25px; overflow:hidden; margin: 0;}
.xsblock2 .content img{ padding:10px 0px 0px 5px; float:left; width:100px; height:130px; }
.xsblock2 .content dl{ padding:10px 0px 0px 0px; float:left; width:230px;margin-left:10px}
.xsblock2 .content dl dt{ height:25px; line-height:25px; overflow:hidden; font-weight:bold;}
.xsblock2 .content dl dd{ line-height:20px; height:60px; overflow:hidden;color:#666;font-size:0.85em}
.xsblock2 .content ul{ padding:10px 0px 0px 5px;}
.xsblock2 .content ul li{ color:#B3B3B3; height:20px; line-height:20px; font-size:12px; overflow:hidden; float:left; width:50%;}
.xsblock2 .content ul li a{ font-size:13px;}
.xsblock2 .border{ border:0px;}

.xsblock3{  overflow:hidden;}
.xsblock3 ul{ padding:10px;}
.xsblock3 li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
.xsblock3 li span{ float:left; display:inline-block;}
.xsblock3 li .s1{ width:75px;}
.xsblock3 li .s2{ width:165px;}
.xsblock3 li .s3{ width:300px;}
.xsblock3 li .s4{ color:#B3B3B3; width:90px;text-align:right;}
.xsblock3 li .s5{ color:#B3B3B3; float:right; text-align:right;}
.xsblock3  li a{ color:#6F78A7;font-size:0.9em}
.xsblock3 h2{ margin:0px; overflow:hidden; padding:0px 0px 0px 10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:solid 1px #DDDDDD;}
#firendlink{line-height:22px;margin:10px auto;padding:9px 0 9px 9px;}
#firendlink a{color:#ff4d02;display:inline-block;margin:0 9px 0 0;}

.pages1{margin-bottom:5px;}
.pages{width:964px;border:2px solid #A6D3E8;padding:5px;margin-top:5px;}
.pagelink{text-align:center;padding:5px;}
.pagelink em{font-style:normal;border:1px solid #e5e5e5;background:#FFF;padding:5px;}
.pagelink first{border:1px solid #e5e5e5;background:#FFF;padding:5px;margin-left:2px;}
.pagelink a{border:1px solid #e5e5e5;background:#FFF;padding:5px;margin-left:2px;}
.pagelink a:hover{border:1px solid #88C6E5;background:#F4FBFF;padding:5px;margin-left:2px;}
.pagelink strong{border:1px solid #e5e5e5;background:#FFF;padding:5px;margin-left:2px;}
.pagelink kbd{border:1px solid #e5e5e5;background:#FFF;padding:5px;margin-left:2px;}

.xsblock4 {overflow:hidden;margin-top:10px}
.xsblock4 .con_top {display:none}
.xsblock4 #sidebar {float: left;}
.xsblock4 #sidebar .xian {height:1px;border-top:1px dashed #88C6E5;overflow:hidden;width:100%;}
.xsblock4 #sidebar #fmimg img {float:left;width:180px;height:auto}
.xsblock4 #maininfo {float: right;width: 780px;}
.xsblock4 #maininfo a{cursor: pointer;}
.xsblock4 #maininfo #info {font-size:15px;overflow:hidden;margin:10px 0 30px 0}
.xsblock4 #maininfo #info h1 {font-size:28px;font-family:"黑体";font-weight:bold; height:44px;line-height:44px;padding:1px;margin:auto;overflow:hidden;color:#Fff}
.xsblock4 #maininfo #info p {height:24px;line-height:24px;float:left;width:350px;margin:auto; overflow:hidden;color:#Fff}
.xsblock4 #maininfo #info a{color:#fff; text-decoration: underline;}
.xsblock4 #maininfo #intro {display:none}
.xsblock4 #list {    overflow: hidden;clear:both}
.xsblock4 #list ul {margin:auto;overflow:hidden;padding-bottom:1px;background:rgba(255,255,255,0.9)}
.xsblock4 #list ul .drama-tab{width:100%;overflow:hidden;background:#ededed;margin-bottom:10px;padding:5px 0}
.xsblock4 #list dt {display:inline; line-height:28px;float:left;margin:auto auto 5px auto;font-size:14px;padding:5px 10px;overflow:hidden;text-align:center;vertical-align:middle;}
.xsblock4 #list ul .drama-tab dt{padding:0;margin:0 10px }
.xsblock4 .title{height:50px;background:#ededed;box-shadow: 0px 2px 2px #888888;margin-bottom:5px}
.xsblock4 .title .n{font-size:1.2em;border-bottom:2px solid #ff5722;color:#333;margin-left:15px;margin-top:15px;line-height:40px;height:40px;padding:0 10px 8px;}
.xsblock4 #list ul li{margin-bottom:5px;padding-bottom:5px;line-height:40px;}

.xsblock4 #list ul li a{font-size:1.1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;color:#222;border-bottom:1px solid #e5e5e5;}
.xsblock4 #list ul li div{padding:5px 0;padding-left:3%;width:97%;line-height:40px;border-bottom:1px solid #e5e5e5;margin:5px 0}
.xsblock4 #list ul li div a{line-height:24px;;white-space: inherit;text-overflow: initial;font-size:0.95em;overflow:hidden;display:block;color:#666;border-bottom:none;}
.xsblock4 #list ul li div a:before {content: "";display: inline-block;width: .5rem;height: .5rem;overflow: hidden;margin-top: -3px;font-size: 0;border-radius: 100%;margin-right: .6rem;vertical-align: middle;border: 1px solid #ff9800;}
.xsblock4 #list ul li .current{color: #04be02;}
		



.xsblock4 #list ul .drama-tab dt.active a{color:#ff4d02}
.xsblock4 #list li {display:inline;float:left;line-height:200%;overflow:hidden;text-align:left;text-indent:10px;vertical-align:middle;width:100%;}
.xsblock4 #listtj {    clear: both;padding: 5px;    background: #f2f2f2; margin: 15px 0;}
.xsblock4 #list li a{color:#333} 
.xsblock4 #list .drama-list.cur{display:block!important}
.xsblock4 #maininfo #info p:nth-child(4){display:none}
.xsblock4 #maininfo #info p:nth-child(6){display:none}
.xsinfo-tro{margin:10px 0;font-size:0.9em;padding:10px 0;color:#666;background:#fff;text-indent: 1em;}
 .xsblock5{ overflow:hidden;}
.xsblock5 .bookname { line-height:30px; margin:auto;}
.xsblock5 .bookname h1 { text-align:center; font:25px/35px "黑体"; padding-top:10px;}
.xsblock5 .bottem { text-align:center; margin:auto 0;padding:15px 7px; clear: both !important;}
.xsblock5 .bottem a { font-size:14px; color:#085308; margin-left:10px; margin-right:10px;overflow: hidden;}
.xsblock5 .bookname .bottem1 {clear: both !important;margin: 5px;text-align: center;}
.xsblock5 .bottem a, .xsblock5 .bottem1 a, .xsblock5 .bottem2 a {color: #085308;font-size: 14px;margin-left: 10px;margin-right: 10px;}
.xsblock5 #lm{overflow: hidden;padding: 5px;text-overflow: ellipsis;white-space: nowrap;}
.xsblock5 #content, .xsblock5 #content div, .xsblock5 #content a { font-size: 19pt;letter-spacing: 0.2em;line-height: 150%;margin: auto; padding-top: 15px;width: 75%;}
table.grid caption, .gridtop {background-color:#E1ECED;border:solid 2px #C3DFEA;border-bottom:0px;font-size: 16px;font-weight: bold;margin: auto;padding-bottom: 5px;padding-top: 5px;text-align: center;vertical-align: middle;}
table.grid {width:100%;padding: 3px;}
table.grid td {background-color: #FFFFFF !important;border: 1px solid #f5f5f5; padding: 4px;font-size:0.9em}



@media (max-width: 1260px){

.xs-banner .item dl{width:500px}
.xsblock2 .content dl{width:180px}
.xsblock4 #maininfo{width:780px}
.xs-banner .marginauto{margin-left:-490px}
}
@media (max-width: 1100px){
.marginauto{width:780px}
.xs-banner .marginauto{margin-left:-390px}
.xsblock2 .content dl{width:240px}
.xsblock4 #maininfo{width:580px}
.xsblock4 #list dd{width:50%}
.xsblock5 #content, .xsblock5 #content div, .xsblock5 #content a{width:100%;font-size:1.2em}
.xsblock2 .content{width:50%}
.xsblock4 #maininfo #info{margin-bottom:20px}
.xsblock4 #maininfo #info p{line-height:15px;    text-overflow: ellipsis;white-space: nowrap;width:100%;color:#ccc;font-size:0.9em}
.xsblock4 #maininfo #info p a{color:#ccc;}
.xsblock4 #maininfo #info p:nth-child(3){display:none}
}
@media (max-width: 880px){
	.xsinfo-bg{padding-top:15px;}
	.marginauto{width:580px;}
	.xsblock2,.xsblock3,.xsblock4,.xsblock5,.xsinfo-tro{width:94%;margin-left:3%;margin-top:0}
	.xsinfo-tro{margin:15px 0;margin-left:3%;}
	.xs-banner .marginauto{margin-left:-290px}
	.xs-banner .item dl{width:400px}
	.xsblock3 li .s2{width:420px}
	.xsblock4 #list dd{width:100%}
	.xsblock4 .con_top{margin-left:2%;width:96%}
	.xsblock2 .content{width:100%}
	.xsblock2 .content dl{width:460px}
	.xsblock2 .content ul li{margin-right:15px;width:auto}
	.xsblock4 #maininfo{width:62%} 
	.xsblock4 #sidebar {width:34%}
	.xsblock4 #sidebar #fmimg img{width:100%;height:auto}
	.xsblock4 #list dd{text-indent:0}
	.xsblock4 #maininfo #info h1{font-size:1.1em}
}
@media (max-width: 600px){
	.marginauto{width:100%}	
	.xs-banner{background:url(/images/showbg.jpg) center center no-repeat;background-size:cover;}
	.xs-banner{height:auto;margin-top:0}
	.xs-banner .marginauto{width:100%;margin-left:0;left:initial;position:initial;margin-top:0}
	.xs-bannerlg{margin-top:0}
	.xs-banner .item{width:96%;margin-left:2%}
	.xs-banner .item dl{width:62%;margin-left:4%}
	.xs-banner .item img{ width:30%;padding:0;height:60%}
	.xsblock2 .content dl{width:66%;margin-left:4%}
	.xsblock2 .content img{ width:26%;padding:0;height:60%}
	.xsblock3 li .s2{width:260px}
	.xsblock4 #list dd{width:100%}
	.xsblock3 li a{font-size:1em}
	.xsblock5 #lm{display:none}
	.xsblock1 .item dl{margin-bottom:10px}
}
@media (max-width: 420px){
	.xsblock1 .item dl{width:64%;margin-left:2%}
	.xsblock3 li .s2{width:200px}
	.xsblock1 .item dl dd{font-size:0.85em;line-height:18px}
}
@media (max-width: 375px){
	body{font-size:13px}
	.xsinfo-bg{height:85px}
	.xsblock4 #maininfo #info p:nth-child(5){display:none}
	.xsblock4 #maininfo #info{margin-bottom:15px}
}
@media (max-width: 320px){
	body{font-size:12px}
	.xsblock4 #maininfo #info h1{font-size:1em}
}