.type-wrap{max-width:1200px;margin:80px auto}
.type-wrap .type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.type-wrap .type-item{width:250px;height:535px;background:#fff;position:relative;text-align:center;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.02),0 20px 40px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.02),0 20px 40px 0 rgba(0,0,0,.04);border-radius:4px;-webkit-transition:all 1s;transition:all 1s}
.type-wrap .type-item .recommend_img{position:absolute;right:16px;top:0}
.type-wrap .type-item .type-header{width:250px;height:84px;line-height:84px;border-radius:4px 4px 0 0;font-weight:500;color:#fff;font-size:30px}
.type-wrap .type-item .type-header-one{background:-webkit-gradient(linear,left top, right top,color-stop(0, #40a9ff),to(#105cfb));background:linear-gradient(90deg,#40a9ff 0,#105cfb 100%)}
.type-wrap .type-item .type-header-two{background:-webkit-gradient(linear,left top, right top,color-stop(0, #31e0d0),to(#2d6bf4));background:linear-gradient(90deg,#31e0d0 0,#2d6bf4 100%)}
.type-wrap .type-item .type-header-three{background:-webkit-gradient(linear,left top, right top,color-stop(0, #ddb799),to(#b78463));background:linear-gradient(90deg,#ddb799 0,#b78463 100%)}
.type-wrap .type-item .version-person{padding-top:40px;padding-bottom:12px;font-size:14px;color:#333;line-height:20px}
.type-wrap .type-item .version-desc{height:116px;font-size:14px;color:#999;line-height:22px}
.type-wrap .type-item .price-box{height:56px;margin-bottom:20px}
.type-wrap .type-item .type-price{height:56px;line-height:56px;color:#353535;font-weight:500}
.type-wrap .type-item .type-price span{font-size:20px}
.type-wrap .type-item .type-price .type-price-num{font-size:40px}
.type-wrap .type-item .type-price .c-3DA4FF{color:#3da4ff}
.type-wrap .type-item .type-price .c-2D74F1{color:#2d74f1}
.type-wrap .type-item .type-price .c-B98666{color:#b98666}
.type-wrap .type-item .type-compare{height:20px;line-height:20px;font-size:0}
.type-wrap .type-item .type-btn{display:block;width:160px;height:48px;line-height:48px;border-radius:24px;font-size:16px;color:#fff;text-align:center;margin:0 auto}
.type-wrap .type-item .type-btn:hover{opacity:.9}
.type-wrap .type-item .type-btn-one{background:#3da4ff}
.type-wrap .type-item .type-btn-two{background:#2d74f1}
.type-wrap .type-item .type-btn-three{background:#b98666}
.type-wrap .type-item:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.server-banner .banner-title{padding-top:80px;line-height:56px;font-size:40px;color:#353535;text-align:center;padding-bottom:20px}
.server-banner .banner-sub-title{text-align:center;line-height:25px;font-size:18px;color:#666;padding:16px 0 40px}
.BigBtnType1{display:inline-block;padding:0 50px;height:56px;line-height:56px;border-radius:28px;background:#105CFB;color:#fff;font-size:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0}
.center{text-align:center}


@media screen  and (max-width: 991px) {
.server-banner {display:none;}
.type-wrap{display:none;}

}
@media only screen and (min-width: 1029px){
.switch{display:none}
.switch-bar{display:none}
.server-banner1{display:none}
}
@media screen and (max-width: 991px){
.server-banner1{padding-top:1.28rem}
.server-banner1 .banner-title1{line-height:4.68rem;font-size:2.48rem;color:#353535;text-align:center}
.server-banner1 .banner-sub-title1{height:.44rem;font-size:.32rem;color:#666;line-height:.44rem;text-align:center;padding:.16rem 0 .78rem}
.server-banner1 .free-price-btn1{width:15.2rem;height:3.96rem;line-height:3.96rem;background:#105CFB;border-radius:1.5rem;text-align:center;margin:0 auto 2rem}
.server-banner1 .free-price-btn1 a{color:#fff;font-size:1.8rem}

.switch{text-align:center}
.switch .switch-content{margin:.32rem 0 .64rem}
.switch .switch-content .switch-item{-webkit-box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.02),0 .4rem .8rem 0 rgba(0,0,0,.04);box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.02),0 .4rem .8rem 0 rgba(0,0,0,.04);position:relative;width:6.7rem;height:9.28rem;margin:0 auto}
.switch .switch-content .switch-item.switch-item__edu,.switch .switch-content .switch-item.switch-item__more{display:none}
.switch .switch-content .switch-item .switch-item-header{width:100%;height:1.68rem;line-height:1.68rem;text-align:center;color:#fff;font-weight:500;font-size:.6rem;border-radius:.08rem .08rem 0;position:relative}.switch .switch-content .switch-item .switch-item-header-one{background:-webkit-gradient(linear,left top, right top,color-stop(0, #40a9ff),to(#105cfb));background:linear-gradient(90deg,#40a9ff 0,#105cfb 100%)}
.switch .switch-content .switch-item .switch-item-header-two{background:-webkit-gradient(linear,left top, right top,color-stop(0, #31e0d0),to(#2d6bf4));background:linear-gradient(90deg,#31e0d0 0,#2d6bf4 100%)}
.switch .switch-content .switch-item .switch-item-header-three{background:-webkit-gradient(linear,left top, right top,color-stop(0, #ddb799),to(#b78463));background:linear-gradient(90deg,#ddb799 0,#b78463 100%)}.switch .switch-content .switch-item .recommend_img{position:absolute;top:0;right:.32rem}
.switch .switch-content .switch-item .version-person{padding-top:.84rem;padding-bottom:.24rem;font-size:.24rem;color:#333;line-height:.34rem}.switch .switch-content .switch-item .version-desc{height:2.32rem;font-size:.24rem;color:#999;line-height:.48rem}
.switch .switch-content .switch-item .price-box{height:1.12rem;line-height:1.12rem;font-size:.4rem;color:#333;margin-bottom:.4rem}.switch .switch-content .switch-item .price-box .price{font-size:.8rem}.switch .switch-content .switch-item .price-box .c-3DA4FF{color:#3DA4FF}
.switch .switch-content .switch-item .price-box .c-2D74F1{color:#2D74F1}.switch .switch-content .switch-item .price-box .c-B98666{color:#B98666}.switch .switch-content .switch-item .switch-btn{display:block;width:3.2rem;height:.96rem;line-height:.96rem;border-radius:.48rem;font-size:.32rem;margin:0 auto .96rem;color:#fff}.switch .switch-content .switch-item .switch-btn-one{background:#3DA4FF}.switch .switch-content .switch-item .switch-btn-two{background:#2D74F1}.switch .switch-content .switch-item .switch-btn-three{background:#B98666}
.switch-bar{text-align: center;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:9.6rem;width:100%;line-height:1.6rem;font-size:.32rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.4rem}
.switch-bar .switch-bar-item{width: 8.64rem;
    height: 5.04rem;
    line-height: 5.04rem;
    border-radius: 2.52rem;
    border: 1px solid #1062fb;}
.switch-bar .switch-bar-item .switch-bar-item-text{display:inline-block;color:#353535}
.switch-bar .switch-bar-item.switch-bar-item__active{background:#1062FB;border:none}
.switch-bar .switch-bar-item.switch-bar-item__active .switch-bar-item-text{color:#fff}
.switch-bar.switch-fixed__active{position:fixed;background:#f4f8ff;top:1rem}
.switch .switch-content .switch-item .switch-item-header-four{
			background:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(255, 102, 0,0.3)),to(#FF6600));
			background:linear-gradient(90deg,rgba(255, 102, 0,0.3) 0,#FF6600 100%);
		}
		.switch .switch-content .switch-item .price-box .c-FF6600{
			color:#FF6600;
		}
		.switch .switch-content .switch-item .switch-btn-four{
			background-color:#FF6600;
		}
		.switch-bar .switch-bar-item{margin:0 5px;}
		.read-list{
			padding:0 5px;
		}
		.read-list:after{
			content:"";
			display:block;
			clear:both;
		}
		.read-list .read-item{
			width:50%;
			float:left;
			padding:0 5px;
			margin-bottom:8px;
		}
		.read-list .read-item{text-align:left;}


.switch .switch-content {
    margin: 2.32rem 0 2.64rem;
}
/* .switch .switch-content .switch-item {-webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0,0,0,.02), 0 0.4rem 0.8rem 0 rgba(0,0,0,.04);box-shadow: 0 0.2rem 0.2rem 0 rgba(0,0,0,.02), 0 0.4rem 0.8rem 0 rgba(0,0,0,.04);position: relative;width: 27.7rem;height: 49.28rem;margin: 0 auto;
} */
.switch .switch-content .switch-item {-webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0,0,0,.02), 0 0.4rem 0.8rem 0 rgba(0,0,0,.04);box-shadow: 0 0.2rem 0.2rem 0 rgba(0,0,0,.02), 0 0.4rem 0.8rem 0 rgba(0,0,0,.04);position: relative;width: 27.7rem;height: 56.28rem;margin: 0 auto;
}
.switch .switch-content .switch-item .switch-item-header {
    width: 100%;
    height: 6.68rem;
    line-height: 6.68rem;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 2.6rem;
    border-radius: .08rem .08rem 0;
    position: relative;
}
	
.switch .switch-content .switch-item .version-desc {
    height: 7.32rem;
    font-size: 1.8rem;
    color: #999;
    line-height: 2.5rem;
}

.switch .switch-content .switch-item .version-person {
    padding-top: 1.84rem;
    padding-bottom: 2.24rem;
    font-size: 2.24rem;
    color: #333;
    line-height: 5.34rem;
}
.switch .switch-content .switch-item .price-box {
    height: 7.12rem;
    line-height: 7.12rem;
    font-size: 2.8rem;
    color: #333;
    margin-bottom: 1.4rem;
	}
.switch .switch-content .switch-item .price-box .price {
    font-size: 2.8rem;
	}

.switch .switch-content .switch-item .switch-btn {
		display: block;
		width: 13.2rem;
		height: 4.96rem;
		line-height: 4.96rem;
		border-radius: .48rem;
		font-size: 1.8rem;
		margin: 0 auto 1.96rem;
		color: #fff;
	}

}