<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.info-banner {

	background: url("img/20191223/banner.png") no-repeat center top;

}

.youshi-icon div {

	margin: 0 auto;

	width: 100px;

	height: 100px;

	margin-top: 35px;

	background-image: url(img/baremetal_spirite.png);

	background-repeat: no-repeat;

}

.youshi-icon-01 div {

	background-position: 0 0;

}

.youshi-slider-item:hover .youshi-icon-01 div {

	background-position: -100px 0;

}

.youshi-icon-02 div{

	background-position: 0 -100px;

}

.youshi-slider-item:hover .youshi-icon-02 div{

	background-position: -100px -100px;

}

.youshi-icon-03 div{

	background-position: 0 -200px;

}

.youshi-slider-item:hover .youshi-icon-03 div{

	background-position: -100px -200px;

}

.youshi-icon-04 div{

	background-position: 0 -300px;

}

.youshi-slider-item:hover .youshi-icon-04 div {

	background-position: -100px -300px;

}

.youshi-icon-05 div{

	background-position: 0 -400px;

}

.youshi-slider-item:hover .youshi-icon-05 div {

	background-position: -100px -400px;

}

.youshi-icon-06 div{

	background-position: 0 -500px;

}

.youshi-slider-item:hover .youshi-icon-06 div{

	background-position: -100px -500px;

}



/*æŽ¨èå¥—é¤start*/

.package-box {

	margin-top: 35px;

	/* height: 440px; */

}

.package-box ul {

	width: 100%;

}

.package-box li {

	display: list-item;

	float: left;

	margin-left: 30px;

	width: 280px;

	border:1px solid #ddd;

	background: #fff;

}

.package-item.active {

	/* border:1px solid #059fff; */

	box-shadow: 0px 1px 15px 0px 

	rgba(0, 0, 0, 0.15);

	/* box-shadow: 1px 1px 15px rgba(0,128,255,0.5); */

}

.package-box li:first-child {

	margin-left: 0;

}

.package-box .package-title {

	font-weight: bold;

	position: relative;

	height: 70px;

	line-height: 70px;

	/* background-color: #eee; */

	font-size: 18px;

	font-weight: bold;

	color: #333;

	text-align: center;

	font-size: 18px;

	font-stretch: normal;

	/* line-height: 22px; */

	letter-spacing: 0px;

	color: #333333;

	margin:0 30px;

	border-bottom:1px solid #e6e6e6 ;

}

.package-item.active .package-title{

	/* background-color: #059fff; */

	/* color: #fff; */

}

.package-box .baremetal-hot {

	display: none;

	position: absolute;

	right: 0;

	top: 0;

	width: 56px;

	height: 56px;

	background: url(img/baremetal_hot_icon.png) no-repeat center;

}

.package-box .area-line {

	width: 114px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	height: 25px;

	line-height: 25px;

	border-color: #ddd;

	outline: none;

	color:#666

}

.package-box .area-line option {

	width: 120px;

}

.package-info {

	padding: 20px 20px 0 20px;

}

.item-info {

	line-height: 30px;

	font-size: 12px;

	color:#666;

}

.item-info .item-name {

	display: inline-block;

	float: left;

	width: 40%;

	text-align: right;

	/* font-weight: bold; */

	color: #666;

}

.item-info .item-value {

	display: inline-block;

	float: left;

	padding-left: 5px;

	width: 60%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #666;

}

.param-wrap{

	margin:8px 30px 0;

}

.param-wrap .item-info{

	width: 50%;

	float: left;

	line-height: 22px;

	border:1px solid transparent;

	padding:8px 8px 16px;

}

.param-wrap .item-info:nth-child(1){

	border-right:1px solid #f3f3f3 ;

	border-bottom:1px solid #f3f3f3 ;

}

.param-wrap .item-info:nth-child(2){

	border-bottom:1px solid #f3f3f3 ;

}

.param-wrap .item-info:nth-child(3){

	border-right:1px solid #f3f3f3 ;

}

.param-wrap .item-info .item-value {

	float: none;

	width: 100%;

	text-align: center;

	padding-left: 0;

	font-size: 16px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #000000;

}

.param-wrap .item-info .item-name{

	float: none;

	width: 100%;

	text-align: center;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #666666;

}

.package-price {

	margin: 20px;

	height: 40px;

	text-align: center;

}

.lease-line {

	margin: 0 20px;

	height: 1px;

	background-color: #eee;

	display: none;

}

.package-price span {

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #666666;

}

.package-price span em {

	font-size: 28px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 22px;

	letter-spacing: 0px;

	color: #ff6600;

	font-weight: bold;

}

.package-box .baremetal-buy {

	display: block;

	width: 170px;

	margin: 0 auto;

	margin-bottom: 20px;

	height: 40px;

	line-height: 40px;

	border: 1px solid #0080ff;

	text-align: center;

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #0080ff;

}

.package-item.active .baremetal-buy{

	background-color: #0080ff;

	color: #fff;

}



.text-area {

	width: 480px;

	height: 100px;

	outline: none;

}



/*æŽ¨èå¥—é¤end*/



.product-list {

	margin-top: 32px;

	margin-bottom: 60px;

}

.product-list li {

	float: left;

	width: 23.5%;

	margin-left: 2%;

	height: 300px;

	background: #fafafa no-repeat center 40px;



}

.product-list li a {

	display: block;

	width: 100%;

	height: 100%;

	padding-top: 170px;

	text-align: center;

}

.product-list li:first-child {

	margin-left: 0;

}

.product-list .title {

	margin-bottom: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 20px;

	color: #333333;

}

.subtitle {

	line-height: 24px;

	font-size: 14px;

	color: #999;

}

li.product-1 {

	background-image: url(img/product_1.png);

}

li.product-2 {

	background-image: url(img/product_2.png);

}

li.product-3 {

	background-image: url(img/product_3.png);

}

li.product-4 {

	background-image: url(img/product_4.png);

}



/* äº§å“åŠŸèƒ½ */

.youshi-wrapper {

	margin-top: 62px;

	margin-bottom: 60px;

}

.youshi-item {

	width: 276px;

	text-align: center;

	border: 1px solid #d3d3d3;

}

.youshi-item .youshi-header  {

	background: #f0f0f0;

	font-size: 16px;

	color: #666;

	line-height: 62px;

}

.youshi-our {

	position: relative;

	top: -1px;

	z-index: 2;

	border: 1px solid #059fff;

}

.youshi-our li.youshi-header {

	position: relative;

	color: #fff;

	font-size: 22px;

	height: 63px;

}

.our-block-extra {

	position: absolute;

	left: -1px;

	right: -1px;

	height: 93px;

	line-height: 93px;

	bottom: 0;

	z-index: 10;

	background: #059fff;

}

.youshi-our-rec {

	position: absolute;

	width: 55px;

	height: 55px;

	right: -5px;

	top: -3px;

	background: url(img/server_icon_recommend.png);

}

.youshi-them .youshi-header {

	color: #333;

	font-size: 22px;

}

.youshi-them-2 {

	margin-left: -1px;

}

.youshi-item li {

	font-size: 14px;

	line-height: 39px;

	color: #666;

	background: #fff;

}

.youshi-our .youshi-item-li {

	border-top: 1px solid #059fff;

}

.youshi-item-li {

	border-top: 1px solid #e6e6e6;

}

.youshi-item-li:first-child {

	border-top: none;

}

.youshi-our {

	width: 372px;

}

.youshi-our li {

	color: #333;

	font-size: 16px;

}

.youshi-item .even-row {

	background: #f7f7f7;

}

.youshi-our .even-row {

	background: #e7f1fc;

}

.correct-icon {

	display: inline-block;

	width: 17px;

	height: 16px;

	background: url(img/icon_duigou.png);

}

/* äº§å“åŠŸèƒ½ end*/



/* åº”ç”¨åœºæ™¯ */

.scene-list {

	margin-top: 32px;

	margin-bottom: 120px;

}

.scene-list &gt; li {

	float: left;

	width: 291px;

	height: 405px;

	margin-left: 12px;

	background: #fafafa no-repeat center 60px;

	text-align: center;

	padding-top: 167px;

}

.scene-list li:first-child {

	margin-left: 0;

}

li.scene-1 {

	background-image: url(img/bm_scene_1.png);

}

li.scene-2 {

	background-image: url(img/bm_scene_2.png);

}

li.scene-3 {

	background-image: url(img/bm_scene_3.png);

}

li.scene-4 {

	background-image: url(img/bm_scene_4.png);

}

.scene-list &gt; li .title {

	font-size: 16px;

	color: #333;

}

.scene-feature {

	width: 100%;

	padding: 0 20px;

}

.scene-feature li {

	float: left;

	width: 33%;

	height: 86px;

	text-align: center;

	padding-top: 60px;

	background: no-repeat center;

	font-size: 12px;

	color: #555555;

}

.scene-list .description {

	font-size: 12px;

	color: #999999;

	padding: 0 25px;

	line-height: 1.8em;

	margin-top: 10px;

}

.scene-feature .icon-1 {

	background-image: url(img/scene_icon_1.png);

}

.scene-feature .icon-2 {

	background-image: url(img/scene_icon_2.png);

}

.scene-feature .icon-3 {

	background-image: url(img/scene_icon_3.png);

}

.scene-feature .icon-4 {

	background-image: url(img/scene_icon_4.png);

}

.scene-feature .icon-5 {

	background-image: url(img/scene_icon_5.png);

}

.scene-feature .icon-6 {

	background-image: url(img/scene_icon_6.png);

}

.scene-feature .icon-7 {

	background-image: url(img/scene_icon_7.png);

}

.scene-feature .icon-8 {

	background-image: url(img/scene_icon_8.png);

}

/* æ–°ç‰ˆä¼˜åŠ¿å†…å®¹ start*/

.adv-wrap{

	

}

.adv-wrap ul{

	

}

.adv-wrap ul li{

	width: 230px;

	float: left;

	margin: 60px 83px 0;

	height: 180px;

}

.adv-wrap .adv-icon{

	width: 40px;

	height: 42px;

	margin: 0 auto;

}

.adv-wrap .adv-title{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;

	margin:30px 0 20px;
font-weight: bold;

}

.adv-wrap .adv-content{

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	line-height: 24px;

	color: #999999;

}

.adv-wrap .adv-icon-1{

	background: url(img/20191223/product-adv-1.png)  no-repeat center;

}

.adv-wrap .adv-icon-2{

	background: url(img/20191223/product-adv-2.png)  no-repeat center;

}

.adv-wrap .adv-icon-3{

	background: url(img/20191223/product-adv-3.png)  no-repeat center;

}

.adv-wrap .adv-icon-4{

	background: url(img/20191223/product-adv-4.png) no-repeat center;

}

.adv-wrap .adv-icon-5{

	background: url(img/20191223/product-adv-5.png) no-repeat center;

}

.adv-wrap .adv-icon-6{

	background: url(img/20191223/product-adv-6.png) no-repeat center;

}

/* æ–°ç‰ˆä¼˜åŠ¿å†…å®¹ end*/

/* åŠŸèƒ½ä»‹ç» start */

.product-power-wrap{

	padding: 80px 0;

	/* background-color: #f7f8fa; */

}

.product-power{

	margin-top: 60px;

	border: solid 1px #cfd6e3;

}

.product-power li{

	border-bottom: solid 1px #cfd6e3;

}

.product-power li:last-child{

	border-bottom: solid 1px transparent;

}

.pp-icon{

	float: left;

	display: inline-block;

    width: 54px;

    height: 52px;

    margin: 40px 32px;

}

.content-wrap{

	float: left;

	width: 90%;

	padding-top: 18px;

}

.content-title{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 46px;

	letter-spacing: 0px;

	font-weight: bold;

	color: #000000;

}

.content{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 20px;

	letter-spacing: 0px;

	color: #000000;

}

.pp-icon-1{

	background: url(img/20191223/product1-function-1.png)  no-repeat center;

}

.pp-icon-2{

	background: url(img/20191223/product1-function-2.png)  no-repeat center;

}

.pp-icon-3{

	height: 49px;

	background: url(img/20191223/product1-function-3.png)  no-repeat center;

}

.pp-icon-4{

	background: url(img/20191223/product1-function-4.png)  no-repeat center;

}

/* åŠŸèƒ½ä»‹ç» end */

.sell-wrap{

	background-color: #f7f8fa;

    padding: 60px 0;

}

.youshi-module{

	padding: 60px 0;

}



/* äº§å“åŠŸèƒ½ start */

.adv-compare-wrap{

	padding:80px 0 60px;

    background-color: #f9f9f9;

}

.adv-compare{

	/* border: solid 1px #d3d3d3; */

	margin-top: 60px;

}

.adv-compare ul{



}

.adv-compare ul li{

	float: left;

	width: 210px;

}

.adv-compare ul li:nth-child(1){



}

.adv-compare ul li:nth-child(2){

	width: 360px;

}

.adv-compare ul li:nth-child(3){

	width: 356px;

}

.adv-compare ul li:nth-child(4){

	width: 140px;

}
.adv-compare ul li:nth-child(5){

	width: 140px;

}

	

.adv-compare ul li:nth-child(1){

	border-left:solid 1px #d3d3d3;

}

.adv-compare ul li div:nth-child(1){

	border-top:solid 1px #d3d3d3;

}

.adv-compare ul li div:last-child{

	border-bottom:solid 1px #d3d3d3;

}

.adv-compare ul li div{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	height: 38px;

	line-height: 38px;

	letter-spacing: 0px;

	color: #666666;

	border-right:solid 1px #d3d3d3;

	text-align: center;

}

.adv-compare ul li div:nth-child(odd){

	background:#f6f6f6;

}

.adv-compare ul li div:nth-child(1){

	height: 63px;

	font-size: 18px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 63px;

	letter-spacing: 0px;

	color: #333333;

	border-bottom:solid 1px #d3d3d3;

}

.adv-compare-title{



}

.adv-compare ul li .lh-80{

	line-height: 80px;

}

.adv-compare ul li .h-80{

	height: 80px;

}

.adv-compare ul li .lh-100{

	line-height: 100px;

}

.adv-compare ul li .h-100{

	height: 100px;

}

.adv-compare ul li .lh-162{

	line-height: 162px;

}

.adv-compare ul li .h-162{

	height: 162px;

}

.adv-compare ul li p{

	line-height: 28px;

}

.true-icon{

	display: inline-block;

	width: 17px;

	height: 16px;

	background: url(img/20191223/true-icon.png) no-repeat center;

}

.adv-compare ul .active {

	width: 373px;

	box-shadow: 0px 2px 6px 0px 

	rgba(0, 0, 0, 0.33);

	border: solid 1px #00b277;

	margin-top: -11px;

}

.adv-compare ul .active div:nth-child(odd){

	background-color: #e0f1eb;

}

.adv-compare ul .active div:nth-child(1){

	height: 74px;

	line-height: 74px;

	background-color: #00b277;

	font-size: 20px;

	font-weight: bold;

	font-stretch: normal;

	letter-spacing: 0px;

	border-top: none;

	color: #ffffff;

}

/* äº§å“åŠŸèƒ½  end*/

/* åº”ç”¨åœºæ™¯start */

.product-sence-wrap{

	padding:80px 0 60px;

	/* background-color: #f7f8fa; */

}

.product-sence-item-wrap{

	padding:80px 0 60px;

}

.product-sence-item{

	width: 285px;

	padding:40px 20px;

	background-color: #ffffff;

	border: solid 1px #cfd6e3;

	float: left;

	margin-right: 24px;;

}

.product-sence-item:last-child{

	margin-right: 0;

}

.product-sence-icon{

	width: 42px;

	height: 40px;

	margin:0 auto;

	background: url(img/20191223/product-sence-1.png) no-repeat center;

}

.roduct-sence-icon-2{

	background: url(img/20191223/product-sence-2.png) no-repeat center;

}

.roduct-sence-icon-3{

	background: url(img/20191223/product-sence-3.png) no-repeat center;

}

.roduct-sence-icon-4{

	background: url(img/20191223/product-sence-4.png) no-repeat center;

}

.product-sence-title{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;

	margin:20px 0 36px;
font-weight: bold;

}

.product-sence-adv{

	width: 205px;

	margin:0 auto;

}

.product-sence-adv-item{

	float: left;

	margin-right: 32px;

}

.product-sence-adv-item:last-child{

	margin-right: 0;

}

.product-sence-adv-item div{

	width: 25px;

	height: 22px;

	margin-left: 8px;

	background: url(img/20191223/product-sence-1-1.png) no-repeat center;

}

.product-sence-adv-item .bg-1-2{

	background: url(img/20191223/product-sence-1-2.png) no-repeat center;

}

.product-sence-adv-item .bg-1-3{

	background: url(img/20191223/product-sence-1-3.png) no-repeat center;

}

.product-sence-adv-item .bg-2-1{

	background: url(img/20191223/product-sence-2-1.png) no-repeat center;

}

.product-sence-adv-item .bg-2-2{

	background: url(img/20191223/product-sence-2-2.png) no-repeat center;

}

.product-sence-adv-item .bg-2-3{

	background: url(img/20191223/product-sence-2-3.png) no-repeat center;

}

.product-sence-adv-item .bg-3-1{

	background: url(img/20191223/product-sence-3-1.png) no-repeat center;

}

.product-sence-adv-item .bg-3-2{

	background: url(img/20191223/product-sence-3-2.png) no-repeat center;

}

.product-sence-adv-item .bg-3-3{

	background: url(img/20191223/product-sence-3-3.png) no-repeat center;

}

.product-sence-adv-item p{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #555555;

}

.product-sence-des{

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #999999;

	margin-top: 28px;

}

.product-adv-wrap{

	background-color: #f7f8fa;

}

/* åº”ç”¨åœºæ™¯end */

.recommend-package{

	padding-bottom: 90px;



}

.recommend-package&gt;.package-type{

	width: 100%;

	height: 60px;

	border-bottom: 1px solid #bbbbbb;

}

.recommend-package&gt;.package-type&gt;div{

	width: 200px;

	height: 60px;

	float: left;

	background-color: #fafafa;

	border: solid 1px #bbbbbb;

	font-size: 18px;

	color: #000000;

	text-align: center;

	line-height: 60px;

	cursor: pointer;

}

.recommend-package&gt;.package-type&gt;div:not(:first-child){

	margin-left: 20px;

}

.recommend-package&gt;.package-type&gt;div.active{

	background: white;

	color: #0088ff;

	border-color: #0088ff;

	border-bottom: none;

}

.recommend-package&gt;ul{

	width: 100%;

	margin-top: 30px;

	border: solid 1px #bbbbbb;

}

.recommend-package&gt;ul&gt;li{

	width: 100%;

	height: 135px;

	position: relative;

}

.recommend-package&gt;ul&gt;li:not(:last-child){

	border-bottom: 1px solid #bbbbbb;

}

.recommend-package&gt;ul&gt;li&gt;.name{

	width:230px;

	height: 100%;

	padding: 32px 30px 30px 32px;

	float: left;

}

.recommend-package&gt;ul&gt;li&gt;.name&gt;p{

	padding-bottom: 10px;

	font-size: 20px;

	color: #333333;

}

.recommend-package&gt;ul&gt;li&gt;.name&gt;span{

	font-size: 12px;

	color: #999999;

}

.recommend-package&gt;ul&gt;li&gt;.host-config{

	width: 700px;

	height: 100%;

	float: left;

}

.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul{

	overflow: auto;

    margin-top: 42px;

    margin-left: 2px;

}

.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul&gt;.harddisk-wrap{

	width: 125px;

}

.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul&gt;.harddisk-wrap .harddisk div{

	/* line-height: 26px; */

	margin-bottom: 5px;

}

.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul&gt;li{

	float: left;

	text-align: center;

	width:105px;

}



.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul&gt;li&gt;p:first-child{

	font-size: 12px;

	color: #777777;

	padding-bottom: 14px;

}

.recommend-package&gt;ul&gt;li&gt;.host-config&gt;ul&gt;li&gt;p:last-child{

	font-size: 16px;

	color: #333333;

}

.recommend-package&gt;ul&gt;li&gt;.price-buy{

	position: absolute;

	right: 31px;

	top: 50px;

}

.recommend-package&gt;ul&gt;li&gt;.price-buy&gt;span{

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #666666;

	margin-right: 20px;

}

.recommend-package&gt;ul&gt;li&gt;.price-buy&gt;span&gt;span{

	font-size: 28px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 22px;

	letter-spacing: 0px;

	color: #ff6600;

}

.recommend-package&gt;ul&gt;li&gt;.price-buy&gt;a{

	width: 100px;

	height: 36px;

	background-color: #ffffff;

	border: solid 1px #0080ff;

	font-size: 14px;

	color: #0080ff;

	display: inline-block;

	text-align: center;

	line-height: 36px;

}

.recommend-package&gt;ul&gt;li&gt;.line{

	width: 1px;

	height: 66px;

	background-color: #dddddd;

	position: absolute;

	left: 230px;

	top: 34px;

}</pre></body></html>