body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 16px;color: #333333;background-color: #f4f5f8;letter-spacing: .3px;}
button:focus{outline:none;}
p{margin-bottom: 0;}
.text-danger{
	color: #ff4c20!important;
}
@font-face
{
	font-family: Shs;
	src:url('../font/SourceHanSerifSC-Bold.otf');
}
@font-face
{
	font-family:impact;
	src: url('../font/Impact.ttf');
}
@font-face
{
	font-family:CS;
	src: url('/css/FZCuYuanSongS-R-GB.ttf');
}
.container, .container-fluid{padding: 0;}
@media (min-width: 1200px)
{
 .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 75rem;}
}
/* 首页 */
.tnav{
	
	position: relative;
}
.tnav>.row{
	width: 100%;
	position: absolute;
	top:-60px;
	background-color: rgba(255, 255, 255, .8);
	border-radius: 10px;
	box-shadow: 0 0 5px 5px rgb(160 180 255 / 5%);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
.tnav>.row>div:nth-child(1),.tnav>.row>div:nth-child(2){
	border-right: 2px solid #eeeeee;
}
.tnav>.row>div>img{
	width: 58px;
	margin-right: 16px;
}
.tnav .text>.p1{
	font-size: 24px;
	color: #006eff;
	font-weight: bold;
}
.tnav .text>.p2{
	font-size: 16px;
	color: #999999;
}
.Iactive{
	margin-top: 110px;
}
.Iactive>.title{
	text-align: center;
	margin-bottom: 50px;
}
.Iactive>.Ititle{
	text-align: center;
	background: linear-gradient(to top,#006eff,#204cfd);
	color: #ffffff;
}
.Iactive>.Ititle.Ihost{
	background: linear-gradient(to top,#006eff,#62a9ff);
}
.Iactive>.Ititle.Issl{
	background: linear-gradient(to top,#006eff,#00c6ff);
}
.Iactive>.Ititle>.p1{
	font-size: 30px;
	line-height: 30px;
	padding: 27px 0 19px;
}
.Iactive>.Ititle>.p1>span{
	letter-spacing: 6px;
	padding-left: 6px;
}
.Iactive>.Ititle>.p2{
	font-size: 16px;
	color: #ebf0ff;
	line-height: 16px;
	padding-bottom: 28px;
}
.Iactive .container{
	margin-top: 50px;
	margin-bottom: 80px;
}
.Iactive .container .nav .nav-item{
	border-bottom: 4px solid #006eff;
}
.Iactive .nav-pills .nav-link{
	width: 100%;
	font-size: 24px;
	border-radius: 0;
	padding: 5px 1rem;
	height: 100%;
}
.Iactive .nav-pills .nav-link.active, .Iactive .nav-pills .show>.nav-link{
	background: url('/images/index/active-bg1.png') bottom center no-repeat;
	background-size: 100% 100%;
}
.Iactive .nav-pills .last-item .nav-link.active, .Iactive .nav-pills .show.last-item>.nav-link{
	background-image: url('/images/index/active-bg2.png');
}
.Iactive .container .Iactive-all{
	margin-top: 20px;
}
.Iactive .container .Iactive-all .Iactive-list{
	width: 32.8%;
	background-color: #ffffff;
	border-radius: 30px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, .04);
}
.Iactive .container .Iactive-all .Iactive-list:nth-child(2){
	margin-left: .8%;
	margin-right: .8%;
}
.Iactive .container .Iactive-all .Iactive-list .Iactive-list-blue{
	margin: 10px 0 6px;
	background: linear-gradient(to bottom,#006eff,#204cfd);
	border-radius: 30px;
	overflow: hidden;
}
.Iactive .container.Icloud .Iactive-all .Iactive-list .Iactive-list-blue{
	background: linear-gradient(to top,#62a9ff,#006eff);
}
.Iactive .container.Isslzs .Iactive-all .Iactive-list .Iactive-list-blue{
	background: linear-gradient(to bottom,#006eff,#00c6ff);
}
.Iactive .container .Iactive-all .Iactive-list .title{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	padding: 25px 0 17px;background: url('/images/cloudhost/pros-bg1.png') 15px 12px no-repeat;
}
.Iactive .container .Iactive-list-blue .content{
	background-color: #ffffff;
    border-radius: 35px;
    box-shadow: inset 0 0 25px 1px rgb(240 249 255 / 90%);
	margin: 0 2px 8px;
	overflow: hidden;
}
.Iactive .container .Iactive-list-blue .content .con-ul{
	padding: 40px 28px 19px;
}
.Iactive .container .Iactive-list-blue .content .con-ul .con-li{
	margin-bottom: 20px;
	background-color: #f8fcff;
	border-radius: 5px;
}
.Iactive .container .Iactive-list-blue .content .con-ul .con-li .p1{
	width: 43%;
}

.Iactive .container .Iactive-list-blue .content .con-ul .con-li .p2{
	width: 57%;
    text-align: center;
    line-height: 28px;
}
.Iactive .container .Iactive-list-blue .content .green-btn{
	text-align: center;
	margin-bottom: 20px;
}
.Iactive .container .Iactive-list-blue .content .green-btn span{
	display: inline-block;
	background: linear-gradient(to left,#1ed26a,#a8e063);
	font-size: 16px;
	color: #ffffff;
	line-height: 16px;
	padding: 6px 14px;
	border-radius: 14px;
}
.Iactive .container .Iactive-list-blue .content .red-btn{
	text-align: center;
	margin-bottom: 10px;
}
.Iactive .container .Iactive-list-blue .content .red-btn span{
	display: inline-block;
	background: linear-gradient(to left,#ff4b1f,#ff9068);
	font-size: 16px;
	color: #ffffff;
	line-height: 16px;
	padding: 6px 14px;
	border-radius: 14px;
}
.Iactive .container .Iactive-list-blue .content .hr{
	height: 2px;
	width: 100%;
	padding: 0 10px;
}
.Iactive .container .Iactive-list-blue .content .price {
    padding: 10px 0 20px;
	text-align: center;
}
.Iactive .container .Iactive-list-blue .content .price span {
    font-size: 48px;
    font-family: 'CS';
    padding-right: 5px;
    color: #ff4c20;
}
.Iactive .container .Iactive-list-blue .content .buy a {
    width: 50%;
    font-size: 18px;
    line-height: 58px;
    border-top: 1px solid #006eff;
    text-decoration: none;
}
.Iactive .container .Iactive-list-blue .content .buy{
	text-align: center;
}
.Iactive .container .Iactive-list-blue .content .buy a.float-left {
    background: linear-gradient(to bottom,#006eff,#204cfd);
    color: #ffffff;
    border-radius: 0 0 0 35px;
}
.Iactive .container.Icloud .Iactive-list-blue .content .buy a.float-left{
	background: linear-gradient(to top,#62a9ff,#006eff);
}
.Iactive .container.Isslzs .Iactive-list-blue .content .buy a.float-left{
	background: linear-gradient(to bottom,#006eff,#00c6ff);
}

.Iactive .container .Iactive-list-blue .content .buy a.float-right {
    border-radius: 0 0 35px 0;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li{
	background-color: rgba(0, 0, 0, 0);
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li .p2,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p2
{
	background-color: #f8fcff;
    border-radius: 5px;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li .p1,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1{
	font-size: 18px;
	font-weight: bold;
	padding-left: 7%;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime .p2{
	position: relative;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: none;
    background: none;
    color: inherit;
    box-shadow: none;
    text-align: center;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime .select{
	position: relative;
    display: flex;
    width: 100%;
    background-color: #f8fcff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime .select select {
    flex: 1;
    cursor: pointer;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime .select::after {
    content: url('/images/cloudhost/pros-icon.png');
    position: absolute;
    right: 7px;
    top: -2px;
    transition: 0.25s all ease;
    pointer-events: none;
}
.Iactive .container.Iyiti .Iactive-list-blue .content .con-ul .con-li .p1{
	background: linear-gradient(to right,#006eff,#3497ff);
	border-radius: 12px;
	padding: 5px 0;
}
.Iactive .container.Iyiti .Iactive-list-blue .content .con-ul .con-li .p1 img{
	padding-left: 4px;
	width: 23px;
	margin-right: 2px;
}
.Iactive .container.Iyiti .Iactive-list-blue .content .con-ul .con-li .p1 span{
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	width: 78%;
}












/* ssldun优势 */
.team{
	overflow: hidden;
}
.team .team-ul{
	width: 1400px;
	margin-top: 50px;
	margin-left: 0;
	transition: margin-left .3s;
}
.team .team-li{
	width: 222px;
	margin-right: 1.55%;
	border-radius: 10px;
	transition: width .3s;
}
.team .team-li:last-child{
	margin-right: 0;
}
.team .team-li .hovertext{
	display: none;
	height: 450px;
	background: url('/images/index/team6.png') top center no-repeat;
	background-size: cover;
    border-radius: 10px;
}
.team .team-li .text{
	color: #ffffff;
	height: 450px;
	background: url('/images/index/team1.png') top center no-repeat;
	background-size: cover;
	padding: 25px;
}
.team .team-li:nth-child(2) .hovertext,
.team .team-phone .team-pall .team-pli:nth-child(2){
	background: url('/images/index/team7.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(2) .text{
	background: url('/images/index/team2.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(3) .hovertext,
.team .team-phone .team-pall .team-pli:nth-child(3){
	background: url('/images/index/team8.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(3) .text{
	background: url('/images/index/team3.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(4) .hovertext,
.team .team-phone .team-pall .team-pli:nth-child(4){
	background: url('/images/index/team9.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(4) .text{
	background: url('/images/index/team4.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(5) .hovertext,
.team .team-phone .team-pall .team-pli:nth-child(5){
	background: url('/images/index/team10.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:nth-child(5) .text{
	background: url('/images/index/team5.png') top center no-repeat;
	background-size: cover;
}
.team .team-li:hover .text{
	display: none;
}
.team .team-li:hover .hovertext{
	display: block;
}
.team .team-li:hover{
	width: 400px;
	cursor: pointer;
}
.team .text .p1,
.team .hovertext .p1,
.team .team-phone .team-pall .team-pli .p1{
	font-size: 24px;
	margin-bottom: 10px;
}
.team .text .p2,
.team .hovertext .p2,
.team .team-phone .team-pall .team-pli .p2{
	font-size: 18px;
}
.team .hovertext{
	text-align: center;
	padding: 68px 40px 0;
}
.team .hovertext .p3,
.team .team-phone .team-pall .team-pli .p3{
	font-size: 16px;
	margin-top: 20px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 80px;
}
.team .hovertext a,
.team .team-phone .team-pall .team-pli a{
	font-size: 18px;
	letter-spacing: 2px;
	color: #006eff;
	padding: 11px 70px;
	border: 1px solid #006eff;
	border-radius: 10px;
	text-decoration: none;
}
.team .hovertext a:hover,
.team .team-phone .team-pall .team-pli a:hover{
	background-color: #006eff;
	color: #ffffff;
}
.team .team-phone{
	width: 100%;
	overflow-x: auto;
	margin-top: 50px;
	display: none;
}
.team .team-phone .team-pall{
	width: 2000px;
}
.team .team-phone .team-pall .team-pli{
	width: 320px;
	text-align: center;
	height: 350px;
	background: url('/images/index/team6.png') top center no-repeat;
	background-size: cover;
    border-radius: 10px;
	margin: 0 10px;
	padding: 50px 20px 0;
}
.team .team-phone .team-pall .team-pli .p3{
	margin-bottom: 50px;
}
.Ibest>.row{
	margin-top: 60px;
}
.Ibest .Ibest-li{
	background-color: rgba(255, 255, 255, .4);
	border-radius: 15px;
	box-shadow: 0 0 5px 8px rgba(0,110,255,.02);
	padding: 16px 20px;
	margin-bottom: 60px;
	position: relative;
}
.Ibest .Ibest-li .p1{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 16px;
}
.Ibest .Ibest-li .p2 {
    font-size: 16px;
    color: #999999;
    max-width: 385px;
    line-height: 24px;
}
.Ibest .Ibest-li>img{
	width: 22.4%;
	position: absolute;
	left: 3%;
	bottom: 2%;
}
.Iques{
	background-color: #ffffff;
	padding-bottom: 60px;
}
.Iques .row{
	margin-top: 50px;
}
.Iques .Iques-con{
	padding: 0 30px 17px;
	box-shadow: 0 10px 2px #e9f2ff;
	border-radius: 10px;
}
.Iques .Iques-con .title{
	border-bottom: 2px dashed #e4f0ff;
	margin-bottom: 28px;
}
.Iques .Iques-con .title p{
	font-size: 24px;
	border-bottom: 4px solid #006eff;
	line-height: 24px;
	padding: 17px 0 10px;
}
.Iques .Iques-con .title a{
	line-height: 40px;
	color: #999999;
	padding-top: 15px;
	text-decoration: none;
}
.Iques .Iques-con .title a:hover{
	color: #006eff;
}
.Iques .Iques-con .Iques-li{
	background-color: #f4f9fe;
	border-radius: 10px;
	border: 2px solid #f4f9fe;
	margin-bottom: 15px;
}
.Iques .Iques-con .Iques-li:hover{
	cursor: pointer;
}
.Iques .Iques-con .Iques-li .date{
	background-color: #ffffff;
	border-radius: 10px 0 0 10px;
	padding: 9px 9.5px;
	text-align: center;
}
.Iques .Iques-con .Iques-li .date p{
	font-size: 16px;
	line-height: 16px;
	color: #666666;
	margin-top: 11px;
	width: 76px;
}
.Iques .Iques-con .Iques-li .p1{
	font-size: 22px;
	color: #333333;
	line-height: 22px;
	margin-bottom: 10px;
}
.Iques .Iques-con .Iques-li .news{
	padding-top: 15px;
	padding-left: 18px;
}
.Iques .Iques-con .Iques-li .p2{
	font-size: 16px;
	color: #333333;
	line-height: 16px;
}
/* index页面联系我们 */
.about{
	text-align: center;
	background: url('/images/index/about-bg1.png') center center no-repeat;
}
.about .container{
	background: url('/images/index/about-bg2.png') center center no-repeat;
	padding: 34px 0 20px;
}
.about .text{
	font-size: 30px;
	color: #ffffff;
	letter-spacing: 4px;
}
.about .about-link{
	display: inline-block;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 7px 21px;
	margin-top: 25px;
}
.about .about-link a{
	color: #006eff;
	font-size: 24px;
	letter-spacing: 4px;
	line-height: 36px;
	margin-left: 18px;
	text-decoration: none;
}
.about .about-link:hover{
	cursor: pointer;
}























/* 导航栏 */
header{background-color: #ffffff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, .05);}
header .navbar .navbar-brand>img{width: 11.875rem;}
header .navbar .navbar-nav .nav-link{color: #333333;padding: 1rem 30px;}
header #navbarTogglerheader>.form-inline>div>p{position: relative;overflow: hidden;border:1px solid #4daeff}
header #navbarTogglerheader>.form-inline>div>p>a{color:#318efe;text-decoration: none;line-height: 16px;padding: 12px 18px;}
/* header #navbarTogglerheader>.form-inline>div>p:last-child{background: linear-gradient(to left,#46b3ff,#206fff);} */
header #navbarTogglerheader>.form-inline>div>p>a{color: #006eff;}
header #navbarTogglerheader>.form-inline>div>p>a.float-left{
	color: #ffffff;
	background-color: #206fff;
	background: linear-gradient(to left,#46b3ff,#206fff);
}
header #navbarTogglerheader>.form-inline>div>p>a.float-left:hover{
	color: #006eff;
	background-color: #ffffff;
	background: linear-gradient(to left,#ffffff,#ffffff);

}
/* header #navbarTogglerheader>.form-inline>div>p>a.float-right:hover{
	color: #ffffff;
	background-color: #206fff;
	background: linear-gradient(to right,#46b3ff,#206fff);
} */
header .bluebottom{width: 100%;height: 40px;background-color: #1962fe;color: #ffffff;}
header #navbarTogglerheader>.navbar-nav>.nav-item{position: relative;}
header #navbarTogglerheader .sliding-block{border-top: 2px solid #1962fe;text-align: center;bottom: -14px!important;}
header #navbarTogglerheader>.navbar-nav>.nav-item>p{width:400%;position: absolute;bottom: -45px;color: #ffffff;display: none;}
header #navbarTogglerheader>.navbar-nav>.nav-item.current>p{display: block;}
header #navbarTogglerheader>.form-inline>div>p>.bor-top,
header #navbarTogglerheader>.form-inline>div>p>.bor-left,
header #navbarTogglerheader>.form-inline>div>p>.bor-right,
header #navbarTogglerheader>.form-inline>div>p>.bor-bottom{position: absolute;display: block;}
header #navbarTogglerheader>.form-inline>div>p>.bor-top{
	top: 0;
	left: -100%;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent,#ffffff,#46b3ff, #1962fe);
	animation: btn-anim1 2s linear infinite;
}
@keyframes btn-anim1 {
	0% {
	  left: -100%;
	}
	50%,100% {
	  left: 100%;
	}
}
header #navbarTogglerheader>.form-inline>div>p>.bor-right{
	top: -100%;
	right: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(180deg, transparent,#ffffff, #46b3ff, #1962fe);
	animation: btn-anim2 2s linear infinite;
	animation-delay: .5s
}

@keyframes btn-anim2 {
	0% {
	  top: -100%;
	}
	50%,100% {
	  top: 100%;
	}
  }
  
  header #navbarTogglerheader>.form-inline>div>p>.bor-bottom{
	bottom: 0;
	right: -100%;
	width: 100%;
	height: 2px;
	background: linear-gradient(270deg, transparent,#ffffff, #46b3ff, #1962fe);
	animation: btn-anim3 2s linear infinite;
	animation-delay: 1s
  }
  
  @keyframes btn-anim3 {
	0% {
	  right: -100%;
	}
	50%,100% {
	  right: 100%;
	}
  }
  
header #navbarTogglerheader>.form-inline>div>p>.bor-left{
	bottom: -100%;
	left: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(360deg, transparent,#ffffff, #46b3ff, #1962fe);
	animation: btn-anim4 2s linear infinite;
	animation-delay: 1.5s
  }
  
  @keyframes btn-anim4 {
	0% {
	  bottom: -100%;
	}
	50%,100% {
	  bottom: 100%;
	}
  }





/* header .bg-primary{background: linear-gradient(to bottom,#1a95ff,#2144fd)!important;} */

















/* Vertic头部条幅 */
.vertic{background-color: #ffffff;box-shadow: 0 0 5px 5px rgba(160, 180, 255, .1);}
.vertic>.container>.row>.col-4{padding: 16px 0;}
.vertic>.container>.row>.col-4>img{float: left;padding:0 20px;}
.vertic>.container>.row>.col-4>.title{float: left;}
.vertic>.container>.row>.col-4>.title>p.p1{font-size: 24px;line-height: 24px;color: #204cfd;margin-bottom: 15px;font-weight: bold;padding-top: 10px;}
.vertic>.container>.row>.col-4>.title>p{font-size: 16px;line-height:16px;color: #989898;margin-bottom: 0;}

/* title大标题 */
.container>.title{text-align: center;padding-top: 90px;}
.product>.title{padding-top: 90px;}
.product>.title>.notice{padding: 14px 0;background: url('/images/yiti/pro1.png') top center;margin-top: 25px;}
.product>.title>.notice>img{float: left;padding-left: 3.5%;}
.product>.title>.notice>p{float: left;font-size: 18px;color: #feffc3;margin-bottom: 0;line-height: 22px;padding-left: 8px;}
/* 产品 */
.product>.row{margin-top: 50px;}
.product>.row .pro-li{background-color: #ffffff;box-shadow: 0 0 5px 5px rgba(193, 193, 193, .1);border-radius: 10px;padding: 38px 0 30px;margin-bottom: 30px;}
.product>.row .pro-li>img{width: 100%;}
.product>.row .pro-li>.pro-list{padding: 35px 20px 27px;}
.product>.row .pro-li>.pro-list>.pro-list-li{margin-bottom: 10px;}
.product>.row .pro-li>.pro-list>.pro-list-li>p:last-child{line-height: 28px;font-size: 18px;color: #666666;padding-left: 5%;}
.product>.row .pro-li>img.pro-hr{width: 87%;margin: 0 auto;display: block;}
.product>.row .pro-li>.pro-price{text-align: center;font-size: 18px;color: #fc1d02;padding-top: 15px;}
.product>.row .pro-li>.pro-price>span{font-size: 52px;font-family: 'CS';}
.product>.row .pro-li>.pro-buy{text-align: center;}
.product>.row>div{position: relative;}
.product>.row>div>img{position: absolute;top:0;right: 0;}
/* 产品第二种样式 */
.products>.row{margin-top: 70px;}
.products>.row .pros-white{
	background-color: #ffffff;
	border-radius: 25px;
	padding-top: 8px;
	padding-bottom: 6px;
	position: relative;
}
.products>.row .pros-white>img{
	position: absolute;
	top: -26px;
	right: -10px;
}
.products>.row .pros-blue{background-image: linear-gradient(to top,#1e90ff,#006eff);border-radius: 25px;padding: 0 2px 8px;}
.products>.row .pros-blue>p{text-align: center;font-size: 24px;font-weight: 500;color: #ffffff;line-height: 24px;padding: 40px 0 16px;position: relative;overflow: hidden;}
.products>.row .pros-blue>p>.pros-bg2{position: absolute;top: 0;left:0}
.products>.row .pros-li{background-color: #ffffff;border-radius: 30px;box-shadow: inset 0 0 40px 3px rgba(240, 249, 255, .9);text-align: center;}
.products>.row .pros-li .pros-list-li{padding-left: 33px;padding-right: 26px;margin-bottom: 10px;}
.products>.row .pros-li .pros-list-li:first-child{padding-top: 33px;}
.products>.row .pros-li .pros-list-li p{font-size: 16px;color: #666666;line-height: 30px;}
.products>.row .pros-li .pros-list-li .p1{font-weight: bold;text-align: left;}
.products>.row .pros-li .pros-list-li .p2{width: 58.6%;border-radius: 5px;background-color: #f8fcff;}
.products>.row .pros-li .pros-list-li.prostime .p2{position: relative;}
.products>.row .pros-li .pros-list-li.prostime .p2 img{position: absolute;right: 7px;top: 12px;}
.products>.row .pros-li .pros-hr{width: 91.5%;height: 2px;}
.products>.row .pros-li .pros-price{
	padding: 5px 0 8px;
}
.products>.row .pros-li .pros-price span{
	font-size: 48px;
	font-family: 'CS';
	padding-right: 5px;
	color: #dc1414;
}
.products>.row .pros-li .pros-buy a{
	width: 50%;
	font-size: 18px;
	line-height: 44px;
	border-top: 1px solid #006eff;
	text-decoration: none;
}
.products>.row .pros-li .pros-buy a.float-left{
	background: linear-gradient(to top,#1e90ff,#006eff);
	color: #ffffff;
	border-radius: 0 0 0 30px;
}
.products>.row .pros-li .pros-buy a.float-right{
	border-radius: 0 0 30px 0;
}
/* select 移除select样式 */
.products>.row .pros-li .pros-list-li.prostime select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	outline: none;
	background:none;
	color: inherit;
	box-shadow: none;
	text-align: center;
}
.products>.row .pros-li .pros-list-li.prostime select::-ms-expand{
	display: none;
}
/* select 优化样式 */
.products>.row .pros-li .pros-list-li.prostime .select{
	position: relative;
	display: flex;
	width: 100%;
	background-color: #f8fcff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 0;
}
.products>.row .pros-li .pros-list-li.prostime .select select{
	flex: 1;
	cursor: pointer;
}
.products>.row .pros-li .pros-list-li.prostime .select::after{
	content: url('/images/cloudhost/pros-icon.png');
	position: absolute;
	right: 7px;
	top: -2px;
	transition: 0.25s all ease;
	pointer-events: none;
}
.products>.row .pros-li .pros-list-li.prostime .select:hover::after,
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li.prostime .select:hover::after{
	animation: bounce 0.5s infinite;
	-webkit-animation: bounce 0.5s infinite;
}
@-webkit-keyframes bounce {
	25% {
	  transform: translatey(5px);
	}
	75% {
	  transform: translatey(-5px);
	}
}
  
@keyframes bounce {
	25% {
		transform: translatey(5px);
	}
	75% {
		transform: translatey(-5px);
	}
}
  







/* CDN优势 */
.advant>.title{padding-bottom: 50px;}
.advant>.row>div{padding-right: 18px;margin-bottom: 33px;}
.advant .advant-all{/*background-color: #ffffff;box-shadow: 0 0 5px 5px rgba(193, 193, 193, .1);8*/box-shadow: 0 0 5px 5px rgba(193, 193, 193, .1);border-radius: 10px;padding: 20px 13px;position: relative;overflow: hidden;}
.advant .advant-all>img{padding: 6px 0;}
.advant .advant-all>.advant-li{margin-left: 17px;}
.advant .advant-all>.advant-li>.p1{font-size: 24px;line-height: 24px;margin-bottom: 16px;}
.advant .advant-all>.advant-li>.p1>img{padding-right: 13px;}
.advant .advant-all>.advant-li>.p2{font-size: 16px;color: #999999;max-width: 365px;line-height: 24px;}
/* url cc防御 */
.urlcc{background: linear-gradient(to bottom,#204cfd,#1b8dff);padding: 16px 0;color: #ffffff;}
.urlcc>.container{background: url('/images/yiti/urlcc2.png') top left no-repeat;background-size: auto 100%;}
.urlcc>.container>.float-left{max-width: 304px;margin-top: 7.1%;width: 25.3%;}
.urlcc>.container>.float-right{width: 73%;}
.urlcc>.container>.float-right>img{width: 100%;}
.urlcc>.container>.float-left>p{padding-left: 13px;}
.urlcc>.container>.float-left>p.p1{font-size: 24px;margin-bottom: 8px;}
.urlcc>.container>.float-left>p.p2{font-size: 18px;line-height: 30px;margin-bottom: 40px;}
.urlcc>.container>.float-left>p.p3{border-left: 1px solid #ffffff;line-height: 30px;margin-bottom: 18px;}
/* 接入流程 */
.cdnflow>.title{padding: 90px 0 50px;}
.cdnflow>.row>div:nth-child(odd){width: 17.1%;text-align: center;}
.cdnflow>.row>div:nth-child(odd) img{width: 100%;}
.cdnflow>.row>div:nth-child(even){width: 10.5%;text-align: center;}
.cdnflow>.row>div:nth-child(even) img{width: 60%;padding-top: 50%;}
.cdnflow>.row>div:nth-child(odd) p{font-size: 30px;color: #0072ff;font-weight: bold;margin-top: 10px;}
/* details */
.details{padding: 90px 0 50px;}
.details .details-all{background-color: #ffffff;border-radius: 10px;text-align: center;}
.details .details-all .top{font-size: 26px;padding: 29.5px 0;background: url('/images/yiti/details1.png') top center no-repeat;border-radius: 10px 10px 0 0;color: #ffffff;padding-left: 50px;}
.details .details-all .top span{font-size: 18px;}
.details .details-all ul{padding: 48px 18px 30px 30px;}
.details .details-all ul>li{list-style-type: none;float: left;width: 30%;font-size: 18px;padding: 8px 0;color: #ffffff;margin-right: 3.5%;margin-bottom: 2.5%;background-color: #6283f8;border-radius: 30px;}
.details .details-all2 .top{background: url('/images/yiti/details2.png') top center no-repeat;}
.details .details-all2 ul>li{background-color: #0072ff;}
.details .row>div{position: relative;}
.details .details-img{position: absolute;top:-28px;left: 10px;}







/* freessl
** freessl
*/
.freessl{background-color: #ffffff;padding: 72px 0 20px;margin-top: 120px;}
.freessl>.container>.row>div{padding-right: 20px;}
.freessl>.container>.row>div:last-child{padding-left: 20px;padding-right: 15px;}
.freessl .freessl-pro{box-shadow: 0 10px 0 #e9f2ff;border-radius: 10px;}
/* .freessl .freessl-pro>.freessl-li{padding-left: 27px;}
.freessl .freessl-pro>.freessl-li>.title{padding: 7px 0 12px;}
.freessl .freessl-pro>.freessl-li>.icon>img{margin-right: 15px;} */
.freessl .freessl-pro>img{width: 100%;}
.ability>.title,.flowpath>.title,.freetable>.title{padding-bottom: 50px;}
.ability>.row>div:nth-child(odd){padding-right: 30px;}
.ability>.row>div:nth-child(even){padding-left: 30px;}
.ability .ability-con{background-color: #ffffff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02);border-radius: 10px;padding: 14px 7px;margin-bottom: 28px;}
.ability .ability-con>img{margin-right: 30px;}
.ability .ability-con>.ability-font{max-width: 382px;padding: 18px 0;}
.ability .ability-con>.ability-font>.p1{font-size: 24px;margin-bottom: 10px;}
.ability .ability-con>.ability-font>.p2{font-size: 16px;color: #999999;line-height: 24px;}
/* 免费证书流程 */
.flowpath .flowpath-pro{background: url('/images/freessl/flowpath1.png') center top no-repeat;background-size: 100% auto;padding: 30px 20px 25px;text-align: center;}
.flowpath .flowpath-pro>.flowpath-li{background: url('/images/freessl/flowpath3.png') center top no-repeat;background-size: 100% auto;text-align: center;margin: 0 5px;}
.flowpath .flowpath-pro>.flowpath-li>img{padding: 48px 0 18px;}
.flowpath .flowpath-pro>.flowpath-li>p{font-size: 30px;padding-bottom: 120px;}
.flowpath .flowpath-pro>p{font-size: 20px;line-height: 32px;color: #ffffff;min-height: 90px;}
.flowpath .flowpath-pro2>.flowpath-li{background-image: url('/images/freessl/flowpath4.png');}
.flowpath .flowpath-pro3>.flowpath-li{background-image: url('/images/freessl/flowpath5.png');}
.flowpath .flowpath-pro4{background-image: url('/images/freessl/flowpath2.png');}
.flowpath .flowpath-pro4>.flowpath-li{background-image: url('/images/freessl/flowpath6.png')}
.flowpath .flowpath-pro4>p{font-size: 16px;line-height: 30px;}
.flowpath .flowpath-pro4>.flowpath-li>p{color: #ffffff;}
.flowpath .flowpath-pro4>.flowpath-li>img{padding: 30px 0 15px;}
/* 免费证书 活动 */
.freeactive{margin-top: 205px;background-color: #ffffff;margin-bottom: 30px;}
.freeactive>.container{position: relative;height: 80px;}
.freeactive .active-li{width: 72%;margin: 0 auto;text-align: center;background: url('/images/freessl/active1.png') center top no-repeat;background-size: 100% auto;border-radius: 14px;box-shadow: 0 10px 0 #ffe4df;position: absolute;top:-120px;left: 0;right: 0;}
.freeactive .active-li>p{font-size: 30px;color: #ffffff;padding: 33px 0;line-height: 30px;}
.freeactive .active-li>.active-img{text-align: right;padding-right: 12.5%;padding-bottom: 21px;}
.freeactive .active-li2{background: url('/images/freessl/active2.png');box-shadow: 0 10px 0 #e2f1fe}
/* 免费证书 表格 */
.freetable .table{font-size: 18px;width: 100%;min-width: 960px;}
.freetable .table>thead>tr>th{text-align: center;width: 16.66%;padding: 0;color: #ffffff;box-shadow:  0 10px 5px 5px rgba(0, 0, 0, .05);}
.freetable .table>thead>tr>th>div{border: 2px solid #ffffff;border-radius: 10px 10px 0 0;line-height: 58px;background: linear-gradient(to top,#ff7777,#dc1414);font-weight: normal;border-bottom:none;}
.freetable .table>thead>tr>th:first-child>div{background: linear-gradient(to top,#0072ff,#006eff);letter-spacing: 2.5px;}
.freetable .table>tbody>tr>td{background-color: #ffffff;text-align: center;font-size: 18px;line-height: 26px;box-shadow:  0 10px 5px 5px rgba(0, 0, 0, .05);}
.freetable .table>tbody>tr:first>td{padding: 15px 0 20px;}
.freetable .table>tbody>tr>td>p{font-size: 22px;color: #fd2502;line-height: 24px;margin-bottom: 10px;}
.freetable .table>tbody>tr>td>p>span{
	font-size: 16px;
	color: #8e8d8d;
}
.freetable .table>tbody>tr:first-child>td:first-child{line-height: 67px;}
.freetable .table>tbody>tr.bluebg>td{background-color: #f8fcff;}
.freetable .table>tbody>tr.allimg>td{padding: 8px 0 9px;line-height: 29px;}
.freetable .table>tbody>tr:last-child>td{border-radius: 0 0 10px 10px;box-shadow:  0 10px 5px 5px rgba(0, 0, 0, .05);}


/* footer */
footer{background-color: #333333;color: #ffffff;padding: 10px 0 10px;margin-top: 80px;}
footer .foot-bottom{text-align: center;}
footer .container .p2{font-size: 30px;margin-bottom: 10px;}
footer .container .p2>img{width: 50px;}
footer .container .footer-all{width: 100%;}
footer .container .footer-all .footer-li{text-align: center;border: 1px solid #ffffff;padding: 10px 20px;margin-left: 20px;}
footer .container .footer-all .footer-li>a{
	color: #ffffff;
	text-decoration: none;
	min-width: 92px;
	display: inline-block;
}
footer .container .footer-all .footer-li:hover{
	background-color: #ffffff;
	cursor: pointer;
}
footer .container .footer-all .footer-li:hover a{
	color: #333333;
}
footer .cons{
	text-align: center;
	padding: 15px 0 10px;
	border-top: 1px solid rgba(192, 192, 192, 0.36);
	margin-top: 40px;
}
footer .row>div:nth-child(1){
	padding-left: 3%;
}
footer .bottom{
	text-align: center;
	margin-top: 30px;
}
footer .bottom a{
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
}
footer .bottom a img{
	margin-right: 5px;
}
footer .footer-allt{
	border-bottom: 1px solid rgba(192, 192, 192, 0.36);
	margin-bottom: 50px;
}
footer .footer-nav>div{
	padding: 12px 0 18px;
}
footer .footer-nav .text{
	text-align: center;
	padding-top: 5px;
}
footer .footer-nav .text .p4{
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
footer .footer-nav .text .p5{
	font-size: 14px;
	line-height: 14px;
}




/* 云主机 */
.cloudhost{background-color: #ffffff;padding-top: 140px;padding-bottom: 0px;}
.cloudhost>.container{margin-top:1px;box-shadow: 0 10px 0 #f8fcff;border-radius: 10px;background: url('/images/cloudhost/topbg.png') bottom center no-repeat;background-size: 100% auto;}
.cloudhost>.container>.row{padding: 40px 33px 33px 33px;}
.cloudhost>.container>.row>div:first-child{padding-top: 26px;padding-bottom: 23px;}
.cloudhost>.container>.row>div>p{font-size: 16px;line-height: 30px;color: #999999;letter-spacing: 1px;}
.cloudhost>.container>.row>div>p>span{font-size: 24px;color: #006eff;}
.cloudhost>.container>.row>div:last-child{text-align: center;padding-left: 0;}
.cloudhost>.container>.row>div>.cloud-img1{margin-top: 25px;}
.cloudhost>.container>.row>div>.cloud-img2{width: 100%;}
.pro-zizhu{background-color:#006eff;margin-top: 35px;}

.pro-zizhu .container>img{width: 100%;min-height: 16px;padding: 29px 0 43px;}
.pro-zizhu .pro-zizhu-title{font-size: 26px;color: #ffffff;padding-top: 25px;}
.pro-zizhu .pro-zizhu-title>span:last-child{font-size: 16px;}
.pro-zizhu .pro-zizhu-title>span{margin-left: 5px;}
.bests>.row{margin-top: 50px;}
.bests .best-link{border: none;background-color: rgba(0,0,0,0);color: #333333;font-size: 22px;line-height: 64px;opacity: .6;}
.bests>.row .nav.nav-pills{margin-right: 15px;background: url('/images/cloudhost/best-hui.png') top right no-repeat;background-size: 4px auto;}
.bests .best-link.active,.bests .best-link:hover{background: url('/images/cloudhost/best-cheng.png') top right no-repeat;background-size: 6px auto;opacity: 1;}
.bests .best-link>img{float: left;padding-top: 9px;}
.bests .best-link>span{float: left;padding-left: 14px;}
.bests .best-content{margin-right: 10px;background-color: #ffffff;border-radius: 10px;padding: 25px 0 38px 48px;background-image: url('/images/cloudhost/best-bg.png');background-position: bottom right;background-repeat: no-repeat;background-size: auto 90%;}
.bests .best-content>.p1{font-size: 26px;line-height: 26px;color: #006eff;margin-top: 30px;font-weight: bold;}
.bests .best-content>.p2{font-size: 16px;color: #999999;line-height: 24px;margin-top: 20px;margin-bottom: 64px;max-width: 620px;}
/* .cloudtable{margin-top: 90px;}
.cloudtable .table>tbody>tr:first-child>td:first-child{line-height: inherit;}
.cloudtable .table>tbody>tr>td:first-child, .cloudtable .table>thead>tr>th:first-child{width: 8.77%;}
.cloudtable .table>tbody>tr>td:nth-child(2), .cloudtable .table>thead>tr>th:nth-child(2){width: 23.95%;} */
.cloudtable .cloudtable-con{
	width: 100%;
	overflow-x: auto;
	margin-top: 90px;
	text-align: center;
	font-size: 18px;
}
.cloudtable .cloudtable-conin{
	width: 1200px;
	padding: 5px;

}
.cloudtable .cloudtable-li{
	background-color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 15px;
	box-shadow:  0 0 5px 5px rgba(0, 0, 0, .04);
}
.cloudtable .cloudtable-li:nth-child(1){
	width: 20.8%;
}
.cloudtable .cloudtable-li:nth-child(2){
	width: 48.5%;
}
.cloudtable .cloudtable-li:nth-child(3){
	width: 30.7%;
}
.cloudtable .cloudtable-li .cloudtable-title{
	background: linear-gradient(to top,#0072ff,#006eff);
	color: #ffffff;
	letter-spacing: 2.5px;
	line-height: 55px;
	border-radius: 15px 15px 0 0;
}
.cloudtable .cloudtable-li:nth-child(2) .cloudtable-title{
	background: linear-gradient(to top,#ff7777,#dc1414);
}
.cloudtable .cloudtable-li .cloudtable-body{
	line-height: 50px;
}
.cloudtable .cloudtable-li .cloudtable-body.f8{
	background-color: #f8fcff;
}



.question>.title{margin-bottom: 50px;}
.question .card{margin-bottom: 20px;border: unset;border-radius: 10px!important;}
.question .card .card-header{background-color: #ffffff;border: unset;padding: 11px 13px;}
.question .card .card-header p{font-size: 22px;color: #333333;letter-spacing: 1px;line-height: 44px;}
.question .card .card-header p img{margin-right: 17px;}
.question .card .card-body .card-li{border-radius: 10px;background-color: #f4f9fe;padding: 18px;}
.question .card .card-body{padding: 3px 13px 20px;}
.question .card .card-body .card-li p{font-size: 16px;line-height: 35px;}
.question .card .card-body .card-li p.p1{color: #206fff;}
.question .card .card-body .card-li p.p2{color: #aaaaaa;}
.cloudmap{background-color: #ffffff;margin-top: 90px;}
.cloudmap .title{padding: 45px 0 50px;}
.cloudmap>img{width: 100%;}






























/* 特效 */
.product>.row .pro-li:hover{box-shadow: 0 0 15px 10px rgba(91, 148, 255, 0.2);}
.product>.row .pro-li>.pro-buy>img:hover{cursor: pointer;}
.advant .advant-all:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background: linear-gradient(to left,#206fff,#204cfd); */
	background-color: #ffffff;
	transform: translateX(-100%);
	box-sizing: border-box;
  	transition: 0.5s ease-in-out;
	z-index: -1;
}

.advant .advant-all:hover:after {
	transform: translateX(0);
}
.details .details-all ul>li:hover{cursor: pointer;background: url('/images/yiti/details3.png') top center no-repeat;background-size: auto 100%;}
.details .details-all2 ul>li:hover{cursor: pointer;background: url('/images/yiti/details4.png') top center no-repeat;background-size: auto 100%;}
.freessl .freessl-pro:hover{cursor: pointer;}
.freetable .table>tbody>tr>td,.freetable .table>thead>tr>th{transition: 0.5s;}
.freetable .table>tbody>tr:nth-child(1)>td>img:hover{cursor: pointer;}
.freeactive .active-li>.active-img{position: relative;}
.freeactive .active-li>.active-img>img.animato-img{position: absolute;right: 12.65%;}
/* .freeactive .active-li>.active-img>img.animato-img,.freeactive .active-li>.active-img>img.animato-img::before,.freeactive .active-li>.active-img>img.animato-img::after{background:url('/images/freessl/ability5.png');} */
.freeactive .active-li>.active-img>img.animato-img,.freeactive .active-li>.active-img>img.animato-img::before{animation: scale 2s infinite; }
.freeactive .active-li>.active-img>img.animato-img,.freeactive .active-li>.active-img>img.animato-img::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2);opacity:0;}}
.freeactive .active-li:hover,.question .card .card-header:hover{cursor: pointer;}
.products>.row .pros-li .pros-buy a,
.cloudtable .cloudtable-li:nth-child(2)>div{
	transition: transform 0.5 ease;
}
.products>.row .pros-li .pros-buy a:hover{
	transform: scaleY(1.1);
	border-left: 1px solid #006eff;
}
.cloudtable .cloudtable-li:nth-child(2)>div:hover{
	transform: scale(1.2);
}
.tiaokuan{
	background-color: #ffffff;
	padding: 50px 20px;
	border-radius: 15px;
}
.tiaokuan p{
	font-size: 16px;
	color: #333333;
}
.tiaokuan h2{
	text-align: center;
	margin-bottom: 20px;
}
.tiaokuan .title{
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 5px;
}
.tiaokuan .text{
	line-height: 30px;
	text-indent: 34px;
}
.tiaokuan .text2{
	text-indent: 34px;
	padding-left: 24px;
	line-height: 30px;
}
/* 各个协议页面banner */
.container-fluid.banner:hover{
	cursor: pointer;
}
.banner-xieyi{
	position: relative;
	box-shadow: 0 5px 5px 5px rgb(160 180 255 / 5%);
}
.banner-xieyi .container{
	position: absolute;
	top: 35%;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}
.banner-xieyi .banner-text .p1{
	font-size: 36px;
	color: #006eff;
	margin-bottom: 2.56%;
}
.banner-xieyi .banner-text .p2{
	font-size: 18px;
	color: #333333;
	max-width: 620px;
	line-height: 36px;
	margin-bottom: 3%;
}
.banner-xieyi .banner-text a{
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	line-height: 36px;
	background-color: #006eff;
	padding: 8px 20px;
	border-radius: 5px;
}
.refund{
	background-color: #ffffff;
	padding: 20px;
	border-radius: 15px;
}
.refund-con{
	background: linear-gradient(to right,#204cfd,#1b8dff);
	border-radius: 20px;
	padding: 12px 20px;
	margin-top: 20px;
}
.refund-con .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	color: #ffffff;
}
.refund-con .title img{
	width: 28px;
}
.refund-con .text{
	background-color: rgba(255, 255, 255, .2);
	border-radius: 15px;
	padding: 12px 20px;
	color: #ffffff;
	margin: 20px 0;
}
.refund-con .refund-way{
	width: 36%;
	margin: 6% .5% 0;
	position: relative;
	background: rgba(255, 255, 255, .2);
	border-radius: 20px;
}
.refund-con .refund-way:hover{
	cursor: pointer;
}
.refund-con .refund-way img{
	width: 38%;
	position: absolute;
	top: -97%;
	left: -5%;
}
.refund-con .refund-way .link{
	font-size: 20px;
	color: #ffffff;
	padding: 20px;
	padding-left: 40%;
}
/* 关于我们 */
.Aproduct{
	background-color: #ffffff;
	padding-bottom: 60px;
}
.Aproduct .Apro{
	text-align: center;
	box-shadow: 0 10px 2px #e9f2ff;
	border-radius: 10px;
	padding: 20px 0 5px;
	margin-bottom: 50px;
}
.Aproduct .Apro img{
	width: 60%;
}
.Aproduct .container .row{
	margin-top: 50px;
}
.Aproduct .container .row>div{
	padding: 0 25px;
}
.Aproduct .Apro p{
	font-size: 24px;
	line-height: 24px;
	padding: 20px 0 15px;
}
.Aproduct .Amap{
	width: 100%;
	border-radius: 15px;
	box-shadow: 0 10px 2px #e9f2ff;
}
.Aproduct .Amap img{
	width: 100%;
	border-radius: 15px;
}






/* 2025.8.22 */
.ssllist>.title{
	text-align: center;
	margin-bottom: 50px;
	padding-top: 90px;
}
.ssllist .row .slcom{
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 4%);
    padding: 18px 0 6px;
    margin-bottom: 30px;
	text-align: center;
}
.ssllist .row .slcom:hover{
	box-shadow: 0 0 5px 5px rgba(140, 167, 255, 0.1);
}
.ssllist .row .slcom>.slcom-blue{
	margin: 10px 0 6px;
    background: linear-gradient(to bottom,#006eff,#204cfd);
    border-radius: 30px;
    overflow: hidden;
}
.ssllist .row .slcom .slcom-blue .title{
	font-size: 24px;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
    padding: 25px 0 17px;
    background: url(/images/cloudhost/pros-bg1.png) 15px 12px no-repeat;
}
.ssllist .row .slcom .slcom-blue .content{
	background-color: #ffffff;
    border-radius: 35px;
    box-shadow: inset 0 0 25px 1px rgb(240 249 255 / 90%);
    margin: 0 2px 8px;
    overflow: hidden;
}
.ssllist .row .slcom .slcom-blue .content .conul{
	padding: 40px 28px 19px;
}
.ssllist .row .slcom .slcom-blue .content .conul .con-li{
	margin-bottom: 20px;
    background-color: #f8fcff;
    border-radius: 5px;
}
.ssllist .row .slcom .slcom-blue .content .conul .con-li .p1{
	width: 23%;
	background: linear-gradient(to right,#006eff,#3497ff);
    border-radius: 12px;
    padding: 5px 0;
}
.ssllist .row .slcom .slcom-blue .content .conul .con-li .p1 img{
	padding-left: 4px;
    width: 23px;
    margin-right: 2px;
}
.ssllist .row .slcom .slcom-blue .content .conul .con-li .p1 span{
	font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
	width: 60%;
}
.ssllist .row .slcom .slcom-blue .content .conul .con-li .p2{
	width: 77%;
    text-align: center;
    line-height: 28px;
}
.ssllist .row .slcom .slcom-blue .content .green-btn{
	text-align: center;
    margin-bottom: 20px;
}
.ssllist .row .slcom .slcom-blue .content .green-btn span{
	display: inline-block;
    background: linear-gradient(to left,#1ed26a,#a8e063);
    font-size: 16px;
    color: #ffffff;
    line-height: 16px;
    padding: 6px 14px;
    border-radius: 14px;
}
.ssllist .row .slcom .slcom-blue .content .red-btn{
	text-align: center;
    margin-bottom: 10px;
}
.ssllist .row .slcom .slcom-blue .content .red-btn span{
	display: inline-block;
	background: linear-gradient(to left,#ff4b1f,#ff9068);
	font-size: 16px;
	color: #ffffff;
	line-height: 16px;
	padding: 6px 14px;
	border-radius: 14px;
}
.ssllist .row .slcom .slcom-blue .content .hr{
	height: 2px;
    width: 100%;
    padding: 0 10px;
}
.ssllist .row .slcom .slcom-blue .content .price{
	padding: 10px 0 20px;
    text-align: center;
}
.ssllist .row .slcom .slcom-blue .content .price span{
	font-size: 48px;
    font-family: 'CS';
    padding-right: 5px;
    color: #ff4c20;
}
.ssllist .row .slcom .slcom-blue .content .buy{
	text-align: center;
}
.ssllist .row .slcom .slcom-blue .content .buy a{
	width: 50%;
    font-size: 18px;
    line-height: 58px;
    border-top: 1px solid #006eff;
    text-decoration: none;
}
.ssllist .row .slcom .slcom-blue .content .buy a.float-left{
	background: linear-gradient(to bottom,#006eff,#204cfd);
    color: #ffffff;
    border-radius: 0 0 0 35px;
}
.ssllist .row .slcom .slcom-blue .content .buy a.float-right{
	border-radius: 0 0 35px 0;
}
.ssllist .row .slcom>.icon{
	font-size: 20px;
	line-height: 38px;
	padding: 0 16px;
	color: #ffffff;
	background-color: #ffc800;
	background: linear-gradient(to right, #f5af19, #f12711);
	border-radius: 20px;
	display: inline-block;
}
.sign-content .container {
    margin: 40px auto;
    padding-top: 20px;
}
.sign-content .p1 {
    font-size: 24px;
	margin-bottom: 8px;
}
.sign-content .p2 {
    font-size: 18px;
    color: #999999;
    width: 100%;
    max-width: 673px;
    line-height: 30px;
    margin-bottom: 40px;
}
.sign-content .p3 {
    line-height: 30px;
    margin-bottom: 18px;
}
.sign-content .p3 img.float-left{
	width: 23px;
	margin-top: 4px;
}
.sign-content .p3>span {
    margin-left: 12px;
    max-width: 550px;
}
.sign-content .content-img {
    position: relative;
}
.sign-content .content-img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sign-function>.row{
	margin-top: 50px;
}
.sign-function .signf{
	background-color: rgba(255, 255, 255, .4);
    border-radius: 15px;
    box-shadow: 0 0 5px 8px rgb(0 110 255 / 2%);
    padding: 16px 20px;
    margin-bottom: 60px;
}
.sign-function  .signf .signf-txt{
	max-width: 69%;
	margin-left: 35px;
}
.sign-function  .signf .signf-txt .p1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 16px;
}
.sign-function .signf .signf-txt .p2{
	font-size: 16px;
    color: #999999;
    line-height: 24px;
}
.sign-function  .signf .signf-img img{
	width: 138%;
}

.sign-course>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.sign-course .course-con{
    width: 100%;
    text-align: center;
}
.sign-course .course-con .course-li>.p1{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    line-height: 24px;
    background: url('../images/sign/cro-2.png') top center no-repeat;
    padding: 12px 0 20px 0;
	background-size: 100% 100%;
}
.sign-course .container>.row>div{
    padding: 0;
}
.sign-course .course-con .course-li>img{
    display: inline-block;
}
.sign-course .course-con .course-li.li-arrow{
    margin-top: 12px;
    margin-bottom: 12px;
}
.sign-course .course-con .course-li.li-txt{
    background: url('../images/sign/cro-8.png') bottom center no-repeat;
    overflow: hidden;
    padding-bottom: 25px;
    background-size: 100% auto;
}
.sign-course .course-con .course-li.li-txt .p2{
    color: #ffffff;
    background-color: #007bff;
    font-size: 18px;
    line-height: 42px;
    border-radius: 8px;
    margin: 29px 20px 18px 20px;
    box-shadow: 0 0 10px 2px rgb(0 123 255 / 5%);
    
}
.sign-course .course-con .course-li.li-txt .p2.margin1{
    margin-top: 120px;
}
.sign-course .course-con .course-li.li-txt .p2.margin2{
    margin-top: 34px;
}
.sign-course .course-con .course-li.li-txt .p3{
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 16px;
    /* color: #94a3b8; */
}
.sign-course .course-con .course-li.li-img{
    min-height: 104px;
}
.sign-course .course-con .course-li.li-para{
    margin-top: 16px;
    margin-bottom: 16px;
}
.sign-course .course-con .course-li.li-para .p4{
    display: inline-block;
    color: #999999;
    font-size: 18px;
}
.sign-course>.container{
    position: relative;
}
.sign-course>.container>img{
    width: 33%;
    position: absolute;
    bottom: 1.2%;
    left: 17%;
}
.sign-trast>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.sign-trast .container{
    margin-bottom: 0px;
}
.sign-trast .container>.row{
    position: relative;
}
.sign-trast .container>.row>img{
    position: absolute;
    top: 50%;            /* 向上偏移50% */
    left: 50%;           /* 向左偏移50% */
    transform: translate(-50%, -50%); /* 反向偏移50%以实现居中 */
}
.sign-trast .trast{
    width: 93%;
    border-radius: 15px;
    background: linear-gradient(112deg,#ffce44,#ff693b);
    padding: 12px;
}
.sign-trast .trast.trast-bg{
    background: linear-gradient(112deg,#61e658,#16c0ae);
    margin-left: 7%;
}
.sign-trast .trast .trast-title{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 1px;
    margin-bottom: 13px;
}
.sign-trast .trast .trast-title span{
    margin-right: 12px;
}
.sign-trast .trast .trast-title span.s1{
    font-size: 16px;
    color: #fffc00;
    margin-right: 0;
}
.sign-trast .trast .trast2{
    background: url('../images/sign/trast-3.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast.trast-bg .trast2{
    background: url('../images/sign/trast-4.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast.trast-bg2 .trast2{
    background: url('../images/sign/trast-6.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast .trast2 img{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 25px 25px;
}
.sign-trast .trast.trast-bg2{
    width: 100%;
    background: linear-gradient(112deg,#00b548,#00b548);
    margin-top: 50px;
}
.sign-trast .trast.trast-bg2 .trast-title{
    text-align: center;
}
.sign-trast .trast .trast-title span.s2{
    color: #fffc00;
    margin-right: 0;
}
.sign-trast .trast.trast-bg2 .trast2{
    padding: 25px 25px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev{
    background-color: #00b548;
    text-align: center;
    color: #ffffff;
    padding: 48px 0;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt{
    margin: 0 auto;
    display: inline-block;
    text-align: left
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p{
    font-size: 18px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p1{
    font-size: 30px;
    font-weight: bold;
    line-height: 56px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p2{
    margin-top: 12px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p3{
    color: #fffc00;
    font-size: 36px;
    font-weight: bold;
}

.sign-process{
	background-color: #ffffff;
}
.sign-process>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.sign-process .container {
    text-align: center;
	padding-bottom: 50px;
}
.sign-process .topimg img {
    display: inline-block;
}
.sign-process p {
    font-size: 30px;
    font-weight: bold;
    margin-top: 24px;
}
.sign-process p.p1 {
    color: #94a3b8;
}
.sslus>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.sslus .container {
    margin-top: 64px;
    margin-bottom: 80px;
}
.sslus .card {
    border: none;
}
.sslus .card .card-text {
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 16px;
}
.sslus .card p.p1 {
    font-size: 18px;
    color: #999999;
    line-height: 36px;
}

.Iactive .container .Iactive-all .Iactive-list{
	text-align: center;
}
.Iactive .container .Iactive-all .Iactive-list .icon{
	font-size: 20px;
    line-height: 38px;
    padding: 0 16px;
    color: #ffffff;
    background-color: #ffc800;
	background: linear-gradient(to right, #f5af19, #f12711);
    border-radius: 20px;
    display: inline-block;
	margin-top: 18px;
}
.Iactive .container .Iactive-list-blue .content .con-ul .con-li .p1{
	width: 23%;
}
.Iactive .container.Iyiti .Iactive-list-blue .content .con-ul .con-li .p1 span{
	width: 60%;
}
.Iactive .container .Iactive-list-blue .content .con-ul .con-li .p2{
	width: 77%;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li .p1,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1{
	background: linear-gradient(to right, #006eff, #3497ff);
    border-radius: 12px;
	font-weight: 200;
	color: #ffffff;
	padding: 5px 0;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li .p1 img,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1 img{
	padding-left: 4px;
    width: 23px;
    margin-right: 2px;
}
.Iactive .container.Icloud .Iactive-list-blue .content .con-ul .con-li .p1 span,
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1 span{
	width: 60%;
	font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1{
	width: 37%;
}
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1 span{
	width: 79%;
}
.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p2{
	width: 63%;
}



.sign-course .course-con .course-li.li-txt .p3.pad{
	line-height: 48px;
}

.cloudhost>.container>.row>div>h3{
	color: #006eff;
	padding-left: 2%;
}

.cloudhost>.container>.row>div>p{
	position: relative;
}
.cloudhost>.container>.row>div>p>.banner-icon {
    position: absolute;
    width: 43%;
    top: -23.5%;
    left: 47%;
}

.about>.container>a{
	text-decoration: none;
}
/* 适用范围表格 */
.scope-table-wrap {
	overflow-x: auto;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow);
	box-shadow: 0 0 5px 5px rgba(140, 167, 255, 0.1);
	border-radius: 15px;
}

.scope-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--white);
	font-size: 16px;
}

.scope-table thead th {
	background: linear-gradient(to bottom, #006eff, #204cfd);
	padding: 22px 24px;
	text-align: left;
	font-weight: 700;
	border-bottom: 2px solid var(--border);
	color: var(--white);
	font-size: 18px;
}

.scope-table thead th:first-child {
	border-radius: var(--radius-lg) 0 0 0;
}

.scope-table thead th:last-child {
	border-radius: 0 var(--radius-lg) 0 0;
}


.scope-table tbody td {
	padding: 26px 24px;
	border-bottom: 1px solid #eaf3ff;
	color: var(--text-secondary);
}

.scope-table tbody tr:last-child td {
	border-bottom: none;
}
.country-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
}

.qesnotice>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
/* 申请要点卡片 */
.info-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.info-card {
	background: linear-gradient(to bottom, #e6f1ff, #ffffff,#ffffff,#ffffff);
	border: 2px solid #ffffff;
	border-radius: var(--radius-lg);
	padding: 28px 24px;
	transition: var(--transition);
	border-radius: 15px;
	box-shadow: 0 0 5px 8px rgb(0 110 255 / 2%);
}
.info-card.user {
	background: linear-gradient(to bottom, #ffe8e2, #ffffff,#ffffff,#ffffff);
	border: 2px solid #ffffff;
	border-radius: var(--radius-lg);
	padding: 28px 24px;
	transition: var(--transition);
	border-radius: 15px;
	box-shadow: 0 0 5px 8px rgb(0 110 255 / 2%);
}

.info-card:hover {
	border-color: transparent;
}

.info-card h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0072ff;
}
.info-card.user h3{
	color: #ff4b1f;
}

.info-card ul {
	list-style: none;
	font-size: 16px;
	color: var(--text-secondary);
	margin: 40px 0;
	padding-left: 15px;
}

.info-card ul li {
	margin-bottom: 20px;
	padding-left: 24px;
	position: relative;
}

.info-card ul li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: var(--primary);
	font-weight: 700;
}
.info-card.user ul li::before{
	color: #ff4b1f;
	/* linear-gradient(to left, #ff4b1f, #ff9068); */
}

.highlight-box {
	background: linear-gradient(to bottom, #006eff, #204cfd);
	border-left: 4px solid #ffce44;
	padding: 16px 20px;
	border-radius: 0 8px 8px 0;
	margin-top: 16px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
}
.info-card.user .highlight-box {
	background: linear-gradient(to bottom, #ff9068, #ff4b1f);
	border-left: 4px solid #ffce44;
}
/* qes问答 */
.qesqu>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.faq-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq-item {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: var(--transition);
	border-radius: 15px;
}

.faq-item:hover {
    box-shadow: var(--shadow);
    border-color: transparent;
}

.faq-item.active {
    border-color: var(--primary-light);
    box-shadow: var(--shadow);
}

.faq-question {
    width: 100%;
    padding: 22px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    text-align: left;
    gap: 16px;
    transition: var(--transition);
    font-family: inherit;
}

.faq-question:hover {
    color: var(--primary);
}

.faq-icon {
    font-size: 24px;
    font-weight: 400;
    color: var(--primary);
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary-light);
    transition: var(--transition);
}

.faq-item.active .faq-icon {
    background: var(--primary);
    color: #fff;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer p {
    padding: 0 24px 20px;
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 1.8;
    margin: 0;
}

.faq-answer p strong {
    color: var(--text);
}
/* 截图网格 */
.qesimg>.title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 90px;
}
.screenshot-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 30px;
}

.screenshot-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition);
    cursor: pointer;
	border-radius: 15px;
	box-shadow: 0 0 5px 8px rgb(0 110 255 / 2%);
}

.screenshot-image:hover {
    box-shadow: var(--shadow-lg);
    border-color: transparent;
    transform: translateY(-2px);
}

.screenshot-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 1px solid var(--border);
	padding: 30px 24px 0;
}

.screenshot-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.screenshot-image:hover .screenshot-image img {
    transform: scale(1.03);
}

.screenshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(60 130 255 / 85%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.screenshot-image:hover .screenshot-overlay {
    opacity: 1;
}

.zoom-icon {
    font-size: 32px;
}

.screenshot-caption {
    padding: 20px 24px;
	background: linear-gradient(to bottom, #006eff, #204cfd);
}

.screenshot-caption h4 {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
}

.screenshot-caption p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}

.screenshot-note {
    text-align: center;
    font-size: 13px;
    color: #9aa0b0;
    margin-top: 24px;
}

/* 灯箱 */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.lightbox.active {
    display: flex;
}

.lightbox img {
    max-width: 90%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
    position: absolute;
    top: 24px;
    right: 32px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    z-index: 1001;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.lightbox-close:hover {
    opacity: 1;
}

.lightbox-prev,
.lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 48px;
    color: #fff;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    padding: 20px;
    user-select: none;
    z-index: 1001;
}

.lightbox-prev { left: 16px; }
.lightbox-next { right: 16px; }

.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: 1;
}

.lightbox-counter {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 14px;
    opacity: 0.8;
}



@media (max-width: 1199.98px) { 
	/* 免费证书特征 */
	.ability>.row>div:nth-child(odd){padding: 0 15px;}
	.ability>.row>div:nth-child(even){padding: 0 15px;}
	.ability .ability-con{text-align: center;}
	.ability .ability-con>img{margin-right: 0;}
	.ability .ability-con>img.float-left{float: none!important;}
	.ability .ability-con>.ability-font>.p2{min-height: 72px;}
	/* 免费证书流程 */
	.flowpath .flowpath-pro>.flowpath-li>img{padding: 30px 0 5px;width: 35%;}
	.flowpath .flowpath-pro>.flowpath-li>p{font-size: 24px;padding-bottom: 90px;}
	.flowpath .flowpath-pro>p{font-size: 18px;}
	.flowpath .flowpath-pro4>p{font-size: 14px;line-height: 24px;}
	/* 免费证书活动 */
	.freeactive .active-li{width: 90%;}
	/* dns */
	.details .details-all ul>li{font-size: 16px;}
	.details .details-img{width: 20%;top:-10px}
	.advant .advant-all>.advant-li>.p2{max-width: 100%;}
	.advant .advant-all>.advant-li{min-height: 140px;}
	.product>.title>.notice>p{width: 90%;}
	header #navbarTogglerheader .sliding-block{bottom: -22px!important;}
	.cloudhost>.container>.row>div>.cloud-img1{height: 36px;}
	.cloudhost>.container>.row>div>.cloud-img2{width: 90%;}
	.products>.row>div{padding: 0 15px!important;margin-bottom: 20px;}
	.bests .best-content{padding-right: 20px;padding-left: 30px;}
	.bests .best-content>.p2{margin-bottom: 50px;}
	.bests .best-link{line-height: 61px;font-size: 18px;}
	footer .container .p2{
		font-size: 24px;
	}
	footer .container .p2>img{
		width: 41px;
	}
	footer .container .footer-all .footer-li{
		padding: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	header .navbar .navbar-nav .nav-link{
		padding: 8px;
	}
	header #navbarTogglerheader>.navbar-nav>.nav-item>p{
		bottom: -55px;
	}
	footer .container .p3>img{
		width: 70%;
	}
	.tnav>.row{
		padding-left: 0;
		padding-right: 0;
	}
	.tnav>.row>.col-4{
		padding-left: 5px;
		padding-right: 5px;
	}
	.tnav>.row>div>img{
		margin-right: 5px;
		width: 40px;
		padding-top: 10px;
	}
	.tnav .text>.p2{
		font-size: 15px;
	}
	.tnav>.row{
		padding-top: 20px;
		padding-bottom: 20px;
		top: -49px;
	}
	.Iactive .container .Iactive-all .Iactive-list{
		width: 48%;
		margin-bottom: 20px;
	}
	.Iactive .container .Iactive-all .Iactive-list:nth-child(2){
		margin-left: 4%;
		margin-right: 0;
	}
	.team .team-li{
		width: 12%;
		overflow: hidden;
	}
	.team .team-li:hover{
		width: 22.85%;
	}
	.team .hovertext .p3{
		margin-bottom: 50px;
	}
	.Ibest .Ibest-li .Ibest-con{
		max-width: 300px;
	}
	.Iques .Iques-con .Iques-li .p1{
		font-size: 18px;
	}
	.invoice-img{
		width: 100%;
	}
	.refund-con .refund-way img{
		top: -55%;
	}
	.refund-con .refund-way .link{
		padding-left: 35%;
	}
	.banner-xieyi .banner-text .p1{
		margin-bottom: 1%;
		font-size: 30px;
	}
	.banner-xieyi .banner-text .p2{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 2%;
		max-width: 560px;
	}
	.sign-content .content-img>img{
		width: 100%;
	}
	.sign-function .signf .signf-img img {
		width: 100%;
	}
	.sign-function .signf .signf-txt {
		max-width: 66%;
		margin-left: 15px;
	}
	.sign-course .course-con .course-li.li-txt .p3{
		padding: 0 6px;
	}
	.sign-course .course-con .course-li.li-txt {
		padding-bottom: 10px;
	}
	.sign-course>.container>.row>div:first-child .course-con .course-li.li-img>img{
		width: 90%;
		margin-top: 105px!important;
	}
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-img>img{
		width: 90%;
		margin-top: 45px!important;
	}
	.sslus .card .card-text{
		font-size: 24px;
	}
	.Iques .Iques-con {
		padding: 0 10px 7px;
	}
	.Iques .Iques-con .Iques-li .news {
		padding-top: 15px;
		padding-left: 8px;
		max-width: 76%;
	}
	.sign-content .p3>span {
		max-width: 92%;
	}
	.freetable .table>tbody>tr>td>p.all-price {
		text-align: center!important;
	}
	.freetable .table>tbody>tr>td>p>img {
		width: 60%!important;
		padding-right: 5px;
		display: block!important;
		margin-left: 19%;
		margin-bottom: 15px;
	}
	.cloudhost>.container>.row>div>p>.banner-icon {
		top: -10%;
		left: 56%;
	}


}
@media (max-width: 991.98px) {
	/* 免费证书流程 */
	.flowpath .flowpath-pro>.flowpath-li>img{padding: 80px 0 18px;width: 35%;}
	.flowpath .flowpath-pro>.flowpath-li>p{font-size: 30px;padding-bottom: 130px;}
	/* 免费证书活动 */
	.freeactive{margin-top: 180px;}
	.freeactive .active-li{background-repeat:no-repeat;background-size: 100% 100%;top:-100px;}
	.freeactive .active-li>p{font-size: 24px;padding-bottom: 10px;}
	.freeactive .active-li>.active-img>img{width: 40%;}
	.freeactive>.container{height: 60px;}
	/* 免费证书表格 */
	.freetable>.title{padding-top: 50px;}
	/* dns */
	.details .details-all .top{font-size: 18px;padding-left: 0;}
	.details .details-all .top span{font-size: 16px;}
	.details .details-img{display: none;}
	.urlcc>.container>.float-left{margin-top: 0;}
	.advant .advant-all>.advant-li>.p1{font-size: 18px;}
	.advant .advant-all>.advant-li>.p2{font-size: 14px;}
	.advant .advant-all>.advant-li>.p1>img{display: none;}
	header #navbarTogglerheader>.form-inline>div>p>a:nth-child(1){display: unset;}
	header #navbarTogglerheader>.form-inline>div>p>a:nth-child(2){padding-left: 0;}
	header #navbarTogglerheader .sliding-block{display: none!important;}
	header #navbarTogglerheader>.navbar-nav>.nav-item:hover,header #navbarTogglerheader>.navbar-nav>.nav-item.current{background-color: #0072ff;}
	header #navbarTogglerheader>.navbar-nav>.nav-item:hover>.nav-link,header #navbarTogglerheader>.navbar-nav>.nav-item.current>.nav-link{color: #ffffff;}
	header #navbarTogglerheader>.navbar-nav>.nav-item>p{display: none!important;}
	header .bluebottom{display: none!important;}
	.freeactive .active-li>.active-img>img.animato-img{width: 9%;}
	.cloudhost>.container>.row>div>p{font-size: 14px;}
	.cloudhost>.container>.row>div>.cloud-img1{height: 26px;}
	.cloudhost>.container>.row>div>.cloud-img2{padding-top: 25%;}
	.cloudhost{padding-top: 30px;}
	.pro-zizhu .pro-zizhu-title{font-size: 18px;}
	.pro-zizhu .pro-zizhu-title>span:last-child{font-size: 14px;}
	.pro-zizhu .pro-zizhu-title>img{width: 20px;}
	.bests>.row>.col-4{
		padding-left: 0;
	}
	.bests .best-link{
		padding-left: 0;
	}
	.bests .best-link>img{
		width: 30px;
	}
	.bests .best-link{
		line-height: 50px;
	}
	.bests .best-link>span{
		padding-left: 0;
		font-size: 16px;
	}
	.bests .best-content>img{
		width: 60px;
	}
	.bests .best-content>.p1{
		font-size: 20px;
		margin-top: 20px;
	}
	.bests .best-content>.p2{
		font-size: 14px;
		margin-bottom: 30px;
	}
	.bests .best-content>a>img{
		width: 40%;
	}
	footer>.container>.row>div:nth-child(2){
		padding: 0;
	}
	footer .container .p2>img{
		width: 35px;
	}
	footer .container .p2>span{
		font-size: 20px;
	}
	footer .container .footer-all .footer-li{
		padding: 5px 10px;
		margin-bottom: 10px;
	}
	footer .container .footer-all{
		padding-top: 5px;
	}
	footer .row>div:nth-child(1){
		padding-left: 0;
	}
	footer .footer-allt .container .footer-nav>div{
		padding: 0 8px 10px;
		text-align: center;
	}
	footer .footer-nav img{
		float: unset!important;
	}
	.tnav>.row>.col-4{
		text-align: center;
	}
	.tnav .text>.p1{
		font-size: 18px;
	}
	.tnav>.row>div>img{
		float: unset!important;
		width: 25px;
	}
	.tnav>.row>div .text{
		width: 100%;
	}
	.tnav .text>.p2{
		font-size: 14px;
	}
	.tnav>.row{
		padding-top: 5px;
		padding-bottom: 5px;
		top:-35px
	}
	.banner{
		margin-top: 20px;
	}
	.Iactive .container .Iactive-all .Iactive-list {
		width: 49.6%;
	}
	.Iactive .container .Iactive-all .Iactive-list:nth-child(2){
		margin-left: .8%;
	}
	.Iactive .container .Iactive-list-blue .content .red-btn span,
	.Iactive .container .Iactive-list-blue .content .green-btn span{
		padding-left: 8px;
		padding-right: 8px;
	}
	.team .team-li{
		width: 9.5%;
		margin-right: .8%;
	}
	.team .team-li .text{
		padding-left: 15px;
		padding-right: 15px;
	}
	.team .team-li:hover{
		width: 17.14%;
	}
	.team .hovertext{
		padding: 50px 20px;
	}
	.team .hovertext a{
		padding: 8px 35px;
	}
	.Ibest .Ibest-li>img{
		left: 0;
		width: 30%;
	}
	.Ibest .Ibest-li .Ibest-con{
		max-width: 70%;
	}
	.Ibest .Ibest-li .p1{
		font-size: 20px;
	}
	.Iques .Iques-con .Iques-li .p1{
		font-size: 22px;
	}
	.Iques>.container>.row>div{
		margin-bottom: 20px;
	}

	.refund-con .refund-way img{
		top: -30%;
	}
	.refund-con .refund-way .link{
		padding-right: 0;
		padding-left: 30%;
		font-size: 18px;
	}
	.banner-xieyi .banner-text .p1{
		margin-bottom: .5%;
		font-size: 24px;
	}
	.banner-xieyi .banner-text .p2{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 1%;
		max-width: 60%;
	}
	.Aproduct .container .row>div{
		padding: 0 10px;
	}
	.Aproduct .Apro p{
		font-size: 20px;
	}
	.sign-function .signf .signf-txt {
        max-width: 95%;
        margin-left: 0px;
    }
	.sign-function .signf .signf-img{
		width: 100%;
		text-align: center;
	}
	.sign-function .signf .signf-img img {
        width: 35%;
    }
	.sign-course .course-con .course-li>.p1{
		background-size: auto 100%;
	}
	.sign-course .course-con .course-li.li-txt .p2{
		margin: 0 4px;
	}
	.sign-course .course-con .course-li.li-txt .p2.margin2{
		margin-top: 0;
	}
	.sign-course>.container>.row>div:first-child .course-con .course-li.li-img>img {
        margin-top: 5px !important;
    }
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-img>img{
		margin-top: 0px!important;
	}
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-arrow>img{
		width: 14.5%;
	}
	.sign-course .course-con .course-li.li-img {
		min-height: 44px;
	}
	.sign-course .course-con .course-li.li-txt {
        padding-bottom: 0px;
    }
	.sign-trast .container>.row>img{
		width: 20%;
	}
	.sslus .card .card-text {
        font-size: 20px;
    }
	.Iactive .container.Isslzs .Iactive-list-blue .content .con-ul .con-li .p1 span {
		width: 77%;
	}
	.sign-content .p3>span {
		max-width: 89%;
	}
	.cloudhost>.container>.row>div>p>.banner-icon {
		position: unset;
		width: 69%;
	}

}

@media (max-width:767.98px) {
	.container>.title>img,
	.container-fluid>.title>img{
		width: 80%;
	}
	.freeactive .active-li>p{font-size: 18px;}
	.details .details-all ul{padding: 20px 18px 15px 20px;}
	.details .details-all .top{padding: 15px 0;}
	.cdnflow>.row>div:nth-child(odd) p{font-size: 20px;}
	.urlcc>.container>.float-left{width: 100%;max-width: 100%;}
	.urlcc>.container>.float-left>p.p1{margin-bottom: 0;}
	.urlcc>.container>.float-left>p.p2{margin-bottom: 10px;}
	.urlcc>.container>.float-left>p.p3{line-height: 16px;margin-bottom: 15px;}
	.urlcc>.container>.float-right {width: 100%;}
	.advant .advant-all>.advant-li{min-height: 208px;}
	.cloudhost>.container>.row>div:last-child{display: none;}
	.cloudhost>.container>.row>div:first-child{width: 100%;max-width: 100%;flex: 0 0 100%;}
	.cloudhost>.container>.row>div>.cloud-img1{height: 30px;}
	.pro-zizhu .pro-zizhu-title{text-align: center;}
	.bests .best-link>span{
		line-height: 30px;
		text-align: left;
	}
	.bests .best-link>img{
		width: 5px;
	}
	.bests .best-link>span{
		width: 94%;
	}
	.bests .best-content>.p1{
		font-size: 16px;
	}
	.bests .best-content>a>img{
		width: 60%;
	}
	footer .container .p2{
		text-align: center;
	}
	footer .footer-nav .text{
		float: unset!important;
	}
	footer .footer-nav .text .p5{
		display: none;
	}
	.Iactive>.Ititle>.p1{
		font-size: 22px;
		padding: 17px 0 10px;
		line-height: 22px;
	}
	.Iactive>.Ititle{
		padding: 0 15px;
	}
	.Iactive>.Ititle>.p2{
		line-height: 20px;
		padding-bottom: 17px;
	}
	.Iactive .nav-pills .nav-link {
		font-size: 18px;
	}
	.Iactive .container{
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.Iactive .container .Iactive-all .Iactive-list:nth-child(2){
		margin: 0;
	}
	.Iactive .container .Iactive-all .Iactive-list{
		width: 100%;
	}
	.Iactive .container .Iactive-list-blue .content .green-btn,
	.Iactive .container .Iactive-list-blue .content .red-btn{
		display: none;
	}
	.container.team>.title {
		padding-top: 20px;
	}
	.team .team-ul{
		display: none;
	}
	.team .team-phone{
		display: block;
	}
	.Ibest .Ibest-li{
		margin-bottom: 25px;
	}
	.Ibest .Ibest-li .Ibest-con{
		width: 100%;
		padding-top: 100px;
		max-width: 100%;
	}
	.Ibest .Ibest-li>img{
		left:10% ;
		top: 4%;
	}
	.Ibest>.row{margin-top: 50px;}
	.refund-con .refund-way{
		width: 45%;
	}
	.banner-xieyi>img{
		display: none;
	}
	.banner-xieyi{
		position: unset;
		margin-top: 85px;
		text-align: center;
		background: url('/images/banner-bg.png') top center no-repeat;
		background-size: cover;
		padding: 20px 8px;
	}
	.banner-xieyi .container{
		position: unset;
	}
	.banner-xieyi .banner-text .p2{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 1%;
		max-width: 100%;
	}
	.Aproduct .container .row>div{
		padding: 0 5px;
	}
	.Aproduct .Apro p{
		font-size: 18px;
	}
	.sign-function .signf .signf-txt {
		width: 100%;
        max-width: 100%;
		text-align: center;
		margin-top: 16px;
    }
	.sign-course .course-con .course-li.li-arrow{
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.sign-course .course-con .course-li.li-arrow>img{
		width: 12%;
	}
	.sign-course>.container>.row>div:first-child .course-con .course-li.li-img>img {
        width: 60%;
    }
	.sign-course .container>.row>div{
		margin-bottom: 25px;
	}
	.sign-course>.container>img {
		width: 100%;
		position: absolute;
		bottom: -26%;
		left: -2%;
	}
	.sign-course{
		margin-bottom: 140px;
	}
	.sign-trast .trast{
		width: 100%;
	}
	.sign-trast .trast.trast-bg{
		margin-left: 0;
		margin-top: 48px;
	}
	.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p3{
		font-size: 30px;
	}
	.sslus .card .card-text{
		font-size: 30px;
		text-align: center;
	}
	.sslus .card{
		margin-bottom: 30px;
	}
	.Iques .Iques-con .Iques-li .news{
		max-width: 100%;
	}
	.sign-content .p3>span {
		max-width: 93%;
	}
	.ability>.row>div:nth-child(even) {
		padding: 0 4px;
	}
	.ability .ability-con {
		margin-bottom: 20px;
	}
	.flowpath .flowpath-pro>.flowpath-li>img {
		padding: 55px 0 0px;
	}
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-img>img{
		margin-top: 0px!important;
		width: 30%!important;
	}
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-arrow>img{
		width: 8%;
	}
	/* qes效果展示 */
	.screenshot-grid {
        grid-template-columns: 1fr;
    }
    
    .lightbox-prev,
    .lightbox-next {
        font-size: 32px;
        padding: 12px;
    }
	.info-card{
		margin-bottom: 25px;
	}
	

}
@media (max-width: 575.98px) { 
	/* 免费证书特征 */
	.ability .ability-con>img{width: 50%;}
	.freessl{padding: 30px 0;}
	.ability>.title, .flowpath>.title{padding: 30px 0 20px;}
	.ability .ability-con>.ability-font>.p1{font-size: 20px;font-weight: bold;}
	.ability .ability-con>.ability-font>.p2{font-size: 12px;}
	.ability .ability-con{padding: 5px;}
	/* 免费证书流程 */
	.flowpath .flowpath-pro{padding-top: 20px;}
	.flowpath .flowpath-pro>.flowpath-li>img{padding: 30px 0 5px;width: 35%;}
	.flowpath .flowpath-pro>.flowpath-li>p{font-size: 20px;padding-bottom: 48px;line-height: 26px;}
	.flowpath .flowpath-pro>p{font-size: 18px;}
	.flowpath .flowpath-pro4>p{font-size: 14px;line-height: 20px;}
	/* 免费证书活动 */
	.freeactive .active-li>p{font-size: 16px;line-height: 22px;padding-top: 15px;font-weight: bold;padding-bottom: 0;min-height: 59px;}
	.freeactive .active-li>.active-img>img{width: 55%;}
	.freeactive .active-li>.active-img{text-align: center;padding-right: 0;padding-bottom: 10px;}
	.freeactive .active-li{top:-70px;left: 20px;}
	.freeactive .active-li2{left: 0;right: 20px;}
	/* dns */
	.cdnflow>.row{padding: 0 15px;}
	.cdnflow>.row>div:nth-child(odd) p{font-size: 16px;}
	.cdnflow>.title{padding: 40px 0;}
	.advant .advant-all>.advant-li>.p2{display: none;}
	.advant .advant-all>.advant-li{min-height: 40px;}
	.advant .advant-all>img{width: 80%;margin-left: 10%;}
	.container.advant{margin-bottom: 0px!important;}
	.product>.title>.notice>p{width: 85%;font-size: 16px;}
	.product>.title>.notice{background: #fd2502!important;}
	.product>.row{margin-top: 20px;}
	.product>.row>div>img{left: 20px;}
	.vertic>.container>.row{padding: 0 20px;}
	.vertic>.container>.row>.col-4>.title>p.p1{font-size: 20px;}
	.vertic>.container>.row>.col-4>.title{text-align: center;}
	.product>.title{padding-top: 40px;}
	.freeactive .active-li>.active-img>img.animato-img{width: 13.5%;right: 23.8%;}
	.cloudhost>.container>.row>div>.cloud-img1{height: 18px;}
	.products>.row{margin-right: 0;margin-left: 0;}
	.products>.row .pros-white>img{right: 10px;}
	.products>.row>div{padding: 0 10px!important;}
	footer .row>div:nth-child(1){
		text-align: center;
	}
	footer .container .footer-all{
		padding: 4% 6%;
	}
	footer .container .footer-all .footer-li{
		min-width: 153px;
	}
	.about{
		background-size:auto 100%;
	}
	.footer-allt>.container>.row{
		margin-left: 0;
		margin-right: 0;
	}
	footer .footer-allt .container .footer-nav>div{
		padding: 0 0 10px;
	}
	footer .bottom a{
		margin-right: 0;
	}
	footer .bottom a img{
		margin-right: 0;
		width: 5px;
		height: 5px;
	}
	footer .bottom{
		margin-top: 0;
	}
	footer .footer-allt{
		margin-bottom: 40px;
	}
	.banner{
		margin-top: 70px;
	}
	
	.tnav>.row{
		margin-left: 0;
		margin-right: 0;
		top:-15px
	}
	.tnav .text>.p2{
		display: none;
	}
	.Iactive .container.Iyiti .Iactive-list-blue .content .con-ul .con-li .p1 span{
		font-size: 16px;
	}
	.Iactive .container .Iactive-list-blue .content .con-ul{
		padding-bottom: 0;
	}
	.Ibest .Ibest-li .p2{
		display: none;
	}
	.Ibest .Ibest-li>img{
		left: 34%;
		top: 8%;
	}
	.Ibest .Ibest-li .Ibest-con{
		padding-top: 60px;
	}
	.Iques .Iques-con{
		padding: 0 2px 17px;
	}
	.Iques .Iques-con .Iques-li .date p,
	.Iques .Iques-con .Iques-li .p2{
		font-size: 14px;
	}
	.Iques .Iques-con .Iques-li .p1{
		font-size: 16px;
		font-weight: bold;
	}
	.refund-con .refund-way{
		border-radius: 10px;
	}
	.refund-con .refund-way .link{
		font-size: 16px;
		padding-left: 1%;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.refund-con .refund-way img{
		opacity: .4;
	}
	.Iactive{
		margin-top: 120px;
	}
	#Zabout .swiper-container{
		margin-bottom: 40px;
	}
	.Aproduct .container>.title{
		padding-top: 60px;
	}
	.Aproduct .container .row{
		margin-top: 30px;
	}
	.container .row, .container-fluid .row{
		padding: 0 15px;
	}
	.Aproduct .Apro{
		margin-bottom: 20px;
	}
	.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p1{
		font-size: 18px;
	}
	.sign-trast .trast.trast-bg2 .trast2 .trast-ev{
		padding: 18px 8px;
	}
	.sign-trast .trast .trast-title{
		font-size: 20px;
	}
	.sign-trast .trast.trast-bg2 .trast-title{
		text-align: left;
	}
	.sign-trast .trast .trast2 img,.sign-trast .trast.trast-bg2 .trast2{
		padding: 8px;
	}
	.sign-content .p3>span{
		max-width: 87%;
	}
	.Iques .Iques-con .Iques-li .date {
		padding: 21px 0px;
	}.Iques .Iques-con .Iques-li .news{
		max-width: 77%;
	}
	.sign-function .signf .signf-txt .p1{
		font-size: 18px;
	}
	.sign-function .signf {
		padding: 16px 10px;
		margin-bottom: 30px;
	}
	.sign-course>.title,.sign-course>.title {
		padding-top: 20px;
	}
	.ability .ability-con>.ability-font>.p2 {
		min-height: 96px;
	}
	.ability>.row>div:nth-child(odd) {
		padding: 0 10px;
	}
	.ability>.row>div:nth-child(even) {
		padding: 0 10px;
	}
	.flowpath .flowpath-pro>p {
		font-size: 14px;
		line-height: 20px;
	}
	.flowpath .flowpath-pro{
		padding-left: 0;
		padding-right: 0;
	}
	.flowpath .flowpath-pro>.flowpath-li {
		background-size: 90% auto;
	}
	.freeactive {
		margin-top: 100px;
	}
	.cloudhost>.container>.row>div>p>span{
		font-size: 22px;
	}
	.cloudhost>.container>.row>div>h3{
		padding-left: 0;
	}
	.cloudhost>.container>.row>div>p>.banner-icon{
		width: 100%;
	}
	.sign-course.qes>.container>.row>div:first-child .course-con .course-li.li-arrow>img{
		width: 12%;
	}
}