/** index **/

/* ----------header start-------------*/

.cul-header{
    display: block;
    min-width: 1280px;
    height: 176px;

    position: relative;
    top:0;
    left: 0;
    z-index: 1000;
}

.cul-city{
    height: 35px;
    background-color: rgba(0,0,0, 0.50);
}

.cul-city-content{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-city-left{
    display: inline-block;
    float: left;
}

.cul-city-left a span, .cul-city-left a:hover span{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
    padding-right:10px;
}

.cul-city-right{
    display: inline-block;
    float: right;
    padding-left: 22px;
    position: relative;
}

.cul-city-right:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 35px;
    background: url("../images/tb_i_menu.png") left top no-repeat;
}

.cul-city-menu:after{
    background: url("../images/tb_i_menu_2.png") left top no-repeat;
}

.cul-about-right{
    display: inline-block;
    float: right;
    padding-left: 22px;
    position: relative;
}

.cul-about-right:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 35px;
    background: url("../images/tb_i_about.png") left top no-repeat;
}

.cul-about-menu:after{
    background: url("../images/tb_i_about_2.png") left top no-repeat;
}

.cul-city-right a, .cul-city-right a:hover, .cul-about-right a, .cul-about-right a:hover{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #FFF;
}

.cul-top{
    height: 76px;
    background-color: rgba(0,0,0, 0.40);
}

.cul-top-content{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-top-content .cul-top-logo{
    display: inline-block;
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 12px;
}

.cul-top-right{
    display: inline-block;
    float: right;
    text-align: left;
    height: 90px;
}

.cul-top-user{
    display: inline-block;
    float: left;
    height: 30px;
    /*margin: 23px 0;*/
}

.cul-top-user img.user, .cul-top-user img.wx, .cul-top-user img.wb{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-left: 10px;
}

.cul-line{
    height: 1px;
    border-top: 1px solid rgba(255,255,255, 0.30);
}

.cul-menu{
    height: 50px;
    background-color: rgba(0,0,0, 0.50);
}

.cul-menu ul{
    /*display: block;*/
    max-width:1440px;
    height: 50px;
    margin: 0 auto;
    padding-left: 0;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cul-menu ul li{
    display: inline-block;
    float: left;
    width: auto;
    /*width: calc(92% / 8);*/
    /*min-width: calc(84% / 8);*/
    height: 50px;
    text-align: center;
}

.cul-menu ul li:nth-child(1){
    /*width: 8%;*/
    text-align: left;
}

.cul-menu ul li:nth-child(10){
    /*width: 8%;*/
    text-align: right;
}

.cul-menu ul li a{
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 50px;
}


/* ----------banner start-------------*/

.cul-banner{
    display: block;
    width: 100%;
    min-width: 1280px;
    /*height: 648px;*/
    height: auto;
    overflow: hidden;

    position: relative;
    top: -176px;
    left: 0;
    z-index: 100;
    margin-bottom: -176px;
}

.cul-banner-a{
    display: block;
    width: 100%;
    /*height: 810px;*/
    height: auto;
    overflow: hidden;
}

.cul-banner-img{
    width: 100%;
    height: 810px;
}

.cul-banner-img-all{
    width: 100%;
    height: 782px;
    max-height: 782px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;
    right: 30px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;
    left: 30px !important;
}

.swiper-pagination-bullet {
    width: 100px !important;
    border-radius: 4px !important;
    background: #FFFFFF;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #b1b1b1;
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
}

/* ----------special start-------------*/

#speciallist .waterfall ul.list-group{
    width: 32.28%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.waterfall ul.list-group .list-group-item{
    border:none;
}

#speciallist .waterfall .list-group > li:first-child img{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

/* ----------activity special start-------------*/

#s-b-p {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 12px 20px;
    left: 0 !important;
    background-color: #0098d9 !important;
    width: 26px !important;
    height: 28px !important;
    padding: 5px !important;
    margin-top: -14px !important;
    border-radius: 0 5px 5px 0 !important;
}

#s-b-n {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 12px 20px;
    right: 0 !important;
    background-color: #0098d9 !important;
    width: 26px !important;
    height: 28px !important;
    padding: 5px !important;
    margin-top: -14px !important;
    border-radius: 5px 0 0 5px !important;
}

/* ----------news start-------------*/

.cul-news{
    min-width: 1280px;
    overflow: hidden;
}

.cul-news-content{
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}

.cul-news-left{
    display: inline-block;
    float: left;
    width: 25%;
    margin-right: 3%;
    height: auto;
    overflow: hidden;
    /*border: 1px solid #333;*/
}

.cul-news-left-title{
    display: inline-block;
    width: 100%;
    height: 60px;
    padding-left: 18px;
    padding-bottom: 30px;
    border-bottom: 2px solid #0098d8;
    position: relative;
}

.cul-news-left-title:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 30px;
    background: url("../images/net_title.png") center top no-repeat;
}

.cul-news-left-title span{
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #7d7d7d;
    font-weight: 500;
}

.cul-news-hot{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-news-hot .cul-news-hot-time{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    color: #666666;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.cul-news-hot .cul-news-hot-title{
    display: block;
    width: 100%;
    max-height: 64px;
    line-height: 32px;
    text-align: justify;
    color: #555;
    font-size: 24px;

    margin-bottom: 20px;
}

.cul-news-hot .cul-news-hot-des{
    display: block;
    width: 100%;

    height: 92px;
    line-height: 24px;
    text-align: left;
    color: #666666;
    font-size: 14px;
}

.cul-news-line{
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 22px;
    border-bottom: 1px dashed #999;
}

.cul-news-list{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 0;
}

.cul-news-list li{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.cul-news-list li a, .cul-news-list li a:hover{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;

    font-size: 14px;
    color: #666;
    text-decoration: none;

    text-align: left;
    text-indent: 12px;
    background: url(../images/tb_a_dian.png) 0 0 no-repeat;
}

.cul-news-center{
    display: inline-block;
    float: left;
    width: 46%;
    height: 400px;
    /*border: 1px solid #333;*/
}

.cul-news-center-img{
    display: block;
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-top: 58px;
}

.cul-news-center-img img{
    width: 100%;
    cursor: pointer;
    transition: all 0.6s;
}

.cul-news-center-img img:hover{
    transform: scale(1.05);
}

.cul-news-center-title{
    display: block;
    width: 100%;
    height: 80px;
    background-color: #7d7d7d;
    padding: 12px 20px;
}

.cul-news-center-title span{
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #FFFFFF;
}

.cul-news-center-title h3{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #FFFFFF;
    text-align: left;
    padding: 0;
    margin: 0;
}

.cul-news-right{
    display: inline-block;
    float: right;
    width: 23%;
    height: auto;
    overflow: hidden;
    /*height: 400px;*/
    /*border: 1px solid #333;*/
}

.cul-news-right-title{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #7d7d7d;
    font-weight: 500;
    margin-bottom: 28px;
}

.cul-news-right-title a{
    display:inline-block;
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #7d7d7d;
    font-weight: 500;
}

.cul-news-right-content-top{
    display: block;
    float: right;
    width: 100%;
    height: 216px;
    background-color: #0098d8;
    margin: 0;
    padding: 25px;
}

.cul-news-right-content-top:hover{
    cursor: pointer;
    background-color: #e9545d;
}

.cul-news-right-content-top h3{
    width: 100%;
    height: 64px;
    line-height: 32px;
    margin-top: 15px;
    color: #FFF;
    text-align: justify;
}

.cul-news-right-content-top span{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    color: #FFF;

    text-align: left;
    text-indent: 20px;
    background: url('../images/tb_time.png') 0 0 no-repeat;
}

.cul-news-right-content-top p{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #FFF;

    text-align: left;
    text-indent: 20px;
    background: url('../images/tb_video.png') 0 0 no-repeat;
}

.cul-news-right-content-bottom{
    display: block;
    float: right;
    width: 100%;
    height: 216px;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0;
    padding: 25px;
}

.cul-news-right-content-bottom:hover{
    cursor: pointer;
    color: #FFFFFF;
    background-color: #e9545d;
    border: 1px solid #e9545d;
    border-top: none;
}

.cul-news-right-content-bottom:hover h3{
    color: #FFFFFF;
}

.cul-news-right-content-bottom:hover span{
    color: #FFFFFF;
    background: url('../images/tb_time.png') 0 0 no-repeat;
}

.cul-news-right-content-bottom:hover p{
    color: #FFFFFF;
    background: url('../images/tb_video.png') 0 0 no-repeat;
}

.cul-news-right-content-bottom h3{
    width: 100%;
    height: 64px;
    line-height: 32px;
    margin-top: 15px;
    color: #666;
    text-align: justify;
}

.cul-news-right-content-bottom span{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    color: #666;

    text-align: left;
    text-indent: 20px;
    background: url('../images/tb_time_black.png') 0 0 no-repeat;
}

.cul-news-right-content-bottom p{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;

    text-align: left;
    text-indent: 20px;
    background: url('../images/tb_video_black.png') 0 0 no-repeat;
}

.cul-news-n-left{
    display: inline-block;
    float: left;
    width: 250px;
    height: auto;
    overflow: hidden;
}

.cul-news-n-left h3{
    display: block;
    font-size: 32px;
    color: #555;
    margin: 0;
    text-align: left;
    margin-bottom: 42px;
    padding: 0;
    /*border-bottom: 2px solid #f19975;*/
}

.cul-news-n-c-list{
    padding:0;
    list-style: none;
    /*background-color: #0098d8;*/
}

.cul-news-n-c-list li{
    padding-left: 10px;
    height: 40px;
    list-style: none;
    margin: 15px 0;
}

.cul-news-n-c-list li.cur{
    background: url("../images/news_list_bg.png") left top no-repeat;
}

.cul-news-n-c-list li.cur a, .cul-news-n-c-list li.cur a:hover{
    color: #FFF;
}

.cul-news-n-c-list li a, .cul-news-n-c-list li a:hover{
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    color: #747474;
}

.cul-news-n-right{
    display: inline-block;
    float: right;
    width: calc(100% - 290px);
    height: auto;
    overflow: hidden;
}

.cul-news-n-page{
    padding: 60px 80px;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
}

.cul-news-n-page h3{
    font-size: 32px;
    color: #444;
    line-height: 42px;
    margin-top: 0;
}

.cul-news-n-page h5{
    font-size: 24px;
    color: #666;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}

.cul-news-n-page .cul-news-n-tip{
    padding: 0 15px 30px 0;

    border-bottom: 1px solid #e9545d;
    position: relative;
}

.cul-news-n-page .cul-news-n-tip:before{
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #e9545d;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cul-news-n-page-content{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.cul-news-n-page-content p{
    font-size: 16px;
    line-height: 28px;
}

.cul-news-n-page-content p a{
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.cul-news-n-page-content p img, .cul-news-n-page-content img{
    margin: 10px 0;
    border-radius: 5px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.cul-news-n-page-content table{
    border-collapse:collapse;
    display:table;
}

.cul-news-n-page-content table td, .cul-news-n-page-content table th{
    border:1px solid #666 !important
}



.cul-news-n-page .cul-news-n-tip span{
    font-size: 15px;
    color: #666;
    margin: 0 5px 0 0;
}

.cul-mooc-n-tip span, .cul-res-n-tip span{
    font-size: 15px;
    color: #999;
    margin: 0 5px 0 0;
}

.cul-news-n-search{
    height: 38px;
}

.cul-news-n-time{
    display: inline-block;
    float: left;
}

.cul-news-n-time span{
    line-height: 38px;
    margin-right: 10px;
    font-size: 15px;
    color: #333333;
}

.cul-news-n-time span.cross{
    margin: 0 10px;
}

.cul-news-n-time input{
    padding-left: 10px;
    height: 38px;
    min-width: 180px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    color: #666666;
}

.cul-news-n-title{
    display: inline-block;
    float: right;
    font-size: 0;
}

.cul-news-n-title input.s_keys{
    padding-left: 10px;
    font-size: 14px;
    height: 38px;
    min-width: 250px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    /*margin-right: 10px;*/
    outline: 0;
}

.cul-news-n-title input.s_keys:focus{
    background-color: #FFF;
    outline: 0;
}

.cul-news-n-title input.s_btn{
    float: right;
    cursor: pointer;
    width: 80px;
    height: 38px;
    line-height: 38px;
    color: #FFFFFF;
    background-color: #e9545d;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: normal;
}

.cul-news-n-list{
    height: auto;
    overflow: hidden;
}

.cul-news-n-article{
    display: inline-block;
    float: left;
    width: calc(50% - 10px);
    height: 200px;
    border: 1px solid #eee;
    overflow: hidden;
}

.cul-news-n-article:nth-child(2n+1){
    margin: 0 10px 30px 0;
}

.cul-news-n-article:nth-child(2n){
    margin: 0 0 30px 10px;
}

.cul-news-n-article-img{
    display: inline-block;
    float: left;
    width: 170px;
    height: 170px;
    margin: 15px 0 15px 15px;
    border-radius: 5px;
    overflow: hidden;
}

.cul-news-n-article-img img{
    width: 170px;
    height: 170px;
    cursor: pointer;
    transition: all 0.6s;
}

.cul-news-n-article-img img:hover{
    height: 170px;
    transform: scale(1.05);
}

.cul-news-n-article-content{
    display: inline-block;
    float: right;
    width: calc(100% - 210px);
    margin: 0 10px;
}

.cul-news-n-article-content-text{
    display: inline-block;
    float: right;
    width: calc(100% - 40px);
    margin: 0 20px;
}

.cul-news-n-article-content h5, .cul-news-n-article-content-text h5{
    display: block;
    text-align: justify;
    font-size: 20px;
    max-height: 56px;
    line-height: 28px;
    color: #555;
    margin-top: 12px;
}

.cul-news-n-article-content h5:hover, .cul-news-n-article-content-text h5:hover{
    color: #e9545d;
}

.cul-news-n-article-content p, .cul-news-n-article-content-text p{
    display: block;
    text-align: justify;
    font-size: 14px;
    height: 70px;
    line-height: 23px;
    color: #666;
}

.cul-news-n-article-content span, .cul-news-n-article-content-text span{
    display: block;
    text-align: left;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #999;
}


/* ---------activity start -----------*/

.cul-act-chaxun{
    display: block;
    margin-top: 60px;
    height: 47px;
    background: url("../images/chaxun_activity.png") left center no-repeat;
}

.cul-act-chaxun a span:nth-child(1){
    display: block;
    font-size: 16px;
    color: #333;
    height: 27px;
    line-height: 22px;
    padding-top: 5px;
    text-align: left;
    text-indent: 48px;
}

.cul-act-chaxun a span:nth-child(2){
    display: block;
    font-size: 12px;
    color: #666;
    height: 17px;
    line-height: 17px;
    text-align: left;
    text-indent: 49px;
}

.cul-act-n-s-c{
    display: inline-block;
    float: left;
    width: calc(100% - 350px);
}

.cul-act-select{
    border: solid 1px #ddd;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 80%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #555;
    border-radius: 3px;
    outline: none;
    padding-left: 8px;
    padding-right: 8px;
}

.cul-act-reser{
    height: auto;
    overflow: hidden;
    margin-top: 60px;
}

.cul-act-reser-user img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 15px;
}

.cul-act-reser-user span{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    margin-right: 15px;
}

.cul-act-n-search{
    height: 125px;
    background-color: #fafafa;
}

.cul-act-n-city{
    display: inline-block;
    float: left;
    padding: 20px;
    font-size: 0;
}

.cul-act-n-city strong{
    line-height: 40px;
    font-size: 15px;
    color: #333333;
    padding: 5px;
    margin-right: 15px;
    font-weight: normal;
}

.cul-act-n-city span{
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin-right: 15px;
}

.cul-act-n-city span.cur{
    color: #FFFFFF;
    background-color: #e9545d;
    border: 1px solid #e9545d;
}

.cul-act-n-time{
    display: block;
    height: 60px;
    margin-bottom: 20px;

    position: relative;
}

.cul-act-n-time .cul-act-n-time-month{
    display: inline-block;
    font-size: 28px;
    width: 150px;
    height: 60px;
    line-height: 60px;
    color: #7d7d7d;
    margin: 0;
    padding: 0;

    position: absolute;
    top: 0;
    left: 0;
}

.cul-act-n-week{
    display: inline-block;
    width: calc(100% - 110px);
    height: 60px;

    position: absolute;
    top: 0;
    left: 0;
}

.cul-act-n-week ul{
    display: inline-block;
    float: left;
    width: calc(100% / 7);
    height: 60px;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.cul-act-n-week ul.cur{
    background-color: #e9545d;
}

.cul-act-n-week ul.cur li{
    color: #FFFFFF;
}

.cul-act-n-week ul li{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

.cul-act-n-week ul li:nth-child(2n+1){
    height: 35px;
    line-height: 35px;
    font-size: 18px;
}

.cul-act-n-week ul li:nth-child(2n){
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.cul-act-n-day{
    display: inline-block;
    width: 100px;
    height: 60px;
    text-align: center;

    position: absolute;
    top: 0;
    right: 0;
}

.cul-act-n-day input{
    display: inline-block;
    font-size: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../images/tb_day.png");
    background-size: cover;
    background-color: #FFFFFF;
    border: 0;
    outline: none;
}

.cul-act-n-day span{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}

.cul-act-n-list{
    height: auto;
    overflow: hidden;
}

.cul-act-n-article{
    display: inline-block;
    float: left;
    width: calc(33.333333% - 13px);
    height: auto;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 13px 30px 0;
    overflow: hidden;
}

.cul-act-n-article:nth-child(3n){
    margin: 0 0 30px 0;
}

.cul-act-n-article-img{
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: 210px;
    margin: 10px;
    overflow: hidden;
    background: url(../images/defaultactivity.jpg) center no-repeat;
}

.cul-act-n-article-img img{
    width: 100%;
    height: 210px;
    cursor: pointer;
    transition: all 0.6s;
}

.cul-act-n-article-img img:hover{
    width: 100%;
    height: 210px;
    transform: scale(1.05);
}

.cul-act-n-article-content{
    display: block;
}

.cul-act-n-article-content h5{
    text-align: justify;
    font-size: 16px;
    height: 50px;
    line-height: 23px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-act-n-article-content span{
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    margin-bottom: 10px;
}

.cul-act-n-article-content span.yding, .cul-act-n-article-content span.yd{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #e9545d;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-act-n-article-content span.ydingend{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #ccc;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-act-n-article-content span.yd{
    background-color: #cccccc;
}

.cul-act-n-title{
    font-size: 32px;
    color: #444;
    line-height: 42px;
    margin-top: 0;
}

.cul-act-n-tip{
    padding: 0 15px 30px 0;

    border-bottom: 1px solid #e9545d;
    position: relative;
}

.cul-act-n-tip span{
    font-size: 15px;
    color: #999;
    margin: 0 5px 0 0;
}

.cul-act-n-tip:before{
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #e9545d;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cul-act-n-content{
    display: block;
    height: auto;
    overflow: hidden;
}

.cul-act-n-content-img{
    display: inline-block;
    float: left;
    margin: 50px 20px;
    width: 42%;
    height: auto;
    overflow: hidden;
}

.cul-act-n-content-img img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    flex: 1;
}

.cul-act-n-content-text{
    display: inline-block;
    float: right;
    margin: 50px 20px;
    width: calc(58% - 80px);
    height: auto;
    overflow: hidden;
}

.cul-act-n-content-text p{
    color: #666;
    font-size: 16px;
    margin-bottom: 12px;
}

.cul-act-n-content-text p:nth-child(1){
    /*margin-top: 15px;*/
    margin-top: 0;
}

.cul-act-reservation-btn, .cul-act-reservation-btn:hover{
    float: left;
    cursor: pointer;
    width: 140px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    background-color: #e9545d;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 1px;
    margin-top: 20px;
    border-radius: 5px;
}

.cul-act-reservation-btn-end{
    display: inline-block;
    float: left;
    width: 140px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    color: #FFF;
    background-color: #ccc;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 1px;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

a.cul-act-live-btn, a.cul-act-live-btn:hover{
    float: left;
    cursor: pointer;
    width: 140px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    background-color: #e9545d;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 2px;
    margin-right: 10px;
}

.liveqrcode{
    display: block;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}

.cul-venue-reservation-btn{
    display: inline-block;
    float: left;
    cursor: pointer;
    width: 195px;
    text-align: left;
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    background-color: #f19975;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 0;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}

.cul-venue-reservation-btn span{
    text-indent: 6px;
    margin-right: 10px;
}

.cul-venue-select-time{
    display: block;
    height: auto;
    overflow: hidden;
    margin-top: 60px;
}

.cul-venue-select-time input.selectTime {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #f19975;
    width: 170px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    border: 0;
    outline: none;
    position: relative;

    text-indent: 10px;
    border-radius: 0 5px 5px 0;
}

.cul-venue-select-time input.selectTime::-webkit-input-placeholder{
    color: #FFFFFF;
    font-size: 16px;
}

.cul-venue-select-time input.selectTime:-moz-placeholder{
    color: #FFFFFF;
    font-size: 16px;
}

.cul-venue-select-time input.selectTime::-moz-placeholder{
    color: #FFFFFF;
    font-size: 16px;
}

.cul-venue-select-time input.selectTime:-ms-input-placeholder{
    color: #FFFFFF;
    font-size: 16px;
}

.iframe-venue-title{
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    background-color: #f19975;
    border-radius: 5px 5px 0 0;
}

.iframe-venue-table{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px;
    list-style: none;
    margin: 0;
}

.iframe-venue-table li{
    display: inline-block;
    float: left;
    width: calc(100% / 7);
    line-height: 25px;
    margin: 10px 0;
    text-align: center;
}

.iframe-venue-table li span{
    display: inline-block;
    line-height: 27px;
}

.brline{
    display: block;
    height: 1px;
}

.iframe-venue-btn{
    display: block;
    width: 100%;
    height: 40px;

    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 500;
}

.cul-venue-r-btn{
    display: inline-block;
    float: right;
    cursor: pointer;
    width: 80px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    background-color: #f19975;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 0;
    border-radius: 5px;
    position: relative;
    margin: 0;
    padding: 0;
}

.cul-venue-r-btn span{
    margin-right: 10px;
}

#allmap{
    display: block;
    width: 100%;
    height: 500px;
    margin-top: 40px;
}

/* ---------mooc start --------*/

.cul-mooc-des{
    min-width: 1280px;
    overflow: hidden;
    background-color: #F5F5F5;
}

.cul-mooc-des-content{
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}

.cul-mooc-des-left{
    display: inline-block;
    float: left;
    width: calc(100% - 380px);
    height: auto;
    overflow: hidden;
}

.cul-mooc-n-page{
    padding: 60px;
    height: auto;
    overflow: hidden;
}

.cul-mooc-n-page h3 {
    font-size: 24px;
    color: #666;
    line-height: 48px;
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid #eee;
    margin: 0;
    position: relative;
}

.cul-mooc-n-page h3:before{
    content: '';
    display: block;
    width: 4px;
    height: 24px;
    background-color: #e9545d;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.cul-mooc-comment{
    font-size: 24px;
    color: #666;
    height: 60px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.cul-mooc-comment h5{
    display: inline-block;
    float: left;
    font-size: 24px;
    color: #666;
    line-height: 48px;
    margin: 0;
}

.cul-mooc-comment h6{
    display: inline-block;
    float: left;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.cul-mooc-comment span{
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 48px;
}

.cul-mooc-n-page-content {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.cul-mooc-n-page-content p{
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.cul-mooc-n-page-content p a{
    font-size: 16px;
    line-height: 28px;
}

.cul-mooc-n-page-content p img, .cul-mooc-n-page-content img{
    border-radius: 5px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.cul-mooc-comment-user{
    display: inline-block;
    float: left;
    width: 60px;
    height: auto;
    overflow: hidden;
}

.cul-mooc-comment-user img{
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.cul-mooc-comment-textarea{
    display: inline-block;
    float: right;
    width: calc(100% - 60px);
    height: 120px;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 8px;
    border-radius: 5px;
    background-color: #FFF;
}

.cul-mooc-comment-textarea textarea{
    display: block;
    width: 100%;
    height: 104px;
    font-size: 14px;
    color: #333;
    line-height: 23px;
    border: none;
    resize: none;
    outline: none;
}

.cul-mooc-comment-btn{
    float: right;
    cursor: pointer;
    width: 110px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #FFFFFF;
    background-color: #e9545d;
    font-size: 14px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 1px;
    margin-top: 20px;
}

.cul-mooc-des-right{
    display: inline-block;
    float: right;
    width: 380px;
    height: auto;
    overflow: hidden;
    padding: 0 0 20px 30px;
}

.cul-mooc-des-r-title{
    font-size: 20px;
    color: #333;
    height: 45px;
    line-height: 45px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.cul-mooc-randlist{
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.cul-mooc-randlist a{
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.cul-mooc-randlist a:hover{
    display: block;
    height: auto;
    border: 1px solid #f19975;
}

.cul-mooc-randlist img{
    width: 100%;
    height: 200px;
    border-radius: 3px;
}

.cul-mooc-randlist p{
    text-align: center;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-mooc{
    min-width: 1280px;
    overflow: hidden;
    background-color: #333333;
}

.cul-mooc-show-content{
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}

.cul-mooc-show-left {
    display: inline-block;
    float: left;
    width: calc(100% - 380px);
    height: auto;
    overflow: hidden;
}

.cul-mooc-video{
    height: 600px;
    overflow: hidden;
    /*margin-bottom: 60px;*/
    background-color: #000000;
}

.cul-mooc-video video{
    display: block;
    width: 100%;
    height: 600px;
    background-color: #000000;
}

.cul-mooc-show-right {
    display: inline-block;
    float: right;
    width: 380px;
    height: 600px;
    padding: 20px;
    background-color: #4c4c4c;
    overflow: hidden;
}

.cul-mooc-show-title{
    font-size: 20px;
    color: #bbbbbb;
    line-height: 32px;
    margin-bottom: 25px;
}

.cul-mooc-show-list{
    height: 520px;
}

.cul-mooc-show-page{
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
}

.cul-mooc-show-page a{
    display: block;
    padding: 5px;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}

.cul-mooc-show-page a.cur, .cul-mooc-show-page a:hover{
    display: block;
    padding: 5px;
    height: auto;
    overflow: hidden;
    background-color: #666666;
    cursor: pointer;
}

.cul-mooc-show-page img{
    display: inline-block;
    float: left;
    width: 130px;
    height: 84px;
    margin-right: 10px;
}

.cul-mooc-show-page p{
    display: inline-block;
    float: left;
    width: calc(100% - 145px);
    height: 25px;
    line-height: 25px;
    color: #bbbbbb;
    font-size: 14px;
    margin-bottom: 3px;
}

.cul-mooc-show-page p.title{
    font-size: 15px;
    font-weight: 600;
}

.cul-mooc-show-page p.des{
    height: 50px;
}

.cul-mooc-nr{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-mooc-title{
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.cul-mooc-title h3{
    display: inline-block;
    font-size: 32px;
    color: #555;
    font-weight: 500;
    padding-bottom: 15px;

    position: relative;
}

.cul-mooc-title h3:before{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #f19975;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.cul-mooc-title h3:after{
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #f19975;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
}

.cul-mooc-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-mooc-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;

}

.cul-mooc-menu-max{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-mooc-menu-max-left{
    display: inline-block;
    float: left;
}

.cul-mooc-menu-max-right{
    display: inline-block;
    float: right;
}

.cul-mooc-menu span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    padding: 0 9px;
    border-bottom: 4px solid transparent;
    margin: 0 8px;
    cursor: pointer;
}

.cul-mooc-menu span.cur{
    color: #f19975;
    border-bottom-color: #f19975;
}

.cul-mooc-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-mooc-display{
    display: inline-block;
    float: left;
    width: calc(25% - 10px);
    height: 325px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 40px 5px 0 5px;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-mooc-display:hover{
    border: 1px solid #f19975;
    /*margin: 30px 5px 10px 5px;*/
}

.cul-mooc-display:hover .cul-mooc-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play_a.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-mooc-display-img{
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: 210px;
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.cul-mooc-display-img img{
    width: 100%;
    height: 210px;
}

.cul-mooc-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-mooc-cflag{
    display: block;
    width: 42px;
    height: 28px;
    background: url('../images/cflag.png') no-repeat center;
    background-size: 42px 28px;
    position: absolute;
    left: -1px;
    top: 8px;
    color: #FFFFFF;
    line-height: 28px;
    font-size: 12px;
    text-align: left;
    text-indent: 6px;
}

.cul-mooc-display-text{
    display: block;
}

.cul-mooc-display-text h5{
    text-align: justify;
    font-size: 16px;
    height: 50px;
    line-height: 23px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-mooc-display-text span{
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    margin-bottom: 10px;
}

.cul-mooc-display-text span.dbing, .cul-mooc-display-text span.db{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #f19975;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-mooc-display-text span.db{
    background-color: #f19975;
}

/* ---------volunteer activity start --------*/

.cul-vol-act-des-right{
    display: inline-block;
    float: right;
    width: 350px;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-left: 30px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    /*border-radius: 10px;*/
}

.cul-vol-act-des-r-title{
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 25px;
    margin-top: 10px;
    color: #0098d8;
    border-bottom: 1px solid #0098d8;
}

.cul-vol-act-nr{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-vol-act-title{
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.cul-vol-act-title h3{
    display: inline-block;
    font-size: 32px;
    color: #555;
    font-weight: 500;
    padding-bottom: 15px;

    position: relative;
}

.cul-vol-act-title h3:before{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #e9545d;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.cul-vol-act-title h3:after{
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #e9545d;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
}

.cul-vol-act-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-vol-act-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;

}

.cul-vol-act-menu-max{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-vol-act-menu-max-left{
    display: inline-block;
    float: left;
}

.cul-vol-act-menu-max-right{
    display: inline-block;
    float: right;
}

.cul-vol-act-menu span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    padding: 0 9px;
    border-bottom: 4px solid transparent;
    margin: 0 8px;
    cursor: pointer;
}

.cul-vol-act-menu span.cur{
    color: #e9545d;
    border-bottom-color: #e9545d;
}

.cul-vol-act-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-vol-act-display{
    display: inline-block;
    float: left;
    width: calc(25% - 10px);
    height: 325px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 40px 5px 0 5px;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-vol-act-display:hover{
    border: 1px solid #e9545d;
    /*margin: 30px 5px 10px 5px;*/
}

.cul-vol-act-display:hover .cul-vol-act-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play_a.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-vol-act-display-img{
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: 210px;
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.cul-vol-act-display-img img{
    width: 100%;
    height: 210px;
}

.cul-vol-act-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-vol-act-display-text{
    display: block;
}

.cul-vol-act-display-text h5{
    text-align: justify;
    font-size: 16px;
    height: 50px;
    line-height: 23px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-vol-act-display-text span{
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    margin-bottom: 10px;
}

.cul-vol-act-display-text span.dbing, .cul-vol-act-display-text span.db, .cul-vol-act-display-text span.dbend{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #e9545d;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-vol-act-display-text span.db{
    background-color: #e9545d;
}

.cul-vol-act-display-text span.dbend{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #ccc;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}



/* ---------venue start --------*/

.cul-venue-nr{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-venue-title{
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.cul-venue-title h3{
    display: inline-block;
    font-size: 32px;
    color: #555;
    font-weight: 500;
    padding-bottom: 15px;

    position: relative;
}

.cul-venue-title h3:before{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #0098d8;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.cul-venue-title h3:after{
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #0098d8;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
}

.cul-venue-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-venue-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;

}

.cul-venue-menu-max{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-venue-menu-max-left{
    display: inline-block;
    float: left;
}

.cul-venue-menu-max-right{
    display: inline-block;
    float: right;
}

.cul-venue-menu span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    padding: 0 9px;
    border-bottom: 4px solid transparent;
    margin: 0 8px;
    cursor: pointer;
}

.cul-venue-menu span.cur{
    color: #0098d8;
    border-bottom-color: #0098d8;
}

.cul-venue-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-venue-display{
    display: inline-block;
    float: left;
    width: calc(25% - 10px);
    height: 325px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 40px 5px 0 5px;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-venue-display:hover{
    border: 1px solid #0098d8;
}

.cul-venue-display-img{
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: 210px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    background: url("../images/defaultvenue.jpg") center no-repeat;
}

.cul-venue-display-img img{
    width: 100%;
    height: 210px;
    cursor: pointer;
    transition: all 0.6s;
}

.cul-venue-display-img img:hover{
    height: 210px;
    transform: scale(1.05);
}

.cul-venue-display-text{
    display: block;
}

.cul-venue-display-text h5{
    text-align: justify;
    font-size: 16px;
    height: 50px;
    line-height: 23px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-venue-display-text span{
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    margin-bottom: 10px;
}

.cul-venue-display-text span.dbing, .cul-venue-display-text span.db{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #0098d8;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-venue-display-text span.db{
    background-color: #0098d8;
}



/* ---------volunteer start --------*/

.cul-vol-nr{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-vol-dy{
    max-width: 1440px;
    margin: 0 auto;
    height: 130px;
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.cul-vol-dy-img{
    display: inline-block;
    float: left;
    padding: 30px 20px;
}

.cul-vol-dy-img img{
    width: 73px;
    height: 70px;
}

.cul-vol-dy-text{
    display: inline-block;
    float: right;
    width: calc(100% - 115px);
    padding: 30px 20px;
}

.cul-vol-dy-text p{
    font-size: 14px;
    color: #333333;
    line-height: 23px;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: 0;
}

.cul-vol-list-content{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}

.cul-vol-data{
    display: inline-block;
    float: left;
    width: 482px;
    height: 600px;
    background: url(../images/tj_map.png) center top no-repeat;
    position: relative;
    margin-top: 100px;
}

.vol-title-position{
    position: absolute;
    top: -100px;
    left: 0px;
    z-index: 100;
}

.cul-vol-data-title{
    position: absolute;
    top: 70px;
    left: 310px;
    z-index: 100;

    font-size: 28px;
    font-weight: normal;
    color: #555555;
}

.cul-vol-data-cixi{
    position: absolute;
    top: 90px;
    left: 155px;
    z-index: 100;
}

.cul-vol-data-yuyao{
    position: absolute;
    top: 190px;
    left: 105px;
    z-index: 100;
}

.cul-vol-data-haishu{
    position: absolute;
    top: 260px;
    left: 157px;
    z-index: 100;
}

.cul-vol-data-fenghua{
    position: absolute;
    top: 352px;
    left: 158px;
    z-index: 100;
}

.cul-vol-data-ninghai{
    position: absolute;
    top: 487px;
    left: 190px;
    z-index: 100;
}

.cul-vol-data-jiangbei{
    position: absolute;
    top: 202px;
    left: 213px;
    z-index: 100;
}

.cul-vol-data-zhenhai{
    position: absolute;
    top: 188px;
    left: 258px;
    z-index: 100;
}

.cul-vol-data-yinzhou{
    position: absolute;
    top: 288px;
    left: 280px;
    z-index: 100;
}

.cul-vol-data-beilun{
    position: absolute;
    top: 250px;
    left: 363px;
    z-index: 100;
}

.cul-vol-data-xiangshan{
    position: absolute;
    top: 438px;
    left: 348px;
    z-index: 100;
}

.cul-vol-data-line{
    height: 5px;
    background-color: #eeeeee;
    border-radius: 1px;
}

.cul-vol-data-text{
    color: #eeeeee;
    font-size: 12px;
    padding: 3px 0;
}

.cul-vol-author{
    display: inline-block;
    float: right;
    width: calc(100% - 485px);
    height: auto;
    overflow: hidden;
}

.cul-vol-recruiting{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-vol-recruiting img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}

.cul-vol-title{
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.cul-vol-title h3{
    display: inline-block;
    font-size: 32px;
    color: #555;
    font-weight: 500;
    padding-bottom: 15px;

    position: relative;
}

.cul-vol-title h3:before{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #0098d8;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.cul-vol-title h3:after{
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #0098d8;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
}

.cul-vol-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-volunteer-content{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #F4F4F4;
}

.cul-vol-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;
}

.cul-vol-menu-max{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-vol-menu-max-left{
    display: inline-block;
    float: left;
}

.cul-vol-menu-max-right{
    display: inline-block;
    float: right;
}

.cul-vol-menu span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    padding: 0 9px;
    border-bottom: 4px solid transparent;
    margin: 0 8px;
    cursor: pointer;
}

.cul-vol-menu span.cur{
    color: #0098d8;
    border-bottom-color: #0098d8;
}

.cul-volunteer-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-vol-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-vol-display{
    display: inline-block;
    float: left;
    width: calc(20% - 10px);
    height: 275px;
    /*border: 1px solid #eee;*/
    margin: 0 5px 30px 5px;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-vol-display-img{
    display: inline-block;
    float: left;
    width: calc(100% - 10px);
    height: 180px;
    margin: 5px;
    text-align: center;
}

.cul-vol-display-img img{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.6s;
}

.cul-vol-display-img img:hover{
    height: 180px;
    transform: scale(1.02);
}

.cul-vol-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-vol-display-text{
    display: block;
}

.cul-vol-display-text h5{
    text-align: center;
    font-size: 16px;
    max-height: 65px;
    line-height: 25px;
    color: #666;
    margin: 0;
    padding: 8px 10px 2px;
}

.cul-vol-display-text span{
    display: block;
    text-align: center;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin: 0 10px;
}

.cul-vol-author-content{
    margin: 0 auto;
    width: 90%;
    height: auto;
    overflow: hidden;
}

.cul-volunteer-display{
    display: inline-block;
    float: left;
    /*width: calc(16.6667% - 10px);*/
    width: calc(20% - 10px);
    height: 265px;
    margin: 0 5px 30px 5px;
    overflow: hidden;
    background-color: #FFFFFF;
    cursor: pointer;
}

.cul-volunteer-display:hover{
    /*border: 1px solid #eee;*/
    /*border-radius: 10px;*/
}

.cul-volunteer-display-img{
    display: inline-block;
    width: calc(100% - 20px);
    height: 120px;
    margin: 10px;
    margin-top: 25px;
    text-align: center;

    position: relative;
}

.cul-volunteer-display-img img{
    width: 120px;
    height: 120px;
    border: 2px solid #eee;
    border-radius: 50%;
}

.cul-volunteer-display:hover .cul-volunteer-display-img img{
    /*border: 2px solid transparent;*/
}

.cul-volunteer-display .play{
    display: none;
}

.cul-volunteer-display:hover .play{
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    border-radius: 50%;
    background-color: transparent;

    border-top: 1px solid #0098d8;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    animation: rt 2s infinite linear;
}

@keyframes rt {
    100% {
        transform: rotate(360deg);
    }
}

.cul-volunteer-display-text{
    display: block;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.cul-volunteer-display-text h5{
    display: block;
    text-align: center;
    font-size: 16px;
    height: 45px;
    line-height: 25px;
    color: #666;
    margin: 0;
    padding: 10px;

    position: relative;
}

.cul-volunteer-display-text h5:before{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #0098d8;
    position: absolute;
    left: 50%;
    top: 23px;
    margin-left: -50px;
}

.cul-volunteer-display-text h5:after{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #0098d8;
    position: absolute;
    right: 50%;
    top: 23px;
    margin-right: -50px;
}

.cul-volunteer-display-text span{
    text-align: center;
    font-size: 14px;
    max-height: 66px;
    line-height: 22px;
    color: #999;
    margin: 0 15px;
}

.cul-volunteer-display-text span.more{
    text-align: center;
    font-size: 16px;
    height: 66px;
    line-height: 66px;
    color: #999;
    margin: 0 15px;
}

.cul-volunimg-randlist{
    display: inline-block;
    float: left;
    width: 48%;
    margin-left:1%;
    margin-right: 1%;
    height: 160px;
    overflow: hidden;
    margin-bottom: 20px;
}

.cul-volunimg-randlist a, .cul-volunimg-randlist a:hover{
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.cul-volunimg-randlist img{
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.cul-volunimg-randlist p{
    text-align: center;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-vol-randlist{
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.cul-vol-randlist a, .cul-vol-randlist a:hover{
    display: block;
    width: 100%;
    font-size: 16px;
    height: auto;
    color: #333333;
    text-align: left;
    text-indent: 12px;
}

.cul-vol-randlist p{
    text-align: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #666;
    margin: 0;
    padding: 0;
    background: url(../images/tb_a_dian.png) 0 0 no-repeat;
}


.cul-vol-table{
    display: block;
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 60px;
}

.cul-vol-base-title{
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-indent: 20px;
    background-color: #eee;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    border-radius: 3px;
    border-left: 4px solid #e9545d;
}

.cul-vol-base-content, .cul-vol-base-server, .cul-vol-base-other, .cul-vol-base-description, .cul-vol-base-btn{
    display: block;
    padding:0 10px;
}

.cul-vol-b-c-left{
    display: inline-block;
    float: left;
    width: 75%;
    height: auto;
    overflow: hidden;
}

.cul-vol-b-c-left ul.three, .cul-vol-b-c-left ul.twohalf{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}

.cul-vol-b-c-left ul.three li{
    display: inline-block;
    float: left;
    width: 33.3333%;
    height: 45px;
    font-size: 0;
}

.cul-vol-b-c-left ul.three li span{
    display: inline-block;
    float: left;
    font-size: 14px;
    width: 50px;
    height: 40px;
    line-height: 40px;
}

.cul-vol-b-c-left ul.three li input{
    display: inline-block;
    float: left;
    width: calc(100% - 70px);
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    text-align: left;
    text-indent: 5px;
    border-radius: 5px;
}

.cul-vol-b-c-left ul.twohalf li{
    display: inline-block;
    float: left;
    width: 50%;
    height: 45px;
    font-size: 0;
}

.cul-vol-b-c-left ul.twohalf li span{
    display: inline-block;
    float: left;
    width: 85px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.cul-vol-b-c-left ul.twohalf li input{
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    text-align: left;
    text-indent: 5px;
    border-radius: 5px;
}

.cul-vol-b-c-right{
    display: inline-block;
    float: right;
    width: 25%;
    text-align: center;
    height: auto;
    min-height: 255px;
    overflow: hidden;

    position: relative;
}

.cul-vol-b-c-right img{
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100px;

    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -100px;
    z-index: 200;
}

.volunteer-input-file{
    width: 200px;
    height: 200px;
    cursor: pointer;
    opacity: 0;

    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -100px;
    z-index: 300;
}

.cul-vol-b-c-bottom{
    display: block;
    height: 45px;
    line-height: 45px;
    font-weight: 600;
}

.cul-vol-base-des{
    height: 170px;
    overflow: hidden;

    position: relative;
}

.v-tj{
    position: absolute;
    top: 140px;
    right: 10px;
    z-index: 200;
}

.v-tj em{
    font-weight: normal;
    font-style: normal;
}

.v-description{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 100;

    display: block;
    width: 100%;
    height: 120px;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.cul-vol-b-s-info, .cul-vol-b-s-time, .cul-vol-b-s-time-day{
    height: 40px;
    line-height: 40px;
}

.cul-vol-b-o-info, .cul-vol-b-o-experience, .cul-vol-b-o-server{
    height: 40px;
    line-height: 40px;
}

.cul-vol-b-s-info span, .cul-vol-b-s-time span, .cul-vol-b-s-time-day span, .cul-vol-b-o-info span, .cul-vol-b-o-experience span, .cul-vol-b-o-server span{
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin-right: 10px;
    font-weight: 600;
}

.cul-vol-b-s-info input[type=checkbox], .cul-vol-b-s-time input[type=checkbox], .cul-vol-b-s-time-day input[type=checkbox]{
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 14px;
    margin: -1px 0 0;
    vertical-align: middle;
}

.cul-vol-b-s-info em, .cul-vol-b-s-time em, .cul-vol-b-s-time-day em, .cul-vol-b-o-info em, .cul-vol-b-o-experience em{
    display: inline-block;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 10px;
}

.cul-vol-b-o-server input{
    display: inline-block;
    width: 400px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    text-align: left;
    text-indent: 5px;
    border-radius: 5px;
}

.cul-vol-base-description{
    display: block;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.cul-vol-base-description p{
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: left;
    text-indent: 2em;
}

.cul-vol-base-description span{
    display: inline-block;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    font-size: 14px;
}

.cul-vol-base-description input.signature{
    display: inline-block;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    text-align: left;
    text-indent: 5px;
    border-radius: 5px;
}

.cul-vol-base-btn{
    display: block;
    height: auto;
    overflow: hidden;
}


.cul-vol-n-page {
    padding: 40px;
    height: auto;
    overflow: hidden;
}

.cul-vol-v-img {
    display: inline-block;
    float: left;
    width: 250px;
    text-align: center;
    height: 250px;
    overflow: hidden;
}

.cul-vol-v-img img{
    display: inline-block;
    width: 230px;
    height: 230px;
    border-radius: 115px;
}

.cul-vol-v-description{
    display: inline-block;
    float: right;
    width: calc(100% - 300px);
    /*height: 250px;*/
    height: auto;
}

.cul-vol-v-description h5{
    font-size: 28px;
    color: #444;
    line-height: 42px;
    margin-top: 0;
    margin-bottom: 10px;
}

ul.des-two{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}

ul.des-two li{
    display: inline-block;
    float: left;
    width: 100%;
    /*height: 30px;*/
    line-height: 30px;
}

ul.volunresult{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}

ul.volunresult li{
    display: inline-block;
    float: left;
    width: 100%;
    /*height: 30px;*/
    line-height: 30px;
}

ul.volunresult li img{
    display: block;
    margin: 10px auto;
    max-width: 800px;
    height: auto;
    border-radius: 10px;
}

.cul-vol-v-description p{
    display: block;
    /*height: 30px;*/
    line-height: 23px;
    margin: 0;
    text-indent: 2em;
}

ul.des-content{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}

ul.des-content li:nth-child(1){
    display: inline-block;
    float: left;
    width: 60px;
    min-height: 30px;
    line-height: 30px;
    height: auto;
    overflow: hidden;
}

ul.des-content li:nth-child(2){
    display: inline-block;
    float: left;
    width: calc(100% - 60px);
    min-height: 30px;
    line-height: 30px;
    height: auto;
    overflow: hidden;
}

.cul-vol-v-server{
    display: block;
    height: auto;
    overflow: hidden;
}

.cul-vol-v-server p{
    line-height: 25px;
    font-size: 14px;
}

.cul-vol-v-server p img{
    max-width: 800px;
    /*border-radius: 20px;*/
}

.cul-vol-v-server p img:first-child{
    margin-top: 20px;
}

.cul-vol-v-server-title{
    font-size: 24px;
    color: #f19975;
    height: 60px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    margin: 30px auto;
}

/* --------- resources start ---------*/

.cul-res-nr{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-res-title{
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.cul-res-title h3{
    display: inline-block;
    font-size: 32px;
    color: #555;
    font-weight: 500;
    padding-bottom: 15px;

    position: relative;
}

.cul-res-title h3:before{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #4652a1;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.cul-res-title h3:after{
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #4652a1;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
}

.cul-res-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-res-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;

}

.cul-res-menu-max{
    max-width: 1440px;
    margin: 0 auto;
}

.cul-res-menu-max-left{
    display: inline-block;
    float: left;
}

.cul-res-menu-max-right{
    display: inline-block;
    float: right;
}

.cul-res-menu span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 42px;
    padding: 0;
    border-bottom: 4px solid transparent;
    margin: 0 13px;
    cursor: pointer;
}

.cul-res-menu span.cur{
    color: #4652a1;
    border-bottom-color: #4652a1;
}

.cul-res-list{
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.cul-res-display{
    display: inline-block;
    float: left;
    width: calc(25% - 10px);
    height: 325px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 40px 5px 0 5px;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-res-display:hover{
    border: 1px solid #4652a1;
    /*margin: 30px 5px 10px 5px;*/
}

.cul-res-display:hover .cul-res-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play_c.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-res-display-img{
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: 210px;
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.cul-res-display-img img{
    width: 100%;
    height: 210px;
}

.cul-res-display-play{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/tb_play.png') no-repeat center;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.cul-res-display-text{
    display: block;
}

.cul-res-display-text h5{
    text-align: justify;
    font-size: 16px;
    height: 50px;
    line-height: 23px;
    color: #666;
    margin: 0;
    padding: 0 10px;
}

.cul-res-display-text span{
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 10px;
    margin-bottom: 10px;
}

.cul-res-display-text span.dbing, .cul-res-display-text span.db{
    float: right;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #4652a1;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.cul-res-display-text span.db{
    background-color: #4652a1;
}

/* ---------breadcrumbs start --------*/

.cul-breadcrumbs{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.breadcrumb{
    margin: 40px 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb>li+li:before{
    content: "> ";
    color:#222;
}

.breadcrumb>li+li.m-more:before{
    content: "> ";
    color:#999;
}

.breadcrumb li{
    font-size: 15px;
}

.breadcrumb li a{
    color: #222222;
    text-decoration: none;
    font-size: 15px;
}



/* ----------features start-------------*/

.cul-features1{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/features.jpg") center top no-repeat;
}

.cul-features2{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/hs_features.jpg") center top no-repeat;
}

.cul-features3{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/jb_features.jpg") center top no-repeat;
}

.cul-features4{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/yz_features.jpg") center top no-repeat;
}

.cul-features5{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/zh_features.jpg") center top no-repeat;
}

.cul-features6{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/bl_features.jpg") center top no-repeat;
}

.cul-features7{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/fh_features.jpg") center top no-repeat;
}

.cul-features8{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/nh_features.jpg") center top no-repeat;
}

.cul-features9{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/xs_features.jpg") center top no-repeat;
}

.cul-features10{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/yy_features.jpg") center top no-repeat;
}

.cul-features11{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 800px;
    background: url("../images/bg/cx_features.jpg") center top no-repeat;
}

.cul-features-title{
    display: block;
    width: 100%;
    max-width: 1440px;
    height: 130px;
    line-height: 30px;
    font-size: 30px;
    color: #666;
    font-weight: 500;
    padding-top: 60px;
    padding-bottom: 40px;
    margin: 0 auto;
}

.cul-features-des{
    display: block;
    width: 100%;
    max-width: 1440px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.cul-features-des p{
    display: block;
    width: 100%;
    max-width: 640px;
    line-height: 30px;
    font-size: 15px;
    color: #7d7d7d;
    font-weight: 500;
    text-align: justify;
}

.cul-features-content{
    display: block;
    width: 100%;
    padding-right: 200px;
    max-width: 1440px;
    margin: 80px auto;
    height: auto;
    /*overflow: hidden;*/

    clear: both;
}

.cul-features-content-li{
    display: block;
    float: left;
    width: 20%;
    height: 330px;
    background: url("../images/tb_vertical_line.png") right top no-repeat;
    background-color: #fbfbfb;
    border-bottom: 3px solid #dadada;
    text-align: center;

    cursor: pointer;
    transition: all 0.05s;
}

.cul-features-content-li:nth-child(1):hover, .cul-features-content-li:nth-child(2):hover,.cul-features-content-li:nth-child(3):hover, .cul-features-content-li:nth-child(4):hover, .cul-features-content-li:nth-child(5):hover{
    cursor: pointer;
    background-image: none;
    transform: scale(1.04);
    border-radius: 10px;
}

.cul-features-content-li:nth-child(1):hover{
    border: 1px solid #f19975;
}

.cul-features-content-li:nth-child(2):hover{
    border: 1px solid #4652a1;
}

.cul-features-content-li:nth-child(3):hover{
    border: 1px solid #e9545d;
}

.cul-features-content-li:nth-child(4):hover{
    border: 1px solid #0098d8;
}

.cul-features-content-li:nth-child(5):hover{
    border: 1px solid #e9545d;
}

.cul-features-content-li:nth-child(5){
    background-image: none;
}

.cul-features-content-li img{
    width: 100px;
    height: 100px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.cul-features-content-li h3{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    margin: 0;
}

.cul-features-content-li span.num{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    font-weight: 600;
    color: #777;
    text-align: center;
    margin-top: 5px;
}

.cul-features-content-li-link{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
}

.cul-features-content-li-link a, .cul-features-content-li-link span{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}

.cul-features-content-li a.more{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.cul-features-content-li a.more img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
}

.cul-vol-base-btn-tj{
    float: right;
    cursor: pointer;
    width: 110px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #FFFFFF;
    background-color: #e9545d;
    font-size: 14px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: 1px;
    margin-top: 40px;
}



/* ----------network start-------------*/

.cul-network{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: auto;
}

.cul-network-all{
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.cul-network-all:after{
    clear: both;
}

.cul-network-left{
    display: inline-block;
    float: left;
    width: 60%;
}

.cul-network-title{
    display: inline-block;
    width: calc(100% - 20px);
    height: 30px;
    padding-left: 18px;
    position: relative;
}

.cul-network-title span{
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #7d7d7d;
    font-weight: 500;
}

.cul-network-title a, .cul-network-title a:hover, .cul-network-title a:visited, .cul-network-title a:active{
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #7d7d7d;
    font-weight: 500;
}

.cul-network-title:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 30px;
    background: url("../images/net_title.png") center top no-repeat;
}

.cul-network-left-content{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;

    clear: both;
}

.cul-network-con-left{
    display: inline-block;
    float: left;
    width: 33%;
    padding-right: 15px;

    overflow: hidden;
}

.cul-network-con-left-top{
    width: 100%;
    height: 285px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;*/
}

.cul-network-con-left-top img.fit{
    height: 285px;
}

.cul-network-con-left-bottom{
    width: 100%;
    height: 176px;
    overflow: hidden;

    margin-bottom: 10px;
    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;*/
}

.cul-network-con-left-bottom img.fit{
    height: 176px;
}

.cul-network-con-top{
    display: inline-block;
    float: right;
    width: 67%;
}

.cul-network-con-top-left, .cul-network-con-top-center, .cul-network-con-top-right{
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;*/
}

.cul-network-con-top-right{
    margin-right: 0 !important;
}

.cul-network-con-top-left, .cul-network-con-top-right{
    width: 25%;
    max-width: 143px;
    height: 143px;
}

.cul-network-con-top-center{
    width: calc(50% - 30px);
    max-width: 238px;
    height: 143px;
}

.cul-network-con-top-left img.fit, .cul-network-con-top-center img.fit, .cul-network-con-top-right img.fit{
    height: 143px;
}

.cul-network-con-bottom{
    display: inline-block;
    float: right;
    width: 67%;
}

.cul-network-con-bottom-left, .cul-network-con-bottom-top, .cul-network-con-bottom-more{
    display: inline-block;
    float: left;
    margin-right: 15px;
    overflow: hidden;

    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;*/
}

.cul-network-con-bottom-top, .cul-network-con-bottom-more{
    margin-right: 0 !important;
}

.cul-network-con-bottom-left{
    width: 58%;
    max-width: 312px;
    height: 318px;
}

.cul-network-con-bottom-left img.fit{
    height: 318px;
}

.cul-network-con-bottom-top{
    width: calc(42% - 15px);
    max-width: 225px;
    height: 142px;
    margin-bottom: 10px;
}

.cul-network-con-bottom-top img.fit{
    height: 142px;
}

.cul-network-con-bottom-more{
    width: calc(42% - 15px);
    max-width: 225px;
    height: 166px;
}

.cul-network-con-bottom-more img.fit{
    height: 166px;
}

.cul-network-con-bottom-more img.fit:hover{
    transform: scale(1);
}

.cul-network-left-content img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-network-left-content img:hover{
    transform: scale(1.02) rotate(0.1deg);
    -ms-transform:scale(1.02) rotate(0.1deg);
    -moz-transform:scale(1.02) rotate(0.1deg);
    -webkit-transform:scale(1.02) rotate(0.1deg);
    -o-transform:scale(1.02) rotate(0.1deg);
}

.cul-network-left-content .cul-network-con-top-center img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-network-left-content  .cul-network-con-top-center img:hover{
    transform: scale(1.1);
}

.cul-network-right{
    display: inline-block;
    float: right;
    width: 38%;
}

.cul-network-right-content{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-network-img{
    display: inline-block;
    float: left;
    width: 50%;
    padding:5px;
    height: 101px;
    text-align: center;
    margin-bottom: 10px;
}

.cul-network-img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;

    cursor: pointer;
    transition: all 0.6s;
}

.cul-network-img img:hover{
    transform: scale(1.05);
}

.cul-network-right-volunteers{
    width: 100%;
    height: 400px;
    background: url("../images/tb_volunteers.png") center no-repeat;
}

.cul-network-news, .cul-network-team{
    display: inline-block;
    float: left;
    width: 50%;
    height: 400px;

    position: relative;
}

.cul-network-team img, .cul-network-news img{
    width: 67px;
    height: 67px;
    border-radius: 50%;

    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;

    position: absolute;
}

.cul-network-team img:hover, .cul-network-news img:hover{
    transform: rotate(360deg) scale(1.05);
    -ms-transition: rotate(360deg) scale(1.05);
    -moz-transform: rotate(360deg) scale(1.05);
    -wekit-transform: rotate(360deg) scale(1.05);
    -o-transform: rotate(360deg) scale(1.05);
}

.cul-network-news a:nth-child(1) img{
    top: 60px;
    left: 140px;
}

.cul-network-news a:nth-child(2) img{
    top: 130px;
    left: 100px;
}

.cul-network-news a:nth-child(3) img{
    top: 210px;
    left: 100px;
}

.cul-network-news a:nth-child(4) img{
    top: 280px;
    left: 140px;
}

.cul-network-team a img.frist{
    top: 170px;
    left: 110px;
}

.cul-network-team a img.two{
    top: 245px;
    left: 85px;
}

.cul-network-team a img.three{
    top: 295px;
    left: 25px;
}


.cul-network-special{
    width: calc(100% - 15px);
    height: 125px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.cul-network-special-left {
    display: inline-block;
    float: left;
    width: 40px;
    height: 124px;
    background-color: #0098d9;
    border-radius: 5px 0 0 5px;
    writing-mode: vertical-rl;          /*字体垂直*/
    -webkit-writing-mode: vertical-rl;
    text-align: center;                 /*垂直居中*/
    line-height: 40px;                  /*水平居中*/
    color: #FFF;
    font-size: 18px;
    letter-spacing: 2px;
}

.cul-network-special-right{
    display: inline-block;
    width: calc(100% - 60px);
    padding: 10px;
    margin: 0 10px;
}


.cul-network-special-right img{
    display: inline-block;
    /*width: calc(50% - 5px);*/
    width: 100%;
    height: 105px;
}

/*.cul-network-special-right img:nth-child(1){
    float: left;
}

.cul-network-special-right img:nth-child(2){
    float: right;
}*/



/* ----------statistical start-------------*/

.cul-statistical{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 950px;
    background: url("../images/tj_bg.jpg") left top repeat;
    position: relative;
}

.cul-statistical .cul-sta-top{
    width: 100%;
    min-width: 1280px;
    height: 122px;
    background: url("../images/tj_top.jpg") center top repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.cul-statistical .cul-sta-center{
    display: block;
    width: 100%;
    max-width: 1440px;
    height: 658px;
    margin: 0 auto;
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    z-index: 120;
}

.cul-statistical .cul-sta-center .cul-sta-map{
    display:inline-block;
    width: 482px;
    height: 600px;
    background: url("../images/tj_map.png") center top no-repeat;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
}

.cul-statistical .cul-sta-center .cul-sta-map img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.cul-sta-center .cul-sta-title{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 32px;
    color: #7d7d7d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
}

.cul-sta-center .cul-sta-tj{
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 95px;
    letter-spacing:2px;
    color: #333;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 200;
}

.cul-sta-center .cul-sta-time{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #666;
    position: absolute;
    top: 150px;
    left: 0;
    z-index: 200;
}

.cul-sta-center .cul-sta-design{
    display: block;
    width: 847px;
    height: 403px;
    background: url("../images/tj_design.png") left top no-repeat;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 100;
}

.cul-sta-center .cul-sta-blue-right{
    display:inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    border: 2px solid #0098d8;

    position: absolute;
    top: 258px;
    right: 170px;
    z-index: 200;
}

.cul-sta-center .cul-sta-blue-des{
    display:inline-block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 500;

    position: absolute;
    top: 208px;
    right: 218px;
    z-index: 300;
}

.cul-sta-center .cul-sta-blue-left{
    display:inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    border: 2px solid #0098d8;

    position: absolute;
    top: 258px;
    right: 280px;
    z-index: 200;
}

.cul-sta-center .cul-sta-source{
    display:block;
    width: 730px;
    min-height: 200px;

    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 300;
}

.cul-sta-center .cul-sta-source-des{
    display:inline-block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 500;

    position: absolute;
    bottom: 225px;
    right: 316px;
    z-index: 300;
}

.cul-sta-center .cul-sta-sou-border{
    display:inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    border: 2px solid #e9545d;
    margin: 8px 5px;
}

.cul-sta-center .cul-sta-blue-left span, .cul-sta-center .cul-sta-blue-right span, .cul-sta-center .cul-sta-sou-border span{
    display:block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 22px;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.cul-sta-center .cul-sta-blue-left p, .cul-sta-center .cul-sta-blue-right p, .cul-sta-center .cul-sta-sou-border p{
    display:block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 18px;
    font-size: 14px;
    color: #666666;
}

.cul-statistical .cul-sta-bottom{
    display:inline-block;
    width: 100%;
    height: 303px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: url("../images/tj_bottom.png") center top no-repeat;
}

.cul-statistical .cul-sta-links{
    display:block;
    width: 100%;
    max-width: 1440px;
    height: 40px;
    margin: 0 auto;

    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    z-index: 150;
}

.cul-sta-links .cul-links-text{
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: left;
    color: #333333;
    font-weight: bold;
}

.cul-sta-links .cul-links-right{
    display: inline-block;
    float: right;
    width: calc(100% - 80px);
    height: 40px;
    line-height: 40px;
}

.cul-links-right .cul-links-select{
    display: inline-block;
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.cul-links-right .cul-links-select select{
    width: calc(100% - 10px);
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 14px;
    margin: 5px auto;
    background-color: transparent;
}


/* ----------footer start-------------*/

.cul-footer{
    display: block;
    width:100%;
    min-width: 1280px;
    height: 300px;
    background-color: #333333;
}

.cul-footer .cul-footer-top{
    display: block;
    padding-top: 55px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: 240px;
}

.cul-footer .cul-footer-line{
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(255,255,255, 0.6);
}

.cul-img-logo{
    display: inline-block;
    float: left;
    width: 363px;
    height: 81px;
    margin-right: 20px;
}

.cul-img-qrcode{
    display: inline-block;
    float: right;
    height: 100px;
    width: 100px;
    margin-right: 40px;
}

.cul-div-contact{
    display: inline-block;
    float: left;
    padding-left: 20px;
    border-left: 1px solid rgba(255,255,255, 0.4);
    color: #FFFFFF;
}

.cul-footer .cul-footer-bottom{
    display: block;
    width: 100%;
    max-width: 1440px;
    height: 60px;
    margin: 0 auto;
}

.cul-img-sydw{
    display: inline-block;
    float: left;
    width: 29px;
    height: 35px;
    margin-top: 15px;
}

.cul-img-wa{
    display: inline-block;
    float: left;
    width: 31px;
    height: 34px;
    margin: 14px 5px;
}

.cul-span-ba{
    display: inline-block;
    float: left;
    line-height: 60px;
    color: #FFFFFF;
    margin: auto 10px;
}

.cul-span-ba a, .cul-span-ba a:hover{
    color: #FFFFFF;
    text-decoration: none;
}

.cul-a-zc{
    display: inline-block;
    float: right;
    line-height: 60px;
    color: #FFFFFF;
    margin: auto 10px;
    text-decoration: none;
}

a.cul-a-zc:hover, a.cul-a-zc:active{
    color: #FFF;
    margin: auto 10px;
    text-decoration: none;
}


/* ----------footer end-------------*/


a, a:hover, a:focus{
    cursor: pointer;
    padding:0;
    margin: 0;
    text-decoration-line: none;
}

.a_upvote{
    display: inline-block;
    height: 22px;
    position: relative;
}

.a_upvote .upnum{
    position: absolute;
    top: 3px;
    left: 26px;
}

/*图标选中与否*/
.tb_choose{

    color: #ff0000;
    font-size: 22px;
}
.tb_choose_not{
    position: absolute;
    top:0;
    left: 0;
    color: #666666;
    font-size: 22px;
}

/*修改默认样式*/
.content p{
    margin-bottom: 20px;
    line-height: 1.6;
}

/* -------- user start --------- */

.cul-user-login-header{
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.cul-user-l-h-content{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

.cul-user-l-logo{
    display: inline-block;
    float: left;
}

.cul-user-l-logo img{
    height: 40px;
    margin-top: 10px;
}

.cul-user-l-menu{
    display: inline-block;
    float: right;
    padding-top: 15px;
}

.cul-user-l-menu a, .cul-user-l-menu a:hover{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin-right: 15px;
}

.cul-user-l-menu a:nth-child(10), .cul-user-l-menu a:hover:nth-child(10){
    margin-right: 0;
}

.cul-user-login-center{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: auto;
    overflow: hidden;
    background-color: #e9545d;
}

.cul-user-l-c-content{
    width: 1200px;
    margin: 0 auto;
}

.cul-user-l-c-c-left{
    display: inline-block;
    float: left;
    width: calc(100% - 450px);
    height: auto;
    overflow: hidden;
    padding: 80px 0;
}

.cul-user-l-c-c-left .cul-user-l-c-c-row{
    font-size: 0;
    height: 186px;
    text-align: center;
}

.cul-user-l-c-c-left .cul-user-l-c-c-text{
    padding-top: 35px;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
}

.cul-user-l-c-c-left img{
    margin-top: 35px;
    height: 150px;
}

.cul-user-l-c-c-right{
    display: inline-block;
    float: right;
    width: 420px;
    margin-right: 10px;
    height: auto;
    overflow: hidden;
}

.cul-user-l-frame{
    display: inline-block;
    float: left;
    width: 430px;
    height: 372px;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin: 80px 0;
    padding: 15px 40px;
}



.cul-user-l-f-title{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 5px;
}

.cul-user-l-f-title span{
    float: left;
    text-align: center;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin-right: 45px;
}

.cul-user-l-f-title span.cur{
    color: #e9545d;
}

.cul-user-l-f-title span.cur:after{
    content: '';
    width: 16px;
    height: 4px;
    line-height: 4px;
    background: #e9545d;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
}

.cul-user-l-f-login{
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.cul-user-l-f-input{
    position: relative;
}

.cul-user-l-f-input-img{
    width: 20px;
    height: 20px;
    background: url("../images/tb_user_login.png") center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}

.cul-user-l-f-input-img-2{
    width: 20px;
    height: 22px;
    background: url("../images/tb_user_login_pass.png") center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}

.cul-user-l-f-input-img-3{
    width: 16px;
    height: 24px;
    background: url("../images/tb_user_login_tel.png") center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}

.cul-user-l-f-input-img-4{
    width: 18px;
    height: 21px;
    background: url("../images/tb_user_login_code.png") center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}

.username, .password{
    font-size: 14px;
    color: #455a64;
    box-shadow: 0 0 0 40px white inset;
    outline: none;
    border: none;
    border-bottom: 1px solid #cacbcc;
    width: 100%;
    padding: 10px 0 10px 48px;
    box-sizing: border-box;
    transition: all 450ms ease-out;
}

input.username:focus, input.password:focus{
    outline: none;
    border-bottom: 1px solid #0098d8;
}

.cul-user-l-f-input span.cul-user-l-f-span{
    display: block;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.cul-user-l-f-input span.cul-user-l-f-pass{
    display: block;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.cul-user-l-f-input span.cul-user-l-f-pass a{
    margin: 0 3px;
    color: #666;
}

.cul-user-l-f-input a.weixin{
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background-image: url("../images/tb_i_weixin.png");
    background-size: cover;
    margin-right: 5px;
}

.cul-user-l-f-input a.weibo{
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background-image: url("../images/tb_i_weibo.png");
    background-size: 30px 30px;
    margin-right: 5px;
}

.cul-user-l-f-input a.qq{
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background-image: url("../images/tb_i_qq.png");
    background-size: 30px 30px;
    margin-right: 5px;
}

.cul-user-l-f-input a.code{
    display: inline-block;
    height: 30px;
    line-height: 30px;

    position: absolute;
    top: 5px;
    right: 0;
}

.cul-user-l-f-input a.code:before{
    content: "";
    width: 1px;
    height: 12px;
    display: block;
    opacity: 1;
    background: #cacbcc;
    position: absolute;
    left: -10px;
    top: 9px;
}

.cul-user-l-f-button{
    width: 100%;
    height: 40px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    margin-top: 25px;
    background-color: #42a5f5;
    outline: none;
    text-align: center;
}

.cul-user-login-footer{
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 60px;
    background: #fff;
}

.cul-user-l-f-content{
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
}

.cul-user-l-f-content img.sydw{
    display: inline-block;
    height: 25px;
    margin: 17px 0;
}

.cul-user-l-f-content img.wa{
    display: inline-block;
    height: 25px;
    margin: 17px 5px;
}

.cul-user-l-f-content span.ba{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #666;
    margin: 17px 10px;
}

.cul-user-show{
    display: inline-block;
    position: relative;
    height: 60px;
}

.cul-user-show:hover .cul-user-float{
    display: block;
}

.cul-user-float{
    display: none;
    position: absolute;
    top: 45px;
    right: -90px;
    width: 230px;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #eee;
    z-index: 1000;
    box-shadow: 0 8px 16px 0 rgba(7,17,27,0.2);
    border-radius: 3px;
    box-sizing: border-box;
    padding: 20px 15px 10px;
}

/*.cul-user-float:after{
    content: '';
    position: relative;
    top: -55px;
    left: 35px;
    width: 20px;
    height: 20px;
    border: 6px solid;
    border-color: transparent transparent #eee transparent;
    z-index: 1100;
}*/

.cul-user-f-img{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;

    position: relative;
    top: 0;
    left: 0;
    z-index: 1100;
}

.cul-user-f-span, .cul-user-f-span-2{
    position: relative;
    top: -5px;
    left: 5px;
    z-index: 1100;

    font-size: 14px;
    font-weight: 600;

    display: inline-block;
    width: calc(100% - 60px);
    height: 25px;
    line-height: 25px;
}

.cul-user-f-span-2{
    font-size: 12px;
    font-weight: 500;

    position: relative;
    top: -25px;
    left: 60px;
    z-index: 1100;
}

.cul-user-float a.exit{
    display: inline-block;
    color: #555;
    margin: 10px 0 0 10px;
    cursor: pointer;
}

.cul-user-float a.exit:hover{
    display: inline-block;
    color: #e9545d;
    margin: 10px 0 0 10px;
}

ul.cul-user-f-ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;

    position: relative;
    top: -15px;
}

ul.cul-user-f-ul li{
    display: block;
    float: left;
    width: 48%;
    height: 30px;
    line-height: 30px;
    margin: 1%;
    background-color: #f5f5f5;
}

ul.cul-user-f-ul li a{
    display: block;
    padding: 0 5px;
    text-align: center;
    color: #666;
}

ul.cul-user-f-ul li a:hover{
    color: #e9545d;
}

ul.cul-user-f-ul li a span.user-span{
    padding-left: 3px;
}




/* --------- iframe start --------- */

#iframe-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1999;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}

#iframe-live-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1999;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}

#iframe-login-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1999;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}

.iframe-login-content{
    background: #FFFFFF;
    width: 660px;
    height: 372px;

    position: fixed;
    left: 50%;
    top: 50%;
    margin: -186px 0 0 -300px;
    z-index: 2000;

    border-radius: 5px;
    box-shadow: 0 12px 24px 0 rgba(28,31,33,.1);
    transition: all .2s;
    -webkit-transition: all .2s;
    text-align: center;
}

#iframe-login-colse{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2001;
    width: 22px;
    height: 22px;
    background: url("../images/tb_close.png") top left no-repeat;
    cursor: pointer;
}

.iframe-login-left{
    display: inline-block;
    float: left;
    width: 230px;
    height: 372px;
    background: url("../images/iframe_left_bg.jpg") top left no-repeat;
    text-align: center;
    position: relative;
}

.iframe-login-left img{
    width: 150px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -37px;
    margin-left: -75px;
}

.iframe-login-right{
    display: inline-block;
    float: right;
    width: 430px;
    height: 372px;
}

.cul-user-header{
    height: 148px;
    background: url("../images/user_bg.png") top center no-repeat;
}

.cul-user-des{
    width: 1200px;
    margin: 0 auto;
}

.cul-user-pic{
    display: inline-block;
    float: left;
    width: 148px;
    height: 148px;
    position: relative;
}

.cul-user-pic img{
    position: relative;
    top: 24px;
    left: 0;
    z-index: 200;
    border: 4px solid #fff;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    text-align: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.cul-user-info{
    display: inline-block;
    float: right;
    width: calc(100% - 200px);
}

.cul-user-name{
    font-weight: 600;
    text-align: left;
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    margin-top: 48px;
}

.cul-user-info p{
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: left;
    margin-top: 6px;
}

.cul-user-info p span{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
}

.cul-user-info p span.sign{
    width: 70%;
}

.cul-user-content{
    height: auto;
    overflow: hidden;
}

.cul-user-act{
    width: 1200px;
    margin: 0 auto;
}

.cul-user-menu{
    display: inline-block;
    float: left;
    width: 180px;
    height: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.cul-user-menu li{
    height: 48px;
    width: 170px;
    margin: 0 auto 8px;
}

.cul-user-menu li a{
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #666;
    padding-left: 25px;
    text-align: left;

    position: relative;
}

.cul-user-menu li a.cur{
    color: #fff;
    background: rgba(240,20,20,.8);
    border-radius: 8px 0 0 8px;
}

.cul-user-menu li a.cur:after{
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
    border-left: 15px solid transparent;
}

.cul-user-menu ul a i{
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 48px;
}

.user-span{
    padding-left: 10px;
}

.cul-user-iframe{
    display: inline-block;
    float: right;
    width: calc(100% - 210px);
    height: auto;
    min-height: 600px;
    overflow: hidden;
}

.cul-user-iframe-menu{
    height: 55px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

.cul-user-iframe-menu a h5{
    display: inline-block;
    float: left;
    width: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    height: 55px;
    line-height: 55px;
    margin: 0;
    margin-right: 40px;
    color: #333;
    position: relative;
}

.cul-user-iframe-menu a:hover h5, .cul-user-iframe-menu a.cur h5{
    display: inline-block;
    float: left;
    width: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    height: 55px;
    line-height: 55px;
    margin: 0;
    margin-right: 40px;
    color: rgba(240,20,20,.8);
}

.cul-user-iframe-menu a:hover h5:before, .cul-user-iframe-menu a.cur h5:before{
    content: '';
    width: 100px;
    height: 3px;
    background: rgba(240,20,20,.8);
    position: absolute;
    left: 0;
    bottom: -1px;
}

.user-input-file{
    width: 140px;
    height: 140px;
    cursor: pointer;
    position: relative;
    top: -116px;
    left: 0;
    z-index: 500;
    opacity: 0;
}

.cul-user-iframe-content{
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.cul-user-iframe-ul, .cul-user-iframe-ul li{
    display: block;
    list-style: none;
    height: auto;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
}

.cul-user-iframe-ul-li{
    display: block;
    height: 160px;
    overflow: hidden;

    border: 1px solid #eee;
    padding: 10px;

    position: relative;
}

.cul-user-iframe-ul-li img{
    position: absolute;
    top: 10px;
    left: 10px;

    display: inline-block;
    width: 210px;
    height: 138px;
    border-radius: 5px;
}

.cul-user-iframe-show, .cul-user-iframe-delete{
    display: inline-block;
    width:50px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #eee;
    color: #555;
    text-align: center;
    border-radius: 2px;

    position: absolute;
}

.cul-user-iframe-show:hover, .cul-user-iframe-delete:hover{
    background-color: #e9545d;
    color: #FFFFFF;
}

.cul-user-iframe-show{
    top: 10px;
    right: 10px;
}

.cul-user-iframe-delete{
    top: 50px;
    right: 10px;
}

.cul-user-iframe-ul-li-h5, .cul-user-iframe-ul-li-time{
    display: block;
    width: calc(100% - 310px);
}


.cul-user-iframe-ul-li-h5{
    height: 28px;
    line-height: 28px;
    margin: 0 0 10px 0;

    color: #333;
    font-size: 18px;
    font-weight: 500;

    position: absolute;
    top: 10px;
    left: 240px;
}

.cul-user-iframe-ul-li-time, .cul-user-iframe-ul-li-address, .cul-user-iframe-ul-li-host{
    height: 28px;
    line-height: 28px;
    margin: 0 0 10px 0;

    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.cul-user-iframe-ul-li-host{
    position: absolute;
    top: 50px;
    left: 240px;
}

.cul-user-iframe-ul-li-address{
    position: absolute;
    top: 75px;
    left: 240px;
}

.cul-user-iframe-ul-li-time{
    position: absolute;
    top: 100px;
    left: 240px;
}

.cul-user-iframe-comment{
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px dashed #eee;
    border-right: 1px dashed #eee;
    border-bottom: 1px dashed #eee;

    position: relative;
}

.cul-user-iframe-comment p:nth-child(1){
    height: 28px;
    line-height: 28px;
    margin: 0 0 10px 0;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.cul-user-iframe-comment p:nth-child(2) a{
    color: #f19975;
    margin-right: 10px;
}

.cul-user-iframe-comment:hover p:nth-child(2) a:nth-child(2){
    position: absolute;
    top: 10px;
    right: 0;

    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #eee;
    color: #555;
    text-align: center;
    border-radius: 2px;
}

.cul-user-iframe-comment:hover p:nth-child(2) a:nth-child(2):hover{
    position: absolute;
    top: 10px;
    right: 0;

    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #e9545d;
    color: #FFFFFF;
    text-align: center;
    border-radius: 2px;
}

.cul-user-iframe-comment p:nth-child(2) a:nth-child(2){
    display: none;
}

.cul-user-iframe-comment p:nth-child(2) span{
    display: block;
    margin: 5px 0;
}

.cul-user-iframe-user{
    display: block;
    height: auto;
    overflow: hidden;
    margin: 20px;
}

.cul-user-iframe-username{
    display: block;
    max-width: 80%;
    height: auto;
    margin: 0;
    padding: 25px;
    overflow: hidden;
    /*border-bottom: 1px solid #eee;*/
}

.cul-user-iframe-username span{
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: left;
    letter-spacing: 0;
    padding: 0 20px;
    font-size: 14px;
}

.cul-user-iframe-username span.signature, .cul-user-iframe-username span.email{
    letter-spacing: 0;
}

.cul-user-iframe-username .cul-user-i-u-input{
    display: inline-block;
    float: left;
    width: calc(100% - 160px);
    height: 40px;
    line-height: 40px;
}

.cul-user-i-u-input .u-name, .cul-user-i-u-input .u-password, .cul-user-i-u-input-code .u-phone, .cul-user-i-u-input .u-email{
    display: inline-block;
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    /*transition: all 450ms ease-out;*/
    border: 1px solid transparent;
    text-align: left;
    text-indent: 5px;
    cursor: pointer;
    /*border: 1px solid #cacbcc;*/
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input .u-password{
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input .u-name:focus, .cul-user-i-u-input .u-password:focus, .cul-user-i-u-input-code .u-phone:focus, .cul-user-i-u-input .u-email:focus{
    display: inline-block;
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    /*transition: all 450ms ease-out;*/
    text-align: left;
    text-indent: 5px;
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input-code .u-phone, .cul-user-i-u-input-code .u-code{
    display: inline-block;
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 300px;
    box-sizing: border-box;
    /*transition: all 450ms ease-out;*/
    border: 1px solid transparent;
    text-align: left;
    text-indent: 5px;
    cursor: pointer;
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input-code .u-phone:focus, .cul-user-i-u-input-code .u-code:focus{
    display: inline-block;
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 300px;
    box-sizing: border-box;
    /*transition: all 450ms ease-out;*/
    text-align: left;
    text-indent: 5px;
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input-code .u-code, .cul-user-i-u-input-code .u-code:focus{
    display: inline-block;
    margin-left: 20px;
    border-bottom: 1px solid #cacbcc;
    width: 150px;
}

.cul-user-i-u-input .u-signature{
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: all 450ms ease-out;
    border: 1px solid transparent;
    text-align: left;
    text-indent: 5px;
    cursor: pointer;
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input .u-signature:focus{
    font-size: 14px;
    color: #455a64;
    height: 40px;
    line-height: 40px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    /*transition: all 450ms ease-out;*/
    text-align: left;
    text-indent: 5px;
    border-bottom: 1px solid #cacbcc;
}

.cul-user-i-u-input-code{
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 160px);
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.cul-user-i-u-input-code:hover a.code{
    /*display: inline-block;*/
}

.cul-user-i-u-input-code:hover a.phone-btn{
    /*display: inline-block;*/
}

.cul-user-i-u-input-code:hover input.u-code{
    /*display: inline-block;*/
}

.cul-user-i-u-input-code a.code {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 5px;
    left: 225px;
    color: #455a64;
}

.cul-user-i-u-input-code a.phone-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #eee;
    color: #333;
    padding: 0 15px;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    right: 0;

}

.cul-user-l-u-username {
     display: inline-block;
     float: left;
     width: 40px;
     height: 40px;
     background: url(../images/tb_user_login.png) center no-repeat;
}

.cul-user-l-u-password {
     display: inline-block;
     float: left;
     width: 40px;
     height: 40px;
     background: url(../images/tb_user_login_pass.png) center no-repeat;
}

.cul-user-l-u-phone {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/tb_user_login_tel.png) center no-repeat;
}

.cul-user-l-u-email {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/tb_user_login_email.png) center no-repeat;
}

.cul-user-l-u-signature {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/tb_user_login_signature.png) center no-repeat;
}

.cul-user-bind-weixin{
    width: 100%;
    height: auto;
    overflow: hidden;

    margin-top: 10px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.cul-user-bind-title{
    width: 100%;
    height: 60px;
    line-height: 60px;

    font-size: 20px;
    color: #333333;
    font-weight: normal;

    text-align: left;
    text-indent: 12px;

    position: relative;
}

.cul-user-bind-title::after{
    content: '';
    width: 4px;
    height: 22px;
    background-color: rgba(240,20,20,1);
    border-radius: 2px;

    position: absolute;
    top: 19px;
    left: 0;
}

.cul-user-account{
    width: 100%;
    height: auto;
    overflow: hidden;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cul-user-bind-box{
    width: 160px;
    border: 1px solid #cacbcc;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.cul-user-bind-box a{
    width: 160px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.cul-user-bind-box img{
    width: 95px;
    height: 37px;
    margin: 10px 0;
}

.cul-user-bind-box span{
    display: inline-block;
    width: calc(100% - 2px);
    height: 28px;
    line-height: 28px;
    background-color: #edf1f2;
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    text-align: center;
}

#cul-user-wx-img{
    width: 37px;
    height: 37px;
    border-radius: 50%;
}


/* ---------qrcode start --------*/

.iframe-qrcode-show{
    position: fixed;
    background: #fff;
    z-index: 2000;
    width: 260px;
    padding-top: 30px;
    padding-bottom: 15px;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -130px;
    box-shadow: 0 12px 24px 0 rgba(28,31,33,.1);
    transition: all .2s;
    -webkit-transition: all .2s;
    text-align: center;
}

.iframe-qrcode-show .iframe-qrcode-colse{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    z-index: 2010;
    background: url("../images/tb_close.png") 0 0 no-repeat;
    cursor: pointer;
    background-color: #FFFFFF;
    border-radius: 11px;
}

.iframe-show-content{
    z-index: 2001;
}

.iframe-show-content span.scan{
    display: block;
    text-align: center;
    line-height: 25px;
    margin-top: 5px;
}

.iframe-show-bg{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1999;
    background-color: rgba(0,0,0,0.3);
    cursor: pointer;
}

.share-wx {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/tb_share.png);
    background-position-x: 0;
    background-position-y: 40px;
    background-size: cover;
    cursor: pointer;
}

.share-wb {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/tb_share.png);
    background-position-x: 0;
    background-position-y: 80px;
    background-size: cover;
    cursor: pointer;
}

.share-qq {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/tb_share.png);
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    cursor: pointer;
}

.share-time {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 15px !important;
    height: 15px !important;
    background-image: url(../images/tb_common.png);
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    cursor: pointer;
}

.share-time-9-2 {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/tb_common_9.png);
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    cursor: pointer;
}

.share-time-9 {
    background-image: url(../images/tb_common_9.png);
}

.share-view {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 17px !important;
    height: 17px !important;
    background-image: url(../images/tb_common.png);
    background-position-x: 0;
    background-position-y: -17px;
    background-size: cover;
    cursor: pointer;
}

.share-view-9 {
    background-image: url(../images/tb_common_9.png);
}

.share-upvote {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px !important;
    height: 16px !important;
    background-image: url(../images/tb_common.png);
    background-position-x: 0;
    background-position-y: -32px;
    background-size: cover;
    cursor: pointer;
}

.share-upvote-9 {
    background-image: url(../images/tb_common_9.png);
}

.share-upvote-select {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px !important;
    height: 16px !important;
    background-image: url(../images/tb_common.png);
    background-position-x: 0;
    background-position-y: -48px;
    background-size: cover;
    cursor: pointer;
}

.share-upvote-select-9 {
    background-image: url(../images/tb_common_9.png);
}

.share-comment-9 {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 17px !important;
    height: 17px !important;
    background-image: url(../images/tb_common_9.png);
    background-position-x: 0;
    background-position-y: -68px;
    background-size: cover;
    cursor: pointer;
}

.share-comment-select-9 {
    background-position-y: -85px;
}

.share-address-9 {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/tb_common_9.png);
    background-position-x: 0;
    background-position-y: -108px;
    background-size: cover;
    cursor: pointer;
}

.share-host-9 {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/tb_common_9.png);
    background-position-x: 0;
    background-position-y: -126px;
    background-size: cover;
    cursor: pointer;
}

.share-num-9 {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/tb_common_9.png);
    background-position-x: 0;
    background-position-y: -144px;
    background-size: cover;
    cursor: pointer;
}

.share-select-time-9 {
    display: inline-block;
    margin: 0;
    width: 25px !important;
    height: 42px !important;
    background: url(../images/tb_select_time.png) 8px top no-repeat;
    background-color: #f19975;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
}

/* ---------nodata start --------*/

.cul-nodata{
    display: block;
    min-height: 300px;
    text-align: center;
    height: auto;
    overflow: hidden;
}

.cul-nodata img{
    margin-top: 100px;
    width: 150px;
    height: 110px;
}

.cul-nodata span{
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    margin-bottom: 120px;
    font-size: 16px;
    color: #747474;
}

/* ---------laypage start --------*/

#laypage .laypage_main *{
    font-size: 14px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#laypage .laypage_main{
    float: none;
}

#laypage .laypage_main span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    border: none !important;
}

#laypage .laypage_main label{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-style: normal;
    color: #666666 !important;
}

#laypage .laypage_main a{
    width: 30px !important;
    text-align: center !important;
    height: 30px !important;
    line-height: 30px !important;
    border: none !important;
    margin: 0 5px;
    padding: 0 !important;
    font-size: 16px !important;
    background-color: transparent !important;
}

#laypage .laypage_main a:hover{
    width: 30px !important;
    text-align: center !important;
    height: 30px !important;
    line-height: 30px !important;
    border: none !important;
    margin: 0 5px;
    font-size: 16px !important;
    background-color: #e9545d !important;
    border-radius: 15px;
}

#laypage .laypage_main input{
    height: 29px !important;
    line-height: 29px !important;
    outline: 0;
}

#laypage .laypage_main a.laypage_next{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: 13px;
    height: 30px !important;
    font-size: 0 !important;
    background: url("../images/tb_page_black_right.png") no-repeat;
    background-position: center;
    border: none;
}

#laypage .laypage_main a.laypage_next:hover{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: 13px;
    height: 30px !important;
    font-size: 0 !important;
    background: url("../images/tb_page_red_right.png") no-repeat;
    background-position: center;
    border: none;
    background-color: transparent !important;
}

#laypage .laypage_main a.laypage_prev{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: 13px;
    height: 30px !important;
    font-size: 0 !important;
    background: url("../images/tb_page_black_left.png") no-repeat;
    background-position: center;
    border: none;
}

#laypage .laypage_main a.laypage_prev:hover{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: 13px;
    height: 30px !important;
    font-size: 0 !important;
    background: url("../images/tb_page_red_left.png") no-repeat;
    background-position: center;
    border: none;
    background-color: transparent !important;
}

#laypage .laypageskin_default .laypage_curr{
    width: 30px !important;
    text-align: center !important;
    height: 30px !important;
    line-height: 30px !important;
    border: none !important;
    background-color: #e9545d;
    font-size: 15px !important;
    font-weight: normal !important;
    border-radius: 15px;
    padding: 0 !important;
    margin: 0 5px !important;
}

#laypage .laypage_main button{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
    border: none !important;
    background-color: transparent !important;
    vertical-align: top;
    outline: 0;
}

#laypage .laypage_total{
    padding-left: 20px !important;
}


/* ---------ablum start --------*/

.cul-ablum {
    min-width: 1280px;
    overflow: hidden;
}

.cul-ablum-n-right-wall {
    display: inline-block;
    float: right;
    width: calc(100% - 290px);
    /* height: auto; */
    /* overflow: hidden; */
}

.cul-ablum-n-right {
    display: inline-block;
    float: right;
    width: calc(100% - 290px);
    padding: 50px;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #f8f8f8;
}

.cul-ablum-n-right h3{
    font-size: 32px;
    color: #444;
    line-height: 42px;
    margin-top: 0;
    text-align: left;
}

.cul-ablum-n-right .cul-ablum-n-tip{
    padding: 0 15px 30px 0;
    text-align: left;
    border-bottom: 1px solid #e9545d;
    position: relative;
}

.cul-ablum-n-right .cul-ablum-n-tip:before{
    content: '';
    display: block;
    width: 120px;
    height: 3px;
    background-color: #e9545d;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cul-ablum-n-right .cul-ablum-n-tip span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin: 0 5px 0 0;
}

.cul-ablum-n-right .cul-ablum-n-tip span.num {
    font-size: 14px;
    color: #666;
    margin: 0 10px 0 0;
}

.cul-ablum-n-page-content{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.cul-ablum-n-page-content p{
    font-size: 16px;
    line-height: 28px;
}

.cul-ablum-n-page-content p a{
    font-size: 16px;
    line-height: 28px;
}

.cul-ablum-n-page-content p img, .cul-ablum-n-page-content img{
    border-radius: 5px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* ---------links start --------*/

.cul-links{
    display: block;
    height: auto;
    overflow: hidden;
}

.cul-links-title{
    display: block;
    height: 60px;
    line-height: 30px;
    padding: 0 0 30px 0;

    font-size: 28px;
    color: #666;
    text-align: left;
    text-indent: 20px;

    position: relative;
}

.cul-links-title:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 5px;
    height: 30px;
    background-color:  #e9545d;
    border-radius: 2px;
}

.cul-links-ul{
    display: block;
    list-style: none;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding-left: 20px;
}

.cul-links-ul li{
    display: inline-block;
    float: left;
    height: 40px;
    padding-right: 20px;
}

.cul-links-ul li a img{
    height: 40px;
    border: 1px solid #ccc;
}

.cul-links-ul li a{
    display: table-cell;
    font-size: 20px;
    color: #666;
    height: 30px;
    vertical-align: bottom;
}

.cul-links-ul li a:hover{
    color: #f19975;
}


/* ---------navigation start --------*/

.cul-nav{
    display: block;
    height: 50px;
    overflow: hidden;
}

.cul-nav-title, .cul-nav-title a{
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 30px;
    padding: 0 0 20px 0;

    font-size: 28px;
    color: #666;
    text-align: left;
    text-indent: 20px;

    position: relative;
}

.cul-nav-title a:hover{
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 30px;
    padding: 0 0 20px 0;

    font-size: 28px;
    color: #e9545d;
    text-align: left;
    text-indent: 20px;

    position: relative;
}

.cul-nav-title:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 5px;
    height: 30px;
    background-color:  #e9545d;
    border-radius: 2px;
}

.cul-nav-ul{
    display: inline-block;
    float: left;
    list-style: none;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding-left: 20px;
}

.cul-nav-ul li{
    display: inline-block;
    float: left;
    height: 30px;
    padding-right: 20px;
}

.cul-nav-ul li a{
    display: table-cell;
    font-size: 20px;
    color: #666;
    height: 30px;
    vertical-align: bottom;
    padding-top: 3px;
}

.cul-nav-ul li a:hover{
    color: #f19975;
}


/* ---------comment start --------*/

.cul-comment-div{
    font-size: 0 !important;
    line-height: 30px !important;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.cul-comment-p{
    font-size: 14px !important;
    padding-left: 40px;
}

.cul-comment-img{
    display: inline-block;
    float: left;
    width: 30px !important;
    height: 30px !important;
    border-radius: 15px !important;
    margin-right: 10px;
}

.cul-comment-span{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.cul-comment-span-time{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}


/* ---------search start --------*/

.cul-search-menu{
    display: block;
    height: 46px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 0;
}

.cul-search-menu ul{
    display: block;
    max-width: 1440px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.cul-search-menu ul li{
    display: inline-block;
    width: 8.5%;
    margin-left: 2%;
    margin-right: 2%;
    height: 46px;
    line-height: 46px;
    background-color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    font-weight: 300;
}

.cul-search-menu ul li.cur{
    color: #f19975;
    border-bottom-color: #f19975;
    font-weight: 500;
}

.cul-search-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cul-search-list {
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 2% 1%;
}

.cul-news-n-article{
    background-color: #FFFFFF;
}

.cul-search-n-article{
    display: inline-block;
    float: left;
    width: calc(25% - 13px);
    height: auto;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 13px 30px 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

.cul-top-search{
    display: inline-block;
    width: 170px;
    height: 30px;
    margin: 30px 0 30px 15px;
    position: relative;
}

.cul-search-title{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;

    width: 170px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    outline: none;
    text-align: left;
    text-indent: 15px;
    border-radius: 15px;
    font-size: 12px;
}

.cul-search-title-color{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;

    width: 170px;
    height: 30px;
    line-height: 30px;
    color: #222222;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    outline: none;
    text-align: left;
    text-indent: 15px;
    border-radius: 15px;
    font-size: 12px;
}

input.cul-search-title::-webkit-input-placeholder{
    color: #FFFFFF;
    font-size: 12px;
}
input.cul-search-title::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #FFFFFF;
    font-size: 12px;
}
input.cul-search-title:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #FFFFFF;
    font-size: 12px;
}
input.cul-search-title:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF;
    font-size: 12px;
}

.cul-search-btn{
    width: 14px;
    height: 30px;
    background: url(../images/cul_search.png) center no-repeat;
    outline: none;
    border: none;

    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1500;
}

.cul-search-btn-color{
    width: 14px;
    height: 30px;
    background: url(../images/cul_search_color.png) center no-repeat;
    outline: none;
    border: none;

    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1500;
}

/*********** 评分 ************/
.star-bar-show{background:url('../images/star/iconpic-star-S-default.png') repeat-x 0 0}
.star-bar-show .star{background:url('../images/star/iconpic-star-S.png') repeat-x 0 0}
.star-1{width:20%}
.star-2{ width:40%}
.star-3{width:60%}
.star-4{ width:80%}
.star-5{ width:100%}
.star-bar-show.size-M{width:120px;height:24px}
.star-bar-show.size-M,.star-bar-show.size-M .star{background-size:24px}
.star-bar-show.size-M .star{ height:24px}
.star-bar-show.size-S{width:80px; height:16px}
.star-bar-show.size-S,.star-bar-show.size-S .star{background-size:16px}
.star-bar-show.size-S .star{ height:16px}