@charset "utf-8";
/* CSS Document */
/**/
#light_box,#light_box2{
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	background-color:rgba(242,246,227,.7);
	z-index:10;
	overflow:auto;
	display:none;/**/
	}
.content_box,.content_box2{
	position:relative;
	width:650px;
	font-size:1.33rem;
	line-height:2.2rem;
	color:#45423f;
	/*border:1px solid #ecf0bd;*/
	border-radius:1rem;/*2*/
	margin:0 auto;	
	padding:0 0 2rem;
	background-color:#f7f9f0; /*rgba(242,246,227,1)#f2f6e3*/
	/*
	box-shadow:0 .35rem 3rem rgba(0, 0, 0, .15);
	-webkit-box-shadow:0 .35rem 3rem rgba(0, 0, 0, .15);*/
	-webkit-filter: drop-shadow(0 .15rem 3rem rgba(0, 0, 0, .15));
    filter: drop-shadow(0 .15rem 3rem rgba(0, 0, 0, .15));
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.clos1{
	position:absolute;
	width:40px;/*50*/
	padding-bottom:40px;/*40 32*/
	cursor: pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/close.svg);
	background-size:100% auto;
	border-radius:5rem;/*3rem 3rem 0 0*/
	background-color:#009b46;
	overflow:hidden;
	top:-20px;/*-32*/
	right:-17px;/*10px*/
	z-index:1;
	-webkit-filter: drop-shadow(0 .3rem .8rem rgba(0, 0, 0, .5));
    filter: drop-shadow(0 .3rem .8rem rgba(57, 102, 23, .5));
	}
.cbx{
	position: relative;
	width:100%;
	display:none;
	}
.h1_bx{
	position: relative;
	width: 100%;
	height: 90px;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-weight: 500;/*400*/
	color: #FFF;
	background-color:#007d7d;
	background:linear-gradient(75deg,#007d7d,#009b46);/*to bottom right9ab22d  #6f930c,#aec05a   */
	/*background:linear-gradient(#aec05a 50% ,transparent 100%);*/
	padding:0 15px 0 112px;
	margin-bottom:1.5rem;
	border-radius: 1rem 1rem 0 0;
	/**/
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	}
.h1_bx::before{
	position: absolute;
	content: '';
	width: 111px;
	height: 123px;
	left:-10px;
	bottom:-5px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/gift_icon.png);
	background-size:100% auto;
	}
.h1_bx .remind{
	font-size: 1.4rem;/**/
	line-height: 1.8rem;
	font-weight: 400;
	color:#edeab8;
	margin-top:.2rem;
	}
.h1a_bx{
	position: relative;
	width: 100%;
	height: 90px;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-weight: 500;/*400*/
	color: #FFF;
	background-color:#007d7d;
	background:linear-gradient(75deg,#007d7d,#009b46);
	padding:0 15px 0 112px;
	margin-bottom:1.5rem;
	border-radius: 1rem 1rem 0 0;
	/**/
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	}
.h1a_bx::before{
	position: absolute;
	content: '';
	width: 111px;
	height: 123px;
	left:-10px;
	bottom:-5px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/password_icon.png);
	background-size:100% auto;
	}
	
.h1_bx2{
	position: relative;
	height: 75px;/**/
	font-size: 1.7rem;/**/
	line-height: 2rem;
	font-weight: 400;/**/
	color: #FFF;
	background-color:#007d7d;
	background:linear-gradient(75deg,#007d7d,#009b46);
	padding:1px 15px 0 100px;
	margin-bottom:1.5rem;
	border-radius: 1rem 1rem 0 0;
	/**/
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	}
.h1_bx2a{
	position: relative;
	width: 80%;
	/*height: 75px;*/
	font-size: 1.7rem;/**/
	line-height: 2rem;
	font-weight: 400;/**/
	color: #FFF;
	background-color:#007d7d;/**/
	background:linear-gradient(75deg,#007d7d,#009b46);
	padding:10px 15px 20px 100px;
	margin:1rem auto 0;
	border-radius: 1rem 1rem 0 0;
	/**/
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	}
.h1_bx2bg{
	background:linear-gradient(75deg,#007d7d,#009b46);
	}
.storbg{
	background-color: #fefffb;
	padding:.6rem 0 2.5rem;
	}
.storb{
	position:relative;
	width:80%;
	margin:0 auto;
	}	
.h1_bx2 .fs1,.h1_bx2a .fs1{
	font-size: 1.25rem;
	font-weight: 300;
	}	
.h1_bx2 .remind,.h1_bx2a .remind{
	font-size: 1.4rem;
	line-height: 1.3rem;
	font-weight: 400;
	color:#d4e576;
	}
.h1_bx2::before,.h1_bx2a::before{
	position: absolute;
	content: '';
	width:90px;
	height: 100px;
	left:0;
	bottom:-10px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/tab_icon.png);
	background-size:100% auto;
	}	
.h1_bx > div{}
.ac_bx,.h2_bx,ul.note_bx{
	position: relative;
	width:92%;
	margin:0 auto;
	}
.ac_bx{
	color:#007e7d;
	/*font-weight:500;
	margin:0 auto;*/
	}
.tac{text-align:center}
.h2_bx{
	width:95%;
	font-size:1.45rem;
	line-height: 2.8rem;
	/*color:#007e7d;*/
	font-weight:500;
	padding:1rem 0 .3rem;
	}
ul.note_bx{
	padding:0 0 1.5rem 15px;
	}
ul.note_bx li{list-style-type: disc;}
.giftbx1,.giftbx2{
	position:relative;
	padding:6% 0 3%;/*2rem 0 1.5rem*/
	}
.giftbx1 .ue_ph{
	position: absolute;
	width: 110%;
	padding-bottom: 110%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:100% auto;
	top:50%;
	margin-top:-55%;
	left:50%;
	margin-left:-55%;
	}
.giftbx2 .ue_ph{
	position: absolute;
	width: 110%;
	height:110%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:auto 100%;
	top:-5.5%;
	left:50%;
	margin-left:-55%;
	}
.u_ph1{background-image:url(../images/used.png);}
.u_ph2{background-image:url(../images/expired.png);}

.oa img{ opacity:.35;}
.giftbx1 .ph{
	position:relative;
	width:250px;
	margin:0 auto;
	text-align:center;
	}
.giftbx1 .ph > img{
	width:100%;
	display:inline-block;
	-webkit-filter: drop-shadow(0 .8rem 1rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .1rem .8rem rgba(0, 0, 0, .1));
	}
.giftbx1 .bar_code{
	position:absolute;
	width:78%;/*56*/
	left:50%;
	margin-left:-38.5%;/*-28*/
	bottom:3.7%;/*2.7*/
	}
.giftbx1 .bar_code > img,.giftbx1 .bar_code > canvas{
	width:100%;
	display:block;
	margin:0 auto;
	}
.giftbx2 .ph{
	position:relative;
	width:100%;
	height:150px;
	margin:0 auto;
	text-align:center;
	}
.giftbx2 .ph img{
	height:100%;
	display:inline-block;
	-webkit-filter: drop-shadow(0 .8rem 1rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .1rem .8rem rgba(0, 0, 0, .1));
	}
.giftbx2 .codebx{
	position:relative;
	width:350px;/*80%*/
	padding:.8rem 0 .2rem;
	margin:.5rem auto 0;
	border-radius:.5rem;
	/*background-color:#FFF;*/
	}
.giftbx2 .bar_code{
	position:relative;
	width:160px;
	margin:0 auto;
	}
.giftbx2 .bar_code > img,.giftbx2 .bar_code > canvas{
	width:100%;
	display:block;
	margin:0 auto;
	}
.qrw{
	width:100%;
	display:block;
	margin:0 auto;
	}
.exchangebx{
	position: relative;
	width:450px;/*85%*/
	margin:2rem auto 1rem;
	}
.exchangebx li{
	position: relative;
	
	margin:0 0 .8rem;
	}
.exchangebx li > span{
	position: relative;
	/*display:block;*/
	font-size: 1.5rem;
	line-height: 3rem;
	font-weight: 500;
	color:#007e7d;
	}
.exchangebx li > input{
	position: relative;
	width:100%;
	font-size: 1.35rem;
	line-height: 3rem;
	font-weight:300;
	padding:.3rem .8rem;
	color:#45423f;
	border-radius:.5rem;
	background-color:#fff;
	}
	
.kkbx{
	position:relative;
	width:350px;
	margin:1.5rem auto 1.2rem;
	-webkit-filter: drop-shadow(0 .8rem 1rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .1rem .8rem rgba(0, 0, 0, .1));
	}
.kkbx.oa2 > img,.kkbx.oa2 > .kbg{ opacity:.35;}
.kkbx > img{width:100%; display:block;}
.kkbx > .kbg{
	position: relative;
	width: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 100%;	
	background-image:url(../images/gift_2_02.png);
	background-size:100% auto;
	padding:.5rem 0 1rem;
	}
.kkbx > .kbg .exchangebx2{
	width:95%;
	padding:1.2rem 1rem 0;
	margin:0 auto;
	border-radius:.6rem .6rem 2rem 2rem;
	}	
.kkbx.oa2 > .kbg .exchangebx2{border: 1px solid #d1d1d1;}
.kkbx.oa2 > .kbg .exchangebx2 li > span {color: #5f5f5f;}
.kkbx .ue_ph {
  position: absolute;
  width: 110%;
  padding-bottom: 110%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  top: 50%;
  margin-top: -55%;
  left: 50%;
  margin-left: -55%;
}
.exchangebx2{
	position:relative;
	width:450px;
	padding:2.5rem 2rem 1rem;
	margin:1rem auto 0;
	border: 1px solid #a8d7d7;
	border-radius:.6rem;
	}
.exchangebx2 li{
	position: relative;
	margin:0 0 .8rem;
	clear:both;
	}
.exchangebx2 li > span{
	float:left;
	position:relative;
	display:inline-block;
	font-size:1.4rem;
	line-height:2.8rem;
	font-weight:500;
	color:#007e7d;
	}
.exchangebx2 li > input{
	position:relative;
	font-size:1.3rem;
	line-height:2.2rem;
	font-weight:300;
	display:inline-block;
	padding:.3rem .8rem;
	color:#45423f;
	border-radius:.5rem;
	background-color:#fff;
	top:-.1rem;
	}
.exchangebx2 li:nth-child(1)> input{ width:73%;}
.exchangebx2 li:nth-child(2)> input{ width:64.2%;}
.exchangebx2 li select{
	position: relative;
	font-size:1.3rem;
	line-height:2.2rem;
	font-weight:300;
	display:inline-block;
	color:#45423f;
	padding:.3rem 1.75rem .3rem .25rem;/*.3rem .8rem*/
	border-radius:.5rem;
	border:1px solid #e8e8e8;
	background-color:#fff;
	text-align:center;
	/**/
	outline:none;
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none;/*FF*/
	-ms-appearance: none;
	-o-appearance: none;
	appearance:none;/*CSS3*/
	background-image: url(../images/expand.svg);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:95% 50%;
	background-size:20px auto;
	}
.bk{
	position: relative;
	display:inline-block;
	}
.exchangebx2 li  p{
	position: relative;
	font-size:1.5rem;/**/
	line-height:2.2rem;
	display:inline-block;
	font-weight:400;
	color:#45423f;
	padding:.3rem .5rem .3rem .2rem;
	}
.exchangebx2 .pharmacy{float:left;}
.exchangebx2 li  p span{
	font-size:1.28rem;
	line-height:1.8rem;
	font-weight:300;
	}
.exchangebx2 li .bt2{
	position: relative;
	font-size:1.3rem;
	line-height:2.2rem;
	display:inline-block;
	cursor: pointer;
	font-weight:300;
	color:#FFF;
	padding:.3rem .8rem;
	border-radius:.6rem;
	background-color:#F90;
	margin:0 0 0 .3rem;
	/**/
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	}
.exchangebx2 li .bt2:hover{background-color:#ffb400;}

.exchangebx3{
	position: relative;
	width: 90%;
	padding: 1rem 0 0;
	margin: 1rem auto 1rem;
	border-bottom:1.5px solid #e0e0e0;
	}
.exchangebx3 li{
	position: relative;
	margin:0 0 .8rem;
	}
.exchangebx3 li select{
	position: relative;
	width:100%;
	font-size:1.3rem;
	line-height:2.2rem;
	font-weight:300;
	display:inline-block;
	color:#45423f;
	padding:.3rem .8rem;
	border-radius:.5rem;
	border:1px solid #D9D9D9;
	background-color:#fff;
	/**/
	outline:none;
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none;/*FF*/
	-ms-appearance: none;
	-o-appearance: none;
	appearance:none;/*CSS3*/
	background-image: url(../images/expand.svg);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:98.5% 50%;
	background-size:22px auto;
	}
.chbox{
	position:relative;
	font-size:1.3rem;
	line-height:22px;
	text-align:left;
	color:#45423f;
	/*padding:10px 0;*/
	}
.chbox input{display:none;}
.chbox label{height:22px;display:inline-block;overflow:hidden;cursor:pointer;}
.checkbox-beauty {
			position:relative;
            width:22px;
            height:22px;
            box-sizing:border-box;  
            border:1px solid #D9D9D9;
			background-color:#fff;
			margin-right:5px;
            border-radius:.3rem;
            transition:0.2s;
        	}
input[type="checkbox"]:checked+.checkbox-beauty {
            border: 1px solid #98b03e;
			background-color:#98b03e;
            background-repeat:no-repeat;
			background-image: url(../images/confirm.svg);
            background-position:50% 50%;
			background-size:100% auto;
        	}
/**/
.storebx{
	position: relative;
	width: 90%;
	font-size: 1.3rem;
	line-height: 2rem;
	color: #45423f;
	margin: 0 auto;
	/*font-weight: 300;*/
	}
.storebx span{font-weight:400;}
.storebx thead td{
	font-weight: 400;
	line-height:2.5rem;
	}
.storebx thead tr{background-color:#d8e088;}
.storebx td{ padding:5px 5px;}
.storebx tbody tr:nth-child(even){background-color:#ececec;}
.storebx .bt3{
	position: relative;
	width:50px;
	font-size:1.3rem;/*1.15*/
	line-height:2rem;/*1.8*/
	display:inline-block;
	cursor: pointer;
	font-weight:300;
	color:#FFF;
	padding:.3rem .5rem;
	border-radius:.6rem;
	background-color:#F90;
	/**/
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	}
.storebx .bt3:hover{background-color:#ffb400;}

.gbx{display:none;}
	
.ex_t{
	position:relative;
	font-size:1.45rem;
	line-height:2rem;
	font-weight:500;
	color:#007e7d;
	text-align:center;
	margin-top:.8rem;
	margin-bottom:-3rem;
	/*top:3.3rem;*/
	z-index:1;
	}
.ex_t > span{
	position:relative;
	display:inline-block;
	padding:1rem 2rem;
	background-color:#f7f9f0;
	
	}
.btbx{
	position:relative;
	width:96%;
	text-align:center;
	padding:1rem 0 1.6rem;
	margin:0 auto;
	}
a.btns1{
	position:relative;
	width:200px;
	height:4rem;
	display:inline-block;
	font-size:1.5rem;
	line-height:4rem;
	font-weight:400;
	border-radius:7rem;
	color:#fff;
	background-color:#208484;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
a.btns1:hover{background-color:#15a4a4;}
a.btns2{
	position:relative;
	width:220px;
	/*height:4rem;*/
	display:inline-block;
	font-size:1.8rem;
	line-height:2.2rem;
	font-weight:500;
	border-radius:7rem;
	color:#fff;
	background-color:#ff9600;/*208484*/
	padding:1rem .5rem .8rem;
	/**/
	-webkit-filter: drop-shadow(0 .1rem .8rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 .1rem .8rem rgba(0, 0, 0, .1));
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
a.btns2 span{ position:relative; display:block;font-size:1.2rem;line-height:1.6rem;font-weight:300; color:#f6e5cd;}
a.btns2:hover{
	background-color:#ff6535;
	-webkit-filter: drop-shadow(0 1rem .8rem rgba(0, 0, 0, .1));
    filter: drop-shadow(0 1rem .8rem rgba(0, 0, 0, .1));
	}
/**/
.op{-webkit-filter:blur(10px);}
.hobg{
	position:relative;
	background-color:#f2f6e3;
	}
.hbx{
	position:relative;
	width:100%;
	padding-bottom:44.25%;/*885*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-image:url(../images/index.jpg);
	background-size:100% auto;/**/
	}
.slongan{
	position:absolute;
	width:40%;/*800*/
	padding-bottom:14.5%;/*290*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/slogan.png);
	background-size:100% auto;
	top:5.2%;/*46*/
	left:6.35%;/**127/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mubx{
	position:absolute;
	width:18.35%;
	top:45.19%;/*400*/
	left:15.6%;/**319 15.95/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mubx a{
	position:relative;
	width:100%;
	display:block;
	/*padding-bottom:21.79%;*/
	background-color:#208484;
	margin-bottom:8%;
	border-radius:5rem;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:-15% 50%;
	background-image:url(../images/mbg.svg);
	background-size:auto 100%;
	top:0;
	/**/
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	}
.mubx a:nth-child(1){animation:slideToLeft .5s ease;}
.mubx a:nth-child(2){animation:slideToLeft 1s ease;}
.mubx a:nth-child(3){animation:slideToLeft 1.5s ease;}

.mubx a img{
	position:relative;
	width:100%;
	display:block;
	}
.mubx a:hover{
	background-position:-5% 50%;
	background-color:#009898;/*#00a3a3*/
	-webkit-filter: drop-shadow(0 .5rem 1rem rgba(0, 0, 0, .15));
    filter: drop-shadow(0 .5rem 1rem rgba(0, 0, 0, .15));
	top:-5px;
	z-index:1;
	}
.mubx a:hover span{
	left:10%;
	width:18.5%;/*65*/
	padding-bottom:19.923%;
	}
.mubx .icon_1{/*.mubx a:nth-child(1)::before,.mubx a:nth-child(2)::before*/
	position: absolute;
	/*content: '';*/
	width:17.7%;/*65*/
	padding-bottom:19%;/*70*/
	left:8%;
	bottom:28%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/icon_1.png);
	background-size:100% auto;
	/**/
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	}
.mubx .icon_2{/*.mubx a:nth-child(3)::before*/
	position: absolute;
	content: '';
	width:17.7%;/*65*/
	padding-bottom:19%;/*70*/
	left:8%;
	bottom:28%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/icon_2.png);
	background-size:100% auto;
	/**/
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	}
.kh{margin-bottom:1rem;}

@media only screen and (max-width:1600px){
/**/	

}
@media only screen and (max-width:1500px){
/**/

}
@media only screen and (max-width:1300px){
/**/

}
@media only screen and (max-width:1100px){
/**/


}
@media only screen and (max-width:900px){	
/**/

}
@media only screen and (max-width:800px){
/**/
.hbx{
	width:100%;
	padding-bottom:156%;/*1422 177.75*/
	background-position:100% 100%;
	background-image:url(../images/index.jpg);
	background-size:165% auto;/**/
	}
.slongan{
	width:90%;
	padding-bottom:32.625%;
	background-size:100% auto;
	top:2.5%;/*46*/
	left:5%;/*127*/
	}
.mubx{
	position:absolute;
	width:360px;
	top:26.5%;/*22.5*/
	left:50%;
	margin-left:-180px;
	}
.h1_bx2a,.storb{
	width:100%;
	}

}
@media only screen and (max-width:750px){
/**/

}
@media only screen and (max-width:630px){
/* */
.content_box,.content_box2{
	width:98%;
	font-size:1.28rem;
	line-height:1.9rem;
	padding:0 0 1.5rem;
	}
.h1_bx,.h1a_bx{
	height: 75px;
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 0 10px 0 85px;
	margin-bottom: 1.5rem;
	border-radius:1rem 1rem 0 0;/*1.5rem 1.5rem 0 0*/
	}
.h1_bx2{
	font-size: 1.4rem;
	line-height: 1.7rem;
	padding:1px 10px 0 80px;
	}
.h1_bx2a{
	font-size: 1.4rem;
	line-height: 1.7rem;
	padding:10px 10px 18px 80px;
	}
.h1_bx2 .fs1,.h1_bx2a .fs1{
	font-size: 1.2rem;
	line-height: 1.3rem;
	}
.h1_bx .remind,.h1_bx2 .remind,,.h1_bx2a .remind{
	font-size: 1.33rem;
	line-height: 1.6rem;
	}
.h1_bx::before,.h1a_bx::before{
	width:90px;
	height:100px;
	left:-8px;/*-12*/
	bottom:-3px;
	}
.h1_bx2::before,.h1_bx2a::before{
	width:80px;
	height:89px;
	left:-5px;
	}
.h2_bx{
	font-size:1.4rem;
	line-height: 2.6rem;
	}
.clos1{
	width:32px;/*50*/
	padding-bottom:32px;/*40 32*/
	cursor: pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image:url(../images/close.svg);
	background-size:100% auto;
	border-radius:5rem;/*3rem 3rem 0 0*/
	background-color:#009b46;
	overflow:hidden;
	top:-35px;/*-32*/
	right:6px;/*10px*/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/**/
.exchangebx{width:80%;}
.exchangebx li > span{font-size: 1.4rem;}
.exchangebx li > input{font-size: 1.3rem;}
.exchangebx2 li > span{font-size:1.35rem;}
.exchangebx2 li > input{font-size:1.28rem;
	top:-.1rem;
	}
.exchangebx2 li select{
	font-size:1.28rem;
	padding:.3rem 1.5rem .3rem .3rem;
	background-size:18px auto;
	}
.exchangebx2 li  p{font-size:1.28rem;}
.ex_t{font-size:1.4rem;}

.exchangebx3 {width:92%;}
.exchangebx3 li select{
	font-size:1.3rem;
	background-position:98% 50%;
	}
/**/
/*.storebx {font-size:1.1rem;}*/

}
@media only screen and (max-width:580px){
/**/
.hbx{padding-bottom:176%;/*1422 177.75*/}
}
@media only screen and (max-width:560px){
/**/
.giftbx2 .ph{
	width:88%;
	height:auto;
	}
.giftbx2 .ph img{width:100%;}
.giftbx2 .codebx{width:81%;}
/*.giftbx2 .bar_code{width:35.5%;}*/

}
@media only screen and (max-width:460px){
/**/
.exchangebx2{
	width:92%;
	padding:2.3rem 1.5rem .6rem;
	}
.exchangebx2 li:nth-child(1)> input{ width:100%;}
.exchangebx2 li:nth-child(2)> input{ width:100%;}
/**/
a.btns1{
	height:3.5rem;
	font-size:1.4rem;
	line-height:3.5rem;
	}
.mubx{
	position:absolute;
	width:72%;
	top:24.5%;
	margin-left:-36%;
	}
.kkbx{width:90%;}
	
	
}
@media only screen and (max-width:380px){
/**/
.h1_bx{
	font-size: 1.35rem;
	line-height: 1.65rem;
	border-radius: 1rem 1rem 0 0;
	}
.h1_bx .remind {
	font-size: 1.22rem;
	line-height: 1.6rem;
	}
.giftbx2 .bar_code{width:48%;}
}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:340px){
/**/
.giftbx1 .ph {width:80%;}
}

@-webkit-keyframes slideToLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideToLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}