.hv10 .box-1 .learnMore{ top: 78%;}

    .hv10 .honor-log{
            position: absolute;
            top: 40%;
            left: 65%;
            width: 30%;
    }
    .hv10 .honor-log-title{
                  position: absolute;
                top: 55%;
                left: 65%;
                color: #9731e4;
                font-size: 450%;
                background: linear-gradient(0deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);

                background: -webkit-linear-gradient(0deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);


                background: -ms-linear-gradient(0deg, transparent 0%, transparent 25%, transparent 75%, transparent 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'bignoodletitlingregular';
    }

    .hv10 .box-15 {
        background-color: #eaf1fa;
        padding: 2% 0%;
        color: #090909;
        text-align: center;
    }
    .hv10 .icon-box p, .hv10 .box-15 p {
        text-transform: none;
    }
    .hv10 .icon-xs{
        position: relative;
       left: 23%;
    }
    .hv10 .honor10-text-box{
        text-align: center;
    }
    .hv10 .honor10-text-box .first-p{
        font-size: 90%;
    }
   

/*     .hv10 .box-7 .first-p{
        font-size: 70%;
    }*/
    .hv10 .honor10-text-box .last-p{
            font-size: 65%;
            margin-top: 5px;
    }
    .hv10 .honor10-text-box p{
        color: #586265;
    }

   .hv10 h2 {
        color: #9731e4; 
        font-size: 148%;
        margin-bottom: 0px;
        background: linear-gradient(0deg, #6e62dd 0%, #5a6f6f 25%, #d01dd4 75%, #47e0f7 100%);
         background: -webkit-linear-gradient(0deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);

        background: -ms-linear-gradient(0deg, transparent 0%, transparent 25%, transparent 75%, transparent 100%);
       
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'bignoodletitlingregular';
    }

    .hv10 .honor10-container{
        position: absolute;
        width: 80%;
        top: 10%;
        left: 10%;
    }

    .box-short .honor10-container{
        position: absolute;
        width: 80%;
        top: 5%;
        left: 10%;
    }

    .hv10 .box-8 .honor10-container {
        position: absolute;
        width: 40%;
        top: 10%;
        left: 5%;
    }
    .hv10 .box-9 .honor10-container {
            position: absolute;
            width: 50%;
            top: 30%;
            right: 5%;
            left: 45%;
    }

   .hv10 .box-9 .honor10-text-box {
        text-align: left;
    }

      .hv10 .box-10 .honor10-container {
            position: absolute;
            width: 35%;
            top: 30%;
            right: 5%;
            left: 55%;
    }  

    .hv10 .box-10 .honor10-text-box {
        text-align: left;
    }

    .hv10 .p-copy-bottom{
            position: absolute;
        bottom: 25px;
        color: #484545;
        font-size: 65%;
        width: 80%;
        left: 10%;
    }
     .hv10 .icon-box{
      margin-top: 20px;
      text-align: left;
    }

    .hv10 .icon-box-left,.hv10 .icon-box-right{
        width: 35%;
        display: inline-block;
        text-align: center;
    }
    
   
     .hv10 .icon-box p{
            color: #586265;
            font-size: 40%;
            text-align: center;
            margin-top: 5px;
    }

    .hv10 .box-3 .icon-box{
        margin-top: 20px;
        text-align: left;
        width: 50%;
        margin-left: 25%;
    }
    .hv10 .box-3 .icon-box-left,.hv10 .box-3 .icon-box-right{
        width: 25%;
        display: inline-block;
        text-align: center;
    }

    .box-3 .icon-box-left{
            margin-left: 25%;
    }
    .hv10 .box-p{
        margin: 0px auto;
        text-align: center;
        position: absolute;
        top: 30%;
         width: 80%;
         left:10%;
    }
     .hv10 .box-p img{
        width:5%;
     }




   
    .protips-box {
        width: 390px;
        overflow: hidden;
        display: none;
        background: #fff;
        border: 1px solid #ccc;
        margin: auto;
        text-align: center;
        position: fixed;
        right: 3%;
        bottom: 5%;
        border-radius: 10px;
    }

    .protips-box.all {
        padding: 20px 0 20px 25px;
    }

    .protips-box.only {
        padding: 20px 0 20px 0;
    }

    .protips-box a {
        color: #000;
        font-size: 12px;
        text-decoration: none;
        float: left;
        padding: 5px 10px;
        text-align: center;
    }

    .protips-box a.btn-link {
        width: 56px;
        height: 56px;
        overflow: hidden;
    }

    .protips-box a.btn-link img {
        width: 56px;
    }

    .protips-box a p {
        margin: 0;
    }

    .protips-box a.link {
        text-decoration: underline;
        line-height: 30px;
        margin-bottom: 20px;
        width: 100%;
        font-size: 14px;
    }

    .protips-box .btn-close {
        color: #ddd;
        float: right;
        margin: 5px 5px 0 0;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
    }

    .protips-box .btn-more {
        color: #00b2e6;
        border-radius: 25px;
        border: 1px solid #00b2e6;
        font-size: 14px;
        margin: auto;
        float: none;
    }

    .protips-box .bold {
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 20px;
        padding-right: 20px;
    }
	  @media(min-width: 1280px){
            .hv10 h2 {
            color: #9731e4;
            font-size: 124%;
            margin-bottom: 0px;
            background: linear-gradient(0deg, #6e62dd 0%, #5a6f6f 25%, #d01dd4 75%, #47e0f7 100%);
            background: -webkit-linear-gradient(0deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);
            background: -ms-linear-gradient(0deg, transparent 0%, transparent 25%, transparent 75%, transparent 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: 'bignoodletitlingregular';
        }

        .hv10 .honor10-text-box .first-p {
            font-size: 85%;
        }

/*        .hv10 .box-7 .first-p {
            font-size: 60%;
        }*/
  }
     @media(min-width: 769px){
        .hv10 .box-p{
            margin: 0px auto;
            text-align: center;
            position: absolute;
            top: 30%;
            left: 10%;
            width: 80%;
        }
     }

     @media screen and (min-width: 768px) and (max-width: 1024px){
        .hv10 .box-padding{
             padding-top: 100px;
             background: #fff;
        }
    }
    @media ( max-width: 768px) {
        .protips-box {
            width: 94%;
        }
    }
     @media(min-width: 768px){
        .hv10 .box-padding-last{
                padding-top: 80px;
                background: #e6e6e6;
                padding-bottom: 50px;
        }

       .hv10 .box-padding-7{
               padding-top: 100px;
             background: #d3e2f7;
       }
     }
    @media (max-width: 640px){
        .hv10 .box-1 .learnMore{ top: 82%;}

        .hv10 .box-padding-last{
                padding-top: 119px;
                background: #e6e6e6;
                padding-bottom: 110px;
        }

        .hv10 h2 {
                font-size: 193%;
                margin-bottom: 0px;
                background: linear-gradient(90deg, #6e62dd 0%, #5a6f6f 25%, #dc4ef1 75%, #47e0f7 100%);
                background: linear-gradient(90deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'bignoodletitlingregular';
            }
            .hv10 .honor10-text-box .first-p {
                font-size: 80%;
            }
            .hv10 .honor10-text-box p {
                color: #586265;
            }

            .hv10 .honor-log {
                position: absolute;
                top: 9%;
                left: 15%;
                width: 70%;
            }
            
            .hv10 .honor-log-title-mb {
                position: absolute;
                top: 18%;
                left: 15%;
                /* color: red; */
                font-size: 490%;
                background: linear-gradient(90deg, #6e62dd 0%, #5a6f6f 25%, #d01dd4 75%, #47e0f7 100%);
                background: linear-gradient(90deg, #6e62dd 0%, #8e5edf 25%, #dc4ef1 75%, #47e0f7 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'bignoodletitlingregular';
            }

/*             .hv10 .box-6 .first-p{
                font-size: 110%;
            }

            .hv10 .box-7 .first-p {
                font-size: 80%;
            }*/

            .hv10 .box-7 {
                background-color: #1E4EBC;
                padding-top: 0%;
            }

            .hv10 .box-9 .honor10-container {
                position: absolute;
                width: 100%;
                top: 10%;
                right: 5%;
                left: 0%;
            }
            .hv10 .box-9 .honor10-text-box {
                text-align: center;
            }
            .hv10 .box-10 .honor10-container {
                   position: absolute;
                    width: 70%;
                    top: 10%;
                    right: 5%;
                    left: 15%;
            }
            .hv10 .box-10 .honor10-text-box {
                text-align: center;
            }
            .hv10 .p-copy-bottom {
                position: absolute;
                bottom: 10px;
                color: #484545;
                font-size: 65%;
                width: 100%;
                left: 0;
            }

            .hv10 .box-8 .honor10-container {
                position: absolute;
                width: 80%;
                top: 10%;
                left: 10%;
            }

            .hv10 .icon-box-left, .hv10 .icon-box-right {
                width: 48%;
                display: inline-block;
                text-align: center;
            }

            .hv10 .box-3 .icon-box {
                margin-top: 20px;
                text-align: left;
                width: 100%;
                margin-left: 0%;
            }

            .hv10 .box-3 .icon-box-left, .hv10 .box-3 .icon-box-right {
                width: 49%;
                display: inline-block;
                text-align: center;
            }
            .box-3 .icon-box-left {
                 margin-left: 0%; 
            }

            .hv10 .icon-box {
                margin-top: 10px;
                text-align: left;
            }

           

            .hv10 .icon-box img {
                max-width: 35px;
            }

            .hv10 .box-p {
                margin: 0px auto;
                text-align: center;
                position: absolute;
                top: 40%;
                left: 10%;
            }
             .hv10 .box-p img{
                width:6%;
             }
             .hv10 .honor10-text-box .last-p {
                    margin-top: 0px;
                }
    }