@charset "utf-8";
@import url(base.css);
.case-banner-box { position: absolute; top: 37%; z-index: 5; width: 100%; left: 0; }
.case-banner-text { color: #fff; }
.case-banner-text h3 { color: #fff; font-size: 20px; margin-bottom: 2%; }
.case-banner-text h2 { color: #fff; font-size: 42px; margin-bottom: 2%; }
.case-banner-text p { font-size: 16px; margin-bottom: 2%; }
.case-banner-text p a { display: inline-block; margin-right: 3%; color: #c8c4ff; }
.case-banner-text p a:hover { color: #ff4261; }
.case-banner-btn a { margin-right: 10px; position: relative; color: #fff; font-size: 14px; display: inline-block; padding: 10px 15px; background: -webkit-linear-gradient(left, rgba(255, 66, 97, 1) 0%, rgba(125, 112, 248, 1)); background: -o-linear-gradient(right, rgba(255, 66, 97, 1) 0%, rgba(125, 112, 248, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(255, 66, 97, 1) 0%, rgba(125, 112, 248, 1)); background: linear-gradient(right, rgba(255, 66, 97, 1) 0%, rgba(125, 112, 248, 1)); border-radius: 30px; }
.case-banner-btn a em { position: relative; z-index: 2; display: block; font-style: normal }
.case-banner-btn a span { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(left, rgba(125, 112, 248, 1) 0%, rgba(255, 66, 97, 1)); background: -o-linear-gradient(right, rgba(125, 112, 248, 1) 0%, rgba(255, 66, 97, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(125, 112, 248, 1) 0%, rgba(255, 66, 97, 1)); background: linear-gradient(right, rgba(125, 112, 248, 1) 0%, rgba(255, 66, 97, 1)); border-radius: 30px; z-index: 1; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.case-banner-btn a:hover span { opacity: 1; visibility: visible; }
.case-banner-btn a:hover { color: #ffdf0a; }
.case-banner-btn a.case-banner-btn-a { background: -webkit-linear-gradient(left, rgba(20, 194, 200, 1) 0%, rgba(80, 57, 255, 1)); background: -o-linear-gradient(right, rgba(20, 194, 200, 1) 0%, rgba(80, 57, 255, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(20, 194, 200, 1) 0%, rgba(80, 57, 255, 1)); background: linear-gradient(right, rgba(20, 194, 200, 1) 0%, rgba(80, 57, 255, 1)); }
.case-banner-btn a.case-banner-btn-a span { background: -webkit-linear-gradient(left, rgba(80, 57, 255, 1) 0%, rgba(20, 194, 200, 1)); background: -o-linear-gradient(right, rgba(80, 57, 255, 1) 0%, rgba(20, 194, 200, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(80, 57, 255, 1) 0%, rgba(20, 194, 200, 1)); background: linear-gradient(right, rgba(80, 57, 255, 1) 0%, rgba(20, 194, 200, 1)); }
.header-fixed { position: static; webkit-filter: blur(3px); }
.case-banner { height: 450px; position: relative; overflow: hidden; width: 100%; }
.case-banner .swiper-slide { width: 100%; height: 450px; }
.case-banner .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }
.case-banner .swiper-button-next, .case-banner .swiper-button-prev { outline: none; opacity: 0; -webkit-transition: all .6s; transition: all .6s; background: none; height: 80px; margin-top: -40px; line-height: 80px; text-align: center; width: 35px; }
.case-banner .swiper-button-next i, .case-banner .swiper-button-prev i { color: #fff; font-size: 60px; display: block; line-height: 80px; vertical-align: middle; }
.case-banner .swiper-button-prev { left: 3%; }
.case-banner .swiper-button-next { right: 3%; }
.case-banner:hover .swiper-button-next, .case-banner:hover .swiper-button-prev { opacity: 0.5 }
.case-banner:hover .swiper-button-next:hover, .case-banner:hover .swiper-button-prev:hover { opacity: 1; }
.case-banner.swiper-button-hide .swiper-button-next, .case-banner.swiper-button-hide .swiper-button-prev { opacity: 1 }
.case-banner-swiper { position: relative; }
.case-banner-swiper img { width: 100%; }
.dcase-swiper-pagination { z-index: 20; position: absolute; bottom: 30px; text-align: left; width: 100%; left: 0; height: 8px; }
.case-banner .swiper-pagination { position: static; text-align: left; }
.case-banner  .swiper-pagination-bullet { width: 8px; height: 8px; display: block; float: left; border-radius: 8px; background: #fff; opacity: 1; margin: 0 8px; outline: none; vertical-align: top; }
.case-banner  .swiper-pagination-bullet-active { opacity: 1; background: #ff4261; }
.cloud-state { width: 100%; background: #6948d5; min-height: 67px; }
.cloud-s-cont { width: 100%; }
.cloud-s-cont li { float: left; color: #fff; font-size: 16px; height: 67px; line-height: 67px; padding-right: 4%; margin-right: 2%; background: url(../images/cloud-se-s-line.png) no-repeat right center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.cloud-s-cont li span { float: left; display: inline-block; display: block; }
.cloud-s-cont li i { float: left; width: 34px; margin-right: 15px; }
.cloud-s-cont li i img { max-width: 100%; }
.cloud-s-cont li:last-child { background: none; padding-right: 0; }
.cloud-s-cont li:first-child { padding-left: 0; }

/* 共享虚拟主机 */
.gx-cloud-hosting { width: 100%; background: #f9fafd; position: relative; }
.gx-cloud-h-icon1 { position: absolute; width: 85px; height: 41px; top: 0; left: 20%; }
.gx-cloud-h-icon1 img { width: 100%; vertical-align: top; }
.gx-cloud-h-icon2 { position: absolute; width: 118px; height: 118px; top: 50%; left: 5%; }
.gx-cloud-h-icon2 img { width: 100%; vertical-align: top; }
.gx-cloud-h-icon3 { position: absolute; width: 85px; height: 41px; top: 70%; right: 5%; }
.gx-cloud-h-icon3 img { width: 100%; vertical-align: top; }
.gx-c-h-box { width: 100%; margin-bottom: 10%; }
.gx-title { margin-bottom: 4%; margin-top: 6%; width: 100%; text-align: center; color: #222; }
.gx-title h2 { font-size: 45px; color: #000; margin-bottom: 1%; }
.gx-title p { font-size: 16px; color: #333; }
.gx-c-h-l-wrap { width: 100%; position: relative }
.gx-cloud-h-icon4 { position: absolute; width: 102px; height: 50px; top: -45px; right: 5%; }
.gx-cloud-h-icon4 img { width: 100%; }
.gx-c-h-list { width: 33.33%; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* .gx-c-h-list:after{ content: ""; display: block; height: 100%; width:1px; top:0; position: absolute; right:0; background: #f2f2f2; } */
.gx-c-h-l-inner { background: #fff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; width: 100%; z-index: 1; box-sizing: border-box; border: 1px solid #fff; top: 0; }
.gx-c-h-l-inner:after { content: ""; display: block; height: 100%; width: 100%; top: 0; position: absolute; right: 0; background: #fff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: -1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.gx-c-h-l-cont { padding: 0 5%; width: 90%; position: relative; z-index: 3; top: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.gx-c-h-l-hd { text-align: center; }
.gx-c-h-l-hd h2 { font-size: 26px; line-height: 24px; color: #000; margin-bottom: 15px; letter-spacing: 1px }
.gx-c-h-l-hd p { font-size: 14px; line-height: 14px; color: #333; margin-bottom: 15px; }
.h-s-c-i-c-ad { position: relative; width: 110px; font-size: 12px; display: block; height: 22px; line-height: 22px; color: #fff; text-align: center; background: -webkit-linear-gradient(left, rgba(255, 0, 246, 1) 0%, rgba(82, 62, 232, 1));    /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(255, 0, 246, 1) 0%, rgba(82, 62, 232, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(255, 0, 246, 1) 0%, rgba(82, 62, 232, 1));    /* Firefox 3.6 - 15 */ background: linear-gradient(right, rgba(255, 0, 246, 1) 0%, rgba(82, 62, 232, 1)); border-radius: 20px; margin: 0 auto 5% auto; }
.h-s-c-i-c-ad span { display: block; position: absolute; z-index: 1; opacity: 0; color: #fff; text-align: center; border-radius: 10px; border-radius: 20px; background: -webkit-linear-gradient(left, rgba(82, 62, 232, 1) 0%, rgba(255, 0, 246, 1));    /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(255, 0, 246, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(255, 0, 246, 1));    /* Firefox 3.6 - 15 */ background: linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(255, 0, 246, 1)); transition: all 0.8s ease 0s; width: 100%; height: 100%; }
.gx-c-h-list:hover .h-s-c-i-c-ad span { z-index: 1; opacity: 1; }
.h-s-c-i-c-ad em { display: block; position: absolute; z-index: 2; font-style: normal; width: 100%; height: 100%; }
.h-s-c-money { color: #ff4261; }
.h-s-c-money i { font-size: 18px; font-style: normal; vertical-align: top; }
.h-s-c-money strong { font-size: 32px; line-height: 32px; font-weight: normal; vertical-align: bottom; }
.h-s-c-money span { font-size: 18px; vertical-align: bottom; }
.gx-c-h-l-hd-c { padding: 10% 5% 7% 5%; vertical-align: bottom; }
.gx-c-h-l-hd-c h2 i { display: inline-block; width: 28px; margin-right: 15px; vertical-align: top; }
.gx-c-h-l-hd-c h2 i img { max-width: 100%; }
.gx-c-h-l-hd-c h2 span { display: inline-block; line-height: 28px; vertical-align: top; }
.gx-c-l-sj { background: #f9fafd; font-size: 0; padding: 8% 0; margin-bottom: 5%; }
.gx-c-l-sj li { width: 33.33%; display: inline-block; text-align: center; }
.gx-c-l-sj li strong { font-size: 20px; color: #444; display: block; margin-bottom: 10px; }
.gx-c-l-sj li p { font-size: 14px; color: #666; }
.system-box { margin: 0 3% 15% 3%; }
.system-box-state { font-size: 12px; color: #666; margin-bottom: 12px; position: relative; }
.system-box-state span { display: inline-block; margin-right: 5px; vertical-align: middle; }
.system-box-state i { cursor: pointer; display: inline-block; height: 17px; width: 17px; font-style: normal; background: #08b040; color: #fff; line-height: 17px; text-align: center; border-radius: 50%; vertical-align: middle; }
.system-box-state i img { width: 100%; }

.s-b-s-t-close{ display: block; position: absolute; top:-8px; right:-8px; background: #ff4261; height: 20px; width:20px; color:#fff; border-radius:50%; line-height:20px; font-size:14px; text-align:center; display: box;display: -webkit-box;display: -moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center; cursor: pointer;  }


.system-b-s-text { background: #fff; color: #666; font-size: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; bottom: 20px; line-height: 21px; left: 60px; width: 265px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; text-align: left; z-index:5; }
.system-b-s-textShow { opacity: 1; visibility: visible; }
.system-tab { border: 1px solid #ddd; font-size: 0; margin-bottom: 5%; }
.system-tab a { display: inline-block; border-right: 1px solid #ddd; width: 50%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #333; padding: 6px 0; }
.system-tab a:last-child { border: 0; }
.system-tab a:hover { background: #ff4261; color: #fff; }
.system-tab a.cur { background: #ff4261; color: #fff; }
.system-tab-cont { margin-bottom: 12%; }
.system-t-c-info { display: none; }
.system-tab-cont dl { color: #333; margin-bottom: 5%; }
.system-tab-cont dl dt { font-size: 12px; margin-bottom: 5px; }
.system-tab-cont dl dd { font-size: 16px; }
.gx-c-l-btn { display: noned; text-align: center; position: absolute; width: 100%; left: 0; -webkit-transition: all 0.2s 0s; transition: all 0.2s 0s; opacity: 0; visibility: hidden; z-index: 2; bottom: -80px }

/* .gx-c-l-btn{ width: 50%; } */
.gx-c-l-btn a { display: inline-block; font-size: 14px; color: #000; border: 1px solid #ddd; background: #fff; padding: 8px 55px; border-radius: 20px; }
.gx-c-l-btn a:hover { color: #fff; background: #ff436f; border: 1px solid #ff436f; }
.gx-c-h-list.active .gx-c-h-l-inner:after { border: 1px solid #6948d5; top: -20px; margin-bottom: -40px; padding-top: 20px; height: 110%; z-index: 2; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.gx-c-h-list.active .gx-c-h-l-cont { top: -10px; }
.gx-c-h-list.active .gx-c-l-btn { opacity: 1; visibility: visible; -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; bottom: -70px }

/* 独享云主机 */
.dx-cloud-hosting { width: 100%; background: #6948d5; position: relative; }
.dx-c-h-box { width: 100%; margin-bottom: 5%; position: relative; }
.dx-cloud-h-icon1 { position: absolute; left: 5%; top: 25px; }
.dx-cloud-h-icon1 img { width: 100%; vertical-align: top }
.dx-cloud-h-icon2 { position: absolute; left: 5%; top: 30%; }
.dx-cloud-h-icon2 img { width: 100%; vertical-align: top }
.dx-cloud-h-icon3 { position: absolute; right: 5%; top: 60%; }
.dx-cloud-h-icon3 img { width: 100%; vertical-align: top }
.dx-title { width: 100%; margin-bottom: 4%; position: relative; z-index: 1; margin-top: 6%; text-align: center;  }
.dx-title h2 { font-size: 45px; color: #fff; margin-bottom: 1%; }
.dx-title p { font-size: 16px; color: #fff; }
.dx-c-h-l-wrap { width: 100%; z-index: 1; position: relative; margin-bottom: 3%; }
.dx-c-h-list { background: #fff; border: 2px solid #fff; border-radius: 15px; margin-bottom: 15px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.dx-c-h-list:hover { border: 2px solid #ff4261; }
.dx-c-h-l-cont { margin: 2% 3%; position: relative; }
.dx-c-h-l-hd { margin-bottom: 2%; }
.dx-c-h-l-hd h2 { display: inline-block; color: #000; font-size: 26px; margin-right: 1%; vertical-align: bottom; }
.dx-c-h-l-hd h2 i { display: inline-block; margin-right: 10px; width: 26px; }
.dx-c-h-l-hd h2 i img { width: 100%; vertical-align: middle; }
.dx-c-h-l-hd p { display: inline-block; color: #333; font-size: 14px; vertical-align: bottom; }
.dx-c-l-sj { background: #f9fafd; font-size: 0; padding: 2% 0; border-radius: 15px; margin-right: 190px; }
.dx-c-l-sj li { width: 16.666%; display: inline-block; text-align: center; vertical-align: top; }
.dx-c-l-sj li strong { font-size: 20px; color: #444; display: block; }
.system-b-s-select { font-size: 18px; color: #000; display: block; font-weight: normal; }
.system-b-s-select  select { font-size: 14px; width: 120px; height: 30px; line-height: 30px; border: 1px solid #333; padding-left: 20px; }
.dx-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
.dx-c-l-sj li p { font-size: 14px; color: #666; margin-bottom: 12px; }
.dx-c-l-right { position: absolute; right: 0; bottom: 0; width: 170px; text-align: center; }
.dx-h-c-money { color: #ff4261; text-align: center; display: inline-block; margin-bottom: 20px; }
.dx-h-c-money i { font-size: 18px; font-style: normal; vertical-align: top; }
.dx-h-c-money strong { font-size: 32px; line-height: 32px; font-weight: normal; vertical-align: bottom; }
.dx-h-c-money span { font-size: 18px; vertical-align: bottom; }
.dx-c-l-btn a { display: block; padding: 10px 0; text-align: center; background: #6948d5; color: #fff; font-size: 14px; border-radius: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

/* .dx-c-l-btn a:hover{ background: #ff4261;  } */
.dx-c-l-btn { text-align: center; margin-bottom: 8%; }
.dx-c-l-btn a { padding: 10px 0; text-align: center; background: #6948d5; color: #fff; border-radius: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); width: 100%; }
.dx-c-l-btn a span { display: inline-block; z-index: 3; position: relative; font-size: 14px; line-height: 14px; }
.dx-c-l-btn a.animBtn-green:link, .dx-c-l-btn a.animBtn-green:visited { position: relative; display: inline-block; background: #6948d5; border: 0; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); */ -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
.dx-c-l-btn a.animBtn-green:link:after, .dx-c-l-btn a.animBtn-green:visited:after { content: ""; position: absolute; background: none repeat scroll 0 0 #ff4261; height: 0%; left: 50%; top: 50%; width: 100%; z-index: 2; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.dx-c-l-btn a.animBtn-green:link:hover, .dx-c-l-btn a.animBtn-green:visited:hover { color: #fff; text-shadow: none; }
.dx-c-l-btn a.animBtn-green.themeD-green:after { width: 0%; border-radius: 50%; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.dx-c-l-btn a.animBtn-green.themeD-green:hover:after { height: 450%; width: 110%; opacity: 1; }
.dx-c-h-pk { width: 90%; margin: 0 5%; }
.dx-c-h-pk-hd { color: #fff; text-align: center; font-size: 24px; margin-bottom: 2%; }
.dx-c-h-pk-hd i { display: inline-block; vertical-align: bottom; margin: 0 10px; }
.dx-c-h-pk-hd i img { width: 100%; }
.dx-c-h-pk-hd span { display: inline-block; vertical-align: bottom; line-height: 24px; width: 230px; text-align: left }
.dx-c-h-pk-hd span:first-child { text-align: right }
.dx-c-h-pk-list { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #785bd9; }
.dx-c-h-pk-list:last-child { border-right: 0; }
.dx-c-h-pk-cont { color: #bda6f2; font-size: 14px; padding: 1% 10%; }
.dx-c-h-pk-cont li { margin-bottom: 10px; float: left; width: 100%; line-height: 24px; }
.dx-c-h-pk-cont li span { float: left; display: block; color: #52e3e8; font-size: 18px; min-width: 140px; height: 32px; line-height: 32px; }
.dx-c-h-pk-cont li p { margin-left: 140px; font-size: 14px; line-height: 18px; height: 32px; display: table-cell; vertical-align: middle; }

/* 海外云主机 */
.hw-cloud-hosting { width: 100%; background: #fff; position: relative; }

/* .hw-cloud-h-icon1 { position: absolute; width: 85px; height: 41px; top: 0; left: 20%; }
.hw-cloud-h-icon1 img { width: 100%; }
.hw-cloud-h-icon2 { position: absolute; width: 118px; height: 118px; top: 50%; left: 5%; }
.hw-cloud-h-icon2 img { width: 100%; }
.hw-cloud-h-icon3 { position: absolute; width: 85px; height: 41px; top: 70%; right: 5%; }
.hw-cloud-h-icon3 img { width: 100%; } */
.hw-c-h-box { width: 100%; margin-bottom: 6%; }
.hw-title { margin-bottom: 4%; margin-top: 6%; width: 100%; text-align: center; color: #222; }
.hw-title h2 { font-size: 45px; color: #222; margin-bottom: 1%; position: relative; display: inline-block; }
.hw-title h2 i.mba-icon { display: block; height: 20px; width: 54px; background: url("../images/mba-icon1.png") no-repeat 0 0; background-size: contain; position: absolute; top: 0; right: -55px; }
.hw-title p { font-size: 16px; color: #333; }
.hw-c-h-l-wrap { width: 100%; position: relative }
.hw-c-h-list { width: 50%; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; background: #f9fafd; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; }
.hw-c-h-list:nth-child(odd) { border-right: 1px solid #eeeef0; }
.hw-c-h-l-hd { background: #f2f3f4; padding: 2% 6%; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hw-c-h-l-hd h2 { display: inline-block; color: #222; font-size: 26px; margin-right: 1%; vertical-align: bottom; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hw-c-h-l-hd h2 strong { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hw-c-h-l-hd h2 i { display: inline-block; width: 28px; height: 28px; margin-right: 10px; vertical-align: middle; position: relative; }
.gx-c-h-l-hd-icon1 { position: absolute; top: 0; left: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 1; visibility: visible; }
.gx-c-h-l-hd-icon2 { position: absolute; top: 0; left: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.hw-c-h-l-hd h2 i img { width: 100%; vertical-align: top }
.hw-c-h-l-hd p { display: inline-block; color: #333; font-size: 14px; vertical-align: bottom; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hw-h-c-money { color: #ff4261; text-align: center; display: inline-block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hw-h-c-money i { font-size: 18px; font-style: normal; vertical-align: top; }
.hw-h-c-money strong { font-size: 32px; line-height: 32px; font-weight: normal; vertical-align: bottom; }
.hw-h-c-money span { font-size: 18px; vertical-align: bottom; }
.hw-c-h-l-cont { padding: 6% 6% 7% 6%; width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.hw-c-l-sj { font-size: 0; width: 112%; margin: 0 -6% 3% -6%; }
.hw-c-l-sj li { width: 20%; display: inline-block; text-align: center; }
.hw-c-l-sj li strong { font-size: 20px; color: #444; display: block; }
.hw-c-l-sj li .system-b-s-select { font-size: 18px; color: #000; display: block; font-weight: normal; }
.hw-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
.hw-c-l-sj li p { font-size: 14px; color: #666; margin-bottom: 12px; }
.hw-c-l-state { width: 100%; margin-bottom: 4%; }
.hw-c-l-state ul { width: 103%; }
.hw-c-l-state li { width: 31%; float: left; margin-right: 2%; }
.hw-c-l-s-list { width: 100%; }
.hw-c-l-state li:last-child { margin-right: 0; }
.hw-c-l-s-info { border: 1px solid #eeeef0; padding: 10px 15px; background: #fff; }
.hw-c-l-s-logo { float: left; width: 27px; height: 19px; }
.hw-c-l-s-text { margin-left: 35px; }
.hw-c-l-s-t { margin-bottom: 5px; }
.hw-c-l-s-text strong { font-size: 16px; color: #333; font-weight: normal; }
.hw-c-l-s-text span { font-size: 14px; color: #333; }
.hw-c-l-s-text p { font-size: 12px; color: #666; }
.hw-c-l-footer { width: 100%; }
.hw-c-l-btn { margin-top: 20px; }
.hw-c-l-btn a { display: block; padding: 8px 55px; text-align: center; font-size: 14px; border-radius: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; border: 2px solid #6948d5; color: #6948d5; }
.hw-c-l-btn a:hover { background: #6948d5; color: #fff; }
.hw-c-h-list:hover { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 1; }
.hw-c-h-list:hover .hw-c-h-l-hd { background: #6948d5; }
.hw-c-h-list:hover .hw-c-h-l-hd h2 { color: #fff; }
.hw-c-h-list:hover .hw-c-h-l-hd p { color: #fff; }
.hw-c-h-list:hover .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
.hw-c-h-list:hover .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
.hw-c-h-list:hover .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; }

/* 需要技术人员协助 */
.cloud-chunk { background: #1f0a42 url('../images/cloud-chunk-bg.png') no-repeat 60% bottom; width: 100%; background-size: auto 130% }
.cloud-chunk-cont { margin: 3% 7% 6% 7%; }
.cloud-chunk-cont h2 { color: #f9fafd; font-size: 26px; font-weight: normal; margin-bottom: 1%; }
.cloud-chunk-cont p { color: #f9fafd; font-size: 14px; margin-bottom: 2%; }
.cloud-chunk-cont ul li { color: #f9fafd; font-size: 14px; display: inline-block; margin-right: 3%; }
.cloud-chunk-cont ul li i { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 15px; }
.cloud-chunk-cont ul li i img { width: 100%; }
.cloud-chunk-cont ul li span { display: inline-block; vertical-align: middle; }

/* 常见问题 */
.cloud-faq { width: 100%; }
.cloud-faq-cont { margin: 4% 7% 5% 7%; }
.cloud-faq-hd { width: 100%; text-align: center; font-size: 26px; color: #000; margin-bottom: 2%; }
.cloud-faq-list { width: 100%; }
.cloud-faq-list li { width: 25%; float: left; }
.cloud-faq-list li a { display: block; font-size: 14px; line-height: 27px; padding: 4px 0; color: #333; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.cloud-faq-list li a:hover { padding-left: 5px; }
.cloud-faq-list li a:hover { color: #ff436f; }

/****************分辨率范围***************/

/*宽屏 台式机1680-1920分辨率以上*/
@media screen and (min-width:1680px) and (max-width:1920px) {
	.c-w-b-mpc { width: 58%; }
}

/*宽屏 台式机1440-1680分辨率*/
@media screen and (min-width:1440px) and (max-width:1680px) {
	.c-w-b-mpc { width: 52%; }
}

/*宽屏 笔记本1280-1280分辨率（不含1280分辨率-含1280分辨率）*/
@media screen and (min-width:1280px) and (max-width:1440px) {
	.row { width: 1200px; margin: 0 auto; }
	.c-w-b-mpc { width: 50%; }
	.c-w-l-text { font-size: 14px; }
	.cloud-s-cont li { font-size: 14px; padding-right: 3%; margin-right: 1%; }
	.cloud-s-cont li i { width: 28px; margin-right: 10px; }
}

/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/
@media screen and (min-width:1024px) and (max-width:1280px) {
	.row { width: 90%; margin: 0 5%; }
	.row1200 { width: 90%; margin: 0 5%; }
	.c-w-b-mpc { width: 47%; }
	.case-banner-text h2 { font-size: 36px; }
	.case-banner-text h3 { font-size: 18px; }
	.cloud-s-cont li { font-size: 14px; padding-right: 3%; margin-right: 1%; }
	.cloud-s-cont li i { width: 24px; margin-right: 10px; }

/* 共享虚拟主机 */
.gx-title h2 { font-size: 42px;}

/* 独享云主机 */
.dx-title h2 { font-size: 42px;}


/* 海外云主机 */
.hw-title h2 { font-size: 42px;}

	.hw-c-h-l-hd { padding: 5% 0; text-align: center; }

.hw-h-c-money {  text-align: center; display: block; width: 100%;margin-right: 0;  margin-top: 10px;  }

/* 共享虚拟主机 */

.system-b-s-text{left:0;}


}

/*ipad横向768-1024以内样式表（不含768分辨率-含1024分辨率）*/
@media screen and (min-width:768px) and (max-width:1024px) {
	.row { width: 90%; margin: 0 5%; }
	.c-w-b-mpc { display: none; }
	.cms-web-banner { margin-bottom: 4%; }
	.cms-web-title { font-size: 36px; }
	.c-w-l-hd { font-size: 22px; }
	.c-w-l-text { font-size: 14px; }
	.case-banner-text h2 { font-size: 32px; margin-bottom: 2%; }
	.case-banner-text h3 { font-size: 16px; margin-bottom: 2%; }
	.case-banner-btn a { font-size: 12px; }
	.cloud-s-cont { margin: 2% 0; }
	.cloud-s-cont li { width: 50%; font-size: 14px; padding-right: 0; margin-right: 0; height: 42px; background: none; line-height: 42px; }
	.cloud-s-cont li i { width: 28px; margin-right: 10px; }

	/* 共享虚拟主机 */
	.gx-title { margin-bottom: 4%; margin-top: 6%; }
	.gx-title h2 { font-size: 32px; margin-bottom: 1%; }
	.gx-title p { font-size: 14px; }
	.gx-cloud-h-icon1 { width: 60px; }
	.gx-cloud-h-icon2 { position: absolute; width: 80px; height: 80px; top: 50%; left: 2%; }
	.gx-cloud-h-icon3 { position: absolute; width: 70px; top: 70%; right: 2%; }
	.gx-cloud-h-icon4 { width: 62px; top: -25px; }

	/* .gx-c-h-l-wrap { width: 86%; margin: 0 7%; } */

	/* .gx-c-h-list { width: 100%; margin-bottom: 5%; } */
	.gx-c-l-btn { position: static; opacity: 1; visibility: visible; }
	.gx-c-l-btn a:hover { color: #fff; background: #ff436f; border: 1px solid #ff436f; }
	.gx-c-h-list.active .gx-c-h-l-inner:after { top: 0; margin-bottom: 0; padding-top: 0; height: 100%; }
	.gx-c-h-list.active{ z-index:5; }
	.gx-c-h-list.active .gx-c-h-l-cont { top: 0; }
	.gx-c-h-l-hd-c { padding: 10% 3% 6% 3%; vertical-align: bottom; }
	.gx-c-h-l-hd-c h2 i { width: 22px; margin-right: 10px; }
	.gx-c-h-l-hd h2 { font-size: 22px; line-height: 22px; margin-bottom: 10px; }
	.gx-c-h-l-hd-c h2 span { line-height: 24px; }
	.gx-c-h-l-hd p { font-size: 14px; line-height: 18px; margin-bottom: 12px; height: 30px; }
	.h-s-c-i-c-ad { width: 100px; height: 18px; line-height: 18px; margin: 0 auto 6% auto; }
	.h-s-c-money i { font-size: 16px; }
	.h-s-c-money strong { font-size: 24px; line-height: 24px; font-weight: normal; vertical-align: bottom; }
	.h-s-c-money span { font-size: 14px; vertical-align: bottom; }
	.gx-c-l-sj { background: #f9fafd; font-size: 0; padding: 3% 0; margin-bottom: 3%; }
	.gx-c-l-sj li { width: 33.33%; display: inline-block; text-align: center; }
	.gx-c-l-sj li strong { font-size: 16px; color: #444; display: block; margin-bottom: 5px; }
	.gx-c-l-sj li p { font-size: 12px; color: #666; }

	/* .system-box { margin: 0 3% 8% 3%; } */
	.system-box-state i { height: 14px; width: 14px; line-height: 14px; }
.system-b-s-text { left:0;}
.gx-c-h-l-cont .system-b-s-text { width:90%;}
	/* .system-b-s-text { background: #fff; color: #666; font-size: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; bottom: 20px; line-height: 21px; left: 60px; width: 265px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; text-align: left; }

	.system-b-s-textShow { opacity: 1; visibility: visible; }
	 */



	.system-tab { margin-bottom: 4%; }
	.system-tab a { font-size: 14px; }
	.system-tab-cont { margin-bottom: 10%; }
	.system-t-c-info { display: none; }
	.system-tab-cont dl { color: #333; margin-bottom: 4%; }
	.system-tab-cont dl dt { font-size: 12px; margin-bottom: 5px; }
	.system-tab-cont dl dd { font-size: 12px; }
	.gx-c-l-btn a { font-size: 14px; color: #000; border: 1px solid #ddd; background: #fff; padding: 7px 45px; border-radius: 20px; }

	/* 独享云主机 */
	.dx-cloud-h-icon1 { width: 160px; }
	.dx-cloud-h-icon2 { position: absolute; left: 0%; width: 110px; }
	.dx-cloud-h-icon3 { position: absolute; right: 0%; width: 110px; }
	.dx-title { margin-bottom: 4%; margin-top: 6%; }
	.dx-title h2 { font-size: 32px; margin-bottom: 1%; }
	.dx-title p { font-size: 14px; }
	.dx-c-h-l-hd { margin-bottom: 2%; }
	.dx-c-h-l-hd h2 { font-size: 24px; margin-right: 1%; }
	.dx-c-h-l-hd h2 i { margin-right: 10px; width: 24px; }
	.dx-c-h-l-hd p { font-size: 14px; }
	.dx-c-l-sj { margin-right: 130px; }
	.system-b-s-select select { font-size: 12px; width: 100px; padding-left: 5px; }
	.dx-c-l-sj li strong { font-size: 16px; }
	.dx-c-l-sj li p { margin-bottom: 8px; }
	.dx-c-l-right { width: 110px; }
	.dx-h-c-money { margin-bottom: 20px; vertical-align: middle; margin-right: 5%; }
	.dx-h-c-money i { font-size: 14px; }
	.dx-h-c-money strong { font-size: 25px; line-height: 25px; }
	.dx-h-c-money span { font-size: 12px; }
	.dx-c-l-btn { margin-bottom: 0%; vertical-align: middle; }
	.dx-c-l-btn a { padding: 8px 0; line-height: 18px; }
	.dx-c-l-btn a span { font-size: 14px; }
	.dx-c-h-pk-hd { color: #fff; text-align: center; font-size: 24px; margin-bottom: 2%; }
	.dx-c-h-pk-hd i { display: inline-block; vertical-align: bottom; margin: 0 10px; }
	.dx-c-h-pk-hd i img { width: 100%; }
	.dx-c-h-pk-hd span { display: inline-block; vertical-align: bottom; line-height: 24px; width: 230px; text-align: left }
	.dx-c-h-pk-hd span:first-child { text-align: right }
	.dx-c-h-pk-list { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #785bd9; }
	.dx-c-h-pk-list:last-child { border-right: 0; }

		.dx-c-h-pk-cont { color: #bda6f2; font-size: 14px; padding: 1% 0; }

	.dx-c-h-pk-cont li { margin-bottom: 10px; float: left; width: 100%; line-height: 24px; }
	.dx-c-h-pk-cont li span { float: left; display: block; color: #52e3e8; font-size: 14px; min-width: 120px; height: 32px; line-height: 32px; }
	.dx-c-h-pk-cont li p { margin-left: 140px; font-size: 14px; line-height: 18px; height: 32px; display: table-cell; vertical-align: middle; }
	.dx-c-h-pk { width: 100%; margin: 0; }
	.dx-c-h-pk-hd { font-size: 18px; margin-bottom: 3%; }
	.dx-c-h-pk-hd i { margin: 0 2%; width: 10%; }
	.dx-c-h-pk-hd span { line-height: 18px; width: 36%; }
	.dx-c-h-pk-list { width: 50%; }
	.dx-c-h-pk-list:nth-child(2) { padding-right: 5%; }
	.dx-c-h-pk-list:nth-child(3) { padding-left: 5%; }

	/* 海外云主机 */
	.hw-title { margin-bottom: 4%; margin-top: 6%; }
	.hw-title h2 { font-size: 32px; margin-bottom: 1%; }
	.hw-title p { font-size: 14px; }
	.hw-title h2 i.mba-icon { height: 17px; width: 45px; right: -50px; }

	/* .hw-c-h-list { width: 50%; margin-bottom: 5%; } */
	/* .hw-c-h-list:nth-child(odd) { border-right: 0; } */
	.hw-c-h-l-hd {/*  background: #6948d5; */ padding: 6% 0; text-align: center; }
	.hw-c-h-l-hd h2 { font-size:24px;  }
	.hw-c-h-l-hd h2 i { width: 24px; height: 24px; vertical-align: middle; }
	.hw-c-h-l-hd h2 i img { width: 100%; vertical-align: top }
	/* .hw-c-h-l-hd p { display: block; color: #fff; font-size: 12px; margin-bottom: 15px; } */
/* 	.hw-h-c-money { text-align: center; display: block; width: 100%; margin-right: 0;  margin-top: 15px;  }
	.hw-h-c-money i { font-size: 14px; }
	.hw-h-c-money strong { font-size: 25px; line-height: 25px; }
	.hw-h-c-money span { font-size: 12px; }
 */
.hw-h-c-money {  text-align: center; display: block; width: 100%;margin-right: 0;  margin-top: 10px;  }
	.hw-h-c-money i { font-size: 14px; }
	.hw-h-c-money strong { font-size: 25px; line-height: 25px; }
	.hw-h-c-money span { font-size: 12px; }


	.hw-c-h-l-cont { padding: 6% 6% 7% 6%; }
	.hw-c-l-sj { width: 100%; margin: 0  0 5% 0; }
	/* .hw-c-h-list .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; } */
/* 	.hw-c-h-list .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; } */
	.hw-c-l-sj li strong { font-size: 14px;}
	.hw-c-l-sj li .system-b-s-select { font-size: 18px; color: #000; display: block; font-weight: normal; }
	.hw-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
	.hw-c-l-sj li p { font-size: 12px; margin-bottom: 5px; }
	.hw-c-l-state { width: 100%; margin-bottom: 4%; }
	.hw-c-l-state ul { width: 100%; }
	.hw-c-l-state li { width: 100%; float: left; margin-right: 0; }
	.hw-c-l-state li:last-child { margin-right: 0; }
	.hw-c-l-s-info { padding: 8px 10px; margin-bottom: 5px; }
	.hw-c-l-s-logo { float: left; width: 27px; height: 19px; }
	.hw-c-l-s-text { margin-left: 35px; }
	.hw-c-l-s-t { margin-bottom: 0; display: inline-block; }
	.hw-c-l-s-text strong { font-size: 14px; }
	.hw-c-l-s-text span { font-size: 12px; }
	.hw-c-l-s-text p { display: inline-block; }
	.hw-c-l-footer { width: 100%; }
	.hw-c-l-btn { margin-top: 28px; }
	.hw-c-l-btn a { padding: 6px 35px; font-size: 14px; }

/* 	.hw-c-h-list { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 1; }
	.hw-c-h-list:hover .hw-c-h-l-hd { background: #6948d5; }
	.hw-c-h-list:hover .hw-c-h-l-hd h2 { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd p { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; } */















	/* 需要技术人员协助 */
	.cloud-chunk { background-size: cover; }
	.cloud-chunk-cont { margin: 6% 0%; }
	.cloud-chunk-cont h2 { color: #f9fafd; font-size: 24px; font-weight: normal; margin-bottom: 2%; }

	/* .cloud-chunk-cont p { color: #f9fafd; font-size: 12px; margin-bottom: 2%; }
	.cloud-chunk-cont ul li { color: #f9fafd; font-size: 12px; display: inline-block; margin-right: 3%; margin-bottom: 2%; }
	.cloud-chunk-cont ul li i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; }
	.cloud-chunk-cont ul li i img { width: 100%; }
	.cloud-chunk-cont ul li span { display: inline-block; vertical-align: middle; } */

	/* 常见问题 */
	.cloud-faq-cont { margin: 4% 0 5% 0; }
	.cloud-faq-hd { font-size: 24px; /* text-align:left; */ margin-bottom: 2%; }
	.cloud-faq-list li { width: 33.33%;     /* border-top: 1px solid #e0e0e0;   */ }

/* .cloud-faq-list li a {  font-size: 12px;  line-height: 21px; padding: 12px 0; } */ }

/*960以内样式表*/
@media only screen and (max-width:960px) {
	.c-w-b-mpc { display: none; }
	.cms-web-banner { margin-bottom: 4%; }
	.cms-web-title { font-size: 32px; }
	.c-w-l-hd { font-size: 20px; }
	.c-w-l-text { font-size: 12px; line-height: 23px; margin-bottom: 2%; }
	.cms-web-list1 .c-w-l-info { width: 100%; margin-left: 0; }
	.cms-web-list2 .c-w-l-info { width: 100%; margin-right: 0; }
	.c-w-l-hd { margin-bottom: 2%; }
	.cms-web-list { padding-bottom: 6%; margin-bottom: 5%; }
	.cms-web-list1 .c-w-l-pic { width: 55%; }
	.cms-gap-btn a { padding: 10px 20px; }
	.cms_btwidth { margin: 3% 0px 10% 0px; }
	.case-banner-box { top: 50%; margin-top: -8%; }
	.case-banner-text h2 { text-align: center; font-size: 28px; margin-bottom: 3%; }
	.case-banner-text h3 { text-align: center; font-size: 14px; margin-bottom: 4%; }
	.case-banner-btn { text-align: center; }
	.case-banner-btn a { margin: 0 2%; }
	.dcase-swiper-pagination { text-align: center; }
	.case-banner .swiper-pagination { text-align: center; }
	.case-banner .swiper-pagination-bullet { display: inline-block; float: none; }
	.case-banner { height: 17rem; }
	.case-banner .swiper-slide { height: 17rem; }
	.case-banner .swiper-slide:nth-child(2) img { object-fit: cover; object-position: -22rem 0; }
	.case-banner .swiper-slide:nth-child(3) img { object-fit: cover; object-position: -35rem 0; }

	/* 	.case-box-nav { width: 100%; margin: 2% 0; }
		.case-box-nav { display: none; }
		.pange-nav-tab { display: -moz-box; display: -webkit-box; display: box; }
		.pange-nav-tab a { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; text-align: center; }
		.pange-nav-tab a i { display: inline-block; margin-left: 5px; }
		.case-nav-search { position: absolute; top: 0; background: #fff; top: 30px; width: 100%; left: 0; z-index: 9; }
		.case-box-nav .case-nav-search { display: none; }
		.case-box-nav .case-nav-search span { width: 31.33%; margin: 0 1% 1% 1%; text-align: center; background: #f1f1f1; border-radius: 3px; padding: 10px 0; }
		.case-list { margin: 0 3% 3% 3%; }
		.case-more-btn { margin-bottom: 8%; }
		.case-list ul { width: 102%; margin-left: -1% }
		.case-list ul li { width: 48%; margin: 0 1% 2%; }
		.case-more-btn a.animBtn:link { padding: 15px 30px; }
		.case-list ul li a .case-ewm { display: none; }
		.case-text-box { margin-bottom: 0; margin-left: 0; }
		.case-list ul li a .case-mask { display: none; opacity: 1; visibility: visible; height: 60px; position: static; }

		.case-list ul li a:hover .case-mask { opacity: 1; }
		.case-text { left: 0%; bottom: 0; z-index: 2; width: 100%; text-align: center; line-height: 40px; position: static; margin-top: 1%; }
		.case-text h3 { opacity: 1; visibility: visible; font-weight: normal; transform: translateY(0); font-size: 16px; margin-right: 10px; margin-bottom: 0; display: inline-block; color: #222; }
		.case-text p { opacity: 1; visibility: visible; transform: translateY(0); font-size: 12px; display: inline-block; color: #333; }
		.case-text::after { display: none; }
		.Deviceb-box-cur { display: none; }
		.all-mask { display: none; }
		.case-wap-nav { display: block; width: 94%; margin: 2% 3% 1% 3%; }
		.case-wap-nav-hd a { font-size: 16px; }
		.swiper-container-cont span { font-size: 14px; }
		.ase-wap-nav-fixed .case-wap-nav-cont { margin: 2% 3%; }
		.loadingShow { display: none; } */
	.cloud-s-cont { margin: 1% 0; }
	.cloud-s-cont li { width: 50%; font-size: 14px; padding-right: 0; margin-right: 0; height: 42px; background: none; line-height: 42px; }
	.cloud-s-cont li i { width: 24px; margin-right: 10px; }



}

/*phone横向480-ipad竖向768分辨率（不含480分辨率-含768分辨率）*/
@media screen and (min-width:480px) and (max-width:768px) {
	.row { width: 90%; margin: 0 5%; }
	.case-banner { height: 13rem; }
	.case-banner .swiper-slide { height: 13rem; }
	.case-banner .swiper-slide:nth-child(2) img { object-fit: cover; object-position: -20rem 0; }
	.case-banner .swiper-slide:nth-child(3) img { object-fit: cover; object-position: -25rem 0; }
	.case-banner-box { margin-top: -6%; }
	.case-banner-text h2 { text-align: center; font-size: 24px; margin-bottom: 3%; }
	.case-banner-text h3 { font-size: 12px; }
	.case-banner-btn { display: none; }
	.case-banner-btn a { font-size: 12px; }
	.dcase-swiper-pagination { bottom: 12px; }
	.case-list { margin-bottom: 3%; }
	.case-text h3 { font-size: 14px; }
	.case-more-btn { margin-bottom: 10%; }
	.case-more-btn a.animBtn:link { padding: 12px 30px; }
	.case-more-btn a span { font-size: 14px; }
	.case-wap-nav { margin: 3% 3% 2% 3%; }
	.ase-wap-nav-fixed .case-wap-nav-cont { margin: 2% 3%; }
	.case-wap-nav-hd a { font-size: 14px; }
	.swiper-container-cont span { font-size: 12px; }
	.cloud-s-cont { margin: 2% 0; }
	.cloud-s-cont li { width: 50%; font-size: 12px; padding-right: 0; margin-right: 0; height: 32px; background: none; line-height: 32px; }
	.cloud-s-cont li i { width: 20px; margin-right: 10px; }

	/* 共享虚拟主机 */
	.gx-c-h-box { width: 90%; margin: 0 5% 10% 5%; }
	.gx-title { margin-bottom: 5%; margin-top: 8%; }
	.gx-title h2 { font-size: 26px; margin-bottom: 2%; }
	.gx-title p { font-size: 14px; }
	.gx-cloud-h-icon1 { width: 60px; }
	.gx-cloud-h-icon2 { position: absolute; width: 80px; height: 80px; top: 50%; left: 2%; }
	.gx-cloud-h-icon3 { position: absolute; width: 70px; top: 70%; right: 2%; }
	.gx-cloud-h-icon4 { width: 62px; top: -25px; }
	.gx-c-h-list { width: 100%; margin-bottom: 5%; }
	.gx-c-l-btn { position: static; opacity: 1; visibility: visible; }
	.gx-c-l-btn a:hover { color: #fff; background: #ff436f; border: 1px solid #ff436f; }
	.gx-c-h-list.active .gx-c-h-l-inner:after { top: 0; margin-bottom: 0; padding-top: 0; height: 100%; }
	.gx-c-h-list.active .gx-c-h-l-cont { top: 0; }
	.gx-c-h-l-hd-c { padding:6% 5% 5% 5%; vertical-align: bottom; }
	.gx-c-h-l-hd-c h2 i { width: 22px; margin-right: 10px; }
	.gx-c-h-l-hd h2 { font-size: 22px; line-height: 22px; margin-bottom: 10px; }
	.gx-c-h-l-hd-c h2 span { line-height: 22px; }
	.gx-c-h-l-hd p { font-size: 12px; line-height: 12px; margin-bottom: 15px; }
	.h-s-c-i-c-ad { width: 100px; height: 18px; line-height: 18px; margin: 0 2% 0 0; display: inline-block; vertical-align: bottom; }
	.h-s-c-money{ display: inline-block; vertical-align: bottom; }
	.h-s-c-money i { font-size: 16px; }
	.h-s-c-money strong { font-size: 24px; line-height: 24px; font-weight: normal; vertical-align: bottom; }
	.h-s-c-money span { font-size: 14px; vertical-align: bottom; }
	.gx-c-l-sj { background: #f9fafd; font-size: 0; padding: 3% 0; margin-bottom: 3%; }
	.gx-c-l-sj li { width: 33.33%; display: inline-block; text-align: center; }
	.gx-c-l-sj li strong { font-size: 16px; color: #444; display: block; margin-bottom: 5px; }
	.gx-c-l-sj li p { font-size: 12px; color: #666; }
	.system-box { margin: 0 3% 8% 3%; }
	.system-box-state i { height: 14px; width: 14px; line-height: 14px; }

	/* .system-b-s-text { background: #fff; color: #666; font-size: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; bottom: 20px; line-height: 21px; left: 60px; width: 265px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; text-align: left; }

	.system-b-s-textShow { opacity: 1; visibility: visible; }
	 */
	.system-tab { margin-bottom: 4%; }
	.system-tab a { font-size: 14px; }
	.system-tab-cont { margin-bottom: 7%; }
	.system-t-c-info { display: none; }
	.system-tab-cont dl { color: #333; margin-bottom: 0%; width:49%; display: inline-block; vertical-align:top;}
	.system-tab-cont dl dt { font-size: 12px; margin-bottom: 5px; }
	.system-tab-cont dl dd { font-size: 12px; }
	.gx-c-l-btn a { font-size: 12px; color: #000; border: 1px solid #ddd; background: #fff; padding: 7px 45px; border-radius: 20px; }

	/* 独享云主机 */
	.dx-c-h-box { width: 90%; margin: 0 5% 10% 5%; }
	.dx-cloud-h-icon1 { width: 100px; }
	.dx-cloud-h-icon2 { position: absolute; left: 0%; width: 50px; }
	.dx-cloud-h-icon3 { position: absolute; right: 0%; width: 50px; }
	.dx-title { margin-bottom: 5%; margin-top:8%; }
	.dx-title h2 { font-size: 26px; margin-bottom: 2%; }
	.dx-title p { font-size: 12px; }
	.dx-c-h-l-wrap { margin-bottom: 2%; }
	.dx-c-h-list { background: #fff; border: 2px solid #fff; border-radius: 15px; margin-bottom: 5%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
	.dx-c-h-list:hover { border: 2px solid #fff; }
	.dx-c-h-l-cont { margin: 6% 3% 6% 3%; position: relative; }
	.dx-c-h-l-hd { margin-bottom: 5%; text-align: center; }
	.dx-c-h-l-hd h2 { font-size: 22px; margin-right: 0; margin-bottom: 10px; vertical-align: top; }
	.dx-c-h-l-hd h2 i { width: 22px; margin-right: 10px; vertical-align: top }
	.dx-c-h-l-hd p { display: block; font-size: 12px; }
	.dx-c-l-sj { background: #f9fafd; font-size: 0; padding: 5% 0 0 0; border-radius: 5px; margin-right: 0; margin-bottom: 6%; }
	.dx-c-l-sj li { width: 33.33%; margin-bottom: 5%; }
	.dx-c-l-sj li strong { font-size: 14px; }
	.system-b-s-select { font-size: 14px; }
	.system-b-s-select  select { width: 100px; padding-left: 10px; }
	.dx-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
	.dx-c-l-sj li p { font-size: 12px; margin-bottom: 5px; }
	.dx-c-l-right { position: static; right: 0; bottom: 0; width: 100%; text-align: center; }
	.dx-h-c-money { display: inline-block; margin-bottom: 0px; vertical-align: middle; margin-right: 5%; }
	.dx-h-c-money i { font-size: 14px; }
	.dx-h-c-money strong { font-size: 25px; line-height: 25px; }
	.dx-h-c-money span { font-size: 12px; }
	.dx-c-l-btn { margin-bottom: 0%; display: inline-block; vertical-align: middle; }
	.dx-c-l-btn a { width: 130px; padding: 7px 0; line-height: 16px; }
	.dx-c-l-btn a span { font-size: 12px; }
	.dx-c-h-pk { width: 100%; margin: 0; }
	.dx-c-h-pk-hd { font-size: 16px; margin-bottom: 6%; }
	.dx-c-h-pk-hd i { margin: 0 2%; width: 15%; }
	.dx-c-h-pk-hd span { line-height: 16px; width: 36%; text-align: center; }
	.dx-c-h-pk-hd span:first-child { text-align: center;}
	.dx-c-h-pk-list { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #785bd9; text-align: center; }
	.dx-c-h-pk-list:nth-child(2) { padding-right: 5%; }
	.dx-c-h-pk-list:nth-child(3) { padding-left: 5%; }
	.dx-c-h-pk-cont { color: #bda6f2; font-size: 14px; padding: 1% 0; }
	.dx-c-h-pk-cont li { margin-bottom: 10px; float: left; width: 100%; line-height: 24px; }
	.dx-c-h-pk-cont li span { float: none; font-size: 14px; min-width: 100%; height: 24px; line-height: 24px; margin-bottom: 5px; }
	.dx-c-h-pk-cont li p { font-size: 12px; margin-left: 0; line-height: 18px; height: auto; display: block; vertical-align: middle; width: 100%; }

	/* 海外云主机 */
	.hw-c-h-box { width: 90%; margin: 0 5% 10% 5%;}
	.hw-title { margin-bottom: 5%; margin-top: 8%; }
	.hw-title h2 { font-size: 26px; margin-bottom: 2%; }
	.hw-title h2 i.mba-icon { height: 15px; width: 35px; right: -40px; }
	.hw-title p { font-size: 12px; }
	.hw-c-h-list { width: 100%; margin-bottom: 5%; }
	.hw-c-h-list:nth-child(odd) { border-right: 0; }
	.hw-c-h-l-hd { background: #6948d5; padding: 6% 0; text-align: center; }
	.hw-c-h-l-hd h2 { color: #fff; font-size: 22px; margin-right: 0; margin-bottom: 10px; }
	.hw-c-h-l-hd h2 i { width: 22px; height: 22px; vertical-align: middle; }
	.hw-c-h-l-hd h2 i img { width: 100%; vertical-align: top }
	.hw-c-h-l-hd p { display: block; color: #fff; font-size: 12px; margin-bottom: 15px; }
	.hw-h-c-money { text-align: center; display: block; width: 100%; margin-right: 0; }
	.hw-h-c-money i { font-size: 14px; }
	.hw-h-c-money strong { font-size: 25px; line-height: 25px; }
	.hw-h-c-money span { font-size: 12px; }
	.hw-c-h-l-cont { padding: 6% 6% 7% 6%; }
	.hw-c-l-sj { width: 100%; margin: 0  0 5%  0; }
	.hw-c-h-list .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
	.hw-c-h-list .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; }
	.hw-c-l-sj li strong { font-size: 14px; }
	.hw-c-l-sj li .system-b-s-select { font-size: 18px; color: #000; display: block; font-weight: normal; }
	.hw-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
	.hw-c-l-sj li p { font-size: 12px; margin-bottom: 5px; }
	.hw-c-l-state { width: 100%; margin-bottom: 4%; }
	.hw-c-l-state ul { width: 100%; }
	.hw-c-l-state li { width: 100%; float: left; margin-right: 0; }
	.hw-c-l-state li:last-child { margin-right: 0; }
	.hw-c-l-s-info { padding: 8px 10px; margin-bottom: 5px; }
	.hw-c-l-s-logo { float: left; width: 27px; height: 19px; }
	.hw-c-l-s-text { margin-left: 35px; }
	.hw-c-l-s-t { margin-bottom: 0; display: inline-block; }
	.hw-c-l-s-text strong { font-size: 14px; }
	.hw-c-l-s-text span { font-size: 12px; }
	.hw-c-l-s-text p { display: inline-block; }
	.hw-c-l-footer { width: 100%; }
	.hw-c-l-btn { margin-top: 28px; }
	.hw-c-l-btn a { padding: 6px 35px; font-size: 12px; }
	.hw-c-h-list { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 1; }
	.hw-c-h-list:hover .hw-c-h-l-hd { background: #6948d5; }
	.hw-c-h-list:hover .hw-c-h-l-hd h2 { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd p { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; }

	/* 需要技术人员协助 */
	.cloud-chunk { background-size: cover; }
	.cloud-chunk-cont { margin: 6% 0%; text-align: center; }
	.cloud-chunk-cont h2 { color: #f9fafd; font-size: 22px; font-weight: normal; margin-bottom: 2%; }
	.cloud-chunk-cont p { color: #f9fafd; font-size: 12px; margin-bottom: 2%; }
	.cloud-chunk-cont ul li { color: #f9fafd; font-size: 12px; display: inline-block; margin-right: 3%; margin-bottom: 2%; }
	.cloud-chunk-cont ul li i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; }
	.cloud-chunk-cont ul li i img { width: 100%; }
	.cloud-chunk-cont ul li span { display: inline-block; vertical-align: middle; }

	/* 常见问题 */
	.cloud-faq-cont { margin: 6% 0 5% 0; }
	.cloud-faq-hd { font-size: 18px; text-align: left; margin-bottom: 3%; }
	.cloud-faq-list li { width: 100%; border-top: 1px solid #e0e0e0; }
	.cloud-faq-list li a { font-size: 12px; line-height: 21px; padding: 12px 0; }
}

/*phone竖向480分辨率以下（含480px）*/
@media only screen and (max-width:480px) {
	.row { width: 90%; margin: 0 5%; }
	.case-banner { height: 12rem; }
	.case-banner .swiper-slide { height: 12rem; }
	.case-banner .swiper-slide:nth-child(2) img { object-fit: cover; object-position: -20rem 0; }
	.case-banner .swiper-slide:nth-child(3) img { object-fit: cover; object-position: -35rem 0; }
	.case-banner-box { margin-top: -10%; }
	.case-banner-text { margin: 0 5%; }
	.case-banner-text h2 { text-align: center; font-size: 24px; margin-bottom: 4%; }
	.case-banner-text h3 { font-size: 12px; line-height:21px  }
	.case-banner-btn { display: none; }
	.case-banner-btn a { font-size: 12px; display: block; margin: 0 auto 3%; width: 40%; }
	.dcase-swiper-pagination { bottom: 12px; }
	.case-list { width: 86%; margin: 0 7% 4% 7%; }
	.case-list ul li { width: 100%; margin-bottom: 5%; }
	.case-text h3 { font-size: 14px; }
	.case-more-btn { margin-bottom: 12%; }
	.case-more-btn a.animBtn:link { padding: 12px 30px; }
	.case-more-btn a span { font-size: 14px; }
	.case-wap-nav { width: 86%; margin: 5% 7% 1% 7%; }
	.ase-wap-nav-fixed .case-wap-nav-cont { margin: 3% 7%; }
	.case-wap-nav-hd a { font-size: 14px; }
	.case-wap-nav-cont { margin: 4% 0; }
	.swiper-container-cont span { font-size: 12px; }
	.cloud-s-cont { margin: 4% 10%; width: 80%; }
	.cloud-s-cont li { width: 100%; font-size: 12px; padding-right: 0; margin-right: 0; height: 32px; background: none; line-height: 32px; }
	.cloud-s-cont li i { width: 20px; margin-right: 10px; }

	/* 共享虚拟主机 */
	.gx-c-h-box { margin-bottom: 6%; }
	.gx-title { margin-bottom: 6%; margin-top: 10%; }
	.gx-title h2 { font-size: 22px; margin-bottom: 2%; }
	.gx-title p { font-size: 12px; }
	.gx-cloud-h-icon1 { width: 50px; }
	.gx-cloud-h-icon2 { position: absolute; width: 50px; height: 50px; top: 50%; left: 2%; }
	.gx-cloud-h-icon3 { position: absolute; width: 60px; top: 70%; right: 2%; }
	.gx-cloud-h-icon4 { width: 62px; top: -25px; }
	.gx-c-h-l-wrap { width: 100%; }
	.gx-c-h-list { width: 100%; margin-bottom: 5%; }
	.gx-c-l-btn { position: static; opacity: 1; visibility: visible; }
	.gx-c-l-btn a:hover { color: #fff; background: #ff436f; border: 1px solid #ff436f; }
	.gx-c-h-list.active .gx-c-h-l-inner:after { top: 0; margin-bottom: 0; padding-top: 0; height: 100%; }
	.gx-c-h-list.active .gx-c-h-l-cont { top: 0; }
		.system-b-s-text { left:0;}
.gx-c-h-l-cont .system-b-s-text { width:90%;}
	.gx-c-h-l-hd-c { padding: 8% 5% 6% 5%; vertical-align: bottom; }
	.gx-c-h-l-hd-c h2 i { width: 18px; margin-right: 10px; }
	.gx-c-h-l-hd h2 { font-size: 18px; line-height: 18px; margin-bottom: 10px; }
	.gx-c-h-l-hd-c h2 span { line-height: 18px; }
	.gx-c-h-l-hd p { font-size: 12px; line-height: 12px; margin-bottom: 15px; }


	.h-s-c-i-c-ad { width: 80px; height: 16px; line-height: 16px;  margin: 0 2% 0 0; display: inline-block; vertical-align: bottom; }

.h-s-c-i-c-ad em{font-size:12px;}
	.h-s-c-money{ display: inline-block; vertical-align: bottom; }


	.h-s-c-money i { font-size: 14px; }
	.h-s-c-money strong { font-size: 24px; line-height: 24px; font-weight: normal; vertical-align: bottom; }
	.h-s-c-money span { font-size: 12px; vertical-align: bottom; }
	.gx-c-l-sj { background: #f9fafd; font-size: 0; padding: 3% 0; margin-bottom: 4%; }
	.gx-c-l-sj li { width: 33.33%; display: inline-block; text-align: center; }
	.gx-c-l-sj li strong { font-size: 14px; color: #444; display: block; margin-bottom: 5px; }
	.gx-c-l-sj li p { font-size: 12px; color: #666; }
	.system-box { margin: 0 3% 8% 3%; }
	.system-box-state i { height: 14px; width: 14px; line-height: 14px; }

	/* .system-b-s-text { background: #fff; color: #666; font-size: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; bottom: 20px; line-height: 21px; left: 60px; width: 265px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; text-align: left; }

	.system-b-s-textShow { opacity: 1; visibility: visible; }
	 */
	.system-tab { margin-bottom: 4%; }
	.system-tab a { font-size: 14px; }
	.system-tab-cont { margin-bottom: 7%; }
	.system-t-c-info { display: none; }
	.system-tab-cont dl { color: #333; margin-bottom: 4%; }
	.system-tab-cont dl dt { font-size: 12px; margin-bottom: 5px; }
	.system-tab-cont dl dd { font-size: 12px; }
	.gx-c-l-btn a { font-size: 12px; color: #000; border: 1px solid #ddd; background: #fff; padding: 7px 45px; border-radius: 20px; }




	/* 独享云主机 */
	.dx-c-h-box { margin-bottom: 10%; }
	.dx-cloud-h-icon1 { width: 100px; }
	.dx-cloud-h-icon2 { position: absolute; left: 0%; width: 50px; }
	.dx-cloud-h-icon3 { position: absolute; right: 0%; width: 50px; }
	.dx-title { margin-bottom: 6%; margin-top: 10%; }
	.dx-title h2 { font-size: 22px; margin-bottom: 2%; }
	.dx-title p { font-size: 12px; }
	.dx-c-h-l-wrap { margin-bottom: 6%; }
	.dx-c-h-list { background: #fff; border: 2px solid #fff; border-radius: 15px; margin-bottom: 5%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
	.dx-c-h-list:hover { border: 2px solid #fff; }
	.dx-c-h-l-cont { margin: 8% 3% 6% 3%; position: relative; }
	.dx-c-h-l-hd { margin-bottom: 5%; text-align: center; }
	.dx-c-h-l-hd h2 { font-size: 18px; margin-right: 0; margin-bottom: 10px; vertical-align: top; }
	.dx-c-h-l-hd h2 i { width: 18px; margin-right: 10px; vertical-align: top }
	.dx-c-h-l-hd p { display: block; font-size: 12px; }
	.dx-c-l-sj { background: #f9fafd; font-size: 0; padding: 5% 0 0 0; border-radius: 5px; margin-right: 0; margin-bottom: 6%; }
	.dx-c-l-sj li { width: 50%; margin-bottom: 5%; }
	.dx-c-l-sj li strong { font-size: 14px; }
	.system-b-s-select { font-size: 12px; }
	.system-b-s-select  select { width: 100px; padding-left: 10px; font-size: 12px;}
	.dx-c-l-sj li .system-b-s-text { left: 0; right: auto; }
	.dx-c-l-sj li p { font-size: 12px; margin-bottom: 5px; }
	.dx-c-l-right { position: static; right: 0; bottom: 0; width: 100%; text-align: center; }
	.dx-h-c-money { display: inline-block; margin-bottom: 0px; vertical-align: middle; margin-right: 5%; }
	.dx-h-c-money i { font-size: 14px; }
	.dx-h-c-money strong { font-size: 25px; line-height: 25px; }
	.dx-h-c-money span { font-size: 12px; }
	.dx-c-l-btn { margin-bottom: 0%; display: inline-block; vertical-align: middle; }
	.dx-c-l-btn a { width: 130px; padding: 8px 0; line-height: 16px; }
	.dx-c-l-btn a span { font-size: 12px; }
	.dx-c-h-pk { width: 100%; margin: 0; }
	.dx-c-h-pk-hd { font-size: 16px; margin-bottom: 6%; }
	.dx-c-h-pk-hd i { margin: 0 2%; width: 20%; }
	.dx-c-h-pk-hd span { line-height: 16px; width: 36%; text-align: center; }
	.dx-c-h-pk-hd span:first-child { text-align: center;}
	.dx-c-h-pk-list { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #785bd9; text-align: center; }
	.dx-c-h-pk-list:nth-child(2) { padding-right: 5%; }
	.dx-c-h-pk-list:nth-child(3) { padding-left: 5%; }
	.dx-c-h-pk-cont { color: #bda6f2; font-size: 14px; padding: 1% 0; }
	.dx-c-h-pk-cont li { margin-bottom: 10px; float: left; width: 100%; line-height: 24px; }
	.dx-c-h-pk-cont li span { float: none; font-size: 14px; min-width: 100%; height: 24px; line-height: 24px; margin-bottom: 5px; }
	.dx-c-h-pk-cont li p { font-size: 12px; margin-left: 0; line-height: 18px; height: auto; display: block; vertical-align: middle; width: 100%; }

	/* 海外云主机 */
	.hw-title { margin-bottom: 6%; margin-top:10%; }
	.hw-title h2 { font-size: 22px; margin-bottom: 2%; }
	.hw-title h2 i.mba-icon { height: 15px; width: 35px; right: -40px; }
	.hw-title p { font-size: 12px; }
	.hw-c-h-list { width: 100%; margin-bottom: 5%; }
	.hw-c-h-list:nth-child(odd) { border-right: 0; }
	.hw-c-h-l-hd { background: #6948d5; padding: 6% 0; text-align: center; }
	.hw-c-h-l-hd h2 { color: #fff; font-size: 18px; margin-right: 0; margin-bottom: 10px; }
	.hw-c-h-l-hd h2 i { width: 18px; height: 18px; vertical-align: middle; }
	.hw-c-h-l-hd h2 i img { width: 100%; vertical-align: top }
	.hw-c-h-l-hd p { display: block; color: #fff; font-size: 12px; margin-bottom: 15px; }
	.hw-h-c-money { text-align: center; display: block; width: 100%; margin-right: 0; }
	.hw-h-c-money i { font-size: 14px; }
	.hw-h-c-money strong { font-size: 25px; line-height: 25px; }
	.hw-h-c-money span { font-size: 12px; }
	.hw-c-h-l-cont { padding: 6% 6% 7% 6%; }
	.hw-c-l-sj { width: 100%; margin: 0  0 5% 0; }
	.hw-c-h-list .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
	.hw-c-h-list .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; }
	.hw-c-l-sj li strong { font-size: 14px; }
	.hw-c-l-sj li .system-b-s-select { font-size: 18px; color: #000; display: block; font-weight: normal; }
	.hw-c-l-sj li .system-b-s-text { left: auto; right: 30px; }
	.hw-c-l-sj li p { font-size: 12px; margin-bottom: 5px; }
	.hw-c-l-state { width: 100%; margin-bottom: 4%; }
	.hw-c-l-state ul { width: 100%; }
	.hw-c-l-state li { width: 100%; float: left; margin-right: 0; }
	.hw-c-l-state li:last-child { margin-right: 0; }
	.hw-c-l-s-info { padding: 8px 10px; margin-bottom: 5px; }
	.hw-c-l-s-logo { float: left; width: 27px; height: 19px; }
	.hw-c-l-s-text { margin-left: 35px; }
	.hw-c-l-s-t { margin-bottom: 0; display: inline-block; }
	.hw-c-l-s-text strong { font-size: 14px; }
	.hw-c-l-s-text span { font-size: 12px; }
	.hw-c-l-s-text p { display: inline-block; }
	.hw-c-l-footer { width: 100%; }
	.hw-c-l-btn { margin-top: 28px; }
	.hw-c-l-btn a { padding: 6px 35px; font-size: 12px; }
	.hw-c-h-list { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 1; }
	.hw-c-h-list:hover .hw-c-h-l-hd { background: #6948d5; }
	.hw-c-h-list:hover .hw-c-h-l-hd h2 { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd p { color: #fff; }
	.hw-c-h-list:hover .hw-c-h-l-hd .hw-h-c-money { color: #ffeb42; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon1 { opacity: 0; visibility: hidden; }
	.hw-c-h-list:hover .gx-c-h-l-hd-icon2 { opacity: 1; visibility: visible; }

	/* 需要技术人员协助 */
	.cloud-chunk { background-size: cover; }
	.cloud-chunk-cont { margin: 8% 0%; text-align: center; }
	.cloud-chunk-cont h2 { color: #f9fafd; font-size: 22px; font-weight: normal; margin-bottom: 2%; }
	.cloud-chunk-cont p { color: #f9fafd; font-size: 12px; margin-bottom: 3%; }
	.cloud-chunk-cont ul li { color: #f9fafd; font-size: 12px; display: inline-block; margin-right: 3%; margin-bottom: 2%; }
	.cloud-chunk-cont ul li i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; }
	.cloud-chunk-cont ul li i img { width: 100%; }
	.cloud-chunk-cont ul li span { display: inline-block; vertical-align: middle; }

	/* 常见问题 */
	.cloud-faq-cont { margin: 10% 0 8% 0; }
	.cloud-faq-hd { font-size: 18px; text-align: left; margin-bottom: 5%; }
	.cloud-faq-list li { width: 100%; border-top: 1px solid #e0e0e0; }
	.cloud-faq-list li a { font-size: 12px; line-height: 21px; padding: 12px 0; }
}