@import "bases.css";

@font-face {
    font-family: 'unmnunmn';
    src: url('/Template/Template3/skins/fonts/unmnhost.eot');
    src: url('/Template/Template3/skins/fonts/unmnhost.eot?#iefix') format('embedded-opentype'),
url('/Template/Template3/skins/fonts/unmnhost.woff2') format('woff2'),
url('/Template/Template3/skins/fonts/unmnhost.woff') format('woff'),
url('/Template/Template3/skins/fonts/unmnhost.ttf') format('truetype'),
url('/Template/Template3/skins/fonts/unmnhost.svg#unmnunmn') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
  font-family: 'fontello';
  src: url('/Template/Template3/skins/fonts/fontello.eot?96534013');
  src: url('/Template/Template3/skins/fonts/fontello.eot?96534013#iefix') format('embedded-opentype'),
url('/Template/Template3/skins/fonts/fontello.woff?96534013') format('woff'),
url('/Template/Template3/skins/fonts/fontello.ttf?96534013') format('truetype'),
url('/Template/Template3/skins/fonts/fontello.svg?96534013#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


.layui-inline, img {
    display: inline-block;
    vertical-align: middle;
}
#banner{ height:250px;}
.contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}

.vtit{ background:#fff; box-shadow:1px 2px 3px #dededf; height:80px; font-size:18px; text-align:center}
.vtit a{ display:block; height:72px; border-bottom:5px solid #fff; width:100%; line-height:72px;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vtit a:hover{ background:#f8f8f8}
.vtit a.on{border-color:#e8251e; color:#e8251e}
.vtit a i{ font-family:'unmnunmn'; font-weight:normal; font-style:normal; font-size:28px; padding:5px 5px 0 0;}
.line{ height:30px; border-bottom:1px dotted #c0c0c0; clear:both;}

.server_box{overflow:hidden}
.mainleft{width:190px; border-right:1px solid #ddd; height:800px}
.mainleft h3{ height:60px; line-height:60px; font-size:18px; border-top:4px solid #202020;color:#404040; text-align:center; font-weight:bold}
.mainleft h3 b{font-family:'fontello'; font-weight:normal; font-size:16px; padding-right:5px}
.mainleft .tit li{ height:57px;text-align:right; position: relative; line-height:55px} 
.mainleft .tit li a{ font-size:16px; color:#202020; display:block; height:55px; padding-right:25px;position:absolute; top:0; right:-1px; width:163px; border:1px solid #fff; border-right:1px solid #ddd}
.mainleft .tit li.on a{ color:#e82521; border-color:#ddd; border-right:1px solid #fff}

.mainright{ width:790px}
.mainright .img{ width:200px}
.mainright .img img{ width:200px}
.mainright .con{ width:570px}
.mainright .con .txt{ line-height:22px; height:66px; color:#404040; font-size:14px}
 
.youshi li{ width:285px; float:left; height:25px; line-height:25px; font-size:14px}
.youshi li b{font-family:'fontello'; font-weight:normal; color:#e82521; padding-right:5px}


.test_txt{ border:1px solid #f60; padding:15px}
.test_txt p{ height:22px; line-height:22px; color:#606060}

.divtable{ background:#dfe1e6; border:none; margin:20px 0 0;}
.divtable td,.divtable th{ background:#fff; border:none; color:#404040; font-size:13px; text-align:center}
.divtable th{ background:#edf0f1; padding:10px 0; font-size:15px; color:#404040; font-weight:normal}
.divtable td.buy a{ background:#e82521; color:#fff; border-radius:3px; padding:5px 25px}  
.divtable td.price b{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#f60; font-size:22px; padding-right:3px}
.tab_con .divtable td{ text-align:left}

.tab_tit{ height:41px; line-height:41px; border-bottom:1px solid #f60}
.tab_tit li{ float:left; display:inline; height:40px; line-height:40px; padding:0 15px; border:1px solid #dfe1e6; margin-right:15px; font-size:14px; cursor:pointer; border-bottom:1px solid #f60}
.tab_tit li.on{ border:1px solid #f60; border-bottom:#fff 1px solid; color:#f60 }

.tab_con .txt{ color:#404040}
.tab_con .txt h5{ height:35px; line-height:35px; font-size:14px; font-weight:bold; padding:10px 0 0; color:#404040}
.mCLeftUl { overflow: hidden; border-bottom: 3px solid #3498DB; background:#fff; color:#FFF; }
.mCLeftUl div{ width: 260px; float: left; line-height: 30px; height: 33px; text-align: center; cursor:pointer; padding:5px 0}

.mCLeftUlH2 { font-size: 22px; font-weight: normal;  margin: 4px 0 0 0; color:#FFF; }
.mCLeftUlP {  margin: -4px 0 0 0; color:#FFF; line-height:28px; }
.mCLeftUl .mcBorder { border: 1px solid #ddd; border-bottom: none;}
.mCLeftUl .mcBorder.focusLi { border: 1px solid #3498DB; border-bottom: none;  background: #3498DB; color:#fff}
.Customers{ padding:10px; overflow:hidden; border:1px solid #d2d2d2; background:#fff}

.tab_con .txt p{ line-height:22px; text-indent:2em; font-size:14px}
.host_dh {
	line-height: 30px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
	margin-bottom:10px;
	margin-top:10px;
} 
.host_dh2 {
	line-height: 30px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
	margin-top:10px;
}
.tgfwq {
	padding: 5px;
	border: 1px solid #D5D5D5;
}
.tgfwq td{ padding:10px;}