/**
 * 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: .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 .2s;-moz-transition: all linear .2s; -webkit-transition: all linear .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/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:40px; 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 .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; text-align:center; 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(../image/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(../image/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(../image/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; overflow:hidden; 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/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 .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(../image/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;mi;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/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 .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/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 **/

a:hover{
    text-decoration: none;
}
.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 .ipts:focus,.cloudSever .ipts:hover{
    border-color: #dae2e8;
}
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 .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;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
    padding: 0px;
}
.cloudSever .err .ipt input,.cloudSever .monitor-select .values{
    padding: 0px;
}