*,:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,header,main,nav,section {display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,header,hgroup,menu,nav,section,main {margin:0;padding:0;}
body {background-color:#f1f4f9;color:#333;font:16px/1.75em Arial,'Microsoft Yahei';overflow-x:hidden;width:100%;}
table {background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th {background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th {padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}
a {text-decoration:none;outline:none;color:#333;}
a:focus {outline:none;-moz-outline:none;}
a:hover {color:#3297fc;}
a img {border:none;vertical-align:middle;}
.red {color:#ff1313;}
img {max-width:100%;}
li {list-style:none;}
em,i {font-style:normal;}
select,input,textarea {border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;}
input:focus,input,button,select,textarea {outline:none;}
textarea {resize:none;}
/*全局样式*/
.inner {width:1280px;margin:0 auto;}
.bg {background-color:rgba(0,0,0,.3);position:fixed;left:0;top:65px;width:100%;height:100%;z-index:6;display:none;}
.clear {clear:both;height:0px;overflow:hidden;}
img.alignleft {float:left;margin:0 15px 15px 0;}
img.aligncenter {display:block;margin:0 auto;}
img.alignright {float:right;margin:0 0 15px 15px;}
.bottom {margin-bottom:15px;}
/*图片旋转*/
.revolve img {-webkit-transition:all .5s}
.revolve:hover img {-webkit-transform:rotateY(360deg)}
/*全站头部*//*header*/
.header {background-color:#3297fc;padding:25px 0;}
.header .inner {overflow:hidden;}
.header .right {float:right;width:40%;}
.logo {float:left;}
.logo a img {display:block;overflow:hidden;width:288px;height:82px;background:no-repeat 0 0;background-size:contain;text-indent:-99999em;}
.wapbtn {float:right;padding:12px 0;display:none;}
.searchbtn {width:21px;height:21px;background:url(../images/icon_ss.png) no-repeat center center;background-size:contain;cursor:pointer;float:left;}
.navbtn {width:26px;height:21px;background:url(../images/icon_nav.png) no-repeat center center;background-size:contain;cursor:pointer;float:left;margin-left:15px;display:inline-block;}
/*searchbox*/.topsearch {background-color:#fff;border-radius:5px;overflow:hidden;position:relative;padding-right:80px;margin-top:10px;}
.topsearch .submit {background-color:#2277E6;color:#fff;position:absolute;right:0;top:0;height:44px;width:80px;font-size:16px;cursor:pointer;-webkit-appearance:none;}
.topsearch .text {border:none;height:42px;line-height:42px;padding:10px 2%;width:96%;display:block;-webkit-appearance:none;font-size:16px;}
.searchtags {color:#eee;font-size:14px;line-height:2em;margin-right:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.searchtags a {color:#efefef;padding:0 5px;}
.searchtags a:hover {color:#fff;}
/*bar*/
.bar {background-color:#fff;border-bottom:1px solid #e6e6e6;}
.bar .inner {position:relative;}
/*nav*/.nav ul {height:52px;}
.nav li {float:left;font-size:14px;line-height:32px;padding:10px 2%;position:relative;}
.nav li:after {width:1px;height:14px;background-color:#e4e4e4;content:'';display:block;position:absolute;right:0;top:50%;margin-top:-7px;}
.nav li a {display:block;font-size:16px;}
.nav li ul {position:absolute;left:-1px;top:100%;width:100%;background-color:#fff;height:auto;border:1px solid #e6e6e6;z-index:2;padding:5px 0;display:none;}
.nav li li {padding:0;text-align:center;float:none;}
.nav li li:after {display:none;}
.nav li li a {padding:0 5px;}
.nav li.cur > a {color:#3297fc;}
.nav li em {display:none;}
.nav li:last-child:after {display:none;}
/*social*/
.social {position:absolute;right:0;top:12px;}
.social ul {font-size:0;line-height:normal;text-align:center;}
.social li {display:inline-block;line-height:28px;font-size:14px;padding-left:10px;position:relative;}
.social li a {display:block;overflow:hidden;}
.social li i {width:28px;height:28px;display:inline-block;vertical-align:middle;background:#777 no-repeat center center;border-radius:50%;margin-right:5px;}
.social li.wx i {background-image:url(../images/icon_qq.png);background-color:#15c434;}
.social li.wb i {background-image:url(../images/icon_qqq.png);background-color:#e71f19;}
/*底部*/
.copyright {background-color:#282828;padding:1.5% 0;text-align:center;color:#63696E;font-size:12px;line-height:1.75em;text-transform:uppercase;border-top:1px solid #8E8E8E;background:#1F272B;display:block;}
.copyright p {padding:3px 0;}
.copyright a:hover {color:#F59013;}
.copyright a {color:#63696E;padding:0 10px;}
@media only screen and (max-width:760px) {.inner1 {display:none;}
}
/*友链*/
.hmlinks {background-color:#fff;clear:both;}
.hmlinks ul {overflow:hidden;}
.hmlinks li {float:left;padding:3px 1.535% 3px 0;font-size:14px;}
.boxtop {border-bottom:1px solid #ddd;overflow:hidden;line-height:30px;margin-bottom: 10px;}
.box {background:#fff;box-sizing:border-box;padding:15px;}
.boxtop h2,.boxtopx h2, .tagslist .boxtop h3{float:left;font-size:16px;color:#3c3c3c;position:relative;padding-left:15px;}
.boxtop h2:before,.boxtopx h2:before {width:5px;height:12px;background-color:#3297fc;border-radius:2.5px;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;}
.boxtop span,.boxtopx span {display:block;float:right;font-size:14px;font-weight:lighter;}
.boxtop span a,.boxtopx span a {display:block;color:#3297fc;}
.tagslist .boxtop h3{font-weight: bold;}
#scroll {width:40px;float:right;position:fixed;right:20px;bottom:35px;z-index:9999;}
#scroll .kkk {display:none;}
#scroll li {border:0;font-family:inherit;font-size:100%;font-style:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
#scroll li span,#scroll li a {font-size:18px;color:#777;width:40px;height:40px;line-height:40px;text-align:center;vertical-align:middle;margin-top:5px;display:block;cursor:pointer;background:#fff;border:1px solid #aeaeae;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;box-shadow:0 1px 1px rgba(0,0,0,.04);}
@media only screen and (max-width:1456px) {.inner {width:93.75%;}
}
@media only screen and (max-width:1024px) {.header .right {width:50%;}
    .logo a img {width:218px;height:62px;}
    .topsearch .text {padding-top:5px;padding-bottom:5px;}
    .topsearch {margin-top:0;height:34px;}
    .topsearch .submit {height:34px;}
}
@media only screen and (max-width:1200px) {.flink {padding:20px 15px 15px 15px;}
}
@media only screen and (max-width:960px) {.nav li {padding-right:1.3%;padding-left:1.3%;}
    .copyright p {padding:0;}
}
@media only screen and (max-width:768px) {.box {padding:10px;}
    .bottom {margin-bottom:10px;}
    #scroll {width:28px;right:5px;}
    #scroll li span,#scroll li a {font-size:13px;width:28px;height:28px;line-height:28px;}
    .header {padding:6px 0;position:relative;}
    .header .right {position:fixed;top:0;left:0;height:auto;width:100%;padding:12px 3.125%;background-color:#f1f1f1;z-index:3;display:none;}
    .header .right.show {display:block;}
    .wapbtn {display:block;}
    .topsearch {padding-right:60px;}
    .topsearch .text {padding-top:8px;padding-bottom:8px;height:35px;line-height:20px;font-size:14px;}
    .topsearch .submit {height:36px;font-size:14px;width:60px;}
    .searchtags {display:none;}
    .logo a img {width:158px;height:45px;}
    body.show {position:fixed;overflow:hidden;left:0;top:0;width:100%;}
    .bar {position:fixed;left:-180px;top:56px;width:180px;height:100%;z-index:8;transition:left .3s;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    .bar.show {left:0;}
    .bar .inner {width:auto;position:static;margin-bottom:65px;}
    .nav {margin-right:0;}
    .nav ul {height:auto;padding:15px 0 60px;}
    .nav li {float:none;padding:0;}
    .nav li:after {display:none;}
    .nav li a {padding:4px 2em;}
    .nav li em {display:block;position:absolute;left:0;top:0;width:100%;height:40px;cursor:pointer;}
    .nav li em:after {content:'';display:block;width:7px;height:7px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);position:absolute;right:1em;top:50%;margin-top:-6px;transition:all .3s;}
    .nav li em.on:after {transform:rotate(-135deg);margin-top:-2px;}
    .nav li ul {position:static;left:auto;top:auto;width:auto;border:none;background-color:transparent;padding:0;}
    .nav li ul.show {display:block;}
    .nav li li {text-align:left;}
    .nav li li a {padding:4px 1em 4px 3em;}
    .social {position:fixed;right:auto;left:-180px;top:auto;width:180px;overflow:hidden;z-index:9;bottom:0;background-color:#fff;padding:15px 0;transition:left .3s;}
    .social.show {left:0;}
    .social li {padding:0 10px;margin-bottom: 10px;}
    .boxtop {padding:6px 15px 5px;}
    .hmlinks ul {padding:10px}
    .hmlinks li {padding:3px 5px;}
    .bg {top:56px;}
}
.tj {white-space:nowrap;}
.tj li:hover a {color:#037d4e;}
.tab-list-item {display:none;}
.top_recommend li {width:9.09%;margin-right:1%;border-radius:0;}
.top_recommend .item {display:inline-block;position:relative;margin-right:1.9%;vertical-align:middle;font-weight:500;cursor:pointer;width:100px;text-align:center;}
.top_recommend .thumbnail {display:block;overflow:hidden;height:108px;}
.top_recommend .thumbnail img {height:80px;width:80px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.top_recommend .item .title {text-overflow:unset;width:95%;font-weight:400;padding:6px;font-size:14px;}
.top3 .tips {position:absolute;top:4px;left:2px;z-index:1;color:#fff;font-size:12px;/* font-weight:700;*/    -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.top3::after {content:"";position:absolute;top:0;left:10px;margin-left:-10px;width:0;height:0;border-top:45px solid #f65220;border-right:45px solid transparent;}
@media screen and (max-width:1011px) {.top_recommend .thumbnail {height:80px;}
    .top_recommend .thumbnail img {height:60px;width:60px;}
    .top_recommend .item .title {width:100%;font-size:12px;padding:0;}
    .top_recommend .item {margin-right:6%;width:60px;}
}
.containera {margin-top:15px;}
.containera:before,.containera:after {content:" ";display:table;}
.containera:after {clear:both;}
/*slides*/
#slides {float:left;overflow:hidden;position:relative;z-index:1;}
#slides .slidesitem {position:relative;height:335px;}
.wrap {overflow:hidden;}
.featured .item {overflow:hidden;font-size:0.875em;}
.thumbnail {overflow:hidden;}
.featured .thumbnail a {display:block;background-color:#eee;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.featured .thumbnail a {position:relative;overflow:hidden;display:block;}
.owl-carousel img {width:100%;height:auto;}
.featured img {left:0;top:0;width:100%;height:auto;min-height:100%;object-fit:cover;}
.featured p,.box .top p {text-align:center;padding:5px 10px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thbn-title {position:absolute;width:100%;bottom:0px;left:0;background-color:#000;color:#fff;font-size:14px;opacity:0.5;height:44px;line-height:44px;box-sizing:border-box;padding:0 10px;}
.thbn-title span {display:block;width:85%;text-overflow:ellipsis;white-space:nowrap;transition:0.3s ease-out;overflow:hidden;text-align:left;}
.wap_margintop1,.wap_margintop2,.wap_margintop3 {position:relative;min-height:1px;padding-left:5px;padding-right:5px;float:left;}
.owl-carousel {display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;touch-action: pan-y pinch-zoom;}
.owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer {position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:14px;height:24px;position:absolute;top:50%;margin-top:-12px;}
.owl-carousel .owl-nav .owl-prev {background:url(../images/arrows.png) no-repeat 0 0;left:10px;}
.owl-carousel .owl-nav .owl-next {background:url(../images/arrows.png) no-repeat 0 -36px;right:10px;}
.owl-carousel.owl-loaded {display:block;}
.owl-carousel.owl-loading {opacity:0;display:block;}
.owl-carousel.owl-hidden {opacity:0;}
.owl-carousel.owl-refresh .owl-item {visibility:hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-dots {position:absolute;bottom:0px;width:100%;left:0;}
.thumbnail .txt_bj {left:0;bottom:0;width:100%;height:48px;background:#000;filter:Alpha(Opacity=70);opacity:0.7;}
.thumbnail span {display:block;position:absolute;}
.thumbnail .txt {left:0;bottom:0;width:98%;height:48px;line-height:48px;line-height:48px;font-size:18px;text-align:center;overflow:hidden;color:#fff;}
.indeximg {position:relative;}
.indeximg img {max-width:100%;min-width:100%;min-height:100%;}
h3 {font-weight:normal;}
.thumbnail  .jian {right:0;top:0;width:50px;height:50px;background:url(../images/sslc_pg.png) no-repeat;}
.a_hover {width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:107%;background:#fff;-webkit-transition:top .4s;-moz-transition:top .4s;-ms-transition:top .4s;-o-transition:top .4s;transition:top .4s;}
.a_hover a {display:block;width:100%;height:100%;}
.a_hover .title {width:100%;height:98%;height:60px;line-height:60px;overflow:hidden;color:#fff;font-size:18px;background:#3297fc;text-align:center;}
.a_hover .p_intro {/*height:173px;*/margin-top:8px;line-height:30px;overflow:hidden;padding:0 19px;color:#666;font-size:14px;}
.a_hover .p_link {text-align:center;margin-top:20px;}
.a_hover .p_link span {display:inline-block;width:92px;height:28px;line-height:28px;color:#f44334;font-size:14px;border:1px solid #f44334;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.hover .a_hover {top:0;}
.a_hover h3 {font-weight:normal;}
.owl-item  li:hover .a_hover {top:0;}
.owl-item .p_link span:hover {background-color:#00b3fe;border:1px solid #00b3fe;color:#ffffff;}
@media only screen and (max-width:1100px) {#featured .a_hover {display:none;}
    .indeximg {height:370px;}
}
@media (min-width:992px) {.wap_margintop1 {width:41.66666667%;}
    .wap_margintop2 {width:33.33333333%;}
    .wap_margintop3 {width:25%;}
}
@media only screen and (max-width:1356px) and (min-width:992px) {.slidesitem h3 img {height:291px;}
}
@media only screen and (max-width:992px) {.wap_margintop1 {width:100%;height:100%;}
    #slides .slidesitem,.owl-carousel img {height:auto;}
    .wap_margintop2,.wap_margintop3 {width:50%;height:auto;top:10px;margin-bottom:10px;}
    .indeximg {height:360px;}
}
@media only screen and (max-width:520px) {.wap_margintop2,.wap_margintop3 {width:100%;height:auto;padding-left:0px;padding-right:0px;}
    .wap_margintop1 {padding-left:0px;padding-right:0px;}
}
@media only screen and (max-width:420px) {.indeximg {height:285px;}
}
@media screen and (max-width:1200px) {.top3::after {content:"";position:absolute;top:0;left:10px;margin-left:-10px;width:0;height:0;border-top:45px solid #f65220;border-right:45px solid transparent;}
}
.thleftcon {width:100%;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.08);box-sizing:border-box;}
.thhotnews {width:100%;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.08);padding:15px;box-sizing:border-box;height:335px;}
.thhotnews .iconhot {display:block;background:#3297fc;background:linear-gradient(-45deg,#32b6ff,#4276ff);background:-webkit-gradient(-45deg,linear,left,right,#32b6ff),to(#4276ff);background:-moz-linear-gradient(-45deg,left,#32b6ff,#4276ff);background:-webkit-linear-gradient(-45deg,left,#32b6ff,#4276ff);background:-o-linear-gradient(-45deg,left,#32b6ff,#4276ff);font-size:15px;color:#fff;width:110px;height:30px;line-height:30px;text-align:center;border-radius:15px;font-weight:normal;}
.thhotnews .iconhot i {margin-right:5px;}
.thhotnews_con .title {font-weight:normal;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.thhotnews_con .title:hover {color:#3297fc;}
.thhotnews_con .intro {font-weight:normal;height:44px;line-height:22px;overflow:hidden;font-size:13px;color:#999;margin-top:5px;text-indent:2em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.thjingxuan {width:100%;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.08);box-sizing:border-box;padding:15px;overflow:hidden;}
.thhotnews_con {margin-top:10px;}
.thhotnews_con li {margin-bottom:15px;border-bottom:1px solid #eaeaea;}
.th-img {width:100%;object-fit:cover;}
.gundong-img-height {}
.th-ad1 {height:100px;}
.jsimg-height {height:100px;}
.jsimg-toux {height:110px;width:110px;border:5px solid #fff;position:absolute;left:50%;margin-left:-54px;top:35px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.thjs_infor {margin:0 auto;text-align:center;margin-top:50px;}
.thleftcon-2 {padding:0 10px;}
.thleftcon-2 p {text-indent:2em;line-height:22px;font-size:13px;color:#71767a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:10px;}
.aut_count {overflow:hidden;margin-top:10px;text-align:center;}
.aut_count a {border-radius:7px;color:#00b3fe;border:1px solid #00b3fe;display:inline-block;width:50%;height:30px;text-align:center;line-height:30px;}
.aut_count a:hover {background:#00b3fe;border:1px solid #00b3fe;color:white;}
/*合辑列表*/
.erx-flex {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.erx-special-list li {width:23.5%;margin-bottom:2%;transition:all .3s linear;border:1px #eee solid;padding:0 0 1.5em;}
.erx-m-box {background:#fff;border-radius:6px;padding:1.5em;box-sizing:border-box;box-shadow:0 0 20px 0 rgb(0 0 0 / 8%);}
.erx-special-list li .p {display:block;padding-top:60%;border-radius:0;}
.erx-pic-box {height:0;border-radius:1em;}
.erx-pic-box {position:relative;overflow:hidden;}
.erx-special-list li .p img {border-radius:3px 3px 0 0;}
.erx-cover-pic a img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit:cover;";-webkit-transition:-webkit-transform 450ms;transition:-webkit-transform 450ms;-o-transition:transform 450ms;transition:transform 450ms;transition:transform 450ms,-webkit-transform 450ms;}
.erx-special-list li:hover img {-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.erx-special-list li .p span {position:absolute;bottom:5%;right:0;color:#fff;font-size:12px;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:3px 0 0 3px;}
.erx-special-list li .tit {display:block;margin:15px;font-size:1.2em;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.erx-special-list li .des {height:4.75em;margin:.5em 15px;line-height:1.6;color:#999;overflow:hidden;}
.erx-special-list li .tit i {display:inline-block;font-size:12px;font-weight:normal;color:#f60;height:18px;line-height:18px;border:1px solid #f60;border-radius:3px;margin:-2px 6px 0 0;padding:0 3px;vertical-align:middle;}
.erx-special-list li .into {display:block;width:52%;line-height:2.2em;margin:1.5em auto 0;color:#ffb996;border:1px #ffb996 solid;border-radius:3px;transition:all .3s linear;}
.erx-tct {text-align:center;}
.erx-special-list li:hover .into {color:#fff;background:#f60;border-color:#f60;}
.erx-special-list::after {content:'';width:23.5%;height:0;}
.erx-apps-list li:hover,.erx-special-list li:hover {transform:translateY(-3px);box-shadow:0 0 20px 0 rgb(0 0 0 / 30%);}
@media screen and (max-width:1100px) {.erx-special-list li {width:49%;}
}
@media screen and (max-width:720px) {.erx-special-list li {width:100%;}
}
.title-topic {margin-bottom:1rem;}
.title-topic {display:inline-block;background:#f2f5f9;border-radius:55px;height:35px;position:relative;padding-left:35px;padding-right:15px;line-height:35px;overflow:hidden;font-size:18px;}
.title-topic .i {display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:10px;top:8px;overflow:hidden;background-color:#21b47c;color:#fff;font-size:14px;}

#boxList {width:102%;overflow:hidden;}
#boxList .item {float:left;width:25%;padding-right:2%;padding-bottom:2%;position:relative;}
#boxList .istop {background-color:#F04848;color:#fff;width:23px;padding:5px;position:absolute;left:10px;top:0;z-index:3;font-size:12px;line-height:1.35em;border-radius:0 0 3px 3px;}
#boxList .thumbnail {transition:all .3s;border-bottom: 1px solid #ddd;margin-bottom:10px;position:relative;overflow:hidden;display:block;padding-bottom:53%;position:relative;}
#boxList .thumbnail img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;font-family:"object-fit:cover;";-webkit-transition:-webkit-transform 450ms;transition:-webkit-transform 450ms;-o-transition:transform 450ms;transition:transform 450ms;transition:transform 450ms,-webkit-transform 450ms;}
#boxList h3 {font-weight: bolder;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.5em;margin-bottom:5px;text-align:center;}
#boxList .intro {font-size:14px;line-height:1.75em;height:3.5em;overflow:hidden;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:justify;}
#boxList .thumbnail:hover img {transform:scale(1.1,1.1);opacity:.9;}
@media only screen and (max-width:768px) {#boxList {margin-bottom:0;}
    #boxList .item {width:33.3%;padding-right:3%;padding-bottom:3%;}
    #boxList h3 {font-size:14px;}
    #boxList .intro {font-size:12px;margin-bottom:5px;}
}
@media only screen and (max-width:620px) {#boxList .item {width:50%;}
}

/*portfolio*/
.portfolio-box {overflow:hidden;}
.portfolio-box ul {overflow:hidden;width:102%;}
.portfolio-box li {float:left;width:25%;padding:1% 2% 1% 0;font-size:14px;text-align:center;}
.portfolio-box .thumbnail {position:relative;padding-bottom:56.5%;}
.portfolio-box .thumbnail a {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;}
.portfolio-box p a {padding-left:10px;padding-right:10px;}
.portfolio-box li p {position:relative;padding:5px 5px 5px 5px;background-color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.portfolio-box .thumbnail img {height: 100%;object-fit:cover;font-family:"object-fit:cover;";-webkit-transition:-webkit-transform 450ms;transition:-webkit-transform 450ms;-o-transition:transform 450ms;transition:transform 450ms;transition:transform 450ms,-webkit-transform 450ms;}
.portfolio-box li:hover img {-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.portfolio-box li:hover p {color:#3297fc;}
@media only screen and (max-width:880px) {.portfolio-box {margin-bottom:10px;}
}
@media only screen and (max-width:768px) {.portfolio-box li {width:50%;}
    .post-left .right, .list_menuaa {display:none;}
}
/*sytab*/
.tab-list-title {border-bottom:1px solid #dddddd;background:#ffffff;height:47px;overflow:hidden;padding-left:15px;}
.tab-list-title ul {height:47px;font-size:0;white-space:nowrap;overflow:hidden;}
.tab-list-title ul li.active {color:#3297fc;border-bottom:2px solid #3297fc;}
.tab-list-title ul li {display:inline-block;font-size:16px;font-weight:bold;position:relative;margin-right:31px;vertical-align:middle;font-weight:500;line-height:44px;cursor:pointer;}
.tab-list-title ul li:after {position:absolute;top:15px;right:-16px;content:"";width:1px;height:16px;background:hsla(0,0%,39%,0.31);transform:rotate(21deg);-ms-transform:rotate(21deg);-moz-transform:rotate(21deg);-webkit-transform:rotate(21deg);-o-transform:rotate(21deg);}
.tab-list-title ul li:last-child {margin-right:0;}
.tab-box-list {background:#ffffff;overflow:hidden;padding:15px;}
.tab-list-item {display:none;}
.right,.rightx {float:right;}
.left {float:left;}
@media screen and (max-width:960px) {.tab-list-title ul::-webkit-scrollbar {width:auto;height:0px;}
    .tab-list-title ul::-webkit-scrollbar-thumb {background:transparent;}
    .tab-list-title ul::-webkit-scrollbar-track {background:transparent;background-color:transparent;}
}
@media screen and (max-width:767px) {.tab-list-title ul {overflow:hidden;overflow-x:auto;white-space:nowrap;width:100%;-webkit-box-pack:justify;}
}
.br {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.mb {margin-bottom:20px;}
.tab-list-item .figure img {height:100%;width:100%;}
.tab-list-item .img-list {width:100%;margin-right:4%;}
.tab-list-item .figure {width:180px;height:120px;overflow:hidden}
.tab-list-item .figure img {-webkit-transition:all .4s;transition:all .4s}
.tab-list-item .img-list:hover img {border-radius:0;-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.tab-list-item .img-cover {object-fit:cover;}
.tab-list-item .content {margin-left:200px;color:#888;}
.tab-list-item .content .title {color:#333;font-size:18px;font-weight:400;}
.img-list:hover .content .title {color:#d0410b;}
.tab-list-item .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-list-item .intro {min-height:98px;font-weight:normal;font-size:14px;padding:.5em 0;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding-bottom:5px;}
.tab-list-item h3 {border-bottom:1px solid #dddddd;padding-bottom:10px;}
.tab-list-item .list {padding-top:.6em;width:47.99%;margin-right:4%;}
.tab-list-item .jq-hook:nth-child(2n+1) {margin-right:0;}
.tab-list-item .allnews {text-align:center;margin-top:10px;}
.tab-list-item .allnews a {color:#FB7D38;}
/*#top_recommend li:nth-child(10n) {margin-right:0;}
*/.tab-list-item .list .a {max-width:85%;}
.tab-list-item .list-time {color:#999;}
.jq-hook a:before {content:"";display:inline-block;width:5px;height:5px;background:#FB7D38;border-radius:100%;margin-right:5px;vertical-align:middle;}
@media screen and (min-width:1011px) {.tab-list-item .allnews {display:none;}
}
@media screen and (max-width:640px) {.tab-list-item .list {width:100%;}
}
@media screen and (max-width:500px) {.tab-list-item .intro {overflow:unset;display:block;font-size:13px;line-height:22px;}
    .tab-list-item .content {margin-left:0;}
    .tab-list-item .figure {margin-right:10px;width:36%;height:21vw;}
    .tab-list-item .content .title {font-size:16px;white-space:unset;}
}
.th_margintop {overflow:hidden;}
.margintopx {width:69%;position:relative;min-height:1px;background:#fff;}
.margintop {width:30%;position:relative;min-height:1px;}
.thleftbt {height:50px;line-height:50px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative;box-sizing:border-box;font-size:18px;}
.th-5 {padding:10px 0px;background:#fff;}
.th-5 li {line-height:32px;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0px 15px;}
.th-5 .date {float:right;color:#bbb;}
.th-5 li i {display:inline-block;width:18px;height:18px;line-height:18px;margin-right:10px;background-color:#eee;text-align:center;font-style:normal;color:#888;border-radius:0 15px 10px 10px;}
.th-5 li:nth-child(1) i,.th-5 li:nth-child(2) i,.th-5 li:nth-child(3) i {background-color:#3297fc;color:#fff;}
.th-5 li a {transition:0.3s ease-out;}
.boxtopx {border-bottom:1px solid #f1f4f9;overflow:hidden;line-height:30px;background:#fff;padding-right:15px;padding-left:15px;padding-top:15px;}
/*====游戏和排行====*/
.ranking li {overflow:hidden;width:33.33%;float:left;margin-bottom:15px;}
.ranking .box2 {padding:2.5% 3.294%;border-radius:10px;}
.ranking .box2:hover {background-color:#f4f4f4;}
.ranking .icon {float:left;width:80px;}
.ranking .icon a {padding-bottom:100%;position:relative;overflow:hidden;display:block;border-radius:15%;}
.ranking .icon img {display:block;width:100%;height:100%;left:0;top:0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.ranking .info {margin-left:95px;}
.ranking .title {font-size:16px;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.ranking .meta {font-size:12px;line-height:2em;color:#999;}
.ranking .intro {font-size:13px;color:#6d6d6d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.75em;}
.appleft {padding:10px;padding-left:0px;padding-right:0px;background:#fff;}
.appleft ul {overflow:hidden;}
.appleft li {overflow:hidden;border-top:1px dotted #e2dfdf;}
.appleft .icon {width:65px;float:left;margin-left:12px;}
.appleft .boxtop {margin-left:15px;margin-right:15px;}
.appleft .info {margin-left:85px;overflow:hidden;}
.appleft .title {font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.65em;}
.appleft .intro {font-size:12px;color:#5e5d5b;line-height:1.75em;height:3.5em;}
.appleft li:hover {background-color:#f4f4f4;}
.appleft li {float:left;width:95%;color:#6c6c6c;position:relative;margin-left:10px;line-height:40px;}
.appleft li.hover {width:94%;height:112px;background-color:#ffffff;box-shadow:0px 4px 15px 0px rgba(126,126,126,0.3);border-radius:8px;border:solid 1px #ffffff;box-sizing:border-box;margin-top:5px;margin-bottom:14px;}
.appleft li.hover .num_bg {display:block;margin-top:43px;}
.appleft li .num_bg {background:url(../images/num_bg10.png) no-repeat;float:left;width:29px;height:29px;line-height:29px;text-align:center;font-size:18px;color:#fff;margin-left:5px;margin-top:8.2px;margin-bottom:7px;}
.appleft li .num_bg1 {background:url(../images/num_bg1.png) no-repeat;}
.appleft li .num_bg2 {background:url(../images/num_bg2.png) no-repeat;}
.appleft li .num_bg3 {background:url(../images/num_bg3.png) no-repeat;}
.appleft li .p1 {width:80px;float:left;margin-top:13px;display:none;}
.appleft li.hover .p1 {display:block;height:80px;}
.appleft li .p1 img {width:80px;height:80px;display:block;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.appleft li .p2 {width:62%;float:left;margin-left:12px;display:inline;}
.appleft li.hover .p2 {width:62%;height:111px;position:absolute;}
.appleft li .p2 p {width:240px;float:left;line-height:25px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ccc;position:absolute;top:10px;font-size:14px;color:#5d5d5d;}
.appleft li.hover .p2 p {width:86%;}
.appleft li .p2 em {display:none;float:left;width:88px;height:30px;position:absolute;top:35px;right:13px;line-height:30px;float:left;font-size:14px;color:#00b3fe;border:1px solid #00b3fe;text-align:center;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.appleft li.hover .p2 em {display:block;}
.appleft ul li .p2 em {color:white;background-color:#00b3fe;border:none;}
.appleft li .p3 {float:right;margin-top:3px;display:none;}
.appleft li.hover .p3 {position:absolute;z-index:1;left:130px;top:30px;margin-top:0;display:block;}
.appleft li .p3 span {margin-left:2px;margin-top:7px;}
.appleft .p3 span {display:none;}
.appleft li.hover .p3 span {display:block;margin-top:-10px}
@media screen and (max-width:1180px) {.appleft li.hover .p2 em {display:none;}
}
@media screen and (max-width:1011px) {.ranking {padding-left:0px;}
    .ranking li,.right {display:none;}
    .ranking li:nth-child(-n+14) {display:block;}
    .ranking li {width:50%;}
    .appleft {display:none;}
    .margintopx {width:100%;}
    .margintop {margin-top:15px;width:100%;padding-left:0;padding-right:5px;}
}
@media screen and (max-width:640px) {.ranking li {display:block;}
    .ranking li {width:100%;border-top:1px dotted #dad7d7;margin-bottom:0px;}
}
/*分页*/
.page {padding-bottom:12px;text-align:center;background:#fff;padding-top:10px;}
.page a {display:inline-block;line-height:34px;padding:0 13px;margin:0 2px;text-align:center;font-size:14px;border-radius:20px;transition:background .1s;}
.page a {border:1px solid #3297fc;color:#3297fc;}
.page span,.page a:hover {color:#fff;background:#3297fc;border:1px solid #3297fc;display:inline-block;line-height:34px;padding:0 13px;margin:0 2px;text-align:center;font-size:14px;border-radius:20px;transition:background .1s;}
.page font {font-size:18px;}
.page em {font-size:16px;}
.page b,.page a:hover {color:#fff;background:#3297fc;border:1px solid #3297fc;display:inline-block;height:34px;line-height:34px;padding:0 13px;margin:0 2px;text-align:center;font-size:14px;border-radius:20px;transition:background .1s;}
.btn-load-more {overflow:hidden;width:100%;margin:0 auto;text-align:center;font-size:18px;color:#FF6D48;line-height:25px;background:#fff;padding-top:10px;margin-bottom:10px;padding-bottom:10px;}
.breadcrumb {padding:5px 0 5px 10px!important;color:#888;}
.breadcrumb a {font-size:14px;}
/*文章列表*/
.post_box {padding:20px 20px 20px 208px;border-bottom:1px solid #ddd;position:relative;overflow:hidden;background:#fff;}
.post-img {margin-left:-188px;float:left;overflow:hidden;width:170px;height:110px;}
.post-img img {position:relative;max-width:none;width:calc(100% + 20px);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
.post_box:hover .post-img img {filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
.post-left {min-height:80px;}
.recommend-flag {padding:1px 8px 1px 7px;border:1px solid;border-radius:3px;font-size:14px;margin-right:10px;color:#fb3233;background:rgba(251,50,51,0.01);position:relative;top:-1px;cursor:default;white-space:nowrap;}
.post-con {margin-top:10px;height:36px;margin-bottom:10px;text-align:justify;word-break:break-all;font-size:14px;line-height:1.42857143;color:#999;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding-bottom:5px;}
.item-meta {height:min-content;overflow:hidden;color:#999;font-size:12px;}
.item-meta a {color:#999;}
span.mu-ml-eye,span.mu-ml,.mu-ml a {margin-right:8px;font-size:14px;}
.post-left span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.mu-ml a:hover {color:#ff8d00;}
@media screen and (max-width:767px) {.item-meta {display:none;}
    .post_box {padding:15px 12px 15px 152px;}
    .post-img {margin-left:-134px;width:120px;height:90px;}
    .post-img img {height:90px;}
}
@media screen and (max-width:520px) {.post-con {margin-top:0;height:52px;font-size:13px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding-bottom:10px;}
    .post_box {padding:10px 10px 10px 125px;}
    .post-img {margin-left:-110px;width:100px;height:82px;}
    .post-img img {height:82px;}
}
/*--文章详情页--*/
.bodyart a, .art-content a{color: #ff8484;}
.bodyart a:hover, .bodyart a:hover{color: #3297fc;}
.art-head {text-align:center;border-bottom:1px solid #eee;padding-bottom:20px}
.art-main {padding:20px 20px 15px 20px;}
.art-main .art-title {font-size:22px;font-weight:normal;color:#333}
.art-main .head-info {color:#999;padding-top:5px}
.art-main .head-info .author,.art-main .head-info .time {padding-right:1em}
.art-main .art-content {padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.art-content a {padding:0 0 2px;border-bottom:1px dashed #999;cursor:pointer}
.art-content a:hover {border-bottom:1px dashed #0084ff}
.art-content h2,.art-content h3,.art-content h4 ,.bodyart h2, .bodyart h3, .bodyart h4{font-weight:bold;padding-left:7px;border-left:5px solid #4bd649;line-height:18px;margin:12px 0px;line-height: 25px;}
.bodyart .img img, .art-content .img img {max-width:90%;margin:5px auto;display:block;}
.art-content b,.art-content strong {font-weight:700}
.art-content .art-copyright {font-size:14px}
.art-copyright {background:#f8f8f8;padding:1em 1.5em}
.art-content p {text-indent:2em;}
.art-content p a {color:#ff0000;}
.prevnext {border-top:1px dotted #ddd;margin:0;padding:10px 20px;font-size:14px;}
.prev,.next {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.content .tab-box-list ul {width:102%;overflow:hidden;}
.content .tab-box-list li h3 {padding:5%;}
.content .tab-box-list li {width:12.5%;float:left;padding-right:2%;padding-top:1%;}
.content .tab-box-list li .icon {display:block;padding-bottom:100%;position:relative;overflow:hidden;}
.content .tab-box-list li .icon img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.content .tab-box-list li .title {font-weight:normal;white-space:nowrap;overflow:hidden;font-size:14px;text-align:center;}
.art-content img{display: block; margin: 0.25rem auto; max-width: 100%; height: auto;}
@media only screen and (max-width:768px) {.content .tab-box-list li {width:25%;}
    .content .tab-box-list li h3 {padding:10%;}
}
@media only screen and (max-width:520px) {.content .tab-box-list li h3 {padding:5%;}
    .bodyart .img img, .art-content .img img {max-width:100%;min-width:100%;min-height:100%;margin:5px auto;display:block;}
}
.list_menu, .hejiags, .toptags{position:relative;overflow:hidden;padding:1% 1.198% 1%;background:#fff;border-bottom:1px solid #f1f1f1;}
.list_menu h3,.toptags h3{font-size:14px;float:left;line-height:24px;padding:2px 0;}
.list_menu .inner ,.toptags.inner{overflow:hidden;padding-bottom:5px;margin-bottom:5px;}
.list_menu ul ,.toptags ul{overflow:hidden;}
.list_menu li ,.toptags li{float:left;font-size:12px;line-height:24px;padding:2px 0 2px 14px;}
.list_menu li a ,.toptags li a{color:#424242;border:1px solid #e4e4e4;display:block;border-radius:12px;padding:0 10px;}
.list_menu li a:hover ,.toptags li a:hover{color:#fff;background-color:#3297fc;border-color:#3297fc;}
.list_menu li a.cur,.toptags li a.cur{color:#fff;background-color:#3297fc;border-color:#3297fc;}
.list_menu span ,.toptags span{font-size:16px;line-height:24px;}
.list_menu span i,.toptags span i{color:#3297fc;display:block;}
.nv p {text-align:center;display:none;}

.article-list {padding:10px; }
.hejiags .fl { float: left;overflow: hidden; width:40%}
.art-headx h2 { font-size: 25px;text-align: center;}
.article-list .content { margin-left:42%; }
.article-list .intro { padding: 1em 0;text-indent: 2em;}
.c-title { font-size: 18px; border-bottom: 1px solid #ff660042; padding-bottom: .5em; margin-top: -.5em; position: relative; }
h3.name { font-weight: 542; color: #f60; }
/*appbox*/
.applist, .applistx{overflow:hidden;padding:2% 2.198% 0;background:#fff;}
.applist ul {width:102%;overflow:hidden;}
.applist li {float:left;width:25%;padding-right:1%;padding-bottom:1%;}
.applist .icon img {display:block;width:100%;height:100%;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.applist .box {background-color:#fcfcfc;border:1px solid #eee;padding:6.024%;overflow:hidden;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;transition:all .3s;position:relative;}
.applist .icon {float:left;width:80px;}
.applist .info {margin-left:90px;padding:5px 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.applist .title {font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;font-weight:normal;}
.applist .meta,.applist .tags {font-size:13px;color:#999;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.applist .intro {clear:both;font-size:13px;color:#838383;line-height:22px;height:46px;overflow:hidden;margin-top:10px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.applist .intro em {font-style:normal;font-weight:bold;color:#f60;}
.applist .tags a {margin-right:5px;color:#ab7512;}
.applist .tags a:hover {color:#3297fc;}
.applist li:hover .box {box-shadow:3px 3px 10px 0px rgba(126,126,126,0.3);border:solid 1px #3297fc;}
@media only screen and (max-width:1280px) {.applist .icon {width:60px;}
    .applist .info {margin-left:70px;padding:0;}
    .applist .meta,.applist .tags {line-height:18px;}
    .applist .intro {margin-top:5px;}
}
@media only screen and (max-width:1024px) {.applist ul {width:102.2%;}
    .applist li {width:49.5%;}
    .applist .box {padding:3.5%;}
    .applist .icon {padding-top:2px;}
    .hejiags .fl {width:100%;text-align: center;}
    .article-list .content { margin-left:0%; }
    .art-headx h1 {font-size: 22px; }
}
@media only screen and (max-width:768px) {.list_menu li {padding:2px 0 2px 5px;}
    .list_menu li a {padding:0 6px;}
    .list_menu p {display:block;}
    .nv p{text-align: center;background: #fff;color: #3297fc; display: block;padding: 5px 0;}
    .list_menu {height:80px;}
    .applist {padding:10px 15px;}
    .applist ul {width:auto;}
    .applist li {width:auto;padding:5px 0;float:none;}
    .applist .box {padding:13px 13px 10px;border-radius:5px;}
    .applist .title {font-size:14px;font-weight:bold;}
    .applist .intro {font-size:12px;height:auto;}
}
/*--app详情页--*/
.lft {float:left;display:inline;}
.clear {clear:both;display:block;overflow:hidden;}
.user {font-size:20px;text-align:center;color:#f00;font-weight:bold;margin-top:10px;padding-bottom:10px;}
.jbbox1 {width:158px;overflow:hidden;position:absolute;}
.tag a {margin-right:5px;color: #9d99e8;}
.zs_view {background:#FFF;padding:10px 20px 0px 20px;margin-top:10px;margin-bottom:10px;}
.zs_view h1 {display:inline-block;font-weight:normal;line-height:50px;height:50px;font-size:28px;}
.zs_view .game-title {width:100%;font-size:12px;color:#ff0012;}
.zs_view .view_box {width:100%;position:relative;}
.zs_view .view_box .txt {width:60%;display:table;margin-left:210px;}
.lft {float:left;display:inline;}
.zs_view .view_box .txt p {line-height:24px;min-height:24px;}
.clearfix {display:block;}
.clearfix {display:inline-block;_overflow:hidden;}
.clearfix {zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:after {content:"";height:0;visibility:hidden;display:block;clear:both;}
.zs_view .view_box .txt .t1, .zs_view .view_box .txt .t2,.zs_view .view_box .txt .t3, .zs_view .view_box .txt .t4, .zs_view .view_box .txt .t5, .zs_view .view_box .txt .tag {width:245px;height:26px;line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lft {float:left;display:inline;}
.zs_view .view_box .txt .t1, .zs_view .view_box .txt .t2,.zs_view .view_box .txt .t3, .zs_view .view_box .txt .t4, .zs_view .view_box .txt .t5, .zs_view .view_box .txt .tag span {color:#ababab;}
.zs_view .view_box .erwma {width:15%;color:#ababab;font-size:14px;float:right;}
.zs_view .view_box .gameico {width:100%;height:auto;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;margin-top:0px;}
.gameico {margin-top:20px;}
.clearfix {display:block;}
.down-btn {width:100%;height:40px;line-height:40px;margin-bottom:10px;}
.down-btn .az-btn {background-position:0 0;}
.down-btn .btn {width:150px;height:40px;position:relative;float:left;margin-right:19px;background:#4aae17;}
.down-btn .btn .a {font-size:18px;display:block;line-height:40px;color:#fff;width:150px;float:left;}
.down-btn .box-btn .a {text-align: center;}
.down-btn .ios-btn .a,.down-btn .az-btn .a {text-align:center;}
.eight-ewm {text-indent:0;position:absolute;width:150px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.5);text-align:center;padding:10px 0px;border-radius:4px;left:5px;top:46px;z-index:9999;display:none;}
.eight-ewm.box1 {left:auto;height:150px;top:45px;display:none;}
.down-btn .az-btn:hover .box1 {display:block;}
.eight-ewm.box2 {left:auto;height:150px;top:45px;display:none;}
.down-btn .ios-btn:hover .box2 {display:block;}
.eight-ewm.box3 {left:auto;height:150px;top:45px;display:none;}
.down-btn .box-btn:hover .box3 {display:block;}
.eight-ewm p {font-size:14px;color:#333;line-height:22px;}
.down-btn .box-btn {background:#ff5d5e;}
.down-btn .ios-btn:hover {background:#3180e6;}
.down-btn .az-btn:hover {background:#419615;}
.down-btn .box-btn:hover {background:#f23435;}
.noios-btn em {font-size:15px;display:block;color:#fff;text-indent:43px;width:175px;float:left;}
.eight-ewm p img {width:150px;}
.down-btn .btn43 { background: #8a8a8a; }
.down-btn .btn4 { color: #FFF; font-size: 16px; padding: 0px 30px; margin-right: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.down-btn .ios-btn {background:#4e9bfe;}
.img_pic {position:relative;overflow:hidden;margin-bottom:10px;}
.imgpc {margin-right:10px;display:inline-block;}
.app-main {padding:2em}
.app-content .title-css {text-indent: 0;display:inline-block;background:#f2f5f9;border-radius:55px;height:35px;position:relative;padding-left:35px;padding-right:15px;line-height:35px;overflow:hidden;font-size:18px}
.app-content .title-css .i {display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:10px;top:8px;overflow:hidden;background-color:#0084ff;color:#fff;font-size:14px}
.app-main .app-content {padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.app-content p {font-weight:400;text-indent: 2em;}
.fr-time {font-size:0.8em;color:#999;margin-top:5px;}
.yuyue{display: inline-block; width: 220px; height: 34px; line-height: 34px; margin-left: 10px; border-radius: 5px; text-align: center;color: #fff; background-color: #14B9C8;}
.yuyue .txt{font-size: 16px; vertical-align: middle; margin-left: 5px;}
.soft-focus .bd { width: 100%; text-align: center; overflow: hidden; }
.soft-focus .bd img { max-width: 100%; max-height:350px; }
.soft-focus .bd ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.soft-focus .bd li { position: relative; margin-right: 6px; display: inline-block; overflow: hidden; background: #f5f5f5; }
.soft-focus ul::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);}
.soft-focus ul::-webkit-scrollbar {width:5px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.soft-focus ul::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;min-height:18px;}
.soft-focus ul::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
@media screen and (max-width:1011px) {#weburl {display:none;}
    .zs_view .view_box .txt {width:77%}
    .zs_view .view_box .txt {margin-left:180px;}
    .zs_view .view_box .gameico {width:85%}
}
@media screen and (max-width:750px) {
    .soft-focus .bd img {max-height:280px; }
    .down-btn .box-btn:hover .box3,.down-btn .az-btn:hover .box1,.down-btn .ios-btn:hover .box2 {display:none;}
    .zs_view .view_box .txt .t1, .zs_view .view_box .txt .t2,.zs_view .view_box .txt .t3, .zs_view .view_box .txt .t4, .zs_view .view_box .txt .t5, .zs_view .view_box .txt .tag{width:50%}
    .jbbox1 {width:100%;position:unset;}
    .zs_view .view_box .gameico {width:30%;height:auto;display:block;margin:15px auto 0;}
    .zs_view .view_box .txt {width:100%;margin-left:0;}
    .zs_view h1 {font-size:22px;line-height:45px;height:40px}
    .zs_view .game-title {text-align:center;}
}
@media screen and (max-width:680px) {.zs_view h1 {font-size:18px;line-height:32px;height:32px;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media screen and (max-width:590px) {.zs_view .view_box .txt .t1,.zs_view .view_box .txt .t3 {width:38%;}
    .zs_view .view_box .txt .t2,.zs_view .view_box .txt .t4 {width:60%;}
    .down-btn .btn {width:100%;text-align:center;height:35px;margin-bottom:8px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
    .down-btn .btn .a {width:100%;line-height:36px;}
    .app-main {padding:15px;}
    .zs_view .view_box .t5, .zs_view .view_box .txt .tag{ width: 100%;}
    .yuyue {width: 100%;margin-left:0;}
    .down-btn {text-align: center;}
}
.newslist {overflow:hidden;padding:2% 2.198% 0 0;}
.newsitem {border-bottom:1px dashed #eee;overflow:hidden;margin-bottom:1.5%;padding-bottom:1.5%;position: relative;}
.newsitem .pic {float:left;width:175px;overflow:hidden;}
.newsitem .pic img {display:block;left:0;top:0;width:100%;height:auto;min-height:100%;transition:transform .3s;}
.newsitem:hover img {transform:scale(1.1);}
.newsitem .info {margin-left:190px;overflow:hidden;padding:5px 120px 5px 20px;position:relative;}
.newsitem .excerpt {color:#666;font-size:16px;line-height:1.75em;height:5.25em;overflow:hidden;}
.newsitem .more {margin-top:15px;}
.newsitem .date {border:1px solid #eee;color:#3297fc;text-align:center;font-size:14px;line-height:1.125em;width:93px;padding:15px 0 21px;position:absolute;right:0;top:10px;}
.newsitem .date time {display:block;}
.newsitem .date i {font-size:60px;line-height:1em;font-style:normal;display:block;}
.newsitem .info span{margin-bottom: 13px;font-size: 22px; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 1.35em;}
@media only screen and (max-width:1024px) {.newsitem .info {margin-left:160px;padding:0 100px 0 20px;}
    .newsitem .pic {width:160px;}
    .newsitem .info span{font-size:18px;margin-bottom:5px;}
    .newsitem .excerpt {font-size:14px;}
    .newsitem .date {width:80px;padding:10px 0 15px;}
    .newsitem .date i {font-size:48px;}
}
@media only screen and (max-width:768px) {.newslist {padding:15px 0px 5px;}
    .newsitem {margin-bottom:10px;padding-bottom:10px;}
    .newsitem .pic {width:110px;}
    .newsitem .info {margin-left:110px;padding:0 0 0 10px;}
    .newsitem .info span{font-size:16px;line-height:1.65em;max-height:3.3em;white-space:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .newsitem .excerpt {height:auto;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
    .newsitem .date,.newsitem .more {display:none;}
}
#wrapper {text-align:center;margin:0px auto;background:#fff;padding:10px;}
#wrapper img {-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;width:300px;}
.fade {font-size:20px;color:#c6c6c6;}
.xxx {font-size:35px;color:#c6c6c6;}
#wrapper em {color:#ff0000;}
/*排行列表*/
ul.hf-list5 li {float:left;background:#fff;border:1px solid #e7e7e7;width:49.5%;height:190px;float:left;margin:0 12px 16px 0;position:relative;border-radius:15px;box-shadow:0 0 7px #e7e7e7;}
ul.hf-list5 li:hover {box-shadow:0 0 13px #717171;}
ul.hf-list5 li:nth-child(2n) {margin-right:0;}
.taptap-top-card {position:relative;margin-bottom:16px;padding:10px 0 10px 10px;background:#fff;}
.taptap-top-card .top-card-left {float:left;width:175px;padding:20px 0 5px;text-align:center;overflow:hidden;}
.taptap-top-card .top-card-left .card-left-image>img {display:block;margin:0px 30px 30px 10px;width:100%;-moz-border-radius:35px;-webkit-border-radius:35px;border-radius:35px;}
.taptap-top-card .top-card-middle {position:relative;float:left;padding:15px 10px;width:65%;height:150px;background:#fafafa;overflow:hidden;}
.taptap-top-card .top-card-middle .card-middle-title {font-size:20px;display:inline-block;position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.taptap-top-card .top-card-middle .card-middle-description {font-weight:normal;height:44px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
.taptap-top-card .top-card-middle .card-middle-description.p2 {height:66px;}
.fbsj {font-size:14px;margin-left:60px;font-weight:normal;}
.yxdx {float:right;font-size:14px;font-weight:normal;}
.taptap-top-card .top-card-order-triangle.red1,.taptap-top-card .top-card-order-triangle.red2,.taptap-top-card .top-card-order-triangle.red3 {width:0;height:0;border-top:50px solid #E03730;border-right:50px solid transparent;}
.taptap-top-card .top-card-order-triangle {position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid #14B9C8;border-right:50px solid transparent;}
.taptap-top-card .top-card-order-text {display:block;position:absolute;top:5px;left:0;width:24px;height:24px;line-height:24px;text-align:center;font:italic 18px Impact;color:#fff;z-index:100;word-break:normal;word-wrap:normal;}
.card-left-image {width:135px;position:relative;}
@media only screen and (max-width:1280px) {ul.hf-list5 li {width:49.3%;}
    .taptap-top-card .top-card-left {width:156px;}
}
@media only screen and (max-width:1110px) {ul.hf-list5 li {width:49.3%;height:170px;}
    .taptap-top-card .top-card-middle {width:65%;}
    .taptap-top-card .top-card-left {width:140px;}
    .card-left-image {width:118px;}
    .taptap-top-card .top-card-left .card-left-image>img {-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
    .taptap-top-card .top-card-middle .card-middle-description.p2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding-bottom:10px;}
}
@media only screen and (max-width:920px) {ul.hf-list5 li {width:100%;height:150px;margin:0 12px 10px 0;}
    .taptap-top-card .top-card-middle .card-middle-description.p2 {height:46px;}
    .taptap-top-card .top-card-middle {width:80%;height:128px;}
    .taptap-top-card .top-card-left {width:115px;}
    .card-left-image {width:95px;}
}
@media only screen and (max-width:630px) {ul.hf-list5 li {width:100%;height:150px;}
    .taptap-top-card .top-card-middle {width:80%;}
    .taptap-top-card .top-card-left {width:100px;}
    .card-left-image {width:80px;}
    .taptap-top-card .top-card-middle .card-middle-description.p2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-bottom:10px;}
}
@media only screen and (max-width:580px) {ul.hf-list5 li {width:100%;height:130px;}
    .taptap-top-card .top-card-middle {height:106px;}
    .taptap-top-card .top-card-middle {width:66%;}
    .taptap-top-card .top-card-left {width:100px;}
    .card-left-image {width:80px;}
    .fdse2 {display:none;}
}
.tagslist {position:relative;overflow:hidden;padding:1% 1.198% 0;background:#fff;border-bottom:1px solid #f1f1f1;}
.tagslist ul {overflow:hidden;}
.tagslist li {float:left;font-size:12px;line-height:30px;padding: 5px 0 5px 14px}
.tagslist li a {color:#424242;border:1px solid #d5d5d5;display:block;border-radius:12px;padding:0 10px;}
.tagslist li a:hover {color:#fff;background-color:#53bf1d;border-color:#53bf1d;}
.tagslist .count {color: #f40000;font-weight: bold;}
.btn-help{font-size: 16px; top: 45px; left: 28px; margin-right: 30px; color: #1c8ed3; height: 20px}
.lhsm a { color: #ff0000; margin-left: 5px; }
.lhsm { width: 100%; background: #fff7e8; margin-top: 5px; height: auto;line-height: 30px; padding-left: 10px; padding-right: 10px;color: #595454; font-weight: normal; font-size: 15px; }
.app-list { background: #ffffff; overflow: hidden; padding: 15px; }
.app_list {float: left;position: relative; width:50%;background-color: #fff;padding: 5px 0 5px 10px;}
.app_list a { display: block; height: 100%; padding:15px;position: relative;border: 1px solid #d5d5d5; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.app_list img {width: 80px;float: left; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; }
.app_list .center {margin-left: 95px; min-height: 59px; margin-right: 65px}
.app_list .center .name { display: block;font-size: 15px; color: #444444;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.app_list .center .type { display: block;font-size: 12px;color: #B3B3B3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }
.app_list .center .desc { display: block;margin-top: .05rem; color: #979797;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.app_list .rightx {position: absolute; top: 45px; right: 20px;}
.btn_download{display: inline-block; width: 60px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #FF6D48; font-size: 16px; color: #FF6C47; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.btn_download.disabled{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.btn-load-more {overflow: hidden;margin: 0 auto; text-align: center;color: #FF6D48;}
.app_list a:hover .btn_download{background: #fe8900;color: #FFFFFF;border: 1px solid #fe8900;}
.app_list a:hover .name{color:#FF6D48;}
.app_list a:hover{box-shadow: 0px 4px 15px 0px rgba(126,126,126,0.3);}
@media only screen and (max-width:750px) {.app_list {width: 100%;}}
@media only screen and (max-width:520px) {
    .app_list img { width: 70px;}
    .app_list .center { margin-left: 80px;line-height: 22px;}
    .app_list .rightx {top: 30px;}
    .app_list a{padding: 10px;}
    .app_list{padding: 5px 0 5px 0px;}
}
.app-list1-item{display:none;}
.app-list-title {border-bottom:1px solid #dddddd;background:#ffffff;height:47px;overflow:hidden;padding-left:15px;}
.app-list-title ul {height:47px;font-size:0;white-space:nowrap;overflow:hidden;}
.app-list-title ul li.active {color:#3297fc;border-bottom:2px solid #3297fc;}
.app-list-title ul li {display:inline-block;font-size:16px;font-weight:bold;position:relative;margin-right:31px;vertical-align:middle;font-weight:500;line-height:44px;cursor:pointer;}
.app-list-title ul li:after {position:absolute;top:15px;right:-16px;content:"";width:1px;height:16px;background:hsla(0,0%,39%,0.31);transform:rotate(21deg);-ms-transform:rotate(21deg);-moz-transform:rotate(21deg);-webkit-transform:rotate(21deg);-o-transform:rotate(21deg);}
.app-list-title ul li:last-child {margin-right:0;}
.gamex-inner { position: relative; padding: 0 15px 15px 15px; margin-top: 10px; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.gamex-icon {position:absolute;left:0;}
.gamex-icon {width:120px;border-radius:20px;margin:auto;}
.gamex-icon img {width:100%;height:100%;border-radius:20px;}
.gamex-detail {height:120px;padding:0 40px 0 126px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.gamex-name {font-size:25px;line-height:42px;color:#333;}
.gamex-info i,.gamex-one-word i {display:inline-block;width:2px;height:18px;background-color:#979797;vertical-align:middle;margin:-4px 8px 0;}
.gamex-info,.gamex-one-word {margin-top:6px;}
.gamex-info,.gamex-one-word {color:#999;font-size:20px;height:28px;padding-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.down-btnx {position:absolute;right:0;top:0;bottom:0;margin:auto;}
.down-btnx {display:block;font-size: 22px; width: 95px; height: 45px; line-height: 45px;text-align:center;color:#f67b29;border-radius:8px;border:1px solid #f67b29;margin:auto;}
.gamex-inner:hover .gamex-name{color:#FF6D48;}
.gamex-inner:hover .down-btnx{background: #fe8900;color: #FFFFFF;border: 1px solid #fe8900;}
@media only screen and (max-width:750px) {.gamex-icon {width:90px;}.gamex-detail {padding: 0 41px 0 88px;height:86px;}.gamex-name { font-size: 20px; line-height: 28px;}.gamex-info, .gamex-one-word{margin-top:0;font-size: 16px;}.down-btnx{font-size: 20px; width: 80px; height: 35px; line-height: 35px;}}
@media only screen and (max-width:520px) {.gamex-icon {width:70px;}.gamex-detail {padding: 0 41px 0 60px;height:75px;}.gamex-name { font-size:16px; line-height:22px;}.gamex-info, .gamex-one-word{margin-top:0;font-size: 14px;}.down-btnx{font-size: 15px; width: 60px; height: 28px; line-height: 28px;}.gamex-inner{padding: 5px 15px; margin-top: 0; margin-bottom: 0;}}
.containerxx {padding:3% 0;overflow:hidden;width:100%;margin:0 auto;position:relative;background:#FFFFFF;}
.bg404 {display:block;max-width:100%;margin:0px auto;margin:0 auto;}
.btn404 {overflow:hidden;width:400px;margin:0 auto;max-width:100%;margin-top:40px;}
.btn404 .goindex {margin-right:7%;margin-left:12%;}
.btn404 a {float:left;text-decoration:none;width:35%;border:1px solid #5298ff;background:#5298ff;color:#FFF;display:block;height:46px;line-height:44px;text-align:center;font-size:16px;border-radius:3px;overflow:hidden;}
@media only screen and (max-width:950px) {.containerxx { padding: 10% 0;}}
@media only screen and (max-width:520px) {.containerxx { padding: 28% 0;}}

.applist2{padding:0;}
.applist2 li {width:48%;}
@media only screen and (max-width:768px) {.applist2 li {width:100%;}}
@media only screen and (max-width:520px) {.applist2 li {width:100%;}}
.art-content .hejiimg{text-indent: 0em;text-align: center;}
.index-more{text-align: center; background: #efefef; font-size: 18px; line-height: 38px; height: 38px; padding: 0 15px; margin: 10px auto; border-radius: 100px; width: 150px; margin-top: 5px;}
/* --- 仿豆瓣长评的评论区样式 --- */
.douban-reviews-wrapper {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.douban-reviews-wrapper h2,
.douban-post-wrapper h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

/* 评论列表 */
.douban-review-item {
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}
.douban-review-item .main-hd {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.douban-review-item .avator {
    margin-right: 10px;
}
/* --- 添加这段来控制头像大小 --- */
.douban-review-item .avator img {
    width: 32px;      /* 设置宽度为 32px */
    height: 32px;     /* 设置高度为 32px */
    border-radius: 50%; /* 圆形头像 */
    display: block;    /* 确保图片正确显示 */
}
/* --- 添加结束 --- */
.douban-review-item .avator img {
    width: 32px; /* 和lecms默认尺寸保持一致 */
    height: 32px;
    border-radius: 50%;
}
.douban-review-item .name {
    font-weight: bold;
    color: #37a;
    margin-right: 10px;
    font-size: 13px;
}
.douban-review-item .main-meta {
    font-size: 12px;
    color: #999;
}

/* 评论内容区 */
.douban-review-item .main-bd {
    margin-left: 42px; /* 缩进以对齐头像右侧 */
}

/* 回复块样式 */
.douban-review-item .reply-block {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding: 10px;
    margin: 10px 0;
    font-size: 13px;
    color: #555;
    border-radius: 4px;
    line-height: 1.6;
}

/* 关键：“展开/收起”的实现 */
.douban-review-item .review-content {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    /* 默认最高 200px，大约是你说的前200字的效果 */
    max-height: 200px; 
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    /* 解决长单词或链接不换行的问题 */
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap; 
}
/* 展开后的样式 */
.douban-review-item .review-content.is-expanded {
    max-height: 10000px; /* 一个足够大的值来完全展开 */
}

/* 展开/收起 按钮 */
/* 修改后的展开/收起按钮 */
.douban-review-item .toggle-expand {
    display: none;       /* JS 会控制它显示 */
    color: #37a !important; /* 强制豆瓣蓝色 */
    cursor: pointer;
    font-size: 14px;      /* 稍微调大一点和内容一致 */
    font-weight: normal;  /* 取消加粗 */
    margin-left: 8px;     /* 和前面的文字隔开一点距离 */
    /* display: inline; */ /* 尝试让它和文字在同一行，但不保证完美 */
    vertical-align: baseline; /* 尝试对齐文字基线 */
}
.douban-review-item .toggle-expand:hover {
    color: #268 !important; /* 鼠标悬停颜色 */
    text-decoration: underline; /* 添加下划线效果 */
}
.douban-review-item .action {
    margin-top: 10px;
    font-size: 13px;
}
.douban-review-item .action a.reply {
    color: #37a;
}
.douban-review-item .action a.reply:hover {
    color: #268;
}


/* 评论表单 */
.douban-post-wrapper {
    margin-top: 30px;
}
.douban-post-wrapper textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    padding: 8px;
    box-sizing: border-box; /* 确保 padding 不会撑大宽度 */
    border-radius: 4px;
    font-size: 13px;
}
.douban-post-wrapper .form-row {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.douban-post-wrapper input[type="text"] {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    font-size: 13px;
}
.douban-post-wrapper input[type="submit"] {
    background: #37a;
    color: white;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
}
.douban-post-wrapper input[type="submit"]:hover {
    background: #268;
}

/* 回复提示框 */
.douban-post-wrapper #reply_comment_div {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
}
.douban-post-wrapper #reply_comment_div p {
    font-weight: bold;
    margin: 0 0 5px 0;
}
.douban-post-wrapper #reply_comment_div #reply_comment_content {
    font-style: italic;
    color: #555;
    font-size: 13px;
    /* 同样限制高度并允许滚动 */
    max-height: 80px;
    overflow-y: auto;
}

/* 加载更多 */
#load_more_douban {
    display: block;
    text-align: center;
    padding: 10px;
    background: #f5f5f5;
    color: #37a;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 14px;
}
#load_more_douban:hover {
    background: #eee;}
/* ========== 豆瓣长评（三处微调） ========== */
.douban-reviews-wrapper{
  --db-avatar: 36px;       /* 游客/用户头像尺寸（按需改比如 32px/40px） */
  --db-gap: 16px;          /* 评论项上下间距 */
  --db-sep: #e5e5e5;       /* 分隔线颜色 */
}

/* ① 头像太大 → 缩小并圆角，头部元素水平居中 */
.douban-reviews-wrapper .main-hd{
  display:flex; align-items:center; gap:8px;
}
.douban-reviews-wrapper .main-hd .avator img{
  width:var(--db-avatar); height:var(--db-avatar);
  border-radius:50%; object-fit:cover; display:block;
}

/* ② 评论之间加横线分隔（豆瓣风） */
.douban-reviews-wrapper .review-content {
    white-space: pre-wrap;  /* 保留换行与空格 */
    word-wrap: break-word;  /* 自动换行 */
    padding: 10px; /* 增加内边距 */
    background-color: #f9f9f9;  /* 如果需要背景颜色的话 */
    border-radius: 5px;  /* 可选的圆角效果 */
}
.douban-review-item .review-content {
    padding: 12px 16px;  /* 增加内边距 */
    max-width: 100%;     /* 限制宽度 */
    background-color: #f9f9f9;
    border-radius: 5px;
    margin: 0 15px;      /* 留白两侧 */
    box-sizing: border-box; /* 确保padding不会导致溢出 */
    overflow-wrap: break-word; /* 自动换行 */
    word-wrap: break-word; /* 防止长单词溢出 */
}


.douban-reviews-wrapper .review-item{
  border-bottom:1px solid var(--db-sep);
  padding-bottom:var(--db-gap);
  margin-bottom:var(--db-gap);
}
.douban-reviews-wrapper .review-item:last-child{ border-bottom:none; }

/* ③ “展开/收起”跟在评论内容后侧（同一行右边） */
.douban-reviews-wrapper .main-bd .review-content{
  display:inline;          /* 关键：把内容改为行内元素，这样按钮能紧跟其后 */
  vertical-align:baseline;
}
.douban-reviews-wrapper .main-bd .toggle-expand{
  display:inline-block;    /* 与内容同一行 */
  margin-left:.5em;        /* 与内容留点间距 */
  font-size:13px; color:#37a; line-height:1.6;
  vertical-align:baseline;
}
/* 若你的折叠逻辑使用 .is-expanded 类控制高度，保持行内渲染不换行 */
.douban-reviews-wrapper .main-bd .review-content.is-expanded{ display:inline; }