Starboth-Cloud-H5/screenIos/css/WXtrialInterface.css

body {
	font-size: .2592592593rem;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
}

.h-player {
	height: 100%;
	overflow: hidden;
	background: #000;
}

.container {
	width: 100%;
	height: 100%;
	position: relative;
	user-select: none;
}

#video1 {
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 1;
}

#box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}

.scroll {
	position: absolute;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

body:before {
	width: 100%;
	height: 100%;
	content: ' ';
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	background: #000;
}

#wine {
	user-select: none;
	-webkit-user-drag: none;
	position: absolute;
	z-index: 0;
}

canvas {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 999;
}

/*主屏*/

.control {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 90px;
	margin-bottom: 17px;
}

.control-left-img {
	width: 26px;
	height: 26px;
}

.control-left-img img {
	width: 100%;
	height: 100%;
}

#mainScreen-main {
	/* overflow: hidden; */
	user-select: none;
	-webkit-user-drag: none;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0px;
	/* left: 652.667px; */
	/* left: 270PX; */
	/* transform-origin: 0% 0%; */
	background: #000;
}

#mocan {
	position: absolute;
	left: -269px;
	top: 2px;
	/* opacity: 0.2; */
	width: 901px;
	height: 555px;
	z-index: 9999;
	opacity: 0.7;
}

#no-ne {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: #000000;
	z-index: 99999;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}

.no-ne-text {
	margin-top: 60%;
}

.no-ne-an {
	width: 171px;
	height: 47px;
	background: #eb6100;
	line-height: 47px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	margin-top: 20px;
}

.container .muted {
	position: absolute;
	right: .46296rem;
	top: .46296rem;
	z-index: 9999999;
	border-radius: 50%;
}

.muted {
	width: 2.62963rem;
	height: 2.62963rem;
	background-position: -1.78704rem -8.43519rem;
}

html {
	height: 100%
}

.control-right-img {
	width: 42px;
	height: 42px;
	margin: 0 auto;
	margin-top: 0.6rem;
}

.control-right-img img {
	width: 100%;
	height: 100%;
}

.leftmains {
	width: 3.5rem;
	height: 100%;
	background: #333333;
	position: fixed;
	right: 0rem;
	top: 0;
	z-index: 2;
	transition: all 0.2s ease-in;
}

.PictureQualityMain {
	margin-top: 3rem;
}

.PictureQuality {
	margin: 0 auto;
	width: 2.5rem;
	height: 1.8rem;
	line-height: 1.8rem;
	color: #fff;
	text-align: center;
	font-size: 15px;
	margin-top: 1rem;
}

.avit {
	background: rgba(255, 255, 255, 1);
	color: #000 !important;
	border-radius: 3px;
}

.upload {
	margin: 0 auto;
	width: 3rem;
	height: 1.8rem;
	line-height: 1.8rem;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 3rem;
}

.upload img {
	width: 1.5rem;
	height: 1.5rem;
}

.upload div {
	margin-top: -0.5rem;
	font-size: 14px;
}

.operation {
	margin-top: 9rem;
}

.bottommains {
	width: 100%;
	height: 50px;
	background: #333333;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.botmat1 {
	width: 33%;
	float: left;
}

.botmat1img {
	margin: 0 auto;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.5rem;
}

.botmat1img img {
	width: 100%;
	height: 100%;
}

.mainbox {
	width: 18rem;
	height: 10rem;
	background: #fff;
	position: fixed;
	top: 38%;
	left: 5%;
	border-radius: 5px;
}

.boxTitle {
	text-align: center;
	font-size: 18px;
	padding: 10px 0px;
}

.boxText {
	text-align: center;
	font-size: 16px;
}

.boxbt {
	width: 60%;
	height: 2.5rem;
	background: #0886F5;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	line-height: 2.5rem;
	color: #fff;
	border-radius: 5px;
	margin-top: 1rem;
}

.sbox {
	width: 18rem;
	height: 5.5rem;
	background: #fff;
	position: fixed;
	top: 38%;
	left: 5%;
	border-radius: 5px;
}

.sboxText {
	padding: 17px;
	font-size: 16px;
}

.sboxbu {
	text-align: right;
	color: #0886F5;
	font-size: 16px;
	margin-right: 2rem;
}

.boximg {
	position: absolute;
	width: 1rem;
	height: 1rem;
	left: 45%;
	bottom: -22%;
}

#showsuss {
	display: none;
}

.loading {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../img/homebg.jpg) no-repeat;
	background-size: 100% 100%;
}