.coupontool-box*{
	padding:0;
	margin:0;	
}

/*弹窗*/
.coupontool-box{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:989000;
}

.coupontool-box .bg{
	opacity:0.7;
	background:#000;
	z-index:9;
}
.coupontool-box .bg,
.coupontool-box .content{
	position:absolute; 
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.coupontool-box .content{
	display: flex;
    align-items: center;
    justify-content: center;
	z-index:10;
}
#coupontool{
	max-width:400px;
	width:90%;
	height:auto;
	background-repeat:round;
	background-size:contain;
	padding:30px 25px 20px;
	box-sizing:border-box;
	border-radius:4px;
	position:relative;
}
#coupontool .close-btn{
	position:absolute;
	right:5px;
	top:5px;
	height:25px;
	width:25px;
	border-radius:50%;
	border:2px solid #fff;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor:pointer;
	box-sizing:border-box;
}
#coupontool .close-btn svg{
	height:11px;
	width:11px;
	fill:#fff;
}
#coupontool .head{
	color:#fff;
	text-align:center;
}
#coupontool .head h3{
	font-size:16px;
	line-height:30px;
	margin-bottom:15px;
    word-wrap: break-word;
}
#coupontool .head p{
	font-size:14px;
	line-height:18px;
	margin-bottom:15px;
}
#coupontool .con .text{
	margin-bottom:20px;
	border-radius:5px;
	border:1px solid #414247;
	width:100%;
	padding:15px 25px 10px;
	background:#27282d;
	position:relative;
	box-sizing:border-box;
	color:#fff;
	display: flex;
}
#coupontool .con .text .svg,
#coupontool .con .text .con-txt,
#coupontool .con .text .price{
	display:inline-block;
}
#coupontool .con .text .svg svg{
	height:35px;
	width:35px;
	fill:#fff;
}
#coupontool .con .text .con-txt{
	padding:0 15px;
}
#coupontool .con .text .con-txt h5{
	font-size:14px;
	line-height:30px;
	font-weight:500;
}
#coupontool .con .text .con-txt p{
	color:#666;
	font-size:12px;
	line-height:30px;
}
#coupontool .con .text .jt{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width: 80px;
    justify-content: center;
	display: flex;
    align-items: center;
}
#coupontool .con .text .jt svg{
	fill:#fff;
	width:25px;
	height:25px;
}


#coupontool.coupontool_1{
	padding:20px 25px 0px;
}
#coupontool.coupontool_1,
#coupontool.coupontool_1 .con .text{
	background:#fff;
}
#coupontool.coupontool_1 .con .text .con-txt h5{
	color:#000;
}

#coupontool.coupontool_1 .con .text .svg svg,
#coupontool.coupontool_1 .con .text .jt svg{
	fill:#000;
}
#coupontool.coupontool_1 .head,
#coupontool.coupontool_1 .con .text{
	color:#333;
}
#coupontool.coupontool_1 .con .text{
	border-color:#dadada;
	box-shadow:0px 0px 8px #dadada;
}

#coupontool.coupontool_1 .close-btn{
	border-color:#000;
}
#coupontool.coupontool_1 .close-btn svg{
	fill:#000;
}
/*模板2*/
#coupontool.coupontool_2{
	background-image:url(../image/coupontool_2.png?v=3);
}

/*模板3*/
#coupontool.coupontool_3{
	background-image:url(../image/coupontool_3.png?v=3);
}
#coupontool.coupontool_3 .con .text{
	background:#cb7f21;
}
#coupontool.coupontool_3 .con .text:last-child{
	margin-bottom:0
}
#coupontool.coupontool_3 .con .text .con-txt p{
	color:#fff;
}
#coupontool.coupontool_3 .con .text{
	border:none;
}
#coupontool.coupontool_3 .con .text .jt svg{
	fill:#fff;
}

/*模板4*/
#coupontool.coupontool_4{
	background-image:url(../image/coupontool_4.png?v=3);
}
#coupontool.coupontool_4 .con .text{
	background:#de4110;
}
#coupontool.coupontool_4 .con .text .con-txt p{
	color:#fff;
}
#coupontool.coupontool_4 .con .text{
	border:none;
}
#coupontool.coupontool_4 .con .text .jt svg{
	fill:#fff;
}

/*模板5*/
#coupontool.coupontool_5{
	background-image:url(../image/coupontool_5.png?v=3);
}
#coupontool.coupontool_5 .con .text{
	background:#fff0f3;
}
#coupontool.coupontool_5 .con .text .svg svg{
	fill:#ea4e6a;
}
#coupontool.coupontool_5 .con .text .con-txt h5{
	color:#000;
}
#coupontool.coupontool_5 .con .text,
#coupontool.coupontool_5 .con .text .con-txt p{
	color:#333;
}
#coupontool.coupontool_5 .con .text .jt svg{
	fill:#333;
}
#coupontool.coupontool_5 .con .text{
	border:none;
	border-radius:0;
}

/*模板6*/
#coupontool.coupontool_6{
	background-image:url(../image/coupontool_6.png?v=3);
}
#coupontool.coupontool_6 .con .text{
	background:#d5941c;
}
#coupontool.coupontool_6 .con .text .con-txt p{
	color:#fff;
}
#coupontool.coupontool_6 .con .text{
	border:1px dashed #fff;
}
#coupontool.coupontool_6 .con .text .jt svg{
	fill:#fff;
}

/*前台按钮*/
.ct-float{
	position:fixed;
	bottom:20px;
	z-index:50080;	
}
.ct-float .ct-btn{
	height:50px;
	width:50px;
	border-radius:50%;
	background:#fff;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
	box-shadow:0 0 8px #dadada;
	position:relative;
}
.ct-float .ct-btn span{
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
.ct-float .ct-btn i{
	height:30px;
	width:30px;
	display:block;
}
.ct-float .ct-btn i.ct-btn-ico1{
	background:url("data:image/svg+xml;base64,PHN2ZyB0PSIxNTY5NTcwMDA0Mjc5IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTIxNzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwcHgiIHdpZHRoPSIzMHB4Ij48cGF0aCBkPSJNMTYuNDY2IDQ4OC4yMzhoNDYzLjk3bDAuMjU1LTIwOC4yMmg3MS4yODZsLTAuMjY2IDIwOC4yMmg0NjMuOTY5VjM0NS40MjZjMC0zOS4zNTItMzEuOTIzLTcxLjAzLTcxLjI3LTcxLjAzaC01MC4wOGMzMS40MjctMzAuOTE0IDUxLjM1LTcxLjU0MiA1MS4zNS0xMjEuNjE1IDAtNjEuNTY4LTM1LjUxMy0xMjguNTEyLTEzNS4xNTgtMTI4LjUxMi0xMzEuMDUyIDAtMjQwLjY2IDEzOC45ODctMjkyLjI3IDIxNi45MDlDNDY2LjYzNyAxNjMuMjYgMzUzLjcxNSAyNC4yNzkgMjIyLjY0MyAyNC4yNzljLTk5LjYzNSAwLTEzNS4xNTIgNjYuNjc4LTEzNS4xNTIgMTI4LjUwNyAwIDQ5LjgxOCAyMC40MzkgOTAuNyA1Mi42MzMgMTIxLjYxSDg4LjAwOGMtMzkuMzQ4IDAtNzEuMjgxIDMxLjY3OC03MS4yODEgNzEuMDNNODEwLjUyMiA5NS41NTVjNDQuMjA2IDAgNjMuODgyIDE4LjM5NiA2My44ODIgNTcuNDg3IDAgNzguOTUtODguNDAyIDEyMS42MS0xNzEuNjkgMTIxLjYxSDU4MS44NjljNTAuNTg1LTc1LjM2NiAxNDAuMDExLTE3OS4wOTcgMjI4LjY1NC0xNzkuMDk3ek0zMzQuMDM5IDI3NC4zOTZjLTgzLjI4NyAwLTE3NS4wMDctNDMuNjg5LTE3NS4wMDctMTIyLjYzNCAwLTM4LjgzIDE5LjY3MS01Ni4yMDcgNjMuODc3LTU2LjIwNyA4OC45MSAwIDE4MS4zOTcgMTAzLjcyNiAyMzIuMjMzIDE3OC44MzZIMzM0LjA0djAuMDA1ek0xNjAuMDQ2IDU1OS4yNzNIODguNzcxdjM5MC4zODVjMCAzOS4zNDcgMzEuOTM4IDcxLjAyIDcxLjI4IDcxLjAyaDMyMC42MzV2LTQ2MS40MWgtMzIwLjYzbC0wLjAxIDAuMDA1eiBtMzg5Ljg3OCA0NjEuMTU4aDMyMy43MTJjMzkuMzQyIDAgNzEuMjgtMzEuNjc3IDcxLjI4LTcxLjAyNFY1NTkuMjczSDU1MS45NzdsLTIuMDUzIDQ2MS4xNTh6TTQ4MC40MzUgMTAyNGg2OS40ODl2LTMuMzE4aC02OS40ODlWMTAyNHoiIHAtaWQ9IjEyMTczIiBmaWxsPSIjNjM2MzYzIj48L3BhdGg+PC9zdmc+") no-repeat 100% center !important;
}
.ct-float .ct-btn i.ct-btn-ico2{
	background:url("data:image/svg+xml;base64,PHN2ZyB0PSIxNTY5NTY5OTc5OTc3IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTE5NDUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwcHgiIHdpZHRoPSIzMHB4Ij48cGF0aCBkPSJNMjg5LjUwNzg1MyAzNTMuODQyOTMyYy0zNy41Mjg3OTYgMC02NC4zMzUwNzktMjYuODA2MjgzLTY0LjMzNTA3OC02NC4zMzUwNzlzMjYuODA2MjgzLTY0LjMzNTA3OSA2NC4zMzUwNzgtNjQuMzM1MDc4IDY0LjMzNTA3OSAyNi44MDYyODMgNjQuMzM1MDc5IDY0LjMzNTA3OFMzMjEuNjc1MzkzIDM1My44NDI5MzIgMjg5LjUwNzg1MyAzNTMuODQyOTMybTY1NC4wNzMyOTkgNTMuNjEyNTY1TDU5NS4wOTk0NzYgNTMuNjEyNTY1Yy0yMS40NDUwMjYtMjEuNDQ1MDI2LTQ4LjI1MTMwOS0zMi4xNjc1MzktODAuNDE4ODQ4LTM3LjUyODc5NUw2NC4zMzUwNzkgMEMyNi44MDYyODMgMCAwIDI2LjgwNjI4MyAwIDY0LjMzNTA3OWwxNi4wODM3NyA0MjguOTAwNTIzdjE2LjA4Mzc3LTE2LjA4Mzc3YzAtNS4zNjEyNTcgMCA2OS42OTYzMzUgMzcuNTI4Nzk1IDExMi41ODYzODhsMzQ4LjQ4MTY3NiAzNTMuODQyOTMxYzg1Ljc4MDEwNSA4NS43ODAxMDUgMTcxLjU2MDIwOSA4NS43ODAxMDUgMjU3LjM0MDMxNCAwbDMwMC4yMzAzNjYtMzA1LjU5MTYyM2M5MS4xNDEzNjEtOTEuMTQxMzYxIDY5LjY5NjMzNS0xNjAuODM3Njk2LTE2LjA4Mzc2OS0yNDYuNjE3ODAxIiBwLWlkPSIxMTk0NiI+PC9wYXRoPjxwYXRoIGQ9Ik0yODkuNTA3ODUzIDM1My44NDI5MzJjLTM3LjUyODc5NiAwLTY0LjMzNTA3OS0yNi44MDYyODMtNjQuMzM1MDc4LTY0LjMzNTA3OXMyNi44MDYyODMtNjQuMzM1MDc5IDY0LjMzNTA3OC02NC4zMzUwNzggNjQuMzM1MDc5IDI2LjgwNjI4MyA2NC4zMzUwNzkgNjQuMzM1MDc4UzMyMS42NzUzOTMgMzUzLjg0MjkzMiAyODkuNTA3ODUzIDM1My44NDI5MzJtNjU0LjA3MzI5OSA1My42MTI1NjVMNTk1LjA5OTQ3NiA1My42MTI1NjVjLTIxLjQ0NTAyNi0yMS40NDUwMjYtNDguMjUxMzA5LTMyLjE2NzUzOS04MC40MTg4NDgtMzcuNTI4Nzk1TDY0LjMzNTA3OSAwQzI2LjgwNjI4MyAwIDAgMjYuODA2MjgzIDAgNjQuMzM1MDc5bDE2LjA4Mzc3IDQyOC45MDA1MjN2MTYuMDgzNzctMTYuMDgzNzdjMC01LjM2MTI1NyAwIDY5LjY5NjMzNSAzNy41Mjg3OTUgMTEyLjU4NjM4OGwzNDguNDgxNjc2IDM1My44NDI5MzFjODUuNzgwMTA1IDg1Ljc4MDEwNSAxNzEuNTYwMjA5IDg1Ljc4MDEwNSAyNTcuMzQwMzE0IDBsMzAwLjIzMDM2Ni0zMDUuNTkxNjIzYzkxLjE0MTM2MS05MS4xNDEzNjEgNjkuNjk2MzM1LTE2MC44Mzc2OTYtMTYuMDgzNzY5LTI0Ni42MTc4MDEiIGZpbGw9IiM2MzYzNjMiIHAtaWQ9IjExOTQ3Ij48L3BhdGg+PC9zdmc+") no-repeat 100% center !important;
}
.ct-float .ct-btn i.ct-btn-ico3{
	background:url("data:image/svg+xml;base64,PHN2ZyB0PSIxNTY5NTY5OTkzNTgwIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTIwNTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwcHgiIHdpZHRoPSIzMHB4Ij48cGF0aCBkPSJNMzg4LjgzNTU1NiAzNzMuNzAzMTExYy0yMy4zMjQ0NDQgMC0zNC4xOTAyMjIgMjYuOTA4NDQ0LTM0LjE5MDIyMyA2MC41ODY2NjcgMCAzNS4yNzExMTEgMTEuOTQ2NjY3IDYwLjY0MzU1NiAzNC43MDIyMjMgNjAuNjQzNTU1IDIyLjMwMDQ0NCAwIDMzLjIyMzExMS0yMi43NTU1NTYgMzMuMjIzMTExLTYwLjY0MzU1NSAwLTM0LjEzMzMzMy05LjM4NjY2Ny02MC41ODY2NjctMzMuNzM1MTExLTYwLjU4NjY2NyIgcC1pZD0iMTIwNTkiPjwvcGF0aD48cGF0aCBkPSJNNjMwLjMyODg4OSA2NzcuODg4Yy01MC44MDE3NzggMC05MS4xOTI4ODktMzguMzQzMTExLTkxLjcwNDg4OS0xMDEuNjAzNTU2IDAtNjAuMDc0NjY3IDM2Ljc1MDIyMi0xMDUuNzU2NDQ0IDk0LjI2NDg4OS0xMDUuNzU2NDQ0IDU4LjAyNjY2NyAwIDkwLjczNzc3OCA0Mi41NTI4ODkgOTAuNzM3Nzc4IDEwMC4wMTA2NjcgMCA3MC41NDIyMjItNDQuNjU3Nzc4IDEwNy4yOTI0NDQtOTMuMjk3Nzc4IDEwNy4yOTI0NDR6IG0tMTk2LjQzNzMzMyAwLjk2NzExMUgzOTEuOTY0NDQ0bDE5My4zMDg0NDUtMzQ4LjE2aDQyLjQ5NmwtMTkzLjg3NzMzMyAzNDguMTZ6TTI5Ni4xMDY2NjcgNDM2LjMzNzc3OGMwLTYwLjA3NDY2NyAzNi44MDcxMTEtMTA1LjY0MjY2NyA5NC4zMjE3NzctMTA1LjY0MjY2NyA1OC4wMjY2NjcgMCA5MC42MjQgNDIuNDM5MTExIDkwLjYyNCA5OS45NTM3NzggMCA3MC41NDIyMjItNDQuNDg3MTExIDEwNy4yOTI0NDQtOTMuMjk3Nzc3IDEwNy4yOTI0NDQtNTEuMiAwLTkxLjY0OC0zOC4zNDMxMTEtOTEuNjQ4LTEwMS42MDM1NTV6IG03MjMuNjI2NjY2IDY4LjQzNzMzM2MwLTM2LjIzODIyMi03NS4wOTMzMzMtNjMuNjAxNzc4LTgyLjc3MzMzMy05Ny41MDc1NTUtNy45NjQ0NDQtMzUuMDQzNTU2IDQ3LjU1OTExMS05Mi4xNiAzMi4zNjk3NzgtMTIzLjc5MDIyMy0xNS41MzA2NjctMzIuMDg1MzMzLTk1LjAwNDQ0NC0yNC4xNzc3NzgtMTE3LjAyMDQ0NS01MS43Njg4ODktMjIuMTI5Nzc4LTI3LjcwNDg4OSAzLjI0MjY2Ny0xMDMuMzY3MTExLTI0LjUxOTExMS0xMjUuNDk2ODg4LTI3LjU5MTExMS0yMi4wNzI4ODktOTUuNzQ0IDE5LjM0MjIyMi0xMjcuODI5MzMzIDMuODY4NDQ0LTMxLjYzMDIyMi0xNS4yNDYyMjItNDEuNTg1Nzc4LTk0LjQzNTU1Ni03Ni42MjkzMzMtMTAyLjQ1Njg4OS0zMy45MDU3NzgtNy42OC03Ny4xOTgyMjIgNTkuMTY0NDQ0LTExMy40OTMzMzQgNTkuMTY0NDQ1LTM2LjIzODIyMiAwLTc5LjUzMDY2Ny02Ni44NDQ0NDQtMTEzLjQzNjQ0NC01OS4xNjQ0NDUtMzUuMDQzNTU2IDcuOTY0NDQ0LTQ0Ljk0MjIyMiA4Ny4yMTA2NjctNzYuNTcyNDQ1IDEwMi40LTMyLjE0MjIyMiAxNS41MzA2NjctMTAwLjI5NTExMS0yNS44ODQ0NDQtMTI3Ljg4NjIyMi0zLjg2ODQ0NC0yNy43NjE3NzggMjIuMTg2NjY3LTIuMzg5MzMzIDk3Ljg0ODg4OS0yNC41MTkxMTEgMTI1LjU1Mzc3Ny0yMi4wNzI4ODkgMjcuNTM0MjIyLTEwMS40ODk3NzggMTkuNjI2NjY3LTExNy4wMjA0NDQgNTEuNzY4ODg5LTE1LjI0NjIyMiAzMS41NzMzMzMgNDAuMzM0MjIyIDg4Ljc0NjY2NyAzMi4zNjk3NzcgMTIzLjc5MDIyM0M3NS4wMzY0NDQgNDQxLjE3MzMzMyAwIDQ2OC41MzY4ODkgMCA1MDQuNzc1MTExczc1LjAzNjQ0NCA2My42MDE3NzggODIuNzczMzMzIDk3LjU2NDQ0NWM3Ljk2NDQ0NCAzNC45ODY2NjctNDcuNjE2IDkyLjEwMzExMS0zMi40MjY2NjYgMTIzLjczMzMzMyAxNS41ODc1NTYgMzIuMDg1MzMzIDk1LjAwNDQ0NCAyNC4xNzc3NzggMTE3LjAyMDQ0NCA1MS43Njg4ODkgMjIuMTg2NjY3IDI3LjcwNDg4OS0zLjE4NTc3OCAxMDMuNDI0IDI0LjU3NiAxMjUuNTUzNzc4IDI3LjUzNDIyMiAyMi4wMTYgOTUuNzQ0LTE5LjM5OTExMSAxMjcuODg2MjIyLTMuOTI1MzM0IDMxLjU3MzMzMyAxNS4yNDYyMjIgNDEuNTI4ODg5IDk0LjQ5MjQ0NCA3Ni41NzI0NDUgMTAyLjQgMzMuOTA1Nzc4IDcuNzkzNzc4IDc3LjE5ODIyMi01OS4xMDc1NTYgMTEzLjQzNjQ0NC01OS4xMDc1NTUgMzYuMjk1MTExIDAgNzkuNTg3NTU2IDY2LjkwMTMzMyAxMTMuNDkzMzM0IDU5LjE2NDQ0NCAzNS4wNDM1NTYtNy45NjQ0NDQgNDQuOTQyMjIyLTg3LjIxMDY2NyA3Ni41NzI0NDQtMTAyLjQgMzIuMTQyMjIyLTE1LjUzMDY2NyAxMDAuMjk1MTExIDI1Ljk0MTMzMyAxMjcuODI5MzMzIDMuODY4NDQ1IDI3Ljc2MTc3OC0yMi4xMjk3NzggMi40NDYyMjItOTcuNzkyIDI0LjU3Ni0xMjUuNDk2ODg5IDIyLjAxNi0yNy41OTExMTEgMTAxLjQ4OTc3OC0xOS42ODM1NTYgMTE2Ljk2MzU1Ni01MS44MjU3NzggMTUuMjQ2MjIyLTMxLjYzMDIyMi00MC4yNzczMzMtODguNzQ2NjY3LTMyLjMxMjg4OS0xMjMuNzMzMzMzIDcuNzM2ODg5LTMzLjk2MjY2NyA4Mi43NzMzMzMtNjEuMzI2MjIyIDgyLjc3MzMzMy05Ny41NjQ0NDV6IiBwLWlkPSIxMjA2MCI+PC9wYXRoPjxwYXRoIGQ9Ik02MzEuOTIxNzc4IDUxMy41MzZjLTIzLjg5MzMzMyAwLTM0LjI0NzExMSAyNy4wMjIyMjItMzQuMjQ3MTExIDYwLjY0MzU1Ni0wLjU2ODg4OSAzNS4yNzExMTEgMTEuMzc3Nzc4IDYwLjY0MzU1NiAzNC4yNDcxMTEgNjAuNjQzNTU1IDIyLjE4NjY2NyAwIDMzLjEwOTMzMy0yMi43NTU1NTYgMzMuMTA5MzMzLTYwLjY0MzU1NSAwLTM0LjEzMzMzMy04LjgxNzc3OC02MC42NDM1NTYtMzMuMTA5MzMzLTYwLjY0MzU1NiIgZmlsbD0iIzYzNjM2MyIgcC1pZD0iMTIwNjEiPjwvcGF0aD48L3N2Zz4=") no-repeat 100% center !important;
}
@media screen and (max-width:767px){
	#coupontool .con .text .con-txt h5{
		font-size:13px;
	}
}

@media screen and (max-width:480px){
	#coupontool .con .text .con-txt h5{
		font-size:12px;
	}
}