*{box-sizing: border-box;}
html{font-size:0.32rem;}
body{margin:0;max-width:750px;min-height:100%;min-width:320px;margin:0 auto;color:#333;-webkit-overflow-scrolling:touch;font-size:0.32rem;background: #333;min-height: 100%;position: relative;}
:focus{outline:0}
ul{padding:0;margin:0;}
li{padding:0px;margin:0px;list-style-type:none;}
h1,h2,h3,h4,p{margin:0;padding:0;}
img{border:0;}
a{color:#333;text-decoration: none;}
a:hover{color:#f34540;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
a,img,button,input,textarea{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	tap-highlight-color:rgba(255,255,255,0);
}

body{background: #333;}


.app{background: #f5f5f5;padding-bottom: 1.1rem;}


.banner img{
	width: 100%;
	display: block;
}
.banner .swiper-pagination-bullet{
	width: 20px;
	height: 4px;
	background: #fff;
	border-radius: 999999px;
}
.banner .swiper-pagination-bullet-active{
	background: #f5543e;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/
.youshi-container{
	background: #fff;
	/*box-shadow: 0 0 10px 0 rgba(0,0,0,.16);*/
	margin: .2rem;
	border-radius: 8px;
	position: relative;
	z-index: 1;
	padding: .2rem 0 .4rem;
}
.youshi-content{
	display: flex;
	justify-content: space-between;
}
.youshi-content .item{
	margin: 0 .1rem;
	width: 33%;
}
.youshi-content .item img{
	width: 1.2rem;
	height: 1.2rem;
	display: block;
	margin: 0 auto;
}
.youshi-content .item h2{
	font-size: .28rem;
	text-align: center;
	color: #393c4d;
}
.youshi-content .item p{
	font-size: .24rem;
	color: #393c4d;
	text-align: center;
	opacity: .7;
}

.youshi-btn{
	margin-top: .4rem;
}
.youshi-btn a{
	display: block;
	background: #1774ff;
	margin:0 .6rem;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	font-size: .32rem;
	color: #fff;
	border-radius: 4px;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.ser-container{
	padding: 0rem .2rem 0;
}
.ser-container .ser-hd{
	font-size: .32rem;
	font-weight: bold;
}
.ser-content{

}
.ser-content .item{
	background: #fff;
	border-radius: 8px;
	min-height: 2rem;
	margin: .2rem 0;
	display: flex;
	align-items: center;
	padding: .3rem .2rem;
}
.ser-content .item img{
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	margin-right: .24rem;
}
.ser-content .item .info{
	flex: 1;
}
.ser-content .item .info h3{
	font-size: .34rem;
	color: #393c4d;
}
.ser-content .item .info p{
	font-size: .28rem;
	margin-top: .1rem;
	color: #393c4d;
	opacity: .7;
}
.ser-content .item .btn{
	margin-left: .1rem;
	display: flex;
	align-items: center;
	width: 1.6rem;
	border-radius: 9999px;
	background:#1774ff;
	color: #fff;
	font-size: .28rem;
	text-align: center;
	line-height: 2.2;

}
.ser-content .item .btn span{
	flex: 1;	
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.case-container{
	padding: .1rem .2rem 0;
}
.case-hd{

}
.case-hd h2{
	/*font-weight: normal;*/
	font-size: .4rem;
	color: #10131f;
	text-align: center;
}
.case-hd p{
	font-size: .28rem;
	color: #10131f;
	opacity: .7;
	text-align: center;
}
.case-content{
	background: #fff;
	border-radius: 8px;
	padding: .2rem 0 .2rem 0;
	margin-top: .3rem;
	position: relative;
}
.case-content img{
	width: 100%;
	display: block;
}

#case_swiper{
	/*padding: 0 0 .4rem;*/
}
#case_swiper #case-pagination{
	bottom: 0;
}
#case_swiper .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	border-radius: 99999px;
}
#case_swiper .swiper-pagination-bullet-active{
	background: #f5543e;
}
/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.step-container{
	margin-top: .3rem;
	background: #fff;
	padding: .3rem .3rem .3rem .3rem;
	display: flex;
	justify-content: space-between;
}

.step-item{
	/*width: 33.333%;*/
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.step-item img{
	display: block;
	width: .80rem;
	height: .80rem;
	margin-right: .1rem;
}
.step-item .info{
	flex: 1;
}
.step-item .info h3{
	font-size: .26rem;
	color: #393c4d;
	font-weight: normal;
	opacity: .7;
}
.step-item .info p{
	font-size: .26rem;
	color: #393c4d;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.start-container{
	padding: .1rem .2rem .3rem .2rem;
}
.start-content{	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.start-item{
	width: 3.45rem;
	box-sizing: border-box;
	padding: .3rem;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(0,76,143,.1);
	margin-top: .2rem;
}
.start-item img{
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto;
}
.start-item h3{
	margin-top: .1rem;
	margin-bottom: .15rem;
	font-size: .28rem;
	font-weight: bold;
	color: #393c4d;
	font-weight: bold;
	text-align: center;
}
.start-item p{
	opacity: .7;
	font-size: .26rem;
	color: #393c4d;
	margin-bottom: .2rem;
	text-align: justify;
	line-height: 1.4;
}
.start-item .btn{
	display: block;
	margin: 0 auto;
	width: 2.2rem;
	height: .60rem;
	line-height: .60rem;
	font-size: .24rem;
	background: #1577fe;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

/**
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
**/

.vs-container{
	padding: .4rem .2rem 0;
}
.vs-hd{

}
.vs-hd h2{
	/*font-weight: normal;*/
	font-size: .4rem;
	color: #10131f;
	text-align: center;
}
.vs-hd p{
	font-size: .28rem;
	color: #10131f;
	opacity: .7;
	text-align: center;
}
.vs-content{
	display: flex;
	justify-content: space-between;
	margin-top: .3rem;
}
.vs-box{
	width: 3.45rem;
}
.vs-box .hd{
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .32rem;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;	
}
.vs-box .bd{
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0 6px 10px 0 rgba(0,76,143,.1);
}
.vs-list{
	padding: .2rem;
}
.vs-list li{
	line-height: .52rem;
	font-size: .24rem;
}
.vs-status{
	padding: .2rem 0;
}
.vs-status img{
	display: block;
	margin: 0 auto;
	width: 1.3rem;
	height: 1rem;
}

.vs-self .hd{
	color: #fff;
	background: #1774ff;
}
.vs-other .hd{
	color: #fff;
	background: #b3b3b3;
}
.vs-icon{
	width: .6rem;
}
.vs-icon img{
	display: block;
	width: .8rem;
	margin: .5rem auto 0;
}

.vs-btn .btn{
	display: block;
	margin: 0 auto;
	height: .88rem;
	line-height: .88rem;
	background: #1774ff;
	border-radius: 4px;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	margin: .3rem .5rem 0;
}
.vs-btn .btn:hover{
	opacity: .8;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.question-container{
	padding: 0 .3rem 0;
}
.question-content{
	background: #fff;
	border-radius: 8px;
	margin-top: .3rem;
	position: relative;
}
.question-content .item{
	border-bottom: 1px solid #f7f7f7;
	padding: .2rem;
	display: flex;
	align-items: center;
}
.question-content .item .info{
	flex: 1;
}
.question-content .item .info h3{
	/*font-weight: normal;*/
	font-weight: normal;
	font-size: .28rem;
}
.question-content .item .info p{
	font-size: .24rem;
	color: #393c4d;
	opacity: .7;
}
.question-content .item .btn{
	margin-left: .2rem;
}
.question-content .item .btn a{
	display: block;
	width: 1.5rem;
	height: .60rem;
	line-height: .60rem;
	font-size: .24rem;
	background: #19a9f1;
	text-align: center;
	color: #fff;
	border-radius: 2px;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.footer{
	background: #1774ff;
	height: 1rem;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	display: flex;
	align-items: center;
}

.footer a{
	flex: 1;
	display: block;
	color: #fff;
	font-size: .36rem;
	text-align: center;
}


/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.copyright{
	font-size: .20rem;
	text-align: center;
	color: #000;
	opacity: .5;
	margin:0 .2rem .2rem .2rem;
	line-height: 1.6;
}

/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.loader {
    /*width: 20em;
    height: 20em;*/
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader .face {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate 3s linear infinite;
}

.loader .face:nth-child(1) {
    color: gold;
    border-color: currentColor transparent transparent currentColor;
    border-width: 0.2em 0.2em 0em 0em;
    --deg: -45deg;
    animation-direction: normal;
}

.loader .face:nth-child(2) {
    color: lime;
    border-color: currentColor currentColor transparent transparent;
    border-width: 0.2em 0em 0em 0.2em;
    --deg: -135deg;
    animation-direction: reverse;
}

.loader .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}

.loader .face .circle::before {
    /*position: absolute;
    top: -0.5em;
    right: -0.5em;
    content: '';
    width: 1em;
    height: 1em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 2em,
                0 0 4em,
                0 0 6em,
                0 0 8em,
                0 0 10em,
                0 0 0 0.5em rgba(255, 255, 0, 0.1);*/
    position: absolute;
    top: -4px;
    right: -4px;
    content: '';
    width: 5px;
    height: 5px;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 2em,
                0 0 4em,
                0 0 6em,
                0 0 8em,
                0 0 10em,
                0 0 0 0.5em rgba(255, 255, 0, 0.1);
}
@keyframes animate {
    to {
        transform: rotate(1turn);
    }
}
/*=====================================================================*/


@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}


/*
==============================================================================
=================================版权声明=====================================
我司网站的所有网页内容、网站风格、网页设计、版面结构、客户案例、网站原创的所有内容（包括但网站文字、图片、案例、标志、标识、广告、商标、版面结构、域名、软件、程序、版面设计、网站原创内容等），已申请我国相关法律关著作权、商标权、专利权或其他财产所有权法律的保护。
未经我司明确书面授权，任何人不得复制、抄袭、模仿等，我司对于同行业的侵权行为将保持零容忍，保留依法追责和索赔的权利，同时我司也将采集固定相关证据并通知法律顾问移交法律部门，希望抄袭公司遵守行业道德，停止一切侵害我司和客户的侵权行为想法。在此，我司郑重提醒广大客户和朋友，在辨别企业品牌实力上擦亮双眼，防止被惯于抄袭的企业蒙骗。
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
连网站都照搬抄袭的个人或企业，如何取信于客户？
请同行自重！
==============================================================================
==============================================================================
*/

.popup{
	display: none;
}
.popup .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 1000;}
.popup .popup_body{position: fixed;top:50%;left:50%;width:90%;max-width:6.4rem;transform:translate(-50%, -50%);transition:0.3s;z-index:1001;box-shadow: 0 0 20px 0 rgba(0,0,0,.4);border-radius: 6px;background: #fff;}
.popup_content{
	box-sizing: border-box;
	position: relative;
	padding: .6rem .3rem;
}
.popup_content .hd{
	display: flex;
	align-items: center;
	justify-content:center;	
}
.popup_content .hd img{
	display: block;
	width: .44rem;
	height: .44rem;
	margin-right: .1rem;
}
.popup_content .hd h3{
	font-size: .36rem;
	font-weight: 400;
	color: #565656;
}

.popup_content .bd{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: .3rem;
}

.popup_content .bd .qrcode{
	border:1px solid #eee;
	width: 2.3rem;
	height: 2.3rem;
	overflow: hidden;
}
.popup_content .qrcode img{
	width: 100%;
	display: block;
}

.popup_content .bd .scan{
	height: 2.3rem;
	margin-left: .3rem;
}
.popup_content .bd .scan img{
	display: block;
	height: 2.3rem;
	width: auto;
}

.popup_content .tips{
	display: flex;
	align-items: center;
	justify-content:center;
	line-height: .8rem;
	height: .8rem;
	/*margin-top: .2rem;*/
	font-size: .26rem;
	color: #565656;	
}
.popup_content .tips span{
	display: none;
}

.popup_content .btngroup{
	display: flex;
	justify-content: center;
	align-items: center;
	/*margin-top: .3rem;*/
}
.popup_content .btngroup a{
	display: block;
	width: 2.4rem;
	height: .8rem;
	line-height: .8rem;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	border-radius: 4px;

	position: relative;
	outline: 0;
	cursor: pointer;
	overflow: hidden;
	transition: background-color .25s;
}
.popup_content .btngroup a:hover {
	/*background-color: #276aac;*/
}
.popup_content .btngroup a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: radial-gradient(circle, #ff6600 10%, transparent 10.1%);
	transform: scale(10);
	opacity: 0;
	transition: all .6s;
}
.popup_content .btngroup a:active::after {
	transform: scale(0);
	opacity: 1;
	transition: 0s;
}

.popup_content .btngroup a+a{
	margin-left: .3rem;
}
.popup_content .btngroup a.weixin{
	background: #1aad19;
}
.popup_content .btngroup a.tel{
	background: #1774ff;
}


.popup_content .closebtn{width: .4rem;height: .4rem;background: url("../image/popup_close.png") 0 0 no-repeat;background-size: .4rem .4rem;display: block;top:.3rem;right: .3rem;position: absolute;}


{/**pc*/}
@media (min-width: 767px) {
  .footer { width: 750px; bottom: 0; left: 50%; margin-left: -375px;}
}