.myapp{
  padding:30px 0;
}
.calculator .content-area .cart-area{
  width:1140px;
  margin:auto;
}
.calculator .content-area .cart-wrap{
  border-color: #E7E7E7;
}
.calculator .content-area .cart-heading{
  color:#333;
  background:#FAFAFA;
  border-color:#E7E7E7;
}
.calculator .page-title{
  display: inline-block;
  padding-bottom: 10px;
  font-size:26px;
  font-weight:600;
  color:#333;
}
.calculator .cart-line{
  border-top:1px solid #d0d0d0;
  margin:20px 0;
}
.calculator .cart-block-line{
  /*border-bottom:1px solid #00b88a;*/
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  font-szie:14px;
  font-weight:600;
  padding:5px 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin:20px 0;
}
/*.cart-block-line > span{*/
  /*display: block;*/
  /*float: left;*/
  /*background-color: #00b88a;*/
  /*color:#fff;*/
  /*font-szie:14px;*/
  /*font-weight:600;*/
  /*padding:5px 10px;*/
  /*border-top-left-radius: 4px;*/
  /*border-top-right-radius: 4px;*/
/*}*/
.calculator .child-title{
  font-size:18px;
  font-weight:500;
  margin-bottom:20px;
  color:#333;
}
.calculator .pagination{
  margin-top: 0;
  margin-bottom: 15px;
}
.calculator .paginationZone>li>a,.calculator .paginationOne>li>a,.calculator .paginationTwo>li>a,.calculator .paginationThree>li>a{
  color:#666;
}
/**区域、节点、CPU、内存**/
.calculator .paginationZone a {
  min-width: 50px;
  text-align: center;
}
.calculator .paginationOne a{
  min-width:80px;
  text-align: center;
}
.calculator .explain{
  margin-left:500px;
  color:#ccc;
}
/**计费方式、配置**/
.calculator .paginationTwo a{
  /*width:120px;*/
  text-align: center;
}
/**硬盘类型**/
.calculator .paginationThree a{
  width:150px;
  text-align: center;
}
.calculator .clearBottom{
  margin-bottom: 0 !important;
}
.calculator .margin-bottom-15{
  margin-bottom: 15px;
}
.calculator .margin-top-15{
  margin-top:15px;
}
.calculator .item-money{
  text-align: right;
  padding-right:300px;
  margin-bottom: 15px;
}
.calculator .item-money,
.calculator .item-money > span{
  color:#f74020;
  font-size:14px;
  font-weight:600;
}
.calculator .host-tip{
  font-size:12px;
  color:#999;
}
.calculator .os-list{
  width:600px;
}
.calculator .os-list > option{
  padding:5px;
}
.calculator .sys-disk-free{
  width:120px;
  text-align: center;
  background-color: #cecece;
  color:#333;
  padding:5px 0;
  font-size:14px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.calculator .slider-box > div{
  float:left;
}
.calculator .slider-slider{
  width:620px;
}
.calculator .slider-values{
  width:150px;
  padding-left:30px;
  font-size:14px;
  font-weight:600;
}
.calculator .slider-values > span,.calculator .slider-values > input{
  display: inline-block;
  width:60px;
  height:30px;
  border:1px solid #999;
  text-align: center;
  line-height: 30px;
  font-size:14px;
  font-weight:600;
  margin-right:5px;
}
.calculator .slider.slider-horizontal{
  width:600px;
}
.calculator .slider-track-low, .calculator .slider-track-high{
  background-color: #aaa;
}
.calculator .slider-selection{
  background:#455CC6;
}
.calculator .slider-handle{
  background-color: #455CC6;
  background-image: linear-gradient(to bottom,#4D7CFE 0,#455CC6 100%);
}
.calculator .pagination>.active>a, .calculator .pagination>.active>a:focus, .calculator .pagination>.active>a:hover, .calculator .pagination>.active>span, .calculator .pagination>.active>span:focus, .calculator .pagination>.active>span:hover {
    z-index: 1;
  background-color: #455CC6;
  border-color: #455CC6;
  color: #fff;
}
.calculator .iops-remark-info{
  padding:10px 0;
}
.calculator .iops-remark-info,
.calculator .iops-remark-info > span{
  font-size:14px;
}
.calculator .btn-gic{
  background-color: #455CC6;
  border-color: #455CC6;
  min-width:120px;
  color:#fff;
}
.calculator .btn-gic:hover{
  background-color: #4D7CFE;
  border-color: #4D7CFE;
  color:#fff;
}
.calculator .del-link{
  color:#455CC6;
  cursor: pointer;
}
.calculator .del-link:hover{
  color: #4D7CFE;
}
.calculator .slider-slider > div.clearfix{
  text-align: center;
}
.calculator .slider-slider > div.clearfix > span:first-child{
  float: left;
}
.calculator .slider-slider > div.clearfix > span:last-child{
  float: right;
}
.calculator .disk-list-table{
  width:720px;
}
.calculator .disk-list-table > tbody tr{
  background-color: #fff;
}
.calculator .disk-list-table th,
.calculator .disk-list-table td{
  text-align: center;
}



.calculator .child-title > span:first-child{
  font-size:16px;
  color:#999;
}
.calculator .glyphicon-question-sign{
  margin-left:8px;
  margin-right:5px;
  font-size:16px;
}
.calculator .glyphicon-disk-tip-text,.calculator .glyphicon-mysql-tip-text,glyphicon-lvs-tip-text{cursor: pointer; color:#666;}
.calculator .glyphicon-disk-tip-text:hover,.calculator .glyphicon-mysql-tip-text:hover,glyphicon-lvs-tip-text:hover{color:#4D7CFE;}
.calculator .host-num-option{
  width:150px;
  border-radius: 4px;
}
.calculator .host-num-option .input-group{
  border-color: #4984E7;
}
.calculator #host-num{
  text-align: center;
  font-weight:600;
  font-size:14px;
  border-color: #CCCCCC;
}
.calculator .input-group-addon{
  color: #666;
  background-color: #F6F6F6;
  border-color: #CCCCCC;
  cursor: pointer;
}
.calculator .input-group-addon:hover{
  color: #333;
}
.calculator .price-box{
  height:100px;
}
.calculator .price-total{
  height:90px;
  padding:20px 0 10px 0;
  /*line-height: 80px;*/
  font-size:30px;
  font-weight:500;
  text-align: center;
  /*padding-right:300px;*/
  -webkit-box-shadow:0 0 10px rgba(100,100,100, .5);
  -moz-box-shadow:0 0 10px rgba(100,100,100, .5);
  box-shadow:0 0 10px rgba(100,100,100, .5);
  background-color: #fafafa;
}
.calculator .price-total span{
  font-size:30px;
  font-weight:600;
  color:#f74020;
}
.calculator .price-total p{
  font-size: 12px;
}
.calculator .price-total .block-span{
  border-right:1px solid #ccc;
  padding:0 10px 0 0;
  margin-right:20px;
}
.calculator .price-total-position{
  position: fixed;
  bottom: 0;
  width: 1200px;
  z-index: 1000;
}
.calculator .arrow-left{
  border-color: transparent #455CC6 transparent transparent;
  border-width: 15px;
  border-style: solid;
  width: 0;
  height: 0;
  display:inline-block;
}
.calculator .arrow-bottom{
  border-color: #455CC6 transparent transparent transparent;
  border-width: 15px;
  border-style: solid;
  width: 0;
  height: 0;
  display:inline-block;
  margin-left:10px;
  position: relative;
  top:5px;
}
.calculator .disk-tip-dialogOne{
  width:800px;
  position: absolute;
  top:-210px;
  z-index: 999;
  left:120px;
  display: none;
}
.calculator .disk-tip-dialogTwo{
  width:700px;
  position: absolute;
  top:-290px;
  z-index: 999;
  display: none;
}
.calculator .type-tip-dialogTwo{
  width:700px;
  position: absolute;
  z-index: 999;
  display: none;
}
.calculator .mysql-tip-dialog,.calculator .lvs-tip-dialog{
  width:200px;
  position: absolute;
  top:-46px;
  left: 36px;
  z-index: 999;
  display: none;
}
.calculator .mysql-tip-dialog .content,.calculator .lvs-tip-dialog .content{
  padding: 10px;
  border:1px solid #455CC6;
  border-radius: 4px;
  background: #fff;
}
.calculator .mysql-tip-dialog .arrow-bottom,.calculator .lvs-tip-dialog .arrow-bottom{
  border-width: 6px;
  top:-1px;
}
.calculator .lvs-tip-dialog{
  top:-60px;
  left: 50px;
}
.calculator .disk-tip-dialog-title, .calculator .type-tip-dialog-title{
  background-color: #455CC6;
  font-size:14px;
  font-weight:600;
  padding:8px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color:#fff;
}
.calculator .disk-tip-dialog-content, .calculator .type-tip-dialog-content{
  /*height:300px;*/
  border-left:1px solid #455CC6;
  border-right:1px solid #455CC6;
  border-bottom:1px solid #455CC6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff;
}
.calculator .disk-tip-dialog-content th,.calculator .disk-tip-dialog-content td, .calculator .type-tip-dialog-content th, .calculator .type-tip-dialog-content td{
  text-align: center;
  vertical-align: middle !important;
}
.calculator .disk-tip-dialog-content .table, .calculator .type-tip-dialog-content .table{margin-bottom: 0;}
.calculator .disk-tip-dialog-dir, .calculator .type-tip-dialog-dir{
  height: 15px;
  overflow: hidden;
}
.calculator .network-tip-dialog-dir{
  position: absolute;
  left:-15px;
  top:206px;
  width:15px;
  overflow: hidden;
}
.calculator .network-tip-dialog-dir > div.arrow-left{
  position: relative;
  left:-15px;
}

.calculator .disk-tip-dialogTwo .disk-tip-dialog-dir > div.arrow-bottom{
  margin-left:231px;
  position: relative;
  top:-1px;
}
.calculator .pubbandwidth-tip-link{color:#455CC6;}
.calculator .pubbandwidth-tip-link:hover{color:#4D7CFE;}
.calculator .amount-input{
  float:left;
  width:200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.calculator .unit-list{
  float:left;
  width:86px;
}
.calculator .disk-list{
  width:120px;
  margin-bottom: 10px;
}
.calculator .cost-message{
  display: inline-block;
}
.calculator .price-list .form-control{
  height: 28px;
  width: 100px;
  display: inline-block;
  font-size: 12px;
  padding: 6px 12px 3px 12px;
  margin-left: 20px;
}
.calculator .cdn-time{
  text-align: center;
  font-weight:600;
  font-size:14px;
  /*border-color: #455CC6;*/
}
.calculator .mysql-num .host-num-option{
  float: left;
  margin-right: 20px;
}
.calculator .message{
  height: 30px;
  line-height: 30px;
}
.calculator .prompt ul,.calculator .prompt p{
  float: left;
}
.calculator .prompt p{
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
}

.calculator .pagination li {
    margin: 0;
}
.calculator .pagination>li>a, .calculator .pagination>li>span{
  background: #fff;
  color: #666;
  border-color: #ccc;
  cursor: pointer;
}

.calculator .pagination>li>a:hover, .calculator .pagination>li>span:hover{
  background: #fff;
  color: #333;
  border-color: #999;
}