@import "base.css";

@font-face {
    font-family: 'unmnunmn';
    src: url('fonts/unmnhost.eot');
    src: url('fonts/unmnhost.eot?#iefix') format('embedded-opentype'),
         url('fonts/unmnhost.woff2') format('woff2'),
         url('fonts/unmnhost.woff') format('woff'),
         url('fonts/unmnhost.ttf') format('truetype'),
         url('fonts/unmnhost.svg#unmnunmn') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?96534013');
  src: url('fonts/fontello.eot?96534013#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?96534013') format('woff'),
       url('fonts/fontello.ttf?96534013') format('truetype'),
       url('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:500px}
.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:990px}
.mainright .img{ width:200px}
.mainright .img img{ width:200px}
.mainright .con{ width:770px}
.mainright .con .txt{ line-height:22px; height:66px; color:#404040; font-size:14px}
 
.youshi li{ width:385px; 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; padding:8px;}
.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}
.tab_con .txt p{ line-height:22px; text-indent:2em; font-size:14px}