.uc-process{width: 100%; height: 26px; zoom: 1;}
.uc-process:after{display: block; clear: both; height: 0; content: "\0020";}
.uc-process .unit,
.uc-process .uc-current,
.uc-process .past{float: left; display: inline; height: 26px; width: 32%; background: #ccc; text-align: center; color: #fff; font-size: 16px; line-height: 26px;}
.uc-process .uc-current{background: #00a2ca;}
.uc-process .past{background: #9cddf5; color: #fff;}
.uc-process .arrow,
.uc-process .arrow-current,
.uc-process .arrow-complete,
.uc-process .arrow-past{position: relative; float: left; display: inline; width: 2%; height: 26px; overflow: hidden; background: #ccc;}
.uc-process .next{position: absolute; display: block; left: 0; top: -3px; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 16px 10px; _border-color: black; _filter: chroma(color=black); border-left-color: #fff;}
.uc-process .prev{position: absolute; display: block; left: 0; top: 0; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 13px 8px; _border-color: black; _filter: chroma(color=black); border-left-color: #ccc;}
.uc-process .arrow-current .prev{border-left-color: #00a2ca;}
.uc-process .arrow-complete{background: #00a2ca;}
.uc-process .arrow-complete .prev{border-left-color: #9cddf5;}
.uc-process .arrow-past{background: #9cddf5;}
.uc-process .arrow-past .prev{border-left-color: #9cddf5;}.uc-table{width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; color: #333;}

.dl-horizontal dt{
    width:90px;
}

.dl-horizontal dd{
    margin-left:100px;
}
.vm-list{
    max-height:500px;
    overflow:auto;
    background-color:white;
    border:1px solid #f5f5f5;
    margin-bottom:4px;
}
.vm-list .vm-heading{
    border-bottom:1px dashed #ddd;
    height:35px;
    line-height:35px;
    padding-left:5px;
    font-weight:bold;
}
.title-price{
    color:red;
    font-weight:bold;
}
.btn-radio{
    display: inline-block;
    width: 94px;
    overflow: hidden;
    margin-right: 10px;
    background: #f9f9f9;
    border: solid 1px #eee;
    text-align: center;
    outline: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.btn-radio:link, .btn-radio:visited {
    background: #f9f9f9;
    border-color: #eee;
    color: #999;
}
.btn:hover {
    background: #eafbfe;
    border-color: #eafbfe;
    *background: #f6f6f6;
    *border-color: #f6f6f6;
    color: #000;
    text-decoration: none;
    cursor:pointer;
}
.current:link, .current:visited, .current:hover, .current{
    background: #eafbfe;
    border-color: #6dc5dc;
    color: #000;
    cursor: default;
}
.form-group .btn{
    margin-right:10px;
}
.buy-period>.btn{
    margin-right:2px;
}
.title-price>small{
    color: #777;
    vertical-align: 2px;
    text-decoration: line-through;
}

dl{
    margin-bottom:10px;
}

.shopping-cart{
    max-height:510px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color:#e7e7e7;
    padding:4px;
}

.buy-buttons{
    padding:15px;
    /*background-color:*/
}

.form-txt{
    padding-top:6px;
}


.cshwrong,
input.ng-invalid.ng-dirty {
        border: 1px solid #FF3C3C !important;
    }

form .ec-invalid,.ec-invalid{
    border: 1px solid #FF3C3C !important;
}

form .ec-invalid:focus{
    border: 1px solid #FF3C3C;
}

/*
.btn-radio {
    display: inline-block;
    height: 24px;
    width: 94px;
    overflow: hidden;
    margin-right: 10px;
    background: #f9f9f9;
    border: solid 1px #eee;
    line-height: 2;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    outline: none;
    overflow: hidden;
}

.btn-radio:link,
.btn-radio:visited{background: #f9f9f9; border-color: #eee; color: #999; }
*/

.price{
    color: #f60;
    font-size: 28px;
    display: inline-block;
    margin-top: 6px;
    height:22px;
}
.message{
    color: #f60;
    font-size: 16px;
    display: inline-block;
    margin-top: 6px;
    height:22px;
}
.origin-price{
    vertical-align: 5px;
}
.origin-price,
.origin-price .price,
.origin-price .message,
.origin-price .ec-price,
.origin-price .ec-price-message{
    color:#777;
    font-size: 14px;
}
.origin-price .price,
del .price,
.origin-price .ec-price,
del .ec-price{
    text-decoration: line-through;
}

.confirmvm .price,
.confirmvm .message,
.confirmvm .ec-price,
.confirmvm .ec-price-message{
    color:#777;
    font-size:85%;
}

.confirmvm-edit .control-label{
    width:65px;
    text-align:right;
}
.confirmvm-edit-en .control-label{
    width:85px;
    text-align:right;
}

.confirmvm-os{
    overflow: hidden;
}
.confirmvm-os .ec-dropdown{
    display: inline-block; 
    width: 160px;
    margin-bottom: 10px; 
}
.buy_confirm_input .confirmvm-os>select{
    width: 160px !important;
    height: 32px;
    margin-left:15px;
}

.confirmvm-disk label{
    vertical-align: 20px;
}
.confirmvm-disk .input-group{
    padding-bottom:8px;
    display:inline-block;
    width:250px;
}
.confirmvm-disk>.confirmvm-disk-add{
    padding-left:67px;
}
.confirmvm-disk>.confirmvm-disk-add-en{
    padding-left:87px;
}

.input-disk>.input-group-addon,
.confirmvm-disk .input-group-addon{
    border-left:0;
}
.input-disk>.input-group-addon>span,
.confirmvm-disk .input-group-addon>span
{
    display: inline-block;
    width:40px;
}

.vm-upgrade-disk{
    margin-bottom:10px;
}
.vm-upgrade-disk .input-group-addon{
    background:rgb(249, 249, 249);
}
.vm-upgrade-disk .middle-addon{
    border-left:0;
}
.vm-upgrade-disk .middle-addon>span{
    display:inline-block; 
    width:40px;
}
.vm-upgrade-bandwidth>div>input{
    width:80px;
}
.vm-upgrade-bandwidth .upgrade-slider{
    width:430px; 
    max-width:500px;
}

.volume-buy-input{
    width: 70px;
    display:inline-block;
}