* {
	font-family:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}
ul {
	margin:0;
	padding:0
}
li {
	list-style:none
}
a {
	color:#282828;
	text-decoration:none
}

.bk{margin:0 20px;}
.bd{background: #fff;
    border-radius: .7em;
    -moz-box-shadow: 0px 0px 25px #ddd;
    -webkit-box-shadow: 0px 0px 25px #ddd;
    box-shadow: 0px 0px 25px #ddd;}
.bb{padding:15px 0px;}
.head{padding:10px 0 10px; position:relative;}
.tips{color:#f807da; font-size:.8em; line-height:20px;}
.logo{padding:3px 0 5px; color: #082acf; font-size:1.8em; font-weight:200}
.bbb{width:150px; text-align:right; font-size:.9em; color:#ff0000; position:absolute; bottom:30px; right:18px;}
.sky{margin:0 auto; width:40px; height:40px;  position:absolute; bottom:18px; right:-14px;}
.banner{}
.cp img{width:100%;height: 320px; border-radius: .7em .7em 0 0;}
.cp1 img{width:100%;height: 220px; border-radius: .7em .7em 0 0;}
.applist{margin:6px 15px; height:62px; position:relative;}
.applist img{margin-right:13px; width:48px; height:48px;border-radius: .3em; float:left;}
.applist p{padding:3px 0 0;}
.applist .text{ color:#787878; font-size:.7em; line-height:22px}
.applist .text3{ padding:8px 0 0; color:#787878; font-size:.9em; line-height:18px}
.applist .text2{ color:#787878; font-size:.7em;}
.applist .text1{ color:#787878; font-size:1.5em; line-height:22px}
.applist .down{
position: absolute;
    top: 6px;
    right: 0px;
    text-align: center;
    background: #444444;
    padding-top: 2px;
    width: 46px;
    height: 30px;
    border-radius: 0.3em;
    line-height: 30px;
    font-size: .8em;
    color: #fff;
}
.applist .free{position:absolute; top:42px; right:0; width:46px; color:#ccc; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:.1em}
.applist .bok{margin:15px 0 0 62px; border-bottom:1px #eee solid;}
.box{}
.box .test{font-size:.5em; color:#bbb; padding:0 14px;}
.box .title{font-size:1.2em; font-weight:600; padding:0 14px 10px;}
.ctop{}
.ctop ul{}
.ctop li{width:25%; text-align:center; height:100%; float:left; font-size:.9em; margin-bottom:10px; font-weight:bold;}
.ctop li img{width:60px; margin:0 auto; margin-bottom:3px; border-radius: .3em; height:60px; display:block}
.copyright{margin:18px 20px; text-align:center; color:#000; font-size:.9em; padding-bottom:40px;}
.sub{position:fixed; z-index:999; bottom:0; left:0; background:#fff; border-top:1px #282828 solid; background:#000;opacity: 0.8; height:52px; width:100%}
.sub ul{}
.sub li{width:33%; text-align:center; height:45px; line-height:45px; border-right:1px #282828 solid; float:left}
.sub li a {
	color:#ddd;
	text-decoration:none
}
.abc {
 position: relative;
 width: 40px;
 height: 40px;
}
@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0);
  opacity: 0.1;
 }
 50% {
  transform: scale(0.1);
  opacity: 0.3;
 }
 75% {
  transform: scale(0.5);
  opacity: 0.5;
 }
 100% {
  transform: scale(1);
  opacity: 0.0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0);
  opacity: 0.1;
 }
 50% {
  -webkit-transform: scale(0.1);
  opacity: 0.3;
 }
 75% {
  -webkit-transform: scale(0.5);
  opacity: 0.5;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0.0;
 }
}
  

/* 保持大小不变的小圆圈  */
.dot {
 position: absolute;
 width: 6px;
 height: 6px;
 left: 15px;
 top: 15px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border: 2px solid #00ffaa;
 border-radius: 20px;
 z-index: 2;
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
 position: absolute;
 width: 24px; 
 height: 24px;
 left: 2px;
 top: 2px;
 border: 6px solid #6FC;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
 z-index: 1;
 opacity: 0;
 -webkit-animation: warn 3s ease-out;
 -moz-animation: warn 3s ease-out;
 animation: warn 3s ease-out;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}



p {
	    padding: 0;
    margin: 0.3rem 0 0;
}
body {
	background-color:#93aeeb;    
	margin:0;
background: url(/img/7740.jpg);
}

@media only screen and (min-width:768px) and (max-width:5000px) {
	.head{width:350px; margin:0 auto;}
	.box{width:350px; margin:0 auto;}
	.banner{width:350px; margin:0 auto;}

}