body{
    background-color:white;
}
#banner{
	width: 100%;
	height: 6.80rem;
    margin-left:auto;
    margin-right:auto;
}
#banner a{
	display: block;
}
#banner img{
	display: block;
	width: 100%;
	height: 6.80rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0.2rem;
}
.swiper-pagination .swiper-pagination-bullet{
	width: 0.48rem;
	height: 0.08rem;
	background-color: #ffffff;
    border-radius: 0.04rem;
    opacity:0.6;
}
.swiper-pagination .swiper-pagination-bullet-active{
	width: 0.48rem;
	height: 0.08rem;
	background-color: #ff7237;
    border-radius: 0.04rem;
     opacity:1;
}
.container-difficulty{
    width:7.5rem;
    height:10.25rem;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.title{
	font-family: PingFang-SC-Bold;
	font-size: 0.40rem;
	font-weight: bold;
	text-align:center;
	color: #000000;
    margin-top:1rem;
}
.sub-title{
	font-family: PingFang-SC-Medium;
	font-size: 0.2rem;
	font-weight: normal;
	color: #aaaaaa;
    text-align:center;
     margin-top:0.2rem;
     display:flex;
     flex-direction:row;
     justify-content:center;
     align-items:center;
     width:6.2rem;
     margin-left:auto;
     margin-right:auto;

}
.container-difficulty-bottom{
    width:7.2rem;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-top:0.6rem;
}
.container-difficulty-bottom img{
    display:block;
    width:3.3rem;
    height:3.2rem;
    margin-left:0.3rem;
    margin-bottom:0.4rem;
}
.container-product{
    width:7.5rem;
    height:14.25rem;
    background-color:#ff7237;
    overflow:hidden;
}
.container-product .title{
	color: #ffffff;
}
.container-product .sub-title{
	color: #ffffff;
}
.content-product{
    width:7.2rem;
    margin-top:0.6rem;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.div-product{
	width: 3.3rem;
	height: 3.8rem;
	background-color: #ffffff;
	border-radius: 0.08rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:hidden;
    margin-left:0.3rem;
    margin-bottom:0.4rem;
}
.div-product img{
    display:block;
    width:3.3rem;
    height:2.4rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:0rem;
}
.div-product a{
     display:block;
      margin-left:auto;
    margin-right:auto;
	font-family: PingFang-SC-Bold;
	font-size: 0.28rem;
	font-weight: bold;
	font-stretch: normal;
	color: #000000;
}
.div-product p{
    text-align:center;
	font-family: PingFang-SC-Regular;
	font-size: 0.20rem;
	font-weight: normal;
	font-stretch: normal;
	color: #999999;
    margin-top:0.05rem;
}

.div-product-bottom{
    width:6.9rem;
    height:2.4rem;
    /*background-color: #ffffff;
	border-radius: 0.1rem;*/
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    overflow:hidden;
    background-image:url("https://images.jinbaiji.com.cn/images/m/product_bg.png");
    background-repeat:no-repeat;
    background-size:6.9rem 2.4rem;
    margin-left:0.3rem;
    margin-bottom:0.4rem;
}

.div-product-bottom div{
    width:4.1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.div-product-bottom p:first-of-type{
    font-family: PingFang-SC-Bold;
	font-size: 0.36rem;
	font-weight: bold;
	color: #ff7237;
     margin-top:0.3rem;
}
.div-product-bottom p:last-of-type{
    font-family: PingFang-SC-Regular;
	font-size: 0.24rem;
	color: #333333;
     margin-top:0.1rem;
}
.div-product-bottom .a-product-more{
	width: 1.8rem;
	height: 0.56rem;
    line-height:0.56rem;
    text-align:center;
	background-color: #ff7237;
	border-radius: 0.28rem;
	font-family: PingFang-SC-Medium;
	font-size: 0.24rem;
	font-weight: normal;
	color: #ffffff;
     margin-top:0.3rem;
     margin-left:auto;
     margin-right:auto;
}
.a-product-selected{
    color:#ff7237 !important;
}
.container-comment{
     width:7.5rem;
    height:9.43rem;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
#comment .swiper-wrapper .swiper-slide{
     width:7.5rem !important;
    /*height:5.4rem;*/
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:0.8rem;
}
#comment .swiper-wrapper .swiper-slide div:first-of-type{
    display:flex;
    flex-direction:row;
    align-items:center;
    width:7.5rem;
    margin-left:0rem;
    margin-top:0.8rem;
}
#comment .swiper-wrapper .swiper-slide div:first-of-type img{
    display:block;
    width:0.36rem;
    height:0.36rem;
}
#comment .swiper-wrapper .swiper-slide div:first-of-type img:first-of-type{
    margin-left:0.3rem;
}
#comment .swiper-wrapper .swiper-slide p:first-of-type{
    font-family: PingFang-SC-Medium;
    font-weight: normal;
	font-stretch: normal;
	font-size: 0.28rem;
    line-height: 0.48rem;
	letter-spacing: 0;
	color: #333333;
    width:6.9rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:0.3rem;
}
#comment .swiper-wrapper .swiper-slide p:last-of-type{
    font-family: PingFang-SC-Medium;
	font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	color: #aaaaaa;
     width:6.9rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:0.8rem;
    text-align:left;
}
.btn-change{
	width: 1.80rem;
	height: 0.56rem;
    line-height:0.56rem;
    text-align:center;
	background-color: #ff7237;
	border-radius: 0.28rem;
	font-family: PingFang-SC-Bold;
	font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto;
}

.container-purchase-channels{
	width: 7.5rem;
	height: 10.75rem;
	background-color: #f0f0f0;
    overflow:hidden;
}
.container-purchase-channels-bottom{
    width:7.5rem;
    /*height:300px;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:1rem;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.container-purchase-channels-bottom div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	width: 3.2rem;
	height: 3.2rem;
	background-color: #ffffff;
	border-radius: 0.16rem;
    overflow:hidden;
    margin-left:0.3rem;
    margin-bottom:0.5rem;
}
.container-purchase-channels-bottom div .a-purchase-channels-first{
    display:block;
	width: 1rem;
	height: 1.2rem;
    background-image:url('https://images.jinbaiji.com.cn/images/m/logo_jh.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:5.8rem 1.2rem;
    margin-top:0rem;
    overflow:hidden;
}
.container-purchase-channels-bottom div:nth-of-type(2) a{
    background-position:-1.20rem 0px;
}
.container-purchase-channels-bottom div:nth-of-type(3) a{
    background-position:-2.40rem 0px;
}
.container-purchase-channels-bottom div:nth-of-type(4) a{
    background-position:-3.60rem 0px;
}

.container-purchase-channels-bottom div .a-purchase-channels-second{
    display:block;
    font-family: PingFang-SC-Medium;
	font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    text-align:center;
    margin-top:0.4rem;
	width: 2rem;
	height: 0.6rem;
    line-height:0.6rem;
	background-color: #f0f0f0;
	border-radius: 0.08rem;
}


.container-news{
     width:7.5rem;
    /*height:960px;*/
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.container-news ul{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    height:0.48rem;
    width:6rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:0.8rem;
    margin-bottom:0.6rem;
}
.container-news ul li{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
	width: 1.50rem;
	height: 0.20rem;
    border-left:solid 0.01rem #333333;
}
.container-news ul li:first-of-type{
    border-left-color:transparent;
}
.container-news ul .selected{
    color:#ff7237;
}
#news .swiper-wrapper .swiper-slide{
    width:7.5rem;
    /*height:500px;*/
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
#news .swiper-wrapper .swiper-slide a:hover{
    color:#ff7237 !important;
}

#news .swiper-wrapper .swiper-slide .content-news-second{
    width:6.9rem;
    height:1.05rem;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin-left:0.3rem;
    border-bottom:solid 0.01rem #e2e2e2;
}
#news .swiper-wrapper .swiper-slide .content-news-second a{
	font-family: MicrosoftYaHei;
	font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;

    white-space: nowrap;      /* 禁止换行 */
  overflow: hidden;         /* 隐藏超出内容 */
  text-overflow: ellipsis;  /* 显示省略号 */
  width: 80%;             /* 必须有固定宽度 */
  display: block;          /* 或 inline-block */
}
#news .swiper-wrapper .swiper-slide .content-news-second span{
	font-family: MicrosoftYaHei;
	font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}
#news .swiper-wrapper .swiper-slide .container-news-more{
    line-height:0.56rem;

    text-align:center;
	width: 1.8rem;
	height: 0.56rem;
	background-color: #ff7237;
	border-radius: 0.28rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1rem;
    margin-top:0.6rem;
}
#news .swiper-wrapper .swiper-slide .container-news-more a{
    	font-family: PingFang-SC-Bold;
	font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff !important;
}