*{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
* { touch-action: pan-y; }

html, body { padding: 0; margin: 0 auto; max-width: 720px; }
li, ul, p, h3,h1 { list-style: none; padding: 0; margin: 0 }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.05); text-decoration: none }
a:hover { -webkit-tap-highlight-color: transparent; }
a:hover { -webkit-tap-highlight-color: transparent; }

.menu { position:fixed; top:0; width:100%; display:flex; justify-content:space-between; height:4rem; max-width: 720px; z-index:100; background:#fff}
.menu .logo { background:url(/m/img/logo.png) no-repeat center center; background-size:80%; width:10rem; height:4rem; }
.menu .nav { background:url(/m/img/menu.png) no-repeat center center; background-size:50%; width:4rem; height:4rem; }

.topMenu { position:fixed; background:#fff; top:3.8rem; left:0; width:100%; box-shadow: -2.5px 0px 4px 2.5px rgba(70,70,70,0.10); z-index:10; display:none}
.topMenu li { border-bottom:1px solid #e8e8e8; width:94%; margin:0 auto}
.topMenu li:last-child { border-bottom:0;}
.topMenu li a { display:flex; padding:1rem; justify-content:space-between; align-items:center}
.topMenu li a span { color:#000; font-size:1rem;}
.topMenu li a i { background:url(/m/img/arrows.png) no-repeat center center; width:.8rem; height:.8rem; display:inline-block; background-size:80%;}

.topbg { position:relative; }
.topbg img { display:block; max-width:100%; margin:0 auto}
.topbg .topfont { position:absolute; width:10rem; height:3rem;  top:50%; left:50%; margin-left:-5rem; text-align:center; margin-top:-1.5rem; color:#fff}
.topbg .topfont h1 { font-size:1.4rem; font-weight:400}
.topbg .bg_img { text-align:center}

.text p img { max-width:100%;}


.bottom {  padding:1.3rem 0; color:#000; position:relative; background:rgba(190, 182, 181, .7);   text-align:center }
.bottom p { color:#fff; padding:.5rem 0 0 0; font-size:.8rem;}
.bottom p a { color:#fff}
.bottom img { max-width:8rem; margin-bottom:.7rem;}


.product_type {  border-bottom:1px solid #eee; padding:1rem .5rem;}
.product_type span { display:inline-block; margin:0 .5rem 0 0 ; padding:.3rem .5rem; cursor:pointer; font-size:.8rem;}
.product_type .hover{ background:#fcad1b; color:#fff; border-radius:4px;}
.type_da span:hover {background:#fcad1b; color:#fff; border-radius:4px; } 
.type_xiao span:hover {color:#fcad1b; font-weight:bold } 


.page { text-align:center; padding:20px 0 40px 0}
.page span { border:1px solid #eee; display:inline-block; padding:15px 30px; border-radius:4px; font-size:16px; cursor:pointer; color:#444; margin-right:15px;}
.page span:hover {background:#fcad1b; color:#fff; } 
.tipmsg { position: fixed; max-width: 200px; padding: 15px 20px; background-color: rgba(0,0,0,.8); color:#fff;  border-radius: 6px; top: 50%; left: 50%; z-index: 100000; box-shadow: 0 2px 8px #555; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display:none; font-size:.8rem; }
#more { text-align:center; padding:2rem 0 .4rem  0; color:#999; font-size:.8rem; }


.product_list ul {  display:flex; justify-content:space-between; flex-wrap:wrap; padding:1rem;}
.product_list ul li { width:48%;   overflow: hidden; position:relative; margin-bottom:1rem;  background:#f9f9f9;  border-radius: 0px 0px 5px 5px;
box-shadow: -2px 0px 3.96px 0.02px rgba(0,0,0,0.10); }
.product_list ul li a { display:block; transition: all .7s; overflow: hidden; position:relative;  max-width:100%;}
.product_list ul li  img{max-width:100%; }
.product_list ul li .img {   display:flex; justify-content:center; align-items:center;     }
.product_list ul li p { color:#444;  padding:.7rem; font-size:.9rem; text-align:center}
.product_list ul li a:hover p { color:#fcad1b}
/*.product_list ul li a:hover { transform: scale(1.15); }*/

.tags { margin: 1rem 1rem 0 1rem; }
.tags a { color:#444; font-size:.8rem;}
.tags a:hover { color:#fcad1b}
.tags i { font-style:normal; display:inline-block; margin:0 5px;}
.tags h1 { text-align:left; color:#640f14; font-size:1.1rem; margin:.5rem 0 0 0; font-weight:400}
.tags span { font-size:.8rem;}

.main { padding:1rem 0; overflow:hidden; }
.main .product_info img { max-width:100%;}
.main .productinfo_list {padding:1rem;  }
.main .productinfo_list ul li a { display:block}
.main .productinfo_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.main .productinfo_list ul li { width:48%;  text-align:center; padding:1rem 0 0 0}
.main .productinfo_list ul li img { max-width:100%;}
.main .productinfo_list ul { width:100%;}
.main .productinfo_list ul li p { color:#444; padding-top:.5rem; font-size:.8rem}
.main .productinfo_list ul li a:hover p { color:#fcad1b}
.main .productinfo_list .rec { font-size:1rem; color:#444; font-weight:bold}

.floatkefu { position:fixed; right:1rem; top:40%; margin-top:-30px; width:2.4rem; height:2.4rem; background: rgb(253, 217, 146);  display:flex; justify-content:center; align-items:center; border-radius:50%; cursor:pointer; z-index:5   }
.floatkefu img { max-width:1.6rem; margin-top:.2rem;}
.floatkefu p { position:fixed; width:70px; height:30px;  top:41.5%;  color:#40070a; text-align:center; line-height:30px; font-size:.8rem; right:0; }