*{margin: 0;padding: 0;border: 0;}
html,body{width: 100%;}
body{background: white;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none;-webkit-tap-highlight-color: transparent;}
li{list-style-type:none;}
dl,dt,dd,img,input,font,i,ul,p{border: none 0;display: block;}
strong,em,del,dfn,p,address{font-weight: normal;display: block;font-style:normal;}
input,input:focus,input:active{user-select: text;outline:none;-webkit-appearance: none;appearance: none;}
select,textarea{-webkit-appearance: none;appearance: none;}
.clears{clear: both;}
.filterbox{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.testoverflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pubwarp{max-width: 640px;min-width: 320px;margin: 0 auto;overflow: hidden;padding-bottom: 3.125rem;}
.pubcontainer{width: 100%;box-sizing:border-box;padding: 0rem 0.625rem;}
::-webkit-scrollbar{display: none;}
input::placeholder{color: #868686}
.l{float:left;}
.r{float:right;}
.posdis{position: relative; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.cell_primary{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
/*箭头*/
.pubdownico{border: 2px #999 solid;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);width: 0.45rem;height: 0.45rem;border-width: 0px 2px 2px 0px;border-radius: 0.5px;}
.pubupico{border: 2px #999 solid;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);width: 0.45rem;height: 0.45rem;border-width: 2px 0px 0px 2px;border-radius: 0.5px;}
.pubrightico{transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);width: 0.5rem;height: 0.5rem;border: 2px #d8d8d8 solid;border-width: 2px 2px 0px 0px;border-radius: 0.5px;}
.publeftico{transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);width: 0.5rem;height: 0.5rem;border: 2px #d8d8d8 solid;border-width: 0px 0px 2px 2px;border-radius: 0.5px;}
/*字体颜色*/
.pubcol32{color:#323232}
.pubcol68{color:#686868}
.pubcol86{color:#868686}
.pubcol99{color:#949494;}
.pubcolff55{color:#ff5500;}
.pubcolwh{color: white;}
.pubcolffcb{color: #ffccb2}
.pubcolcc{color: #ccc}
/*背景色*/
.backff55{background: #ff5500;}
.backffff{background: #fff;}
.backffaa{background: #ffaa00;}
.backf0{background: #f0f0f0;}
.backbf{background: #bfbfbf;}
/*头部*/
.bod{width: 100%;min-height:39em;overflow: hidden;}
.indheader{width: 100%;height: 2.75em;line-height: 3em;background: #ff5500;overflow: hidden;float: left;}
.indheader h1 {font-weight: 600;z-index: 1;position: absolute;top:0.188em; font-size: 1.25em;color: white;width: 100%;float: left;text-align: center;}
.indheader h3 {font-weight: 600;z-index: 1;position: absolute;height:2.563em;font-size: 1.25em;color: white;width: 100%;float: left;text-align: center;}
.backico {z-index: 2; display:inline-block;position: absolute;left: 0.938em;width: 22px;height: 2.75em;background: url(../tempimg/backico.png) no-repeat center;background-size: 100%;}
.indbtnright{z-index: 2;position: absolute;right: 0.313em;}
/*公共底部浮动购买、加入购物车、我要开团、立刻参团*/
.buyfooterbox{width: 100%;height: 3.063em;background: #e2e2e2;display: block;position: fixed;left: 0px;right: 0em;bottom: 0em;z-index: 999;}
.buyfooterbox nav{max-width: 640px;min-width: 320px;height: 3.063em;margin: 0 auto;position: relative;}
.buyfooterbox nav .buyftone{position: absolute;z-index: 2;width: 5em;height: 3.063em;}
.buyfooterbox nav .buyftone a{display: block;width: 5em;height: 3.063em;background:#f8f8f8;position: relative;}
.buyfooterbox nav .buyftone a i{width: 5em;height: 1.5em;padding-top: 0.313em;background:url(../tempimg/homelist.png) no-repeat center 7px;background-size:30%;}
.buyfooterbox nav .buyftone a em{width: 100%;text-align: center;font-size: 0.75em;}
.buyfooterbox nav .buyfttwo {position: absolute;z-index: 1;width: 100%;height: 3.063em;box-sizing:border-box;padding:0 0em 0 5em;}
.buyfooterbox nav .buyfttwo .ftbtn{width: 50%;height: 100%;text-align: center;line-height: 3.625em;font-size: 0.875em;}
.buyfooterbox nav .buyftthree{position: absolute;z-index: 1;width: 100%;height: 3.063em;box-sizing:border-box;padding:0 0em 0 5em;}
.buyfooterbox nav .buyftthree a{display: block;width: 100%;height: 3.063em;line-height: 3.063em;font-size: 1.125em;text-align: center;}


/*底部*/
.footers{box-shadow:-0.5em 0em 0.313em #ccc;width: 100%;height: 3.063em;background: #fefefe;display: block;margin-top: 1.25em;position: fixed;left:0px;right: 0em; bottom:0px;z-index: 998;}
.footers a{width: 25%;height: 3em;float: left;text-align: center;font-size: 0.75em;box-sizing:border-box;}
.footers a i{display: inline-block;width: 2.875em;height: 2em;margin-top: 0.313em;position: relative;}
.footers h2{font-size: 0.875em;color: #333;width: 90%;margin: 0 auto;text-align: center;word-wrap:break-word;padding-top: 0.625em}
.footers h3{width: 75%;font-size: 0.875em;color: #333;margin-left: 0.625em;float: left;padding-top: 1.125em;word-wrap:break-word;}
.footerstr{box-shadow:-0.5em 0em 0.313em #ccc;width: 100%;height: 3.063em;background: #fefefe;display: block;margin-top: 1.25em;position: fixed;left:0px;right: 0em; bottom:0px;z-index: 998;}
.footerstr a{width: 33%;height: 3em;float: left;text-align: center;font-size: 0.75em;box-sizing:border-box;}
.footerstr a i{display: inline-block;width: 2.875em;height: 2em;margin-top: 0.313em;position: relative;}
.footerstr h2{font-size: 0.875em;color: #333;width: 90%;margin: 0 auto;text-align: center;word-wrap:break-word;padding-top: 0.625em}
.footerstr h3{width: 75%;font-size: 0.875em;color: #333;margin-left: 0.625em;float: left;padding-top: 1.125em;word-wrap:break-word;}
.onlinekf{display: block; width: 2.5em;height: 2.5em;border-radius: 2.5em;z-index: 99;position: fixed;
right: 1em;top: 70%;
background: url(../tempimg/onlinekf.png) no-repeat center;
background-size: 100%;
animation:mykf 1.5s;
-moz-animation:mykf 1.5s; /* Firefox */
-webkit-animation:mykf 1.5s; /* Safari and Chrome */
-o-animation:mykf 1.5s; /* Opera */
animation-iteration-count: 1;
animation-direction: alternate;

}

@keyframes mykf
{
from {background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%; right: 1em;top: 40%;}
to {background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%; right: 1em;top: 70%;}

}

@-moz-keyframes mykf /* Firefox */
{
from{background:red; right: 1em;top: 40%;}
to {background:red; right: 1em;top: 70%;}
}

@-webkit-keyframes mykf /* Safari and Chrome */
{
from {background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%; right: 1em;top: 40%;}
to {background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%;right: 1em;top: 70%;}
}

@-o-keyframes mykf /* Opera */ 
{
from{background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%; right: 1em;top: 40%;}
to {background: url(../tempimg/onlinekf.png) no-repeat center;background-size: 100%; right: 1em;top: 70%;}
}

.onlinecart{display: block; width: 2.5em;height: 2.5em;border-radius: 2.5em;z-index: 99;position: fixed;
right: 1em;top: 60%;
background: url(../tempimg/gwico.png) no-repeat center;
background-size: 80%;
animation:mycart 1.5s;
-moz-animation:mycart 1.5s; /* Firefox */
-webkit-animation:mycart 1.5s; /* Safari and Chrome */
-o-animation:mycart 1.5s; /* Opera */
animation-iteration-count: 1;
animation-direction: alternate;

}

@keyframes mycart
{
from {background: url(../tempimg/gwico.png) no-repeat center;background-size: 80%; right: 1em;top: 40%;}
to {background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%; right: 1em;top: 60%;}

}

@-moz-keyframes mycart /* Firefox */
{
from{background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%; right: 1em;top: 40%;}
to {background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%; right: 1em;top: 60%;}
}

@-webkit-keyframes mycart /* Safari and Chrome */
{
from {background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%; right: 1em;top: 40%;}
to {background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%;right: 1em;top: 60%;}
}

@-o-keyframes mycart /* Opera */ 
{
from{background: url(../tempimg/gwico.png) no-repeat center;background-size: 80%; right: 1em;top: 40%;}
to {background: url(../tempimg/gwico.png) no-repeat center ;background-size: 80%; right: 1em;top: 60%;}
}

.wxpem{font-size: 0.875em;color: #686868;}

.pubend{width: 100%;height: 3.125em;line-height: 3.125em;}
.pubend p{width: 100%;font-size: 0.75em;text-align: center;}
#pubfooterbuy{font-size: 0.875em;background: #ff5500;border-radius: 2px;float: left;display: block;height: 2em;line-height: 2em;width:5em;color: white;text-align: center;margin-top: 0.625em;}
.percentl{width: 25%;float: left;font-size:0.75em;text-align: center;}
.percentl em {color: #949494;margin-top: -0.35em;}
.btn01_m{background: url(../tempimg/shoppingicon01.png) no-repeat center;background-size: contain;}
.btn01_m_action .btn01_m_i{background: url(../tempimg/shoppingicon02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn01_m_action em {color: #ff5500;}
.btn01_m_action:visited{color: #ff5500;}
.btn02_m{background: url(../tempimg/foodcart01.png) no-repeat center;background-size: contain;}
.btn02_m_action .btn02_m_i{background: url(../tempimg/foodcart02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn02_m_action em {color: #ff5500;}
.btn02_m_action:visited{color: #ff5500;}
.btn03_m{background: url(../tempimg/myicon01.png) no-repeat center;background-size: contain;}
.btn03_m_action .btn03_m_i{background: url(../tempimg/myicon02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn03_m_action em {color: #ff5500;}
.btn03_m_action:visited{color: #ff5500;}
.btn04_m{background: url(../tempimg/codeicon01.png) no-repeat center;background-size: contain;}
.btn04_m_action .btn04_m_i{background: url(../tempimg/codeicon01.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn04_m_action em {color: #ff5500;}
.btn04_m_action:visited{color: #ff5500;}
.btn05_m{background: url(../tempimg/kjicon01.png) no-repeat center;background-size: contain;}
.btn05_m_action .btn05_m_i{background: url(../tempimg/kjicon02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn05_m_action em {color: #ff5500;}
.btn05_m_action:visited{color: #ff5500;}
.btn08_m{background: url(../tempimg/mycookie01.png) no-repeat center;background-size: contain;}
.btn08_m_action .btn08_m_i{background: url(../tempimg/mycookie02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn08_m_action em {color: #ff5500;}
.btn08_m_action:visited{color: #ff5500;}
.btn09_m{background: url(../tempimg/ptico01.png) no-repeat center;background-size: contain;}
.btn09_m_action .btn09_m_i{background: url(../tempimg/ptico02.png) no-repeat center;background-size: contain;color: #ff5500;}
.btn09_m_action em {color: #ff5500;}
.btn09_m_action:visited{color: #ff5500;}
.footers .noaction .tag{background: url(../tempimg/tag01.png) no-repeat center;background-size: 70%;}
.footers .noaction em{color: #949494;margin-top: -0.35em;}
.footers .action .tag{background: url(../tempimg/tag02.png) no-repeat center;background-size: 70%;color: #ff5500;}
.footers .action em{color: #ff5500;margin-top: -0.35em;}
.footers .noaction .japanico{background: url(../tempimg/japan01.png) no-repeat center;background-size: contain;}
.footers .noaction em{color: #949494;margin-top: -0.35em;}
.footers .action .japanico{background: url(../tempimg/japan02.png) no-repeat center;background-size: contain;color: #ff5500;}
.footers .action em{color: #ff5500;margin-top: -0.35em;}

/*公共*/
.pubmask06{width: 100%;height: 100%;background: url(../tempimg/share04.png) no-repeat top right;background-size:cover;position: fixed;top:0em;left: 0em;bottom: 0em;right: 0em;z-index: 999;}
.testoverflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ossfh{width: 90%;height:2.75em;margin:0em auto;}
.ossfh a:visited{color: white;}
.reglogbtn{clear: both; display: inline-block; margin:0 auto;width: 100%;height:2.375em;line-height:2.375em;text-align: center;background: #ff5500;color: white;font-size: 1.25em;display: block;border-radius: 4px;border:1px solid #e57781;}
.reglogbtn:hover{background: #e57781;border: 1px solid #ff5500;}
.reglogbtn:visited{color: white;}
.publicNavBbtn{width: 100%;margin-top: 1.25em;}
.publicNavBbtn a{width: 100%;height:2.375em;line-height:2.375em;display: block;border-radius: 2px;border:1px solid #e57781;text-align: center;background: #ff5500;color: white;font-size: 1.25em;}
.publicNavBbtn a:hover{background: #e57781;border: 1px solid #ff5500;}
.publicNavBbtn a:visited{color: white;}
.pubcopyright{width: 100%;color: white;font-size: 1em;position: absolute;text-align: center;left: 0em;bottom: 1.25em;opacity: 0.5;}
.wxlogbtn{clear: both; display: block; margin:0 auto;width: 100%;height:2em;line-height:2em;text-align: center;background: #4ebf08;color: white;font-size: 1.25em;display: block;border-radius: 4px;border-bottom: 4px solid #178c00;}
.wxlogbtn:hover{background: #178c00;border-bottom: 4px solid #4ebf08;}
.filterbox{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.pubwrapper{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 1000;}
.pubwrabg{position: absolute;top:0;left: 0;z-index: 1001;width: 100%;height: 100%;background: black;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.pubcolfa8{color: #ff5500;}
.pubcol333{color: #333;}
.pubwramainbox{width: 100%;border:2px solid #ff5500;border-radius: 4px;background: white;}
.pubwramain{width: 100%;margin: 0 auto;box-sizing:border-box;text-align: center;}
.pubwramain em {width: 100%;height: 2.875em;line-height: 3em;margin-bottom: 2em;overflow: hidden;background: #faf2f3;text-align: center;font-size: 0.875em;color: #ff5500;border-bottom: 1px dashed #ddd;}
.pubwramain .pubwracon {width: 100%;height: 5.5em;overflow: hidden;text-align: center;font-size: 1em;}
.pubwramain .pubwracon .priwrabox{width: 100%;padding-top:1.25em;overflow: hidden;margin: 0 auto;}
.pubwramain .pubwracon .priwrabox span{display: inline-block;overflow: hidden;}
.pubwramain .pubwracon .priwrabox span:first-child{max-width: 5em;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.pubwramainbox a{display: block;width: 100%;height: 2.875em;margin-top: 2em; line-height: 2.875em;text-align: center;color: white;font-size: 1em;background: #ff5500;}
.pubwramainbox a:hover{background: #e67781;}
.pubwracon{width: 90%;margin: 0em auto;position: relative;z-index: 1002;top: 25%;}
.pubcolsebox{display: block;width: 1.875em;height: 1.875em;background: url(../tempimg/x.png) no-repeat center;z-index:1003;background-size: 100%;position: absolute;top: -0.625em;right: -0.625em;}
.pubcodewra{width: 100%;position: absolute;z-index:1002;}
.pubcodewra div{width: 80%;margin: 40% auto 0em;box-sizing:border-box;border: 2px solid #ff5500;position: relative;}
.pubcodewra div span{display: block;width: 100%;height: 2.625em;line-height: 2.625em;text-align: center;font-size: 1em;color: #666;background: white;}
.pubcodewra div img{width: 100%;}
.pubcodewra .pubcodesection{width: 90%;margin:0 auto;}
.pubcodewra .pubcodesection .pubexplain{width: 20em;height: 14em;background: url(../tempimg/kuanfont.png) no-repeat center;background-size: contain;margin: 1.25em auto}
.pubcodewra .pubcodesection .pubcodeimgbox{width: 8em;height:8em;position: relative;margin: 0 auto 1.25em;}
.pubcodewra .pubcodesection .pubcodeimgbox img{width: 8em;height: 8em;}
.pubcodewra .pubcodesection p{font-size: 0.875em;font-weight: bold;text-align: center;color: white}
.kjbtn div {padding-top: 0.45em;}
.kjbtn div p{font-size: 1em;color: white;display: inline-block;}
.kjbtn div em{font-size: 1.625em;color: white;display: inline-block;}
.kjbtn span {font-size: 1.25em;line-height: 2.25em;color:white;}
.kjgzbox {width: 100%;background:url(../tempimg/zkjico01.png) no-repeat #ff856d;background-size:25%;box-sizing:border-box;}
.kjgzbox h4{font-size: 1.25em;color: white;text-align: center; padding: 0.625em 0em;}
.kjgzbox span{position: relative;width: 90%;font-size: 0.875em;color: white;line-height: 1.625em;margin:0em auto;display:block;}
.kjgzbox font{font-size: 0.875em;color: white;width: 90%;margin: 0.75em auto 0em}
.kjgxfloata{float: left;}
.kjgxfloatb{float: left;font-size: 1.785em;color: #FAF082;margin: 0em 0.125em}
.kjgzbox h5{font-size: 0.938em;color: white;text-align: center;}
.kjgzbox h6{font-size: 0.938em;color: white;width: 90%;margin: 1.25em auto 0em;}
.kjbreak{width: 100%;height: 1.875em;margin-top: 0.313em}
.kjbreak i{width: 3.625em;height: 1.875em;background: url(../tempimg/zkjico02.png) no-repeat right bottom;background-size:100%;float: right;}
.kjgzbox span a{width: 3.375em;height: 3.375em;display: block;position: absolute;top:-0.5em;left: 75%;background: url(../tempimg/yuea.png) no-repeat center;background-size:100%;
animation-name:myfirst;
animation-duration:0.8s;
animation-timing-function:linear;
animation-delay:0s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;

/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:0.8s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;

}

@keyframes myfirst
{

100% {left:75%; top:0.625em;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{

100% {left:75%; top:0.625em;}
}
.kjgzcon{width: 90%;line-height: 2em;margin: 1.25em auto 0em;text-align: center;}
.kjgzcon a{display: inline-block;border-radius: 4px;border: 1px solid white;width: 30%;height: 2.25em;font-size: 0.875em;color: white;}
.buyfloatbox{width: 1.875em;height: 1.875em;position: fixed;right: 1.25em;bottom: 10em;z-index: 9999;}
.buyfloatbox a{display: block;width: 1.875em;height: 1.875em;border-radius: 1.875em;background: url(../tempimg/buyfloat.png) no-repeat center;background-size: contain;}

/*PC端的首页*/
.pcindexcodebox{display: block; width: 245px;height: 461px;border:1px solid white;border-radius: 4px;margin: 10% auto 0;background: url(../tempimg/pccodebg.jpg) no-repeat center;}
.pcindexcodebox i{width: 148px;height: 148px;margin: 250px auto 0px;}
.pcindexcodebox i img{width: 100%;}
/*版权信息*/
.pubcopyrightbox{width: 100%;padding-bottom:3.625em;}
.pubcopyrightbox .pubcopyrightwrap{max-width: 640px;min-width: 320px;margin: 0 auto;display: block;}
.pubcopyrightbox .pubcopyrightwrap img{width: 6.375em;margin: 0 auto}
.pubcopyrightbox .pubcopyrightwrap em{width: 100%;text-align: center;font-size: 0.75em;line-height: 1em}