.container-modal {
    position:fixed;
    left:0px; 
    right:0px; 
    top:0px; 
    bottom:0px; 
    background:rgb(0, 0, 0,0.5);
    z-index:4001;
}
/* .map-dialog {
    z-index: 4001 !important;
} */
.map-dialog .el-dialog__header {
    padding:0px;
}
.map-dialog .el-dialog__header input {
    border-radius: 50px;
}
.map-dialog .el-dialog__header .search-btn {
    line-height:40px;
    font-size:22px;
}
.map-dialog .el-dialog__header .search-btn:hover {
    font-size:23px;
    color:black;
}
.map-dialog .el-dialog__body {
    padding:0px;
}
.map-dialog .el-dialog__footer {
    padding:0px;
}
.amap-icon img{
    width: 35px;
    height: 45px;
}
.amap-sug-result {
    z-index: 2100;
}
.map-body {
    height:450px;
    padding:0px;
    width:100%;
}
.map-search {
    width:300px;
}
@media only screen and (min-width:992px) {
.map-dialog .el-dialog {
        width:900px;
        margin: 0 auto;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.map-dialog .el-dialog {
        width:700px;
        margin: 0 auto;
}
}
@media only screen and (max-width:767px) {
.map-dialog .el-dialog {
        width:100%;
        height: 100%;
        margin: 0px !important;
        padding: 0px !important;
}
.map-body {
        height: calc(100vh - 120px);
}
}
@media only screen and (max-width:450px) {
.map-search {
        width: auto;
}
.map-body .el-dialog .el-dialog__headerbtn {
        right: 10px;
}
}

.container-modal {
    position:fixed;
    left:0px; 
    right:0px; 
    top:0px; 
    bottom:0px; 
    background:rgb(0, 0, 0,0.5);
    z-index:4001;
}
.share-dialog-min .el-dialog__header,
.share-dialog .el-dialog__header {
    display: none;
}
.share-dialog .el-dialog__body {
    padding:20px;
}
.share-dialog .el-dialog {
    width:390px;
}
.share-dialog-min .el-dialog {
    width: 240px;
}

.container-modal[data-v-3358e0f7] {
    position:fixed;
    left:0px; 
    right:0px; 
    top:0px; 
    bottom:0px; 
    background:rgb(0, 0, 0,0.9);
    z-index:4001;
}
.container[data-v-3358e0f7] {
    position: relative;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.container ul[data-v-3358e0f7] {
    position:relative;
    height:100%;
}
.container ul li[data-v-3358e0f7] {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    text-align:center;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
.container ul li img[data-v-3358e0f7] {
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.move-btn[data-v-3358e0f7]{
    position: absolute;
    top: 50%;
    bottom: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color:rgb(255, 255, 255,0.1);
    border-radius: 50px;
    z-index: 3501;
}
.move-btn[data-v-3358e0f7]:hover {
    background-color:rgb(255, 255, 255,0.2);
}
.move-btn-left[data-v-3358e0f7] {
    left: 10px;
}
.move-btn-right[data-v-3358e0f7] {
    right: 10px;
}
.move-btn i[data-v-3358e0f7] {
    color: #fff;
    font-size: 30px;
    line-height: 50px;
}
.close-btn[data-v-3358e0f7] {
    color:#fff;
    font-size:45px;
    position:absolute;
    right:10px;
    top:10px;
}

.container-modal[data-v-4f2bc680] {
    position:fixed;
    left:0px; 
    right:0px; 
    top:0px; 
    bottom:0px; 
    background:rgb(0, 0, 0,0.9);
    z-index:4001;
}
.outer-container[data-v-4f2bc680] {
    background-color:white;
    overflow:hidden;
    margin-top:0px;
    height:100%;
    position: relative;
}
.inner-container[data-v-4f2bc680] {
    position:absolute;
    left: 0;
    height:100%;
    overflow-y: auto;
    padding: 0 20px;
}
.close-btn[data-v-4f2bc680] {
    position:absolute;
    right:5px;
    top:5px; 
    font-size:30px;
    color:#fff;
}
.works-base[data-v-4f2bc680] {
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}
.works-title[data-v-4f2bc680] {
    font-size: 30px;
    font-weight: bold;
    color: #484848;
    line-height: 34px;
    margin-bottom: 10px;
}
.works-author[data-v-4f2bc680] {
    font-size: 14px;
    color: #666;
}
.works-body[data-v-4f2bc680] {
    margin-top: 10px;
    margin-bottom: 30px;
}
.works-body[data-v-4f2bc680] img {
    max-width: 100%;
    margin-bottom: 10px;
}
@media only screen and (max-width:1048px) {
.close-btn[data-v-4f2bc680] {
        color: #DCDFE6;
}
}

@media only screen and (max-width:769px) {
.inner-container {
		width:100%;
}
}
@media only screen and (min-width:768px) {
.inner-container {
		width:100%;
}
}
@media only screen and (min-width:992px) {
.inner-container {
		width:976px;
}
}
@media only screen and (min-width:1200px) {
.inner-container {
		width:1176px;
}
}

.vr-dialog-body[data-v-145b99ce] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:4001;
    -webkit-animation: dialog-fade-in-data-v-145b99ce 1s;
    animation: dialog-fade-in-data-v-145b99ce 1s;
}
.vr-dialog-body-inner[data-v-145b99ce] {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:1001;
}
@-webkit-keyframes dialog-fade-in-data-v-145b99ce {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@keyframes dialog-fade-in-data-v-145b99ce {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}

.more-body[data-v-28139054]{
    font-size:15px;
    display: inline;
}
.more-ico[data-v-28139054]{
    font-size:12px;
    color: #66b1ff;
}

.more-body[data-v-383886a9]{
    font-size:15px;
    display: inline;
}
.more-ico[data-v-383886a9]{
    font-size:12px;
    color: #66b1ff;
}

.container-modal[data-v-f3fb8402] {
    position:fixed;
    left:0px; 
    right:0px; 
    top:0px; 
    bottom:0px; 
    background:rgb(0, 0, 0,0.9);
    z-index:4001;
}
.container[data-v-f3fb8402] {
    position: relative;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.container ul[data-v-f3fb8402] {
    position:relative;
    height:100%;
}
.container ul li[data-v-f3fb8402] {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    text-align:center;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
.container ul li img[data-v-f3fb8402] {
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.move-btn[data-v-f3fb8402]{
}
.move-btn[data-v-f3fb8402]:hover {
    background-color:rgb(255, 255, 255,0.2);
}
.move-btn-left[data-v-f3fb8402] {
    left: 10px;
}
.move-btn-right[data-v-f3fb8402] {
    right: 10px;
}
@media only screen and (min-width:768px) {
.move-btn[data-v-f3fb8402] {
        position: absolute;
        top: 50%;
        bottom: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
}
@media only screen and (max-width:767px) {
.move-btn[data-v-f3fb8402] {
        position: absolute;
        bottom: 10px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
}
.move-btn i[data-v-f3fb8402] {
    color: #fff;
    font-size: 30px;
    line-height: 50px;
}
.close-btn[data-v-f3fb8402] {
    color:#fff;
    font-size:45px;
    position:absolute;
    right:10px;
    top:10px;
}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

/*网站变灰
html {
　　filter:grayscale(100%);
　　-webkit-filter:grayscale(100%);
　　-moz-filter:grayscale(100%);
　　-ms-filter:grayscale(100%);
　　-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
　　-webkit-filter:grayscale(1)
} */

*::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: transparent;
    position: absolute;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    height: 10px;
}

/*定义滑块，内阴影及圆角*/

*::-webkit-scrollbar-thumb {
    width: 6px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin:0;
    padding:0;
}

a {
    cursor: pointer;
    text-decoration:none;
}

@font-face {
	font-family: 'vriconfont';  /* project id 1548943 */
	src: url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.eot');
	src: url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.woff') format('woff'),
	url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1548943_38pa9qi5sl2.svg#iconfont') format('svg');
}

.vriconfont {
    font-family:"vriconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vr-container {
	position: relative;
    margin: 0 auto;
    padding: 0 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 1px;
}

/*修改loading样式*/

.el-icon-loading {
	color:white !important
}

.el-loading-spinner .el-loading-text {
	color:white;
}

/*修改分页样式*/

.pager {
    text-align: center;
}

/*修改弹窗口大小样式*/

.el-message-box {
	width:auto;
	min-width: 290px;
	min-height: 160px;
}

/*修改弹窗口头部样式*/

.el-message-box__header {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eee;
}

/*修改dialog默认头部样式*/

.el-dialog__header {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eee;
}

.el-dialog__body {
	padding:20px;
}

.el-table__header th {
	background-color: #fafafa;
}

/*资源样式*/

.resource-dialog .el-dialog {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.resource-dialog .el-dialog__body{
	padding: 0px;
}

.resource-dialog .el-tabs__content {
	padding:0px;
	height: 400px;
}

.resource-main {
	padding:0px;
}

.resource-main .el-tabs__content {
	padding:0px;
	height: auto;
}

.resource-dialog .el-tabs--border-card {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.resource-dialog .el-tab-pane {
	height:100%;
	text-align:center;
}

.resource-dialog .el-container {
	height:100%;
}

.resource-dialog .el-menu {
	height: 100%;
}

.resource-dialog .el-form-item__content {
	text-align: left;
}

/*设置文章插入视频的样式*/

.video-player >img {
    display: none;
}

.video-player {
	margin-bottom: 10px;
}

.el-message-box__wrapper {
	z-index: 4500 !important;
	padding: 10px;;
}

.el-message {
	z-index: 4500 !important;
	min-width: 200px !important;
}

.el-menu--horizontal {
	z-index: 4000 !important;
}

.loading-class {
	z-index: 4001 !important;
}

.prism-player .prism-big-play-btn {
	left:0px !important;
	top:0px !important;
	right:0px !important;
	bottom:0px !important;
	margin: auto !important;
}

#krpanoSWFObject {
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

#krpanoSWFObject  div {
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

@media only screen and (max-width:767px) {
	.hidden-xs-only {
		display: none!important
	}
}

@media only screen and (min-width:768px) {
	.hidden-sm-and-up {
		display: none!important
	}

	.vr-container {
		width:100%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hidden-sm-only {
		display: none!important
	}
}

@media only screen and (max-width:991px) {
	.hidden-sm-and-down {
		display: none!important
	}
}

@media only screen and (min-width:992px) {
	.hidden-md-and-up {
		display: none!important
	}

	.vr-container {
		width:970px;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.hidden-md-only {
		display: none!important
	}
}

@media only screen and (max-width:1199px) {
	.hidden-md-and-down {
		display: none!important
	}
}

@media only screen and (min-width:1200px) {
	.hidden-lg-and-up {
		display: none!important
	}

	.vr-container {
		width:1170px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1919px) {
	.hidden-lg-only {
		display: none!important
	}
}

@media only screen and (max-width:1919px) {
	.hidden-lg-and-down {
		display: none!important
	}
}

@media only screen and (min-width:1920px) {
	.hidden-xl-only {
		display: none!important
	}
}

.preload[data-v-6e575360] {
    position: fixed;
    z-index: 9999;
    background-color: #f2f2f2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: p-fade-out 3s; /* Chrome, Safari, Opera */
    animation: p-fade-out 3s;
}
.preload-logo[data-v-6e575360] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.preload-logo-cover[data-v-6e575360] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: #f2f2f2;
    -webkit-animation: cover-out 3s infinite; /* Chrome, Safari, Opera */
    animation: cover-out 3s infinite;
}
.works-body-detail[data-v-6e575360] {
    margin-top: 60px;
}
.works-body[data-v-6e575360] {
    -webkit-animation: p-fade-in 1s; /* Chrome, Safari, Opera */
    animation: p-fade-in 1s;
}
.personal-header[data-v-6e575360] {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    height:70px;
    background-color:rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
            box-shadow: 0 1px 1px rgba(0,0,0,.05);
    z-index:10;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-flex;
}
.personal-header .el-image[data-v-6e575360] {
    height:30px;
    margin-left:15px;
}
.header-right[data-v-6e575360],
.header-right-small[data-v-6e575360] {
    position:absolute;
    top:0;
    right:0;
    padding-right:15px;
}
.header-right-small[data-v-6e575360] {
    width:60px;
    text-align: right;
}
.header-right-small label[data-v-6e575360] {
    color:#606266;
    line-height:70px;
    font-size:30px;
}
.personal-header .header-menu[data-v-6e575360] {
    color:#333;
    line-height:70px;
    padding:0px 15px;
}
.personal-header .header-menu[data-v-6e575360]:hover {
    font-weight: bold;
    color:black;
}
.small-menu-body[data-v-6e575360] {
    position:fixed;
    right:0px;
    top:0px;
    left:0px;
    bottom:0px;
    background:rgb(0, 0, 0,0.7);
    z-index:1001;
}
.small-menu-body .small-menu-close[data-v-6e575360] {
    width:100%;
    text-align:right;
}
.small-menu-body .small-menu-close .el-icon-close[data-v-6e575360] {
    font-size:35px;
    color:white;
    margin-top: 10px;
    margin-right: 10px;
}
.small-menu-body .small-menu-ctn[data-v-6e575360] {
    position:absolute;
    top:100px;
    left:0px;
    right:0px;
    text-align:center;
}
.small-menu-body .header-menu-small[data-v-6e575360] {
    color:white;
    font-size:20px;
    line-height:70px;
}
.el-carousel__item h3[data-v-6e575360] {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
}
.el-carousel__item[data-v-6e575360]:nth-child(2n) {
    background-color: #99a9bf;
}
.el-carousel__item[data-v-6e575360]:nth-child(2n+1) {
    background-color: #d3dce6;
}
.contact-img[data-v-6e575360] {
    width:60px;
    height:60px;
    opacity: 0.7;
}
.btn-towork[data-v-6e575360] {
    -webkit-animation: jump 0.8s infinite; /* Chrome, Safari, Opera */
    animation: jump 0.8s infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;/*逆向播放*/
    -webkit-animation-play-state: running;
            animation-play-state: running;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    height: 45px;
    width: 45px;
    background-color: white;
    z-index: 10;
    border-radius: 50px;
    opacity: 0.7;
    text-align: center;
    line-height: 45px;
}
.btn-toTop[data-v-6e575360] {
    position:fixed;
    bottom:15px;
    right:15px;
    width:45px;
    height:45px;
    border-radius:50px;
    background-color:#fff;
    border:1px solid #00000080;
    opacity:0.7;
    line-height:45px;
    text-align:center;
    z-index: 10;
}
.about-body[data-v-6e575360] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:10001;
    -webkit-animation: about-fade-in-data-v-6e575360 1s;
    animation: about-fade-in-data-v-6e575360 1s;
}
.about-body-inner[data-v-6e575360] {
    margin: auto;
    position: absolute;
    width:960px;
    height:480px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:1002;
}
.about-title[data-v-6e575360] {
    width:100%;
    height:50px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    text-align:center;
    line-height:49px;
    font-size:16px;
}
.about-content[data-v-6e575360] {
    overflow-y: auto;
    overflow-x: hidden;
    height:429px;
}
.about-content-inner[data-v-6e575360] {
    padding: 10px 20px;
    word-break:break-all
}
@-webkit-keyframes about-fade-in-data-v-6e575360 {
0% {
        opacity: 0;
}
100% {
        opacity:1;
}
}
@keyframes about-fade-in-data-v-6e575360 {
0% {
        opacity: 0;
}
100% {
        opacity:1;
}
}
@media only screen and (max-width:1199px) {
.about-body-inner[data-v-6e575360] {
        width: 680px;
        height: 450px;
}
.about-content[data-v-6e575360] {
        height: 399px;
}
}
@media only screen and (max-width:767px) {
.about-body-inner[data-v-6e575360] {
        width: 540px;
        height: 360px;
}
.about-content[data-v-6e575360] {
        height: 309px;
}
}
@media only screen and (max-width:648px) {
.about-body-inner[data-v-6e575360] {
        width:90%;
        height: 360px;
}
.about-content[data-v-6e575360] {
        height: 309px;
}
}
@media only screen and (max-width: 767px) {
.contact-img[data-v-6e575360] {
        width:40px;
        height:40px;
}
.preload-logo[data-v-6e575360] {
        width:190px;
        height:50px;
}
.preload-logo-cover[data-v-6e575360] {
        width:190px;
        height:50px;
        -webkit-animation: cover-out-small 3s infinite; /* Chrome, Safari, Opera */
        animation: cover-out-small 3s infinite;
}
}

.about-body-inner img {
    width:100%;
}
.personal-header .el-image img {
    width:auto;
}
.p-view {
    margin-top:20px !important;
}
.p-view .el-dialog__header {
    display: none;
}
#top .el-carousel__indicators--horizontal {
    bottom:60px;
}
@-webkit-keyframes cover-out {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@keyframes cover-out {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@-webkit-keyframes cover-out-small {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}
@keyframes cover-out-small {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}
@-webkit-keyframes jump {
0% {
        bottom:0px;
}
100% {
        bottom:25px;
}
0% {
        bottom:0px;
}
}
@keyframes jump {
0% {
        bottom:0px;
}
100% {
        bottom:25px;
}
0% {
        bottom:0px;
}
}
@-webkit-keyframes p-fade-out {
0% {
        opacity: 1;
}
50% {
        opacity:1;
}
100% {
        opacity:0;
}
}
@keyframes p-fade-out {
0% {
        opacity: 1;
}
50% {
        opacity:1;
}
100% {
        opacity:0;
}
}
@-webkit-keyframes p-fade-in {
0% {
        opacity: 0;
}
50% {
        opacity:0;
}
100% {
        opacity:1;
}
}
@keyframes p-fade-in {
0% {
        opacity: 0;
}
50% {
        opacity:0;
}
100% {
        opacity:1;
}
}

.preload[data-v-485f2be2] {
    position: fixed;
    z-index: 9999;
    background-color: #f2f2f2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: p-fade-out 3s; /* Chrome, Safari, Opera */
    animation: p-fade-out 3s;
}
.preload-logo[data-v-485f2be2] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.preload-logo-cover[data-v-485f2be2] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: #f2f2f2;
    -webkit-animation: cover-out-data-v-485f2be2 3s infinite; /* Chrome, Safari, Opera */
    animation: cover-out-data-v-485f2be2 3s infinite;
}
.el-menu[data-v-485f2be2] {
	border-right:0!important;
}
.leftmenu[data-v-485f2be2]{
    position: fixed;
    top: 30px;
    left:0px;
    bottom: 0px;
    width: 145px;
}
.leftmenu-div[data-v-485f2be2]{
    padding-top: 20px;
    cursor: pointer;
}
.leftmenu-div[data-v-485f2be2]:hover {
    color: #409eff;
}
.leftmenu-div.active[data-v-485f2be2] {
    color: #409eff;
}
.topmenu[data-v-485f2be2]{
    display: none;
    height: 70px;
    border-bottom: 1px solid #eeeeee;
}
.top-logo[data-v-485f2be2] {
    max-width: 130px;margin-left: 15px;line-height:65px
}
.top-logo[data-v-485f2be2] .el-image__inner {
    vertical-align: middle;
}
.contact-img[data-v-485f2be2] {
    height:30px;
    width:30px;
}
.works-container[data-v-485f2be2] {
    margin-left: 145px;
    width: calc(100% - 160px);
}
.btn-toTop[data-v-485f2be2] {
    position:fixed;
    bottom:15px;
    right:15px;
    width:45px;
    height:45px;
    border-radius:50px;
    background-color:#fff;
    border:1px solid #00000080;
    opacity:0.7;
    line-height:45px;
    text-align:center;
    z-index: 10;
}
.contact-body[data-v-485f2be2] {
    position:fixed;
    left:30px;
    bottom:50px;
}
.domain[data-v-485f2be2] {
    position: fixed;
    width: 95px;
    text-align: center;
    padding-bottom: 10px;
    left: 0px;
    bottom: 0px;
    font-size: 12px;
}
@media screen and (max-width:991px) {
.leftmenu[data-v-485f2be2]{
        display: none;
}
.contact-body[data-v-485f2be2] {
        display: none;
}
.topmenu[data-v-485f2be2]{
        display: block;
}
.menudiv[data-v-485f2be2]{
        text-align: center;
        padding-top: 15px;
        font-size: 20px;
}
.works-container[data-v-485f2be2] {
        width: calc(100% - 30px);
        float:none;
        margin:0 auto;
        padding-bottom: 50px;
}
.domain[data-v-485f2be2] {
        width: 100%;
        padding-bottom: 0px;
        line-height: 50px;
}
}
@media only screen and (max-width: 767px) {
.preload-logo[data-v-485f2be2] {
        width:190px;
        height:50px;
}
.preload-logo-cover[data-v-485f2be2] {
        width:190px;
        height:50px;
        -webkit-animation: cover-out-small-data-v-485f2be2 3s infinite; /* Chrome, Safari, Opera */
        animation: cover-out-small-data-v-485f2be2 3s infinite;
}
}
@-webkit-keyframes cover-out-data-v-485f2be2 {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@keyframes cover-out-data-v-485f2be2 {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@-webkit-keyframes cover-out-small-data-v-485f2be2 {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}
@keyframes cover-out-small-data-v-485f2be2 {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}

.vr-dialog-body[data-v-035c3aeb] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:100;
    -webkit-animation: dialog-fade-in-data-v-035c3aeb 1s;
    animation: dialog-fade-in-data-v-035c3aeb 1s;
}
.vr-dialog-body-inner[data-v-035c3aeb] {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:101;
}
@-webkit-keyframes dialog-fade-in-data-v-035c3aeb {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@keyframes dialog-fade-in-data-v-035c3aeb {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}

.preload[data-v-4f0b060d] {
    position: fixed;
    z-index: 9999;
    background-color: #f2f2f2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: p-fade-out 3s; /* Chrome, Safari, Opera */
    animation: p-fade-out 3s;
}
.preload-logo[data-v-4f0b060d] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.preload-logo-cover[data-v-4f0b060d] {
    width: 380px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: #f2f2f2;
    -webkit-animation: cover-out-data-v-4f0b060d 3s infinite; /* Chrome, Safari, Opera */
    animation: cover-out-data-v-4f0b060d 3s infinite;
}
.el-menu[data-v-4f0b060d] {
	border-right:0!important;
}
.leftmenu[data-v-4f0b060d]{
    position: fixed;
    top: 15px;
    left:0px;
    bottom: 0px;
    width: 145px;
    z-index: 50000000;
}
.leftmenu-div[data-v-4f0b060d]{
    padding-top: 20px;
    cursor: pointer;
    color: #d6d6d4;
}
.leftmenu-div[data-v-4f0b060d]:hover {
    color: #BAA798;
}
.leftmenu-div.active[data-v-4f0b060d] {
    color: #BAA798;
}
.right-body[data-v-4f0b060d] {
    padding:15px;
    padding-left:400px;
    padding-top:15px;
    padding-bottom:15px;
    height:300px;
    max-width: 1000px;
}
.un-work[data-v-4f0b060d] {
    padding:15px;
    padding-left:400px !important;
    padding-top:15px;
    padding-bottom:15px;
    max-width: 100%;
}
.topmenu[data-v-4f0b060d]{
    display: none;
    height: 70px;
    border-bottom: 1px solid #eeeeee;
}
.top-logo[data-v-4f0b060d] {
    max-width: 130px;margin-left: 15px;line-height:65px
}
.top-logo[data-v-4f0b060d] .el-image__inner {
    vertical-align: middle;
}
.contact-img[data-v-4f0b060d] {
    height:30px;
    width:30px;
}
.works-container[data-v-4f0b060d] {
    /* margin-left: 145px; */
    width: 100%;
    padding-top:0px;
    overflow-x: hidden;
    /* padding-left: 10px; */
    /* padding-right: 15px; */
    padding-bottom: 50px;
    /* width: calc(100% - 160px); */
}
.btn-toTop[data-v-4f0b060d] {
    position:fixed;
    bottom:15px;
    right:15px;
    width:45px;
    height:45px;
    border-radius:50px;
    background-color:#fff;
    border:1px solid #00000080;
    opacity:0.7;
    line-height:45px;
    text-align:center;
    z-index: 10;
}
.contact-body[data-v-4f0b060d] {
    position:fixed;
    left:30px;
    bottom:50px;
}
.right-body[data-v-4f0b060d],
.right-content[data-v-4f0b060d] {
    pointer-events: none;
}
.about-content[data-v-4f0b060d] {
    width: 100%;
    height: 100%;
    word-break: break-all; 
    white-space:normal;
    border-bottom: 2px solid #d6d6d4;
    overflow:hidden;
    color:#BAA798;
}
.about-content[data-v-4f0b060d]::after {
    content: "\67E5\770B\66F4\591A";
    pointer-events: auto;
    color: #43a8fd;
}
@media screen and (max-width:1754px) {
.un-work[data-v-4f0b060d] {
        padding:15px;
        padding-left:180px !important;
        padding-top:15px;
        padding-bottom:15px;
        max-width: calc(100% - 180px);
}
.un-work .vr-container[data-v-4f0b060d] {
        max-width: 100% !important;
}
}
@media screen and (max-width:1354px) {
.un-work[data-v-4f0b060d] {
        padding:15px;
        padding-left:180px !important;
        padding-top:15px;
        padding-bottom:15px;
        max-width: calc(100% - 180px);
}
}
@media screen and (max-width:991px) {
.un-work[data-v-4f0b060d] {
        padding-left:15px !important;
        max-width: 100%;
}
.leftmenu[data-v-4f0b060d]{
        display: none;
}
.contact-body[data-v-4f0b060d] {
        display: none;
}
.right-content[data-v-4f0b060d] {
        display: none;
}
.topmenu[data-v-4f0b060d]{
        display: block;
        border-bottom: 0px;
}
.menudiv[data-v-4f0b060d]{
        text-align: center;
        padding-top: 15px;
        font-size: 20px;
}
.works-container[data-v-4f0b060d] {
        float:none;
        margin:0 auto;
}
}
@media only screen and (max-width: 767px) {
.preload-logo[data-v-4f0b060d] {
        width:190px;
        height:50px;
}
.preload-logo-cover[data-v-4f0b060d] {
        width:190px;
        height:50px;
        -webkit-animation: cover-out-small-data-v-4f0b060d 3s infinite; /* Chrome, Safari, Opera */
        animation: cover-out-small-data-v-4f0b060d 3s infinite;
}
}
@-webkit-keyframes cover-out-data-v-4f0b060d {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@keyframes cover-out-data-v-4f0b060d {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
}
100% {
        -webkit-transform: translateX(380px);
                transform: translateX(380px);
}
}
@-webkit-keyframes cover-out-small-data-v-4f0b060d {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}
@keyframes cover-out-small-data-v-4f0b060d {
0% {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
}
50% {
        -webkit-transform: translateX(70px);
                transform: translateX(70px);
}
100% {
        -webkit-transform: translateX(120px);
                transform: translateX(120px);
}
}

.dand-works-base[data-v-42225b0f],
.mir-works-base[data-v-42225b0f],
.koma-works-base[data-v-42225b0f] {
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}
.koma-works-base[data-v-42225b0f] {
    border-bottom: 1px solid #5f5f5e;
}
.works-title[data-v-42225b0f] {
    font-size: 30px;
    font-weight: bold;
    color: #484848;
    line-height: 34px;
    margin-bottom: 10px;
}
.works-author[data-v-42225b0f] {
    font-size: 14px;
    color: #666;
}
.works-body[data-v-42225b0f] {
    margin-top: 10px;
    margin-bottom: 30px;
}
.works-like[data-v-42225b0f] {
    text-align: center;
    padding-bottom: 70px;
}
.dand-body[data-v-42225b0f] {
    background-color:white;
    margin-top:70px;
}
.mir-body[data-v-42225b0f] {
    background-color:white;
    margin:0px;
    padding: 0px;
}
.koma-body[data-v-42225b0f] {
    background: transparent;
    margin:0 auto;
    padding: 0px;
}
.mir-works-title[data-v-42225b0f] {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 10px;
}
.dand-works-title[data-v-42225b0f] {
    color: #484848;
}
.koma-works-title[data-v-42225b0f] {
    color:#cbcbbe !important;
}
.placeholder-div[data-v-42225b0f] {
    height: 53px;
}
@media only screen and (max-width: 1320px) {
.koma-body[data-v-42225b0f] {
        background: transparent;
        width: calc(100% - 175px) !important;
        padding: 0px;
        margin-left: 165px;
}
}
@media only screen and (max-width: 991px) {
.koma-body[data-v-42225b0f] {
        background: transparent;
        width: calc(100% - 20px) !important;
        margin:0 auto;
}
}
@media only screen and (max-width: 1121px){
.mir-body[data-v-42225b0f] {
        width: calc(100% - 130px) !important;
}
}
@media only screen and (max-width: 991px){
.mir-body[data-v-42225b0f] {
        width: 100% !important;
        padding: 0px
}
.placeholder-div[data-v-42225b0f] {
        display: none;
}
}

.works-body[data-v-42225b0f] img {
    width: 100%;
    margin-bottom: 10px;
    height: auto;
}

.dand-works-base[data-v-1b108ca2],
.mir-works-base[data-v-1b108ca2],
.koma-works-base[data-v-1b108ca2] {
    margin-bottom: 20px;
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}
.koma-works-base[data-v-1b108ca2] {
    border-bottom: 1px solid #5f5f5e;
}
.dand-works-desc[data-v-1b108ca2],
.mir-works-desc[data-v-1b108ca2],
.koma-works-desc[data-v-1b108ca2], {
    margin-bottom: 20px;
    margin-top:10px;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
}
.koma-works-desc[data-v-1b108ca2] {
    color: #5f5f5e;
}
.works-desc-content[data-v-1b108ca2] {
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.works-desc-content-all[data-v-1b108ca2] {
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    word-wrap: break-word;
}
.show-btn[data-v-1b108ca2] {
    color: #409EFF;
}
.works-title[data-v-1b108ca2] {
    font-size: 30px;
    font-weight: bold;
    color: #484848;
    line-height: 34px;
    margin-bottom: 10px;
}
.mir-works-title[data-v-1b108ca2] {
    color: #484848;
}
.dand-works-title[data-v-1b108ca2] {
    color: #484848;
}
.koma-works-title[data-v-1b108ca2] {
    color:#cbcbbe !important;
}
.works-author[data-v-1b108ca2] {
    font-size: 14px;
    color: #666;
}
.icon-ctn[data-v-1b108ca2] {
    float:right;
    line-height: 30px;
}
.icon-cls[data-v-1b108ca2] {
    font-size: 23px;
    color: #8e8e8e;
}
.icon-ctn label[data-v-1b108ca2]:not(:last-child){
    padding-right:25px;
}
.works-body[data-v-1b108ca2] {
    margin-top: 10px;
    margin-bottom: 0px;
}
.dand-body[data-v-1b108ca2] {
    background-color:white;
    margin-top:70px;
}
.mir-body[data-v-1b108ca2] {
    background-color:white;
    margin:0px;
}
.koma-body[data-v-1b108ca2] {
    background: transparent;
    margin:0 auto;
    padding: 0px;
}
@media only screen and (max-width: 1320px) {
.koma-body[data-v-1b108ca2] {
        background: transparent;
        width: calc(100% - 175px) !important;
        padding: 0px;
        margin-left: 165px;
}
}
@media only screen and (max-width: 991px) {
.koma-body[data-v-1b108ca2] {
        background: transparent;
        width: calc(100% - 20px) !important;
        margin:0 auto;
}
}
@media only screen and (max-width: 1121px){
.mir-body[data-v-1b108ca2] {
        width: calc(100% - 130px) !important;
}
}
@media only screen and (max-width: 991px){
.mir-body[data-v-1b108ca2] {
        width: 100% !important;
        padding: 0px
}
}


.vr-container-fullscreen[data-v-cf721014] {
    position: absolute;
    left:0px;
    right:0px;;
    top:70px;
    bottom:0px;
}
.vr-container-fullscreen .works-body[data-v-cf721014] {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    width:100% !important;
    height:100% !important;
    bottom:0px;
    padding: 0px !important;
    margin: 0px !important;
    z-index:4000;
}
.vr-container-fullscreen .works-like[data-v-cf721014],
.vr-container-fullscreen .works-other[data-v-cf721014],
.vr-container-fullscreen .works-base[data-v-cf721014] {
    display: none !important;
}
.works-base[data-v-cf721014] {
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}
.works-desc[data-v-cf721014] {
    margin-bottom: 20px;
    margin-top:10px;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
}
.works-desc-content[data-v-cf721014] {
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.works-desc-content-all[data-v-cf721014] {
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    word-wrap: break-word;
}
.show-btn[data-v-cf721014] {
    color: #409EFF;
}
.works-title[data-v-cf721014] {
    font-size: 30px;
    font-weight: bold;
    color: #484848;
    line-height: 34px;
    margin-bottom: 10px;
}
.works-author[data-v-cf721014] {
    font-size: 14px;
    color: #666;
}
.icon-ctn[data-v-cf721014] {
    float:right;
    line-height: 30px;
}
.icon-cls[data-v-cf721014] {
    font-size: 23px;
    color: #8e8e8e;
}
.icon-ctn label[data-v-cf721014]:not(:last-child){
    padding-right:25px;
}
.works-body[data-v-cf721014] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.vr-body[data-v-02a3689e] {
    position:absolute;
    bottom: 0px;
    z-index: 100;
    right: 0;
}
.mir-vr-body[data-v-02a3689e] {
    top:0px;left:145px;
}
.dand-vr-body[data-v-02a3689e] {
    top:70px;left:0px;
}
.koma-vr-body[data-v-02a3689e] {
    top:0px; left:0px;
}
@media screen and (max-width:991px) {
.koma-vr-body[data-v-02a3689e] {
        top: 70px;
        left: 0px;
}
.mir-vr-body[data-v-02a3689e] {
        top: 70px;
        left: 0px;
}
}

.mir-body[data-v-10ca932c] {
    background-color:white;
    margin:0px;
    padding:0px;
}
.koma-body[data-v-10ca932c] {
    background-color:#323232;
    margin:0px;
}
.about-title[data-v-10ca932c] {
    width:100%;
    height:70px;
    border-bottom: 1px solid #eee;
    text-align:center;
    line-height:70px;
    font-size:20px;
}
.mir-abount[data-v-10ca932c] img {
    max-width: 100%;
}
.about-content-inner[data-v-10ca932c] {
    padding: 10px 20px;
    word-break:break-all
}
.koma-body .about-content-inner[data-v-10ca932c] {
    color: #BAA798;
}
.placeholder-div[data-v-10ca932c] {
    height: 53px;
}
@media only screen and (max-width: 1121px){
.mir-body[data-v-10ca932c] {
        width: calc(100% - 130px) !important;
}
}
@media only screen and (max-width: 991px){
.mir-body[data-v-10ca932c] {
        width: 100% !important;
}
.placeholder-div[data-v-10ca932c] {
        display: none;
}
}

.about-content-inner[data-v-10ca932c] .keditor-img {
    max-width: 100%;
    margin-bottom: 10px;
}

.mir-body[data-v-537ad888] {
    background-color:white;
    margin:0px;
}
.koma-body[data-v-537ad888] {
    background-color:#323232;
    margin:0px;
}
.about-title[data-v-537ad888] {
    width:100%;
    height:70px;
    border-bottom: 1px solid #eee;
    text-align:center;
    line-height:70px;
    font-size:20px;
}
.about-content-inner[data-v-537ad888] {
    padding: 10px 20px;
    word-break:break-all
}
.placeholder-div[data-v-537ad888] {
    height: 53px;
}
.koma-body .about-key[data-v-537ad888] {
    color: #BAA798;
}
.koma-body .about-value[data-v-537ad888] {
    color: #d6d6d4;
}
@media only screen and (max-width: 1121px){
.mir-body[data-v-537ad888] {
        width: calc(100% - 130px) !important;
}
}
@media only screen and (max-width: 991px){
.mir-body[data-v-537ad888] {
        width: 100% !important;
}
.placeholder-div[data-v-537ad888] {
        display: none;
}
}

.about-content-inner[data-v-537ad888] .keditor-img {
    max-width: 100%;
    margin-bottom: 10px;
}

.waterfall_container[data-v-0812788e]{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    width:100%;
    padding:0px 10px;
    text-align: center;
}
.waterfall_item[data-v-0812788e] {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
         break-inside: avoid;
    counter-increment: item-counter;
    padding-top:10px;
    position: relative;
}
.works-cover[data-v-0812788e]:hover {
    opacity: 0.7;
}
.item-tag[data-v-0812788e] {
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    margin: auto;
    z-index: 10;
    position: absolute;
}
@media only screen and (max-width:767px) {
.item-tag[data-v-0812788e] {
        width:50px;
        height: 50px;
}
}
.waterfall_item img[data-v-0812788e]{
    width:100%;
}
.waterfall_item .el-image[data-v-0812788e] {
    display: block;
}
.vr-dialog-body[data-v-0812788e] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:1002;
    -webkit-animation: dialog-fade-in-data-v-0812788e 1s;
    animation: dialog-fade-in-data-v-0812788e 1s;
}
.vr-dialog-body-inner[data-v-0812788e] {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:101;
}
@-webkit-keyframes dialog-fade-in-data-v-0812788e {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@keyframes dialog-fade-in-data-v-0812788e {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
.move-btn[data-v-0812788e]{
}
.move-btn[data-v-0812788e]:hover {
    background-color:rgb(255, 255, 255,0.2);
}
.move-btn-left[data-v-0812788e] {
    left: 25px;
}
.move-btn-right[data-v-0812788e] {
    right: 25px;
}
@media only screen and (min-width:768px) {
.move-btn[data-v-0812788e] {
        position: absolute;
        top: 50%;
        bottom: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn i[data-v-0812788e] {
        color: #fff;
        font-size: 30px;
        line-height: 50px;
}
}
@media only screen and (max-width:767px) {
.move-btn[data-v-0812788e] {
        position: fixed;
        bottom: 10px;
        width: 35px;
        height: 35px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn-left[data-v-0812788e] {
        left: 10px;
}
.move-btn-right[data-v-0812788e] {
        right: 10px;
}
.move-btn i[data-v-0812788e] {
        color: #888888;
        font-size: 25px;
        line-height: 35px;
}
}

.waterfall_container[data-v-08c00ca2]{
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    text-align: center;
}
.waterfall_item[data-v-08c00ca2] {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
         break-inside: avoid;
    counter-increment: item-counter;
    padding-top:10px;
    position: relative;
}
.works-cover[data-v-08c00ca2]:hover {
    opacity: 0.7;
}
.item-tag[data-v-08c00ca2] {
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    margin: auto;
    z-index: 10;
    position: absolute;
}
.waterfall_item img[data-v-08c00ca2]{
    width:100%;
}
.waterfall_item .el-image[data-v-08c00ca2] {
    display: block;
}
.vr-dialog-body[data-v-08c00ca2] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:100;
    -webkit-animation: dialog-fade-in-data-v-08c00ca2 1s;
    animation: dialog-fade-in-data-v-08c00ca2 1s;
}
.vr-dialog-body-inner[data-v-08c00ca2] {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:101;
}
@-webkit-keyframes dialog-fade-in-data-v-08c00ca2 {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@keyframes dialog-fade-in-data-v-08c00ca2 {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@media screen and (max-width:1754px) {
.waterfall_container[data-v-08c00ca2]{
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;
}
}
@media screen and (max-width:1354px) {
.waterfall_container[data-v-08c00ca2]{
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
}
}
@media screen and (max-width:991px) {
.waterfall_container[data-v-08c00ca2]{
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
        width: 100%;
        float: none;
}
.leftmenu[data-v-08c00ca2]{
        display: none;
}
.topmenu[data-v-08c00ca2]{
        display: block;
}
.transition-box[data-v-08c00ca2] {
        margin-bottom: 10px;
        width: 200px;
        height: 100px;
        border-radius: 4px;
        background-color: #409EFF;
        text-align: center;
        color: #fff;
        padding: 40px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-right: 20px;
}
.menudiv[data-v-08c00ca2]{
        text-align: center;
        padding-top: 15px;
        font-size: 20px;
}
}
.move-btn[data-v-08c00ca2]{
}
.move-btn[data-v-08c00ca2]:hover {
    background-color:rgb(255, 255, 255,0.2);
}
.move-btn-left[data-v-08c00ca2] {
    left: 25px;
}
.move-btn-right[data-v-08c00ca2] {
    right: 25px;
}
@media only screen and (min-width:768px) {
.move-btn[data-v-08c00ca2] {
        position: absolute;
        top: 50%;
        bottom: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn i[data-v-08c00ca2] {
        color: #fff;
        font-size: 30px;
        line-height: 50px;
}
}
@media only screen and (max-width:767px) {
.move-btn[data-v-08c00ca2] {
        position: fixed;
        bottom: 10px;
        width: 35px;
        height: 35px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn-left[data-v-08c00ca2] {
        left: 10px;
}
.move-btn-right[data-v-08c00ca2] {
        right: 10px;
}
.move-btn i[data-v-08c00ca2] {
        color: #888888;
        font-size: 25px;
        line-height: 35px;
}
}

.waterfall_container[data-v-b529ae8c]{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding: 0px 10px;
    padding-bottom: 10px
}
.waterfall_container[data-v-b529ae8c]::after {
    content: '';
    -webkit-box-flex: 99999;
        -ms-flex-positive: 99999;
            flex-grow: 99999;
}
.waterfall_item[data-v-b529ae8c] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    /* margin:5px; */
    position: relative;
    margin-top: 10px;
    overflow: hidden;
}
.works-cover[data-v-b529ae8c] {
    height: 450px;
    min-width: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.works-cover[data-v-b529ae8c]:hover {
    opacity: 0.7;
}
.waterfall_item[data-v-b529ae8c] .el-image__inner {
    -o-object-fit: cover;
       object-fit: cover;
}
.item-tag[data-v-b529ae8c] {
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 80px !important;
    height: 80px !important;
    opacity: 0.7;
    margin: auto;
    z-index: 10;
    position: absolute;
}

/* .waterfall_item .el-image {
    width: 100%;
    height: 100%;
} */
.vr-dialog-body[data-v-b529ae8c] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgb(0, 0, 0,0.7);
    z-index:100;
    -webkit-animation: dialog-fade-in-data-v-b529ae8c 1s;
    animation: dialog-fade-in-data-v-b529ae8c 1s;
}
.vr-dialog-body-inner[data-v-b529ae8c] {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:#fff;
    border-radius: 5px;
    z-index:101;
}
@-webkit-keyframes dialog-fade-in-data-v-b529ae8c {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}
@keyframes dialog-fade-in-data-v-b529ae8c {
0% {
    opacity: 0;
}
100% {
    opacity:1;
}
}

/* @media screen and (max-width:1754px) {

    .waterfall_container{
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        grid-gap: 15px;
    }

}

@media screen and (max-width:1354px) {

    .waterfall_container{
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        grid-gap: 15px;
    }

} */
@media screen and (max-width:991px) {
.waterfall_container[data-v-b529ae8c]{
        width: 100%;
}
.waterfall_item[data-v-b529ae8c] {
        max-height: 100%;
}
.waterfall_item .el-image[data-v-b529ae8c] {
        max-height: 100%;
        max-width: 100%;
}
.waterfall_item .img[data-v-b529ae8c] {
        width: auto;
}
.leftmenu[data-v-b529ae8c]{
        display: none;
}
.topmenu[data-v-b529ae8c]{
        display: block;
}
.transition-box[data-v-b529ae8c] {
        margin-bottom: 10px;
        width: 200px;
        height: 100px;
        border-radius: 4px;
        background-color: #409EFF;
        text-align: center;
        color: #fff;
        padding: 40px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-right: 20px;
}
.menudiv[data-v-b529ae8c]{
        text-align: center;
        padding-top: 15px;
        font-size: 20px;
}
}
@media screen and (max-width: 618px) {
.works-cover[data-v-b529ae8c] {
        height: auto;
}
}
.move-btn[data-v-b529ae8c]{
}
.move-btn[data-v-b529ae8c]:hover {
    background-color:rgb(255, 255, 255,0.2);
}
.move-btn-left[data-v-b529ae8c] {
    left: 25px;
}
.move-btn-right[data-v-b529ae8c] {
    right: 25px;
}
@media only screen and (min-width:768px) {
.move-btn[data-v-b529ae8c] {
        position: absolute;
        top: 50%;
        bottom: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn i[data-v-b529ae8c] {
        color: #fff;
        font-size: 30px;
        line-height: 50px;
}
}
@media only screen and (max-width:767px) {
.move-btn[data-v-b529ae8c] {
        position: fixed;
        bottom: 10px;
        width: 35px;
        height: 35px;
        text-align: center;
        background-color:rgb(255, 255, 255,0.1);
        border-radius: 50px;
        z-index: 3501;
}
.move-btn-left[data-v-b529ae8c] {
        left: 10px;
}
.move-btn-right[data-v-b529ae8c] {
        right: 10px;
}
.move-btn i[data-v-b529ae8c] {
        color: #888888;
        font-size: 25px;
        line-height: 35px;
}
}