a:hover {color: #197AFF}


.btn-danger {background-color: #FFD300; border-color: #FFD300; color: #000}
.btn-danger:hover {background-color: #ebc100; border-color: #ebc100; color: #000}
.btn-primary {background-color: #FFD300; border-color: #FFD300; color: #000}
.btn-primary:hover {background-color: #ebc100 !important; border-color: #ebc100 !important;  color: #000}
.hover-text-primary:hover {color: #47a899 !important}
.hover-text-danger:hover {color: #FFD300 !important; cursor: pointer}
.text-primary {color: #47a899 !important}

.btn.blue:not(.btn-outline) {
    color: #000;
    background-color: #FFD300;
    border-color: #FFD300;
}
.green {
    background-color: #FFD300;
    border-color: #FFD300;
    color: #333;
}
.green:hover {
    background-color: #ffdf44;
    border-color: #ffdf44;
    color: #333;
}

/*通用头部开始DIYUNWL*/
.header-top {background-color: #000000; color: #FFF}
.header-top .dyui-container {display: flex; justify-content: space-between; align-items: center; padding: 10px 0 10px; color: #FFF}
.header-top .language .dropdown-menu-lg-end[data-bs-popper] {left: 0; right: initial;}
.header-top .language a {color: #fff}
.header-top .member .dropdown-toggle {color: #fff}

.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9; background-color: #000000}
.dyui-header .logo {height: 65px}
.dyui-header .navbar-collapse {background-color: #FFF; }
.dyui-header .dyui-nav {padding: 0; flex-wrap: wrap}
.dyui-header .dyui-nav li {padding: 0 1px}
.dyui-header .dyui-nav li a.c1 {color: #000; padding: 15px 10px; font-size: 16px; height: 100%; text-align: center; display: flex; align-items: center}
.dyui-header .dyui-nav li a.c1:hover {color: #000; background-color: #FFD300}
.dyui-header .dyui-nav li.active a.c1 {color: #000; background-color: #FFD300;}
.dyui-header .dyui-nav li.active a.c1 i {color: #FFD300}
.dyui-header .dyui-nav li .dropdown-toggle::after {content: ''; position: absolute; right: 5px; top: 15px; width: 8px; height: 8px; margin-top: -2px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg);  display: none}
.dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #fff}
.dyui-header .btn-language .dropdown-menu {width: 300px;}
.dyui-header .btn-outline-secondary:focus {box-shadow: none;}
.dyui-header .head-search .form-select {background: #000 !important; color: #FFF !important; border-radius: 0; position: relative}
.dyui-header .head-search .catid {position: relative}
.dyui-header .head-search .catid::after {content: '';width: 0px; height: 0px; border-style: solid; border-width: 10px 8px 0 8px; border-color: #FFF transparent transparent transparent; position: absolute; top: 15px; right: 10px}
.dyui-header .head-search .form-control {background: none !important; margin-left: -1px; color: #FFF}
.dyui-header .head-search .btn {border: 1px solid #ccc; border-radius: 0; margin-left: -1px}
.dyui-header .head-search .btn i {color: #fff}
.dyui-header .cart a {display: flex; align-items: center; color: #FFF}
.dyui-header .cart a .icon {position: relative; width: 40px; height: 40px;}
.dyui-header .cart a .icon #dr_cart_nums {position: absolute;  left: 17px; top: 1px}
.dyui-header .cart .icon i {font-size: 46px}
.dyui-header .cart .box {padding-left: 10px}
.dyui-header .cart #dr_cart_nums {color: #FFD300; font-weight: bold;}

@media (min-width:768px) {

    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0; border-radius: 0 0 3px 3px; border-color: #fff}
    .dyui-nav li.open .dropdown-menu {display: block;}


    .dyui-header .dyui-nav li.li-2 {position: relative}
    .dyui-header .dyui-nav li.li-2 a.c2 {border-bottom: solid 1px #eee; padding: 8px 1rem;}
    .dyui-header .dyui-nav li .ul-3 {position: absolute; left: 157px; top: 0; display: none}
    .dyui-header .dyui-nav li.li-2.open .ul-3 {display: block}
    .dyui-header .dyui-nav li.li-2.open a.c2 {background-color: #eeeeee}

}


.dyui-header-line {height: 46px;}

/*Phone手机*/
@media(max-width:767px) {

    .header-top {border-top: solid 1px #292929;}
    .header-top .dyui-container {padding:10px;}
    .dyui-header {background-color: #000; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 30px; display: block;}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #fff; padding-bottom: 10px}
    .dyui-header .dyui-nav li a.c1 {display: block; padding-left: 0; padding-right: 0; box-sizing: content-box; color: #333}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0; color: #1e85e4}
    .dyui-header .dyui-nav li a.c1:hover {color: #1e85e4}
    .dyui-header .dyui-nav li .dropdown-toggle::after {border-right: 1px solid #333; border-bottom: 1px solid #333;}

    .dyui-header .btn-search {padding: 0 15px; border: none !important; font-size: 20px; color: #FFF; height: 30px; line-height: 24px}
    .dyui-header .btn-menu {border: none !important; font-size: 30px; color: #FFF; margin-left: 10px; padding: 0 0 0 10px !important; height: 30px; line-height: 30px}
    .dyui-header .btn-search:focus,
    .dyui-header .btn-search:active,
    .dyui-header .btn-search:visited,
    .dyui-header .btn-menu:focus,
    .dyui-header .btn-menu:active,
    .dyui-header .btn-menu:visited {background: none}

    .dyui-header .cart .icon i {font-size: 20px}
    .dyui-header .cart .box .name {display: none}
    .dyui-header .cart a {display: block; position: relative}
    .dyui-header .cart .box .num {background-color: #FFD300; color: #FFF; border-radius: 50%; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; position: absolute; top: 0; right: -10px}
    .dyui-header .cart #dr_cart_nums {color: #333}

}
/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){

    .dyui-header .dyui-nav {flex-wrap: wrap; padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li a.c1 {padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 0}

}

#banner {max-height: 310px; overflow: hidden}

.dyui-breadcrumb {font-size: 14px}


.dyui-product-category .dyui-category-list .item .box {border:solid 1px #aaa;}
.dyui-product-category .dyui-category-list .item .box .t {background-color: #aaa; color: #FFF; padding: 8px 10px}
.dyui-product-category .dyui-category-list .item .box .info {display: flex; justify-content: space-between; padding: 10px}
.dyui-product-category .dyui-category-list .item .box .info .l {display: flex; flex-direction: column; justify-content: space-between}
.dyui-product-category .dyui-category-list .item .box:hover {border:solid 1px #FFD300; color: #000}
.dyui-product-category .dyui-category-list .item .box:hover .t {background-color: #FFD300;}


 /* 产品列表 */
.dyui-mall-list li .box:hover {border:solid 1px #FFD300 !important;}
.dyui-mall-list li .box:hover .t {color: #000}


.dyui-swiper {position: relative;}
.dyui-swiper .swiper-button-prev {left: initial; right: 40px; top: -30px; background-color: #EDEDED; width: 34px; height: 34px; border-radius: 50%; background: none !important;}
.dyui-swiper .swiper-button-next {left: initial; right: 0; top: -30px; background-color: #EDEDED; width: 34px; height: 34px; border-radius: 50%; background: none !important;}
.dyui-swiper .swiper-button-prev:after,
.dyui-swiper .swiper-button-next:after {font-size: 16px; color: #333}
.dyui-swiper .swiper-button-prev:hover:after,
.dyui-swiper .swiper-button-next:hover:after {color: #FFD300;}


.bottom-tool {background-color: #585961; padding: 30px 0; color: #fff}

.cat-header{background-color: #FFD300}

/*子栏目*/
.dyui-znav {background-color: #F3F3F3; padding: 20px}
.dyui-znav .znav-header {background-color: #FFD300; padding: 15px 20px}
.dyui-znav .znav-header h3 {color: #000; font-size: 18px; margin: 0; font-weight: bold;}
.dyui-znav .znav-body {padding: 0;}
.dyui-znav .child-li {position: relative}
.dyui-znav .btn {height: 44px; line-height: 32px; }
/* .dyui-znav .btn i {display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background-color: #1768B4;} */
.dyui-znav .li-c1 {margin-bottom: 10px; position: relative;}
.dyui-znav .li-c1 .c1 {height: 44px; line-height: 44px; display: flex; align-items: center; justify-content: space-between; width: 100%;background-color: #FFF; padding-left: 15px;}
.dyui-znav .li-c1 .c1.active {background-color: #FFF; color: #F58320}
.dyui-znav .li-c1 .c1:hover {background-color: #1768B4; color: #fff}

.dyui-znav .ul-c1 {padding-top: 10px;}
.dyui-znav .ul-c1 .c2 {display: block; line-height: 1.2; padding:10px 15px 10px 25px;position: relative}
.dyui-znav .ul-c1 .c2.active {color: #F58320;}
.dyui-znav .ul-c1 .c2::after {content: '\f096'; font-family: 'FontAwesome'; display: inline-block; position: absolute; left: 0; top: 8px; bottom: 0; font-size: 20px;}
.dyui-znav .ul-c1 .c2.active::after {content: '\f14a'; font-family: 'FontAwesome';}
.dyui-znav .ul-c1 .c2:hover {color: #F58320;}
.dyui-znav .c3 {height: 34px; line-height: 34px; display: inline-block; padding-left: 30px;}


/*筛选子栏目*/
.znav-shaixuan {background-color: #F3F3F3; padding: 20px}
.znav-shaixuan .znav-header {background-color: #FFD300; padding: 15px 20px}
.znav-shaixuan .znav-header h3 {color: #000; font-size: 18px; margin: 0; font-weight: bold;}
.znav-shaixuan .znav-body {padding: 0;}
.znav-shaixuan .child-li {position: relative}
.znav-shaixuan .btn {height: 44px; line-height: 32px;}

.znav-shaixuan .li-c1 {margin-bottom: 10px; position: relative;}
.znav-shaixuan .li-c1 .c1 {height: auto; line-height: 1.2; display: flex; align-items: center; justify-content: space-between; width: 100%;background-color: #FFF; padding: 12px 12px 12px;}
.znav-shaixuan .li-c1 .c1 .name {text-align: left}
.znav-shaixuan .li-c1 .c1.active {background-color: #FFF; color: #F58320}
.znav-shaixuan .li-c1 .c1:hover {background-color: #1768B4; color: #fff}
.znav-shaixuan .li-c1.on .ul-c1 {display: block !important;}

.znav-shaixuan .ul-c1 {padding-top: 10px;}
.znav-shaixuan .ul-c1 .c2 {display: flex; justify-content: space-between; line-height: 1.2; padding:10px 0 10px 25px;position: relative}
.znav-shaixuan .ul-c1 .c2 .num {background-color: #eee; padding: 2px 5px; border-radius: 5px; font-size: 12px; color: #666; margin-left: 5px}
.znav-shaixuan .ul-c1 .c2.active {color: #F58320;}
.znav-shaixuan .ul-c1 .c2::after {content: '\f096'; font-family: 'FontAwesome'; display: inline-block; position: absolute; left: 0; top: 8px; bottom: 0; font-size: 20px;}
.znav-shaixuan .ul-c1 .c2.active::after {content: '\f14a'; font-family: 'FontAwesome';}
.znav-shaixuan .ul-c1 .c2:hover {color: #F58320;}
.znav-shaixuan .c3 {height: 34px; line-height: 34px; display: inline-block; padding-left: 30px;}


/* 商品页面 */
/* 分类 */
.mall-category .item {display: flex; }
.mall-category .t {padding: 5px 8px; }
.mall-category ul li {padding: 5px 8px; }
.mall-category ul li.active a {color: #FFD300}
.mall-category ul li a:hover {color: #FFD300}

/* 产品列表 */
.mall-list {}
.mall-list li .box {border-bottom: solid 1px #ddd; display: flex; justify-content: space-between}
.mall-list li .box .thumb {width: 200px;}
.mall-list li .box .zdcs li .name:before {display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #FFD300; content: ""; margin-right: .5rem; margin-top: 6px;}
.mall-list li .box .zdcs li {line-height: 1.2; padding: 5px 0}
.mall-list li .box .zdcs li .v span:last-child i {display: none}
.mall-list li .box .regular-price {font-weight: bold; font-size: 20px}
.mall-list li .box .right {text-align: right}
.mall-list li .box .bootstrap-touchspin .form-control {width: 60px; text-align: center}
.mall-list li .box .input-group-btn .btn {background-color: #E4E4E4; border-radius: 0;}
.mall-list li .box:hover .t a  {color: #FFD300}

/*商品轮播图*/
.show-product-image {}
.show-product-image .main-image {border: solid 1px #ddd}
.show-product-image .main-image .swiper-prev {display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .main-image .swiper-next {display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .thumb-image {margin-top: 10px; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden}
.show-product-image .thumb-image .swiper-container {margin: 0 36px; flex: 1; overflow: hidden}
.show-product-image .thumb-image .swiper-slide {width: auto !important;}
.show-product-image .thumb-image .swiper-slide img {border: solid 1px #ddd; cursor: pointer}
.show-product-image .thumb-image .swiper-slide.active img {border: 1px solid #FFD300;}
.show-product-image .thumb-image .swiper-slide.thumb-video .bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); z-index: 100; display: flex; justify-content: center; align-items: center}
.show-product-image .thumb-image .swiper-slide.thumb-video .bg i {font-size: 20px; height: 20px; line-height: 20px; width: 20px; background-color: #FFF; border-radius: 100px; opacity: 0.7}
.show-product-image .thumb-image .swiper-prev {display: flex; align-items: center; justify-content: center; background: #eee; width: 28px; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .thumb-image .swiper-next {display: flex; align-items: center; justify-content: center; background: #eee; width: 28px; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer}
div.zoomDiv {z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; }
div.zoomMask { position: absolute; background: url('../images/bg-mask.png') repeat scroll 0 0 transparent; cursor: move; z-index: 1; }


/* 新增样式 */
.video-thumb {
    position: relative;
}

.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url('play-icon.svg') no-repeat center;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.image-container {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .show-product-image .thumb-image .swiper-slide img {width: 50px; height: 50px}
}



.show-product-info {background-color: #EDEDED}
.show-product-info .product-price-group .yprice {font-size: 20px;}
.show-product-info .product-price-group .price {font-size: 30px; font-weight: bold;}
.show-product-info .product-price-group .promotion {display: flex; align-items: center;}
.show-product-info .product-price-group .promotion span {font-size: 30px; font-weight: bold;}
.show-product-info .sku-group .fc-sku-select-price .btn {padding: .475rem .55rem; cursor: pointer}
@media screen and (max-width: 768px) {
    .sku-group .bootstrap-touchspin {width: 120px}
    .sku-group .bootstrap-touchspin .input-group-btn .btn {border-radius: 0;}
    .sku-group .bootstrap-touchspin .form-control {border-radius: 0;}
}


.mall-show-tab {}
.mall-show-tab .nav-tabs .nav-link {background-color: #EDEDED; color: #333; border-radius: 0; border: solid 1px #ddd;}
.mall-show-tab .nav-tabs .nav-link.active {background-color: #FFD300; color: #000; border: solid 1px #FFD300;}
.mall-show-tab .tab-content {border: solid 1px #ddd; border-top: none; padding: 10px;}

.mall-show-tab .zdcs li {padding:10px;}
.mall-show-tab .zdcs li:nth-child(2n) {background-color: #EDEDED}
.mall-show-tab .zdcs li .v span:last-child i {display: none}

.show-content {line-height: 200%;}
.show-content img {max-width: 100% !important; height: auto !important;}

.footer {background-color: #585961; color: #fff; margin-top: 20px;}
.footer a {padding: 0 5px; color: #FFF}
.footer a:hover {color: #FFD300}
.footer .f-nav {background-color: #fff;color: #333}
.footer .f-nav li {margin-bottom: 15px}
.footer .f-nav a {color: #333; padding: 0; line-height: 1.2; display: block}
.footer .f-nav a:hover {color: #FFD300}
.footer .f-nav ul {line-height: 1.8}
.footer .f-zmtpt {background-color: #fff; color: #333; text-align: center;}
.footer .f-zmtpt i {font-size: 30px}
.footer .f-zmtpt a:hover i {color: #FFD300}


/*购物车-订单提交*/
.order-address ul li {}
.order-address ul li .box {position: relative; cursor: pointer;}
.order-address ul li a {display: block; padding-left: 30px;}
.dyui-cart-form .form-check-input {margin-left: 0; margin-right: 10px;}
.dyui-cart-form .form-check-input {width: 1.4em; height: 1.4em}
.dyui-cart-form .form-check-input:checked {background-color: #e78e1b; border-color: #e78e1b}
.dyui-cart-form .form-check-input:checked:after {content: ''; border: solid 1px #e78e1b; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px;}
.order-address ul li.li-add-address .box {display: flex; align-items: center; justify-content: center}



/* 表单 */
.dyui-form-flex .form-group .mt-checkbox.mt-checkbox-outline>span {background-color: #fff}
@media (min-width:769px) {
   .dyui-form-flex .form-group {display: flex; margin-bottom: 20px}
   .dyui-form-flex .form-group .mt-checkbox-inline .mt-checkbox {display: block}
}

@media (max-width:768px) {
    .dyui-form-flex .form-group .form-control {width: 100% !important;}
    .dyui-form-flex .form-group .col-md-10 label {width: 100% !important;}
}



/*msg与404*/
.fc-msg-main { text-align: center}
.fc-msg-main .fc-msg-body {min-height: 400px}
.fc-msg-main .fc-msg-body i.fa {font-size: 30px; display: inline-block; background-color: #000000; color: #fff; border-radius: 100px; height: 50px; line-height: 50px; width: 50px; margin: 20px auto}
.fc-msg-main .fc-msg-body .fc-msg-info {display: block}
.fc-msg-body .fc-msg-info .fc-msg-title {padding: 10px 0 20px}
.fc-msg-body .fc-msg-info .fc-msg-title {color: #d91010; font-size: 18px}


.cat-banner {text-align: center}