#top{background: #009090 !important;}
/* 顶部广告悬浮层 */
.showcase-ad-bar {position: absolute;top: 0;left: 0;right: 0;height: 45px;background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: bold;color: #fff;z-index: 10;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.showcase-ad-bar a {display: block;text-align: center;color: #fff;text-decoration: none;transition: opacity 0.3s ease;}
.showcase-ad-bar a:hover {opacity: 0.8;color: #fff;}

/* 左侧悬浮图片 */
.showcase-mascot-image {position: absolute;top: 55%;transform: translateY(-50%);z-index: 15;}
.showcase-mascot-image img {width: auto;height: 350px;display: block;}

.pricing_bg{background: #009090;box-sizing: border-box;background-size: cover;position: relative;height: 450px;}
.pricing_bg .pricing_content{display: flex;justify-content: space-between;gap: 20px;height: 100%;}
.pricing_bg .pricing_search_box{margin: 45px 0 0 400px;box-sizing: border-box;flex: 1;align-items: center;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.pricing_bg .pricing_search_box h1{text-align: left;color: #fff;font-size: 38px;line-height: 1.3;margin-bottom: 10px;font-weight: bold;}
.pricing_bg .pricing_search_box .subtitle{text-align: left;color: #fff;font-size: 16px;line-height: 1.6;opacity: 0.9;margin: 0 0 20px;}
.pricing_bg .pricing_search_box form {display: block;width: 100%;}
.pricing_bg .pricing_search_box form .domain-check-search-box{border: 0;}
.pricing_bg .pricing_search_box form .domain-check-search-box textarea{height: 150px;}
/* .pricing_bg h1{font-weight: bold;margin: 0;text-align: left;}
.pricing_bg span.subtitle{display: block;text-align: left;font-size: 16px;margin-bottom: 10px;}
.pricing_bg .pricing_search{background: #fff;border: 1px solid #ccc;padding: 15px;box-sizing: border-box;overflow: hidden;display: block;border-radius: 5px;}
.pricing_bg .search_inp{outline: none;border: 0;font-size: 16px;width: calc(100% - 140px);height: 40px;}
.pricing_bg .search_textarea{width: calc(100% - 140px);border: 0;outline: navajowhite;font-size: 16px;resize: vertical;}
.pricing_bg .search_btn{padding: 0 32px;font-size: 18px;border: 0;background: #ff3500;color: #fff;border-radius: 5px;cursor: pointer;height: 40px;margin: 0;vertical-align: top;}
.pricing_bg .b_search{position: relative;text-align: center;margin-top: 30px;bottom: 0;}
.pricing_bg .b_search p{cursor: pointer;background: #f3c50b;border-radius: 5px;margin: 7px;color: #fff;font-size: 18px;display: inline-block;}
.pricing_bg .b_search .b_img{background: #f39c12;padding: 10px;border-radius: 5px;vertical-align: middle;position: relative;}
.pricing_bg .b_search p span{padding: 0 15px 0 8px;vertical-align: middle;} */

.pricing_bg .b_search{margin-top: 20px;display: flex;justify-content: center;gap: 20px;position: static;}
.pricing_bg .b_search .bsh_btn{cursor: pointer;background: #ececec;border-radius: 100px;color: #000;font-size: 14px;display: inline-block;font-weight: bold;padding: 0 20px;height: 45px;line-height: 45px;}
.pricing_bg .b_search .bsh_btn:hover{background: #ff3500;color: #fff;}
.pricing_bg .b_search .bsh_btn i{font-size: 12px;}

/* .pricing_con{padding: 40px 0;box-sizing: border-box;} */
.search-bar {margin-bottom: 20px;display: flex;align-items: center;gap: 10px;justify-content: space-between;font-size: 16px;}
.search-bar h2{font-size: 16px;}
.search-bar #limitSelect{padding: 10px;box-sizing: border-box;}
.search-bar #searchInput{border-radius: 25px 0 0 25px !important;padding: 0 20px;height: 35px;line-height: 35px;border-color: #ccc;}
.search-bar #searchBtn{border-radius: 0 25px 25px 0 !important;height: 35px;line-height: 35px;}
.layui-table th {text-align: center !important; font-size: 16px !important;padding: 10px 5px !important;white-space: nowrap;}
.layui-table td {text-align: center !important; font-size: 14px !important;padding: 10px 5px !important;white-space: nowrap;}
/* 表格容器，用于实现移动端横向滚动 */
.table-container {overflow-x: auto;-webkit-overflow-scrolling: touch; /* 平滑滚动 */}.layui-table {min-width: 800px; /* 确保表格有足够宽度，触发滚动 */}
.pagination-container {text-align: center;}
.page_box{position: relative;margin-top: 20px;}
.page_box .select-container{position: absolute;top: -10px;right: 0;}
.layui-form-select dl {max-height: 200px;}

/* .highlight {color: #ff3500 !important;font-weight: bold;} */
.highlight .td_suffix{color: #00B0F0;font-weight: bold;}
.highlight .td_renew{background-color: #f1f1f1;}
.tr_head th{background-color: #333; color: #fff;}
.tr_head th.tr_head_hot{background-color: #ff3500;border-color: #ff3500;}
.layui-form-select dl {max-height: 200px;}
.pricing_con .layui-btn{background: #ff3500 !important;}
/* .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #ff3500 !important;} */
.layui-laypage a:hover{color: #ff3500 !important;}
.layui-input:focus, .layui-textarea:focus{border-color: #ff3500 !important; box-shadow: 0 0 0 3px rgba(180,0,38,.08) !important;}
.layui-table .line_left{border-left-color: #ff3500 !important;}
.layui-table .line_right{border-right-color: #ff3500 !important;}
.layui-table tr:last-child td:nth-child(8){border-bottom-color: #ff3500 !important;}
.layui-table tr:last-child td:nth-child(9){border-bottom-color: #ff3500 !important;}

.w_c.two_line h2.heading{margin: 30px 0 0;font-size: 32px;}

.service_advantages{padding-bottom: 50px;}
.service_advantages h2{margin: 30px 0 20px;}

.promotion_bg{background: url("/domain/images/pricing_bot_bg.jpg") no-repeat;background-size: cover;height: 390px;background-position: 0;}
/* .promotion_cont{padding: 40px 0;} */
.promotion_cont .promotion_item:first-child{margin-bottom: 10px;}
.promotion_cont h3{font-size: 16px;font-weight: bold;}
.promotion_cont p{font-size: 14px;color: #666;}

.select-container{position: relative;width: 120px;}
.select-container .select-button{display: flex;justify-content: space-between;align-items: center;background: #f1f1f1;border-radius: 100px;font-size: 16px;padding: 10px 15px;box-sizing: border-box;cursor: pointer;color: #333;}
.select-container .select-button img{display: block;height: 20px;}
.select-container .select-button i{display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #495057;transition: transform 0.2s ease;position: relative;}
.select-container .select-button i.open {transform: rotate(180deg);}
.select-container .select-button i::after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #f1f1f1;-moz-animation: translate(-50%, -110%);transform: translate(-50%, -110%);-webkit-animation: translate(-50%, -110%);-ms-animation: translate(-50%, -110%);-o-animation: translate(-50%, -110%);}
.select-container .select-options{background: #e9ecef;position: absolute;top: 40px;border-radius: 0 0 5px 5px;width: 100%;z-index: 1;display: none;}
.select-container .select-options li{text-align: center;font-size: 14px;color: #908599;padding: 5px 5px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.select-container .select-options .checkmark_hot{width: 5px;height: 10px;border: solid #ff3500;border-width: 0 2px 2px 0;transform: rotate(45deg);margin: 0 10px 5px 0;}

.layui-box.layui-laypage {margin: 0;text-align: center;}
.layui-laypage a, .layui-laypage span {width: 30px;height: 30px;line-height: 30px;margin: 0 4px;border-radius: 50% !important; padding: 0;border: 1px solid #e2e2e2;font-size: 14px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {border-radius: 50%;background-color: #4E5BA6; /* 当前页背景色 */}
.layui-laypage-curr em {color: #fff !important;}
.layui-laypage-prev i, .layui-laypage-next i {font-size: 14px;}

/* .common_problem h2{margin-bottom: 20px;} */

.layui-table td, .layui-table th{border-color: #ccc;}
.layui-table{color: #000;margin: 0;}

@media screen and (max-width: 768px){
    .showcase-ad-bar{position: static;height: 35px;font-size: 12px;}
    .showcase-mascot-image {position: static;text-align: center;margin-bottom: 10px;transform: none;filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.2));}
    .showcase-mascot-image img {width: 130px;margin: 10px auto 0;height: auto;}

    .pricing_bg{padding: 0;height: auto;padding-bottom: 20px;}
    /* .pricing_bg h1{font-size: 22px;} */
    .pricing_bg .pricing_search_box{margin: 0;padding: 0;align-items: center;}
    .pricing_bg .pricing_search_box h1{font-size: 24px;}
    .pricing_bg span.subtitle{font-size: 14px;line-height: 20px;}
    /* .pricing_bg .pricing_search{padding: 10px;} */
    .pricing_bg .search_textarea{font-size: 12px;width: calc(100% - 95px);height: auto !important;}
    .pricing_bg .search_inp{font-size: 12px;height: 30px;width: calc(100% - 95px);}
    .pricing_bg .search_btn{font-size: 14px;height: 30px;padding: 0 20px;display: inline-block;}
    .pricing_bg .b_search{margin-top: 10px;}
    .pricing_bg .b_search p{font-size: 12px;margin: 0 5px;}
    .pricing_bg .b_search .b_img{padding: 5px;}
    .pricing_bg .b_search p span{padding: 0 10px 0 5px;}
    .pricing_bg .b_search{margin-top: 10px;gap: 10px;}
    .pricing_bg .b_search .bsh_btn{font-size: 12px;height: 35px;line-height: 35px;padding: 0 15px;}
    .pricing_bg .pricing_content{display: block;}
    .pricing_bg .pricing_search_box .subtitle{margin-bottom: 10px;font-size: 14px;text-align: center;}


    .layui-input-group {width: 100% !important;display: block;}
    .layui-input-group .domain_search{width: 100%;}
    .layui-table {font-size: 12px;}
    .layui-table th, .layui-table td {padding: 8px 5px;}
    .pagination-container {text-align: center;font-size: 12px;}
    .layui-table th{font-size: 14px !important;padding: 5px !important;}
    .layui-table td{font-size: 12px !important;padding: 5px !important;}
    .search-bar{margin: 0 0 10px;font-size: 14px;display: block;}
    .search-bar h2{font-size: 18px;margin-bottom: 10px;display: block;}
    .search-bar #limitSelect{display: none;}
    .search-bar #searchInput{padding: 0 15px;}


    /* .pricing_con{padding: 20px 0;margin: 0;border: 0;} */

    .w_c.two_line h2.heading{font-size: 18px;margin: 20px 0 0;}

    .service_advantages{padding-bottom: 20px;}
    .service_advantages h2{margin: 20px 10px 10px;font-size: 18px;}

    .promotion_bg{height: 90px;background-position: 0;}
    /* .promotion_cont{padding: 10px 10px 0;box-sizing: border-box;} */
    .promotion_cont .promotion_item:first-child{margin-bottom: 5px;}
    .promotion_cont h3{font-size: 14px;}
    .promotion_cont p{font-size: 12px;}

    .select-container{display: none;}
    .page_box .select-container{display: block;position: relative;top: 0;margin: 15px auto 0;width: 100px;}
    .select-container .select-button{padding: 8px 10px;font-size: 14px;}
    .select-container .select-button img{height: 18px;}
    .select-container .select-button i{border-width: 5px;}
    .select-container .select-button i::after{border-width: 5px;}
    .select-container .select-options li{font-size: 12px;}

    /* .common_problem h2{margin-bottom: 10px;} */

    .domains_top .domain-check-search-box{border-radius: 20px;}
}