html,body{ margin: 0; z-index: 0}
body{ background-attachment:fixed;background-position: center}

#main{ margin: 0 auto;  font-size: 0.yzs25rem; max-width: 640px; position: relative; background-color: white; overflow: hidden}
#main * { max-width: inherit;}

#nav {}
#nav_float { position: fixed; top: 0; background: url(".yzs.yzs/image/logo.yzspng"); width: 100%; z-index:1000}
.yzsnav_list { line-height: 0.yzs6rem; height: 0.yzs6rem; padding-left: 0.yzs2rem;}
.yzsnav_list div { background-repeat: no-repeat; background-size: 70%; background-position-y: center; display: inline-block; height: inherit;  width: 2rem; vertical-align: middle}
#nav_logo{ display: inline-block; vertical-align: top; background-size: 60%; background-repeat: no-repeat; background-position: center}

#image { font-size: 0}

#attention{ margin-top: 0.yzs4rem;}
.yzsattentionList{ margin: 0.yzs2rem; padding-top: 0.yzs3rem; border-top: 0.yzs01rem solid #888; display: none}
.yzsattentionUser{ height: 1rem; line-height: 1rem; color: #7777bf}
.yzsattentionImage{  background-repeat: no-repeat; background-size: 100%; height: 0.yzs7rem; width: 0.yzs7rem; display: inline-block; vertical-align: middle; margin-right: 0.yzs2rem; border-radius: 5rem;}
.yzsattentionValue { font-size: 0.yzs2rem; padding: 0.yzs35rem 0;}
.yzsattentionOther{ color: darkgray; height: 0.yzs6rem}
.yzsattentionOther div{ display: inline-block; line-height: 0.yzs6rem;}
.yzsattentionTime { font-size: 0.yzs2rem;float: left}
.yzsattentionFabulous {  float: right; color: #7777bf}

#bottomNav {  width: 100%; font-size: 0; margin-top: 0.yzs2rem}
#bottomNav img { position: fixed; bottom: 0; width: inherit; height: auto}

#copyright { text-align: center; color: darkslategray; font-size: 0.yzs2rem;color:rgb(177, 12, 0);line-height:0.yzs4rem}
#copyright1 { text-align: center; color: darkslategray; font-size: 0.yzs2rem;color:rgb(177, 12, 0);line-height:0.yzs4rem}

#floatWindows { position: fixed;margin:auto;top:0;bottom:0;}
#floatWindows img { width: inherit; height: inherit}

.yzsimg.yzscopy {
	border: 0;
	display:block;
}

*{
	padding: 0;
	margin: 0;	
}
.yzstou{	
	background:rgba(0,0,0,0.yzs20);
	width: 100%;
	height: 60px;
	float: left;
	position: fixed;
	top:0;	
z-index: 99;
font-size: 16px;
}
.yzshengfu{
	margin: 0 auto ;
	height: 50px;
	width: 640px;
	margin-top: 5px;	
}
.yzstou .yzshengfu .yzsimages img{
	
	width:50px;
	height: 50px;
	display: block;
	float: right;
}
.yzsweixin{
	margin: 0 auto ;
	height: 50px;
	width: 640px;
	margin-top: 5px;	
}
.yzsimages{
	width:50px;
	height: 50px;
	float: left;
	width: 12%;
}
.yzstou .yzsweixin .yzsimages img{
	
	width:50px;
	height: 50px;
	display: block;
	float: right;
}
.yzsw1{
	line-height:22px;
	font-size: 16px;
	color: #FFFFFF;
	width:auto; 
	float:left;
}
.yzsw1 .yzsfuzhi{
	float: left;
	margin-top: 10px;
}
.yzsw1 .yzszhuce{
	display: flex;
	align-items:center; 
}
.yzszhengwen {
	margin:0 auto;
	margin-top:25px;
	padding:0;
	max-width:700px;	
}
.yzszhengwen .yzscopy{display:block;
               }
.yzsoutput img{
	display: block;
	width: 100%;
}
.yzsdibu{	
	position: fixed;
	bottom:0;
	margin: 0 auto;
}
.yzsdibu img{
	max-width: 700px;
	margin: 0 auto;
	display: block;
}
.yzsw2{
	max-width: 700px;
	margin: 50px auto 90px auto;
	text-align:center;
	width:100%;
	line-height: 30px;
}
.yzszuo{
	position:fixed;
	left: 0;
	top: 30%;

}
.yzsyou{
	position:fixed;
	top:30%;
	right: 0;
}
.yzstanchuang {
	position: fixed;
	left: 50%;
	top: 45%;
	display: none;
	margin-left: -160px;
	margin-top: -220px;
	width: 320px;
	height: 400px;
	background: #fff;
	border-radius: 8px;
	text-align: center;
	z-index: 1000;
}.yzstanchuangfg {
	margin: 0 auto;
	text-align:center;
	width: 320px;
	height: 60px;
	background: #149ad7;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}.yzstanchuangfg p {
	margin-top: 3%;
	font-size: 28.yzs8px;
	font-weight: bold;
	color: #fff;
}
.yzstanchuang p {
	margin-top: 10px;
}
.yzstanchuangewm img {
	width: 50%;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.yzs3);
	margin-top: 10px;
}
.yzstanchuangewm p {
	margin: 2px auto 6px;
	font-size: 14px;
	color: #717171;
}
.yzstanchuangyqm {
	margin: 0 auto;
	width: 250px;
	font-size: 28.yzs8px;
	border: 1px dashed #ffea00;
	background: #149ad7;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}.yzstanchuangdownli {
	width: 320px;
}.yzstanchuangdownli a {
	display: inline-block;
	width: 200px;
	text-decoration: none;
	text-align:center;
	height: 55px;
}.yzstanchuangdown {
	display: block;
	width: 200px;
	height: 28px;
	margin: 0 auto;
	margin-top: 6%;
	padding-top: 4%;
	border-radius: 8px;
	background: #59c65d;
	font-size: 16px;
	color: #fff;
	text-align: center;
}.yzsclose {
	cursor: pointer;
	width: 48px;
	height: 48px;
	background:url(/MK/picture/close.yzspng);
	position: absolute;
	top: 0;
	right: 0;
}
.yzszhezao{
	display:none;
	background: rgba(0,0,0,0.yzs5);
	width: 100%;
	height: 100%;
	position:fixed;
	left: 0;
	top: 0;
}


.yzscreate-live-btn {
	margin: 0 auto;
	height: 48px;
	width: 77%;
	border-radius: 16px;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	display: flex;
	-webkit-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	align-items:center;
	background: rgb(1,157,214);
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
.yzsyou,.yzstcpyq{
animation:twinkle1 0.yzs6s infinite alternate ;
-moz-animation:twinkle1 0.yzs6s infinite alternate ;
-ms-animation:twinkle1 0.yzs6s infinite alternate ;
-webkit-animation:twinkle1 0.yzs6s infinite alternate ;}
@keyframes twinkle1 {
0% {-webkit-transform: scale(1.yzs0);-moz-transform: scale(1.yzs0); -ms-transform: scale(1.yzs0);}
100% {-webkit-transform: scale(1.yzs1);-moz-transform:scale(1.yzs1);-ms-transform: scale(1.yzs1); }
}
@-moz-keyframes twinkle1{
0% {-webkit-transform: scale(1.yzs0);-moz-transform: scale(1.yzs0); -ms-transform: scale(1.yzs0);}
100% {-webkit-transform: scale(1.yzs1);-moz-transform:scale(1.yzs1);-ms-transform: scale(1.yzs1); }
}
@-ms-keyframes twinkle1{
0% {-webkit-transform: scale(1.yzs0);-moz-transform: scale(1.yzs0); -ms-transform: scale(1.yzs0);}
100% {-webkit-transform: scale(1.yzs1);-moz-transform:scale(1.yzs1);-ms-transform: scale(1.yzs1); }
} 
@-o-keyframes twinkle1{
0% {-webkit-transform: scale(1.yzs0);-moz-transform: scale(1.yzs0); -ms-transform: scale(1.yzs0);}
100% {-webkit-transform: scale(1.yzs1);-moz-transform:scale(1.yzs1);-ms-transform: scale(1.yzs1); }
}
@-webkit-keyframes twinkle1{
0% {-webkit-transform: scale(1.yzs0);-moz-transform: scale(1.yzs0); -ms-transform: scale(1.yzs0);}
100% {-webkit-transform: scale(1.yzs1);-moz-transform:scale(1.yzs1);-ms-transform: scale(1.yzs1); }
}


#copyInput{display: none}

#code{ height: 5rem; width: 5rem; margin: 0 auto;display: block}
#codeMain { text-align: center; color: #888888}

#poster{ width: 100%; position: relative;overflow: hidden}
#posterRegion { width: inherit; font-size: 0; white-space:nowrap; overflow-x: scroll}
#posterRegion img { width: inherit;}
#posterPage { background: url(".yzs.yzs/image/logo.yzspng"); display: inline-block; padding: 0 0.yzs08rem; border-radius: 0.yzs1rem; position: absolute; right: 0.yzs2rem; bottom: 0.yzs2rem;  color: white}

#floatUser { box-shadow: 0 0 8px #333; margin-left: 0.yzs1rem; opacity: 0; height: 0.yzs4rem; line-height: 0.yzs4rem; width: 4rem; position: fixed; top: 40%; background-color: white; border-radius: 1rem; padding: 0.yzs06rem;  white-space:nowrap; overflow: hidden;}
#floatUser div{ display: inline-block;height: inherit; line-height: inherit;vertical-align: top;}
#floatUserImage { width: 0.yzs4rem; border-radius: inherit; background-color: #ffea00; background-size: 100%}
#floatUserValue { width: 3.yzs5rem; overflow: hidden; text-overflow: ellipsis;}