@charset "UTF-8";
*{padding: 0;margin: 0;-webkit-tap-highlight-color:transparent;}
@font-face {
    font-family: "SourceHanSans";
    src: url('../fonts/SourceHanSans/SourceHanSansCN-Regular.otf') format('truetype');
}
html{height: 100%;}
body{position: relative;font-size: 14px;font-family:PingFang HK-Regular;color: #333;height: 100%;overflow: auto;overflow-x:hidden;background:#F2F2F2;height: 100vh;}
a{text-decoration: none;}
.clear{display: block;clear: both;}
.a-link{display: block;overflow: hidden;}

.auto{position: relative;overflow: hidden;width: auto;}
.wfloat{float: right!important;}
.half-part{width: 50%;float: left;overflow: hidden;}
.no-scroll::-webkit-scrollbar{width:0;height: 0;}
.clear{display: block;clear: both;}


.head-part{display: block;position: fixed;z-index:111;background: #fff;text-align: center;height: 110px;left: 0;right: 0;top:0;}
.head-blank{display: block;height: 110px;}
.head-main{display: block;background: #fff;height: 100%;text-align: center;margin:0 auto;width:1640px;z-index: 111;}
.head-main:after{content:'';position: absolute;z-index: 1;left: 0;right:0;bottom: 0;border-bottom:1px solid #BEC1C6;}
.nav-item{width:160px;line-height: 24px;height:33px;margin-top:42px;text-align: left;position: relative;}
.nav-item span{display: block;color:#6F7379;font-size:12px;}
.email-item,.artist-item{float: left;}
.lang-item,.works-item{float:right;}
.lang-item span{float: right;cursor: pointer;}
.head-row{display: block;height: 22px;}
.nav-mu{width: 120px;line-height: 24px;margin-top:42px;text-align: left;font-size:16px;cursor: pointer;color:#373D46;padding-bottom:23px;}
.artist-item a{float: left;color:#373D46;cursor: pointer;}
.artist-item{margin-left: 230px;}
.works-item{margin-right:230px;}
.works-item span{float: right;}
.nav-home{display:inline-block;line-height:44px;margin-top: 22px;}
.nav-home a{display: block;font-size:30px;color:#000;font-weight: bold;font-family: "SourceHanSans";}
.more-icon{width: 16px;height: 16px;margin-top: 4px;display: inline-block;background: url("../images/more2.png ") no-repeat center;background-size: cover;}
.artist-item .more-icon{margin-left:8px;}
.works-item .more-icon{float: right;margin-left: 8px;}
.menu-part{display:none;position: absolute;z-index: 11;left: 0;top:110px;right: 0;overflow: hidden;background: #fff;text-align: center;min-width:1640px;box-shadow: 0 0 6px #e7e7e7;}
.menu-main{display:block;width: 880px;margin: 0 auto;overflow: hidden;padding:24px 0;}
.menu-col{width: 50%;float:left;}
.menu-ul{display: block;float:left;overflow: hidden;text-align: left;list-style:none;}
.menu-ul li,.cate-ul li{display: block;padding:10px 0;}
.menu-ul li a,.cate-ul li a{display: block;font-size: 14px;color:#6F7379;line-height:22px;cursor: pointer;text-decoration: none;padding:0 10px;}
.menu-ul li a:hover,.cate-ul li a:hover{color: #000;font-weight: bold;}
.cate-ul{float: right;list-style: none;width:360px;}
.cate-ul li{float: left;width: 50%;text-align: right;}

.lang-part{display: none;position: absolute;width:80px;z-index: 11;right:-30px;top:32px;background: #fff;box-shadow: 0 0 6px #e1e1e1;}
.lang-part:before{content:'';position: absolute;z-index: 1;left:0;right:0;margin:auto;top:-8px;height:0;width:0;border-bottom:8px solid #f2f2f2;border-right:10px solid transparent;border-left:10px solid transparent;}
.lang-ul{display: block;overflow: hidden;text-align: center;list-style: none;}
.lang-ul li{display: block;overflow: hidden;}
.lang-ul li:last-child{border-top: 1px solid #f6f6f6;}
.lang-ul li.active a,.lang-ul li:hover a{color: #000;}
.lang-ul a{display: block;cursor: pointer;line-height:32px;text-align: center;color: #999;font-size: 14px;}
.lang-item:hover .lang-part{display: block;}

.blank-foot{display: block;height: 90px;}
.footer{position: fixed;z-index: 11;left: 0;right: 0;bottom: 0;height: 90px;text-align: center;background: #fff;border-top:1px solid #BEC1C6;}
.footer-main{display: block;margin: 0 auto;width:1640px;padding:20px 0;}
.qrcode-img{float: left;width: 50px;height: 50px;}
.qrcode-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.qrcode-info{float: left;line-height: 18px;margin-left: 30px;color: #000;font-size: 12px;}
.right-info{float: right;line-height: 18px;margin-left: 30px;color: #000;font-size: 12px;}

.page-main{display: block;overflow: hidden;}
.white-bg{background: #fff;}
.gray-bg{background: #F2F2F2;}


.loading-box{text-align: center;padding: 0.8rem 0;}
.loading-box.hide{display: none;}
.loading-box img{width:1.2rem;height:1.2rem;vertical-align: middle;display: none;margin:0 auto; }
.loading-box.loading img{display: inline-block;}
.res-tips{display: inline-block;font-size:0.82rem;line-height: 1.2rem;color: #aaa;margin: 0 auto;vertical-align: middle;}


/*弹窗信息*/
.mask-msg,.alert-mask,.confirm-mask,.prompt-mask,.pay-mask{position: fixed;overflow: hidden;display:none;z-index: 1212000;top: 0; left: 0; right: 0; bottom: 0; }
.msg-mk{position: fixed;-webkit-box-align: center;-webkit-box-pack: center;opacity:0;left: 0; right: 0; bottom:0;top:0;display:-webkit-box;margin:25rem auto 0;}
.msg-bx{padding: 0.3rem 0.8rem;max-width: 66%;margin:0 auto 0;background: rgba(0, 0, 0, 0.72);border-radius: 0.2rem;-webkit-box-flex: 0}
.msg-desc{display: inline-block;font-size: 0.88rem;line-height: 1.4rem;color: #fff;}

/*菊花*/
.fixed-loading{bottom: 0;z-index: 999999;right:0;display: none;}
.fixed-loading.loading{display: block;}
.mask-loading-box{width:6.6rem;height:6.6rem;position: fixed;z-index:111;margin: auto;top:0;bottom: 0;left:0;right:0;border-radius: 0.2rem;overflow: hidden;background: rgba(0,0,0,0.6)}
.mask-loading-main{display: block;overflow: hidden;padding: 0.6rem;text-align: center;}
.mask-loading-main img{width:68%;margin: 0 auto;display: block;}
.mask-loading-main span{font-size: 0.86rem;line-height:1.8rem;color: #e8e5e5;margin-top:0.1rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.fixd-top{display:none;position: fixed;z-index: 111;right:45px;bottom: 150px;width: 80px;height: 80px;border-radius: 50%;background: #fff;cursor: pointer;box-shadow: 0 0 6px #d1cece;}
.fixd-top img{display: block;width: 100%;}