@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	overflow-y: visible;
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}
header, footer {
	display: block;
}
body {
	min-width: 320px;
	background: #ffffff;
	font-family: "微软雅黑";
	height: 100%;
	color: #242423;
	overflow-x: hidden;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.6
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #090C10
}
a:hover, a:active, a:focus, a:visited {
	text-decoration: none;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #cccccc;
}
img {
	max-width: 100%;
	vertical-align: middle;
  border: none;
}
input[type=checkbox],input[type=radio] {
	cursor: pointer;
	position: relative;
	margin-left: -20px;
	margin-right: 8px;
}

input[type=checkbox]::after,input[type=radio]::after {
	position: absolute;
	top: 0;
	background-color: #fff;
	color: #fff;
	width: 14px;
	height: 14px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

input[type=checkbox]:checked::after,input[type=radio]:checked::after{
	content: "";
	background-color: #F90017;
	border-color: #F90017;
}

input[type=checkbox]:checked::before,input[type=radio]:checked::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 5px;
	width: 5px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	z-index: 1;
}
.txc{
	text-align: center;
}
.txr{
	text-align: right;
}
.opacity{
	opacity: 0
}
.gray{
	color: #999
}
.m-l-12{
	margin-left: 12px;
}
.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.container {
	width: 1520px;
	margin: 0 auto;
	box-sizing: border-box;
}
.nav-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 101;
	padding: 10px 0;
	min-height: 78px;
	transition: all 0.15s ease-out;
	background: linear-gradient(180deg, rgba(0,0,0,0.7), rgba(19,20,20,0));
}
.nav-header::after{
	content: '';
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #ffffff;
	opacity: 0.2;
	position: absolute;
}
.nav-header .container {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
.brand-logo {
	display: block;
	background: url(../images/brand_logo.svg) no-repeat;
	background-size: cover;
	width: 256px;
	height: 41px;
	transition: all 0.2s ease-out;
}
.nav-box {
	display: flex;
	flex: 1;
	z-index: 0;
	box-sizing: border-box;
	padding-left: 30px;
	position: relative;
}
.navMenu{
	transition: all 0.15s ease-out;
}
.navMenu li{
	padding: 0 8px;
}
.navMenu li a{
	display: inline-block;
	font-size: 18px;
	padding: 6px 7px;
	color: rgba(255,255,255,1);
	position: relative;
	transition: all 0.2s ease-out;
	cursor: pointer;
	white-space: nowrap;
}
.navMenu li a::after{
	content: '';
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: -21px;
	left: 20px;
	right: 20px;
	opacity: 0;
	transition: all 0.2s ease-out;
}
.navMenu .active a,.navMenu li:hover a{
	color: rgba(255,255,255,1);
}
.navMenu .active a::after,.navMenu li:hover a::after{
	opacity: 1;
	left: 7px;
	right: 7px;
}
#navDropdown .navMenu .active a,#navDropdown .navMenu li a:hover{
	color: #F90017
}
.navMenu li .pro-power{
	background: #F90017;
	border-radius: 4px;
	padding-right: 11px;
	padding-left: 11px;
	color: #ffffff !important;
}
.navMenu li .pro-power:hover{
	background: #d51223;
}
.nav-search{
	display: none;
}
.nav-ss-menu{
	background: url(../images/nssmenu.png) no-repeat left;
	background-size: 13px 14px;
	padding-left: 20px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #1a1a1a;
	display: none;
	margin-right: 20px;
	margin-left: 18px;
}
.nav-search{
	display: none;
}
.nav-search .search{
	box-shadow: 0 0 5px rgba(0,0,0,0.15)
}
.nav-search .search-select{
	width: 100px;
}
.nav-search .selected{
	font-size: 16px;
}
.hot-badge{
	position: absolute;
	top: -3px;
    right: -30px;
	z-index: 1;
	width: 56px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #F90017;
	font-size: 20px;
	color: #ffffff;
	border-radius: 4px 4px 4px 0px;
	transform: scale(0.5);
	text-transform: uppercase;
}
.navMenu li a .hot-badge{
	display: none !important;
}
#navDropdown .navMenu li a::after{
	display: none !important;
}
#navDropdown .hot-badge{
	display: none !important;
}
.mob-navbar-nav{
	display: none;
}
.tool-menu li{
	padding: 8px 10px;
	position: relative;
}
.tool-menu li a{
	display: flex;
	align-items: center;
	font-size: 18px;
	padding: 0 5px;
	color: #ffffff;
	transition: all 0.3s ease-out;
	position: relative;
	white-space: nowrap;
}
.tool-menu li .dot{
	position: absolute;
	top: 0px;
	right: -12px;
	width: 22px;
	height: 22px;
	background: #F90017;
	border-radius: 50%;
  white-space: nowrap;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  transform: scale(0.65);
	color: #fff !important;
}
.tool-menu li a:hover{
	opacity: 1;
}
.user-items .dot{
	position: absolute;
	top: 5px;
	width: 22px;
	height: 22px;
	background: #F90017;
	border-radius: 50%;
	white-space: nowrap;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	transform: scale(0.65);
	color: #fff !important;
}
.nline{
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #fff;
	opacity: 0.5;
}
.tool-menu li>span.nline{
	transform: translateY(4px)
}
.nav-hbg .nline,.cnav-hbg .nline{
	background: #333;
}
.cnav-hbg{
	height: 77px;
}
.mesbar{
	position: relative;
}
.mesbar .user-menu{
	width: 160px !important;
}
.mesbar .user-menu a{
	border-bottom: 1px solid #ededed;
}
.mesbar .user-menu a:last-child{
	border-bottom: none;
}
.icart{
	background: url(../images/i_cart.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	transition: all 0.3s ease-out;
}
.nav-hbg .icart,.header-ss-nav .icart,.cnav-hbg .nline .icart,.header-ss-nav .icart{
	background: url(../images/i_cart_b.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
}
.iorder{
	background: url(../images/i_order.png) no-repeat;
	background-size: cover;
	width: 18px;
	height: 20px;
	margin-right: 9px;
	transition: all 0.3s ease-out;
}
.nav-hbg .iorder,.header-ss-nav .iorder{
	background: url(../images/i_order_b.png) no-repeat;
}
.icollect{
	background: url(../images/i_collect.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 9px;
	transition: all 0.3s ease-out;
}
.nav-hbg .icollect,.header-ss-nav .icollect,.cnav-hbg .icollect{
	background: url(../images/i_collect_b.png) no-repeat;
}
.iupload{
	background: url(../images/i_upload.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 9px;
	transition: all 0.3s ease-out;
}
.nav-hbg .iupload,.header-ss-nav .iupload,.cnav-hbg .iupload{
	background: url(../images/i_upload_b.png) no-repeat;
}
.idown{
	display: inline-block;
	background: url(../images/i_down.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	transition: all 0.3s ease-out;
}
.nav-hbg .idown,.header-ss-nav .idown,.cnav-hbg .idown{
	background: url(../images/i_down_b.png) no-repeat;
}
.nav-ss{
	display: block;
	width: 26px;
	height: 26px;
	cursor: pointer;
	transition: all 0.3s ease-out;
	position: relative;
}
.nav-ss::after{
	content: '';
	background: url(../images/i_ss.png) no-repeat center;
	background-size: 20px 20px;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all 0.15s ease-out;
}
.nav-ss::before{
	content: '';
}
.nav-ss.current::before{
	content: '✕';
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 2;
	color: #fff;
	font-size: 20px;
	opacity: 0;
	transition: all 0.15s ease-out;
}
.nav-ss.current::after{
	opacity: 0;
}
.nav-ss.current::before{
	opacity: 1;
}
.search-box{
	position: fixed;
	top: 87px;
	left: 0;
	width: 100%;
	z-index: -100;
	padding: 15px 0;
	opacity: 0;
	transition: all 0.15s ease-out;
	visibility: hidden;
}
.search-box::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(0,0,0,0.5);
}
.search{
	background: #ffffff;
	max-width: 712px;
	margin: 0 auto;
	border-radius: 4px;
	align-items: stretch;
	-webkit-align-items: stretch;
	position: relative;
}
.search-select{
	border-right: 1px solid #DEDEDE;
	width: 120px;
	height: 46px;
	line-height: 46px;
	box-sizing: border-box;
	position: relative;
	color: #333333;
	font-size: 18px;
}
.search-select-list{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding-top: 4px;
	display: none;
}
.search-select-list ul{
	background: #ffffff;
	box-shadow: 0px 3px 6px 0px rgba(17,17,17,0.15);
	border-radius: 2px;
	padding: 12px 0;
}
.search-select-list ul li a{
	display: block;
	padding: 8px 0 8px 0;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
}
.search-select-list ul li a:hover,.search-select-list ul .current a{
	color: #F90017;
}
.selected{
	position: relative;
	cursor: pointer;
	text-align: center;
	padding-right: 20px;
}
.selected::after{
	content: '';
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
  transition: all 0.3s ease-out;
}
.current .selected::after{
  margin-top: 0px;
  transform: rotate(-135deg);
}
.search-input{
	flex: 1;
	position: relative;
}
.search-input input{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100%;
	border: 1px solid #ffffff;
	outline: none;
	color: #333333;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 15px;
}
.search-input input:focus{
	border: 1px solid #F90017;
}

.bar-camera{
	display: block;
	background: url(../images/i_camera.png) no-repeat center;
	background-size: auto 22px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 20px;
	z-index: 1;
	border: none;
	outline: none;
}
.bar-search{
	background: #F90017 url(../images/i_ss.png) no-repeat center;
	background-size: 20px 20px;
	width: 70px;
	cursor: pointer;
	border: none;
	outline: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.header-ss-nav{
	height: 81px;
}
.nav-hbg .nav-ss::after,.header-ss-nav .nav-ss::after,.cnav-hbg .nav-ss::after{
	background: url(../images/i_ss_b.png) no-repeat center;
	background-size: 20px 20px;
}
.nav-hbg .nav-ss.current::before,.header-ss-nav .nav-ss.current::before{
	color: #000;
}

.nav-hbg .search-box,.cnav-hbg .search-box{
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	background: none;
	flex: 1;
	display: none;
	visibility: hidden;
}
.header-ss-nav .search-box{
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	background: none;
	flex: 1;
	z-index: 1;
	opacity: 1;
	display: block;
	visibility: visible;
}
.header-ss-nav .nav-ss{
	display: none;
}
.nav-ss-hbg.nav-hbg .nav-ss{
	display: none;
}
.nav-hbg .search-box::after,.header-ss-nav .search-box::after,.cnav-hbg .search-box::after{
	display: none;
}
.nav-hbg .search-box .search,.header-ss-nav .search-box .search,.cnav-hbg .search-box{
	width: 100%;
	max-width: 100%;
	position: relative;
	border: 1px solid #dedede;
}
.nav-hbg .bar-search,.header-ss-nav .bar-search{
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: -1px;
}
.nav-hbg .btn-login,.header-ss-nav .btn-login,.cnav-hbg .btn-login{
	border: 1px solid #F90017;
	background: #F90017;
	border-radius: 4px;
	color: #fff !important
}
.nav-hbg .nav-header,.header-ss-nav .nav-header,.cnav-hbg .nav-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	padding: 10px 0;
	box-shadow: 0 0 6px rgba(0,0,0,0.15)
}
.nav-hbg .navMenu li a,.header-ss-nav .navMenu li a,.cnav-hbg .navMenu li a{
	color: #333;
	white-space: nowrap;
}
.nav-hbg .navMenu li a::after{
	background: #d51223;
}
.cnav-hbg .navMenu li a::after{
	background: #d51223;
}
.nav-hbg .brand-logo,.header-ss-nav .brand-logo,.cnav-hbg .brand-logo{
	background: url(../images/brand_logo_b.svg) no-repeat;
	background-size: cover;
}
.nav-hbg .tool-menu li a,.header-ss-nav .tool-menu li a,.cnav-hbg .tool-menu li a{
	color: #333;
	opacity: 1;
	white-space: nowrap;
}
.nav-hbg.nav-ss-hbg .search-box,.header-ss-nav .search-box,.cnav-hbg.nav-ss-hbg .search-box{
	flex: 1;
	display: block;
	visibility: visible;
}
.nav-hbg #navMenu,.cnav-hbg #navMenu{
	display: block;
	flex-shrink: 0;
}
#navDropdown{
	display: none;
}
.nav-hbg #navDropdown,.header-ss-nav #navDropdown,.cnav-hbg #navDropdown{
	position: absolute;
	top: 100%;
	left: 18px;
	background: #ffffff;
	box-shadow: 0px 3px 6px 0px rgba(17,17,17,0.15);
	border-radius: 2px;
}
.nav-hbg #navDropdown ul,.header-ss-nav #navDropdown ul,.cnav-hbg.nav-ss-hbg #navDropdown ul{
	flex-direction: column;
}
.nav-ss-hbg .navMenu li a,.nav-ss-hbg .navMenu li a{
	white-space: nowrap;
}
.nav-hbg.nav-ss-hbg .navMenu li a,.header-ss-nav .navMenu li a{
	font-size: 16px;
	white-space: nowrap;
	padding: 8px;
}
.nav-hbg.nav-ss-hbg #navMenu,.cnav-hbg.nav-ss-hbg #navMenu {
	display: none;
}
.nav-ss-hbg #navMenu{
	display: block;
}
.nav-hbg.nav-ss-hbg .nav-ss-menu,.header-ss-nav .nav-ss-menu,.cnav-hbg.nav-ss-hbg .nav-ss-menu{
	display: block;
}
.header-ss-nav #navMenu{
	display: none;
}

.searchShow.search-box{
	opacity: 1;
	z-index: 1001;
	visibility: visible;
}
.searchShow.search-box::after{
	opacity: 1;
	z-index: -1;
}
.nav-hbg.nav-ss-hbg .search,.header-ss-nav .search,.cnav-hbg .search{
	margin: 0;
	max-width: 100%
}
.nav-search-box{
	flex: 1;
}
.picture-swiper,.activity-swiper{
	position: relative;
}
.picture-swiper .swiper-pagination-bullet{
	border-radius: 0;
	width: 24px;
	height: 3px;
	background: #ffffff;
	opacity: 1;
}
.picture-swiper .swiper-pagination-bullet-active{
	background: #F90017;
}
.activity-swiper .swiper-pagination-bullet{
	width: 46px;
	height: 4px;
	background: #ffffff;
	opacity: 0.5;
	border-radius: 2px;
}
.activity-swiper .swiper-pagination-bullet-active{
	opacity: 1;
}
.rec-album-top{
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
}
.rec-album-left{
	width: 33.333%;
	box-sizing: border-box;
	padding: 10px;
}

.rec-album-right{
	width: 66.666%;
	box-sizing: border-box;
}
.rec-album-right ul{
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap: wrap;
}
.rec-album-right ul li{
	width: 50%;
	box-sizing: border-box;
	padding: 10px;
}
.albums-card{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.albums-card .mask{
	opacity: 0;
}
.rec-album-left .albums-card .picture{
  height: min(calc(36.56vw + 20px),576px);
}
.rec-album-right .albums-card .picture,.rec-album-right .albums-card .video{
  height: min(18.28vw,278px);
}
.mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 1;
	transition: all 0.3s ease-out;
}
.picture{
	font-size: 0;
	line-height: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
}
.picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}

.rec-album-right .albums-card{
	height: auto;
}
.albums-card:hover .picture{
	transform: scale(1.05)
}
.albums-card:hover .mask{
	background: rgba(0,0,0,0.1);
	opacity: 1;
}
.tabs li{
	padding-right: 40px;
}
.tabs li a{
	display: block;
	font-size: 16px;
	color: #1a1a1a;
	position: relative;
	padding: 8px 0;
	cursor: pointer;
}
.tabs .active a::after{
	content: '';
	width: 100%;
	height: 4px;
	background: #F90017;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.inspi-thumbs{
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
  height: calc(8.177vw + 20px);
  overflow: hidden;
  transition: all 0.1s ease-out;
}
.inspi-show{
  height: calc(16.354vw + 36px);
}
.inspi-thumbs li{
	width: 20%;
	box-sizing: border-box;
	padding: 4px 10px;
}
.inspi-thumbs li a{
	display: block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.inspi-thumbs-info{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0 1em;
	text-align: center;
}
.inspi-thumbs li .picture{
  height: 8.177vw;
}
.inspi-thumbs-info h3{
	font-size: 18px;
	margin-bottom: 8px;
	transform: translateY(10px);
	transition: all 0.3s ease-out;
	position: relative;
}
.inspi-thumbs-info h4{
	font-size: 14px;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.topic-recommend .mask{
	opacity: 1;
}
.topic-recommend .inspi-thumbs-info h3{
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
}
.topic-recommend .inspi-thumbs-info h3::after{
	content: '';
	width: 100%;
	left: 0;
	height: 1px;
	background: #fff;
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	z-index: 1;
	transform: scaleX(0);
	transition: all 0.3s ease-out;
}
.topic-recommend:hover .inspi-thumbs-info h3::after{
	transform: scaleX(1)
}
.topic-recommend:hover .mask{
	opacity: 1;
}
.inspi-thumbs li a:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.propa-picture-list li .inspi-thumbs-info h4{
	transform: translateY(-10px);
}
.propa-picture-list li:hover .inspi-thumbs-info h4{
	transform: translateY(6px);
}

.inspi-thumbs li a:hover .inspi-thumbs-info h3,.topic-recommend:hover .inspi-thumbs-info h3,.videos-type:hover .inspi-thumbs-info h3{
	transform: translateY(0px);
}
.inspi-thumbs li a:hover .inspi-thumbs-info h4,.topic-recommend:hover .inspi-thumbs-info h4,.videos-type:hover .inspi-thumbs-info h4{
	opacity: 1;
}
.inspi-thumbs li a:hover .mask{
	background: rgba(0,0,0,0.6);
}
.inspi-thumbs li a:hover .picture img{
	transform: scale(1.05)
}
.bumShadow{
	width: calc(100% - 24px);
    height: 6px;
    background: rgb(207, 227, 229,0.6);
    margin-left: 12px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.bumShadowOverlay{
	width: calc(100% - 48px);
    height: 6px;
    background: rgb(224, 235, 237,0.6);
    margin-left: 24px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.waterfall-box{
	position: relative;
	width: calc(100% + 24px);
	margin-left: -6px;
}
.waterfall-item{
	position: absolute;
	width: 20%;
	transition: all 1s;
	box-sizing: border-box;
	padding: 6px;
}

.waters{
	display: block;
}
.waterfall-item .picture{
	border-radius: 2px;
	overflow: hidden;
}
.waterfall-item img{
	width: 100%;
	height: 100%;
}
.waterfall-item .waters .mask{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.waterfall-item  .waters:hover .picture img{
	transform: scale(1.05);
}
.waterfall-item  .waters:hover .mask{
	opacity: 1;
}
.pic-tool{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}
.pic-tool-tr{
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 2;
	display: flex;
	align-items: stretch;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.pic-tool-br{
	position: absolute;
	bottom: 0px;
	right: 10px;
	z-index: 2;
	display: flex;
	align-items: stretch;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.pic-tool-tr li,.pic-tool-br li{
	margin-left: 6px;
	white-space: nowrap;
	height: 32px;
	font-size: 12px;
	padding: 0 8px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	transition: all 0.25s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.pic-tool-tr li a{
	color: #fff;
	display: flex;
	align-items: center;
}
.pic-coma{
	background: url(../images/pic_cam.png) no-repeat center;
	background-size: 16px 14px;
	height: 14px;
	width: 16px;
}
.pic-coll{
	background: url(../images/pic_coll.png) no-repeat center;
	background-size: 16px 14px;
	height: 14px;
	width: 16px;
}
.img-tools .active,.pic-tool-tr .active{
	background: #F90017;
}
.img-tools .active .pic-coll,.pic-tool-tr .active .pic-coll{
	background: url(../images/pic_coll_on.png) no-repeat center;
	background-size: 16px 14px;
}
.pic-cart{
	background: url(../images/pic_cart.png) no-repeat center;
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
}
.pic-down{
	background: url(../images/i_down.png) no-repeat center;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	margin-right: 4px;
	cursor: pointer;
}
.pic-full{
	display: inline-block;
	background: url(../images/pic_full.png) no-repeat center;
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
	transition: all 0.15s ease-out;
}
.pic-hot{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-transform: uppercase;
	background: #F90017;
	border-radius: 2px 0px 12px 0px;
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
	line-height: 1.4;
}
.pic-tool-tr li:hover,.pic-tool-br li:hover{
	background: #F90017
}
.waterfall-item  .waters:hover .pic-tool-tr,
.waterfall-item .picture:hover .pic-tool-tr{
	opacity: 1;
	top: 10px;
}
.waterfall-item  .waters:hover .pic-tool-br,
.waterfall-item .picture:hover .pic-tool-br{
	opacity: 1;
	bottom: 10px;
}
.load-more{
	text-align: center;
	padding: 0px 0 100px 0;
}
.load-more a,.btn-append{
	display: inline-block;
	font-size: 16px;
	color: #121212;
	border: 1px solid #3C3C3C;
	border-radius: 4px;
	padding: 12px 60px;
	transition: all 0.15s ease-out;
	position: relative;
	background: #fff;
	z-index: 10;
	overflow: hidden;
}
.load-more a::before,.btn-append::before{
	content: '';
	background: #F90017;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	z-index: -1;
	transition: all 0.15s ease-out;
}
.load-more a:hover,.btn-append:hover{
	color: #fff;
	border: 1px solid #F90017;
}
.load-more a:hover::before,.btn-append:hover::before{
	height: 100%;
}
.btn-login{
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 3px 20px !important;
}
.banner-box{
	position: relative;
}
.banner-swiper .swiper-slide{
	height: 32.9vw;
}
.banner-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.picture-swiper .swiper-slide{
	height: 32.9vw;
}
.picture-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.activity-swiper .swiper-slide{
	height: 32.9vw;
}
.activity-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recommend-swiper-box{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 10;
	padding: 22px 0;
}
.recommend-swiper{
	position: relative;
}
.recommend-swiper .swiper-slide img{
	opacity: 0.8;
	transition: all 0.3s ease-out;
	width: 100%;
	max-width: 400px;
}
.recommend-swiper .swiper-slide a{
	display: block;
	font-size: 0;
	line-height: 0;
	position: relative;
	background: #000;

}
.recommend-swiper .swiper-slide a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.6);
	z-index: 1;
	opacity: 0;
	transition: all 0.15s ease-out;
}
.recommend-swiper .swiper-slide a:hover::before{
	opacity: 1;
}
.recommend-swiper .swiper-slide a:hover img{
	opacity: 1;
}
.recommend-swiper .swiper-button-prev{
	width: 45px;
	height: 45px;
	background: rgba(0,0,0,0.6);
	box-shadow: 0px 0px 5px 0px rgba(35,23,24,0.2600);
	border-radius: 50px;
	left: -60px;
}
.recommend-swiper .swiper-button-prev::after{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
}
.recommend-swiper .swiper-button-next{
	width: 45px;
	height: 45px;
	background: rgba(0,0,0,0.6);
	box-shadow: 0px 0px 5px 0px rgba(35,23,24,0.2600);
	border-radius: 50px;
	right: -60px;
}
.recommend-swiper .swiper-button-next::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
}
.recommend-swiper .container{
	position: relative;
}
.advantage{
	padding: 38px;
	transition: all 0.3s ease-out;
}
.advantage h3{
	font-size: 24px;
	color: #1a1a1a;
	padding: 25px 0 6px 0;
	line-height: 1.5;
}
.advantage h4{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
	max-width: 180px;
	margin: 0 auto;
}
.items-box{
	margin-left: -8px;
	margin-right: -8px;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-bottom: -8px;
}
.items-box li{
	width:50%;
	box-sizing: border-box;
	padding: 8px;
}
.items{
	height: 100%;
	border-radius: 4px;
	overflow: hidden
}
.picture-items{
	display: block;
	position: relative;
	height: 100%;
}
.picture{
	display: block;
	font-size: 0;
	line-height: 0;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: #f6f7f9 url("../images/loding_logo.png") no-repeat center;
	background-size: 60% auto;
}
.picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.videos-type .picture{
	width: 100%;
}
.video-item{
	display: block;
	position: relative;
	line-height: 0;
	font-size: 0;
}
.video-item__video{
	width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;

}
.big-video{
	height: 100%;
}
.big-video video{
	height: 110%;
	transform: translateY(-5%)
}
.video-item-info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all 0.3s ease-out;
}
.video-item-info h3{
	font-size: 28px;
	margin-bottom: 10px;
	transition: all 0.3s ease-out;
}
.video-item-info h4{
	font-size: 16px;
	transition: all 0.3s ease-out;
}
.mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 1;
	transition: all 0.3s ease-out;
}
.items-swiper .swiper{
	height: 100%;
}
.items-swiper .swiper-slide{
	height: 100%;
	background: #000;
}
.item-info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(249,0,23,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	color: #fff;
	opacity: 0;
	transform: translateX(-100%);
/*	transform-origin: left top;*/
	transition: all 0.4s ease-out 0.1s;
}
.item-info h3{
	font-size: 20px;
	font-weight: lighter;
	display: inline-block;
	padding-right: 20px;
	position: relative;
	margin-top: 26px;
}
.item-info h3::after{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	right: 4px;
	width: 12px;
	height: 12px;
}
.item-info img{
	height: 44px;
}
.items-swiper:hover .item-info{
	opacity: 1;
	transform: translateX(0);
}
.items-swiper:hover .video-item-info{
	opacity: 0;
	transform: scale(0.8);
}
.video-item:hover .item-info{
	opacity: 1;
	transform: scale(1);
}
.video-item:hover .video-item-info{
	opacity: 0;
	transform: scale(0.8);
}
.title-group{
	text-align: center;
	padding: 74px 0 40px 0;
}
.title-group h4{
	font-size: 30px;
	color: #cccccc;
	text-transform: uppercase;
	font-weight: none;
	background: linear-gradient(rgba(204,204,204,1), rgba(204,204,204,0));
	-webkit-background-clip: text;
	color: transparent;
	line-height: 1
}
.title-group h3{
	font-size: 32px;
	color: #1a1a1a;
	line-height: 1;
	transform: translateY(-10px);
}
.integ-info{
	padding: 20px;
	position: relative;
	z-index: 10;
}
.integ-num{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
	font-size: 110px;
	font-family: Arial;
	font-weight: bold;
	color: #F5F0F0;
	line-height: 1;
}
.integrate-list{
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	padding-bottom: 110px;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.integrate-list li{
	padding: 8px;
	width: 25%;
	box-sizing: border-box;
}
.integrate-list li:hover .mask{
	opacity: 0;
}
.integrates{
	display: block;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0px 1px 8px 0px rgba(63,63,63,0.1500);
	border-radius: 4px;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
.integrates .picture{
  height:min(12.5vw,190px);
}
.integ-title{
	font-size: 22px;
	color: #1A1A1A;
	display: flex;
	align-items: center;
}
.integ-title img{
	height: 36px;
	flex-shrink: 0;
	margin-right: 20px;
}
.integ-desc{
	font-size: 14px;
	line-height: 26px;
	height: 104px;
	overflow: hidden;
	margin-top: 10px;
  text-align: justify;
}
.barmore{
	display: block;
	background: #F90017;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	padding: 10px 15px;
	transition: all 0.3s ease-out;
}
.integrate-list li:hover .integrates{
	transform: scale(1.02);
}
.integrate-list li:hover .integrates .barmore{
	opacity: 0.85
}
.integrate-list li:hover .integrates .picture img{
	transform: scale(1.08);
}
.services-list{
	padding-bottom: 0px !important;
}
.services-list .integ-desc{
	height: 50px;
}
.integ-control{
	padding-top: 20px;
	margin-top: 12px;
	border-top: 1px solid #ccc;
}
.fbg{
	background: url(../images/f_img.jpg) no-repeat center;
	background-size: cover;
	padding-top: 50px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.f-logo{
	height: 48px;
}
.btm-box{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	color: #ffffff;
}
.btm-left{
	max-width: 530px;
	color: #ffffff;
}
.coptright{
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 22px 0;
	color: rgba(255,255,255,0.5);
	font-size: 12px;
	margin-top: 100px;
	display: flex;
	align-items: center;
}
.coptright p{
	padding: 0 10px;
}
.coptright a{
	color: rgba(255,255,255,0.5);
	transition: all 0.3s ease-out;
}
.coptright a:hover{
	color: rgba(255,255,255,1);
}
.btm-desc{
	padding-top: 36px;
  color: rgba(255,255,255,0.5);
}
.btm-desc h3{
  padding-bottom: 10px;
}
.btm-desc h3 a{
  display: inline-block;
  position: relative;
  padding-right: 12px;
  font-size: 20px;
  color: rgba(255,255,255,1);
  font-weight: normal;
}
.btm-desc h3 a::after{
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -3px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.btm-desc h3 a:hover::after{
  opacity: 0.8;
  right: 0;
}
.tools{
	position: fixed;
	bottom: 8%;
	right: 60px;
	z-index: 1001;
}
.tools li{
	padding: 10px 0;
	position: relative;
}
.tool-tips{
	position: absolute;
	top: 50%;
	right: 110%;
	margin-right: 15px;
	background: rgba(0,0,0,0.8);
	z-index: -10;
	white-space: nowrap;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 2px;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
}
.tool-tips::after{
	content: '';
	border-left: 6px solid rgba(0,0,0,0.8);
	border-bottom: 6px solid rgba(0,0,0,0);
	border-top: 6px solid rgba(0,0,0,0);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: -6px;
	z-index: 1;
}
.tools li:hover .tool-tips{
	opacity: 1;
	z-index: 1;
	right: 100%;
	visibility: visible;
}
.tools li .service-popup{
	transition: all 0.3s ease-out;
	display: block;
	opacity: 0;
	z-index: -100;
	visibility: hidden;
}
.tools li:hover .service-popup{
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.tools li a{
	display: block;
	cursor: pointer;
	width: 48px;
	height: 48px;
	padding: 14px;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	transition: all 0.2s ease-out;
}
.tool-kf {
	background: #F90017 !important;
}
.tool-kf span{
	display: block;
	background: url(../images/tool_kf.png) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.tool-cart span{
	display: block;
	background: url(../images/tool_cart.png) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.tool-coll span{
	display: block;
	background: url(../images/tool_coll.png) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.tool-top span{
	display: block;
	background: url(../images/tool_top.png) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.tools li a:hover{
	box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.bqbox{
	background: url(../images/bqbg.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0;
}
.bq-tips{
	text-align: center;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 16px;
}
.bq-tips h3{
	font-size: 28px;
	line-height: 1.5;
	padding-bottom: 16px;
}
.bq-tips h2{
	font-size: 38px;
	line-height: 1.5;
	padding-bottom: 80px;
}

.bq-tips .barmore{
	display: inline-block;
	padding: 10px 40px;
	margin: 0 auto;
}
.bq-tips .barmore:hover{
	opacity: 0.8
}
.activites{
	flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 46px;
}
.activites li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 10px;
}
.activites-info{
	padding: 20px 0;
	font-size: 16px;
	color: #999999;
}
.activites-info h3{
	font-size: 22px;
	margin-bottom: 10px;
	color: #333333;
	transition: all 0.3s ease-out;
}
.activites li .picture{
	height: 12.7vw;
}
.activites li .picture .mask{
	opacity: 0;
}
.activites li:hover .picture .mask{
	opacity: 1;
}
.activites li .picture img{
	transition: all 0.5s ease-in-out;
}
.activites li:hover .picture img{
	transform: scale(1.1)
}
.activites li:hover h3{
	color: #000;
}
.swsq-box{
	background: url(../images/swsqbg.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0 120px 0;
}
.swsq-title{
	text-align: center;
	font-size: 28px;
	padding-bottom: 90px;
	color: #fff;
}
.swsq-items{
	justify-content: center;
	padding-bottom: 68px;
}
.swsq-items li{
	padding: 0 80px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	min-width: 360px;
}
.swsq-items li:nth-child(2n){
	animation-delay: 0.1s;
}
.swsq-items li:nth-child(3n){
	animation-delay: 0.2s;
}
.swsq-items li h2{
	font-size: 48px;
	margin-bottom: 25px;
}
.swsq-items li h2 b{
	display: inline-block;
	font-weight: normal;
	transition: all 0.3s ease-out;
	text-align: right;
}
.swsq-btn{
	display: inline-block;
	background: #ED171E;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	padding: 15px 40px;
	font-size: 18px;
	color: #fff;
	transition: all 0.15s ease-out;
}
.swsq-btn:hover{
	opacity: 0.8;
}
.f-navbar li a:hover{
	color: rgba(255,255,255,1)
}

.picture-title-group{
	color: #1A1A1A;
	padding: 30px 0;
	margin-top: 30px;
	position: relative;
}
.picture-title-group h3{
	font-size: 26px;
	font-weight: normal;
	padding-right: 12px;
	white-space: nowrap
}
.picture-title-group h4{
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}
.picture-title-group h4 span{
	color: #F90017
}
.atlas-banner{
	position: relative;
	margin-bottom: 12px;
  height: 32.9vw;
	overflow: hidden;
	z-index: 1;
}
.atlas-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.atlas-banner::before{
	content: '';
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.atlas-banner-info{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 10;
	padding: 30px 25%;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
	font-size: 18px;
  box-sizing: border-box;
}
.atlas-banner-info h3{
	font-size: 36px;
	font-weight: normal;
	text-shadow: 0px 2px 4px rgba(26,26,25,0.45);
	padding-bottom: 45px;
}
.atlas-banner-info ul{
	justify-content: center;
	padding-bottom: 20px;
}
.atlas-banner-info ul li{
	padding-right: 20px;
}
.atlas-banner-info ul li a{
	display: block;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 4px;
	padding: 7px 24px;
	color: #1a1a1a;
	font-size: 16px;
	transition: all 0.15s ease-out;
}
.atlas-banner-info ul li a:hover{
	background: #F90017;
	border: 1px solid #F90017;
	color: #fff;
}
.topic-recommend{
	border-radius: 4px;
	overflow: hidden;
	display: block;
	position: relative;
  height: min(18.28vw,278px);
}
.topic-recommend .picture{
  border-radius: 4px;
}
.videos-type{
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 400px;
}
.videos-type::before{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 60px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 10;
	opacity: 0.8;
	transition: all 0.3s ease-out;
}
.videos-type::after{
	content: '';
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 60px;
	height: 20px;
	position: absolute;
	bottom: 20px;
	left: 30px;
	z-index: 10;
	opacity: 0.8;
	transition: all 0.3s ease-out;
}
.total-num{
	position: absolute;
	bottom: 15px;
	right: 30px;
	color: #fff;
	z-index: 10;
	font-size: 16px;
}
.videos-type:hover::before{
	top: 10px;
	right: 20px;
}
.videos-type:hover::after{
	bottom: 10px;
	left: 20px;
}
.videos-topic-swiper,.topic-recommend-swiper{
	position: relative;
}
.topic-recommend-swiper .swiper-button-next,.videos-topic-swiper .swiper-button-next,.report-detail-swiper .swiper-button-next{
	background: #fff;
	width: 45px;
	height: 45px;
	right: -18px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.topic-recommend-swiper .swiper-button-next:after,.videos-topic-swiper .swiper-button-next:after,.report-detail-swiper .swiper-button-next::after{
	font-size: 20px;
	color: #CC0B0B;
}

.topic-recommend-swiper .swiper-button-prev,.videos-topic-swiper .swiper-button-prev,.report-detail-swiper .swiper-button-prev{
	background: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	left: -18px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.topic-recommend-swiper .swiper-button-next.swiper-button-disabled, .topic-recommend-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.report-detail-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.videos-topic-swiper .swiper-button-next.swiper-button-disabled, .videos-topic-swiper .swiper-button-prev.swiper-button-disabled, .report-detail-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.topic-recommend-swiper .swiper-button-prev:after,.videos-topic-swiper .swiper-button-prev:after,.report-detail-swiper .swiper-button-prev::after{
	font-size: 20px;
	color: #CC0B0B
}
.albums-title{
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 6;
	padding: 10px 15px;
	background: rgba(249,0,23,0.8);
	border-radius: 4px;
	transition: all 0.05s ease-out;
	text-align: center;
}
.albums-title h3{
	font-size: 18px;
	font-weight: normal;
}
.albums-title span{
	display:none;
	font-size: 16px;
	position: relative;
	padding-right: 15px;
	margin-top: 15px;
}
.albums-title span::after{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -3px;
	opacity: 0;
	transition: all 0.2s ease-out;
}
.red-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(249,0,23,0.2);
	border-radius: 4px;
	transition: all 0.15s ease-in-out;
	transform-origin: left top;
	transform: scale(0);
}
.albums-card:hover .red-mask{
	transform: scale(1);
	background: rgba(249,0,23,0.8);
}
.albums-card:hover .albums-title{
	top: 50%;
	left: 50%;
	background: rgba(249,0,23,0);
	transform: translate(-50%,-50%);
}
.albums-card:hover .albums-title h3{
	font-size: 22px;
}
.albums-card:hover .albums-title span{
	opacity: 1;
	display: inline-block;
}
.albums-card:hover .albums-title span::after{
	right: 3px;
	opacity: 1;
}
.latest-watter{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
}
.container .latest-watter{
	padding-left: 0px;
	padding-right: 0px;
}
.video-banner-box{
	position: relative;
	height: 32.9vw;
}
.video-banner{
	height: inherit;
	overflow: hidden;
	width: 100%
}
.video-banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-banner-tips{
	position: absolute;
	bottom: 30px;
	right: 40px;
	z-index: 1;
	color: #fff;
}
.video-banner-tips h3{
	font-size: 24px;
	font-weight: normal;
}
.video-banner-control{
	justify-content: space-between;
	padding-top: 20px;
}
.vbchange{
	background: url(../images/vb_ex.png) no-repeat center;
	background-size: 19px 16px;
	width: 30px;
	height: 30px;
	opacity: 0.6;
	cursor: no-drop
}
.vbpause{
	background: url(../images/vb_pause.png) no-repeat center;
	background-size: 12px 16px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
}
.vbplay{
	display: none;
	background: url(../images/vb_play.png) no-repeat center;
	background-size: 14px 16px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
}
.vbopen{
	background: url(../images/vb_unvoice.png) no-repeat center;
	background-size: 17px 16px;
	width: 30px;
	height: 30px;
	display: block;
	border: none;
}
.vbmute{
	background: url(../images/vb_voice.png) no-repeat center;
	background-size: 17px 16px;
	width: 30px;
	height: 30px;
	display: none;
}
.selected-videos{
	width: 33.333%;
}
.selected-videos ul li{
	padding: 10px;
}
.video{
	position: relative;
	font-size: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.video video{
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.08);
	transition: all 0.3s ease-out;
}
.video-play{
	position: relative;
}
.video-play .pic-tool-tr{
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	top: 10px;
	right: 0;
}
.video-play .pic-tool-tr li{
	margin-bottom: 12px;
	width: 32px;
	padding: 10px 0;
}
.rec-album-right .video-play .pic-tool-tr li:first-child{
	margin-bottom: 20px;
}
.video-play .pic-tool-tr li:first-child{
	width: auto;
	padding: 10px 10px;
	margin-bottom: 10px;
}
.video-play .pic-tool-tr li span{
	display: inline-block;
}
.video-play:hover .pic-tool-tr{
	opacity: 1;
	right: 10px;
}
.video-tips{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 20px;
	color: #fff;
	z-index: 10;
	font-size: 16px;
	line-height: 1.25;
}
.video-tips::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background: linear-gradient(0deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%);*/
	z-index: -1;
	transition: all 0.3s ease-out;
}
.video-title{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
}
.video-time{
	white-space: nowrap;
	flex-shrink: 0;
}
.video-time b{
  font-weight: normal;
}
.video-time span{
	display: inline-block;
	background: rgba(26,26,26,0.2);
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 2px;
	padding: 0 6px;
	font-size: 14px;
	line-height: 1.4
}
.more-arrow{
	display: inline-block;
	position: relative;
	padding-right: 20px;
	transition: all 0.3s ease-out;
}
.more-arrow::after{
	content: '';
	border-top: 1px solid #1a1a1a;
	border-right: 1px solid #1a1a1a;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -3px;
}
.more-arrow:hover{
	padding-right: 12px;
}
.hot-video-list{
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-left: -6px;
	margin-right: -6px;
	flex-wrap: wrap;
	padding-bottom: 80px;
}
.hot-video{
	width: 25%;
	box-sizing: border-box;
	padding: 6px;
}
.hot-video .video{
  height: min(13.421vw,204px);
}
/*.search-video-list .hot-video .video{*/
	/*height: 10.625vw;*/
/*}*/
.hot-video .video-play{
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	height: 100%;
}
.hot-video  .video-play .mask{
	opacity: 0;
}
.hot-video  .video-play:hover .video-tips::after{
	opacity: 0;
	transform: translateY(10px)
}
.hot-video  .video-play:hover .mask{
	opacity: 0.2;
}
.hot-video .pic-tool-tr li{
	margin-bottom: 5px;
	position: relative;
}
.introduce-box{
	background: #F7F9FA;
	padding: 50px 0;
}
.fleximage-box{
	margin-left: -6px;
	margin-right: -6px;
	overflow: hidden;
}
.fleximage-item{
	padding: 6px;
	font-size: 0;
	line-height: 0;
	display: block;
	position: relative;
}
.fleximage-item .mask{
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	width: auto;
	height: auto;
	border-radius: 4px;
	opacity: 0;
}
.fleximage-item img{
	border-radius: 4px;
}
.fleximage-item .pic-tool-tr{
	top: 20px;
	right: 20px;
}
.fleximage-item .pic-tool-br{
	bottom: 20px;
	right: 20px;
}
.fleximage-item:hover .mask{
	opacity: 1;
}
.fleximage-item:hover .pic-tool-tr{
	top: 20px;
	opacity: 1;
	right: 20px;
}
.fleximage-item:hover .pic-tool-br{
	bottom: 20px;
	opacity: 1;
	right: 20px;
}
.detail-show{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.detail-video{
	width: 52%;
	box-sizing: border-box;
}
.detail-video video{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.detail-picture{
	width: 50%;
}
.detail-information{
	flex: 1;
	box-sizing: border-box;
	padding-left: 32px;
}
.detail-infos{
	background: #fff;
	margin-bottom: 10px;
	border-radius: 4px;
	padding: 20px 20px;
}
.detail-title{
	font-size: 24px;
	color: #333;
	display: flex;
	align-items: flex-start;
}
.vidtype{
	display: inline-block;
	background: #F90017;
	border-radius: 2px;
	padding: 0 6px;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
  flex-shrink: 0;
}
.detail-title .vidtype{
  margin-right: 10px;
  margin-top: 8px;
}
.detail-title img{
	height: 24px;
	width: auto;
	vertical-align: middle;
	flex-shrink: 0;
	margin-top: 8px;
	margin-right: 10px;
}
.infos-list{
	padding: 10px 0;
}
.infos-cells{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 7px 0;
}
.infos-label{
	min-width: 110px;
	color: #767676;
}
.infos-value{
	min-width: 120px;
}
.video-type-select ul{
	padding: 10px 15px;
	border-radius: 4px;
}
.video-type-select li{
	font-size: 14px;
	min-width: 50px;
	padding: 0 5px;
	white-space: nowrap;
}
.video-type-select li:first-child{
	flex: 1;
}
.video-type-select li:nth-child(2n){
	flex: 1;
}
.video-type-select li:nth-child(3n){
	flex: 1.5;
}
.video-type-select li:nth-child(4n){
	flex: 1.5;
}
.video-type-select li:nth-child(5n){
	flex: 1;
}
.video-type-select ul:hover{
	background: #F8FAFB;
}
.video-type-select li input{
	margin-right: 10px;
}
.radio-checked{
	background: #F8FAFB
}
.detail-button-group{
	padding-top: 20px;
	position: relative;
}
.btn-loadown{
	flex: 1;
	border: 1px solid #dedede;
	border-radius: 4px;
	height: 46px;
	line-height: 44px;
	font-size: clamp(14px,1vw,18px);
	color: #fff;
	background: #FA2D40;
	text-align: center;
	overflow: hidden;
	transition: all 0.15s ease-out;
}
.btn-loadown:hover{
	opacity: 0.8
}
.btn-collect{
	width: 98px;
	height: 46px;
	border: 1px solid #dedede;
	border-radius: 4px;
	text-align: center;
	line-height: 44px;
	flex-shrink: 0;
	margin-left: clamp(12px,1.2vw,24px);
	overflow: hidden;
	cursor: pointer;
	transition: all 0.15s ease-out;

}
.btn-collect:hover{
	border: 1px solid #1a1a1a;
}
.i-collect-o{
	display: block;
	background: url(../images/i_collect_o.png) no-repeat center;
	width: 100%;
	height: 100%;
}
.collected{
	display: none;
	font-size: clamp(14px,1vw,18px);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.btn-collect.btn-collected .i-collect-o{
	display: none;
}
.btn-collect.btn-collected .collected{
	display: block;
	background: #000000;
	color: #fff;
}

.tips-warn{
	display: inline-block;
	background: url(../images/i_warn.png) no-repeat left;
	padding-left: 24px;
	margin-top: 15px;
}
.c-title{
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0;
}
.ptm{
	padding-top: 40px;
}
.type-keyword{
	flex-wrap: wrap;
}
.type-keyword li{
	padding-right: 20px;
	padding-bottom: 20px;
}
.type-keyword li a{
	display: block;
	background: #F4F4F4;
	border-radius: 4px;
	padding: 5px 5px;
	white-space: nowrap;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	transition: all 0.15s ease-out;
}
.type-keyword li a:hover,.type-keyword .active a{
	background: #FA2D40;
	color: #fff;
}
.picture-toast-infos .type-keyword li a{
	border: 1px solid #DEDEDE;
	border-radius: 2px;
	background: none;
}
.imgContanier{
  height: min(33.815vw,514px);
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	background: #EBEBEB;
	position: relative;
	overflow: hidden;
}
.imgContanier img{
	max-width: 100%;
	max-height: 100%;
}
.img-tools{
	position: absolute;
	bottom: 0px;
	right: 10px;
	z-index: 10;
	display: flex;
	align-items: center;
	transition: all 0.15s ease-out;
}
.fleximage-item .img-tools{
	margin-bottom: 10px;
	margin-right: 10px;
}
.img-tools li{
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	width: 32px;
	height: 32px;
	margin-left: 8px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
	position: relative;
}
.img-tools li:hover{
	background: #F90017;
}
.img-tools li:hover .pic-full{
	transform: scale(1.1);
}
.btn-box{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.radio {
	display: flex;
	align-items: center;
	margin: 0;
}
.radio label{
	padding-left: 10px;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #333;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 8px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
	transform: translateY(3px)
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #FA2D40;
  box-shadow: inset 0 0 0 2px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #FA2D40;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 2px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.img-tips{
	position: absolute;
	background: rgba(0,0,0,0.5);
	bottom: 100%;
	white-space: nowrap;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	margin-bottom: 10px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	left: 50%;
	transform: translateX(-50%);
}
.img-tips::after{
	content: '';
	border-top: 6px solid rgba(0,0,0,0.5);
	border-right: 6px solid rgba(0,0,0,0);
	border-left: 6px solid rgba(0,0,0,0);
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	z-index: 1;
}

.vid-tips{
	position: absolute;
	background: rgba(0,0,0,0.5);
	white-space: nowrap;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	top: 2px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	right: 30px;
	font-size: 12px !important;
	line-height: 20px;
	transition: all 0.3s ease-out;
}
.vid-tips::after{
	content: '';
	border-left: 4px solid rgba(0,0,0,0.5);
	border-top: 4px solid rgba(0,0,0,0);
	border-bottom: 4px solid rgba(0,0,0,0);
	position: absolute;
	top: 8px;
	right: -4px;
	margin-left: -6px;
	z-index: 1;
}
.pic-tool-tr li:hover .vid-tips{
	opacity: 1;
	visibility: visible;
	right: 40px;
}
.img-tools li:hover .img-tips{
	opacity: 1;
	visibility: visible;
}
.fleximage-item .img-tools,.waterfall-item .img-tools{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.fleximage-item:hover .img-tools,.waterfall-item:hover .img-tools{
	opacity: 1;
	bottom: 10px;
}

.fleximage-item .img-tools li:hover .img-tips,.waterfall-item .img-tools li:hover .img-tips{
	opacity: 1;
	visibility: visible;
	font-size: 12px;
	line-height: 1.5;
}
.detail-picture .img-tools{
	bottom: 12px;
}
.cbg{
	background: #F7F9FA;
	padding: 30px 0;
}
.relevant-atlas .inspi-thumbs li{
	width: 12.5%;
}
.relevant-atlas .container{
	padding-left: 40px;
    padding-right: 40px;
	width: 100%;
	box-sizing: border-box;
}
.search-wrapper .container{
	padding-left: 40px;
    padding-right: 40px;
	width: 100%;
	box-sizing: border-box;
}
.gg-wrapper{
	padding: 0 40px 40px 40px;
	position: relative;
	z-index: 11;
}
.gg-wrapper .container{
	padding-left: 40px;
    padding-right: 40px;
}
.gg-wrapper .propa-album-list li .video{
	height: 14.68vw;
	border-radius: 4px;
	overflow: hidden;
}
.gg-wrapper .propa-album-list li .picture{
	height: 14.68vw;
	border-radius: 4px;
	overflow: hidden;
}
.search-screen{
	border-bottom: 1px solid #DEDEDE;
}
.screen-cells{
	position: relative;
	margin-right: 30px;
}
.screened-tips{
	display: flex;
	align-items: center;
	padding: 20px 0 18px 0;
	font-size: 16px;
	color: #666;
	cursor: pointer;
}
.screen-cells.current .screened-tips{
  color: #1a1a1a;
}
.sarr{
	display: inline-block;
	width: 12px;
	height: 12px;
	position: relative;
	margin-left: 4px;
}
.sarr::after{
	content: '';
	border-top: 4px solid #999;
	border-left: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1;
}
.clear-screen{
	padding-left: 36px;
	position: relative;
}
.clear-screen:hover{
  color: #1A1A1A;
}
.clear-screen::after{
	content: '';
	background: url(../images/i_clear.png) no-repeat;
	background-size: cover;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 16px;
	margin-top: -7px;
}
.clear-screen::before{
	content: '';
	width: 1px;
	height: 20px;
	position: absolute;
	background: #DEDEDE;
	top: 50%;
	left: 0;
	margin-top: -10px;
	z-index: 1;
}
.search-result-tips{
	font-size: 16px;
	color: #666666;
	padding-top: 20px;
}
.search-result-tips strong{
	color: #1a1a1a;
	margin: 0 6px;
}
.search-result-tips a{
	color: #759ED6
}
.search-result-tips a:hover{
	text-decoration: underline;
}
.relevant-searchs{
	padding-top: 15px;
	margin-bottom: 20px;
}
.relevant-search-swiper{
	flex: 1;
	overflow: hidden;
	position: relative;
	padding: 3px 0;
}
.relevant-search-swiper .swiper-slide{
	width: auto;
}
.relevant-search-swiper .swiper-slide a{
	display: block;
	white-space: nowrap;
	padding: 5px 20px;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.15s ease-out;
}
.relevant-searchs label{
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
	flex-shrink: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
}
.relevant-search-scroll li a:hover{
	border: 1px solid #F90017;
	color: #F90017;
}
.relevant-search-swiper .swiper{
	padding: 5px 0;
}
.relevant-search-swiper .swiper-button-next{
	right: 0;
	width: 70px;
	height: 100%;
	top: 0;
	margin: 0;
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.6),rgba(255,255,255,0.9),rgba(255,255,255,1));
	justify-content: flex-end;
	outline: none;
	transform: all 0.3s ease-out;
}
.relevant-search-swiper .swiper-button-next:after{
	color: #333;
	font-size: 14px;
	font-weight: bold
}
.relevant-search-swiper .swiper-button-prev{
	left: 0;
	width: 70px;
	height: 100%;
	top: 0;
	margin: 0;
	background: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.6),rgba(255,255,255,0.9),rgba(255,255,255,1));
	justify-content: flex-start;
	outline: none;
	transform: all 0.3s ease-out;
}
.relevant-search-swiper .swiper-button-prev:after{
	color: #333;
	font-size: 14px;
	font-weight: bold
}
.relevant-search-swiper .swiper-button-next.swiper-button-disabled,.relevant-search-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.screen-pop{
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	box-shadow: 0px 4px 9px 0px rgba(17,17,17,0.15);
	border-radius: 4px;
	z-index: 101;
	padding-bottom: 4px;
	left: 0;
	top: 100%;
	display: none;
	width: auto;
}
.screen-customize{
/*	background: #F7F9FA;*/
	padding: 10px 28px;
	line-height: 1.2;
	color: #999;
	white-space: nowrap;
}
.screen-customize:hover{
	background: #F7F9FA;
}
.screen-customize input{
	width: 74px;
	height: 28px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 2px;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 6px;
	outline: none;
}
.screen-customize span{
	margin: 0 8px;
	font-size: 14px;
	color: #1a1a1a;
}
.scrbtn{
	width: 72px;
	height: 28px;
	background: #F90017;
	border-radius: 14px;
	border: none;
	cursor: pointer;
	outline: none;
	color: #fff;
}
.screen-vert{
	min-width: 150px;
}
.screen-vert a{
	display: flex;
	align-items: center;
	font-size: 16px;
	padding: 5px 28px;
	white-space: nowrap;
	color: #999;
	cursor: pointer;
	position: relative;
}
.screen-vert .current{
/*	background: #F7F9FA;*/
	color: #1a1a1a;
}
.screen-vert .current::before{
	content: '✔';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 1;
}
.screen-vert a:hover{
	color: #1a1a1a;
	background: #F7F9FA;
}
.classify{
	flex-wrap: wrap;
	min-width: 350px;
}
.classify li{
	width: 25%;
	flex-shrink: 0;
}
.classify li a{
	display: block;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	color: #999;
	font-size: 16px;
}
.classify .current a,.classify li a:hover{
	background: #F7F9FA;
	color: #1a1a1a;
}
.colour-list{
	min-width: 160px;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0 22px;
}
.colour-list li{
	width: 20%;
	box-sizing: border-box;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.color-dot{
	display: block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	border-radius: 50%;
  border: 1px solid #DEDEDE;
}
.colour-list .current{
	background: #F7F9FA;
}
.HCI{
	width: 18px;
	height: 12px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-right: 8px;
}
.VCI{
	width: 12px;
	height: 18px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-right: 13px;
}
.SCI{
	width: 18px;
	height: 18px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-right: 8px;
}
.search-video-list{
	padding-right: 20px;
	padding-left: 20px;
}

.search-wrapper .search-video-list{
  padding-right: 0px;
  padding-left: 0px;
}
.search-video-list .hot-video{
	width: 20%;
}
.pagination-number{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 120px;
	position: relative;
}
.pagination-number a{
	font-size: 16px;
	color: #1a1a1a;
	margin: 0 20px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}
.pagination-number span,
.pagination-number .is-current{
	font-size: 16px;
	color: #F90017;
	margin: 0 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	display: inline-block;
}
.pagination-number .pagination-ellipsis{
	text-decoration: none;
	color: unset;
}
.pgprev{
	border: 1px solid #3C3C3C;
	border-radius: 4px;
	padding: 1px 15px;
	font-size: 14px;
	transition: all 0.3s ease-out;
}

.pgnext{
	border: 1px solid #3C3C3C;
	border-radius: 4px;
	padding: 1px 15px;
	font-size: 14px;
	transition: all 0.3s ease-out;
}
.pgprev:hover,.pgnext:hover{
	border: 1px solid #F90017;
	color: #F90017
}
.pgprev.disabled,.pgnext.disabled{
	color: #ccc;
	border-color: #ccc;
}
.page-other{
	padding-left: 60px;
	color: #666666;
	position: absolute;
	top: 2px;
	right: 0;
}
.pgnum{
	border-bottom: 1px solid #666666;
	border-right: none;
	border-left: none;
	border-top: none;
	outline: none;
	width: 40px;
	text-align: center;
	margin: 0 3px;
	color: #1a1a1a;
}
.pgbtn{
	margin-left: 12px;
	border: 1px solid #3C3C3C;
	border-radius: 4px;
	padding: 5px 15px;
	background: none;
}
.upload-login-box{
	height: 100%;
	background: url(../images/upbg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
  overflow: hidden;
}
.upload-login-box .brand-logo{
	position: absolute;
	top: 30px;
	left: 60px;
	z-index: 100;
}
.upload-login-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	color: #fff;
	text-align: center
}
.upload-login h1{
	font-size: 48px;
	font-weight: lighter;
	color: #fff;
}
.upload-login h3{
	font-size: 26px;
	font-family: 'SourceHanSansCN-ExtraLight';
	font-weight: lighter;
	padding-top: 15px;
	padding-bottom: 40px;
	color: #fff;
}
.upload-login .swsq-items{
	margin-bottom: 30px;
}
.qr-tips{
	font-size: 14px;
	color: #666;
}
.other-login{
	text-align: center;
	padding-top: clamp(15px,3.12vw,60px);
}
.other-login a{
	color: #999;
}
.btn-red{
	display: inline-block;
	background: #FF2E41;
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	padding: 8px 50px;
	cursor: pointer;
	margin-bottom: 26px;
}
.upload-tips{
	font-size: 18px;
}
.pcover{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 999;
}
.login-box{
	width: 416px;
	background: #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 40px;
	position: relative;
	min-height: 450px;
}
.back-close{
	position: absolute;
	top: -32px;
	right: -46px;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	cursor: pointer;
}
.login-tabs li{
	padding-right: 24px;
	margin-right: 24px;
	position: relative;
}
.login-tabs li:first-child::after{
	content: '';
	width: 1px;
	height: 16px;
	background: #dedede;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
}
.login-tabs li a{
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 400;
	cursor: pointer;
}
.login-tabs .active a{
	color: #F90017
}
.login-inbox{
	margin-top: 25px;
	position: relative;
}
.b-yzm{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	cursor: pointer;
	color: #333;
	padding: 5px;
}
.out-login{
	padding: 10px 0;
}
.out-login a{
	display: block;
	padding: 3px;
	font-size: 20px;
	color: #999999;
	cursor: pointer;
}
.login-inbox input{
	font-size: 14px;
	color: #1a1a1a;
	border: none;
	background: none;
	width: 100%;
	outline: none;
	height: auto;
	padding: 10px 0;
	border-bottom: 1px solid #dedede;
}
.login-inbox input:focus{
	border-bottom: 1px solid #F90017;
}
.login-inbox textarea{
  border: 1px solid #dedede;
  width: 100%;
  resize: none;
  outline: none;
  border-radius: 4px;
  padding: 10px;
}
.login-inbox textarea:focus{
  border: 1px solid #F90017;
}
.upload-login-form .checkbox{
	padding-top: 35px;
	padding-bottom: 15px;
	color: #333;
	font-size: 13px;
	text-align: left;
}
.upload-login-form .btn-primary,.power-btn.btn-primary{
	background: #F90017 !important;
	border-radius: 4px;
	border: none !important;
	margin-bottom: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	outline: none;
}
.btn-primary:active{
	border: none !important;
	outline: none !important;
	background: #F45C0C !important;
}
.upload-login-form .btn-primary.disabled,.toast-cotainer  .btn-primary.disabled{
	background: #CBCBCB !important;
}
.login-tips{
	font-size: 14px;
	color: #1a1a1a;
	text-align: left;
}
.login-spacing{
	min-height: 48px;
}
.ecqr{
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/ecqr.png) no-repeat;
	width: 100px;
	height: 100px;
	z-index: 1;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.ecpc{
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/ecpc.png) no-repeat;
	width: 100px;
	height: 100px;
	z-index: 1;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.login-type{
	display: none;
	min-height: 270px;
}

.qr-login{
	display: none;
	min-height: 322px;
	padding-bottom: 15px;
}
.qr-login h3{
	font-size: 20px;
	font-weight: normal;
	color: #1a1a1a;
	padding: 6px 0 30px 0;
	text-align: left;
}
.qr-login-img{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 336px;
	height: 332px;
	overflow: hidden;
	position: relative;
	margin-bottom: -10px;
	margin-top: -10px;
}
/*显示 AppID 参数错误 样式*/
.qr-login-img iframe{
  width: 100% !important;
  height: 100% !important;
	transform: translateY(-30px);
}
.qr-login-img iframe .weui_msg{
  padding-top: 10px;
}
.qr-login-img iframe .weui_msg .weui_icon_area{
  margin-bottom: 10px;
}
.qr-login-img iframe .weui_msg .weui_msg_title{
  font-size: 16px;
}
.gg-nav-box{
	padding-top: 36px;
	padding-bottom: 36px;
	display: flex;
	align-items: center;
	position: relative;
}
.gg-nav{
	margin: 0 auto;
}
.gg-nav li{
	padding: 0 15px;
}
.gg-nav li a{
	display: flex;
	align-items: center;
	padding: 10px 30px;
	font-size: 18px;
	border-radius: 28px;
	transition: all 0.2s ease-out;
}
.ggipic{
	display: inline-block;
	background: url(../images/gg_ipic.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	transition: all 0.2s ease-out;
}
.ggivid{
	display: inline-block;
	background: url(../images/gg_ivid.png) no-repeat;
	background-size: cover;
	width: 22px;
	height: 20px;
	margin-right: 10px;
	transition: all 0.2s ease-out;
}
.gghome{
	display: inline-block;
	background: url(../images/gg_home.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	transition: all 0.2s ease-out;
}
.gg-nav .active a,.gg-nav li a:hover{
	background: #000000;
	color: #fff;
}
.gg-nav .active a .ggipic,.gg-nav li a:hover .ggipic{
	background: url(../images/gg_ipic_on.png) no-repeat;
	background-size: cover;
}
.gg-nav .active a .ggivid,.gg-nav li a:hover .ggivid{
	background: url(../images/gg_ivid_on.png) no-repeat;
	background-size: cover;
}
.gg-nav .active a .gghome,.gg-nav li a:hover .gghome{
	background: url(../images/gg_home_on.png) no-repeat;
	background-size: cover;
}
.imes{
	display: inline-block;
	background: url(../images/gg_imes.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transition: all 0.3s ease-out;
	margin: 8px 0;
}
.nav-hbg .imes{
	background: url(../images/gg_imes_b.png) no-repeat;
	background-size: cover;
}
.header-ss-nav .imes,.cnav-hbg .imes{
	background: url(../images/gg_imes_b.png) no-repeat;
	background-size: cover;
}
.b-upload{
	display: flex;
	align-items: center;
	padding: 10px 30px;
	font-size: 18px;
	border-radius: 28px;
	transition: all 0.2s ease-out;
	background: #F90017;
	color: #fff;
	position: absolute;
	top: 36px;
	right: 40px;
	cursor: pointer;
}
.gg-user{
	position: relative;
	cursor: pointer;
	margin-left: 20px;
}
.gg-user-info{
	position: relative;
	display: flex;
	align-items: center;
}
.arrD{
	width: 12px;
	height: 20px;
	position: relative;
	margin-left: 6px;
}
.arrD::after{
	content: '';
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	right: 4px;
	z-index: 1;
}
.nav-hbg .arrD::after,.header-ss-nav .arrD::after,.cnav-hbg .arrD::after{
	border-bottom: 1px solid #1a1a1a;
	border-right: 1px solid #1a1a1a;
}
.gg-user-name{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 6px 0;
	font-size: 16px;
	color: #fff;
	display: flex;
	align-items: center;
}
.gg-user-name span{
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 78px;
}
.gg-user-name img{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 8px;
}
.nav-hbg .gg-user-name,.header-ss-nav .gg-user-name,.cnav-hbg .gg-user-name{
	color: #1a1a1a;
}
.user-menu{
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	background: rgba(255,255,255,1);
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	min-width: 146px;
	overflow: hidden;
	z-index: 1001;
	padding: 10px 0;
	border-radius: 4px;
}
.user-menu a{
	color: #333 !important;
}
.nav-hbg .user-menu,.header-ss-nav .user-menu,.cnav-hbg .user-menu{
	background: #fff;
	width: auto
}
.tool-menu li .user-menu a{
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 8px 15px;
	font-size: 14px;
}
.tool-menu li .user-menu a img{
	width: 16px;
	margin-right: 8px;
}
.tool-menu li .user-menu a:hover{
	background: #f0f0f0;
}
.gg-flex-box{
	align-items: stretch;
	-webkit-align-items: stretch;
}
.gg-side-box{
	margin-right: -40px;
	display: none;
}
.gg-container{
	background: #F2F6FA;
	min-height: 600px;
	border-radius: 4px;
	flex: 1;
}
.gg-empty{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}
.empty-describe{
	color: #999;
	padding-top: 20px;
}
.gg-show{
	display: none;
	height: 100%;
}
.user-section .gg-empty{
	padding-top: 4vw;
  padding-bottom: 4vw;
}
.user-section .gg-empty img{
  transform: scale(0.75);
}
.gg-show .gg-empty{
	padding-top: 7.8vw;
}
.user-box .gg-empty{
	padding-top: 7vw;
}
.setmeal-table .gg-empty{
	padding-top: 4.5vw;
}
#tabContentPic .gg-empty{
	padding-top: 6vw;
}
.gg-tabs{
	padding-left: 100px;
}
.gg-tabs li a{
	display: block;
	padding: 10px 30px;
	font-size: 14px;
	color: #999999;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
}
.gg-tabs .active a{
	background: #F2F6FA;
	color: #1a1a1a;
}
.gg-search{
	position: relative;
	transform: translateY(-12px)
}
input.gg-ssin{
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	outline: none;
	padding: 3px 10px;
	min-width: 260px;
}
input.gg-ssin:focus{
	border: 1px solid #F90017;
}
input.gg-ssbar{
	position: absolute;
	background: url(../images/i_ss_b.png) no-repeat center;
	background-size: 15px 15px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	top: 0;
	right: 6px;
	border: none;
	outline: none;
	opacity: 0.8
}
#popToast{
	display: none;
}
.pop-toast{
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 4px;
	min-width: 500px;
	z-index: 1001;
	transform: translate(-50%,-50%);
}
.pop-title{
	text-align: center;
	font-size: 20px;
	color: #1a1a1a;
	padding: 15px 0;
	border-bottom: 1px solid #DEDEDE;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.pop-title2{
	text-align: center;
	font-size: 20px;
	color: #1a1a1a;
	padding: 15px 0;
	background: #F2F6FA;
	border-bottom: 1px solid #DEDEDE;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.pop-title-redbg{
	background: #F90017;
	color: #fff;
}
.pop-upload-works .pop-title-redbg{
	margin-left: -40px;
	margin-right: -40px;
}
.toast-cotainer{
	padding: 30px 30px 60px 30px;
	overflow: hidden;
}
.toast-captions{
	text-align: center;
	font-size: 16px;
	color: #1a1a1a;
	padding: 50px 0;
}
.pop-close{
	position: absolute;
	top: 0px;
	right: -36px;
	z-index: 10;
	cursor: pointer;
	background: url(../images/pclose.png) no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	text-indent: -30px;
	overflow: hidden;
}
.toast-cotainer .btn-primary{
	background: #F90017;
	border: none;
	cursor: pointer;
	outline: none;
}
.xieyi-pop .pop-close{
	right: -80px;
}
.xieyi-pop .toast-cotainer{
	padding: 30px 30px 40px
}
.xieyi-intro{
	width: 458px;
	margin-bottom: 40px;
	font-size: 16px;
}
.auth-box{
	background: #F2F6FA;
	padding: 60px 0;
}
.auth-container{
	background: #ffffff;
	width: 1100px;
	margin: 0 auto;
	padding: 45px;
	border-radius: 4px;
}
.auth-form{
	padding-top: 60px;
}
.auth-tabs{
	position: relative;
	z-index: 10;
	justify-content: center;
}
.auth-tabs::after{
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	background: #DEDEDE;
	top: 20px;
	left: 0;
	z-index: -1;
}
.auth-tabs li{
	text-align: center;
	padding: 0 80px;
	color: #999;
}
.auth-icon{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #DEDEDE;
	border-radius: 50%;
	padding: 9px 0;
	text-align: center;
	margin-bottom: 12px;
}
.auth-tabs .active{
	color: #1a1a1a;
}
.auth-tabs .active .auth-icon{
	background: #FE3154;
}
.auth-title{
	font-size: 20px;
	color: #1a1a1a;
	position: relative;
	padding-left: 16px;
	margin-bottom: 20px;
}
.auth-title::before{
	content: '';
	width: 4px;
	height: 20px;
	background: #FE3154;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
}
.auth-inbox{
	position: relative;
}
.tips-in-num{
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index: 1;
	color: #999;
}
.auth-in{
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	padding: 6px 10px;
	width: 100%;
	outline: none;
	resize: none;
}
.auth-in:focus{
	border: 1px solid #FE3154;
}
.auth-cells{
	padding-bottom: 30px;
	max-width: 600px;
}
.auth-label{
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 8px;
}
.auth-label-tit span{
	vertical-align: middle;
	line-height: 1;
	display: inline-block;
	transform: translateY(2px);
	margin-right: 8px;
}
.identity-card{
	width: 280px;
	height: 168px;
	background: #F2F6FA;
	border: 1px solid #DEDEDE;
	border-radius: 1px;
	position: relative;
}
.identity-card input[type="file"]{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
}
.identity-photo{
	position: absolute;
	top: 0;
	left: 0;
	width: 278px;
	height: 166px;
	z-index: 5;
}
.identity-photo img{
	width: 278px;
	height: 166px;
	object-fit: cover;
}
.card-tips{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	z-index: 1;
	color: #999;
}
.card-tips span{
	font-size: 30px;
	font-weight: lighter;
	line-height: 1
}
.auth-button-group{
	padding: 48px 0;
	border-top: 1px solid #dedede;
	margin-top: 30px;
	justify-content: center;
}
.auth-btn-default{
	border: 1px solid #1A1A1A;
	border-radius: 4px;
	font-size: 16px;
	color: #1a1a1a;
	padding: 6px 80px;
	min-width: 90px;
	text-align: center;
	margin: 0 30px;
	cursor: pointer;
}

.auth-btn-primary{
	border: 1px solid #F90017;
	background: #F90017;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	padding: 6px 80px;
	min-width: 90px;
	text-align: center;
	margin: 0 30px;
	cursor: pointer;
  position: relative;
  display: inline-block;
}
.auth-btn-primary input{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.auth-result{
	text-align: center;
	padding: 15% 0;
}
.auth-result h3{
	font-size: 22px;
	color: #1a1a1a;
	padding: 60px 0 20px 0;
}
.auth-result h4{
	font-size: 20px;
	color: #1a1a1a;
	padding-bottom: 50px;
}
.pop-upload-box .auth-btn-primary{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	margin: 0 auto;
}
.pop-upload-box .auth-result{
	padding: 0;
}
.auth-result-form{
	background: #F7F9FA;
	border-radius: 4px;
	padding: clamp(20px,5vw,100px);
	text-align: center;
	margin-top: 20px;
}
.pop-upload-box{
	background: #fff;
	border-radius: 4px;
	position: fixed;
	top: 10%;
	left: 50%;
	max-height: 80vh;
	width: 1100px;
	margin-left: -550px;
	z-index: 1001;
	display: flex;
	flex-direction: column;
}
.pop-upload-works{
	box-sizing: border-box;
	padding: 0 40px 40px 40px;
}
.pop-upload-works .upload-desc{
	padding: 10px 0;
}
.upload-box{
	align-items: stretch;
	-webkit-align-items: stretch;
	flex: 1;
	overflow: hidden;
}
.upload-desc{
	width: 45%;
	box-sizing: border-box;
	color: #666;
	padding: 20px 30px;
	overflow-y: auto;
}
.upload-control{
	width: 55%;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
}
.upload-vessel{
	height: 100%;
	display: flex;
	flex-direction: column;
}
/*.uploading-show{*/
	/*display: none;*/
	/*height: 100%;*/
/*}*/
.upload-desc h3{
	font-size: 16px;
	color: #1a1a1a;
	padding: 12px 0;
}
.gg-side-box{
	width: 40vw;
	min-width: 600px;
}
.gg-side-top{
	border-top: 1px solid #dedede;
	padding-top: 30px;
	padding-bottom: 15px;
	position: relative;
	margin-top: 20px;
}
.gg-side-top .clear-screen{
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	padding-right: 6px;
}
.gg-side-top .clear-screen::before{
	display: none;
}
/*.uploading-show .layout-body{*/
	/*overflow-y: scroll;*/
/*}*/
/*.uploading-show .layout-body::-webkit-scrollbar-track {*/
	/*border-radius: 4px;*/
	/*background: #ffffff;*/
/*}*/
.upload-state{
	position: relative;
	color: #1a1a1a;
	font-size: 20px;
	display: flex;
	align-items: center
}
.load-success{
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 8px;
}
.load-success::before{
	content: '✔';
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: #0CCD07;
	color: #fff;
	flex-shrink: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.load-ing{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/iload.gif) no-repeat center;
	background-size: cover;
	position: relative;
	margin-right: 8px;
}
.gg-side-add{
	display: block;
	min-width: 85px;
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	background: #F90017;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.gg-side-tit{
	flex: 1;
	font-size: 13px;
	box-sizing: border-box;
	padding: 11px 20px;
	color: #1A1A1A;
}
.gg-side-tit a{
	color: #F90017;
	margin-left: 6px;
}
.gg-side-container{
	padding: 0 40px;
	color: #666666;
	line-height: 2;
	background: #F7F9FA;
	border-radius: 4px;
}
.gg-thumb-user{
	display: flex;
	align-items: center;
	flex: 1;
	overflow: hidden;
}
.gg-thumb-user img{
	width: 80px;
	height: 50px;
	margin-right: 10px;
}
.gg-thumb-user p{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.b-del{
	display: block;
	background: url(../images/idel.png) no-repeat center;
	background-size: 14px 16px;
	width: 30px;
	height: 20px;
	cursor: pointer;
	transition: all 0.15s ease-out;
}
.gg-side-thumb li{
	display: flex;
	align-items: center;
	line-height: 1.2;
	padding: 16px 0;
	position: relative;
}
.gg-side-thumb li::after{
	content: '';
	height: 1px;
	background: #DEDEDE;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.gg-side-thumb li .b-del{
	transform: translateX(10px);
}
.gg-side-thumb .upload-fail-tips .gg-thumb-user{
	color: #F90017;
}
.load-progress{
	position: absolute;
	bottom: 16px;
	left: 90px;
	right: 80px;
	height: 2px;
	background: #F9F9F9;
	z-index: 1;
}
.load-progress .progress{
	height: 2px;
	border-radius: 0;
}
.load-progress .progress-bar-success{
	background-color: #8AE787
}
.load-progress .progress-bar{
	height: 2px;
}
.gg-side-other{
	min-width: 60px;
	text-align: right;
	margin-right: 0px;
}
.gg-side-tips{
	width: 120px;
	text-align: right;
	margin-right: 50px;
	position: relative;
}
.upload-prompt{
	position: absolute;
	top: 100%;
	white-space: nowrap;
	font-size: 12px;
	right: 0;
	margin-top: 8px;
	color: #F90017;
	display: none;
}
.upload-success{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.upload-success::before{
	content: '✓';
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background: #0CCD07;
	color: #fff;
	flex-shrink: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.upload-fail{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.upload-fail::before{
	content: '!';
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background: #F90017;
	color: #fff;
	flex-shrink: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.gg-tips{
	line-height: 0;
}
.gg-tips span{
	transform: translateY(100%)
}
.gg-upload-items{
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	padding: 20px 30px 0 30px;
}
.gg-upload-list{
	width: 16.666%;
	box-sizing: border-box;
	padding: 8px 8px 30px 8px;
	position: relative;
}
.gg-upload-picture{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10.3vw;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.gg-upload-picture img{
	max-width: 100%;
	max-height: 100%;
}
.gg-upload-picture:hover{
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}
.gg-upload-picture.active::after,.gg-upload-picture:hover::after{
	content: '';
	border: 1px solid #F90017;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	border-radius: 4px;
}
#popUploadInfos .pop-close,#popEditWorks .pop-close{
	right: -30px;
	top: -30px;
	width: 20px;
	height: 20px;
}
.gg-upload{
	height: 100%;
}
.gg-upload-top{
	padding: 10px 40px;
  margin-bottom: -20px;
}
.screen-state-bar{
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}
.screen-state-bar .arrD{
	margin-left: 6px;
}
.screen-state-bar .arrD::after{
	border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.screen-state{
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 100;
	background: #FFFFFF;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	border-radius: 4px;
	overflow: hidden;
	width: auto;
}
.screen-state a{
	display: block;
	white-space: nowrap;
	padding: 3px 20px;

}
.screen-state a:hover{
	background: #F2F6FA;
	color: #F90017
}
.pop-edit-box{
	padding: 30px 40px 36px 40px;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.upload-edit-picture{
	background: #F2F6FA;
	width: 360px;
	height: 248px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.upload-edit-picture img{
	max-width: 100%;
	max-height: 100%;
}
.upload-edit-info{
	flex: 1;
	box-sizing: border-box;
	padding: 0 20px;
}
.iwarn{
	display: inline-block;
	width: 20px;
	height: 20px;
	font-style: normal;
	background: #A1A1A1;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	transform: scale(0.7)
}
.warn-tips{
	position: relative;
	cursor: pointer;
	margin: 0 5px;
	display: inline-block;
}
.warn-tips .tips-text{
	position: absolute;
	top: 50%;
	left: 100%;
	white-space: nowrap;
	color: #fff;
	background: #737373;
	padding: 5px;
	border-radius: 4px;
	transform: translateY(-50%);
	margin-left: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	max-width: 460px;
}
.warn-tips .tips-text::before{
	content: '';
	border-right: 4px solid #737373;
	border-top: 4px solid rgba(0,0,0,0);
	border-bottom: 4px solid rgba(0,0,0,0);
	position: absolute;
	top: 50%;
	left: -4px;
	z-index: 1;
	margin-top: -4px;
}
.warn-tips:hover .tips-text{
	visibility: visible;
	opacity: 1;
}
.warn-tips-red{
	color: #F90017;
}
.warn-tips-red .iwarn{
	background: #F90017
}
.upload-edit-info .type-keyword{
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
}
.upload-edit-info .type-keyword li{
	width: 14.285%;
	box-sizing: border-box;
	padding: 6px 10px;
}
.upload-edit-info .type-keyword li a{
	text-align: center;
}
.propageanda-swiper{
	height: 100vh;
	position: relative;
	min-height: 600px;
}
.propageanda-swiper .swiper{
	height: 100%
}
.propageanda-swiper .swiper .swiper-slide::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.propageanda-swiper .swiper-pagination{
	top: auto;
	bottom: 46px;
	left: 120px;
	width: 200px;
	height: 2px !important;
	background: #fff !important;
	display: none;
}
.propageanda-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	transition-timing-function: linear !important;
	transition-duration: 0.5s !important;
	background: #F90017 !important;
}
.propageanda-tit{
	position: absolute;
	bottom: 36px;
	left: 40px;
	z-index: 1;
	color: #fff;
	font-size: 16px;
	display: none;
}
.propageanda-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-48%);
	text-align: center;
	color: #fff;
	font-size: 18px;
	z-index: 100;
	width: 880px;
}
.propa-items{
	justify-content: center;
	margin-left: -20px;
	margin-right: -20px;
	flex-wrap: wrap;
}
.propa-items li{
	width: 50%;
	padding: 20px;
}
.propa-type{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0,0,0,0.2);
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	width: 420px;
	height: 160px;
	transition: all 0.3s ease-out;
}
.propa-type img{
	flex-shrink: 0;
	margin-right: 30px;
	height: 78px;
}
.propa-type-info{
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
}
.propa-type-info h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.propa-type:hover{
	background: rgba(249,0,23,1);
	border: 1px solid rgba(249,0,23,1);
}
.propa-tips{
	padding: 0 30px;
	line-height: 2
}
.propa-tips h2{
	font-size: 36px;
	padding: 45px 0 20px 0;
	font-weight: lighter;
}
.report-box{
	height: 100vh;
	position: relative;
	z-index: 0;
	width: 100%;
}
.report-box::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 0;
}
.report-container{
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
	transition: all 0.36s ease-out;
}
.report-intro{
	color: #fff;
	max-width: 800px;
	padding-left: 160px;
	font-size: 18px;
	line-height: 1.8;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease-out;
	text-align: justify;
	padding-right: 30px;
	flex: 1;
	overflow: hidden;
}
.report-intro h4{
	font-size: 20px;
	font-weight: lighter;
	text-transform: uppercase;
}
.report-intro h3{
	font-size: 36px;
	padding-top: 12px;
	padding-bottom: 30px;
}
.report-search{
	position: relative;
	width: 300px;
	margin-top: 60px;
}
.ss-in{
	width: 100%;
	padding: 5px 20px;
	border-radius: 26px;
	outline: none;
	border: none;
	color: #333;
}
.rep-search-box{
	padding: 30px 120px 0 120px;
}
.rep-search{
	position: relative;
	margin-bottom: 30px;
}
.rep-search .ss-in{
	width: 100%;
	padding: 12px 20px;
	border-radius: 26px;
	outline: none;
	border: none;
	color: #333;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
}
.rep-search .ss-bar:hover{
	background: url(../images/i_ss_red.png) no-repeat center;
	background-size: 20px 20px;
}
.ss-bar{
	background: url(../images/i_ss_b.png) no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	z-index: 1;
	opacity: 0.8;
	cursor: pointer;
}
.rep-search-box .type-keyword{
	padding-top: 12px;
}
.rep-search-box .type-keyword li{
	padding-right: 12px;
	padding-bottom: 12px;
}
.rep-search-box .type-keyword .active a{
	background: #FA2D40;
	color: #fff;
}
.report-years{
	height: 100%;
	flex: 1;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	padding-top: 90px;
}
.report-years::before{
	content: '';
	background: url(../images/dot.png) repeat-y;
	width: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	z-index: 0
}
.report-years .swiper-container{
	height: 100%;
	overflow: hidden;
}
.report-years .swiper-slide{
	height: auto;
	text-align: center;
}
.year-item{
	display: block;
	position: relative;
	height: 12px;
	padding: 80px 0;
	max-width: 400px;
	margin: 0 auto
}
.year-point{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
}
.year-point i{
	display: block;
	background: #ffffff;
	z-index: 5;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	transition: all 0.3s ease-out;
}
.icir1{
	display: block;
	background: rgba(255,255,255,0.3);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: ball-scale-ripple-multiple 2s infinite linear;
	animation: ball-scale-ripple-multiple 2s infinite linear;
}
.icir2{
	display: block;
	background: rgba(255,255,255,0.3);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: ball-scale-ripple-multiple 2s infinite linear;
	animation: ball-scale-ripple-multiple 2s infinite linear;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.year-tit{
	position: absolute;
	top: 50%;
	left: auto;
	right: 50%;
	margin-top: -24px;
	margin-right: 32px;
	z-index: 1;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.year-tit b{
  font-weight: normal;
}
.year-tit span{
	font-size: 24px;
	margin-left: 4px;
}
.year-tips{
	position: absolute;
	top: 50%;
	right: auto;
	left: 50%;
	margin-left: 32px;
	z-index: 1;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-out;
	white-space: nowrap;
	font-size: 16px;
	opacity: 0;
	transform: scale(0.9);
	transform-origin: left;
}

.report-years .swiper-slide:nth-child(2n) .year-tit{
	left: 50%;
	right: auto;
	margin-left: 32px;
}
.report-years .swiper-slide:nth-child(2n) .year-tips{
	right: 50%;
	left: auto;
	margin-right: 32px;
	transform-origin: right;
}
.year-item:hover  .year-point i{
	background: #F90017;
}
.year-item.active .year-point i{
	background: #F90017;
}
.year-item:hover .year-tips{
	opacity: 1;
	transform: scale(1);
}
.years-show{
	width: 61%;
	background: #fff;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2001;
	transform: translateX(100%);
	transition: all 0.36s ease-out;
}
.report-container.transformX{
	transform: translateX(-31%);
	z-index: 2;
	position: relative;
}
.transformX .report-intro{
	display: none;
	opacity: 0;
}
.years-show.transformX{
	transform: translateX(0%);
}
.year-pclose{
	display: block;
	width: 40px;
	height: 40px;
	background: #F90017;
	border-radius: 50%;
	position: absolute;
	margin-top: -20px;
	top: 50%;
	left: 0;
	opacity: 0;
	cursor: pointer;
	transition: all 0.2s ease-out;
}
.year-pclose::before{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 11px;
	height: 11px;
	transform: rotate(45deg);
	position: absolute;
	top: 14px;
	left: 0px;
	margin-left: 8px;
	-webkit-animation: arrowOpacity 0.8s infinite ease-out;
	animation: arrowOpacity 0.8s infinite ease-out;
}
.year-pclose::after{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 11px;
	height: 11px;
	transform: rotate(45deg);
	position: absolute;
	top: 14px;
	left: 0px;
	-webkit-animation: arrowOpacity 0.8s infinite 0.8s ease-out;
	animation: arrowOpacity 0.8s infinite 0.8s ease-out;
}
.transformX .year-pclose{
	left: -16px;
	opacity: 1;
}
.years-show .rep-search{
	margin-bottom: 15px;
}
.rep-ss{
	display: none;
	position: fixed;
	bottom: 40px;
	left: 40px;
	z-index: 10;
	cursor: pointer;
	background: #fff url(../images/i_ss_red.png) no-repeat center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.report-show-body{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.report-show{
	padding: 0 120px
}
.report-year-title{
	background: url(../images/ixiex.gif) repeat-x center;
	margin-top: 30px;
}
.report-year-title h3{
	font-size: 28px;
	color: #CD131C;
	display: inline-block;
	background: #fff;
	padding-right: 6px;
}
.report-year-title h3 span{
	font-size: 18px;
	margin-left: 4px;
}
.reports{
	position: relative;
	padding-left: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #737980;
	display: block;
}
.reports .icon{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 18px;
	left: 0;
}
.reports h3{
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 1.4;
}
.layout-flex{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.layout-body{
	flex: 1;
	overflow-y: auto;
	box-sizing: border-box;
}
.layout-body::-webkit-scrollbar,.upload-desc::-webkit-scrollbar {/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.layout-body::-webkit-scrollbar-thumb,.upload-desc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 2px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #1a1a1a;
}
.layout-body::-webkit-scrollbar-track,.upload-desc::-webkit-scrollbar-track {/*滚动条里面轨道*/
	border-radius: 2px;
	background: #EDEDED;
}
.report-show-body .pagination-number{
	padding-top: 30px;
}
.relevant-list{
	justify-content: space-between;
	padding: 30px 120px;
}
.relevant-list li{
	max-width: 40%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #666;
	font-size: 16px;
}
.relevant-list li a{
	color: #666;
}
.rele-prev{
	position: relative;
	padding-left: 20px;
}
.rele-prev::before{
	content: '←';
	position: absolute;
	top: 0;
	left: 0;
	color: #1a1a1a;
}
.rele-next{
	position: relative;
	padding-right: 20px;
}
.rele-next::after{
	content: '→';
	position: absolute;
	top: 0;
	right: 0;
	color: #1a1a1a;
}
.detail-wrapper{
	width: 1280px;
	margin: 0 auto;
}
.report-content{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.report-title{
	font-size: 38px;
	color: #1a1a1a;
	padding: 60px 0;
}
.report-detail-box{
	width: 66%;
	padding-bottom: 60px;
	font-size: 16px;
}
.report-detail{
	padding: 30px 0;
	font-size: 18px;
	line-height: 2
}
.report-source{
	color: #999;
	font-size: 18px;
}
.report-source p{
	padding-right: 20px;
}
.report-source p a{
	color: #999;
	margin-right: 6px;
}
.report-side{
	flex: 1;
	box-sizing: border-box;
	padding-left: 40px;
	overflow: hidden;
}
.relevant-report{
	background: #F9F9F9;
	border-radius: 4px;
	padding: 15px;
}
.relevant-report h3{
	font-size: 22px;
	color: #1a1a1a;
	position: relative;
	padding-left: 12px;
	margin-bottom: 12px;
}
.relevant-report h3::before{
	content: '';
	width: 2px;
	height: 20px;
	background: #D60014;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
}
.relevant-report ul li a{
	color: #666;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 2px 0;
	transition: all 0.3s ease-out;
}
.relevant-report ul li a:hover{
	color: #101010;
}
.report-detail-box .relevant-list{
	padding: 15px 0 !important;
	border-top: 1px solid #dedede;
	margin-top: 20px;
}
.report-detail-swiper{
	border: 1px solid #dedede;
	position: relative;
	margin-top: 20px;
}
.report-detail-swiper .mySwiper{
	padding: 20px;
}
.report-detail-swiper .swiper-slide{
	width: auto;
}
.report-detail-swiper .swiper-slide img{
	height: 362px;
	width: auto;
	object-fit: cover;
}
.detail-other{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #666;
	border-bottom: 1px solid #dedede;
	padding-bottom: 30px;
}
.detail-other p{
	padding-left: 40px;
}
.baodao-tips{
	text-align: right;
	margin-bottom: 30px;
}
.baodao-tips p{
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
.baodao-tips p::before{
	content: '';
	border-bottom: 10px solid #1a1a1a;
	border-left: 8px solid rgba(0,0,0,0);
	border-right: 8px solid rgba(0,0,0,0);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	z-index: 1;
	border-radius: 4px;
}
.news-box{
	height: 100vh;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
.news-box::after{
	content: '';
	background: #01050C;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.scmap-box{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
	z-index: 1;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.scmap-box .pbox{
	transform: translateY(30px);
}
.scmap-box .report-intro{
	min-height: 312px;
}
.scmap-map .pbox img{
	max-height: 720px;
	max-width: 100%;
}
.pbox{
	font-size: 0;
	line-height: 0;
	position: relative;
}
.scmap-site{
	position: absolute;
	z-index: 100;
	width: 22px;
	height: 31px;
}
.scmap-map{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding-right: 160px;
	flex-shrink: 0;
}
.site-point{
	background: url(../images/sc_mp.png) no-repeat center bottom;
	display: block;
	width: 22px;
	height: 31px;
	transition: all 0.1s ease-in-out;
}
.site-tips{
	position: absolute;
	bottom: 40px;
	white-space: nowrap;
	max-width: 12em;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	padding: 3px 10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	transition: all 0.2s ease-out;
	display: none;
}
.site-tips::after{
	content: '';
	border-top: 4px solid rgba(0,0,0,0.5);
	border-left: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}
.site-show{
	position: absolute;
	bottom: 42px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border-radius: 4px;
	padding: 5px 5px 20px 5px;
	width: 370px;
	height: 200px;
	box-sizing: border-box;
	z-index: 10;
	display: none;
}
.site-show::after{
	content: '';
	border-top: 7px solid #fff;
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
}
.site-show a{
	display: block;
}
.site-show img{
	width: 360px;
	height: 190px !important;
	object-fit: cover;
}
.site-show-tit{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.5);
	text-align: center;
	z-index: 10;
	height: 50px;
	transition: all 0.2s ease-out 0.1s;
}
.site-show-tit p{
	color: #fff;
	font-size: 20px;
	padding: 0 20px;
	line-height: 50px;
}
.scmap-site:hover{
	z-index: 1001;
}
.scmap-site:hover .site-tips{
	opacity: 0;
	bottom: 0;
}
.scmap-site:hover .site-point{
	background: url(../images/sc_mp_on.png) no-repeat center bottom;
	background-size: 22px auto;
	transform: scale(1.2) translateY(-5px);
}
.news-top{
	height: 32.9vw;
	position: relative;
	z-index: 0;
}
.news-top::before{
	content: '';
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.news-top-info{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	z-index: 2;
	font-size: 18px;
	color: #fff;
}
.news-top-tips{
	max-width: 800px;
	font-weight: lighter;
	line-height: 2
}
.news-top-tips h3{
	font-size: 36px;
	padding-bottom: 24px;
}
.news-show-box{
	align-items: stretch;
	-webkit-align-items: stretch;
	position: relative;
	border-bottom: 1px solid #999999;
}
.news-show-info{
	width: 600px;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 20px 20px 20px 40px;
}
.news-show-box .swiper-slide{
	width: auto;
}
.news-show-swiper{
	border-left: 1px solid #999999;
	flex: 1;
}
.news-show-swiper .mySwiper{
	padding: 20px
}
.news-show-box .swiper-slide img{
	height: 25vw;
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
}
.news-show-box .swiper-slide .video{
	height: 480px;
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
}
.news-show-box .swiper-button-prev{
	left: 40px;
	right: auto;
	bottom: 20px;
	top: auto;
	width: 34px;
	height: 34px;
	border: 1px solid #666;
	border-radius: 50%;
}
.news-show-box .swiper-button-prev:after{
	font-size: 16px;
	font-weight: lighter;
	color: #666;
}
.news-show-box .swiper-button-prev:hover{
	border: 1px solid #F90017;
}
.news-show-box .swiper-button-prev:hover::after{
	color: #F90017
}
.news-show-box .swiper-button-next{
	left: 200px;
	right: auto;
  bottom: 20px;
	top: auto;
	width: 34px;
	height: 34px;
	border: 1px solid #666;
	border-radius: 50%;
}
.news-show-box .swiper-button-next:after{
	font-size: 16px;
	font-weight: lighter;
	color: #666;
}
.news-show-box .swiper-button-next:hover{
	border: 1px solid #F90017;
}
.news-show-box .swiper-button-next:hover::after{
	color: #F90017
}
.news-show-box .swiper-pagination{
	width: auto;
	left: 156px;
	bottom: 25px;
	letter-spacing: -1px;
}
.news-show-box .swiper-pagination::after{
	content: '相关图片';
	position: absolute;
	top: 0;
	right: 100%;
	z-index: 1;
	white-space: nowrap;
	margin-right: 10px;
}
.news-show-box .swiper-pagination-current{
	color: #F90017
}
.news-intro{
	font-size: 18px;
	color: #1a1a1a;
	height: calc(25vw - 76px);
	overflow-y: auto;
	box-sizing: border-box;
  line-height: 1.8;
  padding-right: 20px;
}
.news-intro::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.news-intro::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #999999;
}
.news-intro::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  border-radius: 4px;
  background: #eaeaea;
}
.news-intro p{
	text-align: justify
}
.news-info-data li{
	color: #999;
}
.news-info-data li h3{
	font-size: 14px;
	color: #1a1a1a;
	padding-top: 4px;
}
.report-list{
	padding-top: 20px;
}
.news-reports .report-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	padding-bottom: 80px;
}
.news-reports .report-list li{
	width: 50%;
	box-sizing: border-box;
	padding: 30px 40px;
	position: relative;
}
.news-reports .report-list li::before{
	content: '';
	border: 1px solid #dedede;
	border-radius: 4px;
	position: absolute;
	top: 20px;
	right: 20px;
	left: 20px;
	bottom: 20px;
	z-index: 0;
	transition: all 0.3s ease-out;
}
.news-reports .report-list li:hover::before{
	border: 1px solid #F90017;
}
.rep-hot-search{
	font-size: 16px;
	color: #fff;
	padding-top: 15px;
}
.rep-hot-search a{
	color: #fff;
	margin-right: 12px;
}
.original-bar{
	display: flex;
	align-items: center;
	color: #fff;
	height: 76px;
	background: #F90017;
	border-radius: 4px;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 40px;
	transition: all 0.15s ease-out;
}
.original-bar i{
	display: block;
	background: url(../images/i_orig.png) no-repeat;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}
.original-bar:hover{
	background: #FE3D4F;
}
.back-bar{
	display: inline-block;
	background: url(../images/iback.png) no-repeat left;
	padding-left: 28px;
	font-size: 18px;
}
.toast-title{
	font-size: 20px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	padding: 15px 0;
}
.pop-original{
	padding: 50px;
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden
}
.orig-title{
	font-size: 20px;
	color: #1a1a1a;
	display: flex;
	align-items: center;
}
.orig-title img{
	height: 20px;
	margin-right: 10px;
}
.orig-info{
	font-size: 20px;
	padding-bottom: 60px;
}
.orig-items li{
	width: 33.33%;
	box-sizing: border-box;
	padding: 10px;
}
.screenshot-img{
	width: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,0.15);
	border-radius: 12px;
	overflow: hidden;
	padding: 15px;
}
.screenshot-img img{
	width: 100%;
}
#popOriginal{
	display: none;
}
.news-tags{
	height: 80px;
	width: 330px;
	font-size: 18px;
	color: #fff;
	flex-shrink: 0;
	line-height: 2;
}
.news-tags img{
	margin-bottom: 50px;
}
.iplayer{
	background: url(../images/iplayer.png) no-repeat center;
	background-size: cover;
	width: 52px;
	height: 52px;
	z-index: 2;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.video-play:hover .iplayer{
	opacity: 0;
}
.mbgc{
	background: #F2F6FA;
	padding-top: 48px;
	padding-bottom: 120px;
	min-height: 60vh;
}
.user-container{
	background: #fff;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.user-side{
	width: 270px;
	box-sizing: border-box;
	padding: 30px 46px;
	border-right: 1px solid #ECECEC
}
.user-top{
	padding-bottom: 30px;
	text-align: center;
}
.avt-img{
	width: 94px;
	height: 94px;
	margin: 0 auto;
	position: relative;
}
.avt-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 1px 6px 0px rgba(17,17,17,0.1);
	border-radius: 50%;
	overflow: hidden;
}
.edit-avt{
	position: absolute;
	bottom: 0;
	right: 8px;
	z-index: 10;
	width: 18px;
	height: 18px;
	background: #999999 url(../images/avt_edit.png) no-repeat center;
	background-size: 10px 8px;
	border: 1px solid #FFFFFF;
	border-radius: 9px;
}
.edit-file{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	opacity: 0;
}
.user-top h2{
	font-size: 22px;
	color: #1a1a1a;
	padding-top: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.user-info{
	padding-top: 20px;
}
.user-info li{
	padding: 5px 0;
	color: #666;
}
.user-items{
	border-top: 1px solid #ECECEC;
	padding: 20px 0;
}
.user-items li{
	position: relative;
}
.user-items a{
	display: block;
	font-size: 18px;
	color: #1a1a1a;
	padding: 8px 0;
	cursor: pointer;
}
.user-items a:hover{
	color: #F90017
}
.user-items .active::before{
	content: '';
	width: 6px;
	height: 32px;
	background: #F90017;
	position: absolute;
	top: 50%;
	left: -46px;
	margin-top: -16px;
	z-index: 1;
}
.user-items .active a{
	color: #F90017
}
.user-section{
	flex: 1;
	box-sizing: border-box;
	overflow: hidden;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
}
.user-setmeal{
	border-bottom: 1px solid #ECECEC;
	position: relative;
}
.user-setmeal::after{
	content: '';
	width: 1px;
	background: #ECECEC;
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 50%;
	z-index: 1;
}
.setmeals{
	flex: 1;
	box-sizing: border-box;
}
.user-setmeal .setmeals:last-child ul{
	padding-left: 58px;
	padding-right: 0;
}
.setmeals ul{
	padding-right: 58px;
	padding-bottom: 52px;
	padding-top: 40px;
}
.setmeals h4{
	font-size: 18px;
	color: #333;
	padding: 6px 0;
}
.setmeals h4 img{
  margin-right: 12px;
  height: 26px;
	transform: translateY(-1px);
}
.setmeals h3{
	font-size: 36px;
	color: #1a1a1a;
	line-height: 32px;
	padding-top: 26px;
	padding-left: 36px;
}
.smbar{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #F90017;
	border-radius: 4px;
	font-size: 16px;
	padding: 0 20px;
	color: #fff;
	cursor: pointer;
}
.all-del:hover{
	color: #F90017;
	cursor: pointer;
}
.no-setmeal h3{
	color: #BEBFBF;
}
.no-setmeal .smbar{
	background: #BEBFBF;
	cursor: no-drop;
}
.user-title{
	font-size: 20px;
	color: #1a1a1a;
	padding-top: 20px;
	padding-bottom: 5px;
}
.user-tabs{
	border-bottom: 2px solid #ECECEC;
}
.user-tabs li{
	padding-right: 40px;
}
.user-tabs li a{
	display: block;
	padding: 10px 0;
	cursor: pointer;
	position: relative;
}
.user-tabs .active a::after{
	content: '';
	width: 100%;
	height: 2px;
	background: #F90017;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
}
.user-tabs .user-title{
	padding-top: 0;
	padding-bottom: 10px;
}
.user-thumbs{
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-left: -15px;
	margin-right: -15px;
	flex-wrap: wrap;
	padding: 15px 0;
}
.user-thumbs li{
	width: 20%;
	padding: 15px;
	color: #666666;
}
.user-thumb{
	height: 8.25vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.user-thumb img{
	max-width: 100%;
	max-height: 100%;
}
.bar-download{
	display: block;
	width: 36px;
	height: 36px;
	background: #FFFFFF url(../images/i_down_red.png) no-repeat center;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
	border-radius: 50%;
	position: absolute;
	bottom: 7px;
	right: 7px;
	z-index: 3;
	cursor: pointer;
}
.user-thumbs li p{
	padding: 2px 0;
}
.thumb-atlas-list{
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-right: -15px;
	margin-left: -15px;
	padding-top: 15px;
}
.thumb-atlas-list li{
	width: 20%;
	box-sizing: border-box;
	padding: 15px;
}
.thumb-atlas{
	border: 1px solid #ececec;
	border-radius: 4px;
	display: block;
	padding: 10px 10px 0 10px;
	color: #999;
  transition: all 0.15s ease-out;
}
.atlas-poster{
  height: min(7.08vw,136px);
	position: relative;
	margin-bottom: 10px;
}
.atlas-poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.atlas-poster .iplayer{
	width: 36px;
	height: 36px;
}
.collect-control{
	justify-content: flex-end;
}
.collect-control .checkbox{
	margin-top: -5px;
	margin-bottom: 6px;
}

.collect-control .checkbox input[type=checkbox]::after,.collect-control .checkbox input[type=radio]::after{
	width: 18px;
	height: 18px;
}
.collect-control .checkbox input[type=checkbox]:checked::before,.collect-control .checkbox input[type=radio]:checked::before{
	width: 6px;
	height: 14px;
	left: 6px;
	top: 0;
}
.thumb-atlas h3{
	font-size: 16px;
	color: #1a1a1a;
	padding: 8px 0 6px 0;
}
.user-show{
	display: none;
}
.setmeal-tabs{
	border-bottom: 2px solid #ECECEC;
}
.setmeal-tabs li{
	padding-right: 60px;
}
.setmeal-tabs li a{
	display: block;
	position: relative;
	padding: 20px 0;
	font-size: 20px;
	color: #666;
}
.setmeal-tabs .active a{
	color: #F90017;
}
.setmeal-table{
	padding: 30px 0;
}
.setmeal-table table th{
	font-size: 16px;
	text-align: center;
	padding: 20px 5px;
	line-height: 1.2;
	font-weight: normal;
	background: #2E3139;
	color: #fff;
}
.setmeal-table table td{
	font-size: 16px;
	text-align: center;
	padding: 20px 5px;
	color: #1a1a1a;
	line-height: 1.2;
}
.setmeal-order{
	padding: 6px 0;
	margin-top: 20px;
	color: #666;
}
.setmeal-td tr{
	border: 1px solid #ececec;
}
.mt30{
	margin-top: 40px;
}
.record-screen{
	padding: 20px 0;
}
.record-screen li{
	padding-right: 6px;
}
.record-screen li a{
	display: block;
	cursor: pointer;
	color: #666;
	border-radius: 4px;
	padding: 0 12px;
	font-weight: 500;
	transition: all 0.3s ease-out;
}
.record-screen .active a{
	background: #2E3139;
	color: #fff;
}
.date-sort{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.ds-up{
	display: block;
	width: 10px;
	height: 8px;
	position: relative;
}
.ds-up::before{
	content: '';
	border-bottom: 5px solid #fff;
	border-left: 3px solid rgba(0,0,0,0);
	border-right: 3px solid rgba(0,0,0,0);
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 1;
	opacity: 0.3;
}
.ds-dn{
	display: block;
	width: 10px;
	height: 8px;
	position: relative;
}
.ds-dn::before{
	content: '';
	border-top: 5px solid #fff;
	border-left: 3px solid rgba(0,0,0,0);
	border-right: 3px solid rgba(0,0,0,0);
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 1;
}
.resort .ds-up::before{
	opacity: 1;
}
.resort .ds-dn::before{
	opacity: 0.3;
}
.notify-list{
	font-size: 16px;
	color: #1a1a1a;
	padding: 15px 0;
	border-bottom: 2px solid #ececec;
}
.notify-title{
	position: relative;
	padding-right:24px;
	cursor: pointer;
}
.notify-title::after{
	content: '';
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 8px;
	right: 4px;
	transform: rotate(45deg);
	transition: all 0.3s ease-out;
}
.notify-title h3{
	font-size: 16px;
	position: relative;
}
.notify-title h3 .dot{
	background: #F90017;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	margin-left: 4px;
}
.notify-info{
	display: none;
	padding: 10px 0;
	font-size: 16px;
}
.notify-open,.readed{
	color: #999;
}
.readed .notify-title::after{
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
}
.notify-open .notify-info{
	display: block;
}
.notify-open .notify-title::after{
	transform: rotate(-135deg);
	top: 12px;
}
.account-info{
	border-top: 1px solid #ececec;
	padding: 20px 0;
	margin-top: 20px;
}
.account li{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #1a1a1a;
	padding: 18px 0;
}
.account li label{
	display: block;
	width: 90px;
	margin-right: 15px;
	margin-bottom: 0;
	font-weight: normal;
	color: #666666;
}
.b-edit{
	display: block;
	background: url(../images/i_edit.png) no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	margin-left: 30px;
	cursor: pointer;
	opacity: 0.8;
}
.b01-show{
	display: none;
}
.b02-show{
	display: none;
}
.b03-show{
	display: none;
}
.collection-box{
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-left: -15px;
	margin-right: -15px;
}
.add-collection{
	width: 20%;
	padding: 15px;
}
.collection-atlas{
	width: 80%;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap: wrap;
}
.collection-atlas li{
	width: 25%;
	padding: 15px;
}
.add-atlas{
	height: 100%;
	background: #F2F6FA;
	position: relative;
	cursor: pointer;
}
.add-atlas::before{
	content: '';
	width: 48px;
	height: 4px;
	background: #BCBDBD;
	position: absolute;
	border-radius: 3px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.add-atlas::after{
	content: '';
	height: 48px;
	width: 4px;
	background: #BCBDBD;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 3px;
	z-index: 1;
	transform: translate(-50%,-50%);
}
.atlas-operate{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.atlas-operate .b-edit{
	margin: 0;
	position: relative;
	display: block;
	background: url(../images/i_edit.png) no-repeat center;
	background-size: 16px 16px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.atlas-operate .b-edit:hover .img-tips{
	opacity: 1;
	visibility: visible;
}
.atlas-operate .b-del{
	width: 14px;
	height: 16px;
	margin-left: 16px;
	position: relative;
}
.thumb-atlas:hover{
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.14);
}
.thumb-atlas:hover .atlas-operate{
	opacity: 1;
}
.atlas-stit{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 2px;
}
.atlas-operate .b-del:hover .img-tips{
	opacity: 1;
	visibility: visible;
}
.atlas-poster .img-tools{
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: auto;
	z-index: 1;
	opacity: 0;
}
.atlas-poster .img-tools li{
	width: 24px;
	height: 24px;
	padding: 0;
	background: #fff;
}
.atlas-poster:hover  .img-tools{
	opacity: 1;
	top: 10px;
}
.atlas-poster .img-tools li:hover{
	background: #F90017;
}
.atlas-poster .img-tools li .b-del{
	width: 16px;
	height: 16px;
}
.atlas-poster .img-tools li .pic-down{
	background: url(../images/i_down_b.png) no-repeat center;
	background-size: 16px 16px;
	margin: 0;
}
.atlas-poster .img-tools li:hover  .pic-down{
	background: url(../images/i_down.png) no-repeat center;
	background-size: 16px 16px;
}
.atlas-poster .img-tools li:hover .b-del{
	background: url(../images/idel_on.png) no-repeat center;
	background-size: 14px 16px;
}
.pop-collect{
	display: none;
}
.pop-collect .toast-cotainer{
	padding: 0 30px 40px 30px;
}
.btn-ok{
	display: inline-block;
	width: 156px;
	height: 46px;
	line-height: 42px !important;
	border: 1px solid #F90017;
	background: #F90017;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.btn-def{
	display: inline-block;
	width: 160px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #ECECEC;
	background: #ffffff;
	border-radius: 4px;
	font-size: 16px;
	color: #1a1a1a;
	text-align: center;
}
.toast-button-group{
	justify-content: space-around
}
.pop-collect .pop-title{
	border-bottom: none;
	padding-top: 26px;
	padding-bottom: 0;
}
.collect-pbox{
	max-height: 300px;
	overflow-y: auto;
}
.collect-add-list li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	transition: all 0.3s ease-out;
	margin-bottom: 8px;
	color: #999;
}
.collect-add-list li:hover{
	background: #F2F6FA;
}
.collect-add-list li h3{
	font-size: 16px;
	color: #1a1a1a;
}
.collect-add{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	background: #F90017;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
.add-collect-inbox{
	padding: 20px 0;
	position: relative;
}
.add-inbox{
	position: relative;
	margin-top: 10px;
}
.add-inbox::before{
	content: '+';
	position: absolute;
	top: 8px;
	left: 10px;
	line-height: 1;
	z-index: 1;
	font-size: 25px;
	color: #999999;
	display: block;
}
.add-collect-inbox input{
	background: #F2F6FA;
	border: 1px solid #ECECEC;
	border-radius: 4px;
	height: 42px;
	line-height: 42px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px 0 34px;
	outline: none
}
.add-collect-inbox input:focus{
	border: 1px solid #F90017;
}
.bar-off{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #DEDEDE;
	border-radius: 2px;
	font-size: 14px;
	padding: 0 10px;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.bar-off:hover{
	background: #1A1A1A;
}
.gg-upoad-source{
	padding-top: 6px;
}
.gg-upoad-source h3{
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
	box-sizing: border-box;
	padding-right: 10px;
	line-height: 1.5;
}
.gg-upoad-source .atlas-operate{
	opacity: 1;
}
.operate-bar{
	position: relative;
}
.operbar{
	display: block;
	width: 22px;
	height: 16px;
	line-height: 16px;
	background: rgba(255,255,255,0);
	border-radius: 2px;
	text-align: center;
	color: #1a1a1a;
	font-size: 20px;
	transition: all 0.15s ease-out;
	cursor: pointer;
}
.operbar:hover{
	background: rgba(255,255,255,1);
}
.operate-option{
	position: absolute;
	top: 100%;
	right: 0;
	background: #ffffff;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	z-index: 100;
	display: none;
}
.operate-option a{
	display: block;
	white-space: nowrap;
	padding: 3px 20px;
	cursor: pointer;
	color: #1a1a1a;
}
.operate-option a:hover{
	background: #F2F6FA;
}
.picture-over{
	position: relative;
}
.picture-toast-infos{
	position: absolute;
	top: 0;
	z-index: 10;
	left: 100%;
	width: 350px;
	background: #FFFFFF;
	box-shadow: 0px 4px 12px rgba(26,26,25,0.24);
	margin-left: 14px;
	border-radius: 2px;
  display: none;
}
.picture-toast-infos::before{
	content: '';
	border-right: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0);
	border-bottom: 8px solid rgba(0,0,0,0);
	position: absolute;
	top: 66px;
	left: -8px;
	z-index: 1;
}
.gg-upload-list:nth-child(6n-1) .picture-toast-infos,.gg-upload-list:nth-child(6n) .picture-toast-infos{
	left: auto;
	right: 100%;
	margin-right: 12px;
	margin-left: 0;
}
.gg-upload-list:nth-child(6n-1) .picture-toast-infos::before,.gg-upload-list:nth-child(6n) .picture-toast-infos::before{
	display: none;
}
.gg-upload-list:nth-child(6n-1) .picture-toast-infos::after,.gg-upload-list:nth-child(6n) .picture-toast-infos::after{
	content: '';
	border-left: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0);
	border-bottom: 8px solid rgba(0,0,0,0);
	position: absolute;
	top: 66px;
	right: -8px;
	left: auto;
	z-index: 1;
}
.p-t-tit{
	padding: 10px 30px;
	color: #fff;
	background: #1a1a1a;
	font-size: 20px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.p-cont{
	padding: 10px 20px 30px 20px;
}
.p-cells{
	display: flex;
	align-items: stretch;
	padding: 6px 0;
	line-height: 30px;
	font-size: 16px;
}
.p-ti{
	flex-shrink: 0;
	width: 88px;
	text-align: right;
	color: #666;
	margin-right: 16px;
}
.p-value{
	flex: 1;
}
.p-value .type-keyword{
	margin-bottom: -10px;
}
.p-value .type-keyword li{
	padding-right: 10px;
	padding-bottom: 10px;
}
.p-value .type-keyword li a{
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
}
.p-value .type-keyword li a:hover{
	background: #F4F4F4;
	color: #666;
}
.p-value .type-class li a,.p-value .type-class li a:hover{
	background: #DCF1FF;
	border: 1px solid #50B9FF;
	color: #0F98F3
}
.propa-box{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding-top: 30px;
}
.propa-years{
	width: 22.916vw;
	padding-left: 7.29vw;
	box-sizing: border-box;
}
.propa-year-side{
	position: fixed;
	/*height: calc(100vh - 120px);*/
	/*overflow-y: auto;*/
	padding-right: 50px;
	min-width: 300px;
}

.propa-year-side::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}
.propa-year-side::-webkit-scrollbar-thumb {
	border-radius: 4px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #999999;
}
.propa-year-side::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	border-radius: 4px;
	background: #eaeaea;
}
.libr-swiper{
	height: 500px;
	overflow: hidden;
	position: relative;
}
.libr-swiper::before{
	content: '';
	background: linear-gradient(180deg,rgba(255,255,255,0.7) 80%,rgba(255,255,255,0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 20;
}
.libr-swiper::after{
	content: '';
	background: linear-gradient(0deg,rgba(255,255,255,0.7) 80%,rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 20;
}
.century{
	position: absolute;
	top: 50%;
	right: 110px;
	color: #FFFFFF;
	-webkit-text-stroke: 1px #191919;
	text-stroke: 1px #191919;
	opacity: 1;
	font-size: 98px;
	line-height: 1;
	display: block;
	height: 120px;
	transform: translateY(-60px);
	white-space: nowrap;
	padding-right: 10px;
}
.century p{
	transform: translateY(6px)
}
.century::before{
	content: '';
	width: 100px;
	height: 8px;
	background: #000000;
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: -1;
}
.century::after{
	content: '';
	width: 100px;
	height: 8px;
	background: #000000;
	position: absolute;
	bottom: 0px;
	left: 100%;
	z-index: -1;
}
.libr-swiper .swiper-container{
	height: 100%;
	/*transform: translateY(-30px);*/
	margin-top: -30px;
}
.libr-swiper .swiper-slide{
	height: 66px;
	line-height: 66px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.libr-year{
	padding: 5px 0;
	font-size: 36px;
	font-family:  Arial," sans-serif";
	transition: all 0.3s ease-out;
	position: relative;
	cursor: pointer;
	color: #1A1A1A;
	opacity: 0.5;
	width: 120px;
	text-align: center;
	white-space: nowrap;
	line-height: 66px;
}
.libr-year b{
  font-weight: normal;
}
.libr-year span{
	display: none;
	color: #FFFFFF;
	-webkit-text-stroke: 1px #191919;
	text-stroke: 1px #191919;
	opacity: 0;
}
.libr-swiper .swiper-slide-prev  .libr-year{
	opacity: 1;
}
.libr-swiper .swiper-slide-next  .libr-year{
	opacity: 1;
}
.libr-swiper .swiper-slide-active{
	padding: 60px 0;
}
.libr-swiper .swiper-slide-active .libr-year{
	font-size: 100px;
	opacity: 1;
	color: #F90017;
}
.libr-swiper .swiper-slide-active .libr-year span{
	opacity: 1;
}
.library-title{
	padding: 30px 0;
	font-size: 20px;
	text-transform: uppercase;
}
.library-title h2{
	font-size: 36px;
	color: #1a1a1a;
	padding-top: 6px;
}
.propa-years .report-search{
	border: 1px solid #ececec;
	border-radius: 20px;
	margin-top: 30px;
}
.propa-years .ss-bar{
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	right: 15px;
}
.propa-years .search-result-tips{
	text-align: right;
	padding-bottom: 120px;
}
.propa-years .search-result-tips strong{
	color: #F90017;
	font-weight: normal;
}
.propa-picture{
	flex: 1;
	position: relative;
	padding-top: 120px;
}
.propa-picture-list{
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	padding-left: 40px;
}
.propa-picture-list li{
	width: 25%;
	box-sizing: border-box;
	padding: 5px;
}
.propa-picture-list li .picture{
	height: 8.645vw;
}
.propa-picture-list li a{
	display: block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.propa-picture-list li a .mask{
	background: rgba(0,0,0,0.1);
}
.propa-picture-list li  a:hover .inspi-thumbs-info h3{
	transform: translateY(0px);
}
.propa-picture-list li a:hover .inspi-thumbs-info h4{
	opacity: 1;
}
.propa-picture-list li a:hover .mask{
	background: rgba(0,0,0,0.4);
}
.inspi-thumbs li a:hover .mask{
	background: rgba(0,0,0,0.6);
}
.csearch-box{
	padding: 42px 0;
}
.csearch{
	position: relative;
}
.csearch-tips{
	position: absolute;
	top: 100%;
	left: 0;
/*	margin-top: 20px;*/
	background: #fff;
	padding: 20px;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	border-radius: 24px;
	display: none;
	box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.22);
}
.csearch-bar{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap
}
.csearch-tips span{
	display:block;
	margin: 6px 10px;
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 12px;
	padding: 8px 20px;
	cursor: pointer;
}
.csearch-tips span:hover{
	background: #EDF2F5;
	border: 1px solid #EAEAEA;
}
.cs-in{
	width: 100%;
	border: 1px solid #dedede;
	background: #fff url(../images/i_ss_g.png) no-repeat 20px;
	outline: none;
	font-size: 18px;
	padding: 10px 30px 10px 50px;
	border-radius: 30px;
}
.cs-in:focus{
	border: 1px solid #F90017 !important;
}
.cs-ss{
	display: none;
}
.propa-picture .csearch-box{
	padding-left: 40px;
	padding-bottom: 20px;
	padding-top: 70px;
	position: fixed;
	top: 78px;
	left: calc(22.916vw + 40px);
	right: 40px;
	background: #fff;
	z-index: 100;
}

.propa-album-top{
	/*height: 26.04vw;*/
	height: calc(32.9vw - 107px);
	position: relative;
	font-size: 24px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 30px;
}
.propa-album-top .inspi-thumbs-info h3{
	transform: translateY(0);
	padding: 5px 0;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	font-size: 42px;
}
.propa-album .picture{
	border-radius: 4px;
	overflow: hidden;
}
.propa-album-list{
	flex-wrap: wrap;
	align-items: stretch;
	-wbkit-align-items: stretch;
	margin-left: -15px;
	margin-right:-15px;
	padding-top: 15px;
	padding-bottom: 80px;
}
.propa-album-list li{
	padding: 15px;
	width: 25%;
	box-sizing: border-box;
}
.propa-album{
	display: block;
	position: relative;
	z-index: 10;
}
.propa-album .mask{
	opacity: 0 !important;
}
.propa-album::before{
	content: '';
	background: #EDEDED;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.propa-album:hover  .picture img{
	transform: scale(1.05);
}
.propa-album:hover .mask{
	opacity: 1;
}
.propa-album:hover::before{
	opacity: 1;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
}
.propa-album-info{
	position: relative;
	z-index: 10;
	padding-top: 6px;
}
.propa-album-info .idown{
	background: url(../images/i_down_b.png) no-repeat center;
	background-size: 16px 16px;
	opacity: 0.6;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 0;
	border-radius: 20px;
}
.propa-album-info .idown:hover{
	background-image: url(../images/i_down_b.png) no-repeat center;
	background-color: rgba(0,0,0,0.1);
	background-size: 16px 16px;
	opacity: 1;
}
.y-tips{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	color: #fff;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	padding: 0 6px;
}
.pop-picture-box{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1100px;
	background: #fff;
	z-index: 1001;
	border-radius: 8px;
}
.pop-picture-stretch{
	align-items: stretch;
	-webkit-align-items: stretch;
}
.pop-picture{
	width: 640px;
	background: #F8F8F8;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.pop-picture-title{
	font-size: 20px;
	color: #1a1a1a;
	border-bottom: 1px solid #eaeaea;
	padding: 20px 0;
}
.pop-picture-info{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	min-height: 600px;
	flex: 1;
	box-sizing: border-box;
}
.pop-picture-info .btn-loadown{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.pop-picture-info .btn-loadown span{
	color: rgba(255,255,255,0.6);
	margin-left: 15px;
}
.pop-prev{
	position: absolute;
	top: 50%;
	left: -120px;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.pop-prev:hover{
	background: rgba(255,255,255,0.5);
}
.pop-prev::before{
	content: '';
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -2px;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.pop-next{
	position: absolute;
	top: 50%;
	right: -120px;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.pop-next:hover{
	background: rgba(255,255,255,0.5);
}
.pop-next::before{
	content: '';
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.download-box{
	background: #fff;
	border-radius: 4px;
}
.download-top{
	background: #2E313A url(../images/ustimg.png);
	text-align: center;
	color: #fff;
	padding: 30px 0;
	font-size: 16px;
	height: 129px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.download-top h3{
	font-size: 26px;
}
.download-top p{
	margin-top: 15px;
}
.swiper-backface-hidden .swiper-slide .videos-topic .mask{
	background: rgba(0,0,0,0.2);
}
.swiper-backface-hidden .swiper-slide .videos-topic:hover .mask{
	background: rgba(0,0,0,0.4);
}
.download-content{
	padding: 30px;
	background: #fff;
}
.download-content h3{
	font-size: 28px;
}

.download-lists{
	width: 960px;
	padding-top: 30px;
}
.download-lists ul{
	border: 2px solid #DEDEDE;
	border-radius: 4px;
	padding: 15px 0;
	font-size: 18px;
	color: #1a1a1a;
	margin-bottom: 20px;
	cursor: auto;
}
.download-lists ul:hover,.download-list.radio-checked{
	border: 2px solid #FF0000;
}
.download-lists li{
	padding: 0 20px;
}
.video-type-select label,.download-lists  label{
	font-weight: normal;
	display: block;
}
.d-l-1{
	min-width: 80px;
}
.d-l-2{
	min-width: 120px;
}
.d-l-3{
	min-width: 120px;
}
.d-l-4{
	min-width: 130px;
}
.d-l-5{
	min-width: 100px;
	text-align: center;
	font-weight: bold;
}
.d-l-6{
	min-width: 70px;
}
.d-l-7{
	min-width: 120px;
}
.d-l-8{
	min-width: 120px;
	color: #999;
}
.this-time-downloads li{
	display: flex;
	align-items: stretch;
}
.this-time-downloads{
	padding-top: 20px;
}
.this-time-downloads li .user-thumb{
	width: 156px;
	height: 152px;
	margin-right: 20px;
	position: relative;
}
.tips-state{
	position: absolute;
	background: #F90017;
	color: #ffffff;
	top: 6px;
	left: -22px;
	width: 80px;
	text-align: center;
	transform: rotate(-45deg);
}
.thumb-infs{
	color: #666;
	line-height: 2
}
.download-control{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	border-top: 1px solid #dedede;
	padding-top: 30px;
	margin-top: 30px;
	color: #666666;
}
.download-control .btn-ok{
	margin-top: 10px;
}
.report-back{
	display: block;
	height: 64px;
	line-height: 64px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	transition: all 0.3s ease-out;
	font-size: 20px;
	color: #999999;
	text-align: center;
	margin-top: 30px;
}
.report-back:hover{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #333;
}
.back-inspi{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
	padding-right: 24px;
	position: relative;
	transition: all 0.15s ease-out;
}
.back-inspi::after{
	content: '';
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.back-inspi:hover{
	opacity: 0.8;
}
.nftabs{
	padding-top: 20px;
}
.nftabs li a{
	display: block;
	color: #999;
}
.nftabs .active a{
	color: #1a1a1a;
}
.full-pop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1003;
	text-align: center;
}
.full-pop .pop-close{
	top: 10px;
	right: 10px;
  background-size: 16px 16px;
  background-position: center;
  background-color: rgba(0,0,0,0.3);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 1;
}
.full-pop img{
	max-width: 100%;
	max-height: 100%;
}
.full-pop-picture{
  position: relative;
}
.btn-package{
	 display: block;
	 height: 46px;
	 border: 1px solid #dedede;
	 width: 100%;
	 text-align: center;
	 border-radius: 4px;
	 margin-top: clamp(12px,1.2vw,24px);
	 font-size: clamp(14px,1vw,18px);
	 line-height: 44px;
	 cursor: pointer;
	 transition: all 0.15s ease-out;
 }
.btn-package:hover{
	background: #FA2D40;
	color: #ffffff;
}
.pop-package{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 1170px;
	z-index: 1003;
	transform: translate(-50%,-50%);
	background: #F7F9FA;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 20px;
}
.pop-package .title{
	font-size: clamp(16px,1.4vw,28px);
	font-weight: bold;
	text-align: center;
	padding-top: clamp(16px,1.5vw,32px);
}
.pop-package .tips{
	font-size: 13px;
	color: #666666;
	text-align: center;
	padding-top: 8px;
}
.packages{
	display: flex;
	align-items: stretch;
	padding-top: clamp(24px,2.4vw,48px);
	padding-bottom: 20px;
}
.package{
	width: 268px;
	box-sizing: border-box;
	padding: 24px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
	margin-left: 12px;
}
.tc-name{
	text-align: center;
	font-size: clamp(14px,1.1vw,20px);
	color: #3d3d3d;
	text-align: center;
	padding-top: clamp(8px,1vw,20px);
}
.tc-tips{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
.tc-price{
	font-size: clamp(14px,1vw,18px);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #3d3d3d;
	line-height: 1.7;
	margin-top: clamp(30px,3vw,60px);
}
.tc-price .num{
	font-size: clamp(30px,2.7vw,54px);
	font-family: Arial;
	line-height: 1;
	margin: 0 4px;
}
.tc-btn{
	background: #FA2D40;
	height: 46rpx;
	line-height: 46px;
	text-align: center;
	border-radius: 4px;
	display: block;
	color: #fff;
	cursor: pointer;
	margin: clamp(20px,1.6vw,30px) 0;
}
.tc-explain{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
}
.exp-tit{
	text-align: center;
	padding-bottom: 10px;
}
.exp-tit p{
	display: inline-block;
	position: relative;
	padding: 0 8px;
}
.exp-tit p::before{
	content: '';
	height: 1px;
	width: 64px;
	background: linear-gradient(to left, #E0E0E0 0%, rgba(216, 216, 216, 0) 100%);
	position: absolute;
	top: 50%;
	right: 100%;
}
.exp-tit p::after{
	content: '';
	height: 1px;
	width: 64px;
	background: linear-gradient(to right, #E0E0E0 0%, rgba(216, 216, 216, 0) 100%);
	position: absolute;
	top: 50%;
	left: 100%;
}
.package.disable .tc-btn{
	background: #999999;
	cursor: no-drop;
}
.activity-wrapper{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.activity-wrapper .container{
	position: relative;
	z-index: 10;
}
.activity-list{
	margin-left: -14px;
	margin-right: -14px;
	padding-top: 46px;
	flex-wrap: wrap;
	padding-bottom: 80px;
}
.activity-list li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 14px;
}
.activity-list li .picture{
  height: min(16.052vw,244px);
}
.activity-list li a{
	display: block;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	border-radius: 4px;
	transition: all 0.3s ease-out;
	overflow: hidden;
}
.activity-list li a:hover{
	box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
}
.activity-list li a:hover .picture img{
	transform: scale(1.03);
}
.activity-info{
	position: relative;
	padding: 20px 20px 14px 20px;
	color: #999;
}
.activity-info h3{
	font-size: 16px;
	color: #1a1a1a;
	font-weight: normal;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 60px;
	overflow: hidden;
}
.activity-state{
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 1;
	color: #fff;
  padding: 0 10px 0 20px;
  height: 24px;
  line-height: 24px;
	background: #F60A15;
}
.activity-state::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
  border-left: 10px solid #fff;
  border-top: 12px solid rgba(0,0,0,0);
  border-bottom: 12px solid rgba(0,0,0,0);
}
.overdue{
	background: #cccccc;
}
.activity-countdown{
	padding: 15px 20px;
	border-top: 1px solid #f5f5f5;
	color: #999;
}
.acti01{
	position: fixed;
	top: 20%;
	left: -230px;
	z-index: -1;
	font-size: 0;
	line-height: 0;
}
.acti02{
	position: fixed;
	top: 15%;
	right: -100px;
	z-index: -1;
	font-size: 0;
	line-height: 0;
}
.acti03{
	position: fixed;
	top: 30%;
	right: -400px;
	z-index: -1;
	font-size: 0;
	line-height: 0;
}
.acti01 img,.acti02 img,.acti03 img{
	animation: zoom 15s infinite;
    animation-direction: alternate;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@keyframes zoom {
	0% {
	transform:scale(.7) rotate(0deg)
	}
	30% {
	transform:scale(.95) rotate(40deg)
	}
	60% {
	transform:scale(.8) rotate(20deg)
	}
	100% {
	transform:scale(1) rotate(60deg)
	}
}
.act-count{
	background: url(../images/act_count.png) no-repeat left;
	background-size: 16px 16px;
	padding-left: 22px;
}
.act-view{
	background: url(../images/act_view.png) no-repeat left;
	background-size: 16px 16px;
	padding-left: 22px;
}
.login-title{
	text-align: center;
	font-size: 20px;
	color: #F90017;
}
.activity-content{
	width: 1080px;
	margin: 0 auto;
}
.activity-title{
	text-align: center;
}
.activity-source{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 8px;
	color: #999;
}
.activity-source p{
	padding: 0 20px;
}
.activity-title-group{
	padding: 30px 0;
	border-bottom: 1px solid #CCCCCC;
}
.activity-title{
	font-size: 38px;
	color: #1a1a1a;
	text-align: center;
	padding: 12px 0;
}
.activity-count{
	text-align: center;
	padding-top: 45px;
	padding-bottom: 10px;
}
.activity-count p{
	display: inline-block;
	color: #525358;
	font-size: 26px;
	background: url(../images/act_count2.png) no-repeat left;
	padding-left: 40px;
}
.activity-detail{
	font-size: 16px;
	line-height: 2;
	padding: 30px 0;
}
.activity-button{
	padding: 60px 12px 100px 12px;
}
.btn-bm{
	display: block;
	height: 64px;
	line-height: 64px;
	background: #F90017;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	box-shadow: 0 6px 12px rgba(249,0,23,0.5);
	transition: all 0.15s ease-out;
	width: 100%;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
}
.btn-bm span{
	display: block;
}
.btn-bm p{
	display: none;
}
.btn-bm[disabled]{
	background: #ccc;
	box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.btn-bm[disabled] span{
	display: none;
}
.btn-bm[disabled] p{
	display: block;
}
.activity-button a:hover{
	opacity: 0.7;
}
.act-banner{
	position: relative;
	z-index: 0;
}
.act-banner img{
	width: 100%;
	height: 32.9vw;
	object-fit: cover;
}
.albums-list{
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.albums-list li{
	width: 20%;
	box-sizing: border-box;
	padding: 5px 10px;
}
.albums-list li a{
	display: block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.albums-list li .picture img{
  height: min(14.07vw,214px);
}
.albums-list li a .mask{
	background: rgba(0,0,0,0.2);
}
.albums-list li a:hover .inspi-thumbs-info h3{
	transform: translateY(0px);
}
.albums-list li a:hover .inspi-thumbs-info h4{
	opacity: 1
}
.albums-list li a:hover .mask{
	opacity: 1;
	background: rgba(0,0,0,0.4);
}
.albums-show{
	height: 236px;
	overflow: hidden;
	margin-top: -20px;
	transition: all 0.3s linear;
}
.heightauto{
	height: 708px;
}
.bar-toggle{
	display: inline-block;
	cursor: pointer;
	-webkit-user-select:none;
	user-select:none;
	position: relative;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 6px rgba(25, 25, 25, 0.25);
	margin: 40px auto 0 auto;
}
.bar-toggle::before{
	content: '';
	border-top: 1px solid #F90017;
	border-left: 1px solid #F90017;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -4px;
	transition: all 0.15s ease-out;
	-webkit-animation: arrowOpacityUp 0.8s infinite ease-out;
	animation: arrowOpacityUp 0.8s infinite ease-out;
}
.bar-toggle::after{
	content: '';
	border-top: 1px solid #F90017;
	border-left: 1px solid #F90017;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	z-index: 1;
	margin-left: -4px;
	transition: all 0.15s ease-out;
	-webkit-animation: arrowOpacityUp 0.8s infinite ease-out;
	animation: arrowOpacityUp 0.8s infinite ease-out;
}
.b-shut{
	display: none;
}
.b-open{
	padding: 60px 0 0 0;
}
.b-open a{
	cursor: pointer;
}
.b-nos{
	display: block;
	background: url(../images/nos.png) no-repeat center;
	background-size: 18px auto;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	margin-top: -15px;
	cursor: pointer;
}
.b-see{
	background: url(../images/see.png) no-repeat center;
	background-size: 18px auto;
}
.account li .collect-add{
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.user-tips{
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 400;
}
.user-tips span{
	font-size: 14px;
	color: #666;
	margin-left: 6px;
}
.bar-delete{
	cursor: pointer;
}
.bar-delete:hover{
	color: #F90017;
}
.bar-arrD{
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.bar-arrD::after{
  content: '';
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  transform: rotate(45deg);
}
.act-topic-content img{
  height: auto !important;
  width: 100% !important;
}
@-webkit-keyframes ball-scale-ripple-multiple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0.0;
	}
}

@keyframes ball-scale-ripple-multiple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0.0;
	}
}

@keyframes arrowOpacity {
	0% {
		opacity: 1;
		left: 2px;
	}

	100% {
		opacity: 0.1;
		left: 14px;
	}
}
@-webkit-keyframes arrowOpacity {
	0% {
		opacity: 1;
		left: 2px;
	}

	100% {
		opacity: 0.1;
		left: 14px;
	}
}
@keyframes arrowOpacityUp {
	0% {
		opacity: 1;
		top: 22px;
	}

	100% {
		opacity: 0.1;
		top: 12px;
	}
}
@-webkit-keyframes arrowOpacityUp {
	0% {
		opacity: 1;
		top: 22px;
	}

	100% {
		opacity: 0.1;
		top: 12px;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 120px, 0);
		transform:translate3d(0, 120px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 120px, 0);
		-ms-transform:translate3d(0, 120px, 0);
		transform:translate3d(0, 120px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
.article {
  display: block;
  background: white;
  transition: all 220ms;
  margin-bottom: 20px;
}
.article img {
  display: block;
  width: 100%;
}
.article h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.photo-search-popup{
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: -1;
	background: #fff;
	padding: 26px 36px;
	display: none;
	margin-top: 20px;
	border-radius: 4px;
}
.upload-drag{
	height: 60px;
	background: #F5F5F5;
	border: 1px dashed #CCCCCC;
	border-radius: 4px;
	text-align: center;
	line-height: 60px;
	color: #666666;
	margin-bottom: 20px;
}
.upload-file{
	width: 162px;
	height: 42px;
	background: #F90017;
	border-radius: 4px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	position: relative;
}
.upload-file input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}
.photo-img{
	width: 28.125vw;
	height: 18.75vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EBEBEB;
	margin: 10px 0;
}
.photo-img img{
	max-height: 100%;
	max-width: 100%;
}
.photo-img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service-popup{
	position: absolute;
	bottom: 0;
	right: 100%;
	z-index: 10;
	padding: 20px 30px;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	width: 310px;
	box-sizing: border-box;
	margin-right: 20px;
	display: none;
}
.service-popup::after{
	content: '';
	border-left: 10px solid rgba(255,255,255,1);
	border-top: 10px solid rgba(255,255,255,0);
	border-bottom: 10px solid rgba(255,255,255,0);
	position: absolute;
	bottom: 20px;
	right: -10px;
}
.service-title{
	font-size: 18px;
	color: #1a1a1a;
	margin-bottom: 3px;
}
.service-title img{
	width: auto;
	height: 16px;
	flex-shrink: 0;
	margin-right: 8px;
}
.service-desc{
	padding-left: 28px;
	color: #999;
}
.service-popup .between{
	display: none !important;
}
.service-popup .service-hotline{
	font-size: 16px;
	color: #1a1a1a;
	/*padding-top: 20px;*/
	/*border-top: 1px solid #dedede;*/
	/*margin-top: 24px;*/
	font-weight: 400;
	display: flex !important;
}
.act-topic-content img{
  height: auto !important;
  width: 100% !important;
}
#powerPopup{
	display: none;
}
.powerbg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.powerbg::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	opacity: 0.96;
	z-index: 102;
}
.power-popup{
	width: 520px;
	height: 400px;
	background: #F7F8FA;
	border: 1px solid #CCCCCC;
	border-radius: 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -260px;
	z-index: 105;
	box-sizing: border-box;
	padding: 30px 60px;
	text-align: center;
}
.power-popup .power-btn.btn-primary{
	font-size: 18px !important;
}
.power-title{
	font-size: 22px;
	color: #1a1a1a;
}
.power-qrimg{
	margin: 0 auto;
	padding-top: 20px;
	width: 150px;
}
.power-qrimg img{
	width: 150px;
	height: 150px;
}
.power-exp{
	font-size: 16px;
	color: #333333;
	padding: 20px 0 20px 0;
}
.upload-list-container{
	flex: 1;
}
.qr-result{
	padding-top: 40px;
}
.qr-result-tips{
	font-size: 24px;
	color: #1a1a1a;
	padding-top: 50px;
}
.gg-show .pagination-number{
	padding-bottom: 50px;
	padding-top: 20px;
}
.notices{
	margin-left: -14px;
	margin-right: -14px;
	padding-bottom: 68px;
}
.notices li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 14px;
}
.notice{
	display: block;
	padding: 24px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	color: #999999;
	font-size: 16px;
	transition: all 0.2s ease-out;
}
.notice:hover{
	border: 1px solid #DEDEDE;
	box-shadow: 0px 2px 12px 0px rgba(33,33,33,0.24);
}
.notice-title{
	font-size: 20px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.active-desc{
	color: #666666;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 36px;
}
.notice-show{
	font-size: 16px;
	line-height: 2.2;
	padding-top: 30px;
	padding-bottom: 150px;
	position: relative;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 100px;
}
.notice-show::after{
	content: '';
	background: url("../images/nt_logo.png") no-repeat;
	position: absolute;
	bottom: 40px;
	right: 0;
	width: 216px;
	height: 36px;
	z-index: 1;
}
.power-title2{
	font-size: 22px;
	padding: 100px 0;
}
.power-popup .power-btn2.btn-primary{
	width: 210px !important;
	margin:  0 auto;
}
.propa-picture-list li .picture{
  background: #909090;
}
.report-show .gg-empty{
  height: calc(100vh - 260px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.angle-banner{
  height: 20.83vw;
}
.angle-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.angle-user-box{
  position: relative;
  padding: 46px 0;
}
.angle-user-info{
	text-align: center;
	padding-top: 40px;
	font-size: clamp(16px,0.93vw,18px);
	color: #999;
}
.angle-user-info h3{
	font-size: clamp(20px,1.25vw,24px);
	font-weight: normal;
	color: #1a1a1a;
	padding-bottom: 10px;
}
.angle-user-avt{
  width: 120px;
  height: 120px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 1px 6px 0px rgba(17,17,17,0.1);
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.angle-user-avt img{
  width: 100%;
  height: 100%;
}
.angle-user{
	justify-content: center;
}
.angle-user .b-edit{
	margin-left: 12px;
}
.angle-tool{
	position: absolute;
	top: 46px;
	right: 0;
}
.angle-tool li{
  padding-left: 10px;
}
.angle-tool li a{
  display: block;
  height: 36px;
  line-height: 36px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 0 20px;
  min-width: 78px;
  text-align: center;
  cursor: pointer;
	transition: all 0.15s ease-out;
}
.angle-tool .active a{
  background: #F90017;
  border: 1px solid #F90017;
  color: #fff;
}
.angle-tool li a:hover{
	opacity: 0.8;

}
.angle-tit{
  font-size: clamp(20px,1.25vw,24px);
  color: #1a1a1a;
  border-bottom: 1px solid #ECECEC;
  padding: 15px 0;
}
.angle-tit span{
  font-size: clamp(14px,0.83vw,16px);
  color: #CDCDCD;
  margin-left: 8px;
}
.angle-classify{
  padding: 20px 0;
  font-size: 16px;
  color: #CCCCCC;
  position: relative;
  z-index: 11;
}
.angle-classify ul li{
  padding-right: 12px;
}
.angle-classify ul li a{
  display: block;
  padding: 6px 16px;
  color: #666666;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease-out;
}
.angle-classify ul .active a{
	color: #F90017;
}
.angle-classify ul li a:hover{
  background: #F2F2F2;
  color: #1a1a1a;
}
.angle-screen{
  position: relative;
  font-size: 16px;
  color: #1a1a1a;
  cursor: pointer;
}
.angle-screen p{
  position: relative;
  padding-right: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.angle-screen p::after{
  content: '';
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}
.angle-screen-list{
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
  padding: 6px 0;
}
.angle-screen-list a{
  display: block;
  padding: 6px 40px;
  color: #1a1a1a;
  white-space: nowrap;
  transition: all 0.3s ease-out;
}
.angle-screen-list a:hover{
  background: #f0f0f0;
}
.agreement-box{
  max-width: 1200px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 2;
  color: #1a1a1a;
  padding-bottom: 160px;
}
.agreement-box p{
  padding: 0.6em 0;
}
.agreement-box h3{
  font-weight: bold;
  padding: 1.2em 0;
  font-size: 18px;
}
.agreement-title{
  font-size: clamp(28px,1.87vw,36px);
  text-align: center;
  padding: 60px 0;
}
.upload-bg-pic{
	width: 600px;
	position: relative;
	height: 125px;
	overflow: hidden;
}
.upload-bg-pic input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	border: none;
	outline: none;
	opacity: 0;
}
.upload-bg-pic .upload-tips{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0,0,0,0.3);
}
.bg-upload-box{
	text-align: center;
	color: #999;
}
.bg-upload-box h3{
	font-size: 16px;
	color: #1a1a1a;
	padding: 26px 0 12px 0;
}
.toast-cotainer .bg-upload-box .btn-primary{
	width: 124px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.photographer-swiper{
	width: 100%;
	padding-bottom: 120px;
	padding-top: 10px;
  position: relative;
}
.photographer-swiper::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0));
  height: 100%;
  width: 6vw;
  z-index: 999;
}
.photographer-swiper::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0));
  height: 100%;
  width: 6vw;
  z-index: 999;
}
.noScroll::before,.noScroll::after{
  display: none !important;
}
.photographer-swiper .swiper-wrapper{
	transition-timing-function: linear !important;
  z-index: 1;
}
.photographer-swiper .swiper-wrapper .swiper-slide .photographer:nth-child(2n){
	margin-bottom: 0;
}
.photographer{
  margin-bottom: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #666666;
	transition: all 0.15s ease-out;
	flex-shrink: 0;
	padding-top: 20px;
  user-select: none;
}
.photo-avt{
	width: clamp(100px,11.265vw,178px);
	height: clamp(100px,11.265vw,178px);
	background: #DBDBDB;
	border: 4px solid #FFFFFF;
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.24);
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.photo-tips{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	color: #fff;
	opacity: 0;
	transition: all 0.3s ease-out;
	font-size: clamp(14px,1.01vw,16px);
}
.photo-avt:hover .photo-tips{
	opacity: 1;
}
.photo-name{
	font-size: clamp(14px,1.265vw,20px);
	color: #1a1a1a;
	margin-top: clamp(12px,1.315vw,20px);
}
.photo-avt img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.photographer:hover .photo-avt img{
	transform: scale(1.05);
}
.bar-pay{
  display: inline-block;
  min-width: 90px;
  height: 36px;
  line-height: 36px;
  background: #F90017;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin: 0 20px;
}
.button-groups a{
  cursor: pointer;
}
.button-groups a:hover{
  opacity: 0.8;
}
.payment-box{
  padding: 80px 0;
  font-size: 16px;
}
.payment-total{
  text-align: center;
  font-size: clamp(22px,1.772vw,28px);
	padding-bottom: 12px;
}
.payment-total strong{
  color: #F90017;
  font-weight: normal;
  font-size: 115%;
}
.payment-mode{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 40px;
}
.payment-mode li{
  padding: 20px;
}
.payment-mode li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 248px;
  height: 82px;
  background: #F5F6FA;
  border: 4px solid #F5F6FA;
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
  overflow: hidden;
}
.payment-mode .active a{
  border: 4px solid #0581EA;
  position: relative;
}
.payment-mode .active a::before{
  content: "";
  background: url("../images/idui.png") no-repeat;
  width: 20px;
  height: 14px;
  position: absolute;
  bottom: 3px;
  right: 0;
  z-index: 2;
}
.payment-mode .active a::after{
  content: "";
  background: #0581EA;
  background-size: auto auto;
  width: 60px;
  height: 30px;
  position: absolute;
  bottom: -10px;
  right: -20px;
  z-index: 1;
  transform: rotate(-45deg);
}
.payment-qr{
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.payment-tips{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  color: #1a1a1a;
}
.payment-tips a{
  cursor: pointer;
  color: #F90017;
  margin-top: 12px;
}
.payment-tips a img{
  margin-right: 10px;
}
.payment-other{
  justify-content: center;
  padding-top: 16px;
	padding-bottom: 12px;
	font-size: 16px;
}
.payment-other img{
  height: 18px;
  margin-right: 8px;
}
.payment-message{
  text-align: center;
  padding: 90px 0;
  border-bottom: 1px solid #DEDEDE;
}
.payment-message h3{
  font-size: clamp(26px,2.105vw,32px);
  font-weight: bold;
  padding: 30px 0;
}
.payment-message h4{
  font-size: clamp(32px,3.157vw,48px);
}
/**/
.integ-tabs-box{
  position: relative;
  z-index: 20;
}
.integ-tabs{
  justify-content: space-between;
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
	border-bottom: 2px solid #EDEDED;
}
.integ-fixed{
  position: fixed;
}
.integ-fixed .integ-tabs{
  position: fixed;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%,1520px);
  box-sizing: border-box;
}
.integ-tabs li{
  text-align: center;
  position: relative;
  padding: 0 30px;
  cursor: pointer;
  flex: 1;
}
.integ-tabs li::before{
	content: '';
	width: 4px;
	height: 4px;
	background: #999999;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: -2px;
	margin-top: -2px;
	z-index: 1;
}
.integ-tabs li a{
  display: block;
  color: #666666;
  padding: 30px 0;
}
.integ-tabs li a h3{
  font-size: 20px;
  color: #1a1a1a;
  font-weight: bold;
  margin-bottom: 10px;
}
.integ-tabs li::after{
	content: '';
	width: 80px;
	height: 5px;
	background: #F90017;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -40px;
	z-index: 1;
	opacity: 0;
	transition: all 0.15s ease-out;
}
.integ-tabs .active::after,.integ-tabs li:hover::after{
	opacity: 1;
	bottom: 0;
}
.integ-items{
  padding: 80px 50px 0 50px;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
#positionCust{
	padding-top: clamp(40px,4.166vw,80px);
}
#positionActi{
	padding-top: clamp(40px,4.166vw,80px);
}
#positionMedia{
	padding-top: clamp(40px,4.166vw,80px);
}
.integ-activity-list{
	margin-top: -15px;
}
.integ-img{
  width: 60%;
}
.integ-intro{
  width: 432px;
  color: #1a1a1a;
  font-size: 18px;
}
.integ-intro h3{
  font-size: clamp(28px,2.083vw,40px);
  margin-bottom: 15px;
}
.integ-intro h4{
  font-size: clamp(20px,1.842vw,28px);
  opacity: 0.1;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.integ-more{
  display: inline-block;
  padding: 12px 50px;
  font-size: clamp(16px,0.083vw,18px);
  text-align: center;
  background: #F90017;
  border-radius: 4px;
  color: #fff;
  margin-top: 50px;
  transition: all 0.15s ease-out;
}
.integ-more:hover{
  opacity: 0.8;
}
.integ-custom{
  width: 100%;
}
.integ-custom-video video{
  width: 100%;
}
.integ-custom-thumb{
  padding: 4px 0;
  margin-left: -4px;
  margin-right: -4px;
}
.integ-custom-thumb li{
  padding: 4px;
}
.integ-title-group{
  text-align: center;
  padding: 60px 0;
  color: #1a1a1a;
  font-size: 16px;
  max-width: 640px;
  margin: 0 auto;
}
.integ-title-group h3{
  font-size: clamp(28px,2.083vw,40px);
  margin-bottom: 15px;
}
.integ-title-group h4{
  font-size: clamp(20px,1.458vw,28px);
  opacity: 0.1;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.integ-activity-list li{
  padding: 12px;
	box-sizing: border-box;
	flex: 1;
	transition: all 0.3s ease-out;
}
.integ-activity{
  height: clamp(570px,42.105vw,640px);
  /*width: clamp(180px,17.763vw,270px);*/
  border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.integ-activity .mask{
	background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);
	height: 75%;
	bottom: 0;
	top: auto;
	transition: all .5s ease-in-out;
}
.integ-activity-tit{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	transition: all .5s ease-in-out;
	transition-delay: .1s;
	font-size: clamp(16px,0.083vw,18px);
}
.integ-activity-tit h3{
	font-size: clamp(20px,1.458vw,28px);
	margin-bottom: 24px;
}
.integ-activity-tips{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 46px;
	color: #ffffff;
	opacity: 0;
	transform: translateX(-100%);
	font-size: clamp(16px,0.083vw,18px);
	transition: all 0.45s ease-out
}
.integ-activity-tips h3{
	font-size: clamp(20px,1.458vw,28px);
	margin-bottom: 30px;
}
.integ-activity-tips p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.integ-activity-list .active{
  flex: 3;
}
.integ-activity-list .active .integ-activity{
  width: 100%;
}
.integ-activity-list .active .integ-activity-tit{
	opacity: 0;
	bottom: -60px;
}
.integ-activity-list .active .integ-activity-tips{
	opacity: 1;
	transition-delay: .2s;
	transform: translateX(0px);
}
.integ-medias{
  flex-wrap: wrap;
  margin-right: clamp(-20px,-1.6vw,-26px);
  margin-left: clamp(-20px,-1.6vw,-26px);
	padding-bottom: 50px;
  justify-content: space-between;
}
.integ-medias li{
  padding: clamp(22px,1.6vw,26px);
}
.media-logo{
  height: clamp(72px,5.6vw,88px);
  display: flex;
  align-items: center;
}
.media-logo img{
  max-height: 100%;
}
.integ-ctit-group{
  padding: 55px 0 35px 0;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.integ-ctit{
  font-size: clamp(26px,1.666vw,32px);
  color: #1a1a1a;
  margin-bottom: 10px;
}
.integ-cases{
  flex-wrap: wrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  margin-top: -20px;
  padding-bottom: 80px;
}
.cases{
  padding: 25px 20px;
  box-sizing: border-box;
  width: 33.333%;
}
.case{
  display: block;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.case:hover{
  transform: translateY(-10px);
  box-shadow: 0px 6px 15px 0px rgba(0,1,16,0.25);
}
.case-img{
  height: clamp(220px,17.368vw,264px);
}
.case-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bgf7{
  background: #F7F7F7;
}
.case-info{
  padding: 20px;
  color: #666;
}
.case-info h3{
  font-size: clamp(16px,1.041vw,20px);
  color: #1a1a1a;
  margin-bottom: 12px;
	line-height: 1.6em;
	height: 3.2em;
	overflow: hidden;
}
.case-desc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.coops{
	height: clamp(210px,16.842vw,256px);
}
.coops2{
	height: clamp(420px,33.684vw,512px);
}
.coops img,.coops2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.coop-info{
	height: 100%;
	padding: 25px 40px;
	box-sizing: border-box;
	color: #fff;
}
.coop-info h4{
	text-transform: uppercase;
	color: #fff;
	font-size: clamp(16px,1.578vw,24px);
	opacity: 0.2;
	width: 200px;
	font-weight: lighter;
}
.coop-info h3{
	font-size: clamp(16px,1.578vw,24px);
	margin-top: -20px;
	margin-bottom: 10px;
	line-height: 1;
}
.coop-show{
	background: #252525;
	margin-bottom: 110px;
	margin-top: 20px;
}
.coop-video{
	padding: 40px 24px;
}
.coop-vid-poster{
	height: clamp(280px,21.315vw,324px);
	box-sizing: border-box;
	padding: 12px;
	width: min(37.89vw,576px);
}
.coop-vid-poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#intab2{
  padding-bottom: 76px;
}
#intab3{
  background: url(../images/integ_acbg.png) no-repeat center;
  background-size: cover;
  padding-bottom: 45px;
}
#intab4{
  background: url(../images/integ_medbg.jpg) no-repeat center top;
  background-size: auto 100%;
  padding-bottom: 90px;
  padding-top: 60px;
}

@media (max-width: 1520px){
	.container{
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.setmeals h4{
		font-size: 16px;
	}
	.setmeals h4 img{
		height: 20px;
		margin-right: 8px;
	}
	.collection-box{
		margin-left: -10px;
		margin-right: -10px;
	}
	.collection-atlas li{
		padding: 10px;
	}
	.add-collection{
		padding: 10px;
	}
	.smbar{
		font-size: 14px;
	}
	.setmeals ul{
		padding-right: 30px;
	}
	.user-setmeal .setmeals:last-child ul{
		padding-left: 30px;
	}
	.inspi-thumbs-info h3{
		font-size: 16px;
	}
	.propa-picture-list{
		padding-left: 50px;
	}
	.propa-picture .csearch-box{
		padding-left: 50px;
	}
	/*.tool-menu li{*/
		/*padding: 10px 8px;*/
	/*}*/
	.albums-show{
		height: calc(14.07vw + 22px);
	}
	.heightauto{
		height: calc(42.21vw + 66px);
	}
	.propa-picture-list li .picture{
		height: 10.921vw;
	}
}
@media (max-width: 1500px){
	/*.navMenu li a{*/
		/*padding: 10px 6px;*/
	/*}*/
}
@media (max-width: 1440px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.advantage h3{
		font-size: 20px;
	}
	.advantage h4{
		font-size: 14px;
	}
	.video-item-info h3{
		font-size: 20px;
	}
	.integrate-list{
		padding-bottom: 80px;
	}
	.integ-title{
		font-size: 20px;
	}
	.integ-title img{
		height: 22px;
	}
	.integ-title img{
		margin-right: 12px;
	}
	.integ-desc{
		font-size: 13px;
		line-height: 24px;
		height: 96px;
	}
	.integ-num{
		font-size: 90px;
		top: 15px;
	}
	.barmore{
		font-size: 14px;
		padding: 10px;
	}
	.nav-header .container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.navMenu li a::after{
		bottom: -19px;
	}
	.brand-logo{
		width: 200px;
		height: 32px;
	}
	.tool-menu li{
		padding: 10px 7px;
	}
	.report-show{
		padding: 0 80px;
	}
	.relevant-list,.rep-search-box{
		padding: 30px 80px 0 80px;
	}
	.news-tags{
		left: 100px;
		height: 70px;
	}
	.news-show-info{
		width: 520px;
	}

	.scmap-box .report-intro{
		padding-left: 30px;
	}
	.scmap-map{
		padding-right: 30px;
	}
	.inspi-thumbs-info{
		font-size: 16px;
	}
	.propa-picture-list{
		padding-left: 10px;
	}
	.propa-picture .csearch-box{
		padding-left: 10px;
	}
	.libr-year{
		font-size: 30px;
	}
	.libr-swiper .swiper-slide-active .libr-year{
		font-size: 80px;
	}
	.century{
		font-size: 78px;
	}
	.library-title h2{
		font-size: 32px;
	}
	.propa-years{
		padding-left: 0px;
		width: 280px
	}
	.propa-picture .csearch-box{
		left: 320px
	}
	.news-top-info{
		font-size: 14px;
		line-height: 1.5
	}
	.news-top-info{
		transform: translateY(-20%)
	}
	.news-top-tips h3{
		font-size: 22px;
		padding-bottom: 10px;
	}
	.search-video-list .hot-video{
		width: 25%
	}
	.back-inspi{
		font-size: 14px;
		margin-top: 10px;
	}
	.back-inspi::before{
		transform: scale(0.9)
	}
	.back-inspi::after{
		transform: scale(0.9) rotate(45deg)
	}
	.news-intro{
		font-size: 16px;
	}
	.iplayer{
		transform: scale(0.8) translate(-50%,-50%);
	}
	.picture-title-group h3{
		font-size: 22px;
	}
	.news-reports .report-list li{
		padding: 15px;
	}
	.reports h3{
		font-size: 16px;
	}
	.bq-tips h3{
		font-size: 20px;
	}
	.bq-tips h2{
		font-size: 26px;
		padding-bottom: 50px;
	}
	.activites-info h3{
		font-size: 18px;
	}
	.swsq-title{
		font-size: 20px;
	}
	.swsq-items li h2{
		font-size: 40px;
	}
	.swsq-btn{
		font-size: 14px;
		padding: 10px 20px;
	}
	.f-navbar li h3 a{
		font-size: 16px
	}
	.f-navbar li a{
		font-size: 14px;
	}
	.tabs li{
		padding-right: 30px;
	}
	.tabs li a{
		font-size: 14px;
	}
	.load-more a, .btn-append{
		font-size: 14px;
	}
	.atlas-banner-info h3{
		font-size: 28px;
	}
	.c-title{
		font-size: 16px;
	}
	.detail-title{
		font-size: 20px;
	}
	.btn-loadown{
		font-size: 14px;
	}
	.collected{
		font-size: 14px;
	}
	.propa-items li{
		width: auto;
		padding: 15px;
	}
	.propa-type{
		height: 120px;
		width: 320px;
	}
	.propa-type-info h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.propa-type img{
		height: 50px;
	}
	.report-intro{
		font-size: 14px;
	}
	.propa-tips h2{
		font-size: 24px;
		padding-top: 30px;
	}
	.report-intro h4{
		font-size: 16px;
	}
	.report-intro h3{
		font-size: 26px;
	}
	.site-show{
		width: 240px;
		height: 120px;
	}
	.site-show-tit p{
		font-size: 14px;
	}
	.site-show img{
			width: 240px !important;
		height: 110px !important;
	}
	.rep-hot-search{
		font-size: 14px;
	}
	.year-tit{
		font-size: 30px;
		margin-top: -16px;
	}
	.year-tips{
		font-size: 14px;
	}
	.report-year-title h3{
		font-size: 24px;
	}
	.library-title{
		font-size: 16px;
	}
	.library-title h2{
		font-size: 26px;
	}
	.pic-tool-tr li, .pic-tool-br li{
		min-width: 24px;
		height: 24px;
		cursor: pointer;
	}
	.video-play .pic-tool-tr li:first-child{
		padding: 0 6px;
		margin-bottom: 10px;
	}
	.video-play .pic-tool-tr li{
		width: 24px;
		margin-bottom: 3px !important;
	}
	.pic-down,.pic-coll,.pic-coma{
		transform: scale(0.8)
	}
	.load-more{
		padding: 30px 0 60px 0;
	}
	.thumb-atlas-list{
		margin-left: -8px;
		margin-right: -8px;
	}
	.thumb-atlas-list li{
		padding: 8px;
	}

	.user-thumbs{
		margin-left: -8px;
		margin-right: -8px;
	}
	.user-thumbs li{
		padding: 8px;
	}
	.setmeals h3{
		font-size: 30px;
	}
	.smbar{
		font-size: 12px;
		padding: 0 15px;
	}
	.user-top h2{
		font-size: 20px;
	}
	.mbgc{
		padding-top: 30px;
	}
	.gg-nav-box{
		padding: 30px 0;
	}
	.gg-nav li a{
		font-size: 14px;
		padding: 8px 20px;
	}
	.gghome,.ggipic{
		height: 16px;
		width: 16px;
	}
	.ggivid{
		width: 18px;
		height: 16px;
	}
	.b-upload{
		font-size: 14px;
		padding: 8px 20px;
	}
	.nav-ss-menu{
		font-size: 16px;
	}
	.search-select{
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		width: 100px;
	}
	.bar-camera{
		background-size: auto 18px;
		right: 12px;
	}
	.bar-search{
		background-size: 16px 16px;
		width: 60px;
	}
	.search-input input{
		font-size: 14px;
	}
	.login-box{
		padding: 30px;
		min-height: 380px;
		width: 360px;
	}
	.upload-login h1{
		font-size: 26px;
	}
	.login-tabs li a{
		font-size: 18px;
	}
	.upload-login h3{
		font-size: 20px;
		padding-bottom: 20px;
	}
	.qr-login-img{
		margin-left: -18px;
		transform: scale(0.9);
		margin-bottom: -20px;
		margin-top: -26px;
	}
	.b02-show .qr-login-img{
		margin-left: auto;
	}
	.qr-login h3{
		font-size: 18px;
	}
	.login-inbox{
		margin-top: 15px;
	}
	.login-title{
		font-size: 18px;
	}
	.login-tips{
		font-size: 12px;
	}
	.upload-login-form .checkbox{
		padding-top: 15px;
	}
	.login-tabs{
		padding-bottom: 10px;
	}
	.ecqr{
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	.ecpc{
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	.login-spacing{
		min-height: 30px;
	}
	.albums-title h3{
		font-size: 16px;
	}
	.albums-card:hover .albums-title h3{
		font-size: 20px;
	}
	.albums-title span{
		font-size: 14px;
		margin-top: 10px;
	}
	.pop-title{
		font-size: 16px;
		padding: 10px 0;
	}
	.upload-desc{
		padding: 10px 20px;
	}
	.upload-state{
		font-size: 16px;
	}
	.pop-upload-box{
		max-height: 90vh;
		top: 8vh;
		width: 960px;
		margin-left: -480px;
	}
	.pop-upload-works{
		padding: 0 20px 20px 20px;
	}
	.gg-side-top{
		padding: 8px 0;
	}
	.pop-upload-works .pop-title-redbg{
		margin-left: -20px;
		margin-right: -20px;
	}
	.gg-side-add{
		height: 30px;
		line-height: 30px;
		min-width: 60px;
		padding: 0 15px;
		font-size: 14px;
	}
  .notice{
    padding: 20px;
  }
  .active-desc{
    margin-bottom: 20px;
  }
	.power-popup {
		width: 480px;
		height: 320px;
		margin-left: -240px;
		margin-top: -160px;
		border-radius: 12px;
	}
	.power-title2{
		font-size: 20px;
		padding: 60px 0 80px 0;
	}
	.power-popup .power-btn2.btn-primary{
		width: 160px !important;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px !important;
	}
	.report-title{
		font-size: 33px;
	}
	.activity-title{
		font-size: 33px;
	}
	.activity-count p{
		transform: scale(0.9);
	}
	.original-bar{
		height: 60px;
		font-size: 20px;
	}
	.original-bar i{
		transform: scale(0.9);
	}
	.report-back{
		height: 56px;
		line-height: 56px;
		font-size: 18px;
	}
	.pop-toast{
		min-width: 460px;
	}
	.xieyi-pop .pop-close{
		right: -50px;
		transform: scale(0.9);
	}
	.xieyi-pop .toast-cotainer{
		padding: 20px 20px 30px 20px;
	}
	.xieyi-intro{
		width: 380px;
		margin-bottom: 20px;
		font-size: 16px;
	}
  .payment-mode li a{
    width: 200px;
    height: 62px;
    background: #F5F6FA;
    border-radius: 6px;
    border-width: 2px;
    font-size: 18px;
  }
  .payment-mode .active a{
    border-width: 2px;
  }
  .payment-mode .active a::after{
    bottom: -12px;
    right: -24px;
  }
  .payment-mode .active a::before{
    transform: scale(0.8);
  }
  .photographer-swiper{
    padding-top: 10px;
  }
  .integ-more{
    padding: 8px 30px;
  }
}
 @media screen and (max-height: 780px){
	.scmap-site{
		transform: scale(0.95)
	}
	 .scmap-map{
		 min-width: 440px;
		 flex-shrink: 0;
	 }
	 .scmap-box .pbox{
		 height: 580px;
	 }
	 .scmap-box .pbox img{
		 height: 580px;
		 max-height: 580px;
	 }
	 .scmap-box .report-intro{
		 min-height: 200px;
	 }
	 .search-result-tips{
		 font-size: 14px;
	 }
	 .video-tips{
		 font-size: 12px;
		 padding: 10px 15px;
	 }
	 .auth-result-form{
		 margin-top: 10px;
	 }
	 .libr-swiper{
		 height: 320px;
	 }
	 .libr-swiper .swiper-container{
		 /*transform: translateY(-22px);*/
		 margin-top: -22px;
	 }
	 .libr-swiper .swiper-slide{
		 height: 56px;
	 }
	 .libr-swiper .swiper-slide-active{
		 padding: 50px 0;
	 }
	 .libr-swiper .swiper-slide-active .libr-year{
		 font-size: 80px;
	 }
	 .century{
		 font-size: 78px;
		 height: 100px;
		 transform: translateY(-50px);
		 right: 104px;
	 }
	 .libr-year{
		 font-size: 30px;
		 padding: 0px;
		 line-height: 56px;
		 height: 56px;
	 }
	 .century::after{
		 height: 6px;
		 width: 88px;
	 }
	 .century::before{
		 height: 6px;
		 width: 88px;
	 }
	 .login-spacing{
		 min-height: 30px;
	 }
}
@media (max-width: 1280px) {
	.navMenu li{
		padding: 0 5px;
	}
	.tool-menu li{
		padding: 10px 5px;
	}
	.report-show{
		padding: 0 60px;
	}
	.relevant-list,.rep-search-box{
		padding: 30px 60px 0 60px;
	}
}