body {
    background: #F7F7F7;
    min-width: 1024px;
}

.text-right {
    text-align: right;
}

/*header and footer*/
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}

.header-index {
    background: rgba(255, 255, 255, 1);
}

.header.shadow {
    box-shadow: 0 30px 60px rgba(72, 72, 72, 0.1);
    background: rgba(255, 255, 255, 1);
}

.header-meeting.shadow {
    background: rgba(0, 0, 0, .6);
}

.header-top {
    width: 100%;
    height: 70px;
}

.header-inner {
    width: 90% !important;
    margin: 0 auto;
}

.logo, .slogan {
    margin-top: 10px;
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

.slogan {
    margin: 33px 0 0 18px;
    vertical-align: middle;
}

.header-index .header-nav {
    display: none;
}

.header-index .logo, .header-index .slogan {
    margin-top: 12px;
}

.header-pc {
    display: none;
}

.header-index .header-pc {
    display: block;
}

.header .logo img {
    height: 40px;
    margin-top: 5px;
}

.header .slogan img {
    height: 16px;
}

.header-index .slogan {
    display: none;
}

.header-index .content .content {
    display: inline-block;
    width: auto;
    margin-left: 40px;
}

.header-index .content .content, .header-index .content .content span, .header-second a {
    font-size: 15px;
    display: inline-block;
    line-height: 70px;
    color: #4f4c57;
    margin-left: 20px;
    position: relative;
}

.header-nav {
    height: 80px;
}

.header-nav a {
    display: inline-block;
    line-height: 22px;
    color: #484848;
    margin-top: 29px;
    font-size: 16px;
    margin-right: 30px;
}

.header-index .content .content.photo-header a {
    margin-left: 50px;
}

.header-nav a:hover, .header-nav a.active, .header-index .content .content a.active, .header-index .content .content a:hover,
.header-second a.active, .header-second a:hover, .header-index .content .content span:hover, .strategy-nav a:hover, .strategy-nav a.active {
    color: #FD780F;
}

.header-index:hover {
    background: rgba(255, 255, 255, 1)
}

.header-meeting, .header-meeting:hover {
    background: rgba(0, 0, 0, .6);
}

.header-meeting a {
    display: inline-block;
    color: #fff;
    height: 60px;
    cursor: pointer;
}

.has-second {
    margin-left: 0 !important;
}

.header-meeting .content .content a.active, .header-meeting .content .content a:hover {
    color: #fff;
    border-bottom: 3px solid #FD780F;
}

.header-meeting .content .content a.active {
    border-bottom: 3px solid #FD780F;
}

.header-second {
    width: 150px;
    position: absolute;
    left: 0;
    top: 60px;
    background: #fff;
    padding: 10px 0;
    border-radius: 0 0 4px 4px;
    display: none;
}

.header-index .content .content span:hover .header-second {
    display: block;
}

.header-second a {
    display: block;
    line-height: 40px;
}

.has-second .em {
    content: '';
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid rgb(253, 120, 15);
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -2px;
    transition: 0.2s;
}

.has-second:hover .em {
    transform: rotateZ(-180deg);
    transition: 0.2s;
}

.strategy-nav {
    width: 100%;
    position: fixed;
    top: 70px;
    left: 0;
    border-top: 1px solid #EFEDEC;
    z-index: 3;
    box-shadow: 0 5px 10px rgba(72, 72, 72, 0.1);
}

.strategy-nav a {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    margin: 0 20px;
}

.service-phone {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #9C9CA5;
    font-size: 12px;
    height: 70px;
}

.service-phone p:first-child {
    font-size: 16px;
    color: rgb(253, 120, 15);
    font-weight: bold;
}

.service-phone img {
    margin-right: 10px;
}

.search {
    margin: 0 20px;
}

.search-box {
    height: 62px;
    position: relative;
}

.header-inner .box-flex-row {
    align-items: center;
}

.search-box input {
    width: 86%;
    height: 60px;
    line-height: 30px;
    border: 1px solid #CCC6C0;
    text-indent: 24px;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    font-size: 14px;
}

.search-box input::placeholder {
    color: #CCC6C0;

}

.header .join-btn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 140px;
}

.btn-round {
    border-radius: 5px;
}

.btn-circle {
    border-radius: 20px;
}

.btn-normal-border {
    border: 1px solid #222;
    background: none;
    color: #222;
}

.btn-normal-border:hover {
    background: none !important;
    color: #222 !important;
}

.header .search-btn, .commit-btn {
    display: inline-block;
    height: 35px;
    font-weight: 500;
    font-size: 12px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    background: rgb(253, 120, 15);
    border-radius: 8px;
    outline: none;
    padding: 0 16px;
}

.search-box .search-btn {
    display: inline-block;
    width: 14%;
    height: 60px;
    background: #FD780F url("../../images/web/common/icon-f.png") no-repeat;
    background-size: 23px;
    background-position: 6% 17px;
    border-radius: 0 8px 8px 0;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    cursor: pointer;
}

.stage, .stage-scheme {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.stage-photo .content {
    position: absolute !important;
    left: 50%;
    margin-left: -570px;
    top: 12%;
}

.stage-scheme {
    height: 400px;
}

.stage {
    background-image: url("https://hdpro-ll.oss-cn-hangzhou.aliyuncs.com/v2/images/banner/2020/12/21/14/e23e807cac5b4d5698890a0db596cbd2.jpg");
}

.stage-strategy {
    background-image: url("https://hdpro-ll.oss-cn-hangzhou.aliyuncs.com/v2/images/banner/2020/12/9/16/3cb1861a1591463fb3fb8ae2e4185a50.jpg");
}

.stage-index {
    height: auto;
    background: none;
}

.stage .content {
    position: relative;
    z-index: 2;
}

.com-info {
    color: #fff;
}

.com-info li {
    line-height: 35px;
}

.com-info li:before {
    content: '☉';
    margin-right: 5px;
    font-size: 18px;
    color: #f05e12;
}

.slogan-text {
    display: inline-block;
    line-height: 41px;
    border: 1px solid #fd6c12;
    padding: 1px 20px 1px 50px;
    background: url("https://hdpro-ll.oss-cn-hangzhou.aliyuncs.com/v2/images/banner/2020/12/25/10/cd475196b0d64080be283e0191ef3638.jpg") 1px center no-repeat;
}

.carousel-out {
    margin-top: -70px;
    min-height: 400px;
}

.news-box {
    line-height: 50px;
}

.news-scroll {
    width: 40%;
    height: 50px;
    line-height: 50px;
}

.require-box {
    width: 400px !important;
    background: #fff;
    padding: 20px 40px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: #545454;
    bottom: -70px;
    margin-right: 10%;
}

.require-box .search {
    width: 80% !important;
    font-size: 12px;
    margin: 0 auto;
}

.require-tag label {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    margin: 5px 0 5px 3px;
    cursor: pointer;
}

.require-tag input {
    display: none;
}

.require-tag input + i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-image: url("../../images/web/common/icon-checkbox.png");
    margin-right: 5px;
    vertical-align: -2px;
}

.require-tag input[type=checkbox]:checked + i {
    background-position: 0 -14px;
}

.require-box .search button {
    width: 100%;
    display: block;
    height: 40px;
    background: #FD780F;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    border-radius: 20px;
}

.require-box .search p.mart5 {
    color: #666;
}

.require-box .search p.mart5 span {
    color: #FD780F;
    padding: 0 5px;
    font-size: 14px;
}

.select-box {
    height: 40px;
    position: relative;
    margin-bottom: 15px;
}

.require-box .select-box:nth-last-child {
    margin-bottom: 5px;
}

.select-box:after {
    content: '';
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid #FD780F;
    position: absolute;
    right: 15px;
    top: 16px;
    transition: 0.2s;
}

.select-box.no-arrow:after {
    display: none;
}

.select-box.current:after {
    transform: rotateZ(180deg);
    transition: 0.2s;
}

.require-box .select-box.no-arrow:after {
    display: none;
}

.select-box span {
    display: inline-block;
    line-height: 40px;
}

.select-box input {
    width: 65%;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    border: 1px solid #EFEDEC;
    transition: 0.2s;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
}

.select-box input:focus, .select-box.current input {
    border-color: #FD780F;
    transition: 0.2s;
}

.select-inner {
    position: absolute;
    width: 100%;
    /*height: 200px;*/
    overflow: hidden;
    background: #fff;
    left: 112px;
    top: 39px;
    border: 1px solid #EFEDEC;
    border-radius: 4px;
    display: none;
    z-index: 2;
}

.hot-city {
    background: #fff;
    padding: 10px;
    font-size: 12px;
}

.hot-city span {
    display: inline-block;
    width: 40px;
    line-height: 24px;
    margin: 0 0 5px 0;
    cursor: pointer;
    text-align: center;
}

.hot-city span:hover, .hot-city span.current {
    color: #fff;
    background: #FD780F;
}

.select-box input:focus ~ .select-inner, .select-box.current .select-inner {
    display: block;
}

.select-box.current .select-inner {
    display: block;
}

.select-inner ul {
    width: 50%;
    height: 180px;
    overflow-y: scroll;
    float: left;
}

.select-inner ul li {
    text-indent: 10px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

.select-inner ul li:hover, .select-inner ul li.active {
    background: #F7F7F7;
}

.select-inner.require-details ul {
    width: 100%;
}

.content {
    width: 1140px;
    margin: 0 auto;
}

.content-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.item-img {
    display: block;
    background-size: cover;
}

.slogan-has-line p:last-child {
    border-bottom: 1px solid #ddd;
}

.slogan-has-line p:last-child span {
    display: inline-block;
    background: #F7F7F7;
    padding: 0 30px;
    position: relative;
    bottom: -10px;
}

/*轮播*/
.carousel {
    /*height:410px;*/
    /*border-radius:8px;*/
    /*overflow: hidden;*/
}

.swiper-slide img {
    width: 100%;
    display: block;
}

.carousel .swiper-pagination-bullet {
    display: inline-block;
    width: 40px;
    height: 4px;
    background-color: rgb(253, 120, 15);
    opacity: 0.3;
    border-radius: 2px;
    margin: 0 8px;
    cursor: pointer;
}

.carousel .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-pagination {
    bottom: 20px !important;
}

.scheme {
    overflow: hidden;
}

.scheme-carousel .swiper-pagination {
    position: initial;
    font-size: 16px;
    color: #828282;
}

.scheme .person-avator {
    width: 90px;
    height: 90px;
}

.scheme-info p {
    line-height: 20px;
    margin-bottom: 12px;
}

.scheme-info span {
    display: inline-block;
    color: #635F5D;
    width: 30%;
}

.swiper-mini {
    height: 380px;
}

.scheme-left {
    float: left;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

.scheme-right {
    float: right;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

.scheme-right .box-flex-row .font14 {
    margin: 10px 0 0 0;
}

.detail-content .detail-box .scheme-info-bt p {
    line-height: 26px;
    margin-top: 0;
}

/*摄影摄像轮播*/
.case-nav-tabs a {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.case-nav-tabs a:hover, .case-nav-tabs a.current {
    color: #ffae12;
}

.picture-case, .video-case {
    padding: 0 15px !important;
}

.picture-case, .movie-swiper .swiper-container {
    display: none;
}

.picture-case .swiper-slide, .video-case .swiper-slide {
    padding: 20px 0;
}

.movie-swiper p {
    position: relative;
}

.movie-swiper .video-btn {
    opacity: 1;
    transition: 0.2s;
    cursor: pointer;
}

.movie-swiper .swiper-slide:hover .video-btn {
    opacity: 1;
    transition: 0.2s;
}

.picture-case .swiper-slide img, .video-case .swiper-slide img {
    width: 100%;
    height: 178px;
}

.swiper-picture .swiper-button-prev, .video-wrapper .swiper-button-prev, .evaluation-swiper .swiper-button-prev {
    left: -60px;
    color: #ddd;
}

.swiper-picture .swiper-button-next, .video-wrapper .swiper-button-next, .evaluation-swiper .swiper-button-next {
    right: -60px;
    color: #ddd;
}

.link-code {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.picture-case .swiper-slide .link-code img {
    width: 100px;
    height: auto;
    border: 5px solid #fff;
}

.picture-case .swiper-slide .text-hidden {
    font-size: 14px;
}

.picture-case .swiper-slide:hover .link-code {
    opacity: 1;
    transition: 0.2s;
}

.work-top-bg {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.work-top-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    filter: blur(8px);
}

.work-top-bg .content {
    z-index: 2;
}

.work-top-bg .com-logo {
    width: 200px;
    height: 120px;
    margin-right: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.logo-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo-item a {
    display: block;
    width: 15%;
    height: 100px;
    background-color: #fff;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f5f5f5;
    margin: 5px 0;
    position: relative;
}

.logo-item a:before {
    transition: 0.2s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
}

.logo-item a:hover:before {
    transition: 0.2s;
    opacity: 1;
}

.hot-words-tags a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px 20px;
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    background-color: #fff;
    font-size: 13px;
}

.hot-words-tags a.active, .hot-words-tags a:hover {
    border-color: #FD780F;
    color: #FD780F;
}

.work-list-title {
    position: relative;
    padding-left: 10px;
}

.work-list-title:before {
    display: block;
    content: '';
    background: #FD780F;
    width: 3px;
    height: 70%;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -11px;
}

.platform-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.platform-card .item {
    display: flex;
    flex-direction: column;
    width: 262px;
    padding: 20px 0;
    background: #FFFFFF;
    box-shadow: 0 16px 30px rgba(72, 72, 72, 0.05);
    border-radius: 8px;
    font-size: 18px;
}

.platform-card .item .iconfont {
    font-size: 50px;
    color: #FD780F;
}

.platform-card .item img {
    display: inline-block;
    width: 54px;
    height: 54px;
    margin-top: 22px;
    vertical-align: bottom;
}

.platform-card .item .title {
    font-weight: 600;
    line-height: 25px;
    color: #484848;
    margin: 10px 0;
}

.platform-card .item .mark {
    font-size: 14px;
    line-height: 20px;
}

.card .title-col {
    display: block;
    height: 42px;
    line-height: 42px;
    width: 100%;
    overflow: hidden;
}

.card .title-col .iconfont1 {
    font-size: 40px;
}

.title-tabs a,.title-tabs > span {
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.title-tabs a:last-child,.title-tabs > span:last-child {
    margin-right: 0;
}

.title-photo-tabs a ,.title-photo-tabs > span{
    /*width: 80px;*/
    width: auto;
    min-width: 50px;
}

.title-tabs a.current,.title-tabs span.current{
    color: #FD780F;
    border-bottom: 3px solid #FD780F;
    font-size: 20px;
    font-weight: bold;
}

.card-item {
    display: none;
}

.card .title-col .title {
    display: block;
    font-style: normal;
    font-size: 28px;
    line-height: 40px;
    color: #111111;
}

.card .title-col .more {
    display: block;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    color: #484848;
    cursor: pointer;
}

.card-flex {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.card-flex .item {
    background: #FFFFFF;
    box-shadow: 0 16px 30px rgba(72, 72, 72, 0.05);
    border-radius: 8px;
}
.card-three{
    justify-content: space-between!important;
}
.card-three .item{
    width: 31%!important;
    margin-right: 0!important;
}

.card-flex .item .people-tag, .people-tag {
    font-size: 12px;
    font-weight: normal;
    /*border: 1px solid rgb(253, 120, 15);*/
    line-height: normal;
    border-radius: 4px;
    padding: 0 5px;
    color: rgb(253, 120, 15) !important;
}

.has-select .card-flex {
    width: 900px;
}

.has-select .require-top {
    background: none;
}

.has-select .require-box {
    padding: 15px;
    width: 100% !important;
    bottom: 0;
    margin-right: 0;
    position: sticky;
    top: 100px;
    background: linear-gradient(#e53232 0%, #ff9020 100%);
}

.card.has-select .require-box {
    width: 240px !important;
}

.has-select .select-box {
    margin-bottom: 10px;
}

.has-select .select-box input {
    width: 100%;
    background: #fff;
}

.has-select .require-tag {
    color: #fff;
}

.has-select .select-box input:focus {
    border-color: #fff;
}

.has-select .news-scroll {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    color: #222;
    padding: 0 10px;
}

.has-select .require-tag input + i {
    background-image: url("../../images/web/common/icon-checkbox-w.png");
}

.has-select .news-scroll {
    height: 120px;
}

.has-select .require-box .search button, .has-select .require-box .search button:active {
    background: #3981f2 !important;
    color: #fff;
}

.has-select .require-box .search button:active {
    opacity: 0.8;
}

.has-select .news-scroll .swiper-slide {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    color: #999;
}

.require-top {
    background: #FD780F;
    color: #fff;
    margin: -15px -15px 15px -15px;
    padding: 10px;
}

/*.has-select .require-tag label {*/
/*    width: 90px;*/
/*}*/

.has-select .person .item {
    width: 23.2% !important;
    margin-right: 0;
    margin-left: 1.8%;
}

.has-select .person .item:nth-child(4n) {
    margin-right: 0;
}

.left-inner-plan .programme .item-none {
    box-shadow: none !important;
    background: none;
    cursor: default;
}

.programme .item {
    display: block;
    margin-top: 20px;
    width: 270px;
    /*height: 292px;*/
    cursor: pointer;
    padding-bottom: 10px;
}

.programme .item .cover {
    width: 100%;
    border-radius: 8px 8px 0 0;
    display: block;
    transition: 0.2s;
}

.programme .item .item-inner {
    width: 100%;
    height: auto;
}

.programme-scheme .item {
    padding-bottom: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.programme-scheme .item .cover {
    border-radius: 0;
}

.scheme-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    transition: 0.2s;
    padding-top: 45%;
}

.programme-scheme .item:hover .scheme-title {
    padding-top: 30%;
    transition: 0.2s;
    background: rgba(0, 0, 0, .2);
}

.border-bottom {
    border-bottom: 1px solid #EFEDEC;
}

.photography {
    width: 100%;
}

.photography .item {
    height: auto !important;
    padding-bottom: 0;
    border-radius: 0;
    background: #eee;
}

.photography .item .cover {
    border-radius: 0;
}

.photography .item .item-inner {
    height: 100px;
}


.item-container .item-inner p {
    padding: 0 !important;
}

.programme .item .item-inner p, .person .item .item-inner p, .case .item .item-inner p, .people-item .item-inner p, .item-container .item p.category {
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 15px;
}

.programme .item .item-inner .title, .person .item .item-inner .title, .case .item .item-inner .title {
    font-size: 15px;
    line-height: 22px;
    color: #111111;
    margin-top: 16px;
}

.programme .item .item-inner .category, .person .item .item-inner .category, .case .item .item-inner .category {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    margin-top: 14px;
    margin-bottom: 14px;
    color: #828282;
}

.photography .item .item-inner .category {
    margin: 5px 0;
}

.programme .item .item-inner .desc, .person .item .item-inner .desc {
    display: flex;
    padding: 0 16px;
    justify-content: space-between;
}

.programme .item .item-inner .desc .detail, .person .item .item-inner .desc .detail {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    margin-top: 10px;
    color: #9C9CA5;
}

/*热门活动推荐*/
.program-left {
    width: 15%;
    background: linear-gradient(#e53232 0%, #ff9020 100%);
    border-radius: 12px 0 0 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding-top: 70px;
}

.program-left p {
    display: block;
    line-height: 68px;
    cursor: pointer;
}

.span-bg {
    width: 156px;
    height: 68px;
    line-height: 68px;
    background: url("../../images/web/common/span-bg.png");
    position: absolute;
    right: 0;
    top: 70px;
}

.span-bg em {
    background: -webkit-gradient(linear, left top, right top, from(#ff9020), to(#e53232));
    background: linear-gradient(to right, #ff9020 0%, #e53232 100%);
    color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
    font-size: 18px;
}

.program-right .card-flex {
    justify-content: space-between;
}

.program-right .programme .item .item-inner .category {
    margin: 10px 0;
}

.program-right {
    width: 83.4%;
    padding-bottom: 15px;
}

.program-right-item {
    display: none;
}

.program {
    border-radius: 12px 0 0 12px;
    padding-right: 15px;
}

.program-right .programme .item {
    width: 24%;
    margin-right: 0 !important;
}

.left-inner-plan .programme .item {
    margin-right: 0 !important;
    overflow: hidden;
}

.program-right .programme .item .cover, .item-container .programme-item .cover, .programme .item .cover {
    background-size: cover;
    background-position: center;
}

.person .item {
    margin-top: 20px;
    /*min-height: 426px;*/
    cursor: pointer;
    padding-bottom: 10px;
}

.person .item .cover {
    display: block;
    width: 100%;
    border-radius: 8px 8px 0 0;
    transition: 0.2s;
}

.person .item, .programme .item {
    transition: 0.2s;
}

.kol-video-box {
    width: 100%;
    position: relative;
    height: 430px;
    background-color: #000;
    /*进行视频裁剪*/
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.volume {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 20;
}

.kol-video-box .video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    /*保证视频内容始终居中*/
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /*保证视频充满屏幕*/
    object-fit: cover;
    min-height: 430px;
}
.kol-video-box .video-background .video-js .vjs-tech {
    object-fit: cover;
}
/*全屏按钮*/
.kol-video-box video::-webkit-media-controls-fullscreen-button {
    display: none;
}

/*播放按钮*/
.kol-video-box video::-webkit-media-controls-play-button {
    display: none;
}

/*进度条*/
.kol-video-box video::-webkit-media-controls-timeline {
    display: none;
}

/*观看的当前时间*/
.kol-video-box video::-webkit-media-controls-current-time-display {
    display: none;
}

/*剩余时间*/
.kol-video-box video::-webkit-media-controls-time-remaining-display {
    display: none;
}

.kol-video-box video::-webkit-media-controls-enclosure {
    display: none;
    transition: 0.3s;
}
.kol-video-box:hover video::-webkit-media-controls-enclosure{
    display: flex;
    transition: 0.3s;
}
.person .item:hover, .programme .item:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.comments .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    margin-top: 20px;
    height: 320px;
    width: 23.5%;
    margin-right: 2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comments .item img {
    display: block;
    margin: 0 auto;
    width: 82px;
    height: 82px;
    margin-top: 24px;
    border-radius: 41px 41px;
}

.comments .item .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    text-align: center;
    margin-top: 25px;
}

.comments .item .job {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
    text-align: center;
    margin-top: 8px;
}

.comments .item .comment {
    /*height: 110px;*/
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    color: #4F4F4F;
    padding: 20px 20px;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 5;*/
    /*overflow: hidden;*/
}

.comments .item:nth-child(4n) {
    /* 尽量让item在list中居中，两边都没有margin */
    margin-right: 0;
}

.full-card {
    position: relative;
    width: 100%;
}

.together {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EFEDEC;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.full-card .together img {
    height: 80px;
    margin: 0 10px;
    margin-top: 20px;
}

.full-card .together .more-link {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
    color: #828282;
}

.full-card .platform-desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 210px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.full-card .platform-desc .item img {
    float: left;
    width: 49px;
    height: 49px;
    margin: 0;
}

.full-card .platform-desc .item .desc {
    float: left;
    margin-left: 14px;
}

.full-card .platform-desc .item .desc .title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #484848;
}

.full-card .platform-desc .item .desc .mark {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #9C9CA5;
    margin-top: 4px;
}

#footer-box {
    display: block;
    position: relative;
    width: 100%;
    /*background-color: #FFFFFF;*/
    /*height: 280px;*/
    padding-bottom: 30px;
}

.footer {
    display: flex;
    margin: 0 auto;
    height: 100%;
    color: #484848;
    position: relative;
}

.footer.bg-white {
    margin-top: 100px;
}

.scheme-main + .footer.bg-white {
    margin-top: 0;
    padding-top: 100px;
    /*z-index: 15;*/
}

.footer-top + .footer.bg-white {
    margin-top: 0;
    background: #f5f5f5;
}

.footer .footer-col {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

.footer .split {
    margin-top: 30px;
    width: 1px;
    /*height: 177px;*/
    background-color: #EFEDEC;
}

.no-border {
    border: 0 !important;
}

.footer .footer-col .logo {
    width: 137px;
    height: 42px;
    background: url('../../images/web/common/logo.png') no-repeat;
    background-size: cover;
}

.footer .footer-col .photo-logo {
    width: 130px;
    height: 76px;
    background-image: url('../../images/web/common/p-logo2.png');
    background-size: 100% auto;
    background-position: center;
}

.a {
    opacity: 0;
}

.footer .footer-col .about {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    margin-top: 20px;
}

.footer .footer-col .about a:hover {
    color: #FD780F
}

.footer .footer-col .about span {
    display: block;
    float: left;
    margin-right: 18px;
    cursor: pointer;
}

.footer .footer-col .mark {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

.footer .footer-col .mark-margin {
    margin-top: 20px;
}

.footer .footer-center {
    align-items: center;
}

.footer .footer-col .phone-icon {
    width: 60px;
    height: 60px;
    background: url('../../images/web/footer/phone.png') no-repeat;
    background-size: cover;
}

.footer .footer-col .phone-number {
    font-family: SF Pro Text, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #635F5D;
}

.footer .footer-col .mini-qrcode-mark {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
}

.footer .footer-col .phone-mark {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

.footer .footer-col .mini-qrcode, .footer .footer-col .mini-qrcode img {
    width: 90px;
    height: 90px;
}

.footer-links {
    height: 100%;
    padding: 0 40px;
    font-size: 14px;
}

.footer-links p.font16 {
    margin-top: 10px;
}

.footer-links a {
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #9C9CA5;
}

.footer-links a:hover {
    color: #FD780F;
}

#tool-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    right: 10px;
    z-index: 10;
    bottom: 30%;

}

#tool-bar .tool-item {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

@media screen and (min-width: 800px) {
    .visible-xs {
        display: none !important;
    }
}

.toTop, .m-service {
    display: none;
}

.icon-code, .icon-message, .icon-phone, .icon-top, .icon-join, .icon-cart {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #fff url("../../images/web/misc/tool-bar-code-normal.png") no-repeat center;
    background-size: cover;
    cursor: pointer;
    border-radius: 4px;
}

.icon-message, .icon-join, .icon-cart {
    background-image: url("../../images/web/misc/tool-bar-session-normal.png");
    background-size: 22px;
    border: 1px solid #EFEDEC;
}

.icon-cart {
    background-image: url("../../images/web/misc/cart.png");
}

.icon-join {
    background-image: url("../../images/web/misc/tool-bar-join-normal.png");
    background-size: 30px;
}

.icon-phone {
    background-image: url("../../images/web/misc/tool-bar-phone-normal.png");
}

.icon-top {
    background-image: url("../../images/web/misc/tool-bar-top-normal.png");
}

.tool-item:hover .icon-cart {
    background-image: url("../../images/web/misc/cart-h.png");
}

.tool-item:hover .icon-code {
    background-image: url("../../images/web/misc/tool-bar-code-current.png");;
}

.tool-item:hover .icon-message {
    background-image: url("../../images/web/misc/tool-bar-session-current.png");
}

.tool-item:hover .icon-phone {
    background-image: url("../../images/web/misc/tool-bar-phone-current.png");
}

.tool-item:hover .icon-join {
    background-image: url("../../images/web/misc/tool-bar-join-current.png");
}

.tool-item:hover .icon-top {
    background-image: url("../../images/web/misc/tool-bar-top-current.png");
}

.message-box {
    width: 110px;
    height: 220px;
    position: fixed;
    right: 50px;
    bottom: 60px;
    background: #FD780F;
    border-radius: 120px 120px 0 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.message-box .mart20 a {
    background: #fff;
    outline: 0;
    padding: 5px 20px;
    color: #FD780F;
    font-size: 12px;
}

.message-box p img {
    width: 90px;
}

.session-alert {
    position: absolute;
    width: 170px;
    min-height: 50px;
    background: rgba(0, 0, 0, .6);
    right: 55px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    padding: 18px 0;
    top: 50%;
    transition: 0.3s;
    display: none;
}

.tool-item:hover .session-alert {
    display: block;
}

.session-alert:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -4px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid rgba(0, 0, 0, .6);
}

.icon-code + .session-alert {
    margin-top: -74px;
}

.icon-message + .session-alert {
    margin-top: -29px;
}

.icon-phone + .session-alert {
    text-indent: 30px;
    margin-top: -38px;
}

.icon-phone + .session-alert p:last-child {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.modal-mask, .mask, .video-mask {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    left: 0;
    top: 0;
    z-index: 100000;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mask {
    /*background: rgba(0, 0, 0, 0.9);*/
    z-index: -1;
}

.modal-mask .close, .mini-close, .video-mask .close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../../images/web/common/modal-close.png');
    background-size: cover;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.mini-close {
    width: 15px;
    height: 15px;
    right: 0;
    top: -10px;
}

.modal-mask .price-sub {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.modal-mask .price-sub, .modal-mask .price-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 440px;
    height: 417px;
    background: #FFFFFF;
    opacity: 0.98;
    border-radius: 8px;
    margin: 0 auto;
    position: relative;
}

.price-form-out {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 30px 60px rgba(72, 72, 72, 0.1);
}

.price-form-info {
    background: url('https://hdpro-ll.oss-cn-hangzhou.aliyuncs.com/v2/images/banner/2021/9/14/16/06fe16dfe56b41d5944b9bcf5f56e9ae.png');
    color: #000;
    padding: 30px 50px 20px 50px;
    background-size: 100% auto;
    background-position: 0 bottom;
}

.select-strong {
    background: linear-gradient(#e53232 0%, #ff9020 100%);
}

.select-strong .price-form-info {
    background: none;
}

.select-strong .form-field-controls-group {
    background: #fff;
}

.select-strong .form-field-controls-group input:focus {
    border-color: #fff;
}

.select-strong .price-form .price-form-field button, .select-strong .price-form .price-form-field button:active {
    background: #3981f2 !important;
    color: #fff;
    border-radius: 50px !important;
}

.select-strong .price-form .price-form-field button:active {
    opacity: 0.9;
}

.modal-mask .price-form {
    width: 440px;
    height: auto;
    padding-bottom: 30px;
}


.modal-mask .price-sub .title {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: #484848;
    text-align: center;
    margin-top: 52px;
}

.modal-mask .price-sub .desc {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9C9CA5;
    text-align: center;
    margin-top: 32px;
}

.modal-mask .price-sub img {
    width: 102px;
    height: 102px;
    margin-top: 96px;
}

.modal-mask .price-sub .title {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: #484848;
    text-align: center;
    margin-top: 52px;
}

.modal-mask .price-sub .desc {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9C9CA5;
    text-align: center;
    margin-top: 32px;
}

.form-field-controls-group {
    position: relative;
}

.price-form-field {
    width: 440px;
    margin: 0 auto;
}

.price-form-field-input {
    padding: 7px 0;
    font-size: 14px;
    color: inherit;
    font-family: inherit;
    width: 100%;
    background: transparent;
    border: 1px solid #EFEDEC;
    -webkit-transition: 0.4s ease border-color;
    transition: 0.4s ease border-color;
    text-indent: 40px;
    height: 50px;
    border-radius: 2px;
}

.price-form-field-input::-webkit-input-placeholder {
    font-family: PingFang SC;
    color: #9C9CA5;
}

.price-form-field-input:focus:valid,
.price-form-field-input:focus:invalid {
    border-bottom-width: 1px;
}

.price-form-field-input:focus:valid {
    border-color: #EFEDEC;
}

.price-form-field-input:focus:invalid {
    border-color: #FD780F;
}

.price-form-field-input:focus::-webkit-input-placeholder,
.price-form-field-input[value]::-webkit-input-placeholder,
.price-form-field-input:valid::-webkit-input-placeholder {
    /*color: transparent;*/
}

.price-form-field-input:focus + .price-form-field-label,
.price-form-field-input[value] + .price-form-field-label,
.price-form-field-input:valid + .price-form-field-label {
    /*-webkit-transform: translateY(-1.5em);*/
    /*transform: translateY(-1.5em);*/
    /*color: #484848;*/
}

.price-form-field-label.active + .region-choose-pannel {
    display: block;
}

.price-form-field-input + .price-form-field-label {
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-size: 14px;
    left: 0;
    top: 0;
    line-height: 47px;
    position: absolute;
    color: #9C9CA5;
}

.price-form-field-input:focus {
    outline: none;
}

.price-form + label {
    position: absolute;
    left: 0.5em;
}

.price-form-field-label img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-left: 10px;
}

.price-form .price-form-field button {
    width: 100%;
    height: 46px;
    /*float: left;*/
    background: #FD780F;
    border-radius: 8px;
    border: none;
    border-style: none;
    outline: none;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.region-choose-pannel {
    display: none;
    position: absolute;
    background: #FFFFFF;
    width: 100%;
    border: 1px solid #EFEDEC;
    border-top: none;
    z-index: 1001;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

.region-choose-pannel ul {
    display: block;
    float: left;
    width: 50%;
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.region-choose-pannel ul li {
    display: block;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 12px;
}

.region-choose-pannel ul li:hover {
    background: #F7F7F7;
}

.region-choose-pannel ul li.current {
    background: #F7F7F7;
}

/*location*/
.location {
    display: block;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
}

.location span {
    display: block;
    line-height: 80px;
    float: left;
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    color: #9C9CA5;
}

.location .current {
    color: #74706C;
}

.location a:hover span {
    color: rgb(253, 120, 15);
}

.location .nav-arrow {
    margin-top: 34px;
    margin-left: 6px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background: url('../../images/web/common/nav-arrow.png');
    background-size: 12px 12px;
}

.filter-box {
    display: flex;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 8px;
    min-height: 10px;
    flex-direction: column;
}

.filter-box .row {
    border-bottom: 0.5px solid #EFEDEC;
    padding: 10px 20px;
}

.filter-box .row:last-child {
    border: none
}

.filter-box .row .row-title {
    display: block;
    float: left;
    width: 100px;
    height: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    color: #828282;
}

.filter-box .row .row-child-items {
    display: block;
    width: auto;
}

.filter-box .row .row-items {
    display: block;
    /*width:100%;*/
    margin-left: 100px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 25px;
    color: #222;
}

.filter-box .row-child-items .row-items.sub_cats {
    margin-top: 10px;
    font-size: 12px;
    line-height: 25px;
    color: #828282;
}

.filter-box .row .row-items li {
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

.filter-box .row .row-items li img {
    width: 12px;
    height: 8px;
    margin-left: 6px;
}

.filter-box .row .row-items li.current, .filter-box .row .row-items li:hover a {
    color: #FD780F;
}

.filter-box .row .row-items li img.current {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*pagination*/
.pagination {
    overflow: hidden;
    display: table;
    margin: 0 auto;
    height: 36px;
}

.pagination li {
    float: left;
    height: 36px;
    border-radius: 4px;
    margin: 6px;
    color: #635F5D;
    background: #FFFFFF;
}

.pagination li:first-child a, .pagination li:last-child a {
    color: #CCC6C0;
}

.pagination li:hover a {
    color: #fff;
    background: #FD780F;
}

.pagination li a {
    display: block;
    width: 40px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #635F5D;
}

.pagination .active {
    background: #FD780F;
}

.pagination .active a {
    color: #FFFFFF;
    background: #FD780F;
}

.pagination .disabled a, .pagination .disabled:hover a, .disabled {
    cursor: not-allowed;
    opacity: 0.8;
    color: #ccc;
}

.pagination .disabled:hover a {
    background: none;
}

/*details*/
.main-box {
    border-radius: 8px;
    /*overflow-x: hidden;*/
    padding: 40px;
}

.right-box .main-box {
    padding: 40px 20px;
}

.video-box, .video-box-pop {
    width: 700px;
    /*display: flex;*/
    position: relative;
    align-items: center;
    justify-content: center;
}

.programme-img-bg {
    background-size: cover;
}

.video-box-inner, .video-js, .vjs-poster {
    width: 700px;
    height: 410px;
    /*background-color: transparent;*/
    background-size: cover;
}
.img-box p img{
    width: 700px;
    height: 410px;
}
.main-inner-left .video-box {
    height: 410px;
}

.video-js, .vjs-poster {
    width: 100%;
    height: 100%;
    outline: 0;
}

.video-js .vjs-tech {
    background-size: cover;
    /*position: relative;*/
}

.video-js .vjs-big-play-button, .video-btn {
    width: 70px;
    height: 70px;
    background-image: url("../../images/web/common/video-play.png");
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    background-size: cover;
    background-color: transparent !important;
}

.video-js .vjs-big-play-button {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
}

.video-js .vjs-big-play-button {
    background-color: transparent;
    border: 0;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: '';
}

.video-box .play {
    position: absolute;
    width: 88px;
    height: 88px;
    background: url('../../images/web/common/video-play.png') no-repeat;
    background-size: 88px 88px;
    z-index: 2;
}

/*.video-fixed{*/
/*    position: absolute;*/
/*    top:50%;*/
/*    left:50%;*/
/*    margin:-205px 0 0 -362px;*/
/*}*/
#detail-video:target, #detail-detail:target, #detail-img:target {
    padding-top: 150px;
    margin-top: -90px;
}

.programme-detail {
    display: flex;
    /*background: #FFFFFF;*/
    border-radius: 8px;
    padding: 40px;
    box-sizing: border-box;
}

.programme-detail .detail-info {
    display: block;
    float: left;
    width: 50%;
    margin-left: 40px;
}

.programme-detail .detail-info .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}

.programme-detail .detail-info .desc {
    display: flex;
}

.programme-detail .detail-info .desc .detail {
    flex: 1;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    margin-top: 16px;
    color: #828282;
}

.programme-detail .detail-info .tag-box {
    margin-top: 25px;
}

.programme-detail .detail-info .tag-box .tag-title, .person-detail .detail-info .tag-box .tag-title {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #484848;
}

.programme-detail .detail-info .tag-box ul {
    max-height: 72px;
    overflow: hidden;
}

.programme-detail .detail-info .tag-box li {
    float: left;
    margin-top: 12px;
    height: 22px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #635F5D;
    background: #F7F7F7;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 10px;
}

.detail-info .operation-btn {
    display: flex;
    /*align-items: center;*/
    border-top: 1px solid #EFEDEC;
    padding-top: 20px;
}

.detail-info .operation-btn img.phone {
    width: 34px;
    height: 45px;
}

.detail-info .operation-btn div img {
    width: 100px;
    height: 100px;
}

.detail-info .operation-btn .absolute {
    right: 0;
    bottom: -20px;
}

.detail-info .operation-btn .phone-box {
    margin-left: 15px;
}

.detail-info .operation-btn .phone-box .phone-desc {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #484848;
}

.programme-detail .detail-info .operation-btn .phone-box .phone-num {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FD780F;
}

.detail-content .detail-box .detail-video {
    width: 80% !important;
}

.video-js.vjs-paused .vjs-big-play-button { /* 视频暂停时显示播放按钮 */
    display: block;
}

.detail-content {
    flex-direction: column;
    box-sizing: border-box;
}

.detail-content .detail-nav {
    height: 36px;
    line-height: 36px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #9C9CA5;
}

.detail-content .detail-nav li {
    cursor: pointer;
    margin-right: 20px;
    white-space: nowrap;
    display: inline-block;
    color: #333;
}

.detail-content .detail-nav {
    display: block;
    width: 100%;
}

.detail-content .detail-nav li.current {
    font-weight: 600;
    color: #FD780F;
    border-bottom: 2px solid #FD780F;
}

.detail-content .detail-nav li.current a {
    font-weight: 600;
    color: #FD780F;
}

.detail-content .detail-box {
    display: block;
    width: 100%;
}

.detail-content .video-box {
    width: 100%;
    margin: 0 auto;
}

.detail-box iframe {
    width: 100%;
    height: calc(100vw * 0.25);
}

.info-list p {
    padding: 0 0 0 15px;
    position: relative;
    color: #635F5D;
    margin-top: 10px !important;
}

.info-list p:before {
    display: inline-block;
    content: '•';
    color: #FD780F;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
}

/*.detail-content .video-js,.detail-content .vjs-poster{*/
/*width: 848px;*/
/*height:400px;*/
/*}*/
.detail-content .detail-box .title {
    margin-top: 60px;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #484848;
}

.detail-content .detail-box .desc {
    margin-top: 40px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    color: #484848;
}

.detail-content .detail-box img {
    display: block;
    width: 150px;
    margin: 20px auto 0;
}

.detail-content .detail-box img.loaded, .case-info .detail-box p img.loaded, .iframe-box p img.loaded {
    width: auto;
    max-width: 100%;
}

.case-info .detail-box p img {
    width: 150px;
    display: block;
    margin: 0 auto;
}

.strategy-detail .detail-content .detail-box img.loaded {
    width: 100%;
    max-width: 100%;
}

.detail-content .detail-box .detail-video {
    margin-top: 20px;
    width: 100%;
}

.detail-content .detail-box p {
    font-family: PingFang SC, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #484848;
    margin-top: 20px;
}

.main-inner-left, .main-inner-right {
    width: 65%;
    border-radius: 8px;
}

.main-inner-right {
    width: 32%;
}

.programme-detail .main-inner-left {
    width: 75%;
}

.programme-detail .main-inner-right {
    width: 22%;
}

.main-inner-right-sticky {
    position: sticky;
    top: 100px;
}

.main-inner-right-sticky.has-select .require-box {
    position: inherit;
    margin-top: 0 !important;
    width: 100% !important;
}

.has-select .require-box .select-box .select-inner {
    width: 100%;
    left: 0;
}

.has-select .require-box .require-top + .select-box .select-inner {
    width: 150% !important;
}

.main-inner-right-sticky.has-select .require-box .require-top + .select-box .select-inner {
    right: 0;
}

.message-form {
    padding: 20px;
}

.iframe-box {
    margin-top: 20px;
    position: relative;
}

.iframe-box + .operation {
    position: relative;
    z-index: 3;
    margin-top: -30px;
}

.mask-bar {
    width: 100%;
    position: absolute;
    height: 43px;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 2;
}

.iframe-box iframe {
    width: 100%;
    height: 400px;
    /*height: calc(100vw * 0.25);*/
}

.case-video-list .item {
    width: 24%;
    margin: 0 8px 10px 0;
}

.case-video-list .item:nth-child(4n) {
    margin-right: 0;
}

.case-info .detail-box .case-video-list p {
    margin-bottom: 0;
}

.message-form .price-form-out {
    width: auto;
    box-shadow: none;
    border: 1px solid #fd780f;
    padding-bottom: 20px;
}

.message-form .price-form-info {
    padding: 10px 20px;
}

.message-form .price-form-field {
    width: auto;
    padding: 0 20px;
}

.message-form .price-form .price-form-field button {
    border-radius: 0;
    font-size: 14px;
    height: 40px;
}

.banner img {
    width: 100%;
    display: block;
}

.person-detail {
    display: flex;
    padding: 40px 50px;
    box-sizing: border-box;
    height: auto;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
}

.person-detail .carousel-box {
    width: 42%;
    float: left;
    /*height: 560px;*/
}

.person-detail .carousel-box img {
    width: 100%;
}

.person-detail .detail-info {
    /*display: flex;*/
    float: left;
    width: 50%;
    margin-left: 40px;
    flex-direction: column;
    height: auto;
}

.detail-box.third img.loaded {
    width: auto;
    max-width: 100%;
}

.person-detail .detail-info .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    display: flex;
    align-items: center;
}

.person-detail .detail-info .desc {
    display: flex;
}

.person-detail .detail-info .desc.model {
    display: block !important;
    width: 540px;
    height: 36px;
}

.person-detail .detail-info .desc .detail {
    width: 33.33%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    margin-top: 16px;
    color: #828282;
}

.person-detail .detail-info .desc.model .detail {
    width: 180px;
    float: left;
}

.person-detail .detail-info .tag-box {
    margin-top: 25px;
}

.person-detail .detail-info .operation-btn {
    display: flex;
    align-items: center;
    flex: 1;
}


.person-detail .detail-info .operation-btn .phone-box .phone-num {
    font-family: SF Pro Text;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FD780F;
}

.detail-content {
    height: auto;
}

/*网红资料*/
.platform_info .flex-row.mart20 a, .platform_logo a i {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 2px;
    transition: 0.2s;
}

.platform_logo a {
    margin: 0 10px;
}

.platform_info .flex-row a.current, .platform_logo a.current i, .platform_logo a:hover i {
    border-color: #FD780F;
    transition: 0.2s;
}

.platform_info .flex-row a .iconfont1, .platform_logo a .iconfont1 {
    font-size: 40px;
}

.platform_info_data {
    display: flex;
    flex-wrap: wrap;
}

.platform_info_data > div {
    width: 33%;
    white-space: nowrap;
    word-break: break-all;
    padding-bottom: 20px;
}

/*节目方案*/
.program-main {
    border-left: 1px dotted #000;
    padding: 0 10px 20px 30px;
}

.program-title {
    top: -10px;
}

.program-title:before, .program-inner-left p:before, .program-inner-left p:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: #e3792e;
    border-radius: 100%;
    left: -44px;
    top: 3px;
    position: absolute;
}

.inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    min-height: 300px;
}

.program-inner-main {
    border-left: 1px dashed #e3792e;
    margin-left: 40px;
    padding-left: 40px;
}

.program-inner-left {
    top: 30px;
    bottom: 0;
}

.program-inner-left p {
    top: -10px;
}

.program-inner-left p:before {
    width: 6px;
    height: 6px;
    left: -43px;
    top: 11px;
    z-index: 2;
}

.program-inner-left p:after {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 4px solid #3171f6;
    top: 3px;
    left: -51px;
}

.program-inner-item {
    margin: 10px 0 0 0;
}

.program-inner-item .txt-hidden-line2 {
    width: 400px;
}

.number, .number-square {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #3171f6;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-top-left-radius: 15px;
}

.number-square {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
}

.p-item-img {
    width: 130px;
    height: 80px;
    background-size: cover;
}

.program-inner-list {
    top: -10px;
}

.color-line {
    width: 50%;
    height: 3px;
    background: #fff;
    border-right: 80px solid #96aaab;
    bottom: 20px;
    right: 10px;
}

.color-line:before, .color-line:after {
    content: '';
    width: 80px;
    height: 3px;
    display: inline-block;
    background: #3776f5;
    position: absolute;
    right: 80px;
    top: 0;
}

.color-line:after {
    background: #fc7407;
    right: 0;
}

.program-main .video-box {
    width: 260px;
    height: 150px;
    margin: 0;
}

.program-main .video-js .vjs-big-play-button {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.program-img {
    width: 150px;
    height: 100px;
    background-size: cover;
    background-position: center;
    margin-right: 10px;
}


/*策略*/
.left-box {
    width: 66%;
}

.right-box {
    width: 32%;
}

.strategy .left-box .main-box .item {
    display: block;
    width: 670px;
    height: 190px;
    margin-bottom: 40px;
    box-shadow: none;
}

.strategy .left-box .main-box .item .cover {
    display: block;
    width: 285px;
    height: 190px;
    border-radius: 8px;
    float: left;
}

.strategy .left-box .main-box .item .item-info {
    display: block;
    width: 365px;
    height: 190px;
    float: right;
}

.strategy .left-box .main-box .item .item-info .title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #111111;
}

.strategy .left-box .main-box .item .item-info .title:hover {
    color: #FD780F;
}

.strategy .left-box .main-box .item .item-info .desc {
    margin-top: 20px;
    width: 365px;
    height: 88px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 160%;
    color: #828282;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.strategy .left-box .main-box .item .item-info .operation {
    display: block;
    height: 26px;
    line-height: 26px;
    margin-top: 8px;
    font-family: SF Pro Text;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #9C9CA5;
}

.strategy .right-box .main-box .hot-title {
    width: 310px;
    height: 34px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #111111;
}

.strategy .right-box .main-box .item {
    display: block;
    width: 310px;
    height: auto;
    border-bottom: 1px solid #EFEDEC;
    margin-top: 30px;
    border-radius: 0;
    box-shadow: none;
}

.strategy .right-box .main-box .item .title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #111111;
    max-height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.strategy .right-box .main-box .item .title:hover {
    color: #FD780F;
}

.strategy .right-box .main-box .item .operation {
    display: flex;
    height: 26px;
    margin-top: 20px;
    font-family: SF Pro Text, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #9C9CA5;
    justify-content: flex-start;
}

.strategy .right-box .main-box .item:last-child {
    border: none;
}

.strategy-detail .right-box .info-box .row {
    margin-top: 12px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #484848;
}

.strategy-detail .right-box .info-box .row .label {
    color: #635F5D;
}

.strategy-detail .right-box .info-box .price-box {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #484848;
    margin-top: 25px;
}

.strategy-detail .right-box .info-box .price-box .price em {
    font-family: SF Pro Text;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-decoration: line-through;
    color: #FD780F;
}

.strategy-detail .right-box .info-box button {
    display: block;
    width: 310px;
    height: 50px;
    float: left;
    background: #FD780F;
    border-radius: 8px;
    border: none;
    border-style: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 44px;
}

.strategy-detail .right-box .info-box .info-title {
    margin-top: 25px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
}

.title-tag {
    height: 42px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: #111111;
}

.strategy-detail .right-box .title-tag {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #828282;
    text-align: center;
}

.hot-box .title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    color: #111111;
}

.hot-box .row {
    height: 86px;
    margin-top: 25px;
    word-break: keep-all;
    flex-wrap: nowrap;
    display: flex;
}

.hot-box .row img {
    float: left;
    /*width: 86px;*/
    height: 86px;
}

.hot-box .row img.programme {
    border-radius: 8px;
    width: 137px;
}

.hot-box .row .row-info {
    float: left;
    width: 196px;
    height: 86px;
    margin-left: 14px;
}

.hot-box .row .row-info.programme {
    width: 156px;
}

.strategy-detail .right-box .people-hot .row .row-info {
    margin-left: 25px;
}

.hot-box .row .row-info .title {
    display: inline-block;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-box .row .row-info .desc {
    margin-top: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #828282;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-box .info-more {
    display: block;
    height: 28px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FD780F;
}

.left-box .detail-content {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 40px;
}

.left-box .detail-content .title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: #111111
}

.left-box .operation {
    width: 100%;
    display: block;
    color: #9C9CA5;
    height: 26px;
    font-size: 12px;
}

.left-box .operation span {
    margin-left: 0;
}

/*case*/
.case .item {
    margin-top: 20px;
    /*width: 366px;*/
    /*height: 387px;*/
    margin-right: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.case .item .cover {
    display: block;
    width: 100%;
}

.case .item .item-inner {
    display: block;
    width: 366px;
    height: auto;

}

.case .item:nth-child(3n) {
    margin-right: 0;
}

.menu {
    padding: 10px 40px;
    border-radius: 8px;
}

.menu a {
    display: inline-block;
    font-size: 14px;
    color: #484848;
    height: 40px;
    line-height: 40px;
    margin-right: 28px;
}

.menu a:hover, .menu a.current {
    color: #FD780F;
    border-bottom: 3px solid #FD780F;
}

.case-info .title {
    font-size: 26px;
    font-weight: 600;

}

.case-info .operation span {
    font-size: 12px;
    color: #9C9CA5;
    margin-right: 20px;
}


.case-info .detail-box p, .case-info .detail-box .video-box {
    margin-bottom: 20px;
    color: #484848;
    line-height: 26px;
}

.case-info .detail-box .video-box, .case-info .detail-box .video-js, .case-info .detail-box .vjs-poster {
    width: 100%;
}

/*关于我们*/
.side-nav a {
    display: inline-block;
    color: #484848;
    border-bottom: 4px solid transparent;
}

.side-nav li {
    padding: 0 0 30px 10px;
    font-size: 16px;
    line-height: 24px;
}

.side-nav a:hover {
    color: #FD780F;
}

.side-nav a.current {
    color: #FD780F;
    border-bottom-color: #FD780F;
}

.join .side-nav li {
    display: inline-block;
    padding: 0 34px 0 0;
}

.about .left-box {
    width: 300px;
}

.about .right-box {
    width: 800px;
    color: #484848;
    font-size: 16px;
    line-height: 26px;
}

.about .title {
    color: #111;
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
}

.about .title-top {
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
}

.about .main-box {
    padding: 40px;
}

/*合作*/
.theme-bg-top {
    background: #FD780F;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 50px 0 50px 30%;
}

.cooper-title {
    width: 600px;
    margin: 0 auto;
}

.cooper-title-inner {
    display: inline-block;
    position: relative;
    bottom: -10px;
    padding: 0 30px;
}

.step {
    padding: 0 30%;
    display: flex;
    justify-content: space-around;
    font-size: 14px;
    color: #000;
    align-items: center;
}

.step .step-item + img {
    width: auto;
    height: 15px;
    position: relative;
    top: -10px;
}

.step-item span {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-bottom: 5px;
    justify-content: center;
    align-items: center;
}

.step-item img {
    width: 40px;
}

.bg-1 {
    background: linear-gradient(to bottom, #719af8 0%, #5594f7 100%);
}

.bg-2 {
    background: linear-gradient(to bottom, #70e0bc 0%, #64cdaa 100%);
}

.bg-3 {
    background: linear-gradient(to bottom, #8980f7 0%, #7a71f6 100%);
}

.bg-4 {
    background: linear-gradient(to bottom, #f8c869 0%, #f6b548 100%);
}

.bg-5 {
    background: linear-gradient(to bottom, #f4ab68 0%, #f28f58 100%);
}

.full-cooperation .content {
    padding: 80px 0;
}

.contact-box {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.contact-box .row {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 2px solid #EFEDEC;
    padding-top: 60px;
    padding-bottom: 60px;
    align-items: center;
}

.contact-box .row:last-of-type {
    border: 0;
}

.contact-box .row .icon, .icon-email {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: 170px;
    margin-right: 40px;
    background-size: 60px 60px;
}

.contact-box .row .service {
    background-image: url('../../images/web/misc/phone.png');
}

.contact-box .row .email, .icon-email {
    background-image: url('../../images/web/misc/email.png');
}

.contact-box .row .address {
    background-image: url('../../images/web/misc/address.png');
}

.contact-box .row .row-inner {
    display: flex;
    flex-direction: column;
}

.contact-box .row .row-inner p {
    margin-top: 0;
    height: 40px;
    line-height: 40px;
    color: #484848;
}

.contact-box .row .row-inner .mobile {
    font-weight: 500;
    font-size: 20px;
    color: #484848;
}

.join-box {
    font-size: 16px;
    line-height: 26px;
    color: #635F5D;
    border-bottom: 1px solid #EFEDEC;
    padding-bottom: 40px;
}

.join-box:last-of-type {
    border: 0;
}

.join-box .title, .join-box .title-top {
    font-size: 18px;
    line-height: 28px;
    color: #484848;
    padding-bottom: 16px;
}

.join-box .title-top {
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 0;
    font-weight: normal;
}

.work-card {
    background: #fff;
    width: 32%;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 40px;
    margin-right: 22px;
}

.work-card:nth-child(3n) {
    margin-right: 0;
}

.work-card a {
    width: 75%;
    display: block;
    font-weight: 500;
    font-size: 15px;
}

.work-card a p.text-hidden {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.work-card a.com-logo ,span.com-logo{
    display: block;
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
span.com-logo{
    /*width: 90px;*/
    height: 20px;
}
.company {
    text-align: justify;
    line-height: 25px;
    font-size: 15px;
    color: #222;
}

.info-hidden {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.card-bt {
    font-size: 12px;
    color: #828282;
    border-top: 1px solid #EFEDEC;
    padding-top: 20px;
}

.card-bt span {
    margin-right: 12px;
}

.line-y {
    color: #EFEDEC;
}

.work-title {
    font-size: 18px;
    line-height: 26px;
    color: #111;
    border-bottom: 1px solid #EFEDEC;
    padding-bottom: 30px;
    font-weight: 500;
}

.work-title a:hover {
    text-decoration: underline;
}

.work-title p.font30 {
    line-height: 40px;
}

.work-title .com-logo {
    width: 90px;
    height: 90px;
    background-size: 100%;
}

.left-box .detail-content .join-box .title {
    font-size: 24px;
}

.left-box .detail-content .join-box {
    border: 0;
}

.send-info {
    background: #F7F7F7;
    border-radius: 8px;
    padding: 20px;
    font-size: 16px;
    color: #635F5D;
    line-height: 26px;
}

.send-info .icon-email {
    margin: 0 40px 0 0;
}

.send-info p:first-child {
    font-weight: 500;
    font-size: 18px;
    color: #111;
    line-height: 28px;
}

.hot-work .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 20px;
}

.hot-work .work-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding: 20px 0;
    color: #635F5D;
}

.hot-work .work-title:last-of-type {
    border: 0;
}

.hot-work .work-title .com-logo {
    width: 60px;
    height: 60px;
}

.hot-work .work-title .fl {
    width: 80%;
}

.hot-work .work-title .text-hidden {
    font-size: 18px;
    color: #111;
    margin-bottom: 5px;
    width: 100%;
}

.noMesAni {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: red;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 35px;
    right: 5px;
    animation: noReadMes 4.5s infinite;
    -webkit-animation: noReadMes 4.5s infinite;
    text-align: center;
}

.tool-item .noMesAni {
    right: -5px;
    bottom: 45px;
}

@-webkit-keyframes noReadMes {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: .8;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    3% {
        opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    6% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    9% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    12% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    15% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    18% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    21% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    24% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    27% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    30% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    33% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    36% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

/*活动策略*/
.scheme-carousel .swiper-button-next, .scheme-carousel .swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .2);
}

.scheme-carousel .swiper-button-next:hover, .scheme-carousel .swiper-button-prev:hover {
    background: rgba(0, 0, 0, .6);
}

.scheme-carousel .swiper-button-next:after, .scheme-carousel .swiper-button-prev:after {
    color: #fff;
    font-size: 20px;
}

.scheme-carousel .swiper-button-next.swiper-button-disabled, .scheme-carousel .swiper-button-prev.swiper-button-disabled {
    opacity: .6;
}

.icon-eye, .icon-like, .icon-coll-m {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../../images/web/common/eyes.png") no-repeat;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 5px;
}

.icon-like {
    background-image: url("../../images/web/common/like.png");
}

.icon-coll-m {
    background-image: url("../../images/web/common/icon-sc.png");
}

.avator img {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    vertical-align: bottom;
}

.plan .item {
    padding-bottom: 0;
    color: #9C9CA5;
}

.plan .item:hover, .case .item:hover, .case-flex .item:hover {
    transition: 0.2s;
    transform: translateY(-5px);
}

.plan .item .cover, .case .item .cover, .case-flex .item .cover {
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.case .item, .case-flex .item {
    transition: 0.2s;
}

.case-tag {
    display: none;
}

.content-flex.case .item .case-tag {
    display: inline-block;
    background: rgba(253, 120, 15, .8);
    color: #fff;
    font-size: 14px;
    top: -1px;
    right: -1px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 0 0 0 10px;
}

.case .item {
    position: relative;
    z-index: 1;
}

.plan .item:hover .cover, .case .item:hover .cover, .case-flex .item:hover .cover {
    /*background-size: 110%;*/
    background-position: center;
    transition: 0.2s;
    transform: scale(1.05);
    position: relative;
    z-index: -1;
}

.plan .item .item-inner .category {
    color: #9C9CA5;
}

.item-bottom {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 12px;
    color: #484848;
}

.col-in-column-2 > div, .col-in-column-3 > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.picture-flex.col-5 > div {
    height: 400px;
}

.case-flex.col-5 > div {
    height: 500px;
}

.picture-flex.col-5 .col-inner {
    display: block;
    width: 100%;
    height: 48.2%;
    position: relative;
    /*background-color: #fff;*/
}

.picture-flex.col-5 a.col-inner {
    background-size: cover;
    background-position: center;
}

.cover-tag {
    display: block;
    position: absolute;
    background: rgba(253, 120, 15, .6);
    top: 10px;
    right: 0;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    min-width: 60px;
    text-align: center;
    transition: 0.2s;
}

.picture-flex.col-5 a.col-inner:hover .cover-tag {
    padding-right: 30px;
    transition: 0.2s;
}

.case-flex .item {
    height: 100%;
    transition: 0.2s;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

/*.case-flex .item a{display: block;}*/

.case-flex .item img.lazyload {
    display: block;
    width: 50px;
    margin: 0 auto;
}

.case-flex .item img.loaded, .case-flex .item .item-img {
    width: 100%;
    height: 145px;
}

.case-flex .item-inner {
    padding: 10px;
    font-size: 12px;
    color: #828282;
    margin-top: 5px;
}

.case-flex .item-inner p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}

.case-flex .item-inner p.title {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
}

.case-flex .col-inner:hover .item {
    transition: 0.2s;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.strategy-flex.col-in-column-3 > div .col-inner {
    height: 31%;
}

.strategy-flex.col-5 > div:nth-of-type(2), .strategy-flex.col-5 > div:nth-of-type(3) {
    width: 39%;
}

.strategy-flex .item {
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: #fff;
    color: #828282;
    transition: 0.2s;
}

.strategy-flex .item > a {
    display: block;
    width: 37%;
    /*height: 100%;*/
    float: left;
    margin-right: 15px;
    margin-left: 10px;

}

.strategy-flex .item:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    transition: 0.2s;
}

.strategy-flex .item .item-info {
    margin-right: 10px;
}

.strategy-flex .item img.lazyload {
    display: block;
    width: 80px;
    margin: 0 auto;
}

.strategy-flex .item img.loaded {
    width: 100%;
    height: 87px;
}

.strategy-flex .item .item-info .title {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    color: #000;
    padding-top: 10px;
}

.strategy-flex .item .item-info .title:hover {
    color: #FD780F;
}

.strategy-flex .item .item-info .operation {
    display: none;
}

.strategy-flex .item .item-info .txt_hidden, .strategy-flex .item .item-info .desc, .txt-hidden-line2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.strategy-flex .item .item-info .desc {
    -webkit-line-clamp: 3;
    margin-top: 10px;
}

.work-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.work-flex.col-3 > div {
    width: 33.33%;
    background: #fff;
    border-bottom: 1px solid #EFEDEC;
}

.work-flex.col-3 > div:hover {
    background: #f5f5f5;
}

.work-flex .col-inner {
    display: block;
    padding: 15px;
    line-height: 18px;
    color: #9C9CA5;
}

.work-flex .col-inner .work-img {
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
    border: 1px solid #EFEDEC;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.case-top-pics {
    display: flex;
    justify-content: space-between;
}

.case-top-pics > div {
    height: 400px;
}

.case-top-pics .cross-tow-column {
    width: 50%;
}

.case-top-pics .cross-tow-column div {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.case-top-pics .col-in-column-2 {
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.case-top-pics .col-in-column-2 div {
    width: 100%;
    height: 48.6%;
    background-size: cover;
}

.case-info-box {
    color: #495a6b;
}

.tag {
    display: inline-block;
    line-height: 20px;
    color: #fff;
    background: #fd780f;
    font-size: 12px;
    padding: 0 10px;
    vertical-align: top;
}

.case-info-box-left {
    width: 65%;
    line-height: 26px;
    align-items: center;
}

.case-info-box-right {
    width: 35%;
    border-left: 1px solid #e1e3e6;
}

.icon-city, .icon-time, .icon-lx, .icon-pin, .icon-people {
    width: 18px;
    height: 18px;
    vertical-align: -4px;
    background-image: url("../../images/web/common/icon-city.png");
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
}

.icon-people {
    background-image: url("../../images/web/common/icon-people.png");
    background-size: 17px;
}

.icon-time {
    background-image: url("../../images/web/common/icon-time.png");
}

.icon.icon-time:before {
    display: none;
}

.icon-lx {
    background-image: url("../../images/web/common/icon-lx.png");
}

.icon-pin {
    background-image: url("../../images/web/common/icon-pin.png");
    background-size: 20px;
}

.grid-item {
    width: 20%;
    overflow: hidden;
}

.grid-item img {
    width: 98%;
    display: block;
    margin: 0 auto;
}

.login-box {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #9C9CA5;
    height: 70px;
}

.login-box .icon-vip {
    top: -2px;
}

.login-box .icon-vip:before, .tool-item .icon-code:before, .tool-item .icon-message:before, .tool-item .icon-phone:before, .tool-item .icon-top:before, .tool-item .icon-join:before {
    display: none;
}

.login-box a {
    color: #4f4c57;
}

.login-box .avator, .person-avator, .source-avator {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-image: url("../../images/web/common/avator-bg.png");
    background-size: cover;
    cursor: pointer;
}

.login-box .text-hidden {
    max-width: 70px;
}

.source-avator {
    width: 100px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.source-avator-mini {
    width: 80px;
    height: 40px;
    border-radius: 0;
    /*vertical-align: middle;*/
    background-position: 0 center;
    background-size: cover;
}

.case-info .operation {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.user-info-box {
    background: #fff;
    width: 120px;
    padding: 10px 0;
    position: absolute;
    top: 90%;
    box-shadow: 0 0 8px 1px #ccc;
    display: none;
    left: 50%;
    margin-left: -60px;
}

.login-box:hover .user-info-box {
    display: block;
}

.user-info-box p {
    line-height: 36px;
}

.user-info-box p a {
    display: block;
    position: relative;
}

.user-info-box p a:before {
    display: inline-block;
    content: '';
    background: url("../../images/web/common/icon-login.png") no-repeat;
    width: 14px;
    height: 15px;
    transition: all .2s linear .2s;
    vertical-align: -3px;
    margin: 0 10px;
}

.user-info-box p a.user-center:before {
    background-position: 0 0;
}

.user-info-box p:hover a.user-center:before {
    background-position: 0 -15px;
}

.user-info-box p a.login-out:before {
    background-position: -98px 0;
}

.user-info-box p:hover a.login-out:before {
    background-position: -98px -17px;
}

.user-info-box p:hover {
    background: #fff7f9;
}

.login-modal {
    position: fixed;
    width: 600px;
    height: 387px;
    background: #fff;
    z-index: 99;
    left: 50%;
    top: 50%;
    margin: -195px 0 0 -300px;
    box-shadow: 5px 5px 20px rgba(72, 72, 72, 0.2);
    overflow: hidden;
}

.login-modal .choose-main-item .fr {
    width: auto;
    text-align: left;
    position: relative;
    left: -40px;
}

.login-modal img {
    display: inline-block;
    vertical-align: bottom;
}

.login-modal .fl, .login-modal .fr {
    width: 50%;
}

.login-modal .off {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: none;
    z-index: 999;
}

.code-img img {
    width: 180px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.login-input {
    width: auto;
    margin: 0 40px;
}

.login-input input {
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #ededed;
}

.login-input input::placeholder {
    color: #aaa;
}

.get-num {
    position: absolute;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    background: #ededed;
    right: 0;
}

.commit-btn {
    width: 100%;
}

.content-flex .col-inner {
    display: block;
    position: relative;
}

.content-flex .col-inner img {
    display: block;
}

.content-flex a.col-inner:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    transition: 0.2s;
}

.content-flex a.col-inner:hover:after {
    background: rgba(0, 0, 0, 0);
    transition: 0.2s;
}

/*personal*/
.personal-content {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    background: #F8F8F8;
}

.personal-left, .personal-right {
    width: 20%;
    color: #333;
}

.personal-left .padding {
    padding: 20px 0;
}

.personal-right {
    width: 80%;
    background: #fff;
    min-height: 900px;
}

.person-avator {
    width: 70px;
    height: 70px;
}

.user-menu li {
    line-height: 40px;
    padding: 10px 0;
}

.user-menu li.active, .user-menu li:hover {
    background: #fff;
}

.user-menu li a {
    display: block;
    padding-left: 30px;
    position: relative;
}

.user-menu li a:hover, .user-menu li.active a {
    color: #FD780F;
}

.user-menu li a:hover:before, .user-menu li.active a:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FD780F;
}

.color-vip {
    color: #ffae12 !important;
}

.color-white {
    color: #fff
}

.color-red {
    color: #ec220c
}

.icon-vip {
    width: 18px;
    height: 18px;
    background-image: url("../../images/web/common/vip.png");
}

.icon-clock, .icon-people2 {
    width: 16px;
    height: 16px;
    background-image: url("../../images/web/clock.png");
    vertical-align: -3px;
    margin-right: 5px;
}

.icon-people2 {
    background-image: url("../../images/web/people.png");
}

.icon-rz {
    width: 18px;
    height: 18px;
    background-image: url("../../images/rz.png");
}

.personal-right-inner {
    padding: 20px;
}

.btn-open-vip {
    text-align: center;
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
}

.live-btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 40px;
}

.vip-info, .vip-info-choose {
    /*display: flex;*/
    padding: 20px 40px;
}

.personal-right .vip-info {
    border: 1px solid #ffae12;
    justify-content: space-between;
    align-items: center;
}

.vip-item {
    width: 46% !important;
    border-radius: 10px;
    border: 1px solid #ffae12;
    padding: 30px 20px 20px 20px;
    position: relative;
    color: #000;
}

.vip-tag {
    display: block;
    background: #FD780F;
    padding: 5px 20px;
    border-radius: 4px;
    position: absolute;
    top: -12px;
    left: 10px;
    color: #fff;
}

.vip-item.current {
    border-color: #ec220c;
    border-bottom-right-radius: 0;
}

.vip-item.current .vip-tag {
    background: #ec220c;
}

/*上传案例*/
.upload {
    padding: 0 50px;
}

.form-group .form-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    text-indent: 10px;
    border-radius: 4px;
    color: #999;
}

.form-group .form-input::placeholder {
    color: #9C9CA5;
}

.form-group-inline {
    display: flex;
    justify-content: space-between;
}

.form-group-inline .form-input {
    width: 30%;
}

.form-group textarea.form-input {
    padding: 10px;
    resize: none;
    height: 150px;
    line-height: 20px;
    text-indent: 0;
}

.hotWords {
    width: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-y-center {
    align-items: center;
}

.hotWords thead th, .hotWords tbody td {
    background: #eee;
    line-height: 40px;
    border-right: 1px solid #fff;
    text-indent: 30px;
    text-align: left;
}

.hotWords tbody td {
    background: #f5f5f5;
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

.up-file, .up-file input {
    width: 200px;
    height: 150px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #f5f5f5;
}

.form-group-inline .up-file, .form-group-inline .up-file input {
    height: 40px !important;
}

.up-file input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.keywords .up-file {
    overflow: hidden;
}

.keywords .up-file input {
    opacity: 1;
    height: 36px;
    border: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    left: 10px;
    height: 36px !important;
    font-size: 12px;
    line-height: 36px;
}

.commit-item input {
    vertical-align: -2px;
}

.checked {
    position: absolute;
    display: none;
    width: 40px;
    height: 40px;
    background: url("../../images/web/icon-check2.png");
    bottom: -3px;
    right: -3px;
    background-size: cover;
}

.current .checked {
    display: block;
}

.login-modal .vip-info {
    color: #fff;
    background: rgb(253, 120, 15);
}

.choose-main-item {
    display: none;
}

.choose-main-item .service-code img {
    border: 1px solid #eee;
    padding: 10px;
}

.personal-right-item .title {
    line-height: 40px;
    margin-top: 20px;
}

.choose-main-item input {
    width: 200px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #FD780F;
    text-indent: 5px;
    background: rgba(253, 120, 15, .1);
}

.personal-right-item .item-inner p.title {
    line-height: 25px;
    margin-top: 0;
}

.personal-right-item .side-nav li {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 0;
    padding-left: 0;
}

.item-container .item {
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
    background: #f5f5f5;
    color: #9C9CA5;
    float: left;
    margin: 10px 16px 0 0;
    border: 1px solid transparent;
    position: relative;
}

.item-container .item .title {
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.item-container .item .item-inner {
    padding: 10px;
}

.item-container .item .item-inner .desc {
    display: flex;
    flex-direction: column;
    line-height: 20px;
}

.item-container .item .category {
    line-height: 20px;
}

/*.item-container .item img {*/
/*    display: block;*/
/*    width: 30%;*/
/*    margin: 0 auto;*/
/*}*/

.item-container .item.checked, .item-container .item:hover {
    border-color: #ffae12;
}

.item-container .item img.loaded {
    width: 100%;
}

.item-container .people-item .item-inner .desc {
    flex-direction: row;
    justify-content: space-between;
}

.pay-code {
    width: 100px;
    border: 1px solid #eee;
    padding: 1px;
    margin: 0 auto;
}

.pay-code img {
    width: 100%;
}

.picture-class {
    display: flex;
    padding: 15px 0;
    flex-direction: row;
}

.picture-class > div {
    text-align: center;
    color: #635F5D;
    font-size: 12px;
}

.picture-class > div:nth-child(2) {
    border-left: 1px solid #EFEDEC;
    border-right: 1px solid #EFEDEC;
}

.picture-class > div a {
    display: inline-block;
    margin: 5px 10px;
}

.picture-class > div a:hover, .picture-class > div a.active {
    color: #FD780F;
}

.grid-sizer, .grid-item {
    width: 19.3%;
    margin-bottom: 10px;
    position: relative;
}

.grid-item--width2 {
    width: 40%;
}

.grid-item img, .grid-item {
    border-radius: 4px;
}

.grid-item img {
    width: 100%;
    transition: 0.2s;
}

.grid-item:hover img {
    transform: scale(1.1);
    transition: 0.2s;
    opacity: 0.8;
}

.caption {
    display: none;
}

.fancybox-thumbs {
    background: rgba(0, 0, 0, .8);
}

.fancybox-custom-layout .fancybox-stage {
    right: 0;
    /*bottom: 170px;*/
    bottom: 50px;
}

.fancybox-custom-layout .fancybox-toolbar {
    width: 100%;
    background: rgba(0, 0, 0, .4);
    /*bottom: 150px;*/
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    height: 44px;
    text-align: center;
}

.fancybox-custom-layout .fancybox-toolbar .fancybox-button {
    background: transparent;
    color: #fff;
}

.fancybox-custom-layout .fancybox-caption {
    display: none;
    height: 150px;
    background: #fff;
    bottom: 0;
    color: #222;
    left: 0;
    padding: 10px 0 0 0;
    right: 0;
    top: auto;
    width: 100%;
}

.avator-info {
    width: 200px;
}

.caption-inner {
    width: 800px;
    margin: 0 auto;
    text-align: left;
}

.fancybox-custom-layout .fancybox-button--arrow_right {
    right: 60px;
}

.fancybox-custom-layout .fancybox-caption .person-avator {
    width: 60px;
    height: 60px;
}

.fancybox-caption em:hover {
    text-decoration: underline;
    cursor: pointer;
}

.left-inner-plan .programme {
    justify-content: space-between;
}

.left-inner-plan .programme .item {
    width: 32%;
    margin-right: 0;
}

.left-inner-plan .programme .item .item-inner .title {
    margin-top: 10px;
}

.left-inner-plan .plan .item .item-inner .category {
    margin: 5px 0;
}

/*.fancybox-toolbar{right: initial;left:0;}*/
/*.item-container .programme-item img{width: 100%;}*/
.login-box a.marl5, .login-box .icon-vip {
    display: inline-block;
}

.selected-box {
    width: 350px;
    background: none;
    top: 0;
    right: 48px;
    padding: 0;
    padding-right: 10px;
}

.selected-box-main {
    padding: 18px 0;
    background: #fff;
    box-shadow: -1px -1px 10px rgba(0, 0, 0, .3);
}

.selected-box:after {
    border-left: 6px solid #fff;
    top: 20px;
    right: 6px;
}

.selected-inner {
    padding: 0 10px;
    color: #222;
    height: 300px;
    overflow-y: auto;
}


.selected-inner .item {
    padding: 5px;
    background: #f5f5f5;
    position: relative;
    border-bottom: 1px solid #eee;
}

.selected-inner .item .remove {
    background: #FD780F;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 10px;
    display: none;
}

.selected-inner .item:hover .remove {
    display: inline-block;
}

.selected-inner .item img {
    width: 50px;
    margin-right: 10px;
    display: block;
}

.selected-inner + p button {
    display: inline-block;
    height: 30px;
    background: #3981f2;
    color: #fff;
    border-radius: 50px;
    padding: 0 30px;
}

.selected-inner + p button:active {
    opacity: 0.8;
}

.selected-program .item img {
    width: 90px;
    margin-right: 10px;
}

.selected-title {
    border-bottom: 1px solid #eee;
    color: #FD780F;
    background: #fff;
    padding: 0 10px 5px 0;
    margin-bottom: 5px;
}

/*team 详情*/
.team-members > div {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 9px 0 0;
}

.team-members > div p {
    margin-top: 0 !important;
    font-size: 13px !important;
}

.team-members > div img.cover {
    width: 100px;
    margin: 0 0 5px 0;
}

.detail-box .programme .item p.cover {
    height: 100px;
    margin-top: 0;
}

.detail-box .programme .item .item-inner .title {
    margin-top: 5px;
    padding: 0 10px;
    font-size: 14px;
}

.detail-box .programme .item .item-inner .category {
    margin: 5px 0;
    padding: 0 10px;
}

.detail-box .programme .item .item-inner .desc {
    margin-top: 0;
    padding: 0 10px;
}

.modal-scroll {
    overflow-y: auto;
}

.modal-scroll .close {
    position: fixed;
}

.modal-programme {
    width: 1000px;
    padding: 0 50px 50px 50px;
}

.modal-programme-nav {
    position: fixed;
    top: 20px;
    left: calc(50vw - 600px);
}

.modal-programme-nav li {
    display: block;
    width: 100px;
    line-height: 30px;
    background: #eee;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.modal-programme-nav li.active, .modal-programme-nav li:hover {
    background: #FD780F;
    color: #fff;
}


/*kol*/
.kol-list .swiper-slide {
    width: 1140px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.kol-item {
    display: flex;
    flex-direction: row;
    width: 24%;
    padding: 15px 0 10px 15px;
    margin: 10px 15px 0 0;
    box-shadow: 0 2px 5px rgb(0, 0, 0, .1);
    font-size: 12px;
    color: #999;
    background: #fff;
    transition: 0.3s;
}

.kol-item:hover {
    box-shadow: 0 2px 5px rgb(0, 0, 0, .3);
    transition: 0.3s;
}

.kol-item:nth-child(4n) {
    margin-right: 0;
}

.kol-item em {
    display: inline-block;
    border-radius: 10px;
    background: rgba(253, 120, 15, .1);
    padding: 0 5px;
    color: #FD780F;
}

.kol-avatar {
    display: block;
    width: 80px;
    height: 80px;
    background-size: cover;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 10px rgb(0, 0, 0, .4);
}
.size-40 {
    width: 40px;
    height: 40px;
}
.size-60 {
    width: 60px;
    height: 60px;
}

.kol-data {
    display: flex;
}

.kol-data div:first-child {
    width: 60px;
}

/*年会直播*/
.live-type > div {
    width: 48%;
    height: 300px;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.live-type > div:before, .live-type > div:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s;
}

.live-type > div:after {
    background: url("../../images/live/service-mask2.png") no-repeat;
    background-size: cover;
    opacity: 0;
}

.live-type > div:before {
    background: rgba(22, 23, 27, .5);
}

.live-type > div:hover:before {
    opacity: 0;
}

.live-type > div:hover:after {
    opacity: 1;
}

.live-type > div p {
    position: relative;
    z-index: 2;
}

.live-type > div p:first-child {
    padding-top: 30%;
    transition: all .35s;
}

.live-type > div:hover p:first-child {
    padding-top: 20%;
    transition: all .35s;
}

.live-function {
    width: 30%;
}

.function-main {
    width: 70%;
}

.function-main > div {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #1F1919 linear-gradient(
            180deg, rgba(255, 0, 0, 0.25) 0%, rgba(211, 0, 255, 0.07) 100%);
}

.function-main > div img {
    max-width: 100%;
}

.function-main > div.show {
    display: flex;
}

.live-function li {
    display: block;
    line-height: 60px;
    color: #fff;
    text-indent: 30px;
    transition: 0.5s;
    cursor: pointer;
}

.live-function li.active, .live-function li:hover {
    transition: 0.5s;
    background: linear-gradient(
            270deg, rgba(207, 0, 255, 0) 0%, rgba(253, 120, 15, .4) 50%, #FD780F 99%);
    font-weight: bold;
}

.live-desc {
    justify-content: space-between;
}

.live-desc > div {
    width: 28%;
    padding: 0 20px;
    height: 320px;
    color: #fff;
    background: #1F1919 linear-gradient(
            180deg, rgba(255, 0, 0, 0.25) 0%, rgba(211, 0, 255, 0.07) 100%);
    line-height: 30px;
    font-size: 14px;
}

.live-desc > div p {
    position: relative;
}

.live-desc > div .item p {
    padding: 0 20px;
}

.live-desc > div .item p:after {
    content: '✓';
    color: #FD780F;
    position: absolute;
    right: 10px;
    top: 0;
}

.live-desc > div .item p:hover {
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
}

.service-point > div {
    width: 31%;
    padding-bottom: 30px;
    height: auto;
    background: #1F1919 linear-gradient(
            180deg, #1a1a1a 0%, #202020 100%);
}


.stage-strategy .content {
    top: 0;
    bottom: 0;
}

.stage-strategy .content img {
    width: auto;
    height: auto;
}

.stage-home .content {
    bottom: 0;
    position: inherit;
}

.stage img {
    width: 100%;
    height: 600px;
}

.stage-banner .content {
    position: initial;
    margin: -30px 0 0 0;
}

.stage-banner img {
    height: auto;
}

/* 小屏幕（平板，大于等于 768px） */

@media (min-width: 700px) {
    .program-right {
        min-height: 509px;
    }

    .span-bg {
        width: 110px;
        height: 50px;
        line-height: 50px;
        background-size: 100%;
    }

    .grid-sizer, .grid-item {
        width: 18.9%;
    }

    .item-container .programme-item .cover {
        height: 112px;
    }

    .item-container .case-item .item-img {
        height: 109px;
    }

    .item-container .people-item img.cover {
        height: 217px;
    }

    .item-container .programme-item, .item-container .case-item, .item-container .people-item {
        width: 30%;
    }

    .header-index .content .content a {
        font-size: 14px;
        margin-left: 20px;
    }

    .content, .require-box {
        width: 96%;
    }

    .require-box .search {
        width: 23%;
    }

    .hidden-768 {
        display: none;
    }

    .carousel-out {
        margin-top: 0;
        min-height: auto;
    }

    .platform-card .item {
        width: 31.4%;
    }

    /*.platform-card .item .title {*/
    /*    font-size: 15px;*/
    /*}*/
    .platform-card .item .mark {
        font-size: 12px;
    }

    .programme .item {
        width: 23.4%;
        margin-right: 2.1%;
    }

    .programme .item .cover {
        height: 110px;
    }

    .program-right .programme .item .cover {
        height: 91px;
    }

    .left-inner-plan .programme .item .cover {
        height: 140px;
    }

    .case .item .cover {
        height: 157px;
    }

    .comments .item .title, .comments .item .job, .comments .item .comment {
        font-size: 12px;
        line-height: 20px;
    }

    .full-card .platform-desc .item img {
        width: 30px;
        height: 30px;
    }

    .full-card .platform-desc .item .desc .title, .full-card .platform-desc .item .desc .mark {
        font-size: 12px;
    }

    .has-select .card-flex {
        width: 73%;
    }

    .person .item, .person .item:nth-child(5n) {
        width: 23.4%;
        margin-right: 2.1%;
    }

    .person .item:nth-child(4n), .programme .item:nth-child(4n) {
        margin-right: 0;
    }

    .programme-detail {
        padding: 20px;
    }

    .programme-detail .detail-info {
        width: 60%
    }

    .case .item {
        width: 32%;
        margin-right: 2%;
    }

    .work-card {
        width: 49%;
        margin-right: 0;
    }

    .work-card-content {
        justify-content: space-between;
    }

    .hot-work .title {
        font-size: 18px;
    }

    .hot-work .work-title .com-logo {
        display: none;
    }

    .about .left-box, .about .right-box {
        width: 20%;
    }

    .about .right-box {
        width: 78%;
        font-size: 14px;
    }

    .about .main-box {
        padding: 40px 20px;
    }

    .main-inner-left {
        width: 100%;
        padding: 20px;
    }

    .message-form .price-form .price-form-field button {
        font-size: 12px;
    }

    .main-box.people-hot {
        padding: 20px 0 20px 10px;
    }

    .hot-box .row .row-info.programme {
        width: 140px;
    }

    .visible-768 {
        display: block
    }

    .search.fr {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 40px;
        float: none;
        text-align: center;
        z-index: -1;
    }
    .header-inner{width: 95%!important;}
    .login-box{top: 0!important;}
    .header .search-btn {
        /*width: 90%;*/
        margin: 0 auto;
        border-radius: 20px;
        float: none;
        background: rgba(253, 120, 15, .9);
    }

    .picture-flex.col-5 > div {
        height: 300px;
    }

    .case-flex.col-5 > div {
        height: 430px;
    }

    .case-flex .item img.loaded, .case-flex .item .item-img {
        height: 94px;
    }

    .strategy-flex .item .item-info .title {
        height: 30px;
    }

    .work-flex.col-3 > div {
        width: 50%;
    }

    .strategy-flex .item .item-info .desc {
        -webkit-line-clamp: 2;
    }

    .strategy-flex .item > a {
        padding-top: 15px;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) and (max-width: 1025px) {
    .kol-item {
        width: 23.8%;
    }

    .program-right {
        min-height: 575px;
    }

    .span-bg {
        width: 140px;
        height: 60px;
        line-height: 60px;
    }

    .grid-sizer, .grid-item {
        width: 19.2%;
    }

    .item-container .programme-item .cover {
        height: 113px;
    }

    .item-container .case-item .item-img {
        height: 150px;
    }

    .item-container .people-item img.cover {
        height: 200px;
    }

    .item-container .programme-item {
        width: 22%;
    }

    .item-container .case-item {
        width: 30%;
    }

    .item-container .people-item {
        width: 20%;
    }

    .login-box {
        position: relative;
        top: 22px;
        right: 10px;
        margin-left: 20px;
    }

    .case-flex .item img.loaded, .case-flex .item .item-img {
        height: 127px;
    }

    .picture-flex.col-5 > div {
        height: 350px;
    }

    .case-flex.col-5 > div {
        height: 470px;
    }

    .strategy-flex .item .item-info .title {
        height: 30px;
    }

    .work-flex.col-3 > div {
        width: 33.3%;
    }

    .strategy-flex .item .item-info .desc {
        -webkit-line-clamp: 2;
    }

    .strategy-flex .item > a {
        padding-top: 10px;
    }

    .strategy-flex .item img.loaded {
        height: 87px;
    }

    .header-index .content .content a {
        font-size: 13px;
        margin-left: 10px;
    }

    .content, .require-box {
        width: 97%;
    }

    .hidden-768 {
        display: flex;
    }

    .message-box.hidden-768, .main-inner-right.hidden-768 {
        display: block;
    }

    .carousel-out {
        margin-top: -70px;
        min-height: 300px;
    }

    .platform-card .item {
        width: 32.4%;
    }

    .programme .item {
        width: 23.4%;
        margin-right: 2.1%;
    }

    .programme .item .cover {
        height: 147px;
    }

    .program-right .programme .item .cover {
        height: 124px;
    }

    .left-inner-plan .programme .item .cover {
        height: 120px;
    }

    .case .item .cover {
        height: 213px;
    }

    .comments .item .title, .comments .item .job, .comments .item .comment {
        font-size: 14px;
        line-height: 24px;
    }

    .full-card .platform-desc .item img {
        width: 30px;
        height: 30px;
    }

    .full-card .platform-desc .item .desc .title {
        font-size: 14px;
    }

    /*.person .item, .person .item:nth-child(5n) {*/
    /*    width: 23.4%;*/
    /*    margin-right: 2.1%;*/
    /*    margin-left: 0;*/
    /*}*/
    .has-select .person .item {
        margin-left: 0;
        margin-right: 2.1%;
    }

    .person .item:nth-child(4n), .programme .item:nth-child(4n), .comments .item:nth-child(4n) {
        margin-right: 0;
    }

    .person .item:nth-child(5n), .programme .item:nth-child(5n), .comments .item:nth-child(5n) {
        margin-left: 0;
        margin-right: 2.1%;
    }

    .programme-detail {
        padding: 30px;
    }

    .programme-detail .detail-info {
        width: 40%
    }

    .work-card {
        width: 32%;
        margin-right: 19px;
    }

    .hot-work .title {
        font-size: 22px;
    }

    .hot-work .work-title .com-logo {
        display: block;
    }

    .about .main-box {
        padding: 40px 20px;
    }

    .main-inner-left {
        width: 65%;
        padding: 20px;
    }

    .main-box.people-hot {
        padding: 20px 0 20px 20px;
    }

    .hot-box .row .row-info.programme {
        width: 156px;
    }

    .search.fr {
        width: 175px;
        position: initial;
        left: 0;
        bottom: 0;
        float: right;
        text-align: center;
        z-index: 0;
    }

    .header .search-btn {
        display: inline-block;
        height: 35px;
        font-weight: 500;
        font-size: 12px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        background: rgb(253, 120, 15);
        border-radius: 8px;
        outline: none;
        padding: 0 8px;
    }

    .header .logo img {
        height: 40px;
        margin-top: 8px;
    }

    /*.stage .content {*/
    /*    position: absolute;*/
    /*    left: 50%;*/
    /*    margin-left: -570px;*/
    /*    bottom: 150px;*/
    /*}*/
    .stage-photo .require-box {
        margin: 5% 0 0 6%;
    }

    .stage {
        height: 380px;
    }

    .stage .content {
        position: absolute;
        margin-left: 0;
        left: 15px;
        bottom: inherit;
        /*top: 12%;*/
    }

    .stage-home {
        height: 450px;
    }

    .stage-banner {
        height: auto;
    }

    .stage-home .content {
        margin-left: 0;
        left: 70px;
        bottom: inherit;
        top: 12%;
    }

    .stage-index .content {
        width: 100%;
        position: inherit;
        left: 0;
        margin-top: -40px;
    }

    .stage-index .content img {
        height: auto;
    }

    .stage-strategy {
        height: 300px;
    }

    .stage-strategy .content {
        width: 100%;
        left: 0;
        top: -30px;
    }

    .stage-strategy .content img {
        width: 350px;
        height: auto;
    }

    .require-box {
        margin-right: 2% !important;
        bottom: 0;
    }

    .yps-slogan {
        width: 45%;
    }

    .platform-card2 .item {
        width: 19.4%;
    }

    #certify {
        width: 100%;
    }

    #certify .swiper-slide {
        width: 465px;
    }

    .stage-home .require-box {
        bottom: -30px;
    }

    .com-info {
        margin-top: 15px !important;
    }

    .news-scroll {
        width: 32%;
    }

    .login-box .text-hidden, .login-box .icon {
        display: none !important;
    }
}

/*!* 大屏幕（大桌面显示器，大于等于 1200px） *!*/
@media (min-width: 1200px) {
    .main-inner-left {
        width: 65%;
    }

    .has-select .card-flex {
        width: 78%;
    }

    .program-right {
        min-height: 559px;
    }

    .span-bg {
        width: 159px;
        height: 68px;
        line-height: 68px;
    }

    .grid-sizer, .grid-item {
        width: 19.3%;
    }

    .item-container .programme-item .cover {
        height: 119px;
    }

    .item-container .case-item .item-img {
        height: 175px;
    }

    .item-container .people-item img.cover {
        height: 233px;
    }

    .item-container .programme-item {
        width: 22%;
    }

    .item-container .case-item {
        width: 30%;
    }

    .item-container .people-item {
        width: 20%;
    }

    /*.login-box {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*}*/
    .case-flex .item img.loaded, .case-flex .item .item-img {
        height: 145px;
    }

    .case-video-list .item .item-img {
        height: 106px;
    }

    .picture-flex.col-5 > div {
        height: 360px;
    }

    .case-flex.col-5 > div {
        height: 500px;
    }

    .strategy-flex .item .item-info .title {
        height: 30px;
    }

    .work-flex.col-3 > div {
        width: 33.3%;
    }

    .strategy-flex .item .item-info .desc {
        -webkit-line-clamp: 3;
    }

    .strategy-flex .item > a {
        padding: 10px 0 0 10px;
    }

    .header-index .content .content a {
        font-size: 14px;
        margin-left: 20px;
    }

    .content {
        width: 1140px;
    }

    .require-box {
        width: 1000px;
    }

    .hidden-768 {
        display: flex;
    }

    .message-box.hidden-768 {
        display: block;
    }

    .carousel-out {
        margin-top: -70px;
        min-height: 400px;
    }

    .card-flex {
        justify-content: start;
    }

    .platform-card .item {
        width: 30%;
    }

    .platform-card2 .item {
        width: 19% !important;
        border-radius: 10px;
    }

    .platform-card2 .item .title {
        font-size: 18px !important;;
    }

    .programme .item {
        width: 23.4%;
        margin-right: 2.1%;
    }
    .business .item {
        width: 31.9%;
        display: flex;
        flex-direction: row;
    }
    .business .item .cover-item{
        width: 40%;
        height: 192px;
    }

    .business .item:last-child{
        margin-right: 0;
    }
    .programme .item .cover {
        height: 167px;
    }
    .card-three .cover-item ,.card-three .item .cover {
        height: 200px;
    }
    .business .item .cover {
        height: auto;
    }

    .program-right .programme .item .cover {
        height: 136px;
    }

    .left-inner-plan .programme .item .cover {
        height: 140px;
    }

    .case .item .cover {
        height: 243px;
    }

    .comments .item {
        width: 23.5%;
        margin-right: 2%;
    }

    .platform-desc .item {
        width: 24.5%;
    }

    .person .item, .person .item:nth-child(5n), .person .item:nth-child(4n) {
        width: 18.6%;
        margin-right: 1.75%;
    }

    .kol-video-list .person .item {
        width: 23.6%;
        margin-right: 1.75%;
    }

    .person .item:nth-child(5n), .programme .item:nth-child(4n), .comments .item:nth-child(4n), .kol-video-list .person .item:nth-child(4n) {
        margin-right: 0;
    }

    .left-inner-plan .programme .item {
        margin-right: 0;
    }

    .person .item:nth-child(9), .person .item:nth-child(10) {
        display: block;
    }

    .programme-detail, .main-inner-left {
        padding: 40px 40px 20px 40px;
    }

    .programme-detail .detail-info {
        width: 35%
    }

    .work-card {
        width: 32%;
        margin-right: 22px;
    }

    .hot-work .title {
        font-size: 24px;
    }

    .full-card .platform-desc .item .desc .title {
        font-size: 18px;
    }

    .full-card .platform-desc .item .desc .mark {
        font-size: 14px;
    }

    .about .right-box {
        width: 78%;
        font-size: 16px;
    }

    .about .main-box {
        padding: 40px;
    }

    .main-box.people-hot {
        padding: 40px;
    }

    .hot-box .row .row-info.programme {
        width: 156px;
    }

    .header .search-btn {
        display: inline-block;
        height: 35px;
        font-weight: 500;
        font-size: 12px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        background: rgb(253, 120, 15);
        border-radius: 8px;
        outline: none;
        padding: 0 16px;
    }
}

@media (max-width: 1400px) {
    .login-box {
        position: relative;
        top: 20px;
    }
}

.page-404 {
    padding-top: 10%;
    font-size: 24px;
    color: #9C9CA5;
}

.back-home, .back-home:hover {
    animation: noReadMes 4.5s infinite;
    -webkit-animation: noReadMes 4.5s infinite;
    color: rgb(253, 120, 15);
}
.hidden-some .header,.hidden-some .location,.hidden-some .video-box p.text-right,
.hidden-some .operation-btn,.hidden-some .main-inner-right,.hidden-some .footer,.hidden-some #tool-bar{
    display: none!important;
}
.hidden-some .programme-detail .main-inner-left{width: 100%!important;}
.case-banner-list{height: 245px;overflow: hidden;transition: 0.2s;}
.case-banner-list.showMore{
    height: auto;
    transition: 0.2s;
}
.case-banner-list a{margin-bottom: 15px;}
.case-drop-down img{
    transform: rotateZ(-180deg);
    transition: 0.2s;
}
.case-drop-down.show img{
    transform: rotateZ(0);
    transition: 0.2s;
}