.myuki-danmu_box,
.myuki-danmu_box * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
a:any-link{
	text-decoration: none;
}
.myuki-danmu_box {
	position: relative;
	width: 100%;
	height: 100%;

	overflow: hidden;

}



.myuki-danmu_box::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	right: -1px;
	top: 0;

	/* z-index: inherit; */

}

.myuki-danmu_item {
	position: absolute;
	width: fit-content;
	height: 36px;
	display: flex;
	flex-direction: row;
	align-items: center;

	padding-left: 4px;
	padding-right: 4px;
	border-radius: 18px;
	left: 100%;
	/* z-index: 9998; */
	cursor: pointer;

}

.myuki-danmu_item:hover {
	box-shadow: 0px 0px 8px #48dbfb;
}

.myuki-danmu_item .avatar {
	height: 28px;
	width: 28px;
	border-radius: 50%;
	overflow: hidden;

}

.avatar img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.myuki-danmu_item .content {
	font-weight: bold;
	/* font-size: ; */
	line-height: 1;
	margin: 0 12px;
	color: #fff!important;
	background: none!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#AwesomeMyukiDanMu {
	position: relative;
	width: 100%;
	height: 300px;
}

		.form-box {
			display: flex;
			flex-direction: column;
			margin-top: 32px;
			width: 100%;
		}

		.form-box textarea {
			padding: 16px;
			margin-bottom: 12px;
			outline: none;

			font-size: 14px;

			border: none;

		}


		.AwesomeDanMu {
			height: 200px;
			width: 100%;
		}
		.container{
			width: 100%;
			height: 100%;
		
		}

		.ly-box{ text-align: center; padding-bottom: 40px; }
.ly-box p{text-align: center;font-size: 16px;color: #fff;font-weight: 400;width: 360px;height: 50px;line-height: 50px;}
		.ly-box a,.form-box #tucao{display: inline-block;text-align: center;cursor:pointer;font-size: 16px;color: #fff;font-weight: bold;width: 360px;height: 50px;line-height: 50px;border-radius: 4px;background: #8fc31f;}
		.ly-box a span{ padding-left: 40px; background: url(../images/icon-ly.png) left center no-repeat; }
		.mid2{ overflow:hidden; }

		.tow-box.active{transition: 0.5s all; height: 0; overflow:hidden; }
		.tow-bottom{ background: rgba(1,137,144,0.8); margin-top: 50px; display: none; overflow:hidden; position: relative; border-radius: 40px 40px 0 0;}
		.form-control{ height: 40px; width: 100%; border:none; background: none; border-bottom: solid 1px rgba(255,255,255,0.6); padding:0; line-height: 40px; color: #fff; }
		.col-xs-4{ width: 33.333333%; margin-bottom: 30px; float: left; padding:0 50px; }
.col-xs-1{ width: 100%; margin-bottom: 30px; float: left; padding:0 50px;color:#fff; }
		.row{ margin:0 -50px; padding-top: 70px; }
		.form-c{ position: relative; padding-left: 86px; }
		.form-txt{ position: absolute; left: 0; top: 0; line-height: 40px; font-size: 16px; color: #fff; }
		.form-txt span{ padding-left: 16px; }
.form-control::-webkit-input-placeholder,.txt-box::-webkit-input-placeholder{
            color:rgba(255,255,255,0.6);
        }
.form-control::-moz-placeholder,.txt-box::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:rgba(255,255,255,0.6);
        }
.form-control:-moz-placeholder,.txt-box:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:rgba(255,255,255,0.6);
        }
.form-control:-ms-input-placeholder,.txt-box:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:rgba(255,255,255,0.6);}
.txt-box{ border:none; background: #00757b; color: #fff; font-size: 14px; width: 100%; border-radius: 0; }
.an-box{ text-align: center; padding-top: 20px;  padding-bottom: 70px; }
.mid3{ margin-top: 0; }
.mid2{ padding-bottom: 0; }
.cha{ position: absolute; right: 30px; top: 30px; width: 28px; }
.mid2.active{ padding-top: 50px; transition: 0.3s all; }
.fw-list li{ float: left; width: 16.666666%; text-align: center; }
.fw-list li a{ display: inline-block; font-size: 16px; color: #333; }
.fw-list li a img{ margin-bottom: 15px; transition: 0.3s all; }
.fw-list{ padding:25px 0 100px 0; }
.fw-list li a:hover img{ transform: rotate(360deg); }
.fw-list li a:hover{ color: #2cb5a9; }
@media( max-width:1430px ){
	.row,.form-box{ padding-left: 20px; padding-right: 20px; }
}
@media( max-width:991px ){
	.col-xs-4{ padding:0 15px; }
	.row{ margin-left: -15px; margin-right: -15px; }
	}
@media( max-width:768px ){
	.col-xs-4{ width: 100%; }
	.ly-box p{width:220px;}
	.ly-box a, .form-box #tucao{ width: 220px; }
	.an-box{ padding-bottom: 30px; }
	.tow-bottom{ margin-top: 20px; }
	.mid2.active{ padding-top: 20px; }
	.fw-list li{ width: 33.333333%; margin-bottom: 20px; }
	.fw-list{ padding-bottom: 50px; }
	.slick div a img{
    width: 100%;
		margin-top:40px;
}
.banner img{
    width: 100%;
		margin-top:40px;
}
}