@charset "utf-8";


/*公用样式*/
*{margin:0;padding:0;}
html{width:100%;font-family:'微软雅黑';font-size:10px;color:#373737;}
html,body,div,ul, li,dt,dd,dl{list-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#000;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none;}
body{background:#fff;}
em{ font-style: normal;}
ul,li,p,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; list-style: none;}
/*placeholder 颜色*/
input::-webkit-input-placeholder {color: #ccc;font-size: 16px;}
input::-ms-input-placeholder{color: red;font-size: 16px;}  

input,select,textarea{-webkit-appearance:none;border:none;outline:none;background: none;}

/*公用错误提示语*/
.error-tip{display:none;width:50%;position:absolute;left:50%;-webkit-transform:translateX(-50%);border-radius:0.5rem;padding:1rem;background:#000;opacity:0.85;color:#fff;font-weight:bold;text-align:center;font-size:1.4rem;z-index:5;}
.error-tip-fade{display:none;width:50%;position:absolute;left:50%;-webkit-transform:translateX(-50%);border-radius:0.5rem;padding:1rem;background:#000;opacity:0.85;color:#fff;font-weight:bold;text-align:center;font-size:1.3rem;-webkit-animation:fadetip 0.5s ease-in-out;z-index:5;}
@-webkit-keyframes fadetip
{
    from {-webkit-transform:translateX(-50%) scale(1,1);}
    to {-webkit-transform:translateX(-50%) scale(0.9,0.9);}
}
img{border: none;}

/*滚动条样式 start*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar 
{ 
    width: 0px; 
    height: 0px; 
    background-color: #fff;
    opacity: 0; 
}
::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px;
    background-color: #fff; 
    opacity: 0;
}
.homePage .homeBox,.productionPage .productionBox,.artistPage .artistBox,.searchPage .searchBox{
	/*箭头颜色颜色*/
	scrollbar-arrow-color: #fff;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color: #fff;
	/*滚动条整体颜色*/
	scrollbar-highlight-color: #fff;
	/*滚动条阴影*/
	scrollbar-shadow-color: #fff;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #fff;
}
/*滚动条样式 end*/


/*弹框插件  */
/*.rDialog-close{display: none!important;}*/
.rDialog-header{text-align: center!important;font-weight: bold!important;letter-spacing: 0.5rem!important;}
.rDialog-footer a{margin: 1rem 1.5rem 1.5rem 1rem!important;}
#J_Dialog{width: 25rem;}


/*公用头部 hyp*/
.header{width: 100%;background:#6e6e6e;overflow: hidden;position: fixed;top: 0;left: 0;}
.header .header-body{width: 980px;margin:0 auto;overflow: hidden;}
.header .header-body .header-logo{width: 45px;height:26px;display: inline-block;float: left;margin-top:16px;}
.header-nav{display: inline-block;float: left;margin-left:260px; }
.header-nav ul{width:530px;overflow: hidden;}
.header-nav ul li a{padding:20px 35px;color:#cacaca;font-size: 16px;display: inline-block;float: left;}
.header-nav ul li a.active{color: #fff;}
.header-nav ul li .search{margin-top:14px;display: inline-block;float: right;height:36px;cursor: pointer;}
.header-nav .panel{width:530px;height:40px;border-bottom: 1px solid #fff;margin:10px 0;display: none;}
.header-nav .searchVal{width: 480px;height: 25px;margin-top: 9px;line-height: 25px;color: #8a8a8a;}
.header-nav .searchs{display: inline-block;float: right;margin-top: 4px;cursor: pointer;}
.header-nav .searches{display: inline-block;float: right;margin-top: 4px;cursor: pointer;}
.header-nav .panel input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8a8a8a;font-size:14px;}
.header-nav .panel input::-ms-input-placeholder{color: #8a8a8a;font-size: 14px;}
/*公用底部 hyp*/
.footer{width: 100%;background:#6e6e6e;position: fixed;bottom:0;height:38px;line-height: 38px;}
.footer-info{width: 980px;margin:0 auto;height:38px;line-height: 38px;color:#b8b8b8; }
.footer-info .address{display: inline-block;}
.footer-info .english{color: #b8b8b8;display: inline-block;margin-left: 50px;}
.footer-info .english a{margin-left: 110px;color: #b8b8b8;}
.footer-info .more-link{display: inline-block;float: right;height:50px;line-height: 50px;}
.more-link a{display:inline-block;width:38px;height:38px;line-height: 38px;margin-right:5px;background-size:30px 30px;}
.more-link a.detail_sina{background: url('/img/sina.png') no-repeat center center; }
.more-link a.detail_weixin{background: url('/img/weixin.png') no-repeat center center; }
.more-link a.detail_twitter{background: url('/img/twitter.png') no-repeat center center; }
.more-link a.detail_pinterest{background: url('/img/pinterest.png') no-repeat center center; }
.more-link a.detail_sina:hover{background: url('/img/sina_hover.png') no-repeat center center; }
.more-link a.detail_weixin:hover{background: url('/img/weixin_hover.png') no-repeat center center; }
.more-link a.detail_twitter:hover{background: url('/img/twitter_hover.png') no-repeat center center; }
.more-link a.detail_pinterest:hover{background: url('/img/pinterest_hover.png') no-repeat center center; }
.weixin-preview{position: fixed;z-index: 999;background: #fff;}
.more-link .social-share .icon-weibo,
.more-link .social-share .icon-wechat,
.more-link .social-share .icon-facebook,
.more-link .social-share .icon-google,
.more-link .social-share .icon-twitter{border:none;color: #8a8a8a;}
/*列表*/
.mescroll{position: fixed;top: 62px;bottom: 39px;width: 908px;height: auto;left: 0;}
/*回到顶部按钮*/
.mescroll-totop {bottom: 70px;}

/*首页*/
.homePage{width: 908px;margin: 0 auto;height:auto;overflow: hidden;}
.homePage .homeBox{width: 100%;height:auto;}
.homePage .ulBox{width:920px;margin:0 auto;overflow: hidden;}
.homePage .ulBox li{margin-top:54px;box-sizing: border-box;padding: 10px;}
/*.homePage .ulBox .liBox{height:280px;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);}*/
.homePage .ulBox .liBox{height:280px;}
.homePage .ulBox .liBox a{display: inline-block;width: 100%;height: 100%;}
.homePage .liBox .liBox-left{float: left;padding:28px;font-size: 16px;font-weight: bold;color: #727171;}
.homePage .liBox .liBox-right{float: right;}
.homePage .liBox .liBox-right>div{width:280px;height:280px;float: left;}


/*作品列表页*/
.productionPage{width: 908px;margin: 0 auto;height:auto;overflow: hidden;}
.productionPage .productionBox{width: 100%;margin:0 auto;height:auto;}
.productionPage .productionBox ul{width:920px;margin:0 auto;overflow: hidden;}
.productionPage .productionBox ul li{width:300px;float:left;margin-top:54px;box-sizing: border-box;padding: 10px;overflow: hidden;}
/*.productionPage .productionBox ul li .item{width: 280px;height:406px;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);}*/
.productionPage .productionBox ul li .item{width: 280px;height:406px;}
.productionPage .productionBox .item a{display: inline-block;width: 100%;height: 100%;}
.productionPage .productionBox .item .image{width: 100%;height:280px;}
.productionPage .productionBox .item .detail{color:#a4a4a4;font-size: 12px;margin-top: 26px;}
.productionPage .productionBox .detail .name{font-weight: bold;font-size: 15px;color:#727171;margin-bottom:6px;word-break: break-all;}

/*作品详情页*/
/*.prodetailPage{width: 100%;overflow: hidden;background:#ddd;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);}*/
.prodetailPage{width: 100%;overflow: hidden;margin-top: 61px;}
.prodetailPage .prodetailBox{width:908px;margin: 0 auto;overflow: hidden;}
.prodetailPage .big{margin: 64px auto;text-align: center;}
.prodetailPage .big img{max-height: 650px;max-width: 100%;}
.prodetailPage .small{width:104px;height:104px;margin: 30px auto 0;}
.detailBox{width:100%;}
.detailBox .prodetailBox{width:980px;margin: 0 auto;}
.detailBox .detail{width: 100%;color: #4c4c4c;}
.detailBox .detail ul{border-bottom:1px dashed #ccc;overflow: hidden;}
.detailBox .detail ul:last-child{border: none;}
.detailBox .detail ul li{float: left;width:320px;padding:25px 0 26px 40px;box-sizing: border-box;font-size:14px;color: #a4a4a4;}
.detailBox .detail ul li.share{width:600px;padding:10px 0 10px 40px;}
.detailBox .detail ul li.details{width:907px;padding:50px 70px 108px 40px;box-sizing: border-box;line-height: 26px;}
.detailBox .detail ol{height: 62px;border-bottom:1px dashed #ccc;padding:10px 0 10px 40px;box-sizing: border-box;}
.detailBox .detail ol li {float: left;width:40px;height:40px;border-radius: 50%;margin: 0 20px;line-height: 40px;}
.detailBox .detail ol li:nth-child(1){float: left;width:60px;height:40px;border-radius: 0;line-height: 40px;margin: 0;color:#000;font-size: 14px;}
/*.detailBox .prodetailBoxs{width: 980px;overflow: hidden;margin: 0 auto;}*/
/*.detailBox .details{width: 100%;line-height: 24px;overflow: hidden;color: #000;font-size: 14px;padding:50px 70px 108px 40px;box-sizing: border-box;}*/
.detailBox .social-share .icon-weibo,
.detailBox .social-share .icon-wechat,
.detailBox .social-share .icon-facebook,
.detailBox .social-share .icon-google,
.detailBox .social-share .icon-twitter{border: 1px solid #666;color: #666;}
.detail-share{line-height: 50px;height:50px;overflow:hidden;}
.detail-share .title{float:left;color:#a4a4a4;}
.detail-share .share-items{float:left;padding-left:30px;padding-top: 5px;}
.detail-share .share-items a{margin-right:30px;}

/*画家页面*/
.artistPage{width: 908px;margin: 0 auto;height:auto;overflow: hidden;}
.artistPage .artistBox{width: 100%;margin:0 auto;height:auto;}
.artistPage .artistBox ul{width:920px;margin:0 auto;overflow: hidden;}
.artistPage .artistBox ul li{width:300px;float:left;margin-top:54px;box-sizing: border-box;padding: 10px;overflow: hidden;}
.artistPage .artistBox .names{padding: 0 0 0 10px;font-weight: bolder;font-size: 16px;width:920px;margin:64px auto 0;color:#727171;box-sizing: border-box;}
/*.artistPage .artistBox ul li .item{width: 280px;height:406px;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);}*/
.artistPage .artistBox .details{padding: 0 34px 0 10px;font-size: 14px;line-height:22px; width:920px;margin:10px auto 0;color:#a4a4a4;box-sizing: border-box;}
.artistPage .artistBox ul li .item{width: 280px;height:406px;}
.artistPage .artistBox .item .image{width: 100%;height:280px;}
.artistPage .artistBox .item .detail{color:#a4a4a4;font-size: 12px;margin-top: 26px;}
.artistPage .artistBox .detail .name{font-weight: bold;font-size: 15px;color:#727171;margin-bottom:6px;word-break: break-all;}

/*关于页面*/
.aboutPage{width:100%;overflow: hidden;}
.aboutPage .aboutBox{width: 908px;overflow: hidden;margin:61px auto 0;padding:64px 20px;}
/*.aboutPage .contant{width: 100%;line-height: 24px;overflow: hidden;color: #a1a1a1;font-size: 14px;padding:28px;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);box-sizing: border-box;}*/
.aboutPage .contant{width: 100%;line-height: 24px;overflow: hidden;color: #a1a1a1;font-size: 14px;padding:28px;box-sizing: border-box;}
.aboutPage .contant .title{color: #000;font-size: 16px;}
.aboutPage .contant .m-t{margin-top:35px;text-indent: 2rem;}
.aboutPage .contant .m-t p{margin: 20px 0;text-indent: 2rem;}
.aboutPage .contant .link{color: #a1a1a1;}

/*搜索结果页*/
.searchPage{width: 908px;margin: 0 auto;height:auto;overflow: hidden;}
.searchPage .searchBox{width: 100%;margin:0 auto;height:auto;}
.searchPage .searchBox ul{width:920px;margin:0 auto;overflow: hidden;}
.searchPage .searchBox ul li{width:300px;float:left;margin-top:54px;box-sizing: border-box;padding: 10px;overflow: hidden;}
/*.searchPage .searchBox ul li .item{width: 280px;height:406px;box-shadow:1px 3px 8px 0px rgba(0,0,0,0.1);}*/
.searchPage .searchBox ul li .item{width: 280px;height:406px;}
.searchPage .searchBox .item a{display: inline-block;width: 100%;height: 100%;}
.searchPage .searchBox .item .image{width: 100%;height:280px;}
.searchPage .searchBox .item .detail{color:#a1a1a1;font-size: 12px;margin: 26px 0 0 23px;}
.searchPage .searchBox .detail .name{font-weight: bold;font-size: 15px;color:#000;margin-bottom:6px;}

#J_WXPreview canvas{width: 120px !important;height:120px !important;}