* { outline: none }

	.container-jr5 {
	    width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	}
	
.section-head h2.title {
    padding-bottom: 11px;
}
	h2.title {
	    font-size: 35px;
	    line-height: 1.28;
	    font-weight: 700;
	    color: #051c35;
		    text-align: left;
	}
	p.text {
	    font-size: 15px;
	    line-height: 1.66;
	    font-weight: 400;
	    color: #4A5159;
	}
	@font-face {
	  font-family: 'AlibabaPuHuiTi-light';
	  src: url("/assets/shared/lm/activity/Puhuiti/ttf/AlibabaPuHuiTi-2-45-Light.ttf") format('truetype');
	  /* 可选：添加其他字体样式 */
	  font-weight: normal;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'AlibabaPuHuiTi-Regular';
	  src: url("/assets/shared/lm/activity/Puhuiti/ttf/AlibabaPuHuiTi-2-55-Regular.ttf") format('truetype');
	  /* 可选：添加其他字体样式 */
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'AlibabaPuHuiTi-Medium';
	  src: url("/assets/shared/lm/activity/Puhuiti/ttf/AlibabaPuHuiTi-2-65-Medium.ttf") format('truetype');
	  /* 可选：添加其他字体样式 */
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'AlibabaPuHuiTi-Bold';
	  src: url("/assets/shared/lm/activity/Puhuiti/ttf/AlibabaPuHuiTi-2-85-Bold.ttf") format('truetype');
	  /* 可选：添加其他字体样式 */
	  font-weight: normal;
	  font-style: normal;
	}


/*=======  Featured Start =======*/
.feature {
  padding: 10px 0px 120px;
  background-color: #f7f7f7;
 
}

.feature .link {
  text-align: right;

}

.feature .section-head {
  padding-bottom: 22px;
}

.feature .feature-box {
  overflow: hidden;
  margin-top: 30px;
  position: relative;
  background-color: white;
  -webkit-box-shadow: 0px 11px 25px 0px rgba(244, 244, 244, 0.2);
          box-shadow: 0px 11px 25px 0px rgba(244, 244, 244, 0.2);
  border-radius: 15px;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature .feature-box .love {
  position: absolute;
  top: 30px;
  right: 30px;
  border-radius: 3px;
  background-color: #f8f8f8;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 3.33;
  text-align: center;
  color: #051c35;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature .feature-box .love:hover {
  color: #547af8;
}

.feature .feature-box .thumb {
  overflow: hidden;
  display: block;
}

.feature .feature-box .thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature .feature-box .content {
  padding: 30px 30px 30px;
}

.feature .feature-box .content h5 a {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 600;
  color: #051c35;
  font-family: 'AlibabaPuHuiTi-light';
}

.feature .feature-box .content p.text {
  color: #6f7987;
}

.feature .feature-box .content p.text a.link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #6f7987;
}

.feature .feature-box .content p.text a.link:hover {
  text-decoration: underline;
  color: #547af8;
}

.feature .feature-box .content .review {
  color: #ffad54;
}

.feature .feature-box .content .review i {
  padding-right: 2px;
}

.feature .feature-box .content .past-part {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature .feature-box .content .past-part .buton a.preview {
  width: 104px;
  height: 44px;
  border: 1px solid rgba(4, 10, 41, 0.12);
  border-radius: 3px;
  color: #051c35;
  line-height: 2.93;
  text-align: center;
  font-weight: 500;
  background: #fff;
  display: inline-block;
}
.feature .feature-box .content .past-part .left-content a.preview {
  width: 104px;
  height: 44px;
  border: 1px solid rgba(4, 10, 41, 0.12);
  border-radius: 3px;
  color: #051c35;
  line-height: 2.93;
  text-align: center;
  font-weight: 500;
  background: #fff;
  display: inline-block;
}

.feature .feature-box .content .past-part .buton a.preview:hover {
  color: #fff;
  background: #547af8;
}
.feature .feature-box .content .past-part .left-content a.preview:hover {
  color: #fff;
  background: #547af8;
}

.feature .feature-box .content .past-part .buton a.cart {
  margin-left: 20px;
  width: 104px;
  height: 44px;
  border: 1px solid rgba(4, 10, 41, 0.12);
  border-radius: 3px;
  color: #fff;
  line-height: 2.93;
  text-align: center;
  font-weight: 500;
  background: #547af8;
   display: inline-block;
}
.feature .feature-box .content .past-part .left-content a.cart {
  margin-left: 20px;
  width: 104px;
  height: 44px;
  border: 1px solid rgba(4, 10, 41, 0.12);
  border-radius: 3px;
  color: #fff;
  line-height: 2.93;
  text-align: center;
  font-weight: 500;
  background: #547af8;
   display: inline-block;
}
.feature .feature-box .content .past-part .buton a.cart:hover {
  background: #fff;
  color: #051c35;
}
.feature .feature-box .content .past-part .left-content a.cart:hover {
  background: #fff;
  color: #051c35;
}

.feature .feature-box:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
}

.feature .feature-box:hover .thumb img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.feature.three {
  padding: 60px 0px 200px;
  margin-top: 0px;
}
.main-btn {
	  height: 55px;
	  padding: 0px 22px;
	  background-color: #547af8;
	  font-size: 16px;
	  font-weight: 700;
	  color: #fff !important;
	  line-height: 55px;
	  position: relative;
	  z-index: 1;
	  border: none;
	  border-radius: 5px;
	  font-family: 'Roboto', sans-serif;
	  width: 156px;
	  display: block;
	}
	
	.main-btn::before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 100%;
	  z-index: -1;
	  border-radius: 5px;
	  background-color: #051c35;
	  -webkit-transition: 0.3s;
	  transition: 0.3s;
	  opacity: 0;
	  visibility: hidden;
	  border-radius: 5px;
	}
	
	.main-btn:hover {
	  color: #fff;
	}
	
	.main-btn:hover::before {
	  width: 100%;
	  opacity: 1;
	  visibility: visible;
	}
	
	.main-btn i {
	  margin-right: 5px;
	  position: relative;
	  top: 2px;
	}
	
	#index_single_good{
		margin: 0 ;
	}
	.index-module__go--1Uhro a.cart {
	  margin-left: 0px;
	  width: 114px;
	  height: 44px;
	  border: 1px solid rgba(4, 10, 41, 0.12);
	  border-radius: 3px;
	  color: #051c35;
	  line-height: 2.93;
	  text-align: center;
	  font-weight: 500;
	  background: #ffffff;
	   display: inline-block;
	}
	.index-module__activities--fqXC5 .index-module__card--58MlV .index-module__description--FOJfm{
		padding-top: 20px;
		color: #333;
		
	}
	.index-module__activities--fqXC5 .index-module__card--58MlV{
		height: auto;
		padding:28px 50px 24px;
		width: 375px;
	}
	.index-module__activities--fqXC5 .index-module__card--58MlV .index-module__title--UhL0\+{
		color:#333;
		font-weight: 400;
		font-size: 22px;
	}
/*=======  Featured End =======*/


   .index-module__navWrap--3uoUD {
                background: #fff;
                height: 77px;
                min-width: 1280px;
                width: 100%
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v {
                background: #fff;
                box-shadow: 0 6px 28px rgba(0,23,70,.05);
                box-sizing: border-box;
                display: -webkit-flex;
                display: flex;
                height: 77px;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                margin: 0 auto;
                padding: 0 calc(50% - 600px);
                top: 0;
                width: 100%;
                z-index: 600
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn {
                box-sizing: border-box;
                cursor: pointer;
                -webkit-flex: 1 1;
                flex: 1 1;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                height: 77px;
                letter-spacing: .003em;
                padding: 16px 0;
                position: relative;
                text-align: center;
                text-decoration: none
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn .index-module__navTitle--xcRQD {
                color: #181818;
                font-size: 16px;
                font-weight: 500;
                line-height: 22px;
                margin-bottom: 6px
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn .index-module__navDes--Fm1s1 {
                color: #41464f;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: .02em;
                line-height: 17px
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn .index-module__navDes--Fm1s1 em {
                color: #f50505;
                font-style: normal
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn:hover .index-module__navTitle--xcRQD {
                color: #1664ff
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn:hover .index-module__navDes--Fm1s1 {
                color: #1664ff;
                opacity: .8
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn:hover .index-module__navDes--Fm1s1 em {
                color: #1664ff
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navActive--R2f7H {
                background: -webkit-linear-gradient(35.31deg,#1664ff 32.77%,#6d9fff 93.5%);
                background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%)
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navActive--R2f7H .index-module__navTitle--xcRQD {
                color: #fff!important
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navActive--R2f7H .index-module__navDes--Fm1s1 {
                color: #fff!important;
                opacity: .8
            }

            .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navActive--R2f7H .index-module__navDes--Fm1s1 em {
                color: #fff!important
            }
			.index-module__goodsAdvantages--D7OgE {
			    display: -webkit-flex;
			    display: flex;
			    -webkit-flex: 1 1;
			    flex: 1 1;
			    -webkit-flex-direction: column;
			    flex-direction: column;
			    -webkit-justify-content: center;
			    justify-content: center;
			}
			.module-2-list{
				    -webkit-align-items: center;
				    align-items: center;
				    display: -webkit-flex;
				    display: flex;
				    height: 18px;
				    margin-top: 10px;
				    padding-left: 5px;
			}
			.module-2-list img{
				margin-right: 6px;
				    width: 12px;
			}
.module-2-list-p{
	color: #474747;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 14px;
}
.cart-module2{
	background-clip: content-box,border-box;
	    background-origin: border-box;
		background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
	    border-radius: 4px;
	    cursor: pointer;
	    -webkit-flex: 1 1;
	    flex: 1 1;
	    font-size: 16px;
	    font-weight: 500;
	    height: 44px;
	    letter-spacing: .02em;
	    line-height: 42px;
	    text-align: center;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
		box-shadow: 0 6px 8px rgba(46,70,146,.1);
		color:#ffffff;
		width: 100%;
}
.cart-module2:hover{
	opacity: .7;
	color:#fff;
}
.index-module2__go--1Uhro{
	-webkit-align-items: center;
	    align-items: center;
	    bottom: 24px;
	    color: #1664ff;
	    display: -webkit-flex;
	    display: flex;
	    font-size: 16px;
	    font-weight: 500;
	    left: 32px;
	    line-height: 20px;
	    margin-top: 20px;
}


            @media screen and (max-width: 1023px) {
                .index-module__navWrap--3uoUD {
                    height:54px;
                    min-width: 100%;
                    width: 100%
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v {
                    -ms-overflow-style: none;
                    box-shadow: 0 15px 35px -2px rgba(143,158,187,.05),0 5px 15px rgba(143,158,187,.05);
                    box-sizing: border-box;
                    display: -webkit-flex;
                    display: flex;
                    height: 54px;
                    overflow-x: auto;
                    padding: 0 12px;
                    scrollbar-width: none;
                    white-space: nowrap;
                    width: 100%
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn {
                    box-sizing: border-box;
                    color: #020814;
                    display: inline-block;
                    font-weight: 400;
                    height: 54px;
                    padding: 0
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn .index-module__navTitle--xcRQD {
                    height: 54px;
                    line-height: 54px
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn .index-module__navDes--Fm1s1 {
                    display: none
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v::-webkit-scrollbar {
                    display: none
                }
            }

            @media screen and (max-width: 767px) {
                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v {
                    display:block
                }

                .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navItem--FnRMn {
                    padding: 0 16px
                }
            }

            .index-module__navWrap--dNJgv {
                min-width: 1200px;
                position: relative;
                width: 100%;
                z-index: 600
            }

            @media screen and (min-width: 1024px) {
                .index-module__navWrap--dNJgv {
                    background-color:#f7f7f7;
                    height: 28px
                }
            }

            @media screen and (max-width: 1023px) {
                .index-module__navWrap--dNJgv {
                    background:#fff;
                    height: 54px;
                    min-width: 100%
                }
            }

            .index-module__nav_box_pc--cYZDm {
                background-color: #fff;
                border: 4px solid #fff;
                border-radius: 8px;
                box-sizing: border-box;
                height: 88px;
                left: 50%;
                overflow: hidden;
                position: absolute;
                top: -60px;
                -webkit-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 1200px
            }

            @media screen and (max-width: 1023px) {
                .index-module__nav_box_pc--cYZDm {
                    display:none
                }
            }

            .index-module__nav_box_mobile--9qULA {
                -ms-overflow-style: none;
                background-color: #fff;
                box-sizing: border-box;
                left: 0;
                overflow-x: scroll;
                position: relative;
                scrollbar-width: none;
                top: 0;
                white-space: nowrap;
                width: 100%
            }

            .index-module__nav_box_mobile--9qULA::-webkit-scrollbar {
                display: none
            }

            @media screen and (min-width: 1024px) {
                .index-module__nav_box_mobile--9qULA {
                    display:none
                }
            }

            .index-module__nav_box--rs5HU {
                background-color: #fff;
                height: 100%;
                position: relative
            }

            @media screen and (min-width: 1024px) {
                .index-module__nav_box--rs5HU {
                    display:-webkit-flex;
                    display: flex;
                    height: 80px;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    position: relative
                }
            }

            @media screen and (max-width: 1023px) {
                .index-module__nav_box--rs5HU {
                    display:block;
                    height: 54px;
                    top: 0!important;
                    width: -webkit-fit-content;
                    width: -moz-fit-content;
                    width: fit-content
                }
            }
 .index-module__navWrap--3uoUD .index-module__nav--k-Y2v .index-module__navActive--R2f7H {
                background: -webkit-linear-gradient(35.31deg,#1664ff 32.77%,#6d9fff 93.5%);
                background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%)
            }



/* 设置各个部分的样式 */
   #subnav {
     
     top: 0px;
     width: 100%;
     
     background-color: #fff;
     
	 z-index: 1000;
	     box-shadow: 0 6px 16px 2px rgba(7,12,20,0.08);

   }
   
   #subnav ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: space-around;
     align-items: center;
     height: 100%;
	 margin: 0 auto;
	 width: 1300px;
	 margin: 0 auto;
	 background-color: #fff;
   }
   
   #subnav li {
     flex: 1;
     text-align: center;
	 background-color: #fff;
	 color: #020814;
	 padding:20px 0px;
   }
   
   #subnav li.active {
     background: -webkit-linear-gradient(35.31deg,#1664ff 32.77%,#6d9fff 93.5%);
     background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
	 color: #ffffff;

   }
   #subnav ul.active {
     list-style-type: none;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: space-around;
     align-items: center;
     height: 100%;
background-color: #fff;
   }
   
   .section {
     
   }
   
.module-20230108.module-hot{
	background-color: #f7f7f7;
	padding-bottom: 60px;
}
#banner{
	height: 458px;
	padding-bottom:0px;
  height: unset;
  width: 100vw;
}
#banner>picture{
	height: auto;
}
.banner-title{
	    color: #000f46;
	    font-size: 48px;
	    line-height: 58px;
	    margin: 0 auto;
		width: calc(70% - 264px);
		top:140px
}
.banner-desc{
	font-size: 16px;
	    line-height: 50px;
		width: calc(70% - 264px);
		top:140px;
		margin: 0 auto;
}
.banner-08-button{
	position: relative;
	top: 10px;
	max-width: 1444px;
	    
	margin: 0 auto;
	width: calc(70% - 264px);
	}
}
 .button-08 {
                border-radius: 4px;
                display: inline-block;
                font-size: 16px;
                font-weight: 600;
                overflow: hidden;
                text-align: center
				
            }
			.button-08{
				background-color: #1664ff;
				box-shadow: 0 6px 8px 0 rgba(46,70,146,.1);
				color: #fff;
				height: 50px;
				    line-height: 50px;
				    width: 158px;
				border-radius: 4px;
				display: inline-block;
				font-size: 16px;
				font-weight: 600;
				overflow: hidden;
				text-align: center;
			}
.button-08:first-child {
    background-color: #1664ff;
    box-shadow: 0 6px 8px 0 rgba(46,70,146,.1);
    color: #fff;
	height: 50px;
	    line-height: 50px;
	    width: 158px;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	text-align: center;
	margin-right: 20px;
}
.button-08:nth-child(2) {
background-color: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px 0 rgba(46,70,146,.05);
    color: #282828;
	height: 50px;
	    line-height: 50px;
	    width: 158px;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	text-align: center;
}
.button-08:first-child:hover {
                    background-color: #4281ff
                }
.button-08:nth-child(2):hover {
                    background-color:#f6f8fa;
                    border: 1px solid #4281fd;
                    color: #41464f}
					
    .clickable-div {
        cursor: pointer;
    }
	
  .banner08-img>img {
	                 display: block;
	                 /* height: 100%; */
	                 -o-object-fit: cover;
	                 object-fit: cover;
	                 position: relative;
	                 width: 100%;
	                 z-index: 0
	             }
.index-banner-pc{
	display: block;
height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
	
}	
.index-banner-pc .index-banner-pc-dec{
	padding-top:164px;
}



	.index-banner-mobile{
		display: none;
	}
	.index-banner-mobile .banner-title{
		color: #282828;
		    font-size: 24px;
		    font-weight: 600;
		    line-height: 34px;
		    margin: 0;
		    text-align: center;
	}
	
	
	.index-module__activities--fqXC5 .index-module4__card--58MlV{
		background-color: #fff;
			background-position: 100% 100%;
			background-repeat: no-repeat;
			-webkit-background-size: auto 100%;
			background-size: auto 100%;
			border-radius: 8px;
			-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
			box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			cursor: pointer;
			display: block;
			height: 180px;
			padding: 28px 30px 24px;
			position: relative;
			text-decoration: none;
			-webkit-transition: -webkit-box-shadow .3s;
			transition: -webkit-box-shadow .3s;
			-o-transition: box-shadow .3s;
			transition: box-shadow .3s;
			transition: box-shadow .3s, -webkit-box-shadow .3s;
			width: 387px
	}
 @media screen and (max-width: 767px) {
	.index-module__activities--fqXC5 .index-module4__card--58MlV{
		margin-bottom: 20px;
	}
	 #banner{
		 height: 607px;
	 }
	 #subnav{
		 display: none;
		 
	 }
	 
	 .feature.three{
		 padding: 60px 0px 0px;
	 }
	 
 .banner08-img>img {
	                 display: block;
	                 /* height: 100%; */
	                 -o-object-fit: cover;
	                 object-fit: cover;
	                 position: relative;
	                 width: 100%;
	                 z-index: 0;
					 /* height: 328px; */
					     width: 100%;
					 }
	             
			.banner-desc{
				width: 98%;
			}	
			 .banner-title{
				 width: 100%;
			 }
			 .banner-08-button{width: 98%;}
			 .index-banner-pc{
				 display: none;
			 }
			 .index-banner-mobile{
				 display: block;
				 height: 284px;
				     padding: 24px 24px 0;
					 background-color: #ffffff;
			 }
			 .index-banner-mobile .banner-08-button .button-08{
				 height: 50px;
				     line-height: 50px;
				     width: 100%;
					 margin-bottom: 10px;
			 }
			 .module-20230108.module-hot{
				 height: 1280px;
			 }
			 #index_single_good{
				 height: auto;
			 }
		.feature .feature-box .thumb img{
			width: 85%;
		}
	
		p.text{
			padding-left:20px;
		}
		.feature .link{
			padding-left: 20px;
		}
		.feature .feature-box .content p.text{
			width: 85%;
			padding-left:0px;
			
		}
 }