/*这是唯一一个css文件*/
#popDiv{
 display: none;
 background-color: #a199998c;
 z-index: 11;
 width: 100%;
 height: 100%;
 position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 margin:auto;
 }
 #popDiv .close a {
  text-decoration: none;
  color: #2D2C3B;
 }
#popDiv .close{
  text-align: right;
  position: relative;left: calc(19*var(--rem));top: calc(90*var(--rem));
  margin-right: calc(5*var(--rem));
 }
 #popDiv p{
  text-align: center;
  font-size: calc(24*var(--rem));
  font-weight: bold;
 }
 /*pop form style*/
  .form_class {
            margin-left: auto;
            margin-right: auto;
            max-width: calc(400*var(--rem));
            background: #F8F8F8;
            padding: calc(30*var(--rem)) calc(30*var(--rem)) calc(20*var(--rem)) calc(30*var(--rem));
            font: calc(12*var(--rem)) Arial, Helvetica, sans-serif;
            color: #666;
            border-radius: calc(5*var(--rem));
            -webkit-border-radius: calc(5*var(--rem));
            -moz-border-radius: calc(5*var(--rem));
        }

        .form_class h1 {
            font: calc(24*var(--rem)) "Trebuchet MS", Arial, Helvetica, sans-serif;
            padding: calc(20*var(--rem)) calc(0*var(--rem)) calc(20*var(--rem)) calc(40*var(--rem));
            display: block;
            margin: calc(-30*var(--rem)) calc(-30*var(--rem)) calc(10*var(--rem)) calc(-30*var(--rem));
            color: #FFF;
            background: #9DC45F;
            text-shadow: calc(1*var(--rem)) calc(1*var(--rem)) calc1(*var(--rem)) #949494;
            border-radius: calc(5*var(--rem)) calc(5*var(--rem)) calc(0*var(--rem)) calc(0*var(--rem));
            -webkit-border-radius: calc(5*var(--rem)) calc(5*var(--rem)) calc(0*var(--rem)) calc(0*var(--rem));
            -moz-border-radius: calc(5*var(--rem)) calc(5*var(--rem)) calc(0*var(--rem)) calc(0*var(--rem));
            border-bottom: calc(1*var(--rem)) solid #89AF4C;
        }

        .form_class h1 > span {
            display: block;
            font-size: calc(11*var(--rem));
            color: #FFF;
        }

        .form_class label {
            display: block;
            margin: calc(0*var(--rem)) calc(0*var(--rem)) calc5(*var(--rem));
        }

        .form_class label > span {
            float: left;
            margin-top: calc(10*var(--rem));
            color: #5E5E5E;
        }

        .form_class input[type="text"], .form_class input[type="email"], .form_class input, .form_class select {
            color: #555;
            height: calc(30*var(--rem));
            line-height: calc(15*var(--rem));
            width: 100%;
            padding: calc(0*var(--rem)) calc(0*var(--rem)) calc(0*var(--rem)) calc(10*var(--rem));
            margin-top: calc(2*var(--rem));
            border: calc(1*var(--rem)) solid #E5E5E5;
            background: #FBFBFB;
            outline: 0;
            -webkit-box-shadow: inset calc(1*var(--rem)) calc(1*var(--rem)) calc(2*var(--rem)) rgba(238, 238, 238, 0.2);
            box-shadow: inset calc(1*var(--rem)) calc(1*var(--rem)) calc(2*var(--rem))) rgba(238, 238, 238, 0.2);
            font: normal calc(14*var(--rem))/calc(14*var(--rem)) Arial, Helvetica, sans-serif;
        }

        .form_class input {
            height: calc(100*var(--rem));
            padding-top: calc(10*var(--rem));
        }


        .form_class .button {
        	position: relative;left: calc(-5*var(--rem));bottom: calc(1*var(--rem));
        	width: calc(100*var(--rem));
        	height:calc(50*var(--rem));
            background-color: #9DC45F;
            border-radius: calc(5*var(--rem));
            -webkit-border-radius: calc(5*var(--rem));
            -moz-border-border-radius: calc(5*var(--rem));
            border: none;
            font: calc(24*var(--rem)) "Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #FFF;
            text-align:center;
            text-shadow: calc(1*var(--rem)) calc(1*var(--rem)) calc(1*var(--rem)) #949494;
        }

        .form_class .button:hover {
            background-color: #80A24A;
        }
 



.skybluecenter{/*class*/
color:#D4FDFF;       /*蓝色*/
text-align: center;  /*文字居中*/
	width: 100%;       /*宽度300px*/
	height: 10%;       /*高度50px*/

}
#timechange{/*id*/
color: white;
font-size:30pt;
text-align:center;
}
body{/*target*/
background:url("../lo.jpg"),url("../favicon.ico");
background-repeat:no-repeat,repeat ;
background-size:100%,100%; 
background-attachment:scroll,fixed;
}

/*以下是button css的设定*/
.middlebutton{
    display: flex;
    align-items: center;
    text-align: center;
    height: 25vh;
    transform-style: preserve-3d;
    transform: perspective(20px);
}


#middlebutton{
	  color: #10ffea;text-decoration: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(176deg, #2281f1,#FA6899);/*用来做渐变背景*/
    border-radius: 4px;
    transition: box-shadow 0.5s ease, transform 0.2s ease;
    will-change: transform;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
}
.txtback{
	color:#ddb3bd;text-decoration: none;
	
  position: fixed;
  top: 188px;
  left: 0;
  bottom: 0;
  right: 0;
  }