/**
 * Created by QYWL on 2018/6/11.
 * serverdiy.html
 */
/*
    初始化样式
*/
body {
  margin: 0 auto;
  font-size: 12px;
  font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
  line-height: normal;
  min-width: 1200px;
}
ul,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p {
  padding: 0;
  margin: 0;
}
ul {
  list-style: none;
}
* {
  margin: 0px;
  padding: 0px;
}
img {
  border: 0px;
}
a {
  color: #05a;
  text-decoration: none;
}
a:hover {
  Transition: all 0.4s;
}
#container {
  width: 900px;
  margin: 0 auto;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.clearfix {
  zoom: 1;
}
/*初始化样式结束*/
/*================================ 提示弹窗样式 start ======================================*/
.shadow-tips {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -230px;
  margin-top: -105px;
  width: 460px;
  height: 210px;
  background-color: #fff;
  border: 1px solid #dde1e9;
  -webkit-box-shadow: 0px 0px 20px 5px #f2f3f5;
  -moz-box-shadow: 0px 0px 20px 5px #f2f3f5;
  box-shadow: 0px 0px 20px 5px #f2f3f5;
  z-index: 100;
  display: none;
}
.tips-head {
  position: relative;
  line-height: 45px;
  font-size: 15px;
  color: #5e6d81;
  background-color: #f8f8f9;
  padding-left: 19px;
}
.tips-head span {
  position: absolute;
  right: 19px;
  top: 16px;
  width: 13px;
  height: 13px;
  background: url(../image/serverdiy_sprite_img.png) no-repeat -147px -36px;
  cursor: pointer;
  opacity: 0.8;
}
.tips-head span:hover {
  opacity: 1;
}
.tips-body {
  position: relative;
  height: 54px;
  line-height: 54px;
  padding: 20px 20px 0px 118px;
}
.tips-body span {
  position: absolute;
  left: 39px;
  top: 20px;
  width: 54px;
  height: 54px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -10px -10px;
}
.tips-body p {
  font-size: 18px;
  color: #2d2f36;
}
.tips-btn {
  text-align: right;
  padding-right: 39px;
  margin-top: 24px;
}
.tips-btn a {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #5e6d81;
  background-color: #f1f3f7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tips-btn a.sure-btn {
  color: #ffffff;
  background-color: #FF6666;
  margin-left: 18px;
}
/*================================ 提示弹窗样式 end ======================================*/
.titlebox {
  width: 100%;
  background-color: #f0f3f5;
}
.server-title {
  width: 1200px;
  margin: 0 auto;
}
.server-title h2 {
  position: relative;
  height: 80px;
  line-height: 80px;
  font-size: 24px;
  color: #2d3137;
  padding-left: 20px;
}
.server-title h2::before {
  position: absolute;
  left: 0px;
  top: 28px;
  content: '';
  width: 3px;
  height: 24px;
  background-color: #FF6666;
}
/** 云服务器 **/
.cloudSever {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding-bottom: 36px;
}
.cloudSever .mod1 {
  overflow: hidden;
  zoom: 1;
  padding: 10px 0 28px;
  height: 80px;
  background: #fff;
  border-top: 3px solid #f0f2f5;
  border-bottom: 3px solid #f0f2f5;
}
.cloudSever .mod1 .col {
  width: 25%;
  float: left;
  position: relative;
  display: block;
}
.cloudSever .mod1 .col:after {
  display: block;
  content: '';
  width: 1px;
  overflow: hidden;
  height: 80px;
  background: #e2e2e2;
  position: absolute;
  right: 0;
  top: 10px;
}
.cloudSever .mod1 .col .cl {
  margin: 0 0 0 126px;
}
.cloudSever .mod1 .col .limg {
  display: block;
  position: absolute;
  left: 16px;
  top: 0;
  transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
}
.cloudSever .mod1 .col a:hover .limg {
  margin-top: -5px;
}
.cloudSever .mod1 .col a:hover .cl .t1 {
  color: #E95048;
}
.cloudSever .mod1 .col .t1 {
  height: 22px;
  line-height: 22px;
  text-align: left;
  font-size: 16px;
  padding: 22px 0 0 0;
}
.cloudSever .mod1 .col .t1 span {
  line-height: 22px;
  color: #e95048;
  font-size: 16px;
  font-weight: bold;
}
.cloudSever .mod1 .col .t1 img {
  position: relative;
  left: 0;
  top: 0;
  margin-left: 8px;
}
.cloudSever .mod1 .col .t2 {
  height: 22px;
  line-height: 22px;
  text-align: left;
  font-size: 14px;
  color: #535353;
  padding: 2px 0 0 0;
}
.cloudSever .mod1 .last:after {
  display: none;
}
.cloudSever .inCon {
  background: #fff;
  padding: 0 1px;
  position: relative;
  float: left;
  width: 898px;
}
.cloudSever .cmMod {
  position: relative;
}
.cloudSever .cmMod .cmClear {
  position: relative;
  left: 40px;
  right: 0px;
  width: 850px;
  padding: 30px 0px 39px 0px;
  border-bottom: 1px solid #f0f3f5;
}
.cloudSever .cmMod .cmClear-second {
  padding: 9px 0px 39px 0px;
}
.cloudSever .cmLtit {
  width: 27px;
  overflow: hidden;
  background: #ededed;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.cloudSever .cmLtit span {
  display: block;
  width: 27px;
  text-align: center;
  color: #9d9d9d;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -32px;
}
.cloudSever .cmLtit .v2 {
  margin-top: -16px;
}
.cloudSever .cmRow {
  padding: 30px 0 0 95px;
  position: relative;
}
.cloudSever .pdt {
  padding-top: 70px;
}
.cloudSever .cmLt {
  position: absolute;
  left: 0px;
  top: 30px;
  display: block;
  width: 90px;
  text-align: left;
  padding: 0 5px 0 0px;
  float: left;
  font-size: 14px;
  color: #9ea7b3;
}
/*2017-3-22*/
.cloudSever .cmLt .ll {
  display: block;
  float: left;
  line-height: 36px;
  height: 36px;
  font-size: 14px;
  color: #9ea7b3;
}
.cloudSever .cmLt .gth {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 20;
  background: url(https://cache.ziyun.com/www/css/images/thICCS.jpg) no-repeat center;
  cursor: pointer;
  float: left;
  margin: 8px 0 0 0;
}
.cloudSever .nlts {
  padding-left: 145px;
}
.cloudSever .cmRit .cmTb {
  display: block;
  min-width: 98px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  color: #2d3137;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #dae2e8;
  margin: -1px 0 0 -1px;
  cursor: pointer;
  transition: all linear 0.2s;
  position: relative;
  float: left;
}
.cloudSever .cmRit .autopwd {
  padding: 0px 15px;
}
/*.cloudSever .cmRit .cmTb:first-child{ border-top-left-radius:3px; border-bottom-left-radius:3px}*/
/*.cloudSever .cmRit .cmTb:last-child,.cloudSever .cmRit .lstadBrs{ border-top-right-radius:3px; border-bottom-right-radius:3px}*/
.cloudSever .cmRit .selected {
  z-index: 2;
  color: #FF6666;
  border-color: #FF6666;
  background-color: #ffe0e0;
}
.cloudSever .cmRit .dis {
  border-color: #d7d7d7;
  background: #f1f1f1;
  color: #a2a2a2;
  /*cursor:default*/
}
.cloudSever .cmRit .dis:after {
  content: '售罄';
  display: block;
  height: 17px;
  line-height: 17px;
  padding: 0 5px;
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  z-index: 2;
  background: #a2a2a2;
}
.cloudSever .cmInRt {
  width: 100%;
  position: relative;
}
.cloudSever .secTps {
  display: block;
  text-align: left;
  font-size: 12px;
  color: #9ea8b2;
  padding: 10px 0 0 0;
}
.cloudSever .secTps .lk {
  font-size: 12px;
  color: #6699ff;
}
.cloudSever .cmSlider {
  float: left;
  height: 5px;
  width: 564px;
  border: 0;
  margin-top: 15px;
  border-radius: 10px;
  background: #ededed;
}
.ui-widget-header {
  background: #ededed;
}
.cloudSever .cmSlider .cc {
  display: block;
  width: 55px;
  height: 20px;
  text-align: center;
  position: relative;
  padding-top: 18px;
  top: 5px;
}
.cloudSever .cmSlider .cc:after {
  display: block;
  content: '';
  height: 8px;
  width: 1px;
  overflow: hidden;
  background: #a2a2a2;
  position: absolute;
  left: 50%;
  top: 0;
}
.cloudSever .cmSlider .cc p {
  font: 14px/20px microsoft yahei;
  color: #9ea9b6;
}
.cloudSever .cmSlider .d1 {
  position: absolute;
  left: -22px;
}
.cloudSever .cmSlider .d2 {
  position: absolute;
  left: 16.66%;
  margin-left: -28px;
}
.cloudSever .cmSlider .d3 {
  position: absolute;
  left: 33.33%;
  margin-left: -28px;
}
.cloudSever .cmSlider .d4 {
  position: absolute;
  left: 50%;
  margin-left: -28px;
}
.cloudSever .cmSlider .d5 {
  position: absolute;
  left: 66.66%;
  margin-left: -28px;
}
.cloudSever .cmSlider .d6 {
  position: absolute;
  left: 83.33%;
  margin-left: -28px;
}
.cloudSever .cmSlider .d7 {
  position: absolute;
  right: -22px;
}
.cloudSever .cmSlider .ds1 {
  position: absolute;
  left: -22px;
}
.cloudSever .cmSlider .ds2 {
  position: absolute;
  left: 12.5%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds3 {
  position: absolute;
  left: 25%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds4 {
  position: absolute;
  left: 37.5%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds5 {
  position: absolute;
  left: 50%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds6 {
  position: absolute;
  left: 62.5%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds7 {
  position: absolute;
  left: 75%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds8 {
  position: absolute;
  left: 87.5%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds9 {
  position: absolute;
  right: -23px;
}
.cloudSever .cmSlider .ds10 {
  position: absolute;
  left: -23px;
}
.cloudSever .cmSlider .ds11 {
  position: absolute;
  left: 20%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds12 {
  position: absolute;
  left: 40%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds13 {
  position: absolute;
  left: 60%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds14 {
  position: absolute;
  left: 80%;
  margin-left: -28px;
}
.cloudSever .cmSlider .ds15 {
  position: absolute;
  right: -23px;
}
.cloudSever .cmSlider .df1 {
  position: absolute;
  left: -22px;
}
.cloudSever .cmSlider .df2 {
  position: absolute;
  left: 9.09%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df3 {
  position: absolute;
  left: 18.18%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df4 {
  position: absolute;
  left: 27.27%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df5 {
  position: absolute;
  left: 36.36%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df6 {
  position: absolute;
  left: 45.45%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df7 {
  position: absolute;
  left: 54.54%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df8 {
  position: absolute;
  left: 63.63%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df9 {
  position: absolute;
  left: 72.72%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df10 {
  position: absolute;
  left: 81.81%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df11 {
  position: absolute;
  left: 90.9%;
  margin-left: -28px;
}
.cloudSever .cmSlider .df12 {
  position: absolute;
  right: -23px;
}
.cloudSever .cmSlider .hkgftwo1 {
  position: absolute;
  left: -23px;
}
.cloudSever .cmSlider .hkgftwo2 {
  position: absolute;
  left: 33.3%;
  margin-left: -28px;
}
.cloudSever .cmSlider .hkgftwo3 {
  position: absolute;
  left: 66.6%;
  margin-left: -28px;
}
.cloudSever .cmSlider .hkgftwo4 {
  position: absolute;
  right: -23px;
}
.cloudSever .cmSlider .cl1 {
  background: #ff6900;
  border-right: 1px solid #be5002;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  float: none;
}
.cloudSever .cmSlider .cl2 {
  background: #ff6900;
  border-right: 1px solid #be5002;
  position: absolute;
  left: 217px;
  top: 0;
  z-index: 2;
  float: none;
}
.cloudSever .cmSlider .cl3 {
  background: #ff6900;
  border-right: 0;
  position: absolute;
  left: 326px;
  top: 0;
  z-index: 2;
  float: none;
}
.cloudSever .cmSlider .cl1 p,
.cloudSever .cmSlider .cl2 p,
.cloudSever .cmSlider .cl3 p {
  color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -74px -10px;
  width: 17px;
  height: 40px;
  border: none;
  border-radius: 0;
  top: -18px;
  outline: none;
  border-radius: 2px;
}
.cloudSever .cmSlider .ins {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 0;
  margin-top: 0;
  float: none;
  border: 0;
  width: 30%;
  background: #e95048;
  height: 5px;
  border-radius: 10px;
}
.ui-state-default p {
  display: none;
}
.cloudSever .cmInRt .cloSevTips {
  top: 55px;
  left: 186px;
}
.cloudSever .num-con {
  width: 118px;
  height: 36px;
  float: left;
  position: relative;
  left: 0;
  top: 0;
  margin-left: 18px;
}
#bandwidth-jj .reduce {
  position: absolute;
  left: 10px;
  top: 18px;
  width: 13px;
  height: 1px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -101px -42px;
}
#bandwidth-jj .add {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 13px;
  height: 13px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -124px -13px;
}
.cloudSever .num-con .btn {
  display: block;
  width: 33px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  color: #e95048;
}
.cloudSever .num-con .btn:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.cloudSever .num-con .btn:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.cloudSever .num-con .jia {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-left: 0;
  cursor: pointer;
}
.cloudSever .num-con .jian {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-right: 0;
  cursor: pointer;
}
.cloudSever .num-con input {
  display: block;
  height: 34px;
  line-height: 34px;
  width: 48px;
  border: 1px solid #d7d7d7;
  position: absolute;
  left: 34px;
  top: 0;
  overflow: hidden;
  background: none;
  font: 14px/34px microsoft yahei;
  color: #333;
  text-align: center;
}
.cloudSever .num-con input:hover,
.cloudSever .num-con input:focus {
  border-color: #e95048;
}
.cloudSever .num-con .lc {
  border: 1px solid #e1e1e1;
  width: 83px;
  height: 34px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.cloudSever .num-con .lc span {
  display: block;
  width: 48px;
  font: 14px/36px microsoft yahei;
  color: #7d7d7d;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.cloudSever .num-con .rc {
  height: 36px;
  width: 22px;
  background: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
.cloudSever .dwRts {
  display: block;
  height: 36px;
  line-height: 36px;
  float: left;
  margin: 0 0 0 12px;
  font-size: 14px;
  color: #2d3137;
}
.cloudSever .dwtps {
  display: block;
  height: 36px;
  line-height: 36px;
  float: left;
  margin: 0 0 0 12px;
  font-size: 12px;
  color: #9d9d9d;
}
.cloudSever .yhms {
  margin-left: 0;
  font-size: 14px;
  color: #333;
}
.cloudSever .dtsNmgL {
  margin-left: 2px;
}
.cloudSever .sTv2 {
  padding-top: 31px;
  margin-left: -6px;
}
.cloSevTips {
  padding: 7px 0 0 0;
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.cloSevTips .ccs {
  font: 12px/18px microsoft yahei;
  color: #535353;
  background: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 4px 10px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 -1px 2px #d9d9d9;
}
.cloSevTips .ccs b {
  font: 12px/18px microsoft yahei;
  font-weight: bold;
  color: #535353;
}
.cloSevTips i {
  display: block;
  position: absolute;
  left: 8px;
  top: 0;
  background: url(https://cache.ziyun.com/www/css/images/artIcs.png) no-repeat 0 0;
  overflow: hidden;
  width: 16px;
  height: 8px;
}
.cloSevTipv2 {
  padding: 7px 0 0 0;
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  left: 0px;
  top: 55px;
  white-space: nowrap;
}
.cloSevTipv2 .ccs {
  font: 12px/18px microsoft yahei;
  color: #535353;
  background: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 4px 10px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 -1px 2px #d9d9d9;
}
.cloSevTipv2 .ccs b {
  font: 12px/18px microsoft yahei;
  font-weight: bold;
  color: #535353;
}
.cloSevTipv2 i {
  display: block;
  position: absolute;
  left: 70px;
  top: 0;
  background: url(https://cache.ziyun.com/www/css/images/artIcs.png) no-repeat 0 0;
  overflow: hidden;
  width: 16px;
  height: 8px;
}
.cloSevTipv3 {
  padding: 7px 0 0 0;
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  left: 43px;
  top: 55px;
  white-space: nowrap;
}
.cloSevTipv3 .ccs {
  font: 12px/18px microsoft yahei;
  color: #535353;
  background: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 4px 10px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 -1px 2px #d9d9d9;
}
.cloSevTipv3 .ccs b {
  font: 12px/18px microsoft yahei;
  font-weight: bold;
  color: #535353;
}
.cloSevTipv3 i {
  display: block;
  position: absolute;
  left: 70px;
  top: 0;
  background: url(https://cache.ziyun.com/www/css/images/artIcs.png) no-repeat 0 0;
  overflow: hidden;
  width: 16px;
  height: 8px;
}
.cloSevTips .t1 {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  color: #535353;
  text-align: center;
}
.cloSevTips .btr {
  overflow: hidden;
  zoom: 1;
  padding: 10px 0 12px 0;
}
.cloSevTips .btr .b1 {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 100px;
  cursor: pointer;
  float: left;
  background: #e95048;
  color: #fff;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
}
.cloSevTips .btr .b2 {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 100px;
  cursor: pointer;
  float: right;
  background: #ffe9d3;
  color: #e95048;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
}
.cloSevTip {
  padding: 0 0 7px 0;
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  z-index: 10;
}
.cloSevTip .ccs {
  font: 12px/18px microsoft yahei;
  color: #535353;
  background: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 10px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 -1px 2px #d9d9d9;
}
.cloSevTip .ccs b {
  font: 12px/18px microsoft yahei;
  font-weight: bold;
  color: #535353;
}
.cloSevTip i {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  background: url(../image/artIcss.png) no-repeat 0 0;
  overflow: hidden;
  width: 17px;
  height: 8px;
}
.cloSevTipLg {
  display: none;
  padding: 0 0 7px 0;
  cursor: default;
  position: absolute;
  left: -42px;
  bottom: 20px;
  width: 500px;
  white-space: nowrap;
}
.cloSevTipLg .ccs {
  font: 12px/18px microsoft yahei;
  color: #535353;
  background: #fff;
  width: 468px;
  padding: 10px 15px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 1px 2px #d9d9d9;
}
.cloSevTipLg i {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -205px;
  background: url(../image/artIcss.png) no-repeat 0 0;
  overflow: hidden;
  width: 17px;
  height: 8px;
}
.cloSevTipLg .rrsR {
  overflow: hidden;
  zoom: 1;
  padding: 4px 0;
}
.cloSevTipLg .rrsR .lcc {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  width: 65px;
  text-align: left;
}
.cloSevTipLg .rrsR .rcc {
  display: block;
  float: right;
  width: 402px;
  word-break: break-all;
  white-space: normal;
  font-size: 12px;
  line-height: 20px;
  color: #7d7d7d;
}
.cloudSever .cmLt .gth:hover .cloSevTipLg {
  display: block;
}
.cloudSever .monitor-select {
  height: 34px;
  width: 288px;
  border: 1px solid #dbe2e8;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  float: left;
  text-align: left;
  position: relative;
  left: 0;
  top: 0;
  zoom: 1;
  margin-right: 10px;
}
.cloudSever .monitor-select .values {
  height: 22px;
  border: none;
  background: none;
  text-align: center;
  font: 14px/23px microsoft yahei;
  width: 136px;
  float: left;
  margin-left: 12px;
  _margin-left: 6px;
  margin-top: 7px;
  width: 180px;
  text-align: left;
  color: #000;
}
.cloudSever .monitor-select .rit-ars {
  width: 13px;
  float: right;
  overflow: hidden;
  height: 8px;
  background: url(../image/serverdiy_sprite_img.png) no-repeat -147px -16px;
  position: absolute;
  right: 14px;
  top: 14px;
}
.cloudSever .monitor-select .chi-con {
  height: auto;
  position: absolute;
  left: -1px;
  top: 34px;
  border: 1px solid #ddd;
  width: 100%;
  display: none;
  overflow: hidden;
  background: #fff;
}
.cloudSever .monitor-select .chi-con .in-con {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cloudSever .monitor-select .chi-con .opts {
  position: relative;
  display: block;
  height: 32px;
  font: 14px/32px microsoft yahei;
  text-align: left;
  padding-left: 36px;
  overflow: hidden;
  outline: none;
  cursor: default;
  color: #585858;
  transition: background linear 0.2s;
  cursor: pointer;
}
#sysimg_type_list_body .opts i {
  position: absolute;
  left: 8px;
  top: 7px;
  width: 18px;
  height: 18px;
}
.windows-i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -169px -10px;
}
.centos-i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -196px -10px;
}
.ubuntu-i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -224px -10px;
}
.debian-i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -252px -10px;
}
.cloudSever .monitor-select .chi-con .alc {
  padding-left: 0;
  text-align: center;
}
.cloudSever .monitor-select .chi-con .opts:hover {
  background-color: #f2efef;
  text-decoration: none;
}
.cloudSever .mntv2 {
  width: 298px;
  margin-left: -1px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cloudSever .mntv2 .values {
  width: 292px;
}
.cloudSever .mntv2s {
  margin-left: -1px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cloudSever .mntv3 {
  width: 305px;
  border--radius: 3px;
}
.cloudSever .mntv3 .values {
  width: 267px;
}
.cloudSever .tsZdx {
  position: relative;
  z-index: 5;
}
.cloudSever .erInfo {
  border-color: #e95048;
  background: #f9ebeb;
  z-index: 5;
}
.cloudSever .rltv {
  position: relative;
}
.cloudSever .rltv .cloSevTips .ccs {
  width: 232px;
}
.cloudSever .rltv .cloSevTips {
  position: absolute;
  left: 122px;
  top: auto;
  bottom: -36px;
}
.cloudSever .hps {
  display: block;
  float: left;
  height: 24px;
  font: 12px/24px microsoft yahei;
  color: #2d3138;
  margin: 6px 0 0 12px;
}
.cloudSever .hpv2 {
  color: #9d9d9d;
}
.cloudSever .hpv2 i {
  font: 12px/24px microsoft yahei;
  color: #ff6900;
}
.cloudSever .addbtn {
  display: block;
  width: 34px;
  height: 34px;
  background: #fff;
  border: 1px solid #dbe2e8;
  outline: none;
  border-radius: 3px;
  float: left;
  cursor: pointer;
  font-size: 18px;
  color: #FF6666;
  line-height: 30px;
}
.cloudSever .addrow {
  font: 14px/24px microsoft yahei;
  border: 0;
  background: none;
  cursor: pointer;
}
.cloudSever .diss .addbtn {
  background: #ddd;
  color: #666;
}
.cloudSever .diss .addrow {
  color: #ccc;
}
.cloudSever .err {
  background: #f0f3f5;
  height: 56px;
  overflow: hidden;
  zoom: 1;
  padding: 0 10px;
  margin: 5px 260px 0 0;
}
.cloudSever .err .lx {
  display: block;
  font: 14px/56px microsoft yahei;
  color: #2d3137;
  width: 98px;
  float: left;
  text-align: center;
}
.cloudSever .err .ipt {
  position: relative;
  left: 0;
  top: 0;
  width: 98px;
  height: 38px;
  border: 1px solid #dbe2e8;
  background: #fff;
  float: left;
  margin: 8px 0px;
}
/*.cloudSever .err .ipt i{ font:14px/40px microsoft yahei; color:#333; position:absolute; top:0; right:5px;}*/
.gb {
  float: left;
  font: 14px/56px microsoft yahei;
  color: #2d3137;
  margin-left: 8px;
}
.cloudSever .err .ipt input {
  width: 98px;
  border: 0;
  height: 38px;
  font: 14px/21px microsoft yahei;
  color: #2d3137;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  outline: none;
}
.cloudSever .err .fp {
  color: #9ea8b4;
  float: left;
  margin-left: 10px;
  font: 14px/56px microsoft yahei;
}
.cloudSever .err .cls {
  float: right;
  width: 13px;
  height: 13px;
  background: url(../image/serverdiy_sprite_img.png) no-repeat -147px -36px;
  margin: 20px 23px 0px 130px;
}
input::-webkit-input-placeholder {
  font-size: 14px;
  color: #5e6e82;
}
input::-moz-placeholder {
  font-size: 14px;
  color: #5e6e82;
}
input:-ms-input-placeholder {
  font-size: 14px;
  color: #5e6e82;
}
.cloudSever .ipts {
  display: block;
  border: 1px solid #dae2e8;
  padding: 5px 12px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  float: left;
  font-size: 14px;
  color: #000;
  text-align: left;
  outline: none;
  width: 304px;
  border-radius: 3px;
}
.cloudSever .erTps {
  line-height: 24px;
  color: #e95048;
  display: block;
  text-align: left;
  padding: 3px 0 0 0;
}
.cloudSever .jspdt {
  padding-top: 10px;
}
.cloudSever .erCls {
  color: #e95048 !important;
}
.cloudSever .sxBtn {
  display: block;
  float: left;
  height: 36px;
  margin: 0 0 0 2px;
  cursor: pointer;
  width: 30px;
  background: url(https://cache.ziyun.com/www/css/images/sxYqIcs.jpg) no-repeat center;
}
.cloudSever .sysy {
  display: block;
  float: left;
  line-height: 24px;
  font-size: 14px;
  color: #6699ff;
  margin: 6px 0 0 0;
}
.cloudSever .cmRit .cmTbs {
  display: block;
  width: 69px;
  text-align: center;
  height: 38px;
  line-height: 40px;
  font-size: 14px;
  color: #535353;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #dae2e8;
  margin: -1px 0 0 -1px;
  cursor: pointer;
  transition: all linear 0.2s;
  position: relative;
  float: left;
}
/*.cloudSever .cmRit .cmTbs:first-child{ border-top-left-radius:3px; border-bottom-left-radius:3px}*/
/*.cloudSever .cmRit .cmTbs:last-child,.cloudSever .cmRit .lstadBrs{ border-top-right-radius:3px; border-bottom-right-radius:3px}*/
.cloudSever .cmRit .cur {
  border-color: #e95048;
  background-color: #f9ebeb !important;
  color: #e95048;
  z-index: 2;
}
.cloudSever .cmRit .cur:after {
  content: '个月';
  color: #e95048;
}
.cloudSever .cmRit .year {
  position: relative;
  padding-left: 30px;
  background: #fff url(https://cache.ziyun.com/www/css/images/gftIcs.png) no-repeat 13px center;
  text-align: left;
  width: 39px;
}
.cloudSever .cmRit .year i {
  position: absolute;
  left: 13px;
  top: 13px;
  width: 11px;
  height: 13px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -170px -36px;
}
.cloudSever .cmRit .year:after {
  display: none;
}
.cloudSever .clearMgl {
  margin-left: 0;
}
.clearMgl .jian i {
  position: absolute;
  left: 10px;
  top: 18px;
  width: 13px;
  height: 1px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -101px -42px;
}
.clearMgl .jian.jjDis i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -101px -19px;
}
.clearMgl .jia i {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 13px;
  height: 13px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -124px -13px;
}
.clearMgl .jia.jjDis i {
  background: url("../image/serverdiy_sprite_img.png") no-repeat -124px -36px;
}
#bandwidth-jj .reduce {
  position: absolute;
  left: 10px;
  top: 18px;
  width: 13px;
  height: 1px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -101px -42px;
}
#bandwidth-jj .add {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 13px;
  height: 13px;
  background: url("../image/serverdiy_sprite_img.png") no-repeat -124px -13px;
}
.cloudSever .jjDis {
  border-color: #d7d7d7 !important;
  color: #b7b7b7 !important;
  background: #ebebeb !important;
}
.cloudSever .pzCon {
  margin-top: 28px;
  padding: 16px 75px 0 75px;
  overflow: hidden;
  /*border-top:1px solid #ededed*/
}
/*2017-3-22*/
.cloudSever .pzCon .t1 {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  padding-bottom: 5px;
}
.cloudSever .pzCon ul {
  overflow: hidden;
  zoom: 1;
}
.cloudSever .pzCon li {
  padding: 10px 0 0 0;
  float: left;
  width: 25%;
  text-align: left;
  font-size: 14px;
  color: #9d9d9d;
  line-height: 150%;
}
.cloudSever .pzCon li span {
  font-size: 14px;
  color: #535353;
  line-height: 150%;
}
.cloudSever .btmRows {
  padding: 37px 45px;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0px 0px 0px 0px #f5f5f5;
  -moz-box-shadow: 0px 0px 0px 0px #f5f5f5;
  box-shadow: 0px 0px 0px 0px #f5f5f5;
}
.cloudSever .btmRows .llt {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #9d9d9d;
  float: left;
  padding: 0 25px 0 0;
}
.cloudSever .btmRows .num {
  display: block;
  float: left;
  line-height: 36px;
  height: 36px;
  color: #e95048;
  font-size: 28px;
  font-weight: bold;
}
.cloudSever .btmRows .dw {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding-left: 5px;
  color: #e95048;
  float: left;
}
.cloudSever .btmRows .b1 {
  display: block;
  border: 0;
  height: 46px;
  line-height: 46px;
  width: 180px;
  cursor: pointer;
  float: left;
  background: #FF6666;
  color: #fff;
  outline: none;
  border-radius: 4px;
  font-size: 16px;
  margin-left: 70px;
}
.cloudSever .btmRows .b2 {
  display: block;
  border: 0;
  height: 36px;
  line-height: 36px;
  width: 125px;
  cursor: pointer;
  float: left;
  background: #ffe9d3;
  color: #e95048;
  border-radius: 4px;
  font-size: 16px;
  margin-left: 6px;
}
.cloudSever .ritBox {
  width: 300px;
  min-height: 1583px;
  text-align: left;
  background-color: #f6f9f9;
  overflow: hidden;
  z-index: 10;
}
.cloudSever .ritBox #ec-right-wrap {
  width: 300px;
  padding-left: 40px;
}
.cloudSever .ritBox .tt1 {
  display: block;
  /* padding:38px 0 0 0; */
  height: 61px;
  line-height: 61px;
  border-bottom: 1px solid #f0f3f5;
  font-size: 17px;
  color: #2d3137;
  text-align: left;
}
.cloudSever .ritBox .ccon {
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #5e6e82;
}
.cloudSever .ritBox .ccon span {
  line-height: 24px;
  color: #535353;
}
.cloudSever .ritBox .prs {
  overflow: hidden;
  zoom: 1;
  padding: 15px 0 0 0;
  text-decoration: line-through;
}
.cloudSever .ritBox .bt {
  overflow: hidden;
  zoom: 1;
  padding: 5px 0 20px 0;
}
.cloudSever .ritBox .b1 {
  display: block;
  border: 0;
  height: 40px;
  line-height: 40px;
  width: 140px;
  cursor: pointer;
  float: left;
  outline: none;
  background: #FF6666;
  color: #fff;
  border-radius: 3px;
  font-size: 16px;
}
.cloudSever .ritBox .num {
  display: block;
  float: left;
  line-height: 36px;
  height: 36px;
  color: #e95048;
  font-size: 28px;
}
.cloudSever .ritBox .num span {
  font-size: 26px;
}
.selectJx {
  display: none;
  width: 700px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7d7d7;
  position: absolute;
  z-index: 10;
  box-shadow: 0 0 12px #bebaba;
}
.selectJx .tops {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #d7d7d7;
  background: #f3f3f3;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  position: relative;
}
.selectJx .tops i {
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: url(https://cache.ziyun.com/www/css/images/clsBtns.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
}
.selectJx .lbg {
  width: 120px;
  position: absolute;
  left: 0;
  top: 51px;
  bottom: 0;
  z-index: 1;
  background: #f3f3f3;
}
.selectJx .inc {
  position: relative;
  width: 100%;
  overflow: hidden;
  zoom: 1;
  z-index: 2;
}
.selectJx .lft {
  width: 120px;
  padding: 20px 0;
  overflow: hidden;
  float: left;
}
.selectJx .lft .t1 {
  display: block;
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-align: right;
}
.selectJx .lft .lkc {
  overflow: hidden;
  padding-bottom: 22px;
}
.selectJx .lft .lkc a {
  display: block;
  padding: 0 20px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  margin-top: 2px;
  color: #7d7d7d;
  text-align: right;
  cursor: pointer;
  transition: all linear 0.2s;
}
.selectJx .lft .lkc .cur {
  background: #e3e3e3;
  color: #6699ff;
}
.selectJx .lft .scCon {
  border-radius: 3px;
  margin: 0 10px;
  border: 1px solid #d7d7d7;
  height: 25px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.selectJx .lft .scCon .btn {
  display: block;
  border: 0;
  width: 25px;
  height: 25px;
  border-left: 1px solid #d7d7d7;
  background: url(https://cache.ziyun.com/www/css/images/sscIcs.jpg) no-repeat center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
}
.selectJx .lft .scCon .ipt {
  display: block;
  height: 21px;
  line-height: 21px;
  position: absolute;
  left: 10px;
  top: 2px;
  width: 55px;
  font-size: 12px;
  color: #7d7d7d;
  text-align: left;
  border: 0;
  outline: none;
}
.selectJx .rit {
  width: 580px;
  float: right;
}
.selectJx .rit li {
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
  overflow: hidden;
  zoom: 1;
}
.selectJx .rit .ilft {
  width: 425px;
  float: left;
  overflow: hidden;
}
.selectJx .rit .ilft .t1 {
  text-align: left;
  display: block;
  overflow: hidden;
}
.selectJx .rit .ilft .t1 a {
  line-height: 24px;
  color: #6699ff;
  font-size: 14px;
}
.selectJx .rit .ilft .d2 {
  font-size: 14px;
  color: #898989;
  line-height: 180%;
  padding-top: 2px;
  text-align: left;
}
.selectJx .rit .irit {
  width: 100px;
  float: right;
}
.selectJx .rit .irit .bt {
  display: block;
  border: 0;
  height: 25px;
  line-height: 25px;
  width: 100px;
  cursor: pointer;
  margin: 0 auto;
  background: #e95048;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
}
.selectJx .rit .irit .lk {
  display: block;
  text-align: center;
  padding: 12px 0 0 0;
}
.selectJx .rit .irit .lk a {
  font-size: 14px;
  color: #6699ff;
}
.selectJx .pgs {
  font-size: 0;
  padding: 16px;
  text-align: center;
}
.selectJx .pgs a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  margin: 0 2px;
  cursor: pointer;
  font-size: 13px;
  color: #535353;
  padding: 0 6px;
}
.selectJx .pgs .nbd {
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
}
.selectJx .pgs .cur {
  color: #f45f57;
  border-color: #f45f57;
}
.cloudSever .cmMod:hover .cmLtit {
  background: #e3e3e3;
}
.cloudSever .cmMod:hover .cmLtit span {
  color: #000;
}
.shop-ui-block-icon {
  background-color: #ff7300;
  color: #fff;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  padding: 1px 2px;
  position: absolute;
  right: 0;
  top: -4px;
  z-index: 100;
}
.shop-ui-block-icon em {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  transform: scale(0.8, 0.8);
}
.cmTbs em,
i {
  font-style: normal;
  font-weight: 400;
}
.n {
  display: none;
}
.rs {
  margin-left: 12px;
}
.coupon {
  color: #e72726;
  font: 28px/36px microsoft yahei;
  text-align: left;
}
.fixeds {
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #f6f9f9;
  width: 230px;
}
/*/!** RightBar Start **!/*/
/*.rightBar{ width:50px; position:fixed; right:10px; top:50%; margin-top:-190px; z-index:100}*/
/*.rightBar .link{ display:block; cursor:pointer; width:50px; height:50px; background:#222; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}*/
/*.rightBar .link .img{ display:block}*/
/*.rightBar .link .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}*/
/*.rightBar .link .lChi .ar{ display:block; position:absolute; right:10px; top:15px}*/
/*.rightBar .link .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optBg.png) repeat;}*/
/*.rightBar .link:hover{ background:url(../images/hoverRtBarBg.jpg) repeat-y;}*/
/*.rightBar .link:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}*/
/*.rightBar .link:hover .wxgzh,.rightBar .link:hover .chis{ display:block}*/
/*.rightBar .first{ cursor:default; border-top-left-radius:4px; border-top-right-radius:4px;}*/
/*.rightBar .last{ border-bottom-left-radius:4px; border-bottom-right-radius:4px;}*/
/*/!*.rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(../images/gzhEwm.png) no-repeat 0 0}*!/*/
/*.rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-400px; top:-50px}*/
/*.rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../images/arrIc.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}*/
/*.rightBar .cIns{ border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:15px 0 2px 0}*/
/*.rightBar .csIn{ width:322px; margin:0 auto; position:relative; left:0; top:0; background:url(../images/lines.jpg) repeat-y center 0}*/
/*.rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold}*/
/*.rightBar .csIn .row{ height:48px; border-bottom:1px dashed #eee; text-align:left; font-size:0;width:170px}*/
/*.rightBar .csIn .row .lt{ display:inline-block; *display:inline; zoom:1; line-height:48px; font-size:14px; color:#666; width:80px; text-align:left}*/
/*.rightBar .csIn .row .tf{width:120px}*/
/*.rightBar .csIn .row .qq{ cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(../images/qqOn.jpg) no-repeat; position:relative; left:0; top:6px}*/
/*.rightBar .csIn .row .qq:hover{ background:url(../images/qqOn.jpg) no-repeat}*/
/*.rightBar .csIn .row .wx{ display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(../images/wx.jpg) no-repeat; margin-left:18px; position:relative; left:0; top:6px}*/
/*.rightBar .csIn .row .wx:hover{ background:url(../images/wxOn.jpg) no-repeat}*/
/*.rightBar .csIn .col{ width:140px}*/
/*.rightBar .mgt{ margin-top:8px}*/
/*.kfEwmR{ display:none; position:fixed; left:0; top:0; z-index:101; width:129px; height:129px; padding:18px 16px 15px 19px; background:url(../images/ewmBgR.png) no-repeat 0 0}*/
/*.kfEwmR img{ display:block; width:129px; height:129px;}*/
/*.kfEwmL{ display:none; position:fixed; left:0; top:0; z-index:101; width:129px; height:129px; padding:18px 19px 15px 16px; background:url(../images/ewmBgL.png) no-repeat 0 0}*/
/*.kfEwmL img{ display:block; width:129px; height:129px;}*/
/** RightBar end **/
.ys-number-con {
  position: relative;
  display: inline-block;
  width: 144px;
  height: 40px;
  background-color: #FFF;
  padding: 0px 39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ys-number-con .num-reduce,
.ys-number-con .num-add {
  position: absolute;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  background-color: #FFF;
  border: 1px solid #DBE1E8;
  cursor: pointer;
}
.ys-number-con .num-reduce:hover,
.ys-number-con .num-add:hover {
  border-color: #FF6666;
  z-index: 3;
}
.ys-number-con .num-reduce.disabled,
.ys-number-con .num-add.disabled {
  border-color: #DBE1E8 !important;
  cursor: default;
}
.ys-number-con .num-reduce {
  left: 0px;
  background: url(https://cache.ziyun.com/www/css/images/reduce-active.png) no-repeat center;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.ys-number-con .num-reduce.disabled {
  background: url(https://cache.ziyun.com/www/css/images/reduce-default.png) no-repeat center !important;
  background-color: #F6F8FA !important;
  cursor: default !important;
}
.ys-number-con .num-add {
  background: url(https://cache.ziyun.com/www/css/images/add-active.png) no-repeat center;
  right: 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.ys-number-con .num-add.disabled {
  background: url(https://cache.ziyun.com/www/css/images/add-default.png) no-repeat center !important;
  background-color: #F6F8FA !important;
  cursor: default !important;
}
.ys-number-con input[type=text] {
  position: relative;
  width: 66px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #DBE1E8;
  padding: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  z-index: 2;
  outline: none;
}
.ys-number-con input[type=text]:hover {
  border-color: #f66;
}
.config_list_box {
  padding-left: 40px;
  margin: 40px 0px 40px 0px;
}
.config_list_box.config_list_scroll .high_config_list {
  overflow: scroll;
  overflow-x: hidden;
}
.high_config_list {
  width: 100%;
}
.config_list_body {
  width: 100%;
  max-height: 344px;
  overflow-y: auto;
  margin-top: 0px;
}
.high_config_list .table,
.config_list_body .table {
  margin-bottom: 0px;
}
.high_config_list .table thead tr th,
.config_list_body .table thead tr th {
  font-size: 14px;
  font-weight: 400;
  color: #9EA7B3;
  padding: 10px 8px;
  border-bottom: none;
  background-color: #F0F2F5;
}
.high_config_list .table thead tr th a,
.config_list_body .table thead tr th a {
  display: block;
  color: #9EA7B3;
}
.high_config_list .table thead tr th a i,
.config_list_body .table thead tr th a i {
  display: inline-block;
  width: 10px;
  height: 14px;
  margin-left: 8px;
  vertical-align: middle;
  background: url(https://cache.ziyun.com/www/css/images/market_sprite_img.png) no-repeat -48px -10px;
}
.high_config_list .table thead tr th a i.arrow_up,
.config_list_body .table thead tr th a i.arrow_up {
  background: url(https://cache.ziyun.com/www/css/images/market_sprite_img.png) no-repeat -86px -10px;
}
.high_config_list .table thead tr th a i.arrow_down,
.config_list_body .table thead tr th a i.arrow_down {
  background: url(https://cache.ziyun.com/www/css/images/market_sprite_img.png) no-repeat -67px -10px;
}
.high_config_list .table tbody tr:hover,
.config_list_body .table tbody tr:hover,
.high_config_list .table tbody tr.active,
.config_list_body .table tbody tr.active {
  background-color: #FFEFEF;
}
.high_config_list .table tbody tr:hover td,
.config_list_body .table tbody tr:hover td,
.high_config_list .table tbody tr.active td,
.config_list_body .table tbody tr.active td {
  background-color: #FFEFEF;
}
.high_config_list .table tbody tr td,
.config_list_body .table tbody tr td {
  font-size: 14px;
  color: #2D3037;
  padding: 8px 8px;
  border-top: none;
  border-bottom: 1px solid #F0F2F5;
  vertical-align: middle;
}
.high_config_list .table tbody tr td input[type=radio],
.config_list_body .table tbody tr td input[type=radio] {
  display: none;
}
.high_config_list .table tbody tr td label,
.config_list_body .table tbody tr td label {
  position: relative;
  height: 16px;
  padding-left: 22px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0px;
}
.high_config_list .table tbody tr td label::before,
.config_list_body .table tbody tr td label::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #BDC5D3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  outline: none !important;
  cursor: pointer;
}
.high_config_list .table tbody tr td input[type=radio]:checked + label::before,
.config_list_body .table tbody tr td input[type=radio]:checked + label::before {
  border-color: #FF6666;
}
.high_config_list .table tbody tr td input[type=radio]:checked + label::after,
.config_list_body .table tbody tr td input[type=radio]:checked + label::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  background-color: #FF6666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
}
div::-webkit-scrollbar-track {
  background-color: #F0F2F5;
}
div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #BDC5D3;
}
div::-webkit-scrollbar-thumb:hover {
  background-color: #BDC5D3;
}
div::-webkit-scrollbar-button {
  height: 0px;
  background-color: #B0AEDA;
}
.gpu-price {
  color: #FF6666;
}
.gpu-math-select {
  text-align: center;
}
.gpu-math-select .ys-number-con {
  width: 126px;
  height: 32px;
  padding: 0px 31px;
  background-color: transparent;
}
.gpu-math-select .ys-number-con .num-reduce,
.gpu-math-select .ys-number-con .num-add,
.gpu-math-select .ys-number-con input[type=text] {
  height: 32px;
  background-color: #FFF;
}
.gpu-math-select .ys-number-con .num-reduce {
  width: 32px;
  visibility: hidden;
}
.gpu-math-select .ys-number-con .num-add {
  width: 32px;
  visibility: hidden;
}
.gpu-math-select .ys-number-con input[type=text] {
  width: 64px;
}
.high_config_list .table thead tr th:nth-child(5) {
  text-align: center;
}
.config_list_body .table tbody tr:hover td .gpu-math-select .num-reduce,
.config_list_body .table tbody tr:hover td .gpu-math-select .num-add {
  visibility: visible;
}
.cloudSever .num-con .jian {
  width: 34px;
  height: 36px;
  padding: 0px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  -o-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
}
.cloudSever .num-con .jia {
  width: 34px;
  height: 36px;
  padding: 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  -o-border-radius: 0px 2px 2px 0px;
  border-radius: 0px 2px 2px 0px;
}
.cloudSever .num-con input {
  width: 50px;
  height: 36px;
}
.cloudSever .cmRit .cmTb,
.cloudSever .cmRit .cmTbs {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.cloudSever .cmRit .cmTb:hover,
.cloudSever .cmRit .cmTbs:hover {
  text-decoration: none;
}
input {
  outline: none;
}
.cloudSever .monitor-select .values {
  margin-top: 4px;
}
.cloudSever .ipts {
  width: 330px;
  height: 36px;
}
.cloudSever {
  position: relative;
  background-color: #f6f9f9;
  padding-bottom: 0;
}
.cloudSever .ritBox {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
a:hover{
  text-decoration: none;
}