@charset "utf-8";
/*加载动画*/
.spinner {
  margin: 0px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: rgb(103, 193, 245);
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/* CSS Document */
*{margin:0;padding:0;font-family:Microsoft YaHei}
textarea{outline:none;resize:none;border-style: none; }
body{background-color:#1e3c56}
#header{width:100%;background-color:#171a21;height:52px;padding:10px 0 0 0;position:fixed;z-index:99999;}
#meau{width:35px;height:35px;background:url(img/meau.png);position:absolute;top:10px;left:10px;}
#logo{width:162px;height:36px;background:url(img/logoo.png);margin:0 auto;}
#bigpage{padding:10px 10px 0 10px;padding-top:70px;}
#headtext{color: #56707f;font-size: 12px;margin-top:10px;}
#titletext{color:white;font-size: 26px;line-height: 32px;text-overflow: ellipsis;}
#downloadtext{border-radius: 2px;
    border: none;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #67c1f5 !important;
    background: rgba( 103, 193, 245, 0.2 );float:right;
	margin:5px;}
#mainpage{background-image: linear-gradient(to right, #1e3c56 , #14293c);margin-top:20px;border-radius:7px;min-height:1000px;padding:10px;margin-bottom:20px;}
#bigbanner{width:100%;height:auto;border-radius:3px;}
#introduction{   /* max-height: 111px;*/
    overflow: hidden;
    font-size: 13px;
    line-height: 22px;
    padding-right: 16px;
  /*  display: -webkit-box;*/
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;color: #c6d4df;margin-top:7px;}
#smallcontainer{margin-top:10px;}
#small{color:#556772;font-size:10px;margin-right:50px;display:inline}
#smallright{color:#556772;font-size:10px;display:inline}
#h2{    line-height: 26px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    background-image: url(img/line.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 1px;font-family: "Motiva Sans", Sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 2px;
    font-weight: normal;
    padding-top: 2px;}
#h3{    margin-top: 18px;
    margin-bottom: 0px;
    background-image: none;
    font-size: 15px;
    color: #2f89bc;
    text-transform: none;
    letter-spacing: 0px;margin-bottom:5px;}
#text{color: #acb2b8;line-height: 1.5em;
    font-size: 14px;
    overflow: hidden;
    font-family: "Motiva Sans", Sans-serif;
    font-weight: normal;
}
#img1{width:100%;height:auto;border-radius:3px;}
#img2{width:100%;height:auto;border-radius:3px;}

#factor{    color: #61686D;
    font-size: 12px;
    margin-right: 4px;
    font-weight: normal;
    margin-bottom: 2px;
    text-transform: none;display:inline;}
#hr{width:100%;height:10px;border-top: solid 1px black;margin-top:10px;}
#good{width:40px;height:40px;background:url(img/graygood.png);display: inline-block;cursor:pointer}
#terrible{width:40px;height:40px;background:url(img/grayterrible.png);display: inline-block;cursor:pointer}
#letter{width:100%;height:50px;background-color:#181f25;border-radius:0 2px 2px 2px;color:#acb2b8;padding: 3px 0 0 5px;box-sizing:border-box;}
#sexcontainer{text-align:right;}
.sexchecked{background-color: #181f25;padding: 5px;border-radius: 2px;color: white;}
.notchecked{color:#a1a2a4;}
#tosubmit{cursor:pointer;text-align:center;padding:10px;background-color:#181f25;color:#a9afb5;;margin-top:10px;font-size:15px;letter-spacing:20px;}
#white{    font-family: Sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 2px;
    font-weight: normal;
    padding-top: 2px;}
#rail{width:100%;background-color: rgba( 0, 0, 0, 0.3 );height:25px;}
#smallico{width:25px;height:25px;}
#nametext{font-size:12px;text-decoration: none;color: #66c0f4;position: absolute;
    margin-top: 5px;
    margin-left: 5px;}
#boyico{font-size:12px;color:blue;float: right;margin-right: 10px;margin-top:3px;}
#girlico{font-size:12px;color:red;float: right;margin-right: 10px;margin-top:3px;}
#bignr{padding:3px 0 0 5px;}
#nr{padding:3px 5px 10px 5px;}
#container{background-color:#0e243e;min-height:100px;margin-bottom:10px;border-radius: 0 0 2px 2px;}
#tip{width: 100%;
text-align: center;
color: white;
font-size: 20px;
background-color: #223e6a;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 2px;
padding: 50px 0 50px 0;}
#future{    width: 100%;
    min-height: 100px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.4);
    padding: 10px;
    background: linear-gradient(135deg, rgb(22, 46, 65) 10%,rgb(29, 61, 86) 100%);
    box-sizing: border-box;}