.cicon-eye{background-image:url(../images/eye.svg)}
.cicon-eye-close{background-image:url(../images/eye-close.svg)}
.cicon-visa{width:38px;height:28px;background-image:url(../images/visa.png)}
.cicon-americanexpress{width:43px;height:28px;background-image:url(../images/americanexpress.png)}
.cicon-dinersclub{width:39px;height:28px;background-image:url(../images/dinersclub.png)}
.cicon-discover{width:41px;height:28px;background-image:url(../images/discover.png)}
.cicon-mastercard{width:44px;height:28px;background-image:url(../images/mastercard.png)}
.cicon-jcb{width:39px;height:28px;background-image:url(../images/jcb.png)}
.cicon-warning{background-image:url(../images/warning.svg);width:24px;height:24px}
.cicon-share{background-image:url(../images/share.svg)}
.cicon-rule{background-image:url(../images/rule.svg)}
.cicon-user{background-image:url(../images/user.svg)}
.cicon-search{background-image:url(../images/search.svg)}
.cicon-arrow-top{background-image:url(../images/arrow-top.svg)}
.cicon-arrow-down{background-image:url(../images/arrow-down.svg)}
.cicon-favourite{background-image:url(../images/favourite.svg)}
.cicon-favourite-2{background-image:url(../images/favourite-2.svg)}
.cicon-tote{background-image:url(../images/tote.svg)}
.cicon-sstar{background-image:url(../images/sstar.svg)}
.cicon-kstar{background-image:url(../images/kstar.svg)}
.cicon-facebook{background-image:url(../images/facebook.svg)}
.cicon-facebook2{background-image:url(../images/facebook2.svg)}
.cicon-instagram{background-image:url(../images/instagram.svg)}
.cicon-pinterest{background-image:url(../images/pinterest.svg)}
.cicon-pinterest2{background-image:url(../images/pinterest2.svg)}
.cicon-twitter{background-image:url(../images/twitter.svg)}
.cicon-twitter2{background-image:url(../images/twitter2.svg)}
.cicon-wechat{background-image:url(../images/wechat.svg)}
.cicon-youTube{background-image:url(../images/youTube.svg)}
.cicon-email{background-image:url(../images/email.svg)}
.cicon-sort{background-image:url(../images/sort.svg)}
.cicon-filter{background-image:url(../images/filter.svg)}
.cicon-hamburger{background-image:url(../images/hamburger.svg)}
.cicon-plus{background-image:url(../images/plus.svg)}
.cicon-minus{background-image:url(../images/minus.svg)}
.cicon-play{background-image: url(../images/play.svg);}
.cicon-question{background-image: url(../images/question.svg);}
.icon-arrow {background: url(../images/right.svg) 0 0 no-repeat;background-size: 100% 100%;}
.paypal{background:url(../images/paypal.svg) no-repeat;background-size:100%}
.bannerArrow{background:url(../images/arrow-left.svg) no-repeat center center;background-size: 100%;}
.tag-item .close{background: url(../images/close.svg) no-repeat;}
.filter-expand-icon{background:url(../images/minus.svg) no-repeat 0 0;background-size: 100%;}
.filter-expand-icon.collapsed{background-image:url(../images/plus.svg);background-size: 100%;}
.color-input input:checked+.color-item::after{background:url(../images/yes.svg) no-repeat;}
.upload .file-remove{background:#fff url(../images/close.svg) no-repeat center center;}
.checkbox-input:checked+.custom-checkbox:after{background:url(../images/duigou.svg) no-repeat center center;background-size:100%}
.cicon-upload{background-image:url(../images/upload.svg);width: 18px;height: 19px;}
.header-search{background:#fff;border:1px solid #8d8d8d;display:flex;justify-content:space-between;align-items:center;width:450px;height:46px;box-sizing:border-box}
.header-search input{border:none;flex:1;height:100%;padding-left:16px;outline:0}
.header-search .header-search-btn{width:32px;height:32px;margin-right:16px;cursor:pointer}
.header-operate{text-align:center;min-width:60px;max-height:46px;margin-left:16px;cursor:pointer;position:relative}
.header-operate i{width:32px;height:32px}
.header-operate .badge{position:absolute;right:15px;top:-6px}
.nav ul{display:flex;flex-wrap: wrap;}
.nav li{margin-right:60px;position:relative}
.nav li>a.current,.nav li>a:hover{border-bottom:1px solid #222;text-decoration:none}
.nav .submenu{display:none;position:absolute;top:100%;left:0;z-index:5;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:32px 80px;box-sizing:border-box}
.nav .submenu.visible {display: flex;}
.submenu-item{width:300px;height:43px;line-height:43px;padding:0 16px;box-sizing:border-box;font-weight:400;font-size:1.1428571428571428rem;display:flex;justify-content:space-between;align-items:center}
.submenu-item>a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icon-arrow{display:inline-block;width:12px;height:12px;background:url(../images/right.svg) 0 0 no-repeat;background-size:100% 100%}
.submenu-item .submenu-arrow{display:none}
.submenu-item.current,.submenu-item:hover{background:#f4f4f4}
.submenu-item.current .submenu-arrow,.submenu-item:hover .submenu-arrow{display:inline-block}
.submenu .third-menu{display:none}
.third-menu{margin-left:16px}
.colors-list input:checked+.color-checkbox,.colors-list input:not(:disabled)+.color-checkbox:hover{outline:2px solid #222;outline-offset:1px;border-color:transparent}
.colors-list input:disabled+.color-checkbox{cursor:not-allowed;position:relative;overflow:hidden}
.colors-list input:disabled+.color-checkbox:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:180%;height:1px;background:#c4c4c4;overflow:hidden}
.detail-favourite-btn{margin-top:16px;cursor:pointer;display:flex;align-items:center}
.detail-favourite-btn .cicon{width:25px;height:25px;margin-right:8px}
.cicon-arrow-down,.cicon-arrow-top{width:16px!important;height:16px!important;margin-left:8px}
#btn-add-to-bag{width:300px;margin-top:16px;}
.collapse-product{cursor:pointer;font-weight:700;margin-top:16px;width:300px;display:flex;align-items:center;justify-content:space-between}
.collapse-product i{vertical-align:middle}
.collapse-product.collapsed i{transform:rotate(180deg)}
.pc-carousel{display:flex;}
.pc-carousel-left{width:60px;height:448px;margin-right:16px;display:flex;flex-direction:column}
.pc-carousel-left .arrow-next,.pc-carousel-left .arrow-prev{display:flex;justify-content:center;align-items:center;cursor:pointer}
.pc-carousel-left .imgs-thumb{margin:8px 0 0 0;}
.pc-carousel-left .imgs-thumb img{max-width:58px;max-height:58px;}
.pc-carousel-left .imgs-thumb a{width:60px;height:60px;margin-bottom:8px;}
.cicon-map{background-image: url(../images/map.svg);}
.cicon-phone{background-image: url(../images/phone.svg);}