@charset "UTF-8";
/* CSS Document */
body{
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"
}
.topbar{
    background-color: #ffffff;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 100;
}
.logo{
	position: relative;
	left: 22px;
	display:flex;
	width: 168px;
	align-items: center;
}
.name{
	font-size: 14px;
}
.pic{
	width: 76px;
}
.btn{
	color: #fff;
	position: relative;
	text-decoration: none;
} 
.small{
	font-size: 20px;
	color: #ffffff;
	
}
.btn .small{
	margin-right: 34px;
	box-sizing: border-box;
}
.btn .small a{
	padding: 11px 20px 9px;
	height:43px;
	width: 80px;
	background-color: #ff5661;
	text-align: center;
	border-radius: 13px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}
.large{
	font-size: 26px;
	letter-spacing: 1.1px;
	color: #ffffff;
}

.explain {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	box-sizing: border-box;
	color: #484848;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 1.36px;
	font-weight: normal;	
}

.english{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-weight: 300;
}
.btn.large{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	box-sizing: border-box;
}
.btn.large a{
	padding: 20px 23px 18px;
	margin: 15px 35px 62px 35px;
	height: 69px;
	width: 303px;
	box-sizing: border-box;
	background-color: #ff5661;
	border-radius: 13px;
	text-align: center;
	
}
.btn.large a:hover{
	background-color: #e53e57;
}
.words{
	text-align: center;
	font-size: 43px;
	color:#484848;
	letter-spacing: 2.25px;
	line-height: 60px;
	font-weight: 500;
	margin-top: 76px;
	box-sizing: border-box;
}
.main{
	background-image: url("../images/image_1.png");
	background-repeat: no-repeat;
    background-size: cover;
	height: calc(100vh - 60px);
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.slogan{
	margin: 50px 100px 50px 100px;
	position:relative;
}
.slogan p{
    font-size: 20px;
	font-weight: middle;
	color:#888888;
	text-align: center;
	letter-spacing: 1.04px;
	line-height: 26px;
	margin-top: 24px;
	
}
.double{
	font-size: 36px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.88px;
	margin-top: 24px;
	line-height: 42px;
	position:relative;
}
.hint{
	font-size: 12px;
	font-weight: normal;
	color:#d9d9d9;
	text-align: center;
	letter-spacing: 0.2px;
	margin-top: 24px;
	line-height: 18px;
	
}
.icon{
	box-sizing: border-box;
	margin-top: 100px;
}
.divider{
	background-color: #eeeeee;
	width: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

a{
	text-decoration: none;
	color: #ffffff;
	display: inline-block;
}
.ad{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.news{
	height: 800px;
	flex: 5;
	background-color: #484848;
	position: relative;
}
.model{
	background-image: url("../images/image_2.png");
	background-repeat: no-repeat;
    background-size: cover;
	flex: 8;
	height: 800px;
	
}
button{
	width: 85px;
	height: 43px;
	padding: 4px;
	border-radius: 13px;
	background-color: #ff5661;
	color:#fff;
	font-size: 20px;
	border: 0px;
	margin: 34px;
	display: none;
}

button.slick-arrow { border-radius: 0; }
button:hover{
	background-color: #e53e57;
}
.news h1{
	font-size: 45px;
	letter-spacing: 2.35px;
	line-height: 66px;
	color:#fff;
	font-weight: bold;
	margin-top: 118px;
	margin-left: 70px;
	margin-right: 85px;
}
.news p{
	font-size: 20px;
	letter-spacing: 1.04px;
	line-height: 35px;
	color:#fff;
	margin-top: 42px;
	margin-left: 70px;
	margin-right: 75px;
	font-weight: lighter;
}
.middle{
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 1px;
}
.btn.middle{
	box-sizing: border-box;
}
.btn.middle a:hover{
	background-color: #e53e57;
}
.btn.middle a{
	padding: 17px 18px 15px 18px;
	margin-top: 60px;
	margin-left: 70px;
	margin-bottom: 178px;
	height: 59px;
	width: 138px;
	box-sizing: border-box;
	background-color: #ff5661;
	border-radius: 13px;
	text-align: left;
}
.description{
	height: 800px;
}
.description h1{
	font-size: 40px;
	letter-spacing: 2.09px;
	line-height: 60px;
	color:#484848;
	font-weight: bold;
	margin-top: 54px;
	text-align: center;
	position:relative;
}
.description p{
	font-size: 20px;
	letter-spacing: 1.04px;
	line-height: 35px;
	color:#484848;
	margin-top: 32px;
	margin-left: 185px;
	margin-right: 185px;
	text-align: center;
	font-weight: lighter;
}
.picbox{
	display:flex;
	margin: 62px 53px 80px 47px;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	box-sizing: border-box;
}
.slick-slide img.three {
    display: inline-block;
	margin:0;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus
{ width: 27px; height: 50px; background-image: url("../images/icon_back.png"); background-size: cover; z-index: 99; left: 0;}

.slick-next,
.slick-next:hover,
.slick-next:focus
{ width: 27px; height: 50px; background-image: url("../images/icon_go.png"); background-size: cover; z-index: 99; right: 0;}

.slick-next:before {
    content: none;
}
.slick-prev:before {
    content: none;
}
.three{
	padding-left:10px;
	padding-right:10px;
	margin:0;
	height: 220px;
}
.two{
	padding-left:10px;
	padding-right:10px;
	margin:0;
	height: 255px;
}
.one{
	padding-left:10px;
	padding-right:10px;
	margin:auto;
	height: 220px;	
}
.zero{
	margin-left: 120px;
	width: 200px;
}
.vip{
	display: flex;
	justify-content: center;
}
.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 7px 10px 5px 10px;
	margin-right: 56px;
	margin-top: 50px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	
}
.first{
	box-sizing: border-box;
}
.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 8px 8px 6px 8px;
	margin-right: 56px;
	margin-top: 45px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
}

.second .tag {
	display: none;
}
.second .notag {
	display: none;
}
.second .zero{
	margin-left: 40px;
	margin-top: -5px;
}
.second .benefit{
	margin-right: 0px;
	margin-left: 40px;
}
.second .free{
	margin-right: 0px;
	margin-left: 40px;
}
.benefit{
	color: #484848;
	font-size: 22px;
	letter-spacing: 1.15px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 40px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
}
.free{
	color: #b9b9b9;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
}
.icon2{
	box-sizing: border-box;
	margin-top: 264px;
}
.marketing p{
	font-size: 26px;
	letter-spacing: 1.36px;
	line-height: 32px;
	color:#484848;
	margin-top: 40px;
	text-align: center;
	font-weight: bold;
}
.storebox{
	display: flex;
	justify-content: center;
	flex-direction: row;
	
}
.store{
	padding: 32px 6.5px 72px 6.5px;
}
box{
	display: flex;
	justify-content: center;
	flex-direction: row;
	/*background-size: cover;*/
}
.infbox img{
	display: inline-block;
	max-width: 100%;
}
.bottom{
	width: 33.33333333333333333333333333333333333333%;
	display: inline-block;
}
.footer{
	background-color: #eeeeee;
	width: 100%;
	box-sizing: border-box;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.footer h1{
	font-size: 20px;
	letter-spacing: 1.04px;
	line-height: 27px;
	color:#888888;
	font-weight: normal;
	text-align: left;
}
.footer p{
	font-size: 16px;
	letter-spacing: 0.93px;
	line-height: 26px;
	color:#888888;
	margin-top: 10px;
	text-align: left;
	font-weight: lighter;
}

.leftbox{
	padding-left: 30px;
	width: 350px;
	box-sizing: border-box;
}
.rightbox{
	padding-right: 97px;
}
.middlebox a{
	text-decoration: none;
	color: #888888;
	font-weight: lighter;
}
.middlebox a:hover{
	color: #4ba5f2;
}
.storecol{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 10px 0;
	box-sizing: border-box;
}
.col{
	box-sizing: border-box;
	padding-bottom: 10px;
}
.backhide{
	display: none;
}
.gohide{
	display: none;
}
.fulltext{
	background-color: rgba(238,238,238,0.3);
	height: cover;
	padding: 35px;
}
.fulltext p{
	font-size: 16px;
	letter-spacing: 1.04px;
	line-height: 26px;
	color:#888888;
	margin-top: 9px;
	text-align: left;
	font-weight: normal;
}
.service{
	margin-bottom: 25px;
}

.law h1{
	font-size: 20px;
	margin-top: 10px;
}
.arabic p{
	padding-left: 10px;
}

.arabic li{
	font-size: 16px;
	letter-spacing: 1.04px;
	line-height: 26px;
	list-style: disc;
	color: #888888;
}

@media (max-width: 1024px){
	.zero{
		width: 150px;
	}
	.tag{
		margin-right: 36px;
	}
	.notag{
		margin-right: 36px;
	}
	.double{
	font-size: 28px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.88px;
	margin-top: 24px;
	line-height: 42px;
	}
	
	
}
@media (max-width: 920px){
	.words {
    text-align: center;
    font-size: 36px;
    color: #484848;
    letter-spacing: 2px;
    line-height: 45px;
    font-weight: 500;
    margin-top: 76px;
    box-sizing: border-box;
}
	.zero{
		width: 130px;
	}
	.second .zero{
	margin-left: 40px;
	margin-top: -5px;
	}
	.second .benefit{
	margin-right: 0px;
	margin-left: 40px;
	margin-top: 40px;
	}
	.second .free{
	margin-right: 0px;
	margin-left: 40px;
	margin-top: 50px;
	}
	.benefit{
	color: #484848;
	font-size: 18px;
	letter-spacing: 1.15px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 40px;
	text-align: center;
	box-sizing: border-box;
	width: 120px;
	}
	.free{
	color: #b9b9b9;
	font-size: 14px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 120px;
	}
	.tag{
		
		margin-right: 36px;
	}
	.notag{
		margin-right: 36px;
		margin-top: 40px;
	}
	
	
}
	
@media (max-width: 768px){
	.words {
    text-align: center;
    font-size: 36px;
    color: #484848;
    letter-spacing: 2px;
    line-height: 45px;
    font-weight: 500;
    margin-top: 76px;
    box-sizing: border-box;
}
	.zero{
		width: 100px;
		margin-left: 105px;
	}
	.second .zero{
	margin-left: 40px;
	margin-top: -5px;
	}
	.second .benefit{
	margin-right: 0px;
	margin-left: 40px;
	}
	.second .free{
	margin-right: 0px;
	margin-left: 40px;
	}
	.benefit{
	color: #484848;
	font-size: 14px;
	letter-spacing: 1.15px;
	line-height:24px;
	margin-right: 8px;
	margin-top: 40px;
	text-align: center;
	box-sizing: border-box;
	width: 104px;
	}
	.free{
	color: #b9b9b9;
	font-size: 12px;
	letter-spacing: 0.53px;
	line-height:24px;
	margin-right: 8px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 104px;
	}
	.tag{
		font-size: 12px;
		margin-right: 36px;
		line-height: 14px;
		letter-spacing: 0.63px;
		border-radius: 7px;
	}
	.notag{
		font-size: 12px;
		margin-right: 36px;
		margin-top: 40px;
		line-height: 14px;
		letter-spacing: 0.63px;
		border-radius: 7px;
	}
	
}
@media (max-width: 720px){
	.zero{
	margin-left: 120px;
	width: 200px;
	}
	.second .zero{
	margin-left: 120px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 7px 10px 5px 10px;
	margin-right: 56px;
	margin-top: 50px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 70px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 70px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 8px 8px 6px 8px;
	margin-right: 56px;
	margin-top: 45px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 22px;
	letter-spacing: 1.15px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 40px;
	margin-left: 0px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:32px;
	margin-right: 24px;
	margin-left: 0px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.benefit{
	color: #484848;
	font-size: 22px;
	letter-spacing: 1.15px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 40px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.free{
	color: #b9b9b9;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	
}
@media (max-width: 580px){
	.topbar{
		height:48px;
		width: 100%;
	}
	
	.logo{
	left: 15px;
	width: 150px;
	display:flex;
	}
	.name{
	font-size: 12px;
	display: 13;
    }
    .pic{
	width: 59px;
	display: 10;
	}
	.pic img{
	width: 50px;
	}
	.zero{
	margin-left: 120px;
	width: 200px;
	}
	.second .zero{
	margin-left: 120px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 7px 10px 5px 10px;
	margin-right: 56px;
	margin-top: 50px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 70px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 70px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.94px;
	line-height:24px;
	padding: 8px 8px 6px 8px;
	margin-right: 56px;
	margin-top: 45px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 22px;
	letter-spacing: 1.15px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 40px;
	margin-left: 0px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:32px;
	margin-right: 24px;
	margin-left: 0px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.benefit{
	color: #484848;
	font-size: 22px;
	letter-spacing: 1.15px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 40px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.free{
	color: #b9b9b9;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:32px;
	margin-right: 24px;
	margin-top: 45px;
	text-align: center;
	box-sizing: border-box;
	width: 140px;
	}
	.slogan{
	margin: 15px 32px 55px 32px;
	}
	.slogan p{
    font-size: 16px;
	font-weight: normal;
	color:#888888;
	text-align: center;
	letter-spacing: 0.83px;
	line-height: 20px;
	margin-top: 40px;
	
	}
	.double{
	font-size: 22px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.15px;
	margin-top: 40px;
	line-height: 40px;
	}
}
@media (max-width: 480px){
	.topbar{
		height:48px;
		width: 100%;
	}
	.logo{
	left: 15px;
	width: 150px;
	display:flex;
	}
	.name{
	font-size: 12px;
	display: 13;
    }
    .pic{
	width: 59px;
	display: 10;
	}
	.pic img{
	width: 50px;
	}
	.zero{
	margin-left: 56px;
	text-align: center;
	width: 200px;
	}
	.second .zero{
	margin-left: 56px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 7px 9px 5px 9px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 55px;
	margin-bottom: 15px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 8px 7px 6px 7px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 30px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 14px;
	letter-spacing: 0.9px;
	line-height:18px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.free{
	color: #b9b9b9;
	font-size: 14px;
	letter-spacing: 0.9px;
	line-height:18px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.words{
	text-align: center;
	font-size: 22px;
	color:#484848;
	letter-spacing: 1.15px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 60px;
	box-sizing: border-box;
	}
	.slogan{
	margin: 15px 20px 55px 20px;
	}
	.slogan p{
    font-size: 16px;
	font-weight: normal;
	color:#888888;
	text-align: center;
	letter-spacing: 0.83px;
	line-height: 20px;
	margin-top: 40px;
	
	}
	.double{
	font-size: 22px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.15px;
	margin-top: 40px;
	line-height: 40px;
	}
	.explain {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	box-sizing: border-box;
	color: #484848;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.83px;
	font-weight: normal;	
	}
}
@media (max-width: 425px){
.topbar{
		height:48px;
		width: 100%;
	}
	.logo{
	left: 15px;
	width: 150px;
	display:flex;
	}
	.name{
	font-size: 12px;
	display: 13;
    }
    .pic{
	width: 59px;
	display: 10;
	}
	.pic img{
	width: 50px;
	}
	.zero{
	margin-left: 56px;
	text-align: center;
	width: 200px;
	}
	.second .zero{
	margin-left: 56px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 7px 9px 5px 9px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 55px;
	margin-bottom: 15px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 8px 7px 6px 7px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 30px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 14px;
	letter-spacing: 0.9px;
	line-height:18px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.free{
	color: #b9b9b9;
	font-size: 14px;
	letter-spacing: 0.9px;
	line-height:18px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 170px;
	}
	.words{
	text-align: center;
	font-size: 22px;
	color:#484848;
	letter-spacing: 1.15px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 60px;
	box-sizing: border-box;
	}
	.slogan{
	margin: 15px 20px 55px 20px;
	}
	.slogan p{
    font-size: 16px;
	font-weight: normal;
	color:#888888;
	text-align: center;
	letter-spacing: 0.83px;
	line-height: 20px;
	margin-top: 40px;
	
	}
	.double{
	font-size: 22px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.15px;
	margin-top: 40px;
	line-height: 40px;
	}
	.explain {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	box-sizing: border-box;
	color: #484848;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.83px;
	font-weight: normal;	
	}

}
@media (max-width: 375px){
	.topbar{
		height:48px;
		width: 100%;
	}
	.logo{
	left: 15px;
	width: 150px;
	display:flex;
	}
	.name{
	font-size: 12px;
	display: 13;
    }
    .pic{
	width: 59px;
	display: 10;
	}
	.pic img{
	width: 50px;
	}
	.zero{
	margin-left: 56px;
	text-align: center;
	width: 200px;
	}
	.second .zero{
	margin-left: 56px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 7px 9px 5px 9px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 55px;
	margin-bottom: 15px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 8px 7px 6px 7px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 30px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:15px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.free{
	color: #b9b9b9;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:15px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.words{
	text-align: center;
	font-size: 22px;
	color:#484848;
	letter-spacing: 1.15px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 60px;
	box-sizing: border-box;
	}
	.slogan{
	margin: 15px 16px 55px 16px;
	}
	.slogan p{
    font-size: 16px;
	font-weight: normal;
	color:#888888;
	text-align: center;
	letter-spacing: 0.83px;
	line-height: 20px;
	margin-top: 40px;
	
	}
	.double{
	font-size: 22px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.15px;
	margin-top: 40px;
	line-height: 40px;
	}
	.explain {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	box-sizing: border-box;
	color: #484848;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.83px;
	font-weight: normal;	
	}

	
}
@media (max-width: 320px){
	.topbar{
		height:48px;
		width: 100%;
	}
	.logo{
	left: 15px;
	width: 150px;
	display:flex;
	}
	.name{
	font-size: 12px;
	display: 13;
    }
    .pic{
	width: 59px;
	display: 10;
	}
	.pic img{
	width: 50px;
	}
	.zero{
	margin-left: 56px;
	text-align: center;
	width: 200px;
	}
	.second .zero{
	margin-left: 56px;
	margin-top:100px;
	width: 200px;
	}
	.picbox{
	display:flex;
	margin: 60px 16px 80px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	}
	.tag{
	background-color: #484848;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 7px 9px 5px 9px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 55px;
	margin-bottom: 15px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	
	}
	.first{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.second{
	box-sizing: border-box;
	margin-right: 0px;
	}
	.notag{
	background-color: #b9b9b9;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:14px;
	padding: 8px 7px 6px 7px;
	margin-left: 20px;
	margin-right: 38px;
	margin-top: 30px;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	}

	.second .tag {
	display: block;
	}
	.second .notag {
	display: block;
	}
	.second .benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.second .free{
	color: #b9b9b9;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:15px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.benefit{
	color: #484848;
	font-size: 16px;
	letter-spacing: 0.83px;
	line-height:28px;
	margin-right: 24px;
	margin-top: 50px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.free{
	color: #b9b9b9;
	font-size: 12px;
	letter-spacing: 0.63px;
	line-height:15px;
	margin-right: 24px;
	margin-top: 34px;
	text-align: center;
	box-sizing: border-box;
	width: 144px;
	}
	.words{
	text-align: center;
	font-size: 22px;
	color:#484848;
	letter-spacing: 1.15px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 60px;
	box-sizing: border-box;
	}
	.slogan{
	margin: 15px 16px 55px 16px;
	}
	.slogan p{
    font-size: 16px;
	font-weight: normal;
	color:#888888;
	text-align: center;
	letter-spacing: 0.83px;
	line-height: 20px;
	margin-top: 40px;
	
	}
	.double{
	font-size: 22px;
	font-weight: middle;
	color:#484848;
	text-align: center;
	letter-spacing: 1.15px;
	margin-top: 40px;
	line-height: 40px;
	}
	.hint{
		
	}
	.explain {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	box-sizing: border-box;
	color: #484848;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.83px;
	font-weight: normal;	
	}

}