.flexS {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
}
.flexB {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex1 {
    flex: 1;
}
.btn {
    height: 12vw;
    text-align: center;
    line-height: 12vw;
    color: #fff;
    font-size: 4.44vw;
    border-radius: 2vw;
}
.btn2 {
    height: 10vw;
    text-align: center;
    line-height: 10vw;
    color: #fff;
    font-size: 4.44vw;
    border-radius: 1.5vw;
}
.webkitX {
    display: -webkit-box;
    /*-webkit-box-orient: vertical;*/
    -webkit-box-pack:center;
    -webkit-box-align: center;
}
.webkitY {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack:center;
    -webkit-box-align: center;
}
.imgBg {
    display: block;
    width: 100%;
}
.none {
    display: none;
}
.content-box {
    padding-bottom: 3vw;
    position: relative;
    margin-top:14vw;
}

/*蓝*/
.bgColor1 {
    background-color: #1396fe;
}
/*橙*/
.bgColor2 {
    background-color: #fe9400;
}
/*红*/
.bgColor3 {
    background-color: #ee3f3c;
}
/*优秀绿*/
.levelbg4 {
    background-color: #5dbc00;
    
}
/*良好蓝*/
.levelbg3 {
    background-color: #1a85f5;
}
/*及格橙*/
.levelbg2 {
    background-color: #f3a232;
}
/*不及格红*/
.levelbg1 {
    background-color: #ea4134;
}
/*选中蓝*/
.bgColor8 {
    background-color: #007fe0;
}
/*字体颜色*/
/*白*/
.fc1 {
    color: #fff;
}
.fc2 {
    color: #7ec4ff;
}
.fc3 {
    color: #fe9400;
}
/*load*/
.loadBox {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-pack:center;
    -webkit-box-align: center;
    z-index: 999;
}
@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative;
  top: 50%;
  left: 50%; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute; }

/*加载中*/
#loading2 {
    position:fixed;
    z-index:2000;
    top:48%;
    left:42%;
    display:none;
}
.demo2 {
    width: 4px;
    height: 6px;
    background: #12c885;
    float: left;
    margin: 0 3px;
    animation: demo2 linear 1s infinite;
    -webkit-animation: demo2 linear 1s infinite;
}
.demo2:nth-child(1){
    animation-delay:0s;
}
.demo2:nth-child(2){
    animation-delay:0.15s;
}
.demo2:nth-child(3){
    animation-delay:0.3s;
}
.demo2:nth-child(4){
    animation-delay:0.45s;
}
.demo2:nth-child(5){
    animation-delay:0.6s;
}
@keyframes demo2 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scaleY(3);}
}
@-webkit-keyframes demo2 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scaleY(3);}
}