@charset "utf-8";
/* title */
.index-title{padding-bottom: 50px; text-align: center;}
.index-title h3{position: relative; padding-bottom: 10px; text-align: center; font-size: 30px; }
.index-title p{position: relative; font-size: 16px; color: #999;}

.index-title ul{margin-top: 10px; display: flex; justify-content: center; align-items: center;}
.index-title ul li{padding: 0 5px;}
.index-title ul li a{display: inline-block; padding: 0 15px; line-height: 30px; color: #666;}
.index-title ul li a.on,
.index-title ul li a:hover{ background: linear-gradient(to left,var(--nColor),var(--mColor) ); color: #fff;}
/* .index-title p:before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -25px; width: 50px; height: 3px; background-color: var(--mColor);} */
.index-title-white{color: #fff;}
.index-title-white h3:before{background-color: #fff;}
.index-title-white p{color: #fff;}
@media (max-width:768px) {
	.index-title{padding-bottom: 30px; }
	.index-title h3{ font-size: 24px; }
}


.page-banner{overflow: hidden;position: relative;}
.page-banner img{width: 100%;}

/* path */
.page-path{height: 40px;line-height: 40px; display: flex; align-items: center; overflow: hidden; }
.page-path i{margin-right: 5px; font-size: 18px; color: #999;}
.page-path a{color: #777;}
.page-path b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.page-path span{color:var(--mColor);}

/*  */
.page-bility{ padding: 15px 0; background-color: #fff;}
.page-bility ul li{float: left; width: 33.33%; }
.page-bility-box {position: relative; padding:0 15px 15px 80px;font-family: arial;}
.page-bility-box span{position: absolute; top: 0; left: 0; width: 60px; height: 60px; line-height: 60px;border-radius: 50%; background: linear-gradient(to left,var(--nColor),var(--mColor) ); text-align: center;overflow: hidden;  }
.page-bility-box span i{font-size: 36px; color: #fff;}
.page-bility-box h3{font-size: 18px;  padding: 5px 0 5px; }
.page-bility-box p{font-size: 14px; color: #888;}
.page-bility ul li:hover .page-bility-box span img{transform: rotateY(360deg);}
@media (max-width:860px) {
	.page-bility{display: none;}
}

/* 最新活动 */
.s-buyprocess{background-color: #f5f5f5;}
.s-buyprocess-sleft{float: left; width: 75%; padding-right: 30px;}
.s-buyprocess ul{background-color: #fff;}
.s-buyprocess ul li{border-bottom: 1px solid #eee; display: flex;align-items: center;color: #666;}
.s-buyprocess-left{float: left; width: 37%; padding: 0 15px ;}
.s-buyprocess-left span{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; background: linear-gradient(to left,var(--nColor),var(--mColor) ); margin-right: 8px; overflow: hidden; vertical-align: middle;}
.s-buyprocess-left span i{font-size: 28px;}
.s-buyprocess-right{float: left; width: 75%;padding: 15px; border-left: 1px solid #eee;}
.s-buyprocess-right a{display: inline-block; padding: 0 15px; line-height: 30px; background: linear-gradient(to left,var(--nColor),var(--mColor) );  font-size: 12px; color: #fff;}

.s-buyprocess-sright{float: left;width: 25%;padding: 28px 15px;background-color: #fff;}
.s-buyprocess-sright .container-position{margin-top: 15px; font-size: 12px;}
.s-buyprocess-sright .container-position label{position: absolute; top: 8px; left: 7px;}
.s-buyprocess-sright .container-position input{display: block; padding-left: 65px; width: 100%; line-height: 30px; border: 1px solid #eee;font-size: 12px;}
.s-buyprocess-sright textarea{ width: 100%; padding: 8px; font-size: 12px;border: 1px solid #eee; font-family: "microsoft yahei"; color: #777;}
.s-buyprocess-sright button{display: block; margin-top: 15px; width: 100%; line-height: 30px; background: linear-gradient(to left,var(--nColor),var(--mColor) );  font-size: 12px; color: #fff;}

@media (max-width:960px) {
	.s-buyprocess-sright .container-position label{display: none;}
	.s-buyprocess-sright .container-position input{padding-left: 5px; }
}

@media (max-width:768px) {
	.s-buyprocess-sleft{width: 100%; padding-right: 0;}
	.s-buyprocess-sright{ width: 100%; margin-top: 15px;}
	.s-buyprocess-left{text-align: center; font-size: 12px;}
	.s-buyprocess-left span{display: block; margin: 0 auto; }
}


.s-buyprocess-notice ul li{position: relative; float: left; width: 25%; padding-left: 55px;}
.s-buyprocess-notice ul li span{position: absolute; top: -10px; left: 5px; display: block;  }
.s-buyprocess-notice ul li span i{font-size: 43px; background: linear-gradient(to left,var(--nColor),var(--mColor) );-webkit-background-clip: text; background-clip: -webkit-text;color: transparent;}
.s-buyprocess-notice ul li h3{position: relative; z-index: 2; margin-bottom: 15px; font-size: 18px; overflow: hidden;}
.s-buyprocess-notice ul li h3 strong{background-color: #F7F8FA; padding-right: 8px;}
.s-buyprocess-notice ul li p{height: 120px; line-height: 24px; overflow: hidden; color: #777;}
@media (max-width:960px) {
	.s-buyprocess-notice ul li{width: 50%; }
}
@media (max-width:768px) {
	.s-buyprocess-notice ul li{width: 100%;}
	
}

/*  */

.s-buyprocess-nuser{background-color: #F3F5FA;}
.s-buyprocess-nuser ul{margin-right: -20px;}
.s-buyprocess-nuser ul li{float: left; width: 25%; padding: 0 20px 20px 0; font-family: arial;}
.s-buyprocess-nuser-box{ padding: 15px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.s-buyprocess-nuser-box h3{position: relative; padding-left:0; font-size: 18px;}
.s-buyprocess-nuser-box h3 i{ margin-right: 5px; vertical-align: middle; font-size: 24px;background: linear-gradient(to left,var(--nColor),var(--mColor) );-webkit-background-clip: text; background-clip: -webkit-text;color: transparent;}
.s-buyprocess-nuser-box h3 span{font-size: 12px; color: #777;}
.s-buyprocess-nuser-box p{ margin: 20px 0 ; height: 42px; font-size: 16px; color: #aaa;}
.s-buyprocess-nuser-tags{margin-bottom: 25px; font-size: 14px; }
.s-buyprocess-nuser-tags strong{ font-size: 18px; color: var(--mColor) ;}
.s-buyprocess-nuser-tags del{margin-left: 10px; font-size: 12px; color: #777;}

.s-buyprocess-nuser-box a{display: block; line-height: 32px; text-align: center; background: linear-gradient(to left,var(--nColor),var(--mColor) ); color: #fff; border: 1px solid var(--mColor) ;}
.s-buyprocess-nuser-box a:hover{ background: no-repeat;color: var(--mColor) ; }

@media (max-width:840px) {
	.s-buyprocess-nuser ul li{ width: 50%;}
}

@media (max-width:640px) {
	.s-buyprocess-nuser ul{margin-right:0;}
	.s-buyprocess-nuser ul li{ width: 100%; padding-right: 0;}
}

.s-buyprocess-safe-title{padding: 15px; background: linear-gradient(to left,var(--nColor),var(--mColor) ); color: #fff;}
.s-buyprocess-safe-title h3{font-size: 18px;}
.s-buyprocess-safe-title h3 span{font-size: 14px;}

.s-buyprocess-safe ul li{ padding: 25px; background-color: #F3F5FA ; display: flex; align-items: center; border-top: 1px solid #ddd;}
.s-buyprocess-safe-left{float: left; width: 70%;}
.s-buyprocess-safe-left h3{position: relative; margin-bottom: 10px; padding-left: 30px; font-size: 18px;}
.s-buyprocess-safe-left h3 i{position: absolute; top: 0; left: 0;font-size: 24px; background: linear-gradient(to left,var(--nColor),var(--mColor) );-webkit-background-clip: text; background-clip: -webkit-text;color: transparent;}
.s-buyprocess-safe-left p{padding-left: 30px;color: #777;}
.s-buyprocess-safe-right{float: right; width: 30%; text-align: right;}
.s-buyprocess-safe-right span{font-size: 18px; font-weight: bold;color: var(--mColor) ; }
.s-buyprocess-safe-right span i{font-size: 14px; font-style: normal; color: #666;}
.s-buyprocess-safe-right a{margin-left: 45px; display: inline-block; padding: 0 35px; line-height: 32px; text-align: center; color: var(--mColor); border: 1px solid var(--mColor) ;}
.s-buyprocess-safe-right a:hover{ background: linear-gradient(to left,var(--nColor),var(--mColor) ); color: #fff;}
@media (max-width:840px) {
	.s-buyprocess-safe ul li{ padding: 25px; background-color: #F3F5FA ; display: inherit; align-items: inherit; border-top: 1px solid #ddd;}
	.s-buyprocess-safe-left{ width: 100%;}
	.s-buyprocess-safe-right{ width: 100%; margin-top: 15px;}
}


.s-buyprocess-mpro{background-color: #F3F5FA; overflow: hidden;}
.s-buyprocess-mpro ul{margin-right: -20px;}
.s-buyprocess-mpro ul li{float: left; width: 33.33%; padding: 0 20px 20px 0; font-family: arial;}
.s-buyprocess-mpro-box{ padding: 15px 15px 15px 45px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.s-buyprocess-mpro-box h3{position: relative; padding-left:0; font-size: 18px;}
.s-buyprocess-mpro-box h3 i{position: absolute; top: 0; left: -30px;  font-size: 24px;background: linear-gradient(to left,var(--nColor),var(--mColor) );-webkit-background-clip: text; background-clip: -webkit-text;color: transparent;}
.s-buyprocess-mpro-box h3 span{font-size: 12px; color: #777;}
.s-buyprocess-mpro-box p{ margin: 20px 0 ; height: 42px; font-size: 16px; color: #aaa;}
.s-buyprocess-mpro-tags{font-size: 14px; }
.s-buyprocess-mpro-tags strong{ font-size: 18px; color: var(--mColor) ;}


@media (max-width:840px) {
	.s-buyprocess-mpro ul li{ width: 50%;}
}

@media (max-width:640px) {
	.s-buyprocess-mpro ul li{ width: 100%;}
}

.x-propaganda-active{background-color: #34393D; color: #fff;}

.x-propaganda-active h3{padding: 45px 0; text-align: center; font-size: 24px;}
.x-propaganda-active a {color: #ffffff;}


.s-buyprocess-mcdemo ul{margin-left: -30px;}
.s-buyprocess-mcdemo ul li{float: left; width: 33.33%; padding-left: 30px; margin-bottom: 30px;}
.s-buyprocess-mcdemo ul li a{display: block; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.s-buyprocess-mcdemo-pic{overflow: hidden;}
.s-buyprocess-mcdemo-pic img{width: 100%;}
.s-buyprocess-mcdemo-txt{padding: 15px;}
.s-buyprocess-mcdemo-txt h3{margin-bottom: 10px;}
.s-buyprocess-mcdemo-txt p{height: 76px; color: #777; overflow: hidden;}

@media (max-width:768px) {
	.s-buyprocess-mcdemo ul{margin-left: -15px;}
	.s-buyprocess-mcdemo ul li{float: left; width: 50%; padding-left: 15px; margin-bottom: 15px;}
}
@media (max-width:640px) {
	.s-buyprocess-mcdemo ul li{width: 100%;}
}


/* 优惠购买流程 */
.s-active-title{display: flex; align-items: center;}
.s-active-title .s-active-title-num{font-size: 70px; font-weight: bold; color: var(--mColor);}
.s-active-title .s-active-title-content{padding-left: 10px;}
.s-active-title .s-active-title-content h3{margin-bottom: 6px; line-height: 25px; font-size: 26px; color: var(--mColor);}
.s-active-title .s-active-title-content p{font-size: 16px; color: #777;}
/*  */
.s-active-say{margin-top: 15px;}
.s-active-say li{position: relative; padding: 15px 15px 15px 80px; border: 1px solid #eee; background-color: #F3F5FA;}
.s-active-say li img{position: absolute; top: 18px; left: 15px; z-index: 1;}
.s-active-say li h3{padding-bottom: 5px; font-weight: bold; font-size: 18px; color: #333;}
.s-active-say li p{font-size: 16px; line-height: 26px; color: #777;}
.s-active-say li a{word-break: break-all;}
/*  */
.s-active-type{ padding: 15px 0;}
.s-active-type>div{padding: 25px 20px;  background-color: #F8F8F8;}
.s-active-type h3{padding-bottom: 5px; padding-left: 10px; border-left: 2px solid var(--mColor); font-size: 20px;}
.s-active-type p{padding-left: 10px;border-left: 2px solid var(--mColor);color: #777;}
/*  */
.s-active-meserv {overflow: hidden;}
.s-active-meserv ul{margin-left: -20px;}
.s-active-meserv li{float: left; width: 25%; padding-left: 20px; padding-bottom: 20px;}
@media (max-width:960px) {
	.s-active-meserv li{width: 33.33%; }
}

@media (max-width:768px) {
	.s-active-meserv li{width: 50%; }
}
@media (max-width:640px) {
	.s-active-meserv li{width: 100%; }
}


.s-active-meserv-title{padding:10px 15px; text-align: center; background-color: #F3F5FA;}
.s-active-meserv-title h3{margin-bottom: 2px; font-size: 20px; color: var(--mColor);}
.s-active-meserv-title p{color: #777;}
.s-active-meserv-content{padding-top: 15px; padding-bottom: 15px; border: 1px solid #eee; border-top: none;}
.s-active-meserv-type {padding: 0 25px; height: 90px;}
.s-active-meserv-type-sql{height: 60px;} 
.s-active-meserv-type p{line-height: 30px; font-size: 16px; color: #666;}

.s-active-meserv-price{padding: 15px 25px;}
.s-active-meserv-price h3{font-size: 18px;}
.s-active-meserv-price h3 strong{font-size: 26px; color: var(--mColor);}
.s-active-meserv-price h3 small{font-size: 12px; color: #777;}
.s-active-meserv-price h3 del{font-size: 14px; color: #999;}
.s-active-meserv-price p{color: #666;}
.s-active-meserv-price p del{color: #999;}

.s-active-meserv-btn{ padding: 0 15px; text-align: center;}
.s-active-meserv-btn a{display: block; line-height: 40px; background: linear-gradient(to right,var(--mColor),var(--nColor)); color: #fff;}
/*  */
.s-active-sms ul li .s-active-meserv-item:hover{background-color: #F3F5FA;}
.s-active-sms ul li .s-active-meserv-content{padding-top: 0;}
.s-active-sms-title{padding: 15px 25px 0;border-top: 1px solid #eee;}
.s-active-sms-title h3{margin-bottom: 3px; font-size: 18px; color: var(--mColor);}
.s-active-sms-title h3 i{font-size: 24px; vertical-align: middle;}
.s-active-sms-title h3 span{font-size: 12px; color: #777;}
.s-active-sms-title p{ height: 40px; line-height: 20px; color: #666; overflow: hidden;}
/*  */
.s-active-cloud ul{margin-right: -15px;}
.s-active-cloud ul li{float: left; width: 33.33%; padding: 0 15px 15px 0;}
.s-active-cloud-box {position: relative; padding: 25px;background-color: #f5f5f5; font-family: arial;}
.s-active-cloud-box h3{font-size: 20px; color: var(--mColor);}
.s-active-cloud-box h3 span{font-size: 12px; padding: 2px 4px; background-color: var(--mColor); color: #fff;border-radius: 4px; white-space: nowrap;}
.s-active-cloud-box p{padding: 15px 0; color: #777;}
.s-active-cloud-box p strong{font-size: 16px; color: var(--mColor);}
.s-active-cloud-box img{position: absolute; bottom: 15px; right: 15px;}
.s-active-cloud-box a{display: inline-block; padding: 0 20px; line-height: 26px; border: 1px solid var(--mColor);color: var(--mColor);}
.s-active-cloud-box a:hover{background-color: var(--mColor); color: #fff;}

@media (max-width:1200px) {
	.s-active-cloud-box img{max-width: 50px;}
}

@media (max-width:840px) {
	.s-active-cloud ul li{ width: 50%;}
}

@media (max-width:640px) {
	.s-active-cloud ul{margin-right:0;}
	.s-active-cloud ul li{ width: 100%; padding-right: 0;}
}


/* 服务器价格表 */
.s-serprice-say ul li{float: left; width: 25%; padding-left: 15px;}
.s-serprice-say-item{box-shadow: 0 0 5px rgba(0,0,0,.2);}

.s-serprice-say-type { padding: 15px 5px; line-height: 40px; text-align: center; color: #fff; background:linear-gradient(to right,var(--mColor),var(--nColor));}
.s-serprice-say-desc{padding:0 25px ;}
.s-serprice-say-desc p{position: relative; margin-top: 25px; color:#777;}
.s-serprice-say-desc p::before{position: absolute; top: 8px; left: -10px; content: ''; width: 4px; height: 4px; background-color: #999;}
.s-serprice-say-price {padding:0 25px ;margin-top: 25px;}
.s-serprice-say-price h3{ padding-bottom: 5px; font-size: 12px; color: var(--mColor);}
.s-serprice-say-price h3 span{font-size: 20px;}
.s-serprice-say-price p{color: #777;}
.s-serprice-say-price p i{display: inline-block;  width: 18px; height: 18px; font-style: inherit; text-align: center; font-size: 12px; color: #fff; background:  #FF6A00 ; border-radius: 4px; }
.s-serprice-say-button{padding: 25px;}
.s-serprice-say-button a{display: block; width: 100%; line-height: 40px;text-align: center; background:linear-gradient(to right,var(--mColor),var(--nColor)); border: 1px solid var(--mColor); color: #fff;}
.s-serprice-say-button a:hover{ border-color: #09166e; color: #FF6A00; background: none;}

@media (max-width:1200px) {
	.s-serprice-say-type {line-height: 20px; }
	.s-serprice-say-desc,
	.s-serprice-say-price,
	.s-serprice-say-button{padding-left:15px ; padding-right: 15px;}
}
@media (max-width:960px) {
	.s-serprice-say ul li{width: 50%; margin-top: 15px; }
}
@media (max-width:640px) {
	.s-serprice-say ul li{width: 100%; }
}

/*  */
.x-serprice-adv{text-align: center; background:linear-gradient(to right,var(--mColor),var(--nColor));}
.x-serprice-adv h3{margin-bottom: 20px; font-size: 26px; color: #fff;}
.x-serprice-adv a{display: inline-block; padding: 0 30px; line-height: 30px; border: 1px solid #fff; color: #fff;}
.x-serprice-adv a:hover{background-color: #fff; color: var(--mColor);}

.page-serprice-more{ padding-bottom: 50px; text-align: center;}


/* 云数据库 */
.s-clsql-say-bg{background-color: #F3F5FA;}
.s-clsql-say {overflow: hidden;}
.s-clsql-say ul{margin-left: -20px;}
.s-clsql-say li{float: left; width: 25%; padding-left: 20px; padding-bottom: 20px;}
@media (max-width:960px) {
	.s-clsql-say li{width: 33.33%; }
}

@media (max-width:768px) {
	.s-clsql-say li{width: 50%; }
}
@media (max-width:640px) {
	.s-clsql-say li{width: 100%; }
}
.s-clsql-say-title{padding: 30px 20px; border-top: 2px solid var(--mColor); background-color: #F3F5FA;}
.s-clsql-say-title h3{margin-bottom: 5px; font-size: 18px; color: #444;}
.s-clsql-say-title p{color: #777;}

.s-clsql-say-content{padding: 20px; border: 1px solid #eee;}
.s-clsql-say-type { margin-bottom: 30px; height: 90px;}
.s-clsql-say-type p{line-height: 30px; font-size: 12px; color: #666;}
.s-clsql-say-type p i{font-size: 14px; color: var(--mColor); vertical-align: middle;}

.s-clsql-say-price{padding: 15px 0; border-top: 1px dotted #eee; text-align: center;}
.s-clsql-say-price h3{font-size: 18px;}
.s-clsql-say-price h3 strong{font-size: 26px; color: var(--mColor);}
.s-clsql-say-price h3 small{font-size: 12px; color: #777;}

.s-clsql-say-btn{ text-align: center;}
.s-clsql-say-btn a{display: block; line-height: 40px; background: linear-gradient(to right,var(--mColor),var(--nColor)); color: #fff;}
/*  */
.s-clsql-card {overflow: hidden;}
.s-clsql-card ul{margin-left: -30px;}
.s-clsql-card li{float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px;}


.s-clsql-card-item{position: relative; height: 210px; padding: 50px 20px 10px; display: flex; justify-content: flex-end; flex-direction: column; background-image: url(../images/clsql/card-bg.png); border-radius: 8px; overflow: hidden;}
.s-clsql-card-title{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.s-clsql-card-title span{ padding: 6px 10px; font-size: 16px; background-color: #D1282E; color: #fff; border-radius:0 0 8px 0;}
.s-clsql-card-title a{margin-top: 10px; margin-right: 10px; padding: 2px 10px; font-size: 14px; border: 1px solid #fff; color: #fff; border-radius: 35px;}

.s-clsql-card-price{padding-bottom: 20px; color: #fff;}
.s-clsql-card-price strong{font-size: 48px;}
.s-clsql-card-price strong small{font-size: 18px;}
.s-clsql-card-btn{text-align: center;}
.s-clsql-card-btn a{display: block; line-height: 35px; background-color: #FFF577; color: var(--mColor); border-radius: 35px;}

@media(max-width:840px){
	.s-clsql-card li{ width: 50%;}
}

@media(max-width:640px){
	.s-clsql-card li{ width: 100%;}
}

/* 云安全与通信 */
.page-safe-notice{padding: 15px 0; background-color: #F5F5F5; color: var(--mColor);}
.page-safe-notice a{ color: var(--mColor);}
.page-safe-config ul{margin-left: -20px;}
.page-safe-config ul li{float: left; width: 25%; margin: 10px 0; padding-left: 20px;}

@media(max-width:840px){
	.page-safe-config ul li{ width: 33.33%;}
}
@media(max-width:768px){
	.page-safe-config ul li{ width: 50%;}
}
@media(max-width:640px){
	.page-safe-config ul li{ width: 100%;}
}

.page-safe-config-item{padding: 20px; border: 1px solid #ccc;}
.page-safe-config-item h3{border-left: 3px solid var(--mColor);  padding-left: 10px; line-height: 20px; font-size: 20px;}
.page-safe-config-item p{margin: 20px 0; font-size: 16px; color: #666; height: 48px; line-height: 24px; overflow: hidden;}
@media(max-width:640px){
	.page-safe-config-item p{height: auto;}
}	
.page-safe-config-price{font-size: 12px; color: #777;}
.page-safe-config-price strong{font-size: 20px; color: var(--mColor); font-weight: normal;}
.page-safe-config-item a{ display: inline-block; margin-top: 8px; padding: 0 35px; line-height: 35px; background: linear-gradient(to left , var(--nColor), var(--mColor)); color: #fff;}
.page-safe-config-item a:hover{ background: linear-gradient(to left , var(--mColor), var(--nColor));}

.page-safe-taocan-bg{background-color: #F3F5FA;}

.page-safe-taocan{ max-width: 1000px; padding: 30px 0; margin: 0 auto; background-color: #fff;}
.page-safe-taocan h3{padding-bottom: 40px; font-size: 20px; text-align: center;}

.page-safe-taocan ul{ display: flex; justify-content: center; align-items: center;}
.page-safe-taocan ul li{width: 20%; display: flex; justify-content: center; align-items: center;}
.page-safe-taocan ul li p{margin-left: 8px; color: #666;}

@media(max-width:768px){
	.page-safe-taocan ul{flex-wrap: wrap;}
	.page-safe-taocan ul li{width: 33.33%;}
}	
@media(max-width:768px){
	.page-safe-taocan ul{justify-content: space-between;}
	.page-safe-taocan ul li{width: 50%; justify-content: flex-start; margin: 5px 0; }
}	

.page-safe-case ul li{position: relative; z-index: 1; float: left; width: 16.66%; padding-left: 35px;}
.page-safe-case ul li span{ display: block; margin: 0 auto 10px;  width: 45px; height:45px; line-height: 30px; font-size: 16px; text-align: center; border: 10px solid #FFF2F2; border-radius: 50%;  background: linear-gradient(to left , var(--mColor), var(--nColor)); color: #fff;}

.page-safe-case ul li span:before{position: absolute; top: 22px; left: 5px; z-index: -1; content: ''; width: 100%; height:1px; background-color: #ccc;}

.page-safe-case ul li:first-child span:before{ left: inherit; right: 0; width: 50%;}

.page-safe-case ul li:last-child span:before{ width: 50%;}

.page-safe-case ul li p{height: 80px; overflow: hidden; color: #777;}

.page-safe-case ul li h3{position: relative; z-index: 2; margin-bottom: 15px; overflow: hidden;text-align: center;}

@media (max-width:960px) {
	.page-safe-case ul li{width: 50%; }
	.page-safe-case ul li span:before{display: none;}
	.page-safe-case ul li p{text-align: center;}
}
@media (max-width:768px) {
	.page-safe-case ul li{width: 100%;}
	.page-safe-case ul li p{height: auto; margin-bottom: 10px;}
}
	


/*  */
.page-safe-tabs{background-color: #f3f5fa;}
.page-safe-tabs-title{padding: 20px 40px 40px; background-color: #fff;}
.page-safe-tabs-title ul{background-color: #EEF5FF;}
.page-safe-tabs-title ul li{float: left;width: 33.33%; text-align: center; cursor: pointer;}
.page-safe-tabs-title ul li span{position: relative; display: block; line-height: 45px;}
.page-safe-tabs-title ul li.cur span{color: #fff; background: linear-gradient(to left,var(--nColor),var(--mColor) );}
.page-safe-tabs-title ul li.cur span:before{position: absolute; bottom: -3px; left: 0; content: ''; width: 100%; height: 3px; background-color: var(--mColor);}

.page-safe-tabs-box {text-align: center; display: none;}
.page-safe-tabs-box img{max-width: 100%;}

@media (max-width:768px) {
	.page-safe-tabs{display: none;}
}
.cur{display: block;}

/* 企业邮箱 */
.page-email-price{overflow-x: auto;}
.page-email-price table{width: 100%;border-left: 1px solid #ccc;}
.page-email-price th{text-align: center;padding: 20px 10px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background-color: var(--mColor); font-size: 18px; font-weight: normal; color: #fff;}
.page-email-price td{color: #505558;text-align: center;padding: 15px 10px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #F3F5FA; font-size: 16px;}
.page-email-price tr:nth-child(2n) td{background-color: #fff;}

.page-email-price-tips {margin: 15px 0; font-size: 18px; color: var(--mColor);}
.page-email-price-count{font-size: 16px; line-height: 48px; color: #777;}
.page-email-price-count p span{font-size: 18px;}
.page-email-price-count p input#accounts{max-width: 90px; padding: 0 10px;line-height: 35px; border: 1px solid #eee; color: #666;}
.page-email-price-count p input#prices{max-width: 90px; padding: 0 10px; font-size: 16px; color: var(--mColor); font-weight: bold; text-align: center;}

.page-email-form{background-color: #f7f7f7;}
.page-email-form .container-width{background-color: #fff;}
.form-box {max-width: 650px;margin: 35px auto;padding: 50px 15px;}
.form-input {position: relative;margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}


.form-input label {display: block;width: 120px;}

@media (max-width:768px) {
	.form-input{flex-direction: column; align-items: flex-start;}
	.form-input label {display: block;width: 120px; margin-bottom: 5px;}
}

.form-input label i{font-size: 28px; vertical-align: middle; color: #666;}
.form-input input,
.form-button button{display: block;width: 100%;padding: 0 10px;line-height: 30px;border: 1px solid #eee; line-height: 40px; color: #666;}
.form-button{text-align: center;}
.form-button button{ display: inline-block; max-width: 160px; background: linear-gradient(to right, var(--mColor),var(--nColor) ); font-size: 16px; color: #fff; cursor: pointer;}
.layui-layer{transition: none;}

.page-email-online{ background: linear-gradient(to left,var(--nColor),var(--mColor));}

.page-email-online{margin: 0 -15px; display: flex; justify-content: space-between; align-items: center; padding: 20px;}
.page-email-online>div{display: flex; justify-content: space-between; align-items: center;}
.page-email-online>div h3{padding-left: 15px; font-size: 18px; color: #fff;}
.page-email-online>div p {padding-left: 15px;font-size: 16px;color: #ffffff;}
.page-email-online a{display: inline-block; padding: 0 35px; line-height: 35px; border: 1px solid #fff; color: #fff;}
.page-email-online a:hover{background-color: #fff; color: var(--nColor);}

@media(max-width:768px){
	.page-email-online{flex-direction: column;}
	.page-email-online>div{margin-bottom: 15px;}
}

.page-email-serv-more{text-align: center;}
.page-email-serv-more a{ display: inline-block; padding: 0 40px; line-height: 40px; background: linear-gradient(to right, var(--mColor),var(--nColor) ); font-size: 16px; color: #fff; cursor: pointer;}
.page-email-serv ul li{position: relative; float: left; width: 33.33%; padding-left: 65px;}
.page-email-serv ul li span{position: absolute; top: -10px; left: 10px; display: block;  width: 45px; height:45px; line-height: 42px; font-weight: bold; font-size: 22px; text-align: center; font-family: arial; border-radius: 50%; border: 2px solid var(--mColor); color:var(--mColor); overflow: hidden; }
.page-email-serv ul li h3{position: relative; z-index: 2; margin-bottom: 15px; font-size: 20px; overflow: hidden;}
.page-email-serv ul li h3 strong{background-color: #F7F8FA; padding-right: 8px;}
.page-email-serv ul li h3:before{position: absolute; top: 12px; left: 5px; z-index: -1; content: ''; width: 100%; height:1px; background-color: #ccc;}
.page-email-serv ul li p{height: 80px; overflow: hidden; color: #777;}
@media (max-width:960px) {
	.page-email-serv ul li{width: 50%; }
}
@media (max-width:768px) {
	.page-email-serv ul li{width: 100%;}
	
}

.page-email-type{background-color: #eee;}
.page-email-type .container-width{display: flex; justify-content: space-between; align-items: center;}
.page-email-type-item{width: 32%; text-align: center; background-color: #fff;}

@media (max-width:768px) {
	.page-email-type .container-width{flex-wrap: wrap;}
	.page-email-type-item{width: 100%;}
}
.page-email-type-head{padding: 25px 15px; background: linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff; text-align: center;}
.page-email-type-head h3{margin-bottom: 5px; font-size: 20px;}


.page-email-type-content{margin: 25px; line-height: 30px; height: 90px; display: flex; justify-content: center; flex-direction: column; }
.page-email-type-content h3{font-size: 18px;}

.page-email-type-if{margin: 0 25px 25px; height: 145px; text-align: center; font-size: 16px;}
.page-email-type-if p{line-height: 45px; border-bottom: 1px dotted #ccc; color: #666;}

.page-email-type-price{font-size: 16px; color: var(--mColor); text-align: center;}
.page-email-type-price strong{font-size: 30px; font-weight: normal;}
.page-email-type-item a{margin-top: 15px; margin-bottom: 25px; display: inline-block; padding: 0 65px; line-height: 35px; border: 1px solid #fff; color: #fff;background:linear-gradient(to right, var(--mColor),var(--nColor));}

.page-email-func{overflow: hidden;}
.page-email-func ul{margin-left: -50px;}
.page-email-func ul li{float: left; margin: 20px 0; width: 33.33%; padding-left: 50px;}
.page-email-func-item{position: relative; padding-left: 70px;}
.page-email-func-item h3{ font-size: 24px; }
.page-email-func-item span{position: absolute; top: -8px; left: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 8px;background:linear-gradient(to right, var(--mColor),var(--nColor));}
.page-email-func-item span i{font-size: 30px; color: #fff;}
.page-email-func-item p{margin-top: 15px; height: 68px; line-height: 24px; color: #666; overflow: hidden;}
@media (max-width:768px) {
	.page-email-func ul li{width: 50%;}
}
@media (max-width:640px) {
	.page-email-func ul li{width: 100%;margin: 20px 0 0;}
	.page-email-func-item p{margin-top: 5px; height: auto; }
}


/* 专业服务 */
.page-proser-process ul{max-width: 900px; margin: 0 auto;}
.page-proser-process li{float: left;  width: 50%; padding: 15px; text-align: center; }
.page-proser-process li div{box-shadow: 0 0 15px rgba(0,0,0,.1); padding-bottom: 25px;}
.page-proser-process li h3{ padding: 15px 0; font-size: 24px; color: #fff; background:linear-gradient(to right, var(--mColor),var(--nColor));}
.page-proser-process li h4{ padding: 35px 0; font-size: 24px;}
.page-proser-process li p{text-align: left; padding: 0 25px; font-size: 16px; color: #777; height: 80px; overflow: hidden; line-height: 26px; }
.page-proser-process li a{word-break: break-all; color:#068CD5 ;}
@media (max-width:768px) {
	.page-proser-process li p{ height: auto;}
	.page-proser-process li{width: 100%; }
}


.page-proser-customer{background-image: url(../images/proser/customer-bg.jpg); background-repeat: no-repeat;  background-position: top center;}
.page-proser-customer .swiper-slide a{display: block; background-color: #f5f5f5; text-align: center;}

.page-proser-customer-pic{overflow: hidden;}
.page-proser-customer-pic img{width: 100%;}
.page-proser-customer-txt {padding: 15px;  background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff;}
.page-proser-customer-txt h3{font-size: 18px;}


.page-agency-outadv{padding: 60px 0;}
.page-agency-outadv-l,
.page-agency-outadv-r{float: left; width: 50%;}
.page-agency-outadv-l ul li{position: relative; padding-left: 90px; margin-bottom: 40px; padding-right: 45px;}
.page-agency-outadv-l ul li span{position: absolute;top: -6px; left: 0; display: block; width: 74px; height: 85px; background-image: url(../images/proser/adv-ico.png); font-size: 35px; font-family: arial; font-weight: bold; line-height: 85px; text-align: center; color: #fff;}

.page-agency-outadv-l ul li h3{font-size: 20px; padding-bottom: 8px;}
.page-agency-outadv-l ul li p{font-size: 16px; height: 40px; color: #777;}

.page-agency-outadv-r img{width: 100%;}
@media (max-width:768px) {
	.page-agency-outadv-l{width: 100%; }
	.page-agency-outadv-l ul li{padding-right: 0;}
	.page-agency-outadv-l ul li p{ height: auto; }
	.page-agency-outadv-r{display: none;}
}


/* 资质 */
.page-honor{ position: relative; padding: 0 80px;}
.page-honor .swiper-slide{padding: 15px;}
.page-honor .swiper-slide a{display: block; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.page-honor-pic{overflow: hidden;}
.page-honor-pic img{width: 100%;}
.page-honor .swiper-slide a h3{padding: 12px 0; font-size: 18px; line-height: 35px; text-align: center; border-bottom: 1px solid var(--mColor);}

.page-honor .swiper-button-prev,
.page-honor .swiper-button-next{ width: 58px ;height: 58px ;margin-top: -58px; background:none; box-shadow: 0 5px 15px rgba(0,0,0,.2);border-radius: 50%;background-color: #fff; outline: none;}
.page-honor .swiper-button-prev{left: 10px;}
.page-honor .swiper-button-next{right:10px;}
.page-honor .swiper-button-prev span,
.page-honor .swiper-button-next span{position: absolute; top: 18px; display: block; width: 20px; height: 20px; border: 1px solid #999; transform: rotate(45deg);}
.page-honor .swiper-button-prev span{border-top:none ; border-right: none; left: 23px;}
.page-honor .swiper-button-next span{border-bottom:none ; border-left: none; right: 23px;}
.page-honor .swiper-button-prev:hover,
.page-honor .swiper-button-next:hover{background-color:var(--mColor);}
.page-honor .swiper-button-prev:hover span,
.page-honor .swiper-button-next:hover span{ border-color: #fff;}


@media (max-width:768px) {
	.page-honor{ position: relative; padding: 0 50px;}
	.page-honor .swiper-button-prev,
	.page-honor .swiper-button-next{ width: 35px ;height: 35px ;margin-top: -55px;}
	.page-honor .swiper-button-prev{left: 10px;}
	.page-honor .swiper-button-next{right:10px;}
	.page-honor .swiper-button-prev span,
	.page-honor .swiper-button-next span{ top: 12px; width: 10px; height: 10px; }
	.page-honor .swiper-button-prev span{ left: 15px;}
	.page-honor .swiper-button-next span{ right: 15px;}
}

.fixed-contact{position: fixed; left: 25px; top: 50%; transform:  translateY(-50%); z-index: 19; width: 180px; text-align: center; background-color: #fff;}
.fixed-contact-head{padding: 20px 0; background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff;position: relative;}
.fixed-contact-head h3{font-size: 20px;}
.fixed-contact-head p{font-size: 16px;}
.fixed-contact-head img {position: absolute;right: 7px;width: 20px;top: 7px;cursor: pointer;}
.fixed-contact ul li{margin-top: -1px;  font-size: 16px; border: 1px solid #ccc;}
.fixed-contact ul li a{display: block;padding: 20px 0;}
.fixed-contact ul li a:hover{background-color: #FFEEED; color: var(--mColor);}
.fixed-contact-h {display: none;width: 110px;height: 52px;line-height: 52px;background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff;position: fixed;left: 25px; top: 50%; transform:  translateY(-50%); z-index: 19;cursor: pointer;text-align: center;}
@media(max-width:768px){
	.fixed-contact,.fixed-contact-h{display: none !important;}
}


/* contact */
.page-contact li{float: left; width: 25%; padding:8px; text-align: center;}
.page-contact-box{position: relative;  background-color: #fff;  padding: 15px;box-shadow: 0 0 8px rgba(0,0,0,.1);background-color: #fff; border-radius: 8px;}
.page-contact-box span{ margin: 0 auto; display: block; width: 100px; height: 100px;text-align: center;}
.page-contact-box span img{width: 100%;}
.page-contact-box h3{padding: 15px 0; color: #333; font-size: 20px;}
.page-contact-box p{height: 80px; font-size: 16px; color:#777;}


@media (max-width:940px) {
	.page-contact li{width: 50%; padding: 10px;}
}
@media (max-width:768px) {
	.page-contact li{width: 100%;}
}


.page-contact-about .container-width p{margin-bottom: 10px; line-height: 24px; font-size: 16px; text-align: left; color: #333;}

/*  */

.about-job ul li{ padding: 65px 85px; margin-bottom: 25px; background-color: #F3F5FA; cursor: pointer;}

.about-job-name,
.about-job-address{float: left; width: 30%; overflow: hidden;}
.about-job-do,
.about-job-content{float: left; width: 70%;}
.about-job-do p,
.about-job-content p{margin-top: 10px; color: #777;}
.about-job-name h3{margin:10px 0; font-size: 24px;}
.about-job-name p{font-size: 18px; font-weight: bold; color: var(--mColor); text-transform: uppercase;}
.fixed-contact-head img {position: absolute;right: 7px;width: 20px;top: 7px;cursor: pointer;}
.about-job-do,
.about-job-content{position: relative; padding:0 65px 0 35px; border-left: 1px solid #ccc;}
.about-job-address,
.about-job-content{padding-top: 35px;}
.about-job-address p{margin-bottom: 5px; color: #666;}
.about-job-content h4{margin-top: 10px; color: var(--mColor);}
.about-job-item{position: absolute; top: 50%; right: -85px; margin-top: -30px; height: 60px;}
.about-job-item i{font-size: 56px; vertical-align: middle; color: #777;}
.about-job-item span{display: inline-block; margin-left: 40px; width: 30px; height: 30px; text-align: center; background-color: var(--mColor); color: #fff; font-size: 24px;}
.about-job-bottom{display: none;}
.join-show{display: block;}

@media (max-width:1230px) {
	.about-job ul li{ padding: 25px;}
	.about-job-name h3{margin:10px 0; font-size: 20px;}
	.about-job-name p{font-size: 16px;}
	.about-job-item{position: absolute; top: 50%; right: -25px; margin-top: -15px; height: 30px;}
	.about-job-item i{display: none;}
}


@media (max-width:768px) {
	.about-job ul li{ padding: 25px 25px 25px 15px;}
	.about-job-name,
	.about-job-address{ padding-top: 15px; width: 100%; overflow: hidden;}
	.about-job-do,
	.about-job-content{ padding: 0; padding-top: 15px;padding-right: 15px; width: 100%; border: none;}
}

/*  */
.page-contact-master{background-color:#F3F5FA ;}

.page-contact-form{max-width: 900px; margin: 0 auto 0;}
.page-contact-form>h3{padding-bottom: 25px;  text-align: center; transform: translateY(-10px);}

.page-contact-master-left{width: 55%;text-align: center;}
.page-contact-master-left img{max-width: 100%;}
.page-contact-master-right{width: 40%; }
.page-contact-master-right h3{margin-bottom:25px;}

.form-group{ line-height: 35px; margin-bottom: 15px;}
.form-group label{width: 23%;display: inline-block;}
.form-group input{width: 77%;display: inline-block; padding: 0 10px; line-height: 35px;}

.page-contact-master button{text-align: center; display: block; width: 140px; margin: 45px auto 0; line-height: 40px; background-color: var(--mColor); color: #fff; font-size: 16px; cursor: pointer;}

@media (max-width:840px) {
	.page-contact-master-right h3{display: none;}
	.page-contact-master-left{display: none;}
	.form-group{ margin-bottom: 5px;}
	.page-contact-master-right,
	.form-group label,
	.form-group input{width: 100%;}
	.page-contact-master button{margin: 15px auto 0; }
}



/* news */
.page-help ul{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; }
.page-help li{ width:48%; padding:25px 0; margin-bottom: -1px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.page-help li a{display: flex; justify-content: space-between; align-items: center;}

.page-help-time{width: 100px; height: 100px; text-align: center; background-color: #f5f5f5;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
.page-help-time h3{margin-bottom: 5px; font-size: 32px; color:  var(--mColor);}

.page-help-content{ flex: 1; padding-left: 30px; }
.page-help-content h3{font-size: 20px;}
.page-help-content p{margin-top: 10px; font-size: 16px; line-height: 24px; height: 48px; color: #777; overflow: hidden;}


.page-help li a:hover h3{color: var(--mColor);}



@media (max-width:1140px) {
	.page-help-content,
	.page-help-time{ padding-top: 0;}

}
@media (max-width:860px) {
	.page-help-content{width: 100%; padding-left: 0; }
	.page-help-time{ display: none;}
}
@media (max-width:768px) {

	.page-help li{ width: 100%;}
	.page-help ul li{padding:15px 0 ;}

}


/* pagination */
.pagination{padding: 50px 0;}
.pagination ul{display: flex; justify-content: center; align-items: center;}
.pagination ul li a{display: block; margin: 0 2px; width: 35px; height: 35px; line-height: 33px; text-align: center; border: 1px solid #eee;}

.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.pagination ul li:first-child a{padding-left: 3px;}
.pagination ul li:last-child a{padding-right: 3px;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}

.pagination ul li a.active,
.pagination ul li a:hover{border: 1px solid var(--mColor); background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff;}
.pagination ul li a:hover span{border-color: #fff;}



/* show */
.page-show-title{ text-align: center;}
.page-show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.page-show-title span{position: relative; display: inline-block; padding:0 5px; margin-bottom: 10px; font-family: arial;  color: #777;}
/* .show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;} */
.page-show-title span:first-child::before{display: none;}

#changefont a{display: inline-block; margin: 5px;}

.page-show-content{padding: 40px 0;}
.page-show-content p{line-height: 24px; padding-bottom: 15px;}
.page-show-content img{max-width: 100%!important; max-height: 100%!important;}

.page-show-clickgo{margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #f5f5f5; text-align: center;}
.page-show-clickgo a{display: inline-block; width: 100px; height: 60px; padding-top: 8px; border-radius: 50px; color: #fff; background-color: var(--mColor);}
.page-show-clickgo a i{display: block; margin-bottom: 5px; font-size: 25px;}

/*  */
.page-show-view{margin: 15px 0;}
.page-show-view ul li{ width: 100%; padding: 10px 0;}

.page-show-view ul li a{color: #777;}
.page-show-view ul li a:hover{color: var(--mColor);}
@media (max-width:768px) {
	.page-show-view ul{padding:5px 0;}
	.page-show-view ul li{width: 100%;}
	.page-show-view ul li:last-child{text-align: left; padding-top: 8px;}
}
/*  */
.product-article-item{ padding: 15px 0; background-color: #fff;}
.product-article-item h3{position: relative; font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.product-article-item h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: var(--mColor);}
.product-article-item ul{float: left; width: 50%; padding-right: 40px;}
.product-article-item ul li a{position: relative; display: block; padding: 15px 0 ; font-family: arial; color: #777; border-bottom: 1px dashed #eee; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.product-article-item ul li a:hover{color:var(--mColor);}
@media (max-width:768px) {
	.page-show{padding: 0 ; }
	.product-article-item{width: 100%; margin-bottom: 20px;}
	.product-article-item ul{width: 100%; padding-right: 0;}
}


/* PARTNER */
.page-partner-card ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.page-partner-card ul li{width: 31.5%;}
.page-partner-card-item{border-radius: 10px; overflow: hidden;}
.page-partner-card-top{position: relative; padding: 30px 50px 10px; font-size: 16px; text-align: center; background:linear-gradient(to right, var(--mColor),var(--nColor));  color: #fff;}
.page-partner-card-top span{position: absolute; top: 12px; right: -45px; transform: rotate(45deg); padding: 5px 50px; font-size: 14px; background-color: #E80339;}
.page-partner-card-bottom{ padding: 10px 60px 30px;font-size: 18px; text-align: center; background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff;}
.page-partner-card-bottom strong{font-weight: normal; font-size: 34px;}
@media(max-width:1200px){
	.page-partner-card ul li{width: 48%; margin-top: 25px;}
}
@media(max-width:840px){
	.page-partner-card ul li{width: 100%;}
}


@media(max-width:640px){
	.page-partner-card-top,
	.page-partner-card-bottom{padding: 20px 20px 10px; font-size: 14px;}
	.page-partner-card-bottom strong{font-size: 24px;}
}

/*  */
.page-partner-person{background-color: #F4F4F4;}
.page-partner-person{overflow: hidden;}
.page-partner-person ul{padding-left: 20px; margin-bottom: 50px;}
.page-partner-person ul li{float: left; width: 20%;}

.page-partner-person-item{ position: relative; z-index: 1; padding: 30px 15px; text-align: center; }
.page-partner-person-item span{position: absolute; top: 0; left: -20px; z-index: -1;}
.page-partner-person-item h3{margin-top: 10px ; font-size: 30px; color: var(--mColor);}
.page-partner-person-item p{margin-top: 10px ; font-size: 16px; color: #333; height: 60px; line-height: 20px; overflow: hidden;}
@media (max-width:1200px) {
	.page-partner-person ul{padding-left: 0;}
	.page-partner-person-item{ background-color: #fff;}
	.page-partner-person-item span{display: none;}
}
@media (max-width:768px) {
	.page-partner-person ul li{width: 33.33%; padding: 1px;}
}
@media (max-width:640px) {
	.page-partner-person ul li{width: 100%;}
}

/*  */
.x-propaganda-s{background-image: url(../images/partner/partner-push.jpg);}
.x-propaganda-s a{background:linear-gradient(to right, var(--mColor),var(--nColor))!important; color: #fff;border-color: transparent!important;}
.x-propaganda-s a:hover{color: #fff!important;}

/*  */


.page-partner-applica{overflow: hidden;}
.page-partner-applica ul{margin-left: -25px;}
.page-partner-applica ul li{float: left; width: 25%; margin: 10px 0; padding-left: 25px;}
.page-partner-applica ul li a{display: block;border: 1px solid #eee;}
.page-partner-applica-pic{position: relative; overflow: hidden;}
.page-partner-applica-pic img{width: 100%; }
.page-partner-applica-title{padding: 15px 0; text-align: center;}
.page-partner-applica-title h3{color: #777;}

@media (max-width:1200px) {
	.page-partner-applica ul li{ width: 33.33%;}
}

@media (max-width:768px) {
	.page-partner-applica ul li{ width: 50%;}
}

@media (max-width:640px) {
	.page-partner-applica ul li{ width: 100%;}
}


/* 优惠券 */
/*  */
.x-contract ul{padding: 30px 0 50px; display: flex; justify-content: space-between;}
.x-contract ul li{position: relative;max-width: 303px; padding:15px; text-align: center;}
.x-contract ul li h3{font-size: 16px; color: #333 ;}
.x-contract-pic{position: relative; display: inline-block; margin-bottom: 15px;}
.x-contract-pic::before{position: absolute; left: 110px; top: 50%; content: ''; width: 360%; height: 2px; background:linear-gradient(to left,var(--mColor), transparent);}
.x-contract ul li:last-child .x-contract-pic::before{display: none;}
.x-contract-pic-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.x-contract-pic-item span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;font-size: 36px; color: #fff;}

@media (max-width:1200px) {
	.x-contract-pic::before{display: none; }
}
@media (max-width:768px) {
	.x-contract ul{padding: 10px 0;flex-direction: column;}
	.x-contract ul li{margin: 0 auto;}
	.x-contract .index-more a{padding: 0 25px; line-height: 35px; font-size: 14px;}
}

/*  */
.page-coupons-tx ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.page-coupons-tx ul li{position: relative; margin: 1% 0; width: 49%; display: flex; justify-content: space-between; align-items: center;box-shadow: 0 0 1px #000 inset;overflow: hidden;}
.page-coupons-tx ul li::before,
.page-coupons-tx ul li::after{position: absolute; content: ''; z-index: 1; width: 21px; height: 21px; background-color: #fff; border-radius: 50%; border: 1px solid #ccc;}
.page-coupons-tx ul li::before{ top: -11px; left: -11px;}
.page-coupons-tx ul li::after{bottom: -11px; left: -11px;}

.page-coupons-tx-left{flex: 1; padding: 30px 0 30px 25px ;border-right:1px dotted var(--mColor);}
.page-coupons-tx-left div{height: 75px; line-height: 25px;}
.page-coupons-tx-left h3{margin-bottom: 10px; font-size: 18px;}
.page-coupons-tx-left p{position: relative; padding-left: 12px; color: #666;}
.page-coupons-tx-left p::before{position: absolute; top: 11px; left: 0; content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #ccc;}


.page-coupons-tx-right{position: relative; width: 170px; padding:0 20px; display: flex; align-self: stretch; align-items: center; background:linear-gradient(to right, var(--tColor),#ff6751); color: #fff;}

.page-coupons-tx-right::before,
.page-coupons-tx-right::after{position: absolute; content: ''; z-index: 1; width: 21px; height: 21px; background-color: #fff; border-radius: 50%;}
.page-coupons-tx-right::before{ top: -11px; right: -11px;}
.page-coupons-tx-right::after{bottom: -11px; right: -11px;}

.page-coupons-tx-right>div{width: 100%;}
.page-coupons-tx-right h3{margin-bottom: 2px; font-size: 30px;}
.page-coupons-tx-right h3 span{font-size: 14px;}
.page-coupons-tx-right a{margin-top: 10px; display: block; line-height: 35px; background-color: #fff; color: var(--mColor); text-align: center;}

@media(max-width:840px){
	.page-coupons-tx ul li{width: 49%; flex-direction: column; align-items: flex-start;}
	.page-coupons-tx ul li::after{bottom: inherit; left: inherit;top: -11px; right: -11px;}
	.page-coupons-tx-left{flex: 1; padding: 15px ;border-right:none;}
	.page-coupons-tx-left div{height: auto; }
	.page-coupons-tx-right{width: 100%; padding: 10px ; text-align: center;}
	.page-coupons-tx-right::before{ top: inherit; right: inherit; bottom: -11px; left: -11px;}
}
@media(max-width:640px){
	.page-coupons-tx ul li{width: 100%; }
}

/*  */
.page-coupons-hw{background-color: #f7f7f7;}
.page-coupons-hw .container-width{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.page-coupons-hw-item{width: 47.5%;}


@media(max-width:940px){
	.page-coupons-hw-item{width: 100%;}
}

.page-coupons-hw-item h2{margin-bottom: 25px; font-weight: bold;text-align: center;}
.page-coupons-hw-card{padding: 25px;margin-bottom: 25px; background-color: #fff;}
.page-coupons-hw-card ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.page-coupons-hw-card ul li{width: 49%;}

@media(max-width:640px){
	.page-coupons-hw-card ul li{width: 100%; margin: 10px 0;}
}
.page-coupons-hw-vouchers{position: relative; padding: 15px 35px; display: flex; justify-content: space-between; align-items: center; background:linear-gradient(to right, #ff6751,var(--tColor)); color: #fff; overflow: hidden;}
.page-coupons-hw-vouchers h3{font-size: 50px;}
.page-coupons-hw-vouchers h3 span{font-size: 20px;}
.page-coupons-hw-vouchers a{width: 35px; padding:15px 10px; line-height: 18px; font-size: 16px; background-color: #FFF577; color: var(--mColor);}

.page-coupons-hw-vouchers em{position: absolute; left: -7px; width: 15px; height: 15px; background-color: #fff; border-radius: 50%;}
.page-coupons-hw-vouchers em:nth-child(1){ top: 9px;}
.page-coupons-hw-vouchers em:nth-child(2){ top: 34px;}
.page-coupons-hw-vouchers em:nth-child(3){ top: 59px;}
.page-coupons-hw-vouchers em:nth-child(4){ top: 84px;}
.page-coupons-hw-vouchers em:nth-child(5){ top: 109px;}

.page-coupons-hw-vouchers i{position: absolute; right: -7px; width: 15px; height: 15px; background-color: #fff; border-radius: 50%;}
.page-coupons-hw-vouchers i:nth-child(6){ top: 9px;}
.page-coupons-hw-vouchers i:nth-child(7){ top: 34px;}
.page-coupons-hw-vouchers i:nth-child(8){ top: 59px;}
.page-coupons-hw-vouchers i:nth-child(9){ top: 84px;}
.page-coupons-hw-vouchers i:nth-child(10){ top: 109px;}

/*  */
.page-coupons-seco ul{display: flex ; justify-items: center; justify-content: center; flex-wrap: wrap;}
.page-coupons-seco ul li{width: 23%; margin: 1%;}

@media(max-width:940px){
	.page-coupons-seco ul li{width: 48%;}
}


@media(max-width:640px){
	.page-coupons-seco ul li{width: 100%;}
}


.page-coupons-seco-item{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}

.page-coupons-seco-head{padding: 20px 15px; background:linear-gradient(to right, var(--tColor),#ff6751); color: #fff;}

.page-coupons-seco-head h3{ margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.page-coupons-seco-config{border-bottom: 1px solid #ccc; overflow: hidden;}
.page-coupons-seco-config h3{padding:10px 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, .1);}
.page-coupons-seco-config h3 span{padding-left: 25px; font-size: 12px; color: #777;}
.page-coupons-seco-config div{height: 42px;padding:0 15px; margin: 25px 0 20px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; }
.page-coupons-seco-config div p{padding-right: 10px; font-size: 16px;}
.page-coupons-seco-config div p span{line-height: 24px; font-size: 12px; color: #666;}
.page-coupons-seco-tags{padding:0 15px; margin: 10px 0;}
.page-coupons-seco-tags span{margin-right: 3px; margin-bottom: 3px; display: inline-block; padding: 2px 5px; border: 1px solid var(--nColor); color: var(--nColor); font-size: 12px; border-radius: 3px;}

.page-coupons-seco-price {padding: 0 15px 15px;margin-top: 5px;}
.page-coupons-seco-price h3{ padding-bottom: 5px; font-size: 14px; color: var(--nColor);}
.page-coupons-seco-price h3 span{font-size: 30px;}
.page-coupons-seco-price h3 b{font-weight: normal; color: #333;}
.page-coupons-seco-price p{color: #777;}
.page-coupons-seco-price p i{display: inline-block;  width: 18px; height: 18px; font-style: inherit; text-align: center; font-size: 12px; color: #fff; background:  #FF6A00 ; border-radius: 4px; }

.page-coupons-seco-item a{display: block; padding: 0 15px; line-height: 40px;background:linear-gradient(to right, var(--mColor),var(--nColor)); color: #fff; text-align: center;}


.intro-link {position: absolute;top: 17%;display: flex;left: 50%;transform: translateX(-50%);flex-wrap: wrap;width: 64%;}
.intro-link a {color: #ffffff;font-size: 36px;display: block;margin-right: 20px;}
.intro-link p {color: #ffffff;font-size: 20px;margin-top: 35px;}
.pbtn .page-btn a:first-of-type {margin-bottom: 0;}

@media(max-width:1600px){
	.intro-link {width: 75%;}
	.intro-link a {font-size: 26px;}
	.intro-link p {margin-top: 25px;font-size: 16px;}
}

@media(max-width:1230px){
	.intro-link {width: 85%;}
}
@media(max-width:768px){
	.intro-link {width: 80%;}
	.intro-link a {font-size: 20px;margin-right: 0;margin-bottom: 5px;width: 100%;}
	.intro-link p {font-size: 14px;margin-top: 15px;}
	.pbtn {width: 80% !important;}
}