.ib {
	display: inline-block;
}
.b {
	font-weight: 600;
}
.hl_line {
    background: linear-gradient(180deg, #fff 0%, #fff 70%, #ffdc7e 70%, #ffdc7e 100%);
}
.hl_bg {
	background: #ffdc7e;
}
.bg_fff {
	background-color: #fff;
}
.bg_eee {
	background-color: #eee;
}
.pbr {
	display: block;
}
@media screen and (max-width: 1024px) {
	.pbr {
		display: inline-block;
	}
}


.cont .wide {
	position: relative;
}
.cont .wrap {
	position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.cont .wrap.extend {
    max-width: 1600px;
}
.cont .tit {
	color: #222;
	text-align: center;
	font-size: 45px;
	font-weight: 300;
}
.cont .tit .rounded {
	display: inline-block;
	border-radius: 52px;
	padding: 0 82px;
	background-color: #179bd0;
	color: #fff;
	line-height: 104px;
}
@media screen and (max-width: 1024px) {
	.cont .tit {
		font-size: 22px;
	}
	.cont .tit .rounded {
		border-radius: 36px;
		padding: 0 48px;
		line-height: 64px;
	}
	.cont .wrap {
		padding: 0 15px;
	}
	.cont .wrap.extend {
		padding: 0 15px;
	}
}

.video-cont {
	margin-top: 60px;
}
.video-cont .wide {
	position: relative;
	width: 100%;
	padding-top: 33%;
	overflow: hidden;
}
.video-cont .wide video {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
}
.video-cont .video-tit {
	position: absolute;
	top: 50%;
	right: 25%;
	transform: translate(50%, -50%);
	color: #ffffff;
	font-size: 45px;
	line-height: 1.4;
	font-weight: 300;
	white-space: nowrap;
}
.video-cont .video-tit span {
	color: #fec23b;
}
@media screen and (max-width: 1024px) {
	.video-cont {
		margin-top: 0;
	}
	.video-cont .video-tit {
		right: 24px;
		transform: translate(0%, -50%);
		font-size: 22px;
	}
}

.hoyo-intro .tit {
	margin: 120px 0 160px 0;
}
.hoyo-intro .hoyo {
	margin: 40px 0;
}
.hoyo-intro .hoyo-text {
	line-height: 96px;
}
.hoyo-intro .hoyo-img {
	float: left;
	width: calc((100% - 16px) / 4);
	margin: 2px;
}
.hoyo-intro .buy {
	text-align: center;	
	margin: 120px 0;
}
.hoyo-intro .buy > img {
	margin-top: 60px;
}
.hoyo-intro .buy > a {
	display: inline-block;
}
.hoyo-intro .tit.sub {
	margin: 60px 0;
}
.hoyo-intro .text-list {
	max-width: 730px;
	margin: 0 auto 76px auto;
}
.hoyo-intro .text-list li {
	display: block;
	width: 100%;
	margin-top: 4px;
	border-bottom: 1px solid #222;
	color: #222;
	text-align: center;
	font-size: 30px;
	line-height: 72px;
}
.hoyo-intro .text-list li img {
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.hoyo-intro .tit {
		margin: 40px 0 40px 0;
	}
	.hoyo-intro .hoyo {
		max-width: 200px;
		margin: 20px 0;
	}
	.hoyo-intro .hoyo-text {
		line-height: 48px;
	}
	.hoyo-intro .hoyo-text img {
		height: 42px
	}
	.hoyo-intro .hoyo-img {
		float: left;
		width: calc((100% - 8px) / 2);
		margin: 2px;
	}
	.hoyo-intro .buy {
		margin: 60px 0;
	}
	.hoyo-intro .buy > img {
		margin-top: 30px;
		max-width: 30%
	}
	.hoyo-intro .tit.sub {
		margin: 30px 0;
	}
	.hoyo-intro .text-list {
		max-width: 350px;
		margin: 0 auto 34px auto;
	}
	.hoyo-intro .text-list li {
		margin-top: 2px;
		font-size: 15px;
		line-height: 32px;
	}
	.hoyo-intro .text-list li img {
		height: 8px;
	}
}



.hoyo-desc {
	background-color: #f4f3f3; 
}
.hoyo-desc .tit {
	padding: 160px 0;
}
.hoyo-desc .desc-cont {
	padding: 60px 0;
	text-align: center;
}
.hoyo-desc .desc-cont .tit {
	padding: 60px 0;
	word-break: keep-all;
}
.hoyo-desc .desc-cont .img-cont {
	display: inline-block;
	max-width: 1200px;
}
.hoyo-desc .desc-cont .img-cont > img {
	width: 1200px;
}
.hoyo-desc .desc-cont .desc {
	padding: 40px 0;
	color: #222;
	font-size: 28px;
	line-height: 2;
	font-weight: 300;
}
.hoyo-desc .desc-cont .chat img {
	max-width: 730px;
}
@media screen and (max-width: 1024px) { 
	.hoyo-desc .tit {
		padding: 40px 0;
	}
	.hoyo-desc .desc-cont {
		padding: 20px 15px;
	}
	.hoyo-desc .desc-cont .tit {
		padding: 20px 15px;
	}
	.hoyo-desc .desc-cont .desc {
		padding: 20px 0;
		font-size: 16px;
	}
	.hoyo-desc .desc-cont .chat img {
		width: 100%;
		max-width: 380px;
	}
}



.hoyo-img .text {
	position: absolute;
	left: 50%;
	width: 100%;
	max-width: 1600px;
	padding: 0 20px;
	transform: translate(-50%, 0);
	color: #fff;
	font-size: 45px;
	font-weight: 300;
	white-space: nowrap;
}
.hoyo-img .text-1 {
	top: 20px;
	text-align: left;
}
.hoyo-img .text-2 {
	top: 20px;
	text-align: right;
}
.hoyo-img .text-3 {
	bottom: 20px;
	text-align: left;
}
.hoyo-img .text-4 {
	bottom: 20px;
	text-align: right;
}
@media screen and (max-width: 1024px) { 
	.hoyo-img .text {
		font-size: 22px;
	}
}



.hoyo-spec {
	text-align: center;
}
.hoyo-spec .tit {
	padding: 160px 0;
}
.hoyo-spec .spec-2 {
	padding: 100px 0;
}
@media screen and (max-width: 1024px) { 
	.hoyo-spec .tit {
		padding: 40px 0;
	}
	.hoyo-spec .spec-1 {
		width: 140%;
		max-width: none;
		margin-left: -40%;
	}
	.hoyo-spec .spec-2 {
		max-width: calc(100% - 40px);
		padding: 40px 0;
	}
}



.ctt .tit {
	padding: 160px 0;
}
.ctt .content {
	margin-bottom: 100px;
	text-align: center;
	word-break: keep-all;
}
.ctt .content .tit {
	padding: 0;
	font-weight: 600;
}
.ctt .content .hoyo {
	padding: 20px 0;
	transform: translate(30%, 0);
}
.ctt .content p {
	font-size: 22px;
}
.ctt .content .friends {
	margin-top: 60px;
}
@media screen and (max-width: 1024px) { 
	.ctt  .tit {
		padding: 40px 0;
	}
	.ctt .content {
		margin-bottom: 40px;
	}
	.ctt .content .hoyo {
		max-width: 60%;
	}
	.ctt .content p {
		font-size: 14px;
	}
	.ctt .content .friends {
		margin-top: 20px;
	}
}


.char-intro {
	padding-bottom: 200px;
}
.char-intro .tit {
	padding: 160px 0;
}
.char-cont .name {
	font-size: 45px;
	font-weight: 600;
}
.char-cont .img-cont {
	float: left;
	width: 50%;
}
.char-cont .text-cont {
	float: left;
	width: 50%;
	padding-top: 50px;
	font-size: 22px;
	line-height: 2;
	word-break: keep-all;
}
.char-intro .divider {
	display: inline-block;
	width: 100%;
	height: 2px;
	margin: 100px 0;
	background-color: #c5c5c5;
}
.char-cont.hoyo {
	text-align: left;
}
.char-cont .c-hoyo {
	color: #179bd0;
}
.char-cont.pio {
	text-align: right;
}
.char-cont.pio .img-cont {
	float: right;
}
.char-cont .c-pio {
	color: #fc3911;
}
.char-cont.shoi {
	text-align: left;
}
.char-cont .c-shoi {
	color: #5c9d22;
}
.char-cont.ddali {
	text-align: right;
}
.char-cont.ddali .img-cont {
	float: right;
}
.char-cont .c-ddali {
	color: #4492fb;
}
.char-cont.labo {
	text-align: left;
}
.char-cont .c-labo {
	color: #91871d;
}
.char-cont.cashi {
	text-align: right;
}
.char-cont.cashi .img-cont {
	float: right;
}
.char-cont .c-cashi {
	color: #ea6d96;
}
@media screen and (max-width: 1024px) { 
	.char-intro {
		padding-bottom: 80px;
	}
	.char-intro  .tit {
		padding: 40px 0;
	}
	.char-cont .name {
/*		text-align: center;*/
		font-size: 22px;
	}
	.char-cont .img-cont {
/*		text-align: center;*/
		width: 100%;
	}
	.char-cont .img-cont img {
		max-width: 66%;
	}
	.char-cont .text-cont {
		width: 100%;
		padding-top: 20px;
		font-size: 14px;
	}
	.char-intro .divider {
		margin: 40px 0;
	}
}



.hugmom-friends .tit {
	padding: 160px 0 80px 0;
}
.hugmom-friends .content {
	text-align: center;
	color: #222;
	font-size: 22px;
	word-break: keep-all;
}
.hugmom-friends .content img {
	padding-top: 40px;
}
@media screen and (max-width: 1024px) { 
	.hugmom-friends .tit {
		padding: 40px 0;
	}
	.hugmom-friends .content {
		font-size: 14px;
	}
}