/*搜索内容*/
.index_search{border-radius:8px; box-sizing: border-box; }
/* 标准语法 */
.index_search_text::placeholder {
  color: #bbb; /* 替换为您想要的颜色值 */
}
/* WebKit browsers (如Chrome, Safari) */
.index_search_text::-webkit-input-placeholder {
  color: #bbb;
}
/* Mozilla Firefox 4 to 18 */
.index_search_text:-moz-placeholder {
  color: #bbb;
  opacity: 1; /* Firefox 4到18的版本需要设置不透明度 */
}
/* Mozilla Firefox 19+ */
.index_search_text::-moz-placeholder {
  color: #bbb;
  opacity: 1; /* Firefox 19+的版本需要设置不透明度 */
}
/* Internet Explorer 10-11 */
.index_search_text:-ms-input-placeholder {
  color: #909;
}
/* Microsoft Edge */
.index_search_text::-ms-input-placeholder {
  color: #909;
}
.index_search_form{position:relative; margin-bottom: 12px;}
.index_search_text{width:100%; text-indent: 5px!important; border-radius:22px; border-right:0px; box-sizing: border-box; padding:25px 40px 23px 40px; line-height: 44px!important; font-size: 14.5px;
  border: 2px solid #5496df !important;}
.index_search_submit{padding:9px 47px; cursor: pointer; border:0px; border-radius:0px; border-left:1px solid #d7e0f4;
  position: absolute; top:2px; left:873px; font-size:20px; color: #3a7dd3; text-shadow:0 58px #0b6eca;
  background: #f9fbff;}
.index_search_submit:hover{background-color: #e7f0ff;}

.index_search_entrust{padding:16px 30px; border-radius: 7px; cursor: pointer; border:1px solid #ddd; position: absolute; top: 0px; left:958px; font-size:15px; color:#666; background-color:#f8f8f8;}
.index_search_entrust:hover{border:1px solid #55abf7; color: #4899D5}
.index_search_domain{height:20px; color: #999;}
.index_search_domain_reg{width:720px; float: left; }
.index_search_domain_top>a{color: #555; font-size: 13.5px;}
.index_search_domain_reg>a{color:#555; font-size: 13px;}
.index_search_domain_reg>a:hover, .index_search_domain_top>a:hover{text-decoration: underline}
.index_search_domain_reg>span{color: #ddd;  padding:0px 12px; font-size: 12px;}
.index_search_domain_top>span{color: #ddd; padding:0px 12px; font-size: 10px;}
.index_search_domain_reg>a>i{font-size: 8px; font-style: normal;}
.index_entrust{width:150px; text-align:center;  border-bottom-right-radius: 17px; border-top-right-radius: 17px; height:48px; position:absolute; font-size:16px; border-left:1px solid #7eb1ea; right:3px; top:2px; color:#3a79cb; line-height: 50px;}
.index_entrust:hover{background-color: #e9f1ff;}
.index_search_grater{position:absolute; right:370px; top:19px; color: #aaa; transition: transform .4s;}
.index_search_domain_select{width:130px; text-align: center; top:6px; border-left:1px solid #d7e0f4; cursor:pointer; line-height:38px; position: absolute; left:725px; color:#777;}
.index_search_domain_list {
    width:872px;
    height: 178px;
    position: absolute;
    padding: 10px 10px 160px 10px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(100, 100, 100, .1);
    display: none;
    grid-template-columns: repeat(8, 1fr);  /* 定义3列 */
    grid-gap: 0px;  /* 定义格子间距 */
    justify-items: center;  /* 使格子内容水平居中 */
}
.index_search_domain_list div {
    color:#777;
    transition:all .3s ease-out 0s;
    padding:12px;
    font-size: 14.5px;
    background-color: #f8f8f8;
    margin-top:8px;
    cursor: pointer;
    width: 75px;
    text-align: center;  /* 使内容居中显示 */
}
.index_search_domain_list div:hover{
    color:var(--font-red-color);
}

/*顶部三TAB*/
.index_preemptive{width: 100%; margin-bottom: 65px; overflow: hidden;}
.index_preemptive_reg{grid-template-columns: repeat(4, 1fr); column-gap:20px;}
.index_preemptive_reg>dl{width:260px; height:60px; border-radius: 8px; padding-top:16px; margin-top:20px; margin-bottom:2px; border: 1px solid #e1ebff; padding-left:24px; position:relative;}
.index_preemptive_reg>dl:hover{border:1px solid #eee; box-shadow: 0px 0px 8px rgba(110, 110, 110, 0.1)}
.index_preemptive_reg>dl>dt{color:#333; font-size:17px; margin-bottom:3px;}
.index_preemptive_reg>dl>span{color:#aaa; font-size:12px;;}
.index_preemptive_buy{position:absolute; font-size:12.5px; top:24px; border-radius: 18px; left:188px; color: #5e86e4; padding:5px 13px; border: 1px solid #a7bef1
}
.index_preemptive_buy:hover{background-color: #f1f5ff !important;}

/*预定*/
.index_preemptive_buy_more{color:#8187A1; transition:color .1s, font-size .2s;}
.index_preemptive:hover~div>.index_preemptive_buy_more>.index_preemptive_buy_more_font{color:#5c8af4; font-size:14.3px;}
.index_preemptive:hover~div>.index_preemptive_buy_more>i{animation: sliding .5s infinite alternate; color: #5c8af4;}
.index_preemptive_buy_more_font{transition: transform 0.3s ease-in-out;}
.index_preemptive_buy_more:hover{text-decoration: underline; color:#346ceb; font-size:14.2px;}
.index_preemptive_buy_more:hover >i{animation: sliding .5s infinite alternate;}
@keyframes sliding {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(5px); /* 根据你希望滑动的距离调整数值 */
    }
}

/*九宫格资源*/
/* 九宫格容器样式 */
.index_top_resources {
  padding-top:5px;
  padding-bottom:5px;
  border-left: 0;
  /* 核心：Grid网格布局 */
  display: grid;
  /* 3列，每列宽度相等 */
  grid-template-columns: repeat(6, 1fr);
  /* 格子之间的间距 */
  gap: 0px;
}

/* 每个列表项（九宫格格子）样式 */
.index_top_resources li {
  padding:5px 22px;
  /*border-radius: 8px;*/
  /*border:1px solid #ebf3fd;*/
  display: flex;
  border-right:1px solid #eee;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  color: #666;
}

/* 链接样式优化 */
.index_top_resources li a {
  color: #6595d4;
  font-size: 15px;
  text-decoration: none;
}

/*推广词*/
.index_promotionalwords{display: none;}
.index_promotionalwords.index_block{display: block;}

/*域名竞价*/
.index_des{margin-top:0px;}
.index_des>li{text-align: center; height: 40px; color:#888;}

/*优质店铺*/
.index_shop_quality{color: #e64b61; font-size: 12px; background: #fff6f5; padding: 6px 25px; border-top-left-radius:12px; border-bottom-left-radius:12px; position: absolute; right:0px; top:10px;}
.index_shop_quality:hover{text-decoration: underline;}
.index_shop_title{font-size:16px; font-weight: 400}
.index_shop_title>a{color:#468cd5;}
.index_shop_domain{font-size:13px; color:#888;}
.index_shop_domain:hover{color:#5c8af4;}
.index_shop_domains{width:207px; float:left; margin-left:21px;}
.index_shop_enter{border:1px solid #eee; border-top:1px solid #fff; font-size:13px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; color:var(--main-font-color); padding:8px 13px;}
.index_shop_enter:hover{background-color: var(--a-hover-bg-color); color: #3c83df;}
#index_shop{overflow:hidden; padding-bottom: 10px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap:25px;}
#index_shop>li{height:170px; float: left; position: relative; padding:30px 32px 30px 32px; background-color:#fff; border: 1px solid #e7e7e7; border-radius:8px;}
#index_shop>li:hover{border:1px solid #eee; box-shadow: 0px 0px 8px rgba(110, 110, 110, 0.1)}

/*群英荟萃*/
.index_one_price{ padding:30px 0px 20px 55px;/* 1. 开启弹性布局 */
  display: flex;
  /* 2. 允许弹性项目（p标签）自动换行（垂直排满后向右排列） */
  flex-wrap: wrap;
  /* 可选：控制p标签之间的间距（水平+垂直），替代margin避免间距错乱 */
  gap: 0px;
  /* 可选：设置主轴对齐方式（水平方向），均匀分布更美观 */
  justify-content: flex-start; /* 左对齐，也可选择 space-between/center */
  /* 可选：设置交叉轴对齐方式（垂直方向） */
  align-items: flex-start;
  /* 保留你原有的宽度，补充高度自适应（避免内容溢出） */
  width: 65%;

  box-sizing: border-box; /* 盒模型优化，避免padding/border撑破宽度 */}
.index_one_price:hover .index_one_price_more>i{color:#5c8af4; animation: sliding .5s infinite alternate;}
.index_one_price:hover .index_one_price_more{color:#5c8af4; font-size:14.2px;}
.index_one_price_more{color:#999; font-size:14px; line-height:33px; float:right; margin-right:5px;}
.index_one_price_more:hover{text-decoration: underline;}
.index_one_price p{display: flex; width:330px; justify-content: space-between; margin-top:7px;}
.index_one_price > p:nth-of-type(odd) {
  margin-right:87px;
}
.index_one_price>p>span>a{font-size:12.5px; color:var(--a-font-color); border-radius: 18px; padding:5px 12px; border: 1px solid #ddd;}
.index_one_price>p>span>a:hover {
  background-color:var(--a-hover-bg-color);
}
.index_bidding{width:330px; padding:30px 55px 20px 55px; box-shadow: 0px 0px 3px rgba(110, 110, 110, 0.1)}
.index_bidding_more{color:#999; font-size:14px; line-height:33px; float:right; margin-right:2px;}
.index_bidding:hover .index_bidding_more>i{color:#5c8af4; animation: sliding .5s infinite alternate;}
.index_bidding:hover .index_bidding_more{color:#5c8af4; font-size:14.2px;}
.index_bidding_more:hover{text-decoration: underline; color: #5c8af4;}
.index_bidding p{display: flex; margin-bottom:20px; justify-content: space-between;}
.index_bidding>p>span>a{font-size:12.5px; color:var(--a-font-color); border-radius: 18px;  padding:5px 12px; border: 1px solid #ddd;}
.index_bidding>p>span>a:hover {
  background-color:var(--a-hover-bg-color);
}
.index_meta>li{float:left; padding-bottom: 30px;}
/* .index_meta>li:hover{box-shadow: 0px 0px 8px rgba(110, 110, 110, 0.1)} */
.index_resources{padding:31px 30px 20px 55px;}
.index_resources>p{color:#888; line-height: 24px; font-size:14px;}
.index_resources>p>a{color:#3885e8; margin-left:5px; margin-right:5px; font-size:15px;}

/*地图样式*/
.map-service{position:relative; height:810px; background:#fafbff;}
.china-map{width:748px; height:618px; z-index: 2; top:100px; left:260px; background:url('../images/index_map.png') center no-repeat; position:absolute;}
.region-list{position:absolute;left:0;top:0}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#7380c3;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:3px solid #93c6ff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 8px #93c6ff;-moz-box-shadow:0 0 8px #93c6ff;box-shadow:0 0 8px #93c6ff;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;
}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#5a9dea}
.region-list.active .area-box .pulse{border-color:#4da5d9;top:-22px;left:-22px;height:48px;width:48px;-webkit-box-shadow:0 0 8px #93c6ff;-moz-box-shadow:0 0 8px #93c6ff;box-shadow:0 0 8px #93c6ff}
.region-list.waite .area-box .dot{background:#345ae6;}
.region-list.waite .area-box .pulse{border-color:#4646e6}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;white-space:nowrap;}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative; color:#2f1c6a}
.region-list.waite .show-regin span{color:#2f1c6a}
/*首页地图*/
.postition-1{left:302px;top:308px}
.postition-2{left:367px;top:403px}
.postition-3{left:358px;top:510px}
.postition-4{left:450px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:510px}
.postition-7{left:652px;top:200px}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-10{left:554px;top:539px}
.postition-10 .show-regin span{left:0}
.postition-11{left:604px;top:300px; background:#f90!important}
.postition-11.region-list.active .area-box .pulse{top:-28px;left:-28px;width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-12{left:610px;top:470px}
.postition-13{left:470px;top:225px}
.postition-14{left:632px;top:420px}
.postition-15{left:562px;top:450px}
.postition-16{left:500px;top:450px}
.postition-17{left:520px;top:348px}
.postition-18{left:500px;top:288px}
.postition-19{left:672px;top:150px}
.postition-20{left:677px;top:95px}
.postition-21{left:457px;top:403px}
.postition-22{left:456px;top:515px}
.postition-23{left:386px;top:279px}
.postition-24{left:580px;top:360px}
/*地图样式结束*/

/*立即加入*/
.index_enter_join{height:150px; margin-bottom:80px; background-image:linear-gradient(136deg, #fff7f7 20%, #f4fcff 45%, #f5fff5 65%, #fffffa 80%); padding-top:5px; text-align: center; line-height: 38px;}

/*店铺*/
.index_shop_wrap_more{color:#666; font-size:15px; margin-top:60px; text-align:center; padding-bottom:75px;}
.index_shop_more{color:#8187A1; padding:7px 16px;}
.index_shop_more:hover{color:#346ceb;}
#index_shop:hover  ~.index_shop_wrap_more>.index_shop_more>i{animation: sliding .5s infinite alternate; color:#5c8af4;}
#index_shop:hover  ~.index_shop_wrap_more>.index_shop_more{color:#5c8af4;}
.index_shop_more:hover >i{animation: sliding .5s infinite alternate; color:#5c8af4;}

/*品牌*/
.index_map_service_more{position:absolute; top:112px; color:#666; z-index: 100; font-size: 13.5px;}
.index_map_service_more>a{color:#5981ae; font-size: 13.5px;}
.index_map_service_more>a:hover{color:#5c8af4;}

/*立即注册*/
.index_tg_reg{color:#fff; padding:9px 35px 9px 35px; border-radius: 17px; background-color: var(--main-light-color); border:0px}
.index_tg_reg:hover{background-color:var(--main-color); text-decoration: underline;}

/*域名资讯*/
.index_news{height:500px;}
.index_news>ul>li{height: 36px; border-bottom:1px solid #fff; line-height: 36px; font-size: 13.5px;}
.index_news>ul>li:hover{border-bottom:1px solid #ddd;}
.index_news>ul>li>a{font-size: 13.5px; color: #666;}
.index_news>ul>li>span{float:right;  color: #888;}
.index_news>ul>li>span>a{font-size: 13.5px; color: #888;}
.index_news>ul>li>span>a:hover{color: #e32842;}
.index_news>ul{width:350px; border-radius:12px; height: 390px; margin-left:26px; overflow: hidden; border:1px solid #e7e7e7; padding:20px 35px; display: inline-block;}
.index_news>ul>li>h3{font-weight:500; margin:0px; font-size:20px; float:left;}

/* styles.css */
.index_shop_quality {
  /* 默认样式 */
  background-color: #f4f8ff;
  color: #5c8af4;
}

.index_overview:hover {
  color: var(--font-red-color) !important;
}

.index_shop_quality.premium {
  /* 优质店铺样式 */
  background-color: transparent;
  color: inherit;
}

.index_shop_domains {
  float: left;
}

.index_shop_title {
  margin-bottom: 5px;
}

.index_shop_description {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 15px;
  color: #999;
}

.index_shop_domain {
  display: block;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
  margin-top: 3px;
}

.index_shop_domain span {
  float: right;
  font-size: 13.5px;
  color: #e32842;
}

.index_shop_image_container {
  width: 84px;
  height: 120px;
  float: left;
}

.index_shop_image {
  width: 78px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #eee;
}

.index_one_price_domain {
  flex-basis: 200px;
  color: #3c83df;
  font-size: 14.5px;
  font-weight: 400;
}

.index_one_price_seller {
  font-size: 12px;
  color: #999;
  font-style: normal;
  border: 0px solid #ddd;
}

.index_one_price_pc {
  flex-basis: 140px;
  color: var(--main-font-pink-color);
  margin-top: 11px;
}

.index_one_price_buying {
  flex-basis: 110px;
  margin-top: 12px;
}

.index_one_price_title {
  width:100%;
  font-size: 19px;
  height: 42px;
  color: #666
}

.index_bidding_domain {
  flex-basis: 220px;
  color: #3c83df;
  font-size: 14.5px;
  font-weight: 350;
}

.index_bidding_remaining_time {
  font-size: 12px;
  color: #999;
  font-style: normal;
  border: 0px solid #ddd;
}

.index_bidding_shop_id {
  flex-basis: 138px;
  color: var(--main-font-pink-color);
  margin-top: 11px;
}

.index_bidding_offer {
  flex-basis: 110px;
  margin-top: 12px;
}

.index_bidding_title {
  font-size: 19px;
  height: 42px;
  color: #666;
}

.index_search_domain_operate {
  float: left;
  border-radius: 15px;
  margin-right:10px;
  background-color: #ffffff;
  padding: 3px 10px;
  border:1px solid #d7e7ff;
  display: block;
  font-size: 13px;
  color:#3e71df;
}