body{font-size:16px;font-weight:400;font-style:normal;line-height:1.5;position:relative;visibility:visible;color:#3d3d3d;background-color: #ececec;}
body.no-overflow{overflow:hidden}
p{margin:0;padding:0}
a,button{line-height:inherit;display:inline-block;cursor:pointer;text-decoration:none;color:inherit}
a,button,img,input,span{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
:focus{outline:0!important}
a:focus{text-decoration:none;color:inherit;outline:0}
a:hover{text-decoration:none;color:#F3A712}
button,input[type=submit]{cursor:pointer}
ul{margin:0;padding:0;list-style:outside none none}
.theme-bg{background:#408ed4}
.theme-bg2{background:#293d77}
.full-border{border-bottom:1px solid #dcdfe6}
.no-border-bottom{border-bottom:0!important}
.btn-secondary:not(:disabled):not(.disabled):active:focus{-webkit-box-shadow:none!important;box-shadow:none!important}
.btn-secondary:not(:disabled):not(.disabled):focus{-webkit-box-shadow:none!important;box-shadow:none!important}
.header-top-left p{font-size:13px;line-height:44px}
.box-right{float:right}
.box-right li{display:inline-block;position:relative}
.box-right li a{padding:10px 15px}

.nav-r {position:absolute;right:17px;z-index:9;top: 6;}
.topnavlm .fixed-top{top:60px;background: rgb(219, 219, 219);line-height: 2.2rem;}
.header-area .header-middle-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width:991px){.header-area .header-middle-inner{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}
@media only screen and (max-width:767px){.blockcart{top:73px;right:15px}}
@media only screen and (max-width:479px){.blockcart{top:73px;right:15px}}
@media only screen and (max-width:329px){.blockcart{top:10px;right:10%}}
.blockcart{position:relative;}
.blockcart .ha-toggle{position:relative}
.blockcart img{display:block;float:left;position:relative;right:10px}
@media only screen and (max-width:479px),only screen and (max-width:991px){.blockcart img{right:8px}}
.blockcart span{display:block;overflow:hidden;position:relative}
.blockcart span.my-cart{font-size:16px;font-weight:700}
@media only screen and (max-width:479px){.blockcart span.my-cart{font-size:14px}}
.blockcart span.count{position:absolute;top:-10px;left:20px;background:#408ed4;border:1px solid #fff;color:#fff;border-radius:100%;height:25px;width:25px;text-align:center;line-height:22px}
@media only screen and (max-width:479px),only screen and (max-width:991px){.blockcart span.count{left:20px}}
.blockcart span.total-item{color:#000}
.canvas_close{position:absolute;top:10px;right:13px}
.canvas_close a{font-size:18px;text-transform:uppercase;font-weight:500;width:32px;height:32px;display:block;text-align:center;line-height:31px;border:1px solid #e4e3e3;border-radius:100%}
.canvas_close a:hover{background:#408ed4;border-color:#408ed4;color:#fff}
.canvas_open{position:absolute;right:17px;top:16px;z-index:9}
.canvas_open a{font-size:30px;width:43px;height:40px;display:block;line-height:39px;text-align:center;border:1px solid #fff;color:#fff}
@media only screen and (max-width:767px){.canvas_open a{width:32px;height:32px;line-height:31px;font-size:25px}}
@media only screen and (max-width:767px){.canvas_open{top:18px;right:28px}}
@media only screen and (max-width:479px){.canvas_open{top:16px!important}}
@media only screen and (max-width:379px){.canvas_open{top:15px!important;right:15px}}
@media only screen and (max-width:479px){.sytop{top:86px!important}}
.cart-dropdown{position:absolute;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.1);box-shadow:0 0 50px 0 rgba(0,0,0,.1);border-radius:5px;right:0;width:355px;display:none;background:#fff;z-index:999}
@media only screen and (max-width:479px){.cart-dropdown{width:300px}}
.cart-dropdown ul{padding:20px 20px}
.cart-dropdown ul li.mini-cart-details{margin-bottom:20px;border-bottom:1px solid #e4e3e3;display:block;overflow:hidden;padding-bottom:20px}
.cart-dropdown ul li{display:block;overflow:hidden}
.cart-dropdown ul li .subtotal-text{float:left;font-weight:700;color:#232323;font-size:14px;text-transform:uppercase}
.cart-dropdown ul li .subtotal-price{float:right;font-weight:900;color:#e12e2e;font-size:14px}
.cart-dropdown .checkout-cart{padding:35px 20px;background:#408ed4;text-align:center;border-radius:0 0 5px 5px}
.checkout-cart ul li {display: inline;padding: 20px;}
.innr-crt-img{position:relative;display:block}
.innr-crt-img img{position:static;margin-right:10px}
.innr-crt-img span{position:absolute;top:5px;left:5px;position:absolute;background:#408ed4;border:1px solid #fff;color:#fff;border-radius:100%;height:25px;width:25px;text-align:center;line-height:22px}
.innr-crt-content .product-name{overflow:inherit;position:static}
.innr-crt-content .product-name a{font-weight:700;word-wrap:break-word;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#408ed4;overflow:hidden;display:block;padding:0 25px 0 0}
.innr-crt-content .product-name a:hover{color:#3d3d3d}
.innr-crt-content .product-price{font-size:14px;font-weight:900;color:#e12e2e}
.categoryes-menu-btn{position:relative;background:#176ab4;padding:10px 20px;overflow:hidden}
.categoryes-menu-btn a,.categoryes-menu-btn i{color:#fff;font-size:18px;font-weight:700;text-transform:capitalize;line-height:44px;cursor:pointer}
.categoryes-menu-btn a{padding-right:96px}
@media only screen and (min-width:992px) and (max-width:1199px){.categoryes-menu-btn a{padding-right:40px}
}@media only screen and (max-width:479px){.categoryes-menu-btn a{font-size:14px}
}.categoryes-menu-btn i{font-size:14px;font-weight:500}
.categoryes-menu-bar .categorye-menus{width:100%;background:#fff;border-radius:0 0 10px 10px;border:2px solid #176ab4;border-top:none;padding:0;position:absolute;top:100%;z-index:9}
@media only screen and (min-width:992px) and (max-width:1199px){.categoryes-menu-bar .categorye-menus{width:210px}
}@media only screen and (max-width:479px){.categoryes-menu-bar .categorye-menus{width:100%}
}.categoryes-menu-bar .categorye-menus>ul>li{position:relative}
.categoryes-menu-bar .categorye-menus>ul>li>a{display:block;overflow:hidden;line-height:52px;word-wrap:break-word;background:#fff;color:#3d3d3d;font-size:14px;font-weight:400;margin:0 15px;border-bottom:1px solid #ebebeb;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (max-width:479px){.categoryes-menu-bar .categorye-menus>ul>li>a{margin:0 10px;font-size:12px;line-height:3.6}
}.categoryes-menu-bar .categorye-menus>ul>li>a:hover{color:#408ed4;padding-left:3px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.categoryes-menu-bar .categorye-menus>ul>li>a>i{line-height:3.7}
.categoryes-menu-bar .categorye-menus>ul>li:hover ul.cat-submenu{top:0;opacity:1;visibility:visible;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
ul.cat-submenu{background:#fff;-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,.1);box-shadow:0 0 8px 1px rgba(0,0,0,.1);left:101%;opacity:0;position:absolute;top:30px;visibility:hidden;padding:30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
ul.cat-submenu li.cat-mega-title{width:33.33%;float:left}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){ul.cat-submenu li.cat-mega-title{width:100%;float:none;margin-bottom:20px}
}ul.category-mega{width:900px}
@media only screen and (min-width:992px) and (max-width:1199px){ul.category-mega{width:720px}
}ul.category-mega li.cat-mega-title>a{font-size:16px;font-weight:900;text-transform:uppercase;color:#000;margin-bottom:25px}
ul.category-mega li.cat-mega-title ul li{margin-bottom:10px}
@media only screen and (min-width:992px) and (max-width:1199px){ul.category-mega li.cat-mega-title ul li{font-size:12px}
}ul.category-mega li.cat-mega-title ul li:last-child{margin-bottom:0}
ul.category-mega li.cat-mega-title ul li:hover a{margin-left:10px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:block}
.categories-expand .menu-item-has-children{display:none}
@media only screen and (max-width:991px){.categories-expand .menu-item-has-children{display:block}
.categories-expand .categories-hover-right{display:none}
}.categories-expand>li.menu-item-has-children.menu-open>span.menu-expand{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.categories-expand>li ul li.menu-item-has-children.menu-open span.menu-expand{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.categories-expand .menu-item-has-children{position:relative}
.categories-expand .menu-item-has-children:last-child{margin:0}
.categories-expand .menu-item-has-children span.menu-expand{position:absolute;right:25px;top:15px}
@media only screen and (max-width:479px){.categories-expand .menu-item-has-children span.menu-expand{right:10px;top:8px}
}.categories-expand .menu-item-has-children a{display:block;overflow:hidden;line-height:53px;word-wrap:break-word;background:#fff;color:#3d3d3d;font-size:14px;font-weight:400;margin:0 26px;border-bottom:1px solid #e4e3e3}
@media only screen and (max-width:479px){.categories-expand .menu-item-has-children a{margin:0 10px;font-size:12px;line-height:3.6}
}.categories-expand .menu-item-has-children a:hover{color:#408ed4}
.categories-expand .menu-item-has-children ul.sub-menu{padding-left:20px}
.main-menu>ul>li{display:inline-block;position:relative}
.main-menu>ul>li>a{font-size:16px;font-weight:700;color:#fff;line-height:4;padding-right:40px}
@media only screen and (min-width:992px) and (max-width:1199px){.main-menu>ul>li>a{padding-right:40px;padding-left:10px}
}.main-menu>ul>li>a:hover{color:#3d3d3d}
.main-menu>ul>li>a i{margin-left:3px}
.main-menu>ul>li:last-child a{padding-right:0}
.main-menu>ul>li .dropdown-width{width:230px}
.main-menu>ul>li .dropdown{position:absolute;left:-30px;background:#fff;z-index:999;padding:10px 0;-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;opacity:0;visibility:hidden;border-bottom:2px solid #408ed4;-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,.1);box-shadow:0 0 8px 1px rgba(0,0,0,.1);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.main-menu>ul>li .dropdown li{position:relative;display:block}
.main-menu>ul>li .dropdown li a{padding:5px 0 5px 20px;display:block}
.main-menu>ul>li .dropdown li a i{line-height:1.8;padding-right:20px}
.main-menu>ul>li .dropdown li ul.sub-dropdown{left:100%;top:20px;visibility:hidden;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;opacity:0}
.main-menu>ul>li .dropdown li:hover ul.sub-dropdown{visibility:visible;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;display:block;opacity:1;top:0}
.main-menu>ul>li:hover .dropdown{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.mega-menu{left:-152px!important;position:absolute;width:900px;overflow:hidden;padding:10px 0 10px 0!important}
@media only screen and (min-width:992px) and (max-width:1199px){.mega-menu{width:720px}
}.mega-menu>ul>li{width:25%;padding-left:10px}
@media only screen and (min-width:992px) and (max-width:1199px){.mega-menu>ul>li{padding-left:0}
}.mega-menu>ul>li>a{font-size:14px;line-height:24px;text-transform:uppercase;font-weight:700;display:block;margin-bottom:8px;color:#000}
.mega-menu .mega-menu-banner{display:block;padding:0 10px}
.mega-menu .mega-menu-banner a{overflow:hidden}
@media only screen and (min-width:992px) and (max-width:1199px){.mega-menu .mega-menu-banner a{padding-right:0!important}
}.mega-menu .mega-menu-banner img{width:100%}
.mega-menu .mega-menu-banner img:hover{-webkit-transform:scale(1.02) rotate(.05deg);-ms-transform:scale(1.02) rotate(.05deg);transform:scale(1.02) rotate(.05deg);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.add-sticky .logo{display:none}
.sticky .add-sticky {text-align:center;position:fixed;top:0;left:0;opacity:1;background:#fff;width:100%;z-index:999;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.27);box-shadow:0 2px 8px rgba(0,0,0,.27);-webkit-animation:.9s cubic-bezier(.2,1,.22,1) 0s normal none 1 running fadeInDown;animation:.9s cubic-bezier(.2,1,.22,1) 0s normal none 1 running fadeInDown}
.sticky .add-sticky .sticky-container{max-width:1200px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media only screen and (min-width:992px) and (max-width:1199px){.sticky .add-sticky .sticky-container{max-width:960px}}
.sticky .add-sticky .logo{display:block;float:left;width:15%}
.sticky .add-sticky .logo a{line-height:62px}
.sticky .add-sticky .main-menu{width:80%;padding-left:20px;float:left}
@media only screen and (min-width:992px) and (max-width:1199px){.sticky .add-sticky .main-menu{margin-left:35px}}
.sticky .add-sticky .main-menu>ul li{text-align:initial}
.sticky .add-sticky .main-menu>ul li a{color:#3d3d3d}
@media only screen and (min-width:992px) and (max-width:1199px){.sticky .add-sticky .main-menu>ul li a{padding-right:20px}}
.sticky .add-sticky .main-menu>ul li a:hover{color:#408ed4}
@media only screen and (max-width:991px){.sticky{display:none}}
@media only screen and (max-width:991px){.header-top{display:none}
.main-menu{display:none}
.categoryes-menu-bar{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:100%}
.categoryes-menu-bar .categorye-menus{display:none}
.categoryes-menu-bar .categoryes-menu-btn{width:78%}}
@media only screen and (max-width:991px) and (max-width:767px){.categoryes-menu-bar .categoryes-menu-btn{width:95.9%}}
@media only screen and (max-width:991px) and (max-width:575px){.categoryes-menu-bar .categoryes-menu-btn{width:320px}}
@media only screen and (max-width:991px){.categoryes-menu-bar .categoryes-menu-btn a{padding-right:25px;}}
@media only screen and (min-width:479px){.hic{display:none}}
@media only screen and (max-width:767px){.categoryes-menu-bar{-webkit-box-flex:0;-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;width:100%}
.categoryes-menu-btn a{padding-right:30px}}
.header-three .main-menu>ul>li>a{color:#3d3d3d}
.header-three .sticky .main-menu>ul>li>a{color:#3d3d3d!important;}
@media only screen and (min-width:992px) and (max-width:1199px){.header-three .main-menu>ul>li>a{padding-right:15px}}
.header-three .main-menu>ul>li>a:hover{color:#408ed4}
.header-three .categoryes-menu-bar .categorye-menus{display:none}
.header-three .search-container{width:74%;top:12%;position:relative;}
.header-three .search-container form .search_box .header-search{width:130%;height:44px;}
.header-three .search-container form .search_box .header-search-button{height:44px;line-height:30px;border:2px solid #fff}
.search-container form{border:2px solid #408ed4;position:relative}
.search-container form .search_box .header-search{height:44px;padding-left:18px;border:0;outline:0}
.search-container form .search_box .header-search-button{position:absolute;top:0px;right:-200px;height:48px;line-height:44px;text-align:center;text-align:center;color:#fff;font-size:16px;font-weight:700;background:#408ed4;padding:0 27px;border:0;border-radius:0 25px 25px 0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.search-container form .search_box .header-search-button:hover{background:#333;color:#fff}
.search-container .select-option{height:44px;line-height:44px;margin:0;border:0;padding:0 38px 0 36px;color:#666;font-size:13px;border-right:1px solid #ccc;border-radius:30px 0 0 30px;}
.search-container .select-option .list{overflow:auto}
@media only screen and (min-width:300px)and (max-width:991px){.search-container {display:none!important}}
.newsletter-group{background-color:#408ed4;padding:35px 0}
.newsletter-inner i{font-size:60px;color:#fff;font-weight:400;line-height:60px;margin-right:30px}
@media only screen and (min-width:992px) and (max-width:1199px){.newsletter-inner i{margin-right:15px}}
@media only screen and (max-width:479px){.newsletter-inner i{font-size:50px;margin-right:10px}}
.newsletter-inner .newsletter-title .sign-title{font-size:22px;color:#fff;margin-bottom:10px}
@media only screen and (max-width:479px){.newsletter-inner .newsletter-title .sign-title{font-size:18px;margin-bottom:5px}}
.newsletter-inner .newsletter-title p{color:#fff}
@media only screen and (max-width:479px){.newsletter-inner .newsletter-title p{line-height:14px;font-size:13px}}
.newsletter-box{display:block;overflow:hidden;position:relative}
@media only screen and (max-width:991px){.newsletter-box{margin-top:5%}}
.newsletter-box .mc-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.newsletter-box .email-box{width:76%;height:50px;border:none;border-radius:30px 0 0 30px;padding:10px 10px 10px 20px;margin-right:0}
.newsletter-box .newsletter-btn{padding:10px 33px;line-height:30px;text-transform:capitalize;font-size:16px;font-weight:700;color:#3d3d3d;background:#f1d411;border:0;border-radius:0 30px 30px 0}
@media only screen and (max-width:575px){.newsletter-box .newsletter-btn{padding:10px 20px}}
@media only screen and (max-width:479px){.newsletter-box .newsletter-btn{padding:10px 10px;font-size:14px}}
.newsletter-box .newsletter-btn:hover{background:#3d3d3d;color:#fff}
.footer_social ul li a{background:#000;height:40px;width:40px;margin-right:20px;position:relative;line-height:3;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:5px}
.footer_social ul li a i{font-size:18px;color:#fff}
.footer_social ul li a.facebook{background:#448ccb}
.footer_social ul li a.twitter{background:#00bff3}
.footer_social ul li a.youtube{background:#d02d2d}
.footer_social ul li a.google{background:#f85858}
.footer_social ul li a.linkedin{background:#555}
.footer_social ul li a:hover{background:#3d3d3d}
@media only screen and (max-width:767px),only screen and (max-width:575px){.widgets_container{margin-bottom:20px}
}.widgets_container h6{margin-bottom:35px;font-size:18px;font-weight:700;color:#3d3d3d}
@media only screen and (max-width:767px),only screen and (max-width:575px){.widgets_container h6{margin-bottom:15px}
}.widgets_container ul li{line-height:36px}
.widgets_container ul li a{font-size:14px}
.widgets_container ul li a:hover{padding-left:5px}
.widget-single-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media only screen and (min-width:992px) and (max-width:1199px){.widget-single-box{margin-top:10px}
}@media only screen and (max-width:767px){.widget-single-box{display:inline-block;float:left;width:25%}
}@media only screen and (max-width:479px){.widget-single-box{width:50%}
}.widget-single-box p{line-height:28px}
.widget-single-box ul{display:inherit}
@media only screen and (max-width:991px){.widget-single-box ul li{line-height:12px;padding:8px 0 10px 0;display:block}
}.widget-single-box ul li a{padding:0 10px;border-right:1px solid #ccc;line-height:1}
@media only screen and (max-width:767px){.widget-single-box ul li a{border-right:0}
}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (max-width:991px){.widget-single-box ul li a{padding:0 5px;font-size:12px}
}.widget-single-box ul li:last-child a{border-right:0}
.footer-bottom{border-top:1px solid #e4e3e3;padding:20px 0}
@media only screen and (max-width:991px){.footer-single-widget{margin-bottom:30px}
.footer-bottom-content{text-align:center;margin-bottom:20px}
.payment{text-align:center;margin-bottom:10px}
}@media only screen and (max-width:767px),only screen and (max-width:575px){.widgets_container{margin-bottom:20px}
}@media only screen and (max-width:767px){.widget-box{margin-top:0}}
.shop-sidebar-category{padding:30px;}
.sidebar-title .title-shop{font-size:18px;line-height:24px;border-bottom:2px solid #ebebeb;padding:0 0 10px;margin-bottom:20px}

/* 首页课程标题 */
.sytitle h4{font-size: 0.98rem;}
.sytitle p{font-size: 0.82rem;color: rgb(75, 75, 75);}
.sytitle h3{font-size: 1.28rem;}
.latest-post-area h4{font-size: 0.98rem;color:#333;}
.latest-post-area p{font-size: 0.82rem;padding-left: 5px;}
/*首页*/
.nav-menu-bar .categorye-menus{width:95%;background:#fff;border-radius:0 0 10px 10px;border:2px solid #176ab4;border-top:none;padding:0;position:absolute;top:96%;z-index:9}
.nav-menu-bar {-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;width:100%}
@media only screen and (min-width:992px) and (max-width:1199px){.nav-menu-bar .categorye-menus{width:225px}
}@media only screen and (max-width:479px){.nav-menu-bar .categorye-menus{width:100%}
}.nav-menu-bar .categorye-menus>ul>li{position:relative}
.nav-menu-bar .categorye-menus>ul>li>a{display:block;overflow:hidden;line-height:52px;word-wrap:break-word;background:#fff;color:#3d3d3d;font-size:14px;font-weight:400;margin:0 15px;border-bottom:1px solid #ebebeb;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (max-width:479px){.nav-menu-bar .categorye-menus>ul>li>a{margin:0 10px;font-size:12px;line-height:3.6}
}.nav-menu-bar .categorye-menus>ul>li>a:hover{color:#408ed4;padding-left:3px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.nav-menu-bar .categorye-menus>ul>li>a>i{line-height:3.7}
.nav-menu-bar .categorye-menus>ul>li:hover ul.cat-submenu{top:0;opacity:1;visibility:visible;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media only screen and (max-width:991px) and (max-width:767px){.nav-menu-bar .nav-menu-btn{width:95.9%}}
@media only screen and (max-width:991px) and (max-width:575px){.nav-menu-bar .nav-menu-btn{width:320px}}
@media only screen and (max-width:767px){.nav-menu-bar{-webkit-box-flex:0;-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;width:100%}
}
.nav-menu-bar .nav-menus{display:none}
.nav-menu-bar .nav-menu-btn{position:relative;z-index:9;background:#176ab4;padding:10px;overflow:hidden}
.nav-menu-bar .nav-menu-btn a,.nav-menu-btn i{color:#fff;font-size:18px;font-weight:700;text-transform:capitalize;line-height:44px;cursor:pointer}
.nav-menu-bar .nav-menu-btn a{padding-right:96px}
@media only screen and (max-width:991px) and (max-width:767px){.nav-menu-bar .nav-menu-btn{width:95.9%}}
@media only screen and (max-width:991px) and (max-width:575px){.nav-menu-bar .nav-menu-btn{width:320px}}
@media only screen and (max-width:991px){.nav-menu-bar .nav-menu-btn a{padding-right:25px;}}
#TouchNav{width:100%;overflow:hidden;border-bottom:1px solid #f8f8f8;line-height:3rem;}
#TouchNav .swiper-slide{width:6rem;padding: 0 5px;letter-spacing:2px;text-align:center;}
#TouchNav .swiper-slide span{transition:all .3s ease;display:block;}
#TouchNav .active span a:hover{color:darkred;}
#TouchNav .active span{transform:scale(1.1);color:darkred;}
/* 在职研 */
.channel .channel-l{position:relative;padding:6px;border-radius:10px;}
.channel .channel-l{background:linear-gradient(#c1cce2,#c1cce2,#324f8c);}
.channel .channel-l>div{position:relative;z-index:2;padding:0 6px;}
.channel .channel-l .channel-read-main p,.channel-read-main ul li a{color:#324f8c;}
.channel .channel-l .channel-read-main ul li:hover a{background:#522e74;color:#fff;}
.channel .channel-tit{position:relative;display:inline-block;padding:18px;font-weight:700;}
.channel .tithr{height:65px;border-bottom:2px solid #666;}
.channel h1{font-weight:900;font-size:28px;line-height:32px;}
.channel h2{color:#015478;font-size:22px;line-height:32px;}
.channel em{padding-bottom:5px;border-bottom:2px solid #015478;}
.channel .channel-rdh{margin-right:10%;color:#222;font-size:14px;}
.channel .channel-rdh a{padding:0 15px;border-right:1px solid #ddd;}
.channel .channel-rdh a:last-child{border:none;}
.channel .channel-rdh a:hover{color:#d3554f;}
.channel .channel-l::before{position:absolute;right:0;bottom:0;display:block;width:100%;height:100%;background:url(/statics/images/hsgl/bg/channel-bg1.png) no-repeat bottom right;content:'';}
.channel .channel-l .channel-time{border-radius:10px 10px 0 0;background:url(/statics/images/hsgl/bg/tit-bg.png) no-repeat center top;background-size:100% 100%;}
.channel .channel-l .channel-time-tit{background:url(/statics/images/hsgl/bg/channel-tit-bg.png) no-repeat top center;color:#324f8c;}
.channel .channel-l .channel-time-tit{margin-bottom:20px;padding:5px 0;text-align:center;font-weight:700;font-size:16px;line-height:20px;}
.channel-l .channel-time-list{background:url(/statics/images/hsgl/bg/sx-bg.png) repeat-y top left 6px;}
.channel-l .channel-time-list:last-child{background:url(/statics/images/hsgl/bg/sx-bg.png) no-repeat top left 6px;}
.channel-l .channel-time-list b{background:url(/statics/images/hsgl/bg/channel-time2.png) no-repeat left top;}
.channel .channel-l .channel-time-list b{display:block;margin-bottom:6px;padding-left:20px;font-weight:700;line-height:1;}
.channel .channel-l .channel-time-list b span{padding-left:10px;color:#555;font-weight:400;line-height:1;}
.channel .channel-l .channel-time-list p{padding-left:20px;color:#555;font-size:12px;line-height:24px;}
.channel .channel-l .channel-time-list span{color:rgb(106 16 122);font-size:16px;line-height:36px;}
.channel .channel-l .channel-time-list dd{padding-left:25px;}
.channel-l .kksj{padding-left:10px;color:#fff;font-size:14px;line-height:26px;}
.channel-l .channel-read-main ul li:hover a{background:#324f8c;color:#fff;}
.channel .channel-l .channel-read-tit{margin:3px auto 13px;color:#19356f;text-align:center;font-weight:700;font-size:16px;}
.channel .channel-l .channel-read-main ul li{float:left;margin:10px 1% 0;width:31.333%;text-align:center;}
.channel .channel-l .channel-read-main ul li a{display:block;padding:5px;border-radius:3px;background:#fff;font-size:.89rem;line-height:20px;}
.channel .channel-l .channel-read-main p{font-weight:700;}
.channel-m .channel-new{margin-bottom:22px;font-size:14px;}
.channel-m .nav-tabs{margin-bottom:17px;border:none!important;box-shadow:0 0 10px rgba(0,0,0,.1);}
.channel-m .nav-tabs>li{margin:0 auto;border:none;}
.channel-m .nav-tabs>li:last-child a::before{display:none!important;}
.channel-m .nav-tabs>li>a{margin:0 auto;padding:5px 17px;border:none!important;background:0 0!important;color:#222;font-weight:700;font-size:16px;line-height:26px;}
.channel .channel-m .sec-word li{float:left;margin:10px 1% 0;width:18%;}
.channel-m .nav-tabs>li.active>a,.channel-m .nav-tabs>li.active>a:focus,.channel-m .nav-tabs>li.active>a:hover,.channel-m .nav-tabs>li:hover>a{position:relative;background:#324f8c!important;color:#fff;}
.channel-m .nav-tabs>li>a.active::before,.channel-m .nav-tabs>li.active>a:focus::before,.channel-m .nav-tabs>li.active>a:hover::before,.channel-m .nav-tabs>li:hover>a::before{position:absolute;top:0;right:-15px;display:block;width:18px;height:100%;background:url(/statics/images/hsgl/bg/zzy-tab-bg.png) no-repeat top right;content:'';}
.channel-m .nav-tabs>li>a.active::after,.zzy-channel .channel-m .nav-tabs>li.active>a:focus::after,.zzy-channel .channel-m .nav-tabs>li.active>a:hover::after,.zzy-channel .channel-m .nav-tabs>li:hover>a::after{position:absolute;bottom:-6px;left:50%;display:block;margin-left:-8px;width:0;height:0;border-top:6px solid #324f8c;border-right:8px solid transparent;border-left:8px solid transparent;content:'';}
@media only screen and (min-width:991px){.channel-m .cl-tabs li a.active{position:relative;background:#324f8c!important;color:#fff!important;}
}
.channel-m .sec-word li:hover a{border-color:#324f8c;background:#324f8c;color:#fff;}
.channel-m .sec-word li:hover a{border-color:#015478;background:#015478;color:#fff;}
.channel-m .sec-word li{padding:5px;width:31.333%;}
@media only screen and (max-width:768px){.channel-m .sec-word li{padding:5px;width:48%;}
}
@media only screen and (max-width:768px){.channel-m{margin-top:40px;}
}
.channel-m .sec-word li a{display:block;border:1px solid #e8e8e8;border-radius:3px;background:#f3f5f7;color:#222;text-align:center;font-size:13px;line-height:32px;}
.slick-custom li{padding:3px 0;border-bottom:1px dashed #e0e0e0;}
/*左侧列表*/
.widget_inner{padding:30px}
.widget_inner.widget-background{background:#f8f8f8;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.widget_list{margin-bottom:18px}
.widget_list:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.widget_list h2{font-size:16px;margin:0 0 15px;padding:0 0 5px;text-transform:uppercase;font-weight:700;line-height:24px}
.widget_list>ul>li{margin-bottom:8px;position:relative}
.widget_list>ul>li:last-child{margin-bottom:0}
.widget_list>ul>li>a{font-size:14px;display:block;line-height:27px;}
.widget_list>ul>li>a:hover{color:#408ed4}
.widget_list>ul>li span.checkmark{height:17px;width:17px;border:1px solid #e4e3e3;border-radius:0;display:block;position:absolute;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);background:#f3f3f3}
.widget_list>ul>li span.checkmark::before{left:5px;top:3px;width:5px;height:8px;border:solid #fff;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;display:none}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#ffff;border:0;border-radius:0;width:19px;height:19px;top:-7px;cursor:pointer;border-radius:50%;border:5px solid #408ed4}
.widget_list.widget_filter form{padding-top:10px}
.widget_list.widget_filter form input{background:0 0;border:none;font-size:12px;float:right;text-align:right;line-height:31px}
@media only screen and (min-width:992px) and (max-width:1199px){.widget_list.widget_filter form input{width:65px}}
.widget_list.widget_filter form button{height:30px;line-height:30px;padding:0 20px;text-transform:capitalize;color:#fff;background:#408ed4;border:0;border-radius:30px}
.widget_list.widget_filter form button:hover{background:#555}

.breadcrumbs_area{padding:20px 0;background:#f8f8f8}
.breadcrumb_content ul li{display:inline-block;text-transform:capitalize;font-size:14px;margin-right:5px;padding-right:5px;position:relative;color:#333}
.breadcrumb_content ul li::before{position:absolute;content:"/";right:-4px;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%)}
.breadcrumb_content ul li:last-child{margin-right:0}
.breadcrumb_content ul li:last-child::before{display:none}
.breadcrumb_content ul li a{color:#333}
.breadcrumb_content ul li a:hover{color:#408ed4}
.breadcrumb_content ul li h1{display:inline-block;text-transform:capitalize;font-size:14px;position:relative;color:#333}



.single-shipping{text-align:center;position:relative}
.single-shipping:after{position:absolute;right:0;top:50%;margin-top:-20px;content:"";height:40px;width:1px;background:#e4e3e3}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){.single-shipping:after{right:-15px}
}@media only screen and (max-width:767px){.single-shipping:after{background:0 0}
}
/*首页top3图*/
.single-shipping.single-shipping-last:after{background:initial}
.block-wrapper,.block-wrapper2,.block-wrapper3{display:inline-block;vertical-align:top;background:url(/statics/images/hsgl/icon/icon1.png) left center no-repeat;padding-left:56px;padding-top:15px;padding-bottom:16px}
.block-wrapper2{background:url(/statics/images/hsgl/icon/icon2.png) left center no-repeat}
.block-wrapper3{background:url(/statics/images/hsgl/icon/icon3.png) left center no-repeat}
.shipping-content .ship-title{color:#3d3d3d;font-weight:600;text-transform:capitalize;margin:0;font-size:16px;line-height:20px;display:block;text-align:left}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){.shipping-content .ship-title{font-size:15px}
}.shipping-content p{font-size:14px;font-weight:400;line-height:25px;padding-top:0;color:#959595}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){.shipping-content p{font-size:12px}
}.single-delivery{width:32%;display:inline-block;border:1px solid #e4e3e3;margin-bottom:10px;padding:10px}
@media only screen and (max-width:767px){.single-delivery{width:100%;display:block}
}
.item-product{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.item-product:hover{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.item-product:hover .action-link{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.item-product:hover .action-link a{font-size:16px;height:36px;width:36px;line-height:36px}
@media only screen and (max-width:575px),only screen and (max-width:479px){.item-product{max-width:540px;width:100%;margin:0 auto;display:block!important}
}@media only screen and (max-width:575px),only screen and (max-width:479px){.double-product{margin:0 auto 20px auto}
}.product-thumb{position:relative;padding-bottom:10px;display:block;text-align:center}
.product-thumb img{display:block}
.product-thumb .label-product-new{position:absolute;top:9px!important;left:9px;display:inline-block;background:#408ed4;color:#fff;border-radius:100% 100% 100% 0;text-align:center;line-height:32px;height:32px;width:32px;font-size:11px;font-weight:700}
.product-thumb .label-product-discount{position:absolute;top:9px!important;right:9px;display:inline-block;background:#e12e2e;color:#fff;border-radius:100% 100% 100% 0;text-align:center;line-height:32px;height:32px;width:32px;font-size:11px;font-weight:700}
.action-link{position:absolute;bottom:0;left:0;right:0;margin:0 auto;text-align:center;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.action-link a{display:inline-block;background:#555;padding:0;color:#fff;border:none;line-height:20px;height:20px;width:20px;font-size:0;text-align:center;text-transform:capitalize;border-radius:100%;margin-right:5px}
.action-link a:hover{background:#408ed4;border-color:#408ed4;color:#fff;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.action-link a:hover i{font-size:16px;line-height:36px}
.product-name a{line-height:22px;display:block;overflow:hidden;color:#3d3d3d;font-size:16px;margin-bottom:5px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-weight:700}
.product-name a:hover{color:#333}
.yellow i{color:#f9ba48}
.default-star i{color:#a8a8a8}

.slick-custom-default{display:block}
.slick-custom-default .slick-slide{padding:40px 10px 5px 10px}
.slick-custom .arrow-right{position:absolute;right:0;background:#fff;padding-left:5px}
.slick-custom .arrow-left{position:absolute;right:14px;background:#fff;padding-left:20px;padding-right:5px}
.slick-custom .arrow-button{top:-15px;border:0;color:#a8a8a8;font-size:24px;cursor:pointer;z-index:99}
.slick-custom .arrow-button:hover{color:#408ed4}
.theme-tabs{display:inline-block;width:100%;position:relative}
.theme-tabs li{display:inline-block;margin-bottom:-8px!important;overflow:hidden}
.theme-tabs li a{z-index:2;background:#f3f3f3;padding:0 35px;vertical-align:bottom;border-radius:5px 5px 0 0;margin-right:2px;line-height:39px;cursor:pointer;color:#a8a8a8;text-transform:capitalize;font-size:16px;font-weight:700;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.theme-tabs li a:hover{color:#fff;background:#408ed4;line-height:46px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
@media only screen and (max-width:991px){.theme-tabs li a{font-size:14px;padding:0 15px}}
@media only screen and (max-width:479px){.theme-tabs li a{font-size:11px;padding:0 3px;line-height:28px;margin-right:0}}
@media only screen and (max-width:329px){.theme-tabs li a{font-size:9px;padding:0 2px;line-height:28px;margin-right:0}}
.theme-tabs li a.active{color:#fff!important;background-color:#408ed4!important;line-height:46px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
@media only screen and (max-width:479px){.theme-tabs li a.active{line-height:30px}
}

.single-banner{overflow:hidden;position:relative}
.single-banner:before{background:rgba(255,255,255,.41) none repeat scroll 0 0;content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none}
.single-banner:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.single-banner:after{background:rgba(255,255,255,.41) none repeat scroll 0 0;bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none}
.single-banner:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.banner-top{margin-top:30px}
@media only screen and (max-width:991px){.banner-top{margin-top:20px}
}.right-side-banner .banner-area .single-banner a{display:block}
.right-side-banner .banner-area .single-banner a img{width:100%}
.block-title{position:relative}
.block-title:before{position:absolute;width:50%;content:"";top:45%;left:0;background:#ebebeb;width:100%;height:1px}
.block-title h6{font-size:18px;font-weight:900;display:inline-block;overflow:hidden;padding-right:20px;background:#fff;position:relative;z-index:2}

.nav-top .arrow-button{top:-28px}
.single_blog{display:block;overflow:hidden}
.single_blog .blog_thumb{float:left;display:block;width:35%}
@media only screen and (min-width:992px) and (max-width:1199px){.single_blog .blog_thumb{width:42%}
}@media only screen and (max-width:767px){.single_blog .blog_thumb{width:41%;margin-right:15px}
}@media only screen and (max-width:479px){.single_blog .blog_thumb{width:100%;float:none;margin-bottom:15px}
}.single_blog .blog_content{width:60%;margin-left:25px;float:right}
@media only screen and (min-width:992px) and (max-width:1199px){.single_blog .blog_content{width:55%;float:left;margin-left:10px}
.single_blog .blog_content .date_post{margin-top:8px;margin-bottom:8px}
}@media only screen and (max-width:767px){.single_blog .blog_content{width:55%;float:left;margin-left:0}
.single_blog .blog_content .date_post{margin-top:10px;margin-bottom:10px}
}@media only screen and (max-width:479px){.single_blog .blog_content{width:100%;float:none;margin:0}
}.about-img img{width:100%}

@media only screen and (max-width:575px){.toolbar-bottom{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
}

.grid_list .product-thumb{margin-bottom:0;width:48.5%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media only screen and (max-width:767px){.grid_list .product-thumb{width:100%}
}.grid_list .product-thumb .action-link{display:none}
.grid_list .item-product{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #e4e3e3;padding:20px}
.grid_list .item-product .product-caption{display:none}
.grid_list .item-product .grid-list-caption{width:100%}
@media only screen and (min-width:768px) and (max-width:991px){.grid_list .item-product .grid-list-caption{width:50%;margin-left:20px}
}
.grid_list .item-product .grid-list-caption .text-available{margin-bottom:10px}
.grid_list .item-product .grid-list-caption .price-box{margin-bottom:10px}
.grid_list .item-product .grid-list-caption .action-link{text-align:left;left:40px}
.grid_list .item-product .grid-list-caption .cart-btn{line-height:38px;width:200px;font-size:15px;font-weight:600;color:#fff;text-transform:capitalize;background:#555;display:block;text-align:center;padding:0 30px;border-radius:25px}
.grid_list .item-product .grid-list-caption .cart-btn:hover{background:#408ed4;color:#fff}
.grid_list .action-link{position:relative;margin-bottom:20px;opacity:1}
.grid_list .action-link a{font-size:16px;height:36px;width:36px;line-height:36px}
@media only screen and (max-width:575px){.page-amount{display:none}
}.blog-image a{display:block}
.blog-image a img{width:100%}
.single-blog .blog-content .meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;padding-left:0;list-style:none}
.single-blog .blog-content .meta li{font-size:14px;font-weight:600;line-height:1.75;margin-right:15px}
.single-blog .blog-content .meta li i{margin-right:10px;color:#007bff}
.single-blog .blog-content .meta li a{border-bottom:1px solid transparent}
.single-blog .blog-content .meta li a:hover{color:#007bff;border-color:rgba(51,51,51,.2)}

.single-blog .blog-content .title{font-size:16px;margin-bottom:15px}
.single-blog .blog-content .desc{margin-bottom:15px}
.single-blog .blog-content .desc p{font-size:15px;line-height:25px}
.single-blog .blog-content .link{font-size:16px;text-transform:uppercase;border-bottom:1px solid #e4e3e3}
.single-blog .blog-content .link:hover{border-color:#408ed4}
.blog-slider .arrow-button{position:absolute;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);background:#408ed4;width:30px;height:30px;line-height:30px;font-size:20px;color:#fff;left:40px;z-index:99;text-align:center;border-radius:50%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer;opacity:0;visibility:hidden}
.blog-slider:hover .arrow-button{opacity:.8;visibility:visible}
.blog-slider:hover .arrow-left{left:20px}
.blog-slider:hover .arrow-right{right:20px}
.blog-slider .arrow-left{left:40px}
.blog-slider .arrow-right{right:40px;left:auto}

.widget-sidebar .sidebar-title .title-shop{margin-bottom:10px}
.tag-widget ul li{display:inline-block;margin:0 5px 5px 0}
.tag-widget ul li a{padding:5px 16px;border:1px solid #fff;background: #F4F9FC;font-size:14px}
.tag-widget ul li a:hover{background:#179E66;color:#fff;}
.desc>p{line-height:24px;margin-bottom:10px;font-size:15px}
.desc blockquote{border-left:3px solid #3c74b9;margin:20px 0 20px 100px;padding:20px;font-style:italic}
@media only screen and (max-width:479px){.desc blockquote{margin-left:50px}
}.last-title{font-size:20px;font-weight:600;text-transform:capitalize}
.desc-content{border-bottom:1px solid #ebebeb;padding-bottom:26px;margin-bottom:45px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width:575px){.desc-content{display:block;text-align:center}
}@media only screen and (max-width:575px){.desc-content .social_sharing{display:block!important}
}.desc-content .social_sharing h5{font-size:14px;text-transform:uppercase;margin-right:20px;line-height:26px;margin-bottom:0;font-weight:700}
@media only screen and (max-width:575px){.desc-content .social_sharing h5{margin-right:5px}
}.desc-content .social_sharing ul li{display:inline-block}
.desc-content .social_sharing ul li a{background:#ebebeb;border-radius:100%;display:inline-block;font-size:12px;height:26px;line-height:26px;margin-right:5px;text-align:center;width:26px}
.desc-content .social_sharing ul li a:hover{background:#408ed4;color:#fff}
.comments_box{margin-bottom:40px;border-top:1px solid #e4e3e3;padding-top:17px}
.comments_box h3{font-size:20px;margin:0 0 20px;font-weight:600;line-height:28px}
.comment_list{overflow:hidden;margin-bottom:20px}
.comment_list:last-child{margin-bottom:0}
.comment_list .comment_thumb{float:left}
@media only screen and (max-width:767px){.comment_list .comment_thumb{width:40px}}
.comment_list .comment_content{position:relative;border:1px solid #ebebeb;border-radius:3px;padding:15px}
.comment_list .comment_content h5{font-size:14px;font-weight:600;text-transform:uppercase;margin-bottom:5px}
.comment_list .comment_content h5 a:hover{color:#3c74b9}
.comment_list .comment_content span{line-height:18px;margin-bottom:8px;font-size:12px;font-style:italic;display:inline-block}
.comment_list .comment_content p{margin-bottom:0;font-size:13px}
.comment_reply{position:absolute;top:20px;right:12px}
@media only screen and (max-width:767px){.comment_reply{top:15px}
}.comment_reply a{padding:2px 10px;border-radius:3px;color:#fff;background:#959595;display:block}
.comment_reply a:hover{background:#3c74b9}
.comments_form h3{font-size:20px;margin:0 0 20px;font-weight:600;line-height:28px}
.comments_form p{font-size:14px;line-height:17px;margin-bottom:12px}
@media only screen and (min-width:768px) and (max-width:991px){.comments_form form .row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
}.comments_form form label{color:#333;font-size:14px;line-height:20px;font-weight:600;margin-bottom:10px}
.comments_form form textarea{width:100%;height:200px;background:#fff;border:1px solid #e4e3e3;margin-bottom:10px;resize:none;padding:10px}
.comments_form form input{width:100%;height:40px;border:1px solid #e4e3e3;margin-bottom:15px;padding:0 20px}
.comments_form form button{border:0;line-height:36px;background:#408ed4;color:#fff;font-weight:500}
.comments_form form button:hover{background:#333}
.product-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.product-head .product-title{font-size:24px;margin-bottom:20px}
@media only screen and (max-width:479px){.product-title{font-size:20px;margin-top:20px;}
}
.product-summery .product-arrows a{font-size:24px;padding-left:10px;color:#555}
.product-summery .product-arrows a:hover{color:#408ed4}
.product-summery .price-box .regular-price{font-size:18px;margin-bottom:20px;display:block}
.product-summery .product-description p{margin-bottom:20px}
@media only screen and (max-width:575px){.product-buttons .action-link{text-align:center}
}
.product-buttons .action-link .btn-secondary{border-radius:25px;font-size:14px;padding:6px 10px;margin-right:5px;background:#408ed4}
.product-buttons .action-link .btn-secondary:hover{background:#28a745}
.product-buttons .action-link .btn-secondary:focus{-webkit-box-shadow:none;box-shadow:none}
.product-buttons .action-link .btn-secondary:active:focus{-webkit-box-shadow:none;box-shadow:none}
.product-meta .desc-content{margin-bottom:10px}
@media only screen and (max-width:575px){.product-meta .desc-content{margin-bottom:0}
}
.arrow-center .arrow-button{position:absolute;top:48%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);width:30px;height:30px;line-height:30px;font-size:40px;color:#555;left:40px;z-index:99;text-align:center;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer;opacity:0;visibility:hidden}
@media only screen and (max-width:575px){.arrow-center .arrow-button{display:none}}
.arrow-center:hover .arrow-button{opacity:.8;visibility:visible}
@media only screen and (max-width:575px){.arrow-center:hover .arrow-button{display:none;visibility:hidden}}
.arrow-center:hover .arrow-left{left:0}
.arrow-center:hover .arrow-right{right:2px}
.arrow-center .arrow-left{left:20px}
.arrow-center .arrow-right{right:20px;left:auto}

.feature_list i{margin-right:10px}
.product_tab_content:not(.active){display:none}
.btn-secondary{background:#408ed4;border:none;outline:0;color:#fff;padding:10px 15px;font-size:16px;text-transform:uppercase;font-weight:700}
.modal-content{border-radius:0}
.form-row input{margin: 10px 0;font-size:14px;}
@media only screen and (max-width:575px) {
    .back_top .muptop{background-color:#555;color:#fff;position:fixed;right:10px;bottom:100px;height:40px;width:40px;line-height:0;padding:10px;border-radius:20%;overflow:hidden}
    .back_top .muptop i{color:#fff;font-size:22px;display:inline-block}
    }
@-webkit-keyframes twinkling{0%{opacity:0}
100%{opacity:1}
}
 /*下拉菜单全屏+topup*/
  .full-width{position:static!important;}
.toplm .media:hover {
    background: #afadad;
}
.nav-item-box {
        transition: background-color 0.2s ease-in-out;
        border-radius: 4px; /* 略微圆角 */
    }
    .nav-item-box:hover {
        background-color: #f8f9fa; 
    }
    .nav-item-box h4 {
        line-height: 1.2;
    }
.nav-item-img {width: 45px; height: 45px; object-fit: contain;}
    @media (max-width: 575.98px) {
        body { padding-top: 60px; }
    }
    /* 优化下拉菜单在移动端的显示 */
    .navbar-collapse .dropdown-menu {
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        margin: 0 10px;
    }
    .navbar-collapse .dropdown-item {
        color: rgba(255, 255, 255, 0.8);
    }
    .navbar-collapse .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
    }
    /* 隐藏滚动条 */
    #scroll-container::-webkit-scrollbar { display: none; }
    #scroll-container { -ms-overflow-style: none; scrollbar-width: none; }
    
    /* 选中颜色 */
    .nav-scroller .nav-link.active {
        background-color: #176ab4 !important;
        border-color: #176ab4 !important;
        color: #fff !important;
    }
#floatbtn {
  width: 50px;
  height: auto;
  position: fixed;
  top: auto;
  right: 45%;
  bottom: 10px;
  left: auto;
  z-index: 80;
  margin-right: -640px;
}
#floatbtn.fixed {
  position: absolute;
  bottom: 279px;
  right: 50%;
}
#floatbtn > a,
#floatbtn .floatbtn-item {
  cursor: pointer;
  position: relative;
  z-index: 90;
  display: block;
  margin-top: 4px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #d5d5d5;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#floatbtn > a.hover:hover,
#floatbtn .floatbtn-item.hover:hover {
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out;
  background: #007bff;
  text-decoration: none;
  text-align: center;
  line-height: 20px;
  padding: 5px;
}
#floatbtn > a.hover:hover i,
#floatbtn .floatbtn-item.hover:hover i {
  display: none;
}
#floatbtn > a.hover:hover em,
#floatbtn .floatbtn-item.hover:hover em {
  display: block;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
}
#floatbtn > a em,
#floatbtn .floatbtn-item em {
  display: none;
}
#floatbtn > a:hover,
#floatbtn .floatbtn-item:hover {
  background: #007bff;
}
#floatbtn > a:hover i,
#floatbtn .floatbtn-item:hover i {
  color: #fff;
}
#floatbtn > a:hover .floatbtn-wrapper,
#floatbtn .floatbtn-item:hover .floatbtn-wrapper {
  display: block;
}
#floatbtn .iconfont {
  display: inline-block;
  font: normal normal normal 14px/1 iconfont;
  font-size: inherit;
}
.floatbtn-wrapper {
  position: absolute;
  right: 59px;
  top: -55px;
  z-index: 120;
  display: none;
  width: 190px;
  height: 212px;
  background-color: #fff;
  border: 1px solid #eee;
}
.floatbtn-wrapper:before {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  height: 200px;
  width: 12px;
  background: transparent;
}
.floatbtn-wrapper:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 73px;
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid #d5d5d5;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.floatbtn-wrapper > .qrcode {
  margin-top: 20px;
  line-height: 1;
}
.floatbtn-wrapper > .qrcode > img {
  width: 128px;
  height: 128px;
}
.floatbtn-wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.floatbtn-wrapper p em {
  color: #dd3067;
}
.floatbtn-share .floatbtn-wrapper:after {
  top: 18px;
}
.floatbtn-share .floatbtn-wrapper .social-share .bi-wechat .wechat-qrcode p {
  font-size: 12px;
}
  /*微信弹出二维码*/
.weixin{position:relative}
.weixin::after{content:"";width:100px;height:100px;background-size:100px 100px;position:absolute;z-index:99;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);transform-origin:top right;transform:scale(0);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.w1::after {background-image: url(/uploads/tubiao/wechat.png);top:40px;right:-30px;} /*show*/
.w2::after {background-image: url(/uploads/tubiao/wechat.png);top:-60px;right:-120px;} /*sz*/
.w3::after {background-image: url(/uploads/tubiao/wechat.png);top:40px;right:0px;} /*top*/
.w4::after {background-image: url(/uploads/tubiao/wechatgzh.png);top:40px;right:0px;}
.w3pku::after {background-image: url(/uploads/tubiao/pkuwechat.png);top:40px;right:0px;} /*show*/
.w1pku::after {background-image: url(/uploads/tubiao/pkuwechat.png);top:40px;right:-30px;} /*show*/
.weixin:hover::after{transform:scale(1);opacity:1}

  /*搜索栏目*/
.search-container .select-option {
    height: 44px;
    line-height: 44px;
    margin: 0;
    border: 0;
    padding: 0 38px 0 36px;
    color: #666;
    font-size: 13px;
    border-right: 1px solid #ccc;
    border-radius: 30px 0 0 30px;
}
/* 分享 */
@font-face {
    font-family: "socialshare";
    src: url("../fonts/share/share.eot");
    src: url("../fonts/share/share.eot?#iefix") format("embedded-opentype"),url("../fonts/share/share.woff") format("woff"),url("../fonts/share/share.ttf") format("truetype"),url("../fonts/share/share.svg#iconfont") format("svg")
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 4px;
    display: inline-block;
    outline: none
}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s ease-out 0s
}

.social-share .social-share-icon:hover {
    background: #666;
    color: #fff
}

.social-share .bi-sina-weibo {
    color: #ff763b;
    border-color: #ff763b
}

.social-share .bi-sina-weibo:hover {
    background: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-qq:hover {
    background: #56b6e7
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .bi-wechat {
    position: relative;
    color: #7bc549;
    border-color: #7bc549
}

.social-share .bi-wechat:hover {
    background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
/* 1. 修正容器对齐，但不强制变圆 */
.floatbtn-item {
    display: flex !important;
    align-items: center;      /* 垂直居中 */
    justify-content: center;    /* 水平居中 */
    /* 删掉 border-radius: 50%，由你原本的 class 或全局样式控制形状 */
    position: relative;
    width: 50px; 
    height: 50px;
    background-color: #fff;
    cursor: pointer;
}

/* 2. 彻底解决图标偏移 */
.floatbtn-item > i {
    /* 关键：取消全局可能的行高干扰 */
    line-height: 1 !important; 
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px; /* 根据需要调整图标大小 */
}

/* 3. 针对分享图标内部的 a 标签对齐 */
.social-share {
    display: flex !important;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.social-share-icon {
    /* 这里的 line-height 往往是罪魁祸首 */
    line-height: 1 !important; 
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

    /* footer */
    footer {
        border-top: 1px solid rgba(255,255,255,0.1);
        letter-spacing: 0.5px;
    }
    .hover-opacity-100:hover {
        opacity: 1 !important;
        transition: opacity 0.3s ease;
    }

/*手机端搜索*/
.wapsoso .search_box {
    position: relative;
    width: 100%;
    border: 1px solid #e4e3e3;
    border-radius: 5px
}
.wapsoso input {
    font-size: 12px;
    padding: 10px;
    width: 100%;
    height: 34px;
    border: 0;
    color: #fff;
    font-weight: 400;
    opacity: .7
}

.wapsoso button {
    min-width: 72px;
    padding: 0 14px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    position: absolute;
    background: #408ed4;
    color: #fff;
    font-weight: 500;
    border-radius: 0 5px 5px 0
}