/*港云公共样式*/
/*版权所有：东台市港云网络科技有限公司，仅限用于：www.dn23.com*/ 
/*软著保护：2023R11L2613747，盗版必究*/


/* 港云网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/ 

.apy-pop-list dt{ padding-left: 24px;}
.apy-pop-list .nav1 dt{background: url("img/nav1.png") left center no-repeat;}
.apy-pop-list .nav2 dt{background: url("img/nav2.png") left center no-repeat;}
.apy-pop-list .nav3 dt{background: url("img/nav3.png") left center no-repeat;}
.apy-pop-list .nav4 dt{background: url("img/nav4.png") left center no-repeat;}
.apy-pop-list .nav5 dt{background: url("img/nav5.png") left center no-repeat;}
.apy-pop-list .nav6 dt{background: url("img/nav6.png") left center no-repeat;}
.apy-pop-list .nav7 dt{background: url("img/nav7.png") left center no-repeat;}
.apy-pop-list .nav8 dt{background: url("img/nav8.png") left center no-repeat;}
.apy-pop-list .nav9 dt{background: url("img/nav9.png") left center no-repeat;}
.apy-pop-list .nav10 dt{background: url("img/nav10.png") left center no-repeat;}
.apy-pop-list .nav11 dt{background: url("img/nav11.png") left center no-repeat;}
.apy-pop-list .nav12 dt{background: url("img/nav12.png") left center no-repeat;}
.apy-pop-list em{display: inline-block; vertical-align:text-top; width: 31px; height: 15px; margin:0px 0 0 5px;}
.apy-pop-list .hot{background: url("img/ico4.png") center no-repeat;}
.apy-pop-list .new{background: url("img/new.png") center no-repeat;}

.zonkvm-buy-banner{ position: relative;padding-top: 160px; background: url("img/buy/banner.jpg-v=3.jpg")  center top #05121a no-repeat;min-width:1280px;}
.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("img/buy/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;}