*{
    margin: 0;
    padding: 0;
}

header{
    width: 100%;
    height: 2.75rem;
    background-color: rgb(22, 159, 255);
}
header img{
    width: 35%;
    position: relative;
    left: -0.0875rem;
    top:-0.375rem;
}
.header2{
    width: 40%;
    height: 100%;
    float: left;
}
.header3{
    width: 50%;
    height: 100%;
    float: left;
}
.head2{
    background-color: aliceblue;
    text-align: center;
    width: 65.5%;
    height: 2.25rem;
    border-radius: 5%;
    /* position: relative;
    right: -219px;
    top :-53px; */
    margin: 0.3rem auto;
    color: rgb(22, 159, 255);
    font-size: 1.5em;
}
.two{
    margin-top: 4.6%;
    width: 100%;
    height: 19.15rem;
}
.one2{
    width: 100%;
    text-align: center;
}
.img1{
   width: 45%;
   margin-top: 2.25rem;
}
.img2{
   width: 45%;
   margin-top: 2.25rem;
}
.one{
   float: left;
   border: 1px solid #fff;
   width: 21.6%;
   height: 9.77rem;
   margin-left: 0.6rem;
   background-color: rgb(235, 235, 235);
   border-radius: 14%;
   box-shadow: 0 1.5px rgb(22, 159, 255);
   
}
.img{
    /* border-radius: 50%;
    width: 10%; */
    width: 50%;
    margin: 1.375rem 25%;
    margin-bottom: 10px;
}
.one p{
    text-align: center;
    font-size: 0.8125rem;
}
.three{
    width: 100%;
    height: 18.95rem;
    background-color: rgb(202, 233, 255);
    border-top:0.0625rem solid #999 ;
    border-bottom:0.0625rem solid #999 ;
    text-align: center;
}
.three h3{
    line-height: 4.4rem;
}
.three ul{
    list-style: none;
}
.three li{
    border: 0rem solid #666;
    width: 89.2%;
    margin: 0 auto;
    line-height: 1.9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blue{
  background-color: rgb(177, 222, 255);
}
.wife{
   background-color: #fff;
}
.four{
    width: 100%;
    height: 19.875rem;
    text-align: center; 
}

.four2{
    width: 82.3%;
    height: 77%;
    margin: 3.125rem auto;
    border: 1px solid rgb(177, 222, 255);
}
.four21{
    width: 100%;
    height: 14%;
    border-bottom: 0.125rem solid #999;
    text-align: center;
}
.four22{
    width: 100%;
    height: 74%;
    border-bottom: 2px solid #999;
}
.four23{
    width: 100%;
    height: 11.1%;
    background-color: #bbb;
    text-align: center;
    font-size: 0.8125rem;
}
.zi{
    width: 35%;
    margin: 0.625rem auto;
    background-color: rgb(22, 159, 255);
     color: #fff;
    border-radius: 7%;
}
.five{
    background-color: rgb(22, 159, 255);
    width: 100%;
    height: 4%;
    color: #fff;
    font-size: 1.25rem;
}
.six{
    width: 100%;
    height: 18.75rem;
    text-align: center;
}
.now{
    width: 100%;
    height: 20%;
}
.fen{
    width: 21.6%;
    height: 57%;
    line-height: 1.875rem;
    float: left;
    background-color: #bbb;
    margin-left: 3%;
    margin-top: 0.625rem;
    
}
.six ul{
margin-left: 13%;
text-align: left;
width: 70%;
list-style-type:disc;
color: aquamarine;
}
.tuo{
    width: 100%;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
     color: black;
}
.tuo2{
    width: 90%;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
     color: black;
     margin: 0 auto;
}
.six li{
    line-height: 2.1875rem;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
.six ul span{
    color: black;
}
footer{
    width: 100%;
    height: 4.375rem;
    background-color: rgb(22, 159, 255);
}
.footer1{
    width: 30%;
    height: 100%;
    float: left;
}
.footer2{
    width: 69%;
        line-height: 4.375rem;
    /* height: 100%; */
    color: #fff;
    text-align: center;
   float: left;
}
.yyu{
    width: 100%;
    height: 5%;
    text-align: left;
}
.yyu1{
    width: 100%;
    height: 10%;
}
.left{
   width: 28%;
   height: 89%;
   float: left;
   background-color: rgb(22, 159, 255);
   margin-left: 3.875rem;
   margin-top: 0.625rem;
   border-radius: 10%;
}
.right{
   width: 28%;
   height: 89%;
    float: left;
    background-color: rgb(22, 159, 255);
    margin-left: 5.875rem;
    margin-top: 0.625rem;
    border-radius: 10%;
}
.content{
    width: 100%;
    height: 80%;
}
.shang{
    width: 100%;
}
.zhong{
    height: 15%;
    margin-top: 0.4375rem;
}
.zhong1{
    width: 80%;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 31.25rem;
    height: 1.1875rem;
    font-size: 0.6875rem;
}
.xia{
    width: 100%;
    text-align: center;
    font-size: 0.625rem;
    color: #fff;
    margin-top: 0.375rem;
}
.xia span{
    color: yellow;
    font-size: 1.0625rem;
}


  .modal {

        display: none;

        /* 默认隐藏 */

        position: fixed;

        z-index: 1;

        padding-top: 6.25rem;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        overflow: auto;

        background-color: rgba(0, 0, 0, 0.4);

    }

    /* 弹窗内容 */

    .modal-content {

        position: relative;

        background-color: #fefefe;

        margin: auto;

        padding: 0;

        border: 1px solid #888;

        border-radius: 1.25rem;

        width: 81%;

        height: 48%;

        box-shadow: 0 4px 8px 0 black, 0 6px 20px 0 black;

        animation: animatetop 0.4s

    }

    /* 添加动画 */

    @keyframes animatetop {

        from {

            top: -300px;

            opacity: 0

        }

        to {

            top: 0;

            opacity: 1

        }

    }

    #showConfirmBtn:hover,

    #showConcelmBtn:hover {

        color: #5b88b4;

        text-decoration: none;

        cursor: pointer;

    }

    .modal-header {

        color: #5b88b4;

        position: absolute;

        top:-5px;left: 5%;

    }

    .modal-body {

        position: absolute;

        top: 25%;

        left: 10%;
        
        font-size: 1.9375rem;

    }

    .modal-footer {

        text-align: right;

        color: #409eff;

        position: absolute;

        top: 83%;

        right: 5%;
        
        font-size: 1.8125rem;

    }
     .mask-wrapper{
            position: fixed;
            background: rgba(0,0,0, 0.5);
            z-index: 100001;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
        }
        .mask-box{
            position: relative;
        }
        .mask-content{
            border: 1px  solid #efefef;
            width: 80%;
            margin: auto;
            margin-top: 150px;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0,0,0, .2);
            border-radius: 6px;
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            outline: 0;
            overflow: hidden;
            transform: rotateX(90deg);
            transition: transform .3s ease-out;
        }
        .mask-header{
            padding: 15px;
            border-bottom: 1px solid #e5e55e;
            font-size: 16px;
            font-weight: bold;
            min-height: 50px;
        }
        .mask-body{
            position: relative;
            padding: 15px;
            max-height: 350px;
            overflow-y: auto;
            overflow-x: auto;
        }
        .mask-foot{
            padding: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
        }
        .show-am{
            transform: rotateX(0);
        }
    .wrapper {
      width: 557px;
      height: 875px;
      transform-origin: top left;
      position: absolute;
      top: 50%;
      left: 50%;
       transform: translate(-50%, -50%) scale(var(--scale-factor));
    }
#pp3{
   height: 11.5rem;
   overflow: hidden;
}
#pppps{
     height: 10.9375rem;
   overflow: hidden;
}
#uu{
    width: 15rem;
    height: 2.0625rem;
     font-family: "Microsoft YaHei", Tahoma, Verdana, SimSun;
     font-size: 1.0625rem;
}
#uu1{
    width: 15rem;
    height: 2.0625rem;
    font-family: "Microsoft YaHei", Tahoma, Verdana, SimSun;
    font-size: 1.0625rem;
}