body{
	margin: auto; 
	overflow: hidden;
	background: #173082 !important;
	/*
	background: -webkit-linear-gradient(bottom , #74D4FD, #645047); 
    background: -o-linear-gradient(bottom , #74D4FD, #645047); 
    background: -moz-linear-gradient(bottom , #74D4FD, #645047); 
    background: linear-gradient(to bottom , #74D4FD, #645047);
	*/
	}
img{border:0;}
canvas{
	display:block;
	position:absolute;
	margin: auto; 
	z-index:99;
}
input{
	border:1;
	outline:1;
	border:solid 1px rgb(121, 121, 121);
	background-color:rgba(0,0,0,0);
	font-size:22px;
	color:blue
}

.mActive{
	position:absolute;
	background:#000000;
	opacity:1;
	width:100%;
	height:100%;
	top: 0%;
	background:url(../images/mActivebg.svg);
}
.regionTitle{
	position:absolute;
	overflow:hidden;
	background:#FFFFFF;
	border-radius:10px;
	font-size:20px;
	text-align: left; 
	top: 30%; 
	color:#000000;
	padding:12px 12px 12px 12px;
}

p{
	position:absolute;
	overflow:hidden;
	background:#FFFFFF;
	border-radius:10px;
	cursor:pointer;

	font-size:20px;
	text-align: left; 
	top: 30%; 
	color:#000000;
	padding:12px 12px 12px 12px;
}


p:hover{
	color:#FF0033;
}


#loading{
	background:url(../images/loading.svg) no-repeat center center;z-index:9999;position: absolute;left:0;top:0;width:100%;height:100%;
}
#movie_container{
	display: none
}
#div_movie{
	 position:absolute;margin-left: auto; margin-right: auto;
}
#txt_input{
	position: absolute;display: block;
	height:100px; 
	border:none;background:White;display: none;
	 /*opacity: 0.6; */
}
#input{
	position: absolute;
	height:50px;margin-top:12px;
	/* display: none; */
}
ul { list-style: none; }
#log{display: none}
/* 背景 */

.cjBox{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/cjImg.png) no-repeat bottom;
    background-size: 100%;
	display:none;
}
.cjBox::before{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 1440px){
    .cjBox{
        background-size: auto 85%;
    }
}
@media screen and (orientation:portrait){
    /* 竖屏 */
    @media screen and (max-width: 1024px){
		.cjBox{
            background-image: url(../images/cjImg1.png);
            background-size: 100% auto;
        }
	}
}
@media screen and (orientation:landscape){
    /* 横屏 */
    @media screen and (max-width: 1440px){
        .cjBox {
            background-size: auto 90%;
        }
    }
    @media screen and (max-width: 1024px){
        .cjBox{
            background-size: 100% auto;
        }
    }
}