@charset "utf-8";
/* CSS Document */
body{ min-width:320px; background:#f4f4f4; font-size:24px; font-family: 'Hiragino Sans GB', "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial,\5b8b\4f53, sans-serif; color:#333; text-shadow:none; font-weight:normal;}

@media screen and (min-width:320px) {
	html { font-size:21.33px;}
	body { font-size:12px;}
}
@media screen and (min-width:360px) {
	html { font-size:24px;}
	body { font-size:12px;}
}
@media screen and (min-width:375px) {
	html { font-size:25px;}
	body { font-size:12px;}
}
@media screen and (min-width:384px) {
	html { font-size:25.6px;}
	body { font-size:14px;}
}
@media screen and (min-width:400px) {
	html { font-size:26.67px;}
	body { font-size:14px;}
}
@media screen and (min-width:414px) {
	html { font-size:27.6px;}
	body { font-size:14px;}
}
@media screen and (min-width:424px) {
	html { font-size:28.27px;}
	body { font-size:14px;}
}
@media screen and (min-width:480px) {
	html { font-size:32px;}
	body { font-size:15.36px;}
}
@media screen and (min-width:540px) {
	html { font-size:36px;}
	body { font-size:17.28px;}
}
@media screen and (min-width:720px) {
	html { font-size:48px;}
	body { font-size:23.04px;}
}
@media screen and (min-width:750px) {
	html { font-size:50px;}
	body { font-size:24px;}
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure{ margin: 0; padding: 0;}
fieldset,img,input,button{ border:0px;}
ul,ol,dl,li{ list-style:none;}
img,input,label,button { vertical-align:inherit; outline:none;}
img{ vertical-align:top;}
table {	border-collapse:collapse; border-spacing:0;}
a{ color:#333; text-decoration:none; text-shadow: none; font-weight: normal;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input{-webkit-appearance:none; border-radius:0;}
.clear{ clear:both;}
.clearfix{ zoom: 1;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wbox{ display:-webkit-flex!important; display:-webkit-box;}
.wbox-flex { -webkit-flex:1!important; -moz-flex:1!important; -webkit-box-flex:1; -moz-box-flex:1; word-wrap:break-word; word-break:break-all;}
.mt20{ margin-top:.4rem;}
.mt30{ margin-top:.6rem;}
.mt40{ margin-top:.8rem;}
.mb40{ margin-bottom:.8rem;}
.mb30{ margin-bottom:.6rem;}
.mb20{ margin-bottom:.4rem;}
.mr30{ margin-right:.6rem;}
.ml60 {	margin-left:1.2rem;}
.ml30 { margin-left: .6rem;}
.mr20 { margin-right: .4rem;}
.pb30{ padding-bottom:.6rem;}
.pb100{ padding-bottom:2rem;}
.pr{ position:relative;}
.bt{ border-bottom:1px solid #ddd;}
.bl{ border-left:1px solid #ddd;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
.center{ text-align:center;}
.bbox,p,div { box-sizing:border-box;}

.max-wrap{ margin:0 auto; width:15rem;}
.wrapper{ background:#fff;}
body.white{ background:#fff;}
.emp{ color:#2ad2c9;}

.swipe{ position:relative; overflow:hidden;}
.swipe img{ width:100%; width:15rem; height:6.4rem; vertical-align:top;}
.swipe .swipe-ul{ margin:0; overflow:hidden;}
.swipe .swipe-li{ position:relative; float:left; overflow:hidden;}
.swipe .trigger{ position:absolute; text-align:center; width:100%; bottom:.5rem; left:0; right:0; font-size:0;}
.swipe .trigger span{ display:inline-block; margin-left:.2rem; width:.33rem; height:.33rem; border-radius:50% 50%; background-color:rgba(0,0,0,.05); border:0.04rem solid #fff; box-sizing:border-box;}
.swipe .trigger span.cur{ background-color:#fff;}

.app-scroller { overflow: hidden; position: relative;}
.app-scroller-wp { padding: 0;}
.app-scroller-wp ul { padding: 0; margin: 0; display: table; table-layout: fixed; white-space: nowrap; width: auto;}
.app-scroller-wp ul li { -webkit-box-flex: 1; display: inline-block; -webkit-box-align: center; -webkit-box-pack: center; vertical-align: top;}

.top-nav{ position:relative; height:1.76rem; background:#fff; line-height:1.76rem; font-size:.6rem; border-bottom:1px solid #ddd;}
.top-nav .nav-title{ width:60%; margin:0 auto; font-size:.75rem; text-align:center; color:#333; overflow:hidden;}
.nav-back a,.nav-right a,.nav-left a { top:0; display:block;}
.nav-back {position:absolute ;left:0; top:0; padding:0 0 0 .4rem;}
.nav-back .icon-goback{ margin:.4rem 0 0 0; width:.83rem; height:.83rem; background:url(../images/nav_btn_back_black.png) 0 0 no-repeat; background-size:contain; text-indent:-999rem;}
.nav-left{ position:absolute; left:0; top:0; height:1.76rem;}
.nav-right{ position:absolute; right:0; top:0; padding:0 .4rem 0 0; height:1.76rem;}
.nav-right a{ color:#333;}
.nav-right .iconbtn{ display:inline-block; padding:0 .4rem; heihgt:1.25rem; font-size:.58rem; color:#fff; line-height:1.25rem; text-align:center; background:#2ad2c9; border-radius:.08rem;}
.nav-right .icon{ display:inline-block; margin-top:.4rem; margin-left:.625rem; width:.83rem; height:.83rem; text-indent:-999rem;}
.nav-right .icon.more{ background:url(../images/nav_btn_more.png) 0 0 no-repeat; background-size:contain;}
.nav-right .icon.collect{ background:url(../images/nav_btn_collect_black.png) 0 0 no-repeat; background-size:contain;}
.nav-right .icon.collect.active{ background:url(../images/nav_btn_collect_black_d.png) 0 0 no-repeat; background-size:contain;}
.nav-right .icon.share{ background:url(../images/nav_btn_share_black.png) 0 0 no-repeat; background-size:contain;}

.checkbox{ width:.625rem; height:.625rem; background: url(../images/ico_checkbox.png) 0 0 no-repeat; background-size: contain;}
.checkbox:checked { background: url(../images/ico_checkbox_selected.png) 0 0 no-repeat; background-size: contain;}
.input-reset { -webkit-appearance: none; -webkit-border-radius: 0;}

.sex-ico{ display:inline-block; width:.625rem; height:.625rem; vertical-align:top;}
.sex-ico.male{ background:url(../images/ico-male.png) 0 0 no-repeat; background-size:contain;}
.sex-ico.female{ background:url(../images/ico-female.png) 0 0 no-repeat; background-size:contain;}

.work-cmt-list{}
.work-cmt-list.sec{ color:#777; background:#fafafa;}
.work-cmt-list li{ padding:.625rem .625rem; border-bottom:1px solid #efefef;}
.work-cmt-list li:last-child{ border-bottom:0px;}
.work-cmt-list .excellent{ padding:.4rem; border:2px solid #fff5e0; border-radius:.4rem; background: -webkit-linear-gradient(#fff6ec 20%, #fff 80%); background: -o-linear-gradient(#fff6ec 20%, #fff 80%); background: -moz-linear-gradient(#fff6ec 20%, #fff 80%); background: linear-gradient(#fff6ec 20%, #fff 80%);}
.work-cmt-list .top-wrap{}
.work-cmt-list .cmt-user-wrap{}
.work-cmt-list .cmt-avatar{ width:1.4rem; height:1.4rem; border-radius:.7rem; overflow:hidden;}
.work-cmt-list .cmt-avatar img{ width:100%; height:auto;}
.work-cmt-list .cmt-txt{ padding:0 0 0 .4rem; height:1.4rem;}
.work-cmt-list .cmt-u-name{ font-size:.58rem; font-weight:normal; line-height:.8rem; color:#333;}
.work-cmt-list .cmt-date{ font-size:.4rem; line-height:.6rem; color:#999;}
.work-cmt-list .cmt-thumb-up{ display:block; height:1.4rem; font:.5rem; line-height:1.4rem; color:#999;}
.work-cmt-list .cmt-thumb-up .ic-thumb{ display:inline-block; margin-right:.4rem; width:.625rem; height:.625rem; background:url(../images/ico_comt_like.png) 0 0 no-repeat; background-size:contain; vertical-align:middle; position:relative; top:-2px;}
.work-cmt-list .cmt-thumb-up.active{ display:block; height:1.4rem; font:.5rem; line-height:1.4rem; color:#2ad2c9;}
.work-cmt-list .cmt-thumb-up.active .ic-thumb{ background:url(../images/ico_comt_like_d.png) 0 0 no-repeat; background-size:contain;}
.work-cmt-list .mid-wrap{ padding:.4rem 0 0 1.8rem; font-size:.58rem; line-height:.8rem;}
.work-cmt-list .brief-reply-w{ margin-left:1.8rem; padding:.4rem .4rem .4rem .4rem; font-size:.58rem; line-height:.8rem; color:#777; background:#fafafa;}
.work-cmt-list .brief-reply-w a{ padding:0 .1rem 0 0; color:#333;}
.work-cmt-list .brief-reply-w .b-r-item{ margin-bottom:.1rem;}
.work-cmt-list .au{ margin:0 .1rem; padding:0 .1rem; font-size:.4rem; line-height:.8rem; color:#fff; background:#2ad2c9; vertical-align:top;}
.work-cmt-list .brief-reply-w .all{ font-size:.4rem; line-height:.8rem; color:#777;}
.cmt-main-list{}
.cmt-btm-bar{ position:fixed; bottom:0; left:0; right:0; width:100%; height:2.34rem; padding:.4rem .4rem 0 .4rem; background:#fff; border-top:1px solid #efefef;}
.cmt-btm-bar .ip-trigger{ padding:0 .4rem; height:1.54rem; background:#f4f4f4; border-radius:.77rem; box-sizing:border-box;}
.cmt-btm-bar .ip-trigger .tooltips{ font-size:.5rem; line-height:1.54rem; color:#999;}
.cmt-btm-bar .fn-trig{ height:1.54rem; line-height:1.54rem;}
.cmt-btm-bar .fn-trig .fn-btn{ display:inline-block; padding:0 0 0 .625rem; font-size:.5rem; line-height:1.54rem; color:#777;}
.cmt-btm-bar .fn-trig .fn-ic{ display:inline-block; margin-right:.2rem; width:.8rem; height:.8rem; vertical-align:middle; position:relative; top:-2px;}
.cmt-btm-bar .fn-trig .fn-ic.cmt{ background:url(../images/ic-cmt-bar-cmt.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .fn-trig .fn-ic.collect{ background:url(../images/ic-cmt-bar-collect.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .fn-trig .fn-ic.share{ background:url(../images/ic-cmt-bar-share.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .fn-trig .fn-btn.active .fn-ic.cmt{ background:url(../images/ic-cmt-bar-cmt-d.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .fn-trig .fn-btn.active .fn-ic.collect{ background:url(../images/ic-cmt-bar-collect-d.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .ip-fn-btn-box{ height:1.54rem; line-height:1.54rem;}
.cmt-btm-bar .ip-fn-btn-box a{ display:inline-block; margin-right:.4rem; width:1rem; height:1rem; vertical-align:middle; position:relative; top:-2px; text-indent:-999rem;}
.cmt-btm-bar .ip-fn-btn-box a.emoji{ background:url(../images/ico_emoji.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .ip-fn-btn-box a.voice{ background:url(../images/ico_insert_voice.png) 0 0 no-repeat; background-size:contain;}
.cmt-btm-bar .ip-txt-box{ height:1.54rem;}
.cmt-btm-bar .ip-txt-box .ipt{ height:1.54rem; padding:.2rem .4rem; background:#f4f4f4; border-radius:.2rem; box-sizing:border-box;}
.cmt-btm-bar .ip-txt-box .ipt input{ width:100%; height:1.14rem; font-size:.5rem; background:none;}
.cmt-btm-bar .ip-txt-box .btn-sent{ margin-left:.4rem; width:2.5rem; height:1.54rem; padding:0; font-size:.54rem; line-height:1.54rem; text-align:center; color:#fff; background:#2ad2c9; border-radius:.2rem; box-sizing:border-box;}

.cur-lbl{ display:inline-block; font-size:.54rem; position:relative; padding-left:.4rem; height:1rem; line-height:1rem;}
.cur-lbl:after{ content:''; position:absolute; top:.2rem; left:0; width:.1rem; height:.6rem; background:#2ad2c9;}
.arrow{ padding-right:.1rem;}
.arrow:after { content:""; display:inline-block; width:.28rem; height:.28rem; border-style:solid; border-color:#999; border-width:1px 0 0 1px; -webkit-transform:rotate(135deg);}

.filter-list{ width:100%; height:2rem; background:#fff; overflow:hidden; box-sizing:border-box;}
.filter-list li{ position:relative; height:2rem; font-size:.52rem; line-height:2rem; border-bottom:1px solid #dcdcdc; text-align:center; box-sizing:border-box;}
.filter-list li:before { display: block; content: ''; position: absolute; width: 100%; height: 0.0625rem; bottom: 0px; left: 0; background: #2ad2c9; opacity:0;}
.filter-list li.cur{color:#2ad2c9;}
.filter-list li.cur:before { opacity:1;}

.banner-wrap{}
.banner-wrap img{ width:100%; height:auto;}

.works_list{ padding:0 .2rem;}
.works_list li{ width:50%; margin-bottom:.4rem; padding:0 .2rem; float:left; box-sizing:border-box;}
.works_wrap{ background:#fff; border-radius:.2rem; overflow:hidden;}
.works_pic{}
.works_pic img{ width:100%; height:auto;}
.works_wrap h2{ padding:.3125rem .2rem; font-size:.54rem; font-weight:normal;}
.works_author{ padding:0 .2rem; height:1rem; position:relative;}
.works_author a{ display:block;}
.works_author .av{ display:inline-block; height:1rem; width:1rem; border-radius:.5rem; overflow:hidden; vertical-align:middle;}
.works_author .av img{ width:100%; height:auto;}
.works_author .name{ display:inline-block; line-height:1rem; color:#999; border-radius:.2rem; overflow:hidden; vertical-align:middle;}
.works_author .au-like{ height:.625rem; font-size:.5rem; color:#999; position:absolute; right:.2rem; top:.2rem;}
.works_author .au-like i{ display:inline-block; margin-right:.2rem; width:.625rem; height:.625rem; background:url(../images/ico_comt_like.png) 0 0 no-repeat; background-size:contain;}
.works_author .au-like.active{ color:#2ad2c9;}
.works_author .au-like.active i{ background:url(../images/ico_comt_like_d.png) 0 0 no-repeat; background-size:contain;}
.works_list .show-more{ padding:0 .2rem; text-align:center;}
.works_list .show-more a{ display:inline-block; padding:0 2.5rem; height:1.25rem; font-size:.54rem; line-height:1.25rem; color:#2ad2c9; text-align:center; background:#fff; border-radius:.2rem;}

.search-wrap{ margin-left:.4rem; padding:0 .4rem; margin-right:.4rem; height:1.16rem; background:#fff; border-radius:.2rem; position:relative;}
.search-wrap .s-ipt{ width:100%; height:1.16rem; font-size:.54rem;}
.search-wrap .sticker{ width:6.5rem; height:.66rem; background:url(../images/search-ticker.png) 0 0 no-repeat; background-size:6.5rem .66rem; position:absolute; top:.25rem; left:0; margin-left:3.25rem;}


.search-wrap-s2{ padding:.4rem .625rem; border-bottom:1px solid #efefef; position:relative;}
.search-wrap-s2 .s2-ipt{ width:100%; height:1.16rem; padding:0 .2rem; font-size:.54rem; border-radius:.2rem; background:#f4f4f4; position:relative;}
.search-wrap-s2 .s2-btn{ display:inline-block; width:1.66rem; height:1.16rem; font-size:.58rem; text-align:center; line-height:1.16rem; color:#2ad2c9;}
.search-wrap-s2 .sticker{ width:7.125rem; height:.66rem; background:url(../images/search-ticker-2.png) 0 0 no-repeat; background-size:7.125rem .66rem; position:absolute; top:50%; margin-top:-.33rem; left:0; margin-left:3.5625rem;}

.user-work-list{}
.user-work-list li{ margin-bottom:.4rem; padding:0 .625rem .4rem; background:#fff;}
.user-work-list .user-con{ padding:.4rem 0; border-bottom:1px solid #f4f4f4;}
.user-work-list .user-con .avatar{ float:left; width:1.8rem; height:1.8rem; border-radius:.9rem .9rem; overflow:hidden;}
.user-work-list .user-con .avatar img{ width:100%; height:auto;}
.user-work-list .user-con .text-con{ margin-left:2.5rem;}
.user-work-list .user-con .text-con .name{ font-size:.625rem;}
.user-work-list .user-con .text-con .age{ font-size:.58rem;}
.user-work-list .user-con .text-con .age.male{ color:#1fa4da;}
.user-work-list .user-con .text-con .age.female{ color:#da4d8f;}
.user-work-list .user-con .text-con .sex-ico{ display:inline-block; margin:0 .2rem; width:.625rem; height:.625rem; vertical-align:middle; top:-2px; position:relative;}
.user-work-list .user-con .text-con .sex-ico.male{ background:url(../images/ico-male.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .user-con .text-con .sex-ico.female{ background:url(../images/ico-female.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .user-con .text-con .date{ font-size:.5rem; color:#777;}
.user-work-list .work-title{ padding:.3rem 0; font-size:.625rem; line-height:.9rem;}
.user-work-list .work-image{ width:100%;}
.user-work-list .work-image a{ display:block;}
.user-work-list .work-image img{ width:100%; height:100%;}
.user-work-list .interact-wrap{ color:#777;}
.user-work-list .interact-wrap a{ display:inline-block; color:#777;}
.user-work-list .feed-ico{ display:inline-block; margin:0 .2rem; width:.625rem; height:.625rem; vertical-align:middle; top:-2px; position:relative;}
.user-work-list .feed-ico.like{ background:url(../images/ico-feed-like.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.like.done{ background:url(../images/ico-feed-like-done.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.keep{ background:url(../images/ico-feed-keep.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.keep.done{ background:url(../images/ico-feed-keep-done.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.comment{ background:url(../images/ico-feed-comment.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.comment.done{ background:url(../images/ico-feed-comment-done.png) 0px 0px no-repeat; background-size:100%;}
.user-work-list .feed-ico.share{ background:url(../images/ico-feed-share.png) 0px 0px no-repeat; background-size:100%;}

.user-work-tile-list{ background:#fff;}
.user-work-tile-list dt{ padding:0 .625rem; height:1.66rem; font-size:.5rem; line-height:1.66rem; color:#777;}
.user-work-tile-list dd{ display:block; float:left; width:32.5%; height:4.85rem; margin-bottom:.125rem; margin-right:.125rem; background:#e7f2eb; overflow:hidden; box-sizing:border-box; position:relative;}

.user-work-tile-list dd img{ width:160%; height:auto; position: absolute; top: 20%; left: 50%; margin-top: -24%; margin-left: -75%;}

.rec-user-box{ position:relative; padding:0;}
.rec-user-box li{ padding:.2rem .625rem .2rem .625rem; border-bottom:1px solid #efefef;}
.rec-user-box li:last-child{ border-bottom:0px;}
.rec-user-box .user-box{ padding:.2rem 0;}
.rec-user-box .u-head{ margin-right:.4rem; width:1.75rem; height:1.75rem; border:1px solid #efefef; border-radius:.875rem; overflow:hidden;}
.rec-user-box .u-head img{ width:100%; height:auto;}
.rec-user-box h2{ font-size:.52rem; line-height:1.75rem; font-weight:normal;}

.tab-bar{ height:1.875rem; display:-webkit-flex!important; display:-webkit-box; border-bottom:1px solid #efefef;}
.tab-bar li{-webkit-flex:1!important; -moz-flex:1!important; -webkit-box-flex:1; -moz-box-flex:1; position:relative; line-height:1.875rem; text-align:center;}
.tab-bar li:after{ display: block; content: ''; position: absolute; width: 1px; height: .83rem; top: .5rem; right: 0; background: #d5d5d5; opacity:1;}
.tab-bar li:last-child:after{ opacity:0;}
.tab-bar li i{ display:inline-block; margin-left:.83rem; width:.28rem; height:.28rem; border-style:solid; border-color:#969696; border-width:1px 0 0 1px; transform:rotate(225deg); -webkit-transform:rotate(225deg); vertical-align:middle; position:relative; top:-4px;}
.tab-bar .checkbox{ margin-left:.83rem; vertical-align:middle; position:relative; top:-1px;}

.halve_ad{ margin:0; padding:.4rem .625rem 0;}
.halve_ad li{ margin-bottom:.4rem; float:left; width:50%; height:3.9rem; border-radius:.2rem; overflow:hidden; background:#fafafa;}
.halve_ad li:nth-child(2n-1){ width:-moz-calccalc(50% - .2rem); width:-webkit-calccalc(50% - .2rem); width:calc(50% - .2rem);}
.halve_ad li:nth-child(2n){ float:right; width:-moz-calccalc(50% - .2rem); width:-webkit-calccalc(50% - .2rem); width:calc(50% - .2rem);}
.halve_ad li img{ width:100%; height:100%;}

.wrap-head{ padding:.4rem .625rem;}
.wrap-head a{ display:inherit; width:100%; height:1rem; line-height:1rem;}
.wrap-head h3{ max-width:74%; padding-left:.4rem; font-size:.54rem; line-height:1rem; position:relative;}
.wrap-head h3:before{ content:''; position:absolute; top:.23rem; left:0; width:.08rem; height:.54rem; background:#2ad2c9;}
.wrap-head .txt-muted{ font-size:.5rem; line-height:1rem; color:#777; text-align:right;}
.wrap-head .arrow{ position:relative; top:0px;}

.exhibition-cover{ padding-bottom:.2rem;}
.exhibition-cover li{ position:relative; margin-bottom:.4rem; padding:0 .625rem;}
.exhibition-cover li img{ width:100%; height:auto; vertical-align:top;}
.exhibition-cover li .m-title{ position:absolute; bottom:.2rem; left:1rem; font-size:.58rem; color:#fff;}
.exhibition-cover li .m-sequence{ position:absolute; top:.2rem; left:1rem; font-size:.5rem; color:#fff;}