body,html {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.logo-box {
	width: 178px;
	height: 50px;
	fill: #008bd6;
	position: absolute;
	left: -webkit-calc(50% - 89px);
	left: -moz-calc(50% - 89px);
	left: calc(50% - 89px);
	top: 264px
}

.notice {
	width: 100%;
	min-width: 400px;
	margin-top: 372px;
	text-align: center;
	font-size: 32px;
	line-height: 33px;
	color: #333
}

.browser-all {
	width: 100%;
	min-width: 400px;
	height: auto;
	margin: 50px auto 0;
	max-width: 900px;
	position: relative
}

.browser-box {
	width: 31%;
	position: absolute
}

.browser-box a {
	display: block;
	margin-top: 45px;
	text-decoration: none
}

.box_first {
	left: 0;
	top: 0
}

.box_first img {
	display: block;
	width: 128px;
	height: 128px;
	position: absolute;
	top: 9px;
	left: 29px
}

.box_second {
	left: 34.5%;
	top: 0
}

.box_second img {
	display: block;
	width: 126px;
	height: 126px;
	position: absolute;
	top: 10px;
	left: 30px
}

.box_third {
	right: 0;
	top: 0
}

.box_third img {
	display: block;
	width: 186px;
	height: 146px
}

.logo_box {
	width: 186px;
	height: 146px;
	position: relative;
	margin: auto
}

.logo_name {
	height: 16px;
	width: 100%;
	text-align: center;
	margin-top: 45px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.buttonBuy {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto
}

.buttonBuy .text {
	width: 100%;
	height: 18px;
	font-size: 14px;
	line-height: 18px;
	color: #008cdc;
	text-align: center;
	-ms-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word
}

.buttonBuy .line {
	margin: 0 auto;
	width: 10px;
	height: 5px;
	transition: width .3s ease;
	-moz-transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	border-bottom: 1px solid #008cdc
}

.buttonBuy:hover .line {
	width: 50px
}