/**/
/*动画*/
.wrap
{
    width: 1200px;
    margin: 0 auto;
}
.home_header
{
    height: 168px;
    background: url("../images/menu_nav_bg.jpg") no-repeat center;
}
.home_header .wrap
{
    overflow: hidden;
}
.home_header .log
{
    float: left;
    width: 226px;
    height: 91px;
    margin-top: 24px;
}
.home_header .menu
{
    float: right;
    overflow: hidden;
    width: 910px;
}
.home_header .menu .menu_item
{
    width: 70px;
    height: 175px;
    float: left;
    position: relative;
    padding-top: 16px;
    transition: 0.3s all;
}
.home_header .menu .menu_item a
{
    width: 70px;
    height: 159px;
    display: block;
}
.home_header .menu .menu_item .icon1
{
    background: url("../images/menu/home_menu_nomarl_1.png") no-repeat center;
}
.home_header .menu .menu_item .icon2
{
    background: url("../images/menu/home_menu_nomarl_2.png") no-repeat center;
}
.home_header .menu .menu_item .icon3
{
    background: url("../images/menu/home_menu_nomarl_3.png") no-repeat center;
}
.home_header .menu .menu_item .icon4
{
    background: url("../images/menu/home_menu_nomarl_24.png") no-repeat center;
}
.home_header .menu .menu_item .icon5
{
    background: url("../images/menu/home_menu_nomarl_5.png") no-repeat center;
}
.home_header .menu .menu_item .icon6
{
    background: url("../images/menu/home_menu_nomarl_6.png") no-repeat center;
}
.home_header .menu .menu_item .icon7
{
    background: url("../images/menu/home_menu_nomarl_7.png") no-repeat center;
}
.home_header .menu .menu_item .icon8
{
    background: url("../images/menu/home_menu_nomarl_8.png") no-repeat center;
}
.home_header .menu .menu_item .icon9
{
    background: url("../images/menu/home_menu_nomarl_9.png") no-repeat center;
}
.home_header .menu .menu_item .icon10
{
    background: url("../images/menu/home_menu_nomarl_10.png") no-repeat center;
}
.home_header .menu .menu_item .icon11
{
    background: url("../images/menu/home_menu_nomarl_11.png") no-repeat center;
}
.home_header .menu .menu_item .icon12
{
    background: url("../images/menu/home_menu_nomarl_12.png") no-repeat center;
}
.home_header .menu .menu_item .icon22
{
    background: url("../images/menu/home_menu_nomarl_22.png") no-repeat center;
}
.home_header .menu .menu_item .icon23
{
    background: url("../images/menu/home_menu_nomarl_23.png") no-repeat center;
}
.home_header .menu .menu_item.active
{
    background: url("../images/menu_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon1
{
    background: url("../images/menu/home_menu_nomarl_1_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon2
{
    background: url("../images/menu/home_menu_nomarl_2_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon3
{
    background: url("../images/menu/home_menu_nomarl_3_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon4
{
    background: url("../images/menu/home_menu_nomarl_24_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon5
{
    background: url("../images/menu/home_menu_nomarl_5_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon6
{
    background: url("../images/menu/home_menu_nomarl_6_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon7
{
    background: url("../images/menu/home_menu_nomarl_7_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon8
{
    background: url("../images/menu/home_menu_nomarl_8_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon9
{
    background: url("../images/menu/home_menu_nomarl_9_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon10
{
    background: url("../images/menu/home_menu_nomarl_10_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon11
{
    background: url("../images/menu/home_menu_nomarl_11_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon12
{
    background: url("../images/menu/home_menu_nomarl_12_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon22
{
    background: url("../images/menu/home_menu_nomarl_22_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .icon23
{
    background: url("../images/menu/home_menu_nomarl_23_active.png") no-repeat center;
}
.home_header .menu .menu_item.active .describe
{
    color: #ffffff;
    transition: 0.3s all;
}
.home_header .menu .menu_item.active .menu_title
{
    color: #ffffff;
    transition: 0.3s all;
}
.home_header .menu .menu_item .describe
{
    float: left;
    width: 18px;
    overflow: hidden;
    width: 13px;
    height: 80px;
    margin-left: 15px;
    word-break: break-all;
}
.home_header .menu .menu_item .menu_title
{
    float: left;
    width: 20px;
    height: 80px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    color: #333333;
    text-align: center;
}
.banner_wrap
{
    width: 100%;
    height: 570px;
    background: url("../images/banner_images.jpg") no-repeat center;
}
.cultural_origin
{
    height: 600px;
    padding-top: 81px;
    background: url("../images/cultural_origin_bg.jpg") no-repeat bottom right;
}
.cultural_origin .lt_content
{
    width: 590px;
    height: 460px;
    float: left;
}
.cultural_origin .lt_content .tt_logo
{
    width: 418px;
    height: 77px;
    display: block;
}
.cultural_origin .lt_content .text
{
    height: 35px;
    line-height: 35px;
}
.cultural_origin .lt_content .sub_tt_img
{
    display: block;
    width: 131px;
    height: 41px;
    margin-top: 24px;
}
.cultural_origin .lt_content .content
{
    line-height: 28px;
    color: #666;
    font-size: 14px;
}
.cultural_origin .rt_logo
{
    float: right;
}
.home_exhibition
{
    height: 600px;
    background: url("../images/home_exhibition_bg.jpg") no-repeat top center;
    padding: 42px;
}
.home_exhibition .tt_img
{
    width: 299px;
    height: 64px;
    display: block;
    margin: 0 auto 0;
}
.home_exhibition .tt_text
{
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
.home_exhibition .exhibition_list
{
    overflow: hidden;
    width: 1230px;
    padding: 42px 0 10px 5px;
    margin-left: -5px;
}
.home_exhibition .exhibition_list .item
{
    width: 282px;
    height: 410px;
    float: left;
    margin-right: 20px;
    box-shadow: 1px 0px 9px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: 0.3s all;
    cursor: pointer;
}
.home_exhibition .exhibition_list .item:hover
{
    transform: translateY(-10px);
}
.home_exhibition .exhibition_list .item img
{
    width: 100%;
    height: 230px;
    display: block;
}
.home_exhibition .exhibition_list .item .item_tt
{
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
.home_exhibition .exhibition_list .item .text
{
    height: 66px;
    line-height: 22px;
    overflow: hidden;
    margin: 0 20px;
    display: block;
}
.home_exhibition .exhibition_list .item .link_btn
{
    width: 26px;
    height: 26px;
    margin: 12px auto 0;
    display: block;
    background: url("../images/home_link_btn.jpg") no-repeat center;
}
.home_art
{
    height: 600px;
}
.home_art .tt_img
{
    width: 299px;
    height: 65px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.home_art .tt_describe
{
    color: #a3807d;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
}
.home_art .art_list
{
    width: 1230px;
    padding: 10px 0 0 0;
}
.home_art .art_list .item
{
    width: 383px;
    height: 362px;
    float: left;
    margin-right: 25px;
    transition: 0.15s all ease-in-out;
    cursor: pointer;
}
.home_art .art_list .item:hover
{
    transform: scale(1.03);
}
.home_art .art_list .item .item_tt
{
    font-size: 18px;
    color: #956c47;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.home_art .art_list .item .text
{
    height: 46px;
    line-height: 23px;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home_art .art_list .item .more
{
    float: right;
    color: #999999;
}
.go_top
{
    width: 108px;
    height: 75px;
    background: url("../images/go_top.png") no-repeat center;
    border: none;
    display: block;
    margin: 30px auto 0 auto;
}
.home_bottom_nav
{
    height: 220px;
    background: #544840;
    padding-top: 36px;
}
.home_bottom_nav .record_varchar
{
    float: left;
    width: 357px;
    position: relative;
}
.home_bottom_nav .record_varchar::before
{
    display: block;
    content: "";
    width: 1px;
    height: 147px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
}
.home_bottom_nav .record_varchar .pic
{
    width: 147px;
    height: 42px;
    display: block;
    margin: 0 auto 20px;
}
.home_bottom_nav .record_varchar p
{
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.home_bottom_nav .instructions_wrap
{
    float: left;
    width: 236px;
    margin: 0 35px;
    position: relative;
}
.home_bottom_nav .instructions_wrap::before
{
    display: block;
    content: "";
    width: 1px;
    height: 147px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
}
.home_bottom_nav .instructions_wrap .instructions
{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    height: 30px;
    line-height: 30px;
}
.home_bottom_nav .instructions_wrap .text
{
    font-size: 12px;
    color: #ffffff;
    height: 75px;
    line-height: 25px;
    margin-top: 10px;
    overflow: hidden;
}
.home_bottom_nav .contact
{
    float: left;
    width: 281px;
    position: relative;
}
.home_bottom_nav .contact ::before
{
    display: block;
    content: "";
    width: 1px;
    height: 147px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
}
.home_bottom_nav .contact .tt
{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.home_bottom_nav .contact p
{
    font-size: 12px;
    color: #ffffff;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.home_bottom_nav .focus_on
{
    float: left;
    width: 220px;
    position: relative;
    padding-left: 35px;
}
.home_bottom_nav .focus_on .tt
{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: normal;
}
.home_bottom_nav .focus_on .lt_img
{
    float: left;
    width: 114px;
    height: 114px;
    background: #ffffff;
}
.home_bottom_nav .focus_on .rt_text
{
    float: right;
    width: 70px;
    height: auto;
    padding-top: 15px;
}
.home_bottom_nav .focus_on .rt_text p
{
    color: #ffffff;
    height: 25px;
    line-height: 25px;
}
/********************* 内容页部分 *************************/
.content_body
{
    margin: 0 auto;
    min-height: 600px;
    background: url("../images/detail_default_bg.jpg") no-repeat bottom center;
}
.content_body .page_navigation
{
    height: 65px;
    line-height: 75px;
    background: url("../images/page_navgation_line.jpg") no-repeat bottom center;
}
.content_body .activity_card
{
    height: 317px;
    margin-top: 36px;
}
.content_body .activity_card .pic
{
    width: 500px;
    height: 315px;
    float: left;
}
.content_body .activity_card .content
{
    width: 637px;
    padding-left: 58px;
    float: right;
    position: relative;
}
.content_body .activity_card .content .tt
{
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    max-height: 110px;
    line-height: 55px;
    overflow: hidden;
    margin-bottom: 10px;
}
.content_body .activity_card .content .row
{
    height: 30px;
    line-height: 30px;
    color: #666;
}
.content_body .activity_card .content .row .orange
{
    color: #eb963a;
}
.content_body .activity_card .content .row .count
{
    color: #ff1212;
}
.content_body .activity_card .btn
{
    width: 142px;
    height: 50px;
    border-radius: 4px;
    background: #9a7448;
    border: none;
    padding: 0;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 266px;
}
.content_body .description_tt
{
    width: 1200px;
    height: 224px;
    background: url("../images/activity_description_tt.jpg") no-repeat center;
    margin-bottom: 30px;
}
.content_body .description_content
{
    min-height: 600px;
    color: #666;
    font-size: 18px;
    line-height: 45px;
}
.user_pop_tips
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}
.user_pop_tips .user_tips
{
    width: 514px;
    height: 408px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -207px;
    margin-top: -204px;
    background: #f7f7f7;
    border-radius: 20px;
}
.user_pop_tips .tt
{
    height: 75px;
    line-height: 80px;
    text-align: center;
    border-bottom: 1px #ebebeb solid;
    margin: 0 20px;
    font-size: 28px;
    color: #333;
}
.user_pop_tips .status_img
{
    display: block;
    margin: 20px auto 0;
    width: 92px;
    height: 90px;
    background: #f60;
}
.user_pop_tips .tips_status
{
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 30px;
    color: #333;
    overflow: hidden;
}
.user_pop_tips .link
{
    width: 142px;
    height: 43px;
    line-height: 43px;
    display: block;
    margin: 20px auto 0;
    border: 1px #9a7448 solid;
    text-align: center;
    border-radius: 4px;
    color: #9a7448;
    font-size: 16px;
}
.user_pop_tips .tips_text
{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    overflow: hidden;
    margin-top: 40px;
}
.user_pop_tips .qrcode
{
    width: 180px;
    height: 180px;
    display: block;
    margin: 20px auto 0;
}
.user_pop_tips .login_status_tips
{
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    margin-top: 12px;
}
.user_pop_tips .login_status_btn
{
    display: block;
    margin: 18px auto 0;
    width: 158px;
    height: 43px;
    line-height: 43px;
    background: #e85a5a;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
}
.user_pop_tips .mg40
{
    margin-top: 40px;
}
.user_pop_tips .mg20
{
    margin-top: 20px;
}
.user_pop_tips .success_tips
{
    width: 514px;
    height: 312px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -207px;
    margin-top: -156px;
    background: #f7f7f7;
    border-radius: 20px;
}
.user_pop_tips .close
{
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("../images/pop_close_btn_black.jpg");
    border: none;
}
/********************* 预约列表 *************************/
.navigation_line
{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #fff;
    padding-top: 20px;
}
.appointment_list
{
    min-height: 930px;
    background: url("../images/appointment_list_bg.jpg") no-repeat top center;
    clear: both;
    padding-bottom: 60px;
}
.appointment_list .appointment_list_tab
{
    overflow: hidden;
    padding-top: 370px;
    text-align: center;
}
.appointment_list .appointment_list_tab li
{
    overflow: hidden;
    display: inline-block;
    width: 187px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.appointment_list .appointment_list_tab li.active
{
    background: url("../images/appointment_list_tab_active.jpg");
}
.appointment_list .tab_list_body
{
    padding-top: 80px;
    width: 1240px;
    overflow: hidden;
}
.appointment_list .tab_list_body .item
{
    width: 580px;
    height: 230px;
    float: left;
    background: #f7f7f7;
    margin-right: 39px;
    margin-bottom: 40px;
    overflow: hidden;
}
.appointment_list .tab_list_body .item .lt_pic
{
    width: 238px;
    height: 230px;
    overflow: hidden;
    display: block;
    float: left;
}
.appointment_list .tab_list_body .item .content
{
    float: right;
    width: 317px;
    height: 230px;
    overflow: hidden;
}
.appointment_list .tab_list_body .item .content .tt
{
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
}
.appointment_list .tab_list_body .item .content .row
{
    height: 30px;
    line-height: 30px;
    color: #666;
}
.appointment_list .tab_list_body .item .content .row .orange
{
    color: #eb963a;
}
.appointment_list .tab_list_body .item .content .row .red
{
    color: #ff1212;
}
.appointment_list .tab_list_body .item .content .join_btn
{
    width: 200px;
    height: 26px;
    display: block;
    margin-top: 40px;
}
.appointment_list .tab_list_body .item .content .join_btn img
{
    float: left;
    width: 26px;
    height: 26px;
}
.appointment_list .tab_list_body .item .content .join_btn span
{
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #7d5b3d;
    margin-left: 10px;
}
.appointment_list .paging_wrap
{
    background: #f9f9f9;
    width: 100%;
    height: 50px;
}
.appointment_list .paging_wrap .page_next
{
    float: left;
    overflow: hidden;
}
.appointment_list .paging_wrap .page_next p
{
    float: left;
    border: 1px #ccc solid;
    width: 91px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}
.appointment_list .paging_wrap .page_next .next
{
    margin-right: 10px;
}
.appointment_list .paging_wrap .jump_wrap
{
    float: left;
    width: 200px;
    height: 50px;
    margin-left: 15px;
}
.appointment_list .paging_wrap .jump_wrap .jump_tips
{
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    margin-left: 10px;
    color: #333;
}
.appointment_list .paging_wrap .jump_wrap .jump_select
{
    width: 60px;
    height: 30px;
    float: left;
    background: #fff;
    margin-left: 10px;
    border: 1px #ccc solid;
    margin-top: 9px;
    position: relative;
    z-index: 999;
}
.appointment_list .paging_wrap .jump_wrap .jump_select .active
{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background: url("../images/page_select_bootom_arrow.jpg") no-repeat 40px;
    text-indent: -12px;
}
.appointment_list .paging_wrap .jump_wrap .jump_select .page_select
{
    position: absolute;
    width: 60px;
    height: 120px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 999;
    background: #fff;
    border: 1px #ccc solid;
    top: 30px;
    left: -1px;
}
.appointment_list .paging_wrap .jump_wrap .jump_select .page_select dd
{
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.appointment_list .paging_wrap .jump_wrap .page_text
{
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    color: #333;
    margin-top: 9px;
}
.appointment_list .paging_wrap .page_status
{
    float: right;
}
.appointment_list .paging_wrap .page_status .text
{
    float: left;
    height: 50px;
    line-height: 50px;
}
.appointment_list .paging_wrap .page_status .current
{
    float: right;
    background: url("../images/page_current.png") no-repeat center;
    width: 65px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    color: #fff;
    margin-top: -5px;
    margin-left: 21px;
}
.tab_list_body_wrap
{
    overflow: hidden;
}
/********************* 地图 *************************/
#allmap
{
    width: 100%;
    height: 100%;
    position: fixed !important;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9 !important;
}
.map_nav
{
    width: 315px;
    height: 352px;
    background: url("../images/map_nav_bg.png") no-repeat center;
    margin-top: 105px;
    margin-left: 40px;
    position: relative;
    z-index: 99;
    padding-top: 147px;
}
.map_nav .row
{
    margin: 0 auto;
    width: 168px;
    height: 45px;
    line-height: 45px;
    background: url("../images/map_nav_item.jpg") no-repeat center;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
    cursor: pointer;
}
.map_nav .row.active
{
    background-image: url("../images/map_nav_item_active.jpg");
}
.map_nav .nav_to_home
{
    width: 136px;
    height: 33px;
    background: url("../images/nav_to_index.jpg") no-repeat center;
    display: block;
    margin: 140px auto 0;
}
.map_pop_win_wrap
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 990;
    display: none;
}
.map_pop_win_wrap .pop_main
{
    width: 946px;
    height: 540px;
    background: url("../images/map_pop_window_bg.jpg");
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -473px;
}
.map_pop_win_wrap .pop_main .lt
{
    width: 473px;
    float: left;
    overflow: hidden;
}
.map_pop_win_wrap .pop_main .lt .tt
{
    color: #d84633;
    font-size: 30px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    margin-top: 30px;
}
.map_pop_win_wrap .pop_main .lt .pic
{
    width: 368px;
    height: 205px;
    display: block;
    margin-left: 72px;
    margin-top: 47px;
    border: 2px #fff solid;
}
.map_pop_win_wrap .pop_main .lt .address
{
    color: #d84633;
    font-size: 16px;
    margin-top: 80px;
    margin-left: 50px;
    padding-left: 40px;
    background: url("../images/map_address_icon.jpg") no-repeat left center;
}
.map_pop_win_wrap .pop_main .rt
{
    width: 472px;
    height: 500px;
    float: right;
    overflow: hidden;
}
.map_pop_win_wrap .pop_main .rt .scroll_text
{
    width: 492px;
    height: 500px;
    color: #fff;
    box-sizing: border-box;
    padding: 50px 30px 0px 80px;
    font-size: 16px;
    line-height: 35px;
    overflow: hidden;
    overflow-y: auto;
}
.map_pop_win_wrap .pop_main .close_btn
{
    position: absolute;
    width: 54px;
    height: 54px;
    top: 20px;
    right: 16px;
    background: url("../images/map_close.png") no-repeat center;
    border: none;
}
/********************* 文化动态 *************************/
.appointment_list.dynamic_bg
{
    background-image: url("../images/whxx_list_bg.jpg");
}
.appointment_list.dynamic_bg .appointment_list_tab
{
    padding-top: 420px;
}
.appointment_list.dynamic_bg .dynamic_body_list
{
    background: #fff9f1;
    overflow: hidden;
    margin: 50px auto;
    padding: 0 40px;
    min-height: 400px;
}
.appointment_list.dynamic_bg .dynamic_body_list .row
{
    height: 90px;
    line-height: 90px;
    border-bottom: 1px #ebebeb solid;
    overflow: hidden;
    padding-left: 40px;
    background: url("../images/dot_img.jpg") no-repeat left center;
    display: flex;
    cursor: pointer;
}
.appointment_list.dynamic_bg .dynamic_body_list .row .tt
{
    height: 90px;
    line-height: 90px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.appointment_list.dynamic_bg .dynamic_body_list .row .time
{
    width: 100px;
    height: 90px;
    line-height: 90px;
    text-align: right;
}
/************************* 文章详情 *************************/
.detail_info
{
    min-height: 900px;
    background: #f4f4ef;
    padding-bottom: 72px;
}
.detail_info .nav_bar
{
    height: 70px;
    line-height: 70px;
    border-bottom: 1px #ccc solid;
}
.detail_info .info_title
{
    line-height: 36px;
    font-size: 30px;
    margin: 50px 100px 0;
    text-align: center;
    color: #333;
}
.detail_info .time_line
{
    font-size: 12px;
    color: #999;
    text-align: center;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px #ebebeb solid;
}
.detail_info .detail_content
{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    padding-top: 30px;
}
/********************* 志愿服务 *************************/
.volunteer_service
{
    /*background-image: url("../images/volunteer_service.jpg");*/
    background-image: url("../images/red_culture.jpg");
}
.volunteer_service .volunteer_service_list
{
    overflow: hidden;
    width: 1230px;
    padding-top: 80px;
}
.volunteer_service .volunteer_service_list .item
{
    width: 378px;
    height: 420px;
    overflow: hidden;
    float: left;
    background: #f5f5f5;
    margin-right: 30px;
    margin-bottom: 30px;
}
.volunteer_service .volunteer_service_list .item .pic
{
    width: 328px;
    height: 206px;
    display: block;
    margin: 20px auto;
}
.volunteer_service .volunteer_service_list .item .tt
{
    margin: 0 22px;
    height: 52px;
    line-height: 25px;
    font-size: 16px;
    color: #333;
}
.volunteer_service .volunteer_service_list .item .text
{
    margin: 0 22px;
    height: 52px;
    line-height: 25px;
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    overflow: hidden;
}
.volunteer_service .volunteer_service_list .item .more
{
    color: #a3763b;
    margin-left: 20px;
}
.volunteer_service .volunteer_people_list
{
    width: 1244px;
    overflow: hidden;
    padding-top: 80px;
}
.volunteer_service .volunteer_people_list .item
{
    width: 575px;
    height: 280px;
    background: #ececec;
    overflow: hidden;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}
.volunteer_service .volunteer_people_list .item .pic
{
    width: 335px;
    height: 280px;
    display: block;
    float: left;
}
.volunteer_service .volunteer_people_list .item .content
{
    width: 240px;
    height: 280px;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 30px;
    float: right;
    padding-top: 10px;
}
.volunteer_service .volunteer_people_list .item .content .name
{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
}
.volunteer_service .volunteer_people_list .item .content .street
{
    height: 30px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
.volunteer_service .volunteer_people_list .item .content .street span
{
    position: relative;
    z-index: 99;
}
.volunteer_service .volunteer_people_list .item .content .street::after
{
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    width: 100%;
    height: 10px;
    background: #f2d591;
    z-index: 9;
}
.volunteer_service .volunteer_people_list .item .content .text
{
    font-size: 14px;
    color: #999;
    height: 80px;
    line-height: 25px;
    margin-right: 70px;
    margin-top: 20px;
}
.volunteer_service .volunteer_people_list .item .content .detail_link
{
    color: #de3130;
    margin-top: 30px;
    display: inline-block;
}
/********************* 志愿服务 *************************/
.art_column
{
    background-image: url("../images/art_column_bg.jpg");
}
.art_column .art_video_banner
{
    width: 1200px;
    height: 507px;
    background: #fff;
}
.art_column .art_video_banner .video
{
    width: 890px;
    height: 506px;
    float: left;
    background: #f5f5f5;
}
.art_column .art_video_banner .rt_nav
{
    width: 301px;
    height: 506px;
    float: right;
    overflow: hidden;
}
.art_column .art_video_banner .rt_nav li
{
    width: 278px;
    height: 151px;
    margin-top: 12px;
    overflow: hidden;
}
.art_column .art_video_banner .rt_nav li.active
{
    background: url("../images/art_banner_arrow_left.jpg") no-repeat left center;
}
.art_column .art_video_banner .rt_nav li.active img
{
    border: 2px #c29443 solid;
}
.art_column .art_video_banner .rt_nav li img
{
    display: block;
    width: 259px;
    height: 146px;
    border: 2px #fff solid;
    float: right;
    cursor: pointer;
}
.art_column .art_news_list
{
    overflow: hidden;
    width: 1230px;
    padding-top: 80px;
}
.art_column .art_news_list .item
{
    width: 378px;
    height: 420px;
    background: #f5f5f5;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.art_column .art_news_list .item .pic
{
    width: 328px;
    height: 206px;
    display: block;
    margin: 20px auto;
}
.art_column .art_news_list .item .tt
{
    margin: 0 22px;
    height: 55px;
    line-height: 25px;
    font-size: 16px;
    color: #333;
}
.art_column .art_news_list .item .text
{
    margin: 0 22px;
    height: 55px;
    line-height: 25px;
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    overflow: hidden;
}
.art_column .art_news_list .item .more
{
    color: #a3763b;
    margin-left: 20px;
}
/********************* 网上展厅 *************************/
.exhibition_hall
{
    background-image: url("../images/exhibition_hall_bg.jpg");
    overflow: hidden;
}
.exhibition_hall .appointment_list_tab
{
    padding-top: 420px;
}
.exhibition_hall .exhibition_list
{
    overflow: hidden;
    width: 1246px;
    padding: 42px 0 10px 5px;
    margin-left: -5px;
}
.exhibition_hall .exhibition_list .item
{
    width: 370px;
    height: 410px;
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
    box-shadow: 1px 0px 9px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: 0.3s all;
    cursor: pointer;
    background: #fff;
}
.exhibition_hall .exhibition_list .item:hover
{
    transform: translateY(-10px);
}
.exhibition_hall .exhibition_list .item img
{
    width: 100%;
    height: 230px;
    display: block;
}
.exhibition_hall .exhibition_list .item .item_tt
{
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
.exhibition_hall .exhibition_list .item .text
{
    height: 66px;
    line-height: 22px;
    overflow: hidden;
    margin: 0 20px;
    display: block;
}
.exhibition_hall .exhibition_list .item .link_btn
{
    width: 26px;
    height: 26px;
    margin: 12px auto 0;
    display: block;
    background: url("../images/home_link_btn.jpg") no-repeat center;
}
.exhibition_hall .exhibition_hall_banner
{
    width: 1200px;
    height: 337px;
    background: #fff;
    margin-top: 60px;
    background: #fbfbfb;
    overflow: hidden;
    position: relative;
}
.exhibition_hall .exhibition_hall_banner .bd
{
    position: relative;
    z-index: 0;
}
.exhibition_hall .exhibition_hall_banner .hd
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    filter: alpha(opacity=60);
    opacity: 0.6;
    bottom: 10px;
    left: 0;
}
.exhibition_hall .exhibition_hall_banner .hd ul
{
    text-align: center;
    padding-top: 5px;
}
.exhibition_hall .exhibition_hall_banner .hd ul li
{
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 23px;
    height: 4px;
    background: #dfe0e2;
    margin: 5px;
    overflow: hidden;
    font-size: 0;
}
.exhibition_hall .exhibition_hall_banner .hd ul .on
{
    background-position: 0 0;
    background: #8f602b;
}
.exhibition_hall .exhibition_hall_banner .list
{
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.exhibition_hall .exhibition_hall_banner .list .row
{
    overflow: hidden;
}
.exhibition_hall .exhibition_hall_banner .list .row .pic
{
    width: 459px;
    height: 337px;
    float: left;
}
.exhibition_hall .exhibition_hall_banner .list .row .content
{
    width: 740px;
    height: 337px;
    float: right;
    box-sizing: border-box;
    padding: 20px 50px 0 50px;
}
.exhibition_hall .exhibition_hall_banner .list .row .content .tt
{
    font-size: 30px;
    font-weight: normal;
    color: #333;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}
.exhibition_hall .exhibition_hall_banner .list .row .content .text
{
    height: 100px;
    line-height: 25px;
    margin: 10px auto;
    overflow: hidden;
}
.exhibition_hall .exhibition_hall_banner .list .row .content .link
{
    display: block;
    width: 117px;
    height: 41px;
    line-height: 41px;
    background: #846347;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-top: 50px;
    transition: 0.5s all;
}
.exhibition_hall .exhibition_hall_banner .list .row .content .link:hover
{
    background: #6d4c30;
}
/********************* 文化直播 *************************/
.culture_live
{
    background-image: url("../images/culture_live_bg.jpg");
}
.culture_live .header_video
{
    height: 506px;
    overflow: hidden;
    background: #f5f5f5;
}
.culture_live .header_video .video
{
    width: 888px;
    height: 506px;
    float: left;
}
.culture_live .header_video .rt_text
{
    float: right;
    width: 310px;
    height: 506px;
    box-sizing: border-box;
    padding-left: 20px;
}
.culture_live .header_video .rt_text .tt
{
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    overflow: hidden;
    color: #333;
    margin-top: 10px;
}
.culture_live .header_video .rt_text .row
{
    height: 30px;
    line-height: 30px;
    color: #999;
}
.culture_live .header_video .rt_text .row .orange
{
    color: #eb963a;
}
.culture_live .header_video .rt_text .row .count
{
    color: #ff1212;
}
.culture_live .header_video .rt_text .sub_tt
{
    color: #345a99;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
}
.culture_live .header_video .rt_text .text
{
    color: #666;
    margin-right: 20px;
    line-height: 30px;
    height: 217px;
    line-height: 24px;
    overflow: hidden;
}
.culture_live .header_video .rt_text .player_btn
{
    width: 140px;
    height: 45px;
    border-radius: 4px;
    background: #9a7448;
    border: none;
    padding: 0;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}
/********************* 文化直播-详情 *************************/
.live_video
{
    height: 648px;
}
.culture_live_detail .detail_tt
{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 37px;
    margin-top: 20px;
}
.culture_live_detail .detail_describe
{
    font-size: 12px;
    color: #dd9430;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.culture_live_detail .detail_tag
{
    width: 147px;
    height: 48px;
    background: url("../images/detail_tticon.png") no-repeat center;
    margin-top: 30px;
}
/********************* 交流互动 *************************/
.interaction_column
{
    background-image: url("../images/interaction_bg.jpg");
}
.interaction_column .form_wrap
{
    height: 1348px;
    box-shadow: 1px 0px 9px rgba(0, 0, 0, 0.3);
    margin-top: 430px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 90px;
}
.interaction_column .form_wrap .fm_tt
{
    width: 140px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    color: #333333;
    margin: 80px auto 0;
    position: relative;
}
.interaction_column .form_wrap .fm_tt::before
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 40px;
    height: 3px;
    background: #e6524f;
}
.interaction_column .form_wrap .form_info_describe
{
    line-height: 35px;
    font-size: 16px;
    color: #5e4d4d;
    text-align: center;
    padding-top: 50px;
}
.interaction_column .form_wrap .form_info_describe2
{
    line-height: 35px;
    font-size: 16px;
    color: #5e4d4d;
    text-align: center;
    padding-top: 15px;
}
.interaction_column .form_wrap .line1
{
    width: 90%;
    height: 1px;
    margin: 0 auto;
    background: #e2e2e2;
}
.interaction_column .form_wrap .mgt80
{
    margin-top: 80px;
}
.interaction_column .form_wrap .mgt40
{
    margin-top: 40px;
}
.interaction_column #form
{
    width: 890px;
    margin: 0 auto;
    padding-top: 50px;
    overflow: hidden;
}
.interaction_column #form .input_wrap
{
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
    overflow: hidden;
}
.interaction_column #form .input_wrap .ipt
{
    width: 700px;
    height: 40px;
    line-height: 40px;
    border: 1px #ebebeb solid;
    float: left;
    margin-left: 20px;
    text-indent: 12px;
}
.interaction_column #form .tt
{
    width: 90px;
    height: 42px;
    text-align: right;
    float: left;
}
.interaction_column #form .textarea_wrap
{
    overflow: hidden;
}
.interaction_column #form .textarea_input
{
    width: 700px;
    height: 260px;
    border: 1px #ebebeb solid;
    float: left;
    margin-left: 20px;
}
.interaction_column #form .textarea_input .text
{
    width: 700px;
    height: 220px;
    border: none;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    color: #666;
}
.interaction_column #form .textarea_input .placeholder
{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: #999;
}
.interaction_column #form .success
{
    float: left;
    width: 17px;
    height: 17px;
    display: block;
    background: url("../images/form_success_icon.jpg") no-repeat center;
    margin: 13px 0 0 10px;
}
.interaction_column #form .err
{
    float: left;
    width: 17px;
    height: 17px;
    display: block;
    background: url("../images/form_err_icon.jpg") no-repeat center;
    margin: 13px 0 0 10px;
}
.interaction_column #form .tips
{
    margin-left: 110px;
    color: red;
    height: 40px;
    line-height: 40px;
}
.interaction_column #form #submit
{
    width: 260px;
    height: 60px;
    line-height: 60px;
    background: #e85a5a;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    color: #fff;
    margin: 80px auto 0;
    display: block;
}
.mgb60
{
    margin-bottom: 60px;
}
/********************* 实名认证  我的预约 *************************/
.user_info_wrap
{
    overflow: hidden;
    padding-bottom: 60px;
}
.user_info_wrap .user_info
{
    float: left;
    width: 300px;
    min-height: 1178px;
}
.user_info_wrap .user_info .avatar
{
    width: 140px;
    height: 140px;
    display: block;
    margin: 80px auto 0;
    border-radius: 70px;
}
.user_info_wrap .user_info .username
{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    color: #333;
    margin: 10px auto;
}
.user_info_wrap .user_info .auth_status
{
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    border: 1px #ebebeb solid;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
}
.user_info_wrap .user_info .auth_status .icon
{
    position: relative;
    top: 5px;
}
.user_info_wrap .user_info .reservation
{
    width: 226px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #333;
    border: 1px #ebebeb solid;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
    display: block;
    margin-top: 30px;
    position: relative;
}
.user_info_wrap .user_info .reservation::before
{
    content: ">";
    position: absolute;
    top: 0px;
    right: 10px;
}
.user_info_wrap .user_info .auth_btn
{
    width: 226px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #d12f26;
    border: 1px #d12f26 solid;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
    display: block;
    margin-top: 20px;
    position: relative;
}
.user_info_wrap .user_info .auth_btn::before
{
    content: ">";
    position: absolute;
    top: 0px;
    right: 10px;
}
.user_info_wrap .auth_wrap
{
    float: right;
    width: 830px;
}
.user_info_wrap .auth_wrap .auth_tt
{
    width: 320px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    color: #333333;
    margin: 20px auto 0;
    position: relative;
    right: -120px;
}
.user_info_wrap .auth_wrap .auth_tt::before
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 40px;
    height: 3px;
    background: #e6524f;
}
.user_info_wrap .auth_wrap .ipt_tips
{
    color: #e6524f;
    margin-left: 310px;
    padding-bottom: 10px;
}
.user_info_wrap .auth_wrap .ipt_tips2
{
    color: #e6524f;
    margin-left: 310px;
    padding-bottom: 30px;
}
.user_info_wrap .auth_wrap .line
{
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 30px auto;
}
.user_info_wrap .auth_wrap .tips
{
    height: 40px;
    line-height: 40px;
    background: #fff8df;
    border: 1px #eadfac solid;
    padding: 0 20px;
    color: #ebb142;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.user_info_wrap .auth_wrap .input_wrap
{
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    margin: 0 auto 20px;
    padding-left: 200px;
}
.user_info_wrap .auth_wrap .input_wrap .ipt
{
    width: 373px;
    height: 40px;
    line-height: 40px;
    border: 1px #ebebeb solid;
    float: left;
    margin-left: 20px;
    text-indent: 12px;
}
.user_info_wrap .auth_wrap .input_wrap .tt
{
    width: 90px;
    height: 42px;
    text-align: right;
    float: left;
}
.user_info_wrap .auth_wrap .input_wrap .success
{
    float: left;
    width: 17px;
    height: 17px;
    display: block;
    background: url("../images/form_success_icon.jpg") no-repeat center;
    margin: 13px 0 0 10px;
}
.user_info_wrap .auth_wrap .input_wrap .err
{
    float: left;
    width: 17px;
    height: 17px;
    display: block;
    background: url("../images/form_err_icon.jpg") no-repeat center;
    margin: 13px 0 0 10px;
}
.user_info_wrap .auth_wrap .radio_wrap
{
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
}
.user_info_wrap .auth_wrap .radio_wrap.active .radio_btn
{
    background-image: url("../images/radio_btn_active.jpg");
}
.user_info_wrap .auth_wrap .radio_wrap .radio_btn
{
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("../images/radio_btn.jpg") no-repeat center;
    position: relative;
    top: 3px;
}
.user_info_wrap .auth_wrap .tab_tt
{
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 30px;
}
.user_info_wrap .auth_wrap .tab_tt li
{
    float: left;
    width: 90px;
    height: 40px;
    line-height: 40px;
    margin-right: 30px;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s all ease-in-out;
    color: #333;
    cursor: pointer;
}
.user_info_wrap .auth_wrap .tab_tt li.active
{
    background: #2d4c86;
    color: #fff;
}
.user_info_wrap .auth_wrap .tab_tt li.active .count
{
    color: #fff;
}
.user_info_wrap .auth_wrap .tab_tt li .count
{
    color: #e85a5a;
}
.user_info_wrap .auth_wrap .tb_list
{
    overflow: hidden;
}
.user_info_wrap .auth_wrap .tb_list .item
{
    height: 148px;
    border: 1px #ebebeb solid;
    background: #fff;
    margin-bottom: 30px;
    overflow: hidden;
}
.user_info_wrap .auth_wrap .tb_list .item .pic
{
    float: left;
    width: 187px;
    height: 110px;
    display: block;
    margin: 20px 0 0 20px;
}
.user_info_wrap .auth_wrap .tb_list .item .content
{
    float: left;
    width: 505px;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px;
}
.user_info_wrap .auth_wrap .tb_list .item .content .tt
{
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.user_info_wrap .auth_wrap .tb_list .item .content .tt .status
{
    display: inline-block;
    width: 65px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.user_info_wrap .auth_wrap .tb_list .item .content .tt .text
{
    margin-left: 10px;
}
.user_info_wrap .auth_wrap .tb_list .item .content .info
{
    line-height: 25px;
    color: #999;
}
.user_info_wrap .auth_wrap .tb_list .item .content .info .orange
{
    color: #e88919;
    margin-right: 20px;
}
.user_info_wrap .auth_wrap .tb_list .item .pay_status_btn
{
    float: left;
    width: 85px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 20px 0 0 0;
    border: 1px #cccccc solid;
    border-radius: 16px;
    color: #666;
}
.user_info_wrap .auth_wrap .tb_list .item .gen
{
    background: green;
    color: white;
}
.user_info_wrap .certificate_information_wrap
{
    background: #f8f8f8;
    padding: 30px;
    overflow: hidden;
    margin-top: 40px;
}
.user_info_wrap .certificate_information_wrap .certificate
{
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 20px;
}
.user_info_wrap .certificate_information_wrap .certificate .lt_text
{
    float: left;
}
.user_info_wrap .certificate_information_wrap .certificate .lt_text h3
{
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #333;
    font-weight: normal;
}
.user_info_wrap .certificate_information_wrap .certificate .lt_text .text
{
    line-height: 25px;
    margin-top: 10px;
}
.user_info_wrap .certificate_information_wrap .certificate .rt_img
{
    float: right;
    width: 315px;
    height: 181px;
    position: relative;
}
.user_info_wrap .certificate_information_wrap .certificate .rt_img img
{
    display: block;
    width: 315px;
    height: 181px;
    cursor: pointer;
}
.user_info_wrap .certificate_information_wrap .certificate .rt_img #id_card_positive, .user_info_wrap .certificate_information_wrap .certificate .rt_img #id_card_reverse
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.user_info_wrap #date_time
{
    text-indent: 20px;
    background: url("../images/calendar_icon.jpg") no-repeat 340px center;
}
.user_info_wrap #submit
{
    width: 164px;
    height: 43px;
    line-height: 43px;
    background: #e85a5a;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    color: #fff;
    margin: 50px auto 0;
    display: block;
}
.member_status_bar
{
    background: #f1efeb;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.member_status_bar .login_out
{
    float: right;
    margin-left: 20px;
    padding-left: 20px;
    background: url("../images/login_out_icon.jpg") no-repeat left center;
}
.member_status_bar .username
{
    float: right;
    padding-left: 30px;
    background: url("../images/wx_icon.jpg") no-repeat left center;
}
.redColor
{
    background: #e85a5a;
}
.blurColor
{
    background: #65b6e5;
}
.grayColor
{
    background: #b1b1b1;
}
.greenColor
{
    background: #60da8b;
}
.greenColor1
{
    background: #07a507;
}
/*****************************菜单***************************************/
.art_column .art_menu
{
    width: 620px;
    height: 407px;
    background: rgba(0, 0, 0, 0.3);
}
.art_column .art_menu .left_menu
{
    width: 295px;
    height: 407px;
    float: left;
    border-right: 1px rgba(0, 0, 0, 0.3) solid;
    overflow: hidden;
    box-sizing: border-box;
}
.art_column .art_menu .left_menu .level_wrap
{
    height: 50px;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    margin: 0 10px;
}
.art_column .art_menu .left_menu .level_wrap .level_title_1
{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}
.art_column .art_menu .left_menu .level_wrap .level_title_2
{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    padding: 0 5px;
}
.art_column .art_menu .left_menu .level_wrap .arrow_icon
{
    display: inline-block;
    color: #fff;
}
.art_column .art_menu .sub_menu_block
{
    float: right;
    width: 318px;
    height: 407px;
    box-sizing: border-box;
    padding: 10px;
}
.art_column .art_menu .sub_menu_block .sub_menu
{
    display: inline-block;
    padding: 6px;
    color: #fff;
    font-size: 16px;
}
.art_column .art_search
{
    width: 600px;
    height: 58px;
    line-height: 58px;
    background: #ffff;
    border-radius: 10px;
    margin: 20px auto;
    overflow: hidden;
}
.art_column .art_search .search_input
{
    width: 490px;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-top: 5px;
    border: none;
    text-indent: 15px;
}
.art_column .art_search .go_search
{
    float: right;
    width: 90px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    background: #fff;
    border: none;
    position: relative;
}
.art_column .art_search .go_search::after
{
    width: 1px;
    height: 20px;
    background: #999;
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
}