.body_div{
   background: #f5f5f5;
   padding: 1px;
}

.nav_dang{
  /* background: #fff; */
  padding: 0 10px;
}
.nav_dang ul{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 10px 0;
  font-size: 14px;
  color: #666666;
}
.nav_dang ul li:nth-child(2n-1):not(.nav_dang ul li:first-child){
  margin: 0 10px;
}
.nav_dang ul li a{
  color: #666666;
}
.nav_dang ul li a:hover{
    color: #f60;
}
.outer_box{
  max-width: 1200px;
  margin: 0px auto 20px;
}
.outer_box>div:first-child{
   display: flex;
}
.domain_left{
   flex-grow: 2;
   margin-right: 20px;
}
.do_info_top{
  background: #fff;
  padding: 12px 36px;
}
.domain_msg{
  display: inline;
}
.domain_current{
  font-size: 26px;
  color: #222;
  font-style: normal;
  font-weight: 700;
  position: relative;
  display: initial;
}
.domain_current::after{
  content: '竞价域名';
  background: url(../images/bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 1px 8px 8px;
  font-size: 12px;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 400;
  line-height: 17px;
  top: -19px;
}
.domain_name{
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}
.domain_info_search{
  margin-top: 10px;
}
.domain_info_search a{
  padding: 3px 12px;
  font-size: 14px;
  background: #FFFFFF;
border: 1px solid #F2F2F2;
}
.domain_info_search a img{
  width: 16px;
  height: 16px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.domain_info_search a:hover{
  color: #f60;
}
.bid_info{
  display: flex;
  padding-top: 10px;
}
.bid_info>div{
  flex-grow: 1;
  text-align: center;
  font-size: 16px;
  color: #222;
}
.bid_info>div:not(.bid_info>div:last-child){
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}
.bid_info>div>span{
  display: inline-block;
  margin-bottom: 2px;
  font-size: 16px;
}
.domainprice{
    font-size: 18px !important;
    color: #E51114;
}
.doinfo_miao{

    color: #f60;
}
.green{
  color: #1ABE6B;
}
.jieshaos a{
  color: rgba(102, 102, 102, 1);
}
.bid_detail{
   background: #FFFFFF;
   margin-top: 20px;
   padding: 20px 36px;
}
.title_domain{
  font-size: 18px;
  font-weight: 500;
  color: #f60;
  padding-bottom: 5px;
  border-bottom:1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.title_domain::before{
   position: absolute;
   content: ' ';
   width: 74px;
   height: 1px;
   background: #f60;
   bottom: -1px;
}
.bid_detail_con{
  margin-top: 20px;
  font-size: 15px;
}
.bid_detail_con>li{
  margin-bottom: 12px;
  display: flex;
}
.bid_detail_con>li>span{
 
  color: #222222;
}
.bid_detail_con>li>div:not(#proxy>div){
  margin-left: 5px;
  display: inline;
  color: rgba(102, 102, 102, 1);
}
#proxy>div{
  font-size: 15px;
}
.baijia{
  text-indent: 1em;
  display: inline-block;
}
.right_color{
  color: rgba(255, 102, 0, 1) !important;
}
.inputtext {
  width: 109px;
  height: 24px;
  border: 1px solid #D9D9D9;
border-radius: 4px;
}
.OrangeText{color: #f60;}
.is_yuding{margin-left: 5px;font-size: 12px;}
.cj_btn>span>input{
  font-size: 14px;
  color: #888888;
  background: #fff;
  border: 1px solid rgba(217, 217, 217, 1);
  padding: 7px 15px;
  height: auto;
  border-radius: 4px;
}
.cj_btn>span>.search_sub{
  background: #f60;
  border: 1px solid #f60;
  margin-right: 10px;
  color: #fff;
}
.sclx{
   padding: 6px;
   background: #FFF8E5;
   border-radius: 4px;
   font-size: 12px;
   color: #222;
   display: none;
}
.sclx p{
  max-width: 517px;
  line-height: 23px;
}
.right_text>label{
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
}
.right_text>label>input{
  position: absolute;
    left: 3px;
    top: -13px;
}
.domain_right{
  width: 343px;
  background: #FFFFFF;
}
.hot_domain{
  background: #FFFFFF;
  padding: 16px 20px;
  margin: 0;
}
.headline{
  display: flex;
  justify-content: space-between;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
}
.headline p{
  font-size: 16px;
  font-weight: 500;
  color: #f60;
  position: relative;
}
.headline p::before{
   position: absolute;
   content: ' ';
   width: 100%;
   height: 1px;
   background: #f60;
   bottom: -8px;
}

.headline a{
  font-size: 14px;
  color: #666;
}
.hot_domain>li:not(.headline ){
   display: flex;
   padding: 12px 0;
   font-size: 14px;
   position: relative;
}
.li_hover:hover{
   background: rgba(255, 246, 240, 1);
}
.hot_domain>li:nth-child(2n){
  background: #FAFAFA;
}
.hot_domain>li:nth-child(2){
  background: rgba(255, 246, 240, 1);
}
.hot_domain>li:not(.headline )>p:first-child{
  width: 50px;
  padding-left: 10px;
}
.hot_domain>li:not(.headline )>p:nth-child(2){
  width: 110px;
}
.hot_domain>li:not(.headline )>p:nth-child(3){
  width: 90px;
}
.hot_domain>li:not(.headline )>p:nth-child(3){
  width: 90px;
}
.domain_a:hover{
  color: #f60;
}
/* .loshwsd li:nth-child(n+14){
   display: none;
} */
.time{}
.chujia{
  padding: 2px 10px;
  color: #f60 !important;
  border:1px solid #f60;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}
.li_hover:hover .time{display: none;}
.li_hover:hover .chujia{display: block;}


.xuhao{
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #FFFFFF;
  background: #888888;
   border-radius: 2px;  
   text-align: center;
}
.hot_domain>li:nth-child(3) .xuhao{
  background: #FF6600;
}
.hot_domain>li:nth-child(4) .xuhao{
  background: #4CAF50;
}
.hot_domain>li:nth-child(5) .xuhao{
  background: #03A9F4;
}
.bids_list{
  background: #fff;
  padding: 16px;
  margin-top: 20px;
  /* border-radius: 4px 4px 0px 0px; */
}
.bids_list>div{
  margin-top: 20px;
  overflow-x: auto;
  min-height: 190px;
}
.layui-table[lay-skin=line],.layui-table td, .layui-table th{
  border: none;
}
.layui-table th{
  padding: 12px 15px;
}
.layui-table td:first-child, .layui-table th:first-child{
  padding-left: 50px;
}
.layui-table thead tr{
  background: #FF6200;
  border-radius: 4px 4px 0px 0px;
  color: #fff;
}
.layui-table thead tr th:first-child{ border-radius: 4px 0px 0px 0px;}
.layui-table thead tr th:last-child{ border-radius: 0px 4px 0px 0px;}
.layui-table tbody tr:nth-child(2n){
  background: #FAFAFA;
}
.layui-table td{
  padding: 11px 15px;
}
.layui-table{
  min-width: 1000px;
}
.error{
  margin-top: 42px;
  text-align: center;
  font-size: 14px;
  /* color: #f60; */
  display: none;
}
.error img{
   position: relative;
   top: -2px;
   margin-right: 5px;
}
.error a{
  color: #f60;
}
.rule{
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}
.rule_con{
  margin-top: 15px;
  font-size: 14px;
  line-height: 24px;
}
.notes{
  margin-top: 20px;
  padding: 20px;
  font-size: 14px;
  background: #FFF8E5;
 line-height: 24px;
}
.notes>p:first-child{
  font-size: 18px;
  color: #f60;
}
.layui-layer-title {
  background: #f60 !important;
  border-radius: 4px 4px 0 0 !;
  color: #fff !important;
}
.layui-layer-ico {
  background:url(../images/close.png) no-repeat !important;
  background-size: 100% 100% !important;
}
.layui-layer-dialog {
  min-width: 400px !important;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #f60 !important;
  background-color: #f60 !important;
  color: #fff;
}
.layui-layer {top: 300px !important;}
.coalri{color: #f60;}
.coadnsa{color: #666;}
.coadnsa a{
  color: blue;
}
.jianju{margin-top: 15px;font-weight: 600;}
.guangzhu {
  font-size: 14px;
  position: absolute;
  right: 14px;
  top: 50px;
  cursor: pointer;
}
.jieshaos a{
  pointer-events: none;
  cursor: text;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
  outline: none;
}
@media (max-width:900px) {
  .domain_right{display: none;}
  .domain_left {margin-right: 0;}
}
@media (max-width:750px) {

}
@media (max-width:500px) {
  .layui-layer-dialog {
    min-width: 350px !important;
  }
  .layui-layer {top: 200px !important;}
  .outer_box {
    margin: 10px auto;
    margin-top: 0px;
   }
   .do_info_top {
    padding: 12px 16px;
    }
    .domain_current {
      font-size: 20px;
    }
    .domain_current::after {
      display: none;
      top:-1px;
      padding: 1px 8px 2px;
      background: linear-gradient(176.37deg, #FFB800 2.98%,  #FF6600 97.06%);
      border-radius: 4px;
    }
    .bid_info>div {
      font-size: 14px;
    }
    .domainprice {
      font-size: 16px !important;
    }
    .bid_info>div>span {
      font-size: 14px;
    }
    .bid_detail {
      margin-top: 10px;
      padding: 20px 16px;
    }
    .title_domain {font-size: 16px;}
    .title_domain::before {width: 65px;}
    .inputtext {width: 90px;}
    .OrangeText {
      color: #f60;
      font-size: 12px;
      display: inline-block;
      margin-left: 74px;
    }
    .is_yuding {
      font-size: 12px;
      display: inline-block;
      margin-left: 0;
      margin-top: 3px;
    }
    .bids_list {
      margin-top: 10px;
    }
    .rule,.notes{
      margin-top: 10px;
      padding: 20px 16px;
    }
    .guangzhu {
      right: 5px;
      top: 5px;
  }
  }