@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:#191b1e;background-color:#ffeff2;background-image:url(../img/texture.png);}

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

.bgf{background-color:#fff;}
.bg-purple{background-color:#620ddb;}
.bg-blue{background-color:#0a81f9;}
.bg-red{background-color:#ec4f3c;}
.bggray{background-color:#cecece;}
.bggray2{background-color:#f5f4f4;}

.clf{color:#fff;}
.cl-purple{color:#620ddb;}
.clred{color:#ec4f3c;}
.cl-blue{color:#0a81f9;}
.clgray{color:#cecece;}
.cl1{color:#191b1e;}

.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;text-align:center}

.m-banner{display:none;}

.v1-boxvideo{width:calc(100% - 24px);margin:12px}
.v1-video{width:calc(64% - 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(36% - 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-bottom:24px;display:block;width:100%;overflow:hidden}
.v1-info1 ul li img{margin-right:6px;}
.v1-info1 ul li span{width:calc(100% - 43px);display:block;float:right;font-size:18px;}
.btn-videofree{text-align:center;font-weight:600;text-decoration:none;padding:12px 24px;border-radius:100px;color:#fff;}

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

.v1-detail{width:calc(100% - 24px);margin:12px;color:#fff;border-radius:5px;}
.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:22px;height:22px;border:2px solid #fff;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% - 52px);padding:12px;margin:12px;border:2px solid #fff;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;}

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

.v1-list-sub{width:calc(100% - 48px);margin:12px;padding:12px;border-radius:5px;}
.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:#191b1e;font-weight:bold;}
.v1-class ul li a:hover{background-color:#620ddb;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;border-radius:5px;}
.v1-cm-child h3{text-transform:uppercase;color:#0a81f9;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;border-radius:5px;}
.v1-50child{width:50%;}
.v1-vip-name{padding:2px 12px;display:inline-block;margin:12px 0px 6px 0px;position:relative}
.v1-vip-name img{position:absolute;top:0;left:-12px;transform:rotate(180deg)}

.v1-price{font-weight:900;font-size:18px;padding-top:12px}
.fs12{font-size:14px;}
.v1-sale{text-align:right}
.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;position:relative}
.v1-info-vip li img{margin-right:8px;position:absolute;top:50%;transform:translateY(-50%)}	.v1-info-vip li span{width:calc(100% - 28px);display:inline-block;float:right}
.v1-info-vip strong{display:block}
.v1-vip a:hover{background-color:#620ddb;color:#fff;}


.v1-step{width:100%;overflow:hidden}
.v1-step li{width:calc(25% - 24px);margin:12px;overflow:hidden;float:left;min-height:76px;text-align:center}
.v1-step li span{font-size:18px;font-weight:700;display:block}

.v1-finish{width:calc(100% - 24px);margin:12px;border-collapse:collapse;}
.v1-finish th{background-color:#0a81f9;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}

.v1-note{width:calc(100% - 48px);padding:0px 24px;display:block}
.v1-note li{list-style:none;font-weight:700;}

.v1-gift li{padding:12px;margin:12px;border-radius:100px;background-color:#fff;display:inline-block;position:relative}
.v1-gift li strong{font-weight:900;font-size:24px;text-transform:uppercase}
.v1-gift li span{font-size:34px;padding:0px 12px;}
.v1-gift li img{transform:translateY(8px)}
.bd-style1{border:2px solid #ec4f3c;}
.bd-style2{border:2px solid #0a81f9;}
.bd-style3{border:2px solid #620ddb;}

@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);}
.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(50% - 24px);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;}
.v1-step li{width:calc(100% - 24px);min-height:auto;}
.v1-gift li strong{font-weight:900;font-size:18px;text-transform:uppercase}
.v1-gift li span{font-size:24px;padding:0px 12px;}
}

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

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