.breadcrumb{padding: 9px; background-color: #fff; border-bottom: 1px solid #d7d7d7;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{float: left; color: #777;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 5px; transform: translateY(1px); color: #777!important;}
.breadcrumb ul li a{color: #777;}
.breadcrumb ul li:nth-last-child(2), .breadcrumb ul li:nth-last-child(2) a{color: #33419b;}
@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-m{display: none;}
}
@media (min-width:768px){
    .breadcrumb ul li.breadcrumb-m{display: block;}
}.menu-bar{position: relative; height: 40px; background: #33419b; z-index: 101;}
.menu-bar-2{position: fixed; top: 0; right: 0; left: 0; margin: auto; z-index: 99992;}
.menu-bar .wrap{height: 100%;}
.menu-icon{position: relative; float: left; width: 50px; height: 100%;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 28px; height: 2px; background: #fff;}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; color: #fff; transition: all 0.25s ease 0s;}
.menu > ul > li{float: left; background: url(/theme/images/li.png) no-repeat top left;}
.menu > ul > li:first-child{background: none;}
.menu > ul > li > a{font-weight: 500; line-height: 40px;}
.menu > ul > li.active > a, .menu > ul > li:hover > a{background-color: #e32726;}
.menu ul li ul{position: absolute; width: 225px; background: #fff; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 15px; line-height: 35px; color: #333;}
.menu ul li ul li a:hover{background: #33419b; color: #fff;}
.menu > ul > li > ul{top: 100%; left: 0; padding: 15px 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.search{float: right; margin-top: 9px; width: 190px; height: 21px; border-bottom: 1px solid #fff;}
.search input[type='text']{float: left; width: calc(100% - 35px); height: 21px; background: transparent; border: 0; font-size: 12px; text-indent: 0; color: #fff;}
.search input::placeholder{color: #fff;}
.search input[type='submit']{float: right; width: 35px; height: 21px; background: url(/theme/images/search.png) no-repeat center bottom 2px;}
@media (min-width: 320px){
    .menu{display: none;}
}
@media (min-width: 970px){
    .menu{display: block;}
    .menu-display{display: none;}
    .menu > ul > li > a{padding: 0 20px;}
}
@media (min-width: 1170px){
    .menu > ul > li > a{padding: 0 25px;}
    .menu > ul > li > a{font-size: 15px; text-transform: uppercase;}
}@font-face {
    font-family: 'UTM Beautiful Caps';
    src: url('/theme/fonts/UTMBeautifulCaps.eot');
    src: url('/theme/fonts/UTMBeautifulCaps.eot?#iefix') format('embedded-opentype'),
        url('/theme/fonts/UTMBeautifulCaps.woff2') format('woff2'),
        url('/theme/fonts/UTMBeautifulCaps.woff') format('woff'),
        url('/theme/fonts/UTMBeautifulCaps.ttf') format('truetype'),
        url('/theme/fonts/UTMBeautifulCaps.svg#/theme/fonts/UTMBeautifulCaps') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.slide-item a{position: relative; display: block;}
.slide-item a span{position: absolute; bottom: 40px; right: 80px; display: none; padding: 5px 115px 35px 20px;
    background-color: rgb(255 255 255 / 40%); font-size: 60px; font-family: UTM Beautiful Caps; color: #ed1c24; text-shadow:
    0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,
    0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;}
.slide .owl-nav{opacity: 0; transition: all 0.25s ease 0s;}
.slide:hover .owl-nav{opacity: 1;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 70px; margin: auto; background: rgb(255 255 255 / 50%); box-shadow: 0 0 3px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.slide .owl-nav button:hover{background-color: #fff;}
.slide .owl-nav button.owl-prev{left: 0;}
.slide .owl-nav button.owl-next{right: 0;}
.slide .owl-nav button i{display: block; font-size: 18px; color: #33419b;}
@media (min-width:768px){
    .slide-item a span{display: block;}
}.danhmuc{padding-bottom: 20px;}
.danhmuc ul{list-style: none;}
.danhmuc ul li{position: relative; margin-bottom: 30px; border-radius: 5px; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; overflow: hidden;}
.danhmuc ul li img{transition: all 0.5s ease 0s;}
.danhmuc ul li a{position: absolute; right: 0; bottom: 0; left: 0; display: flex; height: 50px; margin: auto; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 40%); color: #fff; transition: all 0.25s ease 0s;}
.danhmuc ul li a i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto; transform: translate3d(-20px, 30px, 0px); font-size: 20px; opacity: 0; transition: all 0.5s ease 0s;}
.danhmuc ul li:hover img{transform: scale(1.05);}
.danhmuc ul li:hover a{height: 100%; background-color: rgb(0 0 0 / 70%); }
.danhmuc ul li:hover a i{transform: translate3d(0, 30px, 0); opacity: 1;}
.danhmuc-title{margin-bottom: 30px; font-size: 25px; font-weight: 500; text-transform: uppercase; text-align: center; color: #33419b;}
.danhmuc-title h2{font-size: 100%;font-weight: 500;}
.danhmuc-title span{position: relative; display: inline-block;}
.danhmuc-title span:after{content: ''; position: absolute; right: 0; bottom: 0px; left: 0; width: calc(100%/3); height: 2px; margin: auto; background-color: #33419b;}
@media (min-width:480px){
    .danhmuc ul li{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .danhmuc ul li:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .danhmuc ul li{width: calc((100% - 60px)/3); margin-right: 30px;}
    .danhmuc ul li:nth-child(2n){margin-right: 30px;}
    .danhmuc ul li:nth-child(3n){margin-right: 0;}
}.doitac{padding: 30px 0;}
.doitac .owl-nav{position: absolute; top: -40px; right: 0; left: 0; width: 60px; height: 25px; margin: auto;}
.doitac .owl-nav button{width: 25px; height: 25px; background-color: transparent; border: 1px solid #d7d7d7!important; border-radius: 50%;}
.doitac .owl-nav button:hover{background-color: #33419b; border-color: #33419b!important;}
.doitac .owl-nav button.owl-prev{float: left;}
.doitac .owl-nav button.owl-next{float: right;}
.doitac .owl-nav button i{color: #e32726;}
.doitac .owl-nav button:hover i{color: #fff;}
.doitac-title{margin-bottom: 44px; font-size: 25px; font-weight: 500; text-transform: uppercase; text-align: center; color: #33419b;}
.doitac-item{position: relative; height: 100px;}
.doitac-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: calc(100% - 20px); max-height: calc(100% - 20px);}.gioithieu{padding: 50px 0 20px;}
.gioithieu-left, .gioithieu-right{margin-bottom: 30px;}
.gioithieu-prev{position: relative; margin-bottom: 30px; font-size: 16px; text-align: justify; color: #777; overflow: hidden;}
.gioithieu-prev:before{content: ''; position: absolute; right: 0; bottom: 0px; left: 0; height: 25px; margin: auto; background-color: #fff;}
.gioithieu-button{position: absolute; right: 0; bottom: 0px; font-size: 12px; font-weight: 700; text-align: right; color: #33419b; cursor: pointer;}
.gioithieu-button span:nth-child(1){display: block;}
.gioithieu-button span:nth-child(2){display: none;}
.gioithieu-button-2{bottom: -25px}
.gioithieu-button-2 span:nth-child(1){display: none;}
.gioithieu-button-2 span:nth-child(2){display: block;}
.gioithieu-more{width: 135px; background-color: #33419b; transition: all 0.25s ease 0s;}
.gioithieu-more:hover{background-color: #c72127;}
.gioithieu-more a{display: block; text-transform: uppercase; text-align: center; line-height: 35px; color: #fff;}
.gioithieu-name{margin-bottom: 30px; border-bottom: 1px solid #d7d7d7; font-size: 25px; font-weight: 500; text-transform: uppercase; color: #33419b;}
.gioithieu-name span{position: relative; display: inline-block;}
.gioithieu-name span:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #33419b;}
.gioithieu-right .owl-dots{position: absolute; top: -57px; right: 0; line-height: 1;}
.gioithieu-right .owl-dots button{margin-left: 5px; width: 15px; height: 15px; background-color: #33419b; border-radius: 50%; transition: all 0.25s ease 0s;}
.gioithieu-right .owl-dots button.active{background-color: #e32726;}
.video{}
.video a{position: relative; display: block;}
.video a span{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 10px 15px; background-color: rgb(0 0 0 / 40%); font-size: 16px; color: #fff;}
.video a:before{content: ''; position: absolute; top: 0; right: 0; left: 0; margin: auto; height: calc(100% - 45px); background-color: rgb(0 0 0 / 70%); opacity: 0;}
.video a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 98px; height: 51px; margin: auto; background: url(/theme/images/play.png) center no-repeat; transition: all 0.25s ease 0s;}
.video a:hover span{background-color: rgb(0 0 0 / 70%);}
.video a:hover:before{opacity: 1;}
.video a:hover:after{transform: translateY(3px);}
@media (min-width:320px){
    .gioithieu-prev{height: 250px; overflow: hidden;}
    .gioithieu-prev:before{display: block;}
    .gioithieu-prev-2{height: auto; overflow: initial;}
    .gioithieu-prev-2:before{display: none;}
}
@media (min-width:480px){
    
}
@media (min-width:970px){
    .gioithieu-left{float: left; width: 500px;}
    .gioithieu-right{float: right; width: calc(100% - 550px);}
    .gioithieu-right .main-detail iframe{width: 100%; height: 237px;}
    
}
@media (min-width:1170px){
    .gioithieu-left{width: 660px;}
    .gioithieu-right{width: calc(100% - 710px);}
    .gioithieu-right .main-detail iframe{height: 265px;}
    .gioithieu-prev{height: auto;}
    .gioithieu-prev:before{display: none;}
    .gioithieu-button{display: none;}
}.tuvan{padding: 30px 0; background-color: #f9f9f9; border-top: 1px solid #d7d7d7;}
.tuvan-title{font-size: 25px; text-align: center; text-transform: uppercase;}
.tuvan-title:after{content: ''; display: block; width: 150px; height: 3px; margin: 0 auto 30px; background-color: #33419b;}
.tuvan-item{background-color: #fff;}
.tuvan-item, .tuvan-owl{position: relative; margin-bottom: 30px; border-radius: 0 0 10px 10px; transition: all 0.5s ease 0s;}
.tuvan-item:hover, .tuvan-owl:hover{background-color: rgb(51 65 155 / 12.5%);}
.tuvan-img img{border-radius: 10px;}
.tuvan-wrap{padding: 15px 10px;}
.tuvan-name{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.tuvan-name h3{font-size: 100%;font-weight: 500;}
.tuvan-name a{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.tuvan-name a:hover{color: #33419b;}
.tuvan-prev{display: -webkit-box; height: 75px; margin-bottom: 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 16px; color: #777; overflow: hidden;}
.tuvan-more{text-align: right;}
.tuvan-more a{display: inline-block; color: #e32726;}
.tuvan-more a i{margin-right: 5px; transition: all 0.25s ease 0s;}
.tuvan-more a:hover i{transform: translateX(3px);}
.tuvan-list .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background: rgb(199 33 39 / 75%); box-shadow: 0 0 3px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.tuvan-list .owl-nav button:hover{background-color: #33419b;}
.tuvan-list .owl-nav button.owl-prev{left: 20px;}
.tuvan-list .owl-nav button.owl-next{right: 20px;}
.tuvan-list .owl-nav button i{display: block; font-size: 18px; color: #fff;}
@media (min-width:480px){
    .tuvan-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .tuvan-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1170px){
    .tuvan-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .tuvan-item:nth-child(2n){margin-right: 30px;}
    .tuvan-item:nth-child(3n){margin-right: 0;}
}.col-brand{padding: 20px 20px 10px;}
.col-brand ul{list-style: none; padding-top: 20px; font-size: 0; text-align: center;}
.col-brand ul li{display: inline-block; margin: 0 5px; margin-bottom: 10px;}
.col-brand ul li a{display: block; padding: 0 20px; border: 1px solid #d7d7d7; border-radius: 5px; font-size: 14px; line-height: 33px; color: #333; transition: all 0.25s ease 0s;}
.col-brand ul li:hover a, .col-brand ul li.active a{background-color: #999; border-color: #999; color: #fff;}.col-hot{padding: 20px 20px 0; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.0625);}
.col-hot-list{padding-top: 20px;}.col-menu{padding: 20px;}
.col-menu-title{padding-bottom: 15px; border-bottom: 1px solid #d7d7d7; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center;}
.col-menu ul{list-style: none;}
.col-menu ul li{position: relative;}
.col-menu ul li a{position: relative; display: block; color: #333; transition: all 0.25s ease 0s;font-size: 16px;}
.col-menu ul li a:hover{transform: translateX(3px);}
.col-menu ul li ul li a i{position: absolute; top: 5px; left: 15px; font-size: 11px; transition: all 0.25s ease 0s;}
.col-menu > ul{padding-top: 20px;}
.col-menu > ul > li{margin-bottom: 5px;}
.col-menu > ul > li:last-child{margin-bottom: 0;}
.col-menu > ul > li > a{font-weight: 500;}
.col-menu > ul > li > a:hover, .col-menu > ul > li.active > a{color: #ed1c24;}
.col-menu > ul > li > i{position: absolute; top: 0; right: 0; width: 22px; height: 22px; font-size: 9px; text-align: center; line-height: 22px; cursor: pointer;}
.col-menu > ul > li > i:hover, .col-menu > ul > li.active > i{color: #ed1c24;}
.col-menu > ul > li > ul > li > a{padding-left: 25px;}
.col-menu > ul > li > ul > li > a:hover, .col-menu > ul > li > ul > li.active > a{color: #ed1c24;}.lienhe{padding-top: 30px; background-color: #f9f9f9;}
.lienhe-info{margin-bottom: 30px;}
.lienhe-info ul{list-style: none;}
.lienhe-info ul li+li{margin-bottom: 7px;}
.lienhe-info ul li span{display: inline-block; width: 115px; vertical-align: top;}
.lienhe-info ul li a{color: #333;}
.lienhe-info ul li:nth-child(3) a, .lienhe-info ul li:nth-child(4) a{font-weight: 700; color: #33419b;}
.lienhe-title{margin-bottom: 15px; padding-left: 0!important; font-weight: 500; font-size: 20px; color: #33419b;}
.lienhe-form form .form-item input[type='text']{width: 50%;}
.lienhe-form form .form-item:nth-child(5) input[type='submit']{width: 100px;}
@media (min-width: 320px){
    .lienhe-info ul li{padding-left: 15px;}
}
@media (min-width: 768px){
    .lienhe-info ul li{padding-left: 30px;}
}
@media (min-width: 768px){
    .lienhe-info{float: right; width: calc(55% - 15px);}
    .lienhe-form{float: left; width: calc(45% - 15px);}
}.table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; background-color: #fff;}
.table-body{box-sizing: border-box; display: table-row-group;}
.table-row{display: table-row;}
.table-row.table-head{background-color: #f9f9f9; border-bottom: 3px solid #d7d7d7; font-size: 16px; text-align: center; color: #333;}
.table-cell{box-sizing: border-box; display: table-cell; border: 1px solid #fff; border-bottom: 1px solid #d7d7d7; vertical-align: middle;}
.table-cell-price{text-align: center;}
.table-cell-price label{display: block; font-size: 16px; font-weight: 700; color: #333;}
.cart-name{margin-bottom: 5px;}
.cart-name a{display: block; font-size: 18px; color: #333; transition: all 0.25s ease 0s;}
.cart-name a:hover{text-decoration: underline;}
.cart-string{list-style: none; color: #333;}
.cart-string li a{color: #007236;}
.cart-string li a:hover{text-decoration: underline;}
.cart-string li span{text-decoration: line-through;}
.cart-string li:last-child a{color: #ed1c24;}
.cart-quantity{margin: auto; text-align: center;}
.cart-quantity *:not(div){box-sizing: border-box; float: left; display: block; border: 1px solid #d7d7d7; cursor: pointer;}
.cart-quantity a{display: block; font-size: 18px; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.cart-quantity input{text-align: center; text-indent: 0!important; outline: none;}
.cart-quantity input::-webkit-outer-spin-button,
.cart-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.cart-quantity a:hover, .cart-quantity input:hover{border: 1px solid #007236!important;}
.cart-footer{margin-bottom: 30px; border-bottom: 1px solid #d7d7d7;}
.cart-refresh{float: left; background-color: #33419b; margin: 5px 0; text-transform: uppercase; text-align: center; line-height: 40px; transition: all 0.25s ease 0s;}
.cart-refresh:hover{background-color: #ed1c24;}
.cart-refresh a{display: block; padding: 0 25px; color: #fff;}
.cart-total{float: right; font-size: 18px; font-weight: 700; text-align: right; line-height: 50px;}
.cart-total span{color: #ed1c24;}
.cart-btn{margin-bottom: 50px; text-align: right; text-transform: uppercase; line-height: 40px;}
.cart-btn a{display: inline-block; padding: 0 25px; background-color: #33419b; text-align: center; color: #fff;  transition: all 0.25s ease 0s;}
.cart-btn a:nth-child(1){margin-right: 10px;}
.cart-btn a:hover{background-color: #ed1c24;}
@media (min-width:320px){
    .table-row.table-head .table-cell{padding: 8px 5px 5px;}
    .table-cell{padding: 5px;}
    .table-row .table-cell:nth-child(4){display: none;}
    .payment-bill .table-row .table-cell:nth-child(2){width: 130px;}
    .cart-img{display: none;}
    .cart-quantity{width: 75px; line-height: 23px;}
    .cart-quantity *:not(div){min-width: 20px; padding: 0 2.5px;}
    .cart-quantity input{width: 30px!important; height: 25px!important; margin: 0 2.5px;}
}
@media (min-width:768px){
    .table-row.table-head .table-cell{padding: 8px 10px 5px;}
    .table-cell{padding: 15px;}
    .table-row .table-cell:nth-child(2),
    .table-row .table-cell:nth-child(3),
    .table-row .table-cell:nth-child(4){width: 130px;}
    .table-row .table-cell:nth-child(4){display: table-cell;}
    .payment-bill .table-row .table-cell:nth-child(2){width: 115px;}
    .cart-img{float: left; display: block; width: 150px; margin-right: 15px;}
    .cart-info{float: right; width: calc(100% - 165px);}
    .cart-quantity{width: 109px; line-height: 28px;}
    .cart-quantity *:not(div){min-width: 30px; padding: 0 5px;}
    .cart-quantity input{width: 40px!important; height: 30px!important; margin: 0 4.5px;}
}.payment-bill{margin-bottom: 30px;}
.payment-bill-item{position: relative;}
.payment-bill-item img{float: left; margin-right: 10px;}
.payment-bill-item label{display: block; font-weight: 700;}
.payment-bill-item span{display: block; text-decoration: line-through; color: #777;}
.payment-bill-item b{position: absolute; top: -10px; left: -10px; width: 25px; background: #ed1c24; border-radius: 50%; text-align: center; line-height: 25px; color: #fff;}
.payment-final{padding-top: 10px;}
.payment-final ul{list-style: none;}
.payment-final ul li{margin-bottom: 10px; font-size: 16px;}
.payment-final ul li span{float: left;}
.payment-final ul li label{float: right; font-weight: 700; color: #ed1c24;}
.payment-form{margin-bottom: 30px;}
.payment-title{margin-bottom: 15px; font-size: 16px; font-weight: 700;}
.payment-info{margin-bottom: 15px;}
.payment-address{margin-bottom: 15px;}
.payment-textarea{margin-bottom: 10px;}
.payment-textarea textarea{padding: 10px;}
.payment-submit{text-align: right;}
.payment-submit input{width: auto; padding: 0 20px;}
.payment-item{position: relative; float: left; width: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 10px;}
.payment-item:nth-child(3){margin-right: 0;}
.payment-item:nth-child(4){margin-right: 0; width: 100%;}
.payment-item input{text-indent: 10px;}
.payment-item select{text-indent: 10px;}
.payment-item option{padding: 1px 5px;}
.payment-item label.error{position: absolute; top: 0; right: 5px; line-height: 40px; color: #ed1c24;}
.payment-list{list-style: none; margin-bottom: 15px;}
.payment-list li{margin-bottom: 10px;}
.payment-list li label{display: block; padding: 5px 15px; background: #f9f9f9; border: 1px solid #d7d7d7; color: #333; cursor: pointer;}
.payment-list li label i{margin-right: 15px;}
.payment-list li label input{display: none;}
.payment-list li div.main-detail{display: none; padding: 10px; border: 1px solid #d7d7d7; border-top: 0;}
.payment-list li.active label{background: #33419b; border-color: #33419b; color: #fff;}
.payment-list li.active div.main-detail{display: block;}
@media (min-width:767px){
    .payment-bill{float: right; width: calc(40% - 15px);}
    .payment-form{float: left; width: calc(60% - 15px);}
}
@media (min-width:970px){
    .payment-bill{width: calc(50% - 25px);}
    .payment-form{width: calc(50% - 25px);}
}.news-item{margin-bottom: 25px; background-color: #fff; background-repeat: no-repeat; background-position: top left; box-shadow: 0 0 5px 1px rgba(0,0,0,0.0625); transition: all 0.25s ease 0s;}
.news-item:hover{transform: translateY(-1px); box-shadow: 0 0 5px 2px rgba(0,0,0,0.25);}
.news-img img{width: 100%;}
.news-info{box-sizing: border-box; padding: 25px;}
.news-time{margin-bottom: 5px; color: #555;}
.news-name{margin-bottom: 15px;}
.news-name a{display: block; font-size: 18px; color: #333;}
.news-name a:hover{text-decoration: underline;}
.news-prev{color: #555;}
.news-preview{margin-bottom: 10px;font-size: 16px;}
.news-other{margin-bottom: 20px; padding: 10px 0 5px; border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;}
.news-other ul{list-style: none;}
.news-other ul li{margin-bottom: 5px;}
.news-other ul li a{display: block; color: #555; transition: all 0.25s ease 0s;}
.news-other ul li a i{margin-right: 5px; font-size: 12px; transition: all 0.25s ease 0s;}
.news-other ul li:hover a{color: #33419b;}
.news-other ul li:hover a i{transform: translateX(2px);}
.news-info h3{font-size: 100%;font-weight: 400;}
@media (min-width:320px){
    .news-item{background-size: 0;}
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-item{background-size: 200px 100%;}
    .news-img{float: left; width: 200px; margin: 0; opacity: 0;}
    .news-info{float: right; width: calc(100% - 200px);}
    .news-prev{display: none;}
}
@media (min-width:767px){
    .news-item{background-size: 300px 100%;}
    .news-img{width: 300px;}
    .news-info{width: calc(100% - 300px);}
    .news-prev{display: block;}
}.post{padding: 30px 0; background-color: #f9f9f9;}
.post .wrap{background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.0625);}
.post-left ul{list-style: none; padding: 15px 0;}
.post-left ul li a{position: relative; display: block; padding: 14px 15px; color: #333;}
.post-left ul li a:hover, .post-left ul li a.active{color: #33419b;}
.post-left ul li a.active:before{content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #33419b;}
.post-title{margin-bottom: 20px; font-size: 25px; color: #33419b;}
.post-title h1{font-weight: 400;}
@media (min-width:320px){
    .post-left{display: none;}
    .post-right{padding: 30px;}
}
@media (min-width:580px){
    .post{border: 1px solid #d7d7d7;}
    .post-left{float: left; display: block; width: 230px;}
    .post-right{float: right; width: calc(100% - 291px); padding: 0 30px 30px; border-left: 1px solid #d7d7d7;}
    .post-title{padding: 15px 0; border-bottom: 1px solid #d7d7d7;}
}.detail-top{margin-bottom: 25px; padding-top: 25px; background-color: #fff;}
.detail-slide{margin-bottom: 25px;}
.detail-slide .amazingslider-bullet-image-5 > img{width: calc(100% - 12px)!important; padding: 5px!important; border: 1px solid #d7d7d7!important;}
.detail-info{margin-bottom: 25px;}
.detail-group{}
.detail-group ul{list-style: none;}
.detail-group ul li{float: left; margin-bottom: 15px;}
.detail-group ul li+li{margin-left: 10px;}
.detail-group ul li a{display: block; padding: 2px 7px; border: 1px solid #d7d7d7; font-size: 12px; color: #777; transition: all 0.25s ease 0s;}
.detail-group ul li a:hover{background-color: #999; border-color: #999; color: #fff;}
.detail-title{margin-bottom: 15px;}
.detail-title h1{font-size: 25px; font-weight: 500; line-height: 1.2;}
.detail-brand{}
.detail-brand ul{list-style: none;}
.detail-brand ul li{float: left; margin-bottom: 15px;}
.detail-brand ul li:nth-child(2){color: #777;}
.detail-brand ul li:nth-child(2):before{content: ''; display: inline-block; width: 1px; height: 13px; margin: 0 15px; background-color: #777; transform: translateY(1px);}
.detail-brand ul li a{color: #33419b;}
.detail-price{margin-bottom: 15px; font-weight: 500;}
.detail-price span:nth-child(1){font-size: 30px;}
.detail-price span:nth-child(2){padding-left: 15px; font-size: 16px; text-decoration: line-through; color: #777;}
.detail-preview{margin-bottom: 15px;}
.detail-quantity{margin-bottom: 25px; padding: 15px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.detail-quantity p{float: left; margin-right: 15px; font-weight: 500; line-height: 35px;}
.detail-quantity-control{float: left; width: 140px;}
.detail-quantity-control div{float: left; width: 35px;}
.detail-quantity-control div a{display: block; border: 1px solid #d7d7d7; font-weight: 700; text-align: center; line-height: 33px; color: #333;}
.detail-quantity-control input[type='text']{float: left; width: calc(100% - 70px); height: 35px; text-align: center; text-indent: 0; border-right: none; border-left: none;}
.detail-cart{position: relative;}
.detail-cart a{float: left; display: block; width: calc(50% - 7.5px); border-radius: 5px; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 50px; color: #fff;}
.detail-cart a:hover{background: #ed1c24;}
.detail-cart a:nth-child(1){margin-right: 15px; background-color: #005500;}
.detail-cart a:nth-child(1) i{font-size: 16px; margin-right: 5px;}
.detail-cart a:nth-child(2){background-color: #33419b;}
.detail-cart p {position: absolute; top: -25px; left: 0; display: none; font-weight: 500; font-style: italic; line-height: 25px; color: #ed1c24;}
.detail-commit{margin-bottom: 25px; box-shadow: 0 0 3px rgba(0,0,0,0.0625);}
.detail-commit p{padding: 20px 0; background: #f9f9f9; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center;}
.detail-commit ul{list-style: none; padding: 20px;}
.detail-commit ul li+li{margin-top: 15px;}
.detail-commit ul li img{float: left; width: 25px;}
.detail-commit ul li span{float: right; display: block; width: calc(100% - 35px); font-size: 16px;}
.detail-tabs-title{list-style: none;}
.detail-tabs-title li{float: left;}
.detail-tabs-title li a{display: block; padding: 0 20px; border-radius: 5px 5px 0 0; font-size: 16px; font-weight: 500; line-height: 50px; color: #333;}
.detail-tabs-title li a.active{background-color: #fff;}
.detail-tabs-content{margin-bottom: 25px; padding: 20px; background-color: #fff;}
.detail-other{margin-bottom: 25px;}
.detail-other-title{display: inline-block; padding: 0 20px; background-color: #fff; border-radius: 5px 5px 0 0; font-size: 16px; font-weight: 500; line-height: 50px;}
.detail-other-list{padding: 20px 20PX 0; background-color: #fff;}
.detail-hot{margin-bottom: 25px;}
@media (min-width:320px){
    .detail-commit{width: 100%;}
}
@media (min-width:768px){
    .detail-slide{float: left; width: 300px;}
    .detail-info{float: left; width: 433px; margin-left: 25px;}
    .detail-commit{float: right;}
}
@media (min-width:970px){
    .detail-slide{width: 300px;}
    .detail-info{ width: 370px; margin-right: 25px;}
    .detail-commit{width: 250px;}
    .detail-left{float: left; width: calc(100% - 275px);}
    .detail-right{float: right; width: 250px;}
    .detail-tabs{float: left; width: calc(100% - 275px);}
    .detail-hot{margin-bottom: 25px; float: right; width: 250px;}
}
@media (min-width:1170px){
    .detail-slide{width: 400px;}
    .detail-info{width: 470px;}
}.product-wrap{background: #f9f9f9;}
.product-left{width: 250px; top: 0; z-index: 99994; transition: all 0.25s ease 0s;}
.product-right{padding-top: 15px;}
.product-title{position: relative; margin-bottom: 20px;}
.product-title > *:nth-child(1){display: block; font-weight: 500;}
.product-filter{position: absolute; top: 0; right: 0; font-size: 12px; font-weight: 500; text-transform: uppercase;}
.product-filter i{transform: translateY(2px); font-size: 16px; text-align: center; color: #999;}
.product-black{content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; margin: auto; background-color: rgb(0 0 0 / 50%); z-index: 99993;}
.product-black-2{display: block;}
.product-list{border-radius: 5px;margin-bottom: 25px; padding: 20px 20px 0; background: #fff; box-shadow: 0 0 3px rgb(0 0 0 / 10%);}
.product-item{float: left; margin-right: 20px; margin-bottom: 20px; transition: all 0.25s ease 0s;}
.product-item:hover{border-radius: 5px;box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); transform: translateY(-1px);}
.product-img{background: no-repeat center / auto calc(100% - 20px); transition: all 0.25s ease 0s;}
.product-img img{opacity: 0;}
.product-info{padding: 10px;}
.product-name{margin-bottom: 5px;}
.product-name h2,.product-name h3{font-size: 100%;font-weight: 500;}
.product-list h2,.product-list h3{font-size: 100%;font-weight: 500;}
.product-name a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 500; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.product-item:hover .product-name a{color: #ed1c24;}
.product-price span:nth-child(1){font-size: 18px; font-weight: 700;color: #e32726;}
.product-price span:nth-child(2){text-decoration: line-through; color: #777;}
.product-price span:nth-child(3){display: inline-block; padding: 3px 7px; background: #999; font-size: 12px; color: #fff;}
@media (min-width:320px){
    .product-wrap .wrap{position: initial;}
    .product-left{position: fixed; right: -250px; height: 100vh; background: #fff; overflow: auto;}
    .product-left-2{right: 0;}
    .product-title > *:nth-child(1){font-size: 25px;}
    .product-filter{width: 40px; height: 40px; text-align: center; line-height: 40px; overflow: hidden;}
    .product-item{width: calc((100% - 20px) / 2);}
    .product-item:nth-child(2n){margin-right: 0;}
    .product-info{height: 124px;}
    .product-price span:nth-child(2){display: block;}
}
@media (min-width:360px){
    .product-filter{width: auto; height: auto; text-align: left; overflow: initial;}
}
@media (min-width:410px){
    .product-info{height: 102px;}
    .product-price span:nth-child(2){display: initial; padding-left: 10px;}
}
@media (min-width:480px){
    .product-title > *:nth-child(1){font-size: 30px;}
    .product-filter{line-height: 48px;}
}
@media (min-width:580px){
    .product-item{width: calc((100% - 40px) / 3);}
    .product-item:nth-child(2n){margin-right: 20px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:768px){
    .product-item{width: calc((100% - 40px) / 3);}
    .product-item:nth-child(2n){margin-right: 20px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .product-wrap .wrap{position: relative;}
    .product-left{position: initial; left: initial; float: left; height: auto; background: transparent; overflow: initial;}
    .product-right{float: right; width: calc(100% - 275px);}
    .product-filter{display: none;}
    .col-menu, .col-brand{margin-bottom: 25px; background: #fff; box-shadow: 0 0 3px rgb(0 0 0 / 10%);}
    .product-item-col{float: none; width: 100%; margin-right: 0;}
    .product-item-col .product-info{height: auto;}
}
@media (min-width:1170px){
    .product-item{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .product-item:nth-child(2n),
    .product-item:nth-child(3n){margin-right: 20px;}
    .product-item:nth-child(4n){margin-right: 0;}
    
    .product-item-col{float: none; width: 100%; margin-right: 0;}
}