@charset "utf-8";

.wh-cont {
   color: #fff;position: absolute;top: 50%;transform: translate(0,-50%);right: 16%;height: 2.46rem
}
.wh-cont img{width: 2.53rem;height: 2.46rem;     float: left; display: inline-block;margin-right: 0.4rem}
.wh-cont p{display: inline-block;position: relative;top: 50%;transform: translateY(-50%);}
.wh-p-1 {
    font-size: 0.58rem;font-weight: bold;float: right;text-shadow: 0 0.04rem 0.04rem rgba(10,46,83,0.4)
}
.wh-p-1 span {
    font-size: 0.22rem;font-size: 0.22rem;font-weight: normal;display: block;margin-top: 0.4rem;text-shadow: 0 0.02rem 0.02rem rgba(10,46,83,0.4)
}

.wh-wrap {
     width: 100%;height: 100%;background:  linear-gradient(to bottom,#005fed,#118af1);position: relative
}
@media screen and (max-width: 1400px){
    .wh-cont {
   position: absolute;top: 45%;transform: translate(0,-50%);right: 6%;
    }

}
@media screen and (max-width: 1024px){
    .wh-cont {
   color: #fff;position: absolute;top: 45%;transform: translate(-50%,-50%);left: 50%;right: inherit;text-align: center;height: auto;width: 80%
    }
    .wh-cont img{float: inherit;margin-right: 0;margin-bottom: 0.4rem;width: 50%;height: auto}
    .wh-cont p{top: auto;transform:none;font-size: 0.8rem}
    .wh-p-1 span {margin-top: 0.2rem;font-size: 0.36rem}
}
@media screen and (max-width: 1300px) and (min-width: 1024px){
    .wh-cont img{width: 1.8rem;height: 1.75rem}
.wh-p-1 {
    font-size: 0.42rem;
}
.wh-p-1 span {
    font-size: 0.24rem;
}
    .wh-cont{height: 1.75rem;right: 12%;}
}
@media all and (orientation : landscape) and (max-width: 1024px) {
    .wh-cont img{width: 1.6rem;height: auto;margin-bottom: 0.1rem;float: left;margin-right: 10%}
    .wh-p-1 {
    font-size: 0.42rem !important;float: left
}
        .wh-p-1 span {
    font-size: 0.22rem !important;
}
    .wh-cont{text-align: left;top: 50% !important}
}