@charset "utf-8";
a{ color:#555ba6}
a:hover{ color:#fe741c;}

.articlefull.blockinfo{ padding:0;}
.articleshow .articlehead { padding:20px 30px;}

.articleshow .articlefoot{ padding:20px;}
.articleshow .articlefoot .btn a{ display:inline-block; margin-left:30px;}
.articleshow .articlefoot .btn a:first-child{margin-left:0;}
.articleshow .articlefoot .btn a i{display:inline-block; vertical-align:middle; font-size:24px;}
.articleshow .articlefoot .btn a i.iconfont{margin-right:4px; font-size:28px;}
.articleshow .articlefoot .brandlist{margin-top: 20px;line-height: 1.5em;color: #666;}
.articleshow .articlefoot .brandlist a{ margin-right:10px;}
.articleshow .description{ margin:0 30px 20px 30px; background-color:#F9F9F9; padding:0.4em 20px; color:#666; line-height:1.8em; font-size:26px; position:relative;}
.articleshow .description img{ position:absolute; left:50%; bottom:0; margin-left:-20px; transform:scale(1.5)}
.articleshow .description.show{ height:auto;}
.articleshow .description.show img{ display:none;}
.articleshow .description.show::before{ height:0;}

.articleshow .tips{ padding:10px 15px; background:#f9f9f9; color:#666; font-size:24px;line-height: 2em;margin: 0 30px;}

.articleshow .articlecont{line-height: 2em; padding:0 30px;}
.articleshow .articlecont > p {margin: 1em 0;}
.articleshow .articlecont p {line-height: 2em;text-indent: 0;word-break:break-word;}
.articleshow .articlecont p img{ display:inline-block; max-width:100%; margin:0 auto;height:auto;}
.articleshow .normalarticle img{ display:block; max-width:100%; margin:0 auto;height:auto;}
.articleshow .specialcont{ padding:0;}

.articleshow .interestlist{ padding:20px;}
.articleshow .interestlist a{display: inline-block;border-style: solid;border-width: 1px;padding: 0 10px;line-height: 1.5em;margin-top: 10px;}
.articleshow .interestlist .alevel{ float:right;}

.articleshow .xglinks{ margin-top:30px;padding:0 30px;}
.articleshow .xglinks .lttl{border-left:solid 5px #FE741C; height:1.2em; line-height:1.2em;margin-left: -30px;padding-left: 25px;}
.articleshow .xglinks .links{}
.articleshow .xglinks .links li{line-height: 2.6em;border-top: solid 1px #ddd;}
.articleshow .xglinks .links li:first-child{ border-top:none;}
.articleshow .xglinks .links em{color: #FFF;display: inline-block;height: 1.4em; width: 1.4em;line-height: 1.4em;text-align: center;border-radius: 5px;margin-right: 10px;}

.articleshow .newlinks{ padding:10px 23px}
.articleshow .newlinks dl{ margin-bottom:20px; padding:0 0 20px 0; box-shadow:0 0 0 1px #eee; text-align:left;}
.articleshow .newlinks dt{ text-align:center; height:2.2em; line-height:2.2em; background:#e6e7f2;}
.articleshow .newlinks dd{ line-height:2.4em; padding:10px 20px 0 20px;}
.articleshow .newlinks dd em{color: #FFF;display: inline-block;height: 1.4em; width: 1.4em;line-height: 1.4em;text-align: center;border-radius: 5px;margin-right: 10px;}

.articleshow .xgbrand{ padding:10px 28px; margin-top:10px;}
.articleshow .xgbrand .lttl{border-left:solid 5px #FE741C; height:1.5em; line-height:1.5em;margin-left:-28px;padding-left: 15px;}
.articleshow .xgbrand li{ width:31.333%; margin:10px 1%; float:left; box-shadow:0 0 0 1px #eee; text-align:center; padding:5px 0;}

.blockstyle1 .normalarticle a{color:#555ba6}
.blockstyle1 .normalarticle a:hover{color:#fe741c;}

.blockstyle2 .normalarticle a{color:#be0f1b}
.blockstyle2 .normalarticle a:hover{color:#fe741c;}

.blockstyle3 .normalarticle a{color:#87a5b5}
.blockstyle3 .normalarticle a:hover{color:#fe741c;}

.articleshow .specialcont .topbg img{ display:block; max-width:100%;height: auto;}

.articleshow .heard{padding-left: 5%;}
.articleshow .heard .left{width: 28%;height: 104px;position: relative;float: left;}
.articleshow .heard .left .leftbg{display: inline-block;width: 54px;height: 54px;border-radius: 50%;background-image: url("/public/img/citiao/show/topimg.gif");background-position-x: -13px;background-size: 80px 54px;vertical-align:top;margin-top: 15px;}
.articleshow .heard .left .citiao{color: #333333;line-height: 104px;}
.articleshow .heard .left .iconfont{position: absolute; right: 0;top: 0;margin: 0;color: #b81212;}
.articleshow .heard .right{background-color: rgba(229, 229, 229, 0.78);border-radius: 0 0 0 8px;height: 104px;white-space: nowrap;overflow-y:auto;position: relative;}
.articleshow .heard .right::-webkit-scrollbar{display: none;}
.articleshow .heard .right .xgtop10{border-radius: 30px;padding: 10px 20px;background: rgba(85,91,166,.2);}
.articleshow .heard .right .xgtop10list{margin-left: 20px;position: relative;display: inline-block;line-height: 104px;}
.articleshow .heard .right .xgtop10list:nth-child(2){margin-left: 35px;}
.articleshow .heard .right .xgtop10list:last-child{margin-right: 45px;}
.articleshow .heard .right .xgtop10list .tuijian{position: absolute;top: 4px;right: -40px;background-color: #e86a36;padding: 5px;border-radius: 6px;line-height: 1em;}
.articleshow .heard .right .xgtop10list .tuijian::after{content: "";color: #e86a36;border-style: solid !important;border-right-color: transparent !important;border-left-color: transparent !important;border-top-color: transparent !important;border-top-width: 0 !important;border-width: 0px 0px 10px 10px;position: absolute;right: 34px;top: 15px;}

.articleshow>.btn {padding: 20px;}
.articleshow>.btn a{display: inline-block;margin-right: 20px;}

#container .mod_catalog_nav{ margin:0 30px;}
#container .mod_catalog_nav ul{ background:none !important;}
#container .mod_catalog_nav ul li{ display:inline-block; vertical-align:top; margin-right:20px; position:relative; padding-left:20px;font-size:30px;line-height: 2em;}
#container .mod_catalog_nav ul li a:before{ content:"•";position: absolute;left: 0;top: 0px;line-height: 2em;}

.articlehead{ padding:30px 30px 0 30px}
.articlehead h1{ padding:0 0 10px 0;}

.articlehead .ttlimg{ width:138px;text-align:center;}
.articlehead .ttlimg img{ width:100%; display:block;}
.articlehead .headinfo{ width:550px;margin-left: 20px;}
.articlehead .headinfo h1{ text-align:left;padding:0;}
.articlehead .headinfo .minttl{text-align:left;}
.articlehead.c1 .ttlimg .alevel{ color:#1f1a17;}
.articlehead.c2 .ttlimg .alevel{ color:#BC8D4D;}
.articlehead.c2 .qzoneinfo{margin-top:10px;}

.articlehead .qzoneinfo{line-height:1.6em; position:relative;}
.articlehead .qzoneinfo .left{float:left;}
.articlehead .qzoneinfo .left .img{width:64px; display:table-cell; vertical-align:middle;}
.articlehead .qzoneinfo .left .img img{width:64px; height:64px; border-radius:50%;}
.articlehead .qzoneinfo .left .text{display:table-cell; vertical-align:middle; padding-left:20px; font-size:24px; line-height:1.4em;}
.articlehead .qzoneinfo .left .text .name{}
.articlehead .qzoneinfo .left .text span{font-size:22px; color:#ccc; line-height:1.6em; margin-right:10px;}
.articlehead .qzoneinfo .left .text span i{font-size:22px; display:inline-block; vertical-align:middle;}
.articlehead .qzoneinfo .left .text span .iconfont{margin-right:6px;}
.articlehead .qzoneinfo .left .text .alevel{margin-right:0; color:#fe741c;}
.articlehead .qzoneinfo .right{float:right; text-align:right;}
.articlehead .qzoneinfo .right a.auther{font-size:24px; color:#555ba6; display:inline-block; line-height:1em; padding:14px 20px; border:1px solid #555ba6; border-radius:6px; margin-top:8px;}
.articlehead .qzoneinfo .right a.auther::after{content: "关注";}
.articlehead .qzoneinfo .right a.auther.guanzhu{ background:#555ba6; color:#FFF;}
.articlehead .qzoneinfo .right a.auther.guanzhu::after{content: "已关注";}

.articlehead .qzoneinfo .attention{position:relative; right:auto; top:auto; line-height:1.8em;}

#mzsmcontent{display:block; margin:40px 30px 0 30px; background:#fff; position:relative; padding-bottom:20px;}
.mzsm{border:1px solid #ddd;padding:30px 20px 20px 20px;;position: relative; height:10.6em; overflow:hidden;}
#mzsmcontent .mzsm_title{position: absolute;line-height: 20px; width:320px; background-color: #fff;left: 50%;top: -10px;margin-left: -160px; border-radius: 10px 10px 0 0; z-index: 1; padding: 0px 10px;}
.mzsm .mzsm_box{ margin-bottom:20px; text-align:justify;}
.mzsm .mzsm_box a{ margin-right:10px;}
.mzsm .mzsm_box a:last-child{ margin-right:0px;}
.mzsm .mzsm_box:last-child{ margin-bottom:0px;}
#mzsmcontent .moremzsm{ text-align:center; height:0;}
#mzsmcontent .moremzsm .iconfont{ width:42px; height:30px; padding:0 6px; background:#fff; top:-15px; position:relative; z-index:1;}
.articlepraise{text-align: center;}
.articlepraise .dianzhan{ margin-right:20px; background-color:#FFDC00; color:#1A1A1A}
.articlepraise .xiajiang{ background-color:#EEEEEE; color:#999999}
.articlepraise .dianzhan,.articlepraise .xiajiang{padding:0px 10px; display:inline-block; border:1px solid #ddd;text-align:center; line-height:2.2em;min-width: 26%;border-radius: 1.1em;}
.articlepraise .dianzhan a{color:#1A1A1A; display:block;}
.articlepraise .xiajiang a{color:#999999; display:block;}
.articlepraise .addnum.c999{ text-align:left;}
.articlepraise i.iconfont{display: inline-block;border-radius: 50%;background: #FFF;padding: 4px;  box-sizing:content-box;margin-right: 10px;}
.commentadd{}
.commentadd .commentbtn{ display:inline-block; background:#F8D301; line-height:2em; padding:0 20px; border-radius:2em; margin-right:20px;}
.commentadd .scorebtn{ display:inline-block; background:#F4F4F4;line-height:2em; padding:0 20px; border-radius:2em;}
.commentadd .commentbtn.hui{ background:#EEE;}

.commentadd .textbox{ background:#EDEDED;line-height:2.4em;border-radius:2em; width:100%; position:relative; padding-left:30px; margin-top:20px;}
.commentadd .textbox .btn{border-radius:2em; position:absolute; right:0; top:0; padding:0 30px;}
.commentadd .textbox input{line-height: 2.4em;width: 80%;outline:none;border:none;background:none;}

.commentadd .commentcol{ margin-top:30px;}
.commentadd .commentcol .item{ width:100%; padding:30px 0; border-bottom:1px solid #e3e3e3;}
.commentadd .commentcol .item:first-child{ padding-top:0;}
.commentadd .commentcol .item .img{ display:table-cell; vertical-align:top;}
.commentadd .commentcol .item .img img{width:70px; height:70px; max-width:none; border-radius:50%;}
.commentadd .commentcol .item .info{ display:table-cell; width:100%; vertical-align:top; line-height:1.8em; padding:0 0 0 20px;}
.commentadd .commentcol .item .info .cont{word-break: break-all;}
.commentadd .commentcol .item .other{ font-size:24px;}
.commentadd .commentcol .item .other .del{ margin-left:40px;}
.commentadd .commentcol .item .date{ margin-right:10px;}
.commentadd .commentcol .item .fr{ float:right; margin-left:10px;}
.commentadd .commentcol .item .other .jubao{ display:none !important;}
.commentadd .commentcol .item:hover .other .jubao{ display:inline-block;}
.commentadd .commentcol .item .other a{ color:#586b95}
.commentadd .commentcol .item .other a:hover{ color:#f60}
.commentadd .commentcol .replylist{ background:#eee; padding:0 20px;}
.commentadd .commentcol .replylist .info{ display:table-cell; vertical-align:top; width:100%;}
.commentadd .commentcol .replylist .item{ padding:20px 0;}

.replybox .replycont{ background:#f6f6f6; padding:20px; margin-bottom:40px;}
.replybox .textarea{ width:100%; height:230px; line-height:1.5em; font-size:28px; background:none; outline:none; resize:none; background:#fff; padding:20px; border:1px solid #eee;}

.articlelist .itembox{ counter-reset:li;}
.articlelist .item{padding:30px 0; border-bottom:1px solid #eee; position:relative; display:block;}
.articlelist .item:nth-child(1){padding-top:0;}
.articlelist .item.haspic .contbox{ width: 450px; float:left;}
.articlelist .item.haspic .contbox .title{height:3em;}
.articlelist .item .ad{ position:absolute; right:0; bottom:30px; background:rgba(0,0,0,0.3); color:#eee; font-size:20px; padding:0 5px;}
.articlelist .item .ad:hover{ color:#ff0;}
.articlelist .item .img{ width:220px; height:137px; float:right; overflow:hidden; position:relative;}
.articlelist .item .img img{ width:100%; height:100%; object-fit:cover;}

.articlelist .item .contbox .title{ line-height:1.5em; text-align:justify;}
.articlelist .item.ads .contbox .title{ margin-bottom:0.5em;}
.articlelist .item .contbox .piclist{margin-top:15px; position:relative;padding: 0;}
.articlelist .item .contbox .piclist .biaoshibox {top:10px;}
.articlelist .item .contbox .piclist .picimg{width:32%; height:138px; float:left; margin-left:2%; background-position:center center; background-size:cover;}
.articlelist .item .contbox .piclist .picimg.first{margin-left:0px;}
.articlelist .item .contbox .piclist .picimg img{ display:block; margin:0px auto; max-width:100%;}
.articlelist .item .contbox .other{margin-top:15px; position:relative; height:1.6em; overflow:hidden; padding-right:100px;}
.articlelist .item .contbox .other .biaoqian{ display:inline-block; border:1px solid #eee;padding:0 20px; margin-bottom:1px; line-height:1.5em; color:#8d99b8}
.articlelist .item .contbox .other .biaoqian:hover{ color:#f60}
.articlelist .item .contbox .other .attention{ position:absolute; right:0; top:0; min-width:100px; color:#ccc; line-height:1.5em; background:#fff;}

.articlelist.tuku .contbox .piclist .picimg{height:216px;}
.articlelist.zhaoshang .contbox .title{ color:#333;}


.download{ width:750px; margin:0 auto;}
.download .imgbox{ display:block;position:relative;}
.download .imgbox .logo{ position:absolute;right: 88px;bottom: 38px;}
.download .imgbox .img{ width:100%;border-radius: 20px;}
.download .mgt20{ display:block; margin-top:20px;}
.download .mgt5{ display:block; margin-top:5px;}
.adsrbrand{ width:750px; margin:0 auto;}
.adsrbrand .itembox{ position:relative; padding:0;}
.adsrbrand .swipe .perview i{ height:8px; margin:0 4px;}

.adsrbrand .itembox .item{ display:block; position:relative;}
.adsrbrand .itembox .phone{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.3); padding:0 10px 0 20px; line-height:60px; text-shadow:1px 1px 2px #333; color:#fff; font-size:28px;}
.adsrbrand .itembox .phone::after{content:""; position:absolute; left:100%; top:0; border-width:30px 16px; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.3) rgba(0,0,0,0.3);}
.adsrbrand .itembox .ad{ position:absolute; right:0; bottom:30px; font-size:20px; color:#ddd; background:rgba(0,0,0,0.3); line-height:1.5em; padding:0 10px;}
.adsrbrand .itembox .ad:hover{color:#ff0;}
.navlist2 .itembox{ padding:15px 20px;}
.navlist2 .itembox:after,.navlist2 .itembox .slice:after{ content: "";  height: 0;clear: both; display: block;}

#slicemenu .navlist2 .itembox{ padding:15px 0;}
.navlist2 .item{ float:left;text-align:center;}
.navlist2 .item a{ display:block;line-height:2em;margin:0 10px; padding:0 10px;}
.navlist2 .item.hide{ display:none;}
.navlist2 .itembox.open .item.hide{ display:block;}
.navlist2 .item.openbtn a::after{content:"展开>"}
.navlist2 .item.openbtn a.open::after{content:"<收起"}
.navlist2 ul:nth-child(n+2){ margin-top:20px;}

.navlist2.col2 .item{ width:50%;}
.navlist2.col2 .item:nth-child(n+3){ margin-top:20px;}

.navlist2.col3 .item{ width:33.33%;}
.navlist2.col3 .item:nth-child(n+4){ margin-top:20px;}

.navlist2.col4 .item{ width:25%;}
.navlist2.col4 .item:nth-child(n+5){ margin-top:20px;}

.navlist2.col5 .item{ width:20%;}
.navlist2.col5 .item:nth-child(n+6){ margin-top:20px;}

/*style1*/
.navlist2.style1 .item a{ border:1px solid #eee; border-radius:1.5em;}
.blockstyle2 .navlist2.style1 .item a{border-color:#eed5ca;}

/*style2*/
.navlist2.style2 .item a{border-radius:6px;background: #fff;color: #333;}

/*style3*/
.navlist2.style3 .item a{background: #FFF;}

/*style4*/
.navlist2.style4 .item a{ border:1px solid #eee;color: #333;}
.blockstyle2 .navlist2.style4 .item a{border-color:#eed5ca;}

/*style5*/
.navlist2.style5{ padding:0 30px 30px 30px;}
.navlist2.style5 .itembox{background:url(/public/img/bangdanbg1.jpg); background-size:contain; border-radius:10px;padding: 20px 10px; margin:0;}
.blockstyle2 .navlist2.style5 .itembox{background:url(/public/img/bangdanbg2.jpg);}
.navlist2.style5 .itembox .item a{background: #FFF;border-radius: 8px;}

/*style6*/
.navlist2.style6 .item a{line-height: 2em;color: #666;border: solid 1px #d2d2d2;border-radius: 4px;}

/*style7*/
.navlist2.style7 .item a{background: #f4f4f4;line-height: 1.8em;border-radius: 2em;}

/*style8*/
.navlist2.style8 .item a{line-height: 2em;border-radius: 2em;}

/*style9*/
.navlist2.style9 .item a{background: #F3F3F3;color: #333;border-radius: 3px;line-height: 2.4em;height: 2.4em;}

.navlist2.style10 .item a{background: rgba(190,15,27, 0.1);color: #be0f1b;line-height: 2.4em;height: 2.4em;border-radius: 6px;text-align: center;}

.navlist2.style11 .item a{ background:#555ba6; color:#FFF; border-radius:2em;line-height: 2.2em;}