.product-category h1.title{height: 60px;line-height: 60px;font-size: 24px;font-weight: normal;}
.product-category .details{background-color: #F6F6F6;margin-bottom: 30px;padding: 0 10px;}
.product-category .details .top{padding-top: 5px;border-bottom: 2px solid #434343;padding-bottom: 5px;}
.product-category .details .cover{width: 80px;height: 80px;margin-right: 5px;margin-left: 5px;}
.product-category .details .cover img{max-width: 100%;margin: 0 auto;}
.product-category .details h2{font-size: 26px;margin-top: 10px;}
.product-category .details .list{padding-bottom: 30px;}
.product-category .details .count{width: 20%;float: left;border-top: 2px solid #EC3700;margin-top: -2px;text-transform: uppercase;font-size: 18px;line-height: 60px;text-align: center;}
.product-category .details .count s{text-decoration: none;color: #707070;}
.product-category .details ul{width: 80%;float: left;column-count: 3;column-gap: 5px;-webkit-column-count: 3;-webkit-column-gap: 5px;-moz-column-count: 3;-moz-column-gap: 5px;padding-top: 10px;}
.product-category .details .list li{padding: 2px;}
.product-category .details .list li a{color: #000000;padding: 3px 5px 3px 5px;display: inline-block;}
.product-category .details .list li a:hover{background-color: #EF3800;color: #FFFFFF;}
.product-category .details .list li s{text-decoration: none;color: #A3A3A3;font-size: 12px;margin-left: 10px;}
.list-panel h1{font-size: 24px;color: #1D1D1D;line-height: 60px;}
.list-panel h1 s{color: #EF3800;text-decoration: none;}
/*details*/
.detail{}
.detail .collect{display: flex;justify-content: space-between;padding-top: 22px;}
.detail .pic{padding: 0 24px;border: 1px solid #d3d3d3;border-radius: 5px;margin-right: 14px;width: 280px;box-sizing: border-box;flex-shrink: 0;}
.detail .pic > img{max-width: 100%;margin: 69px auto;}
.detail .pic .no-brand{min-height: 80px;}
.detail .pic .no-picture{max-width: 100%;margin: 0 0 55px;}
.detail .pic .pic_brand{width: 129px;line-height: 20px;text-align: center;margin: 25px auto 0;}
.detail .pic .pic_brand img{max-width: 100%;display: inline-block;vertical-align: middle;}
.detail .pic .pic_brand.only_brand{width: 100%;margin: 60% auto;}
.detail .pic .pic_pro{width: 214px;height: 194px;margin: 60px auto 60px;text-align: center;line-height: 194px;display: block}
.detail .pic .pic_pro img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.detail .pic .pic_tip{font-size: 13px;line-height: 19px;color: #8b8b8b;border-top: 1px solid #e7e7e7;text-align: center;padding: 19px 0;}
.detail .pic .single-brand{height: 82%;position: relative;text-align: center;}
.detail .pic .single-brand img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 226px;}
.detail .info{width: calc(50% - 280px - 14px);}
.detail .info h1{font-size: 22px;color: #212121;line-height: 28px;font-weight: bold;font-family: Arial;padding-top: 10px;padding-bottom: 10px;}
.detail .info h1 b{display: inline-block}
.detail .info table{width: 100%;}
.detail .info table tr:nth-child(6) th{line-height: 44px;}
.detail .info table th{text-align: left;font-size: 14px;color: #6c6c6c;font-weight: normal;line-height: 43px;min-width: 150px;}
.detail .info table td{font-size: 14px;color: #212121;padding-left: 7px;margin-bottom: 7px;min-width: 230px;}
.detail .info table td a{color: #b85c40;}
.detail .info table td i{font-style: normal;color: #acacac;}
.detail .info table tr:last-child th{line-height: 63px;}
.detail .info table tr:last-child th i{line-height: 20px;display: none;}
.detail .info table tr:last-child th i::before{content: '';background: url('../images/share.png') no-repeat center;width: 18px;height: 21px;position: relative;top: 5px;}
.detail .info .pdf{position: relative;padding-left: 30px;cursor: pointer;position: relative;}
.detail .info .pdf::before{content: '';position: absolute;left: 0;top: -3px;background: url('../images/pdf_hover.png') no-repeat center;width: 22px;height: 22px;}
.detail .info .pdf dt{font-size: 14px;color: #b85c40;font-family: Arial;}
.detail .info .pdf dd{position: absolute;left: 30px;top: -2px;width: 315px;min-height: 200px;background-color: #fff;border-radius: 5px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);padding: 13px;border: 1px solid #e3e3e3;box-sizing: border-box;display: none;z-index: 2;}
.detail .info .pdf dd p{font-size: 14px;color: #6c6c6c;line-height: 28px;}
.detail .info .pdf dd a{display: block;font-style: 14px;color: #212121;position: relative;padding-left: 10px;padding-bottom: 9px;}
.detail .info .pdf dd a:before{content: '';position: absolute;width: 5px;height: 5px;border-radius: 50%;left: 0;background-color: #666666;top: 6px;}
.detail .info .pdf dd a:hover{color: #b85c40;}
.detail .info .pdf dd a:hover:before{background-color: #b85c40;}
.detail .info .pdf dd div:not(:first-child){border-top: 1px dashed #cccccc;margin-top: 20px;padding-top: 5px;}
.detail .info .pdf:hover dd{display: block;}
.detail .info .sns{display: flex;align-items: center;position: relative;}
.detail .info .sns a{display: inline-block;width: 30px;height: 30px;border-radius: 3px;text-align: center;line-height: 29px;color: #fff;font-size: 22px;margin-right: 8px;border: 1px solid transparent;background-color: #7e7e7eab;}
.detail .info .sns a:before{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.detail .info .sns a:hover:before{transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.detail .info .sns a:nth-child(1):hover{background-color: #953bb4;}
.detail .info .sns a:nth-child(2):hover{background-color: #dd001a;}
.detail .info .sns a:nth-child(3):hover{background-color: #3b569b;}
.detail .info .sns a:nth-child(4){background-color: #1496e1;}
.detail .info .sns a:nth-child(4):hover{background-color: #fff;color: #1496e1;border-color: #1496e1;}
.detail .info .sns a:nth-child(5):hover{background-color: #fff;color: #0c66c0;border-color: #0c66c0;}
.detail .info .sns a:nth-child(5){background-color: #0c66c0;}
.detail .info .sns button{width: 30px;height: 30px;background-color: #7e7e7eab;border: 1px solid transparent;border-radius: 3px;color: #0c66c0;font-size: 22px;cursor: pointer;position: relative;}
.detail .info .sns button:before{content: '';background: url('../images/copy.png') no-repeat -19px 0;width: 19px;height: 21px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.detail .info .sns button:hover{background-color: #0c66c0;color: #fff;}
.detail .stock{margin-left: 22px;width: 670px;flex-shrink: 0;}
.detail .stock_status{display: flex;background-color: #f9f7f7;height: 60px;border-radius: 5px;padding: 0 14px;}
.detail .stock_status .f_left{width: 50%;}
.detail .stock_status .f_left s{text-decoration: none;font-size: 15px;color: #212121;font-family: Arial;display: block;padding-top: 7px;line-height: 24px;}
.detail .stock_status .f_left s b{font-size: 18px;text-shadow: 0 0 0.5px;font-weight: normal;}
.detail .stock_status .f_left p{font-size: 13px;color: #6c6c6c;}
.detail .stock_status .f_left p span{font-size: 14px;color: #212121;text-shadow: 0 0 black;}
.detail .stock_status .f_right{width: 50%;padding-left: 34px;padding-top: 6px;position: relative;}
.detail .stock_status .f_right.border{border-left: 1px solid #d1d1d1;}
.detail .stock_status .f_right .price-table-box{position: relative;}
.detail .stock_status .f_right .price-table{display: flex;align-items: center;position: absolute;right: 0;cursor: pointer;width: 333px;overflow: hidden;}
.detail .stock_status .f_right table{width: 100%;text-align: left;font-size: 13px;border-collapse: collapse;}
.detail .stock_status .f_right table tbody{display: flex;}
.detail .stock_status .f_right table tr{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;min-width: 0;width: 76px;overflow: hidden;transition: all .1s ease 0s;-webkit-transition: .1s;-moz-transition: .1s;-o-transition: .1s;}
.detail .stock_status .f_right table tr:first-child{min-width: 90px !important;}
.detail .stock_status .f_right table th{font-weight: normal;line-height: 24px;padding: 0 6px;white-space: nowrap;}
.detail .stock_status .f_right table td{line-height: 24px;padding: 0 4px;white-space: nowrap;color: #212121;}
.detail .stock_status .f_right table td:first-child{border-right: none;}
.detail .stock_status .f_right .arrow{width: 15px;height: 45px;background-color: #fff;line-height: 40px;text-align: center;font-size: 20px;flex-shrink: 0;position: absolute;right: 0;}
.detail .stock_status .f_right .price-table.more:hover{padding: 5px;background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);top: -5px;width: auto;}
.detail .stock_status .f_right .price-table.more:hover tr{width: auto;min-width: 76px;}
.detail .stock_status .f_right .price-table.more:hover .arrow{transform: rotate(180deg);}
.detail .stock_status .f_right .price_empty{font-size: 13px;color: #6c6c6c;padding-top: 12px;text-align: right;}
.detail .stock_contact{padding-top: 13px;}
.detail .stock_contact p{font-size: 13px;color: #6c6c6c;}
.detail .stock_contact p span{font-size: 13px;color: #212121;text-shadow: 0 0 black;}
.detail .stock_contact ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 10px;}
.detail .stock_contact ul li{width: calc(50% - 6px);border-bottom: 1px solid #d9d4d4;display: flex;align-items: center;}
.detail .stock_contact ul li label{line-height: 53px;white-space: nowrap;position: relative;padding-right: 16px;color: #535252;}
.detail .stock_contact ul li label.rq::before{content: '*';position: absolute;right: 4px;top: 3px;color: #ef3800;font-size: 13px;font-family: Tahoma;}
.detail .stock_contact ul li input,.detail .stock_contact ul li textarea{width: 100%;line-height: 53px;border: none;outline: none;}
.detail .stock_contact ul li input:-webkit-autofill, .detail .stock_contact ul li input:-webkit-autofill:hover, .detail .stock_contact ul li input:-webkit-autofill:focus,.detail .stock_contact ul li input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0px 1000px transparent inset;transition: background-color 5000s ease-in-out 0s;}
.detail .stock_contact ul li.mess{width: 100%;align-items: flex-start;}
.detail .stock_contact ul li.verify{width: 100%;height: 53px;display: none;position: relative;}
.detail .stock_contact ul li.verify.active{display: flex;}
.detail .stock_contact ul li.verify span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.detail .stock_contact ul li textarea{resize: none;line-height: 1.5;height: 84px;padding-top: 16px;box-sizing: border-box;}
.detail .stock_contact s{text-decoration: none;font-size: 13px;line-height: 20px;color: #6c6c6c;}
.detail .stock_contact s span,.detail .stock_contact s a{font-size: 13px;color: #212121;text-transform: uppercase;text-shadow: 0 0 black;}
.detail .stock_contact s a{text-transform: none;}
.detail .stock_contact .qty{display: flex;width: 100%;padding-left: 20px;}
.detail .stock_contact .qty button{background-color: transparent;width: 40px;font-size: 25px;border: none;cursor: pointer;flex-shrink: 0;}
.detail .stock_contact .qty button:hover{color: #ef3800;}
.detail .stock_contact .qty input{text-align: center;}
.detail .stock_contact form > button{width: calc(50% - 6px);height: 37px;line-height: 34px;border: 1px solid #ef3800;border-radius: 3px;background-color: #ef3800;color: #fff;font-size: 18px;text-transform: uppercase;margin-top: 18px;cursor: pointer;vertical-align: bottom;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.detail .stock_contact form > button:hover{background-color: #cf0000;}
.detail .stock_contact form > button.cart{background-color: #fff;color: #ef3800;margin-right: 6px;}
.detail .stock_contact form > button.cart::before{content: '';margin-right: 10px;font-size: 22px;background: url('../images/cart-red.png') no-repeat center;width: 19px;height: 21px;position: relative;top: 3px;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.detail .stock_contact form > button.cart:hover{background-color: #cf0000;color: #fff;}
.detail .stock_contact form > button.cart:hover::before{background: url('../images/cart.png') no-repeat center;}
.detail .stock_contact ul li.error{animation: errorLight 1s;-moz-animation: errorLight 1s;-webkit-animation: errorLight 1s;-o-animation: errorLight 1s;}
.detail .args{padding-top: 35px;}
.detail .args .tab{height: 49px;display: flex;}
.detail .args .tab li{position: relative;width: 25%;line-height: 49px;font-family: Candara;font-size: 18px;color: #4d4d4d;cursor: pointer;transition: all .3s;padding-left: 13px;}
.detail .args .tab li:hover{font-size: 21px;font-weight: bold;color: #212121;}
.detail .args .tab li.actived{font-size: 24px;font-weight: bold;color: #212121;}
.detail .args .tab li.actived::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
html[lang="mg"] .detail .args .tab li:hover{font-size: 19px;}
html[lang="mg"] .detail .args .tab li.actived{font-size: 19px;}
html[lang="mg"] .detail .args .tab li.actived::before{height: 15px;top: 51%;}
.detail .args .content li{display: none;}
.detail .args .content li.show{display: flex;flex-wrap: wrap;}
.detail .args .content li:nth-child(1){border-top: 1px solid #d0d0d0;padding-top: 10px;}
.detail .args .content li:nth-child(1) s{text-decoration: none;font-size: 14px;color: #6c6c6c;display: block;padding-bottom: 13px;width: 100%;}
.detail .args .content li:nth-child(1) s span{color: #212121;}
.detail .args .content li:nth-child(1) table{width: calc(50% - 8px);float: left;border-collapse: collapse;height: fit-content;table-layout: fixed;}
.detail .args .content li:nth-child(1) table:last-of-type{float: right;margin-left: 16px;}
.detail .args .content li:nth-child(1) table tr{display: flex;}
.detail .args .content li:nth-child(1) table th{line-height: 35px;background-color: #e9ecea;padding-left: 10px;color: #212121;font-weight: normal;text-shadow: 0 0 0.5px;width: 50%;}
.detail .args .content li:nth-child(1) table td{padding-left: 10px;line-height: 35px;text-shadow: 0 0 0.5px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.detail .args .content li:nth-child(1) table td a{color: #333333;}
.detail .args .content li:nth-child(1) table td a:hover{color: #EF3800;}
.detail .args .content li:nth-child(1) table td:first-child{color: #6c6c6c;text-shadow: unset;}
.detail .args .content li:nth-child(1) table tr:nth-child(2n+1){background-color: #f5f7f6;}
.detail .args .content .text_box{padding: 20px 12px;border: 1px solid #dddddd;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.detail .args .content .text_box dl{display: inline-block;width: 33%;vertical-align: text-top;border-right: 1px solid #dddddd;padding-left: 9px;padding-right: 9px;box-sizing: border-box;height: 100%;}
.detail .args .content .text_box dl:last-child{border-right: none;}
.detail .args .content .text_box dt{font-size: 18px;line-height: 34px;color: #1a1a1a;}
.detail .args .content .text_box dd{font-size: 13px;line-height: 20px;color: #6c6c6c;}
.detail .args .content .text_box dd a{color: #ef3800;}
.detail .args .content .text_box dd b{color: #212121;}
.detail .args .content .text_box dd span.red{color: #ef3800;}
.detail .args .content .text_box dd span.black{color: #212121;}
.detail .args .content .text_box .left{width: 50%;float: left;}
.detail .args .content .text_box .left{display: flex;flex-wrap: wrap;}
.detail .args .content .text_box .left .imgbox{width: 322px;height: 255px;border: 1px solid #393939;border-radius: 5px;margin-right: 20px;margin-bottom: 20px;line-height: 255px;text-align: center;position: relative;}
.detail .args .content .text_box .left .imgbox:nth-child(2n){margin-right: 0;}
.detail .args .content .text_box .left .imgbox::after{content: '1';position: absolute;right: 0;bottom: 0;height: 30px;width: 30px;z-index: 1;color: #fff;line-height: 1;z-index: 1;font-size: 22px;font-weight: bold;font-family: Arial;}
.detail .args .content .text_box .left .imgbox:nth-child(2):after{content: '2';left: 0;right: unset;}
.detail .args .content .text_box .left .imgbox:nth-child(3):after{content: '3';top: 8px;bottom: unset;}
.detail .args .content .text_box .left .imgbox:nth-child(4):after{content: '4';left: 0;right: unset;top: 8px;bottom: unset;}
.detail .args .content .text_box .left .imgbox::before{content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-left: 58px solid transparent;border-bottom: 58px solid #575757;color: #fff;}
.detail .args .content .text_box .left .imgbox:nth-child(2)::before{border-left: none;border-right: 58px solid transparent;left: 0;}
.detail .args .content .text_box .left .imgbox:nth-child(3)::before{top: 0;border-top: 58px solid #575757;border-bottom: none}
.detail .args .content .text_box .left .imgbox:nth-child(4)::before{border-left: none;border-right: 58px solid transparent;left: 0;top: 0;border-bottom: none;border-top: 58px solid #575757;}
.detail .args .content .text_box .left .imgbox img{display: inline-block;vertical-align: middle;}
.detail .args .content .text_box .right{float: left;width: 50%;font-size: 13px;line-height: 21px;padding-top: 80px;}
.detail .args .content .text_box .right h3{color: #1a1a1a;font-size: 18px;line-height: 34px;}
.detail .pro_details{padding-top: 47px;}
.detail .pro_details h2{font-size: 28px;color: #212121;position: relative;padding-left: 13px;text-shadow: 0 0 BLACK;}
.detail .pro_details h2::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 7px;}
.detail .pro_details .text{padding-top: 47px;border: 1px solid #e7e4e4;padding: 15px;border-radius: 5px;margin-top: 15px;}
.detail .pro_details dl{float: left;width: 50%;}
.detail .pro_details dl dt{font-size: 15px;font-weight: bold;color: #1a1a1a;line-height: 24px;}
.detail .pro_details dl dd{font-size: 14px;color: #6c6c6c;line-height: 24px;}
.detail .pro_details h3{font-size: 16px;font-weight: bold;padding: 7px 0;margin-top: 10px;}
.detail .pro_details p{font-size: 14px;padding-bottom: 7px;padding-left: 10px;}
.detail .pro_relate{padding-top: 40px;}
.detail .pro_relate h2{font-size: 28px;font-family: Candara;font-weight: bold;color: #212121;position: relative;padding-left: 13px;padding-bottom: 15px;}
.detail .pro_relate h2::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 7px;}
.detail .review{padding-top: 20px;padding-bottom: 35px;}
.detail .review h2{font-size: 28px;font-family: Candara;font-weight: bold;color: #212121;position: relative;padding-left: 13px;padding-bottom: 30px;}
.detail .review h2::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 7px;}
.detail .review h2 button{float: right;font-size: 17px;color: #ef3800;height: 36px;border: 1px solid #ef3800;background-color: transparent;padding-left: 13px;padding-right: 16px;border-radius: 3px;cursor: pointer;}
.detail .review h2 button::before{content: '';display: inline-block;background: url('../images/user.png') no-repeat -20px 0;width: 20px;height: 22px;vertical-align: middle;margin-right: 15px;}
.detail .review h2 button:hover{background-color: #ef3800;color: #fff;}
.detail .review h2 button:hover::before{background-position-x: 0;}
.review .list{overflow: auto;}
.review .list ul{padding-bottom: 35px;width: 100%;display: none;}
.review .list ul:first-child{display: block;}
.review .list ul > li{width: calc(100% / 4 - 28px);display: inline-block;margin-right: 32px;}
.review .list ul > li:nth-child(4n+4){margin-right: 0;}
.review .list ul > li h3{font-size: 16px;color: #212121;padding-bottom: 10px;}
.review .list ul > li span{float: left;font-size: 13px;color: #6c6c6c;}
.review .list ul > li span i{font-size: 13px;color: #212121;font-style: normal;}
.review .list ul > li .star{display: flex;margin-left: -3px;}
.review .list ul > li .star .icon-star{display: block;width: 16px;height: 15px;background: url('../images/icon-star.png') no-repeat -16px 0;margin-left: 4px;}
.review .list ul > li .star .icon-star.red{background-position-x: 0;}
.review .list ul > li s{text-decoration: none;font-size: 14px;color: #6c6c6c;height: 72px;line-height: 18px;padding-top: 10px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;box-sizing: content-box;}
.review .list ul > li p{font-size: 14px;color: #6c6c6c;line-height: 18px;}
.review .review-page{display: flex;justify-content: center;padding-bottom: 20px;}
.review .review-page p{color: #000000;margin-right: 12px;}
.review .review-page p s{color: #8b8b8b;text-decoration: none;}
.review .review-page .links{display: flex;align-items: center;}
.review .review-page .curr{background-color: #EF3800;color: #FFFFFF;}
.review .review-page span{cursor: pointer;color: #000;display: inline-block;border: none;min-width: 29px;height: 33px;padding: 0 2px;line-height: 33px;border-radius: 3px;margin-top: 10px;margin-bottom: 10px;margin: 0 4px;overflow: hidden;font-size: 14px;background-color: #f2f2f2;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.review .review-page span.next,.review .review-page span.pre{width: 31px;height: 31px;}
.review .dialog-shade{background-color: #444;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;opacity: 0.5;display: none;}
.review .login-dialog{position: fixed;width: 505px;border: 3px solid #8c8c8c;border-radius: 5px;background-color: #fff;z-index: 99999;left: 50%;transform: translateX(-50%);top: 30%;padding: 20px 32px 35px;display: none;}
.review .login-dialog h3{font-size: 23px;color: #ef3800;font-weight: bold;text-align: center;font-family: Candara;padding-bottom: 23px;}
.review .login-dialog .close{position: absolute;right: 13px;top: 7px;font-size: 25px;background-color: transparent;border: none;font-family: none;width: 22px;transform: scaleX(1.2);color: #6c6c6c;cursor: pointer;}
.review .login-dialog li{width: 100%;display: flex;align-items: center;line-height: 43px;border-bottom: 1px solid #a2a2a2;position: relative;margin-bottom: 8px;}
.review .login-dialog li label{font-size: 14px;color: #535252;white-space: nowrap;}
.review .login-dialog li label i{font-size: 13px;font-family: Tahoma;color: #ef3800;font-style: normal;position: relative;top: 3px;}
.review .login-dialog li input{width: 100%;height: 43px;padding-left: 10px;outline: none;border: none;}
.review .login-dialog .verify + span{position: absolute;top: 7px;right: 0;}
.review .login-dialog .checkbox{position: relative;padding-left: 20px;float: left;}
.review .login-dialog .checkbox input[type="checkbox"]{position: absolute;left: -100px;}
.review .login-dialog .checkbox label{color: #212121;}
.review .login-dialog .checkbox label:before{content: "";width: 14px;height: 14px;border: 1px solid #000000;display: block;position: absolute;left: 0;top: 1px;}
.review .login-dialog .checkbox label:after{opacity: 0;content: '';position: absolute;width: 14px;height: 6px;background: transparent;top: 1px;left: 3px;border: 2px solid #000000;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.review .login-dialog .checkbox input[type=checkbox]:checked+label:after{opacity: 1;}
.review .login-dialog .forget{float: right;}
.review .login-dialog button.sign{display: block;font-family: Candara;font-size: 22px;font-weight: bold;height: 39px;color: #fff;background-color: #ef3800;border: none;border-radius: 3px;padding: 0 75px;margin: 30px auto 0;cursor: pointer;}
.review .login-dialog button.sign:hover{background-color: #cf0000;}
.review .login-dialog .new-account{color: #186dc1;text-decoration: underline;display: block;width: min-content;white-space: nowrap;margin: 25px auto 0;}
.review .post-review{background-color: #f0f0f4;border-radius: 5px;padding: 10px 14px 14px;margin-top: 10px;display: none;}
.review .post-review .title{float: left;}
.review .post-review .title h3{font-size: 25px;font-weight: bold;font-family: Candara;color: #212121;}
.review .post-review .title s{text-decoration: none;font-size: 14px;color: #6c6c6c;}
.review .post-review .title s span{font-size: 14px;color: #ef3800;}
.review .post-review .rate{float: right;}
.review .post-review .rate dl{display: flex;align-items: center;}
.review .post-review .rate dt{font-size: 14px;color: #6c6c6c;}
.review .post-review .rate dt i{font-size: 13px;font-family: Tahoma;color: #ef3800;font-style: normal;margin-left: 2px;position: relative;top: 3px;}
.review .post-review .rate dd{font-size: 35px;color: #a0a0a0;margin-left: 26px;width: 48px;}
.review .post-review .rate dd.icon-star{width: 36px;height: 34px;background: url('../images/icon-star2.png') no-repeat -36px 0;margin-left: 13px;cursor: pointer;}
.review .post-review .rate dd.icon-star.red{background-position-x: 0;}
.review .post-review .remark{width: 79.5%;height: 86px;background-color: #fff;border: 1px solid #dedee5;border-radius: 3px;float: left;display: flex;padding: 8px 10px;margin-top: 18px;position: relative;}
.review .post-review .remark label{font-size: 14px;color: #535252;white-space: nowrap;}
.review .post-review .remark label i{font-size: 13px;font-family: Tahoma;color: #ef3800;font-style: normal;margin-left: 2px;position: relative;top: 2px;}
.review .post-review .remark textarea{height: 100%;width: 100%;resize: none;padding-left: 10px;outline: none;border: none;}
.review .post-review .remark p{position: absolute;right: 12px;bottom: 11px;font-size: 13px;color: #9c9c9c;}
.review .post-review .btn{float: right;margin-top: 18px;padding: 38px 0 0;position: relative;}
.review .post-review .btn .captcha{position: absolute;left: 0;top: 0;display: flex;align-items: center;display: none;}
.review .post-review .btn .captcha input{height: 30px;margin-right: 4px;width: 120px;}
.review .post-review .btn p{font-size: 13px;color: #6c6c6c;padding-bottom: 10px;}
.review .post-review .btn button{font-size: 22px;font-weight: bold;font-family: Candara;color: #fff;border: none;border-radius: 3px;cursor: pointer;background-color: #ef3800;padding: 0 83px;height: 39px;}
.review .post-review .btn button:hover{background-color: #ef0000;}
.detail .cate_relate{}
.detail .cate_relate .tab{display: flex;border-bottom: 1px solid #d0d0d0;margin-bottom: 10px;}
.detail .cate_relate .tab li{width: 50%;font-size: 20px;line-height: 55px;color: #4d4d4d;font-family: Candara;cursor: pointer;transition: all .3s;}
.detail .cate_relate .tab li.actived{font-size: 28px;font-weight: bold;color: #212121;position: relative;padding-left: 13px;}
.detail .cate_relate .tab li.actived::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 18px;}
.detail .cate_relate .content li{display: none;}
.detail .cate_relate .content li.show{display: flex;}
.detail .cate_relate .content li:nth-child(1){flex-wrap: wrap;}
.detail .cate_relate .content li:nth-child(1) a{display: block;font-size: 14px;color: #1a1a1a;line-height: 30px;width: calc(100% / 3);}
.detail .cate_relate .content li:nth-child(1) a span{font-size: 14px;color: #6c6c6c;}
.detail .cate_relate .content li:nth-child(1) a:hover,.detail .cate_relate .content li:nth-child(1) a:hover span{color: #ef3800;}
.detail .cate_relate .content li:nth-child(2){justify-content: space-between;padding-top: 10px;}
.detail .cate_relate .content li:nth-child(2) a{display: block;flex: 1;height: 88px;line-height: 88px;text-align: center;border: 1px solid #e0e2eb;border-radius: 5px;margin-right: 8px;}
.detail .cate_relate .content li:nth-child(2) a:last-child{margin-right: 0;}
.detail .cate_relate .content li:nth-child(2) a img{max-width: 90%;max-height: 80px;display: inline-block;vertical-align: middle;transition: all .3s;}
.detail .cate_relate .content li:nth-child(2) a:hover img{transform: scale(1.1);}
.detail .news{padding-top: 35px;}
.detail .news .tab{display: flex;border-bottom: 1px solid #d0d0d0;margin-bottom: 10px;}
.detail .news .tab li{width: 50%;font-size: 20px;line-height: 55px;color: #4d4d4d;font-family: Candara;cursor: pointer;transition: all .3s;}
.detail .news .tab li.actived{font-size: 28px;font-weight: bold;color: #212121;position: relative;padding-left: 13px;}
.detail .news .tab li.actived::before{content: '';width: 7px;height: 18px;background-color: #ef3800;position: absolute;left: 0;top: 18px;}
.detail .news .content{padding-top: 10px;}
.detail .news .content li{display: none;}
.detail .news .content li.show{display: flex;}
.detail .news .content li{flex-wrap: wrap;justify-content: space-between;}
.detail .news .content li a{display: block;width: 50%;padding-right: 10px;box-sizing: border-box;margin-bottom: 25px;}
.detail .news .content li a h3{font-size: 15px;font-weight: bold;color: #212121;}
.detail .news .content li a s{text-decoration: none;font-size: 14px;color: #6c6c6c;line-height: 24px;}
.detail .news .content li a p{font-size: 13px;color: #8b8b8b;line-height: 24px;}
.detail .news .content li a p:before{display: none;}
.detail .news .content li a:hover h3{color: #ef3800;}
.detail .fix-cart{position: fixed;top: 0;height: 95px;width: 100%;left: 0;background-color: #222222;z-index: 10002;display: none;}
.detail .fix-cart table{width: 100%;border-collapse: collapse;}
.detail .fix-cart table td{color: #fff;height: 95px;padding: 5px;box-sizing: border-box;white-space: nowrap;}
.detail .fix-cart table td:first-child{background-color: #353535;display: flex;align-items: center;margin-right: 16px;min-width: 357px;}
.detail .fix-cart table td .imgbox{width: 84px;height: 84px;background-color: #fff;margin-right: 10px;text-align: center;line-height: 84px;}
.detail .fix-cart table td .imgbox img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.detail .fix-cart table td h3{font-size: 17px;line-height: 24px;}
.detail .fix-cart table td p{font-size: 14px;line-height: 22px;}
.detail .fix-cart table td s{text-decoration: none;color: #c7c7c7;font-size: 14px;line-height: 22px;}
.detail .fix-cart table td label{font-size: 14px;display: block;padding: 8px 0 2px;}
.detail .fix-cart table td label span{font-size: 14px;color: #c7c7c7;}
.detail .fix-cart table td .item{height: 42px;display: flex;align-items: center;border-bottom: 1px solid #a2a2a2;justify-content: space-between;margin-bottom: 10px;margin-right: 10px;}
.detail .fix-cart table td .item b{white-space: nowrap;font-size: 14px;font-weight: normal;margin-right: 10px;}
.detail .fix-cart table td .item i{font-size: 13px;font-family: Tahoma;color: #ef3800;font-style: normal;margin-left: 2px;position: relative;top: 3px;margin-right: 20px;}
.detail .fix-cart table td .item button{width: 42px;border: none;height: 100%;font-size: 25px;background-color: transparent;color: #6f6f6f;cursor: pointer;flex-shrink: 0;text-align: right;}
.detail .fix-cart table td .item button:first-of-type{color: #6f6f6f;transform: scaleX(2);width: auto;}
.detail .fix-cart table td .item button:hover{color: #ef3800;}
.detail .fix-cart table td .item input{width: 100%;height: 100%;border: none;outline: none;color: #fff;font-size: 16px;background-color: transparent;}
.detail .fix-cart table td .item.qty input{text-align: center}
.detail .fix-cart table td:last-child button{border: 1px solid transparent;border-radius: 3px;font-size: 16px;font-family: Candara;color: #fff;height: 34px;line-height: 32px;background-color: #ef3800;padding: 0 20px;font-weight: bold;text-transform: uppercase;cursor: pointer;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.detail .fix-cart table td:last-child button:first-child{padding: 0 12px;font-weight: normal;background-color: transparent;border-color: #9b9b9b;margin-right: 6px;position: relative;}
.detail .fix-cart table td:last-child button:first-child::before{content: '';margin-right: 8px;background: url('../images/cart.png') no-repeat center;width: 19px;height: 21px;position: relative;top: 3px;}
.detail .fix-cart table td:last-child button:first-child::after{content: '';margin-right: 8px;background: url('../images/cart-red.png') no-repeat center;width: 19px;height: 21px;position: absolute;top: 4px;left: 12px;opacity: 0;}
.detail .fix-cart table td:last-child button:first-child:hover{background-color: #cf0000;color: #fff;border-color: #cf0000;}
.detail .fix-cart table td:last-child button:last-child:hover{background-color: #cf0000;}
@media screen and (min-width: 768px)
{
	body.fix .detail .fix-cart{display: block;}
}
.alert-box{position: fixed;top: 120px;left: 50%;transform: translateX(-50%);background-color: #f44336;color: white;padding: 15px 50px;border-radius: 5px;display: none;}
/*compare*/
.compare-summary{border: 1px solid #c4c4c4;margin: 15px 0;}
.compare-summary dl.name{float: left;width: 250px;color: #3a3a3a;padding-top: 20px;padding-left: 20px;}
.compare-summary dl.name dt{font-size: 17px;font-weight: bold;line-height: 60px;}
.compare-summary dl.name dd{font-size: 13px;color: #a7a7a7;}
.compare-summary dl.name dd a{color: #3a3a3a;font-size: 14px;line-height: 40px;background-color: #f5f5f5;display: block;padding-left: 15px;font-weight: bold;}
.compare-summary dl.name dd a:hover{background-color: #747474;color: #fff;}
.compare-summary dl.name dd s{text-decoration: none;line-height: 36px;padding-left: 15px;}
.compare-summary ul{float: right;width: 1052px;}
.compare-summary li{width: 460px;float: left;border-left: 1px solid #c7c7c7;position: relative;padding-left: 35px;padding-right: 30px;height: 370px;}
.compare-summary li .cover{width: 220px;height: 198px;margin-top: 40px;}
.compare-summary li .cover a{}
.compare-summary li .cover img{max-width: 100%;max-height: 100%;}
.compare-summary li img.mfg{position: absolute;right: 10px;top: 10px;max-height: 50px;max-width: 150px;}
.compare-summary li dl{}
.compare-summary li dt{}
.compare-summary li dt a{font-size: 18px;font-weight: bold;color: #232323;line-height: 36px;}
.compare-summary li dd{padding: 5px 0;font-size: 14px;color: #989898;}
.compare-summary li a.rfq{width: 120px;height: 36px;background-color: #747474;text-align: center;line-height: 36px;color: #fff;font-weight: bold;border-radius: 7px;position: absolute;bottom: 40px;right: 15px;}
.compare-summary li a.rfq:hover{background-color: #EF3800;}
h2.compare{font-size: 20px;line-height: 48px;color: #282828;padding-left: 7px;font-weight: bold;}
table.specifications{border-collapse: collapse;margin-bottom: 30px;}
table.specifications th,table.specifications td{height: 46px;padding: 0 0 0 15px;border: none;border: 1px solid #C4C4C4;}
table.specifications th{font-size: 13px;color: #515151;background-color: #FAFAFB;text-align: left;}
table.specifications td{font-size: 14px;color: #8F8F8F;width: 510px;}
table.specifications td.name a{color: #5079AB;font-weight: bold;}
table.specifications td a.pdf{display: block;height: 30px;line-height: 30px;background: url(../images/pdf_hover.png) no-repeat left center;padding-left: 30px;}
table.specifications tr.diff td{background-color: #F6F6F6;color: #D53A3B;}
table.specifications tr.diff td a{color: #D53A3B;}
/*sitemap*/
.sitemap{border: 1px solid #DDDDDD;margin-bottom: 15px;margin-top: 15px;padding: 15px 0;}
.sitemap dl{float: left;width: 32%;margin-left: 1%;line-height: 24px;}
.sitemap dt{font-weight: bold;border-bottom: 1px dotted #DDDDDD;line-height: 40px;padding-left: 5px;}
.sitemap dd a{color: #000000;padding-left: 5px;}
@media screen and (max-width: 767px)
{
	.product-category h1.title{padding-left: 10px;height: 3rem;line-height: 3rem;}
	.product-category .details{margin-bottom: 0;}
	.product-category .details .cover{display: none;}
	.product-category .details h2{font-size: 20px;}
	.product-category .details .count{display: none;}
	.product-category .details ul{column-count: auto;column-gap: 5px;-webkit-column-count: auto;-webkit-column-gap: 5px;-moz-column-count: auto;-moz-column-gap: 5px;width: auto;float: none;}
	.product-category .details .list{padding-bottom: 10px;}
	.product-category .details .list li a{padding: 3px 5px 3px 0;}
	.product-category .details .list li s{margin-left: 10px;}
	.list-panel h1{line-height: 30px;padding: 10px;font-size: 21px;}
	.list-panel .pages:nth-child(2){display: none;}
	/* detail */
	 .detail .collect{flex-wrap: wrap;padding: 0 10px;}
	.detail .pic{width: 100%;margin: 10px auto;}
	.detail .pic .pic_brand{margin: 10px auto 0;}
	.detail .pic .pic_pro{margin: 15px auto;}
	.detail .pic .pic_tip{padding: 8px 0;display: none;}
	.detail .pic .single-brand img{position: static;transform: none;height: 98%;margin-top: 2%;}
	.detail .info{width: 100%;}
	.detail .info table tr{display: flex;flex-direction: column;padding-bottom: 5px;}
	.detail .info table th{line-height: 30px;}
	.detail .info table tr:nth-child(6) th{line-height: 34px;}
	.detail .info table tr:last-child th{line-height: 40px;}
	.detail .info .pdf dd{left: unset;right: 0;}
	.detail .stock{width: 100%;margin-left: 0;margin-top: 10px;}
	.detail .stock_status{flex-wrap: wrap;height: auto;padding: 5px 0;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;border-radius: 0;background-color: transparent;}
	.detail .stock_status .f_left{width: 100%;}
	.detail .stock_status .f_left s{font-size: 14px;}
	.detail .stock_status .f_left s b{font-size: 15px;}
	.detail .stock_status .f_right{width: 100%;padding-left: 0;border-left: none !important;padding-top: 0;}
	.detail .stock_status .f_right .price-table{position: static;margin: 10px 0;}
	.detail .stock_status .f_right table{border-spacing: 0;}
	.detail .stock_status .f_right table tbody{flex-direction: column;}
	.detail .stock_status .f_right table tr{width: auto;flex-direction: row;}
	.detail .stock_status .f_right table tr:last-child td{border-bottom: 1px solid #e9e7e7;}
	.detail .stock_status .f_right table th{width: 50%;/* border: 1px solid #e1e1e1;*/ line-height: 34px;padding-left: 0;}
	.detail .stock_status .f_right table td{width: 50%;border: 1px solid #e9e7e7;line-height: 26px;border-bottom: none;}
	.detail .stock_status .f_right .arrow{display: none;}
	.detail .stock_status .f_right .price_empty{text-align: left;padding-bottom: 5px;}
	.detail .stock_contact ul li{width: 100%;}
	.detail .stock_contact ul li label{/* line-height: 43px;*/}
	.detail .stock_contact ul li input, .detail .stock_contact ul li textarea{line-height: 50px;}
	.detail .stock_contact ul li textarea{padding-top: 11px;}
	.detail .stock_contact s{display: none;}
	.detail .stock_contact form > button{width: auto;padding: 0 30px;margin: 0 auto 0 !important;display: block;font-size: 14px;}
	.detail .stock_contact form > button.cart{display: none;}
	.detail .stock_contact form > button:last-child{margin-top: 10px !important;}
	.detail .args{padding: 15px 10px 0;}
	.detail .args .tab li{display: none;width: 100%;}
	.detail .args .tab li.actived{display: block;font-size: 24px;}
	.detail .args .content li:nth-child(1) s{line-height: 26px;}
	.detail .args .content li:nth-child(1) table{width: 100%;margin-left: 0 !important;}
	.detail .args .content li:nth-child(1) table:last-of-type tr:first-child{display: none;}
	.detail .args .content li:nth-child(1) table th,.detail .args .content li:nth-child(1) table td{width: 50%;}
	.detail .args .content li:nth-child(1) table:last-of-type tr:nth-child(2n+1){background-color: transparent;}
	.detail .args .content li:nth-child(1) table:last-of-type tr:nth-child(2n){background-color: #f5f7f6;}
	.detail .args .content .text_box dl{width: 100%;padding-left: 0;margin-top: 10px;height: auto;}
	.detail .args .content .text_box .left,.detail .args .content .text_box .right{width: 100%;}
	.detail .args .content .text_box .left img,.detail .args .content .text_box .right img{max-width: 100%;}
	.detail .pro_details{padding: 15px 10px 0;}
	.detail .pro_details h2{font-size: 21px;}
	.detail .pro_details h2::before{top: 4px;}
	.detail .pro_details .text{padding: 5px 10px;}
	.detail .pro_details dl{float: unset;width: 100%;margin-bottom: 10px;}
	.detail .pro_details h3{margin-top: 5px;}
	.detail .pro_details p{line-height: 26px;}
	.detail .pro_relate{padding: 15px 10px 0;}
	.detail .pro_relate h2{font-size: 24px;}
	.detail .review{padding: 0 2%;}
	.detail .review h2{padding-bottom: 10px;}
	.detail .review h2 button{font-size: 13px;}
	.detail .review .list ul{padding: 0;}
	.detail .review .list ul > li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.review .list ul > li s{height: auto;}
	.detail .cate_relate{padding: 0 10px;}
	.detail .cate_relate .tab li{display: none;}
	.detail .cate_relate .tab li.actived{display: block;width: 100%;font-size: 24px;line-height: 47px;}
	.detail .cate_relate .tab li.actived::before{top: 15px;}
	.detail .cate_relate .content li:nth-child(1) a{width: 100%;}
	.detail .cate_relate .content li:nth-child(2){flex-wrap: wrap;}
	.detail .cate_relate .content li:nth-child(2) a{width: 49%;margin-right: 0;margin-bottom: 8px;flex: unset;}
	.detail .news{padding: 15px 10px 0;}
	.detail .news h2{font-size: 24px;}
	.detail .news .tab li{display: none;width: 100%;}
	.detail .news .tab li.actived{display: block;font-size: 24px;line-height: 47px;}
	.detail .news .tab li.actived:before{top: 15px;}
	.detail .news .content{padding-top: 0;}
	.detail .news .content li a{width: 100%;margin-bottom: 15px;padding: 0;}
	.detail .news .content li a h3{font-weight: 500;}
	.detail .news .content li a s{display: none;}
	.detail .news .content li a p:before{margin-right: 4px;display: inline-block;}
	.detail .fix-cart{display: none;}
}