@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-size:14px; line-height:160%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Arial, Meiryo,sans-serif; overflow-x:hidden; background-color: #fff; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
a{ text-decoration:none; color:inherit;}
.oph08{ transition:opacity 0.3s; }
.oph08:hover{ opacity:0.8; }

.red_cl{ color:#e60012;}
.red_bucl{ color:#c81815;}
.pink_cl{ color:#ee9d9a;}
.blue_cl{ color:#2573a1;}
.bluein_cl{ color:#4e78aa;}
.ql_cl{ color:#02a586;}
.or_cl{ color:#be7900;}
.gr_cl{ color:#86b901;}
.ye_cl{ color:#fdd000;}



.f16{ font-size: 0.16rem; line-height: 178%; }
.f18{ font-size: 0.18rem; line-height: 178%; }
.f20{ font-size: 0.2rem; line-height: 180%; }
.f24{ font-size: 0.24rem; line-height: 170%; }
.f30{ font-size: 0.3rem; line-height: 150%; }


.align_center{ text-align: center; }

.inpv{ text-align: center;  }
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}



/******************************index************************************************/
html{ font-size:100px;}
body{ position:relative;/*font-family: "Mplus 1p"; */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.sp_none{display: block;}
.pc_none{display: none;}


.warp{margin:0 auto 0px auto; position:relative; z-index:10; min-height:100%; box-sizing:border-box;}

.header{ padding:0 0.5rem 0.2rem 0.5rem;background: #000;}

.main{margin-top:-0.2rem; }
.m01{ background: #fdd000; }
.bgm01{background: url(../images/mbg_01.png) center 0 repeat-x; background-size:auto 100%; height:10px; }
.bgm02{background: url(../images/mbg_02.png) center 0 repeat-x; background-size:auto 100%; height:10px; margin-bottom:0.4rem; }

.main .mob_inner{ width: 900px; max-width: 100%; margin: 0 auto 0.75rem auto; padding:0.55rem 2.5%;font-size: 20px;font-size:0.2rem;  line-height:150%;font-weight:bold; box-sizing: border-box;}
.main .mob_02{ margin: 0 auto 0.25rem auto;}
.main .mob_01{ background-color: transparent;font-size: 24px;font-size:0.24rem; text-align: center; margin-bottom: 0;  }


.bntit{ text-align: center; position: relative; font-size: 0.32rem; color: #fdd000; background: #fdd000; height:6px;margin-bottom: 2em; }
.bntit .bnt_nt{ position: relative; top: -0.7em; display: inline-block; padding: 0.2em 1em; background: #fff; }


.main .mob_inner .inner_title{ /* font-weight: 400; */ text-align: center; padding-bottom: 1em;}
.main .mob_inner .intimef28{ font-size:28px; font-size:0.28rem;}


.mob_inner a{color:#008aff;}
.mob_inner a:hover{ text-decoration:underline;color:#e8380d;}
.ban_links{ display: inline-block; background-color:#e49100; border-radius:999px;transition:all 0.3s;}
.ban_links:hover{ background-color:#ffac1b;}


.tp_lvs{ text-align: center; font-size: 34px; font-size: 0.34rem; line-height: 120%; padding-bottom:0.8em; margin-top: -1em; }
.tm_h2{ text-align: center;position: relative; z-index: 10; height: 0; padding: 0 2.5%; }
.tmf{font-size:28px; font-size:0.28rem;  color:#fff; text-align: center; position: relative;line-height:1.75em; /* padding: 0.14em; */ margin: 0; border-radius: 999px; letter-spacing: 0.1em; font-weight: 400; background: url(../images/title_bg.png) center center no-repeat; background-size: 100% auto; }

.title_dt01{background-color:#ee9d9a; }
.title_dt02{background-color:#63bec6; }
.title_dt03{background-color:#55638a; }
.title_dt04{background-color:#ada0c8; }
.tmf span{ position: relative;}

.mob_inner h3{ font-size:28px;font-size:0.28rem; line-height:120%; text-align:center; }

.mob_inner .ined{ position: relative; }
.mob_inner .timeend{text-align: left; position: absolute; top: 0%; left: 0%; bottom: 0; right: 0;background: rgba(0,0,0,0.6);
	background-size: 0.3em 0.3em;
    background-color: rgba(0,0,0,0.6);
    background-image: -webkit-linear-gradient(45deg, rgba(50, 50, 50, .2) 25%, transparent 25%, transparent 50%, rgba(50, 50, 50, .2) 50%, rgba(50, 50, 50, .2) 75%, transparent 75%, transparent);
    /* background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); */
}

.mob_inner .timeend span{font-size:30px; font-size:0.3rem; color: #ff0000;  display: inline-block;  padding: 0.1em 0.3em; transform:translate(0%,60%) rotate(-10deg);}



.mob_inner .in_cont{ padding:2% 0 0 0;}
.mob_inner .in_cont dt{ float:left; width:16.1%; text-align:right; padding:0 4.5% 0 1%; color:#e8380d;padding-bottom:25px; }
.mob_inner .in_cont dd{ float:left; width:78.4%; padding-bottom:25px;}
.mob_inner .in_cont .in_txt02{ font-size:18px;font-size:0.18rem; line-height:187.5%;}
.mob_inner .in_cont .in_tt02{ font-size:15px;font-size:0.15rem; line-height:162.5%;color:#333333;}
.mob_inner .ic_mf{ display:inline-block; padding:5px 15px; font-size:19px;font-size:0.19rem; line-height:100%; color:#FFF; background:#e72c61; border-radius:6px; font-weight:400; margin:0 5px; text-decoration:none;}
.mob_inner .ic_mf02{ display:inline-block;line-height:100%;padding:0.2em 0.4em; color:#FFF; background:#e72c61; border-radius:6px; font-weight:400; margin:0 5px; text-decoration:none;}
.mob_inner .ic_mf:hover{ opacity:0.8; text-decoration:none;}
.mob_inner .ic_mf02:hover{ opacity:0.8; text-decoration:none;}

.mob_inner .sm_ft{ font-weight:400; font-size:16px;font-size:0.16rem; line-height:180%; display:inline-block;}
.mob_inner .sm_ft03{font-size:16px;font-size:0.16rem; line-height:162.5%; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .sm_ft02{font-size:18px;font-size:0.18rem; line-height:162.5%; font-weight:400; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .in_tms{ color:#e8380d; font-size:20px; font-size:0.2rem; }
.mob_inner .in_tms02{ color:#000; font-size:20px; font-size:0.2rem; }
.mob_inner .ban_info:hover{ opacity:0.8;}

/*goods*/
.goods_list{ padding: 2.5%; background-color:#f2f2f2; display: flex; flex-wrap:wrap;  }
.goods_list dl{/*  float: left; */ width: 48%; padding: 1%; }
.goods_list .goods_incnline{ width:100%; box-sizing:border-box; }

.goods_list dl dt{ text-align: center; }
.goods_list dl dd{ text-align: center; padding: 10px 5px; font-size:20px;font-size:0.2rem;  line-height: 140%;}
.goods_new{ display: inline-block; padding: 5px 15px; color: #fff; background-color:#ea5432; line-height: 100%; margin: 5px;   }
.goods_name{}
.goods_price{color: #e8380d;}
.goods_info{ text-align: left; font-weight: 400; font-size: 15px;font-size: 0.15rem;line-height: 140%;}
.sen2 {background-image: url(../images/line.png);background-repeat: repeat-x;width: 100%;height: 5px;margin-top: 5px;margin-bottom: 5px;}
.goods_txin01{ padding-left: 1em; text-indent: -1em; display: block; }
.goods_txin02{ padding-left: 2em; text-indent: -2em; display: block; }
.goods_txin03{ padding-left: 3em; text-indent: -3em; display: block; }
.goods_txin04{ padding-left: 4em; text-indent: -4em; display: block; }
.goods_txin05{ padding-left: 5em; text-indent: -5em; display: block; }

/*goods*/

.listtitle{ background:#60c1bd;font-size:26px; font-size:0.26rem; line-height:0.5rem; font-weight: 400; color:#fff; text-align: center; height: 0.5rem; }
.listtable{font-size:18px;font-size:0.18rem; }
.listtable td{ padding: 0.5em;border-bottom: 1px solid #00ab84; }
.listtable td a{ color: #ea5432; font-weight: bold;}
.listtable td a:hover{ text-decoration: underline; }


.mob_inner .inner_box{ background:#f2f2f2; padding:25px;}
.sm_right{ text-align:right; font-size:14px; font-size:0.14rem; padding-top:5px; letter-spacing:2px; }
.txtin{ text-indent:-1em; padding-left:1em; display:inline-block;}
.line{ height:5px; background:url(../images/line.png) 0 0 repeat-x; margin:10px 0;}


.back_footer {height: 100px;padding-top:50px;font-size:11px;line-height: 1.5em;padding-bottom: 30px;background:#000;/* url(../images/back00.png) 0 0 repeat-x */text-align:center; position:relative; z-index:20; color:#fff;}
.back_footer h3{font-weight: normal;font-style: normal;margin-bottom: 0px;font-size: 100%;}

#page-top {position: fixed;bottom: 20px;right: 20px; z-index:30;}
#page-top a{ display: block; width: 0.7rem; }

@media screen and (max-width: 1020px){
.warp{padding: 0; }

}
@media screen and (max-width: 750px){
body{ background-size: 15%; }

/* 
.tmf{line-height:1em; height:auto; padding:0.01em; }
.tmf span{ display: inline-block; line-height: 100%;  margin: 0.54em 0 0.24em 0;}
*/
.sp_none{display: none;}
.pc_none{display: block;}

.warp{padding: 0; }
.mob_inner .bntit{font-size:0.36rem; line-height:120%; height: 4px;}
.bntit .bnt_nt{ }

.mob_inner .in_cont dt{ width:17.1%; text-align:right; padding:0 4.5% 0 0%; }

.mob_inner .ic_mf{ padding:0.05rem 0.15rem; border-radius:0.06rem;margin:0 0.06rem; position: relative; top: -0.04rem;}


#page-top {bottom:0.2rem;right:0.2rem;}

    


/*goods*/
.goods_list{ padding: 2.5%;  }
.goods_list dl{ width: 96%; padding: 2%; overflow: hidden; }
.goods_name{ font-size: 0.85em;}
.goods_price{ font-size: 0.85em; }
.goods_list dl dt{ float: left; width: 28%; padding-right:2%; }
.goods_list dl dd{ float: left; width: 70%; text-align: left; padding:0; font-size: 0.28rem;}

.goods_list .goods_incnline dt{ float: none; width: 100%; padding-right:0; }
.goods_list .goods_incnline dd{ float: left; width: 100%; text-align: center;}


/*goods*/

.back_footer {height:auto;padding-top:0.5rem;font-size:11px;line-height: 1.5em;padding-bottom: 0.3rem;}



}

@media screen and (max-width: 640px){
.mob_inner h3{line-height:120%; }
.mob_inner .in_cont dt{ float:none; width:100%; text-align:left; padding:0% 0 0.15rem 0; color:#e8380d; }
.mob_inner .in_cont dd{ float:none; width:100%; padding:0% 0 0.25rem 0;}


.main .mob_inner{ font-size: 0.3rem; }
.mob_inner .sm_ft{ font-size: 0.2rem; }

}