/*longming new域名样式表*/
.red,a.red{color:#ff2c45!important}
.blue,a.blue{color:#2881d3!important}
.green,a.green{color:#00be79!important}
.darkblue,a.darkblue{color:#0033d8!important}
.light_gray,a.light_gray{color:#acacac!important}
.gray,a.gray{color:#878787!important}
.orange{color:#ff7b00!important;}
.yellow{color:#FFCC33!important;}
.black{color:#000!important;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix {zoom: 1;overflow: inherit;}
/*首页底部广告*/
.bgImgR{
    background: url(../images/4b61c3c822a75f92216daac161c29e8e.png) bottom right no-repeat;
    background-size: contain;
    padding-top: 135px;
    padding-bottom: 100px;
}

.flexBox{
    display: flex;
    gap: 80px;
}

.leftImg{
    width: 343px;
    height: 194px;
    background: url(../images/leftImg20251029.jpg) no-repeat center;background-size: cover;
    border-radius: 8px;
    flex: none;
}

.centerBox{

}

.centerBoxTitle{
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    line-height: 24px;
    font-style: normal;
    margin-bottom: 30px;
}

.centerBoxText{
    font-size: 20px;
    color: #000000;
    line-height: 44px;
    text-align: left;
    font-style: normal;
}

.centerBoxText span{
    font-weight: bold;
}

@media (max-width:768px){
    .bgImgR{
        padding: 80px 0;
    }
    .flexBox{
        flex-direction: column;
    }

    .centerBoxTitle{
        font-size: 24px;
    }

    .centerBoxText{
        font-size: 16px;
        color: #000000;
        line-height: 30px;
    }
}
/*首页底部广告*/

/*选择框设置*/
.checkbox_label{position: relative;display: inline-block;overflow: hidden;vertical-align: text-bottom;}
.checkbox_label:hover{color: #f00}
.checkbox_label input{position: absolute;left: -20px; z-index: 0;display: inline-block;}
@media \0screen\,screen\9{.checkbox_label input{position: relative;left: 0}}/*只对IE6/7/8有效*/
.checkbox_label input+span{position: relative;display: inline-block;cursor: pointer;line-height: 1}
.checkbox_label input+span::before {position: relative;display: inline-block;vertical-align: text-bottom;margin-right:6px;text-align: center; box-sizing: border-box;content:' ';height:18px;line-height: 16px;width:18px;font-size:16px;background: #fff;border: solid 1px #cbd3df; z-index: 1;cursor: pointer;border-radius: 50%;}
.checkbox_label input:checked+span::before{content: "\e61d";font-family: "iconfont" !important;color: #fff;border-color: #fb5f35;background: #fb5f35;font-weight: bold;}
.checkbox_label input:checked+span{color:#222;}
.checkbox_label input[type=radio]+span::before {border-radius:100%;}
.checkbox_label input[disabled]+span::before {background: #ddd;border-color: #ccc;cursor: default}
.checkbox_label input[disabled]+span{color:#b1b1b1;cursor: default}
/* main */
.wp{width: 1170px;margin: auto;}
/*.wp{width: 1280px;margin: auto;}*/
/*@media (max-width: 1450px){.wp {width:1170px;}}*/
/*.wp{width: 1400px;margin: auto;}*/
@media (max-width: 1450px){.wp {width:1170px;}}
.main-box{padding:4.5rem 0;background: #f6f7fa;width: 100%}
.main-title{text-align: center;}
.main-title h2{color: #333;font-size:2.2rem;font-weight: normal;}
.main-title p{color: #aaa;font-size:1rem;line-height: 1.5;}
.con-title-h1{font-size:2.1rem!important;font-weight: normal}
.con-title-h2{font-size:1.8rem!important;font-weight: normal}
.con-title-h3{font-size:1.5rem!important;font-weight: normal}
@media (max-width: 992px){
	.xs-hide{display: none}
}

/* 常用内容背景色块 */
.main-bg-white{background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.05)}
/*=============域名注册查询页=================*/
.lm-domain-banner-box{height: 22.5rem;background: url(../images/lm-domain-banner20251029.jpg) no-repeat center;background-size: cover;}
.lm-banner-title-txt{font-size:calc(1.7rem + .7vw)!important;text-align: center;padding-top:3.8rem;}
.lm-banner-title-com{color: #666;text-align: center;font-size:19px}

.lm-dm-search-box{margin-top: -8.73rem;margin-bottom:3.5rem;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.08)}
.excessive{
    width: 100%;
    height: 10px;
    background: linear-gradient(90deg,#5098FB,#AA63E7);
}
.lm-dm-search-tit{background:#f6f7fb;padding:.8rem 1.5rem;position: relative;}
.lm-dm-search-tit .title{font-size: 1.125rem;color: #666666;}
.lm-dm-search-lead{border: solid 1px #dedede;color: #6f90ce;background: #fff;padding:.4rem .9rem;box-shadow: 0 3px 5px rgba(0,0,0,.1);margin-left:.5rem;}
.lm-dm-search-lead:hover{color: #5a87db;border-color: #b4c6e7;}
.lm-dm-search-adv{position: absolute;right: -10px;top: -11px;}
.lm-dm-search-adv span{display: none;}
@media (max-width:768px){
    .lm-dm-search-adv img{display: none}
    .lm-dm-search-adv span{display: block;padding: 2rem 2rem 0 0}

    .bgImgR{
        padding: 80px 0;
    }
    .flexBox{
        flex-direction: column;
    }

    .centerBoxTitle{
        font-size: 24px;
    }

    .centerBoxText{
        font-size: 16px;
        color: #000000;
        line-height: 30px;
    }
}
.lm-dm-search-con{padding:1.2rem 1.5rem 0;}
.lm-dm-search-textarea{position: relative;}
.lm-dm-search-textarea textarea{border: solid 1px #cdcdcd;width: 100%}
.lm-dm-search-textarea .domains{padding: 1.2rem;width: 100%;box-sizing: border-box;}
.lm-dm-search-textarea .ymsr{position: absolute;right:15px;bottom: 10px;color: #999;}

.lm-dm-search-name-nav{width: 100%;display: flex;border-bottom: solid 1px #e5e5e5;margin-bottom:.5rem;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.lm-dm-search-name-nav li{padding: 0 5%;line-height:2.8rem;cursor: pointer;font-size: 1rem}
.lm-dm-search-name-nav li.active{color: #0099ff;font-weight: bold;border-bottom: solid 3px #0099ff;margin-bottom: -1px;position: relative}

.domain-suffix-con{margin: auto;padding-bottom: 0}
.domain-suffix-con .checkbox_label {float: left;height: 24px;}
.domain-suffix-con ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.domain-suffix-con li{float: none;width: 14%;}
.domain-suffix-con li .dm-name-box{float: left;width: 100%;position: relative;padding:.5rem 0;}
.domain-suffix-con li .dm-name{float: left;line-height:1.5rem;font-size:1rem;}
.domain-suffix-con li .dm-name a{color: #364364;font-size:1rem;font-weight: bold;}
.domain-suffix-con li .dm-name a:hover{color:#ee2d2d;}
.domain-suffix-con li .dm-tip{display: none; font-weight: normal;position: absolute;z-index: 9; top:38px;font-size: 14px;background: #fff;padding: 15px;line-height: 1.5;border: solid 1px #f1f1f1;box-shadow: 0 5px 8px rgba(0,0,0,.1)}
.domain-suffix-con .dm-name:hover .dm-tip{display: block;color: #666}
@media(max-width:1200px){
    .domain-suffix-con li{width: 20%;}
}
@media(max-width:992px){
    .domain-suffix-con li{width: 25%;}
    .lm-domain-banner-box{height:18.5rem}
    .lm-banner-title-txt{padding-top: 2.8rem;}
}
@media(max-width:768px){
    .domain-suffix-con li{width: 33%;padding-left: .5rem}
}

.dm-icon{float: left;font-size:.75rem;background: #ddd;color: #fff;line-height:.875rem;height:.875rem;padding: 0 2px;border-radius:2px;margin:.3rem -1.3rem 0 .4rem;position: relative}
.dm-icon:before{content: ""; width: 0;height: 0;overflow: hidden;border:3px solid transparent;border-right:5px solid #ddd;position: absolute;left:-7px;top:4px;}
.dm-icon-orange{background: #ffb603;}
.dm-icon-orange:before{border-right:5px solid #ffb603;}
.dm-icon-red{background: #ff0000;}
.dm-icon-red:before{border-right:5px solid #ff0000;}
.dm-icon-green{background: #50ac12!important;}
.dm-icon-green:before{border-right:5px solid #50ac12!important;}

.domain-xuanze{overflow: hidden;}
.domain-xuanze .checkbox_label{margin-right:.9rem;}

.lm-dm-search-bottom{text-align: center;border-top: solid 1px #e5e5e5;overflow: hidden;padding:1.2rem 0 2rem;}
.lm-dm-search-bottom .domains-btn {margin:0 .4rem;padding: 0 .8rem;max-width:100%;box-sizing: border-box;vertical-align: middle;color: #fff;border: none;font-size:1.25rem;cursor: pointer;
    background: -webkit-linear-gradient(90deg,#5098FB, #AA63E7);
    background: -o-linear-gradient(90deg,#5098FB, #AA63E7);
    background: -moz-linear-gradient(90deg,#5098FB, #AA63E7);
    background: linear-gradient(90deg,#5098FB, #AA63E7);
    box-shadow: 3px 0px 10px 0px rgba(112,51,132,0.3);
}
/*.lm-dm-search-bottom .domains-btn:hover{background: #fb5f35;}*/
.lm-dm-search-bottom .domains-btn-clear{color: #666666;border: solid 1px #cccccc;background: #fff;}
.lm-dm-search-bottom .domains-btn-clear:hover{background: #f8f8f8}

/*推荐域名后缀*/
.domain_recommend{padding-top:1.2rem;}
.domain_recommend ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;}
.domain_recommend li{border: solid 1px #dfe2ea;width: 24%;margin-bottom:1rem;background: #fff;box-sizing: border-box;box-shadow: 0 8px 15px rgba(0,0,0,.08);transition-duration: .2s;}
.domain_recommend li:hover{border: solid 1px #bacbe6;box-shadow: 0 8px 15px #dee2e8;cursor: pointer}
.domain_recommend li:hover .domain_recommend_bottom a{background: #f4f6fd;color: #6b82bf;}
.domain_recommend li:hover .domain_recommend_con .price b {color: #e7380d;}
.domain_recommend li:last-child{margin-right: 0}
.domain_recommend li:first-child{margin-left: 0}
.domain_recommend .domain_recommend_con{height:18rem;padding:1.2rem;box-sizing: border-box;text-align: center;}
.domain_recommend .domain_recommend_con .img img{height:70px;}
.domain_recommend .domain_recommend_con .text{margin-top:0; overflow: hidden;height:65px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 1.4;color: #666666;}
.domain_recommend .domain_recommend_con .price{padding-top: 15px;color: #777;}
.domain_recommend .domain_recommend_con .price b{font-size: 1.8rem;color: #ff603b;}
.domain_recommend .domain_recommend_bottom{}
.domain_recommend .domain_recommend_bottom a{display: block;line-height:3rem;background: #f7f8fb;text-align: center;font-size:1rem;}

.domain_recommend_xx{background: #fff;padding:5rem 0;}
.domain_recommend_xx li{box-shadow: 0 8px 10px rgba(0,0,0,.02);}


.main-box-flex{
    margin-top: 88px;
    display: flex;
    gap: 100px;
    margin-bottom: 120px;
}

.main-box-flexTitle{
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    font-style: normal;
    margin-bottom: 13px;
}

.main-box-flexText{
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: left;
    font-style: normal;
}
@media(max-width:1200px){
    .domain_recommend li {width: 49%;}
}
@media(max-width:992px){
    .domain-suffix-con li{width: 25%;}
    .domain_recommend .domain_recommend_con .price strike{display: none}
    .domain_recommend .domain_recommend_con .text{display: none}
    .domain_recommend .domain_recommend_con{height: auto}
}
@media(max-width:768px){
    .domain-suffix-con li{width: 33%;padding-left: .5rem}
    .main-box-flex{
        margin-top: 88px;
        display: flex;
        gap: 50px;
        flex-direction: column;
        margin-bottom: 80px;
    }
}


/*域名优势*/
.main-tit{font-size:30px !important;text-align: center;padding:2rem 0;color: #000;}
.main-titSpan{font-weight: bold;font-size:30px !important;color: #000;}
.main-tit .more{float: right;font-size: 16px;margin-top: 10px;color:#0099ff;}
.main-titTitle{
    font-size: 16px;
    max-width: 843px;
    padding: 0 20px;
    color: #333333;
    margin: 0 auto;
    text-align: center;
}
.weadv{line-height: 1.6;background: #fff;padding: 2rem 0 3.6rem;}
.weadv i{float: left;margin-right:8px;}
.weadv h2{max-height:3.75rem;font-size: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;padding-right:1.5rem;}
.weadv span{color: #999999;font-size:1rem; line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;padding-right:2.8rem;}
.weadv .layui-col-md4{overflow: hidden;margin:0;height: auto}
/*为什么选择后缀*/
.hzym02_box{background:#fff;background-size: 100% 100%; overflow: hidden;}
.hzym_tit{text-align: center;font-size:2rem;font-weight: normal;}
.hzym02_text{max-width:50rem;line-height:1.375rem;text-align: center; margin:.625rem auto;}
.hzym02_con{overflow: hidden;margin:.625rem auto;}
.hzym02_con ul{display: flex;flex-wrap: wrap;}
.hzym02_con li{float: left;width: 50%;padding-right:2%; margin-top:1.875rem;box-sizing: border-box;}
.hzym02_con h3{font-size:1.25rem;font-weight: bold;margin-left: 75px}
.hzym02_con li p{overflow: hidden;color: #888;margin-left: 75px;min-height: 50px;line-height: 24px;}
.hzym02_con li i{display: block;width:75px;margin-right: -75px; height:75px;float: left;background: url("../images/hzym-icon01.png") no-repeat;}
.hzym02_con li i.hzym02_icon01{background-position: 0 5px;}
.hzym02_con li i.hzym02_icon02{background-position: 0 -166px;}
.hzym02_con li i.hzym02_icon03{background-position: 0 -84px;}
.hzym02_con li i.hzym02_icon04{background-position: 0 -252px;}

.hzym02_box .wp{max-width: 100%;width:100%!important;padding-left:1.125rem!important;padding-right:1.125rem!important;}
@media (min-width:576px){
    .hzym02_box .wp{max-width: 100%;width:100%!important;padding-left:2rem!important;padding-right:2rem!important;}
}
@media (min-width:768px){.hzym02_box .wp{max-width: 100%;width:100%!important;padding-right: 2.125rem!important;padding-left:2.125rem!important;}}
@media (min-width:1200px){.hzym02_box .wp{max-width: 100%;width:100%!important;padding-right:4rem!important;padding-left:4rem!important;}}
@media (min-width:1400px){.hzym02_box .wp{max-width: 100%;width:100%!important;padding-right:5.5rem!important;padding-left:5.5rem!important;}}
@media (min-width:1600px){.hzym02_box .wp{max-width: 100%;width:100%!important;padding-right:6.5rem!important;padding-left:6.5rem!important;}}
@media (min-width:1900px){.hzym02_box .wp{max-width: 1700px!important;width:100%!important;width:auto!important;}}
@media(max-width:768px){
    .hzym02_con ul {display: flex;flex-wrap: wrap;flex-direction: column;}
    .hzym02_con li {width: 100%;}

}
/*域名详情top*/
.lm-domain-xx-box{background: url( "../images/lm-domain-banner20251029.jpg") top center no-repeat #e4e6f0;background-size: cover;background-position: center;min-height: 25rem;width: 100%;display: flex;align-items: center;padding:2.5rem 0;}
.lm-domain-xx-box > div{display: flex;gap: 1.8rem;}
.lm-domain-xx-intro{width: 40%;}
.lm-domain-xx-intro{}
.lm-domain-xx-intro .banner-subtitle img{max-height:6.2rem;color: #333;}
.lm-domain-xx-intro .banner-subtitle{margin: 0}
.lm-domain-xx-intro .banner-title{font-size:2rem;font-weight: bold;margin: 0}
.lm-domain-xx-intro .banner-con{font-size: .875rem;max-height: 4rem;margin-bottom: 1.2rem;margin-top: 0;overflow: hidden;display: block;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;line-height: 1.5;color: #666666;}
.lm-domain-xx-intro .banner-column>div{float: left;}
.lm-domain-xx-intro .banner-column .banner-column-1{font-size:1rem;margin-right:.9rem;padding-top:.9rem;}
.lm-domain-xx-intro .banner-column .banner-column-2{color: #999;padding-top:1rem;font-size: .75rem}
.lm-domain-xx-intro .banner-column .banner-price{margin-right:.9rem;position: relative;}
.lm-domain-xx-intro .banner-column .banner-price .dm-icon{right:50px;position: absolute;top: -5px;}
.lm-domain-xx-intro .banner-column .price-title .price{font-size: 2.15rem;color: #f80000;font-weight: bold;line-height: 1}
.lm-domain-xx-intro .banner-column .price-title .price span{font-weight: bold;}
.lm-domain-xx-intro .price-con{display: none;font-size: .875rem;background: #fff;white-space: nowrap;z-index: 2; border: solid 1px #dedede;padding: 1.125rem;top: .5rem;position: absolute;transition: 0.25s ease-in;}
.lm-domain-xx-intro .price-con ul{margin-bottom: 0}
.lm-domain-xx-intro .price-con .arrow-top{top: -.875rem;left:2.25rem;position: absolute;}
.lm-domain-xx-intro .price-con .arrow-top i{border-bottom:13px solid #e4e4e4;border-left:22px solid transparent;width: 0;height: 0;display: block;position: absolute;}
.lm-domain-xx-intro .price-con .arrow-top span{border-bottom: 12px solid #fff;border-left:21px solid transparent;top: 2px;width: 0;height: 0;display: block;position: absolute;}
.lm-domain-xx-intro .price-con .price-tit{text-align: justify;white-space:normal; display: inline-block;overflow: hidden;vertical-align: top;width:75px;height: 19px;}
.lm-domain-xx-intro .price-con .price-tit::after{content: ""; display: inline-block;width: 100%;height: 0;overflow: hidden}
.lm-domain-xx-intro .banner-price .icon-xiajiantou{color: #888;font-size: 15px; vertical-align: middle;-webkit-transition: 0.25s ease-in;-moz-transition: 0.25s ease-in;-o-transition: 0.25s ease-in;transition: 0.25s ease-in;display: inline-block}
.lm-domain-xx-intro .banner-column .banner-price:hover .icon-xiajiantou{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.lm-domain-xx-intro .banner-column .banner-price:hover .price-con{display: block;top:48px;transition: 0.25s ease-in;}
.lm-domain-xx-search{float: right;width:75%;}
.lm-domain-xx-search .domain-search-box{background: #fff;box-shadow: 0 0 1.25rem rgba(0,0,0,.13);}
.lm-domain-xx-search .domain-search-tit{background: #f6f7fb;padding:.9rem 1.5rem;position: relative;}
.lm-domain-xx-search .domain-search-tit strong{font-size:1.15rem;color: #666666;}
.lm-domain-xx-search .domain-search-tit .lm-dm-search-lead{float: right;line-height: 1.2;}
.lm-domain-xx-search .domain-search-con{padding:1.25rem 1.5rem;}
.lm-domain-xx-search .domain-search-con textarea{border:none;resize: none;width: 100%;height: 6rem;box-shadow: none;}
.lm-domain-xx-search .domains-search-btn {height:2.81rem;line-height:2.81rem;margin-right:.9rem;padding: 0 1rem;box-sizing: border-box;vertical-align: middle;color: #fff;border: none;font-size:1.125rem;min-width:11.25rem;cursor: pointer;
    background: #ff5c00;
    background: -webkit-linear-gradient(270deg,#ff5c00, #ff810d);
    background: -o-linear-gradient(270deg,#ff5c00, #ff810d);
    background: -moz-linear-gradient(270deg,#ff5c00, #ff810d);
    background: linear-gradient(270deg,#ff5c00, #ff810d);
}
.lm-domain-xx-search .domains-search-btn:hover{background: #fb5f35;}
.lm-domain-xx-search .empty{color: #9ea1a9;margin-left:.4rem;}
.lm-domain-xx-search .empty:hover{color: #6f90ce;}
.lm-domain-xx-search .more{font-size:1rem;float: right;color: #9ea1a9;margin-top:.625rem;}
.lm-domain-xx-search .more:hover{color: #f80000;}
@media(max-width:992px){
    .lm-domain-xx-box > div {display: flex;align-items: center;flex-direction: column; gap: 1rem;}
    .lm-domain-xx-intro,
    .lm-domain-xx-search{width: 100%}
    .lm-domain-xx-intro{display: flex;flex-direction: column;justify-content: space-between;}
    .lm-domain-xx-intro .lm-domain-con{display: flex;flex-direction: row;justify-content: flex-start;margin-bottom:1.4rem}
    .lm-domain-xx-intro .banner-subtitle img {margin-right: 1rem;max-height:5rem;}
    .lm-domain-xx-intro .banner-con,
    .lm-domain-xx-intro .banner-title{display: none}
    .banner-column{margin-bottom: .8rem}
    .lm-domain-xx-search .domains-search-btn{width: 100%;margin-bottom:.6rem}
    .domain-search-bottom{text-align: center}
}
/*===========================推广域名后缀广告===========================*/
.suffix-adv-banner{position: relative;overflow: hidden;}
.suffix-adv-banner .swiper-button-next,
.suffix-adv-banner .swiper-button-prev {}
/*结构*/
.suffix-fl{float: left;padding-left:6%;line-height: 1;color: #2f2f2f;}
.suffix-1{font-weight: bold;font-size: 30px;margin-left: -20px;padding: 30px 0 10px;}
.suffix-1 .suffix-name{font-size: 60px;}
.suffix-1 .suffix-icon{font-size: 12px;color: #fff;background: #ee2d2d;margin-left: 5px; border-radius: 2px;padding: 0 5px;font-weight: normal}
.suffix-2{font-size:46px;font-weight: bold;}
.suffix-2 .unit{font-size:36px;}
.banner-column .level{position: absolute;font-size: 12px;color: #666;left: -60px;top: -2px;display: block;}
.banner-column .advertising{float: left;clear: both;font-size:.875rem;margin-top:1rem;}
.suffix-btn{padding:.9rem 0;}
.suffix-btn a{display: inline-block;position: relative;padding: 0 50px;border: none;background: #333;line-height:55px;height:55px;border-radius:5px;color: #fff;font-size: 20px;font-weight: bold;transition: all .3s;}
.suffix-btn a:hover{top: 1px;}
.suffix-time{color: #999;}
.suffix-fr{float: right;padding-right:6%;height: 330px;padding-bottom:35px;text-align: center}
.suffix-fr img{height: 100%;width: auto;}
/*颜色*/
.suffix-blue .suffix-1 .suffix-name{color: #4370cf;}
.suffix-blue .suffix-btn a{background: #437fe3;}
.suffix-blue .suffix-btn a:hover{background: #4683f7;}
.suffix-red .suffix-1 .suffix-name{color: #e7380d;}
.suffix-red .suffix-btn a{background: #dd0000;}
.suffix-red .suffix-btn a:hover{background: #ec1d1d;}
.suffix-orange .suffix-1 .suffix-name{color: #ff9d03;}
.suffix-orange .suffix-btn a{background: #ff9d03;}
.suffix-orange .suffix-btn a:hover{background: #ffaa23;}
.suffix-green .suffix-1 .suffix-name{color: #00bc8e;}
.suffix-green .suffix-btn a{background: #00bc8e;}
.suffix-green .suffix-btn a:hover{background: #06c898;}
@media(max-width:1440px){
    .suffix-fl{padding-left:5%;}
    .suffix-fr{padding-right:5%;height: 290px;}
    .suffix-1{font-size: 30px;padding: 30px 0 10px;}
    .suffix-1 .suffix-name{font-size:60px;}
    .suffix-2{font-size:42px;}
    .suffix-2 .unit{font-size:30px;}
    .suffix-btn a{font-size:18px;line-height:48px;height:48px;}
}
@media(max-width:1200px){
    .suffix-fr{height: 1.8rem;}
}
@media(max-width:992px){
    .suffix-fr{height: 1.1rem;}
    .suffix-1{font-size:1.4rem;padding: 1.8rem 0 .8rem;}
    .suffix-1 .suffix-name{font-size:2.8rem;}
    .suffix-2{font-size:30px;}
    .suffix-2 .unit{font-size:1.2rem;}
    .suffix-btn a{font-size:.875rem;line-height:2.8rem;height:2.8rem;}
}
@media(max-width:500px){
    .suffix-fl{margin-bottom: .9rem;text-align: center;padding: 0;width: 100%;}
    .suffix-fr{height:9rem;padding: 0;width: 100%;}
    .suffix-1{font-size:1.4rem;padding:.8rem 0;}
    .suffix-1 .suffix-name{font-size:2.3rem;}
    .suffix-2{font-size:1.6rem;}
    .suffix-2 .unit{font-size:.875rem;}
}
/*=====  =====*/
.alert{color: #878787;background: #f3f3f3;padding:10px 20px;margin-bottom: 10px;}
.alert-warning{background: #fff8e8;color: #ff5f2b;}
/*=====  域名价格  =====*/
.lm-banner-price{background: url(../images/lm-price-banner.jpg) center bottom no-repeat #dce9f7;background-size: cover;}
.domains-price-table{border: solid 1px #eeeeee;padding:1.56rem;}
.domains-price-table table{width: 100%;}
.domains-price-table tr th{border: solid 1px #f0f0f0;text-align: center;background:#f9fafb;padding:.5rem 0; font-size:1rem;font-weight: bold;}
.domains-price-table tr:hover{background:#fffcf6;}
.domains-price-table tr td{border: solid 1px #f0f0f0;text-align: center;padding:.9rem 0;}
.price-table-domain{color: #2881d3;position: relative;}
.price-table-domain:hover{text-decoration: underline;}
.price-table-domain .dm-icon{display: inline-block;float: none}
.btn-price{color: #fff;background: #00c084;border-radius: 3px;border: none;display: inline-block;line-height:2.125rem;padding: 0 1.875rem;}
.btn-price:hover{color: #fff;background: #00a07e;}
.domains-price-nav {border-bottom: 1px solid #e4e4e4;padding-bottom:2.75rem;margin-bottom:.625rem;}
.domains-price-nav li {float: left;display: inline;height:2.687rem;line-height:2.687rem;border: 1px solid #e4e4e4;border-bottom: none;color: #666;text-align: center;width:20%;margin-right:.5rem;cursor: pointer;background: #f9f9f9;font-size:1rem;}
.domains-price-nav li:hover{background: #eee}
.domains-price-nav li:last-child {margin-right: 0;}
.domains-price-nav li.active {font-weight: bold;background: #fff;color: #ff5c2a;border: 1px solid #e4e4e4;border-bottom: none;height:2.687rem;}
.price-jj{color: #999;line-height: 1.3;font-size: .875rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 2.375rem;max-width: 22rem;overflow: hidden;margin: auto;}
@media(max-width:992px){
    .domains-price-table .xs-hide{display: none}
}
@media(max-width:768px){
        .domains-price-table {border: none;padding: 0;}
        .btn-price{padding: .2rem .7rem;}
        .domains-price-table tr th,
        .domains-price-table tr td {padding:.2rem 0;font-size: .75rem;border: none;}
        .domains-price-table tr{border: solid 1px #f0f0f0;}
        .domains-price-nav li{width: 30%}
    }
    /*=====  域名优惠券  =====*/
    .lm-banner-coupon{background: url("../images/lm-coupon-banner.jpg") center no-repeat;}
    .lm-yhq-list{padding-top:.9rem;}
    .lm-yhq-list li{float: left;width: 23.5%;margin-right: 2%;}
    .lm-yhq-list li:nth-child(4n){margin-right:0;}
    /*优惠券*/
    .discounts-coupon{padding-top:.625rem;}
    .discounts-coupon ul{margin-left: -2%;}
    .discounts-coupon li{float: left;width:23%;margin-left:2%;border-radius: 3px; margin-bottom:1.875rem; background: #fff;box-shadow:0 3px 20px rgba(0,0,0,.14);transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .discounts-coupon li:hover{box-shadow: 0 3px 20px rgba(0,0,0,.15);transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}
    .coupon-top{position: relative;height: 115px;color: #fff;padding:25px 20px;line-height: 1;box-sizing: border-box;
        background: #fea47c;
        background: -webkit-linear-gradient(90deg,#ff8a5f, #fd9e5a);
        background: -o-linear-gradient(90deg,#ff8a5f, #fd9e5a);
        background: -moz-linear-gradient(90deg,#ff8a5f, #fd9e5a);
        background: linear-gradient(90deg,#ff8a5f, #fd9e5a);
    }
    .coupon-top .coupon-value{overflow: hidden;height:3.75rem;text-shadow:0 2px 3px rgba(0,0,0,.2); }
    /*.coupon-top .coupon-value .coupon-value-left{float: left;font-size:22px;margin-left: -2px;letter-spacing:-2px}*/
    .coupon-top .coupon-value .coupon-value-left{font-size:.875rem;letter-spacing: -1px;background: rgb(0 0 0 / 0.07);border-radius: 3px;color: #ffffff;padding:.187rem .312rem;overflow: hidden;position: absolute;right: 0;top:0;}
    .coupon-top .coupon-value .coupon-value-left b{font-weight: normal;}
    .coupon-top .coupon-value .coupon-value-right{float: left;margin-right: -50px;}
    .coupon-top .coupon-value .coupon-value-right .content_title{font-size:1.4rem;font-weight: bold;line-height:1;width: 100%;}
    .coupon-top .coupon-value .coupon-value-right .content_tip{width: 100%;opacity: 0.85;margin: 0;}
    .coupon-top .progress{overflow: hidden;margin-top: 3px;background: none;display: block;line-height: 1;}
    .coupon-top .progress .progress-con{background: rgba(255,255,255,0.4);height:8px;margin-right:80px;margin-top: 3px;display: block;}
    .coupon-top .progress .progress-con i{display:block;background: rgba(255,255,255,0.6);height:8px;}
    .coupon-top .progress .progress-text{float: right;font-size: 12px;width:80px;margin-left: -80px; text-align: center;}

    .coupon-buy{padding:1.562rem 1.25rem 0   1.25rem;overflow: hidden;}
    .coupon-buy .fl{float: right;height: 3.2rem}
    .coupon-buy .fl del{font-size: .875rem;color: #afafaf;margin-top: 0.5rem;display: inline-block;}
    .coupon-buy .light_gray{text-align: center;width: 100%;color: #666!important;font-size:.75rem;}
    .coupon-buy .min,
    .coupon-buy .add{float: left;text-align: center; width:1.875rem;height:1.875rem;line-height:1.875rem;font-weight: bold;border: solid 1px #dcdcdc;background: #fafafa;font-size:1.25rem;color: #878787;border-radius: 0;cursor: pointer;}

    .coupon-buy .min:hover,
    .coupon-buy .add:hover{border-color:#87b6e6;background: #f7fbff;color: #5c8ecd;position: relative;}
    .coupon-buy .number{float: left;height:1.875rem;text-align: center; line-height:1.875rem;width:4.375rem;border-radius: 0;border: solid 1px #dcdcdc;margin: 0 -1px; font-size:1rem;padding: 0}
    .coupon-buy .number:focus{position: relative;}
    .coupon-buy .coupon-price{float: left;margin-top:.187rem;margin-right: -25px;line-height: 1}
    .coupon-buy .coupon-price .price{color: #ff3300;font-weight: bold;font-size:1.687rem;}
    .coupon-btn{cursor:pointer;background: #fafafa;border: solid 1px #e3e3e3;font-size:1rem;line-height:2.5rem;height:2.5rem;width: 100%;text-align: center;font-weight: bold;}
    .coupon-btn:hover{background: #ff8c60;color: #fff;border-color: #ff8c5f;}
    .coupon-time{border-top:solid 1px #ececec;width: 100%;text-align: center;font-size:.875rem;line-height:2;color: #999;margin:1rem 0 0;background: #f6f6f6}

    .coupon-blue .coupon-top{background: #6b9af2;
        background: -webkit-linear-gradient(90deg,#6b9af2, #73b1f5);
        background: -o-linear-gradient(90deg,#6b9af2, #73b1f5);
        background: -moz-linear-gradient(90deg,#6b9af2, #73b1f5);
        background: linear-gradient(90deg,#6b9af2, #73b1f5);}
    .coupon-blue .coupon-btn:hover{background:#6395f2;border-color:#6395f2;}
    .coupon-green .coupon-top{background: #4fe0ad;
        background: -webkit-linear-gradient(90deg, #4ad9a7, #4fe0ad);
        background: -o-linear-gradient(90deg, #4ad9a7, #4fe0ad);
        background: -moz-linear-gradient(90deg, #4ad9a7, #4fe0ad);
        background: linear-gradient(90deg, #4ad9a7, #4fe0ad);}
    .coupon-green .coupon-btn:hover{background:#37d69f;border-color:#37d69f;}
    .coupon-violet .coupon-top{background: #978de4;
        background: -webkit-linear-gradient(90deg,#978de4, #a996e5);
        background: -o-linear-gradient(90deg,#978de4, #a996e5);
        background: -moz-linear-gradient(90deg,#978de4, #a996e5);
        background: linear-gradient(90deg,#978de4, #a996e5);}
    .coupon-violet .coupon-btn:hover{background:#8b7fe7;border-color:#8b7fe7;}

	.coupon-preorder{}
	.coupon-preorder .coupon-time{background: #fff2e2;color:#ff4600;border-top: solid 1px #ffe2cf;}
	.coupon-preorder .coupon-top {}
	.coupon-preorder-icon{background: url("../images/coupon-preorder-icon.png") no-repeat;background-size: cover;width:70px;height:70px;position: absolute;left:-5px;top:-5px;display: block}
    @media(max-width:1200px){
        .discounts-coupon li{width:31.30%;}
    }

    @media(max-width:992px){
        .discounts-price-box {padding:30px 0;}
        .discounts-nav {height: 45px;margin-top: -45px;}
        .discounts-nav a { padding: 0 30px;font-size: 1rem;line-height:1rem;}
        .discounts-coupon li{width:48%;}

        .discounts-price-table-thead .discounts-column05,
        .discounts-price-table-thead .discounts-column06{display: none}
        .discounts-column01{width: 20%;}
        .discounts-column02{width: 44%;}
        .discounts-column03{width: 18%;}
        .discounts-column04{width: 18%;}
        .discounts-column05{width: 64%;}
        .discounts-column06{width: 36%;}
        .discounts-column05 i{display: inline-block}
        .discounts-price-table-tbody .discounts-column05,
        .discounts-price-table-tbody .discounts-column06{border-top: solid 1px #f0f0f0;line-height: 42px;height: 45px;background: #f9fafb;}
    }
    @media(max-width:576px){
        .discounts-coupon li{width: 100%;margin-bottom: 1rem;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
        .coupon-top {height:8rem;padding:1.5rem 1rem .8rem;flex: 1;width:100%;text-align: center;display: flex;flex-direction: column;justify-content: space-between;}
        .coupon-top .coupon-value {text-align: center;position: relative;overflow: visible;}
        .coupon-top .coupon-value .coupon-value-left b {font-size:1rem;}
        .coupon-top .coupon-value .coupon-value-right .content_title {font-size:1.125rem;line-height:1.75rem;margin-bottom: .1rem;text-align: left;}
        .coupon-top .coupon-value .coupon-value-right .content_tip{margin-bottom: .1rem}
        .coupon-buy {padding:.7rem 1rem;width:9.5rem;}
        .coupon-time{margin:0}
		.coupon-top .coupon-value .coupon-value-left { right: -1rem;top: -1.5rem;}
		.coupon-preorder-icon{left: -18px;top: -25px;width: 58px;height: 58px}
		.coupon-buy .fl {display: none}
		.coupon-buy .coupon-price{margin-bottom: 5px;}
    }
	/*优惠券详情页*/
	.coupon-details{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap:1.4rem;margin-bottom: 1.4rem;}
	.coupon-details-left{width: 300px;}
	.coupon-details-right{flex: 1;}

	.coupon-box{padding: 1.7rem;position: relative;margin-bottom: 1.3rem;}
	.coupon-box h1{font-size: 1.6rem;font-weight: bold;margin: 0 0 0.1rem;}
	.coupon-box h2{font-size: 1.3rem;font-weight: bold;margin-bottom: 1.2rem}
	.coupon-box p{margin: 0}
	.coupon-details-icon{font-size: .875rem;padding-left: 1.3rem;position: absolute;right: 0;top: 0;color: #fff;width:8rem;height:2.3rem;line-height: 1.7rem; text-align: center;display: block;background-size: 100% 100%;}
	.coupon-box-blue{background: linear-gradient(0deg, #fff 60%, #f1f8ff);}
	.coupon-box-blue .coupon-details-icon{background-image: url("../img/coupon-details-icon-blue.png")}
	.coupon-box-green{background: linear-gradient(0deg, #fff 60%, #e8fff7);}
	.coupon-box-green .coupon-details-icon{background-image: url("../img/coupon-details-icon-green.png")}
	.coupon-box-orange{background:linear-gradient(0deg, #fff 60%, #fffbf9);}
	.coupon-box-orange .coupon-details-icon{background-image: url("../img/coupon-details-icon-orange.png")}
	.coupon-box-violet{background: linear-gradient(0deg, #fff 60%,#f6f3ff);}
	.coupon-box-violet .coupon-details-icon{background-image: url("../img/coupon-details-icon-violet.png")}

	.coupon-details-intro{padding: 1.2rem;background: #f9f9fa;display: flex;justify-content:flex-start;gap: 2rem;}
	.coupon-details-intro ul{margin-bottom: 0;font-size: .875rem}
	.coupon-details-intro i{border-right: dashed 1px #ddd;display: inline-block}
	.coupon-details-btn{display: inline-block; height:2.4rem;line-height:2.4rem; font-size:1rem; padding: 0 4.3rem;vertical-align: middle}
	.btn-theme{border: none;color: #fff;cursor: pointer;box-shadow: 0 0 .75rem rgb(255 94 42 / 0.5);
		background: #ff5e2a;
		background: -webkit-linear-gradient(90deg,#ff8e35, #ff5c2a);
		background: -o-linear-gradient(90deg,#ff8e35, #ff5c2a);
		background: -moz-linear-gradient(90deg,#ff8e35, #ff5c2a);
		background: linear-gradient(90deg,#ff8e35, #ff5c2a);}
	.btn-theme:hover{background:#ff5c00;color: #fff;}
	.btn-theme[disabled]{background: #ddd;cursor: not-allowed;box-shadow: none;}

	/*商品数量加减*/
	.mark-price-input{display: inline-block;vertical-align: middle;margin-right: 0.5rem;}
	.mark-price-input .btn{float: left;width:2.4rem;height:2.4rem;border-radius: 0;cursor: pointer;text-align: center;font-size:1.4rem!important;background: #fcfcfc;display: inline-block;border: #ccc 1px solid;padding: 0;line-height: 2.15rem;}
	.mark-price-input .btn:first-child{border-right: none;}
	.mark-price-input .btn:last-child{border-left: none;}
	.mark-price-input .btn:hover{background: #e9e9e9;}
	.mark-price-input .btn.btn-none,
	.mark-price-input .btn.btn-none:hover{color: #c5c5c5 !important;background: #f6f6f6;cursor:default}
	.mark-price-input input{float: left;width:5.5rem;height:2.4rem;line-height:2.4rem;}

	.coupon-table-box{padding:.5rem 0 1rem;margin-bottom:1.5rem; border-bottom: dashed 1px #ddd}
	.coupon-table-box .table{text-align: center;font-size: .875rem;}
	.coupon-table-box .table tr.table-active{color:#0066cc;}
	.coupon-table-box .table tbody tr:nth-child(even) {background: #fdfdfd;}
	.coupon-table-box .table tbody tr:hover{background: #fffcdf;}
	.coupon-table-box .table tr td{border: solid 1px #e0e0e0;line-height: 1.875rem;height: 1.875rem;padding: .5rem;}
	.coupon-table-box .table thead tr th{border: solid 1px #e0e0e0;background:#eff1fa;color:#333;padding: 0.5rem;}
	.coupon-particulars-box{font-size: .875rem}
	/*优惠券客服*/
    .product-team{overflow: hidden;}
    .product-team li{float: left;width:300px;font-size: 14px;}
    .product-team .team_person{width:100%;overflow: hidden;padding:30px 0 5px;}
    .product-team .team_person .team_peopel{border-radius: 100%;overflow: hidden;width:100px;height:100px;margin: 0 auto;}
    .product-team .team_person .team_peopel img{width: 100%;height: 100%;}
    .product-team .team_person .team_name{}
    .product-team .team_person .ser_icon {display: inline-block;background: url(../images/shop-service.png) no-repeat 0 0;width: 44px;height: 13px;margin: 0 3px;}
    .product-team .team_person .team_name h3{font-size: 20px;text-align: center;margin-top:10px;}
    .product-team .team_person .team_name p{display:none;}
    .product-team .team_con{line-height:25px;padding: 10px 0 10px 20px;}
    .product-team .team_con > div{padding: 5px 0;}
    .product-team .team_con span{font-weight: bold;}
    .product-team .team_icon{display: inline-block;width:16px;height:16px;vertical-align: middle;margin-right:4px;background: url("../images/team_icon.png") no-repeat}
    .product-team .team_icon.team_icon_qq{background-position:center -8px; }
    .product-team .team_icon.team_icon_phone{background-position:center -44px;}
    .product-team .team_icon.team_icon_email{background-position:center -78px;}
    .product-team .team_icon.team_icon_shanchang{background-position:center -112px; }
    .product-team .team_btn{text-align: center;padding:10px 0 30px;}
    .product-team .team_btn i{display: inline-block;width: 21px;height: 21px;background: url("../images/team_icon.png") no-repeat;vertical-align: middle;margin-right: 5px;}
    .product-team .team_btn .team_btn_qq{background-position:center -165px;}
    .product-team .team_btn .team_btn_wx{background-position:center -222px;}
    .product-team .team_btn a{display: inline-block;padding: 0 12px;border-radius:35px;line-height: 34px;height: 34px;margin: 0 2px;background: #fff;border: solid 1px #ddd;color: #666}
    .product-team .team_btn a:hover{background: #f5f5f5;}
    .product-team .team_btn .team_btn_one{color: #00a3e3;}
    .product-team .team_btn .team_btn_two{color: #049c00;position: relative;}
    .product-team .team_2wm{display: none; position: absolute;background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.08);width:222px;height:255px;border: solid 1px #f5f5f5;padding:5px;bottom:48px;right:-3px;line-height: 1;color: #999;}
    .product-team .team_btn_two:hover .team_2wm{display: block}
    .product-team .team_2wm img{width:100%;}
    .product-team .team_2wm p{}
    .product-team .team_con .team_tip{display: inline-block;font-weight: normal;background: #fafafa;color: #5d5d5d;line-height: 20px;border-radius:3px;margin: 0 2px;font-size: 12px;padding: 0 8px;}

	.product-main-box{position: relative;}
	.product-main-box .left_button .iconfont,
	.product-main-box .right_button .iconfont{font-size:30px;color: #fff;}
	.product-main-box .left_button,
	.product-main-box .right_button{position: absolute;width: 25px;height:55px;top:150px;z-index: 5;cursor: pointer;line-height: 55px;}
	.product-main-box .left_button:hover,
	.product-main-box .right_button:hover{background-color:rgba(0,0,0,.35)}
	.product-main-box .left_button{left: 0;background:rgba(0,0,0,.1);}
	.product-main-box .right_button{right:0;background:rgba(0,0,0,.1);}

	.product-team-bottom{text-align: center;border-top: solid 1px #f5f5f5;}
	.product-team-bottom a{padding:5px;display: block;color: #999}
	.product-team-bottom a:hover{background: #6386d7;color: #fff;}
    /* ========== 优惠券end =========================================================================== */
    /*筛选条件*/
    .filtro-nav{border-bottom: solid 1px #ebebeb;margin:10px 0 ;display: flex;}
    .filtro-title{float: left;font-size:1rem;font-weight: bold; padding-right: 15px;line-height: 30px;}
	.filtro-con{display: flex;flex-direction: column;}
    .filtro-ul{margin-bottom: .6rem;display: flex;gap:.7rem;flex-wrap: wrap;}
    .filtro-ul li{float: left;}
    .filtro-ul li a{background: #f4f4f4;font-size: .875rem;line-height:1.8rem;height:1.8rem;padding: 0 .5rem;min-width:5rem;border-radius: 2px;display: inline-block;text-align: center}
    .filtro-ul li a:hover{color: #f43c3c;}
    .filtro-ul li a.active,
    .filtro-ul li a.active:hover{background:#454545;color:#fff;}
    @media(max-width:576px){
		.filtro-nav{flex-direction: column;}
		.filtro-ul{gap:.6rem;}
		.filtro-ul li a {min-width: 4.3rem;}
	}
/*筛选条件end*/



/* hk后缀详情介绍 */
.hk-country {
    text-align: left;
    padding: 2rem 2.5rem;
    border-radius: .8rem;
    background-size: contain;
    box-sizing: border-box;
}

.hk-country-bg {
    background: url(../images/4b61c3c….png) bottom right no-repeat #fff !important;
    box-shadow: inset 0 1rem 1rem rgb(150 206 230 / 9%);
}

.hk-TLD {
    color: #2438a0;
    box-shadow: inset 0 0 2rem rgb(153 159 210 / 30%);
    padding: 6.5rem 0 !important;
    background: linear-gradient(90deg, #f1f7ff, #f4e7ff) !important;
}

.hk-TLD .hk-TLD-left {
    text-align: center;
    background-size: cover;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
}

.hk-TLD-left span {
    border-radius: 1rem;
    display: block;
    font-size: 3.3rem;
    min-width: 10rem;
    min-height: 5rem;
    padding: 1.3rem 3rem 2.2rem;
    box-shadow: 0px 0.25rem 2.8125rem 0px rgb(173 191 223 / 40%);
    background: linear-gradient(90deg, #5098FB, #AA63E7) !important;
}

.hk-TLD .hk-TLD-right h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.hk-TLD .flexBox {
    display: flex;
    align-items: flex-start;
    gap: 80px;
}

.hk-container {
    background: #fafbfd;
}

.hk-container .faq-hk {
    padding: 5% 6%;
    border: solid 1px #fff;
    background: #fff;
    box-shadow: 0px 0.25rem 2.8125rem 0px rgba(4, 27, 57, 0.1);
    border-radius: 8px;
}

.hk-container ul {
    display: flex;
    gap: 25px;
    width: 100%;
    flex-wrap: wrap;
}

.hk-container li {
    width: 100%;
}

.hk-h2 {
    font-size: 1.85rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.hk-text {
    font-size: 1rem;
    margin-bottom: 0;
}

.hk-btn {
    border-radius: 5px;
    margin: 0 .4rem;
    padding: .6rem 1.8rem;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    color: #fff;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    background: linear-gradient(90deg, #5098FB, #AA63E7);
}

.hk-btn {
    background: #5098FB;
}

@media (max-width: 768px) {
    .hk-container li {
        width: 100%;
        /* 移动端一行一个 */
    }
    .hk-TLD{padding:5rem 1rem !important;}
}