.pageBanner-container {position:relative;height:auto;margin-top:60px;overflow:hidden}
.pageBanner-container .banner-pagination {position:absolute;width:100%;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9}
.pageBanner-container .banner-pagination .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#fff;border-radius:50%;opacity:0.6}
.pageBanner-container .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1}
.pageBanner-container .banner-button-prev,.pageBanner-container .banner-button-next {position:absolute;top:50%;width:48px;height:48px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:24px;background-color:rgba(0,0,0,0);color:#fff;font-size:30px;text-align:center;line-height:48px;cursor:pointer;z-index:9}
.pageBanner-container .banner-button-prev i,.pageBanner-container .banner-button-next i {font-size:30px;font-weight:lighter}
.pageBanner-container .banner-button-prev:hover,.pageBanner-container .banner-button-next:hover {background-color:rgba(0,0,0,0.3)}
.pageBanner-container .banner-button-prev {right:10vw}
.pageBanner-container .banner-button-next {left:10vw}
.indexBanner {height:500px}
.indexBanner .pageBanner-container {height:500px;padding-top:0;margin-top:60px;position:relative}
.indexBanner .pageBanner-container .banner-pagination {bottom:30px}
.indexBanner .banner .swiper-slide,.indexBanner .banner .slide-img {height:500px}
.banner .swiper-slide {position:relative;height:500px;overflow:hidden;width:100% !important}
.banner .slide-bg {position:absolute;left:-60px;top:0;width:120%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.banner .slide-bg .slide-bg-blur {width:150%;height:150%;background-position:50%;background-repeat:no-repeat;background-size:150% 150%;-webkit-filter:blur(50px);filter:blur(50px);-webkit-filter:blur(add=true,strength=50);filter:blur(add=true,strength=50);background-color:#fff}
.banner .slide-img {display:block;width:100%;margin:0 auto;height:500px;position:relative}
.banner .slide-img img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.newsBanner .banner .swiper-slide {height:440px}
.newsBanner .banner .slide-img {height:440px}
.ie .banner {background-color:#353446}
.ie .banner .slide-bg {display:none}
@media screen and (max-width:767px) {.indexBanner {height:auto}
.indexBanner .pageBanner-container {height:auto;margin-top:50px}
.indexBanner .banner .swiper-slide,.indexBanner .banner .slide-img {height:300px}
.newsBanner .banner .swiper-slide {height:300px}
.newsBanner .banner .slide-img {height:300px}
}
.filterBar {width:100%;background:#fff}
.filterBar-nav .filterBar-nav-item {margin-right:40px}
.filterBar-nav .filterBar-nav-item a {display:block;height:50px;line-height:50px;text-align:center;color:#767676}
.filterBar-nav .filterBar-nav-item a:hover {font-weight:bolder}
.filterBar-nav .filterBar-nav-item.active a {border-bottom:2px solid #333;font-weight:bolder;color:#333}
.filterBar-filtrate-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;height:48px;padding:0 20px}
.filterBar-filtrate-btn {cursor:pointer;height:50px;line-height:50px}
.filterBar-filtrate-btn i {font-size:12px;color:#a0a0a0}
.filterBar-dropdown {position:absolute;left:10px;right:0;top:49px;width:100px;padding:10px 0;border-radius:0 0 4px 4px;background-color:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.5);box-shadow:0 0 4px 0 rgba(0,0,0,0.5);z-index:99;opacity:0;visibility:hidden}
.filterBar-dropdown li {display:block;padding:10px 22px;cursor:pointer}
.filterBar-dropdown li:hover {color:#0057ff}
.filterBar-dropdown:before {content:"";width:25px;height:15px;display:block;position:absolute;top:-15px;right:38px;background:url(../image/filterBar-arrow.png) no-repeat;background-size:cover}
.filterBar-filtrate-item:hover .filterBar-dropdown {opacity:1;visibility:visible}
.channelSelect {left:auto;right:0;width:504px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-left:20px}
.channelSelect li {width:120px;height:40px;padding:0;line-height:40px}
.pc-filterBar {display:-webkit-box;display:-ms-flexbox;display:flex}
.m-filterBar {display:none}
.mainPage {min-height:600px;padding-top:40px}
.list-item {position:relative;width:280px;margin-right:20px;margin-bottom:40px;padding-bottom:56px;border-radius:6px;overflow:hidden}
.list-item:nth-child(4n) {margin-right:0}
.list-thumb {width:280px;height:280px;background-color:#F4F4F4;position:relative}
.list-thumb a {display:block;position:relative;width:280px;height:280px;overflow:hidden}
.list-thumb img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
.list-desc {position:absolute;left:0;bottom:0;height:63px;width:100%;padding:0 15px 15px;overflow:hidden;background-color:#fff;-webkit-transition:height .2s;-o-transition:height .2s;transition:height .2s;z-index:3}
.list-desc .list-desc-title {width:100%;padding-top:15px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:bolder}
.list-desc .list-desc-title a {color:#333;font-size:14px}
.list-desc .list-desc-info {padding-top:10px}
.list-desc .list-desc-info span {display:block;margin-right:20px;color:#7a7a7a;font-size:12px;line-height:16px}
.list-desc .list-desc-info span i {display:inline-block;vertical-align:bottom;font-size:14px}
.list-desc .list-desc-info span i.icon-chakan1 {font-size:16px}
.list-desc .list-desc-info .list-desc-tag {display:block;margin-left:auto;color:#7a7a7a;font-size:12px}
.list-item:hover .list-thumb img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.list-item:hover .list-desc-title a {color:#004FFF}
.list-item:hover .list-item-Ami {height:92px}
.videoList .list-thumb {width:280px;height:162px}
.videoList .list-thumb a {width:280px;height:162px}
.videoList .list-thumb span.icon-bofang {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;font-size:40px;color:#fff;background-color:rgba(0,0,0,0.4);visibility:hidden;opacity:0}
.videoList .list-item:hover span.icon-bofang {opacity:1;visibility:visible}
.tag-handpick {position:absolute;top:10px;left:10px;z-index:1;width:44px;height:22px;background-color:rgba(255,255,255,0.7);border-radius:3px;line-height:22px;text-align:center;font-size:12px}
.list-item-author {display:inline-block;max-width:156px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-right:10px;font-size:12px;color:#7A7A7A}
.list-item-renzheng {margin-right:10px}
.list-item-renzheng i {color:#f36264}
.list-item-vip i {color:#ffbb11;font-size:13px}
.marketList .list-desc-info .list-item-price {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;color:#f36264;font-size:14px}
.marketList .list-desc .list-desc-info .list-desc-tag {margin-right:0;font-size:14px}
.marketList .icon {border-radius:2px;width:44px;height:36px;position:absolute;right:10px;bottom:10px;cursor:pointer;background-color:rgba(51,51,51,0.5);color:#fff;font-size:26px;text-align:center;line-height:36px}
.marketList .icon:before {content:"\e887"}
.marketList .icon:hover {background-color:#427AFB}
.marketList .icon:hover:before {content:"\e888"}
.pagination {text-align:center}
.layui-laypage-QJ {padding:40px 0 60px}
.layui-laypage-QJ a,.layui-laypage-QJ button,.layui-laypage-QJ span {border:none;background:none}
.layui-laypage-QJ a,.layui-laypage-QJ span {min-width:30px;height:30px;margin:0 8px 0 0;line-height:30px;padding:0 6px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}
.layui-laypage-QJ .layui-laypage-curr .layui-laypage-em {background-color:#427afb}
.layui-laypage-QJ a:hover {color:#427afb}
.layui-laypage-QJ input {padding:3px 8px;width:60px;height:28px;line-height:28px;background:none}
.layui-laypage-QJ input:focus,.layui-laypage-QJ select:focus {border-color:#427afb !important}
.layui-laypage-QJ .layui-laypage-skip {padding-left:10px}
.commonTitle {margin-bottom:20px}
.commonTitle .commonTitle-h {margin-right:10px;font-size:24px;font-weight:700}
.commonTitle .commonTitle-sub {font-size:16px;color:#bebebe}
.commonTitle .commonTitle-more {margin-left:auto}
.commonTitle .commonTitle-more a {display:inline-block;font-size:12px;color:#333;margin-left:30px;line-height:14px}
.mb30 {margin-bottom:30px}
.post-list {position:relative;min-height:363px;overflow:hidden;border-radius:5px}
.post-list .post-list-item {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;background:#fff;padding:20px;border-radius:5px}
.post-list .post-list-item:last-child {border-bottom:none}
.post-list .post-list-item:hover .post-list-t a {color:#004fff}
.post-list .post-list-item:hover .post-list-thumb img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.post-list .post-list-img {position:relative}
.post-list .post-list-img .post-list-thumb {width:255px;height:150px;display:block;overflow:hidden}
.post-list .post-list-img .post-list-thumb img {display:block;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.post-list .post-list-img .post-list-tag {position:absolute;left:10px;top:10px;width:58px;height:22px;line-height:22px;background-color:#fff;border-radius:4px;font-size:12px;color:#5f5f5f;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-align:center}
.post-list .post-list-info {position:relative;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;margin-left:30px}
.post-list .post-list-title {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:10px}
.post-list .post-list-title .post-list-t {-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;font-size:16px;font-weight:bolder}
.post-list .post-list-title .post-list-t a {max-width:380px;display:inline-block;line-height:1.2em;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.post-list .post-list-title .post-list-time {padding-top:5px;font-size:12px;color:#9b9b9b}
.post-list .post-list-remark {line-height:24px;color:#5f5f5f}
.post-list .post-list-remark a {display:block;text-align:justify;text-justify:inter-word;max-height:70px;color:#5f5f5f;text-decoration:none;overflow:hidden}
.post-list .post-list-author {display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;bottom:0;width:100%;color:#5f5f5f;font-size:12px}
.post-list .post-list-author .post-list-user {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.post-list .post-list-author .post-list-user>a {margin-right:10px}
.post-list .post-list-author .post-list-user .post-list-headimg {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.post-list .post-list-author .post-list-user .post-list-headimg img {display:inline-block;width:30px;height:30px;border-radius:50%;margin-right:10px}
.post-list .post-list-author .post-list-user .post-list-headimg .post-list-nickname {display:inline-block;max-width:100px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height:1.2em}
.post-list .post-list-author .post-list-user i.icon-medal-fill {font-size:16px;color:#f36264}
.post-list .post-list-author .post-list-user i.icon-huiyuan {font-size:14px;color:#ffbc14}
.post-list .post-list-author .post-list-view {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.post-list .post-list-author .post-list-view>div {margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.post-list .post-list-author .post-list-view>div span {display:inline-block;color:#5f5f5f}
.post-list .post-list-author .post-list-view>div span.icon {margin-right:5px;color:#9b9b9b}
.post-list .post-list-author .post-list-view>div span.icon-chakan1 {font-size:16px}
.post-list .post-list-author .post-list-view>div span.icon-pingluncomment43-copy {font-size:12px}
.newArticle {padding-bottom:0 !important}
.newArticle .indexPage-left {width:100%}
.newArticle .post-list {display:-webkit-box;display:-ms-flexbox;display:flex;min-height:auto}
.newArticle .post-list .post-list-item {width:24%;margin-right:1.333333333%;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:5px;overflow:hidden}
.newArticle .post-list .post-list-item:nth-child(4n) {margin-right:0}
.newArticle .post-list .post-list-img .post-list-thumb {width:100%;display:block;height:0;padding-top:60%;position:relative}
.newArticle .post-list .post-list-img .post-list-thumb img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.newArticle .post-list .post-list-info {padding:10px;margin-left:0}
.newArticle .post-list .post-list-author {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:static;padding-top:10px;border-top:1px solid #f2f2f2;display:none}
.newArticle .post-list .post-list-view {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#aaa;margin-bottom:10px;font-size:12px}
.newArticle .post-list .post-list-view>div {margin-right:14px}
.newArticle .post-list .post-list-view .icon {font-size:12px;color:#aaa}
.newArticle .post-list .post-list-view span {font-size:12px}
.newArticle .post-list .post-list-remark {margin-bottom:10px}
.newArticle .post-list .post-list-remark a {font-size:12px;line-height:1.5;height:36px;max-height:none;color:#b2b2b2;-o-text-overflow:-o-ellipsis-lastline;text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newArticle .post-list .post-list-title .post-list-t {width:100%}
.newArticle .post-list .post-list-title .post-list-t a {max-width:none;width:100%}
@media screen and (max-width:767px) {.newArticle .post-list {-ms-flex-wrap:wrap;flex-wrap:wrap}
.newArticle .post-list .post-list-author {display:none}
.newArticle .post-list .post-list-img {margin-bottom:0}
.newArticle .post-list .post-list-item {width:48%;margin-right:4%}
.newArticle .post-list .post-list-item:nth-child(2n) {margin-right:0}
}
.articleCategory {outline:none;font-size:16px;overflow-y:hidden;overflow-x:auto;color:#9b9b9b;white-space:nowrap;background-color:#fff}
.articleCategory .articleCategory-item {display:inline-block;height:66px;line-height:64px;margin-right:40px;position:relative;-webkit-transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1)}
.articleCategory .articleCategory-item a {display:block}
.articleCategory .articleCategory-item.active a {color:#333}
.articleCategory .articleCategory-item:hover a {color:#333}
.articleTag {outline:none;font-size:14px;overflow-y:hidden;overflow-x:auto;color:#9b9b9b;white-space:nowrap}
.articleTag .articleTag-item {display:inline-block;height:66px;line-height:64px;margin-right:40px;position:relative;-webkit-transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:color 0.3s cubic-bezier(0.645,0.045,0.355,1);cursor:pointer}
.articleTag .articleTag-item.active,.articleTag .articleTag-item:hover {color:#333}
.article {padding-bottom:20px}
.postDetail {position:relative;padding-top:60px;padding-bottom:100px}
.postDetail .layui-breadcrumb {height:60px;padding:20px 1px;line-height:20px;font-size:14px}
.postDetail .layui-breadcrumb a cite {color:#333}
.postDetail .layui-breadcrumb a:hover {color:#333 !important;text-decoration:underline}
.postContent {padding:40px 210px;background:#fff;border-radius:5px}
.postHeader {padding-bottom:30px}
.postHeader .postTitle {margin-bottom:20px;line-height:40px;color:#333333;font-size:28px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.postHeader .userInfo {height:30px}
.postHeader .userInfo .avatar {display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:50%}
.postHeader .userInfo .nickname {display:inline-block;line-height:30px;color:#333;font-size:12px}
.postSummary {padding:50px 20px 20px;line-height:1.8;color:#5f5f5f;font-size:13px;background-color:#f8f8f8;background-image:url(../image/articel_yy.png);background-repeat:no-repeat;background-size:32px 32px;background-position:16px 20px;word-break:break-all}
.postBody {padding-top:30px;padding-bottom:40px}
.postBody p {line-height:1.8;color:#333;font-size:15px;font-family:PingFangSC-Regular !important;word-break:break-all}
.postBody img {max-width:100%;margin:0 auto}
.postBody iframe,.postBody video,.postBody table {width:100% !important}
.postTag {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #efefef}
.postTag .postTag-tag {display:inline-block;height:29px;padding:5px 10px;margin-top:10px;margin-right:20px;border-radius:16px;border:1px solid #d8d8d8;line-height:17px;color:#767676;font-size:12px;text-align:center}
.postTag .postTag-tag:hover {color:#333}
.postPV {display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:20px}
.postPV .prefix,.postPV .postfix {height:17px;line-height:17px;color:#767676;font-size:12px}
.postPV .postfix {-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;font-size:12px}
.postLike {padding-top:60px}
.postLike .icon {width:88px;height:88px;padding:30px;margin:0px auto 10px;border-radius:50%;border:1px solid #d8d8d8;font-size:30px;color:#b6b6b6;cursor:pointer}
.postLike .icon.active {color:#ff2e4e;pointer-events:none}
.postLike .postLike-count {height:17px;line-height:17px;color:#767676;font-size:12px;text-align:center;font-family:PingFangSC-Regular}
.otherPost {margin-top:20px;padding:40px;border-radius:5px;background-color:#fff}
.otherPost .otherPost-title {height:42px;padding-bottom:20px;line-height:22px;color:#333;font-size:16px}
.otherPost .otherPost-list {display:-webkit-box;display:-ms-flexbox;display:flex}
.otherPost .otherPost-list .otherPost-item {margin-right:20px}
.otherPost .otherPost-list .otherPost-item:last-child {margin-right:0}
.otherPost .otherPost-list .otherPost-item img {width:353px;height:227px;padding-bottom:20px}
.otherPost .otherPost-list .otherPost-item p {width:353px;height:48px;line-height:24px;color:#333;font-size:14px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.comment {margin-top:20px;padding:40px 210px;background-color:#fff;border-radius:5px}
.comment .commentHead {height:54px;padding-bottom:20px;line-height:33px;color:#333;font-size:24px;border-bottom:1px solid #efefef}
.comment .noComment {height:162px;padding:100px 0px 40px;line-height:22px;color:#9b9b9b;font-size:16px;text-align:center}
.commentItem {padding:20px 0;border-bottom:1px solid #efefef}
.commentItem .commentItem-head {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}
.commentItem .commentItem-head .avatar {cursor:pointer;width:40px;height:40px;margin-right:15px;border-radius:50%;overflow:hidden}
.commentItem .commentItem-head .avatar img {width:100%;height:100%}
.commentItem .commentItem-head .commentItem-info {width:93%}
.commentItem .commentItem-head .commentItem-info .nickname {display:block;cursor:pointer;max-width:100%;height:20px;line-height:20px;color:#333;font-size:14px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-height:1em}
.commentItem .commentItem-head .commentItem-info .viewTime {width:95px;height:20px;line-height:20px;color:#767676;font-size:12px}
.commentItem .commentItem-head .commentItem-info .commentOption {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:14px;line-height:14px;color:#767676;font-size:12px}
.commentItem .commentItem-head .commentItem-info .commentOption>div {padding-left:10px;padding-right:10px;border-right:1px solid #767676}
.commentItem .commentItem-head .commentItem-info .commentOption>div:last-child {padding-right:0;border-right:none}
.commentItem .commentItem-head .commentItem-info .commentOption .del,.commentItem .commentItem-head .commentItem-info .commentOption .replayBtn {cursor:pointer}
.commentItem .commentItem-head .commentItem-info .commentOption .likeCount {padding-right:10px}
.commentItem .commentItem-head .commentItem-info .commentOption .likeCount i {display:inline-block;font-size:14px;color:#767676;cursor:pointer}
.commentItem .commentItem-head .commentItem-info .commentOption .likeCount i.active {color:#ff2e4e;pointer-events:none}
.commentItem .commentItem-body {padding-left:55px}
.commentItem .commentItem-body .commentItem-body-content {line-height:25px;color:#333;font-size:14px}
.commentItem .commentItem-body .replay {word-break:break-all;margin-top:10px;padding:10px;border:1px solid #e9e9e9;line-height:25px;font-size:14px;color:#767676;font-family:PingFangSC-Regular;background-color:#f8f8f8}
.commentItem:last-child {padding-bottom:0;border-bottom:none}
.addComment {position:absolute;left:0;right:0;bottom:0}
.addComment .container {background-color:#f8f8f8}
.addComment.active {position:fixed;width:100%;bottom:0;left:0;right:0}
.unlogin {width:712px;border-radius:4px;line-height:50px;background-color:rgba(40,110,250,0.15);color:#286EFA;font-size:16px;text-align:center}
.unlogin:hover {color:#286EFA}
.logined {padding:25px 0;margin:0 auto}
.logined .commentInput {position:relative;width:712px;height:50px}
.logined .commentInput input {width:637px;padding:15px 50px 15px 20px !important;font-size:14px;line-height:18px;color:#333;font-family:PingFangSC-Regular;background:#fff}
.logined .commentInput .maxLength {position:absolute;right:76px;bottom:0;width:50px;height:50px;font-size:12px;line-height:50px;text-align:center;color:#c7c7c7}
.logined .commentInput button {width:75px;border-radius:4px;text-align:center;background-color:#286efa;line-height:50px;color:#fff;font-size:14px}
.logined .like {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:20px}
.logined .like i,.logined .like span {display:block;color:#767676}
.logined .like i {font-size:28px;cursor:pointer}
.logined .like i.active {color:#ff2e4e;pointer-events:none}
.logined .like span {width:28px;height:22px;color:#767676;font-size:12px;line-height:22px;text-align:center}
.indexUser {background-color:#fff;height:72px}
.indexUser .container {height:100%}
.indexUser .indexUser-left {height:100%}
.indexUser .indexUser-left a {display:inline-block;margin-right:10px}
.indexUser .indexUser-left a.indexUser-renzheng,.indexUser .indexUser-left a.indexUser-vip {color:#9b9b9b}
.indexUser .indexUser-left a.indexUser-renzheng i {font-size:16px}
.indexUser .indexUser-left a.indexUser-vip i {font-size:14px}
.indexUser .indexUser-left a.indexUser-renzheng.active i {color:#f36264}
.indexUser .indexUser-left a.indexUser-vip.active i {color:#ffbb11}
.indexUser .indexUser-avatar img {display:inline-block;width:42px;height:42px;margin-right:10px;border-radius:50%;-o-object-fit:cover;object-fit:cover}
.indexUser .indexUser-avatar span {display:inline-block;max-width:70px;vertical-align:middle}
.indexUser .indexUser-middle {width:500px;height:20px;padding-left:30px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden}
.indexUser .indexUser-middle .notice-container {height:100%}
.indexUser .indexUser-middle .notice-container .swiper-slide {overflow:hidden;line-height:20px;height:20px;cursor:pointer}
.indexUser .indexUser-middle .notice-container .swiper-slide a {display:inline-block}
.indexUser .indexUser-middle .notice-container .swiper-slide a.TextLink {max-width:100px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.indexUser .indexUser-middle .notice-container .index-notice-con {max-width:500px}
.indexUser .indexUser-middle span.icon,.indexUser .indexUser-middle .notice-text {display:inline-block;color:#9b9b9b}
.indexUser .indexUser-middle span.icon {width:16px;height:16px;margin-right:10px}
.indexUser .indexUser-right {padding-left:30px;height:100%}
.indexUser .indexUser-right span {display:inline-block;margin-right:20px}
.indexPage {padding-top:60px}
.indexPage60 {padding-bottom:102px}
.index-topic {width:100%;height:222px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.index-topic .index-topic-item {padding-right:20px;border-radius:5px;overflow:hidden}
.index-topic .index-topic-item a {display:block;position:relative;overflow:hidden;width:380px;height:222px;border-radius:5px}
.index-topic .index-topic-item a img {width:380px;height:222px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.index-topic .index-topic-item:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.index-topic .index-topic-item:last-child {padding-right:0}
.index-article {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index-article .index-article-item {display:inline-block;position:relative;width:365px;margin-bottom:20px;font-size:20px;line-height:28px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.index-article .index-article-item:before {content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#333;vertical-align:middle;margin-right:3px}
.index-creator .index-creator-item {height:180px;width:380px;border:1px solid #f4f4f4;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:20px;border-radius:5px}
.index-creator .creator-avatar {width:100px;height:100px;border-radius:50%;overflow:hidden}
.index-creator .creator-avatar img {display:block;width:100px;height:100px}
.index-creator .creator-info {width:200px;margin-left:20px;max-width:none}
.index-creator .creator-info .creator-i1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-bottom:10px}
.index-creator .creator-info .creator-i1 a {display:inline-block;max-width:100px;margin-right:10px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;line-height:1.2em;font-weight:bolder;color:#333}
.index-creator .creator-info .creator-i1 a i.icon-medal-fill {color:#f36264;font-weight:normal;font-size:14px}
.index-creator .creator-info .creator-i1 a i.icon-huiyuan {color:#ffbb11;font-weight:normal;font-size:14px}
.index-creator .creator-info .creator-i2 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-bottom:15px}
.index-creator .creator-info .creator-i2 span {display:inline-block;margin-right:20px;font-weight:bolder;max-width:100px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;line-height:1.2em;font-size:12px;color:#9b9b9b}
.index-creator .creator-info .creator-i2 span i {margin-right:5px;font-size:12px}
.index-creator .creator-info .creator-i3 {margin-top:15px;line-height:150%;width:200px;max-width:none;height:45px;overflow:hidden;text-align:justify;text-justify:inter-word}
.articleBanner {margin-top:60px}
.creator-container {position:relative}
.creator-container .creator-button-prev,.creator-container .creator-button-next {position:absolute;top:50%;width:48px;height:48px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:24px;background-color:rgba(0,0,0,0);color:#fff;font-size:30px;text-align:center;line-height:48px;cursor:pointer;z-index:9}
.creator-container .creator-button-prev i,.creator-container .creator-button-next i {color:#a8a8a8;font-size:30px;font-weight:lighter}
.creator-container .creator-button-prev:hover,.creator-container .creator-button-next:hover {background-color:#f2f2f2}
.creator-container .creator-button-prev {right:-70px}
.creator-container .creator-button-next {left:-70px}
.creatorList {border-radius:5px;overflow:hidden}
.creatorList .index-creator-item {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px;width:100%;background-color:#fff;border:none;margin-bottom:15px}
.creatorList .index-creator-item:last-child {border-bottom:none}
.creatorList .creator-avatar {width:110px;height:110px}
.creatorList .creator-avatar img {width:110px;height:110px}
.creatorList .creator-info {max-width:350px;width:auto}
.creatorList .creator-info .creator-i2 span {font-weight:normal}
.creatorList .creator-info .creator-i2 .icon-chakan1 {font-size:16px}
.creatorList .creator-info .creator-i3 {font-size:12px;max-width:auto;width:100%;width:auto;margin-top:0;color:#333;line-height:180%;height:auto;-o-text-overflow:-o-ellipsis-lastline;text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.creatorList .creatorProduct {margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:550px}
.creatorList .creatorProduct .creatorProduct-item {display:block;width:130px;height:130px;background-color:#f4f4f4;margin-left:10px}
.creatorList .creatorProduct .creatorProduct-item:first-child {margin-left:0}
.creatorList .creatorProduct .creatorProduct-item img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.creatorList .creatorProduct .creatorProduct-item:hover img {opacity:0.7}
.creatorList .author-page {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:26px;margin-left:10px}
.creatorList .author-page .author-page-link {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;height:100%}
.creatorList .author-page .author-page-link span {display:block;width:6px;height:6px;margin:3px 0;background:#286efa;border-radius:50%}
.creatorList .author-page:hover {opacity:0.7}
.indexAdvertise {padding-top:60px}
.indexAdvertise a {display:block;width:100%;height:120px}
.indexAdvertise a img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.indexPage-left {width:871px}
.indexPage-right {padding-left:50px;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto}
.index-talk-list .index-talk-item {display:block;width:298px;margin-bottom:17px}
.index-talk-list .index-talk-item:last-child {margin-bottom:0}
.index-talk-list .index-talk-item img {width:100%}
.author {padding-top:60px;background-color:#fff}
.authorBanner {background-size:cover;background-repeat:no-repeat}
.authorBanner .authorBanner-title {height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:48px;color:#fff}
.authorBanner .authorBanner-title span {padding-bottom:11px;font-size:48px}
.authorBanner .authorBanner-title-be {border-bottom:2px solid #fff;padding-bottom:10px}
.gocopyrightBanner {background-image:url(../image/author-gocopyright.jpg)}
.goauthBanner {background-image:url(../image/author-goauth.jpg)}
.authorBlock-item {padding-top:60px}
.authorBlock-item dt {font-size:18px;font-weight:bolder}
.authorBlock-item dd {margin-left:0;padding-top:25px;font-size:14px}
.authorBlock-process {margin-top:60px;border-top:1px solid #D8D8D8}
.authorButton {padding-top:40px;padding-bottom:100px;font-size:18px}
.authorButton a {width:308px;height:44px}
.pageBox {padding-top:60px;background-color:#fff}
.tool1 {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:500px;background:url(../image/vrzhizuo1.jpg) no-repeat center;background-size:cover;background-color:#1a202c}
.tool1 .tool1-content .tool1-content-1 {display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}
.tool1 .tool1-content .tool1-content-1 h2 {font-size:40px;padding-bottom:20px}
.tool1 .tool1-content .tool1-content-1 p {font-size:20px;padding-bottom:30px}
.tool1 .tool1-content .tool1-content-img {padding-right:446px}
.tool1 .tool1-content .tool-btn-box {padding:40px 20px 0}
.tool1 .tool1-bg {position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.5}
.tool1 .tool1-bg-1 {height:730px;padding-top:49px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.tool1 .tool1-bg-2 {width:1090px;height:700px;background:url(../image/tool1-3.png) no-repeat center top;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}
.tool1 .tool1-video {position:relative;width:958px;height:523px}
.tool1 .tool1-video .tool1-video-wrapper {position:relative;width:100%;height:100%;background-color:#000}
.tool1 .tool1-video .tool1-player {position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;z-index:100}
.tool-btn {width:156px;height:44px;text-align:center;color:#FFF;font-weight:bolder;display:inline-block;border-radius:3px;cursor:pointer;margin:0 5px;line-height:44px;background-color:#286EFA;border-color:#286EFA;font-weight:normal}
.tool-btn:hover {background-color:#1B60FF;border-color:#1B60FF;color:#fff}
.tool-btn-1 {color:#909090;border-color:transparent;background-color:transparent}
.tool-btn-1:hover {color:#FFF;background-color:transparent}
.vr-tool-editor {position:relative;z-index:66;margin-top:-140px;padding-top:56px}
.vr-tool-editor>div {width:1000px;margin:0 auto;border-radius:10px;overflow:hidden;padding:15px;background-color:#000000;-webkit-box-shadow:0 20px 60px rgba(26,32,44,0.5);box-shadow:0 20px 60px rgba(26,32,44,0.5)}
.vr-tool-editor>div img {width:100%}
.tool2 {margin:0 auto;max-width:1200px;position:relative;padding:80px 0}
.tool2-video {position:absolute;left:135px;top:192px;width:750px;height:453px}
.tool2-video-wrapper {position:relative;width:100%;height:100%;background-color:#000}
.tool2-palyer {position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1500}
.tool2-content {position:absolute;left:0;bottom:0;width:100%}
.tool2-tabnav {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #E9E9E9}
.tool2-tabnav .tool2-tabnav-item {display:inline-block;font-size:16px;margin:0 20px;padding:18px 0;border-bottom:2px solid transparent;font-weight:bolder;cursor:pointer;color:#9B9B9B}
.tool2-tabnav .tool2-tabnav-item.active {color:#333;border-bottom-color:#333}
.tool2-tabcontent {height:130px;text-align:center;line-height:30px;padding-top:20px}
.tool2-tabcontent .tool2-tabcontent-item {display:none}
.tool2-tabcontent .tool2-tabcontent-item.active {display:block}
.tool2-tabcontent .tools-btngroup {padding-top:20px}
.tool2-tabcontent .tools-btngroup-title {font-weight:bolder}
.tool2-tabcontent .tool2-btn {text-align:center;color:#FFF;font-weight:bolder;display:inline-block;border-radius:3px;cursor:pointer;margin:0 5px;background-color:#286EFA;border-color:#286EFA;height:30px;line-height:30px;padding:0 15px}
.tool2-tabcontent .tool2-btn:hover {background-color:#1B60FF;border-color:#1B60FF}
.tool-title {font-size:40px;margin-bottom:50px;text-align:center}
.tool-title.tool-title-white {color:#fff}
.tool2-advance {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.tool2-adv-item {-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-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;padding:40px 30px;border-radius:10px;overflow:hidden;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.tool2-adv-item h3 {font-size:20px;margin-bottom:15px;font-weight:600}
.tool2-adv-item p {font-size:13px;color:#7a7a7a;text-align:center;line-height:1.5}
.tool2-adv-item img {display:block;width:100px;height:100px;margin-bottom:20px}
.tool2-adv-item:hover {-webkit-box-shadow:0 0 60px rgba(26,32,44,0.1);box-shadow:0 0 60px rgba(26,32,44,0.1)}
.tool-sub-tilte {font-size:28px;margin-bottom:30px}
.tool-sub-tilte.tool-sub-white {color:#fff}
.tool3 {padding:50px 0;text-align:center;background-color:#1a202c}
.tool3 .tool3-content {max-width:1200px;margin:0 auto;padding:40px 0;border-bottom:1px solid #3d4a64}
.tool3 .tool3-content:last-child {border-bottom:none}
.hoverTab {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.hoverTab .hoverTab-item {-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-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;color:#fff}
.tool-vrEditor .item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tool-vrEditor .item .thumb {width:728px;height:420px;border-radius:10px;overflow:hidden}
.tool-vrEditor .item .thumb img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.tool-vrEditor .item .content {-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:50px;color:#fff;text-align:left;line-height:1.5}
.tool-vrEditor .item .content .title {font-size:20px;margin-bottom:10px}
.tool-vrEditor .item .content .desc {font-size:14px;margin-bottom:10px}
.tool-vrEditor .item .content p {font-size:12px;color:#576580;margin-bottom:8px}
.tool-vrEditor .banner-pagination {margin-top:20px}
.tool-vrEditor .swiper-pagination-bullet {width:12px;height:12px;background:#fff}
.func-list {width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px;padding:10px;background-color:#2a3139;border-radius:10px}
.func-list li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;padding:15px 0}
.func-list li img {display:block;width:20px;height:20px;opacity:0.6}
.func-list li span {display:block}
.develop2-part {padding-bottom:70px}
.develop2-part:last-child {border-bottom:none}
.buchong {max-width:900px;margin:0 auto;font-size:20px;line-height:1.8}
.scene {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.scene .scene-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex}
.scene-item {margin-right:10px;background-position:0;overflow:hidden;position:relative;width:180px;height:380px;border-radius:15px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.scene-item.active {width:428px}
.scene-item.active .content {display:-webkit-box;display:-ms-flexbox;display:flex}
.scene-item .scene-item-inner {position:relative;width:428px;height:380px}
.scene-item .content {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:180px;height:380px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:-webkit-gradient(linear,left top,left bottom,from(rgba(41,45,49,0.8)),to(rgba(19,15,70,0.7)));background:-o-linear-gradient(top,rgba(41,45,49,0.8),rgba(19,15,70,0.7));background:linear-gradient(180deg,rgba(41,45,49,0.8),rgba(19,15,70,0.7));border-radius:5px 0 0 5px;padding-left:16px;padding-right:10px;float:left;z-index:1;display:none;text-align:left}
.scene-item .content .icon {width:30px;margin-top:28px}
.scene-item .content .icon img {width:100%}
.scene-item .content .title {padding-top:10px;font-weight:500;color:#fff;line-height:28px;font-size:16px}
.scene-item .content .subtitle {font-weight:500;color:#fff;line-height:20px;padding-top:134px;font-size:14px}
.scene-item .content .desc {font-size:12px;font-weight:300;color:rgba(255,255,255,0.7);line-height:17px;padding-top:11px;margin-bottom:16px}
.scene-item .thumb {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.tool4 {padding-top:100px;padding-bottom:100px;text-align:center}
.tool5 {background:url(../image/tool5.jpg) no-repeat scroll center center/cover;height:597px;width:100%;position:relative}
.tool5 .tool5-content {width:522px;color:#fff;position:absolute;left:45%;top:130px;text-align:center;line-height:1.4}
.tool5 .tool5-content img {width:200px;height:45px;display:block;margin-bottom:20px;cursor:pointer}
.tool5 .tool5-content .tool5-logo {width:100px;display:block;margin-top:30px}
.tool6 {background:-o-radial-gradient(500px 100px at 49% 0%,#4E566C 20%,#333 96%);background:radial-gradient(500px 100px at 49% 0%,#4E566C 20%,#333 96%)}
.tool6 .tool6-content {margin:0 auto;width:1180px;height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.downloadModal {background-color:#FFFFFF;border-radius:6px;width:300px;height:365px;display:none}
.downloadModal .downloadModal-wrapper {width:100%;height:100%}
.downloadModal img {display:block;width:260px;height:260px}
.downloadModal .downloadModal-desc {text-align:center;font-size:16px}
.downloadModal .downloadModal-desc p {padding:1em 0}
.downloadModal .downloadModal-desc a {display:block;color:#333;text-decoration:underline}
.live1 {height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#333 url(../image/live1-1.jpg) no-repeat center bottom;background-size:cover;color:#fff;position:relative}
.live1 p {font-size:20px;padding-bottom:30px}
.live1 h1 {font-size:40px;padding-bottom:10px}
.live1 .live-btn {position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:156px;height:44px;padding:0 0;font-size:14px;margin:40px 20px 0;-webkit-box-shadow:rgba(37,56,102,0.4) 0px 3px 6px 0px;box-shadow:rgba(37,56,102,0.4) 0px 3px 6px 0px}
.live1 .live-btn-default {background-color:#286efa;color:#fff;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.live1 .live-btn-default:hover {background-color:#0057ff}
.live1 .live-btn-default:hover .live-btn-layer {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:0}
.live1 .live-btn-default .live-btn-layer {position:absolute;left:100%;width:200px;height:200px;background-color:#fff;border-radius:10px;overflow:hidden;padding:10px;opacity:0;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:-1}
.live1 .live-btn-default .live-btn-layer img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.live1 .live-btn-opacity {background-color:rgba(255,255,255,0.1);color:#fff}
.live2 {padding-top:60px;padding-bottom:100px}
.live2-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.live2-list .live2-item {width:250px;margin:0 25px;text-align:center;color:#5f5f5f}
.live2-list .live2-item .live-icon {width:65px;height:65px;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center}
.live2-list .live2-item h3 {font-size:18px;font-weight:600;color:#000;padding-top:30px;padding-bottom:10px}
.live2-list .live2-item p {line-height:1.8}
.live2-list .live2-item-1 .live-icon {background-image:url(../image/ico-live1.png)}
.live2-list .live2-item-2 .live-icon {background-image:url(../image/ico-live2.png)}
.live2-list .live2-item-3 .live-icon {background-image:url(../image/ico-live3.png)}
.live2-list .live2-item-4 .live-icon {background-image:url(../image/ico-live4.png)}
.live3 {background-color:#f8f8f8;padding:100px 0}
.live3 .live3-title {text-align:center}
.live3 .live3-title h2 {font-size:50px;font-weight:600;padding-bottom:20px}
.live3 .live3-title p {font-size:16px;padding-bottom:60px;color:#5F5F5F}
.live3 .live3-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;overflow-x:auto;overflow-y:hidden}
.live3 .live3-list .live3-item {min-width:212px;text-align:center}
.live3 .live3-list .live3-item .live-icon {width:96px;height:96px;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center}
.live3 .live3-list .live3-item h3 {padding-top:30px;font-size:18px;font-weight:600}
.live3 .live3-list .live3-item p {color:#5F5F5F;padding-top:10px}
.live3 .live3-list .live3-item-1 .live-icon {background-image:url(../image/ico-live5.png)}
.live3 .live3-list .live3-item-2 .live-icon {background-image:url(../image/ico-live6.png)}
.live3 .live3-list .live3-item-3 .live-icon {background-image:url(../image/ico-live7.png)}
.live3 .live3-list .live3-item-4 .live-icon {background-image:url(../image/ico-live8.png)}
.live3 .live3-list .live3-item-5 .live-icon {background-image:url(../image/ico-live9.png)}
.live3 .live3-list .live3-arrow {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:96px}
.live3 .live3-list .live3-arrow i {font-size:34px;font-weight:bolder;color:#9f9f9f}
.liveItem {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:100px;line-height:1.4}
.liveItem .live-content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:640px;text-align:center}
.liveItem .live-content h2 {font-size:40px;font-weight:normal;color:#333333}
.liveItem .live-content p {font-size:16px;font-weight:400;color:#5F5F5F;line-height:28px;white-space:pre-wrap;margin-top:10px}
.liveItem img {width:600px}
.live4 .live-content,.live6 .live-content {margin-right:0}
.live5 img {width:600px;margin-right:0}
.live7 img {width:600px;margin-right:0}
.live8 {padding-top:100px;padding-bottom:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.live8 h2 {font-size:40px;text-align:center;padding-bottom:60px}
.live8 .imgthumb {width:200px;height:200px;margin-bottom:20px;-webkit-box-shadow:0 10px 40px 0 rgba(166,155,103,0.16);box-shadow:0 10px 40px 0 rgba(166,155,103,0.16);padding:10px;background:#fff;border-radius:10px;overflow:hidden}
.live8 .imgthumb img {width:100%;height:100%}
.live8-list {width:1180px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}
.live8-list .live8-item {width:280px;position:relative;text-align:center;margin-right:20px;margin-bottom:20px}
.live8-list .live8-item:nth-child(4n) {margin-right:0}
.live8-list .live8-item .live8-thumb {position:relative;width:280px;height:160px}
.live8-list .live8-item .live8-thumb img {width:280px;height:160px;display:block;-o-object-fit:cover;object-fit:cover}
.live8-list .live8-item .live8-thumb a {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:block;z-index:2;line-height:160px;text-align:center;color:#fff;font-size:40px}
.live8-list .live8-item p {padding-top:20px;font-weight:600}
.live8-list .live8-item p a {display:block;width:100%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.videoShow {width:100%;height:100vh;position:relative;overflow:hidden;min-width:1180px}
.videoShow .videoShow-bg {width:100%;-webkit-filter:blur(50px);filter:blur(50px);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
.videoShow .video-box {position:absolute;bottom:50%;width:100%;height:540px;margin-bottom:-270px}
.videoShow .video-box-inner {width:1180px;margin:0 auto;height:100%;background-color:#f8f8f8}
.videoContent {width:1180px;margin:0 auto;padding:30px 0;display: none}
.videoContent .videoContent-left {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;background-color:#fff;border-radius:5px;padding:0 20px}
.videoContent .videoContent-right {width:350px;margin-left:30px}
.videoContent .videoContent-title {margin-top:40px;margin-bottom:20px}
.videoContent .videoContent-title .videoContent-title-tit {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}
.videoContent .videoContent-title .videoContent-title-tit h1 {font-size:33px;font-weight:700;max-width:700px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-bottom:10px}
.videoContent .videoContent-title .play-times {margin-right:20px;color:#000}
.videoContent .videoContent-title .play-share,.videoContent .videoContent-title .play-report {opacity:0.55;color:#000000;margin-right:20px;cursor:pointer}
.videoContent .videoContent-title .play-share:hover,.videoContent .videoContent-title .play-report:hover {opacity:1}
.videoContent .videoContent-title .videoContent-like {width:28px}
.videoContent .videoContent-title .videoContent-like i {display:block;margin-bottom:7px;font-size:37px;color:#afafaf;cursor:pointer}
.videoContent .videoContent-title .videoContent-like i.active {color:#ff2e4e}
.videoContent .videoContent-title .videoContent-like span {display:block}
.videoIntro {border-top:1px solid #e9e9e9;padding:20px 0px;color:#767676}
.videoIntro-content {text-indent:2em;white-space:pre-line;line-height:26px;margin-bottom:10px}
.videoIntro-content.active {max-height:83px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;word-break:break-all}
.videoIntro-tags {display:none}
.videoIntro-tags a {margin-bottom:10px;margin-right:10px;max-width:120px;font-size:12px;opacity:0.55;padding:6px 10px;color:#000000;border:1px solid #000;border-radius:100px;cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.videoIntro-tags a:hover {opacity:1}
.videoIntro-more {margin-top:10px;opacity:0.55;color:#000000;cursor:pointer}
.videoIntro-more:hover {opacity:1}
.videoIntro-empty {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:120px;color:#9b9b9b}
.videoRecommend {padding-top:30px;border-top:1px solid #e9e9e9}
.videoRecommend-title {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-bottom:20px}
.videoRecommend-title h3 {font-size:20px;font-weight:700;color:#9b9b9b;margin-right:20px;cursor:pointer}
.videoRecommend-title h3.active {color:#333}
.videoRecommend-empty {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:336px;background:#fcfcfc;color:#9b9b9b}
.videoWorker {padding:19px 20px;background:#fff;margin-bottom:20px;border-radius:5px}
.videoWorker .videoWorker-avatar img {width:42px;height:42px;border-radius:30px}
.videoWorker .videoWorker-nickname {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.videoWorker .videoWorker-author {margin-left:10px}
.videoWorker .videoWorker-author i.icon {color:#f36264;font-size:16px}
.videoWorker .videoWorker-vip {margin-left:10px}
.videoWorker .videoWorker-vip i {color:#ffbd11;font-size:14px}
.VW-tabnav {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;height:60px;background:#fff;border-radius:5px 5px 0 0}
.VW-tabnav .VW-tabnav-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:1px solid #e9e9e9;color:#9b9b9b;cursor:pointer}
.VW-tabnav .VW-tabnav-item.active {border-bottom:2px solid #333333;color:#333333}
.VW-tabcontent {padding-top:20px;min-height:480px;background:#fff;border-radius:0 0 5px 5px}
.VW-tabcontent .VW-tabcontent-item {display:none}
.VW-tabcontent .VW-tabcontent-item.active {display:block}
.VW-tabcontent .VW-tabcontent-more {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#000;opacity:0.55;height:50px;border-top:1px solid #e9e9e9}
.VW-tabcontent .VW-tabcontent-more:hover {opacity:1}
.VW-tabcontent .video-item {min-height:430px}
.VW-tabcontent .video-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin:0 20px 20px}
.VW-tabcontent .video-list .video-list-thumb {position:relative;width:140px;height:80px;overflow:hidden}
.VW-tabcontent .video-list .video-list-thumb img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}
.VW-tabcontent .video-list .video-list-thumb .play {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0%;width:100%;height:100%;font-size:12px;color:#fff;-webkit-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:rgba(0,0,0,0.4);opacity:0}
.VW-tabcontent .video-list .video-list-thumb .play span.icon {font-size:40px;color:#fff}
.VW-tabcontent .video-list:hover img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.VW-tabcontent .video-list:hover .play {opacity:1}
.VW-tabcontent .video-list.active .play {opacity:1}
.VW-tabcontent .video-list .video-list-content {margin-left:20px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}
.VW-tabcontent .video-list .video-list-content h4 {line-height:1.5;font-weight:700;height:65px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;word-break:break-all}
.VW-tabcontent .video-list .video-list-content p {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#9b9b9b;font-size:12px}
.VW-tabcontent .video-list .video-list-content p i.icon {font-size:16px;color:#9b9b9b;margin-right:5px}
.VW-tabcontent .video-empty {width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.VW-tabcontent .picture-list {margin-right:20px;margin-bottom:20px;width:144px}
.VW-tabcontent .picture-list .picture-list-thumb {width:144px;height:144px;overflow:hidden}
.VW-tabcontent .picture-list .picture-list-thumb img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}
.VW-tabcontent .picture-list h4 {font-weight:700;margin-top:5px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%}
.VW-tabcontent .picture-list:hover img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.liveDetail-header {padding-top:30px;position:relative;overflow:hidden;background-color:#141415}
.liveDetail-header .title {width:1180px;margin:0 auto}
.liveDetail-header .title .liveDetail-title {-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:20px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:18px;color:#fff;font-weight:700}
.liveDetail-header .title .liveDetail-time {color:#909090;font-size:14px;font-weight:700}
.error-bg {width:100vw;height:100vh;background:url("/static/index/image/404.png") #363840 top center no-repeat}
.noSignal .noSignal-text {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:30px;color:#fff}
.liveDetail-player {position:relative;overflow:hidden;width:1180px;margin:0 auto;background:#000000;height:540px;margin-top:25px;-webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.6);box-shadow:0 0 30px 0px rgba(0,0,0,0.6)}
.liveDetail-player .playerFixed {position:absolute;top:15px;left:15px;max-width:80%;color:#fff}
.liveDetail-player .playerLogo {display:block;width:100px}
.liveDetail-article {width:1180px;margin:30px auto;min-height:calc(100vh - 893px);position:relative;background-color:#fff;padding:20px;border-radius:5px}
.liveDetail-article .liveDetail-article-body {padding-top:30px;padding-bottom:40px;font-size:14px}
.liveDetail-article .liveDetail-article-body p {font-size:14px}
.liveDetail-article img {max-width:100%;margin:0 auto}
.liveDetail-article iframe,.liveDetail-article video,.liveDetail-article table {width:100% !important}
.liveDetail-footer {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:140px;background:#333;color:#9b9b9b;font-size:12px;text-align:center}
.liveDetail-footer a:hover {color:#fff;text-decoration:underline}
.liveDetail-article-empty {min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:600;color:#909090;height:100%}
.likeContainer {position:fixed;height:155px;bottom:30px;right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:5000}
.likeContainer .likeContainer-box {position:relative;width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#9b9b9b;cursor:pointer;border-radius:100px;color:#fff}
.likeContainer .likeContainer-box.active {background-color:#286efa;color:#fff;pointer-events:none}
.likeContainer .likeContainer-box span {display:block;font-size:28px}
.likeContainer .likeContainer-box .likeContainer-text {font-size:12px;padding-top:5px}
.likeContainer .likeContainer-box.likeContainer-share {background-color:#09bb07}
.likeContainer .likeContainer-box .likeShare {width:200px;height:230px;background:#FFFFFF;border:1px solid #979797;position:absolute;bottom:0;left:-225px;padding:20px;display:none}
.likeContainer .likeContainer-box .likeShare img {display:block;width:160px;height:160px}
.likeContainer .likeContainer-box .likeShare p {color:#333;margin-top:10px;text-align:center;width:100%}
.likeContainer .likeContainer-box:hover .likeShare {display:block}
.vipTop {position:absolute;top:60px;right:0px;left:0px;height:500px;background-image:url(../image/vip-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.vipContainer {position:relative;width:1180px;margin:0 auto;padding-top:56px;z-index:99}
.vip1>div {margin-bottom:56px}
.vip1 .vip1-solgan {font-size:30px;color:#fff;z-index:1}
.vip1 img {position:relative;display:block;width:100%;margin:-10px 0px 56px}
.vip2 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}
.vip2-column {width:380px}
.vip2-column .vip2-board {position:relative;padding:20px;height:253px;line-height:1.4286;text-shadow:rgba(0,0,0,0.2) 0px 2px 4px;color:#fff;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 2px 15px 0px;box-shadow:rgba(0,0,0,0.15) 0px 2px 15px 0px}
.vip2-column .vip2-board.basicVersion {background-color:#a29faf}
.vip2-column .vip2-board.proVersion {background-color:#eb9e2d}
.vip2-column .vip2-board.singleVersion {background-color:#6c84a5}
.vip2-column .vip2-board .vip2-board-title {font-size:20px;margin-bottom:5px}
.vip2-column .vip2-board .vip2-board-title i.icon {font-size:15px;color:#ffbd10;font-weight:lighter}
.vip2-column .vip2-board .version-intro {height:60px}
.vip2-column .vip2-board .version-price {font-size:36px;text-align:center}
.vip2-column .vip2-board .orign-price {text-decoration:line-through;text-align:center}
.vip2-column .vip2-board .board-btn {position:absolute;left:20px;bottom:20px;right:20px;background-color:#fff;width:auto;height:35px;line-height:35px;text-align:center;cursor:pointer;color:#000;border-radius:5px;text-shadow:none;display:block}
.vip2-column .detail {width:380px;padding:20px 20px 10px;margin-top:10px;background:#fff none repeat scroll 0% 0%;-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 15px 0px;box-shadow:rgba(0,0,0,0.05) 0px 2px 15px 0px;border-radius:5px;line-height:1.4286}
.vip2-column .detail .detail-row {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}
.vip2-column .detail .detail-row .icon {display:inline-block;margin-left:auto}
.vip2-column .detail .detail-row .icon-ziyuan {font-size:13px}
.vip2-column .detail .detail-row .icon-xuanzhong {font-size:12px}
.vip2-column .detail .detail-row span.right-text {margin-left:auto}
.vip2-column .detail .detail-row .introBtn {display:none;margin-left:10px}
.vip2-column .detail .detail-row:hover .introBtn {display:inline-block}
.vip2-column .detail .detail-row:hover .introBtn:hover {color:#427afb}
.vip2-column .detail .grayColor {color:#868686}
.vip2-column .detail .detail-title {font-size:16px}
.vip2-column .detail .detail-row-btn1 {margin-left:auto}
.vip2-column .detail .detail-row-btn1:hover {color:#427afb}
.vip2-column .detail .detail-devider {display:block;margin-top:20px;margin-bottom:20px;height:1px;background-color:#efefef}
.vip2-column .checkDetail {display:none;position:absolute;left:20px;bottom:20px;right:20px;background-color:#fff;width:auto;height:35px;line-height:35px;text-align:center;cursor:pointer;color:#333;border-radius:5px;text-shadow:none;background-color:#fff}
.vip2-column .detailTitle {display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #efefef}
.vip2-column .detailTitle span {font-size:20px !important;font-weight:bold}
.vip2-column .detailTitle i {font-style:normal;display:inline-block;width:30px;height:30px;text-align:center;line-height:30px}
.vip3 {position:relative;margin-top:80px;padding-top:90px}
.compareHeader {position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;width:1180px;height:90px;border-bottom:1px solid #d8d8d8;background-color:#f8f8f8;padding-top:20px}
.compareHeader .compareHeader-item {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;text-align:center}
.compareHeader .compareHeader-item:first-child {-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;text-align:left}
.compareHeader .compareHeader-item .compareHeader-title {margin-bottom:6px;font-size:20px}
.copmareRow {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;border-bottom:1px solid #d8d8d8}
.copmareRow .compareRow-item {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;text-align:center}
.copmareRow .compareRow-item-title {-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}
.copmareRow .compareRow-item-title .compareRow-link {margin-left:20px;display:none}
.copmareRow:hover {background-color:#fff}
.copmareRow:hover .compareRow-link {display:inline-block}
.copmareRow:hover .compareRow-link:hover {color:#286efa}
.copmareRow-dark {font-size:16px;padding-left:20px;background-color:#ebebeb;line-height:50px;border-bottom:1px solid #d8d8d8}
.copmareRow-dark:hover {background-color:#ebebeb}
.vip4 {margin-top:50px;padding:0 20px;background-color:#fff}
.vip4 .vip4-title {height:60px;line-height:60px;font-size:20px;border-bottom:1px solid #efefef}
.vip4 .vip4-item {padding:0px 20px;border-bottom:1px solid #efefef}
.vip4 .vip4-item .vip4-item-title {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;font-size:16px;cursor:pointer}
.vip4 .vip4-item .vip4-item-title span,.vip4 .vip4-item .vip4-item-title i {display:inline-block}
.vip4 .vip4-item .vip4-item-title .icon-arrowdown {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.vip4 .vip4-item .vip4-item-title.active .icon-arrowdown {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.vip4 .vip4-item .vip4-item-content {line-height:20px;color:#868686;padding-bottom:20px;display:none}
.vip4 .vip4-foot {height:50px;line-height:50px;color:#868686}
.vipTooltips {border-radius:3px;display:inline-block;font-size:13px;left:-999em;opacity:0;padding:8px 21px;position:fixed;pointer-events:none;-webkit-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;top:-999em;visibility:hidden;max-width:197px;line-height:20px;padding:10px;font-size:12px;text-align:justify;text-justify:inter-word;color:#fff;background-color:#222;z-index:999}
.vipTooltips.active {opacity:0.9;visibility:visible}
.vipTooltips:before,.vipTooltips:after {content:"";width:0;height:0;position:absolute}
.vipTooltips:before {border-left:10px solid transparent;border-right:10px solid transparent;bottom:-8px;left:50%;margin-left:-10px}
.vipTooltips:after {border-left:8px solid transparent;border-right:8px solid transparent;bottom:-6px;left:50%;margin-left:-8px;border-top-color:#222;border-top-style:solid;border-top-width:6px}
.vipPage .vipTop {position:relative;top:0}
.vipPage .vipContainer {margin-top:-140px}
.vipPage .vip1 {height:100%}
.vipPage .vip1>div {height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}
.vipPage .vip1 .vip1-solgan {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#dbad69}
.vipPage .vip1 .vip1-solgan h2 {font-size:40px;margin-bottom:20px}
.vipPage .vip1 .vip1-solgan p {font-size:20px;padding-bottom:30px;line-height:1}
.vipPage .vip2 {margin-top:0}
.vipPage .vip2 .vip2-column .detail .detail-row .icon-select {color:#0057ff;font-weight:bold}
.vipPage .vip2 .vip2-column .detail .detail-row .icon-close {color:#f00;font-weight:bold}
.vipPage .vip3 {background-color:#fff;padding:20px 20px 20px;border-radius:5px;margin-top:50px}
.vipPage .vip3 .compareHeader {position:relative;top:auto;width:100%}
.vipPage .compareRow-item .icon-select {color:#0057ff;font-weight:bold}
.vipPage .compareRow-item .icon-close {color:#f00;font-weight:bold}
.guide-banner {height:500px;background-color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../image/vrguide-banner.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}
.guide-banner .guide-banner-text {display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.guide-banner .guide-banner-text h2 {font-size:40px;margin-bottom:20px;color:#fff;font-weight:normal}
.guide-banner .guide-banner-text p {font-size:20px;padding-bottom:30px;color:#fff}
.guide-banner .guide-banner-text .live-btn {position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:156px;height:44px;padding:0 0;font-size:14px;margin:40px 20px 0;-webkit-box-shadow:rgba(37,56,102,0.4) 0px 3px 6px 0px;box-shadow:rgba(37,56,102,0.4) 0px 3px 6px 0px}
.guide-banner .guide-banner-text .live-btn-default {background-color:#286efa;color:#fff;cursor:pointer;font-size:14px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.guide-banner .guide-banner-text .live-btn-default:hover {background-color:#0057ff;border-color:#0057ff}
.guide-banner .guide-banner-text .live-btn-default:hover .live-btn-layer {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:0}
.guide-banner .guide-banner-text .live-btn-default .live-btn-layer {position:absolute;left:100%;width:200px;height:200px;background-color:#fff;border-radius:10px;overflow:hidden;padding:10px;opacity:0;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:-1}
.guide-banner .guide-banner-text .live-btn-default .live-btn-layer img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.guide-banner .guide-banner-img {position:absolute;bottom:-50px;left:50%;margin-left:-400px}
.guide-title {text-align:center;margin-bottom:40px}
.guide-title h2 {display:inline-block;position:relative;font-size:30px;color:#222;margin-bottom:15px}
.guide-title h2:after,.guide-title h2:before {content:'';position:absolute;width:30px;height:2px;background-color:#e1e1e1;top:50%;margin-top:-1px;left:-40px}
.guide-title h2:after {left:auto;right:-40px}
.guide-title p {line-height:160%;font-size:16px;color:#999}
.guide-intro {padding:100px 0 0}
.guide-list {position:relative;height:auto;margin-right:0;margin-left:0;margin-bottom:10px;zoom:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.guide-list .guide-list-item {width:30%}
.guide-list .guide-list-item .imgs {margin-bottom:20px}
.guide-list .guide-list-item .imgs img {width:100%}
.guide-list .guide-list-item .texts {text-align:center}
.guide-list .guide-list-item .texts h2 {font-size:24px;color:#333;margin-bottom:10px}
.guide-list .guide-list-item .texts p {font-size:16px;color:#aaa;line-height:160%;height:50px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.how-vrlook-bg {height:300px;background-color:#333;position:relative;margin-bottom:130px;background-image:url(../image/bg.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}
.how-vrlook-bg .bg-content {width:800px;position:absolute;top:60px;left:50%;margin-left:-400px;text-align:center}
.how-vrlook-bg .bg-content h3 {color:#fff;font-size:34px;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}
.how-vrlook-bg .bg-content p {color:rgba(255,255,255,0.8);font-size:18px;margin-bottom:18px;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}
.how-vrlook-bg .bg-content img {width:300px;height:auto}
.steps {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.steps .steps-item {width:25%;padding:10px}
.steps .steps-item img {max-width:100%}
.steps .steps-item .texts {text-align:center;padding:20px 0}
.steps .steps-item .texts span {display:inline-block;width:40px;height:40px;line-height:38px;border-radius:50%;border:1px solid #bbb;font-size:20px;color:#333;margin-bottom:15px}
.steps .steps-item .texts h3 {font-size:24px;color:#333;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.steps .steps-item .texts p {font-size:16px;color:#999;line-height:160%;height:75px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0}
.steps .steps-item-inner {border:1px solid #e1e1e1;background-color:#fff;padding:20px}
.guide-ewm {background-image:url(../image/guide-ewmbg.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;padding:70px 0 50px}
.guide-ewm .guide-ewm-content {text-align:center;padding-bottom:20px}
.guide-ewm .guide-ewm-content img {width:200px;height:200px;margin:0 10px}
.guide-ewm .guide-ewm-content h4 {font-size:22px;color:#121212;margin:40px 0 0}
.guide-ewm .guide-ewm-content p {margin-top:24px;margin-bottom:0}
.guide-ewm .guide-ewm-content p a {font-size:18px;color:#1890ff;display:inline-block;padding:6px 15px;border-radius:30px;border:1px solid #1890ff;margin-right:10px;text-decoration:none}
.special {padding:40px 0}
.special .container {max-width:1184px;width:auto}
.special-title {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px;font-size:30px;font-weight:bold;text-align:center;line-height:2}
.special-title:after {content:"";display:inline-block;background:#1b1818;width:30px;height:4px}
.special-article-list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.special-article-list .special-article-item {width:32%;background-color:#fff;border-radius:5px;overflow:hidden;margin-bottom:20px}
.special-article-list .special-article-item .thumb {width:100%}
.special-article-list .special-article-item .con {padding:20px}
.special-article-list .special-article-item .con .tit {font-size:20px;font-weight:bold;line-height:1.5;height:60px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.special-article-list .special-article-item .con .time {font-size:14px;font-weight:bold;color:#a6a6a6;margin-bottom:15px}
.special-article-list .special-article-item .con .time span {display:inline-block;margin-right:10px}
.special-article-list .special-article-item .con .desc {font-size:16px;line-height:1.5;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#a6a6a6}
.special-pano {background-color:#f7f7ff}
.special-pano-list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.special-pano-list .special-pano-item {display:block;width:24%;position:relative;margin-right:1.333333333%;margin-bottom:20px;overflow:hidden;border-radius:5px}
.special-pano-list .special-pano-item:nth-child(4n) {margin-right:0}
.special-pano-list .special-pano-item .thumb {display:block;width:100%;height:0;padding-top:100%;position:relative}
.special-pano-list .special-pano-item .thumb img {position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.special-pano-list .special-pano-item:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.special-pano-list .special-pano-item .tit {position:absolute;bottom:0;left:0;right:0;top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:35px;line-height:35px;color:#fff;background-color:rgba(0,0,0,0.4);padding:0 10px}
.special-pano-list .special-pano-item .tit h4 {max-width:50%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-weight:bold}
.special-pano-list .special-pano-item .tit a {font-size:12px;color:#c7c7c7}
.special-video-list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.special-video-list .special-video-item {width:24%;margin-right:1.333333333%;background-color:#fff;border-radius:5px;overflow:hidden}
.special-video-list .special-video-item .thumb {display:block;height:0;padding-top:60%;position:relative}
.special-video-list .special-video-item .thumb img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.special-video-list .special-video-item .thumb span.icon {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;font-size:40px;color:#fff;background-color:rgba(0,0,0,0.2);visibility:hidden;opacity:0}
.special-video-list .special-video-item:hover .thumb span.icon {visibility:visible;opacity:1}
.special-video-list .special-video-item .tit {font-size:14px;padding:10px 0;line-height:1.5}
.special-video-list .special-video-item .tit a {font-weight:bold;font-size:14px;height:30px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;padding:0 10px}
.special-video-list .special-video-item:nth-child(4n) {margin-right:0}
.vrvideo-author {position:absolute;top:15px;left:15px;max-width:80%;z-index:5000;color:#fff}
.vrvideo-author .vrvideo-name {white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;margin-right:20px}
.vrvideo-log {width:100px;position:absolute;top:45px;left:15px}
.indexPanolist {margin-bottom:-40px}
@media screen and (max-width:767px) {.indexPanolist {margin-bottom:-10px}
.videoShow {height:320px}
.videoShow .video-box {height:320px}
.special-article-list {-ms-flex-wrap:wrap;flex-wrap:wrap}
.special-article-list .special-article-item {width:100%;margin-right:0;margin-bottom:20px}
.special-article-list .special-article-item .con .tit {height:auto}
.special-pano-list .special-pano-item {width:48%;margin-right:4%}
.special-pano-list .special-pano-item:nth-child(2n) {margin-right:0}
.special-video-list .special-video-item {width:100%;margin-right:0;margin-bottom:20px}
.special-video-list .special-video-item:nth-child(2n) {margin-right:0}
.indexPage .special-video-item {width:48%;margin-right:4%}
.indexPage .index-topic {height:auto;overflow-y:auto;overflow-x:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.indexPage .index-topic .index-topic-item {width:100%;margin-bottom:10px;padding:0}
.indexPage .index-topic .index-topic-item a {width:100%;height:auto}
.indexPage .index-topic .index-topic-item a img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.likeContainer {height:auto;right:15px}
.likeContainer .likeContainer-box {width:40px;height:40px;margin-bottom:15px}
.likeContainer .likeContainer-box:last-child {margin-bottom:0}
.likeContainer .likeContainer-box span {font-size:16px}
.likeContainer .likeContainer-box .likeContainer-text {font-size:10px;padding-top:3px}
.liveDetail-player .playerFixed .playerRenqi {margin-bottom:6px;font-size:10px}
.liveDetail-player .playerLogo {display:block;width:80px}
.vrvideo-author {font-size:10px}
.vrvideo-author .vrvideo-name,.vrvideo-author .vrvideo-rq {font-size:10px}
.vrvideo-log {width:80px;top:36px}
.creatorList .author-page {display:none}
}