a{cursor:pointer;text-decoration:none;outline:0; color:#202935}
a:focus,a:hover,a.cur{color:#ff6000;text-decoration:none}

img{border:0;vertical-align:middle}

.hidden,.hide,[hidden]{display:none}
.hidden{visibility:hidden}
.show{display:block}
.dis-ib{display:inline-block}
.va-t{vertical-align:top}
.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.section-container .iconfont{width: 60px;height: 60px; background-color:#108cee; color:#fff; display:block; float:left; font-size:46px;border-radius:2px; line-height:60px; text-align:center}/*用于提供更多产品模块*/

#main{padding:10px 10px 0}
h1,h2,h3,h4,h5,h6{color:#333;font-size:100%}

.ellipse{border:1px solid #08a600; padding:2px;border-radius:2px 3px;font-size:12px; margin-left:11px;color:#08a600}

i{font-style: normal;}

.w-250{width: 250px; box-sizing: border-box;}

.plr-5{padding-left: 5px; padding-right: 5px;}
.pd-tb-7{padding-top: 7px;padding-bottom: 7px;}
.bg-green{background-color: #419E00;}
.column-btn{display: inline-block;width: 60px;height: 22px;line-height: 22px;background: #1f88ec;color: #fff;text-align: center;font-size:12px;border-radius: 4px;}
.bg-gray{background-color: #878FA0}
.w-200{width:200px;text-align: center;}
.c-blue{color:#1D5AF2;}
.blue{color:#0067ff}
.bg-green2{background-color: #17C288;}

.no_bor{border:none!important}
.width90{width:90px}
.width100{width:75pt}
a.bluelink:link,a.bluelink:visited{color:#06c;text-decoration:none}
a.bluelink:hover{color:#f60}
.ico_notice{background:url(img/ico_notice.gif) no-repeat left center}
.iprice{color:#f30}
.text-right{text-align:right}
.text-center,th{text-align:center}


.text_orange{color:#fe7300;}
.text_red{color:#fc0606;}
.text_green{color:#099802;}
.text_blue{color:#0070cc;}
.text_black{color: #333;}
.text_gray{color:#666;}
.text_light_gray{color: #999;}
.text_center {
    text-align: center !important;
}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}
.t_bg {background: #F0F3F8;}
.mt10{margin-top:10px !important}
.mb10{margin-bottom:10px}
.mt-5{margin-top:5px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mb20{margin-bottom:20px !important}
.ml-5{margin-left:5px}
.ml-15{margin-left:15px}
.ml-30{margin-left:30px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-100{margin-right:75pt}
.pt-5{padding-top:5px}
.pt-10,.pt10{padding-top:10px}
.pt-20{padding-top:20px}
.pb-10{padding-bottom:10px}
.pb60{padding-bottom:60px}
.pl10{padding-left:10px}
.pl-20{padding-left:20px}
.pr-10{padding-right:10px}
.font12{font-size:9pt !important}
.font14{font-size:14px}
.font16{font-size:1pc}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font-larger{font-size:24px}
.font26{font-size:26px}
.font30{font-size:30px}
.font36{font-size:36px}
.font40{font-size:40px}
.green{color:#16a951}
.fred{color:#c00}
.forange{color:#f60!important}
.color-dark{color:#333}
.fgray{color:#666}
.color-light{color:#999 !important}
.smallbtn,input.graybtn{color:#fff;border:none;cursor:pointer;font-size:14px;display:inline-block;height:30px;line-height:30px;text-align:center;border-radius:3px}
.smallbtn{background:#438ec7}
.smallbtn:hover{background:#4d9cd9}
input:disabled{background:#ccc;}
input.graybtn{background:#ddd;}
input.graybtn:hover{background:#e5e5e5;}
input.bluebtn:disabled{background:#ddd;color:#999}

.blue-link{color:#0b6eca}
.blue-link:hover{color:#fe6b1b}
.seo-link{color:inherit}
.btn-link{display:inline-block;padding:2px 8px;border-radius:2px;background-color:#f1f4f4;border:1px solid #d9d9d9;color:#656565}
.btn-link:hover{background-color:#2086ee;color:#fff;border:1px solid #2086ee}
/*
.btn{display: inline-block;border: 1px solid transparent;line-height: 30px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;white-space: nowrap;cursor: pointer;text-align: center;vertical-align: middle;padding: 0 15px; font-size:14px;transition:all .3s ease}
.btn:hover {opacity:1;}
*/
.info_btn{width: 150px;height: 40px;font-size: 14px;background-color:#ff6000;box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;color:#fff;padding: 0 30px; line-height:40px; display: inline-block}
.info_btn:hover{border-radius: 20px;color:#fff;}

.btn_primary{background: #2086ee;border-color: #2086ee;color: #fff;}
.btn_default{border-color: #b3d9ff;background: #f9fcff;color: #3478bc;}
.btn_default_gray{border-color: #ccc;color: #333;background: #fff;}
.btn_gray{border-color: #efefef;background: #efefef;color: #333;}
.btn_small{line-height: 26px !important;padding: 0 10px !important;vertical-align: middle;}

.common-input{padding-left:10px;width:223px}
.common-input,.common-select{height:34px;line-height:34px;border:1px solid #e6e6e6}
.common-select{margin-right:4px;width:237px}
.c-input,.manager-input{border:1px solid #dfdfdf;padding-left:10px;box-sizing:border-box}
.m-input{height:38px;line-height:38px}
.s-input{height:2pc;line-height:2pc}
.manager-select{padding-left:10px;border:1px solid #dfdfdf;font-size:14px;color:#4b4b4b;vertical-align:bottom;box-sizing:border-box}
.m-select{height:40px;line-height:40px}
.s-select{height:2pc;line-height:2pc}
.slide-h-268{height:268px;overflow:hidden}
.slide-h-268 .slide-wrapper li{height:268px;display:block}

/*
.footer{overflow:hidden;background:#26344b; text-align:center; padding:15px 0 10px}


.footer p{color:#ced9e9;font-size:12px;line-height:24px}
.footer p a{color:#ced9e9}
.footer p a:hover{color:#fff}
*/
/*footer*/

.footer{overflow:hidden;background:#26344b; color:#9aaac3}
.footer .footer-main{width:1200px;margin:0 auto;overflow:hidden}
.footer .footer_content{zoom:1;padding:25px 0 0px;margin-left:-49px}
.footer .footer_content:after{display:block;font-size:0;content:" ";clear:both;height:0;width:0}
@media (min-width:769px){
    .footer .footer_content{padding:45px 0 0px;}
    .footer .footer_content dl{float:left;width:280px;height:140px;border-left:1px solid #364a67;padding-left:48px;padding-right:20px}
    .footer .link-wrap{padding:0 50px 0 110px;}
    .footer .footer_content dl dt{padding-bottom:25px;}
}

.footer .footer_content dl:first-child{border-left:none}
.footer .footer_content dl dt{font-size:16px;color:#ced9e9}
.footer .footer_content dl dd{zoom:1;overflow:hidden}
.footer .footer_content dl dd:after{display:block;font-size:0;content:" ";clear:both;height:0;width:0}



.footer .footer_content dl dd .footer_link{margin-left:-18px}
.footer .footer_content dl dd .footer_link a{display:inline-block;*display:inline;margin:8px 0;padding:0 18px;border-left:1px solid #434f63;line-height:14px;font-size:14px;color:#9aaac3;*zoom:1}
.footer .footer_content dl dd .footer_link a:hover{color:#fff}
.footer .link-wrap{border:1px solid #364a67;border-width:1px 0;line-height:25px;height:70px;overflow:hidden;position:relative;zoom:1}
.footer .link-wrap:after{display:block;font-size:0;content:" ";clear:both;height:0;width:0}
.footer .contact .weixin,.footer .contact .weixin:hover{display:inline-block;background-image:url(img/sprite.png?v=1541991023969);width:49px;height:48px;vertical-align:middle}
.footer .link-wrap dt{float:left;padding:22px 35px 22px 0;font-size:16px;position:absolute;left:0;top:0}
.footer .link-wrap dd{float:left;padding:22px 20px 22px 0;font-size:14px}
.footer .link-wrap dd a{color:#9aaac3}
.footer .link-wrap dd a:hover{color:#fff}
.footer .link-wrap dd.link-more{padding:22px 0;position:absolute;right:0;top:0}

.footer .fr .service div{width: 100px;height: 100px;border-radius: 5px;background: #fff;padding: 5px;}
.footer .fr .service h6{line-height: 30px;text-align: center;color: #9a9a9a;}
.footer p{padding:8px 0 0;line-height:24px}
.footer p a{color:#9aaac3}
.footer p a:hover{color:#fff}

.footer .copyright{padding:10px 0 18px 0;}

.gotop{position:fixed;right:8%;width:50px;height:42px;padding:8px 0 0;color:#fff;line-height:18px;background-color:#b2b2b2;bottom:90px;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9999}
.gotop,.gotop span{display:none}
.gotop i{display:inline-block;width:26px;height:15px;margin-top:10px; font-size:24px}
.gotop:hover{background-color:#000;cursor:pointer}
.gotop:hover span{display:inline-block}
.gotop:hover i{display:none}
/**/

.weizhi{padding: 8px 0px;line-height: 24px;font-size: 12px; color: #bdbdbd;}
.weizhi a{color: #bdbdbd;}
.pages{padding-top:10px}
.pageinfo{padding:0 8px;}
.pageinfo,.pagenavlist{display:inline-block;vertical-align:middle}


.tags{text-align:center}
.tags a{display:inline-block;padding:4px 7px 3px;margin:0 4px 4px 0;color:#fff!important;font-size:9pt;background-color:#ff5e52}
.tags a:hover{color:#fff;opacity:1;filter:alpha(opacity=100)}

.banner-title-sub{margin-top:30px;padding-left:40px}

table tr.no-border td{border:0}table tr.no-border:hover{background-color:#fff}


.mubantitle{padding:10px 0px;font-size:14px;height: 27px;}
.indexTitleT{font-size:20px;}
.f12{font-size:12px;color:#999}
.mr{margin-right: 0px !important;}

.itmore{float:right;padding-top:5px;}
.itmore em{border-left:1px solid #ccc;display: inline-block;width: 6px;height: 8px;margin-left: 8px;}
.z-fl{background-color: #FF0000;margin-top: 3px;width: 3px;height: 20px;display: inline-block;margin-right: 12px;vertical-align: text-bottom;}

.project-tax span{font-size:10px;font-family:"Arial";}
/*属性组合搜索*/
.scAlCTop *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.scAlCTop{width:100%;background: #fff;border-radius: 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 18%); padding:0 10px;}
/*.scAlCTop .style-list{width: 1260px;}
.style-list { width:988px;}*/
.style-list .slist-1 { position:relative;height:43px; line-height:43px; border-bottom:1px dashed #eee;width: 100%; clear:both}
.style-list .slist-1 ul li { float:left;height:25px; line-height:25px;margin-left:3px; margin-top:8px;display:inline-block;white-space:nowrap; text-align:center;}
.style-list li{padding:0 11px; min-width:70px;border-radius:3px;}
.style-list .slist-1 ul  li:hover,.style-list .slist-1 ul li.touch {background:#2087ed; color:#fff !important;}
.style-list .slist-1 ul li:hover a{ color:#fff !important;}
.style-list .slist-1 ul li.titname {width:42px!important;height:22px!important;display:inline-block; font-weight:bold;color: #000; margin-left:0;padding: 0 5px !important; min-width:42px !important}

.style-list .slist-1 ul .btns:hover{ background:none;}

.br8{border-radius:8px;}
/*btn*/
.btn{position:relative;display:inline-block;font-weight:normal;text-align:center;line-height:1.6;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(0,0,0,0);outline:0;padding:8px 32px;font-size:14px;transition:all .3s ease-in-out}
.btn abbr{display: none;position: absolute;bottom: 100%;left: 0;right: 0;background-color: #fff;border: 1px solid #eee;border-radius: 8px;padding: 5px;text-align: center;font-size: 12px}
.btn:hover abbr{display: block}
.btn:hover{ background-color:#00b8a9 !important; color:#fff!important;}
.btn-small{ padding:2px 10px;}

.btn-red,.btn-red:hover{ background-color:#d72323 !important; color:#d72323 !important}
.btn-blue,.btn-blue:hover{ background-color:#3490de !important; color:#3490de !important}
.btn-balck,.btn-balck:hover{ background-color:#000 !important; color:#000 !important}
.btn-gray{ background-color:#c9d6df !important; color:#fff }
.btn-green,.btn-green:hover{ background-color:#00b8a9 !important; color:#00b8a9 }
.btn-orange,.btn-orange:hover{ background-color:#ff5722 !important; color:#fff !important}
.btn-purple,.btn-purple:hover{ background-color:#b61aae !important; color:#b61aae !important}
.btn-Colorful,.btn-Colorful:hover{ background-color:#fbafaf !important; color:#fbafaf !important}


/*.btn{display:inline-block;font-weight:normal;color:#666;text-align:center;vertical-align:top;user-select:none;border:none;padding:0 32px;line-height:35px;font-size:14px;border-radius:100px;outline:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}*/
.btn:hover,.btn:focus,.btn.focus{outline:0;text-decoration:none}
.btn:active,.btn.active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-default{color:#777;background-color:#f2f2f2}
.btn-default:hover,.btn-default:focus,.btn-default.focus{color:#343a3c;background-color:#e2e2e2}
.btn-outline{line-height:36px;color:#fff;background-color:transparent;border:1px solid #fff}
.btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c;background-color:#fff}
.btn-primary{color:#fff;background-color:#ff6000}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0097eb}
.btn-primary-outline{color:#ff6000;background-color:transparent;border:1px solid #ff6000 !important}
.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus,.btn-small:hover,.btn-small:focus,.btn-small{color:#fff;background-color:#ff6000}

/*.btn-small{ color:#ff6000;background-color:transparent;border:1px solid #ff6000; padding:0 20px;}*/

.btn-danger{color:#fff;background-color:#DC3545}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#d72536}
.btn-danger-outline{line-height:36px;color:#DC3545;background-color:transparent;border:1px solid #DC3545}
.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color:#fff;background-color:#DC3545}
.btn-block{display:block;width:100%}
/*.btn-alipay,.btn-wxpay{padding:0 25px 3px 15px}*/
.btn-alipay .fa,.btn-wxpay .fa{width:24px;height:24px;font-size:24px;margin-right:10px;position:relative;top:4px}
.btn-alipay{background-color:#00A4FF;color:#fff}
.btn-alipay:hover,.btn-alipay:focus,.btn-alipay.focus{background-color:#0097EB;color:#fff}
.btn-wxpay{background-color:#1dc31c;color:#fff}
.btn-wxpay:hover,.btn-wxpay:focus,.btn-wxpay.focus{background-color:#1AAD19;color:#fff}
.btn-like,.btn-reward{margin:0 10px;border-radius:100px;display:inline-block;padding:10px 30px;font-size:15px;min-width:130px}
.btn-like .fa,.btn-reward .fa{width:17px;height:17px;font-size:17px;margin-right:8px;position:relative;top:1px}
.btn-like{background-color:#ff6000;color:#fff}
.btn-like:hover,.btn-like:focus,.btn-like.focus{background-color:#0094e6;color:#fff}
.btn-reward{background-color:#ff7c00;color:#fff}
.btn-reward:hover,.btn-reward:focus,.btn-reward.focus{background-color:#e67000;color:#fff}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}





.style-list .slist-5 ul li.btns{ padding:0 !important; min-width:50px;}
.style-list .slist-5 ul li.btns a{ padding:4px 11px;line-height:25px;border-radius:3px;}
.style-list .slist-5 input[type=text]{height:28px;padding:0 10px;border:1px solid #e4e4e4;border-top-left-radius: 2px;border-bottom-left-radius: 2px;vertical-align: top;margin-right:-5px; margin-top:8px;}
.style-list .slist-5 input[type=submit]{width:46px;height:28px;border:0; background-color:#2087ed; color:#fff; line-height:28px; padding:0}



@media (max-width: 768px){
.scAlCTop{ width:100%; height:380px;}
.scAlCTop .style-list{width:100%; height:auto;}
.slist-5 .fr{ float:none !important}

.footer .footer_content{margin-left:0px;}
.footer_content .fr,.link-wrap{ display:none}
.footer_content dd{ margin-bottom:0}
.copyright{ padding:15px 8px !important;}

}


.projects-thumbnail{padding: 10px;max-height: 195px; height:auto;}

.projects-thumbnail img{width: 280px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.projects-thumbnail img:hover,.jq_list img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity: 0.8}
.project-desc{  height:35px}
.project-desc a{font-size: 14px;height: 30px;line-height: 30px;overflow: hidden; display:block;padding: 8px;white-space: nowrap;text-overflow: ellipsis;}
.project-tax{padding:8px;background: #fafafa;color: #aaa; font-size:12px}


.ellipsis,.text-overflow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.color-gray{color:#919191!important}
.buy-btn-group .btn-lg{padding:10px 30px}


[tabindex="-1"]:focus{outline:none !important}
h1,h2,h3,h4,h5,h6{margin-top:0;}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{list-style:none}ol,ul,dl{margin-top:0;margin-bottom:0;padding-left:0}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:bold}

/*dd{margin-bottom:.5rem;margin-left:0}*/

blockquote{margin:0 0 1rem}figure{margin:0 0 1rem}img{vertical-align:middle;max-width:100%}[role="button"]{cursor:pointer}a,area,button,[role="button"],input,label,select,summary,textarea{touch-action:manipulation}table{background-color:transparent}caption{padding-top:0.75rem;padding-bottom:0.75rem;color:#999;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}input,button,select{margin:0;line-height:inherit;border-radius:0}textarea{margin:0;line-height:inherit;border-radius:0;resize:vertical}output{display:inline-block}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}

.h3,.h4,.h5,.h6{font-size:1rem}
.lead{font-size:1.25rem;font-weight:300}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}
small,.small{font-size:80%;font-weight:normal}
mark,.mark{padding:.2em;background-color:#fcf8e3}

.initialism{font-size:90%;text-transform:uppercase}
.blockquote{padding:0.5rem 1rem;margin-bottom:1rem;font-size:1.09375rem;border-left:0.25rem solid #eceeef}
.blockquote-footer{display:block;font-size:80%;line-height:1.5;color:#999}
.blockquote-footer::before{content:"\2014 \00A0"}
.blockquote-reverse{padding-right:1rem;padding-left:0;text-align:right;border-right:0.25rem solid #eceeef;border-left:0}
.blockquote-reverse .blockquote-footer::before{content:""}
.blockquote-reverse .blockquote-footer::after{content:"\00A0 \2014"}

.affix{position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.clearfix::after{content:"";display:table;clear:both}
.invisible{visibility:hidden !important}
.text-hide{font:"0/0" a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-justify{text-align:justify !important}
.text-nowrap{white-space:nowrap !important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-lowercase{text-transform:lowercase !important}
.text-uppercase{text-transform:uppercase !important}
.text-capitalize{text-transform:capitalize !important}
.font-weight-normal{font-weight:normal}
.font-weight-bold{font-weight:bold}
.font-italic{font-style:italic}
.text-muted{color:#999}
.hidden-lg-down{display:none !important}
.visible-print-block{display:none !important}
@media print{.hidden-print{display:none !important}}
.thumbnail{border:none;padding:0;margin:0}
.title,.pagetitle{margin-bottom:20px;overflow:hidden}
.title h3{font-size:16px;margin:0;float:left}
.pagetitle h1,.pagetitle h2{font-size:16px;margin:0;float:left}
.title .more{float:right;position:relative}
.title .more li{float:left;margin-left:20px}
.pagetitle small{margin-left:10px;position:relative;top:2px;color:#999}
@-webkit-keyframes panel-fade-up{0%{opacity:0}
25%{opacity:0;-webkit-transform:translatey(30px)}
100%{opacity:1;-webkit-transform:translatey(0)}}@keyframes panel-fade-up{0%{opacity:0}
25%{opacity:0;-webkit-transform:translatey(30px);-ms-transform:translatey(30px);transform:translatey(30px)}
100%{opacity:1;-webkit-transform:translatey(0);-ms-transform:translatey(0);transform:translatey(0)}}.panel{-webkit-animation:panel-fade-up 0.4s ease;animation:panel-fade-up 0.4s ease;position:relative;border-bottom:1px solid #E0E0E0;border-radius:4px}


.content-wrap{width:100%;float:left}
.content{position:relative;min-height:500px;margin-right:320px; height:auto;}

@media (max-width: 768px){

.content-wrap{float:none}
.content{margin-right:0}
.sidebar{display:none;margin-left:0;float:none;width:auto}
	.content{ width:100%; margin-right:0}}


.sidebar{float:left;margin-left:-320px;width:320px;position:relative;z-index:10}
.theme-buy{margin-bottom:20px}
.table{width:100%;max-width:100%;margin-bottom:10px}
.table th,.table td{padding:0.75rem;line-height:1.5;border-top:1px solid #eceeef}
.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}
.table tbody+tbody{border-top:2px solid #eceeef}
.table .table{background-color:#fff}
.table-sm th,.table-sm td{padding:0.3rem}
.table-bordered{border:1px solid #eceeef}
.table-bordered th,.table-bordered td{border:1px solid #eceeef}
.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}
.table-striped tbody tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover tbody tr:hover{background-color:#f5f5f5}
.table-responsive{display:block;width:100%;min-height:0.01%;overflow-x:auto}


@-webkit-keyframes float{0%{-webkit-transform:translatey(10px)}
50%{-webkit-transform:translatey(-10px)}
100%{-webkit-transform:translatey(10px)}}@keyframes float{0%{transform:translatey(10px)}
50%{transform:translatey(-10px)}
100%{transform:translatey(10px)}}

.excerpts{margin-bottom:20px;padding:20px;background-color:#fff;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);}
.excerpts h1 {font-size: 18px;font-weight: bold; padding-bottom:15px;}
.excerpts-leader{overflow:hidden;margin-bottom:20px}
.excerpts-leader h1,.excerpts-leader h3{float:left;font-weight:bold;font-size:15px;margin-bottom:0}
.excerpts-leader .more{float:right;font-size:12px;line-height:16px}
.excerpts-leader .more li{float:left;margin-left:10px}
.excerpts-leader .more li a{display:block;color:#ff6000}
.excerpts-leader .more li a:hover{color:#0097eb}
@media (max-width: 768px){
	.excerpts{padding:13px}
	.excerpts h1 {padding-bottom:0px;}
	.excerpts-leader h3{font-size:14px;font-weight:bold;}
.excerpts-leader .more{margin-top:-2px}}.excerpt{position:relative;padding-left:220px;overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f2f2f2}
.excerpt .focus{float:left;margin-left:-220px;width:200px}
.excerpt .thumb{border-radius:4px;display:block}
.excerpt h2{font-size:18px;line-height:1.3;margin:0 0 15px;font-weight:bold;max-height:46.8px;overflow:hidden}
.excerpt .note{color:#999;line-height:1;height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.excerpt .meta{overflow:hidden;position:absolute;bottom:20px;left:220px;right:0;color:#bbbbbb;font-size:12px}
.excerpt .meta time{float:left;margin-right:20px}
.excerpt .meta .meta-cat{float:left;margin-right:20px}
.excerpt .meta .meta-cmt{float:left}
.excerpt .meta .meta-like{cursor:pointer;float:right}
.excerpt .meta .meta-like:hover{color:#ff6000}
.excerpt .meta .meta-like .fa{margin-right:5px}
.excerpt .meta a{color:#bbb}
.excerpt .meta a:hover{color:#ff6000}
@media (max-width: 768px){.excerpt{padding-bottom:16px;margin-bottom:15px;padding-left:175px;border-bottom:none}
.excerpt:before{content:'1';color:transparent;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,0.06);display:block;overflow:hidden;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.excerpt .focus{margin-left:-175px;width:160px}
.excerpt .meta{left:175px}
.excerpt h2{font-size:16px;max-height:41.6px;margin-bottom:10px}
.excerpt .meta{bottom:15px}}@media (max-width: 544px){.excerpt{padding-left:125px}
.excerpt .focus{margin-left:-125px;width:110px;border-radius:3px;overflow:hidden}
.excerpt .thumb{width:130px;max-width:130px;margin-left:-10px}
.excerpt .meta{right:0;left:125px}
.excerpt h2{font-size:14px;line-height:1.4;max-height:57.8px;margin-bottom:0;text-align:justify;font-weight:normal;text-shadow:0.2px 0 0 #343a3c}
.excerpt .note{display:none}
.excerpt .meta{font-size:11px;line-height:1}
.excerpt .meta time{margin-right:15px}
.excerpt .meta .meta-cat{display:none}}
.pagination{clear:both;text-align:center;font-size:12px; padding:15px;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{margin:0 2px;float:left;padding:7px 14px;background-color:#f6f6f6;color:#666;border-radius:2px;}
.pagination ul>li>a:hover{ color:#ff6000}
.pagination ul>.active>a,.pagination ul>.active>a:hover,.pagination ul>.active>span{background-color:#ff6000;color:#fff;cursor:default}
/*.pagination ul>li>span{color:#999;background-color:transparent;cursor:default}*/
.pagination ul>.disabled>span{color:#999;background-color:transparent;cursor:default}
.pagination ul>.disabled>a{color:#999;background-color:transparent;cursor:default}
.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;background-color:transparent;cursor:default}
.pagination-loading{text-align:center;padding:15px 0}
.pagination-loading img{width:60px}
@media (max-width: 767px){
.pagination ul>li.next-page{display:inline-block}
.pagination ul>li a{border-radius:50px;padding:8px 30px;font-size:12px;color:#343a3c !important}}.page-search .excerpt h2 a .word{color:#ff6000}


.widget header{padding-bottom:20px;line-height:1}
.widget .title strong{border-bottom-color:transparent}
.widget .title .btn{position:absolute;top:5px;right:10px;font-weight:normal;padding:2px 7px 1px}
@media (max-width: 544px){.widget{margin-bottom:15px;box-shadow:none}}.widget-hot ul{overflow:hidden;font-size:12px;margin-right:-2%;margin-top:-10px}
.widget-hot ul li{float:left;width:98%;margin-right:2%;margin-top:10px}
.widget-hot ul li.s2{width:48%}
.widget-hot ul li.s3{width:31.3333333333%}
.widget-hot ul a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:1;line-height:32px;border-radius:50px;border:1px solid #ddd;text-align:center}
.widget-hot ul a:hover{color:#fff;border-color:#ff6000;background-color:#ff6000}
@media (max-width: 768px){.widget-hot{display:block}}
.widget-posts ul{margin-top:-20px;padding:0;line-height:1.5}
.widget-posts li{margin-top:20px}
.widget-posts li:last-child{padding-bottom:0}
.widget-posts time{color:#bbb;font-size:12px;margin-top:5px;display:block}
.widget-theme{padding:10px 30px 30px;text-align:center}
.widget-theme .-thumb{display:block;position:relative;margin-bottom:20px}
.widget-theme img{display:block}
.widget-theme h3{padding:0;margin:0 0 10px}
.widget-theme h4{font-size:14px;line-height:1.5;margin-bottom:20px;color:#999}
.widget-theme .btn{margin:0 5px;padding-left:30px;padding-right:30px}
.article-container{margin-bottom:15px;padding:10px 30px 30px;background-color:#fff;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);border-radius: 4px;}
.article-container:before,.article-container:after{display:table;content:"";line-height:0}
.article-container:after{clear:both}
@media (max-width: 544px){.article-container{padding:15px;border-radius:0;margin-bottom:1px;box-shadow:none}}
.article-header{margin-bottom:25px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 3px;}
@media (max-width: 544px){.article-header{margin-bottom:20px}}
.article-title{font-size:  0.28rem;
    font-weight: 600;
    letter-spacing: .5px;
    height: inherit;}
@media (max-width: 544px){.article-title{font-size:18px}}.article-meta{margin-top:12px;color:#999;overflow:hidden}
.article-meta a{color:#999}
.article-meta a:hover{color:#343a3c}
.article-meta .item{float:left;margin-right:40px}
.article-meta .item .iconfont{margin-right:7px}
@media (max-width: 768px){.article-meta{font-size:11px;margin-top:8px;color:#bbb}
.article-meta .item{margin-right:15px}
.article-meta .item .fa{margin-right:5px}
.article-meta a{color:#bbb}}
.article-desc{position:relative;color:#999;padding:15px 20px;background-color:#fbfbfb;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; margin-bottom:15px;}
.warn{ color:#ff461f !important;}
@media (max-width: 768px){.article-desc{font-size:12px;padding:15px}}

.article-content{font-size:16px;line-height:2;margin-bottom:25px;text-align:justify;color: #525252;}
.article-content p{margin-bottom:15px;}
.article-content p a{border-bottom:1px solid #ffdfcc;word-break:break-all;color:#ff6000}
.article-content p a:hover{color:#ff6000;border-bottom-color:#ff6000}
.article-content img{display:block;max-width:100%;height:auto;margin:0 auto; border-radius:8px}
.article-content hr{margin:50px auto;width:100px;border-top-color:#eee}
.article-content h4 {font-size:150%;font-weight:400;  position: relative; margin: 20px 0; border-left: 5px solid #008bf5; padding: 12px; line-height: 20px; background: #f1f5f8;border-radius: 4px;}
.article-content h4:after { content: ''; position: absolute; bottom: 0; right: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 30px; height: 36px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0 }


.article-content code{position:relative;top:-2px;display:inline-block;word-wrap:break-word;font-size:12px;background-color:#e9e7ef;color:#666;padding:0 8px;border-radius:4px}
.article-content em{ color:red; font-style:normal}

.article-content .alignnone{margin:0 auto}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin:0 auto;text-align:center;display:block}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content a{color:#ff6000;}
.article-content blockquote{color: #999;padding: 15px 20px;background-color: #fbfbfb;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;margin-bottom: 15px; font-size:13px}
.article-content blockquote p{margin:0;padding:0;margin-bottom:10px}
.article-content .post-copyright{clear:both; font-size:14px}

@media (max-width: 768px){
    .article-content{line-height:1.75; margin-bottom:10px;}
}

@media (max-width: 544px){
    .article-content h2{font-size:18px}
    .article-content h3{font-size:14px}
    .article-content h4{font-size:14px}
}


.article-container div:nth-of-type(2){font-size:16px;line-height:2;margin-bottom:25px;text-align:justify;color: #525252;}
.article-container div:nth-of-type(2) p{margin-bottom:15px;}
.article-container div:nth-of-type(2) p a{border-bottom:1px solid #ffdfcc;word-break:break-all;color:#ff6000}
.article-container div:nth-of-type(2) p a:hover{color:#ff6000;border-bottom-color:#ff6000}
.article-container div:nth-of-type(2) img{display:block;max-width:100%;height:auto;margin:0 auto; border-radius:8px}
.article-container div:nth-of-type(2) hr{margin:50px auto;width:100px;border-top-color:#eee}
.article-container div:nth-of-type(2) h4 {font-size:150%;font-weight:400;  position: relative; margin: 20px 0; border-left: 5px solid #008bf5; padding: 12px; line-height: 20px; background: #f1f5f8;border-radius: 4px;}
.article-container div:nth-of-type(2) h4:after { content: ''; position: absolute; bottom: 0; right: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 30px; height: 36px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0 }


.article-container div:nth-of-type(2) code{position:relative;top:-2px;display:inline-block;word-wrap:break-word;font-size:12px;background-color:#e9e7ef;color:#666;padding:0 8px;border-radius:4px}
.article-container div:nth-of-type(2) em{ color:red; font-style:normal}

.article-container div:nth-of-type(2) .alignnone{margin:0 auto}
.article-container div:nth-of-type(2) .alignleft{float:left;text-align:left;margin-right:10px}
.article-container div:nth-of-type(2) .aligncenter{margin:0 auto;text-align:center;display:block}
.article-container div:nth-of-type(2) .alignright{float:right;text-align:right;margin-left:10px}
.article-container div:nth-of-type(2) blockquote{color: #999;padding: 15px 20px;background-color: #fbfbfb;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;margin-bottom: 15px; font-size:13px}
.article-container div:nth-of-type(2) blockquote p{margin:0;padding:0;margin-bottom:10px}
.article-container div:nth-of-type(2) .post-copyright{clear:both; font-size:14px}

@media (max-width: 768px){
    .article-container div:nth-of-type(2){line-height:1.75; margin-bottom:10px;}
}

@media (max-width: 544px){
    .article-container div:nth-of-type(2) h2{font-size:18px}
    .article-container div:nth-of-type(2) h3{font-size:14px}
    .article-container div:nth-of-type(2) h4{font-size:14px}
}


ul.arclist,ol.arclist{margin:0 0 25px 28px}
ul.arclist{list-style:none}
 ul.arclist li{padding-left:18px;position:relative}
ul.arclist li:before{content:'';position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:10px;background-color:#ff6000}
ol.arclist{margin-left:46px;list-style:decimal}
ol.arclist li::marker{ color:#ff6000}
li.arclist{margin-bottom:8px}

@media (max-width: 544px){
	
    ul.arclist{margin:0 0 25px 0px}

}

.a-tags{color:#999;font-size:14px !important;}
.a-tags ul{float:right}
.a-tags a{color:#666}
.a-tags a:hover{color:#005ad3}
.a-tags li{display:inline-block}
.a-tags li:last-child{margin-right:0}
.a-tags li a::after{content:" , ";display:inline-block;color:#666}
.a-tags li:last-child a::after{display:none}
ul.rlist{list-style:none;margin-left:20px;font-size:16px;line-height:1.5; padding-bottom:20px;}
ul.rlist li{margin-top:15px;padding-left:18px;position:relative;text-align:justify}
ul.rlist li:before{content:'';position:absolute;top:9px;left:0;width:6px;height:6px;border-radius:10px;background-color:#ff6000}

.newslist li{position:relative;float:left;width:100%;margin:3px 0;padding-left:16px; height:30px;}
.newslist li h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;margin:0;line-height:30px; line-height:30px;}
.newslist li time{font-size:12px;position:relative;top:-25px;float:right;margin-left:10px;color:#bbb}
@media (max-width: 768px){
.newslist li{float:none;width:auto;margin-right:0}
.newslist li h2{font-size:14px}}


.sk-h2{font-size: 32px;font-weight: bold;padding: 0 0 30px;margin-bottom: 20px;border-bottom: 1px solid #00A0E9;}
.sk-c{color: #00A0E9;}
.anliku-filter{border-bottom: 1px dashed #DBDBDB;margin-bottom: 30px;}
.anliku-filter-item{margin-bottom: 10px;}
.anliku-filter-title{float: left;font-size: 18px;width: 100px;line-height: 36px;}
.anliku-filter-item-block{padding-left: 110px; padding-top:0; margin-top:0}
.anliku-filter-item-block a{float: left;font-size: 16px;padding: 0 20px;height: 36px;line-height: 36px;margin: 0 20px 20px 0;}
.anliku-list{margin-bottom: 20px;}
.anliku-list a{float: left;font-size: 16px;margin: 0 20px 10px 0;padding: 10px 0;}
.anliku-list a:hover{color: #00A0E9;text-decoration: underline;}
.left-col{float: left;width: 880px;margin: 0 20px 0 0;}
.right-col{margin-left: 900px;width: 300px;}
.sk-keyword-h2{padding: 0;border: none;margin-bottom: 15px;}
.anliku-case-item{float: left;width: 400px;margin: 10px 15px 0px 0px;}
.anliku-case-item.even{margin-right: 0;}
.anliku-case-img{width: 400px;height: 219px;margin-bottom: 16px;position: relative;overflow: hidden;box-shadow: 1px 1px 5px 0 rgba(7, 0, 2, 0.4);}
.anliku-case-img img{display: block;max-width: 100%;}
.anliku-case-item a:hover .anliku-case-img{filter: alpha(opacity=70);opacity: .7;}
.anliku-case{counter-reset: rank 0;}
.anliku-case .anliku-case-rank{counter-increment: rank; position: relative;}
.anliku-case .anliku-case-rank:before{content: counter(rank); position: absolute; z-index: 1; width: 127px; height: 60px; background: url(img/anliku-rank-bg.png) no-repeat center; left: -10px; top: 0; box-sizing: border-box; padding: 7px 20px 10px 10px; text-align: center; line-height: 43px; color: #fff; font-size: 30px;}
.anliku-case .anliku-case-item:nth-child(-n+9) .anliku-case-rank:before{content: "0" counter(rank);}
/*置顶认领*/
.anliku-case-info{margin-bottom: 8px;}
.anliku-case-intro{height: 63px;overflow: hidden;}
.anliku-case-bold{font-weight: bold;vertical-align: middle;color: #666;}
.anliku-case-name{display: inline-block;width: 324px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;color: #666;}
.anliku-case-item a:hover .anliku-case-name{color: #00A0E9;}
.anliku-case-show .anliku-case-name{width: 730px;color: #666; font-size:1.2rem}
.anliku-case-des{vertical-align: middle;text-align: justify;color: #666;}
.anliku-case-show{padding-bottom: 12px;position: relative;}
.anliku-case-show .anliku-case-img{width: 100%;height: 900px;margin-bottom: 20px;}
.anliku-case-show .anliku-case-img img{box-shadow: none;}
.anliku-case-show .anliku-case-info{line-height: 24px;}
.anliku-case-list{margin-bottom: 20px;}
.anliku-case-list-h2{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.anliku-case-list-item{float: left;width: 32.3%;margin: 0 1% 15px 0;}
.anliku-case-list-img{width: 100%;height: 162px;overflow: hidden;}
.anliku-case-list-img img{display: block;max-width: 100%;}
.anliku-warning{background-color: #f5f5f5;padding: 20px 20px 30px;position: relative;}
.anliku-warning p{font-size: 12px;color: #888;margin: 5px 0;}
.sk-note{font-size: 12px;line-height: 22px;color: #666;margin-bottom: 20px;}
.anliku-related-case{margin-top: 30px;}
.anliku-related-case-list{font-size: 0;}
.anliku-related-case-list a{font-size: 14px;color: #00A0E9;display: inline-block;margin: 0 15px 10px 0;}
.anliku-related-case-list a:hover{text-decoration: underline;}
/*案例库认领&&案例库页面样式调整*/
.sk-btns{float: right; margin-top: -18px;}
.renling-a{width: 90px;height: 26px;line-height: 26px;margin: 0 5px;}
.renling-right-info{padding: 20px;}
.renling-info{overflow: hidden;}
.renling-info-item{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #E5E5E5;}
.renling-info-title{position: relative;padding-left: 7px;margin-bottom: 5px;}
.renling-info-title:before{content: "";position: absolute;border-left: 2px solid #20B09F;height: 12px;left: 0;top: 50%;transform: translateY(-50%);}
.renling-info-txt{color: #666;line-height: 22px;text-align: justify;word-wrap: break-word;}
.renling-info-company{font-weight: bold;line-height: 22px;text-align: justify;}
.renling-btn{text-align: center;padding: 0 30px;}
.renling-btn:nth-child(2){margin-top: 20px;}
.renling-btn-a{width: 100%;height: 40px;line-height: 40px;font-size: 14px;}
.renling-right-weihu{padding: 30px 0 0;}
.renling-weihu{text-align: center; margin-bottom: 20px; margin-top: 20px;}
.renling-weihu-a{color: #333; font-size: 14px;}
.renling-weihu-a:hover{color: #20B09F;}
.renling-show{height: 44px; line-height: 44px; text-align: center; border-top: 1px dashed #E5E5E5;}
.renling-show-p{color: #666;}
.renling-show-em{margin-right: 5px; color: #f00;}
/**/
.btn-a{display:inline-block;border:none;padding:0;background-color:#20b09f;color:#fff;box-sizing:border-box;text-align:center}
.btn-a:hover{background-color:#1aa090}
.btn-b{display:inline-block;border:none;padding:0;background-color:#fff;color:#20b09f;border:1px solid #20b09f;box-sizing:border-box;text-align:center}
.btn-b:hover{background-color:#f2fffd}
/*专题边栏列表*/
.topic{ margin-top:0px !important;}
.topic li{ margin-top:0 !important; margin-bottom:10px;}
.special-list li{ font-size:14px;}


.article-zan{text-align:center;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;display:block}
.article-zan .zanbtn{display:block;cursor:pointer;border-radius:3px;text-align:center;line-height:2.4;outline:none;border:none;background: #ff5c00;color: #fff;}
.article-zan .zan-div{display:inline-block;flex-grow:1;padding:0 20px}
.article-zan .zanbtn{line-height:52px;font-size:18px;padding:0 55px;background-image:linear-gradient(to right, #ff2a00, #ff8400)}
.article-zan .zanbtn em{font-style:normal}
.article-zan .zanbtn:hover{background:#ff5c00}
/*layui code优化*/
.layui-code-view .layui-code-ol li{word-wrap: break-word;word-break: normal;}

/**/
.ifocus-items{margin-top:15px;float:right;width:74.6875%}
.ifocus-items h3{display:none;margin:0;border-radius:8px 8px 0 0;background-color:#00A4FF;color:#fff;height:41px;line-height:41px;text-align:center;font-size:14px}
.ifocus-items ul{padding:0;margin-right:-1.65%}
.ifocus-items li{width:31.58%;margin-right:1.65%;overflow:hidden;background-color:#fff;border-radius:5px;float:left;text-align:center}
.ifocus-items h2{margin:0;font-size:18px;font-weight:bold;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#202935}
.ifocus-items h4{line-height:1.5;font-size:14px;margin:15px 0 0;color:#999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ifocus-items h4 span{display:block}
.ifocus-items .-btn{position:relative;z-index:2;font-size:14px;display:block;margin-top:20px;color:#ff6000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ifocus-items .-btn .fa{top:-1px;margin-left:10px;font-size:12px}
.ifocus-items .-hot{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;top:18px;left:50%;margin-left:-11px;font-size:14px;color:#FF5E52}
.ifocus-items a{position:relative;display:block;padding:40px 20px;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ifocus-items a:hover{background-color:#ffefe5}
/*.ifocus-items a:hover h2,.ifocus-items a:hover h4,.ifocus-items a:hover .-btn,.ifocus-items a:hover .-hot{color:#fff}*/
@media (max-width: 768px){
.ifocus-items{float:none;width:auto;margin-left:0;margin-top:15px;background:none;border-radius:0}
.ifocus-items h3{display:none}
.ifocus-items ul{margin-right:-2%}
.ifocus-items li{float:left;width:48%;margin-right:2%;margin-top:2%;border-radius:0}

.ifocus-items li:first-child{width:100%}
.ifocus-items h2{display:inline-block;font-size:14px}
.ifocus-items h4{margin-top:6px;font-size:12px;line-height:1.4}
.ifocus-items .-btn{font-size:12px;margin-top:10px}
.ifocus-items .-hot{display:inline-block;position:relative;top:0;left:0;margin-left:4px}
.ifocus-items a{background-color:#fff;border-radius:8px;border-radius:0;padding:26px 20px 20px 20px}
.ifocus-items a:hover{background-color:#00A4FF}
.ifocus-items a:hover h2{color:#fff}
.ifocus-items a:hover h4{color:#fff}
.ifocus-items a:hover .fa{color:#fff}}
.ifocus-items{float:none;margin-top:0;margin-bottom:15px;width:auto;overflow:hidden}
@media (max-width: 544px){.ifocus-items{margin-bottom:10px}}



/*@import url("//at.alicdn.com/t/font_3026521_onud8o9vxfr.css");*/
[class^=ace-]{box-sizing: border-box;}

.ace-col-l-6{flex:0 0 25%;width:25%;max-width:25%}
body{font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;min-height: 100vh;font-size: 14px;margin: 0;padding: 0;background: #fff;}
html{color: #333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
.ace-view-unResponsive{margin:0 auto;overflow:hidden}


.couponlist{display: flex;flex-wrap:wrap;box-sizing: border-box;}
.couponlist li{padding-left: 10px; padding-right: 10px; margin-bottom:20px;}
@media (min-width: 320px)
.ace-col-xxs-12{flex: 0 0 50%;width: 50%;max-width: 50%;}

@media only screen and (min-width:768px){
	.ace-view-unResponsive{width:1280px}
}
@media only screen and (max-width:767px){
	.ace-view-unResponsive{padding:0 12px}
}

.coupon-card .header{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;color: rgb(24, 24, 24);background-color: rgb(255, 255, 255);background-image: url('img/coupon.png');}
.coupon-card .header .title{margin-bottom:8px;font-weight:600;text-align:left;color:inherit}
.coupon-card .header .corner{position:absolute;width:78px}
.coupon-card .header .corner .corner-text{user-select:none;position:absolute;text-align:center;width:78px;height:20px;font-size:12px;line-height:20px;color:#fff;transform:rotate(45deg);top:20px;right:-12px}
.coupon-card .header .corner .corner-text-up{position:absolute;text-align:center;font-weight:600;width:126px;height:20px;font-size:14px;line-height:20px;color:#fff;top:2px;right:4px;z-index:1}
.coupon-card .header .corner img{width:100%}
@media only screen and (min-width:767px){
	.coupon-card .header{height:120px;padding:16px 20px}
	.coupon-card .header .title{line-height:30px;font-size:18px}
	.coupon-card .header .corner{top:-8px;right:-7px}
}
@media only screen and (max-width:768px){
	.coupon-card .header{height:96px;padding:16px 12px}
	.coupon-card .header .title{font-size:16px;line-height:20px;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.coupon-card .header .corner{top:-6px;right:-11px}
	.coupon-card .header .corner .corner-text{top:14px;transform:rotate(45deg) scale(.75)}
	.coupon-card .header .corner img{width:80%;margin-left:11px}
}
.coupon-card .feature-wrap .feature{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
@media only screen and (min-width:767px){
	.coupon-card .feature-wrap .feature-wrap-container{display:flex;padding:0 4px;flex-flow:row wrap;min-height:50px;overflow:hidden}
	.coupon-card .feature-wrap .feature-wrap-container .feature{line-height:25px}
	.coupon-card .feature-wrap .feature{font-size:12px;line-height:20px}
	.coupon-card .feature-wrap .feature .feature-icon{font-size:12px;margin-right:8px;color:#fff}
}
@media only screen and (max-width:768px){
	.ace-col-l-6{flex:0 0 100%;width:100%;max-width:100%;margin:0 auto}
	.coupon-card .feature-wrap .feature-wrap-container{display:flex;margin-left:-4px;flex-flow:row wrap;min-height:50px;overflow:hidden}
	.coupon-card .feature-wrap .feature-wrap-container .feature{line-height:25px}
	.coupon-card .feature-wrap .feature{font-size:12px;line-height:18px}
	.coupon-card .feature-wrap .feature .feature-icon{font-size:12px;margin-right:4px;color:#fff}
}
.coupon-card .description-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: rgb(153, 153, 153);text-align:left}
.coupon-card .description-wrap span{font-size:14px;line-height:24px}
@media only screen and (max-width:768px){
	.coupon-card .description-wrap{-webkit-line-clamp:2;overflow:hidden}
	.coupon-card .description-wrap span{font-size:12px;line-height:18px}
}
.coupon-card .spec-selector{position:relative;z-index:9;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;box-shadow:0 0 15px 0 rgba(0,0,0,.1)}
.coupon-card .spec-selector .spec-selector-current{position:relative;padding:14px 20px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}
.coupon-card .spec-selector .spec-selector-current .spec-selector-current-text{margin-right:18px}
.coupon-card .spec-selector .spec-selector-current .spec-selector-current-title{display:inline-block;color:#181818;vertical-align:middle}
@media only screen and (min-width:767px){
	.coupon-card .spec-selector .spec-selector-current .spec-selector-current-title{margin-right:28px;width:125px}
}
@media only screen and (max-width:768px){
	.coupon-card .spec-selector .spec-selector-current .spec-selector-current-title{font-size:12px;margin-right:16px}
}
.coupon-card .spec-selector .spec-selector-current .spec-selector-current-subtitle{display:inline-block;font-size:12px;color:#999;vertical-align:middle}
.coupon-card .extra-accessory{padding:16px 0;height:82px;background-color:#fff;font-size:0}
.coupon-card .extra-accessory .accessory-wrap{display:inline-block;width:25%;text-indent:11px;}
@media only screen and (max-width:768px){
	.coupon-card .extra-accessory .accessory-wrap{width:50%}
	.coupon-card .extra-accessory .accessory-wrap:first-child{padding-left:12px}
}
.coupon-card .extra-accessory .accessory-item{display:block;line-height:18px;color:#181818;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media only screen and (min-width:767px){
	.coupon-card .extra-accessory .accessory-item{width:90px}
}
@media only screen and (max-width:768px){
	.coupon-card .extra-accessory .accessory-item{width:50px}
}
.coupon-card .extra-accessory .accessory-value{font-size:16px}
.coupon-card .extra-accessory .accessory-name{margin-top:8px;font-size:12px}

@media only screen and (min-width:767px){
	.coupon-card .promotion .price-decimal,.coupon-card .promotion .price-integer,.coupon-card .promotion .price-symbol,.coupon-card .promotion .price-unit{font-size:10px}
	.coupon-card .promotion .price-integer{font-size:20px}
}
.coupon-card .yh-tag{height:20px;overflow:hidden}
.coupon-card .yh-tag .yh-tag-item{position:relative;display:inline-block;color:#ea3a3a;border-color:#ea3a3a;font-size:12px;line-height:18px;height:18px;margin-left:8px;padding:0 8px;margin-bottom:2px;vertical-align:top}
@media only screen and (max-width:768px){
	.coupon-card .yh-tag .yh-tag-item{padding:0 5px;line-height:19px;margin-bottom:2px}
}
.coupon-card .yh-tag .yh-tag-item img{display:none;margin-right:2px;width:18px;vertical-align:middle}
.coupon-card .yh-tag .yh-tag-item span{position:relative;z-index:1;display:inline-block;vertical-align:top;font-weight:400}
@media only screen and (max-width:768px){
	.coupon-card .yh-tag .yh-tag-item span{max-width:82px;white-space:nowrap;overflow:hidden}
}
.coupon-card .yh-tag .yh-tag-item:before{position:absolute;z-index:1;content:"";top:0;right:0;bottom:0;left:0;border:1px solid #d8d8d8;border-color:inherit;border-radius:4px;background:#fff}
.coupon-card .yh-tag .yh-tag-item:first-of-type{margin-left:0}
.coupon-card .yh-tag .yh-tag-item-reverse-0{color:#fff}
.coupon-card .yh-tag .yh-tag-item-reverse-0:before{background:#ea3a3a}

.coupon-card .promotion{background-color:#fff;position:relative;color:#181818;box-sizing:border-box;padding:12px 20px 8px;text-align:left;border-top: 1px solid #ebecec;}
.coupon-card .promotion .price{margin-top:10px;font-size:14px; line-height:1;}
.coupon-card .promotion .price .en{font-size:16px}
.coupon-card .promotion .price-emphasis{color:#ff6a00}
.coupon-card .promotion .price-decimal,.coupon-card .promotion .price-integer,.coupon-card .promotion .price-symbol{color:inherit}
.coupon-card .promotion .price-unit{margin-left:4px;font-size:inherit}
.coupon-card .promotion .price-integer{font-size:30px}
@media only screen and (min-width:767px){
	.coupon-card .promotion .price-decimal,.coupon-card .promotion .price-integer,.coupon-card .promotion .price-symbol{font-size:16px;letter-spacing:.81px}
	.coupon-card .promotion .price-unit{font-size:14px;letter-spacing:.81px}
	.coupon-card .promotion .price-integer{font-size:30px;letter-spacing:1.2px}
	.coupon-card .promotion .price-custom-text{display:block;font-size:30px;margin-top:2px;color:#ff6a00}
}
@media only screen and (max-width:768px){
	.coupon-card .promotion{padding:12px}
	.coupon-card .promotion .price-decimal,.coupon-card .promotion .price-integer,.coupon-card .promotion .price-symbol,.coupon-card .promotion .price-unit{font-size:10px}
	.coupon-card .promotion .price-integer{font-size:20px}
	.coupon-card .promotion .price-custom-text{font-size:20px;display:block;margin-top:2px;color:#ff6a00;line-height:25px}
}
.coupon-card .discount{color:#999}
.coupon-card .discount .discount-item{margin-top:4px}
.coupon-card .discount .discount-icon{display:inline-block;height:14px;vertical-align:middle}
.coupon-card .discount .discount-text{display:inline-block;margin-left:4px;font-size:12px;color:inherit;letter-spacing:.7px}
.coupon-card .discount .discount-unit{margin-left:2px}
.coupon-card .session-container{background-color:#c6c6c6}
.actions{font-size:0}
.coupon-card .action-wrap{display:inline-block;vertical-align:middle;width: 50%;}
.coupon-card .action-wrap textarea{ opacity: 0;overflow: hidden;width: 0;height: 0;margin-top: -10px;}
.coupon-card .action-button{display:block;width:100%;border:none;height:40px!important;font-size:14px;line-height:40px;text-align:center;outline:0;text-decoration:none;cursor:pointer;color:#fff;background-color:inherit;padding:0!important}
.coupon-card .action-button.ace-btn.ace-btn-primary{border-style:none;background-color:inherit}
.coupon-card .action-button.ace-btn.ace-btn-primary:hover{background-color:inherit;border-color:inherit}
@media only screen and (min-width:767px){
	.coupon-card .action-wrap .action-button:hover{filter:brightness(1.1)}
}

.coupon-card .feature-wrap{padding:16px;height:auto;background-color:#fff;}
.coupon-card .feature-wrap .feature{color:#181818}
.coupon-card{background-color:#fff;position:relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px}


.corner{position:absolute;width:78px}
.coupon-card .header .corner .corner-text{user-select:none;position:absolute;text-align:center;width:78px;height:20px;font-size:12px;line-height:20px;color:#fff;transform:rotate(45deg);top:20px;right:-12px}
.coupon-card .header .corner .corner-text-up{position:absolute;text-align:center;font-weight:600;width:126px;height:20px;font-size:14px;line-height:20px;color:#fff;top:2px;right:4px;z-index:1}
.coupon-card .header .corner img{width:100%}
.coupon-card .header .top-sprinkle{position:absolute;top:0;left:0;width:100%}
.coupon-card .card-checkbox{position:absolute}
.coupon-card .card-checkbox span.aps-check-box-inner{background-color:#fff}
.coupon-card .card-checkbox input:checked+span.aps-check-box-inner,.coupon-card .card-checkbox span.aps-check-box-inner:focus,.coupon-card .card-checkbox span.aps-check-box-inner:hover{border-color:#000}
.coupon-card .card-checkbox input:checked+span.aps-check-box-inner i.aps-check-box-checked{color:#000}
@media only screen and (min-width:767px){.coupon-card .header{height:120px;padding:16px 20px}
.coupon-card .header .title{line-height:30px;font-size:18px}
.coupon-card .header .corner{top:-8px;right:-7px}
.coupon-card .header .card-checkbox{top:16px;right:16px}}
@media only screen and (max-width:768px){.coupon-card .header{height:96px;padding:16px 12px}
.coupon-card .header.xs-1{height:80px}
.coupon-card .header.xs-1 .title{font-size:16px;width:300px}
.coupon-card .header .title{font-size:16px;line-height:20px;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.coupon-card .header .corner{top:-6px;right:-11px}
.coupon-card .header .corner .corner-text{top:14px;transform:rotate(45deg) scale(.75)}
.coupon-card .header .corner img{width:80%;margin-left:11px}}


/*插件2023.03.16*/
.func-item{border-radius:6px;background:#fff;margin-bottom:40px;position:relative;-webkit-transition:all .5s;transition:all .5s;}
.func-item img{-webkit-transition:all .3s ease;transition:all .3s ease}
.func-item a{text-decoration:none}
.func-item:hover{-webkit-box-shadow:0 0 20px rgba(63,151,235,.2);box-shadow:0 0 20px rgba(63,151,235,.2)}
.func-item:hover .func-cover img{width:120% !important;max-width:120% !important;margin-top:-10%;margin-left:-10%}

.func-min-height{min-height:290px}
.func-flag{position:absolute;display:block;right:-4px;top:15px;height:26px;line-height:26px;font-size:14px;color:#fff;padding:0 5px 0 12px;border-top-left-radius:13px;border-bottom-left-radius:13px}
.func-flag:after{content:" ";width:0;height:0;border-width:2px;border-style:solid;position:absolute;right:0;bottom:-4px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.func-flag.hot{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FF7B55,endColorstr=#F5151D);background:-webkit-gradient(linear,right top,left top,from(#ff7b55),to(#f5151d));background:linear-gradient(270deg,#ff7b55,#f5151d)}
.func-flag.hot:after{border-color:#a00005 transparent transparent #a00005}
.func-flag.reserve{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#57B8EA,endColorstr=#2C7DEB);background:-webkit-gradient(linear,right top,left top,from(#30b2eb),to(#3b91fd));background:linear-gradient(270deg,#30b2eb,#3b91fd)}
.func-flag.reserve:after{border-color:#004fb1 transparent transparent #004fb1}
.func-flag.wating{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ccc,endColorstr=#999);background:-webkit-gradient(linear,right top,left top,from(#c2c2c2),to(#999));background:linear-gradient(270deg,#c2c2c2,#999)}
.func-flag.wating:after{border-color:#000 transparent transparent #000}
.func-tag{padding:3px 5px;border-radius:3px;color:#fff;font-size:12px;vertical-align:top;margin-right:6px}
.func-tag.blue{background:#2fb2ea}
.func-tag.orange{background:#fb9252}
.func-cover{border-top-left-radius:6px;border-top-right-radius:6px;margin-bottom:20px;height:180px;overflow:hidden}
.func-cover img{width:100%;height:auto;vertical-align:top}
.func-title{margin:0 15px 16px;font-size:18px;color:#333;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.func-meta{font-size:14px;margin:0 15px 21px;color:#818a92;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.func-meta span{margin-right:25px}
.func-price{color:#ff4746;font-size:22px;font-style:inherit;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;position:relative}
.func-price sub{font-size:14px;vertical-align:center;padding-bottom:5px;bottom:0}

.el-col-6{width: 25%;padding-left: 14px; padding-right: 14px;}
[class*=el-col-]{float: left;-webkit-box-sizing: border-box;box-sizing: border-box;}
.el-row{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: -14px; margin-right: -14px;}
.el-row:after, .el-row:before{display: table;content: "";}

@media (max-width: 768px){
	.el-row{ margin:0 ;}
	.el-col-6{width: 50%;padding-left:4px; padding-right:4px;}
	.func-cover{ height:98px;}
	.func-min-height{min-height:160px}
	.func-type,.func-duration{ display:none}
	.func-price{ text-align:left}
	.func-title{ font-size:14px}
	.func-item{ margin-bottom:15px;}
}

.prettyprint,pre.prettyprint{background-color:#1c252a;border:none;overflow:auto;padding:10px 15px;font-size:13px;border-radius:8px}
.prettyprint::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-radius:0}
.prettyprint::-webkit-scrollbar{width:8px;height:8px}
.prettyprint::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1);border:none}
.prettyprint::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.2)}
.prettyprint.linenums,pre.prettyprint.linenums{box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741}
.prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 30px}
.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{padding-left:12px;color:#bebec5;line-height:20px;margin-left:0;list-style:decimal;margin-bottom:0}
.prettyprint .com{color:#93a1a1}
.prettyprint .lit{color:#ae81ff}
.prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#f8f8f2}
.prettyprint .fun{color:#dc322f}
.prettyprint .str,.prettyprint .atv{color:#e6db74}
.prettyprint .kwd,.prettyprint .tag{color:#f92659}
.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{color:#a6e22e}
.prettyprint .pln{color:#66d9ef}

.article-container code{position:relative;top:-2px;display:inline-block;word-wrap:break-word;font-size:12px;background-color:#272822;color:#eee;padding:0 8px;border-radius:4px}
.article-container pre{word-wrap:break-word}
.article-container pre code{top:0;display:block;font-size:inherit;background-color:rgba(0,0,0,0);color:inherit;padding:0;border-radius:0}
.article-container pre{margin:25px 0;font:13px/20px "courier new";background:#272822;padding:15px 20px;color:#f8f8d4;border:none}
.article-container blockquote{margin:25px 0;padding:20px 20px 10px;font-size:15px;color:#999;background-color:#f8f8f8;border-left:4px solid #ddd}
.article-container blockquote p{margin:0;padding:0;margin-bottom:10px}