/*
 * @Company: Gainet
 * @Date: 2023-1-12 11:28:44
 * @Author: baicaihong
 */
body {
   min-width: 1280px;
}

.width1280 {
   width: 1280px;
   min-width: 1280px;
   margin: 0 auto;
}

a:hover {
   opacity: 0.8;
}

.gfffdf8 {
   color: #fffdf8;
}

.gfdf8e9 {
   color: #fdf8e9;
}

.gf13335 {
   color: #FF3D00;
}

.gfff1ef {
   color: #fff1ef;
}

.gfed4af {
   color: #fed4af;
}

.gbe1000 {
   color: #be1000;
}

.gbe1000-8 {
   color: rgba(190, 16, 0, 0.8);
}

.g666 {
   color: #666;
}

.gfff {
   color: #fff !important;
}

.gf8 {
   color: rgba(255, 255, 255, 0.8);
}

.g4f {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #1b202a;
}

.g4f8 {
   color: rgba(79, 79, 79, 0.8);
}

.fsize32 {
   font-size: 32px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ff3d00;
}

.fsize56 {
   font-size: 56px;
}

.fsize28 {
   font-size: 28px;
   font-family: Microsoft YaHei UI, Microsoft YaHei UI-400;
   font-weight: 400;
   text-align: left;
   color: #ff3d00;
   line-height: 33px;
}

.fsize26 {
   font-size: 26px;
}

.fsize24 {
   font-size: 24px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #2d2f3b;
}

.fsize18 {
   font-size: 18px;
}

.fsize14 {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(27, 32, 42, 0.80);
}

.fsize12 {
   font-size: 12px;
}

.mtop10 {
   margin-top: 10px;
}

.mtop20 {
   margin-top: 20px;
}

.mtop30 {
   margin-top: 30px;
}

.mright20 {
   margin-right: 20px;
}

.padd20 {
   padding: 20px;
}

.fwn {
   font-weight: normal !important;
}

.pull-left2 {
   width: 100px;
   /* width: 80px; */
   float: left;
}

.act-20240618-row-container .pull-right {
   float: right;
   /* padding-left: 40px; */
   margin-left: 10px;
}

.text-center {
   text-align: center;
}

.linh30 {
   line-height: 30px;
}

.w50b {
   width: 50%;
}

.w60 {
   width: 60px;
}

.w90 {
   width: 90px;
}

.w200 {
   width: 200px !important;
}

.sele-dh {
   width: 60px;
   height: 160px;
   box-sizing: border-box;
   margin-bottom: 5px;
}

.sele-dh img {
   width: 60px;
   height: 160px;
}

.banner {
   background: #fff6e9 url(https://img.zzidc.com/act/images/2025/20251111act/banner.png) no-repeat top center;
   background-size: cover;
   height: 622px;
   width: 100%;
   min-width: 1280px;
   /* overflow: hidden; */
   z-index: 100;
   position: relative;
   padding-top: 1px;
}

/* 第一板块 */
.hotbox {
   width: 1280px;
   height: 100px;
   margin: 0 auto;
   margin-top: 487px;
   display: flex;
   justify-content: space-between;
}

.hotbox-item2 .xrzq {
   display: flex;
   align-items: center;
}

.hotbox-item2 {
   background: #FCFDFF;
   width: 280px;
   text-align: center;
   padding: 21px 12px;
   box-sizing: border-box;
   box-shadow: 0px 2px 4px 0px rgba(50, 82, 246, 0.15), -4px 3px 6.9px -1px rgba(182, 200, 249, 0.23) inset;
}

.hotbox-item2 .lqbtn {
   width: 76px;
   height: 23px;
   background: linear-gradient(90deg, #ff9239, #ff7331 100%);
   border-radius: 2px;
   text-align: center;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   margin-left: 16px;
   color: #ffffff;
   line-height: 23px;
}

.hotbox-item2 .xrzq .xinren {
   font-size: 20px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #FF3D00;
   line-height: 23px;
}

.hotbox-item2 .xrzq .zhuanqu {
   font-size: 20px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #2E2E3F;
   line-height: 23px;
}

.hotbox-item2 .xr-mask {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #2b2b2b;
   line-height: 16px;
   margin-top: 9px;
}

.hotbox-item3 {
   background: #fbe7de url(https://img.zzidc.com/act/images/2025/20251111act/xinren.png) no-repeat center;
   background-size: 100% 100%;
   width: 392px;
   text-align: center;
   padding: 21px 12px;
   box-sizing: border-box;
   opacity: 1;
   position: relative;
}

.hotbox-item2:hover {
   opacity: 1;
}

/* 新人专区 */
.newpeople-icon {
   position: absolute;
   width: 91px;
   height: 33px;
   display: inline-block;
   background: url(https://img.zzidc.com/act/images/20230101act/20230112img1.png) no-repeat top center;
   top: 0;
   right: 1px;
   color: #f13335;
   text-align: center;
   line-height: 30px;
   font-size: 18px;
}
#newpeople .yunyxbox-item:nth-child(3) .item-pz{
   padding-top: 5px!important;
}
.yunyx-title {
   font-size: 28px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #282e3e;
   /* margin-top: 60px; */

}

.yunyx-title a:hover {
   color: #f13335;
}

.yunyxbox-item {
   width: 305px;
   height: 450px;
   background: #fff;
   float: left;
   box-sizing: border-box;
   position: relative;
}

.yunyxbox-item .zhuanxiang {
   width: 108px;
   height: 25px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/zxbg.png) no-repeat top center;
   background-size: 100%;
   position: absolute;
   top: -3px;
   right: -3px;
   text-align: center;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ffffff;
   line-height: 25px;
}

.item-top {
   width: 100%;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/xinren2.png) no-repeat top center;
   height: 146px;
   background-size: 100%;
   padding: 26px 19px;
   box-sizing: border-box;
   margin: 0 auto;
}

.item-pz {
   padding: 0 17px;
   box-sizing: border-box;
   height: 140px;
   padding-top: 24px;
   padding-bottom: 29px;
   background: #fff;
}

.ms-pz {
   width: 60px;
   float: left;
   color: rgba(79, 79, 79, 0.8);
   /* background: url(https://img.zzidc.com/act/images/20230101act/20230111img7.png) no-repeat left; */
   /* padding-left: 20px; */
   background-size: 12px 10px;
   box-sizing: border-box;
   margin-right: 20px;
}

.xztime {
   display: inline-block;
   width: 48px;
   height: 17px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #1b202a;
   line-height: 17px;
   /* border: 1px solid #4f4f4f; */
   margin-right: 5px;
   border: 1px solid #ff3d00;
   border-radius: 1px;

}

.xztime2 {
   display: inline-block;
   width: 48px;
   height: 17px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #1b202a;
   line-height: 17px;
   /* border: 1px solid #4f4f4f; */
   margin-right: 5px;
   border: 1px solid #1b202a;
   border-radius: 1px;

}

.xztime2.on,
.xztime2:hover {
   /* border: 1px solid #ff3d00; */
   color: #ff3d00;
   border: 1px solid #ff3d00;
}

.xztime.on,
.xztime:hover {
   /* border: 1px solid #ff3d00; */
   color: #ff3d00;
}

.item-jg {
   padding: 19px 17px 25px;
   box-sizing: border-box;
   position: relative;
}

.te-biao {
   position: absolute;
   top: 20px;
   left: 20px;
}

.biao1 {
   background: #f13335;
   font-size: 12px;
   color: #fff;
   border-radius: 2px;
   display: inline-block;
   margin-right: 5px;
   border: 1px solid #f13335;
   padding: 0px 4px;
}

.biao2 {
   font-size: 12px;
   color: #f13335;
   border-radius: 2px;
   display: inline-block;
   margin-right: 5px;
   border: 1px solid #f13335;
   padding: 0px 4px;
}

.tejia {
   color: #ff3d00;
   font-size: 12px;
}

.yuanjia {
   text-decoration: line-through;
   font-size: 12px;
   color: rgba(79, 79, 79, 0.5);
}

.ljbuy {
   display: block;
   /* width: 98px; */
   width: 278px;
   height: 40px;
   background: linear-gradient(90deg, #ff6005, #ff6005 100%);
   line-height: 40px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ffffff;
   line-height: 40px;
   color: #fff;
   /* background: #4360FD; */
   /* background: linear-gradient(90deg, #4360FD, #8EA0FF 100%); */
   text-align: center;
   margin: 0 auto;
   margin-bottom: 15px;
   /* margin-left: 48px; */
}

.ljbuy:hover {
   color: #fff;
}

select:focus option:checked {
   border-color: #4360fd;
   color: #1B202A;
  /* background-color: #ccc;
    修改选中后的边框颜色为蓝色 */
}



.ershi {
   width: 46px;
   height: 18px;
   border: 1px solid #ff3d00;
   border-radius: 1px;
   text-align: center;
   font-size: 12px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ff3d00;
   line-height: 19px;
   position: absolute;
   left: 19px;
   bottom: 133px;
}

/* 团购专区 */
.tuanselect {
   width: 160px;
   height: 30px;
   background: #fff;
   border: 1px solid #ddd;
   color: #333;
   padding: 4px 0 5px 15px;
}

.tuan .item-pz {
   height: 180px;
   /* background: #fffbf7; */
}

.tuan .item-jg {
   padding-top: 0;
   background: #fff;
   margin-top: 32px;
   /* padding: ; */
}

.tuan .yunyxbox-item {
   height: 474px;
}

/* 快云ssl证书 */
.ssl-info {
   width: 100%;
   height: auto;
   background: #eaf2ff;
   overflow: hidden;
   /* background: url(https://img.zzidc.com/act/images/20230101act/20230111img7.png) no-repeat left;
   background-size: 100% 100%; */
}

.ssl-banner {
   width: 100%;
   height: 200px;
   margin-top: 44px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/sslbanner.png) no-repeat left;
   background-size: 100% 100%;
}

.ssl-banner .ssl-content {
   width: 1280px;
   height: 100%;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   padding-top: 47px;
   box-sizing: border-box;
   /* align-items: center; */
}

.ssl-banner .ssl-content .ssl-cont {
   max-width: 524px;
}

.ssl-banner .ssl-content .ssl-cont .ssl-top {
   font-size: 28px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   line-height: 33px;
}

.ssl-banner .ssl-content .ssl-gang {
   width: 0px;
   height: 100px;
   border: 1px solid rgba(255, 255, 255, 0.50);
}

.ssl-banner .ssl-content .ssl-cont .ssl-bot {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   line-height: 30px;
   margin-top: 10px;
}

/* 快云专区 */
.kytab {
   display: inline-block;
}

.kytab li {
   float: left;
   padding: 10px;
   border-bottom: 2px solid #fee5da;
   cursor: pointer;
   font-size: 16px;
   margin: 0 60px;
}

.kytab li.on,
.kytab li:hover {
   border-bottom: 2px solid #eb3737;
   color: #eb3737;
}

.kytabbox-item {
   width: 1280px;
   height: 153px;
   background: #fff9f9;
   border: 1px solid #ddcbb9;
   /* padding: 1px; */
   box-sizing: border-box;
   padding-right: 26px;
}

.zydv {
   width: 180px;
   height: 100%;
   background: #FFF0E8;
   padding: 40px 27px 29px 27px;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   box-sizing: border-box;
}

.zydv .zy-top {
   width: 100%;
   font-size: 16px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #2d2f3b;
   line-height: 19px;
}

.zydv .zy-mask {
   width: 100%;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: rgba(45, 47, 59, 0.60);
   line-height: 16px;
}

.kytabbox-item.active {
   display: flex;
   /* justify-content: space-between; */
}



.yuncp-list:first-child {
   border-top: 0;
}

.yuncp-item {
   width: fit-content;
   float: left;
   /* padding: 35px 15px 14px; */
   padding-top: 35px;
   /* padding-left: 20px; */
   font-size: 14px;
   line-height: 26px;
   font-size: 14px;
   box-sizing: border-box;
   margin-left: 28px;
}

.fwqgmsl {
   width: 107px;
   height: 32px;
   border: 1px solid #b0b0b0;
   box-sizing: border-box;
}

.yuncp-item-tlt {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(45, 47, 59, 0.80);
   line-height: 16px;
}


.mtop15 {
   margin-top: 15px;
}

.cut,
.add {
   width: 30px;
   height: 29px;
   border: none;
   float: left;
   background: #fff;
   color: rgba(45, 47, 59, 0.80);
   font-size: 14px;
}

.cut {
   border-right: 0;
}

.add {
   border-left: 0;
}

.num {
   border: none;
   height: 29px;
   text-align: center;
   color: rgba(45, 47, 59, 0.80);
   float: left;
   outline: none;
   width: 44px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   box-sizing: border-box;
   background: #fff;
   border-left: 1px solid #b0b0b0;
   border-right: 1px solid #b0b0b0;
   /* padding: 6px; */
}

.yuncp-dk {
   width: 130px;
   height: 32px;
   border: 1px solid #b0b0b0;
   background: #fff9f2;
   color: #282E3E;
   opacity: 0.8;
   padding: 4px 8px 4px 10px;
}

select:focus-visible {
   border: 1px solid #f13335;
   outline: none;
   color: #1B202A;
}

.yuncp-time {
   float: left;
   width: 48px;
   height: 32px;
   border: 1px solid rgba(176, 176, 176, 0.80);
   display: inline-block;
   line-height: 30px;
   font-size: 14px;
   color: #2D2F3B;
   box-sizing: border-box;
   position: relative;
   text-align: center;
   opacity: 1;
   /* margin-left: -1px; */
}

.shugang {
   width: 0px;
   height: 91px;
   border: 1px solid #b0b0b0;
   margin-top: 30px;
   margin-left: 65px;
   margin-right: 50px;
}

.dazhe {
   position: absolute;
   right: 0px;
   top: -12px;
   width: 30px;
   height: 18px;
   background: #f9683c;
   border-radius: 0px 8px 0px 8px;
   font-size: 12px;
   color: #fff;
   text-align: center;
   line-height: 17px;
}

.yuncp-time.on,
.yuncp-time:hover {
   opacity: 1;
   border: 1px solid #FF6005;
   color: #FF6005;
}

.w120 {
   width: 120px;
}

/* 等保专区 */
.dbaobox-con {
   margin-top: 50px;
   display: flex;
   justify-content: space-between;
}

.dbaobox-item {
   width: 412px;
   height: 265px;
   float: left;
   margin-left: 22px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/dbbanner.png) no-repeat top left;
   background-size: 412px 265px;
   box-sizing: border-box;
   padding: 34px;
   position: relative;
   border: 1px solid #dfdfdf;
}

.dbaobox-item:hover {
   border: 1px solid #ff6005;
}

.dbaobox-item:first-child {
   margin-left: 0;
}

.dbao-icon {
   display: inline-block;
   position: absolute;
   top: -2px;
   right: -6px;
   width: 72px;
   height: 72px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/diya.png) no-repeat top left;
   background-size: 70px 72px;
   font-size: 12px;
}

.dbao-icon span {
   transform: rotate(45deg) translateY(3px) translateX(23px);
   display: inline-block;
   color: #fff;
}

.dbao-tit {
   font-size: 20px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #252525;
   line-height: 23px;
}

.dbao-txt {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(27, 32, 42, 0.80);
   line-height: 26px;
   margin-top: 19px;
}

.ljgm {
   width: 156px;
   height: 34px;
   background: #fff6f6;
   border: 1px solid #FF4E33;
   margin-right: 26px;
   text-align: center;
}

.ljgm .dbao-btn {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;

   color: #FF4E33;
   line-height: 34px;
}

.ljzx {
   width: 156px;
   height: 34px;
   background: #FF4E33;
   text-align: center;
}

.ljzx .dbao-more-btn {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ffffff;
   line-height: 34px;
}

.dbao-qlist {
   margin-top: 19px;
   display: flex;
   align-items: center;
}

.dbao-qlist span {
   width: auto;
   height: 23px;
   background: #fff6f6;
   border: 1px solid #ff9889;
   border-radius: 2px;
   padding: 0 10px;
   font-size: 12px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #FF4E33;
   line-height: 23px;
   margin-right: 6px;
}

/* 智慧来客 */
.zhlk-banner {
   width: 100%;
   height: 376px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/zhlkbanner.png) no-repeat center;
   background-size: cover;
   margin-top: 40px;
   padding-top: 54px;
}

.zhlk-banner .zhlk-tlt {
   font-size: 18px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   line-height: 30px;
   margin-bottom: 10px;
}

.zhlk-banner .shrq-list {
   display: flex;
   align-items: center;
   margin-bottom: 33px;
}

.zhlk-banner .shrq-list .shrq-item {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   line-height: 30px;
   margin-right: 24px;
}

.zhlk-banner .tx-info {
   width: 523px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   line-height: 30px;
}

.zhihui-list {
   width: 1280px;
   height: 328px;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   margin-top: 33px;
}

.zhihui-list .zhihui-item {
   width: 310px;
   height: 328px;
   background: #ffffff;
   border: 1px solid #dfdfdf;
   position: relative;
}

.zhihui-item .zh-banner {
   width: 310px;
   height: 165px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/zhihuilaike.png) no-repeat center;
   background-size: 100% 100%;
   padding: 24px 0px 8px 17px;
   box-sizing: border-box;
}

/* .zhihui-item:first-child {
   background: url(https://img.zzidc.com/act/images/2025/20251111act/zhlk1.png) no-repeat center;
   background-size: 100% 100%;
} */

.zhihui-item .zh-banner .zh-tlt {
   font-size: 20px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #252525;
   line-height: 23px;
}

.zhihui-item .zh-banner .zh-mask {
   display: flex;
   align-items: center;
   margin-top: 23px;
}

.zhihui-item .zh-banner .zh-mask .mask-l {
   width: 70px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(27, 32, 42, 0.70);
   line-height: 16px;
   margin-right: 49px;
}

.zhihui-item .zh-banner .zh-mask .mask-r {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #1b202a;
   line-height: 16px;
}

.zhihui-item .zh-gang {
   width: 290px;
   height: 0px;
   border: 1px solid #d5ddec;
   margin: 0 auto;
   margin-top: 19px;
}

.zhihui-item .zh-num {
   font-size: 32px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #ff3d00;
   line-height: 38px;
   margin-top: 18px;
   margin-left: 18px;
}

.zhihui-item .zh-num span {
   font-size: 12px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #ff3d00;
   /* line-height: 38px; */
}

.zhihui-item .zh-yj {
   opacity: 0.5;

   font-size: 12px;
   font-family: Microsoft YaHei UI, Microsoft YaHei UI-400;
   font-weight: 400;
   text-decoration: line-through;
   text-align: LEFT;
   color: #4f4f4f;
   line-height: 14px;
   margin-left: 18px;
   margin-top: -5px;
}

.zhihui-item .zh-btn {
   width: 310px;
   height: 44px;
   background: linear-gradient(90deg, #4360fd, #8ea0ff 100%);
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #ffffff;
   line-height: 44px;
   cursor: pointer;
}

/* .zhihui-item:hover .zh-banner {
   width: 310px;
   height: 165px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/zhhover.png) no-repeat center;
   background-size: 100% 100%;
   padding: 24px 0px 8px 17px;
   box-sizing: border-box;
} */

.zhihui-item:hover {
   border: 1px solid #4360fd;
}

/* GPU服务器 */
.gpu-list {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
}

.gpu-list .gpu-item {
   width: 305px;
   height: 466px;
   background: #ffffff;
   padding: 2px;
   box-sizing: border-box;
}

.gpu-list .gpu-item .gpu-banner {
   width: 300px;
   height: 328px;
   background: #f0f6ff;
   padding: 28px 0px 16px 15px;
   box-sizing: border-box;
}

.gpu-list .gpu-item .gpu-banner .gpu-tlt {
   font-size: 24px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #2d2f3b;
   line-height: 28px;
}

.gpu-list .gpu-item .gpu-banner .gpu-eng {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(45, 47, 59, 0.60);
   line-height: 16px;
   margin-top: 8px;
}

.gpu-list .gpu-item .gpu-banner .address {
   width: 81px;
   height: 27px;
   background: #ffffff;
   font-size: 12px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: center;
   color: #2d2f3b;
   line-height: 27px;
   margin-top: 10px;
}

.gpu-list .gpu-item .gpu-banner .gpu-info {
   height: 19px;
   display: flex;
   align-items: center;
   margin-top: 19px;
}

.gpu-list .gpu-item .gpu-banner .gpu-info .gpu-l {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: rgba(27, 32, 42, 0.70);
   line-height: 19px;
   margin-right: 19px;
}

.gpu-list .gpu-item .gpu-banner .gpu-info .gpu-r {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #1b202a;
   line-height: 19px;
}

.gpu-item .gpu-num {
   font-size: 32px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #ff3d00;
   line-height: 38px;
   margin-top: 15px;
   margin-left: 16px;
}

.gpu-item .gpu-num span {
   font-size: 12px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: left;
   color: #ff3d00;
   line-height: 38px;
}

.gpu-item .gpu-btn {
   display: block;
   /* width: 98px; */
   width: 278px;
   height: 40px;
   background: linear-gradient(90deg, #4360fd, #4360fd 100%);
   line-height: 40px;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #ffffff;
   line-height: 40px;
   color: #fff;
   /* background: #4360FD; */
   /* background: linear-gradient(90deg, #4360FD, #8EA0FF 100%); */
   text-align: center;
   margin: 0 auto;
   margin-top: 20px;
   cursor: pointer;
}

.gpu-item .gpu-btn:hover {}

/* 礼品专区 */
.mtop10 {
   margin-top: 10px !important;
}

.g666 {
   color: #666 !important;
}

.gFF3D00 {
   color: #FF3D00 !important;
}

#chouj {
   padding-bottom: 102px;
   background: #EAEFFF;
}

.width1280 {
   width: 1280px;
   min-width: 1280px;
   margin: 0 auto;
}

.yunyx-title {
   font-size: 28px;
   color: #282E3E;
   padding-top: 62px;
   text-align: center;
}

.chouj-con {
   background: #8C9EFF;
   padding: 25px 40px 30px;
   box-sizing: border-box;
}

.lipintit {
   font-size: 26px;
   font-weight: bold;
   color: #fff;
   margin-bottom: 22px;
}

.lipinbox {
   width: 100%;
   padding: 40px 30px 40px;
   border-radius: 8px;
   box-sizing: border-box;
   background: #427AFF url(https://img.zzidc.com/act/images/2025/20251111act/20240530img2.png) no-repeat center;
   background-size: 100% 100%;
}

.lipinbox li {
   width: 255px;
   height: 166px;
   text-align: center;
   font-size: 12px;
   color: #111;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/20240530img1.png) no-repeat center;
   overflow: hidden;
   float: left;
   margin: 30px 15px 0;
}

.bt {
   text-align: center;
}

.bt-login {
   color: #fff;
   cursor: pointer;
   display: inline-block;
   width: 385px;
   height: 54px;
   font-size: 24px;
   line-height: 54px;
   border-radius: 4px;
   background: #f9a082;
   background: linear-gradient(to right, #FF906D, #FF3D00);
   font-weight: 600;
   margin-top: 44px;
   letter-spacing: 2px;
}

.bt-login:hover {
   color: #fff;
   opacity: 0.8;
}

.chouimg {
   height: 120px;
}

.chouimg img {
   display: inline-block;
}


/* 权益专区 */
.quanbox-con {
   width: 1280px;
   height: 430px;
   margin-top: 40px;
   box-sizing: border-box;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/quanyibg.png) no-repeat center;
   background-size: cover;
   /* background-size: 100% 100%; */
   border-radius: 60px 60px 0px 0px;
}

.quanbox-con .qy-top {
   width: 100%;
   height: 152px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/qytop.png) no-repeat center;
   background-size: cover;
   padding-left: 62px;
   box-sizing: border-box;
   border-radius: 60px 60px 0px 0px;
   font-size: 36px;
   font-family: Microsoft YaHei, Microsoft YaHei-700;
   font-weight: 700;
   text-align: LEFT;
   color: #ffffff;
   line-height: 152px;
}

.quanbox-con .qy-list {
   width: 100%;
   height: 177px;
   box-sizing: border-box;
   padding: 0 23px;
   margin-top: 60px;
   display: flex;
   justify-content: space-between;
}

.qy-list .quan-item {
   width: 385px;
   height: 176px;
   box-sizing: border-box;
   padding: 23px 24px;
   background: url(https://img.zzidc.com/act/images/2025/20251111act/quanyi.png) no-repeat center;
   background-size: 100% 100%;
}

.qy-list .quan-item .top-tlt {
   font-size: 18px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ffffff;
   /* line-height: 21px; */
}

.qy-list .quan-item .item-infos {
   width: 100%;
   height: 45px;
   display: flex;
   align-items: center;
   margin-top: 18px;
   justify-content: space-between;
}

.qy-list .quan-item .item-infos .qy-num {
   height: 45px;
   display: flex;
   align-items: center;
}

.qy-list .quan-item .item-infos .qy-num .num-l {
   font-size: 22px;
   font-family: Microsoft JhengHei, Microsoft JhengHei-700;
   font-weight: 700;
   text-align: LEFT;
   color: #ffffff;

}

.qy-list .quan-item .item-infos .qy-num .num-r {
   font-size: 46px;
   font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-700;
   font-weight: 700;
   text-align: left;
   color: #ffffff;
   margin-left: 5px;
}

.qy-list .quan-item .item-infos .qy-num .num-r span {
   font-size: 30px;
   font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-700;
   font-weight: 700;
   text-align: left;
   color: #ffffff;
}

.qy-list .quan-item .item-infos .qy-btn {
   width: 132px;
   height: 45px;
   background: #ffeddc;
   border-radius: 2px;
   line-height: 45px;
   text-align: center;
   font-size: 18px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   color: #d76b08;
}

/* 多云专区 */
.dyuntab li {
   border-bottom: 2px solid #fcf1eb;
}

.dyun-con .kytabbox-item {
   background: none;
   border: none;
}

#dyun .item-top {
   background: url(https://img.zzidc.com/act/images/20230101act/20230111img4.png) no-repeat top center;
   background-size: 305px 141px;
}

#dyun .ms-pz {
   background: none;
   padding-left: 0;
   width: 80px;
}

#dyun .item-top {
   position: relative;
   overflow: hidden;
}

.dyun-icon {
   position: absolute;
   top: -4px;
   right: 1px;
   display: inline-block;
   width: 92px;
   height: 30px;
   background: url(https://img.zzidc.com/act/images/20230101act/20230111img6.png) no-repeat bottom center;
   background-size: 90px 30px;
   text-align: center;
   line-height: 32px;
   color: #fff;
   font-size: 14px;
}

/* 弹出活动规则 */
.mask {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   _height: expression(document.body.offsetHeight+"px");
   z-index: 999;
   top: 0;
   left: 0;
   display: none;
}

.dialog {
   background-color: #fff;
   -webkit-background-clip: content;
   border-radius: 2px;
   box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
   position: fixed;
   _position: absolute;
   pointer-events: auto;
   -webkit-overflow-scrolling: touch;
   width: 650px;
   height: 500px;
   display: none;
   top: 50%;
   left: 50%;
   z-index: 10000;
   margin-top: -250px;
   margin-left: -325px;
}

.dialog-tit {
   padding: 0 80px 0 20px;
   height: 42px;
   line-height: 42px;
   border-bottom: 1px solid #eee;
   font-size: 14px;
   color: #333;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   border-radius: 2px 2px 0 0;
   position: relative;
}

.dialog-close {
   position: absolute;
   top: 10px;
   right: 15px;
   background: url(https://img.zzidc.com/act/images/20230101act/close.png) no-repeat center;
   width: 16px;
   height: 16px;
   cursor: pointer;
}

/* 侧边导航 */
.lnav {
   position: fixed;
   left: 0;
   top: 10%;
   z-index: 1999;
   /* background-color: #fff; */
   box-sizing: border-box;
   transition: all 0.3s ease-in-out 0.1s;
}

.lnav2 {
   /* width: 160px;
   height: 445px; */
   background: linear-gradient(180deg, #ff6005, #FC4750 100%);
   border-radius: 20px;
   padding: 23px 8px 13px 8px;
   box-sizing: border-box;
   display: none;
   position: relative;
}

.lnav2.navshow {
   display: block;
}

.dhlogo {
   width: 60px;
   height: 60px;
   position: absolute;
   left: 16px;
   top: 2px;
}

.lnav-list {
   /* width: 144px;
   height: 407px; */
   background: url(https://img.zzidc.com/act/images/2025/20251111act/dhbanner.png) no-repeat center;
   background-size: 100% 100%;
   padding-top: 50px;
   padding-left: 15px;
   box-sizing: border-box;
   padding-bottom: 24px;
   padding-right: 5px;
   /* margin-top: 20px; */
}

.lnav-list li {
   /* border-top: 1px solid #ffe3dc; */
   margin-bottom: 24px;
}

.lnav-list li:last-child {
   margin-bottom: 0;
}

.lnav-list li:first-child {
   border-top: none;
}

.lnav-list li a {
   display: block;
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #585858;
   line-height: 16px;
}

.lnav-list li.on a,
.lnav-list li:hover a {
   font-size: 14px;
   font-family: Microsoft YaHei, Microsoft YaHei-400;
   font-weight: 400;
   text-align: LEFT;
   color: #ff6005;
   line-height: 16px;
}

@keyframes fadenum {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}
.fivebao .item-top,.tuan .item-top{
   background: url(https://img.zzidc.com/act/images/2025/20251111act/5year.png) no-repeat top center;
}
.fivebao .yunyxbox-item,.tuan .yunyxbox-item{
   box-shadow: 2px 3px 5px 1px rgba(218,95,24,0.12);
}