@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

img {
    vertical-align: middle;
	max-width:100%
}

html,body {font-family: 'Roboto';font-size:16px;width:100%;height:100%;color:#262626;}

.fl {float:left;}
.fr {float:right;}

.bgf{background-color:#fff;}
.bgyellow{background-color:#f0c83c;}
.bgorange{background-color:#e7980e;}
.bggreen{background-color:#6ab24c;}
.bggray{background-color:#cecece;}

.clf{color:#fff;}
.clyellow{color:#f0c83c;}
.cl26{color:#262626;}
.clorange{color:#e7980e;}
.clgreen{color:#56824a;}

.pt12{padding-top:12px;}
.pt24{padding-top:24px;}
.pb12{padding-bottom:12px;}
.pb24{padding-bottom:24px;}
.pl12{padding-left:12px;}
.pl24{padding-left:24px;}
.pr12{padding-right:12px;}
.pr24{padding-right:24px;}

.mt6{margin-top:6px;}
.mt12{margin-top:12px;}
.mt24{margin-top:24px;}
.mb12{margin-bottom:12px;}
.mb24{margin-bottom:24px;}
.ml12{margin-left:12px;}
.ml24{margin-left:24px;}
.mr12{margin-right:12px;}
.mr24{margin-right:24px;}

.fw9{font-weight:900;}

.over-hin{overflow:hidden}

.shadow{box-shadow:0px 0px 5px 1px #2626262b}

.v2-center{width:calc(100% - 48px);max-width:1152px;padding:0px 24px;margin:auto;}
.v2-t-center{text-align:center}

.v2-header{width:100%;height:120px;background-color:#314368;color:#fff;display: flex;justify-content: center;align-items: center;}

.v2-banner{width:100%;height:auto;background-image:url(../img/bg-texture.png);}
.v2-info1{width:calc(100% - 456px);padding:24px 0px;}
.v2-info1 p{padding:12px 0px;font-weight:700;}
.v2-info1 ul li{list-style:none;margin-top:12px;color:#fff;}
.v2-info1 ul li img{margin-right:6px;transform:translateY(-2px)}
.btn-free{padding:12px 24px;display:inline-block;text-decoration:none;color:#fff;border-radius:7px;border-bottom:4px solid #d58904;font-size:24px;text-transform:uppercase;font-weight:700;}
.v2-numbers{width:100%;height:auto;background-image:url(../img/bg-texture1.png);}
.v2-numbers ul{width:calc(100% - 48px);max-width:1152px;padding:24px;margin:auto;overflow:hidden}
.v2-numbers ul li{float:left;list-style:none;width:33.33333%;display: flex;align-items: center;justify-content: center;position:relative}
.v2-numbers ul li img{margin-right:12px;}
.v2-numbers ul li strong{font-size:24px;}
.bdr1{position:absolute;height:46px;width:2px;background-color:#e1e1e1;right:0;top:50%;transform:translateY(-50%)}

.v2-method{width:100%;height:auto;background-image:url(../img/bg-texture2.png);}
.v2-title{padding:12px;text-transform:uppercase;font-size:24px;}
.v2-method ul li{width:calc(33.333333% - 48px);margin:12px;padding:12px;float:left;background-color:#fff;border-radius:10px;list-style:none;text-align:center}
.v2-method ul li strong{display:block;text-transform:uppercase;color:#e7980e;}
.v2-method ul li img{margin:12px 0px;}
.v2-method ul li p{text-align:left;display: -webkit-box;text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.v2-method .v2-center{padding:12px 0px;overflow:hidden}

.v2-comment{width:100%;height:auto;background-image:url(../img/bg-texture1.png)!important;}
.v2-comment ul li{box-shadow:0px 0px 5px 1px #2626262b;position:relative;margin-top:56px;}
.v2-avt{position:absolute;top:-56px;width:112px;height:112px;overflow:hidden;left:50%;transform:translateX(-50%);border-radius:50%;}
.v2-avt img{width:112px;height:112px;margin:0px!important;}
.v2-comment ul strong{margin-top:56px;text-transform:none!important;color:#262626!important;margin-bottom:6px;}

.v2-brand{width:100%;height:auto;background-image:url(../img/bg-texture2.png)!important;padding:12px 0px;}
.v2-video{width:calc(60% - 24px);padding:12px;border-radius:5px;background-color:#fff;}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.v2-info3{width:calc(40% - 24px);margin-left:24px;}
.v2-info3 li{width:calc(100% - 48px);padding:24px;background-color:#fff;border-radius:5px;list-style:none;text-align:center}

.v2-list-sub{width:100%;height:auto;background-image:url(../img/bg-texture3.png)!important;padding:12px 0px;}
.v1-class{width:calc(100% - 12px);padding:6px;overflow:hidden}
.v1-class h3{display:block;font-size:24px;text-transform:uppercase;font-weight:900;padding-left:6px;}
.v1-class ul li{float:left;list-style:none;width:calc(12.5% - 12px);margin:6px;}
.v1-class ul li a{display:block;padding:8px 0px;text-align:center;border:1px solid #e1e1e1;border-radius:5px;text-decoration:none;color:#262626;background-color:#fff;}
.v1-class ul li a:hover{background-color:#5fae4d;color:#fff;}
.btn-more{padding:6px 12px;display:inline-block;border-radius:5px;text-decoration:none;color:#262626;background-color:#e1e1e1;}

.v1-vip{width:100%;}
.v1-col33{width:calc(33.3333333% - 26px);margin:12px;border-radius:5px;border:1px solid #e1e1e1}
.v1-50child{width:50%;}
.v1-vip-name{padding:3.5px 12px;display:block;color:#262626;margin:12px 0px 6px 0px;position:relative}
.v1-vip-name img{position:absolute;top:0;left:-12px;transform:rotate(180deg);width:12px;height:100%;}

.v1-price{font-weight:900;font-size:18px;margin:12px 0px 0px 0px;}
.fs12{font-size:14px;}
.v1-sale{text-align:center}
.v1-sale strong{font-size:24px;font-weight:900;margin-top:12px;display:block}
.v1-info-vip{width:calc(100% - 24px);margin:12px;overflow:hidden}
.v1-info-vip li{list-style:none;margin-top:12px;overflow:hidden}
.v1-info-vip li img{margin-right:8px;float:left}	.v1-info-vip li span{width:calc(100% - 30px);display:inline-block;float:right}
.v1-vip a:hover{background-color:#56824a;color:#fff;}

.v1-price-sale{font-weight:400;text-decoration:line-through;color:#262626;}

.v2-premium{width:100%;height:auto;background-image:url(../img/bg-texture1.png)!important;padding:12px 0px;}
.btn-cart{padding:8px 24px;display:inline-block;border-radius:5px;font-size:24px;text-decoration:none;text-transform:uppercase;font-weight:900;}
.v2-stt{width:24px!important;height:24px;background-color:#e1e1e1;border-radius:50%;float:left!important;display: flex!important;align-items: center;justify-content: center;}

.v2-end{width:100%;height:auto;background-image:url(../img/bg-texture.png)!important;padding:12px 0px;}
.v2-end ul{text-align:right;list-style:none;color:#fff;font-size:24px;width:calc(60% - 24px);padding:12px;}
.v2-img{width:calc(40% - 24px);padding:12px;text-align:center}


@media screen and (max-width: 1024px) {}

@media screen and (max-width: 960px) {
.v2-info1{width:100%}
.v2-banner .fl{float:none}
.v2-banner{background-position:center}
.v1-col33{width:calc(100% - 2px);margin:0px;margin-top:12px;}
}
@media screen and (max-width: 768px) {
.v2-center{padding:0px 12px;width:calc(100% - 24px)}	
.v2-numbers ul li img{width:48px;}
.v2-numbers ul li{width:50%;text-align:left;padding:12px 0px;}
.v2-numbers ul{padding:0px;}
.bdr1{display:none;}
.v2-title{padding:0px;font-size:18px;}
.v2-method ul li{width:calc(100% - 24px);margin:12px 0px;}
.v2-avt{top: -32px;width: 64px;height: 64px;}
.v2-comment ul{margin-top:32px;}
.v2-video{width: calc(100% - 24px);margin:12px 0px}
.v2-info3{width:100%;margin-left:0px;}
.v2-info3 li{padding:12px;width: calc(100% - 24px);}
.v2-info3 .mb24{margin-bottom:12px;}
.v1-class ul li{width: calc(25% - 12px);}
.v1-class{width:100%;padding:0px;padding-top:12px;}
.v2-end ul{width:100%;font-size:18px;}
.v2-img{width:100%;}
}

@media screen and (max-width: 480px) {
.btn-free{font-size:18px;}	
.v2-numbers ul li{width:100%;text-align:left;padding:12px 0px;}
.v2-info2{width:150px;}
}

@media screen and (max-width: 420px) {
.v1-class ul li{width: calc(50% - 12px);}
}