body{max-width: 640px!important;margin: 0 auto;}
*{margin: 0;padding: 0;}

.am-gs {
    width: 100%;
    padding-bottom: 1rem;
}
.am-g {
    width: 100%;
    padding-bottom: 1rem;
}
.hall-menu ul {display: flex;}
.hall-menu ul li {flex: 1 1;}
.bkcolor{background-color: #fff;padding-bottom: 49px;}
.index-header{margin:0 auto;top: 0px;width: 100%;max-width:640px; height:46px;position:fixed;z-index: 1000; }
.index-header span{width:50%;height: 46px;line-height:46px;vertical-align: middle;background-color: #000;color:#fff;float: left;text-align: center;}
.index-header .s1{color:#eb5000;}
.index-header i{width:50%;height: 46px;background-color: #000;float: left;}
.index-header .i1{width:50px;height: 100%;background: url("/static/img/pc/return.png") center no-repeat;float: left;background-size: 20px 20px;}
.index-header .i2{width:50px;height: 100%;background: url("/static/img/pc/close.png") center no-repeat;float: right; background-size: 20px 20px;}

#container{width: 100%;height:100%;overflow: hidden;}
#container>#sections{width: 200%;height: 160px;}
#container img{width:100%;}
.sections,.section {height:100%;}
#container,.sections {position: relative;}
.section {background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;color: white;}

/* bannear */
.nar-contirnar {background: #fff;border-top: solid 1px #ddd;border-bottom: solid 10px #f0f0f0;padding: 20px 0;}
.nar-row {display: flex;flex-direction: row;justify-content: space-around;}
.nar-row .nar-item {flex: 1 1;text-align: center;}
.nar-row+.nar-row {margin-top: 15px;}
.nar-item img {width: .4rem;height: .4rem;display: block;margin: auto;}
.nar-item span {font-size: .14rem;margin-top: .04rem;}
.active {color: #0558c4;}

/* 本周之星 */
.container-starweek {margin: 0 10px;}
.container-starweek-test {padding: 10px 0;display: flex;border-top: 1px solid #f0f0f0;}
.container-starweek-pic {width: 30px;height: 30px;border-radius: 50%;}
.container-starweek-name {font-size: 14px;padding: 0 10px;overflow: hidden;height: 30xp;line-height: 30px;}
.container-starweek-title {flex: 1 1;font-size: 12px;color: #a7a7a7;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 30px;}
.imageList{overflow-x: auto;overflow-y: hidden;height:1.1rem;white-space: nowrap;}
.imageList img{width:auto;height:1.1rem;}
.imageList-margin {margin: 0 .1rem;}
.imageList_new{padding-bottom: 35px;margin-bottom: 10px;background: #fff;display: flex;justify-content: space-evenly;padding-top: 11px;}
/*  */
.container-content{width: 100%;}
.index-title-bg{height: 42px;width: 100%;padding: 0 3%;line-height:42px;vertical-align:middle; font-size: .15rem;color: #363636;font-weight: 700;background: url("/static/img/pc/jx-bg.png") no-repeat;float: left; background-size: 100% 42px;}
.index-title-bgss{display: inline-block;}
.index-title-right{display: block;float: right;color: #a7a7a7;font-size: .12rem;font-weight: 300;}
.jxphotos-pic{width: 100%;float: left;position: relative;}
.jxphotos-pic-bgimg{width: 100%;}
.jxphotos-info{width: 100%;height: 45px;float: left; padding-bottom: 5px;}
.jxphotos-info-l{width: 70%;height: 40px;line-height: 40px;vertical-align: middle;font-size: 14px;color: #a7a7a7;padding-left: 3%;float: left;}
.jxphotos-info-r{height: 40px;line-height: 38px;vertical-align: middle;font-size: 14px;color: #a7a7a7;padding:0 3% 0 20px;float: right;background: url("/static/img/like-icon.png") left center no-repeat;background-size:14px 14px;  }

/* 国画 */
.index-title-mid{height: .55rem;line-height: .55rem;width: 100%; font-size: .15rem;color: #363636;font-weight: 700; text-align: center;background: #f0f0f0;}
.index-title-mid span{vertical-align:middle; background: url("/static/img/line.png") right center no-repeat; background-size:auto .14rem; padding-right: .1rem;margin-right: .1rem;}
.index-title-mid p{vertical-align:middle; padding: 0;display: inline;color: #a7a7a7;font-size: .12rem;font-weight: 400;}
.weeek-head{width: 97%;padding: 0 3%;float: left;background: url("/static/img/line.png") right center no-repeat; background-size:auto 14px;}
.weeek-head-pic{width: 20%;margin:2%; max-width: 1.2rem;float: left; border-radius:5px; }
.weeek-head-con{width: 75%;float: left;padding-top: 3%; padding-left:3%;}
.weeek-head-con-mz{width: 100%;font-size: .15rem;color:#7c7c7c; height:30px; line-height: 30px; vertical-align: middle; }
.weeek-head-con-js{width: 100%;font-size: 12px;color:#a7a7a7;height:30px; line-height: 30px; vertical-align: middle;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.weeek-big-pic{width: 100%;margin-bottom:4px;position: relative;}
.weeek-big-pic-bg{width: 100%;}
.weeek-pic-scroll{width: 100%;position: relative; height: 100px}
.weeek-pic-scroll ul{overflow-x: auto;overflow-y: hidden;height:110px;white-space: nowrap;}
.weeek-pic-scroll ul li{width:110px;margin-right:4px;float: left;list-style: none;height: 110px;}
.weeek-pic-scroll ul li img{width: 100%;}

/*  */
.gwt-content{width: 94%; background: url("/static/img/pc/ex-bg.png") center no-repeat;margin: 15px 3% 0 3%;background-size: 100%; float: left;} 
.gwt-header{width: 75%;float: left;}
.gwt-header img{width: 33%;padding: 6%;float: left; border-radius:50%; margin: 3% 0;}
.gwt-info{width: 25%;float: left;padding: 4% 0;}
.gwt-info-1{width: 100%; float: left; text-align: center;font-size: 0.15rem;font-weight: 700; line-height: 1.3;height: 30%;}
.gwt-info-2{width: 100%; float: left; text-align: center;font-size: 18px;color: #fff;height: 30%;}
.gwt-info-3{width: 100%; float: left; text-align: center;font-size: 12px;color: #fff;height: 30%;}
.gwt-info-3 span{width: 60%; background: url("/static/img/right-go.png") right center no-repeat; background-size:auto 11px;padding-right:10px;}


/* 竞拍 */
.auction-index-title{height: .42rem;width: 100%;padding: 0 3%;line-height:.42rem;vertical-align:middle; font-size: 0.15rem;color: #363636;font-weight: 700;}
.auction-pic{margin: 0 .10rem; position: relative;}
.auction-pic .auction-img {width: 3.55rem;height: 2.20rem;}
.auction-pic-content{width: 3.55rem;}
.auction-pic-opacity{width: 3.55rem;position: absolute;top: 0;left: 0;height: 2.20rem;background-color: #000;opacity:0.3;z-index: 1;}
.auction-pic-1{padding-top: .2rem;padding-left: .1rem;color: #363636;font-size: .15rem;font-weight: 600;display: block;}
.auction-pic-2{background: #d05151;padding: .05rem .2rem;color: #fff;font-size: .14rem;position: absolute;top: .20rem;left: 0;}
.auction-pic-2 .span1{background: url("/static/img/auction/auction-icon.png") left center no-repeat; background-size:.5rem .18rem; padding-left:.6rem; }
.auction-pic-3{width: 100%;padding-top: .1rem;color: #363636;font-size: .12rem;}
.auction-pic-pic {width: .3rem !important; height: .3rem !important;border-radius: 50%;}
.auction-pic-name {padding-left: .1rem;color: #363636;font-size: .13rem;line-height: .3rem;}
.auction-pic-money {padding-left: .1rem;color: #a7a7a7;font-size: .13rem;line-height: .3rem;}
.auction-pic-type {height: .24rem !important;float: right;margin: .03rem 0;}
.auction-pic-4{margin-top: .20rem;padding: .03rem .05rem;background: #f0f0f0;color: #363636;font-size: .12rem;display: inline-block;}
.auction-pic-5{width: 100%;margin-top: .2rem;padding: .1rem 0;text-align: center;color: #363636;font-size: .14rem;border-top: 1px solid #f0f0f0;}
.auction-pic-5 span{display: inline-block;vertical-align: middle;background: url(/static/img/title_01.png) left center no-repeat;background-size: auto .14rem;padding-left: .2rem;}

/* 竞拍 */
.circle-container {padding: 0 .015rem;}
.circle-container img {width: .6rem;height: .6rem;margin: .01rem -.02rem .01rem 0;}

.article-head{height: 50px;width: 100%;float: left;padding: 10px 0;}
.article-head-pic{width: 30px;height: 30px;float: left;border-radius:50%;margin-left: 3%;}
.article-head-name{height: 30px;line-height: 30px;vertical-align: middle;float: left;font-size: 12px;color: #a7a7a7;margin-left: 2%;}
.article-content{width: 100%;padding: 0 3%;float: left;}
.article-content-l{width: 50%;float: left; height: 130px; max-width: 200px;line-height: 130px;}
.article-content-l img{width: 100%;height: 100%;}
.article-content-r{width: 50%;float: left;height: 130px; position: relative; padding-left: 2%;}
.article-content-r-u{width: 100%;font-size: 14px;color:#7c7c7c; padding-top: 10px;}
.article-content-r-d{width: 100%;font-size: 12px;color:#c7c7c7; position: absolute;bottom: 10px;background: url("/static/img/draw-ll.png") left center no-repeat;padding-left:20px; background-size:auto 12px; }

.group-content{width: 100%;float: left; margin-top:20px;}
.group-content-l{width: 70%;height: 180px;float: left;position: relative;}
.group-content-bg{width: 100%;height: 100%;position: absolute;}
.group-content-opacity{width: 100%;position: absolute;z-index: 1;background-color: #000;opacity:0.3;height: 180px;}
.group-content-info{width: 100%;position: absolute;z-index: 2;}
.group-content-info-t{width: 100%;padding-top: 70px;text-align: center;font-size: 18px;color: #fff;}
.group-content-info-h{width: 100%;padding-top: 40px;text-align: right;}
.group-content-info-h img{width: 30px;height: 30px;border-radius:50%; margin-right: 15px;}
.group-content-r{width: 30%;height:180px; float: left;background: url("/static/img/group-bg.png") left center no-repeat;background-size:100% 100%;}
.group-content-r-c{width: 80%;margin-left:10%; text-align: center;}
.group-content-r-c img{width: 40px;height: 40px;margin-top: 27px;}
.group-content-r-cicon{padding:10px 0; font-size: .15rem;font-weight: 700;color: #363636;border-bottom: 1px solid #c7c7c7;}
.group-content-r-cmore{font-size: 12px;color: #c7c7c7;padding-top: 25px;}

.event-title{width: 100%;height: 58px;float: left;text-align: center;padding-top:5px;margin-bottom:8px;margin-top: 5px; background: url("/static/img/hall-icon.png") bottom center no-repeat; background-size:14px auto; }
.event-title-name{width: 100%;height: 25px;font-size: .15rem;font-weight: 700;color: #363636;}
.event-title-more{width: 100%;height: 20px;font-size: .12rem;color: #7c7c7c;}
.event-content{width: 100%;float: left;position: relative;vertical-align: middle; height: 240px;}
.event-content img{width: 100%;position: absolute; height: 100%;}
.event-content-opacity{width: 100%;position: absolute;font-size: 18px;font-weight:700;  color: #fff;z-index: 2;text-align: center;height: 240px;vertical-align: middle; background:#000; filter:alpha(opacity:30); opacity:0.3;}
.event-content-text{width: 100%;position: absolute;font-size: 18px;font-weight:700;  color: #fff;z-index: 3;text-align: center;line-height: 240px;vertical-align: middle; }



.art-head-pic{width: 94%;margin: 10px 3%;background-color: #f4f4f4; padding-bottom:10px; float: left;}
.art-head-pic span{width: 20%;height: 100%;float: left; text-align: center;font-size: 12px;color: #c7c7c7;}
.art-head-pic span img{width: 70%;border-radius:50%;padding:10px 0;}

.item-phototype{width: 94%;margin: 10px 3%; float: left;}
.item-phototype-t{width: 100%;padding: 10px 0; float: left;}
.item-phototype-t img{height: 50px; padding: 0 10px; float: left;}
.item-phototype-tn{font-size: 16px;color: #363636; height: 50px;line-height: 50px;vertical-align: middle; background: url("/static/img/sq-icon.png")left center no-repeat; float: left;width: 60px;text-align: center;background-size: 60px auto;}
.item-phototype-p{width: 100%;float: left;}
.item-phototype-pi{float: left;height: 170px;position: relative;width: 100%;}
.item-phototype-pim{height: 170px;}
.item-phototype-pim .img1{height: 170px; padding-right: 5px;float: left;}
.item-phototype-pm{width: 120px;height: 170px;float: left; background-color: #f4f4f4;}
.item-phototype-pmimg{width: 100%;height: 28px;float: left;text-align: center;margin-top: 50px;}
.item-phototype-pmimg img{width: 28px;height: 28px;}
.item-phototype-pmmore{width: 100%;float: left;text-align: center;font-size: 12px;color: #c7c7c7; margin-top: 10px;}
.item-phototype-pmmore span{padding-right:10px;background: url("/static/img/right.png") right center no-repeat; background-size:auto 12px; height: 12px; }









.login{width: 100%;height:100%;padding-top:20px;float: left;}
.input1{width:80%;height:60px;float: left;margin-left:10%;padding-top:20px;}
.input2{width:80%;height:60px;float: left;margin-left:10%;padding-top:20px;}
.input1 input{width:100%;height:40px;border-radius:5px;border:0;padding-left: 10px;}
.input2 input{width:100%;height:40px;border-radius:5px;border:0; background-color: #E7511A;color:#fff;}

.weixinlogin{width: 100%;height:100%;padding-top:100px;float: left;}
.weixinlogin .loginIcon{height:60px;text-align: center;float: left;width: 100%;}
.weixinlogin .loginWenzi{height:30px;text-align: center;float: left;width: 100%; padding-top: 8px;font-size: 12px;}


.hall-pic-index{position: relative;width: 100%;overflow: hidden;z-index: 0;margin-bottom:10px;}
.hall-pic-word{position: absolute;}
.hall-pic-word p{margin: 0;font-size: 1.6rem;line-height: 110%;overflow: hidden;}
.hall-i{display: block;;height: 17px;width: 12px;background: url(/static/img/jt.png) no-repeat center;background-size:100% 100% ;float: left;margin-right: 3px;}
.my-gallery figure{display: block;float: left;margin: 0 2% 2% 0;width: 31.3%;}
.my-gallery img {width: 100%;height: auto;display: block;float: left;}

.hall-pic-xs{width: 100%;margin-bottom:12px; background-color: #fff;padding-bottom: 10px;}
.zwdiv{width:100%;height:46px;}
.zwdiv-1{width:100%;height:66px;}
.my-fixed-new-fabu a{color:#c7c7c7;}

@media only screen and (min-width: 414px) and (max-width:480px) {
    .hall-pic-word p{font-size: 1.4rem!important;}
}
@media only screen and (min-width: 481px) and (max-width:640px) {
    .hall-pic-word p{font-size: 1.5rem!important;}
}
@media only screen and (min-width: 640px) and (max-width:2000px) {
    .hall-pic-word p{font-size: 1.6rem!important;
}




.my-fixed-new {max-width:640px;width: 100%;height: 55px;overflow: hidden;background: #1a1a25;position: fixed;margin:0 auto;bottom: 0px;z-index: 1000;}
.my-fixed-new ul{margin: 0;height: 55px;width: 100%;padding:0;}
.my-fixed-new ul li{list-style: none;float: left;text-align: center;font-size:12px;font-weight: 100;width: 33%;height: 100%;-webkit-tap-highlight-color: transparent;padding-top:11px;}

.my-fixed-new-fabu {width: 18%;height: 75px;overflow: hidden;position: fixed;margin:0 auto;left:0px;right:0px; bottom: 0px;z-index: 1001; text-align:center;color:#a7a9b9;font-size:12px; }
.li-color{color:#a7a9b9;}
.li-colored{color:#eb5000;}