/* //高亮 */
.hig {
    color: #0570b8 !important;
}

.header-title {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;

}

.top-logo {
    width: 20%;

}

.top-logo>img {
    width: 100%;
    height: auto;
}

.top-centen {
    width: 55%;
}

.The-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.The-head>li>a:hover {
    color: #0570b8;
}

.top-right {
    width: 22%;
    float: right;

}

.top-right input {
    font-size: 14px  !important;
    width: 190px !important;

   
}
input{
    background:none;
    outline:none;
    border:1px solid #ddd;
    padding: 7px 0;

    
}

.top-right h4 {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

.iphone {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}
.Thelight {
    display: inline-block;
    width: 15%;
    position: relative;
    font-weight: 700;
    text-align: center;


}
.Thelight>a{
 font-size: 17px;
 color:#000000;
 font-weight: 400;

}

.title-mask {
    position: absolute;
    top: 40px;
    width: 100%;

    text-align: center;
    /* transition: 11s; */
    border-radius: 4px;
    z-index: 9;
    background-color: #348FCF;
    /* height: 0; */
    display: none;


}

.title-mask li {
    padding:8px 0 !important;
    font-size: 0.5rem!important ;
    font-weight: 600;
    color: #fff !important;
}

.title-mask li a {
    color: #fff;
    font-size: 15px !important;

}

.title-mask li:hover {
    background-color: #B8816C;
}

.Thelight:hover>a {
    color: #348FCF
}
.btns{
    border: 1px solid cornflowerblue;
    font-size: 14px;
    color:#fff;
    background: cornflowerblue;
    padding: 5px 10px;
 
}