@charset 'utf-8';

.div-screen-main{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:60%;
	height:100%;
}

.div-screen-top{
	background:linear-gradient(to right, #222222, #444444, #999999, #222222 );
	width:100%;
	height:5%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}

.div-screen-content{
	background:linear-gradient(to right, #222222, #000000, #222222);
	width:100%;
	height:64%;
}

.div-screen-bottom{
	background:linear-gradient(to right, #222222, #888888, #222222 );
	width:100%;
	height:5%;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	text-align:center;
}


.div-screen-content-left{
	width:4%;
	height:100%;
	background:linear-gradient(to bottom, #222222, #444444, #999999, #222222 );
	float:left;
}

.div-screen-content-middle{
	width:92%;
	height:100%;
	background:#ffffff;
	float:left;
	border-radius:6px;
}

.div-screen-content-right{
	width:4%;
	height:100%;
	background:linear-gradient(to bottom, #222222, #999999, #666666, #222222);
	float:left;
}

.div-screen-dizuo{
	width:200px;
	height:0;
	position: relative;
	margin:0px auto;
	border-bottom:100px solid rgb(180,180,180);
	border-left:30px solid transparent;
	border-right:30px solid transparent;
	transform: perspective(100px) rorateX(20deg);
	transform-origin: center;
}

.dscmt-right-main{
	padding-left:10px;
	height: 100%;
	display: flex;
	align-items: center;
}

.dscmt-right-content{
	width:100%;
}

.f-red{color:rgb(206, 45, 45);}
.f-blue{color:rgb(0, 176, 240);}
.f-green1{color:rgb(0, 176, 80);}
.f-green2{color:rgb(35, 143, 134);}

.div-screen-copyright{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	color:#fff;
}

.div-screen-content-middle-tips{
	width:100%;
	height:100%;
}

.dscmt-left{
	width:30%;
	height:100%;
	position: relative;
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.dscmt-right{
	width:70%;
	height:100%;
	position: relative;
	float: left;
	font-family: '微软雅黑';
	font-size: 26px;
}


.div-screen-bottom-applelogo{
	width:30px;
	height:30px;
	background-image:url(./logo_apple.png);
	background-size:26px 26px;
	background-repeat: no-repeat;
	margin:0 auto;
}

a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
a:active{color:#fff;text-decoration:none;}

.div-screen-content-middle-tips2{
	display: none;
}

.div-tips2-logo{
	width: 60px;
	height: 60px;
	margin:0 auto;
	background-image: url(./windcity-logo.png);
	background-size: 60px 60px;
	background-repeat: no-repeat;
}


@media (max-height: 450px){
	.dscmt-right{
		font-size: 20px;
	}

	.dscmt-left{
		display: none;
	}
}

@media (max-width: 768px){
	.div-screen-dizuo{
		width: 150px;
		border-bottom-width:80px;
	}

	.div-screen-content-left{
		width: 6%;
	}

	.div-screen-content-middle{
		width: 88%;
	}

	.div-screen-content-right{
		width: 6%;
	}

	.div-screen-bottom-applelogo{
		width:16px;
	}

	.div-screen-content-middle-tips{
		display: none;
	}

	.div-screen-bottom-applelogo{
		width:30px;
		height:30px;
		background-size:30px 30px;
		background-repeat: no-repeat;
		margin:0 auto;
	}
	
	.div-screen-content-middle-tips2{
		display: block;
	}

}