/*-----[Base style]----*/
* { padding:0;  font-family: "Microsoft Yahei", "微软雅黑";}
.start_top_width *{margin: 0  !important;}
.start_top_width{  width: 1200px; display: inline-block;}
.toplogoright{float: right;}
.toplogoright>div{
    text-align: center !important;
    float: left;
    margin-left: 10px;
}
.toplogoright_1 div{
    clear: both;
}

li{
    list-style-type: none;
}
a{
    color: black;
    text-decoration: none;
}
button{
    border: 1px solid #e3e3e3;
}
input{
    padding-left:10px ;
    height: 40px;
    /* background-color: #ffffff; */
    /* border:0px; */
}
.buttomwidth60{
    width: 90px;
    border-radius: 5px !important;
}
.ymcom {
    line-height: 30px;
    font-size: 15px;
    border: 1px solid rgb(219, 219, 219);
    width: 1200px;
	color: #666;
	
}
.clo-666 a{color: #666;}
/* .ymcom a{color: #666;} */
.ymcom ul{
    display: table;
    list-style-type: none;
	margin: 0 auto;
}
.ymcom ul li {
    text-align: center;
    float: left;
    margin-left: 10px;
	min-width: 2px;
}
.ymcom ul li span{
    display: inline-block;
    width: 1px;
    line-height: 30px;
    height: 13px;
    background-color: black;
}
.coloro{
    color: #f60;
}
.h1t{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:1200px ;
	margin-top: 30px;
	height: 70px;
	margin: 0 auto;
}
.h1t span{
    display: inline-block;
    width: 400px;
    height: 1px;
    background-color: rgb(180, 180, 180);
}
.span1left{
    position: relative;
    float: left;
    
}
.span1right{
    position: relative;
    float: right;
}

.domainform{
    clear:both;
	display: flex;
	flex-wrap: wrap;
}
.domainform1{
    clear:both;
    border:  1px solid  rgb(14, 13, 13);
}
.domainbg{
    z-index: 1;
    /* display: block; */
    background-size: 100% 100%;
    /* -moz-background-size: 100% 100%; */
    background-repeat: no-repeat; 
    background-image: url(../images/now/now.jpg) ;
    /* padding-top: 100%; */
    width: 100%;
    height: 450px;
	display: none;
  
    
}
.domainbg1{
    text-align: center;
    display: block;
    /* background-image: url(../images/now/2.jpg) ; */
    height: 101px;
    width: 926px;
    
}
.tablelist{ 
    margin-top: 20px;
}

.tablelist .bobutton{width: 120px;height: 36px; margin-top:20px;margin-top:20px;margin-bottom: 30px;line-height: 35px;background-color: #F9F9F9;}
.tablelist .bobutton:hover{background-color: #FF6600;color: #fff;}
.bobutton a{display: inline-block;width: 100%;height: 100%;}
.bobutton a:hover{color: #fff;}
.tablelist div{
    /* float: left; */
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
}
.tablelist  table{
    border-left:  1px solid  rgb(219, 219, 219);
    border-top:  1px solid  rgb(219, 219, 219);
    border-right:  1px solid rgb(219, 219, 219);
	border-collapse:collapse !important;
}

.center_webst{
    display: inline-block;
}
.center_webst ul{
    width: 390px;
    height: 295px;
    background-color:#ffffff ;
    display: table;
}
.center_webst ul li{
   float: left; 
}
 
 .center_webst_tit{
     display: block;
     border-bottom: 1px solid #e3e3e3;
	 text-align: left;
 }
 .center_webst_tit div{
     margin-top: 7px;
     margin-bottom: 7px;
     padding-top: 7px;
     padding-bottom: 7px;
     border-left: 2px solid #e3742c;
	 
 }
.logo{
    width: 1200px;
}
.logo_item div ul li{
   margin: 10px;
}
 
.logo_item2{
    padding-left: 15px ;
    border-left: 1px solid rgb(219, 219, 219);
}
.span2{
    position: relative;
    left: -10px;
    display: block;
    width: 1200px;
    height: 1px;
    background-color: #e3e3e3;
    margin-bottom: 30px;
    margin-top: 10px;
}
.bottom_icon{
    color: #6d6d6d;
    clear: both;
    width: 1200px;
    padding: 30px 0 10px ;
	margin: 0 auto;
}
.bottom_icon_i{
    display: table;
	margin: 0 auto;
	width: 100%;
}
.bottom_icon_i li{
    float: left;
    margin-right: 30px;
}
.bottom_icon_i li div{
    font-size: 15px;
}
.bottomnape{
    width: 1200px;
    margin-bottom: 10px;
	margin: 0 auto;
}
.bottomnape .bottomnape_ul li{
    color: #6d6d6d;
}
.bottomnape p {margin: 4px;}
.bottomnape p span{
   display: inline-block;
    width: 1px;
    line-height: 30px;
    height: 13px;
    background-color: #6d6d6d;
}
.bottomnape .bottomnape2 li{
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}
li { list-style:none; }
a { text-decoration:none; }
a:active { }
a img { border:0; }
body { font-size:12px; text-align:left;  font-family:"宋体", Arial, Tahoma, Helvetica, sans-serif; }
#main { width:100%; margin:0 auto; }
.clear { clear:both; }
.none { display:none; }
.price { color:#F60; }
h3 { font-size:20px; color:#FF6600; font-weight:bold; font-family:"Georgia"; }
/* swiper */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 16px !important;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
/* new css */
.width1200{width:1200px;display: flex;flex-wrap: wrap;text-align: center;margin: 0 auto}
input,button{outline: none;}

.justify-content-flex-end{justify-content: flex-end;}
h1 { font-size:20px !important; font-weight:bold !important; color:#ff7e00; }
.h1t p{
    position: relative;
   text-align: center;
   width: 394px;
   font-size: 26px;
}
.center_webst{
    font-size: 18px;
    width: 1200px;
}
.start_top{
    width: 100%;
    /* text-align: center; */
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f5f5f5;
}
.start_top>.start_top_width{
    margin: 0 auto;
}

.topitem{
    float: left;
    width: 170px;
    height: 55px;
}

.ymbox{position: relative;height: 0px;}
.ym{
    position: absolute;
    top: -80px;
	z-index: 1;
	height: 114px;
	left: 50%;
    transform: translate(-50% );
}
.toplogopos{
    width: 1200px;
    padding-top: 10px;
    margin:0 auto;
}
.toplogopos ul{margin: 0;width: 100%;}


.ymselect *{margin: 0;}
.ymselect{
    font-size: 15px;
    background-color: black;
    line-height: 60px;
    width: 1200px;
	height: 80px;
	padding: 10px 0;
	box-sizing: border-box;
}
.ymselect ul{
    /* display: table; */
	width: 100%;
}
.ymselect ul li{
    /* float: left; */
	font-size: 16px;

}
.ymselect ul li button{
    display: inline-block;
    width: 105px;
    color: rgb(14, 13, 13);
    background-color: #f5f5f3;
    border: 0px;
	height: 50px;
	margin-top: 1px;
}
.ymselect ul li>input{
    width: 90px;
   border-radius: 5px 0 0 5px;
   height: 50px;
   color: #333;
}
.domain_search::-webkit-input-placeholder{font-size: 16px;}

.tablelist table tr td,.tablelist table th{
    font-size: 14px;
    border-bottom: 1px solid #efeef3;
    text-align: left;
	height: 44px;
	line-height: 44px;
    padding-left: 15px;
	color: #666;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.domainType table th,.domainType table td{width: 32.3%;}
.domainAuction table tr td,.domainAuction table th{width: 24%;}
.domainType  table td:nth-child(3){text-align: right; !important}

 .domainAuction>ul{margin: 0 auto;}
/* .tablelist  table tr:hover td{background-color: #f60;color: #fff !important;} */
.tablelist  table tr:hover .offer-price{background-color: #f60;color: #fff !important;}
.offer-price{padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;width: 50px;height: 30px;background-color: #f9f9f9;border: 1px solid #e3e3e3;}
.offer-price:hover{border: 1px solid #fff;}
.heightZero>div{height: 35px;line-height: 35px;padding-left: 34px;}
.text_icon img{width: 20px;height: 20px;}

.drop-down-box{position: absolute;top: 67px;background-color: #fff;width: 1200px;left: 0px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);display:none;line-height: 40px;
padding: 20px 10px;box-sizing: border-box;z-index: 2;}
.drop-down-box span{margin-left:20px ;display: flex;align-items: center;justify-content: start;margin: 0 10px;}

.domian_name{margin-left: 8px;color: #666;}
.chekbox input[type="checkbox"]{ width: 20px;height: 20px; border: 1px solid #000;border-radius: 50%;}
.Checkbox {visibility: hidden;}
.Checkbox+label { position:absolute;width: 16px; height: 16px;  border: 1px solid #c1c5ce;/* border-radius: 50%; *//* background-color:#DEDEDE; */}
.Checkbox:checked+label:after { content: ""; position: absolute; left: 2px; top:2px;width: 11px;height: 6px; border: 2px solid #f60;
 border-top-color: transparent; border-right-color: transparent;  transform: rotate(-45deg);  -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg);  
 -webkit-transform: rotate(-60deg);}
 /* .li_domain{padding: 0 20px; box-sizing: border-box;} */
 /* .li_domain span{display:inline-block;width: 94px;text-align: right;} */
 .bottom_icon_i_top *{margin: initial !important;}
 .bottom_icon_i_top  img{margin-right: 10px !important;}
 .li_domainKnowledge{width: 100%;padding: 0 20px; box-sizing: border-box;}
 .domainRecommend a{margin: 0 5px;}
 .loginbox{background-color: #fff;width: 260px;height: 250px;clear: both;padding: 10px;border: 1px solid gainsboro;}
 .login-close{position: absolute;right: 10px;top: 10px;}
 .loginbox input{;border-radius: 4px;outline: none;box-sizing: border-box;}
 .input-field{width: 100%;border: 1px solid gainsboro}
 .loginbox form>div{margin-top: 20px !important;}
 .dll{border: 1px solid #f60;background-color: #f30;color: #fff;width: 120px;text-align: center;padding-left: 0; }
 .domainAuction p{margin: 15px !important;}
 .subBtn{margin-left: 10px !important;}
 .table_right{text-align:right !important;padding-right: 25px;padding-left: 0 !important; }
 .table_right_td{text-align:right !important;padding-right: 15px;padding-left: 0 !important;}
 .table_center{text-align: center !important;padding-left: 0 !important; }

 @media (max-width:1200px) {
	 .domainform{height: auto;}
 }
 
 @media (max-width:750px) {
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5px !important;}
 	.ym{position: static;transform:none}
	.ymselect,.ym,.ymbox,.ymcom,.ymselect ul,.h1t,.width1200,.domainbg1,.span2,.domainbg,.domainbg1 img,.domainform,table,.tablelist,.drop-down-box {width: 100% !important;height: auto !important;}
	.ymselect ul li{float: none;text-align: center;}
	.allSelect span{left: 0 !important;}
	.ymselect{padding: 20px;box-sizing: border-box;}
	.domainRecommend{display: flex; flex-wrap: wrap;}
	.ymselect ul li>input{border-radius: 5px;}
	#moreDoman{border-radius: 5px 0 0 5px;overflow: hidden;}
	#auctionDoman{margin-right: 0 !important;}
	.domain_search{width: 80% !important;}
	.subBtn{width: 100% !important;margin-left: 0 !important;}
	#moreDoman,#numDoman,#auctionDoman{width: 33% !important;}
	.drop-down-box{top: 320px !important;}
	.h1t{margin-top: 30px !important;}
	.h1t span {width: 10%;}
	.li_domain,.h1t{padding: 0 10px;}
	.tablelist div{margin: 10px;}
	.ymselect ul{display: block;}
	.ymselect ul li button{width: 100%;}
	.imgwidth30{width: 30%;}
	/* di */
	.bottom_icon,.bottomnape{width: 100% !important;}
	.partner_ul li{width: 50%;padding: 10px;box-sizing: border-box;margin: 10px 0;}
	.partner_ul img{margin-left: 0;width: 80%;}
	.logo_item div ul li,.bottom_icon_i{margin: 0;}
	.partner_title,.domainAuction{padding: 0 20px;box-sizing: border-box;}
	.partner_title h3{font-size: 18px; font-weight: bold;}
	.logo_item1{border-left: 0px;}
	.bottom_icon_i li{width: 100%;margin-right: 0;}
	.heightZero{height: 0;overflow: hidden;}
	.bottom_icon_i li{padding: 20px;box-sizing: border-box;border-top:1px solid #949494;}
	.centerbox{justify-content: center;}
 }
 
 /* 新版主页样式 */
 .domain_search{
   
    background: #fafafa;
    padding: 20px;
    padding-top: 10px;
 }
 .domain_search>ul{
    max-width: 1400px;
    background: #fff;
    margin: 0 auto;
    display: flex;
    padding: 16px 20px ;
}
 @media (min-width:1400px) {
    .domain_search>ul{
        width: 1400px;
        padding: 16px 100px ;
     }
 }

 .left_li {align-self:flex-end}
 .left_li p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.52em;
    color: rgba(51, 51, 51, 0.7);
    margin-top: 13px;
 }
 .right_li{
  margin-left: auto; 
 }
 .right_li>ul{
    display: flex;
    padding-left: 52px;
 }
 .right_li>ul>li{
    margin-right: 30px;
    font-size: 16px;
 }
 .right_li>ul>li:first-child{
    color: #f60;
 }
 .right_li>div{
    margin-top: 14px;
    position: relative;
 }
 .right_li>div>form>img{
    position: absolute;
    left: 10px;
    top: 20px;
 }
 .right_li>div::before{
    position: absolute;
    content: ' ';
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    border-left: 1px solid #FF6600;
    border-top: 1px solid #FF6600;
    left: 76px;
    top: -5px;
 }
 .right_li>div>form{display: flex;}
 .right_li>ul>li>a:hover{color: #f60;}
 .domain_input{
    width: 764px;
    height: 52px;
    background: #FFFFFF;
    padding-left: 33px;
   border: 1px solid #FF6600;
   box-shadow: 0px 0px 2px #FF6600;
   border-radius: 4px 0px 0px 4px;
   font-size: 16px;
   border-right: none;
 }
 .domain_input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color : #ccc;

}
 @media (max-width:1200px) {
    .domain_input{
        width: 600px;
    }
 }
 @media (max-width:1000px) {
    .domain_input{
        width: 400px;
    }
 }
 .domain_button{
    padding: 12px 49px;
   font-size: 20px;
   background: #FF6600;
   color: #fff;
   border: 1px solid #FF6600;
   border-radius: 0px 4px 4px 0px;
   white-space: nowrap;
   box-shadow: 0px 0px 2px #ff6600;
 }
.domain_backorder{
    padding: 20px 36px;
    background: linear-gradient(180deg, #FFF9F4 0%, rgba(255, 255, 255, 0) 100%);
}
.backorder_title{text-align: center;}
.backorder_title>p:nth-child(1){
    color: #222222;
    font-size: 26px;
    font-weight: 500;
}
.backorder_title>p:nth-child(2){
    color: #666666;
    font-size: 14px;
    margin: 14px auto;
}
.backorder_hot{
    max-width: 1200px;
    margin: 10px auto 0;
}
.backorder_hot>p{
    font-size: 18px;
    font-weight: 500;
    color: #222;
}
.backorder_hot>div>ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 26px;
}
.backorder_hot>div>ul>li{
    padding: 15px 17px;
    width: 234px;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06);
   margin-bottom: 10px;
   cursor: pointer;
}
.backorder_hot>div>ul>li>p:first-child{
    color: #3F6AD5;
    font-size: 16px;
    position: relative;
    /* font-weight: 600; */
}
.backorder_hot>div>ul>li:not(.backorder_hot>div>ul>li:nth-child(n+4))>p:first-child:before{
    width: 14px;
    height: 19px;
    position: absolute;
     content: ' ';
     background: url(../images/hot.png);
     right: 0;
     top: 8px;
}

.backorder_hot>div>ul>li>p:nth-child(2){
    color: #222;
    font-size: 14px;
    margin: 12px 0 24px;
}
.backorder_hot>div>ul>li>p:nth-child(2)>span{
    color: rgba(136, 136, 136, 1);
    margin-left: 15px;
}
.backorder_hot>div>ul>li>a{
    color: #fff;
    background: #F44545;
    padding: 2px 15px;
}
.backorder_hot>div>ul>li:hover{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 33.85%, #FFF3F3 100%);
}
.backorder_hot>div>ul>li:hover p:first-child{
   color: #f60;
}

.backorder_Q{
    margin: 24px auto 0;
    display: flex;
    max-width: 1200px;
    justify-content: space-between;
}
.backorder_Q>div{
    flex-grow:1;
    max-width: 590px;
    color: #222;
}
.backorder_Q>div>p{
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}
.title_p{
    font-size: 14px;
}
.title_p>b {
    color: #f60;
}
.title_p>a {
    color: rgba(0, 49, 176, 1);
}
.backorder_Q>div ul{
    display: flex;
    flex-wrap: wrap;
    
    border-left: 1px solid #D9D9D9;
}
.backorder_Q>div ul>li{
    width: 196px;
    height: 45px;
    background: #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    text-align: center;
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 45px;
}
@media (min-width:1250px) {
    .backorder_Q>div ul>li:nth-child(-n+3){
        border-top: 1px solid #D9D9D9;
    }
   
}
@media (max-width:1250px){
    .backorder_Q>div ul>li:nth-child(-n+2){
        border-top: 1px solid #D9D9D9;
    }    
}
.backorder_Q>div ul>li>a{
    color: #3F6AD5;
    width: 100%;
    height: 100%;
    display: block;
    text-align: left;
    padding-left: 31px;
}
.backorder_Q>div ul>li>a:hover {
    color: #f60;
}
.domain_auctions{
    padding: 20px 36px;
    background: rgba(29, 90, 242, 0.02);
}
.domain_auctions ul{
    display: flex;
    max-width: 1200px;
    margin-top: 40px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
.domain_auctions ul>li{
   width: 237px;
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(255, 102, 0, 0.3);
    margin-bottom: 4px;
    padding: 15px;
    cursor: pointer;
}
.domain_auctions ul>li>p:first-child{
    font-size: 16px;
    color: #3F6AD5;
    /* font-weight: 600; */
}
.domain_auctions ul>li>p:nth-child(2){
    font-size: 14px;
    color: #666;
    margin: 15px 0;
}
.domain_auctions ul>li>div{
    display: flex;
    justify-content: space-between;
}
.domain_auctions ul>li>div>span:first-child{
    font-size: 16px;
    color: #f60;
    /* font-weight: 600; */
}
.domain_auctions ul>li>div>span:nth-child(2){
    font-size: 14px;
    color: #222;
}
.domain_auctions ul>li>div>span:nth-child(2)>b{
    border: 1px solid rgba(217, 217, 217, 1);
    padding: 1px 6px;
    margin: 0 4px;
}
.domain_auctions ul>li>div>span:nth-child(2)>b:first-child{
    margin-right: 0;
}
.domain_auctions ul>li:nth-child(5){
    background: url('../images/auctions.png') no-repeat;
    background-size: 100% 100%;
}
.domain_auctions ul>li:nth-child(5) a{
   width: 100%;
   height: 100%;
   display: block;
}
@media (min-width:501px) {
    .hover_li:hover{
        background: url(../img/di1.png) no-repeat !important;
        background-size: 100% 100%;
        color: #fff !important;
    }
    .hover_li:hover p{
        color: #fff !important;
    }
    .hover_li:hover div>span{
        color: #fff !important;
    }
    .hover_li:hover div>span:nth-child(2)>b{
        border-color: #fff;
    }  
}

.domain_ykj{
    padding: 20px 36px 0;
}
.select_ykj{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px 20px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.select_ykj>div:first-child{
   margin-right: 28px;
   font-size: 18px;
   color: #222;
}

.select_ykj>div:first-child>span{
    display: inline-block;
    padding: 4px 0 0 10px;
}
.select_ykj>div:first-child>img{
    margin-top: -4px;
}
.classify{
    display: flex;
}


.xuanxiang{
    display: flex;
    overflow-x: auto;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    margin: 0;
}
.xuanxiang::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}
.xuanxiang>li{
    padding: 5px 0;
    min-width: 96px;
    background: #fff0e5;
    color: #f60;
    border-radius: 4px;
    margin-right: 14px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    /* display: block; */
}
.xuanxiang>li:hover{
    background: #f60;
    color: #fff;
}
@media (max-width:1200px) {
    .select_ykj>div:first-child{
       margin-bottom: 17px;
     } 
     .classify{
        width: 100%;
    }
}
.gengduo{
    padding: 5px 5px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    max-height: 33px;
}
.numbar_zimu{
    max-width: 1200px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.numbar_zimu>div{
    margin: 10px auto;
    width: 588px;
}
.numbar_zimu>div>p{
    border-left: 4px solid #f60;
    padding-left: 20px;
    font-size: 16px;
    color: #555;
}
.cotent_ykj{
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}
.cotent_ykj>ul{
    width: 49%;
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
}
.cotent_ykj>ul>li{
    padding: 12px 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.cotent_ykj>ul>li:last-child{
    border-bottom:none;
}
.p1_domain{
    font-size: 16px;
    color: #3F6AD5;
    /* font-weight: 600; */
   margin: 0;
}
.p2_domain{
    font-size: 16px;
    color: #f60;
    margin: 0;
    /* font-weight: 600; */
}

.list_ul{
    margin-top: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
}
.list_ul>li{
    display: flex;
    padding: 12px 20px;
    cursor: pointer;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.list_ul>li:last-child{
    border-bottom:none;
}
.list_ul>li>p:first-child{
    width: 200px;
}
.list_ul>li>p:last-child{
    margin-left: auto;
}
.cotent_hover:hover{
    background: #FFF0E5;
}
.yuming_div{
    background: url(../images/yimung_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 46px 20px 20px;
}
.yiming_title{
    text-align: center;
}
.yiming_title>p:first-child{
    font-size: 26px;
    color: #FFFFFF;
}
.yiming_title>p:last-child{
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
}
.yiming_ul{
    margin: 20px auto 0;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yiming_ul>li{
    width: 32%;
    position: relative;
    padding: 34px 20px;
    background: #fff;
    display: flex;
    margin: 0 auto 20px;
}


.yiming_ul>li>img{
    align-self: baseline;
}
.yiming_ul>li>div{
    margin-left: 20px;
}
.yiming_ul>li>div>p:first-child{
    font-size: 16px;
    font-weight: 600;
    color: #222;
}
.yiming_ul>li>div>p:last-child{
    font-size: 14px;
    color: #555;
}
.p3_domain{
    font-size: 14px;
    align-self:center;
    margin: 0;
}
.process_div{
    padding: 46px 20px 20px;
    background: #FEFBF7;
}
.process_ul{
    max-width: 1200px;
    display: flex;
    margin: 40px auto 20px;
    justify-content: space-between;
    position: relative;
}
.process_ul::before{
    content: ' ';
    width: 93.5%;
    height: 1px;
    background: #CCCCCC;
    position: absolute;
    top: 111px;
    left: 38px;
}
.process_ul>li:nth-child(2n){
  margin-top: 40px;
}
.process_ul>li>img{
    margin: 0 auto;
    display: block;
}

.process_ul>li>p{
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #222222;
    margin-top: 40px;
    position: relative;
}
.process_ul>li>p::before{
    content: '●';
    color: #CCC;
    position: absolute;
    top: -33px;
    left: 45%;
}

.problem_div{
    padding: 46px 20px 20px;
}
.problem_ul{
    max-width: 1200px;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.problem_ul>li{
    width: 290px;
    padding: 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 10px;
}
.problem_ul>li>div{
    background: #888888;
    width: 18px;
    height: 2px;
    margin: 0 auto;
}
.problem_ul>li>p:nth-child(2){
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin: 20px auto;
}
.problem_ul>li>p:nth-child(3){
    color: #555;
    font-size: 14px;

}
.problem_ul>li>a{
    padding: 7px 34px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    margin-top: 20px;
    display: inline-block;
}
.problem_ul>li:last-child>a{
    margin-top: 40px;
}
.problem_ul>li>a:hover{
    border: 1px solid #F56302;
    color: #F56302;
}
.skeleton{
    height: 133px;
    margin-top: 16px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #ebedf0;
}
.skeleton>p{
    height: 16px;

    background: -webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-size: 400% 100%;
    -webkit-animation: skeleton-loading 1.4s ease infinite;
    animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
    0% { background-position: 100% 50%;}
    100% { background-position: 0 50%;}
}
.hot_show,.delete_show,.auction_show,.ykj_show{
    display: none;
}
.problem_ul>li>a>span{display: none;}
@media (max-width:900px) {
    .left_li{display: none;}
    .domain_search{
        padding: 0 0 20px;
    }
    .right_li {
        margin-left: 0;
        width: 100%;
    }
    .domain_input {
        width: -webkit-fill-available;
    }
}
@media (max-width: 750px){
 .body_div{
    background: #fafafa;
 }
 .domain_search {
   width: 100% !important;
  }
  .right_li>ul {padding-left: 12px;}
  .right_li>ul>li {
    font-size: 14px;
    margin-right: 12px;
  }
  .domain_input{
    height: 37px;
    font-size: 14px;
    padding-left: 13px;
  }
  .domain_button {
    padding: 7px 22px;
    font-size: 16px;
  }
  .right_li>div::before {left: 36px;}
  .right_li>div>form>img,.backorder_hot>div>ul>li>p:nth-child(2) span>span ,.backorder_hot>div>ul>li:nth-child(n+4){display: none;}
  .backorder_title>p:nth-child(1) {font-size: 18px;}
  .backorder_hot>div>ul>li {
    width: 33%;
  }
  
  .domain_backorder {
    padding: 20px 16px;
    background: #fff;
  }
  .backorder_Q {
    flex-direction: column;
  }
  .backorder_Q>div {max-width: none;}
  .backorder_Q>div:first-child{margin-bottom: 20px;}
  .title_p2{
    margin-left: auto;
    display: table;
    margin-top: -23px;
  }
  .backorder_Q>div ul>li {
    width: 50%;
    height: 40px;
    line-height: 40px;
  }
  .backorder_Q>div ul>li:nth-child(n+11) {
    display: none;
  }
  .domain_auctions {
    padding: 20px 16px;
    background: #fff;
    margin-top: 20px;
  }
  .hover_li:nth-child(n+8),.domain_auctions ul>li:nth-child(5) {
    display: none;
  }
  .domain_auctions ul>li {
    width: 49%;
    margin-bottom: 10px;
  }
  .select_ykj>div:first-child {font-size: 16px;}
  .xuanxiang{
    position: relative;
  }
  .domain_ykj {
    padding: 20px 16px 0;
    background: #fff;
    margin-top: 20px;
   }
   .numbar_zimu>div {
    width: 100%;
   }
   .yuming_div {background: #fff; padding: 20px 16px;}
   .yiming_title>p:first-child {color: #222;font-size: 18px;font-weight: 600;}
   .yiming_title>p:last-child {color: #666;}
   .yiming_ul>li {width: 49%;box-shadow: 0px 4px 16px rgb(0 0 0 / 6%);}
  
   .process_div{
       padding: 20px 16px;
       margin: 20px auto;
    }
    .process_ul::before {
        width: 89.5%;
    }
    .problem_div{background: #fff;padding-top: 20px;}
    .problem_ul{flex-direction: column;margin-top: 10px;}
    .problem_ul>li {width: 100%;position: relative; margin: 0;padding: 20px 0 10px; text-align: left; box-shadow:none;border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
    .problem_ul>li>div {display: none;}
    .problem_ul>li>p:nth-child(2) {margin: 0;}
    .problem_ul>li>p:nth-child(3) { margin-top: 10px;}
    .problem_ul>li>a>span{display: block;}
    .problem_ul>li>a {
        padding: 0;
        border: 0;
        color: rgba(0, 49, 176, 1);
        position: absolute;
        font-size: 14px;
        right: 10px;
        top: 20px;
        display: flex;
        margin-top: 0px;
    }
    .problem_ul>li:last-child>a {
        margin-top: 0px;
    }
}

@media (max-width:500px) {
    .backorder_hot>div>ul>li {
        width: 49%;
        min-width: 167px;
    }
    .backorder_hot>div>ul>li:nth-child(4){
        display: block;
    }
    .backorder_hot>div>ul>li>p:nth-child(2) {
        margin: 10px 0 10px;
    }
   
    .domain_auctions {
        padding: 20px 0;
    }
    .domain_auctions ul>li {
        width: 100%;
        padding: 10px 31px;
        margin-bottom: 0;
        box-shadow:none;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
    }
    /* .domain_auctions ul>li:first-child{
        border-top: 1px solid #f0f0f0;
    } */

    .domain_auctions ul>li>p:nth-child(2) {
        margin: 10px 0;
    }
    .hover_li:hover{background: rgba(63, 106, 212, 0.04);}
    .domain_auctions ul>li>div>span:nth-child(2){
        position: absolute;
        right: 31px;
        top: 14px;
    }
    .cotent_ykj>ul{width: 100%;}
    .cotent_ykj>ul:last-child{display: none;}

    .list_ul>li>p:first-child {width: 161px;}
    .list_ul >li{
        padding-bottom: 30px;
        position: relative;
    }
    .p3_domain{
        position: absolute;
        top: 38px;
    }
    .yiming_ul>li {
        width: 100%;
        box-shadow:none;
        padding: 3px 0 3px 23px;
    }
    .yiming_ul>li>div {
        width: 100%;
        padding-bottom: 12px;
        border-bottom: 1px solid #f0f0f0;
    }
    .yiming_ul>li:last-child{margin-bottom: 0;}
    .process_div{
        background: #fff;
        padding: 20px 0;
    }
    .process_ul::before,.process_ul>li:nth-child(2n), .process_ul>li>p::before  {
      display: none;
    }
    .process_ul{
        margin: 20px auto 0;
         flex-direction: column;
         justify-content:start
    }
    .process_ul>li{
        height: 44px; 
        display: flex;
         margin-bottom: 12px;  
         background: #FEFBF7;
          padding-left:30px;}
    .process_ul>li>img {
        margin: 0;   
         width: 30px;
        height: 34px;
        align-self: center;
    }
    .process_ul>li>p {
      margin-left: 12px;
      margin-top: 0;
      align-self: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      width: -webkit-fill-available;
      text-align: left;
      padding: 10px;
      font-weight: 500;
    }
}
@media (max-width:400px) {
    .yiming_ul>li {
        width: 100%;
        box-shadow:none;
        padding: 3px 0;
    }
}