/* visual */ 
.main_bxslider {position:relative; overflow:hidden;}
.main_bxslider .bxslider li {width:auto !important;}
.main_bxslider img {width:auto; height: auto;} 
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager{bottom:25px}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a {font-size:0px; width:18px; height:18px; text-indent:0px; background-color:#1f1f1f; margin:0; border-radius:18px; margin:0 5px;}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_bxslider .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#ffffff;text-decoration:none;}


#ctrol_btn {position:absolute; left:50%; margin-left:-320px; bottom:130px; width:100%;}
#main-control{display:inline-flex; align-items: center; padding:12px 20px; background:rgba(255,255,255,.4); border-radius:30px;}
#main-control .btn,
#main-control .stop{width:20px; height:20px;   background-position:50% 50%; background-repeat:no-repeat;}
#main-control .btn a,
#main-control .stop a {width:100%; width:100%; height:100%; position:absolute; text-indent:-9999px;}
#main-control .stop a {display:block; width:20px; height:20px; background-position:50% 50%; background-repeat:no-repeat;}
#main-control .prev {background-image:url(../image/main/ico_mprev.svg)}
#main-control .next {background-image:url(../image/main/ico_mnext.svg)}
#main-control .stop .bx-stop {background-image:url(../image/main/ico_mstop.svg)}
#main-control .stop .bx-start {background-image:url(../image/main/ico_mplay.svg)}

#main-counter {display:flex; align-items: center;}
#main-counter span {display:inline-block; padding:0 3px;}


/* hot item */
.hot_wrap {padding-bottom:100px; padding-top:100px;}
.hot_wrap .wrap {position:relative}
.hot_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}
.hot_wrap h3 a {color:#000; text-decoration: none;}
.hot_wrap .tit_small {color:#999; font-size:17px; text-align:center; padding-bottom:50px;}
.hot_wrap .zoomimg_wrap {position: relative; width:200px; height:200px; margin-bottom:25px; border-radius: 50%;}
.hot_wrap .zoomimg_wrap a {position: relative; display: block; width:100%; height:100%; z-index:3;}
.hot_wrap .zoomimg_wrap img {width:200px; height:200px; border:0}
.hot_wrap .zoomimg_wrap:hover a:before {position: absolute; top:0; left:0; content:""; display:block; background:#003CFF; width:200px; height:200px; border-radius: 50%; opacity:.5; z-index:1;}
.hot_wrap .zoomimg_wrap .name_hover {font-size: 0; width:200px; height:200px; line-height:200px;}
.hot_wrap .zoomimg_wrap:hover .name_hover {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-size: 17px; color: #fff; font-weight: 500;}
/* DIRECTION CONTROLS (NEXT / PREV)*/
.bx_wap_1 .bx-wrapper .bx-controls-direction .bx-next {right:-50px; width:17px; height:32px; background: url(../image/ico_hotitem_next.png) no-repeat;}
.bx_wap_1 .bx-wrapper .bx-controls-direction .bx-prev {left:-50px; width:17px; height:32px; background: url(../image/ico_hotitem_prev.png) no-repeat;}
.bx_wap_1 .bx-wrapper .bx-viewport {background-color:#fff;}
.bx_wap_1 .bxslider_1 li {float:left; width:200px; min-height:200px; position:relative; text-align:center; margin-left: -1px;}
.bx_wap_1 .bxslider_1 li .prd_num {position: absolute; top:0; right:0; width:45px; height:45px; display: inline-block; background:#2155FF; border-radius:50%; color:#fff; font-size:18px; font-weight:500; line-height: 45px; z-index:99;}
.bx_wap_1 .bxslider_1 li .price_wp .goodsMarketPrice {display: none;}
.bx_wap_1 .bxslider_1 li .price_wp .goodsName {font-weight:400; color:#333;}
.bx_wap_1 .bx-wrapper .bx-controls-direction a {width: 33px; height: 57px; top:31.5%;}

/* best_product */
.best_wrap {padding-bottom:100px;}
.best_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}
.best_wrap h3 a {color:#000; text-decoration: none;}
.best_wrap .tit_small {color:#999; font-size:17px; text-align:center; padding-bottom:50px;}
.best_wrap .wrap .sale_goods_list {display:flex; margin-bottom:50px;}
.best_wrap .wrap .sale_left {padding-right:40px;}
.best_wrap .wrap .sale_left ul li {padding-bottom:30px; cursor:pointer;}
.best_wrap .wrap .sale_left ul li:last-child {padding-bottom:0;}
.best_wrap .wrap .sale_left .zoomimg_wrap {position:relative; width: 610px; height: 610px; border-radius:20px; margin-bottom:20px;}
.best_wrap .wrap .sale_left .zoomimg_wrap img {width:610px; height:610px;}
/* .best_wrap .wrap .sale_left .zoomimg_wrap .per {position:absolute; top:-1px; left:-1px; z-index:1; background-color:#1d1d1d; color:#fff; width:70px; height:70px; text-align:center; font-size:22px; line-height:70px;} */
.best_wrap .wrap .sale_left .zoomimg_wrap .per {display: none;}
.best_wrap .wrap .sale_left .more{padding-top:36px}
.best_wrap .wrap .sale_left .goodsName {font-size:20px;}
.best_wrap .wrap .sale_left .price_wp {display: flex; align-items: center;}
.best_wrap .wrap .sale_left .price_wp .goodsMarketPrice {margin:0 10px; font-size:16px;}
.best_wrap .wrap .sale_left .price_wp .goodsPrice {padding-bottom:0; font-size:20px;}
.best_wrap .wrap .sale_right ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.best_wrap .wrap .sale_right ul li{width:254px; padding-bottom:28px; cursor:pointer;}
.best_wrap .wrap .sale_right ul li:nth-child(even) {padding-left:40px;}
.best_wrap .wrap .sale_right ul li:last-child {padding-bottom:0;}
.best_wrap .wrap .sale_right .zoomimg_wrap {position:relative; width:254px; height:254px; margin-bottom:20px; border-radius:20px;}
.best_wrap .wrap .sale_right .zoomimg_wrap img {width:254px; height:254px;}
/* .best_wrap .wrap .sale_right .zoomimg_wrap .per{position:absolute; top:-1px; left:-1px; z-index:1; background-color:#1d1d1d; color:#fff; width:70px; height:70px; text-align:center; font-size:22px; line-height:70px;} */
.best_wrap .wrap .sale_right .zoomimg_wrap .per{display: none;}
.best_wrap .wrap .sale_right .price_wp {display: flex; align-items: center;}
.best_wrap .wrap .sale_right .price_wp .goodsMarketPrice {margin:0 10px}
.best_wrap .wrap .sale_right .price_wp .goodsPrice {padding-bottom:0;}
.best_wrap .wrap .tab_cont .btn_more {background:#fff; border:2px solid #222; width:200px; height:55px; border-radius:100px; display: block; line-height:55px; text-align:center; 
font-size:16px; color:#000; margin:0 auto; font-weight:600;}
.best_wrap .wrap .tab_cont .btn_more i {display:inline-block; background:url(../image/ico_best_btn.svg) center no-repeat; width:13px; height:13px; margin-left:10px; transition: all .4s;}
.best_wrap .wrap .tab_cont .btn_more:hover {color:#fff; background:#333; transition: all .4s;}
.best_wrap .wrap .tab_cont .btn_more:hover i {filter:invert(1);  }

/* best_product : tab */
.main_tab {width:100%; margin:0 auto; height:auto; position:relative; display:flex; flex-wrap:wrap;}
.main_tab .tab_area {width:24%; text-align:center; margin:0 0 10px 1%;}
.main_tab .tab {display:block;  padding:16px 10px; color: #8f8f8f;  background:#f2f4f7; border-radius:60px; text-align:center; font-size:18px; word-break:keep-all;}
.main_tab .tab:hover,
.main_tab .tab.active{background:#222; color:#fff !important; font-weight:500; text-decoration:none; }
.tab_cont {margin-top:30px;}

/* new_product */
.new_wrap {padding: 100px 0 50px;}
.new_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}
.new_wrap h3 a {color:#000; text-decoration: none;}
.new_wrap .tit_small {color:#999; font-size:17px; text-align:center; padding-bottom:50px;}
.new_wrap .zoomimg_wrap {border-radius:20px;}
.new_wrap .goodsMarketPrice {display:inline-block; margin: 0 5px;}
.new_wrap .goodsPrice {display:inline-block;}
.new_wrap .btn_more {background:#F0F0F0; width:200px; height:55px; border-radius:100px; display: block; line-height:55px; text-align:center; font-size:16px; color:#000; margin: 0 auto; margin-top: -20px;} 
.new_wrap .btn_more i {display:inline-block; background:url(../image/ico_best_btn.png) center no-repeat; width:8px; height:13px; margin-left:10px; vertical-align:middle;}
.new_wrap .btn_more:hover {color:#fff; background:#333; transition: all .4s;}
.new_wrap .btn_more:hover i {background:url(../image/ico_best_btn_hover.png) center no-repeat; transition: all .4s;}

/* bottom_quick */
.bottom_quick_wp {margin:50px 0;}
.bottom_quick_wp ul {display:flex; justify-content: space-between;}
.bottom_quick_wp ul li a {position:relative; display: flex; align-items: center; justify-content: space-around; border:1px solid #ddd; width:280px; height:122px; border-radius:20px; padding: 40px 30px; box-sizing: border-box;}
.bottom_quick_wp ul li a:before {display:block; width:50px; height:50px; content:''; background-position:50% 50%; background-repeat:no-repeat; /* margin:0 10px 0 0;*/}
.bottom_quick_wp ul li.faq a:before {background-image:url(../image/main/ico_bt_quick1.png);}
.bottom_quick_wp ul li.inquiry a:before {background-image:url(../image/main/ico_bt_quick2.png);}
.bottom_quick_wp ul li.ship a:before {background-image:url(../image/main/ico_bt_quick3.png);}
.bottom_quick_wp ul li.notice a:before {background-image:url(../image/main/ico_bt_quick4.png);}
.bottom_quick_wp ul li a:hover {box-shadow: 3px 2px 10px 1px rgb(147 147 147 / 20%); margin-top: -5px; transition: all .4s;}
.bottom_quick_wp ul li a:hover .txt_box .tit {color:#2155FF;}
/*.bottom_quick_wp ul li a .ico_box {margin-right: 30px;}*/
.bottom_quick_wp ul li a .txt_box {}
.bottom_quick_wp ul li a .txt_box .tit {font-size:18px; font-weight:bold; margin-bottom:10px;}
.bottom_quick_wp ul li a .txt_box .txt {font-size:14px; color:#777; letter-spacing:-0.05em;}