html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,button,input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
a,a:hover,a:link{	font-style: normal;
	text-decoration: none;}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear{clear: both; height: 50px;}
body{background:#222222;margin: 0;padding: 0;font-size: 14px; }
.zhuye{background: url(bg.jpg) ; background-size: 100%; background-repeat: no-repeat;}
.home a{
	display:inline-block;  
	background: #303030; 
	border-radius: 40px;
	color: aliceblue;
	text-align: center;
	margin: 5% auto;
	width: 40%;
	padding: 10% 0;
	font-size: 18px;
   }
.home a:hover{background: #00acd1; color: #fff;}

.home a span{display: block; font-size: 25px;line-height: 200%; }

.back {display: block; line-height: 300%;width: 90%; margin: 0 auto 30px auto; color: #fff;	border-radius: 40px; background: #00acd1; font-size: 18px;}
.back:hover{background: #00d180;}
.top{text-align: left; line-height: 150%;color: #fff; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; padding: 3% 0 5% 0; padding-bottom: 30px; margin: 0% auto 5% auto; width: 80%;}
h1{font-size: 20px; }
.top .biaoti{color: #fff; width:100%;}
.top h3{display: block; width: 60%; float: left; font-weight:normal; color: rgba(255,255,255,0.5);}
.top h4{display: block; width: 40%; float: right;  font-weight:normal; text-align: right; color: rgba(255,255,255,0.5);}
div{text-align: center;  color: #fff; max-width:500px; margin:0 auto; }

ul .tian{border-radius: 20px; background: #303030; color: #fff; font-size: 20px; padding:2% 5%; width: 30%; }
ul .jieguo{text-align: center;  width: 30%; font-size: 20px; padding:3% 5%;  }
ul .j1{color:#00d180; }
ul .y1{color:#d100a2;}
ul .yk{color:#a371f4;}

ul .s1{color: #00acd1;}
ul .d1{color: aquamarine;}
ul li{ margin: 1% auto;  }
ul li h2{font-size: 18px; display: inline-block; width: 90px; margin: 2% 3% 2% 0; text-align: right; font-weight: normal; }
 .cp{border-radius: 20px; background: #303030;  margin: 8px auto; padding: 1% 0;}
 .cp .tian{background: #222222; }
 .cp .jieguo{color: aqua; }



.reportContaint{background: #222222; padding: 1% 2%; position: relative; padding-bottom: 90px;}
#p{width: 45%; float: left; padding: 3% 0; padding: 0 5%; background: #303030; font-size: 20px; height: 50px; color: #fff; border-radius: 20px 0 0 20px; margin-left: 5%;}
.saveImage{width: 35%;  border-radius:0 20px 20px 0; height: 50px; font-size: 20px; background: #00d180; color: #fff; display: block; float: right; margin-right: 5%;}



.copy{color: #00d180; font-size: 14px; text-align: center; padding-top: 30px; border-top: 1px rgba(255, 255, 255, 0.2) solid; width: 80%;  max-width: 80%;
	position: absolute; bottom: 3%; left: 50%; margin-left: -40%;}
ul span{font-size: 20px; display: inline-block; width: 26px; padding-left: 2%; text-align: left;}

.h_top{width:100%; background:#00d180; max-width: 100%; line-height: 300%; font-size: 20px;}


#mo {
	display:none;
	/*隐藏*/
    width:100%;
	height:100%;
	position:fixed;
	overflow:auto;
	background-color:rgba(0,0,0,0.7);
	top:0;
	right:0;
	z-index:1000;
}
#moimg {
	display:block;
	margin:25px auto 0 auto;
	width:80%;
	max-width:750px;
}
#caption {
	text-align:center;
	margin:0 auto 15px auto;
	width:80%;
	max-height:750px;
	font-size:18px;
	background: #00d180;
	color:#fff;
	line-height: 230%;
	border-radius: 0 0 20px 20px;
}
#moimg,#caption {
	-webkit-animation:first 0.5s;
	-o-animation:first 0.5s;
	animation:first 0.5s;
}
@keyframes first {
	from {
	transform:scale(0.1);
    }
    to {
	transform:scale(1);
    }
}