/* BASIC css start */
.inner_full {position: relative; width: 100%;margin: 0 auto;}

.brand-select { padding-top:30px; text-align:center }
.brand-select select { width:462px; height:40px; font-size:15px; color:#555 }
.brand-select a { display:inline-block; margin-left:3px; width:118px; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; border:1px solid #101010; background: #101010; vertical-align:top; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.brand-select a:hover { color:#101010; background:#fff }
.brand-select a:active { position:relative; top:1px }
a.sel { color:var(--yes-bar-color) !important;font-weight:bold;}

.brand-banner_ { padding-top:30px; text-align:center }

.page-body_ { padding-top:30px }

.prd-sort:after { clear:both; display:block; content:''; }
.prd-sort { height:22px; padding:15px 0 0 0; }
.prd-sort .sort-count { float:left; color:#6b6b6b; }
.prd-sort .sort-list { float:right; color:#464646; }
.prd-sort .sort-list span { display:inline-block; padding:0 5px; color:#464646; }


.brand-name-wrap { padding-top:40px; position:relative }
.brand-name-wrap .brand-info { display:flex; align-items:center; justify-content:space-between }
.brand-name-wrap .brand-info .brand-name { font-size:24px; font-weight:600; }
.brand-name-wrap .brand-info .brand-name span { font-weight:700 }
.brand-name-wrap .brand-notice { padding-top:16px; font-size:18px; color:#444; line-height:21px }


/* cate-list */
#productClass .cate-wrap { padding-top:32px; width:100%; overflow:hidden }
#productClass .cate-wrap .bcate::after { content:''; display: block; clear: both; }
#productClass .cate-wrap .bcate { padding:55px 0 35px; font-size:32px; color:#000; font-weight:bold; text-align:center }
#productClass .cate-wrap .bcate h3 { display: inline-block; }
#productClass .cate-wrap .bcate span  { float: left; line-height: 50px; display: block; font-size: 30px; font-weight: 700; text-align: center; color: #000; }

#productClass .cate-wrap .cate-list {  }

/*
#productClass .cate-wrap .cate-list ul { *zoom:1 }
#productClass .cate-wrap .cate-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .cate-list li { margin-top:-1px; position:relative; float:left; width:20%; height:61px }
#productClass .cate-wrap .cate-list li a { display:block; font-size:18px; color:#4d4d4d; text-align:center; line-height:60px; border:1px solid #808080; border-left:0 }
#productClass .cate-wrap .cate-list li:nth-child(5n+1) a { border-left: 1px solid #808080 }
#productClass .cate-wrap .cate-list li.on { z-index:10 }
#productClass .cate-wrap .cate-list li.on a { height:57px; color:#1d7dd6; font-weight:700; line-height:58px; border:2px solid #1d7dd6 }
*/

#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-left:20px;padding-bottom:10px; font-size:18px; color:#333; font-weight:bold; border-bottom:1px solid #e3e3e3;text-align:left; }
#productClass .cate-wrap .cate-list ul { padding-left:30px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .cate-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .cate-list ul li { padding:15px 30px 16px 0; float:left;}
#productClass .cate-wrap .cate-list ul li a { display:block; font-size:14px; color:#333 }



.brand-select { padding-top:30px; text-align:center }
.brand-select select { width:462px; height:40px; font-size:15px; color:#555 }
.brand-select a { display:inline-block; margin-left:3px; width:118px; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; border:1px solid #101010; background: #101010; vertical-align:top; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.brand-select a:hover { color:#101010; background:#fff }
.brand-select a:active { position:relative; top:1px }
a.sel { color:var(--yes-bar-color) !important;font-weight:bold;}

.brand-banner { text-align:center;position: relative;  }

.page-body_ { padding-top:30px }

.prd-sort:after { clear:both; display:block; content:''; }
.prd-sort { height:22px; padding:15px 0 0 0; }
.prd-sort .sort-count { float:left; color:#6b6b6b; }
.prd-sort .sort-list { float:right; color:#464646; }
.prd-sort .sort-list span { display:inline-block; padding:0 5px; color:#464646; }


.brand-name-wrap { padding-top:40px; position:relative }
.brand-name-wrap .brand-info { display:flex; align-items:center; justify-content:space-between }
.brand-name-wrap .brand-info .brand-name { font-size:24px; font-weight:600; }
.brand-name-wrap .brand-info .brand-name span { font-weight:700 }
.brand-name-wrap .brand-notice { padding-top:16px; font-size:18px; color:#444; line-height:21px }


/* cate-list */
#productClass .cate-wrap { padding-top:32px; width:100%; overflow:hidden }
#productClass .cate-wrap .bcate::after { content:''; display: block; clear: both; }
#productClass .cate-wrap .bcate { padding:55px 0 35px; font-size:32px; color:#000; font-weight:bold; text-align:center }
#productClass .cate-wrap .bcate h3 { display: inline-block; }
#productClass .cate-wrap .bcate span  { float: left; line-height: 50px; display: block; font-size: 30px; font-weight: 700; text-align: center; color: #000; }

#productClass .cate-wrap .cate-list {  }

/*
#productClass .cate-wrap .cate-list ul { *zoom:1 }
#productClass .cate-wrap .cate-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .cate-list li { margin-top:-1px; position:relative; float:left; width:20%; height:61px }
#productClass .cate-wrap .cate-list li a { display:block; font-size:18px; color:#4d4d4d; text-align:center; line-height:60px; border:1px solid #808080; border-left:0 }
#productClass .cate-wrap .cate-list li:nth-child(5n+1) a { border-left: 1px solid #808080 }
#productClass .cate-wrap .cate-list li.on { z-index:10 }
#productClass .cate-wrap .cate-list li.on a { height:57px; color:#1d7dd6; font-weight:700; line-height:58px; border:2px solid #1d7dd6 }
*/

#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-left:20px;padding-bottom:10px; font-size:18px; color:#333; font-weight:bold; border-bottom:1px solid #e3e3e3;text-align:left; }
#productClass .cate-wrap .cate-list ul { padding-left:30px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .cate-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .cate-list ul li { padding:15px 30px 16px 0; float:left;}
#productClass .cate-wrap .cate-list ul li a { display:block; font-size:14px; color:#333 }


#brand_banner_id{  }
#brand_banner_id .swiper-slide{}

#brand_banner_id .swiper-slide .banner_txt_wrap{ max-width: 700px; width:45%; position: absolute; top:90%; left: 50%; transform: translate(-100%, -50%); opacity:0; text-align: left;}
#brand_banner_id .swiper-slide .banner_txt_wrap .tit{ font-size: 42px; font-weight: 700; color: #fff; letter-spacing: -1px; margin-bottom: 12px;  }
#brand_banner_id .swiper-slide .banner_txt_wrap .cmd01{ font-size: 20px; font-weight: 400; color: #fff; margin-bottom:6px;  }
#brand_banner_id .swiper-slide .banner_txt_wrap .more_btn { margin-top: 150px; border: 1px solid #fff;display: inline-block;    font-size: 16px;    font-weight: 500;
    letter-spacing: -0.5px;    color: #fff;    border: 1px solid #fff;
    height: 41px;    line-height: 41px;    padding: 0 24px;    transition: 0.1s;
    -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
#brand_banner_id .swiper-slide .banner_txt_wrap .more_btn:hover{ color: #36363B; background-color:#fff; }




#brand_banner_id .swiper-slide .banner_img_wrap{ position: relative; width:100%; }
#brand_banner_id .swiper-slide .banner_img_wrap .image_{ position: relative; top:50%; left: 50%; transform: translate(-50%, -50%); width:100%; height: 100%;  }
/* active */
#brand_banner_id .swiper-slide-active .banner_txt_wrap{ top: 50%; opacity:1; transition: 0.8s ease-out;  }



#brand_banner_id .swiper-pagination {  font-size:18px; color:#333; font-weight:bold; border-bottom:0px solid #e3e3e3;text-align:left; z-index: 120;  }
#brand_banner_id .swiper-pagination .swiper-pagination-bullet { padding-left:10px; border-top:0px solid #e3e3e3; border-bottom:1px solid #e3e3e3;  }
#brand_banner_id .swiper-pagination .swiper-pagination-bullet: after { display:block; clear:both; content:'' }
#brand_banner_id .swiper-pagination .swiper-pagination-bullet p { padding:5px 30px 5px 0; float:left;}
#brand_banner_id .swiper-pagination .swiper-pagination-bullet p a { display:block; font-size:14px; color:#333 }


#brand_banner_id .tab_btn_wr{ position: absolute;    bottom: 0;
    left: 0;    width: 100%;    display: flex;
    z-index: 120;    border-top: 0px solid rgba(255, 255, 255, 0.5);}


#brand_banner_id .swiper-pagination {
    overflow-x: hidden;    width: 100%;
    max-width: 1200px;    position: relative;
    top: initial;    left: initial;
    bottom: initial;    display: flex;
;
}

#brand_banner_id .swiper-pagination .swiper-pagination-bullet
{ border-radius:0; padding:5px;}

#brand_banner_id .swiper-pagination .swiper-pagination-bullet p{
  margin: 10px 0px 10px; padding: 5px 20px;  border: 0px solid rgba(0, 0, 0, .05); border-image: none; font-size:14px;   text-align: center; color: rgb(47, 47, 47); line-height: 16px;  text-decoration: none; display: block;   background-color: rgba(245,245,245,.92); -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
  opacity: 1;
}

#brand_banner_id .swiper-pagination .swiper-pagination-bullet p:active {
  border: 0px solid rgba(0, 0, 0, .07); border-image: none; color: rgb(255, 255, 255); font-weight: bold; content: "(Active)"; background-color: rgba(55,55,55,.8);
  opacity: 1;
}

#brand_banner_id .swiper-pagination .swiper-pagination-bullet p:hover {
   border-image: none; color: rgb(255, 255, 255); font-weight: bold; content: "(Active)"; background-color: rgba(160, 160, 160, 0.92);;
  opacity: 1;
}


#brand_banner_id .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1;  border-top:0px solid #e3e3e3;
}
#brand_banner_id .swiper-pagination .swiper-pagination-bullet {
    display: block;    height: auto;    width: auto;
    background-color: initial;  border-top:0px solid #e3e3e3;
    text-align: right;        opacity: 0.6;

}
#brand_banner_id .swiper-pagination {  font-size:14px; color:#333; font-weight:bold; border-bottom:0px solid #e3e3e3; text-align:center; }
#brand_banner_id .swiper-pagination .swiper-pagination-bullet { padding-left:10px; border-top:0px solid #e3e3e3; border-bottom:0px solid #e3e3e3;   }
#brand_banner_id .swiper-pagination .swiper-pagination-bullet: after { display:block; clear:both; content:'';}

#brand_banner_id .swiper-pagination .swiper-pagination-bullet p a { display:block; font-size:14px; color:#333 }
/* BASIC css end */