div, p, li, input, a, span {
    box-sizing: border-box;
}

.head_common {
    width: 100%;
    margin: 0;
    padding: 0
}

.head_content_common {
    width: 1070px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    left: 54px;
}

.head_box {
    height: 120px;
    font-size: 14px;
    font-family: 微软雅黑;
}

.head_top {
    height: 60px;
    background: #F7F7F7
}

.head_top_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}

.top_right {
    width: max-content;
    display: flex;
    justify-content: space-around;
    align-items: center
}

    .top_right a:hover {
        color: #18B83D
    }

    .top_right > a {
        margin-right: 20px
    }

.login_box {
    /*width: 50px;*/
    display: flex;
    justify-content: space-around;
    align-items: center
}

.head_mid {
    height: 80px;
}

.head_mid_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_box {
    width: 140px;
    height: 58px;
    box-sizing: border-box;
    border-right: 1px solid #EEEEEE;
    margin-right: 20px
}

.logo_main {
    width: max-content;
    display: flex;
    align-items: center;
}

/*天气样式*/
.show_weather {
    height: 40px;
    line-height: 41px;
    width: max-content;
    display: flex;
    align-items: center;
}

.area_weather {
    margin-right: 8px;
}

.weather_img {
    width: 20px;
    margin-right: 4px;
}

.how_weaher {
    margin-right: 8px;
}

.weather_list {
    height: 180px;
    width: 292px;
    position: absolute;
    left: -80px;
    top: 32px;
    /*background: #DEF5ED;*/
    background: url("/Images/new_weather_bg.png") no-repeat;
    z-index: 3000;
    padding: 26px 16px 16px 16px;
    border-radius: 4px;
    display: none;
}
/* .weather_hover_box {
                                                                                                                                display:none
                                                                                                                            }*/
.choose_btn {
    color: #777;
    cursor: pointer;
    width: max-content;
    display: flex;
    align-items: center;
}

.choose_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.weather_detail_list {
    display: flex;
    justify-content: space-between;
}

.weather_detail_box {
    width: 80px;
    height: 100px;
    background: rgba(255,255,255,.5);
    border-radius: 4px;
    padding: 10px 0;
    font-size: 12px;
}

.time {
    text-align: center;
    margin-bottom: 10px;
}

.weather_logo > img {
    width: 30px;
}

.weather_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-bottom: 10px;
}

.high_temp {
    text-align: center;
}

.low_temp {
    text-align: center;
}

.weather_detail_box:hover {
    background: rgba(255,255,255,.8)
}

.weather_box:hover .weather_list {
    display: block;
}

.go_tool:hover {
    cursor: pointer;
    color: #18B83D;
}

/*朱志朋添加*/
.jump_login:hover {
    color: #18B83D;
}

.integral:hover {
    color: #46C663;
}

.grade:hover {
    color: #46C663;
}

.tag_box:hover {
    color: #46C663;
}

.via span:hover {
    color: #46C663;
}
/*朱志朋添加*/

.follow_box {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1001;
    display: none;
    padding-top: 10px;
}

.follow_btn {
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

    .follow_btn:hover > span {
        color: #18B83D
    }

.green_more {
    background: url('/Images/icon_more.png') no-repeat;
    display: inline-block;
    width: 14px;
    height: 12px
}

.follow_btn:hover .green_more {
    background: url("/Images/green_more.png") no-repeat
}



/* .test_change:hover .show_more {
                                                                                                                                background: url("/Images/切换2@2x.png") no-repeat
                                                                                                                            }*/

.hover_box {
    width: 280px;
    height: 415px;
    background: pink;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.0800);
    border-radius: 4px 4px 4px 4px;
    position: relative
}

.follow_btn:hover .follow_box {
    display: block
}

.hover_box a {
    width: 100%;
    height: 50px;
    display: inline-block;
    display: flex;
    align-items: center;
    padding: 0 16px 0 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #777;
    position: relative
}

    .hover_box a:hover .go {
        display: block;
    }

    .hover_box a:hover {
        background: #F7F7F7;
        color: #333;
        font-weight: bold;
    }

    .hover_box a img {
        margin-right: 10px;
    }

.go {
    position: absolute;
    right: 0;
    display: none;
}

.go_wechat_box:hover {
    background: #F7F7F7;
}

    .go_wechat_box:hover span {
        color: #333;
        font-weight: bold;
    }

.go_wechat_box {
    width: 100%;
    height: 194px;
    padding: 10px 0 20px 30px;
    font-size: 16px;
    color: #777;
    position: relative;
}

    .go_wechat_box > img {
        margin: 0 0 8px 50px;
    }

.wechat_pic {
    margin-bottom: 10px
}

.go_jian {
    position: absolute;
    right: 23px;
    top: -8px;
}

.has_login {
    display: flex;
    align-items: center;
    /*margin-left: 20px*/
}

.login_common {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.jump_login {
    margin-left: 4px
}

.tag_box {
    position: relative;
    cursor: pointer;
}

.tag {
    /*width: 15px;
                                                                                                                                height: 15px;
                                                                                                                                border-radius: 50%;*/
    border-radius: 8px;
    padding: 2px 5px;
    text-align: center;
    line-height: 12px;
    background: #FF2E2E;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: 12px;
    display: none;
    font-family: ystem-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif !important;
}

.via {
    position: relative;
    cursor: pointer;
}

    .via:hover .user_hoverbox {
        display: block;
    }

.user_hoverbox {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1005;
    padding-top: 10px;
    display: none
}

.user_hover {
    width: 106px;
    /*height: 136px;*/
    background: #fff;
    padding: 12px 0 1px 0;
    box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.0800);
    border-radius: 4px 4px 4px 4px;
}

    .user_hover p {
        text-align: center;
        margin-bottom: 12px;
    }

        .user_hover p a {
            font-size: 14px;
            color: #333;
        }

.user_jian {
    position: absolute;
    top: 2px;
    right: 32px;
}

.time_box {
    margin-right: 20px;
}



.head_decorate_font {
    font-weight: 400;
    font-size: 20px;
    color: #666666;
    font-family: 'slide';
    padding-left: 20px;
    /*height:60px;*/
}

.span_block {
    display: inline-block;
    width: 5px;
    height: 10px;
}

.head_title_Img {
    width: 250px;
    height: 22px;
    margin-top: 5px;
}

    .head_title_Img > img {
        width: 100%;
        height: 100%;
    }
/* 小程序 */
.xiaochengxu-box {
    position: relative;
    margin-right: 20px;
    display: flex;
    cursor: pointer;
}

.xiaochengxu-hover-box {
    display: none;
    position: absolute;
    top: 25px;
    left: -50px;
    width: 178px;
    height: 198px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.12);
    border-radius: 2px 2px 2px 2px;
    text-align: center;
    z-index: 1111;
}

    .xiaochengxu-hover-box:before {
        content: '';
        display: block;
        width: 32px;
        height: 16px;
        background: url("../../Images/up_jian.png") no-repeat;
        background-size: 100% 100%;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: -9px;
    }

.xiaochengxu-box:hover .xiaochengxu-hover-box {
    display: block;
}

.xiaochengxu-hover-box .img {
    width: 158px;
    height: 158px;
}
/* 入驻认证 */
.user-list-corporat a {
    position: relative;
}

.user-list-corporat-red:after {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    background: red;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/**暂时关闭个人号样式*/
.corporation-open-modal-box-content {
    justify-content: center;
}

.institution-box-left {
    /*display: none;*/
}

.corporat-box-right {
    /*  flex:none;
                                                                                                                                width:50%;*/
}
/**样式结尾*/
.corporation-open-modal .layui-layer-title {
    background: #fff;
    border-bottom: none;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.corporation-open-modal-box {
    padding: 0px 15px 30px 15px;
}

.corporation-open-modal-box-content {
    display: flex;
}

.institution-box-left {
    flex: 1;
    margin-right: 10px;
    background: #E7F9EC;
    height: 322px;
    padding: 20px 24px;
}

.institution-box-left-title {
    display: flex;
}

.institution-box-left-title-icon {
    /*background: linear-gradient(to right, #6AF2B7, rgba(75, 249, 174, 0.3));*/
    width: 45px;
    font-size: 12px;
    position: relative;
    color: #777;
}

    .institution-box-left-title-icon::before {
        content: "";
        background: linear-gradient(to right, #6AF2B7, rgba(75, 249, 174, 0.3));
        height: 1px;
        /* position:absolute;
                                                                                                                                left:0;
                                                                                                                                top:50%;*/
        width: 45px;
    }

.institution-box-left-title-text {
    flex: 1;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.institution-box-left-content {
    padding: 20px 20px 0 20px;
    background: #fff;
    margin-top: 20px;
}

.institution-box-left-content-list {
    display: flex;
    align-items: center;
    padding-bottom: 21px;
}

.institution-box-left-content-list-img {
    width: 20px;
    height: 20px;
}

.institution-box-left-content-list-title {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    margin-left: 6px;
}

.corporat-box-right {
    flex: 1;
    background: #FFECD4;
    height: 322px;
    padding: 20px 24px;
}

.institution-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.institution-btn {
    width: 112px;
    height: 33px;
    line-height: 33px;
    background: linear-gradient( 90deg, #28DC8E 0%, #25D8AE 100%);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.corporat-btn {
    width: 112px;
    height: 33px;
    line-height: 33px;
    background: linear-gradient( 90deg, #FFE3AE 0%, #FFCC6D 100%);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #8F572D;
    text-align: center;
    cursor: pointer;
}