@charset "utf-8";
@import "page.css";

#ym_tj{width:100%;padding:80px 0}
#ym_tj .list{margin-top:50px;}
#ym_tj .list ul li{float:left;width:20%;margin-right:0px;border:1px solid #eee;padding:40px 0;border-right:0}
#ym_tj .list ul li:last-child{margin-right:0;border-right:1px solid #eee}
#ym_tj .list ul li .domain{text-align:center;font-size:36px;color:#ff9000;text-transform:uppercase;font-family:Gotham-Medium}
#ym_tj .list ul li em{width:30px;height:2px;overflow:hidden;background:#ddd;display:block;margin:0 auto;margin-top:40px}
#ym_tj .list ul li .price{text-align:center;font-size:32px;line-height:50px;margin-top:40px}
#ym_tj .list ul li .price i{font-size:14px;margin-right:5px;color:#3c6ef0}
#ym_tj .list ul li p{text-align:center;color:#999}
#ym_tj .list ul li+li .domain{color:#3c6ef0}
#ym_tj .list ul li+li+li .domain{color:#57be5b}
#ym_tj .list ul li+li+li+li .domain{color:#ff6868}
#ym_tj .list ul li+li+li+li+li .domain{color:#25b49b}

#ym_td{width:100%;padding:80px 0;background:#f8f8f8}
#ym_td .wrap{overflow:inherit}
#ym_td .list{margin-top:50px}
#ym_td .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;background:#fff;padding:50px 50px;}
#ym_td .list ul li:last-child{margin-right:0}
#ym_td .list ul li .icon{text-align:center}
#ym_td .list ul li .icon i{font-size:70px;color:#3c6ef0}
#ym_td .list ul li .info{margin-top:30px}
#ym_td .list ul li .info big{display:block;font-size:18px;text-align:center;}
#ym_td .list ul li .info small{display:block;font-size:14px;color:#999;text-align:center;line-height:26px;margin-top:10px}
#ym_td .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

#ym_jg{width:100%;padding:80px 0}
#ym_jg .list{margin-top:50px}
#ym_jg .list table{width:100%;}
#ym_jg .list th{border:1px solid #eee;width:27.5%;font-size:16px;background:#f6f6f6;height:50px;padding:0 30px;line-height:50px;font-weight:normal;text-align:left}
#ym_jg .list th:nth-child(3){width:15%}
#ym_jg .list th:nth-child(4){width:15%}
#ym_jg .list th:nth-child(5){width:15%}
#ym_jg .list td{border:1px solid #eee;color:#555;padding:12.5px 30px;height:25px;line-height:25px;}
#ym_jg .list tr span{color:#007cef;}
#ym_jg .list .xi_price{color:#e6000a;font-size:18px;}
#ym_jg .list .xi_new{color:#e6000a;}
#ym_jg .list .xi_hot{color:#239c28;}

@media (max-width:800px){
	#ym_tj{padding:.8rem 0}
	#ym_tj .list{margin-top:.2rem;}
	#ym_tj .list ul li{float:inherit;width:100%;margin-right:0px;padding:.4rem 0;margin-top:.3rem}
	#ym_tj .list ul li .domain{font-size:.36rem;}
	#ym_tj .list ul li em{width:.3rem;height:.02rem;margin-top:.4rem}
	#ym_tj .list ul li .price{font-size:.32rem;line-height:.6rem;margin-top:.5rem}
	#ym_tj .list ul li .price i{font-size:.23rem;margin-right:.05rem;}
	
	#ym_td{padding:.8rem 0;}
	#ym_td .list{margin-top:.5rem}
	#ym_td .list ul li{width:48%;margin-right:0;padding:.3rem;margin-top:.3rem;}
	#ym_td .list ul li:nth-child(2n){float:right}
	#ym_td .list ul li .icon i{font-size:.7rem;}
	#ym_td .list ul li .info{margin-top:.3rem}
	#ym_td .list ul li .info big{font-size:.28rem;}
	#ym_td .list ul li .info small{font-size:.23rem;line-height:.36rem;margin-top:.1rem;height:1.5rem}
	
	#ym_jg{padding:.8rem 0}
	#ym_jg .list{margin-top:.5rem}
	#ym_jg .list th{width:70%;font-size:.23rem;height:.7rem;padding:0 .1rem;line-height:.7rem;}
	#ym_jg .list th:nth-child(2){display:none}
	#ym_jg .list th:nth-child(3){width:30%}
	#ym_jg .list th:nth-child(4){display:none}
	#ym_jg .list th:nth-child(5){display:none}
	#ym_jg .list td{ padding:0 .1rem;height:.7rem;line-height:.7rem;}
	#ym_jg .list td:nth-child(2){display:none}
	#ym_jg .list td:nth-child(4){display:none}
	#ym_jg .list td:nth-child(5){display:none}
	#ym_jg .list .xi_price{font-size:.23rem;}
}