@charset "utf-8";
*{padding:0;margin:0;}
html{font-size:87.5%;}
body{background:#fff;margin:0;padding:0;color:#777;font-size:100%;line-height:160%;word-break:break-all;word-wrap:break-word;font-family:"Microsoft Yahei",helvetica,arial;-webkit-text-size-adjust:none;}
img,p,h3,ul,li,dl,dd,dt,h2,h4{margin:0;border:0;padding:0}
a:active{outline:0 none}
a:focus{outline:0;}
a:link{color:#333;text-decoration:none}
a:hover{color:#0785D4;text-decoration:none}
a:visited{color:#333;text-decoration:none}
li{list-style:none}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;content:''}
.clearfix{zoom:1;}
input,select,textarea,button{font-size:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
button,input[type=button],input[type=submit]{cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0}
input[type=search]{-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder{color:transparent}
textarea{resize:vertical;overflow-y:auto}
.wrap{margin:0 auto;padding-top:5px;}
.wap{margin:0 auto;}
.none{display:none;}
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

.player{background:#000;height:540px;}

@media (min-width:0px) and (max-width:600px){
  .mb{margin-bottom:4%;}
  .index-body .mb:nth-child(n+10){display:none;}
  .wrap{width:96%;}
  .wap{width:98%;}
  .n10,.head .nav-pc-2,.head .nav-pc,.head .login,.ls,.head .search,.ylink,.footer,.content .desd .des1{display:none;}
  .index-tj li,.index-list-l li{width:31.3%;margin-right:1.5%;margin-left:.5%;}
  .index-tj .m3,.index-list-l .m3{margin-right:0;}
  .index-tj .img,.index-list-l .img{height:0;padding-bottom:140%;}
  .index-list-r{display:none;}
  .index-list-l .h1,.index-tj .h1{padding-left:.3%;}
  .topiclist li{width:32%;margin-right:2%;}
  .topiclist .m2{margin-right:0;}
  .topiclist .img{height:0;padding-bottom:70%;}
  .sy{display:none;}
  .content .pic{float:left;width:38%;height:0;padding-bottom:55%;overflow:hidden;}
  .content .info{margin-left:41%;}
  .content .desd .desmb{display:block;}
  .content .info dd{line-height:22px;height:22px;}
  .content .info dt.name{line-height:26px;height:26px;}
  .content .info dt.desd{line-height:22px;}
  .content .info dl>dd{overflow:auto;white-space:nowrap;}
  .content .c-r{width:100%;clear:both;padding-top:2%;}
  .urlli li{min-width:15%;margin:2.4% 2.4% 0 0;}
  .urlli .p2{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .wrap-player{margin:0;width:100%;}
  .search-body .head .search-mb{display:block;}
  .search-body .nav-sh{display:none;}
  .wrap-sr{margin-top:75px;}
  .player{height:250px;}
}
@media (min-width:601px) and (max-width:767px){
  .mb{margin-bottom:4%;}
  .index-body .mb:nth-child(n+9){display:none;}
  .wrap{width:96%;}
  .wap{width:98%;}
  .head .nav-pc,.head .nav-pc-2,.head .login,.nav-sh,.ylink,.footer{display:none;}
  .index-tj li,.index-list-l li{width:23.5%;margin-right:1.5%;}
  .index-tj .m5,.index-list-l .m5{margin-right:0;}
  .index-tj .img,.index-list-l .img{height:0;padding-bottom:140%;}
  .index-list-r,.c6{display:none;}
  .topiclist li{width:18%;margin-right:2.5%;}
  .topiclist .m4{margin-right:0;}
  .topiclist .img{height:0;padding-bottom:70%;}
  .content .pic{float:left;width:20%;height:0;padding-bottom:30%;overflow:hidden;}
  .content .info{margin-left:22%;}
  .content .info dd{float:left;width:50%;line-height:24px;height:24px;}
  .content .info dt.name{line-height:26px;height:26px;}
  .content .info dt.desd{line-height:24px;}
  .content .info dl>dd{overflow:auto;white-space:nowrap;}
  .content .c-r{width:100%;clear:both;padding-top:2%;}
  .urlli li{min-width:18%;margin:2.5% 2.5% 0 0;}
  .urlli .p2{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .player{height:330px;}
}
@media (min-width:768px) and (max-width:1023px){
  .list-tb:nth-child(1){display:none;}
  .wrap{width:800px;}
  .wap{width:800px;}
  .mb{margin-bottom:20px;}
  .index-body .mb:nth-child(n+9){display:none;}
  .n8,.c6,.sy-title .more,.head .nav-pc,.head .nav-mb{display:none;}
  .sjbg2{height:50px;width:50px;}
  .index-tj li{width:18.7%;margin-right:1%;margin-left:.3%;}
  .index-tj .m5{margin-right:0;}
  .index-tj .img{height:209px;}
  .index-tj .li-hv:hover .sjbg2{left:45px;top:70px;}
  .index-list-l{float:left;width:580px;}
  .index-list-r{float:right;width:200px;}
  .index-list-l .img{height:180px;}
  .index-list-l li{width:23.5%;margin-right:1.5%;}
  .index-list-l .m4{margin-right:0;}
  .index-list-r li{margin-bottom:12px;}
  .index-list-r li a{height:20px;line-height:20px;}
  .index-list-r li:nth-child(n+16){display:none;}
  .index-list-l .li-hv:hover .sjbg2{left:40px;top:65px;}
  .topiclist li{width:140px;margin-right:25px;}
  .topiclist .m4{margin-right:0;}
  .topiclist .img{height:100px;}
  .content .pic,.content .info{float:left;overflow:hidden;}
  .content .c-r{float:right;width:250px;}
  .content .pic{width:160px;height:240px;margin-right:20px;}
  .content .info{width:355px;}
  .content .info dt.name{line-height:24px;height:24px;}
  .content .info dd{line-height:22px;height:22px;}
  .content .info dt.desd{line-height:22px;}
  .urlli li{min-width:71px;margin:10px 10px 0 0;}
  .urlli .p1{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .player{height:410px;}
}
@media (min-width:1024px) and (max-width:1365px){
  .list-tb:nth-child(1){display:none;}
  .wrap{width:1000px;}
  .wap{width:1000px;}
  .mb{margin-bottom:20px;}
  .index-body .mb:nth-child(n+9){display:none;}
  .n8,.c6,.sy-title .more,.head .nav-mb{display:none;}
  .sjbg2{height:60px;width:60px;}
  .index-tj li{width:18.7%;margin-right:1%;margin-left:.3%;}
  .index-tj .m5{margin-right:0;}
  .index-tj .img{height:261px;}
  .index-tj .li-hv:hover .sjbg2{left:60px;top:100px;}
  .index-list-l{float:left;width:760px;}
  .index-list-r{float:right;width:220px;}
  .index-list-l .img{height:250px;}
  .index-list-l li{width:23.99%;margin-right:1%;}
  .index-list-l .m4{margin-right:0;}
  .index-list-r li{margin-bottom:21px;}
  .index-list-r li a{height:20px;line-height:20px;}
  .index-list-r li:nth-child(n+16){display:none;}
  .index-list-l .li-hv:hover .sjbg2{left:57px;top:95px;}
  .topiclist li{width:180px;margin-right:25px;}
  .topiclist .m4{margin-right:0;}
  .topiclist .img{height:130px;}
  .content .pic,.content .info{float:left;overflow:hidden;}
  .content .c-r{float:right;width:250px;}
  .content .pic{width:230px;height:310px;margin-right:20px;}
  .content .info{width:475px;}
  .content .info dt.name{line-height:35px;height:35px;}
  .content .info dd{line-height:30px;height:30px;}
  .content .info dt.desd{line-height:30px;}
  .urlli li{min-width:91px;margin:10px 10px 0 0;}
  .urlli .p1{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .player{height:490px;}
}
@media (min-width:1366px) and (max-width:1599px){
  .list-tb:nth-child(1){display:none;}
  .wrap{width:1200px;}
  .wap{width:1200px;}
  .mb{margin-bottom:20px;}
  .n8,.c6,.sy-title .more,.head .nav-mb{display:none;}
  .sjbg2{height:70px;width:70px;}
  .index-tj li{width:15.6%;margin-right:1%;}
  .index-tj .m5{margin-right:0;}
  .index-tj .img{height:262px;}
  .index-tj .li-hv:hover .sjbg2{left:75px;top:110px;}
  .index-list-l{float:left;width:940px;}
  .index-list-r{float:right;width:240px;}
  .index-list-l .img{height:249px;}
  .index-list-l li{width:18.99%;margin-right:1%;}
  .index-list-l .m4{margin-right:0;}
  .index-list-r li{margin-bottom:28px;}
  .index-list-r li a{height:20px;line-height:20px;}
  .index-list-r li:nth-child(n+14){display:none;}
  .index-list-l .li-hv:hover .sjbg2{left:75px;top:115px;}
  .topiclist li{width:220px;margin-right:25px;}
  .topiclist .m4{margin-right:0;}
  .topiclist .img{height:160px;}
  .content .pic,.content .info{float:left;overflow:hidden;}
  .content .c-r{float:right;width:250px;}
  .content .pic{width:230px;height:310px;margin-right:20px;}
  .content .info{width:675px;}
  .content .info dt.name{line-height:35px;height:35px;}
  .content .info dd{line-height:30px;height:30px;}
  .content .info dt.desd{line-height:30px;}
  .urlli li{min-width:111px;margin:10px 10px 0 0;}
  .urlli .p1{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .player{height:540px;}
}
@media (min-width:1600px){
  .list-tb:nth-child(1){display:none;}
  .wrap{width:1400px;}
  .wap{width:1400px;}
  .mb{margin-bottom:20px;}
  .n8,.c6,.sy-title .more,.head .nav-mb{display:none;}
  .sjbg2{height:80px;width:80px;}
  .index-tj li{width:13.2%;margin-right:1%;}
  .index-tj .m5{margin-right:0;}
  .index-tj .img{height:260px;}
  .index-tj .li-hv:hover .sjbg2{left:90px;top:135px;}
  .index-list-l{float:left;width:1100px;}
  .index-list-r{float:right;width:280px;}
  .index-list-l .img{height:292px;}
  .index-list-l li{width:18.99%;margin-right:1%;}
  .index-list-l .m4{margin-right:0;}
  .index-list-r li{margin-bottom:35px;}
  .index-list-r li a{height:20px;line-height:20px;}
  .index-list-r li:nth-child(n+14){display:none;}
  .index-list-l .li-hv:hover .sjbg2{left:90px;top:135px;}
  .topiclist li{width:260px;margin-right:25px;}
  .topiclist .m4{margin-right:0;}
  .topiclist .img{height:220px;}
  .content .pic,.content .info{float:left;overflow:hidden;}
  .content .c-r{float:right;width:250px;}
  .content .pic{width:230px;height:310px;margin-right:20px;}
  .content .info{width:875px;}
  .content .info dt.name{line-height:35px;height:35px;}
  .content .info dd{line-height:30px;height:30px;}
  .content .info dt.desd{line-height:30px;}
  .urlli li{min-width:131px;margin:10px 10px 0 0;}
  .urlli .p1{margin-right:0;}
  .list-tb li{width:23.5%;text-align:center;}
  .player{height:540px;}
}
@media (max-width:319px){
  .wrap{width:320px;}
  .wap{width:320px;}
}

.sjbgs{display:block;width:7px;height:5px;overflow:hidden;}
.sjbgx{display:block;width:7px;height:5px;overflow:hidden;}
.sjbg3{display:block;width:16px;height:10px;position:absolute;}
.sjbg2{position:absolute;display:block;}
.bg1{position:absolute;left:0;bottom:0;height:22px;width:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.bz{position:absolute;right:0;bottom:0;padding:0 2%;height:22px;line-height:22px;overflow:hidden;color:#fff;font-size:85%;}
.play-hv{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);}
.li-hv{cursor:pointer;}
.li-hv:hover .play-hv{opacity:0.6;filter:alpha(opacity=60);transition:opacity 300ms linear 0s;}
.li-hv:hover .sjbg2{opacity:1;}

/* CSS play triangle overlay (replaces missing PNGs) */
.sjbg2{
  opacity:0;
  border-style:solid;
  border-width:18px 0 18px 30px;
  border-color:transparent transparent transparent #fff;
  left:50%;top:50%;
  margin-left:-15px;margin-top:-18px;
  width:0;height:0;
  filter:drop-shadow(0 0 4px rgba(0,0,0,.5));
}
@media (min-width:768px) and (max-width:1023px){.sjbg2{border-width:14px 0 14px 24px;margin-left:-12px;margin-top:-14px;}}
@media (min-width:1024px) and (max-width:1365px){.sjbg2{border-width:17px 0 17px 28px;margin-left:-14px;margin-top:-17px;}}
@media (min-width:1600px){.sjbg2{border-width:22px 0 22px 36px;margin-left:-18px;margin-top:-22px;}}

.h1{height:36px;line-height:36px;margin-bottom:15px;font-size:150%;color:#000;border-bottom:2px solid #e5e5e5;}
.h1 a{color:#0785D4;}
.h1 span{border-bottom:2px solid #0785D4;margin-bottom:-2px;height:36px;display:inline-block;position:relative;}
.h1 .more{float:right;font-size:70%;}
.h2{height:40px;line-height:40px;overflow:hidden;margin-bottom:13px;font-size:120%;color:#000;border-bottom:2px solid #e5e5e5;}
.shadow{box-shadow:0 6px 12px rgba(0,0,0,0.2);}
.ico{background:url(/xcc/images/ico.png) no-repeat;}
.filter{opacity:0.95;filter:alpha(opacity=95);}

/* head */
.topall{width:100%;height:60px;background:#0785D4;z-index:9999;position:relative;}
.head{height:60px;padding-top:0;position:relative;z-index:999;}
.head .logo{float:left;width:auto;height:60px;}
.head .logo a{font-size:20px;color:#fff;height:60px;line-height:60px;font-weight:bold;padding:0 5px;}
.head .nav-pc{float:left;}
.head .nav-pc li{float:left;}
.head .nav-pc li.js1{position:relative;}
.head .nav-pc li .navb{font-weight:400;display:block;}
.head .nav-pc li .navb a{line-height:60px;color:#fff;font-size:115%;display:block;padding:0 15px;}
.head .nav-pc .v .navb a{color:#0785d4}
.head .nav-pc .v .navb{background:#fff;}
.head .nav-pc .js1 .sjbgs,.head .nav-pc .js1 .sjbgx{position:absolute;right:0;top:28px;margin-right:5px;}
.head .nav-pc .js1 .sjbgs{background-position:-145px -2px;}
.head .nav-pc .js1 .sjbgx{background-position:-145px -15px;width:0;}
.head .nav-pc .v .sjbgs{width:0;}
.head .nav-pc .v .sjbgx{width:7px;}
.head .nav-pc .navb a:hover,.head .nav-pc li.on .navb a{background:#fff;color:#0785d4}
.head .nav-pc .nav-down{position:absolute;border:1px solid #0785d4;border-top:0;left:-1px;top:60px;width:245px;padding:20px 0 5px 15px;background:#fff;display:none;}
.head .nav-pc .nav-down li{float:left;text-align:center;padding:0 10px 15px 0;}
.head .nav-pc .nav-down li a{font-size:110%;line-height:34px;width:70px;float:left;display:block;border-radius:3px;}
.head .nav-pc .nav-down li a:hover{background:#0785d4;color:#fff;}

.head .search{width:200px;margin:0 15px;height:30px;margin-top:15px;float:right;background:#0570AF;position:relative;}
.head .search input{border:0 none;}
.head .search .input{float:left;border:0;background:transparent;color:#fff;line-height:30px;height:30px;width:160px;padding:0 5px;}
.head .search .input::-webkit-input-placeholder{color:#c5dff0;}
.head .search .imgbt1,.head .search .imgbt2{position:absolute;top:0;right:0;}
.head .search .imgbt1{float:left;border:0 none;width:30px;height:30px;background-position:-104px 5px;cursor:pointer;}
.head .search .imgbt2{width:0;}
.head .shcur .imgbt2{float:left;border:0 none;width:30px;height:30px;background-position:-74px 5px;cursor:pointer;}
.head .shcur .imgbt1{width:0;}
.head .shcur,.head .shcur .input{background:#fff;color:#333;}

.head .ls{position:relative;float:right;}
.head .ls .lsjl{width:180px;border:1px solid #0785d4;border-top:0;position:absolute;top:60px;right:-1px;display:none;padding:10px;background:#fff;}
.head .ls li.js1{display:block;float:left;}
.head .ls .ls1{display:block;line-height:60px;color:#fff;padding:0 15px;}
.head .ls .v .ls1{background:#fff;color:#0785D4;}
#mh-ul li a{display:block;padding:0 5px;line-height:26px;height:26px;overflow:hidden;}
#mh-ul li a:hover{background:#f6f6f6;}
.head .login li.js1{position:relative;display:block;float:right;width:22px;height:60px;padding-left:15px;}
.head .login .bglogin{display:inline-block;margin-top:18px;width:22px;height:22px;background:url(/xcc/images/login.png) no-repeat center center;background-size:contain;}

.head .nav-pc-2{float:left;margin-left:15px;}
.head .nav-pc-2 li.js1{position:relative;display:block;float:left;padding:0 15px;}
.head .nav-pc-2 .js1 .navb{font-size:120%;color:#fff;line-height:60px;float:left;font-weight:400;padding-left:5px;}
.head .nav-pc-2 .js1 .pc1bg,.head .nav-pc-2 .js1 .pc2bg{display:inline-block;margin-top:19px;float:left;height:24px;overflow:hidden;}
.head .nav-pc-2 .js1 .pc1bg{background-position:0 0;width:22px;}
.head .nav-pc-2 .js1 .pc2bg{background-position:-22px 0;width:0;overflow:hidden;}
.head .nav-pc-2 .v .pc1bg{width:0;overflow:hidden;}
.head .nav-pc-2 .v .pc2bg{background-position:-22px 0;width:22px;}
.head .nav-pc-2 li.v{background:#fff;}
.head .nav-pc-2 li.v .navb{color:#0785D4;}
.head .nav-pc-2 .nav-down-pc{border:1px solid #0785d4;border-top:0;position:absolute;left:-1px;top:60px;width:325px;padding:20px 0 5px 15px;background:#fff;display:none;}
.head .nav-pc-2 .nav-down-pc li{float:left;text-align:center;padding:0 10px 15px 0;}
.head .nav-pc-2 .nav-down-pc li a{float:left;display:block;font-size:110%;line-height:34px;width:70px;border-radius:3px;}
.head .nav-pc-2 .nav-down-pc li a:hover{background:#0785d4;color:#fff;}

.head .nav-mb{line-height:60px;}
.head .nav-mb .nav-sj{float:left;margin-left:3%;}
.head .nav-mb .nav-sh{float:right;}
.head .nav-mb li{padding:0 15px;}
.head .nav-mb .navb{font-size:120%;color:#fff;line-height:60px;float:left;font-weight:400;padding-left:5px;}
.head .nav-mb .nav-sj .pc1bg,.head .nav-mb .nav-sj .pc2bg{display:inline-block;margin-top:19px;float:left;height:24px;overflow:hidden;}
.head .nav-mb .nav-sj .pc1bg{background-position:0 0;width:22px;}
.head .nav-mb .nav-sj .pc2bg{background-position:-22px 0;width:0;}
.head .nav-mb .shcur .pc1bg{width:0;overflow:hidden;}
.head .nav-mb .shcur .pc2bg{background-position:-22px 0;width:22px;}
.head .nav-mb .shcur li{background:#fff;}
.head .nav-mb .shcur .navb{color:#0785D4;}
.head .nav-mb .nav-sh .navb{padding-left:0;}
.head .nav-down-mb{width:92%;padding:4%;background:#fff;display:none;position:absolute;left:0;top:60px;}
.head .nav-down-mb li{float:left;text-align:center;width:25%;padding:2% 0;}
.head .nav-down-mb li a{font-size:120%;line-height:40px;display:block;border-radius:3px;}
.head .nav-down-mb li a:hover{background:#0785d4;color:#fff;}
.search-mb{display:none;background:#0785D4;padding:10px;}
.search-mb .input{width:80%;height:36px;line-height:36px;border:0;padding:0 8px;}
.search-mb .imgbt{width:18%;height:36px;border:0;background:#0570AF;color:#fff;}

/* index list */
.index-list{margin-bottom:20px;}
.index-list-l{float:left;}
.index-list-r{float:right;}
.index-list-l .h1,.index-list-r .h1{padding-left:10px;}
.index-list-l li{float:left;overflow:hidden;}
.index-list-l .img{position:relative;overflow:hidden;}
.index-list-l .img img{width:100%;height:100%;display:block;object-fit:cover;}
.index-list-l .text{padding-top:5px;}
.index-list-l .name{height:22px;line-height:22px;overflow:hidden;font-size:95%;color:#333;}
.index-list-l .zy{height:20px;line-height:20px;overflow:hidden;font-size:80%;color:#999;}
.index-list-r li{border-bottom:1px dotted #e4e4e4;}
.index-list-r li a{display:block;padding:6px 0;position:relative;}
.index-list-r li a:hover{background:#f6f6f6;}
.index-list-r .i{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#ccc;color:#fff;font-size:85%;margin-right:6px;font-style:normal;}
.index-list-r .i1,.index-list-r li:nth-child(1) .i{background:#e14238;}
.index-list-r .i2,.index-list-r li:nth-child(2) .i{background:#f37800;}
.index-list-r .i3,.index-list-r li:nth-child(3) .i{background:#f7ba00;}
.index-list-r .i4{background:#0785D4;}
.index-list-r .qt{float:right;color:#999;font-size:85%;max-width:100px;overflow:hidden;height:20px;line-height:20px;}

/* topic */
.topiclist{margin-bottom:20px;}
.topiclist ul{padding:0 10px;}
.topiclist li{float:left;overflow:hidden;}
.topiclist .img{position:relative;overflow:hidden;}
.topiclist .img img{width:100%;height:100%;display:block;object-fit:cover;}
.topiclist .name{padding-top:5px;height:22px;line-height:22px;overflow:hidden;text-align:center;}

/* content / detail */
.content{padding:10px;}
.content .pic{overflow:hidden;}
.content .pic img{width:100%;height:100%;display:block;object-fit:cover;}
.content .info{overflow:hidden;}
.content .info dt.name{font-size:150%;color:#000;font-weight:bold;}
.content .info dd{color:#666;}
.content .info dd b{color:#333;font-weight:normal;}
.content .info dd a{color:#0785D4;margin-right:4px;}
.content .info dd a:hover{text-decoration:underline;}
.content .info .desd{clear:both;padding-top:8px;}
.content .info .desd .aa{color:#0785D4;cursor:pointer;}
.content .info .desd .desmb{display:none;}
.content .info .desd .des2{display:none;}
.content .info .desd .sdes .des1{display:block;}
.content .info .desd .alldes:not(.sdes) .des2{display:block;}
.content .info .desd .alldes:not(.sdes) .des1{display:none;}
.content .c-r{overflow:hidden;}

/* playlist */
.taba-down{margin-top:15px;}
.pfrom{border-bottom:2px solid #0785D4;margin-bottom:10px;}
.pfrom ul{padding:0 10px;}
.pfrom li{display:inline-block;}
.pfrom li.ptype{padding:8px 16px;cursor:pointer;color:#333;font-size:15px;}
.pfrom li.ptype.on{background:#0785D4;color:#fff;}
.pfrom li.g{display:none;}
.plist{padding:0 10px 10px;}
.plist .info{color:#999;font-size:85%;padding:5px 0;}
.url ul.urlli{overflow:hidden;}
.urlli li{float:left;}
.urlli li a{display:block;text-align:center;border:1px solid #e4e4e4;border-radius:3px;padding:6px 10px;color:#333;}
.urlli li a:hover{border-color:#0785D4;color:#0785D4;}
.urlli li a.active{background:#0785D4;color:#fff;border-color:#0785D4;}

/* page */
.page{text-align:center;padding:15px 0;}
.page a,.page span,.page em{display:inline-block;font-style:normal;padding:5px 12px;border:1px solid #e4e4e4;margin:0 3px;}
.page em{border-color:#0785D4;background:#0785D4;color:#fff;}
.page a:hover{border-color:#0785D4;color:#0785D4;}
.page .disabled{color:#ccc;}

/* footer */
.footer{background:#f6f6f6;width:100%;margin:0 auto;text-align:center;padding:20px 0;color:#999;font-size:85%;line-height:1.8;}
.footer p{margin-bottom:5px;}
.gotop{position:fixed;_position:absolute;z-index:10;bottom:100px;right:10px;width:42px;height:42px;display:none;}
.gotop a.gotopbg{display:block;width:42px;height:42px;background:#0785D4;border-radius:50%;cursor:pointer;position:relative;}
.gotop a.gotopbg:after{content:'';position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-3px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff;}

/* search */
.search-result li{padding:10px 0;border-bottom:1px dotted #e4e4e4;overflow:hidden;}
.search-result .img{float:left;width:120px;height:160px;overflow:hidden;}
.search-result .img img{width:100%;height:100%;object-fit:cover;}
.search-result .text{margin-left:135px;}
.search-result .name{font-size:120%;color:#000;padding-bottom:8px;}
.search-result .desc{color:#999;font-size:90%;line-height:1.8;}

/* tip bar */
.tip-bar{margin-top:6px;margin-bottom:8px;background-color:#E9E9E9;padding:6px 10px;}
.tip-bar p{margin-left:5px;}

/* related (detail bottom) */
.related-box{padding:10px;}
.related-box .index-list-l{float:none;width:100% !important;}
.related-box .index-list-r{display:none;}

/* lines/台词 */
.lines-section{background:#fff;border-radius:6px;padding:20px;margin-bottom:20px;}
.lines-section .h1{margin-bottom:15px;}
.lines-grid{display:flex;flex-wrap:wrap;gap:0;}
.lines-grid .line-card{width:50%;padding:0 10px 16px;box-sizing:border-box;}
.lines-grid .line-inner{background:#f9f9f9;border-radius:6px;padding:16px;height:100%;border-left:3px solid #0785D4;transition:box-shadow .2s;}
.lines-grid .line-inner:hover{box-shadow:0 2px 8px rgba(7,133,212,.15);}
.lines-grid .line-text{font-size:14px;line-height:1.7;color:#333;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px;}
.lines-grid .line-source{font-size:12px;color:#999;}
.lines-grid .line-source a{color:#0785D4;}
.lines-grid .line-source .role{color:#666;margin-right:8px;}
@media(max-width:767px){.lines-grid .line-card{width:100%;padding:0 0 12px;}}
@media(min-width:768px) and (max-width:1023px){.lines-grid .line-card{width:50%;}}
.cat-textlinks{clear:both;padding:10px 0 2px;overflow:hidden;border-top:1px dashed #eee;margin-top:6px;}
.cat-textlinks a{display:block;float:left;width:25%;box-sizing:border-box;padding:5px 8px 5px 0;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cat-textlinks a span{float:right;color:#999;font-size:12px;}
.cat-textlinks a:hover{color:#0785D4;}
.cat-textlinks a:hover span{color:#0785D4;}
@media(max-width:1023px){.cat-textlinks{display:none;}}