*{
	margin: 0px;
	padding: 0px;
	font-size: 21px;
	font-family: Microsoft JhengHei,songti,PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;
}
a{font-family: "Microsoft JhengHei", "宋体",monospace;text-decoration: none;}
body{background-image:linear-gradient(to right, #C1D0EF,transparent, #D8F6FC);;color:#aaa}
#hw{width:950px;margin-right:auto;margin-left:auto;}
#sosu{margin: 0;padding:0;text-align:center;width:950px;
position: fixed;
z-index: 999;
_bottom:auto;
_width: 100%;
_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#sosu input {background:#fff;color:#000;padding:0 5px;border-radius: 0.4rem;box-shadow: 1px 1px 2px rgba(255, 255, 255, .7); }
#h-a{width:950px;padding: 0; margin: 0 auto; top: 0;}
#h-b{float:left;width:100px;margin:0;padding:0;
position: fixed;
z-index: 666;
_bottom:auto;
_width: 100%;
_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#h-b div div{
	background:url(../images-hong/d4.png);
	float:left;
	width: 71px;
	height: 33px;
	font-size:1.21em;
	text-align: center;
	margin:0;
	padding:9px;
	cursor: pointer;
	border-radius: 9px;
  position: relative;
  box-shadow: inset 0 -0.3rem 0 0 rgba(0, 0, 0, 0.2), 0 0.1rem 0 0 rgba(0, 0, 0, 0.2);
  transition: height 0.08s, margin 0.08s, box-shadow 0.08s, background 0.08s;
  background: -moz-linear-gradient(0deg, #4d4d4d 0%, #4d4d4d 2%, #ffffff 2%, #ffffff 92%, #f5f5f5 92%, #f5f5f5 100%);
  background: -webkit-linear-gradient(0deg, #4d4d4d 0%, #4d4d4d 2%, #ffffff 2%, #ffffff 92%, #f5f5f5 92%, #f5f5f5 100%);
  background: linear-gradient(90deg, #4d4d4d 0%, #4d4d4d 2%, #ffffff 2%, #ffffff 92%, #f5f5f5 92%, #f5f5f5 100%);
text-shadow:-2px -1px 3px #ccc;}
#h-b div div:hover{
	color:#C00;
	text-shadow:2px 3px 3px #fff;
	transform: scale(1.01);
	transition: .3s;
 }
 .focu{box-shadow: 3px 3px 3px 3px rgba(230, 230, 230,0.8);border-radius: 30%;border-radius: 9%;border:7.1px solid #ffffff;}

#nbox_th #l0,#file0 li p{background:#fff;color:#A42117;}
#nbox_th #l1,#file1 li p{background-image:linear-gradient(to bottom right, #64befb,transparent, #0796F5);color:#000;text-shadow:1px 1px 1px #fff;}
#nbox_th #l2,#file2 li p{background-image:linear-gradient(to bottom right,#016BE0,#0584d8, #5ebcfb, #1559C1);color:#fff;text-shadow:1px 1px 1px #000;}
#nbox_th #l3,#file3 li p{background-image:linear-gradient(to bottom right, #57b986,transparent, #347C57);color:#000;text-shadow:1px 1px 1px #fff;}
#nbox_th #l4,#file4 li p{background-image:linear-gradient(to bottom right, #8c8884,#676767, #615E5B);color:#fff;text-shadow:1px 1px 1px #000;}
#nbox_th #l5,#file5 li p{background-image:linear-gradient(to bottom right, #ffc733,#d29900, #FFB900);color:#fff;text-shadow:1px 1px 1px #000;}
#nbox_th #l6,#file6 li p{background-image:linear-gradient(to bottom right, #FD9B8A,#cc0, #FB6348);color:#fff;text-shadow:1px 1px 1px #000;}
#nbox_th #l7,#file7 li p{background-image:linear-gradient(to bottom right, #6ce063,#289a1f, #2BA921);color:#fff;text-shadow:1px 1px 1px #000;}
#nbox_th #l8,#file8 li p{background-image:linear-gradient(to bottom right, #FFAAB9,#a01b10, #FF617B);color:#fff;text-shadow:1px 1px 1px #000;}

#h-c{float:right}
.h-c1{width:830px;float:right;}
.h-c2,.h-c3,.h-c4,.h-c5,.h-c6,.h-c7,.h-c8,.h-c9 {width:830px;display:none;float:right;}

ul{list-style: none;}
li{background:transparent;float:left;width:397px;height:91px;margin:3px 3px  9px;padding: 2px;box-sizing: border-box;cursor: pointer;box-shadow: 1px 1px 3px 3px rgba(223, 223, 223, .5);}
li img{ float: left;width: 21px;height: 21px; border:1px solid transparent;border-radius: 50%; padding: 2px;box-sizing: border-box;}
h3{display:flex;margin: 0; width:359px;padding:9px 0;font-size:0.71em;justify-content:space-between;display:table;}
h3 a{font-weight:300;font-size:1.37em;font-family: 'Microsoft JhengHei';width:51px;height:31px;display: table-cell;vertical-align: middle;text-align: center;align-items:center;background:#FFF;color:#000;border-radius: 21px;padding:2px;box-shadow: -5px -3px 9px rgba(240, 240, 240,0.7);text-shadow: 1px 1px 3px rgba(223, 223, 223,.3);}
li p{background:#F3FAE7;font-size:0.81em;text-align:center;color:#5F8024;padding:5px;text-shadow: 1px 1px 3px rgba(227, 227, 227,.3);border-radius: 9px;}

#file0{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file0 li{}

#file1{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}

#file1 li{}

#file2{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file2 li{}

#file3{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file3 li{}

#file4{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file4 li{}

#file5{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file5 li{}

#file6{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file6 li{}

#file7{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file7 li{}

#file8{
	width: 830px;
	margin: auto;
	position: relative;
	top: 0;
	overflow: hidden;
}
#file8 li{}



#file0 li a:hover,#file1 li a:hover,#file2 li a:hover,#file3 li a:hover,#file4 li a:hover,#file5 li a:hover,#file6 li a:hover,#file7 li a:hover,#file8 li a:hover{-webkit-text-stroke: 0.51px #333;text-shadow:1px 1px 1px #e33;
transform: scale(0.71);
	transition: .51s;
	color:#888;
	box-shadow: 3px 9px 9px rgba(116,115,115,0.8);}


 #k1{padding:0;color:#FA79D6;background-image: linear-gradient(to bottom right, #FA79D6, transparent, #fff, transparent, #fedaf4);border-radius: 9px;border:9px solid transparent;}
 
 #k2{padding:0;color:#CD2B6D;background-image: linear-gradient(to bottom right, #CD2B6D, transparent, #fff, transparent, #f8e0ea);border-radius: 9px;border:9px solid transparent;}
 
 #k3{padding:0;color:#2BCD89;background-image: linear-gradient(to bottom right, #2BCD89, transparent, #fff, transparent, #d8f5e9);border-radius: 9px;border:9px solid transparent;}
 
 #k4{padding:0;color:#A62BCD;background-image: linear-gradient(to bottom right, #A62BCD, transparent, #fff, transparent, #e9ccf2);border-radius: 9px;border:9px solid transparent;}


@keyframes move {
0% {background-position: 0 0;}
100% {
/*宽度固定，如果为百分比背景不会滚动*/
background-position: -300px 0;
}
}
.bot {text-align:center;margin-top:20px;
/*设置背景渐变色*/
background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange,yellow, green, yellow, orange, red);
/*chrome私有样式，加前缀，文字显示背景图片*/
-webkit-background-clip: text;
animation: move 5s infinite;
/*文字颜色设为透明*/
color: transparent;
/*宽度固定*/
width: 960px;
}
 .bot a{font-size:20px;color:#E61C13;-webkit-text-stroke: 0.51px #008040;text-shadow:1px 1px 1px #eee;}





 /***************3D按钮***********/
 #pbtn
{
  width: 60px;
  height: 60px;
  background-color: #ccf;
  margin: 0px auto 0px auto;
  text-align: center;

  border-radius: 30px / 30px;	

  box-shadow: 
    0px -5px 5px #88f inset,
    1px -5px 5px #44f inset,
    -1px -5px 5px #fff inset,
    -0px 5px #88f,
    -10px 40px 5px rgba(0,0,0,0.5);

  transition: 
    box-shadow .25s linear,
    margin-top .25s linear;

  color: #88f;
  font-size: 38px;
}

#pbtn:hover{ box-shadow: 
    0px -5px 5px #88f inset,
    1px -5px 5px #44f inset,
    -1px -5px 5px #fff inset,
    -0px 2px #88f,
    -7px 12px 5px rgba(0,0,0,0.5);
  margin-top: 15px;
}

#btnlabel
{
  padding-top: 0px;
  line-height: 38px;
  text-shadow: 3px -3px 1px #44f, -3px 3px 1px #fff;
  transform: scale(1,0.5);
}


/**********/
@-moz-keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@-webkit-keyframes loading {
  0%, 100% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    -ms-transform: scale(1.1) rotateZ(12deg);
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    -ms-transform: scale(0.8) rotateZ(-8deg);
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
.loader { overflow: hidden;}
#container{text-align:center;}
.logo{width:120px;float:left; }
.so1{background:transparent;float:left;padding:15px 5px;width:380px;}
.so2{float:left;width:60px;margin:10px;padding:15px 0;}
.so2 input{border:1px solid #ccc;}
.so2 input{border:0;background:#fff;}
.so3{float:left;width:310px;margin:10px 10px;padding:15px;text-align:center;}
.so3 span {margin:0 10px;padding:9px;width:80px;height:40px;box-shadow: 5px 7px 9px rgba(242, 242, 242,0.8);font-size:21px;background:#fff;border: 1px dashed #988}
.so3 a {color:#134B53}
.tq123{float:right;width:210px;}
.tq123 iframe{border:7px solid transparent;background:#E9F4E9;border-radius: 51px}
hr{margin:0 auto;box-shadow: 3px 3px 1px #eee;height:1px;width:71%;border:0;}
.loader .span1 {
  -moz-animation: loading 3s linear infinite -5.1s;
  -webkit-animation: loading 3s linear infinite -7.1s;
  animation: loading 3s linear infinite -7.1s;
  float: left;
}
.loader .span2 {
  -moz-animation: loading 5s linear infinite -9.2s;
  -webkit-animation: loading 5s linear infinite -9.2s;
  animation: loading 5s linear infinite -9.2s;
}
.loader .span3 {
  -moz-animation: loading 1s linear infinite -0.5s;
  -webkit-animation: loading 1s linear infinite -0.5s;
  animation: loading 1s linear infinite -0.5s;
}
.loader .span4 {
  -moz-animation: loading 1s linear infinite -1.1s;
  -webkit-animation: loading 1s linear infinite -1.1s;
  animation: loading 1s linear infinite -1.1s;
}
.loader .span5 {
  -moz-animation: loading 1s linear infinite -0.36s;
  -webkit-animation: loading 1s linear infinite -0.36s;
  animation: loading 1s linear infinite -0.36s;
}
.loader .span6 {
  -moz-animation: loading 1s linear infinite -0.65s;
  -webkit-animation: loading 1s linear infinite -0.65s;
  animation: loading 1s linear infinite -0.65s;
}
.loader .span7 {
  -moz-animation: loading 1s linear infinite -0.93s;
  -webkit-animation: loading 1s linear infinite -0.93s;
  animation: loading 1s linear infinite -0.93s;
}

.font1 {
  font-family: "Microsoft JhengHei","MS PMincho";
}

.font2 {
  font-family: "Microsoft JhengHei","MS PMincho";
}

.font3 {
  font-family: "Microsoft JhengHei","MS PMincho";
}

.font4 {
  font-family: "Microsoft JhengHei","MS PMincho";font-weight: bold;
}