/* *{font-family: 'tohama';} */

body{font: 12px / 1.5 "Tahoma", "Verdana", "Arial", "Microsoft YaHei";font-size: max(10px, 12px); /* 确保最小10px */color: #000;}
form, input, select, pre{font-family: "Tahoma", "Verdana", "Arial", "Microsoft YaHei";}

:root {
  --base-font-size: 10px;
}


/* ———————————————————————————————————— 公共样式 ————————————————————————————————————*/
.bg_gray{background: #f1f1f1;}
.text_color1{color: #000;}
.text_color2{color: #ececec;}
.theme_text_color{color: #FF3500;}
.theme_bg_color{background-color: #FF3500;}
.theme_border_color{border-color: #FF3500;}
.max-width{max-width: 1200px;box-sizing: border-box;width: 1200px;}
.list ul, li{margin: 0;padding: 0;}
/* ul{cursor: text;}
li{cursor: text;} */
ul li:hover{cursor: auto;}
ul li:hover i{color: inherit;}
a:hover, button:hover {color: #FF3500;}
input{margin: 0;}
.price{color: #FF3500;font-family: Tahoma, sans-serif;}
#menuPC li .hot{color: #FF3500 !important;}
h1{font-family: Verdana, sans-serif !important;font-size: 32px;margin: 0;color: #000000;}
h2{font-family: Verdana, sans-serif;font-size: 24px;margin: 0;color: #000000;}
.csstable .tHot td{color: inherit;background: #ececec;}
.csstable .tLink td{background: #f1f1f1;}
.redfont{color: #ff0000;}
.grayfont{color: #666;}
.ordertable th{padding: 5px 10px 5px 0;}

/* h1下方的副标题 */
.subtitle {font-size: 16px;color: #000000;text-align: center;margin: 0 0 30px;font-weight: normal;font-family: Tahoma, sans-serif;display: block;}

/* 通用标题与副标题 */
.section-title {font-size: 24px;color: #000000;text-align: center;margin: 0;font-family: Verdana, sans-serif;}
.section-subtitle {font-size: 14px;color: #000000;text-align: center;margin: 0 0 30px;font-weight: normal;font-family: Tahoma, sans-serif;display: block;}

/* 通用消边距 */
.m-b-0{margin-bottom: 0 !important;}
.m-t-0{margin-top: 0 !important;}
.m-r-0{margin-right: 0 !important;}
.m-l-0{margin-left: 0 !important;}
.m-all-0{margin: 0 !important;}
.p-b-0{padding-bottom: 0 !important;}
.p-t-0{padding-top: 0 !important;}
.p-r-0{padding-right: 0 !important;}
.p-l-0{padding-left: 0 !important;}
.p-all-0{padding: 0 !important;}

/* 通用边距 */
.p-lr-10{padding-right: 10px !important;padding-left: 10px !important;}
.p-tb-10{padding-top: 10px !important;padding-bottom: 10px !important;}
.m-lr-10{margin-left: 10px !important;margin-right: 10px !important;}
.m-tb-10{margin-top: 10px !important;margin-bottom: 10px !important;}


/* 区域边距 */
.section{padding: 30px 0 50px;}

.btn1{background: #ff3500;padding: 0 20px !important;border-radius: 100px;height: 35px;line-height: 35px;font-weight: bold;margin: 0;font-size: 14px;color: #fff;}
.btn1:hover{background: #e62f00;}
.btn2{background: #ececec;color: #000;padding: 0 20px !important;border-radius: 100px;height: 35px;line-height: 35px;font-weight: bold;font-size: 14px;}
.btn2:hover{background: #e8e8e8; }

/* ——————————————————————————————————————————————————————————————————————————————————*/

/* ———————————————————————————————————— 头部样式 ————————————————————————————————————*/
.menu-child a{color: #000;}
.menu-child a:hover{color: #FF3500; background: #f1f1f1;}

#top{background-color: #000;padding: 0 25px;box-sizing: border-box;}
#top .bar{height: 40px;}
#top .bar ul{border: 0;}
#top .bar ul li{height: 40px;line-height: 40px;padding: 0;border: 0;}
#top .bar ul#barL li.sh{padding-right: 20px;}
#top .bar ul#barL li.sh:last-child{padding-right: 0px;}
#top .bar ul#barL li.sh .sh-prompt{font-weight: bold;color: #ececec;}
#top .bar ul li a{color: #ececec;height: 100%;}
#top .bar ul li a img{margin: 0;vertical-align: text-top;user-select: none;display: inline-block;}
/* #top .bar ul li a i{vertical-align: middle;} */
#top .bar ul li a span{user-select: text;padding-left: 5px;font-weight: bold;}
#top .bar ul li a:nth-last-child(1){color: #ececec;}
.logo_img svg{width: 190px;height: auto;margin: 0 auto;}


#langbox{position: relative;width: auto;text-align: center;}
#langbox .langfirst{display: block;width: 100%;line-height: 40px; /* 匹配菜单的行高，避免错位 */}
#langbox .langfirst:hover{color: #ccc !important;}
#top .bar ul li a:hover{color: #ccc;}
#langbox .langmenu{position: absolute;top: 40px;left: 0;border: 0 !important;display: none;background: #fff;width: 100%; box-shadow: 5px 3px 0px #d8d8d8;width: 140px;}
#langbox .langmenu li{border: 0 !important;width: 100%;text-align: left;padding: 0 !important;}
#langbox .langmenu a{color: #000 !important;width: 100%;display: block;padding: 0 25px;line-height: 35px; box-sizing: border-box; }
#langbox .langmenu a:hover{color: #FF3500 !important;background: #F4F3F3;}

#top .bar ul#barR li{padding-right: 20px;}
#top .bar ul#barR li:last-child{padding-right: 0;}
#top .bar ul#barR li i{font-size: 14px;}

#topMPCBg{top: 40px;}
#topMPC{height: 75px;display: flex;justify-content: space-between;align-items: center;}
#menuPC{display: flex;margin-left: 20px;}
#menuPC li .menu-item{line-height: 75px;font-size: calc(var(--base-font-size) * 1.6);color: #000;font-weight: bold;position: relative;}
#topMPC .menu_left{display: flex;align-items: center;margin: 0 0 0 25px;}
#menuPC li{padding: 0 20px;display: block;}
#topMPC .menu_right{display: flex;align-items: center;}
#state{padding-top: 0;margin: 0 25px 0 20px;float: none;height: 75px;}
#state .state-box{height: 100%;display: flex;align-items: center;}
#state .state-item{height: 100%;display: flex;align-items: center;}
#state .shopping-cart{margin-top: 0;height: 100%;display: flex;align-items: center;padding: 0;}
#state .shopping-cart img{width: 25px;height: 25px;}
#state .login{min-width: auto;border: 0;border-radius: 100px;padding: 0 20px;font-size: calc(var(--base-font-size) * 1.4);height: 35px;display: flex;align-items: center;font-weight: bold;line-height: 45px;background: #ff3500;color: #fff;}

#state .cart-list{top: 70px;}

#state .menu-child{top: 75px;left: 70%;}

/* Featured badge styling */
.featured-badge {position: absolute;top: 10px;right: 0;background-color: #ff3500;color: #ffffff;font-size: 10px;padding: 2px 5px;border-radius: 25px;font-weight: bold;z-index: 10;white-space: nowrap;pointer-events: none;line-height: 1;}

.accordion .section{padding: 0;}

/* ——————————————————————————————————————————————————————————————————————————————————*/

/* ———————————————————————————————————— 底部样式 ————————————————————————————————————*/

#bottom{background: #000;}
#bottom .max-width{overflow: hidden;}
#bottom .bottom{background: transparent;padding: 0;border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 40px 0;}
#bottom .bottom-logo{padding: 15px 0;}
#bottom .bottom-logo svg{height: 20px;width: auto;--black-color: #FFF !important;}
#bottom ul li{line-height: 30px;}
#bottom ul li.title{margin:  0 0 10px;}
#bottom ul li a{color: #e5e5e5;}
#bottom .b_center{padding: 10px 0;color: #999;text-align: left;font-size: 11px;}
#bottom .bottom .b_seat i{color: #fff;font-size: 30px;}
.bottom_logo{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 20px 0;}
.bottom_logo img{height: revert-layer;}

/* ———————————————————————————————————— tab选项栏 ————————————————————————————————————*/

/* Domain Check Section */
.domain-check-section {background: #FFFFFF;padding: 30px 10px 50px;}
.domain-check-section h1{margin-bottom: 30px;}
.domain-check-header {text-align: center;margin-bottom: 20px;}
.domain-check-tabs {display: flex;justify-content: center;gap: 20px;margin-bottom: 10px;flex-wrap: wrap;}
.domain-check-tab-btn {background: #000;color: #fff;border: none;padding: 0 20px;height: 45px;border-radius: 100px;font-size: 14px;font-family: Tahoma, sans-serif;cursor: pointer;transition: all 0.3s;line-height: 45px;font-weight: bold;}
.domain-check-tab-btn:hover {background: #FF3500;color: #FFFFFF;}
.domain-check-tab-btn.active {background: #FF3500;color: #FFFFFF;}
.domain-check-subtitle {color: #000000;font-size: 13px;font-family: Tahoma, sans-serif;margin: 20px 0 0;}
.domain-check-search-container {margin: 20px auto;}
.domain-check-search-box {display: flex;border: 1px solid #000;border-radius: 100px;overflow: hidden;background: #FFFFFF;align-items: center;max-height: 50px;box-sizing: border-box;}
.multicheck .domain-check-search-box{border-radius: 25px;max-height: none;align-items: flex-start;}
.multicheck .domain-check-search-box textarea{border: 0;outline: none;box-sizing: border-box;margin: 10px;flex: 1;height: 180px;font-size: 16px;min-height: 150px;resize: vertical;}
.domain-check-search-input {flex: 1;border: none;padding: 0 20px;height: 35px;font-size: 16px;font-family: Tahoma, sans-serif;color: #000000;outline: none;}
.domain-check-search-btn {background: #ff3500;color: #fff;border: none;padding: 0 20px;height: 35px;font-size: 14px;font-family: Tahoma, sans-serif;cursor: pointer;display: flex;align-items: center;gap: 5px;transition: all 0.3s;border-radius: 100px;margin: 10px;font-weight: bold;}
.domain-check-search-btn:hover {background: #FF3500;color: #FFFFFF;}
.domain-check-search-btn i {font-size: 12px;}
.domain-check-extensions {width: 95%;margin: 0 auto;}
.domain-check-ext-row {display: flex;justify-content: flex-start;margin-bottom: 10px;flex-wrap: wrap;gap: 10px;}
.domain-check-ext-row label {display: flex;align-items: center;gap: 5px;font-size: 13px;font-family: Tahoma, sans-serif;color: #000000;width: calc(10% - 9px);min-width: 90px;}
.domain-check-ext-row input[type="checkbox"] {width: 15px;height: 15px;cursor: pointer;}
.domain-check-ext-filters {display: flex;align-items: center;gap: 20px;margin-top: 20px;}
.domain-check-ext-filters label {display: flex;align-items: center;gap: 5px;font-size: 14px;font-family: Tahoma, sans-serif;color: #000000;}
.domain-check-ext-filters input[type="radio"] {width: 15px;height: 15px;cursor: pointer;}
.domain-check-all-domains-link {color: #0066CC;font-size: 14px;font-family: Tahoma, sans-serif;margin-left: auto;text-decoration: none;font-weight: bold;}
.domain-check-all-domains-link:hover {color: #FF3500;text-decoration: underline;}


/* ——————————————————————————————————————————————————————————————————————————————————*/

/* ———————————————————————————————————— 购物车悬浮层 ————————————————————————————————————*/
.cartlist td{padding: 0;font-size: 14px;}
.empty-shopping-btn-box{padding-top:10px;white-space: nowrap;}
.empty-shopping-btn-box a{display: inline-block;padding: 0 20px;font-size: 14px;height: 35px;border-radius: 100px;font-weight: bold;background: #ececec;color: #000;line-height: 35px;}
.empty-shopping-btn-box a:first-child{margin-right: 10px;}
.empty-shopping-btn-box a:hover{background: #e8e8e8;}
.empty-shopping-btn-box a i{vertical-align: middle;font-size: 14px;}

.shopping-cart-btn a{height: 35px;line-height: 35px;border-radius: 100px;font-size: 14px;font-weight: bold;background: #ececec;color: #000;padding: 0 20px;display: inline-block;margin-top: 10px;}
.shopping-cart-btn a:hover{background: #e8e8e8;}
.shopping-cart-btn #go_btn2{background: #ff3500;color: #fff;margin-right: 10px;}
.shopping-cart-btn #go_btn2:hover{background: #e62f00;}
.shopping-cart-btn a i{font-size: 14px;}

.cartlist .Cart_first td{border-color: #f1f1f1;}

.new-cartlist td{padding: 5px 0;}
/* ——————————————————————————————————————————————————————————————————————————————————*/


/* ———————————————————————————————————— 导览调样式 ————————————————————————————————————*/

.navigation_bar{padding: 30px 0;font-size: 20px;color: #666;box-sizing: border-box;display: none;}
.navigation_bar .navigation_hot{color: #333;}
#cart_step{background: url("/domain/images/step2.png") center bottom no-repeat;overflow: hidden;zoom: 1;padding: 0px 0 30px;margin: 0px auto 30px;box-sizing: border-box;position: relative;}
#cart_step ul{padding: 0;width: 65%;margin: 0 auto;overflow: hidden;zoom: 1;}
#cart_step li{width: 24.9%;float: left;text-align: center;font-size: 16px;line-height: 35px;}
#cart_step li.hot{color: #000;}

#cart_step2{background: url("/domain/images/step.png") center bottom no-repeat;overflow: hidden;zoom: 1;padding: 0px 0 30px;margin: 0px auto 30px;box-sizing: border-box;position: relative;}
#cart_step2 ul{padding: 0;width: 52%;margin: 0 auto;overflow: hidden;zoom: 1;}
#cart_step2 li{width: 33%;float: left;text-align: center;font-size: 16px;line-height: 35px;cursor: default;}
#cart_step2 li.hot{color: #000;}

/* ——————————————————————————————————————————————————————————————————————————————————*/


@media screen and (max-width: 768px){
    .max-width{max-width: 100%;width: 100%;box-sizing: border-box;}
    .hide{display: none;}
    #langbox{display: none;}
    h1{font-size: 22px;}
    h2{font-size: 18px;}
    .csstable td{font-size: 12px;}
    .ordertable th{padding: 0 5px;}

    #top{background: #fff !important;padding: 15px 20px;box-sizing: border-box;}
    #top .bar{height: 45px;}
    #top .bar ul#barL{margin-top: 10px;}
    .logo_img{margin-top: 12px;}

    #bottom{background: #f1f1f1;padding:20px 0 70px;}
    #bottom .bottom-logo{display: none;}
    #bottom .bottom{display: none;}
    #bottom .b_center{padding: 0;}
    #bottom .b_center div{color: #000;}
    .bottom_logo{display: none;}

    .domain-check-section{padding: 20px 0px;}
    .domain-check-section h1{margin-bottom: 20px;}
    .domain-check-header {margin-bottom: 10px;}
    .domain-check-tabs {gap: 8px;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;justify-content: flex-start;padding:0;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
    .domain-check-tabs::-webkit-scrollbar {display: none;}
    .domain-check-tab-btn {padding: 0 20px;height: 35px;font-size: 12px;line-height: 35px;white-space: nowrap;flex-shrink: 0;}
    .domain-check-subtitle {font-size: 12px;margin: 10px 0 0;}
    .domain-check-search-container {margin: 10px 0;}
    .domain-check-search-box {border-radius: 100px;}
    .domain-check-search-input {padding: 0 15px;height: 25px;font-size: 14px;}
    .domain-check-search-btn {padding: 0 15px;height: 25px;font-size: 12px;}
    .domain-check-search-btn i{font-size: 12px;}
    .domain-check-ext-row {gap: 5px;justify-content: flex-start;}
    .domain-check-ext-row label {width: 32%;min-width: auto;font-size: 12px;}
    .domain-check-ext-filters {flex-wrap: wrap;gap: 10px;}
    .domain-check-ext-filters label{font-size: 12px;}
    .domain-check-all-domains-link {width: auto;text-align: left;font-size: 12px;}

    .multicheck .domain-check-search-box textarea{margin: 10px 0 10px 10px;height: auto;font-size: 14px;}

    .section-title {font-size: 18px;}
    .section-subtitle {font-size: 12px;margin: 0 0 20px;}

    .subtitle {font-size: 14px;margin: 0 0 20px;}

    .section{padding: 20px 0;}

    .navigation_bar{padding:0 0 10px;font-size: 14px;color: #666;display: block;}
    .navigation_bar .navigation_hot{color: #333;}
    #cart_step, #cart_step2{display: none;}

    .btn1, .btn2{height: 25px;line-height: 25px;padding: 0 15px !important;font-size: 12px;}
    
    /* Mobile featured badge styling */
    .featured-badge {
        font-size: 10px;
        padding: 1px 6px;
        top: -14px;
        line-height: 1;
    }
}