@charset "utf-8";

/* 产品服务定制信息 */
.prod_info{ position:relative; float:left;   width:568px;height:auto;  padding-left: 20px;}
.prod_info a:hover{border:solid #f77111 1px; text-decoration:none; color:#000;}
.prod_info_list {height:auto;}
.prod_info_list li {float:left; width:100%; margin-bottom:10px;width: 586px; line-height:26px; vertical-align:middle;list-style-type:none }
.prod_info_list li div.prod_tit { float:left; width:50px; font-size:12px; }
.prod_info_list li div.prod_tit_w75 { width:60px; }
.prod_info_list li div.prod_item { float:left; height:auto; overflow:hidden; }
.prod_info_list li div.pricing {text-align:left; }
.k-slider-track {background-color: #d2d2d2;}
.k-slider-horizontal .k-draghandle {top: -9px;width: 30px;height: 53px;}
.k-draghandle {border-radius: 7px;}
.k-draghandle {border-color: #0063A8;background-color: #0063A8;-webkit-box-shadow: none;box-shadow: none;}
.k-widget, .k-block, .k-inline-block, .k-draghandle {
  /* height: 44px; */
}
.k-widget, .k-widget * {background-clip: border-box;}
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {-moz-box-sizing: content-box;}
.k-draghandle {position: absolute;background-repeat: no-repeat;background-color: #0063A8;text-indent: -3333px;overflow: hidden;
text-decoration: none;text-align: center;outline: 0;}
.prod_item a span { background:#666666; color:#fff; padding:1px 6px; font-size:11px; margin-left:5px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }


/* 产品服务定制相关选择 */
.gray_btn { float:left; line-height:26px; height:26px; margin-bottom:5px; border:1px solid #c8c8c8;color:#000; text-align:center; font-size:12px; cursor: pointer;margin-right:5px;  width: 50px;}
/* 上一行样式用于最后一个元素按钮为圆角（从for循环遍历出的元素判断了谁是最后一个给其赋上该属性，静态页面上不使用。   last_yj_gray_btn） */


/* 没有限制宽和高的按钮样式 start */
.gray_btn_padd_w24 { float:left; margin-right:5px; margin-bottom:5px; padding:0 12px; border:1px solid #c8c8c8;color:#000; text-align:center; font-size:12px;  behavior: url(ie-css3.htc);  cursor: pointer;}
.gray_btn_padd_w5 { float:left; margin-right:5px; margin-bottom:5px; padding:0 8px; border:1px solid #c8c8c8;color:#000; text-align:center; font-size:12px; behavior: url(ie-css3.htc);  cursor: pointer; letter-spacing:-0.5px;}
.gray_btn_padd_w10 { float:left; margin-right:5px; margin-bottom:5px; padding:0 10px; border:1px solid #c8c8c8;color:#000; text-align:center; font-size:12px;behavior: url(ie-css3.htc);  cursor: pointer;}
.gray_btn_padd_w15 { float:left; margin-right:5px; margin-bottom:5px; padding:0 15px; border:1px solid #c8c8c8;color:#000; text-align:center; font-size:12px; behavior: url(ie-css3.htc);  cursor: pointer;}
.gray_btn_padd { float:left; padding:4px 18px; border:1px solid #c8c8c8;border-left:none;color:#000; text-align:center; font-size:12px; }
.gray_btn_padd.padd_3 { padding:4px 3px;  }
.gray_btn_padd:first-child, .first_yj_gray_btn { border-left:1px solid #c8c8c8; border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; -o-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; -ms-border-radius:4px 0px 0px 4px; behavior: url(ie-css3.htc); }
.gray_btn_padd:last-child { border-radius:0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px; -o-border-radius:0px 4px 4px 0px; -moz-border-radius:0px 4px 4px 0px; -ms-border-radius:0px 4px 4px 0px; behavior: url(ie-css3.htc);}
/* 没有限制宽和高的按钮样式 end */
.selected_btn span{ background:#fff; color:#3EA6EF; }
.selected_btn_f22:first-child{ border-left:1px solid #4D4D4D; }
/* 单个元素按钮为圆角且为选中（在idc的prod页面中使用） */
.single_selected_btn{ float:left; line-height:44px; height:44px; border:1px solid #0063a8; background:#3EA6EF; color:#fff; text-align:center; font-size:16px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.single_selected_btn_padd{ float:left; padding:4px 18px; border:1px solid #0063a8; background:#3EA6EF; color:#fff; text-align:center; font-size:16px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }

.selected_btn { background: #f77111; border: 1px solid #f77111; color: #fff;}
.selected_btn:hover{color:#fff!important;}


/* 用于上面显示选择属性，下面显示文字提示信息 start */
.prod_item_top{ float:left; width:100%; height:auto;}
.prod_item_btm{ float:left; width:100%;}
.prod_item_btm p{ line-height:22px; font-size:13px; padding:0; margin:0; color:#666; }
/* 用于上面显示选择属性，下面显示文字提示信息 end */

/* 只用于服务器页面产品型号选择项2个一起显示 */
.model .gray_btn:nth-child(5n){ margin-right:30px; border-radius:0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px; -o-border-radius:0px 4px 4px 0px; -moz-border-radius:0px 4px 4px 0px; -ms-border-radius:0px 4px 4px 0px; behavior: url(ie-css3.htc);}
.model .gray_btn:nth-child(6n){ border-left:1px solid #c8c8c8; border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; -o-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; -ms-border-radius:4px 0px 0px 4px; behavior: url(ie-css3.htc); }
/* 只用于服务器页面产品型号选择项2个一起显示 */

/* 云服务器页面 定价区域 */
.info_item_gray{ overflow:hidden;}
.info_item_gray ul li{list-style-type:none}
.info_item_gray:nth-child(2n){ border-bottom:1px solid #dcdee2; border-top:1px solid #dcdee2; }
.info_item_gray h6, .info_item_fff h6{ font:22px/30px "微软雅黑"; color:#424242; text-align:center; font-weight:normal; }
.big_title .gray{ /* font:bold 50px/62px "微软雅黑"; */font:bold 46px/60px "微软雅黑"; color:#4f4f4f; }
.info_item_fff{ overflow:hidden; background:#fff; padding:80px 0px; }
.info_item_fff:nth-child(2n){ border-bottom:1px solid #dcdee2; border-top:1px solid #dcdee2; }
.info_item_fff.even { border-bottom:1px solid #dcdee2; /*border-top:1px solid #dcdee2;*/ }
s
/* 租用页面左侧 定制产品显示 start */
.pricing_item{ position:relative; float:left;width:740px; height:auto; text-align:left;}
.pricing_blue_input4 { border:1px solid #3EA6EF; width:610px; line-height:44px; height:44px; color:#666; font-size:14px; padding-left:10px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
/* 用于产品页面硬盘显示 */
.disk_list { overflow:hidden; margin:0; padding:0; min-height:26px; height:auto; }
.disk_list li { position:relative; float:left; width:100%; }
.disk_list li.li1 { width:350px; margin-bottom:0; }
.disk_list li.li2 { width:250px; margin-bottom:0; }
.disk_list li.li3 { width:320px; margin-bottom:0; }
/* 用于产品页面 加减数量显示 */
.prod_nums_buy{padding:6px 0;}
.prod_nums_buy input {width: 45px;float: left;margin-top: 1px;border: 1px solid #C8C8C8;color: #424242;font-weight: bold;font-size: 14px;height: 28px;text-align: center;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.prod_nums_buy input.btn {width:20px;font-size: 12px;float: left;border: 1px solid #C8C8C8;vertical-align: middle;background: #f0f0f0;height: 18px;color: #a4a4a4;line-height: 15px;margin-top: 7px;}
.prod_nums_buy span{display:block;width:15px;  font-size: 12px;padding: 3px 0 0 5px;float:left;}
/* 租用页面右侧 费用概览显示 start */
.pricing_detail{ position:relative; float:left; width:411px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#prod_show{top:0; width:410px; _width:410px;border:1px solid #dbdbdb; box-shadow:0px 1px 4px 0px #ececee; background:#fff; height:auto; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#prod_show h2{ background:#aa2724; font-size:16px; color:#fff; height:44px; line-height:44px; padding-left:15px; _width:360px;}
.prod_show_detail { overflow:hidden; height:auto; padding:0px 15px; margin:0;width:380px;font-size: 14px;}
.prod_show_detail li {float:left;position:relative; width:100%; line-height:39px; border-bottom:1px solid #e3e3e3; text-align:left;}
.prod_show_detail li p { color:#666; font-size:16px; padding-bottom:9px; }
.prod_show_detail li:first-child { margin-top:15px; }
.prod_show_detail li:last-child { margin-bottom:0px; border-bottom:none; padding-bottom:10px; }
.prod_show_detail li.last { margin-bottom:0px; border-bottom:none; padding-bottom:10px; }
.prod_show_detail li .pricing_tit {float:left; width:80px; text-align:left; color:#999;}
.prod_show_detail li .pricing_txt {float:left; width:280px; color:#666; min-height:21.2px;}
.pricing_detail .pricing_total {float:left; min-width:330px; width:330px; background:#efefef; color:#666; line-height:62px; border-top:1px solid #e3e3e3; }
.pricing_detail .pricing_total .title { width:80px; font-size:16px; padding-left:10px; font-weight:bold; color:#424242; }
.pricing_detail .pricing_total .total { font:bold 38px "微软雅黑"; color:#0c81d3; }
/* 租用页面右侧 费用概览显示 start */


#features .funtop{padding-top:60px;}
#contact{width:100%; margin-bottom:0; padding-bottom:200px; background:#f6f6f6;}
#service{ background:#f6f6f6;}
.prodwidth{width: 506px;float: left;}
.prod_pad{padding-top:10px;}