body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

input, select { font-size: 12px; margin: 0; padding: 0; }

body { font-family: -apple-system,Hiragino Sans GB,Roboto,Droid Sans,Microsoft YaHei,Microsoft YaHei UI,Microsoft JhengHei UI,STHeiti,Oxygen,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif !important; color: #fff; width: 100%; margin: 0 auto; min-height: 100vh; }
.body_fo_foot { padding-bottom: 1.5rem; box-sizing: border-box; }
samp { font-family: -apple-system,Hiragino Sans GB,Roboto,Droid Sans,Microsoft YaHei,Microsoft YaHei UI,Microsoft JhengHei UI,STHeiti,Oxygen,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif !important; }
body > div { margin-right: auto; margin-left: auto; }



form, img, ul, ol, li, dl, dd, dt, p { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }

ol, ul, li, dd, dt { list-style: none; margin: 0px; padding: 0px; }

fieldset, a img { border: 0; }

input, select, textarea { font-size: 12px; }

input { vertical-align: middle; border-radius: 0; -webkit-appearance: none !important; }
table { border: none; margin: 0px; padding: 0px; }
input:focus { outline: none; }
select:focus { outline: none; }

.none { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-table; }

a { transition: all .5s; outline: none; text-decoration: none; }

a:hover { color: #000; }
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
.banner { width: 100%; }
.banner img { width: 100% }

.go-back { position: fixed; z-index: 9; width: 0.8rem; height: 0.8rem; background-color: rgba(0,0,0,.4); border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 10px; left: 10px; }
.go-back img { display: block; min-width: 100%; max-width: 100%; height: auto; }
.header { width: 100%; display: flex; align-content: center; justify-content: space-between; position: relative; height: 0.8rem; padding: 0.1rem; box-sizing: border-box; background-color: #0859aa }
.header .back { width: 1.05rem; font-size: 0.2rem; color: #fff; height: 0.6rem; line-height: 0.6rem; }
.header .back img { height: 100%; }
.header h1 { width: 100%; position: absolute; top: 0.1rem; left: auto; height: 0.6rem; line-height: 0.6rem; font-size: 0.36rem; color: #fff; font-weight: 600; text-align: center }
.header .btn { width: 1.05rem; height: 0.58rem; line-height: 0.58rem; border: 0.01rem solid #fff; border-radius: 0.12rem; color: #fff; font-size: 0.28rem; text-align: center; }




.copyright { width: 100%; margin: 0.2rem auto; font-size: 0.34rem; text-align: center; color: #b5c9ff !important; }

.footer { width: 100%; height: 1.25rem; display: flex; align-items: center; justify-content: space-between; padding: 0.25rem 0 0 0; background-color: #fff; position: fixed; bottom: 0; left: 0; z-index: 999; box-shadow: 0px -3px 3px rgba(0,0,0,0.05); }
.footer .item { width: 25%; height: 1.25rem; text-align: center; display: flex; flex-direction: column; align-items: center; color: #efc079 }
.footer .item span { width: 0.57rem; height: 0.57rem; line-height: 0.5rem; display: block }
.footer .item span:before { background: url(../images/f_1.jpg) no-repeat; background-size: contain; position: relative; display: inline-block; width: 100%; height: 100%; content: " "; }
.footer .item:nth-child(2) span:before { background: url(../images/f_2.jpg) no-repeat; background-size: contain; }
.footer .item:nth-child(3) span:before { background: url(../images/f_3.jpg) no-repeat; background-size: contain; }
.footer .item:nth-child(4) span:before { background: url(../images/f_4.jpg) no-repeat; background-size: contain; }
.footer .item samp { font-size: 0.3888888rem; height: 0.5rem; line-height: 0.6rem; color: #656565 }
.footer .item.cur samp { color: #E14629 }



.main { width: 100%; height: 100vh; background: url(../images/bg.jpg) no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; justify-content: space-between }
.main .main01 { height: 32.6vw; width: 90%; margin-left: 5%; margin-top: 20vh; background: url(../images/main01.png) no-repeat; background-size: 100%; line-height: 1.15333333rem; text-align: center; color: #fff; display: flex; flex-direction: column; }
.main .main01 span:nth-child(1) { font-size: 0.5rem; }
.main .main01 span:nth-child(2) { font-size: 0.625rem; }
.main .main02 { height: 1.0833333rem; margin: 9vw 8% 38vw; width: 84%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; border-radius: 0.1rem; }
.main .main02 .input { flex: 1 1 0; height: 1.0833333rem; border: 0rem; line-height: 1.0833333rem; font-size: 0.5rem; text-indent: 0.2rem; border-radius: 0.1rem; }
.main .main02 .btn { height: 1.0833333rem; width: 1.638888rem; background: url(../images/search.png) center center no-repeat #5c4933; border-radius: 0.09rem; border: 0rem; }
.main .main03 { flex: 1 1 0; }
.main .main04 { width: 100%; height: 1.22222222rem; line-height: 1.222222rem; background-color: #110f0c; text-align: center; font-size: 0.3888888rem }

.swiper { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }

.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.list { width: 100%; padding: 4%; box-sizing: border-box; background-color: #F3F3F3 }
.list .title { width: 100%; border-bottom: 1px solid #DEDDDB; text-align: center }
.list .title ul li { width: 20%; display: inline-block; text-align: center; font-size: 0.388888rem; position: relative; height: 1rem; line-height: 1rem; }
.list .title ul li a { color: #333333; }
.list .title ul li.cur a { color: #77542A; font-weight: bold }
.list .title ul li.cur::after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #77542A; content: ''; z-index: 1 }

.list .data { width: 100%; }
.list .data ul { display: flex; align-items: flex-start; flex-wrap: wrap }
.list .data ul li { width: 48%; margin-top: 4%; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15); box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
.list .data ul li:nth-child(2n+1) { margin-right: 2%; }
.list .data ul li:nth-child(2n+2) { margin-left: 2%; }
.list .data ul li a { width: 100%; padding: 5%; box-sizing: border-box; display: flex; flex-direction: column; color: #000 }
.list .data ul li a img { width: 100%; height: 35vw; }
.list .data ul li a h2 { width: 100%; height: 1rem; line-height: 0.5rem; font-size: 0.3333333rem; margin-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list .data ul li a p { width: 100%; margin-top: 0.1rem; display: flex; align-items: center; justify-content: space-between }
.list .data ul li a p i { font-size: 0.444444rem; color: #e24629; font-weight: bold; font-style: initial }
.list .data ul li a p i em { font-size: 0.244444rem; font-weight: initial; }
.list .data ul li a p b { background: url(../images/cart.jpg) no-repeat; background-size: 100%; width: 0.33333rem; height: 0.33333rem }


/*分页页码*/
.page-list { position: relative; margin: 10px 0; padding: 0; clear: both; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,
.page-list span { margin: 0.5em 0; padding: 0.5em 0; display: none; float: left; width: 24.5%; line-height: 1.2em; border-left: 1px solid #ececec; font-size: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page-list a:active { background: #ececec; }
.page-list span { color: #999; }
.page-list a { color: #333; }
.page-list span:nth-child(1), .page-list span:nth-child(2), .page-list a:nth-child(2) { display: block; float: left; }
.page-list span:nth-last-child(1), .page-list a:nth-last-child(1) { display: block; float: left; border-left-color: #ececec; }
.page-list .current { display: block; float: left; }

.details { width: 100%; background-color: #fff; padding-bottom: 0.3rem }
.details .title { width: 100%; padding: 0.3rem 4% 0.1rem; box-sizing: border-box; border-top: 1px solid #efefef; }
.details .title .price { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.details .title .price span { font-size: 0.277777rem; color: #E14629; }
.details .title .price span i { font-size: 0.25rem; font-style: inherit }
.details .title .price span em { font-weight: bold; font-size: 0.44444rem; font-style: inherit }
.details .title .price samp { font-size: 0.33333rem; color: #999999; }
.details .title h2 { color: #000; font-size: 0.44444rem; font-weight: 600; line-height: 0.55rem; padding: 0.2rem 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.details .title .btn { width: 100%; margin: 0.4rem 0; background-color: #E14629; border: 0; border-radius: 8px; text-align: center; height: 1.222222rem; line-height: 1.22222rem; color: #fff; font-size: 0.44444rem; }
.details .items { width: 100%; background-color: #F3F3F3; height: 7.6vw; line-height: 7.6vw; text-align: center; padding: 0.6rem 0 }
.details .items span { display: inline-block; width: 28vw; height: 7.6vw; line-height: 7.6vw; border-radius: 3.8vw; background-color: #fff; color: #000; margin: 0 2%; font-size: 0.416666rem; }
.details .items span.cur { background-color: #77552B; color: #fff; }

.details .info { width: 100%; padding: 0.3rem 4% 0.1rem; box-sizing: border-box; }
.details .info ._item { width: 100%; }
.details .info ._item .t { width: 100%; font-size: 0.416666rem; padding: 0.1rem 0; color: #000; font-weight: bold }
.details .info ._item .t .context { width: 100% }
.details .info ._item .box { width: 100%; }
.details .info ._item .box img { max-width: 100%; }

.details .info ._item .data { width: 100%; }
.details .info ._item .data ul { display: flex; align-items: flex-start; flex-wrap: wrap }
.details .info ._item .data ul li { width: 31.33333%; margin-top: 4%; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15); box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
.details .info ._item .data ul li:nth-child(3n+1) { margin-right: 2%; }
.details .info ._item .data ul li:nth-child(3n+2) { margin-right: 2%; }
.details .info ._item .data ul li:nth-child(3n+3) { margin-left: 2%; }
.details .info ._item .data ul li a { width: 100%; padding: 5%; box-sizing: border-box; display: flex; flex-direction: column; color: #000 }
.details .info ._item .data ul li a img { width: 100%; height: 27vw; }
.details .info ._item .data ul li a h2 { width: 100%; height: 0.9rem; line-height: 0.45rem; font-size: 0.3rem; margin-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.details .info ._item .data ul li a p { width: 100%; margin-top: 0.1rem; display: flex; align-items: center; justify-content: space-between }
.details .info ._item .data ul li a p i { font-size: 0.4rem; color: #e24629; font-weight: bold; font-style: initial }
.details .info ._item .data ul li a p i em { font-size: 0.244444rem; font-weight: initial; }
.details .info ._item .data ul li a p b { background: url(../images/cart.jpg) no-repeat; background-size: 100%; width: 0.3rem; height: 0.3rem }


.search { width: 100%; background: #e7e7e7; }

.search .box1 { height: 1.5833333rem; margin: 5vw 5% 0; padding: 20px 15px; width: 90%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; border-radius: 0.2rem; box-sizing: border-box }
.search .box1 .input { flex: 1 1 0; height: 1.0833333rem; border: 0rem; line-height: 1.0833333rem; font-size: 0.5rem; text-indent: 0.2rem; border-radius: 0.1rem; }
.search .box1 .btn { height: 0.7rem; width: 0.745rem; background: url(../images/f_3.jpg) center center no-repeat #fff; background-size: 100%; border-radius: 0.09rem; border: 0rem; }

.search .box2 { margin: 5vw 5% 0; padding: 20px 15px; width: 90%; background-color: #fff; border-radius: 0.2rem; box-sizing: border-box; display: flex; flex-direction: column; text-align: center }
.search .box2 .key { font-size: 0.444rem; color: #333333; font-weight: 400 }
.search .box2 .key em { color: #CB0000; font-style: inherit }
.search .box2 .c { font-size: 0.333rem; color: #333333; font-weight: 400; margin-top: 0.1rem }
.search .box2 .s-list { font-size: 0.7638rem; color: #191919; margin-top: 0.2rem; display: flex; flex-direction: column }
.search .box2 .s-list a { color: #191919; margin-top: 0.1rem; }


.search .box3 { margin: 5vw 5% 0; padding: 20px 15px; width: 90%; background-color: #fff; border-radius: 0.2rem; box-sizing: border-box; display: flex; flex-direction: column; text-align: left }
.search .box3 .num { width: 100%; font-size: 0.38888rem; color: #333333; font-weight: 400; }
.search .box3 .img { width: 100%; margin-top: 0.2rem }
.search .box3 .img img { width: 100% }
.search .box3 .collect_time { width: 100%; font-size: 0.44444rem; color: #333333; font-weight: 400; margin-top: 0.4rem; line-height: 0.65rem }
.search .box3 .price { width: 100%; font-size: 0.44444rem; color: #333333; font-weight: 400; margin-top: 0.4rem; line-height: 0.65rem }
.search .box3 .price b { color: #B93906 }

.search .box3 .btn { width: 100%; margin: 0.4rem 0; background-color: #77552B; border: 0; border-radius: 8px; text-align: center; height: 1.222222rem; line-height: 1.22222rem; color: #fff; font-size: 0.44444rem; }

.search .box4 { margin: 5vw 5% 0; padding: 20px 15px; width: 90%; background-color: #fff; border-radius: 0.2rem; box-sizing: border-box; display: flex; flex-direction: column; text-align: left }
.search .box4 .t { width: 100%; font-size: 0.44444rem; color: #B93907; font-weight: 400; line-height: 0.65rem }
.search .box4 .t img { height: 0.3333rem }
.search .box4 .item { width: 100%; font-size: 0.333333rem; color: #333333; font-weight: 400; margin-top: 0.35rem; line-height: 0.5rem }
.show_box { background-color: #505050c4; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; display: none }
.show_box .box { position: absolute; top: 30%; left: 5%; width: 90%; padding: 5vw; box-sizing: border-box; background-color: #fff; border-radius: 0.2rem; }
.show_box .box .title { width: 100%; font-size: 0.44444rem; color: #B93907; font-weight: 400; line-height: 0.65rem; text-align: center }
.show_box .box .t { width: 100%; font-size: 0.4rem; color: #333; font-weight: 400; line-height: 0.65rem }
.show_box .box .input { width: 100%; font-size: 0.4rem; color: #333; font-weight: 400; line-height: 1.2rem; height: 1.2rem; margin-bottom: 0.5rem }
.show_box .box .input .txt { width: calc(100% - 0.2rem); border: 1px solid #999; border-radius: 0.1rem; line-height: 0.65rem; height: 0.65rem; padding: 0.1rem; }
.show_box .box .btn { width: 100%; margin: 0.4rem 0; background-color: #77552B; border: 0; border-radius: 8px; text-align: center; height: 1.222222rem; line-height: 1.22222rem; color: #fff; font-size: 0.44444rem; }
.show_box .box .close { background: url(../images/close.gif) center center no-repeat; background-size: 70%; width: 0.5rem; height: 0.5rem; padding: 0.1rem; position: absolute; top: 0.1rem; right: 0.1rem; z-index: 1 }