/*.detail-content .course-detail-content
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* **********************************   基础样式  ************************************ */

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	vertical-align: top;
	word-break: break-word;
	
	list-style: none;
	border: 0;
	background: none;
	box-sizing: border-box;

}
*:not('.el-input-number__increase') {
    line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
}

html {
	font-size: 100px;
}


@media (max-width: 1200px) {
	html{
		font-size: calc(100 / 1200 * 100vw);
	}
}
@media (max-width: 900px) {
	html{
		font-size: 14vw;
	}
}
@media (max-width: 640px) {
	html{
		font-size: 18vw;
	}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 400;
}

body {
	color: #333;
	font-family: "sans-serif";
	overflow-x: hidden;
	font-size: 0.16rem;
}

body.y-hidden {
	overflow-y: hidden;
}

i,
em {
	font-style: normal;
}

a {
	text-decoration: none;
	color: #333;
}

img {
	max-width: 100%;
}

textarea {
	resize: none;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select,
input,
button,
textarea {
	color: #333;
	font-family: "sans-serif";
	outline: none;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333;
  }
  
  /* 通过延长增加自动填充背景色的方式, 使用户感受不到样式的变化 */
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
  }

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #818181;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #818181;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #818181;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #818181;
}


/* ***********************************************
					公共样式类
*********************************************** */
.link:hover {
	color: #1890FF;
}

.pr {
	position: relative;
    z-index: 5;
}

.ab {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.overhide{
	overflow: hidden;
}

.scale:hover img,
.scale:hover .img {
	transform: scale(1.05);
}

.scale img,
.scale .img {
	transition: all .5s;
}

.scale {
	overflow: hidden;
}

.sizing {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden,.hide {
	display: none;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.f-reverse{
	flex-direction: row-reverse;
}
.j-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.j-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.j-sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.j-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.f-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.f-colu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.a-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.a-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.a-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.a-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.nowrap1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nowrap2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.nowrap3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;

}

.pointer:hover {
	cursor: pointer;
}

.t-center {
	text-align: center;
}

.t-right {
	text-align: right;
}
.t-just{
    text-align: justify;
}

/* 行高 */
.line-mn,
.line-mn * {
	line-height: 1.3;
}

.line-sm,
.line-sm * {
	line-height: 1.5;
}

.line-md,
.line-md * {
	line-height: 1.8;
}

.line-lg,
.line-lg * {
	line-height: 2;
}

/* 字体 */
.font-heavy {font-weight: 900;}
.font-bold {font-weight: 700;}
.font12 {font-size: 0.12rem;}
.font14 {font-size: 0.14rem;}
.font16 {font-size: .16rem;}
.font18 {font-size: .18rem;}
.font20 {font-size: .20rem;}
.font22 {font-size: .22rem;}
.font24 {font-size: .24rem;}
.font25 {font-size: .25rem;}
.font26 {font-size: .26rem;}
.font28 {font-size: .28rem;}
.font30 {font-size: .30rem;}
.font32 {font-size: .32rem;}
.font34 {font-size: .34rem;}
.font35 {font-size: .35rem;}
.font36 {font-size: .36rem;}
.font38 {font-size: .38rem;}
.font40 {font-size: .40rem;}
.font42 {font-size: .42rem;}
.font45 {font-size: .45rem;}
.font48 {font-size: .48rem;}
.font50 {font-size: .50rem;}
.font55 {font-size: .55rem;}
.font56 {font-size: .56rem;}
.font58 {font-size: .58rem;}
.font60 {font-size: .6rem;}
.font65 {font-size: .65rem;}
.font100 {font-size: 1rem;}

/* 网站常用类 */

/* 颜色 */
.corfff {
	color: #fff;
}
.cor0f1{
    color: #0f1e2f;
}
.cor666 {
	color: #666;
}

.cor333 {
	color: #333;
}

.cor999 {
	color: #999;
}

.corF5F6F4 {
	color: #F5F6F4;
}

.corB4B4B4 {
	color: #B4B4B4;
}

.cor818181 {
	color: #7a7e87;
}

.cor3C3C3C {
	color: #3C3C3C;
}

.cor5a5a5a {
	color: #5a5a5a;
}

.cor555 {
	color: #555555;
}
.cor236{
    color: #2363bc;
}

.opacity0 {
	opacity: 0;
}

.shadow {
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
}

.clearfix:after {
	content: '';
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.mask {
	background-color: rgba(0, 0, 0, .5);
	display: none;
}

.t-sion {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.underline:hover {
	text-decoration: underline;
}

.font-light {
	font-weight: 400 !important;
}

.d-block {
	display: block;
}

.publicBox {
	padding: 0 1rem;
}

.w100 {
	width: 100%;
}
.hover:hover{
	color: #2363bc !important;
}

.over-hidden{
    overflow: hidden;
}

.w1200 {
	max-width: 12rem;
	margin: 0 auto;
	width: 96%;
}
.after:after{
	position: absolute;
	content: "";
}
.scale{
	overflow: hidden;
}
.scale:hover img{
	transform: scale(1.03);
}
.pt9{
	padding-top: .9rem;
}
.drop {
	position: absolute;
	top: 100%;
	right: 0;
	padding: .1rem;
	background: #fff;
	border-radius: 5px;
	box-shadow:  0 0 .1rem rgba(0, 0, 0, .1);
	display: none;
}
.dropHover:hover .drop{
	display: block;
}



/* ***************************   style 2024  ************************** */
[v-cloak]{display:none !important;}
.filter-content .row-one{
    padding: .15rem .2rem;
    border-bottom: solid 1px #eeee;
}
.category-btns a{
    display: block;
    padding: 0 .2rem;
    line-height: .4rem;
    border-radius: .4rem;
    margin-right: .2rem;
}
.filter-search{
    margin-right: .1rem;
}
.filter-content .row-one p{
    margin-right: .3rem;
}
.common-title{
    margin: .5rem 0 .25rem;
}
.common-title.mb0{
    margin-bottom: 0;
}
.common-title h2 img{
    margin-left: .1rem;
    width: .35rem;
}
.more a span{
    display: block;
    width: .16rem;
    height: .16rem;
    background: rgb(229, 226, 226);
    border-radius: 50%;
    margin-left: .1rem;
}
.more a span:after{
    content: "";
    display: block;
    width: .06rem;
    height: .06rem;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotateZ(45deg);
    margin-top: 0.05rem;
    margin-left: 0.04rem;
}
.list-box ul{
    margin: 0 -.1rem;
    margin-top: -.2rem;
}
.list-box ul li{
    width: 25%;
    padding: 0 .1rem;
    margin-top: .2rem;
}
.list-box ul li .item{
    border-radius: .1rem;
    background: #f5f5f5;
    height: 100%;
}
.list-box ul li figure img{
    height: 2.8rem;
    object-fit: cover;
}
.list-box ul li .introduce{
    padding: .1rem 0;
}
.list-box ul li .introduce h3{
    min-height: .5rem;
}
.list-box ul li .introduce h3 a{
    flex: 1 0 0;
    padding-right: .2rem;
    display: -webkit-box; /* 将元素设置为弹性伸缩盒子模型 */
    -webkit-box-orient: vertical; /* 设置子元素的排列方向为垂直 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏超出的内容 */
}
.list-box ul li .introduce h4{
    margin-top: 0;
    min-height: .45rem;
}
.list-box ul li .introduce h3 span{
    background: url(../images/collect.svg) no-repeat center/.2rem;
    width: .2rem;
    height: .2rem;
}
.list-box ul li.collect .introduce h3 span{
    background-image: url(../images/collected.svg);
}
.list-box ul li .introduce .time{
    margin: .1rem 0;
    font-size: .12rem;
    border-bottom: solid 1px #eee;
    padding-bottom: .1rem;
}
.list-box ul li .introduce .buy-people{
    padding-left: .1rem;
    border-left: solid 1px #ddd;
    margin-left: .1rem;
}
.list-box ul li .introduce .free{
    padding-top: 0.05rem;
    margin-top: 0.1rem;
    border-top: solid 1px #eee;
}
.list-box ul li .introduce > *{
    padding: 0 .1rem;
}
.list-box ul li .type{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.list-box ul li .type span{
    display: block;
    line-height: .3rem;
    border-bottom-right-radius: .1rem;
    color: #fff;
    padding: 0 .1rem;
    font-size: .14rem;
}
.list-box ul li .type .blue{
    background: #2363bc;
}
.list-box ul li .type .green{
    background: #07c70e;
}
.list-box ul li .type .yellow{
    background: #e0d205;
}
.list-box ul li .type .red{
    background: #ee2207;
}
.list-box ul li .type .purple{
    background: #b505c5;
}
.list-box ul li .state{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.list-box ul li .state span{
    display: block;
    width: .7rem;
    height: .7rem;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    line-height: .5rem;
}
.list-box ul li .state .doing{
    background: url(../images/doing.svg) no-repeat center/100%;
}
.list-box ul li .state .not-begin{
    background: url(../images/not_begin.svg) no-repeat center/100%;
}
.list-box ul li .state .end{
    background: url(../images/end.svg) no-repeat center/100%;
}
.Page001959 .Pages a,
.Page001959 .Pages span,
.Page001959 .Pages span b{
    line-height: 50px;
}
.Page001959 .Pages .p_jump .i_text{
    vertical-align: middle;
    border: solid 1px #333;
}
.course-banner{
    height: 5rem;
}
.course-banner-txt .course-banner-infomation{
    height: 4rem;
    margin-top: .5rem;
    background-color: rgba(35,99,188,.9);
    width: 4.2rem;
    padding: .2rem;
    border-radius: .1rem;
}
.course-banner-txt h3,
.course-banner-txt h3 *{
    line-height: 1.3;
}
.course-banner-txt .detail-info{
    margin: .2rem 0 .4rem 0;
}
.course-banner-txt h4{
    margin-right:.15rem;
}
.course-banner-txt h3 img{
    width: .35rem;
    margin-right: .1rem;
}
.course-banner-txt p strong{
    color: #ffe400;
}
.course-banner-txt p strong img{
    width: .3rem;
}
.course-banner-txt .end-date span:not(:last-child){
    padding-right: .1rem;
    margin-right: .1rem;
    border-right: solid 1px #fff;
}
.course-detail-content{
    max-width: 10rem;
    margin: 0 auto;
}
.course-detail .left figure{
    width: 2.3rem;
}
.edit-html{
    min-height: 500px;
    padding-top: .3rem;
    
}
.comment h4 span{
    color: #b2b2b2;
}
.comment-list ul li{
    padding-left: .5rem;
    margin-bottom: .4rem;
}
.comment-list ul li:last-child{
    margin-bottom: 0;
}
.comment-list ul li .avatar{
    position: absolute;
    left: 0;
}
.comment-list ul li .avatar img{
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
}
.new-page{
    margin-top: .4rem;
}
.new-page .el-pagination{
    font-weight: 400;
}
.buy-popup .el-dialog__header{
    border-bottom: solid 1px #eee;
}
.buy-popup .el-dialog{
    max-width: 95%;
}
.el-select-dropdown__item span{
    line-height: 34px;
}
.is-help,.el-titpe{
    margin-bottom: .1rem;
}
.pay-way .row-pay{
    width: 1.5rem;
    height: .4rem;
    padding: .2rem;
    border-radius: 5px;
    border: solid 1px #eee;
    margin-right: .2rem;
}
.pay-way .row-pay img{
    height: .25rem;
    margin-right: .1rem;
}
.pay-way .row-pay.on{
    border-color: #2363bc;
    color: #2363bc;
}
.amount{
    text-align: right;
    padding-bottom: .2rem;
    border-bottom: solid 1px #eee;
}
.price-row strong{
    margin-left: .05rem;
}
.el-titpe h4:after,
.el-titpe h4:before{
    content: "";
    display: inline-block;
    width: .5rem;
    height: 1px;
    background: #999;
}
.el-titpe h4:after{
    margin-left: .2rem;
}
.el-titpe h4:before{
    margin-right: .2rem;
}
.el-titpe h4{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-popup .el-form-item,
.table-price{
    margin-bottom: .15rem;
}
.table-price{
    border: solid 1px #eee;
    border-radius: 5px;
    border-bottom: 0;
    border-right: 0;
}
.table-price tr th,
.table-price tr td{
    text-align: center;
    vertical-align: middle;
    font-size: .12rem;
    font-weight: 400;
    padding: 5px;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
}
.course-detail .table-price tr th,
.course-detail .table-price tr td{
    font-size: .14rem;
}
.course-detail .right{
    margin-top: .3rem;
}
.course-detail .right .jieti{
    margin-bottom: .1rem;
}
.course-detail .left .txt{
    margin-left: .2rem;
}
.bottom-price p{
    margin: .06rem 0;
}
.bottom-price p img{
    width: .2rem;
    margin-right: 5px;
}
.course-detail .left .txt > p{
    margin: .1rem 0 .2rem;
}
.bottom-price .el-select{
    width: .8rem;
}
.contact-tabls .el-tabs__nav-wrap::after{
    display: none;
}
.demo-ruleForm .el-row{
    margin-bottom: .3rem;
}
.demo-ruleForm .now-buy{
    margin-top: .3rem;
}
.demo-ruleForm .now-buy .el-button{
    width: 1.5rem;
}
.contact-tabls .is-help{
    position: absolute;
    right: 0;
    z-index: 3;
}
.cord12 {
    color: #2363bc;
}
.coupon{
    width: 2.8rem;
    height: 1rem;
    background: url(../images/coupon_no.png) no-repeat center/100% 100%;
    padding: .15rem 0;
    margin-right: .1rem;
    margin-bottom: .1rem;
}
.coupon .price{
    width: 35.5%;
    padding-left: .15rem;
    padding-right: .1rem;
    border-right: solid 1px #FFC2B0;
    font-size: .12rem;
}
.coupon .price p i{
    font-style: normal;
    position: absolute;
    left: 120%;
    top: 0;
	display: none;
}
.coupon .price p{
    margin-bottom: 5px;
}
.coupon .price p strong{
    color: #e6ab4d;
	font-size: .22rem;
}
.coupon .introduce{
    width: 64.5%;
    padding-right: .1rem;
    padding-left: .1rem;
}
.coupon .introduce h4{
    font-size: .14rem;
}
.coupon .introduce p{
    margin: .05rem 0 .1rem;
}
.coupon .state-btn{
    width: .7rem;
    height: .27rem;
    line-height: .25rem;
    text-align: center;
    border: solid 1px #FFC2B0;
    background: #fff;
    border-radius: .3rem;
    font-size: .12rem;
    color: #e6ab4d;
}
.coupon.used{
    background-image: url(../images/coupon_had.png);
}
.coupon.used .price strong{
    color: #666666;
}
.coupon.used .price {
    border-color: #e8e8e8;
}
.coupon.used .state-btn{
    border-color: #D9D9D9;
    color: #333;
}
.coupon.lose-efficacy{
   opacity: .7;
}
.list-box.three ul li{
    width: 33.33%;
}
.locat {
    padding: 30px 0;
    position: relative;
}
/* 03_会员中心_首页 */
.person-center{
    font-size: .14rem;
}
body.grey{
    background: #FAFAFA;
}
.bd10 {
    border-radius: 0.1rem;
}
.bgfff {
    background-color: #fff;
}
.person-center .left{
    width: 2.1rem;
    position: sticky;
    top: .1rem;
}
.person-center .right{
    width: calc(100% - 2.3rem);
    min-height: 6.5rem;
}
.menus dl{
    padding: .1rem 0;
}
.menus dl dt a{
    height: .4rem;
    line-height: .4rem;
    font-weight: 700;
}
.menus dl dd a{
    line-height: .35rem;
}
.menus dl a{
    display: block;
    padding: 0 .2rem 0 .55rem;
}
.menus dl:not(:last-child) {
    border-bottom: solid 1px #FAFAFA;
}
.menus dl dt{
    background-position: .3rem center;
    background-size: .15rem;
    background-repeat: no-repeat;
    font-size: .16rem;
}
.menus dl:nth-of-type(1) dt {
    background-image: url(../images/zhanghuxinxi.svg);
}
.menus dl:nth-of-type(2) dt {
    background-image: url(../images/suoyoujiaoyi.svg);
}
.menus dl:nth-of-type(3) dt {
    background-image: url(../images/youhuiquan.svg);
}
.menus dl:nth-of-type(4) dt {
    background-image: url(../images/shoucang.svg);
}
.menus dl:nth-of-type(5) dt {
    background-image: url(../images/shezhi.svg);
}
.menus dl .active a{
    color: #2363bc;
    font-weight: 700;
}
.commom-title {
    height: 0.7rem;
    border-bottom: solid 2px #E8E8E8;
    margin-bottom: 0.3rem;
}
.my-orders-content .one-title {
    height: 0.8rem;
    padding: 0 0.3rem;
    border-bottom: 0;
    margin-bottom: 0.1rem;
}
.right-commom {
    padding: 0.3rem;
}
.right-commom .commom-title{
    margin-bottom: .3rem;
}
.menu-title a {
    margin-right: 0.4rem;
}
.menu-title a.on:after {
    opacity: 1;
}
.menu-title a.on {
    color: #2363bc;
    font-weight: 700;
}
.menu-title a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #2363bc;
}
.core6a{
    color: #e6ab4d !important;
}
.order-list .row-item{
    padding: .2rem .3rem;
    background-color: #f4f7fc;
}
.order-list .row-item:not(:last-child) {
    margin-bottom: .2rem;
}
.order-list .row-item .date{
    padding-bottom: .2rem;
    border-bottom: solid 1px #eee;
    
}
.order-list .row-item .date .time span:not(:last-child) {
    margin-right: .2rem;
}
.order-list .row-item .detail{
    margin: .2rem 0;
}
.order-list .row-item .part-top p{
    margin: .1rem 0;
}
.order-list .row-item figure{
    width: 2.2rem;
}
.order-list .row-item .txt {
    width: calc(100% - 2.2rem);
    padding-left: .2rem;
    min-height: 1.2rem;
}
.price-box .el-radio__input.is-checked+.el-radio__label{
    color: #666;
}
.course-content{
    margin-bottom: .8rem;
}
.template{
    position: relative;
    z-index: 10;
}
.Other002638 li.li-service aside {
    padding: 10px;
}
.Other002638 li.li-service aside img{
    max-width: none;
    width: 150px;
}
.Other002638 li.li-service>a{
    background: #f8f8f8 url(../images/service_icon.svg) no-repeat center/30px;
}
.main-list{margin-top: .5rem;}
.main-list .el-tabs__item{font-size: .2rem;}
.collect-btn{
    position: absolute;
    left: 1.6rem;
    top: 0;
    z-index: 5;
    line-height: 40px;
    padding: 0 0.2rem 0 0.4rem;
    background: url(../images/collect.svg) no-repeat .15rem center/.2rem;
}
.collect-btn.active{
    background-image: url(../images/collected.svg);
}
.show-more{
    background: #ededed;
    padding: .1rem 0;
    margin-bottom: .3rem;
    margin-top: -.3rem;
}
.show-more img{
    width: .2rem;
    margin-left: .15rem;
    animation:myfirst 3s ease infinite;
	-webkit-animation:myfirst 3s ease infinite;
}
.show-more.active img{
    transform: rotateZ(-180deg);
    animation:myfirst2 3s ease infinite;
	-webkit-animation:myfirst2 3s ease infinite;
}
*.w180{width: 1.8rem;}
@keyframes myfirst
{
	0% {transform: translateY(-5px);}
	50% {transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0% {transform: translateY(-5px);}
	50% {transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}
@keyframes myfirst2
{
	0% {transform: translateY(-5px) rotateZ(-180deg);}
	50% {transform: translateY(5px) rotateZ(-180deg);}
    100%{transform: translateY(-5px) rotateZ(-180deg);}
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
	0% {transform: translateY(-5px) rotateZ(-180deg);}
	50% {transform: translateY(5px) rotateZ(-180deg);}
    100%{transform: translateY(-5px) rotateZ(-180deg);}
}
.edit-comment{margin-bottom: .5rem;}
.edit-comment .d-flex{margin-top: .2rem;}
.banner a{width: 100%;}
.order-info-refundment{
	padding: 5px 10px;
	background: #eee;
	border-radius: 5px;
}
.reason-group{padding-top: .12rem;}
.reason-group .el-radio{margin-right: .15rem;}
.mt10{margin-top: .1rem;}
.mt15{margin-top:.15rem;}

/*********** 响应式 ***********/
@media (min-width: 1200px) {
    .show-more:hover{
        background-color: #dedede;
    }
    .hover-bg,
    .category-btns a.on,
    .category-btns a:hover{
        background-color: #2363bc;
        color: #fff;
    }
    .more a:hover span{
        background-color: #2363bc;
    }
    .coupon:not(.used) .state-btn:hover, .grey-btn.grey-to-red:not(.had-red):hover {
        border-color: #e6ab4d;
    }
    .coupon:not(.used) .state-btn:hover, 
    .grey-btn.grey-to-red:not(.had-red):hover{
        background-color: #e6ab4d;
        color: #fff;
    }
    .menu-title a:hover {
        font-weight: 700;
    }
    .menus dl a[href]:hover, .hover-color-d12:hover, .menu-title a:hover {
        color: #2363bc;
        font-weight: 700;
    }
    .menu-title a:hover:after {
        opacity: 1;
    }
}
/*********** 响应式 end ***********/

/* ***************************   style 2024 End ************************** */