.pricing_bg{background: #2f2c8a url("/domain/share/img/index_domains.png");box-sizing: border-box;background-size: cover;overflow: hidden;}
.pricing_bg .pricing_search_box{background: #fff;margin: 50px auto;box-shadow: -1px -5px 18px 0px #777;padding: 20px 20px;box-sizing: border-box;}
.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: #b40026;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_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: 5px 0 0 5px !important;}
.search-bar #searchBtn{border-radius: 0 5px 5px 0 !important;}
.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: #b40026 !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: #b40026;border-color: #b40026;}
.layui-form-select dl {max-height: 200px;}
.pricing_con .layui-btn{background: #b40026 !important;}
/* .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #b40026 !important;} */
.layui-laypage a:hover{color: #b40026 !important;}
.layui-input:focus, .layui-textarea:focus{border-color: #b40026 !important; box-shadow: 0 0 0 3px rgba(180,0,38,.08) !important;}
.layui-table .line_left{border-left-color: #b40026 !important;}
.layui-table .line_right{border-right-color: #b40026 !important;}
.layui-table tr:last-child td:nth-child(8){border-bottom-color: #b40026 !important;}
.layui-table tr:last-child td:nth-child(9){border-bottom-color: #b40026 !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: 18px;font-weight: bold;}
.promotion_cont p{font-size: 14px;}

.select-container{position: relative;width: 120px;}
.select-container .select-button{display: flex;justify-content: space-between;align-items: center;background: #f1f1f1;border-radius: 5px;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 #b40026;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;}

@media screen and (max-width: 768px){
    .pricing_bg{padding: 10px;}
    .pricing_bg h1{font-size: 22px;}
    .pricing_bg .pricing_search_box{margin: 0;padding: 15px;}
    .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{display: block;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;}

    .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{margin: 10px !important;}
    .layui-table th{font-size: 14px !important;padding: 5px !important;}
    .layui-table td{font-size: 12px !important;padding: 5px !important;}
    .search-bar{margin: 0 10px 10px;font-size: 14px;display: block;}
    .search-bar h2{font-size: 18px;margin-bottom: 10px;display: block;}
    .search-bar #limitSelect{display: none;}


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