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

*{margin:0; padding:0;}

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

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

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

.bgf{background-color:#fff;}
.bggreen{background-color:#346458;}
.bggreen2{background-color:#4e6b28;}
.bgorange{background-color:#e29000;}
.bg-red{background-color:#b0331a;}
.bggray{background-color:#cecece;}
.bggray2{background-color:#f5f4f4;}

.clf{color:#fff;}
.clgreen{color:#346458;}
.clgreen2{color:#4e6b28;}
.clred{color:#b0331a;}
.clorange{color:#e29000;}
.clgray{color:#cecece;}
.cl26{color:#262626;}

.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}

.v1-full{width:100%;height:auto}
.v1-center{width:100%;max-width:1200px;margin:auto;}
.v1-t-center{text-align:center}

.v1-header{height:46px;}

.share span{line-height: 46px;text-align:center;font-size:16px;background-size:contain;background-position:center;}
.span1 {width:90px;height:46px;background:url(../img/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;float:right;}
.span2 {width:46px;height:46px;background:url(../img/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a;float:right;}

.v1-signin{width:calc(100% - 305px);padding:8px 0px;}
.v1-signin li{list-style:none;float:right;margin-right:12px;}
.v1-signin li a{padding:4px 12px;display:block;border-radius:100px;color:#fff;text-decoration:none}

.v1-banner{width:100%;height:auto;position:relative;}

.m-banner{display:none;}

.v1-boxvideo{width:calc(100% - 24px);margin:12px}
.v1-video{width:calc(60% - 24px);padding:12px;}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.v1-info1{width:calc(40% - 24px);padding:12px;text-transform:uppercase;overflow:-webkit-paged-y}
.v1-info1 h1{font-weight:900;font-size:34px;text-align:center}
.v1-info1 ul li{list-style:none;font-weight:600;margin-top:6px;}
.v1-info1 ul li img{transform:translateY(-2px);margin-right:6px;}
.v1-info1 p{text-align:center;font-weight:600;}
.btn-videofree{text-align:center;font-weight:600;text-decoration:none;padding:12px 24px;border-radius:100px;background-image:linear-gradient(#e36f1a , #af321a);color:#fff;}

.v1-tittle{font-weight:900;font-size:34px;text-align:center;text-transform:uppercase;padding:0px 12px;}

.v1-detail{width:calc(100% - 24px);margin:12px}
.v1-content{width:calc(50% - 48px);padding:24px}
.v1-content li{display:inline-block;width:100%;margin-top:24px;position:relative}
.v1-content li:nth-child(1){margin-top:0px;}
.v1-content li span{display:inline-block;width:calc(100% - 32px);float:right}

.v1-number{width:24px;height:24px;display: flex;justify-content: center;align-items: center;border-radius:50%;overflow:hidden;position:absolute;top:0;left:0;color:#fff;}

.v1-col50{width:calc(50% - 24px);padding:12px}
.v1-col50 ul{width:100%;overflow:hidden}
.v1-col50 ul li{list-style:none;float:left;width:calc(50% - 50px);padding:12px;margin:12px;border:1px solid #e1e1e1;border-radius:10px;text-align:center}
.v1-col50 ul li strong{font-size:34px;font-weight:900;}
.v1-info-child{width:calc(100% - 60px)}

.btn-cart{padding:8px 24px;display:inline-block;border-radius:100px;font-size:24px;text-decoration:none;text-transform:uppercase;font-weight:900;}

.v1-list-sub{width:calc(100% - 48px);margin:12px;padding:12px;}
.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;}
.v1-class ul li a:hover{background-color:#4e6b28;color:#fff;}
.btn-more{padding:6px 12px;display:inline-block;border-radius:100px;text-decoration:none;color:#262626}

.v1-cm-child{width:calc(50% - 72px);margin:12px;padding:24px;}
.v1-cm-child h3{text-transform:uppercase;color:#4e6b28;text-align:center;display:block;font-weight:900;}

.v1-cm-child ul{width:100%;overflow:hidden;margin-top:12px;}
.v1-cm-child ul li{list-style:none;float:left;position:relative}
.v1-avt{width:86px;height:86px;border-radius:50%;overflow:hidden;position:absolute;left:0;top:0px}
.v1-info-user{width:calc(100% - 98px);}
.v1-info-user strong{font-weight:900;}
.v1-info-user p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.v1-vip{width:100%;}
.v1-col33{width:calc(33.3333333% - 24px);margin:12px;}
.v1-50child{width:50%;}
.v1-vip-name{padding:2px 12px;display:inline-block;color:#262626;margin:12px 0px 6px 0px;position:relative}
.v1-vip-name img{position:absolute;top:0;right:-12px;}

.v1-price{font-weight:900;font-size:18px;}
.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;}
.v1-info-vip li img{margin-right:8px;float:left}	.v1-info-vip li span{width:calc(100% - 28px);display:inline-block}
.v1-info-vip strong{display:block}
.v1-vip a:hover{background-color:#4e6b28;color:#fff;}

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

.v1-step{width:100%;overflow:hidden}
.v1-step li{width:calc(33.33333% - 48px);padding:12px;margin:12px;background-color:#fff;overflow:hidden;float:left;min-height:76px;}
.v1-info-step{width:calc(100% - 66px);display:inline-block;text-align:left;text-transform:uppercase}
.v1-info-step strong{font-size:24px;font-weight:900;}
.v1-info-step p{font-size:18px;font-weight:900;}

.v1-finish{width:calc(100% - 24px);margin:12px;border-collapse:collapse;}
.v1-finish th{background-color:#4e6b28;color:#fff;text-transform:uppercase;}
.v1-finish th:nth-child(2){width:250px!important;}
.v1-finish th:nth-child(3){text-align:left!important;}
.v1-finish td:nth-child(3){text-align:left!important;}
.v1-finish td,tr,th{border:1px solid #e1e1e1;padding:12px;text-align:center}

.v1-notifical{width:272px;padding:12px;position:fixed;left:12px;bottom:30px;border-radius:100px;border:2px solid #b0331a;}
.v1-notifical img{width:40px;position:absolute;top:50%;transform:translateY(-50%)}
.v1-info-notifical{width:220px;}
.v1-info-notifical strong{text-transform:uppercase;color:#b0331a;font-weight:900;}
.v1-line{text-decoration:line-through}

@media screen and (max-width: 1024px) {.v1-col50 ul li{width:calc(100% - 50px)}
.v1-50child{width:100%;}
}

@media screen and (max-width: 960px) {.v1-class ul li{width:calc(25% - 12px);}}
@media screen and (max-width: 768px) {.m-banner{display:block}	.pc-banner{display:none}
.v1-video{width:calc(100% - 24px)}	.v1-info1{width:calc(100% - 24px);text-align:center}
.v1-content{width:calc(100% - 24px);padding:12px}
.v1-col50{width:calc(100% - 24px)}
.v1-col50 ul li{width:calc(50% - 50px)}
.v1-cm-child{width:calc(100% - 72px);}
.v1-col33{width:calc(100% - 24px);margin:12px;}
.btn-cart{font-size:18px}
.v1-step li{width:calc(100% - 48px);min-height:auto;}
.v1-info-step strong{font-size:18px;font-weight:900;}
.v1-info-step p{font-size:16px;font-weight:900;}
.v1-finish span{display:block;}
.v1-finish th:nth-child(2){width:40%!important;}
.mt24{margin-top:12px;}
} 

@media screen and (max-width: 640px) {
.span2{display:none;}
.v1-signin {width: calc(100% - 271px);}
.v1-col50 ul li{width:calc(100% - 26px);margin:0px 0px 12px 0px}
.v1-content li{margin-top:12px;}
.v1-list-sub{padding:0px;width:calc(100% - 24px)}
.v1-cm-child{width:calc(100% - 48px);padding:12px;}
}

@media screen and (max-width: 480px){.span1{width:64px;} .logo{width:100px;padding-top:6px;} .v1-signin {width: calc(100% - 208px);}

}

@media screen and (max-width: 420px){.v1-signin{width: calc(100% - 196px);}
.btn-signup{display:none!important;} 
.v1-class ul li{width:calc(50% - 12px);}
.v1-avt{width:56px;height:56px;}
.v1-info-user{width:calc(100% - 68px)}
.v1-tittle{font-size:24px;}
}

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

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