/*reset*/ h1,h2,h3,h4,h5,h6{font-weight: normal;} @media screen and (min-width: 1600px) {html { font-size: 100px;}} @media screen and (max-width: 1600px) {html {font-size: 100px;}} @media screen and (max-width: 1599px) {html {font-size: 94px;}} @media screen and (max-width: 1574px) {html {font-size: 92px;}} @media screen and (max-width: 1549px) {html {font-size: 91px;}} @media screen and (max-width: 1524px) {html {font-size: 89px;}} @media screen and (max-width: 1499px) {html {font-size: 88px;}} @media screen and (max-width: 1474px) {html {font-size: 86px;}} @media screen and (max-width: 1449px) {html {font-size: 85px;}} @media screen and (max-width: 1424px) {html {font-size: 83px;}} @media screen and (max-width: 1399px) {html {font-size: 82px;}} @media screen and (max-width: 1374px) {html {font-size: 80px;}} @media screen and (max-width: 1349px) {html {font-size: 79px;}} @media screen and (max-width: 1324px) {html {font-size: 77px;}} @media screen and (max-width: 1299px) {html {font-size: 76px;}} @media screen and (max-width: 1274px) {html {font-size: 74px;}} @media screen and (max-width: 1249px) {html {font-size: 73px;}} @media screen and (max-width: 1224px) {html {font-size: 72px;}} @media screen and (max-width: 1199px) {html {font-size: 70px;}} @media screen and (max-width: 1174px) {html {font-size: 69px;}} @media screen and (max-width: 1149px) {html {font-size: 67px;}} @media screen and (max-width: 1124px) {html {font-size: 66px;}} @media screen and (max-width: 1099px) {html {font-size: 64px;}} @media screen and (max-width: 1074px) {html {font-size: 63px;}} @media screen and (max-width: 1049px) {html {font-size: 61px;}} @media screen and (max-width: 1024px) {html {font-size: 60px;}} @media screen and (max-width: 992px) {html {font-size: 70px;}} @media screen and (max-width: 769px) {html {font-size: 80px;}} .font_64{font-size: 0.64rem;} .font_50{font-size: 0.50rem;} .font_40{font-size: 0.40rem;} .font_36{font-size: 0.36rem;} .font_34{font-size: 0.34rem;} .font_32{font-size: 0.32rem;} .font_30{font-size: 0.30rem;} .font_26{font-size: 0.26rem;} .font_24{font-size: 0.24rem;} .font_22{font-size: 0.22rem;} .font_20{font-size: 0.20rem;} .font_18{font-size: 0.18rem;} .font_16{font-size: 16px;} .font_14{font-size: 14px;} .font_12{font-size: 12px;} @media only screen and (max-width: 1460px){ .font_18{font-size:16px;} .font_40{font-size:26px;} .font_36{font-size:26px;} .font_34{font-size: 26px;} .font_32{font-size: 24px;} .font_26{font-size:22px} .font_24{font-size: 20px;} .font_22{font-size: 20px;} .font_20{font-size: 20px;} } @media only screen and (max-width: 992px){ .font_26{font-size:20px} .font_20{font-size: 18px;} } @media only screen and (max-width: 768px){ /* .font_16{font-size: 15px;} */ } @media only screen and (max-width: 480px){ /* .font_32{font-size:20px;} */ .font_18{font-size: 16px;} /* .font_20{font-size: 18px;} */ } a{color: #333;} a:hover{color: #990F1C;} .color_01{color: #000;} .color_02{color: #333;} .color_03{color: #5b5b5b;} .color_04{color: #fff;} .color_05{color: #990F1C;} .color_06{color: #222;} .color_07{color:rgba(255,255,255,0.8)} .color_08{color: #172745;} .opacity_8{opacity: 0.8;} .width_100{width: 100%;} .top_10{margin-top: 10px;} .block{display: block!important;width: 100%;} li{text-align: left;} .uppercase{text-transform: uppercase;} .capitalize{text-transform: capitalize!important;} .top_20{margin-top: 20px;} :focus{outline: 0;} body, ul, img, input, dl, dd, tr, th, td, h1,h2,h3,h4,h5,h6, p{margin: 0; padding: 0;} em{font-style: normal;} img{border: none; vertical-align: middle;max-width: 100%;} li, ul{list-style: none;} a{text-decoration: none;} a:hover{text-decoration: none;} input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } html input[disabled] { cursor: default; } input:not([type="checkbox"],[type="radio"],[type="submit"]){padding: 0px; vertical-align: middle; line-height: normal; border: none;background: #fff;transition: all .5s;padding-left: 10px;line-height: 48px;height: 48px;border: 1px solid #ccc;width: 100%;} input[type="submit"],input[type="button"]{cursor: pointer;border: 2px solid;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner{border: none; padding: 0;} input::-webkit-input-placeholder{ color: #999;} input:-moz-placeholder { color: #999;} input::-moz-placeholder {color: #999;} input:-ms-input-placeholder {color: #999;} textarea{padding: 0px; vertical-align: middle; line-height: normal; border: none;background: #fff;transition: all .5s;border: 1px solid #ccc;width: 100%;padding: 10px;} textarea::-webkit-input-placeholder{ color: #999; } textarea:-moz-placeholder { color: #999;} textarea::-moz-placeholder {color: #999;} textarea:-ms-input-placeholder {color: #999;} input:focus,textarea:focus{border-color: #172745!important;} a:focus{outline: none;} iframe{max-width: 100%; width: 100%;} body{overflow-x: hidden; background: #fff; font-size: 15px; font-family: 'poppins', Arial, sans-serif; color: #666;line-height: 1.5;} .bot_20{margin-bottom: 0.4rem;} .container { max-width: 1460px;margin: auto;width:100%;} @media only screen and (max-width: 1460px) { .container {padding: 0 15px;} } @media only screen and (max-width: 992px) { input.p_input{height: 44px;line-height: 44px;} body {font-size: 14px;} } .button_dao{ display: inline-block; padding: 0.1rem 0.2rem; border: none; background: none; color: inherit; position: relative; z-index: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;cursor: pointer; text-transform: capitalize; font-size: 15px;text-align: center; } .button_input{height: 48px;line-height: 48px;padding: 0 0.2rem;} .button_dao::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #990F1C; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .button_dao .d1{padding-left: 3px;} .button_dao .d2{padding-left: 3px;display: none;} .button_dao:hover .d1{display: none;} .button_dao:hover .d2{display: inline;} .button_dao:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .button_dao.pad_12{padding:12px 0.2rem;} .button_dao.button_blue { background: #990F1C; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .button_blue::before { border: 2px solid #990F1C; } .button_blue:hover { background-color: #fff; color: #990F1C; } .button_dao.button_yellow { background: #172745; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .button_yellow::before { border: 2px solid #172745; } .button_yellow:hover { background-color: #fff; color: #172745; } .button_dao.button_white { background: #fff; color: #990F1C; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .button_white::before { border: 2px solid #efac02; } .button_white:hover { background-color: #fff; color: #efac02; } @media only screen and (max-width: 992px) { .button_dao{font-size: 15px;} .button_input{height: 44px;line-height: 44px;} } .Occlusion_overlay{background: rgba(0,0,0,0.7); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 99999999999;display: none;transition: all 0.4s;} .fixpop {transition: all 0.3s;transform: translate3d(0%,-20%, 0);opacity: 0;bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;left: 0;position: fixed;right: 0;top: 0;z-index: 99999999999;justify-content: center;align-items: center;visibility: hidden;opacity: 0;} .fixpop_transform{transform: translate3d(0%, 0%, 0);opacity: 1;visibility: visible;} /* iquery_box */ .iquery_box{background: #fff;width: 100%;margin: 0 auto;max-width: 1000px;position: relative;padding:15px;} .iquery_box .iquery_box_close{width:32px;position: absolute;right: 15px;top: 15px;cursor: pointer;background: #fff;padding: 8px;} .iquery_box h3{color: #172745;margin-bottom: 10px;text-transform: uppercase;} .iquery_box .iquery_box_form_p{font-size:15px;margin-bottom:20px;} .iquery_box .iquery_box_content{display:flex;align-items: center;gap: 25px;} .iquery_box .iquery_box_product{width: 48%;} .iquery_box .iquery_box_product img{width: 100%;height: 100%;object-fit: cover;} .iquery_box .iquery_box_form{width:52%;} .iquery_box .iquery_box_form input{width: 100%;height: 38px;line-height:38px;font-size: 14px;} .iquery_box .iquery_box_form textarea{width: 100%;font-size: 14px;} .iquery_box .iquery_box_form li{margin-bottom: 10px;} .iquery_box .iquery_box_form li label{font-size: 14px;color: #666;display: block;margin-bottom: 5px;} .iquery_box .iquery_box_form li label span{color: #ce2b2c;} .iquery_box .iquery_box_form .button_dao{margin-top: 10px;text-transform: capitalize;} .iquery_box .write_success{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 42px;max-width: 300px;display: none;transition: all 0.5s;} @media only screen and (max-width: 992px){ .iquery_box .iquery_box_content{flex-direction: column;} .iquery_box .iquery_box_product{width: 100%;} .iquery_box .iquery_box_form{width: 100%;} .iquery_box .iquery_box_product img{max-height: 200px;} .iquery_box .iquery_box_close{top: 5px;right: 5px;} } [class^="my-rating"]{display: inline-block; position: relative; top: 3px;} .my-rating{display: inline-block; position: relative; top: 3px;} .jq-rating-label{font-size: 22px; display: inline-block; position: relative; vertical-align: top; font-family: poppins, arial, verdana;} .jq-star{width: 100px; height: 100px; display: inline-block; cursor: pointer; margin-right: 2px;} .jq-star-svg{width: 100%; height: 100% ;} .jq-star-svg polygon{stroke: #000; stroke-linejoin: round;} @media only screen and (max-width: 480px){ .jq-star{width: 15px!important; height: 15px!important;margin-right: 1px!important;} } input.z_checkbox{position: absolute;left: 1px;top: 1px;opacity: 0;cursor: pointer;z-index: 999;width:22px;height: 22px;} i.input-icon-ok{ right: auto;position: absolute;top: 0;text-align: center; left: 0; color: #fff;width:22px;height: 22px;line-height:22px;border: 1px solid #d2d2d2;font-size: 12px;border-radius: 2px;background-color: #fff;-webkit-transition: .1s linear;transition: .1s linear} i.input-icon-ok img{width:18px;} .z_checkbox:checked ~ .input-icon-ok{border-color: #990F1C !important;background-color: #990F1C;color: #fff;} /*图片上传*/ .img_box ul{overflow:hidden;} .img_box ul li{float: left;width:15%;margin-right:1%;margin-top:1em;padding:15% 0 0;position:relative;cursor: pointer;list-style: none;border: 1px solid #efeded;} .img_box ul li img{width: 100%;height: 100%;display: block;position: absolute;top:0;} .img_box ul .add_btn{border:1px solid #efeded;background: url(../images/add.png) no-repeat 50% 50%;cursor: pointer;border-radius: 3px;} .img_box ul .del{position:absolute;width: 20px; height: 20px; line-height: 20px;text-align: center;font-size:1.5em;background: rgba(0,0,0, .5);color: #fff;right:0;top:0;font-style: inherit;cursor: pointer;font-size: 14px;} @media only screen and (max-width: 768px){ .img_box ul li{width: 23.5%;padding:23.5% 0 0;margin-right: 2%;margin-bottom: 10px!important;margin-top: 0;} .img_box ul li:nth-child(4n){margin-right: 0;} } /* input选择 */ .p_checkbox {position: relative;width:14px;height:14px;margin-right: 10px;float: left;margin-top:10px;} input.y_input{position: absolute;left: 1px;-webkit-transform: translatey(-50%); -ms-transform: translatey(-50%);transform: translatey(-50%);opacity: 0;cursor: pointer;z-index: 999;margin-top:1px;top:9px;} span.checkmark{height:14px;width:14px;border: 1px solid #d1cfcf;border-radius: 0;display: block;position: absolute;-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);top:10px;border-radius:2px;} input:checked ~ .checkmark{background-color: #4ab399;border: 1px solid #4ab399;} input:checked ~ .checkmark::before{display: block;} span.checkmark::before{left: 4px;top: 1px; width:4px; height: 8px; border: solid #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; display: none;} .fix_stiky_box{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .fix_stiky{position: sticky!important;top:90px;} @media only screen and (max-width: 992px){ .column_reverse{flex-direction: column-reverse;} } /*share*/ *{box-sizing:border-box;} .clearfix:before, .clearfix:after{content: " "; display: table;} .clearfix:after{clear: both;} b, strong{font-family: 'poppins_sb'; font-weight: normal;} input[type=datetime-local]{-webkit-appearance: none;appearance: none; outline: none; border: none;} select{-webkit-appearance: none; appearance: none;background: url(../images/marrow.png) no-repeat scroll right 5px center transparent !important;} .price{font-size: 16px;} .price .cur{color: #ce2b2c; font-family: "poppins_sb"; display: inline-block; margin-right: 4px;font-size: 20px;} .price .or{display: inline-block; color: #9f9f9f; text-decoration: line-through;} .main_top .title{display: block; text-align: center; font-size: 32px; line-height: 32px; font-family: 'poppins_sb';} .main_top .text{width: 100%; max-width: 700px; margin: 10px auto 0; color: #666; font-size: 16px; line-height: 24px; text-align: center;} @media only screen and (max-width: 992px){.main_top .title{font-size: 24px; line-height: 24px;} .main_top .text{font-size: 14px; line-height: 22px;}} @media only screen and (max-width: 768px){.main_top .title{font-size: 20px; line-height: 20px;} .main_top .text{font-size: 12px; line-height: 20px; margin: 5px auto 0;}} @media only screen and (max-width:768px){.row{margin-right: 0; margin-left: 0;}} @media only screen and (max-width:480px){ .price{font-size: 14px;} .price .cur{font-size: 20px;} } *:link, *:visited, *:active, *:focus{transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear; -webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;} @font-face{font-family: 'poppins_sb'; src: url(../font/poppins_sb.eot); src: url(../font/poppins_sb.eot?#iefix) format('embedded-opentype'), url(../font/poppins_sb.svg#poppins_sb) format('svg'), url(../font/poppins_sb.woff) format('woff'), url(../font/poppins_sb.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'poppins'; src: url(../font/poppins.eot); src: url(../font/poppins?#iefix) format('embedded-opentype'), url(../font/poppins.svg#poppins) format('svg'), url(../font/poppins.woff) format('woff'), url(../font/poppins.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'poppins_m'; src: url(../font/poppins_m.eot); src: url(../font/poppins_m?#iefix) format('embedded-opentype'), url(../font/poppins_m.svg#poppins_m) format('svg'), url(../font/poppins_m.woff) format('woff'), url(../font/poppins_m.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'Poppins_bold'; src: url(../font/Poppins_bold.eot); src: url(../font/Poppins_bold?#iefix) format('embedded-opentype'), url(../font/Poppins_bold.svg#Poppins_bold) format('svg'), url(../font/Poppins_bold.woff) format('woff'), url(../font/Poppins_bold.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'impact'; src: url(../font/impact.eot); src: url(../font/impact?#iefix) format('embedded-opentype'), url(../font/impact.svg#impact) format('svg'), url(../font/impact.woff) format('woff'), url(../font/impact.ttf) format('truetype'); font-weight: normal; font-style: normal;} /* mian_title */ .mian_title {text-align: center;padding:0.70rem 0 0.60rem;} .mian_title h2{display: inline;position: relative;text-transform: uppercase;line-height: 1.1;} @media only screen and (max-width:768px){ .mian_title {padding:0.50rem 0;} .mian_title h2{font-size: 0.38rem;} .mian_title h2::before{top: -0.1rem;} .mian_title p{margin-top: 0.1rem;} } .font_name1{font-family: 'Poppins_bold';} .font_name2{font-family: 'poppins_sb';} .font_name3{font-family: 'poppins_m';} .relative{position: relative;} .absolute{position: absolute;} .flex{display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: center;} /* fixed_top */ .fixed_top{ text-align: center; color: #333;padding:7px 9px 7px;background: #efeeed;font-size: 16px;} .txt-scroll a{color: #fff;} .txt-scroll{width: 100%; height: 30px; line-height: 30px;} .txt-scroll .scrollbox{width: 100%; white-space: nowrap; overflow: hidden; transition: all 0.2s;} .txt-scroll .txt, .txt-scroll .txt-clone{display: inline; position: relative;} .txt-scroll .txt>*,.txt-scroll .txt-clone>*{display: inline-block;} .txt-scroll .txt li,.txt-scroll .txt-clone a{padding-left:15px;position: relative;padding-right: 50px;} .txt-scroll .txt li::before{position:absolute;content: '';width: 6px;height: 6px;left: 0;top:12px;background: #fff;border-radius: 50%;} @media only screen and (max-width: 768px){ .fixed_top{font-size: 14px;padding: 5px 9px 5px;} } /* slogan */ .slogan .container{display: flex;display: -webkit-flex;justify-content: space-between;font-family: 'poppins_m';font-size: 18px;padding-top: 20px;} .slogan .slofl{padding: 0 65px;position: relative;width: 45%;max-width: 556px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .slogan .slofl::before{width: 50px;height: 9px;background: url(../images/top_h.png);position: absolute;left:0;top:10px;position: absolute;content: '';} .slogan .slofl::after{width: 50px;height: 9px;background: url(../images/top_h.png);position: absolute;right:0;top:10px;position: absolute;content: '';} .slogan .slofr{display: flex;display: -webkit-flex;align-items: center;gap: 10px;} .slogan .slofr svg{color: #990F1C;} @media only screen and (max-width:1320px){ .slogan .slofl{width: 41%;} } @media only screen and (max-width:1150px){ .slogan .slofl{width:39%;} } @media only screen and (max-width:992px){ .slogan{display: none;} } .page_header{transition: all 0.5s;} .page_header .container{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;z-index: 9999999;} .page_header .clearfix{width: calc(100% - 400px); /* margin: auto; */ } .page_header ul a{color: #333;} .page_header .second_logo img{transition: all 0.5s;height:85px;} .page_header .second_logo img.fixlogo{display: none;} .nei_page_header .second_logo img.nofixlogo{display: none;} .nei_page_header .second_logo img.fixlogo{display: block;} .page_header .second_right{display: flex;display: -webkit-flex;} .lr_ul_cart ul{display: flex;display: -webkit-flex;flex-wrap: nowrap;color: #fff;gap:15px;} .lr_ul_cart ul a{display: flex;display: -webkit-flex;flex-wrap: nowrap;color: #333;font-size: 16px;font-weight: bold;gap:8px;text-transform: uppercase;align-items: center;} .lr_ul_cart ul a svg{height: 24px;} .lr_ul_cart .img_num{position: relative;} .lr_ul_cart img{height:24px;display: inline-block;} .lr_ul_cart .num{position: absolute;background: #990F1C;width: 16px;height: 16px;border-radius: 30px;line-height: 17px;right:-5px;text-align: center;color: #fff;font-size: 12px;top: -5px;font-family: 'poppins';font-weight: normal;} .hc-mobile-nav .apply_menu dl{padding:15px} .hc-mobile-nav .apply_menu dl .icon{font-size: 60px;} .hc-mobile-nav .apply_menu dl dd{width: calc((100% - 10px)/2);} .hc-mobile-nav li.nav-parent .apply_menu dl a{border:none;padding: 0;padding-bottom: 10px;background: #ffff;} @media only screen and (min-width:992px){ .apply_menu dl dd:hover::before{transition: width 0.1s linear, opacity 0s linear;width: 100%;opacity: 1;} } /* header.small */ header.small{left: 0; background: #fff; top: 0;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.4); position: fixed;padding:0;z-index: 9999999; width: 100%;} header.small #logo img{max-width:200px;} header.small .top_search_toggle{top: 60px;} header.small .mainmenu ul li a{color: #333;} header.small #logo{padding-top:9px;} /* header.small .second_logo{display: block;} */ header.small .second_logo img{height:70px;} header.small .second_logo img.nofixlogo{display: none;} header.small .second_logo img.fixlogo{display: block;} /* page header */ .page_header{background: #fff; position: relative;} .page_header .mainmenu ul li a{color: #333;} .page_header .mainmenu ul li.aon>a{border-color:#990F1C;color: #990F1C;} .page_header .black_img{display: block !important;} .page_header .small_nav .toggle span{background: #000;} .page_header .mainmenu ul li .zlogo{position: relative;width: 140px;} /* .page_header .mainmenu ul li .zlogo img{position: absolute;top:-48px;} */ .page_header .mainmenu ul li .zlogo img.zlogo_fixed{display: none;} /* .page_header .second_logo{display: none;} */ .page_header .mainmenu ul li .zlogo img.zlogo_bclogo{display: none;} header.small .mainmenu ul li .zlogo{z-index: 999999;} header.small .mainmenu ul li .zlogo img.zlogo_fixed{display: block;} header.small .mainmenu ul li .zlogo img.zlogo_nofixed{display: none;} header.small .mainmenu ul li .zlogo{width: 100px;z-index: 99999999;} header.small .mainmenu ul li .zlogo img{top:0px;} header.small .mainmenu ul>li>a{padding: 30px 0px} header.small .mainmenu ul>li>ul>li>a{padding: 8px 15px} /* apply_menu */ .apply_menu{width: 100% !important;height: auto;left: 0 !important;position: absolute;z-index: 999;background: #fff;border-top:1px solid #eee;padding:40px 0!important;} .apply_menu .container{align-items: flex-start;} .apply_menu .menu_tab{width:20%;padding-right: 25px;} .apply_menu .menu_tab .item{display: flex;display: -webkit-flex;justify-content: space-between;padding:10px 10px;cursor: pointer;border-bottom: 1px solid #e9e9e9;font-family: 'poppins_m';color: #333;} .apply_menu .menu_tab .item.aon{color:#990F1C;} .apply_menu .menu_tab_content{width:80%;} .apply_menu .menu_tab_content dl{display: flex;display: -webkit-flex;flex-wrap:wrap;gap:15px;} .apply_menu .menu_tab_content dl dd{width: calc((100% - 45px)/4);} .apply_menu .menu_tab_content dl dd a{padding: 0;} .apply_menu .menu_tab_content dl dd p{text-transform: none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; line-clamp:1;margin-top:15px;} .apply_menu .menu_tab_content dl dd .img{overflow: hidden;} .apply_menu .menu_tab_content dl dd img{transition: all 0.5s;} .apply_menu .menu_tab_content dl dd:hover img{transform: scale(1.05);} .apply_menu .menu_tab_content dl dd:hover p{color:#990F1C;} .apply_menu .menu_tab_content .single{display: none;} .apply_menu .menu_tab_content .single.active{display: block;} .all_header_fixed{position: fixed;width: 100%;z-index: 2;} .all_header_nofixed .slogan{display: none;} .all_header .fixed_top {background: #0f0f0f;color: #fff;} .all_header .slogan{color: #fff;} .all_header .page_header{background: none;} .all_header .page_header .mainmenu>nav>ul>li>a{color: #fff;} .all_header .lr_ul_cart svg{height: 24px;color: #fff;} .all_header header.small{background: #fff;} .all_header header.small .mainmenu ul li a{color: #333;} .all_header header.small .lr_ul_cart svg{color: #333;} .all_header .page_header .small_nav .toggle span{background: #fff;} .all_header header.small .small_nav .toggle span{background: #333;} .all_header .slogan .slofl::before{background: url(../images/top_b.png);} .all_header .slogan .slofl::after{background: url(../images/top_b.png);} .all_header .mainmenu ul li .zlogo img.zlogo_bclogo{display: block;} .all_header .mainmenu ul li .zlogo img.zlogo_hclogo{display: none;} .all_header .slogan .slofr svg{color: #fff;} .ph_apply_menu dl{display: flex;display: -webkit-flex;gap: 10px;padding: 10px;flex-wrap: wrap;} .ph_apply_menu dd{width: calc((100% - 10px)/2);} .ph_apply_menu dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-clamp:2;margin: 10px 0;font-family: 'poppins_m';color: #333;} .ph_apply_menu dd a{padding: 0!important;border: none!important;} @media only screen and (max-width:992px){ header.small{padding: 5px 0;} header.small .second_logo img{height: 40px;} } @media only screen and (max-width:1700px){ .header_second::before{background:#333333;clip-path: polygon(0 0,100% 0,100% 80%,calc(100% - 15px) 80%,calc(100% - 30px) 100%,30px 100%,15px 80%,0 80%); top: 0;left: 0;} .header_second .container{padding: 0 25px;} } @media only screen and (max-width:992px){ .search_con{top: 45px;height: calc(100vh - 45px);max-height: inherit;} .header_second{padding: 5px 0;} .header_second::before{background:#333333;clip-path: polygon(0 0,100% 0,100% 80%,calc(100% - 15px) 80%,calc(100% - 30px) 100%,30px 100%,15px 80%,0 80%);} .header_second .container{padding: 0 20px;} .header_second .second_logo,.header_second .second_right{display: none;} .header_second .second_search{width:94%;margin: auto;max-width: none;;} .header_second .second_search .search_box{line-height: 32px;height: 32px;} .header_second .second_search .search_btn{top: 4px;} .header_second .wrapper {position: absolute;right:2%;top: 26px;} .header_second .wrapper .toggle span{background: #000;} .page_header .second_right{display: flex;display: -webkit-flex;align-items: center;gap: 10px;} .mainmenu-area{display: none;} .page_header .second_logo img{height: 36px;} .page_header{padding:5px 0;} .page_header .lr_ul_cart img{height: 22px;} .page_header .lr_ul_cart ul a{font-size: 14px;} .page_header .second_logo{display: block;} } @media only screen and (max-width:640px){ .header_second .second_logo img{max-height:50px;} } /* search_input */ .search_input{position: absolute;width: 100%;padding: 0.3rem 0 0.5rem;top: 100%;background: #fff;z-index: 999999;border-top: 3px solid #990F1C;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: 0 0 0;transition: all 0.5s;} .search_input h2{font-size: 0.32rem;color: #222;margin: 15px 0 25px;} .search_input .close_search_flex{display: flex;justify-content: flex-end;display:-webkit-flex} .search_input .close_search{font-size: 18px;text-decoration: underline;gap: 8px;color: #222 ;;cursor: pointer;} .search_input .close_search img{padding:6px;background: #b7b7b7;width: 25px;margin-left: 5px;display: inline-block;transition: all 0.5s;} .search_input .close_search img:hover{background: #222;} .search_input .search_input_box{display: flex;display: -webkit-flex;gap: 10px;} .search_input .search_input_box{display: flex;display: -webkit-flex;gap: 10px;justify-content: space-between;} .search_input .search_input_box input{width: calc(100% - 137px);} @media only screen and (max-width:992px){ .search_input h2{font-size: 0.3rem;} .search_input .search_input_box input{width: calc(100% - 130px);} .search_input .close_search{font-size: 16px;} } /*right cart*/ .select_cartr{position: fixed; z-index: 9999999999; right: 0; top: 0; width: 340px; height: 100%; overflow-y: auto; overflow-x: auto; background: #fff; transition: all .5s; transform: translate3d(100%, 0, 0); visibility: hidden;} .select-overlay-cart{position: fixed; z-index: 999999999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden;} .select_cartr.select_cartr_active{transform: translate3d(0, 0, 0); visibility: visible;} .select-overlay-cart.select-overlay-cart_active{opacity: 1; visibility: visible;} .select_cartr .right_cartbox{padding: 10px;} .select-close{position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 100; cursor: pointer;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 50px;} .select-close img{width:12px;height: 12px;} /* .select-close:hover{background: #d9d5d5;} */ .select_cartr .image{display: block; float: left; width:100px; height:100px; overflow: hidden;} .select_cartr .fr{float: right;} .select_cartr .image img{max-width: 100%; width: 100%;} .select_cartr .main{width: 203px; float: left; padding-left: 10px;} .select_cartr .title{font-size: 16px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; color: #222;font-family: 'poppins_sb';font-weight: normal;margin-bottom: 5px;} .select_cartr .right_cartbox > .title{font-size:18px; color: #222;} .select_cartr .perice{font-size: 14px;margin: 10px 0;} .select_cartr .perice .cur{color: #ce2b2c;font-size:18px;font-family: 'poppins_m';} .select_cartr .perice .or{color: #989898;} .select_cartr .table .num{text-align: center; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; font-size: 16px;} .select_cartr .table .add, .select_cartr .table .sub{text-decoration: none; display: inline-block; width: 30px; height: 24px; line-height: 24px; background: #fff; box-sizing: border-box; font-size: 12px; vertical-align: middle; text-align: center; color: #333;} .select_cartr .table .add i, .select_cartr .table .sub i{line-height: inherit;} .select_cartr .ajax-qty-p{border: 1px solid #d1d1d1; display: inline-block; border-radius: 20px; overflow: hidden; color: #333;} .select_cartr .table > thead > tr > td, .select_cartr .table > tbody > tr > td, .select_cartr .table > tfoot > tr > td{padding: 10px 0;} .select_cartr .table .delete{margin-top: 4px; font-size: 16px; display: inline-block;color: #888;} .select_cartr .table tr:last-child{border-bottom: 1px solid #ddd;} .select_cartr .read_more{width: 100%; text-align: center;} .empty_cart{margin-top: 30px; width: 100%; text-align: center; background: #f9f9f9; padding: 20px 10px;} .empty_cart img{max-width: 60px;} .empty_cart p{margin: 10px 0; font-size: 18px;} .select_cartr #cart-table{max-height: calc(100% - 140px); overflow-y: auto; overflow-x: hidden;} .select_cartr #cart-table::-webkit-scrollbar{ width:5px; height:3px; } .select_cartr #cart-table::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px; } .select_cartr #cart-table::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius:10px; } .select_cartr .right_cartbox{position: absolute; height: 100%; width: 100%; padding-bottom: 150px;} .select_cartr .bottom{position: fixed; bottom: 0; left: 0; background: #fff; border-top: 1px solid #eee; width: 100%; padding: 10px; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1)} .select_cartr .bottom h2{font-size: 16px;font-family:'poppins_sb';margin-top: 10px;color: #333;} .select_cartr .right_total{padding: 6px 0;color: #333;} .select_cartr .right_total .span1{font-size: 18px; text-transform: capitalize;} .select_cartr .right_total .span2{float: right; font-size: 18px; color: #ce2b2c;font-family: 'poppins_m';} .select_cartr .more_black,.select_cartr .more_red02{width: 100%;text-align: center;padding: 0.1rem ;text-transform: capitalize;font-size: 16px;} .select_cartr .bottom .more_black{margin-bottom: 10px;} @media only screen and (max-width: 992px){ .select>a p{font-size: 12px; text-transform: capitalize;} .select>a{padding: 3px 5px; border-width: 1px;} .select>a img{max-width: 16px;} } /* page_payment */ .payment_h2 h2{font-size: 16px;font-family: 'poppins_sb';margin-top:15px;color: #333;} .payment_h2 ul.page_payment{margin-top:15px;} ul.page_payment{display: flex;display: -webkit-flex;flex-wrap: nowrap;} .page_payment li.Guaranteed{display: block;float:none;} .page_payment li.Guaranteed h5{font-family: "poppins_sb";color: #333;color: #333;font-size: 16px;margin-bottom:15px;} .page_payment li{float: left;margin-right: 5px;} .page_payment li:first-child{border:none!important;} .page_payment li img{max-height: 26px;} /* Swiper_banner */ .Swiper_banner .swiper-button-next{transition: all 0.5s;background:#fff;border: none;} .Swiper_banner .swiper-button-prev{transition: all 0.5s;background: #fff;border: none;} .Swiper_banner .swiper-button-next:after,.Swiper_banner .swiper-button-prev:after{color: #333;} .Swiper_banner .swiper-pagination-bullet{background: #fff!important;} .Swiper_banner .swiper-pagination-bullet-active{background:#fff!important;} .Swiper_banner .img_ph{display: none;} .Swiper_banner img{width: 100%;} .Swiper_banner .swiper-button-next{right: -50px;} .Swiper_banner .swiper-button-prev{left: -50px;} .Swiper_banner .swiper-button-next:hover:after, .Swiper_banner .swiper-button-prev:hover:after{color: #333;} @media only screen and (max-width:992px ){ .Swiper_banner .swiper-button-next{display: none;} .Swiper_banner .swiper-button-prev{display: none;} .Swiper_banner .img_ph{display: block;} .Swiper_banner .img_pc{display: none;} .Swiper_banner .swiper-pagination{bottom: 10px;} } @media only screen and (min-width:992px ){ .Swiper_banner:hover .swiper-button-next{right: 50px;} .Swiper_banner:hover .swiper-button-prev{left: 50px;} } /* proUl */ .my-rating-height{margin: 5px 0 20px;height: 18px;color: #333;font-size: 13px;} .my-rating-height .font_12{font-size: 13px;} @media screen and (max-width:992px ){ .my-rating-height{margin: 5px 0 10px;} } .pro_scrollbar_father{margin: 0 -12px;} .proUl{display: flex;display: -webkit-flex;} .proUl .price_cart{justify-content: space-between;gap: 5px;} .proUl .cart_a a{padding: 5px 10px;background: #000;color: #fff;display: block;} .proUl li{width: calc((100%)/4);} .proUl .moudle .textbg{background: #f7f7f7;padding:0.2rem 0.15rem;text-align:left} .proUl .moudle{margin:12px;border-radius: 5px;overflow: hidden;transition: all 0.5s;} .proUl .moudle .sold_out{position: absolute;left:10px;top:10px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-size: 13px;line-height:14px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;text-transform: uppercase;font-family: 'poppins_sb';} .proUl .moudle .textbg .title a{ /* overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2; */ height: 45px;overflow: hidden;display: block; } /* Large grid view */ /* Large grid view */ .proUl .font_name1 a{color: #353535;margin: 10px 0;display: block;} .proUl .sale{background: #ce2b2c;color: #fff;top: 10px;right: 10px;padding:2px 5px;font-size: 14px;} .proUl .img img{transition: all 0.5s;} @media only screen and (min-width:992px ){ .proUl .cart_a a:hover{background:#990F1C ;} .proUl .font_name1 a:hover{color: #990F1C;} .proUl .img{display: block;overflow: hidden;} .proUl .img:hover img{transform: scale(1.05);} .proUl .moudle:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);} } @media only screen and (max-width:1200px ){ .proUl li{width: calc((100%)/3);} } @media only screen and (max-width:768px ){ .proUl li{width: calc((100%)/2);margin-bottom: 10px;} .pro_scrollbar_father{margin: 0 -5px;} .proUl .moudle{margin: 0 5px;} .proUl .sale{padding: 0 5px;font-size: 13px;} .proUl .cart_a a{font-size: 14px;padding: 2px 5px} .proUl .moudle .textbg{padding: 10px 0 0;background: #fff;} .proUl .moudle .title a{font-size: 15px;} } /* courses_dl */ .courses_dl dl{display: flex;display: -webkit-flex;flex-wrap: wrap;margin: 0 -12px;} .courses_dl dd{width: calc((100%) / 4);text-align: left;} .courses_dl .s_box{margin:12px;border-radius: 5px;overflow: hidden;transition: all 0.5s;} .courses_dl .course_img{position: relative;} .courses_dl .course_img img{transition: all 0.5s;} .courses_dl .course_img .c_price{position: absolute;right: 10px;bottom:-15px;color: #fff;font-size: 18px;font-family: "poppins_m";background: #990F1C;padding:2px 5px;} .courses_dl .c_text { background: #f7f7f7;padding: 0.25rem 0.15rem 0.2rem;text-align: left;} .courses_dl .c_text h2 a{font-size: 18px;margin-bottom: 10px;} .courses_dl .c_text .c_info{color: #666;font-size: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;} .courses_dl .c_text .font_name1 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;} .courses_dl_three dd{width: calc((100%) / 3);text-align: left;} @media only screen and (min-width:992px ){ .courses_dl .course_img a{display: block;overflow: hidden;} .courses_dl .course_img:hover img{transform: scale(1.05);} .courses_dl dd .s_box:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);} } @media only screen and (max-width:1200px ){ .courses_dl dd{width: calc((100%)/3);} } @media only screen and (max-width:768px ){ .courses_dl dd{width: calc((100%)/2);margin-bottom: 10px;} .courses_dl dl{margin: 0 -5px;} .courses_dl .s_box{margin: 0 5px;} .courses_dl .course_img .c_price{font-size: 13px;} .courses_dl .c_text h2 a{font-size: 16px;} } .carousel_img{padding:0;text-align:center;padding-right:0;border-radius: 0;} .prom_icarousel_imgmg .swiper-slide{ position: relative; display: inline-block; } .carousel_img #carousel_img_gallery{ overflow: inherit;} .carousel_img #carousel_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; } .carousel_img #carousel_img_gallery .swiper-slide-active{opacity: 1 !important; z-index: 3;} .carousel_img #carousel_img_gallery .swiper-slide img{width: 100%;} #carousel_img_thumbs{padding-bottom: 0.5rem;} #carousel_img_thumbs .swiper-slide .signle{text-align: center;font-family:'poppins_m';font-size: 16px; color: #222;background: #f7f7f7;border-radius:340px 340px 0 0;padding-bottom:0.15rem;position: relative;text-transform: uppercase;cursor: pointer; border: 4px solid #f7f7f7;} #carousel_img_thumbs .swiper-slide-thumb-active .signle{background: #990F1C;color: #fff;border-color:#990F1C;} #carousel_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #66a8a0 ;} #carousel_img_thumbs .swiper-slide .signle::before{position: absolute;content: '';width: 0;height: 0;border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #990F1C;bottom: -14px;left: 50%;transform: translateX(-50%);opacity: 0;} #carousel_img_thumbs .swiper-slide-thumb-active .signle::before{opacity: 1;} @media only screen and (min-width:1000px ){ #carousel_img_thumbs .category_ul{justify-content: center;margin-left: 22px;} } /* fate_Calculation */ .fate_Calculation{margin-top: 0.8rem;} .fate_Calculation dd{display: flex;display: -webkit-flex;flex-wrap:wrap;align-items: center;} .fate_Calculation dd .img,.fate_Calculation dd .confr{width: 50%;} .fate_Calculation dd:nth-child(2n){flex-direction: row-reverse;} .fate_Calculation dd .confr{padding-right:3%;} .fate_Calculation dd:nth-child(2n) .confr{padding-left: 3%;} /* .fate_Calculation dd .confr h2{text-transform: capitalize;} */ .fate_Calculation dd .confr .about_dao_content{margin: 0.2rem 0 0.3rem;max-height: 183px;overflow: hidden;} @media screen and (max-width: 992px) { .fate_Calculation dd {flex-direction: column-reverse;} .fate_Calculation dd:nth-child(2n) {flex-direction: column-reverse;} .fate_Calculation dd .img,.fate_Calculation dd .confr{width:100%;} .fate_Calculation dd .confr{padding-right:0;padding:20px 0 30px;} .fate_Calculation dd:nth-child(2n) .confr{padding-left: 0;} .fate_Calculation .font_30{font-size: 20px;} .fate_Calculation .font_36{font-size: 24px;} } /* four_section */ .four_section .four_swiper_scrollbar{padding-bottom: 10px;} .four_section .four_swiper_scrollbar .swiper-pagination{bottom: 0;} .four_section{padding: 0.3rem 0;background: url(../images/fbg.jpg)no-repeat center center #f0f0f0;background-size: cover;} .four_section li{width: calc(100%/4);text-align: center;border-left: 1px solid #e4e4e4;padding: 0.2rem 0;} .four_section li:first-child{border: none;} .four_section li .four_section_text{font-family: 'poppins_sb';color: #333;margin-top: 15px;font-size: 16px;padding: 0 0.2rem;} .four_section li .four_section_img{display: flex;display: -webkit-flex;height:39px;align-items: center;justify-content: center;} @media screen and (max-width: 992px) { .four_section li{width:calc(100%/2);border: none;padding: 0.1rem 0;} .four_section{padding: 0.2rem 0;} .four_section li .four_section_text{font-size: 15px;padding: 0 10px;} } /* @media screen and (max-width: 480px) { .four_section li{width:100%;} } */ /* category_ul_father */ .category_ul_father ul li .image{padding-bottom: 100%;position: relative;border-radius: 50%;overflow: hidden;} .category_ul_father ul li img{position: absolute;left: 0;right: 0;width: 100%;height: 100%;} .category_ul_father ul li img{object-fit: cover;} .category_ul_father ul li p{margin-top: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} @media screen and (max-width: 992px) { .category_ul_father ul li .signle{font-size: 15px;} .category_ul_father ul li p{margin-top: 10px;} .category_ul_father ul li .signle{max-width: inherit} #carousel_img_thumbs .swiper-slide .signle{padding-bottom: 0.1rem;font-size: 15px;} } /* category_product */ .category_product_title ul{display: flex;display: -webkit-flex;align-items: center;border-bottom: 1px solid #ececec;gap:30px;margin-bottom: 30px;} .category_product_title li{font-size: 22px;font-family: "poppins_m";color: #333;padding-bottom: 20px;display: inline;border-bottom: 1px solid transparent;cursor: pointer;text-align: center;text-transform: capitalize;} .category_product_title li.aon{color: #990F1C;border-color: #990F1C;} @media only screen and (max-width: 768px){ .category_product_title li{font-size: 18px;} } /* c_content_box */ .c_content_box .category_product_box{display: none;} .c_content_box .category_product_box.active{display: block;} /* touch_section */ .touch_section .touch_bg{background:url(../images/xz.jpg)no-repeat;padding: 0.5rem 0;position: relative;margin-top: 0.7rem;background-size: cover; background-attachment: fixed;} /* .touch_section .touch_bg{background:#eae2d1;padding: 0.5rem 0;position: relative;margin-top: 0.7rem;} */ .touch_section .mian_title{padding: 0;text-align: left;} .touch_section .mian_title p{margin: 0.2rem 0 0.4rem;max-width: 700px;color: #333;} .touch_section .mian_title .line{-webkit-text-stroke-color: #fff;} .touch_section .flex{justify-content: space-between;gap: 0.2rem;} .touch_section .your_email{width: 100%;max-width: 400px;} .touch_section .your_email .button_dao {display: block;margin-top: 0.2rem;width: 100%;} .touch_section .your_email input{width: 100%;background:rgba(255,255,255,1);color: #fff;height: 48px;line-height: 48px;text-indent: 10px;border:none;} .touch_section .your_email input::placeholder{color:rgba(0,0,0,0.4);} .touch_section .button_dao {font-size: 18px;} .about_dao.flex{flex-wrap: nowrap;gap: 0;align-items: normal;} .about_dao .dfl{width: 50%;} .about_dao .dfr{width: 50%;padding: 0.7rem 0.5rem;background: url(../images/about_dao_bg.jpg) no-repeat center right;background-size: cover;} .about_dao .dfl .img{height: 100%;} .about_dao .dfl img{width: 100%;height: 100%;object-fit: cover;} .about_dao .dfr .about_dao_content{margin: 0.3rem 0 0.7rem;max-height: 190px;overflow: hidden;} @media only screen and (max-width:768px ){ .about_dao.flex{flex-wrap: wrap;} .about_dao .dfl{width: 100%;} .about_dao .dfr{width: 100%;padding: 0.2rem 15px 0.3rem;} .about_dao .dfr .about_dao_content{margin: 0.2rem 0 0.4rem;} .touch_section .your_email{max-width: 100%;} .touch_section .touch_bg{margin-top: 0.5rem;} } @media only screen and (max-width:480px ){ .touch_section .gap_20{gap: 15px!important;} .touch_section .gap_20 .button_dao{width: calc((100% - 15px)/2);} .touch_section .gap_20 .button_dao img{display: none;} } /* adt_section */ .adt_section{padding: 0rem 0 0.95rem;} .adt_section .adt_box{display: flex;display: -webkit-flex;flex-wrap: wrap;gap: 0.5rem;} .adt_section .adt_item{width: calc((100% - 1.5rem)/4);} .adt_section .adt_num{font-family: 'impact';color: #990F1C;text-align: center;width: 63px;height: 63px;line-height: 63px;border-radius: 50%;background: #990F1C;color: #fff;} .adt_section .adt_text{padding-top: 0.4rem;} .adt_section .adt_text h3{font-size: 0.26rem;color: #333;margin-bottom: 0.1rem;font-family: 'Poppins_bold';} .adt_section .adt_text p{font-size: 16px;color: #666;} @media only screen and (max-width:1460px ){ .adt_section .adt_text h3{font-size: 22px;} .adt_section .adt_num{font-size: 28px;} } @media only screen and (max-width:992px ){ .adt_section .adt_box{margin-top: 0.1rem;} .adt_section .adt_item{width: calc((100% - 0.2rem)/2);} .adt_section .adt_box{gap: 0.2rem;} .adt_section{padding: 0rem 0 0.6rem;} .adt_section .adt_text h3{font-size: 20px;} .adt_section .adt_text p{font-size: 15px;} } /* review_section */ .review_section{padding: 0 15px 60px;background: #f9f3e7;} .review_section .rating{margin-bottom: 30px;display: flex;display: -webkit-flex;justify-content: center;} .review_section .index_title{padding-bottom: 0;} .review_section .index_reviewSwiper{padding-top:35px;margin-top: -10px;} .review_section .moudle{background: #fff;padding: 60px 40px 60px;overflow: hidden;} .review_section .index_reviewSwiper{padding-bottom: 50px;} .review_section .swiper-horizontal>.swiper-pagination-bullets,.review_section .swiper-pagination-bullets.swiper-pagination-horizontal, .review_section .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;} .review_section .swiper-slide{opacity: 0.9;transform: scale(0.95);transition: transform .5s ease, box-shadow .5s ease;;} .review_section .swiper-slide-active{opacity: 1;transform: scale(1.1);} .review_section .swiper-slide-active .moudle{box-shadow: 0 10px 25px #0000001a;background: url(../images/buagua.png) no-repeat center center #fff;background-size: 55%;} .review_section .txt_box p{text-align: center;line-height: 1.5;font-size: 15px;} .review_section .image{width: 70px;height: 70px;border-radius: 50%;overflow: hidden;margin:10px auto 20px;} .review_section .image img{width: 100%;height: 100%;object-fit: cover;} .review_section .moudle h2{font-size: 18px;color: #222;text-align: center;font-family: 'poppins_m';} .review_section .swiper-button-prev{left: 24%;background: rgba(255, 255, 255, 0.6);} .review_section .swiper-button-next{right: 24%;background: rgba(255, 255, 255, 0.6);} .swiper-pagination-bullet-active{background: #990F1C;opacity: 0.7;} .review_section .testimonials__info{text-align: center;} @media (max-width:1400px){ .review_section .clientSwiper{padding-top: 50px;} } @media (max-width:992px){ .review_section{padding-bottom:50px;} .review_section .index_reviewSwiper{padding:30px 15px 50px;} .review_section .swiper-button-next,.review_section .swiper-button-prev{display: none;} .review_section .moudle{padding: 25px 15px;} .review_section .txt_box p{font-size:14px;} .review_section .image{margin: 30px auto 20px;} .review_section .moudle h2{font-size: 15px;} .review_section .swiper-slide-active .moudle{background-size: 80%;} } /* blog_section */ .blog_section .Guides_scrollbar_father {margin: 0 -0.125rem;} .blog_section .moudle{margin: 0 0.125rem;padding-bottom: 0.2rem;} .blog_section li{width: calc(100%/4);} .blog_section li h2 a{color: #333;font-size: 16px;margin: 0.20rem 0 0rem;display: block; /* text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2; */ font-weight: normal; height: 48px;overflow:hidden;} .blog_section li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;} .blog_section li time{color: #888;font-size: 14px;margin: 0.1rem 0;display: block;} .blog_section .img a{display: block;overflow: hidden;} .blog_section img{transition: all 0.5s;width: 100%;} .blog_section .more{color: #666;padding-top: 0.1rem;border-top: 1px solid #e2e2e2;margin-top: 0.1rem;} .blog_section .more a{position: relative;} .blog_section .more a::after{position:absolute;content: '';width: 0%;height: 1px;background: #a33b3f;top: 100%;left: 0;transition: all 0.5s;} @media only screen and (max-width:1200px ){ .blog_section li{width: calc(100%/3);} } @media only screen and (min-width:992px ){ .blog_section .moudle .img:hover img{transform: scale(1.05);} .blog_section .moudle h2 a:hover{color: #990F1C;} .blog_section .more a:hover{color:#990F1C ;} .blog_section .more a:hover::after{width: 100%;} } @media only screen and (max-width:768px ){ .blog_section li{width: calc(100%/2);} .blog_section .moudle{margin: 0 0.075rem;} .blog_section li h2 a{font-size: 15px;} } /* news_section */ .news_section .all_blog{margin-top: 0.2rem;} .news_section .all_blog a{padding: 5px 0.3rem;border: 1px solid #ccc;} .news_section .moudle{margin: 0 0.125rem;padding-bottom: 0.2rem;} .news_section li{width: calc(100%/4);} .news_section li time{color: #888;font-size: 14px;margin: 0.1rem 0;display: block;} .news_section li h2 a{color: #333;font-size: 16px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-weight: normal;} .news_section .img a{display: block;overflow: hidden;} .news_section img{transition: all 0.5s;width: 100%;} @media only screen and (min-width:992px ){ .news_section .moudle .img:hover img{transform: scale(1.05);} .news_section .moudle h2 a:hover{color: #990F1C;} .news_section .all_blog a:hover{border-color:#990F1C ;} } @media only screen and (max-width:1200px ){ .news_section li{width: calc(100%/3);} } @media only screen and (max-width:768px ){ .news_section li{width: calc(100%/2);} .news_section .moudle{margin: 0 0.075rem;} .news_section li h2 a{font-size: 15px;} } /* comment_section */ .comment_section{margin-bottom: 0.8rem;} .comment_section .swiper-slide{opacity: 0.1;} .comment_section .swiper-slide-visible{opacity:1} .comment_section .swiper-button-next{right:0.1rem;} .comment_section .swiper-button-prev{left: 0.1rem;} .comment_section .moudle{margin: 0 0.1rem;padding-bottom: 0.2rem;cursor: pointer;} .comment_section li{width: calc(100%/4);} .comment_section .n_jx{width:52px;height: 52px;background: #E6E6E6;border-radius: 50%;position: relative;text-align: center;line-height: 52px;transform:translate(-50%,-50%);left: 50%;color: #222;font-family: 'poppins_m';font-size: 20px;} .comment_section .n_jx .gxh{position: absolute;width: 14px;height: 14px;background: #222;bottom: 0;right: 0;border-radius: 50%;padding: 2px;} .comment_section .c_img{overflow: hidden;display: block;} .comment_section .c_img img{transition: all 0.5s;} .comment_section .center{text-align: center;} .comment_section .center .name{font-family: 'poppins_m';color: #222;margin-top: -10px;} .comment_section .center time{color: #999;font-size: 14px;margin:5px 0 10px;display: block;} .comment_section .center .c_context{margin: auto;position:relative;padding: 0 10%;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;} .comment_section .center .c_context::before{position: absolute;content:'"';left:10px;top:0;font-size:24px;color: #999;} .comment_section .center .c_context::after{position: absolute;content:'"';right:10px;bottom:0;font-size: 24px;height: 20px;color: #999;} @media only screen and (min-width:992px ){ .comment_section .moudle:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);} .comment_section .moudle:hover .c_img img{transform: scale(1.05);} } @media only screen and (max-width:1200px ){ .comment_section li{width: calc(100%/3);} } @media only screen and (max-width:768px ){ .comment_section li{width: calc(100%/2);} .comment_section .moudle{margin: 0 0.075rem;} } .comment_cover{position: fixed; z-index: 999999999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);width: 100wh;height: 100vh;display: none;} /* comment_pop */ .comment_pop{position: fixed;max-width: 815px;display: flex;display: -webkit-flex;flex-wrap: wrap;z-index: 99999999999;background: #fff;width: 100%;visibility: hidden;transition: all .2s;transform:scale(0);left: 0;right: 0;top: 0;bottom: 0;margin: auto;} /* .comment_pop_show{animation: blowUpModal 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;opacity: 1;visibility: visible;} */ .comment_pop .comment_fl{width:50%;position: relative;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background: rgb(8, 8, 8);} .comment_pop .comment_fl .comimg{height: 100%;max-width: 100%;} .comment_pop .comment_fl .close_comment{position: absolute;width: 30px;height: 30px;background: rgba(0, 0, 0, 0.3);padding:7px;top: 16px;left: 16px;border-radius: 4px;cursor: pointer;} .comment_pop .comment_fl .close_comment:hover{background: rgba(0, 0, 0, 0.6);} .comment_pop .comment_fr{width:50%;padding: 20px;} .comment_pop .comment_fr .line1{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;} .comment_pop .comment_fr .line1 .name{color: #222;font-family: 'poppins_m';font-size:18px;} .comment_pop .comment_fr .gx{display: flex;display: -webkit-flex;gap: 5px;font-size: 13px;} .comment_pop .comment_fr .gx img{width: 14px;height: 14px;background: #222;border-radius: 50%;padding: 2px;} .comment_pop .comment_fr .line3{color: #333;padding-bottom: 15px;} .comment_pop .comment_fr .line4{display: flex;display: -webkit-flex;gap: 15px;border-top: 1px solid #ebebeb;padding-top: 15px;} .comment_pop .comment_fr .line4 .img{width: 60px;overflow: hidden;} .comment_pop .comment_fr .line4 .img img{border-radius: 4px;} .comment_pop .comment_fr .line4 .protitle{width: calc(100% - 75px);color: #333;} .comment_pop .comment_fr .line4 .protitle .t{text-transform: uppercase;margin-bottom: 5px;max-height: 67px;overflow: hidden;} .comment_pop .comment_fr .line4 .v_pro{padding: 5px 10px;display: flex;display: -webkit-flex;gap: 5px;background: #f7f7f7;cursor: pointer;width: 140px;justify-content: center;} @media only screen and (min-width:815px ){ .comment_pop .comment_fr .line3{height: 350px;overflow-y: auto;} .comment_pop{max-height:592px;} } @media only screen and (max-width:815px ){ .comment_pop{overflow-y: auto;} .comment_pop .comment_fl,.comment_pop .comment_fr{width: 100%;} .comment_pop .comment_fr .line3{font-size: 15px;} } @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } /* footer */ .foot_Subscribe{background: #eae2d1;padding: 0.5rem 0;background: url(../images/xz.jpg) no-repeat;background-size: cover;} .foot_Subscribe .font_name1{font-size: 0.3rem;color: #333;margin-bottom: 15px;} .foot_Subscribe .container{display:flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: center;gap: 20px;} .foot_Subscribe .s_input{display:flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: center;gap: 5px;} .foot_Subscribe .s_l{width: calc(100% - 270px);max-width: 800px;} /* .foot_Subscribe .s_r{width: 270px;} */ .foot_Subscribe .s_input .button_dao{text-transform: capitalize;font-size: 16px;} .foot_Subscribe .s_input input{width: calc(100% - 130px);border: none;} .foot_Subscribe .share ul{gap: 15px;} .foot_Subscribe .share li a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;transition: all 0.5s;} .foot_Subscribe .share li img{position: relative;transition: all 0.5s;height: 20px;} .foot_Subscribe a:hover{color: #990F1C;} .foot_Subscribe .share li a:hover {transform: translateY(-5px);} .foot_Subscribe .share li a{width:30px;height: 30px;border-radius: 5px;background:#0765c3;padding: 5px;} .foot_Subscribe .share li:nth-child(2) a{background: #3b5998;} .foot_Subscribe .share li:nth-child(3) a{background: #cc2025;} .foot_Subscribe .share li:nth-child(4) a{background: #4ba0ec;} .foot_Subscribe .share li:nth-child(5) a{background:#cc1f27;} @media only screen and (max-width:1600px){ .foot_Subscribe .s_input input{width: calc(100% - 120px);} } @media only screen and (max-width:992px ){ .foot_Subscribe .s_l{width: 100%;} .foot_Subscribe .share li img{height: 22px;} .foot_Subscribe .font_name1{font-family: 'poppins_m';font-size: 0.27rem;} } .icon-expand, .icon-fold{width: 14px; height: 14px; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center;} .icon-expand:before, .icon-expand:after, .icon-fold:before, .icon-fold:after{content: ''; position: absolute; background: #5db3b1; width: 14px; height: 2px; margin: 2px 0;} .icon-fold{width: 12px; height: 12px;} .icon-fold:before, .icon-fold:after{width: 12px;} .icon-fold:after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} .icon-expand:before{transform: rotate(45deg); -webkit-transform: rotate(45deg);} .icon-expand:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .fot_title .column_icon_toggle{display: none;} .footer .fot_title{position: relative; display: block;} .footer .fot_title em{display: block; font-size: 18px; line-height: 30px; text-transform: capitalize; font-family: "poppins_sb";} @media only screen and (max-width: 992px){ .footer .fot_title{display: block; padding-bottom: 0px; cursor: pointer; margin-bottom: 0px; font-size: 15px; position: relative; text-transform: uppercase;} .footer .fot_title .column_icon_toggle{display: inline-block; position: absolute; right: 10px; top: 9px; font-style: normal; cursor: pointer; font-weight: normal;} .footer .icon-expand:before, .footer .icon-expand:after, .footer .icon-fold:before, .footer .icon-fold:after{background:#444} } .footer{background:#efeeed;padding-top: 0.7rem;} .footer .fot_title_top{ padding-bottom:30px;position: relative;} .footer .fot_title_top::before{position: absolute;width: 40px;content: '';background: #333;height: 1px;bottom: 20px;} .footer .fot_title_top em{font-size: 16px;color: #333;font-family: 'poppins_sb';} .footer .footer_con,.footer .footer_con a{color: #666;font-size: 14px;} .footer .footer_con a{position: relative;} .footer .footer_con a::after{position:absolute;content: '';width: 0%;height: 1px;background: #999;top: 100%;left: 0;transition: all 0.5s;} .footer .footer_con a:hover::after{width: 100%;} .footer .footer_con .conimg{width: 20px;margin-right: 5px;} .footer .footer_menu{justify-content: space-between;align-items: normal;gap:0.15rem} .footer .footer_menu .foterdiv {max-width: 25%;} .footer .footer_con li{margin-bottom: 10px;} .footer .footer_con .logo{margin: 0.3rem 0;max-width: 150px;} .footer .email_sub{background: #fff;position: relative;margin-top: 0.35rem;} .footer .email_sub input{width: calc(100% - 47px);line-height: 48px;height: 48px;text-indent: 10px;} .footer .email_sub .sub{background:#990F1C;border:none;line-height: 44px;height: 44px;padding: 0 0.15rem;position: absolute;right: 2px;top:2px;cursor: pointer;} .footer .footer_copy{padding: 0.2rem 0;background: #fff;margin-top: 0.35rem;} .footer .footer_copy .container{justify-content: space-between;gap: 5px;font-size: 14px;color: #666;} @media only screen and (max-width: 992px){ .footer .footer_menu{flex-wrap: wrap;} .footer .footer_menu .foterdiv{width: 100%;max-width: inherit;} .footer .fot_title{padding:6px 10px;background:#e5e5e5;position: relative;} .footer .fot_title::before{display:none;} .footer .fot_title .column_icon_toggle{display: inline-block; position: absolute; right: 10px; top: 18px; font-style: normal; cursor: pointer; font-weight: normal;} .footer .fot_title em{font-size: 16px;} .footer .toggle_content {padding: 10px;background: rgba(255,255,255,0.04);} .footer .footer_search .font_name1{font-size: 16px;width: 100%;} } /* footer */ /*Breadcrumbs*/ .Breadcrumbs{padding: 10px 0; overflow: hidden;background: #f7f7f7;} .breadcrumb{margin-left: 0px; margin-bottom: 0; text-transform: capitalize; background: none; padding: 0px; position: relative; z-index: 5;} .breadcrumb i{margin: 0 2px; display: inline-block; color: #777; font-style: normal; margin-top: 0px;} .breadcrumb .home i{margin-right: 8px; margin-top: -2px; color: #999;} .breadcrumb a i{font-size: 14px; color: #777; line-height: 24px;} .breadcrumb h2, .breadcrumb a, .breadcrumb span{font-size: 14px; color: #777; line-height: 24px;} .breadcrumb a:hover, .breadcrumb a:hover h2{color: #990F1C; text-decoration: none;} .breadcrumb h2{margin: 0; display: inline-block; padding: 0;font-weight: normal;} .mainbox,.n_main{padding: 60px 0 70px;} /* table common */ .table{border-bottom: 1px solid #ddd;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{padding: 15px 10px; font-family: 'poppins_sb'; font-weight: 400; font-size: 15px; border-top: 0;} .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 10px;} @media screen and (max-width: 767px){.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space: normal;} .table{border-bottom: 0px solid #ddd;} .table-responsive{border: 0;}} table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .scroll_table{overflow-x: auto;} /* n_fl_fr */ .n_fl_fr{display: flex;display: -webkit-flex;justify-content: space-between;} .n_fl{width: 22%;} .n_fr{width: 78%;padding-left:0.5rem;} @media screen and (max-width: 992px){ .n_fl_fr{display: block!important;} .n_fl{width: 100%;} .n_fr{width: 100%;padding: 0;} .mainbox,.n_main{padding: 40px 0 40px;} } /*product right*/ .daopro-switcher{width:100%; margin-bottom:20px;} .daopro-switcher ul li .button_dao{padding: 5px 20px;text-transform: capitalize;} .daopro-switcher img{transition: all .4s ease-in-out;} .daopro-switcher .hide_pic{position: absolute;top: 0;left: 0;width: 100%;} .daopro-switcher .hide_pic img{transform:scale(1.2);opacity: 0;} .daopro-switcher .daopro-image:hover .hide_pic img{transform:scale(1.0);opacity: 1} .daopro-switcher .products_main_rating{font-size: 13px;} .daopro-options a{display: inline-block; vertical-align:middle; overflow: hidden; width: 30px; height: 30px; text-align: center; line-height: 30px; white-space: nowrap; color: #aaa; margin-left:3px; background: #f0f0f0;} .daopro-options a:hover,.daopro-options a.daopro-selected{color: #fff; background:#990F1C; border-color:#990F1C;} .daopro-options a:before{font-size: 18px; text-align: center; display: inline-block; line-height: inherit;} /* Common icon styles */ .daopro-icon:before{font-family: 'fontawesome';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .daopro-grid:before{content: "\f00a";} .daopro-list:before{content: "\f039";} .daopro-add:before{content: "\f055";} /* General list */ .daopro-switcher>ul{list-style: none;padding: 0;} /* Clear eventual floats */ .daopro-switcher ul:before, .daopro-switcher ul:after{content: " ";display: table;} .daopro-switcher ul:after{clear: both;} .daopro-switcher>ul>li{display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding:15px;} .daopro-image img{max-width:100%; transition:all .5s; width:100%;} .daopro-switcher .daopro-image{display: block; overflow: hidden;position: relative;} .daopro-switcher .daopro-image .img{transition: all .5s;} .daopro-switcher .sale{background: #ce2b2c;color: #fff;top: 10px;right: 10px;padding:2px 5px;font-size: 14px;} .daopro-switcher li .sold_out{position: absolute;left:10px;top:5px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-size: 13px;line-height:14px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 1px;background: #fff;text-transform: uppercase;font-family: "poppins_sb";} /* Large grid view */ .daopro-view-grid ul{margin: 0 -8px; text-align: center;} .daopro-view-grid ul li{width:33.3333%;float:left;vertical-align: top;padding:0px;position:relative;padding: 0 8px;position: relative;} .daopro-view-grid ul li .pro-div{transition: all .5s;position: relative;z-index: 2;} .daopro-view-grid .pro_btn .button_dao{width: calc((100% - 0.1rem)/2);padding: 5px;} .daopro-view-grid .tags, .daopro-view-grid .page_more{display: none;} .daopro-view-grid .cbp-list-center{padding:20px 8px 20px;text-align: left;} .daopro-view-grid ul li .cbp-title{display:block; color:#000; font-size:16px; line-height:22px;overflow:hidden; margin-bottom:6px; font-family:'poppins_sb';height: 44px;} .daopro-view-grid ul li .cbp-title:hover{color: #990F1C;} .daopro-view-grid ul li:nth-child(3n+1){clear: both;} .daopro-switcher .price_cart {justify-content: space-between;gap: 5px;} .daopro-switcher .cart_a a{padding: 6px 10px;background: #000;color: #fff;display: block;} .daopro-switcher .cart_a a:hover{background: #990F1C;} .daopro-view-grid .pro_btn{display: flex;display: -webkit-flex;gap: 0.1rem;width: calc(100% - 16px);;margin-top: 10px;transition: all 0.5s;left:8px;} @media screen and (min-width: 992px){ .daopro-view-grid ul li .hoverbg{position: absolute;top: 0;left:8px;width: calc(100% - 16px);height: 90%;background: #fff;z-index: 1;opacity: 0;transition: all .5s;} /* .daopro-view-grid ul li:hover .hoverbg{opacity: 1;height: calc(100% + 20px);box-shadow: 0 10px 10px rgba(0, 0, 0, .05);z-index:3} */ .daopro-view-grid ul li:hover .hoverbg{opacity: 1;height:100%;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);z-index:3} .daopro-view-grid ul li:hover .pro-div{z-index: 5;} .daopro-view-grid ul li:hover .pro_btn{opacity: 1;visibility: visible;transform: scaleY(1);} .daopro-view-grid ul li:hover .daopro-image img{transform: scale(1.1);} /* .daopro-view-grid .pro_btn{position: absolute;bottom:-25px;display: flex;display: -webkit-flex;gap: 0.1rem;width: calc(100% - 16px);;margin-top: 10px;opacity: 0; visibility: hidden;transform: scaleY(0);transform-origin: 0 0 0;transition: all 0.5s;left:8px;} */ /* .daopro-view-grid ul li:hover {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);} */ } @media screen and (max-width: 1200px){ .daopro-view-grid .pro_btn .button_dao{font-size: 14px;} } @media screen and (max-width: 992px){ .daopro-view-grid ul li .pro_btn{margin: 10px 0 15px;display: none;} .daopro-view-grid ul li .pro_btn .button_dao {font-size: 15px;} .daopro-view-grid .pro_btn .button_dao{width: 100%;} .daopro-view-grid ul li .cbp-title{font-size: 15px;} } /* cbp-add-cart */ .options_sort{display:flex;display: -webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid #eee;padding-bottom:20px;margin-bottom: 20px;flex-wrap:wrap;} .toolbar .product_sort {max-width:250px;} .toolbar .product_sort .verjs-search-items{display: none;} .toolbar_filter{display:flex;display: -webkit-flex;align-items: center;width: calc(100% - 77px);max-width: 350px;justify-content: end;font-size: 16px;} .toolbar_filter .top_filter{background: #f7f7f7;margin-left: 10px;line-height: 38px;padding: 0 15px;color: #222;cursor: pointer;display: none;} .toolbar_filter .top_filter i{padding-right: 10px;width: 24px;} .toolbar_filter .toolbar{width: calc(100% - 108px);} @media screen and (min-width: 992px){ .toolbar_filter .top_filter{display: none!important;} } @media screen and (max-width: 992px){ .toolbar_filter .top_filter{display: block;} } /* List view */ .daopro-view-list ul li{position: relative;} .daopro-view-list li.pro_item .price{text-align: left;} .daopro-view-list>ul{margin:0; margin-top:20px;} .daopro-view-list>ul>li{text-align:left; border-radius: 0; border-bottom:1px solid #eee; padding:0px 0 25px;margin-top: 25px;} .daopro-view-list>ul>li:first-child{padding-top: 0;} .daopro-view-list li:before, .daopro-view-list li:after{content: " ";display: table;} .daopro-view-list li:after{clear: both;} .daopro-view-list .daopro-image, .daopro-view-list .daopro-title, .daopro-view-list .daopro-details, .daopro-view-list .daopro-price, .daopro-view-list .daopro-add{display: inline-block;vertical-align: middle;position: relative;} .daopro-view-list .daopro-image{width: 28%; text-align:center; vertical-align:middle; float:left; border:1px solid #eee;} .daopro-view-list ul li .cbp-list-center{width:72%; float: left; padding-left: 20px;} .daopro-view-list ul li .cbp-title{display:block; color:#000; font-size:18px; line-height:24px; overflow:hidden; margin-bottom:10px; font-family:'poppins_sb';font-size: 0.22rem;} .daopro-view-list ul li .cbp-title:hover{color: #990F1C;} .daopro-view-list ul li .tags{margin: 10px 0 12px;} .daopro-view-list ul li .pro_btn{margin-top:30px;} .daopro-view-list ul li{position: relative;} .daopro-view-list .cbp-add-cart{position: absolute;left: 0;top: 0;} .daopro-view-list .price .cur{font-size: 20px;} .daopro-view-list ul li .cbp-add-cart a:hover{width:200px;} .daopro-view-list .price_cart {gap: 20px;margin: 20px 0;} .daopro-view-list .more_red02{margin-top: 20px; padding: 0.08rem 0.2rem;display: inline-block;font-size: 16px;} @media screen and (max-width: 1300px){ .daopro-view-grid ul li{width: 33.333%;} .daopro-view-grid ul li:nth-child(4n+1){clear: none;} .daopro-view-grid ul li:nth-child(3n+1){clear: both;} } @media screen and (max-width: 992px){ .daopro-view-grid .cbp-list-center{padding: 10px 0px;} .daopro-view-grid .cbp-list-center{margin-bottom: 0;} .daopro-view-grid ul li{width: 50%;} .daopro-view-grid ul li:nth-child(3n+1){clear: none;} .daopro-view-grid ul li:nth-child(2n+1){clear: both;} .products_main_rating{font-size: 14px;} .products_main_rating .jq-star{width: 15px!important;height: 15px!important;} } @media screen and (max-width: 768px){ .daopro-view-list ul li .cbp-title{font-size:15px; line-height: 22px; margin-bottom: 2px;} .daopro-view-grid ul li .cbp-title{margin-bottom:0;} .daopro-view-list ul li .tags{margin: 6px 0 10px;} } @media screen and (max-width: 640px){ .daopro-view-grid .price .cur,.daopro-view-list .price .cur{font-size:20px;} .cbp-add-cart a{line-height: 28px;} .daopro-view-list .daopro-image,.daopro-view-list ul li .cbp-list-center{width: 100%;} .daopro-view-list ul li .cbp-list-center{margin-top: 20px;padding-left: 0;} .daopro-switcher .cart_a a{padding: 4px 10px;} } @media screen and (max-width: 480px){ .daopro-view-list ul li .cbp-title{font-size:18px; line-height: 22px;} } @media screen and (max-width: 400px){ .daopro-view-list>ul>li{padding:15px 0;} .daopro-view-list .daopro-image{width:100%; max-width: 200px;} .daopro-view-list ul li .cbp-list-center{width: 100%; padding-left: 0; margin-top:10px;} .daopro-view-grid ul{margin: 0 -5px;} .daopro-view-grid ul li{padding: 5px;} .daopro-view-grid ul li .cbp-title{font-size:13px; line-height:20px; height:40px;} } /* tags */ .tags{background: #F9F9F9; padding: 6px 0 0px 12px;} .tags span{font-size:14px; text-transform:uppercase; color:#444; font-family: 'poppins_sb';} .tags span i{margin-right: 3px;} .tags a{display:inline-block; color:#666; padding:2px 10px; margin:0 6px 6px 0; line-height: 30px; border:1px solid #f7f7f7; background: #fff;} .tags a i{margin-right:6px; font-size:14px;} .tags a:hover{background: #990F1C; color:#fff; text-decoration:none;} /*page_p*/ .page_p{margin: 0px auto 0px; text-align: center; width: 100%; font-size: 12px;margin-top: 30px;} .page_p a, .page_p>span{display: inline-block; font-size: 12px; line-height: 32px; padding: 0px 15px; background: #ececec; margin-left: 5px; color: #555; margin-top: 5px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; vertical-align: middle;} .page_p a i{line-height: 32px;} .page_p a:hover{background: #990F1C; color: #fff !important; text-decoration: none;} .total{font-size: 12px; line-height: 24px; color: #222; margin-top: 14px;} .total span{color: #222;} .page_p>.span1{padding: 0px 15px; line-height: 32px; background: #990F1C; color: #fff; display: inline-block; margin-left: 5px; border-radius: 0px;} /* filter_list */ .filter_title{color: #000;justify-content: space-between;padding: 13px 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;text-transform: capitalize;} .filter_title .font_20{font-size: 18px;} .filter_context ul li{margin-bottom:15px;} .filter_context ul label span{padding-left:30px;font-size: 16px;color: #222;} .filter_context ul label{cursor: pointer;} .filter_context ul label:hover span{color: #990F1C;} .toggle_title{cursor: pointer;} .toggle_title .fa-angle-down{transition: all 0.5s;} .toggle_title .fa{font-size: 20px;} .toggle_title_active .fa-angle-down{transform:rotatez(180deg);} @media screen and (max-width: 1460px){ .filter_title .font_20{font-size: 16px;} .filter_context ul label span{font-size: 15px;} } .price_slider{padding: 20px 0 20px;} /* verjs-select-box */ .verjs-select-box{position: relative;} .verjs-select-box ul, .verjs-select-box li{list-style: none;width: 100%!important;margin: 0;text-align: left;} .verjs-select{border: 1px solid #e3e3e3; line-height:36px; padding: 0 15px; overflow: hidden; position: relative; cursor: pointer; background: #ffffff;color: #333;} .verjs-select span{display: inline-block; width: 90%; overflow: hidden;} .verjs-select i{font-size: 14px; display: inline-block; width: 30px; text-align: center; position: absolute; right: 0; top: 0;line-height:36px;color: #afafaf;} .verjs-select-option-list{border: 1px solid #e3e3e3; position: absolute; background: #ffffff; margin-top: -1px; overflow: hidden; display: none;z-index: 8;width: 100%;} .verjs-select-option-items-value-hide{display: none;} .verjs-select-option-list .verjs-search-items{position: relative;} .verjs-select-search-btn{position: relative; line-height:30px;border: 1px solid #e7e7e7;margin: 10px;} .verjs-select-option-list .verjs-search-items .verjs-search-input{border: 0; outline: none;line-height:30px;} .verjs-select-option-list .verjs-search-items .verjs-select-btn-list{height: 35px; overflow: hidden; margin: auto; line-height: 35px;} .verjs-select-option-list .verjs-search-items .verjs-select-btn-list span{cursor: pointer; display: inline-block; font-size: 14px; color: coral; padding: 0 10px;} .verjs-select-option-list .verjs-select-search-btn i{position: absolute; top: 0; right: 0; width: 30px; text-align: center; cursor: pointer; color: #9d9896; background: #ffffff; line-height: 30px;} .verjs-select-option-list.verjs-select-option-list-hide{display: block;} .verjs-select-option-items{padding: 0; margin: 5px auto; overflow: auto;max-height: 208px;overflow-y: auto;} .verjs-empty-option{color: #b9b9b9; width: 100%; padding: 0; text-align: center;padding-left:10px!important;padding-bottom: 5px!important;} .verjs-select-option-items-value{padding: 0 15px; cursor: pointer; line-height: 34px; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .verjs-select-option-items-value span{padding-left: 10px;} .verJsFont-checkbox{color: coral;} .verjs-select-selecteds, .verjs-select-option-items-value:hover{background: #f7f7f7; color: #222;} .verjs-select-option-items-value:hover .verJsFont-checkbox{color: #ffffff;} .verJsFont { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .verJsFont-search:before {content: "\f002";} .verJsFont-selector-icon-caret-up:before{content: "\f0d8";} .verJsFont-selector-icon-caret-down:before{content: "\f0d7";} /* verjs-select-box */ .ui-slider-horizontal.ui-slider-pips{width: 100%;height:6px;background: #ccc;position: relative;border-radius: 5px;} .ui-slider .ui-slider-range{top: 0;height: 100%;position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;border-bottom-right-radius: 4px;background:#172745} .ui-slider-handle {display:none;} .ui-state-default{display: inline-block;position: absolute;z-index: 1;width: 16px;height: 16px;background: #fff;border-radius: 50%;box-shadow:0 0 10px rgb(0 0 0 / 10%);font-size:0;top: -6px;margin-left: -10px;border: 1px solid #222;cursor: pointer;} .slider_fixed{margin-top:15px;display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;font-size: 15px;} .slider_fixed .filter_btn{cursor:pointer;padding:0px 15px;background: #fff;text-transform: capitalize;transition: all 0.5s;border: 1px solid #e3e3e3;} .slider_fixed .filter_btn:hover{background: #172745;color: #fff;} /* fl_filterbox */ .fl_filterbox{background: #fff;} .fl_filterbox .filter_close{background: #f7f7f7;padding: 10px 20px;justify-content: space-between;display: none;} .fl_filterbox .Filter_icon{gap:10px;color: #333;} .fl_filterbox .cloese_btn{padding: 3px;} .fl_filterbox .cloese_btn img{width: 12px;cursor: pointer;} @media screen and (max-width: 1500px){ .filter_title .font_22 {font-size: 18px;} } @media screen and (max-width: 992px){ .fl_filterbox .filter_close{display: flex;} .fl_filterbox{ position: fixed!important;z-index: 9999999999;left: 0;top: 0; width: 300px;height: 100%;overflow-y: auto; overflow-x: auto;background: #fff;transition: all .5s;transform: translate3d(-100%, 0, 0);visibility: hidden;} .fl_filterbox_active{transform: translate3d(0, 0, 0);visibility: visible;} .overlay_filter{position: fixed;z-index: 999999999;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;} .overlay_filter_active{opacity: 1;visibility: visible;} .fl_filterbox .filter_list{padding:0 20px;} .filter_title .font_22 {font-size: 18px;} .fl_filterbox .list_scroll{height: calc(100vh - 43px);overflow-y: auto;} } /* bottom_fixed_cart */ .bottom_fixed_cart { position: fixed; padding: 10px 10px 12px; bottom: -100px; background: #fff; width: 100%; z-index: 97;box-shadow: 0 0 9px rgba(0,0,0,.12); transition: all .5s; opacity: 0;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom_fixed_cart .row {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .bottom_fixed_cart .num {float: left; border: 1px solid #333; width: 120px; margin-right: 10px; height: 38px;} .bottom_fixed_cart .num * { display: block; float: left;} .bottom_fixed_cart .num .cartnum { border: 0; top: 0; width: 50px; line-height: 36px; height: 36px;text-align: center;font-family: 'poppins_sb';background: none;} .bottom_fixed_cart .sub, .bottom_fixed_cart .add {font-size: 16px; position: relative;top: 1px; font-family: 'poppins_sb'; width: 33px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; top: 0;font-family: 'poppins_sb';} .bottom_fixed_cart .button_dao {height: 38px; line-height: 38px;padding: 0 0.2rem;} .bottom_fixed_cart .product { width: 55%; float: left; padding-right: 10px;} .bottom_fixed_cart .product img { max-width: 75px; max-height: 75px; margin-right: 10px;} .bottom_fixed_cart .product em {width: calc(100% - 95px); float: right; margin-top: 10px; font-size: 18px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'poppins_sb';color: #111;} .bottom_fixed_cart .right { width: 45%; float: right;} .bottom_fixed_cart .right .button_dao,.bottom_fixed_cart .right .num {float: right;} .bottom_fixed_cart.mshow { opacity: 1; bottom: -2px; transition: all .5s;} .bottom_fixed_cart .mprice { float: right; padding-right: 10px; padding-top: 4px; font-size: 16px;font-family: "poppins_sb";} .bottom_fixed_cart .mprice .or{color: #989898;} .bottom_fixed_cart .mprice .cur{color: #990F1C;font-family: 'poppins_sb';font-size: 20px;} .bottom_fixed_cart .mprice s { color: #333; font-family: 'poppins';} @media only screen and (max-width:992px ) { .bottom_fixed_cart.mshow { opacity: 1;transition: all .5s;padding:10px 0 12px;} .bottom_fixed_cart .product { width: 40%;} .bottom_fixed_cart .right { width: 60%;} } @media only screen and (max-width:768px ) { .bottom_fixed_cart.mshow { bottom:0px; } .bottom_fixed_cart .product {display: none;} .bottom_fixed_cart .right { width: 420px; margin: 0 auto; float: none;} } @media only screen and (max-width:575px ) { .bottom_fixed_cart .mprice {display: none;} .bottom_fixed_cart .container { width: 100%;} .bottom_fixed_cart .right { float: none; margin: 0; width: 100%; } .bottom_fixed_cart .right .button_dao { width: calc(100% - 130px);margin-right: 0; } } /*products_main*/ /*products_main*/ /* CSS for the loading div */ /* Tweak styles for small viewports */ .products_top{margin-bottom:30px;} .products_top,.products_top .row{display: flex;display: -webkit-flex;flex-wrap: wrap;} .prom_img{width:50%;} .prom_right{width: 50%;padding-left:50px;} .prom_img .pro_feauter{margin-top: 0.3rem;} .prom_img .pro_feauter ul.flex{align-items: normal;gap: 0} .prom_img .pro_feauter li{width: calc((100% - 0rem)/4);text-align: left;border: none;padding: 0 0.1rem ;text-align: center;border-right: 1px solid #e0e0e0;} .prom_img .pro_feauter li:last-child{border: none;} .prom_img .pro_feauter li .icon_num{justify-content: center;height: 30px;} .prom_img .pro_feauter li .icon{max-width:28px;} .prom_img .pro_feauter li .icon::before{display: none;} .prom_img .pro_feauter li .big_num::before{width: 40px;} .prom_img .pro_feauter li p{font-size: 16px;} .prom_img .pro_feauter li p span{font-size: 22px;} @media only screen and (max-width:992px ){ .profeature_wrapper ul li{width: 50%;} .profeature_wrapper ul li:nth-child(1),.feature_wrapper ul li:nth-child(2){margin-bottom: 20px;} .profeature_wrapper ul li img{max-height: 45px;} .prom_img .profeature_wrapper{display: none;} .prom_right .profeature_wrapper{display: block;padding-top: 0;padding-bottom: 30px;} .prom_img .pro_feauter li .big_num::before{width: 30px;} } @media only screen and (max-width:480px ){ .prom_img .pro_feauter ul.flex{gap: 10px;} .prom_img .pro_feauter li{width: calc((100% - 10px)/2);} .prom_img .pro_feauter li:nth-child(2n){border-right: 0;} } .cloud-zoom-lens{ background:#000 !important; opacity: 0.1 !important;} #cloud-zoom-big{ top: 0px !important; border: 1px solid #ddd; background-repeat: no-repeat !important; background: #fff;} .cloud-zoom{ overflow: hidden;} @media only screen and (max-width: 992px){ .mousetrap,#cloud-zoom-big,.cloud-zoom-big{display: none !important;} .prom_img .sp-video-icon:before{width: 24px;height: 24px;line-height: 24px;font-size: 12px;} .index_products_top .row{margin-bottom: 10px;} } @media screen and (max-width:768px) { iframe{ height: 400px;} } /* 产品详情主图样式 */ *,::after,::before {box-sizing: border-box;} .prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;} .prom_img .swiper-slide{ position: relative; display: inline-block; } .prom_img #pro_img_gallery{ overflow: inherit;} .prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; } .prom_img #pro_img_gallery .swiper-slide-active{ opacity: 1 !important; z-index: 3;} .prom_img #pro_img_gallery .swiper-slide img{width: 100%;} .prom_img .swiper-slide iframe{ position: relative; z-index: 66; width: 100%;} .prom_img .video_img{position: absolute; left: 0px; top: 0px;right:0;bottom:0;z-index: 55;} #pro_img_thumbs{padding-top: 15px;} /* #pro_img_thumbs .swiper-wrapper{justify-content: center;} */ #pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;padding: 2px;} #pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid #990F1C;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);opacity: 1;} #pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #990F1C ;} .prom_img .sp-video-icon{position: relative;} .prom_img .sp-video-icon img{opacity: 0.5;} .prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #990F1C ;width: 30px;height: 30px;text-align: center;} .cloud-zoom-lens{ background:#000 !important; opacity: 0.1 !important;} #cloud-zoom-big{ top: 0px !important; border: 1px solid #ddd; background-repeat: no-repeat !important; background: #fff;} .cloud-zoom{ overflow: hidden;} @media only screen and (max-width: 992px){ .mousetrap,#cloud-zoom-big,.cloud-zoom-big{display: none !important;} } .big_img{position: fixed;z-index: 1;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;display: none;opacity: 0;} .big_img .swiper-bigimg {position: relative;width: 100%;height: 100%;} .big_img .swiper-bigimg .swiper-wrapper{width: 100%;height: 100%;} .big_img .swiper-slide{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;display: -webkit-flex;} .big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;} .big_img .swiper-slide img{max-width: 90%;max-height: 90%;margin:0 auto;} .big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;} .big_img .swiper-pagination2 span{margin:0 0.05rem;} .big_img .swiper-button-next{right: 20px;top: 50%;} .big_img .swiper-button-prev{left: 20px;top: 50%;} .big_img .close_btntop{z-index:99999999999;cursor: pointer;position:fixed;top:10px;display: block;width: 36px;height: 36px;text-align: center;line-height:36px;right:10px;} .big_img .close_btntop i{width: 100%;height: 100%;line-height: inherit;position: absolute;left:0px;top:0px; background: rgba(0,0,0,0.5);} .big_img .close_btntop i:hover{background:#000;} .big_img .close_btntop i::before, .big_img .close_btntop i::after{content: '';position: absolute;left:9px;top:17px;width:18px;height: 2px;background: #fff;} .big_img .close_btntop i::before{transform: rotate(45deg);} .big_img .close_btntop i::after{transform: rotate(-45deg);} /* 产品详情主图样式 */ .price_main_sale{display: flex;display: -webkit-flex;align-items: center;margin: 15px 0;} .price_main_sale .cur{font-size: 28px;} .price_main_sale .or{font-size: 16px;} .price_main_sale .off{padding:2px 15px;background: #ce2b2c;top: 0;right:0px;font-family: "poppins_sb";color: #fff;margin-left: 10px;} .prom_right h1{margin: 0; font-size:0.3rem; line-height: 1.5;color: #000;font-family: "poppins_sb";} .prom_right .pro_sku{margin:5px 0;} .prom_right .pro_sku span{color: #999;} .prom_right .page_quantity{margin-bottom: 20px;} .prom_right .quantity{margin-bottom: 20px;display: flex;display: -webkit-flex;align-items: center; } .prom_right .text{margin: 15px 0; font-size: 14px; line-height: 22px; color: #777;} .prom_right .qty-group{height:40px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;border:1px solid #dadada;width: 116px;margin-left: 10px;} .prom_right input[name=quantity]{font-weight: 700;width:82px;color: #2d2d2d;padding: 7px 5px 5px;text-align: center;line-height: initial;border: none;height: 38px;line-height: 38px;} .prom_right label{font-size:15px;font-family: "poppins_sb";color: #333;} .add_down{width:15px;background: #ededed;text-align: center;font-size: 12px;} .prom_right .add_down .qty_add:hover{background: #ccc;cursor: pointer;} .prom_right .add_down .qty_down:hover{background: #ccc;cursor: pointer;} .prom_right .stock{margin-left: 15px;} .prom_right .stock span{font-family: "poppins_sb";color: #1c7b36;position: relative;padding-left: 18px;} .prom_right .stock span::before{position: absolute;content: "";width: 8px;height: 8px;background:#1c7b36 ;border-radius: 50%;left: 0;top: 8px;} /* 多规格 */ .multi_spec h3{font-size: 15px;font-family: "poppins_sb";color: #333;} .multi_spec dl dd{} .prom_right .attributes_dl{margin-bottom: 20px;} .prom_right .attributes_dl dl{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;} .prom_right .attributes_dl dd{width: 48%;display: inline-block;margin-bottom:5px;padding-left: 10px;position: relative;} .prom_right .attributes_dl dd::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top: 8px;left: 0;} .prom_right .attributes_dl dd span{font-family: "poppins_sb";color: #111;} .prom_right .buy_heart_btn{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;font-family: "poppins_sb";font-size:16px;text-transform: uppercase;margin-top: 0.5rem;margin-bottom: 15px;text-transform: capitalize;} .prom_right .buy_heart_btn .button_dao{width: calc((100% - 15px)/2);text-align: center;} .prom_right .page_payment{margin-top: 0.4rem;} .prom_right .page_payment li{float: left;margin-right:10px;border: 1px solid #ededed;} .prom_right .page_payment li:last-child{margin-right: 0;} .prom_right .page_payment li img{max-height: 0.30rem;} .prom_right .out_stock{margin: 30px 0;} .prom_right .out_stock h2{font-family: "Poppins_sb";color: #000;} .prom_right .out_stock p{margin: 5px 0 10px;font-size: 15px;} .prom_right .check_input{margin: 10px 0;} .prom_right .check_input input{margin-right:5px;} .prom_right .out_stock .more_black{cursor: pointer;width: 100%;text-align: center} .prom_right .out_stock .form-control{height:46px;border-radius: 0px;} .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #e0e0e0; border-radius: 4px; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #381e38; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50, 30, 56, 0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50, 30, 56, 0.2); } .thumb_video{position: relative;} .thumb_video .watch_video{position:absolute;z-index: 9999;top: 20px;left:20px;cursor: pointer;opacity:1;transition: all 0.5s;opacity: 0.7;width: 50px;} .thumb_video .watch_video:hover{transform: scale(1.2);opacity: 1;} .Popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter: Alpha(opacity=75);background: #000;display: none;z-index: 9999999999999999999;} .Popup .video {max-width: 1400px;background: #000;width: 90%;margin: 10% auto 0;padding: 10px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);} .Popup .video video {width: 100%;} @media only screen and (max-width: 1440px){ .prom_right h1{font-size: 26px;} } @media only screen and (max-width: 992px){ .prom_img,.prom_right{width: 100%;padding-left: 0;} .prom_right h1{font-size: 22px;line-height: 28px;margin-top: 30px;} .price_main_sale .cur{font-size: 24px;} .prom_right .probuy_now{line-height: 40px;} .prom_right .addtocart{line-height: 38px;} } @media only screen and (max-width: 768px){ .prom_right .attributes_dl dd{width: 100%;} .prom_right .other_var ul li .price .cur{font-size: 14px;} .prom_right .other_var ul li{padding: 5px;} .prom_right .price{margin: 10px 0;} .Popup .video{padding: 2px;} } /* mostBox */ .mostBox{width: 100%; margin: 50px 0 0px; margin-top: 80px;} /* .mostBox .des_return .ptab_nav{position: sticky;width: 100%;background: #fff;top:71px;z-index: 99999;} */ .ptab_nav ul{border-bottom: 1px solid #efefef;} .ptab_nav ul li{display: inline-block;font-family: "poppins_sb";padding:0.2rem 0;margin-right:.5rem;cursor: pointer;text-transform: capitalize;color: #333;} .ptab_nav ul li:last-child{margin-right: 0;} .ptab_nav ul li:hover{color:#990F1C;} .ptab_nav ul li.on{color:#990F1C;border-bottom: 2px solid #990F1C;} .ptab_content .single{display: none;} .ptab_content .single.active{display: block;} .mostBox .ptab_content .single{margin: 0.4rem 0 0;} .mostBox strong{font-weight: bold;font-family: 'Helvetica', Arial, sans-serif;color: #333;} @media only screen and (max-width:992px){ .mostBox{margin-top: 40px;} .ptab_nav ul li{padding: 0.07rem 0;margin-right: 0.1rem;} .mostBox .des_return .ptab_nav .font_20{font-size: 16px;} } .mostBox .title_top{text-align: center;margin-bottom: 0.35rem;} .page_faq{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;gap:24px;} .page_faq .faq_fl,.page_faq .faq_fr{background: #f7f7f7;flex: 1;padding: 20px;border-radius: 4px;} .faq ul li{border-bottom: 1px solid #e3e3e3;} .faq ul li:last-child{border: none;} .faq .q{position: relative; padding: 15px; font-size: 15px; line-height: 28px; cursor: pointer;color:#121212;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-weight: bold;display: flex;display: -webkit-flex; align-items:center;justify-content: space-between;} .faq .q .faq_name{width: calc(100% - 30px);font-size: 0.18rem;color: #333;} .faq .q .fa-angle-down{width: 24px; height: 24px; line-height: 24px; font-size: 14px; text-align: center;color: #262626;border-radius: 50%;transition: transform 0.5s;background: #dfdfdf;border-radius: 50%;font-weight: bold;} .faq .active .q .fa-angle-down{transform: rotate(180deg);background: #990F1C;color: #fff;} .faq .a{margin: 0px 2% 20px; color: #666;line-height: 26px;} .faqbg{background: #f7f7f7;padding: 20px 30px;border-radius: 4px;} @media only screen and (max-width: 1460px){ .faq .q .faq_name{font-size: 16px;} } @media only screen and (max-width: 992px){ .faq ul li{width: 100%;} .faq_box{margin-bottom:0px;} .page_faq{display: block;background: #f7f7f7;border-radius: 4px;padding: 15px 0;} .page_faq .faq_fl,.page_faq .faq_fr{width: 100%;padding: 0;} .faqbg{margin-top: 20px;} .faq ul li:last-child{border-bottom: 1px solid #e3e3e3;} } @media only screen and (max-width: 768px){ .faq .q{font-size: 15px; line-height: 24px;} .faq .a{margin: 0px 15px 10px 15px;} .faq .title{font-size: 36px; line-height: 38px;} } /* faq */ .faq_div{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;} .faq_div .n_left h3{color: #111;text-transform: uppercase;font-family:'Poppins_sb';padding-bottom: 15px;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px;} .faq_div .ptab_nav li{line-height:50px;border-bottom: 1px solid #f0f0f0;font-family:'Poppins_sb' ;cursor: pointer;color: #381e38;padding-left: 15px;position: relative;font-size: 16px;text-transform: capitalize ;} .faq_div .ptab_nav li::before{position: absolute;content: "";width:5px;height:5px;background:#ccc;left:0;top:22px;} .faq_div .ptab_nav li.on{color:#000;} .faq_div .ptab_nav li.on::before{background:#990F1C ;} .faq_div .ptab_content .item{display: none;} .faq_div .ptab_content .active{display: block;} .faq_div .page_faq li {width: 100%;} .faq_div .faq .q{padding-left: 0;} .faq_div .faq .a{margin-left: 0;} .faq_div .faq .q .faq_name{font-size: 16px;} .faq_div .faq ul li:last-child{border-bottom: 1px solid #e3e3e3;} @media only screen and (max-width: 992px){ .faq_div {margin-bottom: 0;} .faq_div .n_left{margin-bottom:30px;} .faq_div .n_left,.faq_div .fr{width:100%;} .faq_div .ptab_nav{display: flex;display: -webkit-flex;flex-wrap: wrap;} .faq_div .ptab_nav li{width: 33.3333%;} .faq_div .n_left h3{display: none;} } @media only screen and (max-width: 480px){ .faq_div .n_left{margin-bottom:10px;} .faq_div .ptab_nav li{width:50%;} } /* 详情图片缩放 */ .review_popimg{width: 600px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999999999; border: 10px solid #fff;} .mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#19000000,endcolorstr=#19000000);text-align:center;z-index: 999999999;display: none;} .close_bgmask{position: absolute;top: 10px;right: 10px;z-index: 99999999;height: 36px;width: 36px;cursor: pointer;} .close_bgmask:after{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(45deg); background-color: #fff;} .close_bgmask:before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(-45deg); background-color: #fff;} .close_bgmask {transition: transform .5s;} .close_bgmask:hover {transform: scale(1.2);} .review_popimg:hover{cursor: move} .mask>img{position: fixed; right: 10px; top: 10px; width: 60px;} .mask>img:hover{cursor: pointer} /* .page_review{margin-top: 30px;} */ .page_review .left{width: 60%; float: left;} .page_review .right{width: 40%; float: left; text-align: right;} .page_review .right .read_more{margin-bottom: 15px; width: 240px; text-align: center;} .page_review .right .view_allreview{background: #fff;border: 2px solid #990F1C;color: #990F1C; font-family: 'poppins_sb';margin-bottom: 0; } .page_review .right .view_allreview:hover{text-decoration: underline;background: #990F1C;color: #fff;} .Arating p{display: inline-block; font-size: 16px; font-family: 'poppins_sb'; padding-right: 4px;} .page_review .products_main_rating{display: inline-block;} .Arating .span1{display: inline-block;} .Arating .span1 span{font-family: 'poppins_sb'; padding: 0 8px 0 4px;} .review_progress_bar{position: relative; margin-top: 10px; max-width: 450px; padding: 10px; border: 1px solid #eee;} .review_progress_bar::before{content: ''; position: absolute; width: 10px; height: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; -webkit-transform: rotate(-45deg) translateX(-50%); transform: rotate(-45deg) translateX(-50%); background: #fff; top: -10px; left: 30px;} .review_progress_bar li{line-height: 20px; font-size: 12px; padding: 1px 0;} .review_progress_bar li .score_stars{width: 50px; float: left;} .review_progress_bar ul li .score_background{margin-top: 3px; position: relative; float: left; width: calc(100% - 100px); margin-left: 4px; margin-right: 6px; background: #eee; height: 12px;} .review_progress_bar li .score_number{width: 40px; float: left; text-align: right;} .review_progress_bar li .colour{background-color: #ffba0a; position: absolute; left: 0; top: 0; height: 100%;} @media only screen and (max-width:992px ){ .page_review .left{width: 100%; float: none;} .page_review .right{width: 100%; float: none; text-align: left; padding: 20px 0 10px 0px;} .reviews_content h2{font-size: 18px;} .review_question{margin-top:30px;} } .review_ul li{padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;} .review_ul li h2{font-size: 16px;margin: 20px 0 10px;color: #222;} .review_ul li .star{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .review_ul li .star .verified_user{margin-left: 10px;font-size: 14px;position: relative;top: 5px;} .review_ul li .star .verified_user i{width:15px;height:15px;text-align: center;line-height:15px;background: #0db26d;color: #fff;border-radius: 50%;font-size: 10px;margin-left: 5px;} .review_ul li h2 span{font-family: 'poppins';font-size:14px;color: #666;padding-left: 5px;font-weight: normal;} .review_ul li h3{font-size: 16px;margin: 20px 0 10px;color: #444;} .review_ul li .txt{color: #666;margin-bottom: 20px;} dl.choose_img{display: flex;display: -webkit-flex;flex-wrap: wrap;} dl.choose_img dd{width:98px;display:inline-block;border: 1px solid #efeded;margin-right:5px;height: 98px;margin-top: 0;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-bottom:10px;position: relative;} dl.choose_img dd img{width: auto;max-height:90%;max-width: 100%;cursor: pointer;transition: all 0.5s;} dl.choose_img dd img:hover{transform: scale(1.05);} .page_review .page_title{font-size: 22px;font-family: 'poppins_sb';color: #222;} .page_review h3{color: #222;margin:50px 0 20px;font-size:22px;} .page_review_top{padding: 20px;border:2px solid #f0f0f0;} .page_review_top .clearfix{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .page_review .left{width: 60%; float: left;} .page_review .right{width: 40%; float: left; text-align: right;} .page_review .right a{width: 100%;max-width: 240px;text-align: center;padding: 0.1rem;font-size: 16px;text-transform: capitalize;} .page_review .right a.askquestion_btn{margin: 10px 0;} .Arating{margin-top: 20px;} .Arating p{display: inline-block; font-size: 16px;padding-right: 4px;} .page_review .products_main_rating{display: inline-block;} .Arating .span1{display: inline-block;} .Arating .span1 span{padding: 0 8px 0 4px;} .review_progress_bar{position: relative; margin-top: 10px; max-width: 450px; padding: 10px; border: 1px solid #eee;} .review_progress_bar::before{content: ''; position: absolute; width: 10px; height: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; -webkit-transform: rotate(-45deg) translateX(-50%); transform: rotate(-45deg) translateX(-50%); background: #fff; top: -10px; left: 30px;} .review_progress_bar li{line-height: 20px; font-size: 12px; padding: 1px 0;} .review_progress_bar li .score_stars{width: 50px; float: left;} .review_progress_bar ul li .score_background{margin-top: 3px; position: relative; float: left; width: calc(100% - 100px); margin-left: 4px; margin-right: 6px; background: #eee; height: 12px;} .review_progress_bar li .score_number{width: 40px; float: left; text-align: right;} .review_progress_bar li .colour{background-color: #ffba0a; position: absolute; left: 0; top: 0; height: 100%;} @media only screen and (max-width:992px ){ .page_review .left{width: 100%; float: none;} .page_review .right{width: 100%; float: none; text-align: left; padding: 20px 0 10px 0px;} .reviews_content h2{font-size: 18px;} .page_review h3{margin: 20px 0 20px;} } @media only screen and (max-width:480px ){.mostBox .nav_tabs > li > a{font-size: 16px; padding: 10px 10px;}} .reviews_content{padding: 15px; border: 2px solid #f0f0f0; margin: 15px 0;} .reviews_content .title{font-size: 18px; display: block; margin-bottom: 15px;color: #222;font-weight: bold;} .reviews_content ul li{padding:20px; background: #F9F9F9; margin-bottom: 10px;} .reviews_content .reviews_fl{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .reviews_content .reviews_name{display: inline-block;} .reviews_content .reviews_score{margin-left:10px;} .reviews_content .reviews_fr{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .reviews_content ul li .name_first{width: 44px;height: 44px;border-radius: 50%;text-align: center;background:#222;font-family: 'poppins_sb';font-size: 26px;color: #fff;line-height: 44px; text-indent: 15px;letter-spacing: 20px;overflow: hidden;} .reviews_content ul li .name_title{font-size: 16px;color: #333;font-weight: bold;} .reviews_content .verified_user{display: inline-block;margin-right:5px;} .reviews_content .verified_user i{width:15px;height:15px;text-align: center;line-height:15px;background: #0db26d;color: #fff;border-radius: 50%;font-size: 12px;margin-left: 5px;} .reviews_content ul li .time{color: #777; font-size: 12px; vertical-align: middle;display: inline-block;} .reviews_content .my-rating-2{vertical-align: middle; top: -2px;} .reviews_content li .text{margin-top: 5px;width: 100%;} .reviews_content .reviews_fr .text{padding-left: 0;margin:0.05rem 0 0.1rem;font-size: 16px;} .reviews_content h2{font-size: 0.18rem;color: #333;margin-top: 20px;font-weight: bold;} .propl{margin-top: 30px;} .propl h3{font-size:20px;font-family: 'poppins_sb';margin-top:0;margin-bottom: 20px;color: #222;} .propl ul li{list-style: none; margin-bottom: 15px; position: relative;} .propl ul li h2{color: #333;font-size: 14px;margin-bottom: 10px;font-family: 'poppins_sb';} .propl ul li h2 span{color: red;} .propl ul li .span1{position: absolute; color: red; right: 8px; bottom:4px;} .propl ul li input{width: 100%; height: 44px; line-height: 44px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 0 15px 0 12px;font-size: 14px;} .propl ul li textarea{width: 100%; height: 80px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 12px;font-size: 14px;} .propl ul li .read_more{display: inline-block; text-transform: capitalize; color: #fff; font-size: 14px; padding: 0 20px; background: #990F1C; border: 0; width: auto;} .propl ul li .read_more:hover{background: #780812;} .review_filter{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;margin:30px 0;flex-wrap: wrap;gap: 10px;padding: 10px;background: #f7f7f7;} .review_filter .review_title{margin: 0;} .review_filter .review_title h2{margin:0;font-size: 18px;} .review_filter #saying{width: calc(100% - 180px);max-width:260px;} .review_filter #select_saying{width:100%;border-radius: 4px;padding: 8px 10px;border: 1px solid #e1e1e1;} .review_title{margin:60px 0 30px; color: #000; display: flex;align-items: center;justify-content: space-between;display: -webkit-flex;flex-wrap: wrap;} .review_title h2{font-size:24px;} @media only screen and (max-width:768px ){ .review_filter{margin:40px 0 20px;} .review_filter .review_title{margin-bottom: 0px;} /* .review_filter .review_title,.review_filter #saying{width: 100%;} */ .propl h3{font-size: 18px;} .review_title h2{width: 100%;margin-bottom: 15px;} .review_filter .review_title h2{font-size: 16px;} } /*page*/ .page_banner{width: 100%; overflow: hidden;position: relative;} .page_banner img{width: 100%; height: auto; max-width: 100%;} .page_banner img.page_banner_ph{display: none;} @media only screen and (max-width: 600px){ .page_banner::before{display: none;} .page_banner img.page_banner_pc{display: none;} .page_banner img.page_banner_ph{display: block;} } .page_title{position: relative; display: block;font-family: 'poppins_sb'; font-size: 18px; line-height: 50px;color: #000;} /* .page_title::before{content: ''; position: absolute; left:0px; top: 24px; width: 5px; height: 5px; background: #222;} */ /* n_left */ .n_left{float: left; width: 23%;} .n_right{float: right; width: 77%; padding-left: 45px;} @media only screen and (max-width:992px) { .n_left{float: inherit; width: 100%;float: none;margin-bottom: 30px;} .n_right{float: inherit; width: 100%; padding-left: 0px;} } /*blog_left*/ .bolg_title{margin-bottom:10px;padding: 12px 15px;border-top: 3px solid #990F1C;background: #f7f7f7;} .bolg_title h2{font-family: 'poppins_sb';color: #000;font-size: 18px;display: inline-block;} .blog_classifyone,.blog_classifytwo,.blog_classifytthr{margin-bottom:40px;} .blog_classifyone ul li{padding: 10px 0;border-bottom: 1px solid #efefef;} .blog_classifyone ul li a{transition: all 0.5s;} .blog_classifyone ul li.on a{font-family: 'poppins_m';color: #990F1C;} .blog_classifytwo ul li{padding: 10px 0;border-bottom: 1px solid #efefef;} .blog_classifytwo ul li a{font-family: 'poppins_m';transition: all 0.5s;display: block;} .blog_classifytwo ul li.on a{color: #990F1C;} .blog_classifytwo ul li time{display: block;font-size: 13px;margin-top: 10px;color: #999;} @media only screen and (min-width: 992px){ .blog_classifyone ul li a:hover{padding-left: 10px;color: #990F1C;font-family: 'poppins_m';} .blog_classifytwo ul li a:hover{color: #990F1C;} } @media only screen and (max-width: 992px){ .blog_classifytwo ul li a{font-size: 15px;} } /* 个人中心侧边 */ .left_infor{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #990F1C;} .infor_menu_title{ line-height: 30px;color: #444; font-family:'poppins_sb'; font-size:20px;position: inherit;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px; } .infor_menu ul li{ list-style:none; border-bottom:1px solid #eee;} .infor_menu ul li a{ color:#5c5c5c; line-height:22px; padding:10px 0px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-transform: capitalize;transition: all 0.5s;border-bottom: none;} .infor_menu ul li a i{ color:#ccc; font-size: 14px; margin-right:10px;} .infor_menu ul li a:hover{ color:#990F1C; padding-left:10px;} .infor_menu ul li a:hover i{ color:#990F1C;} .infor_menu ul li.on a,.infor_menu ul li.on a i{ color:#990F1C;} @media only screen and (max-width:992px ){ .infor_menu {border:none;padding: 0;} .left_infor{border-top: none;padding: 0;} } /*left mtree*/ ul.mtree{opacity: 0; margin-left: 0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} ul.mtree li ul.mtree-level-1{background: #f9f9f9; border-bottom: 1px solid #eee;} ul.mtree>li{list-style: none; border-bottom: none;} ul.mtree>li a{border-bottom: 1px solid #eee;} ul.mtree>li:last-child a{border: none;} ul.mtree a{display: block; font-size: 15px; color: #444; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 8px 30px 8px 5px; line-height: 22px; padding-right: 40px;} ul.mtree li ul a{padding: 8px 25px 8px 15px;} ul.mtree.transit li.mtree-open>span:before, ul.mtree.transit li.mtree-closed>span:before{font-family: FontAwesome; font-size: 18px; color: #990F1C; font-weight: bold; text-align: center; font-style: normal; width: 43px; height: 43px; line-height: 43px; position: absolute; right: 0; top: 0px; z-index: 2;} ul.mtree.transit li.mtree-open>span:before{content: "-";} ul.mtree.transit li.mtree-closed>span:before{content: "+"; color: #999;} ul.mtree .mtree-level-1 li.mtree-open>span:before{content: "-"; font-family: FontAwesome; float: right; font-size: 18px; line-height: 38px; color: #990F1C; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{content: "+"; font-family: FontAwesome; float: right; font-size: 16px; line-height: 38px; color: #999; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;} ul.mtree>li.mtree-node a ul a{font-size: 14px;} ul.mtree>li.mtree-open{color: #444; padding-bottom: 0;} ul.mtree>li.mtree-open>a, ul.mtree>li.mtree-open>a:after{color: #990F1C;} ul.mtree>li.mtree-node:hover>a, ul.mtree>li.mtree-node:hover>a:after{color: #990F1C; text-decoration: none;} ul.mtree>li>a{position: relative; z-index: 1; font-size: 15px; color: #444; text-transform: capitalize; padding: 10px 0;} ul.mtree ul li{list-style: none; position: relative;} ul.mtree ul li a{display: block; color: #555; font-size: 14px;} ul.mtree>li>ul>li>a{position: relative; font-size: 13px; border: none; text-transform: capitalize;} ul.mtree ul li a:hover{color: #990F1C;} ul.mtree>li>ul>li>a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;} ul.mtree li ul li.mtree-open a{color: #990F1C; text-decoration: none;} ul.mtree .mtree-level-2{margin-top: 0px; border: none; margin-bottom: 0; background: #fff;} ul.mtree li ul.mtree-level-2 li a{color: #808080; font-weight: normal; font-size: 12px; padding-left: 20px; text-transform: capitalize;} ul.mtree li ul.mtree-level-2 li a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;} ul.mtree .mtree-level-2 li a:hover{text-decoration: none; color: #990F1C; font-weight: normal;} ul.mtree.jet ul{margin-left: 0;} ul.mtree.jet li{margin-bottom: 1px;} ul.mtree.jet li:last-child{margin-bottom: 0px;} ul.mtree.jet li:first-child{margin-top: 1px;} ul.mtree.jet li.mtree-active a{background: #e5e5e5;} ul.mtree.jet li.mtree-active li:last-child>a{border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active>a{background: #008cba; color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li>a:hover{background: #FFC000; color: #FFF;} ul.mtree.jet a{padding: 5px 0px 5px 1em;} ul.mtree.jet li li>a{padding-left: 2em;} ul.mtree.jet li li li>a{padding-left: 3em;} ul.mtree.jet li li li li>a{padding-left: 4em;} ul.mtree.jet li li li li li>a{padding-left: 5em;} ul.mtree a:hover{text-decoration: none;} ul.mtree>li.mtree-node ul i{margin-right: 10px;} .mtree-skin-selector{display: none !important} ul.mtree>li>ul>ul.mtree-level-2{opacity: 1; display: block !important; height: auto !important;} ul.mtree>li:hover>a{color: #990F1C; background-image: none;} @media only screen and (max-width:992px){ .hot_left{display: none;} .n_left{width: 100%; padding-right: 0; float: none; margin-bottom: 30px;} .n_right{width: 100%; border-left: none !important; padding-left: 0px; margin-top: 0px; float: none;} .infor_menu_title{position: relative; border-radius: 0px; background: #990F1C; color: #fff; padding:0px 10px; font-size: 16px; margin-bottom: 0;line-height: 36px;} .infor_menu_title:after{display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 15px; cursor: pointer; font-size: 20px; top: 2px; color: #fff; font-style: normal;} .infor_menu_title.active:after{content: "\f106"; top: 0;} .infor_menu_title.active{/*border-bottom: 1px solid #e5e5e5 !important;*/ border-radius: 0;} .left_infor{margin-bottom: 10px;} .refine_left, .price_left{display: none;} } @media only screen and (max-width:992px){ ul.mtree>li>a{padding: 8px 30px 8px 15px;} ul.mtree.transit li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree.transit li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree .mtree-level-1 li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;} } .read_more{display: inline-block; font-size: 15px; text-transform: capitalize; color: #fff; line-height: 44px; height: 44px; padding: 0 30px; background: #990F1C; cursor: pointer;} .page_more{display: inline-block; font-size: 15px; text-transform: capitalize; line-height: 36px; height: 36px; padding: 0 20px; background: #990F1C; color: #fff; cursor: pointer;} .read_more:hover, .page_more:hover{text-decoration: none; color: #fff; background:#811115;} /* account */ .account_title{display: block; font-size: 20px; line-height: 24px; font-family: 'poppins_sb'; margin-bottom: 15px; text-transform: capitalize;color: #222;} .account_dashboard .hello{font-size: 18px; font-family: 'poppins_sb';} .account_dashboard .main{background: #f9f9f9; padding: 15px;} .account_dashboard .text{margin-top: 5px; color: #777; line-height: 22px;font-size: 16px;} .account_dashboard .text a{color: #990F1C;} /* address information */ .account_address_box ul li{list-style: none; margin-bottom: 12px;} .account_address_box ul .checkbox_li .checkbox{width: auto;line-height: inherit;height: auto;} .account_address_box ul li .input_box .minput, .account_address_box ul li .input_box select{width: 100%; height: 40px; border-radius: 6px; line-height: 40px; border: 1px solid #ddd; padding-left: 12px; border-radius: 4px;font-size: 16px;} .account_address_box ul li label{font-size: 15px; font-weight: 400; margin-bottom:5px; display: inline-block; color: #777; vertical-align: middle;} .account_address_box .ul2{margin-bottom: 12px;} .account_address_box ul .control label{color: #222;} .account_address_box .buttons-set{margin-top: 15px;} .account_address_box input[type="radio"], .account_address_box input[type="checkbox"]{margin: 0;} .checkbox_li input{display: inline-block;} .checkbox_li label{color: #333 !important; padding-left: 4px; margin-bottom: 0 !important;} /* address book */ .page_empty{background: #f9f9f9; padding: 30px 15px; text-align: center;} .page_empty p{font-size: 20px; font-family: 'poppins_sb'; color: #555; margin-bottom: 20px;} .default{color: #FF0000;} .account_book_ul li{width: 100%; float: left; margin-bottom: 15px; padding: 15px 12px;background: #F9F9F9;} .account_book_ul li p{padding: 2px 0;} .account_book_ul .left{color: #777; font-size: 15px; float: left;} .account_book_ul .right{font-size: 15px;padding-left: 6px;} .account_book_ul .delete{font-size: 15px; padding: 4px; color: #777;} .account_book .account_book_ul{margin-bottom: 15px;} .account_add_address .account_address_box .w_full{width: 100%; margin-right: 0 !important;} .default_color{color: #990F1C;} .account_table th{font-size: 18px !important; text-align: center;color: #333;} .account_table td{font-size: 15px !important; text-align: center;} .account_view_order .order_title{font-size: 16px; font-family: 'poppins_sb';color: #222;} .account_view_order .box{background: #fff; padding: 15px; margin-bottom: 20px;border: 1px solid #eee;} .account_view_order li{width: 33.3333%; float: left; padding-right: 10px;} .account_view_order li .title{font-size: 15px; font-family: 'poppins_sb';color: #222;} .account_view_order li .text{padding-top: 10px; color: #777; font-size: 15px; padding-left: 2px;} .account_view_order td .images{display: inline-block; width: 60px;} .account_view_order td .images img{width: 100%;} .account_view_order .table2{font-family: 'poppins_sb'; margin-top: -1px;} .account_view_order .table2 td:first-child{text-align: left;} .account_view_order .table2 td:last-child{text-align: right;} .account_view_order .table-responsive1 .table{margin-bottom: 0;} .account_review ul li{list-style: none;} .account_review ul li .image{width: 25%; float: left;} .account_review ul li .image img{max-width: 100%;} .account_review ul li{border-bottom: 1px solid #eee; padding: 0px 0 15px; margin-bottom: 15px;} .account_review ul li .main{width: 75%; float: left; padding-left: 10px;} .account_review ul li .main .top em{font-size: 18px; font-family: 'poppins_sb'; margin-right: 8px;color: #222;} .account_review ul li .main .top .time{font-size: 13px; color: #808080; padding-left: 4px;} .account_review ul li .main .text{margin-top: 15px; font-size: 15px; line-height: 20px; color: #777;} .account_review ul li .main .bottom{margin-top: 6px;color: #548f66;} .account_review{padding-bottom: 40px;} .star_ul li{float: left;} .star_1, .star_2, .star_3, .star_4, .star_5{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_blank_star.png") repeat scroll 0 0;display: block;height: 20px;width: 20px;background-size:20px ;} .full_star{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_full_star.png") repeat scroll 0 0; background-size:20px ;} .verificationCode{position: relative;} .verificationCode input{padding-right: 135px !important;} .verificationCode span{position: absolute; top: 6px; right: 4px;} .review_list_product{margin-bottom: 30px} .review_list_product .left{width: 150px; float: left; border: 1px solid #eee; text-align: center; overflow: hidden;} .review_list_product .left img{max-width: 100%; transition: all .5s;} .review_list_product .left:hover img{transform: scale(1.05);} .review_list_product .right{width: calc(100% - 150px); float: left; padding-left: 15px;} .review_list_product .right .page_more{margin-top: 10px;} .review_list_product .right .title{font-family: 'poppins_sb'; font-size: 16px;color: #222;} .review_list_product .right .title:hover{color: #990F1C ;} .review_list_product .writeriviewstart{margin-bottom: 10px;} .verificationCode{position: relative;} .verificationCode input{padding-right: 135px !important;} .verificationCode span{position: absolute; top:9px; right: 4px;} .writeriviewstart{margin-bottom: 10px;font-size: 12px;} .writeriviewstart .span1{font-family: 'poppins_sb'; padding-right: 10px; font-size: 16px;} .writeriviewstart .star_ul{display: inline-block; position: relative; top: 2px;} .writeriviewstart .star_ul li{margin-bottom: 0;} .writeriviewstart .span1 .redM{color: red;} /* checkout */ .page_checkout .cartandcheckout_left .page_edit{display: flex;display: -webkit-flex;justify-content: space-between;} .page_checkout .cartandcheckout_left .page_edit .edit {display:flex;align-items: center;} .page_checkout .cartandcheckout_left .page_edit .edit a{color: #990F1C;line-height:34px;font-size: 15px;} .page_checkout .cartandcheckout_left .page_edit .edit a:hover{text-decoration: underline;} .page_checkout .cartandcheckout_left .page_title{margin-bottom: 5px;} .page_checkout .cartandcheckout_left .page_title::before{top: 11px;background: none;} .page_checkout .cartandcheckout_left .page_title_ssl {display:flex;align-items: baseline;justify-content: space-between;display:-webkit-flex;margin: 10px 0;align-items: center;flex-wrap: wrap;} .page_checkout .cartandcheckout_left img{display: inline-block;} .page_checkout .cartandcheckout_left .account_book_ul li{background: none;border:1px solid #e5e5e5;border-radius: 4px;} .page_checkout label{font-weight: 400; margin-bottom: 10px;display: block; font-size: 16px;} .address_ul li{float: left; width: 100%; margin-bottom: 15px;} .address_ul .li2{width: 49%;} .address_ul .li2_r{float: right;} .address_ul input, .address_ul select{width: 100%; height: 44px; line-height: 44px; border: 1px solid #e5e5e5;padding-left: 15px;font-size: 15px;} .checkout_checkbox .toggle_input{margin-top: 0; margin-right: 4px;} .checkout_checkbox span{vertical-align: middle;} .billing_address{display: none;} .shipping_method{margin: 10px 0 20px;} .payment_method{margin-bottom: 20px;} a.check_out{width: 100%;text-align: center;font-weight: bold;font-size: 16px;} .shipping_method ul, .payment_method ul{border: 1px solid #e5e5e5;;} .secure_payment_box{display: none;} .secure_payment{background: #e9f4f9;padding: 10px;display: flex;display: -webkit-flex;width:100%;position: fixed;width: 100%;z-index: 9;top:54px;align-items: center;max-width: 750px;left: 0;right: 0;margin: auto;} .secure_payment p{width:calc((100% - 136px)/1);padding-left: 15px;font-size: 13px;} @media only screen and (max-width: 992px){ .page_checkout{display: flex;display: -webkit-flex; flex-direction:column-reverse} /* .secure_payment_box{display: block;} */ } /* cart */ .cart_products_top{font-family: 'poppins_sb';font-size: 18px;padding: 15px 0;color: #222;} .cart_products_top .left{width: 60%;float: left;} .cart_products_top .left .main{ width: calc(100% - 135px);float: left;padding-left: 30px;} .cart_products_top .cart_all{float: left;} .cart_products_top .p_checkbox{margin-top: 4px;} .cart_products_top .right{width: 40%;float: left;display: flex;display: -webkit-flex;justify-items: center;justify-content: space-between;} .cart_products_top .right .quantity_ti{float: left;padding-left: 26px;} .cart_products_top .right .remove{width:0px;} .cart_title{font-size: 22px; font-family: 'poppins_sb'; text-transform: capitalize;color: #000;} .cartandcheckout_left{float: left; width: 70%; padding-right: 50px;} .cartandcheckout_right{float: right; width: 30%; background: #fff; padding: 0px 12px 20px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); border-radius: 4px;} .cart_products_detail li:first-child{border-top: 1px solid #eee;} .cart_products_detail li{border-bottom: 1px solid #eee; padding: 15px 0;} .cart_products_detail li .left{width: 60%; float: left;} .cart_products_detail li .right{width: 40%; float: left; padding-top: 22px; padding-left: 10px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .cart_products_detail .images{display: block; width: 100px; float: left;} .cart_products_detail .images img{max-width: 100%;} .cart_products_detail .main{width: calc(100% - 181px); float: left; padding-left: 12px;} .cart_products_detail .main .title{display: inline-block; font-size: 16px; line-height: 20px; overflow: hidden; margin-bottom: 5px;color: #222;} .cart_products_detail .main .price{font-size: 13px; margin-bottom: 5px;} .cart_products_detail .main .save_price {color: #fff;display: inline-block;background:#F04343;padding: 0 10px;border-radius: 2px;font-size: 14px;} .cart_products_detail li .right .quantity_box{float: left;border: 1px solid #e5e5e5;border-radius: 20px;} .cart_products_detail li .right .cart_total{float: left; font-size: 18px; font-family: 'poppins_sb'; padding-top: 10px;color: #222;} .quantity_box{font-size:14px; font-family: 'poppins_sb';} .quantity_box .sub, .quantity_box .add{float: left; width:36px; height:36px; line-height:36px; text-align: center;} .quantity_box .quantity_input{float: left; width: 60px; height:36px; line-height:36px; text-align: center;border:none;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .cart_products_detail .remove{line-height: 24px; font-size: 16px; text-decoration: underline; text-transform: capitalize; cursor: pointer;width: 20px;padding: 5px;height: 100%;background: #f7f7f7;} .cart_products_detail .remove:hover{background:#f1f1f1} @media only screen and (max-width: 992px){ .cartandcheckout_left{float: none; width: 100%; padding-right: 0;} .cartandcheckout_right{float: none; margin-top: 10px; width: 100%; background: #fff; padding: 0; box-shadow: none;} } @media only screen and (max-width:768px ){ .cart_products_detail li .left{width: 100%;} .cart_products_detail li .right{width: 100%;padding-left: 0;} .cart_products_top .left{width: 100%;} .cart_products_top .right{display: none;} } .page_cart .quantity_th{display: inline-block; min-width: 160px;} .cart_total{background: #fff;border-bottom: none;} .cart_total td{padding: 15px !important;} .cart_total .title{font-size: 15px;font-weight: bold;color: #444;} .cart_total .total_tr{background: #f7f7f7;} .cart_total .total_tr .title{font-size: 18px;} .cart_total .total_tr .price .cur{font-size:20px;} .cart_total .total_tr .price .or{font-size: 14px;} .cart_total .border_tr td{border: none;} .cart_total .title span{font-family: 'poppins';color: #666;font-size: 13px;} .cart_total .title span img{width: 20px;margin: 0 4px 0 2px ;} .cart_total td:last-child{text-align: right;} .cartandcheckout_right .read_more{font-family: 'poppins_sb'; padding: 0 20px;} .cartandcheckout_right .read_more{width: 100%; text-align: center;font-size: 18px;} .cartandcheckout_right .apply{background: #222;} .coupon_code{margin-bottom: 10px;} .coupon_code .code_input{width: 100%; height: 44px; margin-bottom: 10px; padding-left: 15px; line-height: 44px; border: 1px solid #ddd;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);} .cartandcheckout_right .apply:hover{background: #990F1C;} /* progressbar_box */ .progressbar_box{text-align: center;padding-bottom: 28px;} .progressbar_box li{display: inline-block;padding: 0 40px;} .progressbar_box li i{font-size: 16px;} .progressbar_box .progressbar_item .span1{width: 44px;height: 44px;border: 1px solid #bdbdbd;background-color: #ededed;color: #222;display: inline-block;line-height: 44px;text-align: center;border-radius: 22px;font-size: 20px;vertical-align: middle;} .progressbar_box .progressbar_item .text{font-size: 16px;padding-left: 10px;} .progressbar_box .progressbar_item .span1 i{line-height: inherit;} .progressbar_box .progressbar_item .check{display: none;} .progressbar_box .progressbar_item.current .span1, .progressbar_box .progressbar_item.active .span1{background: #172745;color: #fff;border: 1px solid #172745;} .progressbar_box .progressbar_item.active .num{display: none;} .progressbar_box .progressbar_item.current .check{display: none;} .progressbar_box .progressbar_item.active .check{display: inline-block;} .progressbar_box .progressbar_item .a{display: none;} @media only screen and (max-width: 768px){ .progressbar_box li{padding: 0 3px;} .progressbar_box .progressbar_item .text{font-size: 14px;padding-left: 2px;} .progressbar_box .progressbar_item .span1{width: 36px;height: 36px;line-height: 34px;font-size: 18px;} } /* .payment_method ul{background: #f9f9f9;} */ .shipping_method ul li:first-child, .payment_method ul li:first-child{border-bottom: 1px solid #e5e5e5;} .shipping_method label, .payment_method label{float: left; display: block; width: 100%; padding: 15px 10px; margin-bottom: 0; cursor: pointer;font-size: 15px;} .shipping_method label input, .payment_method label input{margin-top: 0; width: 20px; float: left; margin-top: 2px;} .payment_method label input{text-indent: 0;} .shipping_method label div, .payment_method label div{width: calc(100% - 20px); float: left; padding-left: 4px;} .payment_method label div.payment_between{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .shipping_method .right{float: right; font-family: 'poppins_sb';} .shipping_method .left{float: left;} .textarea_div textarea{width: 100%; border: 1px solid #ddd; height: 80px; background: #f9f9f9; padding: 10px; line-height: 22px; border-radius: 4px;} .checkout_products{font-size: 15px; margin-bottom: -1px;} .checkout_products .image{position: relative;} .checkout_products.table td{padding: 10px 8px !important;} .checkout_products td.image{width: 64px;} .checkout_products img{width: 64px; border: 1px solid #ddd; border-radius: 4px;} .checkout_products .title p{line-height: 20px; height: 40px; overflow: hidden;} .checkout_products .num{position: absolute; right: 0px; top: 3px; padding: 0 2px; min-width: 24px; height: 24px; line-height: 26px; text-align: center; background: #aaa; border-radius: 30px; color: #fff; font-size: 12px;} .cart_block{box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);} .checkout_products .price{text-align: right;} .checkout_products .price .cur{font-size: 18px;color: #990F1C;} .checkout_products .price .or{font-size: 14px;} .card_payment{background:#e9f4f9;margin-top: 20px;padding: 20px!important;background: url(../images/safe.svg)no-repeat 10px 20px #e9f4f9;background-size:25px;padding-left:40px !important;} .card_payment h2{font-size: 16px;font-family: 'poppins_sb';margin-top: 0;color: #333;} .shipping_method .address_ul input, .payment_method .address_ul input{width:100%;} .payment_method ul.address_ul li:first-child{border-bottom: none;} .new_card .address_ul{border: none;} .new_card label{padding-left: 0;} .new_card .address_ul h3{font-size: 14px;color: #777;margin:0;font-weight: normal;} .new_card .address_ul li{position: relative;} .new_card .address_ul li .lock{width: 20px;right: 10px;position: absolute;bottom: 15px;} .new_card .address_ul li .lock img{width: 100%;} @media only screen and (max-width: 480px){ .shipping_method .right, .shipping_method .left{float: none; display: block;} .address_ul .li2{width: 100%;} .card_payment{background-position: 10px 22px;} } /* collection_mt */ .collection_mt{height:42px; line-height:42px; padding-left:20px;font-size: 12px;margin-top: 20px;} .collection_mt input{ vertical-align:middle;margin-top: -3px;} .collection_mt label{ margin-left:5px; margin-right:15px; color:#333;font-size: 16px;font-weight: normal;font-family: 'poppins_sb';} .collection_mt a{ color:#666; text-decoration:none;font-family: 'poppins_sb';font-size: 16px;} .collection_mt a:hover{ color:#ce2b2c; text-decoration:underline;} .collection_mt a.into_btn,.oper a{ background:#ce2b2c; color:#fff; padding:6px 18px; border-radius:3px; margin-left:20px;} .collection_mt a.into_btn i,.oper a i{ background-position:0px -429px; width:11px; height:11px; display:inline-block; vertical-align:middle; margin-right:5px;} .collection_mt a:hover.into_btn,.oper a:hover{ background:#ce2b2c;} .tab-void{ margin-top:15px; border: 1px solid #f1f1f1;font-size: 12px;} .tab-void thead{ background:#e1f3ff; height:34px; line-height:34px; color:#333;} .tab-void thead td{font-size: 16px;font-family: 'poppins_sb';line-height:40px;} .tab-void tbody td {text-align:center; color: #666;padding: 20px;font-size: 15px;} .tab-void tbody td a:hover{text-decoration: underline;} .order_img {position: relative;} .order_img img{ width:85px; height:85px; float:left; vertical-align:middle; border:1px #e9e9e9 solid; margin-right:10px;} .order_text{float: left;width:calc((100% - 123px)/1);;color: #888;text-align:left;} .order_img a.pp_name{display: block;text-align: left;color: #000;font-size:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .order_text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size: 15px;} .order_img a.pp_name:hover{color: #990F1C;text-decoration: underline;} .pay a.r_btn{ width:90px; height:30px; line-height:30px; display:block; margin:0px auto; border-radius:3px; margin-bottom:5px;background:#F04343; color:#fff;} .pay a.r_btn:hover{ background:#ff4c4c;text-decoration: underline;} .p-checkbox { width: 13px; text-align: left;float: left; } .p-checkbox input { vertical-align: middle; margin-top: 24px; } .checkbox_text{overflow:hidden;} .tab-void tbody td .pay_ph{display: none;text-align: left;} @media only screen and (max-width:768px ){ .tab-void tbody td{padding: 10px;} .collection_mt{padding-left: 10px;} .tab-void tbody td .pay_ph{display: block;} .tab-void tbody td .pay_pc{display: none;} .tab-void td.none{display: none;} .pay a.r_btn{margin:inherit;text-align: center;margin-top: 20px; display:inline-block;font-size: 13px;} .pay a.b_btn{ width:90px; height:30px; line-height:30px; display:inline-block;border-radius:3px; margin-bottom:5px;background:#bfbfbf; color:#fff;text-align: center;margin-top:5px;font-size: 13px;} } /* collection_mt */ .lr_box{margin: 0 auto; max-width: 600px; padding:40px 20px 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px; text-align: center;} .lr_box .title{display: block; margin-bottom: 30px; text-align: center; font-size: 32px; line-height: 34px; font-family: 'poppins_sb'; text-transform: capitalize;color: #333;} .lr_box ul li{margin-bottom: 20px;} .lr_box ul li input{transition:all .5s; padding-left: 12px; line-height: 48px; height: 48px; border: 1px solid #ccc; width: 100%; border-radius: 4px;} .lr_box ul li p,.lr_box ul li a{display: block; font-size: 14px; color: #808080;} .lr_box ul li .read_more{border: 0; font-size: 16px; padding: 0 20px;} .lr_box ul li .p a{display: inline-block; font-size: 14px;} .lr_box ul li a{color: #172745;text-decoration: underline;} .lr_box ul li .p{font-size: 14px;} .lr_box .verificationCode span{top: 8px;} @media only screen and (min-width:992px ){ .lr_box{margin:50px auto 20px;} } @media only screen and (max-width:768px ){ .lr_box{padding: 30px 15px 20px; background: #fff;} .lr_box .title{font-size: 24px; margin-bottom: 15px;} } /* eightCharacters */ .eightCharacters{text-align: left;} .eightCharacters_top{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;gap: 20px;font-family: 'poppins_m'} .eightCharacters_top dl.sex_change_dl{display: flex;display: -webkit-flex;align-items: center;gap: 20px;} .eightCharacters_top dl.sex_change_dl dd .gx_box{width: 20px;height: 20px;border-radius: 50%;border: 1px solid #ccc;color: #333;display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .eightCharacters_top dl.sex_change_dl dd a{display: flex;display: -webkit-flex;align-items: center;gap: 10px;} .eightCharacters_top dl.sex_change_dl dd a span{position: relative;top:2px;} .eightCharacters_top dl.sex_change_dl dd .gx_box img{width:13px;} .eightCharacters_top dl.sex_change_dl dd.active a{color: #990F1C;} .eightCharacters_top dl.sex_change_dl dd.active a .gx_box{border: 1px solid #990F1C;background: #990F1C;} .eightCharacters_top dl.calendar_change_dl{display: flex;display: -webkit-flex;align-items: center;border: 1px solid #990F1C;border-radius:5px;text-transform: capitalize;} .eightCharacters_top dl.calendar_change_dl dd a{font-size: 14px;color: #666;padding:8px 10px;border-radius:4px;display: block;} .eightCharacters_top dl.calendar_change_dl dd.active a{color: #fff;background: #990F1C;} .eightCharacters_from_dl{text-align: left;margin-top:20px;display: none;background: url(../images/buagua.png) no-repeat center 20px #fff} .eightCharacters_from_dl.active{display: block;} .eightCharacters_from_dl dd:last-child{margin-top: 20px;} .eightCharacters_from_dl .input_title{display: block;font-size:16px;color: #444;margin: 10px 0;text-transform: capitalize;} .eightCharacters_from_dl .input_title span{color: #ff0000;} .eightCharacters_from_dl dd input{transition:all .5s; padding-left: 12px; line-height: 48px; height: 48px; border: 1px solid #ccc; width: 100%; border-radius: 4px;} .eightCharacters_from_dl dd input[type="text"]{background: none;} /* countdown */ .countdown{display: flex;background: #FFF2DD;color: #444;padding:10px;align-items: center;justify-content: center;margin-bottom:35px;font-size: 16px;} .countdown svg{margin-right:8px;} .countdown .alertBox{max-width:calc(100% - 30px);} .countdown #minutes,.countdown #seconds,.countdown .mao{display:inline-block;font-family: 'poppins_sb';color: #000;} /* order_now */ .order_now .container{line-height: 40px;background: #ccc;margin-top: 44px;text-align: center; background:#f6fff5;color:#548f66;font-size: 16px;font-weight: bold;} /* page_contact */ .page_contact .left { width: 50%; float: left; padding-right: 40px;} .page_contact em.title { font-size: 20px; font-family: "poppins_m"; color: #222; text-transform: capitalize; margin-bottom: 20px; display: inline-block; } .page_contact .text { font-size: 15px; line-height:28px; color: #777;} .page_contact .text a{color: #333;} .page_contact .right { width: 50%; float: right;} .page_contact .page_emailB { padding-top: 0; padding-left: 0px;} .page_contact .map { overflow: hidden; padding-top: 30px;} .page_contact .map iframe { width: 100%; max-width: 100%;} .page_contact .map img { max-width: 100%; height: auto; width: 100%;} .page_contact .con_right {padding-left: 40px;width: 50%;float: right;} .page_contact .con_right h3{color: #000;margin-bottom: 10px;text-transform: uppercase;} .page_contact .con_right h4{color: #222;font-size: 15px;font-weight: bold;margin:20px 0 5px;} .page_contact .con_right a:hover{text-decoration: underline;} .page_contact #form-validate {max-width: 100%; } .page_contact .share_dl_h2 h2{color: #222;font-weight: bold;} .page_emailB { padding-top: 30px; position: relative;border:10px solid rgb(153 152 152 / 10%); width: 50%; float: left; } .page_emailB .page_email_content { overflow: hidden; padding: 30px; } .page_emailB .page_email_content .sentUL { list-style: none;} .page_emailB .page_email_content .sentUL li { list-style: none;} .page_emailB .page_email_content .sentUL li { width: 100%; margin-bottom: 20px; border-radius: 24px;} .page_emailB .page_email_content .sentUL li input {transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px; } .page_emailB .page_email_content .sentUL textarea {transition: all .5s; width: 100%; line-height: 24px; height: 100px; padding-top: 10px; color: #777; padding-left: 15px; border: 1px solid #ccc; font-size: 12px;} .page_emailB .page_email_content .send_m {margin-top: 0;} .page_emailB .page_email_content .sentUL li input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #333; box-shadow: 0 5px 10px #ccc; } .page_emailB .page_email_content em {margin-top: 20px;font-weight: bold; color: #222; padding: 4px 0px; line-height: 30px; text-transform: capitalize;font-size: 20px; overflow: hidden;} .page_emailB .page_email_content p.text {color: #999; text-align: left;overflow: hidden; margin: 10px 0 15px;} .page_emailB .page_email_content .subject_title {border: 1px solid #ccc; background: #F8F8F8;font-size: 12px; border-radius: 0px; line-height: 24px; padding: 11px 0; padding: 0px 10px; margin-bottom: 20px; padding-left: 15px; width: 100%; } .page_emailB .page_email_content .subject_title p {font-size: 12px; color: #777; line-height: 24px; text-transform: capitalize; padding: 12px 0; } .page_emailB .page_email_content .subject_title p a { color: #FF0000;} .page_emailB .page_email_content .sent-email input,.page_emailB .emallM .sent-tel input,.page_emailB .emallM .sentUL li textarea { background-color: #fff; } .page_emailB .page_email_content .sentUL li.inputLI input,.page_emailB .emallM .sentUL li textarea {border: 1px solid #ccc; font-size: 14px;} .page_emailB .page_email_content .sentUL li.inputLI input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #333;} .page_emailB .page_email_content select { transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px;border: 1px solid #ccc; font-size: 12px;} @media only screen and (max-width:768px ) { .page_emailB .page_email_content { padding: 20px 15px;} } .contact_t .read_more{border: none;} @media only screen and (max-width:992px ) { .page_contact .con_right {padding-left: 0px; padding-top: 30px; margin-right: 0; padding-right: 0;} .page_contact .page_emailB { margin-right: 0; padding-right: 0;} .contact_ul li:before {width: 55px; height:48px; } .contact_ul li:first-child:before { background-size:50px ; } .contact_ul li:nth-child(2):before { background-size:50px ; } .contact_ul li:last-child:before { background-size:50px ; } .page_contact .con_right h3{font-size: 20px;} .page_contact .con_right h4{font-size: 14px;} .page_contact .con_right,.page_contact .page_emailB{width: 100%;float: none;padding-left: 0;} } .share_dl dd{display: inline-block;} .share_dl dd a{display: inline-block;color: #fff;text-align: center;cursor: pointer;margin-right: 15px;} .share_dl dd a img{max-height:18px;transition: all 0.5s;} .share_dl_h2{display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;} .share_dl_h2 h2{font-weight: normal;font-family: "poppins_sb";color: #111;text-transform: capitalize;margin: 0;margin-right: 10px;font-size: 16px;} .share_dl_h2 .share_dl{display: flex;display: -webkit-flex;align-items: center;} .share_dl_h2 .share_dl dd a{width:26px;height: 26px;background: #d3d3d3;margin-right: 8px;text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.5s;} .share_dl_h2 .share_dl dd a img{max-height:14px;} .share_dl_h2 .share_dl dd:nth-child(1) a{background: #2688d9;} .share_dl_h2 .share_dl dd:nth-child(2) a{background: #1d9bf0;} .share_dl_h2 .share_dl dd:nth-child(3) a{background: #ee2679;} .share_dl_h2 .share_dl dd:nth-child(4) a{background: #ca2027;} .share_dl_h2 .share_dl dd:nth-child(5) a{background: #007ab9;} @media only screen and (min-width:992px){ .share_dl dd a img:hover{margin-top: -10px;} .share_dl_h2 .share_dl dd a img:hover{margin-top: 0px;} .share_dl_h2 .share_dl dd a:hover{margin-top: -10px;} } /* page_contact */ /* 404 */ .errors{text-align: center;padding:40px 10px;position: relative;background: #f7f7f7;} .errors_box{position: relative;z-index: 1;} .errors h2{color: #222;font-weight: bold;font-size:26px;margin-bottom: 10px;} .errors h3{font-size:16px ;margin: 0;} .errors .button_primary{background: #990F1C;width: 190px;line-height: 50px;color: #fff;display: inline-block;text-transform: uppercase;margin-top:40px;} .errors .button_primary:hover{text-decoration: underline;} @media only screen and (max-width:480px ){ .errors h2{font-size:22px;} .errors h3{font-size:14px ;} .errors .button_primary{line-height: 46px;margin-top: 20px;} } /* success_paybox */ .success_paybox{background: #f9f9f9;font-size:20px;padding: 50px 0;border: 1px solid #f2f2f2;text-align: center;} .success_pay{font-weight: normal;} .success_pay span{text-transform: capitalize;} .success_pay span strong{font-weight: bold;font-size:36px;color: #379989;} .success_pay span b{display: block;margin-top:10px;font-size: 26px;} .success_pay span b span{background:none;font-weight: bold;padding-left:0;font-size: 18px;} .success_patsheet{font-size: 14px;text-align: left;width: 100%;margin: 15px 0;padding: 0 2%;} .success_patsheet .success_table{background: #fff;width: 100%;max-width:1070px;margin:auto;} .success_patsheet th{font-size: 16px;color: #990F1C;} .success_patsheet td,.success_patsheet th{padding:12px;border: 1px solid #f1f1f1;} .success_patsheet .pro_name{display: flex;display: -webkit-flex;align-items:center;} .success_patsheet .pro_name img{width: 100px;height: 100px;} .success_patsheet .pro_txt{width: calc(100% - 110px); padding-left: 10px;} .success_patsheet .pro_txt h2{font-size: 16px;font-weight: bold;margin-bottom: 10px;} .success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;} .pay_remark{max-width: 1070px;margin: auto;text-align: left;font-size: 14px;} .pay_remark span{color: #eb7c5e;padding-right: 5px;} .pay_remark a{color: #990F1C;} .pay_remark a:hover{text-decoration: underline;} @media only screen and (max-width:1152px ){ .pay_remark{padding: 0 2%;} } @media only screen and (max-width:768px ){ .success_paybox{margin: 30px 0;} .success_pay span{background-size:25px;background-position: left 8px;padding-left:30px;} .success_pay span strong{font-size: 26px;} .success_pay span b{font-size: 20px;} .success_pay span b span{display: block;} .address_pay{font-size: 14px;} .success_patsheet .pro_txt h2{font-size: 14px;} } .cart_empty{width: 100%; text-align: center; padding:40px 10px;margin: 100px 0;background: #fffff5;border-radius: 16px;} .cart_empty .flash_white{text-align: center;font-size: 16px;height: 44px;line-height: 44px; background: #990F1C;display: inline-block;padding: 0 30px;border-radius: 4px;transition: all 0.5s;font-weight: bold;} .cart_empty .flash_white:hover{background: #990F1C;color: #fff;} .cart_empty .title{font-size: 18px;margin-bottom:20px;font-weight: bold;} .errors_box{font-size:18px;} .errors_box .errors_404{font-weight: bold;font-size: 260px;line-height: 1;color:#f0eed2;} .errors_box .back_home{ background: #990F1C;line-height: 48px;text-align: center;display: inline-block;border-radius: 30px;padding: 0 40px;font-weight: bold;font-size: 16px;margin: 20px 0 40px;} .errors_box .back_home:hover{text-decoration: underline;} @media only screen and (max-width:640px){ .errors_box{font-size:16px;} .errors_box .errors_404{font-size: 150px;} .errors_box{line-height:1.5;} } .pay_remark{max-width: 1070px;margin: auto;text-align: left;font-size: 14px;} .pay_remark span{color: red;padding-right: 5px;} .pay_remark a{color: #990F1C;} @media only screen and (min-width:992px){ .success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;} .pay_remark a:hover{text-decoration: underline;} } @media only screen and (max-width:1152px ){ .pay_remark{padding: 0 2%;} } @media only screen and (max-width:768px ){ .success_paybox{margin: 30px 0;} .success_pay span{background-size:25px;background-position: left 8px;padding-left:30px;} .success_pay span strong{font-size: 26px;} .success_pay span b{font-size: 20px;} .success_pay span b span{display: block;} .address_pay{font-size: 14px;} .success_patsheet .pro_txt h2{font-size: 14px;} } /* about_boxone */ .bg_dots{background:url(../images/dots.png)no-repeat center center;} .about_boxone ul{display: flex;display: -webkit-flex;flex-direction: column;gap: 0.3rem;margin: 0 -2%;} .about_boxone li{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .about_boxone li:nth-child(2n){flex-direction: row-reverse;} .about_boxone li .txt{width: 60%;padding: 2%;} .about_boxone li .txt p{margin-bottom:15px;} .about_boxone li .txt a{color: #990F1C;} .about_boxone li .img{width: 40%;padding: 2%;} @media only screen and (max-width:992px ){ .about_boxone ul{margin: 0;} .about_boxone li .txt{width: 100%;padding: 0;padding-top: 15px} .about_boxone li .img{width: 100%;padding: 0;} } /* about_boxtwo */ .about_boxtwo .logo_stroy{display: flex;display: -webkit-flex;align-items: center;gap: 0.2rem;margin-bottom: 0.3rem;} .fl-rich-text p{margin-bottom: 15px;} .fl-rich-text p a{color: #990F1C;} /* about_boxthr */ .line_title{padding-bottom: 0.5rem;position: relative;} .line_title::before{position: absolute;width: 50px;height: 3px;background: #990F1C;content: '';bottom: 25px;left: 0;} .about_boxthr{background: url(../images/banner07.jpeg)no-repeat top center;background-size: cover;margin: 0.6rem 0;padding-top: 0.5rem;position: relative;padding: 0.5rem 0 0.6rem;} .about_boxthr .fl-rich-text{position: relative;z-index: 1;} .about_boxthr .fl-rich-text .txt{position: relative;z-index: 1;} .about_boxthr::before{width: 100%;left: 0%;position:absolute;content: '';height: 100%;z-index: 0;background:linear-gradient(to bottom, rgba(0,0,0, 0.4) 0%,rgba(0,0,0, .9) 100%);backdrop-filter: blur(0px);top: 0;} /* about_boxfour */ .about_boxfour{padding: 0.8rem 0;background: url(../images/banner06.jpg)no-repeat center center;position: relative;margin: 0.6rem 0;} .about_boxfour::before{width: 100%;left: 0%;position:absolute;content: '';height: 100%;z-index: 0;background:linear-gradient(to bottom, rgba(0,0,0, 0.4) 0%,rgba(0,0,0, .9) 100%);backdrop-filter: blur(0px);top: 0;} .about_boxfour h2{position: relative;z-index: 2;font-size: 0.46rem;line-height: 1.1;} @media only screen and (min-width:992px ){ .about_boxthr,.about_boxfour{background-attachment: fixed;} .about_boxfour{padding: 1.2rem 0;} .about_boxfour h2{font-size: 0.64rem;} } /* blog_list */ .blog_list dl{margin: 0 -10px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .blog_list dt{display: flex;display: -webkit-flex;gap:0.30rem;align-items: center;padding: 10px;background: #f7f7f7;margin: 0 10px;margin-bottom: 20px;} .blog_list dt .img{width: 4.6rem;} .blog_list dt .img img{width: 100%;} .blog_list dt .txt{width: calc(100% - 4.6rem);} .blog_list dt .txt p{margin: 0.1rem 0 0.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .blog_list .more_red02{font-size: 16px;} .blog_list dd{width: 33.3333%;margin-bottom: 20px;} .blog_list dd .single{margin: 0 10px;} .blog_list dd .img img{width: 100%;} .blog_list dd .txt{padding-top: 20px;} .blog_list dd .txt a.more{color: #990F1C;font-size: 15px;margin-top:10px;display: block;} @media only screen and (min-width:992px ){ .blog_list .img a img{transition: all 0.5s;} .blog_list .img a{display: block;overflow: hidden;} .blog_list dd .txt a.more:hover{text-decoration: underline;} .blog_list .img a:hover img{transform: scale(1.05);} } @media only screen and (max-width:768px ){ .blog_list dd{width: 50%;} } @media only screen and (max-width:640px ){ .blog_list dl{margin: 0 -5px;} .blog_list dt{gap: 0.2rem;margin: 0 5px 20px;flex-wrap: wrap;} .blog_list dt .img,.blog_list dt .txt{width: 100%;} .blog_list dd .single{margin: 0 5px;} .blog_list dd .single .font_16{font-size: 15px;} } /* blog_main */ .blog_main{ box-shadow: 0 0 20px 0 rgb(15 105 148 / 8%);background: #fff; padding: 30px; border-radius: 0;} .blog_main h1{ font-size:26px;color:#333; font-family:'poppins_m'; border-bottom: 1px solid #eee; padding-bottom: 10px;} .blog_main .blog_tags{ margin-top:20px;} .blog_main .blog_tags span{ font-size: 14px;text-transform:uppercase;} .blog_main .blog_tags a{ display:inline-block; color:#777;padding:0px 10px; background:#f8f8f8; border: 1px solid #eee;} .blog_main .blog_tags a i{ margin-right:4px; font-size: 14px; color:#999;} .blog_main h2{ font-size:28px;color:#000; font-weight: bold;line-height: 125%;} .blog_main .info_share{margin-bottom: 30px;border-bottom: 1px solid #efefef;} .blog_main .blog-info{ display:inline-block; color:#777; font-size:14px;margin: 10px 0;} .blog_main .blog-info i{color: #aaa; margin-right: 4px;} .blog_main .infor_menu ul li{ list-style:none;} .blog_main .blog_p h3{color: #444;font-size: 20px;line-height: 1.5;margin: 15px 0;font-weight: bold;} .blog_main .share_dl_h2 h2{font-size: 16px;color: #333;} .blog_main .blog_p{margin: 0 0 15px 0;} .blog_main .blog_p iframe{height: 500px;} @media only screen and (max-width:640px) { .blog_main{padding: 20px 15px;} .blog_main h2{font-size: 22px;} .blog_main .blog-info{font-size: 14px;} .blog_main .blog_p h3{font-size: 18px;} .blog_main .blog_p iframe{height: 200px;} } /*page-turning*/ .navigation{width:100%;list-style:none;margin-top:20px;padding-top:10px;} .navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px;} /*.navigation li.next_post{float:right;text-align:right;}*/ .navigation li a{padding-top:10px;padding-bottom:10px;position:relative;display:block;transition:all .5s;padding-left:60px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:0;} .navigation li a:hover{text-decoration:none;} /*.navigation li.next_post a{padding-right:50px;}*/ .navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; border-radius: 50%;} .navigation li.prev_post a:before{left:10px;content:"\f106";} .navigation li.next_post a:before{left:10px;content:"\f107";} .navigation li a:hover:before{background:#990F1C;color:#fff;border-color:#666;} .navigation li a .meta_nav{display:inline-block;font-size:14px;text-transform:capitalize;color:#222;margin-bottom:0;line-height:20px;transition:all .5s;font-family:'Montserrat Medium'; text-transform: uppercase;} .navigation li a:hover .meta_nav{color:#990F1C;} .navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;} .navigation li a:hover .post_title{color:#666;} @media only screen and (max-width: 768px) { .navigation{border:none;padding-top:0;margin-bottom:0;} .navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;} .navigation li.prev_post a{padding-left:60px;border-radius: 0;} .navigation li.next_post a{padding-left:60px;border-radius: 0;} .navigation li.prev_post a:before{left:10px;} .navigation li.next_post a:before{left:10px;} .navigation li a:before{width:40px;height:40px;line-height:40px;} .navigation li a .meta_nav{font-size: 14px;color:#333;margin-bottom: 0;} .navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;} .navigation li a .post_title{font-size: 14px;} } .tags_ul{ padding:4px 0; margin-bottom:10px;} .tags_ul span{ font-size:16px; font-family: "Montserrat Medium"; text-transform:uppercase; color:#333; margin-right:6px;} .tags_ul a{ display:inline-block; padding:0px 16px; background:#f9f9f9; color:#666; text-transform: capitalize;line-height: 30px; margin: 2px 0; border-radius:0; border: 1px solid #f1f1f1; font-size: 12px;} .tags_ul i{ margin-right:3px; font-size: 14px; color: #ccc;transition: 0.6s all;} .tags_ul a:hover{ background: #990F1C; color: #fff;} /* blog_scrollbar_father */ .blog_scrollbar_father li{width: 25%;} .blog_scrollbar_father li .img img{width: 100%;} .blog_scrollbar_father li .moudle{margin: 0 10px;} .blog_scrollbar_father li .txt{margin-top: 0.2rem;} .blog_scrollbar_father .txt a.more{color: #990F1C;font-size: 15px;margin-top:10px;display: block;} @media only screen and (min-width:992px ){ .blog_scrollbar_father .img a img{transition: all 0.5s;} .blog_scrollbar_father .img a{display: block;overflow: hidden;} .blog_scrollbar_father li .txt a.more:hover{text-decoration: underline;} .blog_scrollbar_father .img a:hover img{transform: scale(1.05);} } @media only screen and (max-width:1200px) { .blog_scrollbar_father li{width: 33.3333%;} } @media only screen and (max-width:640px) { .blog_scrollbar_father li{width: 50%;} .blog_scrollbar_father li .moudle{margin: 0 5px;} } .write_success{padding: 10px 15px;border: 1px solid #cbf3c8;margin: 15px 0;background: #f0fff0;display: flex;display: -webkit-flex;align-items:center;} .write_success i{font-size:12px;margin-right:10px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#548f66 ;line-height: 22px;} .write_success p{width: calc(100% - 34px);text-align: left;display: inline-block;} .write_error{padding: 10px 15px;border: 1px solid #f7e2e2;margin: 15px 0;background: #fff5f5;display: flex;display: -webkit-flex;align-items:center;} .write_error i{font-size:13px;margin-right:5px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#f13434 ;line-height: 22px;} .write_error p{width: calc(100% - 34px);text-align: left;display: inline-block;} .gap_20{gap: 20px!important;justify-content: flex-start!important;}