html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,dialog {
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
}
ul,ol,li,dl,dt,dd{ list-style:none;}
*{ margin:0; padding:0; color:#333; font-family: arial;}
a{ color:#333; text-decoration:none;}
.clear{ clear:both;}
.l{ float:left;}
.r{ float:right;}
img{ border:0;}
article,aside,details,hgroup,nav,span {
	display:inline-block;
}
footer,header,section,dialog,menu,label,strong,var,em,del,time,figcaption,figure,pre,small,mark,cite,code,fieldset,button {
	display:block;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}
/*禁止页面a标签中href长按弹出复制对话框*/ 
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
}
a,a:visited {
	text-decoration:none;
}
img {
	-webkit-transition-duration:500ms;
	opacity:1;
}
.border-bottom{position: relative;}
.border-bottom:after{content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #ccc;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
/*公共头部*/
.header{width: 100%;height: 2.625em;background: url(../img/top-bg.png) center center no-repeat;position: relative; display: flex;justify-content:space-between; align-items:center;}
.header .back a.arrow{display: block; width:2.625em; height: 2.625em;background: url(../img/back.png) 50% 50% no-repeat;background-size: 1.5em;}
.header .search a.arrow{display: block; width:2.625em; height: 2.625em;background: url(../img/top-l-icon.png) 50% 50% no-repeat;background-size: 1.5em;}
.header .tit h3{font-size: 1em;color: #fff;}
.header .top-link a.nav-icon{display: block;width:2.625em; height: 2.625em;background: url(../img/top-r-icon.png) 50% 50% no-repeat;background-size: 1.5em;}
.header .top-search a.nav-icon{display: block;width:2.625em; height: 2.625em;background: url(../img/search.png) 50% 50% no-repeat;background-size: 1.5em;}
.top-cart{ position: absolute; top: 0; right: 2.35em; width:2.625em; height: 2.625em; background: url(../img/cart.png) 50% 50% no-repeat; background-size: 1.5em;}
.top-cart .cart-num{ display: block; position: absolute; right: 0.25em; top: 0.7em; background: #FF0033; width: 1.25em; height: 1.25em; border-radius: 1.25em; color: #FFFFFF; text-align: center; line-height: 1.25em; font-size: 0.75em;}


.ui-header{position:fixed;width:100%;z-index:100;left:0;top:0;height:2.625em;}
.ui-container-01{ width:100%;border-top:2.625em solid transparent;border-bottom:3em solid transparent;}
.ui-container{ width:100%;border-top:0 solid transparent;border-bottom:3.8em solid transparent;}
.ui-footer{position:fixed;width:100%;z-index:100;left:0;bottom:0;height:3.8em;}
.ui-footer-01{position:fixed;width:100%;z-index:100;left:0;bottom:0;height:3em;}
.ui-header-02{position:fixed;width:100%;z-index:100;left:0;top:0;height:3.2em; background: #FFFFFF; border-bottom: 0.0625em solid #DBDBDB; box-sizing: border-box;}
.ui-container-02{ width:100%;border-top:3.2em solid transparent;border-bottom:0 solid transparent;}


/*下载APP*/
.downloadAPP{ padding: 0 0.75em; height: 3.2em; overflow: hidden; display: flex; justify-content: space-between;}
.downloadAPP .logo{ width: auto; height: 2.4em; padding: 0.4em 0;}
.downloadAPP .logo img{ display: block; width: auto; height: 2.4em;}
.downloadLink{ height: 2.2em; padding: 0 0.5em; margin: 0.5em 0; background: #FFFFFF; border-radius: 4px; border: 1px solid #FC5832;box-sizing: border-box;}
.downloadLink a{ display: block; color: #FC5832; text-align: center; line-height: 2.2em;}
/*底部*/
.footer-01{display:block; overflow:hidden; background:#FEFEFE; margin:0; padding:0;}
a .ekr_box01,a .ekr_box02,a .ekr_box03,a .ekr_box04,a .ekr_box05{border-top:0.0625em solid #e0e0e0;}
.ekr_box01,.ekr_box02,.ekr_box03,.ekr_box04,.ekr_box05{width:20%;display:block;overflow:hidden;float:left;min-height:3em;}
.ekr_box01 .ekr_01{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_01.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box02 .ekr_02{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_02.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box03 .ekr_03{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_03.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box04 .ekr_04{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_04.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box05 .ekr_05{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_05.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box01 p,.ekr_box02 p,.ekr_box03 p,.ekr_box04 p,.ekr_box05 p{float: none; font-size: 0.625em; text-align: center; font-weight: normal; clear: none; color:#333333;}
/**/
a .ekr_box01_a,a .ekr_box02_a,a .ekr_box03_a,a .ekr_box04_a,a .ekr_box05_a{border-top:0.0625em solid #e0e0e0;}
.ekr_box01_a,.ekr_box02_a,.ekr_box03_a,.ekr_box04_a,.ekr_box05_a{width:20%;display:block;overflow:hidden;float:left;min-height:3em;}
.ekr_box01_a .ekr_01{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_01_b.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;} 
.ekr_box02_a .ekr_02{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_02_b.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;} 
.ekr_box03_a .ekr_03{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_03_b.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;} 
.ekr_box04_a .ekr_04{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_04_b.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box05_a .ekr_05{width:3em;height:3em; margin:0 auto;
background:url(../img/footer_05_b.png) 50% 50% no-repeat;
-webkit-background-size: 3em 3em;-moz-background-size: 3em 3em;-o-background-size: 3em 3em;background-size: 3em 3em; display:block;}
.ekr_box01_a p,.ekr_box02_a p,.ekr_box03_a p,.ekr_box04_a p,.ekr_box05_a p{float: none; font-size: 0.625em; text-align: center; font-weight: normal; clear: none; color:#ED801C;}
/*抽奖*/
.ui_bg{ width: 100%; height: 100%; background: #B13318;}
.nav-link{ width: 100%; height: 3em; background: #FFFFFF; display: flex;}
.nav-link li{ width: 25%; display: flex;justify-content:center;align-items:center;}
.nav-link li a{ font-size: 1em;color: #333333; font-weight: 600;}
.nav-link li img{ width: 1.375em; height: 1.375em; padding-top: 0.85em;}
.nav-link li a.elect{height: 3rem; padding: 0 1.5rem; border-bottom: 2px solid #FD9B16; box-sizing: border-box;}
.tit{ font-size: 1.1em; padding: 1rem; color: #FFFFFF; text-align: center;}
.tit h2{ color: #FFFFFF; padding-top: 0.25em;}
.choujiang{width: 70%; padding: 2em; margin: 0 auto; display: block; position: relative;background: url(../img/lun-bg.png) center center no-repeat; background-size: 100%; }
.lun-01{ display: block; position: relative;}
.lun-01 img{ display: block; width: 100%;}
.choujiang .lun-02{ display: block; position: absolute; right: 0; top:80%;}
.lun-02-big{ display: block; width: 7em; height: 7em;}
.lun-02-small{ display: block; width: 4em; height: 4em; position: absolute; top: 1.5em; left: 1.5em;}
/*齿轮转动样式*/
.y0{-webkit-animation-name:slide1;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:slide1;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;}
@-webkit-keyframes slide1{
 0%{-webkit-transform:rotate(0deg);}
 50%{-webkit-transform:rotate(180deg);}
 100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes slide1{
 0%{-moz-transform:rotate(0deg);}
 50%{-moz-transform:rotate(180deg);}
 100%{-moz-transform:rotate(360deg);}
}
.y1{-webkit-animation-name:slide2;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:slide2;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;}
@-webkit-keyframes slide2{
 0%{-webkit-transform:rotate(0deg);}
 50%{-webkit-transform:rotate(-180deg);}
 100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes slide2{
 0%{-moz-transform:rotate(0deg);}
 50%{-moz-transform:rotate(-180deg);}
 100%{-moz-transform:rotate(-360deg);}
}
/* 大转盘样式 */
.banner{display:block; position:absolute; top: 9%; left: 9%; width:82%;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:42.5%;height:42.5%;left:28.75%;top:24%;}
/*抽奖弹层*/
.tc-01{ display: none; width:260px; height: 240px; background: #FFFFFF; border-radius: 10px; margin: 0 auto; overflow: hidden; position: relative;}
.tc-top{ height: 110px; background: url(../img/tc-bg.png) center top no-repeat; background-size:cover;}
.tc-top span{ display: block; font-size: 48px; color: #FFFFFF; font-weight: bold; text-align: center; padding-top: 30px;}
.tc-top p{ color: #FFFFFF; text-align: center; padding-top: 20px;}
.tc-m{ padding: 20px;}
.close{ position: absolute;right: 10px;  top: 10px;width: 25px; height: 25px; background: url(../img/close.png) no-repeat; background-size: 25px; cursor: pointer;}
.tc-btn{ position: absolute;bottom: 15px; left: 20%; width: 60%; height: 32px; background: #FD9B16; border-radius: 16px;}
.tc-btn a{ display: block; text-align: center; line-height: 32px; color: #FFFFFF;}
/*产品分享页面*/
.bg-eb{ background: #EBEBEB;}
.pro-xinxi{ padding:1.5em 0.75em 1.2em 0.75em; background: #FFFFFF;}
.pro-xinxi .xx{ font-size: 1em; color: #000000;}
.pro-xinxi .jg{ padding-top: 0.75em; font-size: 0.9em; color: #000000;}
.pro-xinxi .s1{ color: #F89317; padding: 0 0.25em; font-size: 1.3em;}
.pro-xinxi .s2{ text-decoration:line-through;font-size: 1.1em; color: #999999;}
.pro-xinxi .star{ padding-top: 0.5em; display: flex; align-items: center;}
.pro-xinxi .star i{ display: block; width: 1em; height: 1em; margin: 0 0.05em;}
.pro-xinxi .star .i1{ background: url(../img/star-01.png) no-repeat; background-size: 1em;}
.pro-xinxi .star .i2{ background: url(../img/star-02.png) no-repeat; background-size: 1em;}
.pro-xinxi .star span{ color: #FA9517; padding-left: 0.5em; font-size: 0.8em;}
.pro-text{ padding: 1em 0.75em; background: #FFFFFF; margin-top: 0.75em;}
.pro-text .text-tit{ padding-bottom: 0.75em;}
.pro-text .text-tit span{ font-size: 1em; color: #000000;}
.pro-text .arrow{ background: url(../img/up.png) right top no-repeat; background-size: 1.1em;}
.pro-text .nr{ font-size: 0.95em; line-height: 1.35em;}
.reviews{padding: 1em 0.75em; background: #FFFFFF; margin-top: 0.75em;}
.reviews .reviews-tit span{ font-size: 1em; color: #000000;}
.reviews .reviews-list{ display: block;}
.reviews .reviews-list li{ display: flex; padding: 0.75em 0; position: relative; }
.reviews .reviews-list li:last-child:after{display: none;}
.reviews .reviews-list .reviews-img{ display: block; width: 3em; height: 3em; border-radius: 3em; overflow: hidden; margin-top: 0.75em;}
.reviews .reviews-list .reviews-img img{display: block; width: 100%;}
.reviews .reviews-list .reviews-text{ padding-left: 0.75em; width: 80%; box-sizing: border-box; }
.reviews .reviews-list .reviews-text span{ display: block; padding: 0.25em 0;}
.reviews .reviews-list .reviews-text .name{ font-size: 1em; color: #000000;}
.reviews .reviews-list .reviews-text .time{ font-size: 0.75em; color: #BDCACA;}
.reviews .reviews-list .reviews-text .xq{ font-size: 0.95em; color: #000000;line-height: 1.35em;}
.reviews .reviews-list .reviews-star{ position: absolute; top: 1em; right: 0; display: flex; align-items: center;}
.reviews .reviews-list .reviews-star i{ display: block; width: 1em; height: 1em; margin: 0 0.05em;}
.reviews .reviews-list .reviews-star .i1{ background: url(../img/star-01.png) no-repeat; background-size: 1em;}
.reviews .reviews-list .reviews-star .i2{ background: url(../img/star-02.png) no-repeat; background-size: 1em;}
.related{padding: 1em 0.75em; background: #FFFFFF; margin-top: 0.75em;}
.related .related-tit span{ font-size: 1em; color: #000000;}
.related ul li{ display:block; width: 50%; float: left; margin-top: 0.75em; padding-right: 0.5em; box-sizing: border-box;}
.related ul li a{ display: block;}
.related ul li:nth-child(2n){ padding-right: 0; padding-left: 0.5em;}
.related-img{ display: block; width: 100%; position: relative;}
.related-img .tip{ position: absolute; top: 1em; left: 0; padding: 0.15rem 0.35em; font-size: 0.9em; background: #000000; color: #FFFFFF; border-radius: 0 0.2em 0.2em 0;}
.related-img img{ display: block; width: 100%;}
.related ul li .jg{ padding-left: 0.25em; display: block; font-size: 1.1em; color: #000000; padding-top: 0.5em;}
.related ul li .liulan{ padding-left: 0.3em; display: block; font-size: 0.9em; color: #BEBEBE; padding-top: 0.35em;}
.footer{ width: 100%; height: 2.8em; padding: 0.5em 0; background: #F5F7F6;}
.footer-btn{ height: 2.8em; margin: 0 0.75em; background: #FD9B16; border-radius: 0.35em;}
.footer-btn a{ display: block; color: #FFFFFF; text-align: center; line-height: 2.6em; font-weight: bold; font-size: 1.1em;}
.footer-btn:hover{ background: #FD9404;}
/*返回顶部样式*/
#backtop{ display: none; width: 3em; height: 3em; background: url(../img/back-top.png) no-repeat; background-size: 3em; position: fixed; right: 1em; bottom: 5em;}
#backtop a{ display: block;}
/*show*/
.show-text{  padding-top: 0.75em; font-size: 0.95em; color: #666666;}
.show-time{padding-top: 0.5em; font-size: 0.9em; color: #BDCACA;}
.show-xx{ display: flex; padding-top: 0.75em; position: relative;}
.show-xx .show-img{ display: block; width: 3em; height: 3em; border-radius: 3em; overflow: hidden; margin-top: 0.05em;}
.show-xx .show-img img{display: block; width: 100%;}
.show-xx .show-name{ padding-left: 0.75em; width: 80%; box-sizing: border-box; }
.show-xx .show-name span{ display: block; padding: 0.25em 0;}
.show-xx .show-name .name{ font-size: 1em; color: #000000;}
.show-xx .show-name .time{ font-size: 0.75em; color: #BDCACA;}
.zan{ display:inline-block; position: absolute; right: 0; height: 1.35em; line-height: 1.5em; padding-left:1.75em; font-size: 0.9em; color: #666666; margin-top: 0.75em;}
.bg-01{background: url(../img/zan.png) left bottom no-repeat; background-size: 1.35em 1.35em;}
/*支付成功*/
.zhifuOk{ padding: 12px 12px 12px 46px; background: url(../img/succeed.png) 12px center no-repeat; background-size: 24px; line-height: 24px; color: #21B100; font-size: 1em;}
.zhifuBox{ padding: 10px 12px; background: #FFFFFF; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.zhifu-01{ padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #EEEEEE;}
.zhifu-01 p{ text-align: center; font-size: 1em; line-height: 2em;}
.zhifu-01 h4{ text-align: center; font-weight: normal; font-size: 2em; line-height: 2em; color: #000000;}
.zhifuBox .info{ padding: 6px 0; display: flex; justify-content: space-between;}
.zhifuBox .info span{ display: block; font-size: 0.9em; color: #666666;}
.zhifuBox .infoR{ width: 70%; text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*新加*/
.zhifuBtn01{ width: 80%; margin: 2em auto 1.5em; height: 2.8em; border-radius: 5px; border:0.0625em solid #dbdbdb; background: #FFFFFF;}
.zhifuBtn01 a{ display: block; text-align: center; line-height: 2.8em;}
.zhifuBtn01:hover{ background: #F2F2F2;}
.zhifuBtn02{ width: 80%; margin: 0 auto; height: 2.8em; border-radius: 5px; background: #EF831A;}
.zhifuBtn02 a{ display: block; text-align: center; line-height: 2.8em; color: #FFFFFF;}
.zhifuBtn02:hover{ background: #ff6600;}
.zhifuDefeated{padding: 5em 2em 2em; display: block; overflow: hidden;}
.zhifuDefeated img{ display: block; width: 5em; height: 5em; margin: 0 auto;}
.zhifuDefeated span{ display: block; text-align: center; padding-top: 1em; color: #000000;}
/*修改密码*/
.formout {
  padding: 30px 20px 0 20px;
}
.formout h4 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 30px;
}
.inputDefault {
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
  border-radius: 4px;
  padding-right: 5px;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
  overflow: hidden;
    background: #FFFFFF;
}
.inputBefore {
  display: inline-block;
  width: 30px;
  height: 38px;
  overflow: hidden;
}
.inputText {
  display: block;
  width: 100%;
  padding-right: 10px;
  height: 39px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #333;
  line-height: 39px;
  border: none;
  box-shadow: none;
  outline: none;
}
.inputAfter {
  display: inline-block;
  min-width: 30px;
  height: 38px;
  background: url('../img/iconsee.png') no-repeat center bottom #FFFFFF;
  background-size: 30px 76px;
  overflow: hidden;
}
.inputAfterWord {
  font-size: 12px;
  color: #ff6300;
  line-height: 38px;
}
.inputNoSee {
  background-position-y: top;
}
.loginBtn {
  padding: 10px 20px 0 20px;
}
.btnDef {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  border-radius: 4px;
  background-color: #EF831A;
  font-size: 16px;
  color: #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  line-height: 40px;
}
.btnDef:active {
  background-color: #ff6600;
}
.form-container {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -301px;
	margin-top: -207px;
	padding: 20px 50px 70px 50px;
	border-radius: 8px;
	width: 500px;
	border: 1px solid #DEDEDE;
	background: #f2f2f2;
}