.bannerswiper{width: 100vw;/* height:640px;*/margin: 0 auto;overflow: hidden;position: relative;}
.swiper-wrapper{display: flex;justify-content: flex-start;align-items: center;white-space: nowrap;}
.bannerswiper .swiper-slide{flex-grow: 0;flex-shrink: 0;width: 100vw !important;}
.bannerswiper .swiper-slide.skeleton{min-height: 25vw;}
.bannerswiper .swiper-slide .absolute{box-sizing: border-box;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.bannerswiper .btnbox{position: absolute;bottom: 2vw;left: 0;width: 100%;box-sizing: border-box;display: flex;justify-content: flex-end;align-items:center; z-index: 2;}
.bannerswiper .btnbox .bannerbtn{display: flex;justify-content: center;align-items: center;}
.bannerswiper .btnbox .bannerbtn img{background: rgba(255, 255, 255, 0.1);border-radius: 0.9rem;padding: 0.4rem 0.9rem;width: 1rem;height: 1rem;margin-right: 0.8rem;cursor: pointer;transition: all 0.5s ease 0s;}
.bannerswiper .btnbox .bannerbtn img:hover{background: rgba(255, 255, 255, 0.3);}
.bannerswiper .pagination{display: flex;justify-content: center;align-items: center;}
.bannerswiper .pagination .swiper-pagination-bullet{width: 0.4rem;height: 0.4rem;background: #FFFFFF;opacity: 0.2;border-radius: 0.2rem;margin: 0 0.2rem;transition: all 0.5s ease 0s;}
.bannerswiper .pagination .swiper-pagination-bullet-active{width: 1rem;opacity: 1;}
.bannerswiper .bg{z-index: -1;}
.banner .imgbox{min-height: 25vw;overflow: hidden;}
@media screen and (max-width: 2560px) and (min-width:1800px){.banner .imgbox{min-height: 640px;}
.banner .bg.pc{width: 2560px;margin: 0 calc(50% - 1280px);}
.wpbanner{padding: 0 calc(50vw - 760px);}}
@media screen and (max-width: 1800px) and (min-width:800px){.banner .bg.pc{width: 130vw;margin: 0 calc(-15vw);}
.wpbanner{padding: 0 11.5vw;}
@media screen and (max-width: 1200px) and (min-width:800px){
    .bannerswiper .btnbox .bannerbtn img{border-radius: 0.7rem;padding: 0.4rem 0.9rem;width: 0.6rem;height: 0.6rem;margin-right: 0.8rem;cursor: pointer;transition: all 0.5s ease 0s;}}}
.bannerswiper h1{font-size: 2rem;font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;font-weight: 600;color: #fff;line-height: 2.8rem;white-space: pre-line;margin-bottom: 0.8rem;}
.bannerswiper p{font-size: 1.4rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255, 255, 255, 0.8);line-height: 2rem;white-space: pre-line;}
.bannerswiper .fbbtn{font-size: 0.8rem;color: #FFFFFF;line-height: 2rem;height: 2rem;border-radius: 0.3rem;padding: 0 1.4rem;display: inline-block;border: 1px solid #fff;/* background: #1054EE;*/margin-top: 1.2rem;}
.bannerswiper .fbbtn:hover{opacity: 0.8;}

.countbox{justify-content: center;align-items: flex-start;display: flex;}
.countbox .box{margin: 0 2.6vw;}
.countbox .box h1{font-size: 2rem;font-family: Jost-Medium, Barlow;font-weight: 400;color: #1054EE;line-height: 2.4rem;text-align: center;display: flex;justify-content: center;align-items: flex-end;}
.countbox .box h1 span{font-size: 1.4rem;color: #1054EE;line-height: 2rem;margin-left: 0.1rem;}
.countbox .box h1 em{font-style: normal;font-size: 1rem;color: #1054EE;line-height: 1.9rem;margin-left: 0.1rem;}
.countbox .box p{font-size: 0.7rem;color: #313336;line-height: 1.2rem;text-align: center;min-width: 7.5rem;}


.main2 .flexlist{box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.main2 .flexlist .box.skeleton{min-height: 10rem;}
.main2 .flexlist .box{width:23.9%;margin-bottom: 2rem;margin-right: 1.1%;position: relative;}
.main2 .flexlist .box:nth-child(4n){margin-right: 0;}
.main2 .flexlist .box .imgbox{overflow: hidden;border-radius: 0.6rem;position: relative;/* clip-path:circle(0.6rem)*/ box-shadow: 0 1px 3px -1px rgb(0 0 0 / 40%);}
.main2 .flexlist .box .videoicon{width: 1.6rem;position: absolute;bottom: 0.5rem;right: 0.6rem;}
.main2 .flexlist .box .hover{width: calc(100%);max-height: 100%;transition: all 0.2s ease 0s;background-position: center;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 0;left: 0;}
.main2 .flexlist .box .imgbox:hover .hover{background-size: 110%;}
.main2 .flexlist .box h4{font-size: 0.9rem;font-weight: 500;color: #313336;line-height: 1.25rem;margin-top: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main2 .flexlist .box p{font-size: 0.7rem;color: #6A6E73;line-height: 1.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main2 .flexlist .box p a:hover{color: #1054EE;}
.main2 .flexlist .box .set{display: flex;justify-content: space-between;align-items: center;margin-top: 0.5rem;}
.main2 .flexlist .box .set>a ,
.main2 .flexlist .box .set>div{display: flex;justify-content: center;align-items: center;font-size: 0.7rem;color: #A4A9B1;line-height: 1rem;}
.main2 .flexlist .box .set a:hover{color: #1054EE;}
.main2 .flexlist .box .set a .icon{border-radius: 50%;}
.main2 .flexlist .box .set .icon{width: 1rem;margin-right: 0.3rem;}
.main2 .flexlist .box .set .zan{align-items: flex-end;cursor: pointer;}
.main2 .flexlist .box .set .zan .icon{width: 1rem;height: 1rem;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(img/icon_zanno.svg);}
.main2 .flexlist .box .set .zan:hover,
.main2 .flexlist .box .set .zan.on{color: #1054EE;}
.main2 .flexlist .box .set .zan.on .icon,
.main2 .flexlist .box .set .zan:hover .icon{background-image: url(img/icon_zan.svg);}
.main2 .btn{font-size: 0.8rem;color: #fff;line-height: 2rem;padding: 0 1.4rem;background: #1054EE;border-radius: 0.3rem;margin-left: 50%;margin-right: 50%;white-space: nowrap;cursor: pointer;display: inline-block;transform: translateX(-50%);}

.main2 .flexlist .box .set .viewbtn .icon {width: 1rem;height: 1rem;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(img/icon_view.svg);
}

.theme-mask{position: fixed;top: 0;left: 0;bottom: 0;right: 0;backdrop-filter: blur(10px);background: rgba(0, 0, 0, 0.5);display: none;z-index: 99;}
.close{width: 32px;position: absolute;top: 10px;right: 10px;cursor: pointer;}
.popover{display: none;border-radius: 10px;padding: 48px 48px 30px;transform: translate(-50%, -50%);margin: 0;position: absolute;top: 50%;left: 50%;background-color: #fff;}
.popover dl #qrcode img{width: 184px;}
.last{margin-top: 14px;font-size: 18px;font-weight: 600;color: #313336;line-height: 25px;text-align: center;}
.popover dl{margin-top: 0px;}
@media screen and (max-width:1200px){
.main2 .flexlist .box{width: 31.3%;margin-bottom: 2rem;margin-right: 3%;}
.main2 .flexlist .box:nth-child(4n){margin-right: 3%;}
.main2 .flexlist .box:nth-child(3n){margin-right: 0;}}
@media screen and (max-width:800px){
    .banner .imgbox{min-height: 90vw;}
    .bannerswiper .pagination{bottom: 1.2rem;}
    .bannerswiper .btnbox{justify-content: center;}
    .bannerswiper .btnbox .bannerbtn{display: none;}
    .bannerswiper .pagination .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;border-radius: 0.3rem;}
    .bannerswiper .pagination .swiper-pagination-bullet-active{width: 1.6rem;}
    .bannerswiper h1{font-size: 2.2rem;line-height: 3rem;margin-bottom: 0.8rem;}
    .bannerswiper p{max-width: 14rem;font-size: 1.5rem;line-height: 2.2rem;margin: 0rem 0;}
    .bannerswiper .absolute{padding: 0 4rem;}
    .bannerswiper .fbbtn{font-size: 1.4rem;color: #FFFFFF;line-height: 3.2rem;height: 3.2rem;border-radius: 0.6rem;padding: 0 1.6rem;margin-top: 1.6rem;}
    .scrolldiv{display: none;}
    .countbox{justify-content: space-evenly;flex-wrap: wrap;}
    .countbox .box:nth-child(3) h1, .countbox .box:nth-child(4) h1{margin-top: 3rem;}
    .countbox .box{margin: 0;width: 50%;text-align: center;margin-bottom: 2rem;}
    .countbox .box h1{font-size: 2.8rem;line-height: 3.4rem;}
    .countbox .box h1 span{font-size: 2.4rem;color: #1054EE;line-height: 3.2rem;}
    .countbox .box h1 em{font-style: normal;font-size: 1.2rem;color: #1054EE;line-height: 2.5rem;}
    .countbox .box p{font-size: 1.2rem;color: #313336;line-height: 1.9rem;text-align: center;}
    
    .tabs{ display:none}
    .main2 .tabbar{margin: 2.8rem 0 1.6rem;padding: 0 4vw;box-sizing: border-box;width: 100vw;position: relative;left: -5.33vw;display: flex;justify-content: flex-start;align-items: center;white-space: nowrap;overflow-x: auto;}
    .main2 .tabbar::-webkit-scrollbar{width: 0;height: 0;display: none;}
    .main2 .tabbar p{font-size: 1.3rem;color: #313336;line-height: 2.6rem;/* margin: 0 1.6rem;*/padding: 0 1.5rem;border-radius: 0.4rem;margin: 0 1vw;cursor: pointer;}
    .main2 .flexlist{justify-content: space-between;}
    .main2 .flexlist .box{width: 42.67vw;margin-bottom: 2rem;margin-right: 0;}
    .main2 .flexlist .box:nth-child(4n){margin-right: 0%;}
    /*.main2 .flexlist .box .imgbox{overflow: visible;}*/
    .main2 .flexlist .box .imgbox:hover .hover{background-size: 100%;}
    .main2 .flexlist .box .imgbox .bg, .main2 .flexlist .box .imgbox .hover{border-radius: 0.6rem;}
    .main2 .flexlist .box h4{font-size: 1.4rem;line-height: 2.6rem;margin-top: 0.8rem;}
    .main2 .flexlist .box p{font-size: 1.2rem;color: #6A6E73;line-height: 2.4rem;}
    .main2 .flexlist .box .set{display: flex;justify-content: space-between;align-items: center;margin-top: 0.9rem;}
    .main2 .flexlist .box .set>a , .main2 .flexlist .box .set>div{display: flex;justify-content: center;align-items: center;font-size: 1rem;color: #A4A9B1;line-height: 1.4rem;}
    .main2 .flexlist .box .set>a{align-items: flex-end;}
    .main2 .flexlist .box .set .zan .icon, .main2 .flexlist .box .set .icon{width: 1.6rem;height: 1.6rem;margin-right: 0.6rem;}
    .main2 .flexlist .box .set .zan:hover{color: #A4A9B1;}
    .main2 .flexlist .box .set .zan:hover .icon{background-image: url(img/icon_zanno.svg);}
    .main2 .flexlist .box .set .zan.on{color: #1054EE;}
    .main2 .flexlist .box .set .zan.on .icon{background-image: url(img/icon_zan.svg);}
    .main2 .btn{font-size: 1.4rem;line-height: 3.2rem;padding: 0 1.6rem;border-radius: 0.6rem;margin-top: 1.6rem;}
    .main2 .btn:hover{background-color: #296AFF;}
}



.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: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:310px}
.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:200px;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;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;color:#818a92;}
.func-meta span:hover,.func-title:hover {color: #ff6000 !important;}
.func-price{color:#ff4746;font-size:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;position:relative}
.func-price sub{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: "";}

.ibanner .absolute{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.ibanner .navbar{display: flex;justify-content: flex-start;align-items: center;margin: 1.4% 0;font-size: 0.7rem;color: #6A6E73;line-height: 1.3rem;}
.ibanner .navbar i{margin: 0 0.5rem;}
.ibanner h2{font-size: 2rem;font-family: PingFangSC-Medium;font-weight: 500;color: #313336;line-height: 2.8rem;text-align: center;width: 100%;box-sizing: border-box;}

.ibanner h3,.hd-leader h3{margin:12px auto 0;font-weight:normal;font-size:16px;line-height:1.5;color:#666; text-align:center}



@media (max-width: 768px){
	.el-row{ margin:0; width:100%;}
	.el-col-6{width: 50%;padding-left:1%; padding-right:1%;}
	.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;}
}
.tabs{margin: 0.5rem 0 1.5rem;/*display: flex;justify-content: center;align-items: center;*/}
.tabs a{box-sizing: border-box;font-size: 16px;color: #313336;line-height: 32px;margin: 0 12px;cursor: pointer;text-align: center;min-width: 9%;padding: 8px 24px;border-radius: 12px;background-color: #e9e7ef;}
.tabs a.active,.tabs a:hover{color: #fff !important;background: #1054EE;}

@media screen and (max-width: 800px){
	.tabs a {
		width:33%;
		font-size: 14px;
		margin: 0 10px 0 0;
		padding: 8px 16px;
	}
}

@media screen and (max-width: 2560px) and (min-width:1100px){
	.tabs{display: flex;justify-content:center;align-items: center;white-space: nowrap;}
}

/*==优惠券==*/

[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}}

/*==插件内页==*/

.theme-item-focus{margin-bottom:20px;overflow:hidden;position:relative;background-color:#fff;padding:20px;border-radius: 8px;}
.theme-item-sidebar{float:left;width:34%;position:relative}
.theme-item-fcontent{float:left;width:63%;margin-left:3%}
.theme-item-fcontent h1{margin:0 0;font-size:24px;font-weight:bold}
.theme-item-fcontent h3{margin:10px 0 0;font-size:14px;line-height:1.5;text-align:justify;font-weight:bold}
.theme-item-fcontent h4{margin:10px 0 0;font-size:12px;display:inline-block;color:#00a4ff}

.theme-item-image{position:relative;border:1px solid #eee;border-radius:8px;display:flex;justify-content:center;text-align:center;height:436px; overflow:hidden}
.theme-item-preview{position:relative;margin-top:15px;bottom:-15px;color: #00a4ff;border-color: #00a4ff !important;}
.theme-item-preview:hover{ background-color: #00a4ff !important;}
@media(max-width: 1024px){.theme-item-preview{margin-top:20px;bottom:0}}
.theme-item-counter{float:right;margin-top:5px;color:#bbb;font-size:12px}
.theme-item-price{margin:20px 0;padding:15px 0;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd}
.theme-item-price h5{font-size:14px;color:#00a4ff;line-height:30px;margin:0;font-weight:bold}
.theme-item-price strong{float:right;font-size:30px;line-height:1;color:#00a4ff}
.theme-item-price strong dfn{font-weight:bold;font-style:normal;font-size:16px;position:relative;top:-4px;margin-right:7px}
.theme-item-orderarea{font-size:0}
.theme-item-orderarea .btn{margin-right:10px}

.theme-item-sidebox{position:absolute;top:0;width:370px}
.theme-item-contentbox{margin-left:390px;min-height:700px;background-color:#fff}
.theme-item-menubar{position:relative;z-index:9;background-color:#fff;font-size:18px;border-radius:8px 8px 0 0;padding-top:15px;font-weight:bold}
.theme-item-menubar .container{padding:0; width:100%;}
.theme-item-menubar.affix{position:fixed;top:62px;left:0;right:0;border-radius:0;height:60px;padding-top:0;box-shadow:1px 1px 10px 0px rgba(0,0,0,.05)}
.theme-item-menubar.affix .container{padding:0 15px}
.theme-item-menubar.affix h2{display:block;float:left;width:370px;font-weight:bold;font-size:18px;line-height:60px;margin:0;position:relative;padding-left:20px}
.theme-item-menubar.affix h2:before{content:"";position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:4px;border-radius:10px;background-color:#00a4ff}
.theme-item-menubar.affix .btn{position:absolute;right:15px;top:11px;display:block}
.theme-item-menubar.affix ul li{height:60px;line-height:60px;padding-top:0;padding-bottom:0;font-weight:normal !important}
.theme-item-menubar.affix ul li.active::after{bottom:0}
.theme-item-menubar .btn{display:none}
.theme-item-menubar h2{display:none}
.theme-item-menubar ul:before,.theme-item-menubar ul:after{display:table;content:"";line-height:0}
.theme-item-menubar ul:after{clear:both}
.theme-item-menubar ul li{cursor:pointer;float:left;position:relative;line-height:1;padding:20px 30px;margin-left:10px}
.theme-item-menubar ul li:hover{color:#00a4ff}
.theme-item-menubar ul li.active{color:#00a4ff;font-weight:bold}
.theme-item-menubar ul li.active::after{content:"";position:absolute;bottom:6px;left:50%;margin-left:-12px;width:24px;height:4px;border-radius:10px;background-color:#00a4ff}

.theme-item-intro{background-color:#fff;border-radius:8px;padding:30px 30px 30px 0;margin-bottom:20px}
.theme-item-intro.affix{z-index:6;width:350px;top:148px}
.theme-item-intro dl{padding-left:115px;clear:both;margin-bottom: 20px }
.theme-item-intro dl.col2{float:left;width:50%;clear:none}
.theme-item-intro dt{float:left;margin-left:-115px;width:115px;font-weight:normal;color:#999;text-align:right}
.theme-item-intro dd{margin-bottom:0}

.theme-itembox center{text-align:center;line-height:2;font-size:16px;margin:30px 0}
@media(max-width: 768px){.theme-itembox center{margin:20px 0;font-size:14px;text-align:left}}.theme-itembox table{font-size:12px;border-top:solid 1px #f0f0f0;border-left:solid 1px #f0f0f0;width:100%;margin-bottom:25px}
.theme-itembox table th{background-color:#fbfbfb;text-align:center}
.theme-itembox table td,.theme-itembox table th{border-bottom:solid 1px #f0f0f0;border-right:solid 1px #f0f0f0;padding:6px 12px}
.theme-item-functions{background-color:#fff;border-radius:8px;padding:0 40px 0px;margin-bottom:20px;line-height:1.5;overflow:hidden}
.theme-item-functions h2{margin:10px 0 0;font-size:22px;text-align:center;font-weight:bold;position:relative}

.theme-item-functions h3{margin:12px 0 0px;text-align:center;font-size:15px;color:#999; border-bottom:1px solid #f6f6f6; padding-bottom:30px; font-weight:normal}
.theme-item-functions ol{margin-right:-8%;font-size:0;cursor:default;overflow:hidden}
.theme-item-functions ol li{vertical-align:top;width:42%;margin-top:30px;/*margin-right:8%;*/display:inline-block;font-size:14px;position:relative;color:#999;padding-left:40px;text-align:justify;height:71px;overflow:hidden}
.theme-item-functions ol li .fam{font-size:15px;line-height:25px;width:25px;height:25px;color:#fff;background-color:#334255;border-radius:8px;text-align:center;float:left;margin-left:-40px}
.theme-item-functions ol li strong{display:block;margin-top:2px;margin-bottom:5px;color:#202935;font-size:14px;transition:all .3s ease-in-out}
.theme-item-functions ol li:hover .fam{color:#fff;background-color:#00a4ff}
.theme-item-functions ol li:hover strong{color:#00a4ff}
.theme-item-functions ul{font-size:0;text-align:justify}
.theme-item-functions ul li{margin-top:20px;padding-left:20px;vertical-align:top;font-size:14px;position:relative;color:#999;border-radius:4px}
.theme-item-functions ul li strong{font-size:14px;color:#202935}
.theme-item-functions ul li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:#00a4ff;border-radius:10px}
.theme-item-functions ul li:hover{color:#202935}
.theme-item-container{display:none;padding:30px 40px;margin-bottom:20px;line-height:1.8;background-color:#fff;border-radius:8px;
    
    
    font-size: 16px;
    line-height: 1.8;
    word-wrap: break-word;
    text-align: justify;
    
}
.theme-item-container .theme-title{display:none;margin-bottom:30px;text-align:center}
.theme-item-container a{color:#00a4ff;text-decoration:underline}
.theme-item-container a:hover{color:#008ad6}
.theme-item-container img{border-radius:5px; border:2px solid #f6f6f6; background-color:#f6f6f6; max-width:100%;}
.theme-item-container h2{line-height:inherit;font-weight:bold;font-size:20px;margin:0 0 15px}
.theme-item-container h3{line-height:inherit;font-size:17px;font-weight:bold;margin:30px 0 10px}
.theme-item-container h4{line-height:inherit;font-size:14px;font-weight:bold;margin:0 0 15px}
.theme-item-container ul{list-style:disc;margin-left:20px;margin-bottom:15px;}
.theme-item-container ul li{position: relative;padding-left: 18px;}
.theme-item-container ol{list-style:decimal;margin:0 0 15px 16px}
.theme-item-container li{margin-bottom:5px}
.theme-item-container ul li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #00a4ff;
}
.theme-item-container p{margin-bottom:15px}
.theme-item-container mark{background-color:rgba(0,0,0,0);color:inherit;font-weight:bold;border-bottom:2px solid #e6e6e6}
.theme-item-container code{background-color:#eee;border-radius:2px;padding:0 6px;color:#999;font-family:"courier new"}
.theme-item-container .prettyprint,.theme-item-container pre.prettyprint{border-radius:2px;font-size:12px}
.theme-item-container pre code{background-color:rgba(0,0,0,0);border-radius:0;padding:0}

@media(max-width: 1200px){.theme-item-fcontent{width:62%}}
@media(max-width: 1024px){.theme-item-sidebar{width:auto;float:none;margin-bottom:15px}
.theme-item-fcontent{width:auto;margin-left:0;float:none}
.theme-item-sidebox{position:relative;left:0;width:auto}
.theme-item-contentbox{min-height:auto;margin-left:0}
.theme-item-focus{padding:15px 0}
.theme-item-image{border:none;border-radius:0;height:auto;display:block;padding:0;text-align:center}
.theme-item-image img{border-radius:8px}
.theme-item-image a{display:block}
/*.theme-item-image img{max-height:300px}*/
.theme-item-orderarea{text-align:center}
.theme-item-orderarea .btn{margin:0 5px}
.theme-item-menubar.affix{top:50px;height:44px}
.theme-item-menubar.affix .container{padding:0}
.theme-item-menubar.affix ul{margin-right:0;background-color:#f9f9f9;box-shadow:none}
.theme-item-menubar.affix .btn{display:none}
.theme-item-menubar.affix h2{display:none}
.theme-item-menubar{padding-top:0}
.theme-item-menubar ul{display:flex;text-align:center}
.theme-item-menubar ul li{float:none;flex:1;font-size:14px;text-align:center;border-top:none;margin-left:0;padding-left:0;padding-right:0}
.theme-item-menubar ul li.active{font-weight:bold}
.theme-item-menubar.affix ul li{padding:0 0;height:44px;line-height:44px}
.theme-item-intro{margin-bottom:1px;border-radius:0; padding:0 0 10px}
.theme-item-intro.affix{position:relative;width:auto;top:0}}
@media(max-width: 768px){.theme-item-menubar{border-radius:0}

.theme-item-fcontent h1{font-size:16px}
.theme-item-fcontent h4{font-weight:normal}
.theme-item-contentbox .suit,.theme-item-sidebox .suit{display:none}
.theme-item-focus{margin-bottom:10px}
.theme-itembox{ padding:15px}
.theme-item-functions{padding:0 0px 0px !important; margin-bottom:0}
.theme-item-container{border-radius:0;padding:15px;margin-bottom:10px}
.page-theme-item .m-menubar{display:none}
.theme-item-orderarea{background-color:#fff;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:60px;padding-left:5px}
.theme-item-orderarea:before{content:"1";color:rgba(0,0,0,0);position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(0.5)}
.theme-item-orderarea .btn-primary{float:right;margin:0;height:60px;line-height:60px;padding:0 30px;border-radius:0}
.theme-item-orderarea .btn-default{float:left;padding:0 10px;border:none;width:auto;margin:0;font-size:11px;line-height:1;height:60px;color:#657fa2;padding-top:11px;background-color:rgba(0,0,0,0)}
.theme-item-orderarea .btn-default:hover,.theme-item-orderarea .btn-default:active{background-color:rgba(0,0,0,0)}
.theme-item-orderarea .btn-default .fa{margin-bottom:5px;display:block;font-size:22px}
.theme-item-orderarea .btn-default abbr{width:120px;left:50%;margin-left:-60px;padding-bottom:10px}}

@media(max-width: 544px){
	.pr{ padding:0 !important;}
	/*.container div:first-child{ padding:10px;}*/
	.theme-widget{margin-bottom:10px}

.theme-item-focus{padding:15px;margin-top:1px;margin-bottom:0}
.theme-item-preview{position:absolute;left:38%;font-size:12px;line-height:24px;font-weight:normal;padding:0 16px; background-color:#fff;}
.theme-item-preview .fa{font-size:10px}
.theme-item-sidebar{margin-bottom:0;margin-left:-15px;margin-right:-15px;position:relative}
.theme-item-sidebar:after{content:"1";color:rgba(0,0,0,0);position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.06);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(0.5)}
/*.theme-item-image{padding:30px 30px 30px}*/
.theme-item-image img{max-height:200px}
.theme-item-fcontent{padding-bottom:15px}
.theme-item-fcontent h1{font-size:16px;margin-bottom:5px; padding-top:50px;}
.theme-item-counter{position:relative;top:35px;float:none;font-size:11px;margin-top:0px!important;color:#343a3c;}
.theme-item-fcontent h3{font-size:12px;margin-top:0;line-height:1.4}
.theme-item-fcontent h4{font-size:10px;display:none}
.theme-item-price{margin:10px 0;padding:0;border-top:none;border-bottom:none}
.theme-item-price strong{font-weight:bold;font-size:24px}
.theme-item-price strong dfn{top:-2px}
.theme-item-price h5{color:#00a4ff;font-size:12px;line-height:24px}
.theme-item-intro dl{padding-top:5px;/*padding-bottom:5px*/}
.theme-item-functions ol li{line-height:1.4;height:68px;margin-top:15px;padding-left:26px;font-size:11px}
.theme-item-functions ol li .fam{font-size:12px;line-height:18px;width:18px;height:18px;margin-left:-26px;border-radius:6px}
.theme-item-functions ol li strong{font-size:12px}
.theme-item-functions h2{font-size:18px}
.theme-item-functions h3{margin-top:8px;font-size:12px}
.theme-item-functions ul li{margin-top:10px;padding-left:15px}
.theme-item-functions ul li:before{top:6px}
.theme-item-container{line-height:1.5}
.theme-item-container h3{font-size:16px}

}
.theme-item-sv{margin-bottom:15px}
.theme-item-sv h6{margin:0 0 15px;font-size:14px;font-weight:bold}
.theme-item-sv ul{overflow:hidden;font-size:0;margin-right:-1%}
.theme-item-sv li{transition:color .25s,background-color .25s;color:#666;cursor:default;vertical-align:top;width:30%;margin-right:1%;margin-bottom:1%;display:inline-block;padding:10px 5px 10px 12px;background-color:#f6f6f6;border-radius:8px}
.theme-item-sv li .fa{position:relative;top:1px;display:inline-block;font-size:15px;width:15px;text-align:center;margin-right:10px}
.theme-item-sv li span{font-size:12px}
@media(max-width: 768px){
    .theme-item-sv{margin-bottom:0}
.theme-item-sv li{width:49%}}@media(max-width: 544px){.theme-item-sv h6{font-size:12px;margin-bottom:10px;font-weight:bold}
.theme-item-sv li{border-radius:0;padding-right:0;padding-left:10px;background-color:#f9f9f9}
.theme-item-sv li .fa{top:1px;font-size:14px;width:14px;margin-right:6px;color:#202935}}
.theme-updatenews li{margin-bottom:20px;text-align:justify;padding-left:120px!important}
.theme-updatenews h2{font-weight:bold;font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.theme-updatenews p{margin:2px 0 0;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;}
.theme-updatenews time{margin-left:-100px;float:left;display:block}
.theme-updatenews a{text-decoration:none}
.theme-updatenews a:hover{font-weight:bold}
@media(max-width: 768px){.theme-updatenews li{padding-left:0;margin-bottom:15px}
.theme-updatenews h2{white-space:normal}
.theme-updatenews p{white-space:normal}
.theme-updatenews time{margin-left:0;float:none;font-size:12px}}.theme-item-news li{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:30px;line-height:1.5;text-align:justify}
.theme-item-news li h2{font-weight:bold;font-size:18px;line-height:1.5;margin:0}
.theme-item-news li p{margin:10px 0 0;color:#999}
.theme-item-news li time{display:block;margin-bottom:5px;color:#00a4ff}
@media(max-width: 768px){.theme-item-news li{display:none;margin-bottom:10px;border-radius:0;padding:15px}
.theme-item-news li h2{font-size:16px}
.theme-item-news li time{font-size:12px}
.theme-item-news li p{font-size:12px}}



.player{display:inline-block;font-size:16px;line-height:1;font-weight:500;transition:all .4s ease}
.player i{width:66px;height:66px;background:#fff;margin-left:auto;margin-right:auto;border-radius:50%;display:block;position:relative;margin-bottom:10px;transition:all .4s ease;box-shadow:1px 19px 21px 0 rgba(35,154,208,.1)}
.player i:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #096fc8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:2px}
.player:hover{color:#096fc8}
/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;top: 0;left: 0;}
.popVideo .mask{
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('https://www.zhimatong.com/demo/popVideo/img/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/*商城模块1点赞收藏*/
.shop_info_dzsc{display:block;font-size:12px;color:#666f80;text-align:center;position:absolute;right:0;bottom:0}
.shop_info_dzsc .change-color{padding:3px 10px;border-radius:4px;color:#ff5473;background-color:rgba(255,84,115,.1);margin-right:10px !important;font-size:12px;background:rgba(255,84,115,.1);box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)}
.shop_info_dzsc .change-color-sc{padding:3px 10px;border-radius:4px;color:#0084ff !important;background:rgba(0,132,255,.1);font-size:12px;box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)}

/*service*/
.itemsbox{margin-bottom:50px}
.itemsbox:before,.itemsbox:after{display:table;content:"";line-height:0}
.itemsbox:after{clear:both}
.itemsbox ul{margin-right:-1.5%}
.itemsbox ul li{/*text-align:center;*/float:left;vertical-align:top;width:29%;margin-right:1.5%;margin-bottom:1.5%;background-color:#fff;border-radius:8px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:50px 20px}
.itemsbox ul li:hover{z-index:2;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.itemsbox ul li .iconfont{font-size:60px;font-weight:200;margin-bottom:15px}
.itemsbox ul li h2{font-size:18px;font-weight:bold;margin:0 0 10px; text-align:center}
.itemsbox ul li h3{margin:0 0 15px;color:#bbb;overflow:hidden;height:38px;font-size:14px;line-height:1.4; font-weight:normal; text-align:center}
.itemsbox ul li .btn{text-align:center; display:block; margin:0 auto; width:72px;}
@media(max-width: 768px){.itemsbox ul li{width:31.8333333333%}}
@media(max-width: 544px){.itemsbox{margin:0}
.itemsbox ul{margin-right:0}
.itemsbox ul li{width:100%;margin-right:0;margin-bottom:15px;padding:40px 20px}
.itemsbox ul li .iconfont{display:none}
.itemsbox ul li h2{font-size:16px}
.itemsbox ul li h3{height:auto}}

.itemdo-form{/*position:relative;*/background-color:#fff;border-radius:8px;padding:20px 80px;margin:0 auto;}
.itemdo-form img{ margin:0 auto; text-align:center; display:block}
.itemdo-form-item{margin-bottom:20px}
.itemdo-form-item:before,.itemdo-form-item:after{display:table;content:"";line-height:0}
.itemdo-form-item:after{clear:both}
.itemdo-form-item:last-child{margin-bottom:0}
.itemdo-form-item h4{font-size:14px;font-weight:600}
.itemdo-form-item .ipt{border-radius:4px;border-color:#eee;background-color:#fdfdfd}
.itemdo-form-item .ipt:focus{border-color:#00A4FF}
.itemdo-form-item .btn{border-radius:4px}
@media (max-width: 768px){
	.itemdo-form{max-width:auto;margin-left:-15px;margin-right:-15px;padding:15px 15px;border-radius:0}
.itemdo-form-item h4{float:none;width:auto;margin-left:0;text-align:left;font-size:12px;line-height:1.4;margin-bottom:5px}
.itemdo-form-step{font-size:12px;padding:15px}
}

.itemdo-form-step{color:#999;text-align:center;margin-top:30px}

.ipt{display:block;width:100%;padding:7.5px 10px;font-size:14px;line-height:1.5;color:#343a3c;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0.1rem}
.ipt::-ms-expand{background-color:transparent;border:0}
.ipt:focus{border-color:rgba(0,164,255,0.7);box-shadow:0 0 5px rgba(0,164,255,0.4);outline:none}
.ipt::placeholder{color:#999;opacity:1}
.ipt:disabled,.ipt[readonly]{background-color:#eceeef;opacity:1}
.ipt:disabled{cursor:not-allowed}
.ipt-file,.ipt-range{display:block}
.ipt-label{padding:0.375rem 0.75rem;margin-bottom:0}

.noshow{ display:none}

.btn-small {
    padding: 2px 10px;
}
.btnc{ margin:0 auto;}

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

@media (max-width: 768px){
.ipt{display:block;width:94%;padding:7.5px 2%;font-size:14px;line-height:1.5;color:#343a3c;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0.1rem}

.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; max-width:100%;}
.widget-theme h3{padding:0;margin:0 0 10px}
.widget-theme h4{font-size:14px;line-height:1.5;margin-bottom:20px;color:#999; font-weight:normal}
.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-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(3){font-size:16px;line-height:2;margin-bottom:25px;text-align:justify;color: #525252;}
.article-container div:nth-of-type(3) p{margin-bottom:15px;}
.article-container div:nth-of-type(3) p a{border-bottom:1px solid #ffdfcc;word-break:break-all;color:#ff6000}
.article-container div:nth-of-type(3) p a:hover{color:#ff6000;border-bottom-color:#ff6000}
.article-container div:nth-of-type(3) img{display:block;max-width:100%;height:auto;margin:0 auto; border-radius:8px}
.article-container div:nth-of-type(3) hr{margin:50px auto;width:100px;border-top-color:#eee}
.article-container div:nth-of-type(3) 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(3) 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(3) 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(3) em{ color:red; font-style:normal}

.article-container div:nth-of-type(3) .alignnone{margin:0 auto}
.article-container div:nth-of-type(3) .alignleft{float:left;text-align:left;margin-right:10px}
.article-container div:nth-of-type(3) .aligncenter{margin:0 auto;text-align:center;display:block}
.article-container div:nth-of-type(3) .alignright{float:right;text-align:right;margin-left:10px}
.article-container div:nth-of-type(3) 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(3) blockquote p{margin:0;padding:0;margin-bottom:10px}
.article-container div:nth-of-type(3) .post-copyright{clear:both; font-size:14px}

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

@media (max-width: 544px){
    .article-container div:nth-of-type(3) h2{font-size:18px}
    .article-container div:nth-of-type(3) h3{font-size:14px}
    .article-container div:nth-of-type(3) 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; padding-right: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}}

.sec-panel-head{position: relative;margin-bottom: 15px}
.sec-panel-head h1,.sec-panel-head h3{margin: 0;padding: 0;font-size: 18px;line-height: 20px;font-weight: 500;color: #333;border-bottom: 2px solid hsla(0,0%,39%,.1)}
.sec-panel-head h1 a, .sec-panel-head h3 a{text-decoration: none}
.sec-panel-head h1 span, .sec-panel-head h3 span{position: relative;display: inline-block;padding-bottom: 12px}
.sec-panel-head h1 span:before,.sec-panel-head h3 span:before{position: absolute;left: 0;top: 100%;height: 2px;width: 100%;border-radius: 2px;background: #ff6000;content: ""}
.sec-panel-head span{color: #ff6000}
.sec-panel-head p{ margin-top:20px;}
.sec-panel-head p a{ margin-left:10px;}
.sec-panel-head small{font-size: .14rem;margin-left: 10px;color: #999;font-weight: 400}

.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}

.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}

/**/
.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; font-weight:normal;}
.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}}

@media (max-width:991px){.sec-panel-head small{display: none}}
.sec-panel-head .more {float: right;font-size: .14rem;font-weight: 400;line-height: 48px;color: #999;transition: all .3s ease-out; padding-left:10px;}

.sec-panel{background: #fff;border-radius: 5px;}
.sec-panel-head{padding: 0 15px;margin-bottom: 0}
@media (max-width:767px){.sec-panel-head{padding: 0 10px}}
.sec-panel-head h1,.sec-panel-head h3{line-height: 48px;border-bottom-width: 1px}
.sec-panel-head h1 span, .sec-panel-head h3 span{padding-bottom: 0;color: #333}
.sec-panel-head h1 span a,.sec-panel-head h3 span a{color: #333}
.sec-panel-head h1 span a:hover,  .sec-panel-head h3 span a:hover{color: #ff6000}
.sec-panel-head h1 span:before, .sec-panel-head h3 span:before{display: none}

/*边栏开始*/
.sidebar{float: right;width: 300px}
@media (max-width:1219px){.sidebar{width: 250px}}
@media screen and (max-width:991px){.sidebar{display: none}}
.widget {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}

span.two-list-date {float: right;color: #999;margin-left: 8px;}
li.two-list-title {line-height: 28px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;position: relative;padding-left: 10px;}

.widget ol, .widget ul{list-style: none;margin: 0;padding: 0}
.widget ol li, .widget ul li{position: relative;padding: 5px 0 0px 12px}
.widget ol li li, .widget ul li li{padding-left: 20px;border-bottom: 0}
.widget ol li:before, .widget ul li:before,.newslist li:before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc}

.widget-title{position: relative;margin: 0 0 10px;padding: 0 0 0 12px;font-size: 16px;font-weight: 500;line-height: 1}
.widget-title:before{position: absolute;left: 0;top: 0;width: 4px;height: 100%;content: "";background: #ff6000;border-radius: 2px}

.tags_lb ul { display: flex; flex-wrap: wrap; padding: 0 7px; }
.tags_lb ul li { line-height: 26px;padding:0 6px;border: 1px solid #ededed; margin: 3px 3px; border-radius:3px;}

.spclist{background-color:#fff;padding:20px}
.spclist ul{overflow:hidden;font-size:12px;margin-right:-3%;margin-top:-12px}
.spclist ul li{float:left;width:97%;margin-right:3%;margin-top:12px}
.spclist ul li.s2{width:47%}
.spclist ul li.s3{width:30.3333333333%}
.spclist 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:34px;border-radius:50px;border:1px solid #e6e6e6;text-align:center; color:#202935}
.spclist ul a:hover{color:#fff;border-color:#ff6000;background-color:#ff6000}
@media (max-width: 768px){.spclist{width:auto;float:none;margin:15px 0 0;border-radius:0}
.spclist ul a{border:none;background-color:#f9f9f9;line-height:34px}}@media (max-width: 544px){.spclist{padding:20px 15px}
.spclist .mo-title{margin-bottom:10px}}

/*付费阅读*/
.paywall { position: relative; text-align: center; margin-top: 30px; }
.paywall .buysum { position: absolute; left: 5px; top: 30px; color: #999 !important; font-size: 12px; opacity: .7; }
.paywall .paywall-mask { bottom: 120px; display: block; height: 120px; position: relative; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%); background-repeat: repeat-x;margin-bottom: -100px; }
.paywall .paywall-lock { border-top: 1px dashed #ddd; position: relative; }
.paywall .icon-suo { background: #fff; display: block; height: 24px; left: 50%; margin-left: -25px; position: absolute; top: -12px; width: 50px; }
.paywall .paywall-box { font-size: 14px; border: 1px dashed #ffc107; background: #fff; margin-bottom: 15px; margin-top: 10px;border: 0px;  padding: 20px 0;}
.paywall .paywall-link-box{ text-align:center;}
.paywall .paywall-link-box div:not(:first-child) { display: inline-block; margin: 10px 5px 5px; }

/*单页*/
.singlepage{background:#fff;padding:15px;border-radius:4px;border:1px solid #e4ecf3;}
.singlepage .singlepage-header h1{margin-top:5px;margin-bottom:20px;font-size:20px}
.singlepage .singlepage-header{position:relative;margin-bottom:20px;border-bottom:1px solid #f5f5f5}


.course-img img{max-width:680px;}
/*
* ------------------------------------------------------------------------------
* 源码
* ------------------------------------------------------------------------------
*/

/* 手机端 */
@media only screen and (max-width:768px){
    .bannerL{width:auto!important;padding:20px!important;margin:0!important}
    .bannerMid{width:100%!important}
    .shop_sall .custom{width:100%!important}

    .course-img img{max-width:100%!important}
}

/*下载模块*/
.shop_info{background:#fff;position:relative;margin-bottom:20px !important;border-radius:4px}
.shop_info li{list-style:none}
.shop_info .priceBtn .shop-vip{display: inline-block; color: #ff2a00; font-weight: 400; font-size: 13px; margin-left: 10px;}
.shop_info .priceBtn .shop-vip i{margin-right: 3px;}
.shop_info .priceBtn .shop-vip a{margin-left: 5px;}
.shop_info .priceBtn .sellP #priceinfo{margin-right: 3px;}

.bannerL{width:42%;overflow:hidden;float:left;margin:20px 20px 0 20px;font-size:0}

.risktips .icons{background:url(img/focus2018.png) no-repeat;background-position-x:0%;background-position-y:0%}
.risktips{border:solid 1px #ff8400;padding:3px 8px;color:#ff8400;overflow:hidden;margin-top:10px;line-height:18px;font-size:12px}
.risktips .icons{font-size:12px;background-position:-309px -67px;width:16px;display:inline-block;vertical-align:bottom;height:18px;font-weight:700}
.risktips span a{color:#ff8400}
.risktips i{font-size:13px;margin-right:5px}
.descp{line-height:25px;padding:10px;height:25px;border-bottom:1px solid #e7e7e7;color:#ababab}
.collectRow{overflow:hidden;padding:8px 5px;text-align:center;background:#f1f3f4}
.collectRow span{font-size:12px;color:#999999;height:auto;width:auto;margin-right:35px}
.collectRow span i{font-size:15px;margin-right:4px;vertical-align:middle}
.bannerMid{float:left;width:55%;margin-left:0px;padding:15px 10px 15px 10px}
.midTitle{width:100%;margin-top:5px}
.midTitle .single-vip{margin-right:0}
.midTitle h1{font-size:22px;color:#464646}
.superiority{font-size:14px;color:#a2a2a2}
.line0{width:77px;height:1px;background:#e7e7e7;margin:16px 0}
.promiseNet{overflow:hidden}
.promiseNet li{float:left;padding:4px 8px;border:1px solid #e2e2e2;border-radius:15px;color:#717171;margin-right:10px;cursor:default}

.sellP{font-size:13px;color:#ec1c2b}
.sellP em{font-size:13px;color:#ec1c2b;font-style:normal;font-weight:500}
.sellP #priceinfo{font-size:22px;color:#ec1c2b;font-weight:bold}
.sellP .taocan{display: inline-block; color: #8590a6; font-weight: 400; font-size: 13px; margin-left: 10px;}
.marketPrice{font-size:14px;color:#787878}
.icon1{display:inline-block;width:72px;height:22px;box-sizing:border-box;padding-left:14px;background:url('img/pinkFrame.png') no-repeat center;font-size:12px;color:#fff;position:relative;top:-6px}
.bannerMid a.makeFunc,.bannerMid a.needSay,a.shopcustom,a.conMake{display:inline-block;width:120px;height:36px;background:linear-gradient(-125deg,#f90202 0%,#fd2f44 100%);border-radius:4px;color:#fff;text-align:center;line-height:36px;font-size:15px;border:1px solid #0000;-webkit-transition-property:background-color;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear}
.bannerMid a.makeFunc:hover{height:34px;color:#eb0c1c;border:1px solid #eb0c1c;background:#fff0;line-height:34px}
.bannerMid a.seeDetail{background:#7270f3;margin-left:8px}
.bannerMid a.seeDetail:hover{color:#7270f3;border:1px solid #7270f3;background:#fff0;}
.bannerMid a.needSay{background:#ff8400;margin-left:8px}
.bannerMid a.needSay:hover{color:#ff8400;border:1px solid #ff8400;background:#fff0;height:34px;line-height:34px}
.bannerMid a.shopcustom{background:#333333;margin-left:8px}
.bannerMid a.shopcustom:hover{color:#333333;border:1px solid #333333;background:#fff0;height:34px;line-height:34px}
.bannerMid .time{height:30px;color:#9a9a9a;line-height:30px;margin-top:10px}




.fl{float:left}

/*
* ------------------------------------------------------------------------------
* 商城内页样式
* ------------------------------------------------------------------------------
*/
.single-tese{display:inline-block}
/*热门标签*/
.single-tese .tese-remen{display:inline-block;background:#ffa03f;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)}
.single-tese .tese-remen span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#ffa03f;font-size:14px}
/*独家标签*/
.single-tese .tese-dujia{display:inline-block;background:#5962f1;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%);font-weight:400}
.single-tese .tese-dujia span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#5962f1;font-size:14px}
/*最新标签*/
.single-tese .tese-zuixin{display:inline-block;background:#1cc751;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)}
.single-tese .tese-zuixin span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#1cc751;font-size:14px}
/*推荐标签*/
.single-tese .tese-tuijian{display:inline-block;background:#e10dfb;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)}
.single-tese .tese-tuijian span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#e10dfb;font-size:14px}
/*精品标签*/
.single-tese .tese-jingpin{display:inline-block;background:#ff0000;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)}
.single-tese .tese-jingpin span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#ff0000;font-size:14px}
/*内页商标签*/
.single-shang{transform:none;position:relative;display:inline-block;margin-right:2px;width:24px;height:29px;text-align:center;-webkit-border-radius:2px;border-radius:2px;line-height:1.4;font-size:22px;transform:translateY(18%);background:url(img/shang-title.png);background-size:100% 100%}
/*内页VIP标签*/
.single-vip{transform:none;position:relative;display:inline-block;margin-right:8px;width:24px;height:29px;text-align:center;-webkit-border-radius:2px;border-radius:2px;line-height:1.4;font-size:22px;transform:translateY(18%);background:url(img/vip-title.png);background-size:100% 100%}

/*2023*/
.custom{width:17%;background:#f4faff;border:1px solid #e9ecf3;float:right;text-align:center;margin:20px 20px 0 0;padding:0 30px;position:relative !important}
.custom:before{content:'';position:absolute;left:0;top:0;opacity:.3;background-image:-webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:-o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);width:60px;height:76px;-webkit-border-radius:0 0 100% 0;border-radius:0 0 100% 0}
.clearfix{ clear: both}


.cuxiao_info{padding:5px 0 7px;border-bottom:1px dotted #d6d6d6;clear:both;font: 12px "Verdana","Simsun";color: #646464;}
.cuxiao_info .right{float:left;width:562px;_width:550px;color:#646464}

.cuxiao_info .right b{float:left;background-color:#f66;color:#fff;font-weight:normal;padding:0 6px;height:16px;line-height:16px;line-height:16px\0;*line-height:16px;border-radius:3px;margin-top:5px;overflow:hidden}
.cuxiao_info .right a{display:inline-block}
.cuxiao_info .right a.alink{font-family:"simsun";color:#969696}
.cuxiao_info .right .text{margin-right:10px}
.cuxiao_info .right .red{color:#ff2832;padding-left:3px}
.cuxiao_info .right .list_e{float:left;width:460px}
.cuxiao_info .right .list_e li{position:relative;height:24px}
.cuxiao_info .right .jia_gou_e,.cuxiao_info .right .jia_gou_e:hover{border:1px dotted #d7d7d7;color:#646464;height:22px;font:12px/22px "Verdana","simsun";padding:0 8px 0 18px;text-decoration:none;position:absolute;top:0;left:0;overflow:hidden}
.cuxiao_info .right .jia_gou_e:hover{border:1px solid #ff7d82}



.choose_xilie{border-bottom:0;padding:5px 0 0}
.choose_xilie .right .list_e li{height:auto}
.choose_xilie .right .list_e{width:562px}
.choose_xilie .right .list_e{width:542px}
.choose_xilie .right .jia_gou_e,.choose_xilie .right .jia_gou_e:hover{padding:0 8px;position:relative;float:left;margin:0 5px 5px 1px;border:1px solid #ccc;*display:inline;*zoom:1;*float:none}
.choose_xilie .right .jia_gou_e:hover{border:1px solid #ff7d82 !important}
.choose_xilie .right .jia_gou_e span{display:block;white-space:nowrap;zoom:1}
.choose_xilie .right .chosen,.choose_xilie .right .chosen:hover{border:1px solid #ff7d82;*border:1px solid #ff7d82;}
.choose_xilie .right .list_c li,.choose_xilie .right .list_r li,.choose_xilie .right .list_e li{*float:left}

.cuxiao_info .left{float: left;width: 68px;color: #969696;white-space: nowrap;overflow: hidden;font: 12px "Verdana","Simsun";}
/*商城模块1点赞收藏*/
/*.shop_info_dzsc{display:block;font-size:12px;color:#666f80;text-align:center;position:absolute;right:0;bottom:0}
.shop_info_dzsc .change-color{padding:3px 10px;border-radius:4px;color:#ff5473;background-color:rgba(255,84,115,.1);margin-right:10px !important;font-size:12px;background:rgba(255,84,115,.1);box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)}
.shop_info_dzsc .change-color-sc{padding:3px 10px;border-radius:4px;color:#0084ff;background:rgba(0,132,255,.1);font-size:12px;box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)}*/
/**/
.main_info_price{margin-top:20px;display:flex}
.main_info_price_l{height:57px;line-height:50px;width:210px;text-align:center;background-color:#FFEFE9;margin-right:8px;color:#999999;font-size:12px;position:relative}
.main_info_price_l span{color:#FF7726;font-size:14px;font-weight:bold}
.main_info_price_l i{font-size:24px;font-style:normal}
.main_info_price_r{width:100%;height:57px;line-height:57px;color:#ffffff;font-size:18px;padding-left:24px;position:relative}
.collection{position:absolute;right:24px;top:17px;font-size:12px;width:80px;height:24px;line-height:24px;text-align:center;border:1px solid #ffffff;cursor:pointer}
.collection a{color:#fff}
.collection i{margin-right:3px}
.collection img{margin-top:-5px}
/*服务模块*/
.main_info_tb{background-color:#FAFBFD;font-size:14px;margin:16px 0;display:flex;flex-wrap:wrap}
.main_info_tb_items{height:50px;padding:0 8px 0 22px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main_info_tb_items i{margin-right:3px;color:#007cef!important}
.main_info_tb_item{height:50px;padding:0 9px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main_info_tb_item .left_title{color:#999999}
.main_info_tb_item .left_title::before{content:'';border-radius:50%;display:inline-block;width:5px;height:5px;margin-right:4px;background-color:#2E68E9;transform:translate(0,-50%)}


.shop-mall-sc{margin-top:13px;color:#999 !important}
.shop-mall-sc a{margin-top:5px;color:#999 !important}
.shop-mall-sc i{margin-top:5px;color:#999 !important}
.mr20{margin-right:20px !important}

.main_info_top_item{margin-right:10px;font-size:12px;border:1px solid #f0f1f5}
.main_info_top_item2{margin-right:0px;font-size:12px;border:1px solid #f0f1f5}
.item_titles{height:22px;line-height:22px;padding:0 7px;color:#999999;background-color:#F8F9FC;border-right:1px solid #f0f1f5}
.item_title{height:22px;line-height:22px;padding:0 20px;color:#999999;background-color:#F8F9FC;border-right:1px solid #f0f1f5}
.item_content1{display:inline-block;height:22px;line-height:22px;padding:0 7px;color:#333333;width:118px}
.item_content2{display:inline-block;height:22px;line-height:22px;padding:0 7px;color:#333333;width:57px}
.main_info_top_b{display:flex;margin-top:10px}
.consulting{width:110px;height:32px;line-height:32px;text-align:center;border:1px solid #0274ff;color:#0274ff !important;font-size:14px;border-radius:3px;transform: translateY(-7px);cursor:pointer}
.consulting:hover{background:#0274ff;border:1px solid #0274ff;color:#fff !important}
.consulting a{font-size:14px !important;color:#0274ff !important}
.consulting a:hover{color:#fff !important}
.consultingshop{padding-left:0;}

/*服务*/
.hd-leader{padding:60px 0;text-align:center}
.hd-leader h1,.hd-leader h2{margin:0;font-weight:bold;font-size:30px}
.hd-leader h3{margin:12px 0 0;font-weight:normal;font-size:16px;line-height:1.5;color:#666}
@media (max-width: 1024px){.hd-leader{margin-bottom:15px;padding:25px 0;background-color:#fff}
.hd-leader h1,.hd-leader h2{font-size:18px;font-weight:bold}
.hd-leader h3{margin-top:5px;font-size:14px;line-height:1.4;color:#999}
}

.itemsbox{margin-bottom:50px}
.itemsbox:before,.itemsbox:after{display:table;content:"";line-height:0}
.itemsbox:after{clear:both}
.itemsbox ul{margin-right:-1.5%}
.itemsbox ul li{text-align:center;float:left;vertical-align:top;width:31.8333333333%;margin-right:1.5%;margin-bottom:1.5%;background-color:#fff;border-radius:8px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:50px 20px}
.itemsbox ul li:hover{z-index:2;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.itemsbox ul li .iconfont{font-size:60px;font-weight:200;margin-bottom:15px}
.itemsbox ul li h2{font-size:18px;font-weight:bold;margin:0 0 10px}
.itemsbox ul li h3{margin:0 0 15px;color:#bbb;overflow:hidden;height:38px;font-size:14px;line-height:1.4}
@media(max-width: 768px){
    .itemsbox ul li{width:31.8333333333%}
}
@media(max-width: 544px){
    
    .main_info_price_r,.main_info_tb,.index-vip-bg{ display:none;}
    .btn{padding: 5px 15px;}
    
    .course-img img{max-width:100%;}
    .itemsbox{margin:0}
.itemsbox ul{margin-right:0}
.itemsbox ul li{width:100%;margin-right:0;margin-bottom:15px;padding:40px 20px}
.itemsbox ul li .iconfont{display:none}
.itemsbox ul li h2{font-size:16px}
.itemsbox ul li h3{height:auto}}

.imglist{font-size:0;padding:15px;margin: 0}
.imglist li{display:inline-block;width:23.5%;margin:1%;background:#fff;border-radius:3px;box-shadow:0 0 5px 0 rgba(0,0,0,.1);vertical-align:bottom;transition:all .2s ease-out 0s; height:100%;}
.imglist li:hover{box-shadow:0 1px 5px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:all .2s ease-in 0s}
.imglist li:hover .item-thumb img{opacity:.9;transition:all .2s ease-in 0s}
.imglist li:nth-child(4n+1){margin-left:0}
.imglist li:nth-child(4n){margin-right:0}
.imglist .list-img{position:relative; overflow:hidden}
.imglist .list-img .item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:1rem;line-height:1;color:#fff;background:rgba(0,0,0,.6);border-radius:2px}
.imglist .list-img .item-category:hover{color:#fff;}
.imglist .item-thumb{display:block}
.imglist .item-thumb img{width:100%;max-height:270px;display:block;transition:all .2s ease-out 0s;-o-object-fit:cover;object-fit:cover}
.imglist .list-title{margin:0;padding:10px;font-size:0.18rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;}
.imglist .list-title a{height:26px;color:#333;font-size: 1rem; width:100%;line-height: 1.25rem;margin-top: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.imglist .list-tips{padding:0 10px 10px;line-height:20px;font-size:12px;color:#999;overflow:hidden}
@media (max-width:767px){
.imglist li{width:46%;margin:2% !important;}
/*.imglist li:nth-child(2n+1){margin-left:0}
.imglist li:nth-child(2n){margin-right:0}
.imglist li:nth-child(3n+1){margin-left:2%}
.imglist li:nth-child(3n){margin-right:2%}*/
.imglist .list-title{font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;text-decoration:none;}
.imglist .list-tips{font-size:10px}}
/*.imglist .list-img:before{padding-top:100%;content:"";display:block}
.imglist .item-thumb{position:absolute;left:0;top:0;width:100%;height:100%}*/

.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;}

.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}

.solution{width: 100%;background: url(img/bg_solution.jpg) no-repeat center;/*background-color: #13182C;*/padding: 50px 0px;}
.solution .homepage-tit{color: #FFFFFF;}
.solution .solution-row-box{margin-top: 52px;}
.solution .col-md-6{padding: 0px;}
.solution .solution-row{float: left;width: 50%;height: 200px;margin-bottom: 20px;}
.solution .solution-row:nth-child(1){padding-left: 0px;padding-right: 10px;}
.solution .solution-row:nth-child(1) .solution-item{width: 100%;padding: 0px;}
.solution .solution-row:nth-child(2){padding-left: 10px;}
.solution .solution-row:nth-child(3){padding-right: 10px;}
.solution .solution-row:nth-child(4){padding-left: 10px;}
.solution .solution-des{width: 100%;height: 200px;background: url(img/quanzhan-bg.png) no-repeat center;padding: 27px 24px 0px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;}
.solution .solution-des:hover{margin-top: -8px;}
.solution .solution-des .title{line-height: 30px;font-size: 20px;color: #2D3037;}
.solution .solution-des p{line-height: 24px;font-size: 14px;color: #5E6D81;margin-top: 12px;}
.solution .solution-item{float: left;width: 50%;height: 200px;}
.solution .solution-item:nth-child(1){padding-right: 10px;}
.solution .solution-item:nth-child(2){padding-left: 10px;}
.solution .solution-item .solution-item-content{height: 200px;background: url(img/quanzhan-bg.png) no-repeat right center;padding: 27px 12px 0px 24px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;overflow: hidden;}
.solution .solution-item:hover .solution-item-content{margin-top: -8px;}
.solution .solution-item .tit{position: relative;line-height: 30px;font-size: 20px;}
.solution .solution-item .tit::after{content: "";position: absolute;bottom: -20px;left: 0px;width: 40px;height: 2px;background-color: #FF6666;}
.solution .solution-item .des{line-height: 24px;font-size: 14px;color: #5E6D81;margin-top: 38px;padding-right: 12px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;}
.solution .solution-item .link{height: 36px;margin-top: 22px;display: none;}
.solution .solution-item .link a{float: left;width: 112px;height: 36px;line-height: 34px;font-size: 14px;text-align: center;border: 1px solid #FF6666;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 16px;}
.solution .solution-item .link a:nth-child(1){color: #FFFFFF;background-color: #FF6666;}
.solution .solution-item .link a:nth-child(1):hover{background-color: #FF4444; color:#fff !important;}
.solution .solution-item .link a:last-child{color: #2D3037;border-color: #BDC5D3;margin-right: 0px;}
.solution .solution-item .link a:last-child:hover{color: #FF6666;border-color: #FF6666;}
.solution .solution-item.active .solution-item-content{background: url(img/quanzhan-bg-hover.png) no-repeat right center;}
.solution .solution-item.active .solution-item-content .link{display: block;}
.solution .solution-item.active .solution-item-content .tit::after{display: none;}
.solution .solution-item.active .solution-item-content .des{margin-top: 12px;}


span,div,ul,ol,li,p,h1,h2,h3,h4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.homepage-tit{line-height: 42px;font-size: 32px;color: #2D3037;text-align: center;}
.homepage-des{line-height: 26px;font-size: 16px;color: #5E6D81;text-align: center;margin-top: 13px;}
.homepage-des a{color: #FF6666;margin-left: 15px;}
.homepage-des a .arrow{display: inline-block;width: 6px;height: 11px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;}
.homepage-des a:hover .arrow{-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-o-transform: translateX(8px);transform: translateX(8px);}


@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;}
}
.blue{background:#1054EE;}
.blue:hover{background:#007bbb;}
.yellow{background:#f60;}
.yellow:hover{background:#ea5506;}
.green{background:#00a381;}
.green:hover{background:#028760;}
.mr0{ margin-right:0!important}
.big{ width:32.5%!important;/* height：240px!important; line-height:240px !important;*/  font-size:26px!important;letter-spacing:6px!important;}
.caselist{ margin-bottom:20px; height:auto; display:flex;flex-wrap:wrap;justify-content: space-between;}
.caselist li{ float:left; line-height:112px;height：112px;text-align:center; color:#fff; margin-bottom:15px;width:15.7%;  font-size:16px; border-radius:5px;}