@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;
 }
 .web_icon{ font-family:'unmnunmn'; font-weight:normal; font-style:normal}
.fl{ float:left}
.fr{ float:right}
 
.bgfff{ background:#fff}
.cloud_t{ height:60px; background:#24272B; line-height:60px; color:#999; padding:0 3%; float:left; width:94%}
.cloud_t h3{ font-size:18px; font-weight:normal; float:left; padding-right:20px; line-height:60px; color:#c0c0c0}
.cloud_t ul{}
.cloud_t li{ float:left; position:relative}
.cloud_t li a{ color:#c0c0c0; padding:0 15px; font-size:18px; display:block; height:60px; line-height:60px}
.cloud_t li a i{ display:none}
.cloud_t li a:hover{ color:#fff}
.cloud_t li.on a{ background:#E8251E; color:#fff}
.cloud_t li.on a i{ display:block; width:0px; height:0; border-style:solid; border-width:0 6px 6px; border-color: #fff transparent; position:absolute; left:45%; bottom:0}

#element{ clear:both;background:#fff; border:1px solid #dededf; border-top:none; padding:0 0 0 15px; overflow:hidden; height:100%}

.CTMenu{width:165px; background:#fff; }
.clouds{width:75%; }

.cloudModel{width:23%; background:#F8FBFF;border-left:1px solid #F5F8FC; position:relative}
.cloudsArea{ width:100%}

.cloud_products{ clear:both; padding:20px 0}
.cloud_products:after{content:"";display:block;clear:both}
.cloud_products dl{ height:auto; clear:both;}
.cloud_products dl:after{content:"";display:block;clear:both}

.cloud_products dl,.cloud_products dl li{ clear:both; padding:15px 0 0 }
.cloud_products dl dt,.cloud_products dd{ float:left;}
.cloud_products dl dt{ width:100px; padding:0 15px; background:#f8f8f8; font-size:16px; color:#202020}
.cloud_products dl:hover dt{ background:#FFFFD3;}
.cloud_products dd{ padding:0 0 0 10px}

.cloud_products li.hd-fg{ padding:0}
.products_name{ margin-right:15px; font-size:14px; width:75px;text-align: right; line-height:35px; height:100%; color:#606060}
.products_local{ width:auto; }
.cloud_products dl li.products_slides{padding:45px 0 0}
.cloud_products dl li.products_slides .products_name{ line-height:none}
.products_local .p_local{ width:100%;height:12px;background:#ECEFF3; position:relative; border:none; border-radius:0; padding:0}
.products_local .p_local .ui-slider-range{height:12px; position:absolute; left:0px; top:0; background:#0C5B9B ; border-radius:0; }
  
.products_local .p_local a{ zoom:1;  position:absolute; cursor:pointer;width:12px;height:20px;cursor: pointer;top: -4px; box-shadow:none;cursor: col-resize;  background:#fff; border:1px solid #eee; border-right:1px solid #bbb; border-bottom:2px solid #bbb }
.products_local .p_local a span{  border-radius:3px; padding:0 8px; font-size:12px; position:absolute; top:-30px; left:0; display:block; height:25px; line-height:25px; color:#fff; background:#E8251E}
.products_local .p_local a span i{ width:0; height:0; border-style:solid; border-width:3px 3px 0; border-color:#E8251E transparent ; display:block; position: absolute; bottom:-3px; left:45%}


.products_local .p_local label{ display:none}
.local_text span{display:block;font-size:12px;color:#666;}
.local_text span i{width: 1px;height:5px;display:block; background:#C9BA9B; }
.local_text span.fr i{ margin-left:79px}
.local_text span b{ font-weight:normal; padding:3px 0 0; width:80px; display:block}
.local_text span.fr b{ text-align:right}
.text-des{ font-size:14px; color:#a0a0a0; padding:10px 0 0; line-height:20px; clear:both;   overflow:hidden}
.text-des span{ color:#a0a0a0}

.cloud_products li.price_cbox .products_name{ height:100%}


.radiobox{}
.radiobox label,.radiobox a{ display:block}
.radiobox label{ float:left; border-right:2px solid #fff; margin-bottom:8px}
.radiobox label a{padding:3px 12px; position:relative; background:#ECEFF3; color:#202020; font-size:15px}
.radiobox label a b{ font-weight:normal}
#cpuText.radiobox label a{ padding:2px 25px}
.radiobox label a:hover{}
.radiobox label.local a{ background:#0C5B9B ; color:#fff}
.radiobox label.local a i{ display:none}
.cloud_products dl li.cloud_products_tit{ padding:0 0 10px}
.radiobox label.local a i{ display:block; width:0; height:0; border-style:solid; border-width:5px 5px 0; border-color:#0C5B9B  transparent; position:absolute; left:45%; bottom:-5px}
.radiobox label a span{ padding:0 5px 0 0; font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px}
.radiobox label a input{ display:none}
 
.selectDiv{ position:relative; width:250px; z-index:9}
.select_tit{ position:relative}
.select_tit a{ display:block; background:#ECEFF3; color:#303030; font-size:15px; height:36px; line-height:36px; padding:0 35px 0 15px; position:relative; z-index:0; margin:0} 
.select_tit b{ position:absolute; z-index:1; width:0; height:0; display:block; border-width:5px 5px 0; border-style:solid; border-color:#181E54 transparent; right:10px; top:15px}
.select_con{ display:none; background:#FFFFD3; position:absolute; left:0; top:35px; width:100%}
.select_con a{ display:block; height:36px; line-height:36px; border-bottom:1px solid #E8E3B4;padding:0 35px 0 15px}
.select_con a:hover{ background:#E8251E; color:#fff}
.selectDiv .on a{ background:#0C5B9B ; color:#fff}
.selectDiv .select_tit.on b{border-color:#fff transparent;}


.osMenu{ border-right:2px solid #fff; width:250px; z-index:9}
.osCfg{ width:250px; z-index:9}

#ipcount{ z-index:8}
#snapshot,#full_backup{ z-index:5; margin-right:2px}

.preview_box{ margin:0 6%; position:relative}
.preview{ }
.fixed{ position:fixed; z-index:999; top:0}
.preview h3{ font-size:16px; font-weight:normal;  padding:8px 0; border-bottom:1px solid #F0F2F6; color:#606060; background:none}
.preview h3 b{ padding-right:5px}
.preview  dl{ padding:15px 0 0}
.preview dd,.preview dt{ height:28px; line-height:28px; font-size:14px; color:#202020}
.preview dt{ font-weight:bold}
.preview dd label{ color:#909090}
.preview dd span{ font-size:13px}
.preview dd span b{ font-weight:normal}
.preview dd.prv-price,#uipeizhi dd.prv-price{ height:auto; padding:15px 0; font-size:18px; color:#fa0; text-align: center; }
.preview dd.prv-price span,#uipeizhi dd.prv-price span{ font-size:24px; padding:0 5px 0 0;font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;}
.preview .buy{ height:auto; text-align:center}
.preview .bnt{ background:#f90; border:1px solid #fa0; cursor:pointer; padding:12px 0; display:block; width:100%; text-align:center; color:#fff; font-size:18px}
.preview .bnt:Hover{ background:#f70;}
 


.mod_yun dl{ float:left; display: inline; width:285px; margin-left:20px; background:#fff; box-shadow:1px 2px 3px #ddd}
.mod_yun dl.frist{ margin-left:0}
.mod_yun dt{ height:60px; line-height:60px; text-align:center; font-size:24px;  color:#fff; background:#E82521 url(img/t2.jpg) no-repeat 0 bottom; padding-bottom:10px}
.mod_yun dd{ height:55px; line-height:55px; padding:0 25px; border-top:1px solid #ddd; clear:both; color:#202020}
.mod_yun dd span{ float:right}
.mod_yun dd label{ float:left; font-weight:bold}
.mod_yun dd.price{ height:80px; line-height:80px; font-size:16px; text-align:center; border:none; color:#202020; padding:10px 0 0}
.mod_yun dd.price b{ font-family:Arial, Helvetica, sans-serif; font-size:36px; padding:0 3px; color:#202020}
.mod_yun dd.buy{ text-align:center; height:60px; line-height:60px; border:none; padding:0 0 15px}
.mod_yun dd.buy a.bnt{ padding:7px 45px;  color:#fff; background:#f90}
.mod_yun dd.buy a.bnt:hover{ background:#f60}
.mod_yun dd.j_select{ border:none; position:relative}
.mod_yun dd.j_select a.j_sel_ed{ display:block; border:1px solid #FFA313; height:35px; line-height:35px; padding:0 20px; border-radius:3px; color:#FFA313; position:relative; width:193px; cursor:pointer}
.mod_yun dd.j_select a.j_sel_ed i{ display:block; position:absolute; right:20px; top:15px; width:0px; height:0; border-style:solid; border-color:#FFA313 transparent; border-width:5px 5px 0 6px}

.j_opt{ border:1px solid #FFA313; border-radius:5px; position:absolute; top:45px; left:25px; background:#fff; width:233px; padding:10px 0; display:none}
.j_opt a{ display:block; padding:0 25px; height:35px; line-height:35px; cursor:pointer}
.j_opt a:hover{ background:#eee}

.price_confi{ width:580px; overflow:hidden;}

.sloganCon { height: 95px; line-height: 95px; margin: 0 auto; background: #fff; padding:20px; border:1px solid #f8f8f8}
.slogan { height: 95px; line-height: 95px; width: 100%; background: #FCFCFC; }
.sloganCon img { margin: 0 10px 0 0; }
.slCons { width: 275px; margin: 25px 0 0 19px; float: left; height: 50px; }
.sloganCon .frist{ margin-left:0}
.slCons p { line-height: 25px; height: 25px; }
.slcImg { float: left; }
.slcTitle { font-size: 20px; }
.slcCaption { color: #909090;}
#uipeizhi{ padding:0 20px 20px; font-size:14px;  line-height:30px; background:#fff; position:relative; left:0; top:0; z-index:1}
#uipeizhi dt,#uipeizhi dd{ padding:0 15px}
#uipeizhi dt{ color:#000; padding:15px; border-bottom:1px solid #ddd; font-size:18px; height:30px; line-height:30px}
#uipeizhi dd{ height:30px; line-height:30px; font-size:14px; color:#333}
#uipeizhi dd label{ color:#999}
#uipeizhi dd.prv-price{ position:absolute; top:0; right:50px; color:#E8251E}
 
/*20180122*/
.clouds{border:0px; width:72%; margin:0px}
.cloudsArea{padding:0px}
.cloudModel{width:27%; margin-top:0px}
.osMenu a{margin:0px;  border:none}
.select_con a{margin:0px; background:none; border:none}
.cProArea li .proLocal span, .osMenu a{border:0px; border-radius:0px}
.osMenu a:hover, .osMenu a.on, .osConfi p.on{border:0px; border-radius:0px}