.accordion{overflow:hidden;padding-bottom:40px;}
.accordion .container{position:relative;max-height:100px;transition:.35s ease;}
.accordion .x-btn{position:relative;top:0;left:calc(50% + 265px);-webkit-transition:0s linear;transition:0s linear;}
.accordion .section-content{overflow:hidden;margin-top:-75px;width:50%;}
.accordion.odd .x-btn{left:auto;}
.accordion.odd .section-content{position:relative;left:25%;}
.accordion.active-acc{overflow:visible;}
.accordion.active-acc .x-btn{position:sticky;top:150px;transition:0s linear;}
ul.domain_name{margin:0;padding:0;}
ul.domain_name li{position:relative;float:left;margin-bottom:20px;padding-left:30px;width:25%;color:#333;text-transform:uppercase;font-weight:400;font-size:16px;line-height:1;}
ul.domain_name li:before{position:absolute;top:50%;left:15px;display:block;content:'+';line-height:1;transform:translateY(-50%);}
ul.domain_name li:before{position:absolute;top:50%;left:15px;display:block;content:'+';line-height:1;transform:translateY(-50%);}




/*媒体查询--------------------------------------------------------------*/
@media only screen and (max-width:1650px){
	.accordion .x-btn{left:calc(50% + 192px);}
}
/*----------------------------------------------------------------------*/
@media (max-width:768px){
	.accordion .section-content{width:75%!important;}
	.accordion .container{max-height:60px;}
	.accordion .container h3{margin:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #333;font-weight:800;line-height:26px;}

	.accordion .x-btn{left:100%;width:50px;height:50px;transform:translateX(calc(-100% - 5px));}
	.accordion .x-btn span{width:50px;height:50px;}
	.accordion .x-btn span::before{width:22px;}
	.accordion .x-btn span::after{height:22px;}
	.accordion.active-acc .x-btn{transform:translateX(-5px);}
}
/*----------------------------------------------------------------------*/
@media (max-width:568px){
	.accordion{margin-bottom:50px;}
	ul.domain_name li{width:33.3333%;}
}






