.heard_box{
    width: 100%;
    height: 0.781rem;
    background: #209A43;
}
.heard_main{
    width: 10.938rem;
    margin: 0 auto;
}
.weather{
    width: 100%;
    height: 0.203rem;
    font-weight: 400;
    font-size: 0.125rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.weather span:last-of-type{
    padding-left: 0.039rem;
}
.heard_content{
    width: 100%;
    height: 0.578rem;
    display: flex;
}
.heard_content_left{
    width: 3.086rem;
    height: 0.500rem;
}
.heard_content_right{
    flex: 1;
    display:flex;
    box-sizing: border-box;
    padding-top: 0.164rem;
}
.right_box{
    flex: 1;
    padding: 0 0.352rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.right_box_item{
    flex: 1;
    height: 100%;
    text-align: center;
    font-weight: 400;
    line-height: 0.398rem;
    font-size: 0.156rem;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}
.right_box_item:hover .sub{
    height: 100%;
    display: block;
}
.sub{
    width: 100%;
    position: absolute;
    display: none;
    left: 0;
    top: 0.391rem;
    height: 0;
    z-index: 20;
    transition: all 0.5s;
}
.sub>div{
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, .8);
    border-bottom: 1px dashed #C0C0C0;
    text-align: center;
    line-height: 0.398rem;
    font-weight: 400;
    font-size: 0.125rem;
    color: #666666;
    padding: 0 0.078rem;
    box-sizing: border-box;
}
.sub>div:last-child{
    border: none;
}
.sub>div:hover{
    color: #008426;
}
.right_box_item:hover{
    background: #008426;
}
.search_box{
    width: 1.930rem;
    height: 0.242rem;
}
.search_box .el-input__inner{
    width: 1.930rem;
    height: 0.242rem;
    border-radius: 0.109rem;
    box-sizing: border-box;
    border: none;
}
.search_box .el-input__icon{
    line-height: 0.242rem;
    cursor: pointer;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus{
    border-color: #FFFFFF;
}
.float_main{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
.float_box2{
    width: 0.781rem;
    height: 0.781rem;
    background: url("../img/heard/icon.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    font-size: 0.133rem;
    color: #FFFFFF;
    padding-top: 0.562rem;
    box-sizing: border-box;
}
.float_box{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.484rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.063rem 0.313rem 0rem rgba(0,0,0,0.14);
    border-radius: 0.242rem;
    z-index: 11;
    box-sizing: border-box;
    padding-top: 0.070rem;
}
.float_box_item{
    width: 100%;
    margin: 0 auto;
    height: 0.438rem;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.float_box_item:last-child a{
    border-bottom: none;
}
.float_box_item:hover .float_box_item_left{
    opacity: 1;
    visibility: visible;
}
.float_box_item_left{
    position: absolute;
    left: -1.445rem;
    bottom: 0.141rem;
    width: 1.250rem;
    height: 0.586rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.039rem 0.063rem 0.008rem rgba(0,0,0,0.11);
    border-radius: 0.086rem 0.086rem 0rem 0.086rem;
    border: 1px solid rgba(167,191,90,0.34);
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    padding: 0.125rem 0.156rem;
}
.float_box_item_left::after{
    content: '';
    position: absolute;
    right: -0.102rem;
    bottom: 0;
    border-top: 0.102rem solid transparent;
    border-right: 0.102rem solid transparent;
    border-bottom: 0.102rem solid #FFFFFF;
}
.float_box_item_left_box{
    width: 100%;
    display: flex;
    align-items: center;
}
.float_box_item_left_box_Icon{
    width: 0.039rem;
    height: 0.094rem;
    background: #2B7DC0;
    border-radius: 0.023rem
}
.float_box_item_left_text1{
    font-weight: bold;
    font-size: 0.109rem;
    color: #333333;
    margin-left: 0.031rem;
}
.float_box_item_left_text2{
    font-weight: 400;
    font-size: 0.109rem;
    color: #279C44;
}
.float_box_item a{
    width: 0.461rem;
    margin: 0 auto;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.icon1{
    width: 0.125rem;
    height: 0.156rem;
    background: url('../img/heard/tel1.png') no-repeat;
    background-size: 100% 100%;
}
.float_box_item a:hover .icon1{
    background-image: url('../img/heard/tel1.png');
}
.icon2{
    width: 0.156rem;
    height: 0.117rem;
    background: url('../img/heard/email.png') no-repeat;
    background-size: 100% 100%;
}
.float_box_item a:hover .icon2{
    background-image: url('../img/heard/email1.png');
}
.icon3{
    width: 0.172rem;
    height: 0.141rem;
    background: url('../img/heard/wx.png') no-repeat;
    background-size: 100% 100%;
}
.float_box_item a:hover .icon3{
    background-image: url('../img/heard/wx1.png');
}
.icon4{
    width: 0.141rem;
    height: 0.156rem;
    background: url('../img/heard/qq.png') no-repeat;
    background-size: 100% 100%;
}
.float_box_item a:hover .icon4{
    background-image: url('../img/heard/qq1.png');
}
.icon5{
    width: 0.172rem;
    height: 0.148rem;
}

.heard_top{
    width: 0.328rem;
    height: 0.328rem;
    background: linear-gradient(-48deg, #D1C84D, #3FA87B);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.float_box_item a:hover .float_box_item_text{
    color: #4292D2;
}
.float_box_item_text{
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 0.094rem;
    color: #666666;
}
.customer{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.customer_active{
    opacity: 1;
    visibility: visible;
}
.customer_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 7.813rem;
    background: rgba(221, 221, 221, .9);
    border-radius: 0.391rem;
    padding-bottom: 0.313rem;
    box-sizing: border-box;
}
.customer_box_main{
    width: 6.875rem;
    margin: 0 auto;
    padding-top: 0.266rem;
    box-sizing: border-box;
}
.customer_box_main_top{
    width: 100%;
    border-radius: 0.078rem;
    position: relative;
}
.customer_box_main_top_box1{
    width: 100%;
    font-weight: 400;
    font-size: 0.219rem;
    color: #333333;
    text-align: center;
}
.customer_box_main_top_box3{
    width: 0.992rem;
    height: 0.047rem;
    margin:0.117rem auto 0 auto;
    background: #209A43;
}
.customer_box_main_top_box2{
    width: 100%;
    height: 0.531rem;
    text-align: center;
    line-height: 0.531rem;
    font-weight: 400;
    font-size: 0.125rem;
    color: #333333;
}
.customer_box_main_bottom{
    width: 100%;
    height: 1.945rem;
    background: #EFEFEF;
    border-radius: 0.078rem;
    box-sizing: border-box;
    padding: 0.164rem 0.219rem 0 0.242rem;
    overflow: hidden;
}
.customer_box_main_bottom_box1{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.customer_inp{
    width: 1.711rem;
}
.customer_inp .el-input__inner{
    height: 0.242rem;
    border-radius:0;
    background: #F7F7F7;
    border: none;
}
.customer_inp1{
    width: 2.094rem;
}
.customer_inp1 .el-input__inner{
    height: 0.242rem;
    border-radius:0;
    background: #F7F7F7;
    border: none;
}
.customer_inp2{
    width: 2.094rem;
}
.customer_inp2 .el-input__inner{
    height: 0.242rem;
    border-radius:0;
    background: #F7F7F7;
    border: none;
}
.customer_inp3{
    width: 100%;
    margin-top: 0.172rem;
}
.customer_inp3 .el-textarea__inner{
    height: 1.133rem;
    border-radius:0;
    background: #F7F7F7;
    border: none;
}
.customer_commit{
    width: 1.305rem;
    height: 0.391rem;
    background: linear-gradient(0deg, #D1C84D 0%, #3FA87B 100%);
    border-radius: 0.117rem;
    font-weight: 400;
    font-size: 0.156rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.391rem;
    margin: 0.164rem auto 0 auto;
    cursor: pointer;
}
.customer_commit:hover{
    box-shadow: 0rem 0.063rem 0rem 0rem rgba(200,200,200,0.66);
}
.close{
    width: 0.234rem;
    height: 0.234rem;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 0.031rem;
    right: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}