/**
 * Created by jimmy on 15-1-12.
 */


/* begin common */

html,
body {
    max-width: 1000px;
    width: 1000px;
    margin: auto;
}

.cc {
    *zoom: 1;
}

.cc:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.homeWrap {
    margin: 0 auto;
    width: 1000px;
}

.yh {
    font-family: "Microsoft YaHei";
}

.st {
    font-family: "simsun";
}

.tx-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide {
    display: none
}

.show {
    display: block
}

a {
    color: #1F376D;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: c00
}

.partLoad {
    background: url("../images/xz_loading.gif") no-repeat center center;
}

.mt0 {
    margin-top: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mt10 {
    margin-top: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt12 {
    margin-top: 12px;
}

.m20 {
    margin: 20px auto !important;
}

.mt5 {
    margin-top: 5px;
}

.h90 {
    height: 90px !important;
    overflow: hidden;
}

.flowerCount,
.cakeCount {
    color: #cc0000 !important;
}


/* begin hot-list */

.hot-list {
    font-family: "simsun";
    font-size: 14px;
}

.hot-list-tit {
    padding: 14px 0 12px 0;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #0091e2
}

.hot-list-tit a {
    display: block;
    height: 25px;
    color: #0091e2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-list-datas {}

.hot-list-datas .hot-list-item .hot-list-i-l {
    display: block;
    color: #999999;
    width: 31px;
    overflow: hidden;
    border-right: 1px solid #c7c7c7;
}

.hot-list-datas .hot-list-item .hot-list-i-r {
    display: block;
    margin-left: 9px;
    color: #333333;
    width: 297px;
    overflow: hidden;
}

.hot-list-datas .hot-list-item {
    margin-bottom: 12px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}


/* end hot-list */

.active-list li,
.zw-nav a,
.img_dot li {
    background: url("../images/sprites.png") no-repeat;
}


/* partBox2 */

.partBox2 .pb2-h {
    border-top: 2px solid;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.partBox2 .pb2-h .zh {
    font-size: 22px;
    font-weight: bold;
    padding-right: 7px;
}

.partBox2 .pb2-h .en {
    font-size: 16px;
    font-family: "Raavi";
    color: #cacaca;
}

.partBox2 .pb2-h-r a {
    font-size: 12px;
    color: #666
}

.partBox2 .pb2-h-r a label {
    color: #cc0000;
}


/* ebd partBox2 */


/* ad */

.lg-ad {
    width: 1000px;
    height: 70px;
    overflow: hidden;
    position: relative;
}

.md-ad {
    width: 495px;
    height: 65px;
    overflow: hidden;
    position: relative;
}

.xs-ad {
    width: 343px;
    height: 24px;
    overflow: hidden;
}

.flashType {
    width: 100%;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
}

.flashType img {
    width: 100%;
    height: auto;
    display: block;
}

.flashType a {
    display: block;
    width: 100%;
    height: 100%;
}

.flashData {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.flashData embed {
    width: 100%;
    height: 100%;
}

.flashData a {
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 10;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}


/* end common*/

.figWrap {
    display: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
}


/*------??------*/

.head {
    position: relative;
    z-index: 1
}

.head_main {
    height: 120px;
    position: relative;
    z-index: 1000
}

.weather {
    margin: 21px 20px 0 20px;
    float: left;

}

.weather iframe {
    vertical-align: middle;
}

.logo_box {
    width: 165px;
    height: 56px;
    float: left;
    padding: 32px 0
}

.logo_box .logo {
    display: block;
    float: left;
    width: 165px;
    height: 56px;
    background: url(../images/xizi.png) no-repeat;
    text-indent: -999em
}

.logo_box .logo:hover {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

.logo_box .city_info {
    width: 70px;
    height: 56px;
    float: left;
    padding: 4px 0 4px 15px
}

.logo_box .city_info a {
    display: block;
    line-height: 24px
}

.logo_box .city_info a:hover {
    text-decoration: none
}

.logo_box .city_info .city {
    font: 20px/28px Microsoft Yahei
}

.logo_box .city_info dl {
    position: relative;
    width: 60px;
    *zoom: 1
}

.logo_box .city_info dl dt {
    color: #999;
    padding-left: 1px;
    font: 14px/16px Microsoft Yahei;
    cursor: pointer
}

.logo_box .city_info .dd_content {
    display: none;
    position: absolute;
    left: -10px;
    top: 2px;
    width: 70px;
    background: #fff;
    border: 1px solid #e1e1e1
}

.logo_box .city_info .dd_content a {
    text-align: center;
    font: 14px/20px Microsoft Yahei;
    color: #666;
    padding: 6px 0 0
}

.logo_box .city_info .dd_content a:hover {
    color: #00aae7;
    text-decoration: underline
}

.logo_box .city_info .dd_content a.last {
    padding-bottom: 10px
}


/*???? start*/

#site_nav {
    font-family: Arial;
    height: 36px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

#site_nav a {
    color: #1f376d;
    display: inline-block;
}

#site_nav_bd {
    margin: 0 auto;
    line-height: 36px;
    height: 36px;
    width: 1000px;
    position: relative;
    position: relative;
}

#site_nav_bd .d_line {
    background: url(../images/common/site_nav.png) right -40px no-repeat;
    _background-image: url(../images/common/site_nav_ie6.png);
    padding-right: 10px;
}



#site_nav_bd .nav_list .nav_item {
    float: left;
    padding: 0 10px 0 5px;
}

#site_nav_bd .nav_user_handle {
    float: right;
    position: relative;
    z-index: 1003;
}

#site_nav_bd .nav_list .logo {
    width: 90px;
    height: 40px;
    margin-right: 7px;
    padding: 0;
}

#site_nav_bd .nav_list .logo a {
    background: url(../images/common/logo_topmini.png) 0 0 no-repeat;
    _background: url(../images/common/logo_topmini_ie6.png) 0 0 no-repeat;
    height: 20px;
    margin-top: 10px;
    overflow: hidden;
    text-indent: -300px;
    width: 90px;
    display: block;
}

#site_nav_bd .nav_list .logo a:hover,
#site_nav_bd .nav_list .logo.min a {
    background-position: 0 -21px;
}

#site_nav_bd .nav_user_handle .nav_item {
    display: inline;
    float: left;
    margin-left: 5px;
}

#site_nav_bd .nav_list .multilevel,
#site_nav_bd .nav_user_handle .multilevel {
    position: relative;
    padding-top: 5px;
    margin-left: -2px;
    padding-left: 0;
    padding-right: 5px;
    line-height: 30px;
    height: 35px;
}

#site_nav_bd .nav_user_handle .multilevel {
    margin-left: 0;
}

#site_nav_bd .multilevel .show_trigger {
    background: url(../images/common/site_nav.png) right -86px no-repeat;
    _background-image: url(../images/common/site_nav_ie6.png);
    display: block;
    float: left;
    padding: 0 15px 0 8px;
    height: 35px;
    position: relative;
    z-index: 1004;
}

#site_nav_bd .multilevel .show_trigger a {
    color: #015CD1;
    font-family: Arial;
}

#site_nav_bd .multilevel.hover .show_trigger {
    background-color: #fff;
    background-position: right -126px;
    border: #cdcdcd 1px solid;
    border-bottom: none;
    margin-top: -1px;
    margin-bottom: -1px;
    padding: 0 14px 0 7px;
    height: 36px;
}

#site_nav_bd .multilevel .show_layer {
    background: #fff;
    border: #cdcdcd 1px solid;
    border-radius: 0 0 2px 2px;
    display: none;
    padding: 10px 0;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 100;
}


/*????*/

#site_nav_bd .nav_list .multilevel .show_layer {
    width: 428px;
}

#site_nav_bd .nav_list .multilevel .show_layer li {
    border-right: #d9d9d9 1px solid;
    float: left;
    margin-right: -1px;
    height: 30px;
    width: 107px;
}

#site_nav_bd .nav_list .multilevel .show_layer li a {
    display: block;
    margin: 0 10px;
    padding: 0;
    padding-left: 10px;
    position: relative;
}

#site_nav_bd .nav_list .multilevel .show_layer li a:hover {
    background: #689ab6;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

#site_nav_bd .nav_list .multilevel .show_trigger a {
    color: #015CD1;
}

#site_nav_bd .nav_list .multilevel .show_layer li a.lh {
    color: #c00;
}

#site_nav_bd .nav_list .multilevel .show_layer li a.lh .new {
    font-size: 11px;
    font-family: arial;
    margin-left: 2px;
    position: absolute;
    top: -4px;
    -webkit-text-size-adjust: none;
}

#site_nav_bd .nav_list .multilevel .show_layer li a.lh:hover {
    color: #fff;
}


/*??*/

#site_nav_bd .nav_list .sub_site {
    margin-right: 7px;
    padding-right: 0;
}

#site_nav_bd .nav_list .sub_site .show_trigger {
    background-image: none;
    color: #aaaaaa;
    font-size: 12px;
}

#site_nav_bd .nav_list .sub_site .show_layer,
#site_nav_bd .nav_list .more_channel .show_layer {
    width: 90px;
}

#site_nav_bd .nav_list .sub_site .show_layer li,
#site_nav_bd .nav_list .more_channel .show_layer li {
    float: none;
    width: 90px;
}

#site_nav_bd .nav_user_handle .show_layer {
    width: 120px;
    left: auto;
    right: 5px;
}

#site_nav_bd .nav_user_handle .show_layer li {
    padding: 0 5px;
}

#site_nav_bd .nav_user_handle .show_layer li a {
    display: block;
    padding-left: 15px;
    line-height: 30px;
}

#site_nav_bd .nav_user_handle .show_layer li a em {
    color: #f00;
    font-size: 14px;
    font-family: Arial;
    margin-left: 5px;
}

#site_nav_bd .nav_user_handle .show_layer li a:hover {
    background-color: #f1f1f1;
    text-decoration: none;
}

#site_nav_bd .nav_user_handle .nav_login li a {
    display: inline;
    padding: 0;
}

#site_nav_bd .nav_user_handle .nav_login li a:hover {
    background-color: transparent;
}

#site_nav_bd .nav_user_handle .nav_login .show_trigger a {
    color: #1F376D;
}

#site_nav_bd .nav_user_handle .nav_login .show_layer {
    padding: 5px 0 0;
    width: 220px;
}

#site_nav_bd .nav_user_handle .nav_login .show_layer li {
    margin-top: 10px;
    padding: 0 10px;
    line-height: 18px;
}

#site_nav_bd .nav_user_handle .nav_login .login_input {
    height: 30px;
    width: 200px;
    position: relative;
}

#site_nav_bd .nav_user_handle .nav_login .login_input .placeholder {
    background: #fff;
    color: #999;
    font-size: 12px;
    padding-left: 5px;
    line-height: 30px;
    height: 30px;
    width: 190px;
    position: absolute;
    ;
    top: 0;
}

#site_nav_bd .nav_user_handle .nav_login .login_input input {
    background: none;
    border: #ddd 1px solid;
    border-radius: 2px;
    padding: 0 4px;
    line-height: 28px;
    height: 28px;
    width: 190px;
    position: absolute;
    top: 0;
    z-index: 10;
}

#site_nav_bd .nav_user_handle .nav_login .login_input input:focus {
    border: #08A2EC 1px solid;
}

#site_nav_bd .nav_user_handle .nav_login .login_input input:-moz-placeholder {
    color: #999;
}

#site_nav_bd .nav_user_handle .nav_login .login_input input:-webkit-input-placeholder {
    color: #999;
}

#site_nav_bd .nav_user_handle .nav_login .nav_login_tip {
    color: red;
    padding: 5px 0 0 5px;
}

#site_nav_bd .nav_user_handle .nav_login .nav_login_tip.loading {
    color: green;
}

#site_nav_bd .nav_user_handle .nav_login .nav_login_rmb input {
    vertical-align: -3px;
}

#site_nav_bd .nav_user_handle .nav_login .nav_login_btn {
    background: url(http://static.xizi.com/modules/popLogin/common_btn.png) -52px 0 no-repeat;
    border: 0;
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
    height: 29px;
    width: 88px;
    text-align: center;
}

#site_nav_bd .nav_user_handle .nav_login .nav_login_btn:hover {
    background-position: -52px -31px;
}

#site_nav_bd .nav_user_handle .nav_login li.nav_login_other {
    background: #f1f1f1;
    border-top: #e1e1e1 1px solid;
    line-height: 30px;
    height: 30px;
}

#site_nav_bd .nav_user_handle .nav_login li.nav_login_other span {
    float: left;
    margin-right: 5px;
}

#site_nav_bd .nav_user_handle .nav_login li.nav_login_other a {
    background: url(http://my.xizi.com/themes/xizi/images/common/user_ico.png) 0 0 no-repeat;
    float: left;
    margin: 5px 5px 0 0;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

#site_nav_bd .nav_user_handle .nav_login li.nav_login_other a.qq {
    background-position: 0px -20px;
}

#site_nav_bd .nav_user_handle .nav_login li.nav_login_other a.wechat {
    background-position: 0px -37px;
}

#fix_tips_box {
    background: #fff;
    border: #dadada 1px solid;
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 888;
}

#fix_tips_box ul {
    padding: 10px 30px 10px 10px;
}

#fix_tips_box ul li {
    line-height: 30px;
    font-family: Arial;
}

#fix_tips_box ul li a {
    color: #005dd0;
}

#fix_tips_box .close {
    background: url(../images/common/common_close.png) 0 4px no-repeat;
    cursor: pointer;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 4px;
    top: 4px;
    text-indent: -9999px;
    z-index: 10;
}

#fix_tips_box .close:hover {
    background-position: 0 -31px;
}


/*???? end*/


/*css sprites*/

.hz_life .jinguan a,
.baoliao .list_mod li.phone p span,
.nav .sub_nav dt,
#search_topic,
#search_food,
#search_nav .nav_item.current,
.search_item .submit,
.img_dot li,
.hz_life dl dt,
.activity li,
#close_window,
.public .conve_item dt,
.main .job .more,
.weixin a {
    background: url(../images/sprites.png?v=20140128) no-repeat
}

.search_item.foodForm {
    width: 460px;
}

/*----????----*/

#site_nav {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
    border: 1px solid rgba(221, 221, 221, 1);
    position: absolute;
    height: 36px;
}

#site_nav_bd {
    z-index: 999
}

#site_nav a {
    color: #333
}

#site_nav_bd .nav_list {
    font-size: 12px;
    color: #222;
    height: 36px;
    overflow: hidden;
    float: left;
}

#site_nav_bd .nav_list .nav_item {
    padding: 0
}

#site_nav_bd .nav_list .nav_item span {
    padding: 0 12px;
    color: #ddd;
}

#site_nav_bd .nav_user_handle {
    height: 36px;
}

#site_nav_bd .nav_user_handle .nav_login {
    height: 36px;

}

#site_nav_bd .nav_user_handle .nav_login a {
    color: #222;
    font-size: 12px;

}


.weixin {
    background-image: none !important
}

.weixin a {
    width: 97px;
    height: 22px;
    background-position: center;
    background-image: url('../images/wechat@2x.png');
    background-size: contain;
    display: block;
    margin-top: 8px;
}


/*????*/

.head .top_search {
    width: 460px;
    height: 90px;
    float: left;
    margin-top: 12px;
    position: relative;
    z-index: 999
}

.search-ad {
    width: 180px;
    margin-top: 15px;
    float: right;
    position: relative;

}

.search-ad img {
    vertical-align: middle;
    width: 100%;
}

#search_nav {
    color: #ddd;
    margin-top: 14px;
    padding-left: 1px;
    height: 26px;
    position: relative
}

#search_nav .nav_item {
    cursor: pointer;
    display: block;
    float: left;
    line-height: 20px;
    height: 24px;
    width: 57px;
    text-align: center;
    text-decoration: none
}

#search_nav .nav_item.current {
    background-position: -84px -148px;
    color: #000;
    margin-left: -1px;
    padding-left: 1px
}

#search_bd {
    height: 32px;
    width: 460px
}

.search_item {
    display: none;
    height: 32px;
    width: 460px;
    position: relative;
}

.search_item input {
    border: none
}

.search_item.first {
    display: block
}

.search_item .context {
    border: 1px solid #ddd;
    border-right: none;
    float: left;
    height: 28px;
    width: 386px;
    font-size: 14px;
    border-radius: 4px 0px 0px 4px;
}

.search_item .submit {
    background-color: #EEEEEE;
    background-image: url(../images/sousuo@2x.png);
    background-size: 16px 16px;
    background-position: 6px 6px;
    border: none;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 30px;
    width: 69px;
    text-align: center;
    border-radius: 0px 4px 4px 0px;
    padding-left: 17px;
    border: 1px solid rgba(221, 221, 221, 1);
}

.search_item .select {
    float: left;
    line-height: 28px;
    height: 28px;
    width: 128px;
    position: relative;
    z-index: 11
}

.search_item .select span {
    background: url(../images/triange.png) right center no-repeat;
    border-right: #cbd3d6 1px solid;
    cursor: pointer;
    display: block;
    padding: 0 9px 0 6px
}

.search_item .select ul {
    background: #fff;
    border: #ced3d5 1px solid;
    border-top: none;
    display: none;
    font-size: 12px;
    padding: 1px;
    width: 125px;
    position: absolute;
    top: 29px;
    left: -1px
}

.search_item .select li {
    cursor: pointer;
    padding-left: 6px
}

.search_item .select .over {
    background: #cff3f9
}


/*???*/

.food-submit {
    margin-left: -1px;
    background: #fb6907 !important;
    color: #fff !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/*???*/

#search_topic,
#search_food {
    background: initial;
    border-right: #cbd3d6 1px solid;
    float: left;
    padding: 2px 3px 2px 3px;
    line-height: 24px;
    height: 24px;
    width: 380px;
}

.foodSearch {
    width: 227px !important;
    background: url(../images/triange.png) right center no-repeat;
}

#search_food {
    width: 275px !important;
}

.food-submit {
    width: 82px !important;
}

.btn-link {
    display: block;
}

.foodForm .btn-link {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #666;
    margin-left: 14px;
}


/*???*/

#housing_type ul {
    border-left-width: 2px;
    left: -2px
}

#house_price {
    width: 130px
}

#house_type {
    width: 130px;
    display: none
}

#house_type ul {
    width: 127px
}


/*???*/

#job_area ul {
    border-left-width: 2px;
    left: -2px
}

#job_type {
    width: 258px
}

#job_type ul {
    width: 255px
}

#job_type li {
    float: left;
    width: 121px !important
}


/*???*/

#wz_search input {
    border-right: #cbd3d6 1px solid;
    float: left;
    padding: 2px 3px;
    line-height: 24px;
    height: 24px;
    width: 121px
}

#car_type {
    width: 130px
}

#car_type ul {
    width: 127px
}


/*??*/

.nav .main_nav,
.nav .n_left,
.nav .n_right {}

.nav {
    position: relative;
    font-family: "Microsoft YaHei";
    z-index: 998
}

.nav .main_nav {
    background-position: 0 -46px;
    background-color: #17aff7;
    height: 44px;
    padding: 0 13px
}

.nav .main_nav li {
    display: inline;
    position: relative;
}

.nav .main_nav li a {
    display: block;
    margin: 0 3px;
    float: left;
    height: 44px;
    line-height: 44px;
    padding: 0 14px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    position:relative;
}
.nav .main_nav li a img{
    position: absolute;
    right: 17px;
    top: -12px;
}

.nav .main_nav li a.current {
    background: #26bcf9;
    text-decoration: none
}

.nav .main_nav li a:hover {
    color: #ff0
}

.nav .sub_nav {
    background: #f8fefe;
    border: 1px solid #c6e3e7;
    border-top: none;
    padding: 4px 0 7px 13px;
    position: relative;
    height: 62px;
    overflow: hidden
}

.nav .sub_nav dt,
.nav .sub_nav dd {
    float: left;
    height: 60px
}

.nav .sub_nav dt {
    width: 62px;
    text-indent: -999em
}

.nav .sub_nav dd {
    background: url(../images/line.png) right 10px no-repeat;
    padding-top: 2px
}

.nav .sub_nav dd a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 8px 9px;
    font-size: 14px;
}

.nav .sub_nav .product {
    background-position: -5px 0;
    margin-left: 15px;
}

.nav .sub_nav .bbs {
    background-position: -74px 0;
    width: 55px
}

.nav .sub_nav .info {
    background-position: -117px 0;
    width: 85px
}

.nav .sub_nav .p_nav {
    width: 110px;
    background: none;
}

.nav .sub_nav .b_nav {
    width: 440px
}

.nav .sub_nav .i_nav {
    width: 200px;
}

.nav .sub_nav li {
    display: inline;
    color: #ccc
}

.nav .sub_nav li a {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    margin: 0 11px
}

.nav i {
    width: 3px;
    height: 42px;
    display: block;
    position: absolute;
    top: 0
}

.nav .n_left {
    background-position: 0 0;
    left: 0
}

.nav .n_right {
    background-position: 3px -92px;
    left: 997px
}

.nav img {
    position: absolute;
    z-index: 9;
    right: -83px;
}


/*???*/

.substation {
    position: absolute;
    right: 20px;
    top: 8px;
    color: #72d3f6;
    *width: 195px;
}

.substation li {
    float: left;
    height: 28px;
    background: #11C0FC;
    border-radius: 3px;


}

.substation li:nth-child(2) {
    margin: 0 6px;
}

.substation li.line {
    display: block;
    width: 1px;
    padding: 2px 0
}

.substation li a {
    display: inline-block;
    color: #fff;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 16px;
    zoom: 1;
    text-decoration: none;
    *font-size: 13px;
}

/* .substation li a.last {
    color: #ffffc4;
} */

.substation li a:hover {
    color: #ff0
}


/*?????*/

.main_mod {
    background: #fff9e5;
    border: 1px solid #f5efdd;
    border-top-color: #edead8;
    padding: 3px 9px 9px;
    height: 194px;
    position: relative
}

.main_mod .desc_wrap {
    float: left;
    padding: 0 9px 0 0;
    width: 200px
}

.main_mod .img_desc {
    padding: 8px 0 10px 3px;
    height: 50px;
    overflow: hidden;
    background: #FFF9E5;
    border: none
}

.main_mod .img_desc dt {
    margin-right: 6px;
    height: 50px;
    width: 50px;
    float: left
}

.main_mod .img_desc dd h5 {
    padding-bottom: 3px;
    height: 16px;
    line-height: 16px;
    overflow: hidden
}

.main_mod .img_desc dd h5 a {
    font-size: 14px;
    font-weight: normal
}

.main_mod .img_desc dd p {
    line-height: 16px;
    height: 32px;
    overflow: hidden
}

.main_mod .img_desc.hover {
    background: #fdeebe;
    border: none !important
}

.main_mod .gg500 {
    float: left;
    padding-top: 9px;
    height: 120px;
    width: 560px;
    position: relative;
    overflow: hidden;
}

.city_notice {
    margin-top: 20px;
    padding: 14px 0;
    background-color: #F7F8F9;
}

.city_notice .title {
    padding: 0 20px 6px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    border-bottom: 1px solid #eee;
}

.city_notice .list_mod {
    padding: 0 20px;
}

.city_notice .list_mod li {
    margin-top: 14px;
}

.city_notice .list_mod li .blue-dot {
    width: 6px;
    height: 6px;
    float: left;
    border-radius: 50%;
    background: rgb(0, 175, 235);
    margin-top: 8px;
}


.city_notice .list_mod li .notice-link {
    padding-left: 12px;

}

.city_notice .list_mod li a {
    font-size: 14px;
    color: #222;
    line-height: 1.6;
}

.img_desc dd p {
    color: #999
}

.img_desc dd h5 a {
    color: #004592;
    font-size: 14px;
    text-decoration: none
}


/*????*/

.recommend {
    padding: 6px 0;
}

.recommend ul li {
    overflow: hidden;
    /*width:230px; padding-right:5px;*/
    width: 245px;
    font-size: 12px;
    float: left;
    height: 24px;
    line-height: 24px
}

.recommend ul li a {
    color: #1F376D
}

.recommend .list_mod,
.recommend .list_mod li {
    position: static;
}


/*??????*/

#slide_ad,
#top_img_ad {
    width: 1000px;
    overflow: hidden;
}

#slide_ad {
    margin-bottom: 10px;
}


#smallImg {
    display: none;
    height: 35px
}

#bigImg {
    height: 300px
}


/*??????*/

.top_gg {
    height: 100px;
    width: 210px;
    position: absolute;
    top: 0;
    left: 790px;
    z-index: 997
}


/*??????*/

.banner1 a {
    display: block;
    height: 45px;
    overflow: hidden;
    background: #f5f5f5;
    margin-top: 3px
}

.baner1 a {
    display: block;
    height: 45px;
    overflow: hidden;
    background: #f5f5f5;
    margin-top: 3px
}


/*??????*/

.img_desc {
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    margin-top: 3px;
    padding: 5px
}

.img_desc dt {
    float: left;
    margin-right: 9px;
    overflow: hidden
}

.img_desc dt img {
    display: block
}

.img_desc dd {
    line-height: 16px
}

.img_desc dd h5 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px
}

.img_desc dd p {
    color: #999;
    line-height: 20px
}

.img_desc .create_link {
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    *filter: alpha(opacity=0);
    opacity: 0;
    line-height: 100%
}

.img_desc.hover {
    background: #fffeee;
    border: 1px solid #EDD4AD !important
}


/* begin pageOne */

.pageOne {
    height: 984px;
    /*overflow-y:hidden;*/
}

.pageOne .hot-list a:hover {
    color: #0fa5e5;
}

.pageOne .pageLeft {
    width: 312px;
    overflow: hidden;
}

.img_hot {
    height: 376px;
    overflow: hidden;
    position: relative
}

.img_hot ul#img_hot_con {
    height: 350px;
    overflow: hidden;
    position: relative
}

.img_hot ul#img_hot_con li {
    background: url("../images/xz_loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 350px;
    position: relative;
    width: 310px
}

.img_hot ul#img_hot_con li span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 320px;
    width: 100%;
    z-index: 1000
}

.img_hot ul#img_hot_con li a {
    text-decoration: none
}

.img_hot .img_bg {
    background: #555555;
    display: block;
    height: 30px;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 320px;
    width: 100%;
    z-index: 999;
    *filter: progid: DXImageTransform.Microsoft.alpha(opacity=70);
}

.img_dot {
    background: none repeat scroll 0 0 #fff;
    padding-top: 3px;
    text-align: center;
    width: 312px
}

.img_dot li {
    background-color: #ccc;
    background-position: -1px -148px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *float: left;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    height: 24px;
    line-height: 28px;
    text-align: center;
    width: 39px
}

.img_dot li.on {
    background-position: -40px -148px
}


/* begin  baoliao */

.baoliao {}

.baoliao .bl-nav a,
.baoliao .bl-nav-2 a {
    cursor: pointer;
    display: block;
    width: 127px;
    /*width: 50%;*/
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    border: 1px solid;
    border-color: #e2e2e2;
    font-size: 18px;
    color: #333333;
}

.baoliao .bl-nav a,
.baoliao a:hover {
    text-decoration: none;
}

.baoliao .bl-nav a.cur {
    width: 157px;
    /*width: 50%;*/
    border: none;
    margin-right: -3px;
    border-top: 1px solid #2ea7ea;
    color: #00aae7;
}

.baoliao .bl-nav a.hours48 {
    width: 157px;
}

.baoliao .bl-nav a.hours48.cur {
    border: none;
    margin-right: -4px;
    border-top: 1px solid #2ea7ea;
    color: #00aae7;
}

.baoliao .bl-menu {
    // height: 303px;
    height: 393px;
    overflow: hidden;
}

.baoliao .bl-tip,
.baoliao .bl-tip a {
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
}

.baoliao .bl-list {
    padding-bottom: 10px;
}

.baoliao .bl-list ul {
    height: 379px;
    overflow: hidden;
}

.baoliao .bl-list li {
    *vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 0 13px;
    font-size: 14px;
    border-top: 1px dashed #e1e1e1;
    height: 38px;
    overflow: hidden;
}

.baoliao .bl-list li dd {
    font-size: 12px;
}

.baoliao .bl-list li a {
    display: block;
}

.baoliao .bl-list li .bl-item-tit {
    height: 38px;
    line-height: 38px;
    color: #333333;
    overflow: hidden;
}

.baoliao .bl-list .bl-item-btm {
    display: none;
    height: 30px;
    overflow: hidden;
}

.baoliao .bl-list li.cur {
    height: 66px;
    background-color: #f5fbff;
}

.baoliao .bl-list li.cur .bl-item-tit {
    height: 36px;
    line-height: 36px;
    color: #0066cc;
    overflow: hidden;
}

.baoliao .bl-list li.cur .bl-item-btm {
    display: block;
}

.baoliao .bl-list .bl-item-btm a {
    display: block;
    font-size: 12px;
}

.baoliao .bl-list .bl-item-author {
    border: 1px solid #f5fbff;
    display: block;
    height: 18px;
    line-height: 18px;
    color: #666666;
}

.baoliao .bl-item-badge {
    font-style: normal;
    width: 72px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    border: 1px solid #f09257;
    color: #f09257;
    border-radius: 2px;
}

.baoliao .bl-item-badge.xzq {
    color: #71c0e9;
    border-color: #7ac9f2;
}

.baoliao .bl-item-badge.sjbl {
    color: #eec124;
    border-color: #eec124;
}

.baoliao .bl-item-badge.weixin {
    color: #a3cd48;
    border-color: #a3cd48;
}


/*48??*/

.choice_read {
    padding: 0px 10px;
    background: #FFF;
    position: relative;
    font-size: 14px;
    padding-top: 10px;
}

.choice_read ul {
    *zoom: 1;
}

.choice_read ul li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.choice_read ul li a {
    color: #1f376d;
    padding-left: 20px;
    height: 30px;
    display: block;
    line-height: 30px;
    overflow: hidden;
}

.choice_read .i {
    height: 9px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 10px;
    _top: 7px;
}

.choice_read .n1 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num01.gif) 0 10px no-repeat;
}

.choice_read .n2 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num02.gif) 0 10px no-repeat;
}

.choice_read .n3 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num03.gif) 0 10px no-repeat;
}

.choice_read .n4 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num04.gif) 0 10px no-repeat;
}

.choice_read .n5 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num05.gif) 0 10px no-repeat;
}

.choice_read .n6 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num06.gif) 0 10px no-repeat;
}

.choice_read .n7 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num07.gif) 0 10px no-repeat;
}

.choice_read .n8 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num08.gif) 0 10px no-repeat;
}

.choice_read .n9 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num09.gif) 0 10px no-repeat;
}

.choice_read .n10 {
    background: url(http://bbs.xizi.com/html/channel/home/images/icon_num10.gif) 0 10px no-repeat;
}

.choice_read .n11 {
    background: url(../images/icon_num11.gif) 0 10px no-repeat;
}

.choice_read .n12 {
    background: url(../images/icon_num12.gif) 0 10px no-repeat;
}


/* end baoliao */


/* begin zhengwu */

.pageOne .pageLeft .zhengwu {
    margin-top: 7px;
}

.zhengwu a:hover {
    text-decoration: none;
}

.zw-header {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e4e4e4;
}

.zw-header .zw-header-tit {
    position: relative;
    _top: 1px;
    color: #00aae7;
    width: 89px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #00aae7;
    font-size: 18px;
}

.zw-nav {
    margin-top: 11px;
}

.zw-nav a {
    padding-left: 38px;
    display: block;
    border: 1px solid #f7f7f7;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333;
    background-color: #f7f7f7;
}

.zw-nav a.yang {
    background-position: -168px -406px;
    width: 99px;
}

.zw-nav a.peng {
    background-position: 5px -407px;
    width: 113px;
}

.zw-nav a:hover,
.zw-btnGroup a:hover {
    background-color: #f5fbff;
    color: #0066cc;
}

.zw-btnGroup {
    margin-top: 14px;
}

.zw-btnGroup a {
    display: block;
    border: 1px solid #e2e2e2;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #f7f7f7;
    color: #333333;
}

.zw-btnGroup a.zw-bl,
.zw-btnGroup a.zw-br {
    width: 78px;
}

.zw-btnGroup a.zw-bm {
    width: 109px;
    margin-left: 20.5px;
}


/* end zhengwu */

.pageOne .pageMiddle {
    margin-left: 19px;
    width: 340px;
}


/* begin today */

.today-header {
    position: relative;
    height: 32px;
    border-bottom: 1px solid #e4e4e4;
    z-index: 1;
}

.today-tit {
    position: relative;
    width: 91px;
    overflow: hidden;
    height: 32px;
    border-bottom: 1px solid #7dc9ed;
    z-index: 1;
    color: #00aae7;
    font-size: 18px;
    line-height: 32px;
}

.today-data {
    padding-left: 2px;
}


/* end today */


/* interest */

.pageMiddle .interest {
    height: 296px;
    overflow: hidden;
}

.pageMiddle .interest-header {
    height: 38px;
    border-bottom: 2px solid #b9e9e9;
}

.interest-hl,
.interest-hr {
    height: 38px;
    line-height: 38px;
}

.interest-hl,
.interest-hl a {
    font-size: 22px;
    font-weight: bold;
    color: #18b5b7;
    text-decoration: none;
}

.interest-hr {
    font-size: 12px;
    color: #666666;
    width: 216px;
}

.img-figGroup {
    margin-top: 21px;
    height: 115px;
    overflow: hidden;
}

.img-figGroup .img-fig {
    position: relative;
    width: 160px;
    height: 115px;
    overflow: hidden;
    z-index: 1;
}

.img-figGroup .img-fig a.linkWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    background: url("justbaseIE.gif");
}

.img-figGroup .img-fig a.linkWrap:hover {
    text-decoration: none;
    background-color: #000;
    opacity: .25;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=25);
}

.img-figGroup .img-fig p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
}

.img-figGroup .img-fig-tit {
    z-index: 2;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}

.img-figGroup .img-fig-wrap {
    z-index: 1;
    background-color: #555555;
    opacity: .7;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=70);
}

.interest .img-figGroup {
    width: 360px;
    margin-left: -20px;
    overflow: hidden;
}

.interest .img-fig {
    margin-left: 20px;
}

.interest-list {
    margin-top: 3px;
}

.interest-list li {
    vertical-align: middle;
    margin-top: 10px;
    _margin-top: 7px;
    height: 20px;
    line-height: 20px;
}

.interest-list li i,
.interest-list li span {
    display: block;
    height: 20px;
}

.interest-list li a i {
    width: 41px;
    font-style: normal;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.interest-list li a span {
    margin-left: 10px;
    font-size: 14px;
    color: #333333;
    width: 289px;
}

.interest-list li a:hover i {
    text-decoration: none;
}

.interest-list li a:hover span {
    color: #0fa5e5 !important;
    text-decoration: underline;
}

.badge-,
.badge-1 {
    background-color: #b3d8d0;
}

.badge-2 {
    background-color: #eabcb8;
}

.badge-3 {
    background-color: #eabcb8;
}

.badge-4 {
    background-color: #abdaf3;
}

.badge-5 {
    background-color: #dcc3d7;
}

.badge-6 {
    background-color: #bfd4f0;
}

.badge-7 {
    background-color: #f5d9bd;
}

.badge-8 {
    background-color: #9bdcff;
}


/* end interest */


/* pageRight */

.pageOne .pageRight {
    width: 310px;
}

.pageRight .tianqi {
    border: 1px solid #e1e1e1;
}

.today_remind {
    height: 161px;
    padding: 10px;
}

.today_remind .bd {
    height: 110px;
    overflow: hidden
}

.today_remind .weather {
    border-bottom: 1px dotted #ddd;
    padding-left: 55px;
    margin-bottom: 5px;
    display: block;
}

.today_remind .weather .if_weather {
    vertical-align: middle
}

.today_remind .weather {
    border-bottom: 1px dotted #ddd;
    margin-top: -5px;
    padding: 5px 0px;
    padding-left: 55px;
    padding-bottom: 8px;
}

.today_remind .bd {
    height: 110px;
    overflow: hidden
}

.today_remind .weather {
    border-bottom: 1px dotted #ddd;
    display: block;
    margin-top: -5px
}

.today_remind .weather .if_weather {
    vertical-align: middle
}

.today_remind .weather {
    height: 84px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -5px
}

.today_remind {
    overflow: hidden
}

.today_remind .bd {
    padding-top: 0 !important
}

.today_remind iframe {
    float: left;
    margin-left: 5px
}

.today_remind .weather a {
    display: block;
    float: left;
    margin-top: 10px
}

.today_remind ul {
    height: 84px;
    overflow: hidden;
}

.tianqi li {
    background: url("../images/libg.png") no-repeat scroll 1px 12px rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 10px
}

.tianqi li a {
    color: #333;
}

.tianqi li a:hover,
.active-list li a:hover,
.choice_read li a:hover {
    color: #0fa5e5 !important;
    text-decoration: underline;
}

.pageRight-ad {
    margin-top: 15px;
    margin-bottom: 5px;
    width: 310px;
    height: 90px;
    overflow: hidden;
    position: relative;
}

.pageRight-active {
    height: 318px;
    /*overflow:hidden;*/
}

.pageRight-active .active-header {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e4e4e4;
}

.pageRight-active .active-header .active-header-tit {
    _position: relative;
    _top: 1px;
    padding-left: 9px;
    width: 81px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #7dc9ed;
    color: #00aae7;
    font-size: 18px;
}

.pageRight-active .active-list {
    margin-top: 10px;
}

.pageRight-active .active-list ul {
    height: 275px;
    overflow: hidden;
}

.pageRight-active .active-list ul li {
    background-position: -175px -212px;
    line-height: 22px;
    padding: 3px 0 4px 28px
}

.pageRight-active .active-list ul li a {
    display: block;
    font-size: 14px;
    overflow: hidden;
    color: #333
}

.pageRight-active .active-list ul li a b {
    display: block;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.pageRight-active .active-list ul li a:hover b,
.pageRight-active .active-list ul li a:hover span {
    color: #0fa5e5 !important;
    text-decoration: underline;
}

.pageRight-active .active-list ul li.top {
    background-position: -175px -259px
}

.pageRight-active .active-list ul li.top a {
    color: #c00
}

.pageRight-active .active-list ul li span {
    color: #666;
    display: block;
    font-family: "Simsun";
    font-size: 12px
}

.pageRight-loop {
    margin-top: 19px;
    border: 2px solid #1070c6;
    height: 136px;
    overflow: hidden;
    position: relative;
}

.pageRight-loop .tab_content {
    float: left;
    overflow: hidden;
    width: 293px
}

.pageRight-loop .tab_nav {
    background: none repeat scroll 0 0 #1070c6;
    float: right;
    height: 106px;
    padding: 30px 0 0 4px;
    width: 9px
}

.pageRight-loop .tab_nav li {
    background: none repeat scroll 0 0 #6ab7fb;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 8px;
    margin-bottom: 9px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px
}

.pageRight-loop .tab_nav li.on {
    background: none repeat scroll 0 0 #fff
}

.pageRight-loop2 {
    background: none repeat scroll 0 0 #d9f5ff;
    border: 1px solid #e1e1e1;
    width: 308px;
    height: 198px;
    margin-top: 14px;
    overflow: hidden
}

.pageRight-loop2 .tab_nav li {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    width: 102px
}

.pageRight-loop2 .tab_nav li img {
    float: left;
    height: 25px;
    margin: 2px 0 0 5px
}

.pageRight-loop2 .tab_nav li.second {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

.pageRight-loop2 .tab_nav li.on {
    background: none repeat scroll 0 0 #d9f5ff;
    border-bottom-color: #d9f5ff;
    font-weight: bold
}

.pageRight-loop2 .tab_nav li a {
    color: #333
}

.pageRight-loop2 .tab_nav li.on a {
    color: #0091e2
}

.pageRight-loop2 .tab_content .box1 {
    padding: 10px 0 0 6px
}

.pageRight-loop2 .tab_content .box1 .list_img li {
    height: 152px;
    width: 148px;
    float: left;
}

.pageRight-loop2 .tab_content .box1 .list_img li a {
    height: 144px
}

.pageRight-loop2 .tab_content .box1 .list_img li span {
    color: #333;
    display: block;
    line-height: 18px;
    padding-top: 4px;
    text-align: center
}

.pageRight-loop2 .tab_content .box2 .img_desc {
    height: 85px;
    overflow: hidden;
}

.pageRight-loop2 .tab_content .box2 .img_desc dd p {
    font-family: arial;
    height: 80px;
    overflow: hidden;
}

.pageRight-loop2 .tab_content .box2 {
    padding: 4px
}

.pageRight-loop2 .tab_content .box2 .list_mod {
    padding: 4px 6px
}

.pageRight-loop2 .tab_content .box2 .list_mod li {
    height: 26px;
    line-height: 26px
}

.box2 .list_mod {
    padding: 0 0 8px
}

.box2 .list_mod li {
    background: url(../images/libg.png) 1px 12px no-repeat;
    line-height: 28px;
    height: 28px;
    padding-left: 10px;
    font-size: 14px;
    overflow: hidden;
    *zoom: 1
}

.box2 .list_mod li a {
    color: #333
}

.box2 .list_mod .rlink,
.list_mod .top {
    background: none;
    padding-left: 0;
}

.box2 .list_mod .top a,
.list_mod .rlink a {
    color: #CC0000;
    font-weight: bold
}

.pageRight-loop2 .list_img li a {
    border-color: #d9f5ff
}


/* end pageRight */


/* end pageOne */


/* pageAD1 */

.pageAD1 {}


/* end pageAD1*/


/* pageTwo */

.pageTwo {
    margin-top: 8px;
    height: 364px;
    overflow-y: hidden;
}

.pageTwo .pageTwo-header {
    height: 42px;
    line-height: 42px;
    border-bottom: 2px solid #fbdbb2;
}

.pageTwo .pageTwo-header-tit,
.pageTwo .pageTwo-header-tit a {
    text-decoration: none;
    font-weight: bold;
    height: 42px;
    font-size: 22px;
    color: #f08800;
}

.pageTwo-header-link a {
    margin-left: 20px;
    font-size: 12px;
    color: #666666;
    position: relative;
    top: 5px;
}

.pageTwo-header-link a:hover {
    color: #f18900;
}

.pageTwo-left {
    width: 400px;
    height: 310px;
    overflow: hidden;
    margin-left: -10px;
    margin-top: 10px;
}

.pt-figure {
    margin-top: 10px;
    position: relative;
    width: 190px;
    height: 143px;
    overflow: hidden;
    z-index: 1;
}

.pt-figure img {
    position: relative;
    z-index: 1;
}

.pt-figure .pt-figure-wrap,
.pt-figure .figure-link {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}


/*.pt-figure .pt-figure-tit {padding:2px 5px;overflow:hidden;font-size:12px;line-height:18px;color:#ffffff;text-align:center;}*/

.pt-figure .pt-figure-tit {
    overflow: hidden;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    color: #ffffff;
    text-align: center;
}


/*.pt-figure .pt-figure-wrap {cursor:pointer;width:190px;background-color:#555555;background:rgba(85,85,85,.75);*filter:progid:DXImageTransform.Microsoft.alpha(opacity=75);filter:progid:DXImageTransform.Microsoft.alpha(opacity=80)\9;}*/

.pt-figure .pt-figure-wrap {
    cursor: pointer;
    width: 190px;
}

.pt-figure i {
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #555555;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=75);
}

.pt-figure a.linkWrap {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url("justbaseIE.gif");
}

.pt-figure a.linkWrap:hover {
    text-decoration: none;
    background-color: #000;
    opacity: .25;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=25);
}

.pageTwo-middle {
    margin-top: 21px;
    margin-left: 20px;
    width: 309px;
    height: 300px;
    overflow: hidden;
}

.ptm-list {
    font-family: "simsun";
    font-size: 14px;
}

.ptm-tit {
    padding-bottom: 18px;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    color: #0091e2
}

.ptm-tit a {
    display: block;
    height: 18px;
    overflow: hidden;
    color: #cc0000;
    font-weight: bold;
}

.ptm-list-datas {}

.ptm-list-datas .ptm-list-item .ptm-list-i-l {
    display: block;
    color: #999999;
    width: 31px;
    overflow: hidden;
    border-right: 1px solid #c7c7c7;
}

.ptm-list-datas .ptm-list-item .ptm-list-i-r {
    display: block;
    margin-left: 9px;
    color: #333333;
    width: 268px;
    overflow: hidden;
}

.ptm-list-datas .ptm-list-item {
    margin-bottom: 14px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}

.pageTwo-right {
    margin-top: 20px;
    width: 260px;
    height: 300px;
    overflow: hidden;
}

.hz_life {
    height: 140px;
    overflow: hidden;
    margin-bottom: 13px;
}

.hz_life dl {
    height: 50px;
    margin-top: 10px;
    overflow: hidden
}

.hz_life dl dt {
    float: left;
    height: 50px;
    margin-right: 10px;
    width: 45px
}

.hz_life dl dt.d1 {
    background-position: 0 -65px
}

.hz_life dl dt.d2 {
    background-position: -45px -65px
}

.hz_life dl dd a span {
    color: #004592
}

.hz_life dl dt.d3 {
    background-position: -90px -65px
}

.hz_life dl dt.d4 {
    background-position: -135px -65px
}

.hz_life dl dd a {
    color: #333;
    display: block;
    font-size: 14px;
    height: 21px;
    line-height: 23px;
    overflow: hidden;
    padding: 1px 0 4px
}

.hz_life .jinguan {
    margin-top: 12px
}

.hz_life .jinguan a {
    display: block;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    width: 100px
}

.hz_life .jinguan a.yang {
    background-color: #f7f7f7;
    background-position: -168px -406px;
    padding-left: 38px
}

.hz_life .jinguan a.peng {
    background-color: #f7f7f7;
    background-position: 5px -407px;
    float: right;
    width: 103px
}

.hz_life .jinguan a:hover {
    background-color: #f5fbff;
    color: #06c;
    text-decoration: none
}

.hz_life ul li {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden
}

.hz_life ul li a {
    color: #333
}

.hz_life ul li a span {
    background: url("../images/tag.jpg") repeat;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 21px;
    line-height: 20px;
    margin-right: 8px;
    margin-top: 3px;
    padding: 0 0 0 8px;
    width: 47px;
}

.hz_life ul li a span.dz {
    background-position: 0 0
}

.hz_life ul li a span.td {
    background-position: 0 -28px
}

.hz_life ul li a span.tg {
    background-position: 0 -56px
}

.hz_life ul li a span.yh {
    background-position: 0 -84px
}

.hz_life ul li a span.hd {
    background-position: 0 -112px
}

.hz_life ul li a span.mf {
    background-position: 0 -140px
}

.hz_life ul li a span.cx {
    background-position: 0 -168px
}

.hz_life ul li a span.zdy {
    background-position: 0 -196px
}

.recommend-box {
    margin-top: 16px;
    padding-top: 6px;
}

.recommend-box-header {
    padding: 0 8px;
    height: 25px;
    background-color: #fff2e1;
    color: #ee8400;
    line-height: 25px;
    font-weight: bold;
}

.recommend-box-header a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ee8400;
}

.recommend-box-header .recommend-box-tit {
    font-size: 14px;
}

.recommend-box-header .re-count {
    font-size: 12px;
}

.recommend-box-data {
    margin-top: 9px;
    height: 80px;
    overflow: hidden;
}

.recommend-box-data .re-data-right {
    width: 157px;
    margin-left: 10px;
}

.recommend-box-data .re-name {
    margin-bottom: 7px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
}

.recommend-box-data .addr,
.recommend-box-data .phone {
    font-size: 12px;
    color: #999;
    line-height: 18px;
}


/* end pageTwo */


/*pageThree*/

.pageThree {
    margin-top: 23px;
    height: 1020;
    overflow-y: hidden;
}

.partBox {
    overflow: hidde
}

.partBox .box-ad {
    margin-top: 6px;
}

.partBox-header {
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid;
}

.partBox-tit {
    font-size: 22px;
    font-weight: bold;
}

.partBox-tit a:hover {
    text-decoration: none;
}

.partBox-header-right .partBox-header-note,
.partBox-header-right .partBox-header-note a {
    color: #666666;
    font-size: 12px;
}

.partBox-header-right .partBox-header-note span {
    color: #cc0000;
}

.partBox-header-right .tuangou>a {
    margin-top: 6px;
    margin-left: 11px;
    display: block;
    font-size: 12px;
    color: #fffefe;
    width: 81px;
    height: 25px;
    border-radius: 3px;
    line-height: 25px;
    text-align: center;
}

.partBox-header-right .tuangou>a:hover {
    text-decoration: underline;
}

.partFooter {
    padding: 0 7px;
    height: 29px;
    overflow: hidden;
    line-height: 29px;
}

.partFooter a {
    display: block;
    float: left;
    margin-right: 7px;
    *margin-right: 6.9px;
    font-size: 12px;
    color: #333;
}

.partFooter span {
    display: block;
    float: left;
    margin-right: 7px;
    color: #b5b4b4;
}

.partFooter a.partFooter-first {
    font-size: 14px;
}

.partFig {
    margin-top: 15px;
}

.partFig img {
    border: 0;
    border: none;
    border-width: 0;
}

.partImgGroup {
    width: 187px;
    height: 155px;
    position: relative;
    z-index: 1;
}

.partImgGroup img {
    position: relative;
    z-index: 1;
}

.partImgGroup a {
    display: block;
    width: 185px;
    height: 153px;
    overflow: hidden;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.partImgGroup a:hover {
    text-decoration: none;
    background: #fffeee;
    border-color: #edd3ab;
}

.partImgGroup a.linkWrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    *zoom: 1;
}

.partImgGroup a.linkWrap:hover {
    text-decoration: none;
    background-color: #000;
    opacity: .25;
    *filter: progid: DXImageTransform.Microsoft.alpha(opacity=25);
}


/*.partImgGroup p {cursor:pointer;position:absolute;padding:2px 0;bottom:0;left:0;z-index:2;width:100%;line-height:18px;font-size:12px;color:#fff;text-align:center;background-color:#303030;background:rgba(48,48,48,.75);*filter:progid:DXImageTransform.Microsoft.alpha(opacity=75);}*/

.partImgGroup p {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    font-size: 12px;
    color: #343434;
    text-align: center;
}

.partImgGroup2 {
    cursor: pointer;
    width: 182px;
    height: 274px;
}

.partImgGroup2 .figText {
    padding: 8px 6px;
    height: 36px;
    overflow: hidden;
}

.partImgGroup2 .figText p {
    cursor: pointer;
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.partImgGroup2 a:hover {
    background: #fffeee;
    border-color: #edd3ab;
}

.partImgGroup2 a {
    display: block;
    color: #343434;
    width: 180px;
    height: 272px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.partImgGroup2 a:hover {
    text-decoration: none;
}

.partPostList {
    margin-left: 16px;
}

.partList-tit {
    width: 273px;
    text-align: left;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.partList-tit2 {
    padding: 0 9px;
    *padding: 0;
    *text-indent: 9px;
    *width: 100%;
    font-size: 14px;
    color: #008abc;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.partList-tit2 a {
    display: block;
    width: 100%;
    height: 100%;
}

.partList-tit2 a:hover {
    text-decoration: none;
}

.partList-tit a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #cc0000;
    font-weight: bold;
    overflow: hidden;
    /*white-space:nowrap;*/
}

.partList {
    padding-top: 3px;
}

.partList2 {
    padding-top: 0 !important;
}

.partList li {
    margin-top: 14px;
    width: 263px;
    height: 16px;
    overflow: hidden;
}

.partList li a {
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}

.partActive {
    margin-top: 16px;
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden;
}

.partActive .partActive-left {
    width: 50px;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.partActive .partActive-left a {
    color: #fff;
}

.partActive .partActive-left a:hover {
    text-decoration: none;
}

.partActive .partActive-left p {
    width: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
}

.partActive .partActive-right {
    width: 426px;
    overflow: hidden;
}

.partActive .partActive-right a {
    white-space: nowrap;
    display: block;
    float: left;
    /*margin-right:15px;*/
    height: 25px;
    color: #333;
    font-size: 14px;
    line-height: 25px;
    background: url("../images/libg.png") no-repeat left center;
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 48%;
}

.partPostList .partNote {
    width: 286px;
    height: 60px;
    border: 1px solid;
    border-color: #fff;
    overflow: hidden;
}

.partPostList .partNote .note-text {
    margin-left: 9px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.partNote:hover {
    border-color: #edd3ab;
}

.box-hover:hover {
    border-style: solid;
    border-color: #edd3ab;
    background-color: #fffeee;
}

.pb2-h-t a:hover {
    text-decoration: none;
}

.house,
.home,
.auto,
.marry {
    width: 485px;
}

.house,
.home {
    height: 490px;
    overflow: hidden;
}

.auto,
.marry {
    height: 445px;
    overflow: hidden;
}

.house .partBox-header {
    border-bottom-color: #b2dceb;
}

.house .partBox-tit a {
    color: #008abc;
}

.house .houseData {
    overflow: hidden;
}

.house .partFig {
    height: 155px;
    overflow: hidden;
}

.house .partList-tit2 {
    background-color: #d9eef5;
}

.house .partList-tit2 a {
    color: #008abc;
}

.house .tuangou>a {
    background-color: #0d90bf;
}

.house .partActive-left {
    background: #63c3e6;
}

.house .partFooter {
    background-color: #e8f5f9;
}

.home .partBox-header {
    border-bottom-color: #b2e1df;
}

.home .partBox-tit a {
    color: #019d96;
}

.home .tuangou>a {
    background-color: #009d96;
}

.home .homeData {
    overflow: hidden;
}

.home .partFig {
    height: 155px;
    overflow: hidden;
}

.home .partActive-tip {
    background: url("../images/tip.jpg") no-repeat left 1px;
    color: #01a497;
    text-indent: 22px;
}

.home .partActive-left {
    background-color: #8ccfcc;
}

.home .partFooter {
    background-color: #e9f5f4;
}

.auto,
.marry {
    margin-top: 14px;
}

.auto .partBox-header {
    border-bottom-color: #c1d0e6;
}

.auto .partBox-tit a {
    color: #3162ac;
}

.auto .tuangou>a {
    background-color: #3162ac;
}

.auto .partFooter {
    background-color: #eaeff7;
}

.auto .partBody {
    height: 376px;
    overflow: hidden;
}

.auto .autoPost {
    margin-top: 17px;
}

.autoPost-tit {
    background-color: #eaeff7;
}

.autoPost-tit a {
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #537da7;
}

.autoList {
    margin-left: -15px;
    margin-top: 20px;
    padding-bottom: 6px;
    height: 128px;
    overflow: hidden;
}

.autoList li {
    margin-left: 15px;
    padding-left: 10px;
    margin-bottom: 10px;
    background: url("../images/libg.png") no-repeat left center;
    height: 22px;
    line-height: 22px;
    width: 225px;
}

.autoList li span {
    display: block;
    width: 165px;
    height: 22px;
    line-height: 22px;
}

.autoList li a.ask {
    display: block;
    height: 22px;
    width: 44px;
    border-radius: 2px;
    background-color: #83a1cd;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.autoList li a:hover {
    text-decoration: none;
}

.marry .partBox-header {
    border-bottom-color: #f8c4d8;
}

.marry .partBox-tit a {
    color: #e83d7d;
}

.marry .tuangou>a {
    background-color: #e83d7d;
}

.marry .partBody {
    height: 376px;
    overflow: hidden;
}

.marry .partFooter {
    background-color: #fdf0f5;
}

.marry .partList-tit2 {
    margin-top: 13px;
    background-color: #fdf2f6;
    color: #e83d7d;
}

.marry .partList-tit2 a {
    color: #e83d7d;
}

.marry .partActive-tip {
    background: url("../images/tip_m.jpg") no-repeat left 1px;
    color: #e83d7d;
    text-indent: 22px;
}

.marry .partList2 li {
    background: url("../images/libg.png") no-repeat left center;
    padding-left: 10px;
}

.marry .partActive {
    margin-bottom: 19px;
    *margin-top: 17px;
    height: 48px;
    border: 1px solid #e7e6e6;
}

.marry .partActive-left {
    width: 48px;
    height: 40px;
    padding: 4px 0;
    background-color: #fb7dac;
}

.marry .partActive-right2 {
    margin-left: 10px;
    width: 425px;
    height: 48px;
    overflow: hidden;
    _width: 423px;
}

.marry .partActive-right2 a {
    display: block;
    width: 209px;
    _width: 208px;
    height: 100%;
    overflow: hidden;
}

.marry .partActive-right2 a:hover {
    text-decoration: none;
    background: #fdf2f6;
}

.marry .partFig {
    margin-top: 17px;
    *margin-top: 15px;
}

.marry .company-fig {
    width: 209px;
    _width: 208px;
    height: 100%;
}

.marry .company-fig img,
.marry .company-fig .company-desc {
    float: left;
}

.marry .company-fig .company-desc {
    margin-left: 15px;
    height: 100%;
    width: 146px;
    _width: 139px;
    overflow: hidden;
}

.marry .company-fig .company-name {
    margin-top: 7px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #333;
}

.marry .company-fig .company-type {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #999;
}

.marry .line {
    float: left;
    margin: 6px 2.5px 5px 2.5px;
    height: 37px;
    width: 1px;
    background: #e5e5e5;
}


/* end pageThree*/


/* page4 */

.part4 {
    margin-top: 14px;
    height: 693px;
    overflow-y: hidden;
}

.trip,
.baby,
.job,
.edu {
    width: 485px;
    overflow: hidden;
}

.trip .partBox-header {
    border-bottom-color: #a6e1f7;
}

.trip .partBox-tit a {
    color: #00aae7;
}

.trip .tuangou>a {
    background-color: #00aae7;
}

.trip .partBody {
    margin-top: 20px;
}

.trip .partFig {
    margin-top: 0;
}

.trip .partPostList {
    margin-top: 3px;
    margin-left: 15px;
    width: 288px;
    overflow: hidden;
}

.trip .partList {
    height: 196px;
    overflow: hidden;
    *margin-bottom: 12px;
}

.trip .partList li {
    *vertical-align: middle;
    margin-top: 0;
    margin-bottom: 12px;
    background: url("../images/libg.png") no-repeat left center;
    padding-left: 10px;
}

.trip .partList li span {
    width: 220px;
}

.trip .partList li label {
    color: #cc0000;
}

.trip .note-text {
    width: 187px;
}

.trip .partList {
    padding-bottom: 10px;
    *padding-bottom: 0;
}

.baby .partBox-header {
    border-bottom-color: #fbeaa8;
}

.baby .partBox-tit a {
    color: #ecc40a;
}

.baby .partBody {
    margin-top: 20px;
}

.baby .partFig {
    margin-top: 0;
}

.baby .partPostList {
    margin-top: 3px;
    margin-left: 15px;
    width: 288px;
    overflow: hidden;
}

.baby .partList {
    height: 112px;
    overflow: hidden;
    *margin-bottom: 10px;
}

.baby .partList li {
    *vertical-align: middle;
    margin-top: 0;
    margin-bottom: 12px;
    background: url("../images/libg.png") no-repeat left center;
    text-indent: 10px;
    width: 100%;
}

.baby .note-text {
    width: 187px;
}

.baby .partList {
    padding-top: 10px;
    padding-bottom: 3px;
    *padding-bottom: 0;
}

.baby-tit {
    padding: 10px 5px 8px;
    border: 1px solid #fff;
    border-bottom: 1px dashed #c9c9c9;
}

.baby-tit span {
    coursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #c00;
    line-height: 16px;
    height: 16px;
}

.baby-tit p {
    coursor: pointer;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 11px;
    height: 36px;
    overflow: hidden;
}

.baby-tit a:hover {
    text-decoration: none;
}

.job {
    margin-top: 24px;
    height: 335px;
    overflow: hidden;
}

.job .partBox-header {
    border-bottom-color: #d4eab3;
}

.job .partBox-tit a {
    color: #84c225;
}

.job .tuangou>a {
    background-color: #96cb39;
}

.job .partActive-left {
    background: #b8dd7f;
}

.job .job-list {
    margin-top: 21px;
    overflow: hidden;
    height: 210px;
    overflow: hidden;
}

.job .job-list li {
    *vertical-align: top;
    height: 16px;
    margin-bottom: 14px;
    *margin-bottom: 12px;
    font-size: 14px;
    overflow: hidden;
    line-height: 16px;
    background: url("../images/libg.png") no-repeat left center;
    padding-left: 10px;
    overflow: hidden;
}

.job .job-list li a {
    display: block;
    height: 16px;
    color: #999;
}

.job .job-list li a:hover {
    color: #c00;
}

.job .job-list b {
    padding-right: 8px;
    color: #333;
    font-weight: normal;
}

.job .job-list .pop b,
.job .job-list li a:hover b {
    color: #c00;
}

.job .job-list li span {
    color: #004592;
}

.job .job-list li a span {
    padding-right: 8px;
}

.job .partActive {
    margin-top: 14px;
    margin-bottom: 0;
}

.job .job-active a {
    display: block;
    width: 100%;
}

.edu {
    margin-top: 24px;
    height: 335px;
    overflow: hidden;
}

.eud .eduCount {
    color: #cc0000 !important;
}

.edu .partBox-header {
    border-bottom-color: #c7dab5;
}

.edu .partBox-tit a {
    color: #5f962a;
}

.edu .tuangou>a {
    background-color: #96cb39;
}

.edu .partActive-left {
    background: #b8dd7f;
}

.edu-list {
    margin-top: 21px;
}

.edu-left ul {
    height: 196px;
    width: 308px;
    overflow: hidden;
}

.edu-left li {
    background: url("../images/libg.png") no-repeat left center;
    margin-bottom: 14px;
    *margin-bottom: 12px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    padding-left: 10px;
    overflow: hidden;
    width: 308px;
}

.edu-left li a {
    display: block;
    width: 308px;
    overfow: hidden;
    color: #333;
}

.edu-right {
    position: relative;
    width: 150px;
    overflow: hidden
}

.edu-right .list_class {
    border: 1px solid #e0eec5;
    padding-bottom: 6px
}

.edu-right .list_class li {
    height: 26px;
    line-height: 26px
}

.edu-right .list_class li.top {
    background: none repeat scroll 0 0 #eef9da;
    color: #62910f;
    font-size: 14px;
    margin-bottom: 6px
}

.edu-right .list_class li span {
    display: inline-block;
    height: 26px;
    overflow: hidden
}

.edu-right .list_class li span.t {
    font-size: 14px;
    text-align: center;
    width: 90px
}

.edu-right .list_class li span.t a {
    color: #333
}

.edu-right .list_class li span.s {
    color: #408800;
    text-align: center;
    width: 58px
}

.edu-fig {
    margin-top: 6px;
    *margin-top: 5px;
    padding: 5px;
    width: 312px;
    height: 60px;
    border: 1px solid #fff;
    oveflow: hidden;
}

.edu-fig a:hover {
    text-decoration: none;
}

.edu-fig img {
    cursor: pointer;
}

.edu-fig .edu-fig-desc {
    padding: 3px 5px;
    width: 210px;
    overflow: hidden;
    line-height: 20px;
    color: #999;
}

.edu-fig span {
    cursor: pointer;
    position: relative;
    top: -3px;
    color: #333;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
}

.edu-fig p {
    cursor: pointer;
    color: #999;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
}


/* end page4 */


/* part5 */

.part5 {
    margin-top: 30px;
    /*height: 398px;*/
    overflow-y: hidden;
}

.consumption .pb2-h {
    border-top-color: #a6d6e8;
}

.consumption .pb2-h .zh {
    color: #0197ce;
}

.consumption-data {
    padding-top: 12px;
    /*height: 346px;*/
    overflow: hidden;
    margin-left: -13.7px
}

.consumption-data .img_title {
    margin-left: 13.7px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    display: inline;
    float: left;
    height: 149px;
    padding: 1px;
    text-decoration: none;
    width: 185px
}

.consumption-data .img_title .img_img {
    height: 105px;
    width: 185px;
    position: relative;
}

.consumption-data .img_title img {
    height: 105px;
    width: 185px
}

.consumption-data .img_title strong {
    padding: 4px 0;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 37px;
    overflow: hidden;
    text-align: center
}

.consumption-data .img_title .sort {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
}

.consumption-data .img_title .descript {
    color: #004592;
    display: block;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    margin-top: 5px;
}

.consumption-data a.img_title:hover {
    background: #fffeee;
    border-color: #edd3ab
}


/* end part5 */


/* part6 */

.part6 {
    height: 298px;
    overflow: hidden;
}

.part6-left {
    width: 754px;
    height: 298px;
    overflow: hidden;
}

.part6-right {
    width: 212px;
    height: 298px;
    overflow: hidden;
}

.movie .pb2-h {
    border-top-color: #a6d6e8;
}

.movie .pb2-h .zh {
    color: #0197ce;
}

.movie .m-list {
    width: 450px;
    overflow: hidden;
}

.movie .ml-data {
    margin-top: 12px;
    height: 244px;
    overflow: hidden;
}

.movie .m-post {
    height: 244px;
}

.movie .m-post {
    width: 279px;
    overflow: hidden;
}

.movie .m-post ul {
    height: 168px;
    width: 279px;
    overflow: hidden;
}

.movie .m-post li {
    margin-bottom: 12px;
    _margin-bottom: 10px;
    background: url("../images/libg.png") no-repeat left center;
    padding-left: 10px;
    font-size: 14px;
    height: 16px;
    width: 279px;
    overflow: hidden;
}

.movie .m-post li a {
    display: block;
    width: 269px;
    color: #333;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

.movie .m-post li.top a {
    color: #cc0000;
    font-weight: bold;
}

.movie .mpost-fig {
    margin-top: 14px;
    width: 260px;
    height: 62px;
    overflow: hidden;
}

.movie .mpost-fig a {
    display: block;
    width: 258px;
    height: 60px;
    border: 1px solid #fff;
}

.movie .mpost-fig a:hover {
    text-decoration: none;
    border: 1px solid #edd3ab;
    background-color: #fffeee;
}

.movie .mpost-fig p {
    cursor: pointer;
    width: 156px;
    height: 60px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.movie .movie_focus {
    border: 1px solid #e1e1e1;
    height: 179px;
    overflow: hidden
}

.movie .movie_focus .tab_nav {
    float: left;
    width: 179px
}

.movie .movie_focus .tab_nav li {
    *vertical-align: middle;
    background: #f7f7f7;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    overflow: hidden
}

.movie .movie_focus .tab_nav li.on {
    background: #fff;
    border-right-color: #fff;
    font-weight: bold
}

.movie .movie_focus .tab_nav li.on a {
    color: #0091e2
}

.movie .movie_focus .tab_nav li a {
    color: #333;
    display: block;
    padding-left: 10px
}

.movie .movie_focus .tab_nav li a:hover {
    text-decoration: none
}

.movie .movie_focus .tab_nav li a .i {
    background: url("../images/movie_ico.png") repeat;
    color: #0091e2;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 35px;
    margin: 0 8px 0 -10px;
    text-align: center;
    width: 25px
}

.movie .movie_focus .tab_nav li a .i0,
.movie .movie_focus .tab_nav li a .i1,
.movie .movie_focus .tab_nav li a .i2 {
    color: #fff;
    font-weight: bold
}

.movie .movie_focus .tab_nav li a .i0 {
    background-position: 0 -31px
}

.movie .movie_focus .tab_nav li a .i1 {
    background-position: 0 -70px
}

.movie .movie_focus .tab_nav li a .i2 {
    background-position: 0 -109px
}

.movie .movie_focus .tab_content {
    float: right;
    width: 258px
}

.movie .movie_focus .tab_content dl {
    padding: 4px 10px 0 0
}

.movie .movie_focus .tab_content dl a {
    display: block;
}

.movie .movie_focus .tab_content dl img {
    float: left;
}

.movie .movie_focus .tab_content dl dt {
    float: left;
    width: 123px
}

.movie .movie_focus .tab_content dl dd {
    float: right;
    width: 115px
}

.movie .movie_focus .tab_content dl dd a {
    display: block;
    font: 14px;
    line-height: 29px;
    color: #333;
}

.movie .movie_focus .tab_content dl dd a span {
    color: #0091e2;
    float: right;
    font-size: 12px
}

.movie .movie_focus .tab_content li {
    margin-bottom: 5px
}

.movie .m-active {
    margin-top: 13px;
    height: 50px;
    overflow: hidden;
}

.movie .youhui dt {
    padding: 5px 10px;
    background: #2ABBF3;
    color: #fff;
    height: 40px;
    line-height: 20px;
    width: 30px;
    font-size: 14px;
    font-weight: bold;
}

.movie .youhui dd {
    margin-left: 10px;
    width: 390px;
    overflow: hidden;
}

.movie .ma-list li {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

.movie .ma-list li a {
    color: #333;
}

.movie .ma-list li a.sort {
    color: #666
}

.movie .ma-list li span.line {
    color: #ccc;
    padding: 0 10px 0 4px;
    vertical-align: 1px
}

.mr-data {
    margin-top: -2px;
    width: 100%;
    height: 260px;
    overflow: hidden;
}

.mr-data a {
    display: block;
    margin-top: 13px;
    width: 210px;
    height: 50px;
    border: 1px solid #fff;
}

.mr-data a:hover {
    text-decoration: none;
    border: 1px solid #edd3ab;
    background-color: #fffeee;
}

.mr-data a strong {
    margin-left: 10px;
    display: block;
    width: 148px;
    height: 50px;
    overflow: hidden;
}

.mr-data a strong p {
    cursor: pointer;
    font-weight: normal;
    overflow: hidden;
    width: 148px;
    font-size: 14px;
}

.mr-data a strong .mrd-name {
    height: 20px;
    line-height: 20px;
    color: #333;
}

.mr-data a strong .mrd-time {
    color: #999;
    height: 30px;
    line-height: 30px;
}


/* end part6 */

.linkImg {
    float: left;
    padding: 1px;
    display: block;
    border: 1px solid #fff;
    overflow: hidden;
}

.linkImg:hover {
    border-color: #edd3ab;
    background: #fffeee;
    text-decoration: none
}

.linkImg img {
    position: relative;
    left: 1px;
    cursor: pointer;
    border: 0;
    border: none;
    border-width: 0;
}

.linkImg strong {
    cursor: pointer;
    display: block;
    font-weight: normal;
    overflow: hidden;
}


/* part7 */

.part7 {
    height: 297px;
    margin-top: 27px;
    overflow: hidden;
}

.lady {
    padding-bottom: 23px;
}

.lady .pb2-h {
    border-top-color: #fcbdd8;
}

.lady .pb2-h .zh {
    color: #f5438f;
}

.lady-data {
    margin-left: -18.8px;
    margin-top: 12px;
    height: 222px;
    overflow: hidden;
}

.lady-data a {
    margin-left: 18.8px;
    width: 147px;
    height: 218px;
    background: #f6f6f6;
}

.lady-data a.first {
    margin-left: 0;
}

.lady-data a:hover {
    border-color: #ff77b1;
    background: #ffe5ec;
}

.lady-data a strong {
    padding: 0 7px;
    height: 42px;
    text-align: center;
}

.lady-data a strong p {
    line-height: 21px;
    color: #333;
}


/* end part7 */


/* part8 */

.part8 {
    margin-top: 2px;
    height: 256px;
    overflow: hidden;
}

.buy-data {
    margin-left: -18.8px;
    margin-top: 12px;
    height: 204px;
    overflow: hidden;
}

.buy .pb2-h {
    border-top-color: #f2b3b0;
}

.buy .pb2-h .zh {
    color: #da251d;
}

.buy-data a {
    margin-left: 18.8px;
    width: 147px;
    height: 200px;
}

.buy-data a.first {
    margin-left: 0;
}

.buy-data a strong {
    padding: 9px 7px 0 7px;
    height: 44px;
    text-align: center;
}

.buy-data a strong p {
    _width: 100%;
    line-height: 22px;
    height: 22px;
}

.buy-data a strong p.tit {
    font-size: 16px;
    color: #333;
}

.buy-data a strong p.money {
    font-size: 14px;
    color: #d11919;
}


/* end part8 */


/* part9 */

.part9 {
    margin-top: 25px;
    height: 205px;
    overflow: hidden;
}

.so .pb2-h-t,
.so.partBox2 .pb2-h {
    overflow: visible;
}

.so .pb2-h-t a:hover {
    text-decoration: none;
}

.so .pb2-h-t .phone {
    z-index: 1;
    position: relative;
    padding-left: 25px;
    color: #fc904a;
}

.so .phone .m-phone {
    position: absolute;
    top: -10px;
    left: 0;
    *top: 2px;
    _left: 10px;
}

.so .phone img.code {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    border: 1px solid #d9f5ff;
    z-index: 999;
}

.so-data {
    margin-top: 12px;
    height: 153px;
    overflow: hidden;
}

.so .pb2-h {
    border-top-color: #fac7a6;
}

.so .pb2-h .zh {
    color: #f25f00;
}

.so-data a {
    margin-left: 8px;
    width: 132px;
    height: 149px;
}

.so-data a.first {
    margin-left: 0;
}

.so-data a strong {
    padding: 6px 0 0 0;
    height: 50px;
    text-align: center;
}

.so-data a strong p {
    _width: 100%;
    line-height: 22px;
    height: 22px;
}

.so-data a strong p.tit1 {
    font-size: 16px;
    color: #19346d;
    overflow: hidden;
}

.so-data a strong p.tit2 {
    font-size: 12px;
    color: #999;
}


/* end part9 */


/* part10 */

.part10 {
    margin-top: 25px;
    overflow: hidden;
    height: 224px;
}

.public-data {
    margin-top: 12px;
    height: 172px;
    overflow: hidden;
}

.public .pb2-h {
    border-top-color: #b2dceb;
}

.public .pb2-h .zh {
    color: #0197ce;
}

.public .conve_item {
    height: 54px;
    margin-top: 3px;
    margin-left: 3px;
    padding: 16px 10px 13px;
    float: left;
    background-color: #f3f7f9;
}

.public .conve_item dt {
    width: 54px;
    height: 54px;
    float: left;
    text-indent: -999em;
    background: url("../images/sprites.png") no-repeat;
    background-position: 0 -213px;
}

.public .i1,
.public .i5 {
    width: 265px;
    margin-left: 0;
}

.public .i2,
.public .i6 {
    width: 204px;
}

.public .i3,
.public .i7 {
    width: 224px
}

.public .i4,
.public .i8 {
    width: 218px
}

.public .i2 dt {
    background-position: -54px -213px
}

.public .i3 dt {
    background-position: -108px -213px
}

.public .i4 dt {
    background-position: 0 -268px
}

.public .i5 dt {
    background-position: -55px -268px
}

.public .i6 dt {
    background-position: -109px -268px
}

.public .i7 dt {
    background-position: 0 -323px
}

.public .i8 dt {
    background-position: -55px -323px
}

.public .conve_item dd {
    height: 50px;
    width: 171px;
    float: left;
    overflow: hidden
}

.public .i1 dd,
.public .i5 dd {
    width: 211px
}

.public .i2 dd,
.public .i6 dd {
    width: 150px
}

.public .i3 dd,
.public .i7 dd {
    width: 170px
}

.public .i4 dd,
.public .i8 dd {
    width: 164px
}

.public .conve_item dd p {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.public .conve_item dd a {
    margin: 0 4px 0 6px;
    font-size: 14px;
    color: #333;
}

.public .conve_item dd a:hover {
    color: #d11919;
}


/* end part10 */


/* part11*/


/*??new by mingh*/

#club_box {
    width: 999px;
    margin: 20px auto;
    background: #f1f1f1;
    position: relative
}

#club_box ul {
    padding-bottom: 4px
}

#club_box .count {
    font-size: 12px;
    color: #999;
    display: block;
    font-family: "??"
}

#club_box .club_items {
    float: left;
    width: 195px;
    height: 142px;
    margin: 4px 0 0 4px;
    background: #FFF;
    position: relative;
    border-top: 2px solid #fff
}


/*5?width:195 4?245*/

#club_box .club_items a:hover {
    text-decoration: none
}

#club_box .clubs_hd {
    padding: 16px 15px 5px
}

#club_box .club_name {
    font: 100 24px/24px "Microsoft Yahei", "SimHei"
}

#club_box .club_logo {
    background: url(../images/club_logo3.png);
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-indent: -60px;
    position: absolute;
    left: 133px;
    top: 13px
}


/*5?width:129 4?179*/

#club_box .club_logo a {
    display: block;
    width: 50px;
    height: 51px
}

#club_box .clubs_list {
    margin-left: 10px;
    width: 185px
}


/*5?width:185  4?235 */

#club_box .clubs_list a {
    display: block;
    float: left;
    padding: 0 5px;
    line-height: 20px;
    color: #666;
    white-space: nowrap
}

#club_box .clubs_list a:hover {
    color: #0088E2;
    text-decoration: underline
}

#club_box .clubs_ad {
    position: absolute;
    bottom: 0;
    width: 195px;
    right: 0px;
    overflow: hidden
}

#club_box .clubs_ad img {
    display: block
}

#club_box .clubs_ad_195_140 {
    width: 195px;
    height: 140px;
    overflow: hidden;
}

#club_box .clubs_ad_195_180 {
    width: 195px;
    height: 180px;
    overflow: hidden;
}

#club_box .w221 {
    /*width:394px*/
}


/*5?width:394  4?494*/

#club_box .w220 {
    /*width:394px*/
}

#club_box .w222 {
    /*height:290px*/
}


/*??*/


/*????*/

#club_box .w21 .club_name a {
    color: #00a2e6
}

#club_box .w217 .club_name a {
    color: #0086b9
}

#club_box .w218 .club_name a {
    color: #0a907c
}

#club_box .w219 .club_name a {
    color: #0f2275
}

#club_box .w220 .club_name a {
    color: #ed5400
}

#club_box .w221 .club_name a {
    color: #FB4994
}

#club_box .w223 .club_name a {
    color: #ecc50e
}

#club_box .w222 .club_name a {
    color: #e83d7d
}

#club_box .w127 .club_name a {
    color: #a2bb18
}

#club_box .w224 .club_name a {
    color: #575c60
}

#club_box .w229 .club_name a {
    color: #18b5b7
}

#club_box .w225 .club_name a {
    color: #6eb818
}

#club_box .w64 .club_name a {
    color: #b55a5a
}

#club_box .w266 .club_name a {
    color: #b0a375
}

#club_box .w227 .club_name a {
    color: #f27d00
}

#club_box .w267 .club_name a {
    color: #0a87df
}

#club_box .w263 .club_name a {
    color: #259e47
}

#club_box .w24 .club_name a {
    color: #d6a145
}

#club_box .w28 .club_name a {
    color: #653b0b
}

#club_box .w268 .club_name a {
    color: #00a2ea
}

#club_box .w41 .club_name a {
    color: #2790a6
}

#club_box .w37 .club_name a {
    color: #de183e
}

#club_box .club21 {
    background-position: -87px -10px
}

#club_box .club217 {
    background-position: -87px -58px
}

#club_box .club218 {
    background-position: -87px -151px
}

#club_box .club219 {
    background-position: -87px -104px
}

#club_box .club220 {
    background-position: -87px -198px
}

#club_box .club221 {
    background-position: -87px -245px
}

#club_box .club222 {
    background-position: -87px -339px
}

#club_box .club223 {
    background-position: -87px -292px
}

#club_box .club127 {
    background-position: -87px -386px
}

#club_box .club224 {
    background-position: -87px -433px
}

#club_box .club225 {
    background-position: -87px -574px
}

#club_box .club37 {
    background-position: -87px -527px
}

#club_box .club229 {
    background-position: -87px -480px
}

#club_box .club227 {
    background-position: -87px -668px
}

#club_box .club28 {
    background-position: -87px -903px
}

#club_box .club64 {
    background-position: -87px -621px
}

#club_box .club266 {
    background-position: -87px -856px
}

#club_box .club267 {
    background-position: -87px -715px
}

#club_box .club263 {
    background-position: -87px -762px
}

#club_box .club24 {
    background-position: -87px -809px
}

#club_box .club268 {
    background-position: -87px -950px
}

#club_box .club41 {
    background-position: -87px -997px
}


/*hover??*/

#club_box li.hover .club21 {
    background-position: -19px -10px
}

#club_box li.hover .club217 {
    background-position: -19px -58px
}

#club_box li.hover .club218 {
    background-position: -19px -151px
}

#club_box li.hover .club219 {
    background-position: -19px -104px
}

#club_box li.hover .club220 {
    background-position: -19px -198px
}

#club_box li.hover .club221 {
    background-position: -19px -245px
}

#club_box li.hover .club222 {
    background-position: -19px -339px
}

#club_box li.hover .club223 {
    background-position: -19px -292px
}

#club_box li.hover .club127 {
    background-position: -19px -386px
}

#club_box li.hover .club224 {
    background-position: -19px -433px
}

#club_box li.hover .club225 {
    background-position: -19px -574px
}

#club_box li.hover .club37 {
    background-position: -19px -527px
}

#club_box li.hover .club229 {
    background-position: -19px -480px
}

#club_box li.hover .club227 {
    background-position: -19px -668px
}

#club_box li.hover .club28 {
    background-position: -19px -903px
}

#club_box li.hover .club64 {
    background-position: -19px -621px
}

#club_box li.hover .club266 {
    background-position: -19px -856px
}

#club_box li.hover .club267 {
    background-position: -19px -715px
}

#club_box li.hover .club263 {
    background-position: -19px -762px
}

#club_box li.hover .club24 {
    background-position: -19px -809px
}

#club_box li.hover .club268 {
    background-position: -19px -950px
}

#club_box li.hover .club41 {
    background-position: -19px -997px
}


/* end part11 */


/*---- ?? ----*/

.footer {
    margin: 10px auto 9px;
    width: 960px
}

.footer p {
    font-size: 12px;
    line-height: 23px;
    text-align: center;
}


/*�0�3�0�1�0�8�0�5�0�9�0�6�0�5�0�7*/

#mybk {
    position: relative;
}

#scrollBar .backtop,
#scrollBar .quick_reply_btn {
    background-image: url(../images/top_unselected@2x.png);
    width: 58px;
    height: 58px;
    display: block;
    overflow: hidden;
    text-indent: -2000em;
    cursor: pointer;
    background-size: cover;
}

#scrollBar .backtop:hover {
    background-image: url(../images/top_selected@2x.png);

}


#scrollBar .xzapp-image {
    background-image: url(../images/logo@2x.png);
    width: 58px;
    height: 73px;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
}

#scrollBar.small .backtop {}

#scrollBar.small .backtop:hover {}

#scrollBar .appeal {
    position: relative;
}

#scrollBar .appeal_btn {
    width: 58px;
    height: 58px;
    display: block;
    overflow: hidden;
    background-image: url(../images/appeal_unselsected@2x.png);

    cursor: pointer;
    background-size: cover;
}

#scrollBar .appeal_btn:hover {
    background-image: url(../images/appeal_selsected@2x.png);

}

.manual_service {
    position: relative;
    width: 58px;
    height: 58px;
    background-image: url(../images/service_unselected@2x.png);
    background-size: cover;
    display: block;

}

.manual_service:hover {
    background-image: url(../images/service_selected@2x.png);

}

#scrollBar .manual_service .qr-wrap {
    position: absolute;
    right: 60px;
    bottom: 0;
    display: none;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #c9efff;
}

#scrollBar .manual_service img {
    width: 88px;
    display: block;
}

#scrollBar .manual_service:hover .qr-wrap {
    display: block;
}




/* pop ad */


/*??????*/

#pop_window {
    display: none;
    width: 302px;
    position: fixed;
    right: 2px;
    bottom: 2px;
    z-index: 1000;
}

#pop_window .title {
    background: #2ca8e4;
    line-height: 30px;
    height: 30px;
    position: relative
}

#pop_window .title h3 {
    color: #fff;
    font-size: 12px;
    padding-left: 10px
}

#pop_window .title .pbl {
    left: 0
}

#pop_window .title .pbr {
    background-position: -292px -67px;
    right: 0
}

#close_window {
    background-position: -167px -179px;
    cursor: pointer;
    height: 26px;
    width: 34px;
    position: absolute;
    top: 0;
    right: 8px
}

#pop_window .context {
    border: #2ca8e4 1px solid;
    height: 200px;
    width: 300px
}

#pop_window .context img {
    display: block
}


/*????*/

.pop_dialog {
    width: 1000px;
    height: 300px;
    overflow: hidden;
}

.pop_dialog dl,
.pop_dialog dt,
.pop_dialog dd {
    display: block;
    width: 100%;
    overflow: hidden;
}

.pop_dialog dl,
.pop_dialog dd {
    height: 100%;
    z-index: 1;
}

.pop_dialog dl {
    position: relative;
}

.pop_dialog dt,
.pop_dialog dd {
    position: absolute;
    top: 0;
    left: 0;
}

.pop_dialog dt img,
.pop_dialog dd img {
    width: 100%;
    height: 100%;
}

.pop_dialog dt {
    z-index: 2;
    height: 43px;
}

.pop_dialog .pop_dialog_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background: url("../images/close.gif") no-repeat;
}

.pop_dialog_box {
    border: none !important;
}


/*??? flash ad*/

.main_flash {
    width: 1000px;
    height: 272px;
    display: block;
    position: absolute;
    left: 0px;
    top: -72px;
}

.main_flash_link {
    position: absolute;
    width: 1000px;
    height: 272px;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 10;
    background-color: #fff;
    *filter: alpha(opacity=0);
    opacity: 0;
}

.main_flash_close {
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/close.gif) no-repeat;
    width: 23px;
    height: 23px;
}


/* end pop ad*/


/* go TOP*/

#rocket-to-top {
    cursor: default;
    display: none;
    overflow: hidden;
    padding: 0;
    top: 75%;
    z-index: 11;
    width: 70px;
    height: 220px;
    position: fixed;
    right: 50%;
    margin-right: -650px;
    bottom: 75px;
    display: block
}

#rocket-to-top,
#rocket-to-top .onhover,
.anim.fire {
    background: url("../images/top.jpg") no-repeat -35px -18px
}

#rocket-to-top .onhover,
#rocket-to-top .anim {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 70px;
    height: 220px
}

#rocket-to-top .onhover {
    background-position: -184px -18px;
    *filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 1
}

#rocket-to-top .anim {
    cursor: pointer;
    z-index: 2
}

#rocket-to-top .anim.fire {
    -webkit-animation: rocket-fire .2s steps(4, end) infinite;
    animation: rocket-fire .2s steps(4, end) infinite
}

#rocket-to-top:hover .onhover {
    opacity: 1;
    *filter: alpha(opacity=1);
}

#rocket-to-top.shot {
    -webkit-transition: -webkit-transform 1.5s ease-in;
    transition: transform 1.5s ease-in;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
}

@-webkit-keyframes rocket-fire {
    0% {
        background-position: -333px -18px
    }

    100% {
        background-position: -927px -18px
    }
}

@keyframes rocket-fire {
    0% {
        background-position: -333px -18px
    }

    100% {
        background-position: -927px -18px
    }
}


/* end goTOP*/


/*animate*/

.rotateZ {
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.rotateZ:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.animated {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate-foreard {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}


/*new-house*/

.new_house {
    margin-top: -8px;
    position: absolute;
    left: -8px;
}


/* �����0�9���0�3�0�3 */

.bank_box {
    width: 258px;
    height: 144px;
    overflow: hidden;
}

.bank_active li {
    width: 49%;
    height: 36px;
    line-height: 34px;
    color: #008ee2;
    border-bottom: none;
}

.active {
    background: #ccc !important;
}

.bank_active li span {
    background: #eee;
    width: 34px;
    text-align: center;
    border: 1px solid #ccc;
    color: #008ee2;
    display: block;
    cursor: pointer;
}

.bank_list li {
    width: 166px;
    height: 122px;
    position: absolute;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    margin-left: 36px;
    padding: 10px;
    display: none;
}

.bank_a {
    width: 70px;
    height: 26px;
    line-height: 26px;
    background: #4cb7e4;
    border-radius: 5px;
    text-align: center;
    float: right;
    color: #aaa;
}

.bank_a a {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.bank_list li img {
    width: 90px;
    height: 57px;
    float: left;
    margin-bottom: 5px;
}

.bank_list p {
    clear: both;
    line-height: 15px;
    color: #888;
    margin-bottom: 5px;
}

.bank_list li:first-child {
    display: block;
}


/* �0�2�����0�2�6�9�0�6�0�2�0�1�0�7�0�2���0�7 */


/* // .year{
//  width: 1020px;
//  margin: 0 auto;
// }
// .new_year{
//  width: 1000px;
//  padding: 0 10px;
//  margin: 0 auto;
//  background: #fff;
//  border-radius: 8px;
// } */


/*  �0�3���0�3�0�2�0�7�0�2�0�2�6�1�6�9�0�2�0�3�0�9�����0�8�0�2���0�6�0�2�0�5 2016.4.29 */

.shangjiatong .partBox-header {
    border-bottom-color: #ffd3d4;
}

.shangjiatong .erweima_pos {
    position: relative;
}

.shangjiatong .erweima_pos a:hover {
    text-decoration: none;
}

.shangjiatong .erweima_box {
    border: 1px solid #ebe8eb;
    width: 94px;
    height: 120px;
    padding: 8px;
    position: absolute;
    left: -45px;
    top: 30px;
    background: #fff;
    display: none;
    z-index: 99;
}

.shangjiatong .erweima_box2 {
    left: 75px;
    top: -112px;
    z-index: 99;
}

.shangjiatong .erweima_box img {
    width: 94px;
    height: 94px;
}

.shangjiatong .erweima_box .mydes {
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
}

.shangjiatong .partBox-tit a {
    color: #f02f32;
}

.shangjiatong .ioo_erweima {
    vertical-align: middle;
    margin-right: 10px;
}

.shangjiatong_con {
    padding-top: 20px;
}

.shangjiatong_con .left {
    float: left;
    width: 158px;
    height: 266px;
    border: 1px solid #e9e8e9;
}

.shangjiatong_con .qrcode {
    width: 158px;
    height: 266px;
}

.shangjiatong_con .right {
    float: right;
    width: 324px;
    height: 266px;
    border: 1px solid #e9e8e9;
    border-left: none;
}

.shangjiatong_con .item {
    height: 133px;
    border-bottom: 1px solid #e9e8e9;
}

.shangjiatong_con .item .pic_text {
    width: 161px;
    height: 133px;
    float: left;
    overflow: hidden;
}

.shangjiatong_con .item .pic_text a:hover {
    text-decoration: none;
}

.shangjiatong_con .item .title_text {
    float: left;
    width: 40px;
    font-size: 16px;
    height: 86px;
    overflow: hidden;
    margin-left: 15px;
    font-family: "Microsoft yahei";
    padding-top: 15px;
}

.shangjiatong_con .item .title_text span {
    position: absolute;
    z-index: 6;
}

.shangjiatong_con .item .title_text p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
    line-height: 22px;
}

.shangjiatong_con .item .pic {
    width: 86px;
    height: 86px;
    overflow: hidden;
    float: right;
    margin-right: 15px;
    padding-top: 15px;
}

.shangjiatong_con .item .pic>img {
    max-width: 86px;
    max-height: 86px;
}

.shangjiatong_con .item .text {
    font-size: 14px;
    color: #333;
    text-align: center;
    clear: both;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}

.shangjiatong_con .item .price {
    font-size: 16px;
    color: #f02f32;
    font-family: "Microsoft YaHei";
}

.shangjiatong_con .item .pre_price {
    font-size: 11px;
    color: #fff;
    background: #f02f32;
    padding: 2px;
}

.shangjiatong_con .item .title {
    color: #333;
    font-size: 12px;
}

.shangjiatong_con .item .title a {
    color: #333;
}

.shangjiatong_con .item .big_text {
    overflow: hidden;
    clear: both;
}

.shangjiatong_con .item .big_text a {
    text-decoration: none;
}

.shangjiatong_con .item .fun {
    overflow: hidden;
    padding: 21px 26px;
}

.shangjiatong_con .item .big_text .img {
    width: 126px;
    height: 92px;
    overflow: hidden;
    float: left;
}

.shangjiatong_con .item .big_text .img img {
    width: 126px;
    height: 92px;
}

.shangjiatong_con .item .big_text .til {
    width: 120px;
    padding-left: 20px;
    float: left;
    text-align: center;
}

.shangjiatong_con .item .big_text .til .title {
    font-size: 18px;
    color: #4fafed;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.shangjiatong_con .item .big_text .til .zi {
    font-size: 12px;
    color: #333;
    margin: 20px 0;
}

.shangjiatong_con .item .big_text .til .more {
    font-size: 12px;
    color: #333;
    display: block;
    border: 1px solid #e9e8e9;
    width: 90px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    margin: 0 auto;
}

.bigBackground {
    width: 1000px;
    padding: 0 10px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
}

.adwords {
    position: absolute;
    left: 6px;
    bottom: 6px;
    width: 40px;
    height: 18px;
    color:#fff;
    font-weight: normal;
    background: rgba(0,0,0,0.3);
    border-radius: 2px;
    text-align: center;
    line-height: 18px;
    z-index: 12;
    overflow: hidden;
}

.advertising {
    position: relative;
    width: 310px;
    height: 85px;
    margin-top: 8px;
    z-index: 999;
}


/*底部举报中心图标*/

.icon-jubao {
    width: 110px;
    height: 38px;
    padding: 3px 5px 4px 5px;
    margin: 0 3px;
    display: inline-block;
    background-color: #fff;
    position: relative;
    top: -12px;
}

.icon-jubao .text {
    float: right;
    line-height: 20px;
    margin-right: 8px;
}


/* 2017-12-27 */

a.logo-gaa {
    background: url(../images/logo-gaa.png) no-repeat;
    background-position: 8px center !important;
    background-size: 34px 36px;
    text-indent: 12px;
    background-color: #f7f7f7;
}

a.logo-dyfy {
    background: url(../images/logo-dyfy.png) no-repeat;
    background-position: 8px center !important;
    background-size: 37px 36px;
    text-indent: 12px;
    background-color: #f7f7f7;
}

.top-ad img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.section {
    margin-top: 20px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 20px;
}

.section a:hover {
    text-decoration: none;
}

.section .line-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 175, 235);
    padding-bottom: 11px;
    display: inline-block;

}

.section .line-title::after {
    position: absolute;
    content: '';
    background-color: rgb(0, 175, 235);
    bottom: 0;
    width: 100%;
    height: 4px;
    left: 0;
}


.section .section-left {
    width: 640px;
    margin-right: 40px;
    float: left;

}



.section .section-right {
    width: 320px;
    float: right;
    position: relative;
}

.public-information_content,
.hours-hot_content,
.acts-list,
.performance-list,
.swiper-container,
.information-list {
    border-top: 1px solid #ddd;
    position: relative;
    width: 100%;
}

.public-information_area {}

/* 
.public-information_area.float {
    position: fixed;
    width: 320px;
    top: 10px;
} */

.public-information_content .information-item {
    float: left;
    width: 160px;
    box-sizing: border-box;
    padding: 13px 0;
    border-bottom: 0.5px dashed #ddd;
}

.public-information_content .information-item .information {
    padding-left: 38px;
}

.public-information_content .information-item .information p {
    line-height: 1.65;
}

.public-information_content .information-item .information p a {
    color: #222;
    font-size: 12px;
    margin-right: 8px;
}


.public-information_content .information-item .information-icon {
    width: 28px;
    height: 28px;
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;

}

.public-information_content .information-item .information-icon:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


.public-information_content .information-item .information-icon.information-1 {
    background-image: url(../images/img01@2x.png);
}

.public-information_content .information-item .information-icon.information-2 {
    background-image: url(../images/img02@2x.png);

}

.public-information_content .information-item .information-icon.information-3 {
    background-image: url(../images/img03@2x.png);

}

.public-information_content .information-item .information-icon.information-4 {
    background-image: url(../images/img04@2x.png);

}

.public-information_content .information-item .information-icon.information-5 {
    background-image: url(../images/img05@2x.png);

}

.public-information_content .information-item .information-icon.information-6 {
    background-image: url(../images/img06@2x.png);

}

.public-information_content .information-item .information-icon.information-7 {
    background-image: url(../images/img07@2x.png);

}

.public-information_content .information-item .information-icon.information-8 {
    background-image: url(../images/img08@2x.png);

}

.public-information_content .information-item.line-2 {
    height: 61px;
}





.public-information_content .information-item.line-3 {
    height: 79px;
}

.public-information_content .information-item.line-4 {
    height: 97px;
}

.public-information_content .information-item:nth-child(2n) {
    border-left: 0.5px dashed #ddd;
}

.public-information_content .information-item:nth-child(2n) .information {
    padding-left: 42px;
}

.public-information_content .information-item:nth-child(2n) .information-icon {
    margin-left: 5px;
}

.section-right .section-right_ad {
    width: 320px;
    margin-top: 20px;
}

.section-right_ad,
.section-right_ad2,
.section-right_ad3 {
    position: relative;

}

.section-right .section-right_ad img {
    width: 100%;
}

.hours-48_hot {
    margin-top: 20px;
    width: 320px;
    position: absolute;
}

.hours-48_hot.float {
    position: fixed;
    width: 320px;
    top: 0;
}

.section-right_ad.float {
    position: fixed;

}

.hours-48_hot .hours-hot_content ul li {
    margin-top: 16px;
}

.hours-48_hot .hours-hot_content ul li .index-dot {
    width: 16px;
    text-align: center;
    line-height: 16px;
    height: 16px;
    background: rgb(245, 166, 35);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    float: left;
}

.hours-48_hot .hours-hot_content ul li:nth-child(n+4) .notice-link {
    font-weight: normal;

}

.hours-48_hot .hours-hot_content ul li:nth-child(n+4) .notice-link a {
    font-weight: normal;
}

.hours-48_hot .hours-hot_content ul li:nth-child(n+4) .index-dot {
    background: rgb(204, 204, 204);
    color: #fff;


}

.hours-48_hot .hours-hot_content ul li .notice-link {
    color: #1C3268;
    font-weight: bold;
    font-size: 14px;
    width: 288px;
    height: 16px;
    line-height: 1.2;
    padding-left: 30px;


}

.hours-48_hot .hours-hot_content ul li .notice-link a {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 288px;
    overflow: hidden;
    display: inline-block;
}

.bravo-acts {
    margin-top: 30px;
}

.bravo-acts .acts-list .normal {
    margin-top: 14px;
}

.bravo-acts .acts-list .arrow-top .notice-link a {
    color: #DC2D2D;
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 288px;
    overflow: hidden;
    display: inline-block;
}

.bravo-acts .acts-list .arrow-top .notice-link {
    display: inline-block;
    margin-left: 2px;
}


.bravo-acts .acts-list .normal .notice-link a {
    color: #222222;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 288px;
    overflow: hidden;
    display: inline-block;
    line-height: 20px;
}

.bravo-acts .acts-list .normal .notice-link .time-author {
    margin-top: 5px;
    line-height: 16px;
}

.bravo-acts .acts-list .normal .notice-link .time-author span {
    font-size: 12px;
    color: #999999;
}

.bravo-acts .acts-list .arrow-top {
    margin: 13px 0 6px;
}

.bravo-acts .acts-list .arrow-top .blue-dot {
    width: 14px;
    height: 14px;
    float: left;
    border-radius: 50%;
    background-image: url(../images/zhidingmian.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.bravo-acts .acts-list .normal .notice-link {
    width: 300px;
    display: inline-block;
    margin-left: 5px;
}

.bravo-acts .acts-list .normal .blue-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgb(0, 175, 235);
    margin-top: 7px;
    margin-right: 2px;
    float: left;
    margin-left: 4px;
}

.performance-area {
    margin-top: 30px;
}

.performance-area .performance-item:first-child {
    margin-top: 16px;
}

.performance-area .performance-item {
    margin-top: 26px;
}

.performance-area .performance-item .cover {
    width: 60px;
    height: 60px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.performance-area .performance-item .performance-words {
    padding-left: 70px;
    height: 60px;
    padding-top: 10px;
    box-sizing: border-box;

}

.performance-area .performance-item .performance-words .performance-title {
    font-size: 16px;
    color: #222222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 250px;

}

.performance-area .performance-item .performance-words .performance-schedule {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.swiper-container {
    position: relative;
    padding-top: 14px;
    width: 640px;
    height: 320px;
    overflow: hidden;
}

.swiper-dots {
    position: absolute;
    right: 20px;
    bottom: 50px;
}

.swiper-dots .swiper-dot {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
}

.swiper-dots .swiper-dot.on {
    background-color: #00AFEB;
}

.swiper-container .swiper-imgs li {
    width: 640px;
    height: 320px;
    position: relative;
}

.swiper-container .swiper-imgs li .swiper-img {
    width: 640px;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-container .swiper-imgs li .swiper-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 640px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
}



.click-load_more {
    font-size: 14px;
    color: #666;
    text-align: center;
    cursor: pointer;
    display: none;
    margin-top: 21px;
    background: rgba(238, 238, 238, 1);
    height: 44px;
    line-height: 44px;
    color: #666;
    border-radius: 4px;
}

.flow-container .flow-item {
    padding: 20px 0;
}


.flow-container .flow-item:not(:last-child) {
    border-bottom: 1px solid #eee;
}


.flow-container .flow-item.ad-item .ad-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-top: 10px;
}

.flow-container .flow-item.no-pics .flow-words .title-area {
    width: 641px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.flow-container .flow-item .flow-cover {
    float: left;
    width: 160px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.flow-container .flow-item.no-pics .flow-words {
    padding-left: 0px;
}

.flow-container .flow-item .flow-words {
    padding-left: 180px;
    padding-top: 15px;
}


.flow-container .flow-item .flow-words .title-area {
    width: 461px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.flow-container .flow-item .first-tag {
    background: rgba(0, 175, 235, 1);
    border-radius: 4px;
    color: #fff;
    padding: 2px 4px;
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
    margin-right: 5px;
}

.flow-container .flow-item .flow-words .bottom-area {
    color: #999;
    font-size: 12px;
    padding-top: 32px;

}

.flow-container .flow-item .flow-words .bottom-area .author,
.flow-container .flow-item .flow-words .bottom-area .time-format {
    float: left;
    margin-right: 20px;
    color: #999;
}

.flow-container .flow-item .flow-words .bottom-area .time-format.act {
    color: #00AFEB;

}

.flow-container .flow-item .flow-words .bottom-area .views {
    float: right;
    background-image: url(../images/eye-gray@2x.png);
    background-size: 12px 12px;
    background-position: 0 0;
    padding-left: 16px;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.flow-container .flow-item.flow-multiple_pics .title-multiple_area {
    width: 641px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}


.flow-container .flow-item.flow-multiple_pics .multiple-pics {
    margin: 8px 0 12px;
    display: block;
}


.flow-container .flow-item.flow-multiple_pics .bottom-multiple_area .author {
    float: left;
    font-size: 12px;
    color: #999;
    margin-right: 20px;
}

.flow-container .flow-item.flow-multiple_pics .bottom-multiple_area .time-format {
    float: left;
    font-size: 12px;
    color: #999;
}

.flow-container .flow-item.flow-multiple_pics .bottom-multiple_area .views {
    float: right;
    font-size: 12px;
    color: #999;
    background-image: url(../images/eye-gray@2x.png);
    background-size: 12px 12px;
    background-position: 0 0;
    padding-left: 16px;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.flow-container .flow-item.flow-multiple_pics .multiple-pics .pics-cover {
    width: 210px;
    height: 158px;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.flow-container .flow-item.flow-multiple_pics .multiple-pics .pics-cover:nth-child(2) {
    margin: 0 5px;
}

.forums-container {
    background: rgba(243, 243, 243, 1);
    padding: 14px 10px 10px;
    margin-top: 455px;
}

.forums-container .forums-contents {
    width: 300px;
    height: fit-content;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px 10px 16px;
    overflow: hidden;
}

.forums-container .forums-contents.f-employee {
    height: 400px;

}

.forums-container .forums-title_dots {
    padding-left: 19px;

}

.forums-container .forums-title_dots .forums-title_dot {
    float: left;
    font-size: 16px;
    color: rgba(34, 34, 34, 1);
    line-height: 20px;
    padding-bottom: 9px;
    position: relative;
    margin-right: 35px;
}
.forums-container .forums-title_dots .forums-title_dot a{
    color: rgba(34, 34, 34, 1);

}
.forums-container .forums-title_dots .forums-title_dot.on {
    font-weight: bold;
}

.forums-container .forums-title_dots .forums-title_dot.on::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 0px;
    height: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.forums-container .forums-contents .forums-content .forums-top {
    width: 280px;
    height: 196.7px;
    position: relative;
    display: block;
    overflow: hidden;
}

.forums-container .forums-contents .forums-content .forums-top img {
    vertical-align: middle;
    width: 100%;
}

.forums-container .forums-contents .forums-content .forums-top p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 280px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    color: #fff;
}

.forums-container .forums-contents .forums-content .forums-second,
.forums-container .forums-contents .forums-content .forums-normal {
    margin-top: 14px;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
    display: block;
    width: 265px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #222;
}

.forums-container .forums-contents .forums-content .forums-second {
    font-weight: bold;
    color: #DC2D2D;
}

.forums-container .forums-contents .forums-content .forums-second::after,
.forums-container .forums-contents .forums-content .forums-normal::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(187, 187, 187, 1);
    left: 0;
    border-radius: 50%;
    top: 5px;
}


.forums-container .forums-contents .forums-content.f-employee .employee:first-child {
    margin-top: 10px;
}

.forums-container .forums-contents .forums-content.f-employee .employee {
    margin-top: 18px;
    display: block;
}

.forums-container .forums-contents .forums-content.f-employee .employee .employee-station {
    font-size: 14px;
    font-weight: bold;
    color: rgba(34, 34, 34, 1);
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;

}

.forums-container .forums-contents .forums-content.f-employee .employee .employee-company {
    font-size: 12px;
    color: rgba(34, 34, 34, 1);
    padding-left: 15px;
}


.forums-container .forums-contents .forums-content.f-employee .employee .employee-station::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(187, 187, 187, 1);
    left: 0;
    border-radius: 50%;
    top: 5px;

}

.forums-container .forums-contents .forums-content .forums-more {
    font-size: 14px;
    color: #666;
    text-align: right;
    margin-top: 22px;
    display: block;
}


.forums-container .forums-contents .forums-content.f-employee .employer-button {
    width: 250px;
    height: 32px;
    background: rgba(150, 203, 57, 1);
    border-radius: 6px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    display: block;

    margin: 35px auto 0;
}

.skeleton {
    padding: 20px 0;
    border-top: .5px solid #eee;
    display: none;
}

.skeleton .skeleton-cover {
    width: 160px;
    height: 120px;
    background: rgba(238, 238, 238, 1);
    float: left;
}

.skeleton .skeleton-lines {
    padding-left: 180px;
    padding-top: 15px;
}

.skeleton .skeleton-line-1 {
    height: 20px;
    background: rgba(238, 238, 238, 1);
    margin-bottom: 4px;
    -webkit-animation: changingwidth 1s ease-in-out infinite;
    animation: changingwidth 1s ease-in-out infinite;
    -moz-animation: changingwidth 1s ease-in-out infinite;
    ;
}

.skeleton .skeleton-line-2 {
    height: 20px;
    background: rgba(238, 238, 238, 1);
    width: 311px;
    -webkit-animation: changingwidth 1s ease-in-out -.5s infinite;
    animation: changingwidth 1s ease-in-out -.5s infinite;
    -moz-animation: changingwidth 1s ease-in-out -.5s infinite;
    ;
}

.skeleton .skeleton-line_bottom {
    margin-top: 30px;
}

.skeleton .skeleton-line-3,
.skeleton .skeleton-line-4 {
    height: 17px;
    background: rgba(238, 238, 238, 1);

}

.skeleton .skeleton-line-3 {
    width: 110px;
    float: left;
}

.skeleton .skeleton-line-4 {
    width: 66px;
    float: right;

}

@-webkit-keyframes changingwidth {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@-o-keyframes changingwidth {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@-moz-keyframes changingwidth {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@keyframes changingwidth {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}