

.apy-pop-item dt {
    padding-left:20px;
}
.apy-pop-item .nav1 dt {
    background:url("../images/nav1.png") left center no-repeat;
}
.apy-pop-item .nav2 dt {
    background:url("../images/nav2.png") left center no-repeat;
}
.apy-pop-item .nav3 dt {
    background:url("../images/nav3.png") left center no-repeat;
}
.apy-pop-item .nav4 dt {
    background:url("../images/nav4.png") left center no-repeat;
}
.apy-pop-item .nav5 dt {
    background:url("../images/nav5.png") left center no-repeat;
}
.apy-pop-item .nav6 dt {
    background:url("../images/nav6.png") left center no-repeat;
}
.apy-pop-item .nav7 dt {
    background:url("../images/nav7.png") left center no-repeat;
}
.apy-pop-item .nav8 dt {
    background:url("../images/nav8.png") left center no-repeat;
}
.apy-pop-item .nav9 dt {
    background:url("../images/nav9.png") left center no-repeat;
}
.apy-pop-item .nav10 dt {
    background:url("../images/nav10.png") left center no-repeat;
}
.apy-pop-item .nav11 dt {
    background:url("../images/nav11.png") left center no-repeat;
}
.apy-pop-item .nav12 dt {
    background:url("../images/nav12.png") left center no-repeat;
}
.apy-pop-item em {
    display:inline-block;
    vertical-align:text-top;
    width:31px;
    height:15px;
    margin:0px 0 0 5px;
}
.apy-pop-item .hot {
    background:url("../images/icon/ico4.png") center no-repeat;
}
.apy-pop-item .new {
    background:url("../images/new.png") center no-repeat;
}
.zonkvm-buy-banner {
    position:relative;
    padding-top:160px;
    background:url("../images/banner.jpg-v=3.jpg")  center top #05121a no-repeat;
    min-width:1220px;
}
.zonkvm-buy-banner .header-info {
    display:block;
    height:180px;
    text-align:center;
    color:#fff;
    overflow:hidden;
}
.zonkvm-buy-banner .header-info p {
    margin-top:30px;
}
.server-column {
    height:60px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
}
.server-column li {
    width:33.3%;
    float:left;
    height:60px;
    line-height:60px;
    font-size:18px;
    background:#383e4e;
}
.server-column li a {
    display:block;
    color:#fff;
}
.server-column li a:before {
    content:"";
    height:23px;
    margin-right:15px;
    display:inline-block;
    vertical-align:middle;
    background:url("../images/cloumn.png") no-repeat;
}
.server-column .item1 a:before {
    width:22px;
    background-position:0 0
}
.server-column .item2 a:before {
    width:18px;
    background-position:-32px 0
}
.server-column .active {
    background:#015bfe;
}
.video-overview {
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999999;
    background-color:rgba(0,0,0,0.5);
}
.video-overview.open {
    display:block;
}
.video-overview .video-card {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    padding:15px;
    width:100%;
    max-width:920px;
    box-sizing:border-box;
    background-color:#1f2026;
    background-image:-webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));
}
.video-overview .video-card .videotop-tool {
    position:absolute;
    height:20%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    background-image:-webkit-linear-gradient(rgba(0,0,0,1),rgba(255,255,255,0));
    background-image:linear-gradient(rgba(0,0,0,1),rgba(255,255,255,0));
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.video-overview .video-card img {
    opacity:0;
    position:absolute;
    top:15px;
    right:15px;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.video-overview .video-card:hover img {
    display:block;
    opacity:1;
}
.video-overview .video-card:hover .videotop-tool {
    display:block;
    opacity:1;
}
.video-card video {
    width:100%;
}
.btn-Video {
    float:left;
    padding:10px 20px;
    border:1px solid #fff;
    background:#fff;
    color:#006aff;
}
.web-zonkvm-user {
    position:relative;
    display:inline-block;
    height:65px;
    line-height:65px;
    color:#1c1d1f;
    cursor:pointer;
    text-indent:10px;
    float:right;
}
.web-zonkvm-user .user-image {
    float:left;
    width:30px;
    height:30px;
    margin-top:20px
}
.web-zonkvm-user .user_content {
    position:relative;
    float:right;
    width:240px;
    background:#fff;
    position:absolute;
    display:none;
    z-index:999;
    border:1px solid #eaedf0;
    right:10px
}
.web-zonkvm-user .user_content  .user-txt {
    padding-left:20px;
    color:#000;
    height:35px;
    line-height:35px;
}
.web-zonkvm-user .user_content  .user-txt .rbmt {
    padding:5px 10px;
    color:#000;
}
.web-zonkvm-user .user_content  .user-txt span {
    font-size:24px;
    padding-right:10px
}
.web-zonkvm-user .user_content  .user-index-cz {
    padding-left:20px;
}
.web-zonkvm-user .user_content  .user-index-cz a {
    padding:8px 60px;
    background:#2981ff;
    color:#fff
}
.web-zonkvm-user .user_content  .index-user-dh {
    margin-left:20px;
    margin-right:10px;
    border-top:1px solid #eaedf0;
    margin-bottom:10px;
}
.web-zonkvm-user .user_content  .index-user-dh div {
    height:35px;
    line-height:35px
}
.web-zonkvm-user .user_content  .index-user-dh a {
    color:#626266
}
.web-zonkvm-user .user_content .index-user-shiming {
    float:right;
    margin-right:50px
}
.web-zonkvm-user .user_content .index-user-shiming-i {
    font-size:12px;
    color:#fff;
    padding:2px 5px;
    background:#ff7800;
    border-radius:5px;
}
.web-zonkvm-user .user_content .index-user-shiming-o {
    font-size:12px;
    color:#fff;
    padding:2px 5px;
    background:#00c70e;
    border-radius:5px;
}
.web-zonkvm-user.user_content  p {
    width:auto;
    float:left;
    height:25px;
    line-height:25px;
}
.web-zonkvm-user:hover .user_content {
    display:block
}
.web-zonkvm-user .user_content div ul li a {
    color:#666666
}
img,input,label,select,textarea {
    outline:0;
    vertical-align:middle
}
button,input,select,textarea {
    font-size:12px;
    height:38px;
    border:1px solid #eeeeee;
}
input.input {
    width:480px;
    height:32px;
    margin-right:5px;
    line-height:32px;
    border:1px solid #e0e0e0;
    border-radius:2px;
    padding-left:10px;
    box-shadow:1px 1px 2px 0 rgba(0,0,0,.08) inset;
    transition:all ease .2s;
    font-size:12px
}
input.password {
    width:100px
}
textarea.textarea {
    border:1px solid #e0e0e0;
    border-radius:2px;
    width:480px;
    margin-right:5px;
    padding:10px;
    box-shadow:1px 1px 2px 0 rgba(0,0,0,.08) inset;
    transition:all ease .2s;
    line-height:1.5em;
    resize:none;
    margin-right:5px
}
input.input:hover,textarea.textarea:hover {
    border-color:#06f;
    box-shadow:none
}
input.input:focus,textarea.textarea:focus {
    border-color:#06f;
    box-shadow:0 0 0 2px rgba(192,218,255,1)
}
input.input-xshort {
    width:50px
}
input.input-short {
    width:100px
}
.edit-table input.input-short {
    width:120px
}
input.input-long {
    width:240px
}
input.input-xlong {
    width:320px
}
.flex-input,.search-box .input[name=keyWord],.search-box .input[name=keyword],.search-box .input[name=keywords] {
    max-width:240px;
    min-width:180px;
    width:100%;
    padding-right:32px
}
select.select {
    width:100px;
    height:32px;
    padding:5px 3px;
    padding-left:10px;
    border:1px solid #ddd;
    border-radius:2px
}
.edit-table select.select {
    width:240px
}
select.select-long {
    width:240px
}
select.select-slong {
    width:150px
}
select.select-xlong {
    width:320px
}
select.select:focus {
    border-color:#2196f3
}
input.is-readonly,select.is-readonly,select:disabled {
    color:#aaa;
    cursor:not-allowed
}
input.is-readonly,select.is-readonly {
    pointer-events:none
}
input:disabled {
    color:#aaa;
    cursor:not-allowed!important
}
input:disabled:hover {
    border:1px solid #e0e0e0!important
}
input.input-xlong {
    width:320px;
}
.alert-protect {
    margin-top:20px;
}
.table-list {
    background-color:#fff;
    padding-left:20px;
    padding-top:20px;
    padding-right:20px;
}
