@font-face {
    font-family: 'unmnunmn';
    src: url("fonts/unmnhost.eot")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.eot*/;
    src: url("fonts/unmnhost.eot-#iefix")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.eot?#iefix*/ format('embedded-opentype'),
         url("fonts/unmnhost.woff2")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.woff2*/ format('woff2'),
         url("fonts/unmnhost.woff")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.woff*/ format('woff'),
         url("fonts/unmnhost.ttf")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.ttf*/ format('truetype'),
         url("fonts/unmnhost.svg#unmnunmn")/*tpa=http://www.east263.com/clouds/fonts/unmnhost.svg#unmnunmn*/ format('svg');
    font-weight: normal;
    font-style: normal;
 }
 .web_icon{ font-family:'unmnunmn'; font-weight:normal; font-style:normal}
#banner{ height:250px}
 
.bgfff{ background:#fff}
.cloud_t{ clear:both}
.cloud_t h3{ font-size:18px; font-weight:normal; float:left; padding-right:20px; line-height:60px; color:#333}
.cloud_t ul{}
.cloud_t li{ float:left; position:relative}
.cloud_t li a{ color:#333; padding:0 15px; 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:#ff303a; color:#fff}


#element{ clear:both;}
.hidedl{display:none;}
.CTMenu{width:165px; background:#fff; }
.clouds{width:100%; }

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

.cloud_products{ clear:both; padding-bottom:20px;}
.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 .clear{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:128px;text-align: right; line-height:35px; height:100%; color:#606060}
.products_local{ width:auto; }
.cloud_products dl li.products_slides{padding:35px 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}
.products_local .p_local .ui-slider-range{height:12px; position:absolute; left:0px; top:0; background:#ff303a ; 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; margin-left:0 }
.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{ width:154px; text-align:center; float:left;}
.radiobox label a{padding:9px 12px; border:1px solid #dddddd; border-left-style:none;  position:relative; font-size:14px}
.radiobox label a b{ font-weight:normal}
#cpuText.radiobox label a{ padding:6px 25px}
.radiobox label a:hover{}
.radiobox label.local a{ background:#ff303a ; color:#fff}

.cloud_products dl li.cloud_products_tit{ padding:0 0 10px}

.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:335px;}
.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} 
.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%; z-index: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:#ff303a ; color:#fff}
.selectDiv .select_tit.on b{border-color:#fff transparent;}


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

#ipcount{ z-index:8}
#ip{ z-index:6;margin-left:2px}
#ip .select_con{overflow-Y:scroll;}

#buyername{height: 35px;width: 230px;background: #ECEFF3;border: 0;padding: 0 10px;font-size: 15px;}
#buyprice{height: 35px;width: 300px;background: #ECEFF3;border: 0;padding: 0 10px;font-size: 15px;}
#buypriceunit{font-size:15px;}
#snapshot,#full_backup{ z-index:5; margin-right:2px}

.preview_box{ margin:0 6%; position:relative}
.preview{ margin-bottom:8px; }
.fixed{ position:fixed; z-index:999; top:0 }
.preview h3{ float:left; padding-right:10px; font-size:16px; font-weight:normal;  color:#606060}
.preview h3 b{ padding-right:5px}
.preview  dl{ padding:15px 0 0}
.preview dl dd{ float:left; height:20px; width:350px}
.preview dd,.preview dt{ height:28px; line-height:28px; font-size:14px; margin-bottom:2px; 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}
.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}
.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")/*tpa=http://www.east263.com/clouds/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{   overflow:hidden; border-left:1px solid #dddddd;}

.sloganCon { height: 95px; line-height: 95px; margin: 0 auto; background: #fff; padding:20px; box-shadow:1px 2px 3px #ddd}
.slogan { height: 95px; line-height: 95px; width: 100%; background: #FCFCFC; }
.sloganCon img { margin: 0 10px 0 0; }
.slCons { width: 275px; margin: 25px 0 0 20px; 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:37px; line-height:37px; font-size:14px; color:#333}
#uipeizhi dd label{ color:#999}
#uipeizhi dd.prv-price{ position:absolute; top:0; right:50px; color:#E8251E}
#uipeizhi dd .osMenu{ width:220px} 

.project-item {
	position: relative;
	padding-bottom: 16px;
	border: 1px solid #f6f7f9;
	border-left: none;
	background-color: #fff;
	margin-bottom: 16px;
	padding:15px 0 25px 0;
}
.cloudModel .project-item {
	border-color: #ff303a;
}
.cloudModel .project-item .project-item-name {
	background-color: #ff303a;
}
.cloudModel .project-item .project-item-name span {
	color: #fff;
}
.project-item:hover .project-item-name {
	background-color: #ff303a;
}
.project-item:hover .project-item-name span {
	color: #fff;
}
.df_hsbg .project-item:hover {
	border-color: #ff303a;
}
.project-item-name {
	position: absolute;
	left: 0;
	top:0;
	width: 32px;
	height: 100%;
	background-color: #ebecee;
}
.project-item-name span {
	word-wrap: break-word;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -28px;
	width: 1em;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	vertical-align: middle;
	color: #999;
}
.buy-footer.buy-footer-fixed {
	width: 1200px;
	position: fixed;
	bottom: 0;
	margin-bottom: 0;
}
.project-item.margin-bottom-0 {
	margin-bottom: 0;
}
.buy-footer {
	z-index: 99;
	min-width: 1000px;
	margin-bottom: 56px;
	background-color: #fff;
	box-shadow: 0 -2px 12px 1px rgba(0,0,0, 0.1);
}
.margin-left-10{margin-left: 10px;}
.strong{font-weight: 700;}
.text-stress{color: rgb(255, 48, 58);}
.products_local span{
	line-height:37px;
	font-size:12px;
}
.df_yfwq_wlaq li.local a{ background:#ff303a; color:#fff}

.adv{ font-size:14px; color:#666; background:#fafafa; padding:30px 30px; overflow:hidden;}
.originPrice_wrap{font-size: 16px;margin-left: 10px;text-decoration: line-through;line-height:30px; color:#909090}