﻿#requirement{
    box-sizing: border-box;
    content: "";
    display: block;
    width: 45px;
    height: 130px;
    background-color: #6fcc5c;
    font-size: 18px;
    line-height: 1.1;
    color: #fff;
    position: relative;
    text-align: center;
    writing-mode: horizontal-tb;
    padding: 0 10px;
    text-decoration: none;
}

#requirement::before
{
    content:"";
    display:inline-block;
    background:url(../../img/icon-edit.png);
    width:22px;
    height:22px;
    margin: 10px 0;
    }
#requirement:hover{background-color:#62b651;}
#requirement:focus{outline:none;}


.header-search-x{
    margin-left: 10px;
    margin-top: 7px;
    cursor: pointer;
}

.header-search-wrap{
    color:#fff;
    display: block;
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    cursor: pointer;
}

.header-search-wrap img{
    margin-right:10px;
}

.hdx-header .search input.nologin{
    width:160px !important;
}

body {
    position: relative;
}


.user-page-new {
    padding-top: 0px;
}

button,a{
    cursor: pointer;
    outline: none;
}
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}
a{
    color: inherit;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
a:link{
    text-decoration: none;
    }

    a:visited{
    color: inherit;
    }

    a:active{
    color: inherit;
    }

    a:focus{
    color: inherit;
    }

img{
    vertical-align: middle;
    max-width: 100%;
}
p {
    margin: 0px;
}
input{
    outline: none;
}
.auto-width{
    width: 1080px;
    margin:0 auto;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {  color:#b3b3b3;  }
input:-moz-placeholder, textarea:-moz-placeholder {  color:#b3b3b3; }
input::-moz-placeholder, textarea::-moz-placeholder {  color:#b3b3b3; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color:#b3b3b3; }
.hdx-feature-head {
    height: 34px;
    background: #f7f7f7;
    width: 100%
}

.hdx-feature-head .header-content {
    height: 100%;
    margin: 0 auto;
    width: 1080px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hdx-feature-head .header-content .header-content-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.point-icon {
    width: 12px;
    height: 12px;
    background: url(../../img/caidan.png)
    }

.hdx-feature-head .header-content .point-icon {
    margin-right: 6px;
    cursor: pointer
}

.hdx-feature-head .header-content .header-content-left-show {
    position: relative;
    width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hdx-feature-head .header-content .header-content-left-show:hover .header-content-left-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: animatescale 0.3s 0s ease-out forwards;
    animation: animatescale 0.3s 0s ease-out forwards
}

.hdx-feature-head .header-content .header-content-left-hide {
    display: none;
    position: absolute;
    width: 1080px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 1000;
    top: 33px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.hdx-feature-head .header-content .header-content-left-hide:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #eee;
    border-bottom: none;
    border-right: none;
    top: -7px;
    left: 28px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -3px 2px 2px rgba(255,255,255,0.05)
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-item {
    width: 332px;
    padding-left: 26px;
    padding-bottom: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-item .header-item-title {
    color: #ff3c3c
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-itema {
    width: 371px;
    padding-left: 26px;
    padding-bottom: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-itema .header-item-title {
    color: #03b349
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-itemb {
    width: 100%;
    padding-left: 26px;
    padding-bottom: 22px
}

.hdx-feature-head .header-content .header-content-left-hide .header-content-left-hide-itemb .header-item-title {
    color: #ffa406
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-title {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-title .icon {
    margin-right: 4px
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-right: 1px solid #eee
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-list li {
    margin-top: 18px;
    margin-right: 22px
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-list li a {
    font-size: 13px;
    color: #333
}

.hdx-feature-head .header-content .header-content-left-hide .header-item-list li a:hover {
    color: #03b349
}

.hdx-feature-head .header-content .header-content-left-show-info {
    font-size: 13px;
    color: #333;
    cursor: pointer
}

.hdx-feature-head .header-content .header-content-left-show-info:hover {
    color: #03b349
}

.hdx-feature-head .header-content .header-nav>li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 34px
}

.hdx-feature-head .header-content .header-nav>li>a {
    font-size: 12px;
    color: #666;
    position: relative
}

.hdx-feature-head .header-content .header-nav>li>a:hover {
    color: #03b349
}

.hdx-feature-head .header-content .header-nav>li>a.mobile-code-a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
}

.hdx-feature-head .header-content .header-nav>li>a.mobile-code-a:hover {
    color: #666;
}

.hdx-feature-head .header-content .header-nav>li>a.mobile-code-a .mobile-code-icon {
    width: 20px;
    height: 20px;
    background: url(../../img/shouj.png);
    background-size: cover
}

.hdx-feature-head .header-content .header-nav>li>a.mobile-code-a .hover-pic-mobile {
    position: absolute;
    width: 174px;
    height: 205px;
    background: url(../../img/shouji.png);
    background-size: cover;
    left: -58px;
    top: 12px;
    display: none;
    z-index: 1020
}

.hdx-feature-head .header-content .header-nav>li>a.mobile-code-a:hover .hover-pic-mobile {
    display: block
}

.hdx-feature-head .header-content .header-nav>li>a.focus-hdx-a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #03b349
}

.hdx-feature-head .header-content .header-nav>li>a.focus-hdx-a:hover {
    color: #03b349
}

.hdx-feature-head .header-content .header-nav>li>a.focus-hdx-a .focus-hdx-icon {
    width: 20px;
    height: 20px;
    background: url(../../img/weix-sel.png);
    background-size: cover;
    margin-right: 4px
}

.hdx-feature-head .header-content .header-nav>li>a.focus-hdx-a .hover-pic-focus {
    position: absolute;
    width: 174px;
    height: 205px;
    background: url(../../img/weixin-qrc.png);
    background-size: cover;
    left: -45px;
    top: 12px;
    display: none;
    z-index: 1020
}

.hdx-feature-head .header-content .header-nav>li>a.focus-hdx-a:hover .hover-pic-focus {
    display: block
}

.hdx-feature-head .header-content .header-nav .me-hd>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hdx-feature-head .header-content .header-nav .me-hd .icon-downdrop {
    margin-top: 3px
}

.hdx-feature-head .header-content .header-nav .me-hd:hover .icon-downdrop {
    background: url(../../img/icon-downdrop-sel.png)
}

.hdx-feature-head .header-content .header-nav .me-hd:hover .header-info-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hdx-feature-head .header-content .header-nav .me-hd:hover>a {
    color: #03b349
}

.hdx-feature-head .header-content .header-nav .icon-downdrop {
    margin-left: 6px
}

.hdx-feature-head .header-content .header-nav .header-info-select {
    display: none;
    position: absolute;
    z-index: 1020;
    top: 31px;
    left: -14px;
    width: 100px;
    font-size: 12px;
    color: #666;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 12px;
    border-radius: 2px
}

.hdx-feature-head .header-content .header-nav .header-info-select:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #eee;
    border-bottom: none;
    border-right: none;
    top: -6px;
    left: 46px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hdx-feature-head .header-content .header-nav .header-info-select a {
    margin-bottom: 12px
}

.hdx-feature-head .header-content .header-nav .header-info-select a:hover {
    color: #03b349
}

.hdx-feature-head .header-content .header-nav .right-line {
    color: #d0d0d0;
    margin: 0 14px;
    font-size: 12px
}

.hdx-feature-head .header-content .header-nav .split-line {
    color: #666;
    margin: 0 2px;
    font-size: 12px
}

.hdx-feature-head-bottom-new {
    height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1)
}

.hdx-feature-head-bottom-new .feature-head-bottom-left {
    float: left;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .border-line {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #dddddd;
    margin-left: 14px;
    margin-top: 1px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select {
    position: relative;
    padding: 15px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select:hover .select-down-div {
    display: block;
    -webkit-animation: animatescale 0.3s 0s ease-out forwards;
    animation: animatescale 0.3s 0s ease-out forwards
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .city-info {
    font-size: 14px;
    color: #333;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .city-info .icon-down {
    margin-left: 6px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .city-info:hover {
    color: #03b349
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div {
    display: none;
    border: 1px solid #eee;
    width: 456px;
    background: #fff;
    padding-left: 32px;
    padding-right: 32px;
    position: absolute;
    border-radius: 3px;
    top: 46px;
    left: -52px;
    z-index: 500;
    box-shadow: 2px 6px 15px rgba(0,0,0,0.15);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #eee;
    border-bottom: none;
    border-right: none;
    top: -9px;
    left: 73px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -3px 2px 2px rgba(255,255,255,0.05)
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .select-down-div-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    padding-top: 24px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .select-down-div-item:last-child {
    border-bottom: none
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-type {
    font-size: 15px;
    color: #2b312b;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-list {
    margin-top: -1px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-list a {
    display: inline-block;
    font-size: 14px;
    color: #444;
    padding: 3px 8px;
    padding-top: 0px;
    margin-right: 6px;
    margin-bottom: 14px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-list a:hover {
    color: #03b349
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-present a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 24px;
    background: #03b349;
    font-size: 14px;
    color: #fff;
    border-radius: 2px
}

.hdx-feature-head-bottom-new .feature-head-bottom-left .city-select .select-down-div .city-present-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right {
    float: right;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div-wrap {
    margin-right: 136px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    border-radius: 2px;
    overflow: hidden
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div input {
    padding-left: 14px;
    width: 350px;
    height: 32px;
    font-size: 12px;
    color: #444;
    background: #fff;
    border: 2px solid #03b349
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div .search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 100%;
    font-size: 14px;
    color: #fff;
    background: #03b349;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div .search-link:hover {
    background: #00a542
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .search-div .search-link .search-top-icon {
    margin-right: 6px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .history-list {
    margin-top: 2px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .history-list a {
    font-size: 12px;
    color: #898a8a;
    margin-left: 14px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .punlish-activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88px;
    height: 32px;
    border-radius: 16px;
    background: #03b349;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .punlish-activity:hover {
    background: #00a542
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .punlish-activity .icon-publish {
    margin-right: 4px
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .look-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88px;
    height: 32px;
    border-radius: 16px;
    background: #ffd202;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .look-site:hover {
    background: #ffda2f
}

.hdx-feature-head-bottom-new .feature-head-bottom-right .look-site .icon-look-site {
    margin-right: 4px
}
.icon-down{
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(../../img/gfsd.png);
}
.search-top-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../img/search.png);
}
.icon-publish{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/fabu.png);
}
.icon-look-site{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../img/look-site.png);
}
.item-data-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/jihh.png);
    background-size: cover;
}
.item-dress-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/dzhi.png);
    background-size: cover;
}
.icon-hot {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../../img/rem.png)
}

.icon-good-select {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../../img/tuij.png)
}

.icon-good-more {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../../img/gduo.png)
}
.hdx-feature-nav-wrap .submenu-wrap {
    height: 44px
}

.hdx-feature-nav-wrap .submenu-wrap.submenu--show {
    display: block
}

.hdx-feature-nav-wrap .submenu-wrap .submenu-list {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hdx-feature-nav-wrap .submenu-wrap .submenu-list a {
    font-size: 14px;
    color: #333;
    margin-right: 30px;
    height: 44px;
    display: inline-block;
    line-height: 44px
}

.hdx-feature-nav-wrap .submenu-wrap .submenu-list a:hover {
    color: #03b349
}

.hdx-feature-nav-wrap .submenu-wrap .submenu-list .active a {
    color: #03b349
}

.hdx-feature-nav-wrap .nav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #03b349
}

.hdx-feature-nav-wrap .nav-item--active .nav-item-a {
    background: #00a542
}

.hdx-feature-nav-wrap .nav-item {
    margin-right: 20px
}

.hdx-feature-nav-wrap .nav-item:last-child {
    margin-right: 0px
}

.hdx-feature-nav-wrap .nav-item:hover .nav-item-a {
    background: #00a542
}

.hdx-feature-nav-wrap .nav-item-a {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    padding: 0 20px;
    font-weight: bold
}
.posi-fixed-top-wrap {
    height: 50px;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 1000 !important;
    position: fixed;
    top: -50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .auto-width {
    height: 100%
}

.posi-fixed-top-wrap .feature-head-bottom-left {
    float: left;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.posi-fixed-top-wrap .feature-head-bottom-left .border-line {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #dddddd;
    margin-left: 14px;
    margin-top: 1px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select {
    position: relative;
    padding: 15px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select:hover .select-down-div {
    display: block;
    -webkit-animation: animatescale 0.3s 0s ease-out forwards;
    animation: animatescale 0.3s 0s ease-out forwards
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .city-info {
    font-size: 14px;
    color: #333;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .city-info .icon-down {
    margin-left: 6px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .city-info:hover {
    color: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div {
    display: none;
    border: 1px solid #eee;
    width: 456px;
    background: #fff;
    padding-left: 32px;
    padding-right: 32px;
    position: absolute;
    border-radius: 3px;
    top: 46px;
    left: -52px;
    z-index: 500;
    box-shadow: 2px 6px 15px rgba(0,0,0,0.15);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #eee;
    border-bottom: none;
    border-right: none;
    top: -9px;
    left: 73px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -3px 2px 2px rgba(255,255,255,0.05)
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .select-down-div-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    padding-top: 24px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .select-down-div-item:last-child {
    border-bottom: none
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-type {
    font-size: 15px;
    color: #2b312b;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-list {
    margin-top: -1px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-list a {
    display: inline-block;
    font-size: 14px;
    color: #444;
    padding: 3px 8px;
    padding-top: 0px;
    margin-right: 6px;
    margin-bottom: 14px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-list a:hover {
    color: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-present a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 24px;
    background: #03b349;
    font-size: 14px;
    color: #fff;
    border-radius: 2px
}

.posi-fixed-top-wrap .feature-head-bottom-left .city-select .select-down-div .city-present-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list {
    margin-left: 44px;
    margin-top: 20px
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item {
    margin-left: 28px
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item:hover .submenu-wrap {
    height: 40px;
    opacity: 1;
    width: 100%;
    left: 0;
    right: 0
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item .submenu-wrap {
    height: 0px;
    width: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    left: 50%;
    right: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item .botton-line {
    display: block;
    width: 100%;
    height: 2px;
    background: transparent;
    border-radius: 1.5px;
    margin-top: 6px;
    margin-bottom: 10px
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item .nav-item-a {
    font-size: 18px;
    color: #262c26
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item--active .nav-item-a {
    color: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item--active .botton-line {
    background: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-commerce--active .nav-item-a {
    color: #1594ed
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-commerce--active .botton-line {
    background: #1594ed
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-life--active .nav-item-a {
    color: #08c58d
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-life--active .botton-line {
    background: #08c58d
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-parental--active .nav-item-a {
    color: #ff7a0e
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-parental--active .botton-line {
    background: #ff7a0e
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-school--active .nav-item-a {
    color: #feb529
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item.nav-item-school--active .botton-line {
    background: #feb529
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item:hover .nav-item-a {
    color: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-left .nav-list .nav-item:hover .botton-line {
    background: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-right {
    float: right;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.posi-fixed-top-wrap .feature-head-bottom-right .search-div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    height: 32px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-right .search-div input {
    padding-left: 8px;
    width: 180px;
    height: 32px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.posi-fixed-top-wrap .feature-head-bottom-right .search-div .search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 100%;
    background: #03b349;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .feature-head-bottom-right .search-div .search-link:hover {
    background: #00a542
}

.posi-fixed-top-wrap .feature-head-bottom-right .punlish-activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 32px;
    border-radius: 16px;
    background: #03b349;
    font-size: 14px;
    color: #fff;
    margin-left: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .feature-head-bottom-right .punlish-activity:hover {
    background: #00a542
}

.posi-fixed-top-wrap .feature-head-bottom-right .punlish-activity .icon-publish {
    margin-right: 2px
}

.posi-fixed-top-wrap .feature-head-bottom-right .fixed-login {
    margin-left: 30px
}

.posi-fixed-top-wrap .feature-head-bottom-right .fixed-login span {
    font-size: 14px;
    color: #222
}

.posi-fixed-top-wrap .feature-head-bottom-right .fixed-login a {
    font-size: 14px;
    color: #222
}

.posi-fixed-top-wrap .feature-head-bottom-right .fixed-login a:hover {
    color: #03b349
}

.posi-fixed-top-wrap .feature-head-bottom-right .look-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 32px;
    border-radius: 16px;
    background: #ffd202;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.posi-fixed-top-wrap .feature-head-bottom-right .look-site:hover {
    background: #ffda2f
}

.posi-fixed-top-wrap .feature-head-bottom-right .look-site .icon-look-site {
    margin-right: 2px
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@@keyframes animatescale {
    0% {
    opacity: .5;
    transform: scale(.5);
    transform-origin: top left;
    }

    60% {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    }

    100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    }
}
.hdx-header {
    display: none;
}
.hdx-feature-head .header-content .header-nav>li>a.wechat-hdx-a {
    -ms-flex-align: center;
    align-items: center;
    color: #666
}

.hdx-feature-head .header-content .header-nav>li>a.wechat-hdx-a:hover {
    color: #666
}

.hdx-feature-head .header-content .header-nav>li>a.wechat-hdx-a .wechat-hdx-icon {
    width: 18px;
    height: 18px;
    background: url(../../img/chnegxu-code.png);
    background-size: cover;
    margin-right: 4px
}

.hdx-feature-head .header-content .header-nav>li>a.wechat-hdx-a .hover-pic-wechat {
    position: absolute;
    width: 174px;
    height: 199px;
    background: url(../../img/weixin-code.png);
    background-size: cover;
    left: -45px;
    top: 12px;
    display: none;
    z-index: 1020
}

.hdx-feature-head .header-content .header-nav>li>a.wechat-hdx-a:hover .hover-pic-wechat {
    display: block
}
.class-name__link{
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@*提示框样式*@
#pop_msg_head{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#pop_message_icon{
    margin-right: 0px;
}
#pop_message_dlg button.close{
    display: none;
}
#pop_message_dlg {
    overflow-y: auto;
    z-index: 10000;
    background: rgba(0,0,0,0.4);
    margin-top: 0px!important;
}
#pop_message_dlg .modal-dialog{
    top: 48%;
    left: 50%;
    width: 200px!important;
    position: absolute;
    padding-top: 0px;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.8;
}
#pop_message_dlg .modal-content{
    box-shadow: none;
    background: #000;
    border-radius: 0px;
}
#pop_message_dlg .modal-header{
    padding-top: 26px;
    padding-bottom: 22px;
    border-bottom: none;
}
#pop_message_dlg.modal{
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
}
#pop_message_content{
    color: #fff;
    margin-top: 14px;
    font-size: 14px;
}
.icon-success {
    width:24px;
    height:24px;
    background-image:url(../../img/toast_ok_s--white.png);
    background-position: 50%;
    background-size: cover;
}
.icon-danger {
    width:24px;
    height:24px;
    background-image:url(../../img/toast_no_s.png);
    background-position: 50%;
    background-size: cover;
}
.icon-warning {
    width:24px;
    height:24px;
    background-image:url(../../img/toast_i.png);
    background-position: 50%;
    background-size: cover;
}


.create-inPop{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0,0.63);
    display: none;
}
        
.create-inPop .create-modal-title{
    font-size: 20px;
    color: #1b1b1b;
    text-align: center;
    margin-top: 26px;
}
          
.create-inPop .lessons-box{
    width: 104px;
    height: 150px;
    display: block;
}
.create-inPop .lesson-text{
    position: relative;
    font-size: 15px;
    color: #1e1e1e;
    margin-top: 19px;
    text-align: center;
}
        
.create-inPop .lessons-tip{
    position: absolute;
    right: -14px;
    top: -6px;
    width: 26px;
}
.create-inPop .lessons-tip2{
    position: absolute;
    right: -37px;
    top: -6px;
    width: 26px;
}
.lessons-box img{
    width: 95px;
}
.create-inPop .lessons-wrapper{
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
    padding: 20px 69px 32px;
}
.create-inPop .create-modal-body{
    width: 470px;
    height: 308px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background:rgba(255,255,255,1);
}

.create-inPop .create-modal-close{
    font-size: 23px;
    width: 20px;
    text-align: center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}


.right-position-advice-wrap {
    position: fixed;
    z-index: 1000;
    right: 30px;
    bottom: 30px;
}
.right-position-advice-wrap .icon-new{
    display: inline-block;
    width: 24px;
    height: 24px;
}
.right-position-advice-wrap .icon-advice-new {
    background: url(../../img/new-hd-advice/kefu.png);
}
.right-position-advice-wrap .icon-feedback-new {
    background: url(../../img/new-hd-advice/fkui.png);
}
.right-position-advice-wrap .icon-top-new {
    background: url(../../img/new-hd-advice/zhiding.png);
}
.right-position-advice-wrap>div {
    position: relative;
    cursor: pointer;
    margin-top:0;
}
.right-position-advice-wrap >.feedback-div {
    position: relative;
    cursor: pointer;
    display: block;
    margin-top:0;
}
.right-position-advice-wrap .advice-div:hover .advice-div-hover {
    opacity: 1;
    display: block;
}
.right-position-advice-wrap .feedback-div:hover .feedback-div-hover {
    opacity: 1;
    display: flex;
}
.right-position-advice-wrap .top-div:hover .top-div-hover {
    opacity: 1;
    display: flex;
}
.right-position-advice-wrap .advice-div:hover .icon-advice-new {
    background: url(../../img/new-hd-advice/kefu-sel.png);
}
.right-position-advice-wrap .feedback-div:hover .icon-feedback-new {
    background: url(../../img/new-hd-advice/fkui-sel.png);
}
.right-position-advice-wrap .top-div:hover .icon-top-new {
    background: url(../../img/new-hd-advice/zhiding-sel.png);
}
.right-position-advice-wrap .advice-div-hover {
    display: none;
    position: absolute;
    left: -188px;
    top: -72px;
    opacity: 0;
    transition: all .15s linear;
}
.right-position-advice-wrap .feedback-div-hover {
    display: none;
    opacity: 0;
    position: absolute;
    font-size: 14px;
    color: #4aca53;
    width: 130px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border:1px solid #eee;
    left: -131px;
    top: -1px;
    background: #fff;
    transition: all .15s linear;
}
.right-position-advice-wrap .top-div-hover {
    display: none;
    opacity: 0;
    position: absolute;
    font-size: 14px;
    color: #4aca53;
    width: 130px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border:1px solid #eee;
    left: -131px;
    top: -1px;
    background: #fff;
    transition: all .15s linear;
}
.right-position-advice-wrap .advice-div-show,.right-position-advice-wrap .feedback-div-show,.right-position-advice-wrap .top-div-show {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border:1px solid #eee;
    background: #fff;
}
.right-position-advice-wrap .feedback-div-show {
    border-top: none;
}
.right-position-advice-wrap .top-div-show {
    border-top: none;
}

/** footer **/
footer {
    border-top: 1px solid #eee;
    padding-top: 40px
}

footer .footer-content-left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-content-right .footer-content-right-item {
    width: 309px;
}

footer .footer-content-right .footer-content-right-item:nth-child(1) {
    margin-left: 0px
}

footer .footer-content-right .footer-content-right-item dt {
    font-size: 16px;
    color: #03b349;
    margin-bottom: 24px
}

footer .footer-content-right .footer-content-right-item dd {
    margin-bottom: 12px;
    margin-left: 0px;
}

footer .footer-content-right .footer-content-right-item dd.advice-dd a {
    font-size: 16px;
    color: #03b349;
    font-weight: bold
}

footer .footer-content-right .footer-content-right-item dd.vip-admin a {
    color: #f85050
}

footer .footer-content-right .footer-content-right-item dd.vip-admin a:hover {
    color: #f85050
}

footer .footer-content-right .footer-content-right-item dd:last-child {
    margin-bottom: 30px
}

footer .footer-content-right .footer-content-right-item dd a {
    font-size: 12px;
    color: #777
}

footer .footer-content-right .footer-content-right-item dd a:hover {
    color: #03b349
}

footer .footer-content-bottom {
    text-align: center;
    padding: 25px 0;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #eee
}

footer .footer-content-bottom p {
    margin-bottom: 10px
}

footer .footer-content-bottom .copyright {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-content-bottom .copyright .line-border {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #d0d0d0;
    margin: 0 10px
}

footer .footer-content-bottom .footer-city {
    margin-left: 220px;
    margin-bottom: 12px
}

footer .footer-content-bottom .footer-city .footer-city-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-content-bottom .footer-city .footer-city-list li a {
    color: #888
}

footer .footer-content-bottom .footer-city .footer-city-list li a:hover {
    color: #03b349
}

footer .footer-content-bottom .footer-city .city-name {
    font-size: 12px;
    color: #888
}

footer .footer-content-bottom .footer-city .line-right {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #d0d0d0;
    margin: 0 10px
}
.auto-width{
    width: 1080px;
    margin: 0 auto;
}
footer .footer-content-bottom .footer-person {
    margin-left: 220px;
    margin-bottom: 20px;
    position: relative;
    width: 750px
}

footer .footer-content-bottom .footer-person .footer-city-list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 670px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 23px;
    overflow: hidden;
    padding-right: 30px;
    box-sizing: border-box;
}

footer .footer-content-bottom .footer-person .footer-city-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
}

footer .footer-content-bottom .footer-person .footer-city-list li a {
    color: #555
}

footer .footer-content-bottom .footer-person .footer-city-list li a:hover {
    color: #03b349
}

footer .footer-content-bottom .footer-person .city-name {
    font-size: 12px;
    color: #555;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1.1;
}

footer .footer-content-bottom .footer-person .foot_div_more {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #909497;
    display: inline-block
}

footer .footer-content-bottom .footer-person .foot_div_more .more_icon_new {
    vertical-align: -3px;
    transform: rotate(90deg);
    margin-left: 4px;
    display: inline-block;
}
.more_icon_new {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ1Mzk4QUZFOUQwMTFFN0E1MDU5Njk5QkIyM0QwM0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ1Mzk4QjBFOUQwMTFFN0E1MDU5Njk5QkIyM0QwM0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDUzOThBREU5RDAxMUU3QTUwNTk2OTlCQjIzRDAzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDUzOThBRUU5RDAxMUU3QTUwNTk2OTlCQjIzRDAzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvK2WsAAAADsSURBVHjajJKhCsJQFIY3EREU05JFX8BHMBksJqdhQRCGRRAMFh/AZlIwiGiSiWgTg4/gi1jEIIgGYX4X7mBM77wHPv6x7buHsx3T931DlOd5OeICe+g7jnMzYioRXPDinThCC7YclNISpdwkllCBMXJaS5SyS0ygBzPkzC/RDGaMFoKYtQ47cOUo6o6hzjaxgAasOaioJUq5Q1yhBgVtkS5zwoIDnMPPkgpB3N+AHZrxGdsRKSs7CGkF7eiH+RKRLLkEVZhCF+kR+x+R8sQJyjCCAdJLNX94RrElJRiKrUF6x3045QL8q48AAwBWvUvWwjDELAAAAABJRU5ErkJggg==);
    background-size: cover
}
footer .footer-content-bottom .footer-person .foot_div_more:hover {
    color: #03b349
}

footer .footer-content-bottom .footer-person .foot_div_more:hover .more_icon_new {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ1Mzk4QUJFOUQwMTFFN0E1MDU5Njk5QkIyM0QwM0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ1Mzk4QUNFOUQwMTFFN0E1MDU5Njk5QkIyM0QwM0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDUzOThBOUU5RDAxMUU3QTUwNTk2OTlCQjIzRDAzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDUzOThBQUU5RDAxMUU3QTUwNTk2OTlCQjIzRDAzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj2xtaYAAADsSURBVHjajJIxCwFhGMfvJCky3WThCxiNJoOByZ1RqcuilMHiA9hMlEFiUtLZMPgIfBCLDEoM6vzeeq+u48771K//dXe/9+m5e3TXdTVR1bOVIS6whd6+6Ny0iIp5F7x4Jw7QhA0HJZREKTeIBZRhhJxUEqVsE2PowhQ59UvUvRmDhSBmrYMDthwlvKOvs0nMwYIVB+WVRCm3iSvUIKcs0mVGGLCDk/9ZPEQQ99dg+mZ8RnZESssOQlpCK/hhvkQkQy5BBSbQQXpE/kekLHGEEgyhj/QKm98/o9iSAgzE1iC9oz5c6AL8q48AAwCLcUxhHZl7FAAAAABJRU5ErkJggg==);
    background-size: cover
}
footer .footer-content-bottom .footer-city {
    margin-left: 220px;
    margin-bottom: 12px;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}