/* <!---------------------- 头部 ----------------------> */
.gn_header {
   width: 7.5rem;
   min-height: 4.4rem;
   
   padding-top: 0.16rem;
}

/* logo */
.xg_logo {
   height: 0.7rem;
   line-height: 0.7rem;
   margin-bottom: 0.3rem;
}

.xg_logo .img {
   height: 0.7rem;
   width: 0.7rem;
   margin-right: 0.21rem;
}

.xg_logo .img img {
   height: 0.7rem;
   width: 0.7rem;
}

.xg_logo .txt {
   font-size: 0.36rem;
   color: #fff;
}

/* 地址 */
.xg_dz {
   margin-bottom: 0.28rem;
}

.xg_dz .img {
   height: 0.35rem;
   width: 0.35rem;
   margin-right: 0.1rem;
}

.xg_dz .img img {
   height: 0.35rem;
   width: 0.35rem;
}

.xg_dz .txt {
   font-size: 0.32rem;
   color: #fff;
   margin-top: -0.06rem;
}

.xg_dz .dun {
   font-size: 0.3rem;
   color: #fff;
}

.sousuo .box {
   margin-bottom: 0.4rem;
   height: 0.6rem;
   background-color: #fff;
   border-radius: 0.3rem;
   padding: 0 0.3rem;
   position: relative;
}

.sousuo .box .img {
   width: 0.25rem;
   height: 0.25rem;
   margin-right: 0.21rem;
   margin-top: 0.1rem;
}

.sousuo .box .img img {
   width: 0.25rem;
   height: 0.25rem;
}

.sousuo .box input {
   width: 4.5rem;
   height: 0.6rem;
   font-size: 0.24rem;
   line-height: 0.6rem;
}

.sousuo .box .txt {
   margin: 0 auto;
   width: 1.3rem;
   height: 0.6rem;
   background-color: #8B81E0;
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 0.3rem;
   text-align: center;
   line-height: 0.6rem;
   color: #fff;
   font-size: 0.28rem;
}


/* 轮播图 */
.gn_header .banner {
   width: 7.5rem;
   height: 4.2rem;
   position: relative;
   z-index: 9999;
   margin-left: -0.3rem;
}

.gn_header .banner img {
   width: 7.5rem;
   height: 4.2rem;
   /* border-radius: 0.2rem 0.2rem 0 0; */
}

.kaic_box {
   /* width: 7.5rem; */
   height: 0.9rem;
   background-color: #FFFFFF;
   padding: 0.26rem 0.2rem 0 0.2rem;
   /* border-radius: 0.1rem 0.1rem 0.2rem 0.2rem; */
   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
   /* margin-left: -0.3rem; */
}

.kaic_box .img {
   width: 1.51rem;
   height: 0.34rem;
}

.kaic_box .img img {
   width: 1.31rem;
   height: 0.34rem;
}

.kaic_box .time {
   margin-left: 0.4rem;
   font-size: 0.28rem;
   color: #666666;
}


/* <!---------------------- 导航区 --------------------> */
.gn_nav {
   margin-bottom: 0.3rem;
   height: 2.2rem;
   background-color: #fff;
   position: relative;
   padding-top: 0.5rem;
   margin-top: 0.8rem;
}

.gn_nav .banbian {
   width: 7.5rem;
   height: 1rem;
   background-color: #fff;
   position: absolute;
   top: -1rem;
   left: 0rem;
   border-radius: 0.3rem 0.3rem 0 0;
}

.gn_nav .tishi {
   background-color: #fff;
   padding-top: 1.1rem;
}

.navimg img {
   width: 6.9rem;
   height: 1.92rem;
}

.zhuanqu {
   width: 6.9rem;
   height: 4.33rem;
}

.zhuanqu .biaoyi {
   width: 6.9rem;
   height: 0.6rem;
}

.zhuanqu .biaoyi img {
   width: 3.96rem;
   height: 0.4rem;
}

.zhuanqu .biaoyi .spnav {
   font-size: 0.22rem;
   color: #666666;
   padding-top: 0.1rem;
}

.zhuanqu .biaoyi .spnav span {
   font-size: 0.22rem;
   color: #666666;
   font-weight: bold;
}


.sp_box {
   width: 6.9rem;
   height: 3.6rem;
}

.sp_box .item1 {
   width: 2rem;
   height: 3.6rem;
   background-color: #fff;
   position: relative;
   display: inline-block;
   border-radius: 0.1rem;
   /* margin-left: 0.2rem; */
   margin-right: 0.15rem;
}

.sp_box .item1:last-child{
   margin-right: 0;
}

.sp_box .item1 .img {
   width: 2rem;
   height: 2rem;
   border-radius: 0.1rem 0.1rem 0 0;
   position: relative;
}

.sp_box .item1 .img .sp_img {
   width: 2rem;
   height: 2rem;
   border-radius: 0.1rem 0.1rem 0 0;
}

.sp_box .item1 .show {
   width: 2rem;
   height: 1.4rem;
   padding: 0.1rem;
   border-radius: 0 0 0.1rem 0.1rem;
   box-shadow: 0 0 0.1rem #ccc;
}

.sp_box .item1 .show .title {
   color: #333333;
   width: 1.79rem;
   height: 0.6rem;
   display: inline-block;
   white-space: normal;
   word-break: break-all;
   overflow: hidden;
   font-size: 0.24rem;
}

.sp_box .item1 .show .jiage {
   color: #FF414B;
   font-size: 0.24rem;
   position: absolute;
   bottom: -0.4rem;
   left: 0rem;
}

.sp_box .item1 .show .jiage span {
   font-size: 0.24rem;
   font-weight: bold;
}


.sp_box .item1 .show .cart {
   width: 0.33rem;
   height: 0.33rem;
   position: absolute;
   bottom: -0.4rem;
   right: 0rem;
}

.sp_box .item1 .show .cart img {
   width: 0.33rem;
   height: 0.33rem;
}

/* <!---------------------- 内容区 --------------------> */
.gn_list {
   width: 7.5rem;
   background-color: #fff;
   padding-bottom: 0.4rem;
}

.gn_list .li_title {
   height: 0.91rem;
   line-height: 0.91rem;
   display: flex;
   justify-content: center;
   padding-top: 0.25rem;
}

.gn_list .li_title img {
   width: 2rem;
   height: 0.4rem;
}

.gn_list .container .item {
   width: 3.3rem;
   background-color: #fff;
   position: relative;
   border-radius: 0.1rem;
   margin-bottom: 0.4rem;
   break-inside: avoid;
}

.gn_list .container .item .img {
   width: 3.3rem;
   height: 3.3rem;
   border-radius: 0.1rem 0.1rem 0 0;
}

.gn_list .container .item .img img {
   width: 3.3rem;
   height: 3.3rem;
   border-radius: 0.1rem 0.1rem 0 0;
}

.gn_list .container .item .show {
   width: 3.3rem;
   padding: 0.3rem 0.3rem;
   border-radius: 0 0 0.1rem 0.1rem;
   box-shadow: 0 0 0.1rem #ccc;
}

.ysx {
   width: 3.3rem;
   height: 3.3rem;
   position: absolute;
   top: 0rem;
   right: 0rem;
   z-index: 149;
}

.gn_list .container .item .show .title {
   width: 2.7rem;
   margin-bottom: 0.16rem;
   color: #333333;
   font-size: 0.32rem;
}

.gn_list .container .item .show .xiangqing {
   height: 0.24rem;
   color: #666;
   font-size: 0.24rem;
   margin-bottom: 0.2rem;
}

.gn_list .container .item .show .jiage {
   color: #FF414B;
   font-size: 0.24rem;
   width: 2rem;
}

.gn_list .container .item .show .jiage span {
   font-size: 0.36rem;
   font-weight: bold;
}

.gn_list .container .item .show .cart {
   width: 0.5rem;
   height: 0.5rem;
   position: absolute;
   top: 0rem;
   right: 0rem;
}

.gn_list .container .item .show .cart img {
   width: 0.5rem;
   height: 0.5rem;
}


.container {
   width: 100%;
   column-count: 2;
}

.count {
   position: absolute;
   bottom: -0.05rem;
   right: 0rem;
}

.count .jian {
   margin-left: 0.31rem;
   width: 0.4rem;
   height: 0.4rem;
   border-radius: 50%;
   border: 0.01rem solid #999999;
   color: #999999;
   display: flex;
   align-items: center;
   font-size: 0.42rem;
   line-height: 0.4rem;
}

.count input {
   width: 0.5rem;
   text-align: center;
   border: none;
   font-size: .24rem;
   background-color: aliceblue;
}

.count .jia {
   width: 0.4rem;
   height: 0.4rem;
   border-radius: 50%;
   border: 0.01rem solid #FD5211;
   font-size: 0.32rem;
   color: #FD5211;
   text-align: center;
   line-height: 0.4rem;
}

.jpin {
   width: 1.1rem;
   height: 1.17rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.tejiapin {
   width: 1.52rem;
   height: 1.46rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.xinpin {
   width: 1rem;
   height: 1rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.remaipin {
   width: 1.4rem;
   height: 1.19rem;
   position: absolute;
   top: -0.08rem;
   left: -0.1rem;
}

.bpin {
   width: 1.1rem;
   height: 0.76rem;
   position: absolute;
   top: 0.11rem;
   right: 0.14rem;
}

.cjbpin {
   width: 1.18rem;
   height: 0.99rem;
   position: absolute;
   top: 0.11rem;
   right: 0.14rem;
}


/* 弹窗 */
.tc_box {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 999999;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
}

.tc_box .tanchuang {
   width: 7.26rem;
   height: 7.43rem;
   margin: auto;
   position: relative;
}

.tc_box .tanchuang .img {
   width: 7.26rem;
   height: 7.26rem;
   position: relative;
   background-image: url('/images/newindex/bj.png');
   background-size: cover;
}

.tc_box .tanchuang .img img {
   width: 2.29rem;
   height: 0.61rem;
   position: absolute;
   bottom: 1.3rem;
   left: 2.5rem;
}

.tc_box .tanchuang .img2 img {
   width: 0.52rem;
   height: 0.52rem;
   position: absolute;
   bottom: 0rem;
   left: 3.35rem;
}

.navimg {
   padding-bottom: 0.3rem;
}

.navimg img {
   width: 6.9rem;
   height: 1.92rem;
}

.jtj {
   width: 1rem;
   height: 0.4rem;
   background-color: #FF414B;
   border-radius: 0.1rem;
   margin-right: 0.1rem;
   display: inline-block;
   font-size: 0.2rem;
   color: #FFFFFF;
   line-height: 0.4rem;
   text-align: center;
}

/* 标签 */

.jpin2 {
   width: 0.64rem;
   height: 0.68rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.tejiapin2 {
   width: 0.8rem;
   height: 0.77rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.xinpin2 {
   width: 0.56rem;
   height: 0.51rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.remaipin2 {
   width: 0.84rem;
   height: 0.7rem;
   position: absolute;
   top: 0rem;
   left: 0rem;
}

.bpin2 {
   width: 0.9rem;
   height: 0.62rem;
   position: absolute;
   top: 0.11rem;
   right: 0.14rem;
}

.cjbpin2 {
   width: 0.9rem;
   height: 0.75rem;
   position: absolute;
   top: 0.11rem;
   right: 0.14rem;
}

.ysx2 {
   width: 2rem;
   height: 2rem;
   position: absolute;
   top: 0rem;
   right: 0rem;
   z-index: 999;
}