body,html{scroll-behavior:smooth}#index-server-rent{position:relative;padding-top:3px}#index-server-rent>.bg{display:none;position:absolute;top:0;left:0;width:100%;height:3772px;background:url(../../../Images/server-rent/index/bg.jpg) center -172px;z-index:1;opacity:.5}#index-server-rent .banner{background:url(../../../Images/server-rent/index/bg-banner.jpg) top no-repeat;min-height:598px}#index-server-rent .banner .inner{max-width:1210px;margin:0 auto;padding:1px;display:-webkit-box;display:-webkit-flex;display:flex}#index-server-rent .banner h1{margin-top:137px;margin-bottom:4px;line-height:normal;text-shadow:5px 6px 2px #144a91;font-weight:400;font-size:80px;color:#fff}#index-server-rent .banner .slogan{margin-bottom:17px;padding:0 2px 0 14px;background:#0782f4;line-height:60px;font-size:42px;color:#fff;letter-spacing:4px}#index-server-rent .banner .btn-detail{display:inline-block;margin-bottom:15px;padding:0 3px 0 18px;background:#ff9a72;border-radius:6px;line-height:46px;font-size:31px;color:#fff;vertical-align:top;letter-spacing:9px;text-decoration:none}#index-server-rent .banner .contact{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:24px;color:#fff}#index-server-rent .banner .contact .icon{margin-right:16px}#index-server-rent .banner .contact a{color:#fff;text-decoration:none}#index-server-rent .section-1{padding-top:78px;padding-bottom:18px;background:#fdfdfd}#index-server-rent .section-1 .summary,#index-server-rent .section-1 h2{text-align:center}#index-server-rent .section-1 h2{font-size:48px;line-height:1;font-weight:400;color:#333;margin:0 0 19px}#index-server-rent .section-1 .summary{margin-bottom:78px;font-size:26px;color:#999}#index-server-rent .section-1 .inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;max-width:1284px;margin:0 auto}#index-server-rent .section-1 .inner .prod{-webkit-box-flex:400px;-webkit-flex:400px 0;flex:400px 0;padding:0 39px 55px;box-shadow:2px 4px 6px #c3c3c3;border-radius:6px;box-sizing:border-box}#index-server-rent .section-1 .inner .prod:first-child{background:url(../../../Images/server-rent/index/bg-prod-1.png) top no-repeat}#index-server-rent .section-1 .inner .prod:nth-child(2){background:url(../../../Images/server-rent/index/bg-prod-2.png) top no-repeat}#index-server-rent .section-1 .inner .prod:nth-child(3){background:url(../../../Images/server-rent/index/bg-prod-3.png) top no-repeat}#index-server-rent .section-1 .inner .prod .title{margin:136px 0 36px;font-size:35px;color:#fff;line-height:1;text-align:center}#index-server-rent .section-1 .inner .prod .params{color:#fff;font-size:20px}#index-server-rent .section-1 .inner .prod .params .r{display:-webkit-box;display:-webkit-flex;display:flex}#index-server-rent .section-1 .inner .prod .params .r+.r{margin-top:15px}#index-server-rent .section-1 .inner .prod .params .k:after{content:":";margin-right:10px}#index-server-rent .section-1 .inner .prod .params .v span{display:block}#index-server-rent .section-1 .inner .prod .params .v span+span{margin-top:15px}#index-server-rent .section-1 .inner .prod .price{margin-top:16px;font-size:20px;color:#f9f7f7}#index-server-rent .section-1 .inner .prod .price .num{margin-right:4px;font-size:25px;color:#f1093f}#index-server-rent .section-1 .inner .prod .action{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:43px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#index-server-rent .section-1 .inner .prod .action a{max-width:112px;padding:0 19px;border:1px solid #fff;font-size:20px;color:#fff;line-height:36px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;text-decoration:none}#index-server-rent .section-1 .inner .prod .action a:hover{-webkit-transform:translateY(-1);transform:translateY(-1)}#index-server-rent .section-1 .inner .prod .action a:active{-webkit-transform:translateY(1px);transform:translateY(1px)}#index-server-rent .section-1 .inner .prod .action a+a{margin-left:15px}#index-server-rent .section-1 .notice{margin-top:29px;text-align:center;color:#838080;font-size:16px}#index-server-rent .section-2{padding:62px 0 91px;background:#e4f8ff url(../../../Images/server-rent/index/bg-section-2.jpg) top no-repeat}#index-server-rent .section-2 h2{margin:0 0 59px;font-weight:400;font-size:35px;color:#1768e4;line-height:1;text-align:center;text-indent:116px}#index-server-rent .section-2 .inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1224px;margin:0 auto;counter-set:feature 0}#index-server-rent .section-2 .inner .item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:600px;-webkit-flex:600px 0 1;flex:600px 0 1;margin-bottom:20px;counter-increment:feature;overflow:hidden;box-shadow:0 1px 5px 1px hsla(0,0%,39.2%,.09);box-sizing:border-box;border:1px solid transparent;border-radius:12px;-webkit-transition:border .3s;transition:border .3s}#index-server-rent .section-2 .inner .item:hover{border-color:#95bdfb}#index-server-rent .section-2 .inner .item .seq{position:relative;width:100px;background:#5bbbff;background:-webkit-linear-gradient(top,#5bbbff,#4495ff);background:linear-gradient(180deg,#5bbbff 0,#4495ff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5bbbff",endColorstr="#4495ff",GradientType=0)}#index-server-rent .section-2 .inner .item .seq:before{margin-top:22px;display:block;content:"0" counter(feature);text-align:center;color:#fff;font-size:30px}#index-server-rent .section-2 .inner .item .seq:after{content:" ";position:absolute;top:0;display:block;width:100%;height:100%;background:url(../../../Images/server-rent/index/bg-pattern.png) no-repeat right 22px}#index-server-rent .section-2 .inner .item .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100px;background:#f3f9ff;font-size:30px;color:#333;line-height:100px;text-indent:19px}#index-server-rent .section-2 .promo{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:57px}#index-server-rent .section-2 .promo,#index-server-rent .section-2 .promo .item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}#index-server-rent .section-2 .promo .item{font-size:30px;color:#f80617;text-align:center;white-space:nowrap}#index-server-rent .section-2 .promo .item:nth-child(2){color:#e4172f}#index-server-rent .section-2 .promo .item:nth-child(3){color:#f7070c}#index-server-rent .section-2 .promo .item+.item{margin-left:120px}#index-server-rent .section-2 .promo .item .ico{position:relative;width:62px;height:27px;margin-right:20px;line-height:27px;background:#489dff;font-size:20px;color:#fff;border-radius:2px}#index-server-rent .section-2 .promo .item .ico:after{content:" ";position:absolute;top:7px;right:-18px;width:0;height:0;border:6px solid transparent;border-left:12px solid #489dff}#index-server-rent .section-3{position:relative;background:#fdfdfd}#index-server-rent .section-3 .pattern{position:absolute;top:-10px;left:50%;margin-left:-38%}#index-server-rent .section-3 .inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1280px;margin:0 auto;padding:124px 0}#index-server-rent .section-3 .inner .item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:392px;-webkit-flex:392px 0;flex:392px 0;height:157px;cursor:pointer}#index-server-rent .section-3 .inner .item:first-child .text,#index-server-rent .section-3 .inner .item:nth-child(2) .text{padding:28px 0 0 34px}#index-server-rent .section-3 .inner .item:first-child .text em,#index-server-rent .section-3 .inner .item:nth-child(2) .text em{font-size:32px;font-style:normal;vertical-align:12px}#index-server-rent .section-3 .inner .item:first-child .text .price,#index-server-rent .section-3 .inner .item:nth-child(2) .text .price{font-size:75px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;vertical-align:bottom}#index-server-rent .section-3 .inner .item:first-child{background:url(../../../Images/server-rent/index/bg-sale-1.png)}#index-server-rent .section-3 .inner .item:nth-child(2){background:url(../../../Images/server-rent/index/bg-sale-2.png)}#index-server-rent .section-3 .inner .item:nth-child(2) .text p:nth-child(2){letter-spacing:7px}#index-server-rent .section-3 .inner .item:nth-child(3){background:url(../../../Images/server-rent/index/bg-sale-3.png)}#index-server-rent .section-3 .inner .item:nth-child(3) .text{padding:24px 0 0 38px}#index-server-rent .section-3 .inner .item:nth-child(3) .text p{max-width:calc(4em + 5px);font-size:54px;letter-spacing:1px}#index-server-rent .section-3 .inner .item:nth-child(3) .text p:nth-child(2){font-size:54px;text-align:justify}#index-server-rent .section-3 .inner .item:nth-child(3) .text p:nth-child(2):after{content:"";display:inline-block;width:100%}#index-server-rent .section-3 .inner .item:nth-child(3) a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;text-decoration:none}#index-server-rent .section-3 .inner .item .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#fff}#index-server-rent .section-3 .inner .item .text p{margin-bottom:0;line-height:1}#index-server-rent .section-3 .inner .item .text p:nth-child(2){font-size:21px;letter-spacing:1px}#index-server-rent .section-3 .inner .item .action{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100px;box-sizing:border-box;font-size:36px;color:#e4172f;line-height:47px;letter-spacing:4px}#index-server-rent .section-4{padding:118px 0 130px;background:url(../../../Images/server-rent/index/bg-section-4.png) top no-repeat;overflow:hidden}#index-server-rent .section-4 .room{position:relative;width:14em;margin:0 auto 33px;font-size:50px;z-index:0;line-height:1;letter-spacing:3px;color:#fff}#index-server-rent .section-4 .room:after{content:"";position:absolute;bottom:-13px;left:-.7em;width:calc(100% + 1.1em);height:44px;background:#d12417;z-index:-1}#index-server-rent .section-4 .summary{max-width:1000px;margin:0 auto;color:#fff;font-size:24px;line-height:42px;text-align:center}@media screen and (max-width:1200.99px){#index-server-rent .section-1 .inner{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#index-server-rent .section-1 .inner .prod{margin-bottom:10px}#index-server-rent .section-2 .inner,#index-server-rent .section-3 .inner{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#index-server-rent .section-2 .inner .item,#index-server-rent .section-3 .inner .item{margin-bottom:10px}}@media screen and (max-width:768.99px){#index-server-rent .section-2 .promo{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#index-server-rent .section-2 .promo .item{margin-bottom:10px}#index-server-rent .section-2 .promo .item+.item{margin-left:0}#index-server-rent .section-4 .room{width:auto;text-align:center}}@media screen and (max-width:425.99px){#index-server-rent .section-2 .inner .item .text{font-size:18px}}
