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

#server_about{width:100%;padding:80px 0}
#server_about .list{margin-top:50px}
#server_about .list .content{ width:calc(100% - 550px);padding-top:80px}
#server_about .list .content p{text-indent:2em}

#server_pro{width:100%;padding:80px 0;background:#f8f8f8}
#server_pro .list{margin-top:50px}
#server_pro .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;border:1px solid #eee;background:#fff}
#server_pro .list ul li:nth-child(5n){margin-right:0}
#server_pro .list ul li .t{background:#ededed;padding:20px;}
#server_pro .list ul li .t big{font-size:18px;display:block}
#server_pro .list ul li .t small{font-size:14px;display:block;color:#888;line-height:20px;height:40px;margin-top:10px}
#server_pro .list ul li .cs{padding:15px 20px}
#server_pro .list ul li .cs .cs_list{border-bottom:1px solid #eee;padding:3px 0}
#server_pro .list ul li .cs .cs_list em{display:inline-block;width:40%;color:#999}
#server_pro .list ul li .cs .cs_list span{display:inline-block;width:50%}
#server_pro .list ul li .price{text-align:left;font-size:20px;color:#f60;padding:10px 20px 30px;}
#server_pro .list ul li .price span{font-size:14px;}
#server_pro .list ul li .price i{font-size:14px;margin-left:5px;color:#888}
#server_pro .list ul li.curr{border:1px solid #3c6ef0}
#server_pro .list ul li.curr .t{background:#3c6ef0}
#server_pro .list ul li.curr .t big,
#server_pro .list ul li.curr .t small{color:#fff}
#server_pro .list ul li:hover{border:1px solid #3c6ef0}
#server_pro .list ul li:hover .t{background:#3c6ef0}
#server_pro .list ul li:hover .t big,
#server_pro .list ul li:hover .t small{color:#fff}

#server_td{width:100%;padding:80px 0;}
#server_td .wrap{overflow:inherit}
#server_td .list{margin-top:20px}
#server_td .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #eee;padding:30px 50px;margin-top:30px}
#server_td .list ul li:nth-child(3n){margin-right:0}
#server_td .list ul li .icon{text-align:center;padding:20px 0}
#server_td .list ul li .icon i{font-size:36px;width:80px;height:80px;line-height:80px;border-radius:100%;color:#fff;background:#97d25c}
#server_td .list ul li:nth-child(2) .icon i{background:#46b1d9}
#server_td .list ul li:nth-child(3) .icon i{background:#e2b233}
#server_td .list ul li:nth-child(4) .icon i{background:#e771b1}
#server_td .list ul li:nth-child(5) .icon i{background:#ae82e3}
#server_td .list ul li:nth-child(6) .icon i{background:#e87676}
#server_td .list ul li:nth-child(7) .icon i{background:#e17ae2}
#server_td .list ul li:nth-child(8) .icon i{background:#4fc9e2}
#server_td .list ul li:nth-child(9) .icon i{background:#97d25c}
#server_td .list ul li .info{text-align:center}
#server_td .list ul li .info big{display:block;font-size:18px;}
#server_td .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#888;line-height:26px;height:78px}
#server_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);}

#server_ys{width:100%;padding:80px 0;background:#f8f8f8}
#server_ys .list{margin-top:30px}
#server_ys .list table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #dee3eb;}
#server_ys .list table tr th{color:#fff;background:#3c6ef0;border-bottom:1px solid #5eb1ee;font-size:18px;font-weight:bold;text-align:center;padding:10px;}
#server_ys .list table tr td.sty{padding:10px;text-align:center;}
#server_ys .list table tr td.styleft{padding:10px;text-align:left;}
#server_ys .list table tr td .server_list li{list-style:disc;color:#1084d9;font-size:20px;font-weight:bold;margin-left:10px;line-height:30px;display:block;}
#server_ys .list table tr td .server_list li em{color:#222;font-weight:normal;font-size:14px;line-height:20px;font-style:normal;}
#server_ys .list table tr td .server_list.gray li{color:#999;}
#server_ys .list table tr td .server_list.gray li em{color:#666;}
#server_ys .list table tr td{line-height:26px;color:#222;border-bottom:1px solid #dee3eb;font-size:14px;text-align:left;padding:10px 10px 10px 120px;}
#server_ys .list table tr td .title3{background:url(/theme/2020/static/images/server_tub1.png) no-repeat 0 center;font-size:30px;color:#3c6ef0;line-height:100px;display:inline-block;font-weight:normal;padding-left:120px;margin:0 auto;}
#server_ys .list table tr td .title4{background:url(/theme/2020/static/images/server_tub2.png) no-repeat 0 center;font-size:30px;color:#636363;line-height:100px;display:inline-block;font-weight:normal;padding-left:120px;margin:0 auto;}
#server_ys .list table tr td .smile{width:60px;height:60px;background:url(/theme/2020/static/images/web_icon_smile.png) no-repeat;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
#server_ys .list table tr td .sad{width:60px;height:60px;background:url(/theme/2020/static/images/web_icon_sad.png) no-repeat;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
#server_ys .list table tr td span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;text-align:left;padding-left:15px;}
@media (max-width:800px){
	#server_td{padding:.8rem 0;}
	#server_td .list ul li{float:left;width:100%;margin-right:0;padding:.3rem .5rem;margin-top:.3rem}
	#server_td .list ul li .icon{text-align:center;padding:.3rem 0}
	#server_td .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#server_td .list ul li .info big{font-size:.28rem;}
	#server_td .list ul li .info small{font-size:.23rem;margin-top:.1rem;line-height:.4rem;height:auto}
	
	#server_pro{padding:.8rem 0;}
	#server_pro .list{margin-top:.2rem}
	#server_pro .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem}
	#server_pro .list ul li .t{padding:.2rem;}
	#server_pro .list ul li .t big{font-size:.28rem;}
	#server_pro .list ul li .t small{font-size:.23rem;line-height:.4rem;height:auto;margin-top:.1rem}
	#server_pro .list ul li .cs{padding:.15rem .2rem}
	#server_pro .list ul li .cs .cs_list{padding:.03rem 0}
	#server_pro .list ul li .price{font-size:.3rem;padding:.1rem .2rem .3rem;}
	#server_pro .list ul li .price span{font-size:.2rem;}
	#server_pro .list ul li .price i{font-size:.2rem;margin-left:.05rem}
	
	#server_about{padding:.8rem 0}
	#server_about .list{margin-top:.5rem}
	#server_about .list .img{width:100%;text-align:center;float:inherit}
	#server_about .list .img img{max-width:80%}
	#server_about .list .content{ width:100%;padding-top:.3rem;font-size:.23rem}
	#server_about .list .content p{text-indent:2em}
	
	#server_ys{display:none}
}