.fl {

    float: left;

}



/*网站头部公共区域*/

#site-nav {

    width: 100%;

    height: 35px;

    line-height: 30px;

    /*background-color: #efefef;*/

    -webkit-transform: translate3d(0, 0, 0);

    position: relative;

    z-index: 100001;

}



#site-nav li {

    float: left;

}



#site-nav .sc-icon {

    float: left;

    line-height: 30px;

}



#site-nav .sc-icon span, #site-nav .sc-icon .sc-choie {

    float: left;

}



#site-nav .sc-icon .sc-choie {

    border: 1px solid transparent;

    line-height: 33px;

    padding: 0 25px 0 5px;

}



#site-nav .hover .sc-icon .sc-choie {

    background: #fff;

    border: solid lightgray;

    border-width: 1px;

}



.dorpdown-layer {

    display: none;

    position: absolute;

    line-height: 24px;

    background: #fff;

    border: 1px solid lightgray;

    z-index: 999999;

    top:47px;

    left:0;

    height: 260px;

    overflow: hidden;

    padding: 20px 15px 0;

}



.hover .dorpdown-layer {

    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);

    display: block;

}



.dd-spacer {

    position: absolute;

    top: -2px;

    height: 10px;

    background: #fff;

    overflow: hidden;

}



#city-choice .dd-spacer {

    left: 0;

    width: 14px;

}



.dorpdown-layer .ui-areamini-content-wrap {

    width: 385px;

    height: auto !important;

    max-height: 230px;

    line-height: 20px;

    *line-height: 22px;

    overflow: hidden;

    background: #fff;

}



.ui-areamini-content-wrap dl {

    overflow: hidden;

}



.ui-areamini-content-wrap dt {

    color: #333;

    font-weight: 700;

    float: left;

    margin-right: 10px;

}



.ui-areamini-content-wrap dd {

    float: left;

}



.ui-areamini-content-wrap dd a {

    display: block;

    padding: 0 5px 0 4px;

    color: #333;

}



.ui-areamini-content-wrap dd a:hover {

    background: #ec5151;

    color: #fff;

}



.ui-areamini-content-wrap dd a.city_selected, .scrollBody .all-list li a.city_selected {

    background-color: #ec5151;

    color: #fff

}



.ui-areamini-content-wrap .search-first-letter {

    margin-top: 15px;

    overflow: hidden;

}



.ui-areamini-content-wrap .search-first-letter a {

    font-size: 14px;

    color: #ec5151;

    float: left;

    line-height: 16px;

    padding: 0 3px;

    margin-right: 1px;

}



.ui-areamini-content-wrap .search-first-letter a:hover {

    color: #fff;

    background: #ec5051;

}

.ui-areamini-content-wrap .search-first-letter .hover{

    color: #fff;

    background: #ec5051;

}

.scrollBody {

    overflow: hidden;

    position: relative;

    z-index: 10;

}



.scrollBody .all-list {

    width: 100%;

    height: 130px;

    overflow: auto;

    margin-top: 15px;

    float: left;

}



.scrollBody .all-list ul {

    overflow: hidden;

    height: auto;

    position: relative;

    z-index: 9;

}



.scrollBody .all-list li {

    float: left;

    width: 360px;

    padding: 0 0 8px 0px;

    line-height: 24px;

}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.scrollBody .all-list::-webkit-scrollbar{

    width: 6px;

    height: 6px;

    background-color: #f5f5f5;

}

/*定义滚动条的轨道，内阴影及圆角*/

.scrollBody .all-list::-webkit-scrollbar-track{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    border-radius: 10px;

    background-color: #f5f5f5;

}

/*定义滑块，内阴影及圆角*/

.scrollBody .all-list::-webkit-scrollbar-thumb{

    /*width: 10px;*/

    height: 20px;

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #555;

}

.scrollBody .all-list li em {

    width: 18px;

    height: 18px;

    /*border: 1px solid #6d6d6d;*/

    background: #ec5051;

    border-radius: 10px;

    display: inline-block;

    line-height: 18px;

    line-height: 18px \9;

    text-align: center;

    margin: 3px 10px 0 0;

    float: left;

    font-size: 12px;

    font-style: normal;

    color: #fff;

}



.scrollBody .all-list li .itme-city {

    float: left;

    width: 330px;

}



.scrollBody .all-list li a {

    padding: 0 3px 0 3px;

    display: inline-block;

    color: #333;

    line-height: 20px;

    *line-height: 22px;

}



.scrollBody .all-list li a:hover {

    background: #ec5151;

    color: #fff;

}



.scrollBody .all-list li a.is_district, .scrollBody .all-list li a.is_district:hover {

    background: none;

    color: #999;

}

.ui-areamini-content-wrap .search-first-letter a.active{

    background: #ec5151;

    color: white;

}

/*.scrollBody .scrollBar {*/

    /*float: right;*/

    /*width: 10px;*/

    /*height: 150px;*/

    /*background: url(change_city.gif) -10px 0 repeat-y;*/

    /*position: relative;*/

/*}*/



/*.scrollBody .scrollBar p {*/

    /*width: 30px;*/

    /*height: 36px;*/

    /*cursor: pointer;*/

    /*background: url(change_city.gif) 10px 0 no-repeat;*/

    /*position: absolute;*/

    /*top: 1px;*/

    /*left: -10px;*/

/*}*/



#site-nav #city-choice .item {

    float: left;

    width: 60px;

    padding: 2px 0;

}



#site-nav #city-choice .item a {

    display: block;

    float: left;

    padding: 0 8px;

}



#site-nav #city-choice .selected a {

    background: #e23435;

    color: #fff;

}



#site-nav .ecsc-login {

    float: left;

    margin-left: 30px;

    line-height: 30px;

}



#site-nav .style-red {

    color: #e23435;

}



#site-nav .ecsc-login .link-login {

    margin-right: 10px;

    float: left;

}



#site-nav .ecsc-login .link-regist {

    float: left;

}



#site-nav ul.quick-menu {

    padding-right: 150px;

}



#site-nav.page_flow ul.quick-menu {

    padding-right: 0;

}



#site-nav .quick-menu li {

    float: left;

}



#site-nav .quick-menu li.spacer {

    width: 1px;

    height: 12px;

    padding: 0;

    margin: 9px 2px 0;

    background: #a8a8a8;

    overflow: hidden;

}



#site-nav li .dt {

    padding: 0 10px;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent;

}



#site-nav .ci-right {

    position: absolute;

    top: 12px;

    right: 8px;

    height: 7px;

    overflow: hidden;

    font: 400 15px/15px consolas;

    color: #6A6A6A;

    transition: transform .1s ease-in 0s;

    -webkit-transition: -webkit-transform .1s ease-in 0s;

}



#site-nav .ci-right s {

    position: relative;

    top: -7px;

    text-decoration: none;

}



#site-nav .li_dorpdown {

    position: relative;

}



#site-nav .li_dorpdown .dt {

    width: 49px;

    padding-right: 25px;

    text-align: center;

}



#site-nav .li_dorpdown.hover .dt {

    background: #fff;

    border: solid #ddd;

    border-width: 0 1px;

}



#site-nav .li_dorpdown .dd {

    width: 170px;

}



#site-nav .li_dorpdown .dorpdown-layer {

    border-color: #ddd;

    right: 0;

    left: inherit;

    background: #fff;

    padding: 10px 0;

}



#site-nav .li_dorpdown .dd .item {

    display: inline-block;

    width: 70px;

    padding-left: 10px;

}