@charset "utf-8";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:400}

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

article,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
button,fieldset,img,input{border:0}
dl,li,ol,ul{list-style:none}
button,img,input,label{vertical-align:inherit;outline:0}
img{vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none;text-shadow:none;font-weight:400}
a,button,img,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}
.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}
.pb30{padding-bottom:.6rem}
.pb100{padding-bottom:2rem}
.pr{position:relative}
.bt{border-bottom:1px solid #dcdcdc}
.bl{border-left:1px solid #dcdcdc}
.tr{text-align:right}
.fl{float:left}
.fr{float:right}
.bbox,div,p{box-sizing:border-box}
.max-wrap{margin:0 auto;width:15rem}
.wrapper{background:#fff}
.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:.04rem solid #fff;box-sizing:border-box}
.swipe .trigger span.cur{background-color:#fff}
.index_headlines{height:1.66rem;padding:0 .625rem;box-sizing:border-box;position:relative}
.index_headlines .gary{display:inline-block;width:.28rem;height:.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotate(135deg);position:absolute;top:.64rem;right:.625rem}
.index_headlines .title{float:left;display:inline-block;width:3rem;height:.68rem;margin-top:.49rem;background:url(../../../Images/mobile/headlines_title.png) 0 0 no-repeat;background-size:contain}
.index_headlines .msgCon{float:left;display:inline-block;width:10rem;height:1rem;margin-top:.33rem;margin-bottom:.33rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index_headlines .msgCon a{display:inline-block;width:100%;line-height:1rem}
.index_headlines .msgCon span{color:#2ad2c9}
.index_headlines .msgCon .ava{float:left;display:inline-block;width:1rem;height:1rem;margin:0 .2rem;border-radius:50% 50%;overflow:hidden}
.index_headlines .msgCon .ava img{width:100%;height:auto}
.index_headlines .msgCon .ope_ico{display:inline-block;margin:0 .15rem;width:.625rem;height:.625rem;vertical-align:middle}
.index_headlines .msgCon .ope_ico.public{background:url(../../../Images/mobile/ico-hl-o-public.png) 0 0 no-repeat;background-size:.625rem .625rem}
.index_headlines .msgCon .ope_ico.like{background:url(../../../Images/mobile/ico-hl-o-like.png) 0 0 no-repeat;background-size:.625rem .625rem}
.index_headlines .msgCon .ope_ico.comment{background:url(../../../Images/mobile/ico-hl-o-comment.png) 0 0 no-repeat;background-size:.625rem .625rem}
.hot-view{heigh:auto;display:-webkit-box;display:-moz-box;display:flex;box-orient:horizontal;box-direction:normal;flex-direction:row;flex-direction:row}
.hot-view a{display:block}
.hot-view img{width:100%;height:auto}
.search-hot{width:100%}
.search-keywords{margin-top:.6rem}
.reset-s{padding:0!important}
.reset-s .bor-b{border-bottom:1px solid #dcdcdc}
.reset-s .search-keywords{padding:.8rem .56rem;margin:0;overflow:hidden}
.reset-s .search-keywords dt{font-size:.6rem;position:relative;padding:0;margin-bottom:0}
.reset-s .search-keywords .keywords-list{padding:0 0 .1rem;margin-top:0}
.reset-s .search-keywords .keywords-list a{padding:0 .56rem;max-width:4.6rem;color:#333}
.reset-s .search-keywords .keywords-list a:active,.reset-s .search-keywords .keywords-list a:hover{color:#dd2726}
.reset-s .search-keywords dt .delbtn{background:url(../../../Images/mobile/del.png) no-repeat;background-size:contain;width:.6rem;height:.64rem;position:absolute;right:0;top:.02rem}
.reset-s .search-keywords .keywords-err{line-height:.6rem;font-size:.52rem;margin:1.2rem 0 .8rem;height:auto}
.err-r{margin-top:.5rem}
.online-err .err-r a,.reset-s .search-keywords .keywords-err .err-r a{display:inline-block;padding:.3rem .8rem;border:1px solid #dcdcdc;line-height:.8rem;height:1.4rem;border-radius:.1rem;color:#333}
.reset-s .search-keywords .keywords-err .err-r a:before{background:0;height:0}
.search-keywords .keywords-list a{float:left;margin:.4rem .4rem 0 0;padding:0 .44rem;max-width:3.6rem;height:1.2rem;border:1px solid #dcdcdc;font-size:.52rem;line-height:1.16rem;border-radius:2px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.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}

.pop-article{ padding:.1rem 0 .1rem .625rem;}
.pop-article li{ float:left; display:block; width:50%; margin-bottom:.4rem; padding-right:.625rem; box-sizing:border-box;}
.pop-article .article{ width:100%; box-sizing:border-box; overflow:hidden; background:#fff;}
.pop-article .imgs{ width:6.9rem; height:3.9rem; margin-bottom:.2rem;overflow:hidden;}
.pop-article .imgs img{ width: 120%;height: auto;position: absolute;top: 50%;left: 50%;margin-top: -32%;margin-left: -60%;}
.pop-article .imgs .imgs-info{ padding:0 .2rem; height:.75rem; font-size:.375rem; line-height:.75rem; color:#fff; text-align:right; background:url(../images/pop-article-imgs-info-bg.png) left top repeat-x; background-size:.04rem .75rem; position:absolute; bottom:0; left:0; right:0;}
.pop-article .imgs .imgs-info span{ padding-right:.4rem;}
.pop-article .user{ margin:.4rem 0 0 0; padding:0;}
.pop-article .user-head{ display:inline-block; width:1rem; height:1rem; border-radius:50% 50%; overflow:hidden;}
.pop-article .user-name{ display:inline-block; width:80%; height:1rem; padding:0 0 0 .1rem; font-size:.5rem; line-height:1rem; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop-article .user-head img{ width:100%; height:auto; vertical-align:top;}
.pop-article .art-name{ padding:0; font-size:.58rem; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop-article a{ display:block;}


.pop-user{ width:100%;}
.pop-user li{ float:left; width:25%; box-sizing:border-box; position:relative;}
.pop-user .head_pic{ margin:0 auto; margin-bottom:.2rem; width:1.875rem; height:1.875rem; border-radius:50% 50%; overflow:hidden;}
.pop-user .head_pic img{ width:100%; height:auto; vertical-align:top;}
.pop-user .user_name,.user_info{ font-size:.5rem; text-align:center;}
.pop-user .user_info{ color:#777;}
.pop-user .fllow{ display:block; margin:0 auto; margin-top:.2rem; margin-bottom:.625rem; width:2.5rem; height:1rem; font-size:.5rem; line-height:1rem; background:#2ad2c9; color:#fff; text-align:center; border-radius:.2rem;}
.pop-user .fllow.on{ background:#d0d0d0; color:#777;}

.little-philanthropist{width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.little-philanthropist li{width:5.2rem;border-right:1px solid #dcdcdc;box-sizing:border-box;position:relative}
.little-philanthropist li:last-child{border-right:0}
.little-philanthropist .head_pic{margin:0 auto;margin-top:.625rem;margin-bottom:.2rem;width:1.8rem;height:1.8rem;border-radius:50% 50%;overflow:hidden}
.little-philanthropist .head_pic img{width:100%;height:auto;vertical-align:top}
.little-philanthropist .user_name,.user_info{font-size:.5rem;text-align:center}
.little-philanthropist .user_info{color:#777}
.little-philanthropist .fllow{display:block;margin:0 auto;margin-top:.2rem;margin-bottom:.625rem;width:2.5rem;height:1rem;font-size:.5rem;line-height:1rem;background:#2ad2c9;color:#fff;text-align:center;border-radius:.2rem}
.little-philanthropist .fllow.on{background:#d0d0d0;color:#777}
.little-philanthropist .rank_medal{width:.83rem;height:1.125rem;position:absolute;top:0;left:.4rem}
.little-philanthropist .rank_medal.gold{background:url(../../../Images/mobile/gold_medal.png) 0 0 no-repeat;background-size:contain}
.little-philanthropist .rank_medal.silver{background:url(../../../Images/mobile/silver_medal.png) 0 0 no-repeat;background-size:contain}
.little-philanthropist .rank_medal.bronze{background:url(../../../Images/mobile/bronze_medal.png) 0 0 no-repeat;background-size:contain}
.index_pk{padding:0 .625rem;padding-bottom:.6rem}
.index_pk .pk_pic li{float:left;width:50%;box-sizing:border-box}
.index_pk .pk_pic li:nth-child(1){padding-right:.3125rem}
.index_pk .pk_pic li:nth-child(2){padding-left:.3125rem}
.index_pk .pk_pic li:nth-child(2) .pk_user{text-align:right}
.index_pk .pk_pic li img{width:100%;height:auto}
.index_pk .pk_pic .pic_name{padding:.4rem 0 0 0;font-size:.58rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index_pk .pk_status .progress_01,.progress_02{float:left;width:50%;height:1.58rem;box-sizing:border-box}
.index_pk .pk_status .progress_01{background:#2ad2c9;border-top-left-radius:1rem;border-bottom-left-radius:1rem}
.index_pk .pk_status .progress_02{background:#c87ecc;border-top-right-radius:1rem;border-bottom-right-radius:1rem;text-align:right}
.index_pk .pk_user{padding-bottom:.2rem;line-height:1.25rem}
.index_pk .pk_avatar{display:inline-block;width:1.25rem;height:1.25rem;border-radius:50% 50%;overflow:hidden;box-sizing:content-box}
.index_pk .pk_avatar img{width:100%;height:auto}
.index_pk .pk_user_name{display:inline-block;height:1.25rem;font-size:.58rem;line-height:1.25rem;color:#777;overflow:hidden}
.index_pk .pk_status .progress_01 .dz_btn{margin:.1rem 0 0 .1rem}
.index_pk .pk_status .progress_02 .dz_btn{margin:.1rem .1rem 0 0}
.index_pk .pk_status .amount{display:inline-block;margin:0 .2rem;font-size:.5rem;line-height:1.58rem;vertical-align:top}
.index_pk .pk_tag{width:2.08rem;height:2.08rem;background:url(../../../Images/mobile/home_pk_mid.png) 0 0 no-repeat;background-size:contain;position:absolute;left:50%;margin-left:-1rem;margin-top:-.25rem}
.dianzan li{float:left;width:50%;text-align:center;position:relative}
.dz_btn{display:inline-block;width:1.375rem;height:1.375rem;background:url(../../../Images/mobile/icon_pk_like.png) 0 0 no-repeat;background-size:contain;text-indent:-9999rem}
.dz_btn.done{background:url(../../../Images/mobile/icon_pk_like_active.png) 0 0 no-repeat;background-size:contain}
.tooltip{position:absolute;left:.4rem;top:-1rem;font-size:.58rem;color:#fdc02f}
.progress_02 .tooltip{right:.4rem}
.bulletin_board{margin:0;padding:0 .625rem}
.event_banner img{width:100%;height:auto}
.event_record{width:100%}
.item-01{float:left;width:15%}
.item-02{float:left;width:36%}
.item-03{float:left;width:27%}
.item-04{float:left;width:22%}
.event_record dt{font-size:.54rem;line-height:1rem;border-bottom:1px solid #dcdcdc}
.event_record dd{padding:.4rem 0;font-size:.54rem;border-bottom:1px solid #dcdcdc}
.event_record dd .item-01{line-height:1.66rem}
.rank_ico{display:inline-block;width:.83rem;height:.83rem;vertical-align:middle}
.rank_ico.fir{background:url(../../../Images/mobile/ico-rank_01.png) 0 0 no-repeat;background-size:contain}
.rank_ico.sec{background:url(../../../Images/mobile/ico-rank_02.png) 0 0 no-repeat;background-size:contain}
.rank_ico.thi{background:url(../../../Images/mobile/ico-rank_03.png) 0 0 no-repeat;background-size:contain}
.rank_ico.fou{background:url(../../../Images/mobile/ico-rank_04.png) 0 0 no-repeat;background-size:contain}
.rank_ico.fif{background:url(../../../Images/mobile/ico-rank_05.png) 0 0 no-repeat;background-size:contain}
.event_record .u-work{float:left;margin-right:.2rem;display:block;width:3rem;height:1.66rem;line-height:1.66rem}
.event_record .u-work-title{width:3.6rem;line-height:1.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event_record .u-name{width:90%;line-height:1.66rem;overflow:hidden;white-space:nowrap}
.event_record .u-amt{width:2.5rem;line-height:1.66rem;color:#777;overflow:hidden;white-space:nowrap}
.index_news_list li{position:relative;padding:.4rem 2.9rem .4rem .625rem;border-bottom:1px solid #dcdcdc}
.index_news_list h2{font-size:.58rem;font-weight:400}
.index_news_list .news_type{width:2.29rem;height:2.29rem;margin-right:.6rem}
.index_news_list .news_type.competition{background:url(../../../Images/mobile/news-type_01.png) 0 0 no-repeat;background-size:contain}
.index_news_list .news_type.recommend{background:url(../../../Images/mobile/news-type_02.png) 0 0 no-repeat;background-size:contain}
.index_news_list .news_type.guide{background:url(../../../Images/mobile/news-type_03.png) 0 0 no-repeat;background-size:contain}
.index_news_list .news_type.notice{background:url(../../../Images/mobile/news-type_04.png) 0 0 no-repeat;background-size:contain}
.index_news_list .news_type.education{background:url(../../../Images/mobile/news-type_05.png) 0 0 no-repeat;background-size:contain}
.index_news_list .news_type img{width:100%;height:100%}
.index_news_list .news_info{height:1.45rem;font-size:.5rem;color:#777;overflow:hidden}
.index_news_list .news_add_info{margin-top:.2rem;font-size:.46rem;color:#777}
.index_news_list .link{display:block;padding:.3rem 0 0 0;width:1.875rem;height:2rem;font-size:.4rem;background:#f4f4f4;color:#777;border-radius:4px;box-sizing:border-box;text-align:center;position:absolute;top:.4rem;right:.625rem}
.read_more{display:block;height:1.6rem;font-size:.58rem;line-height:1.6rem;text-align:center;color:#2ad2c9;background:#fff}
.theme_list ul{padding-left:.625rem}
.theme_list li{float:left;width:33%;padding-right:.625rem;box-sizing:border-box}
.theme_list .theme_img{border-radius:5px;overflow:hidden;position:relative}
.theme_list .theme_img img{width:100%;height:auto}
.theme_list .theme_img .name{display:inline-block;width:100%;font-size:.5rem;line-height:1.2rem;text-align:center;background:rgba(255,255,255,.8);position:absolute;bottom:0;left:0}
.theme_list .theme_title{padding:.2rem 0 0 0;font-size:.58rem;text-align:center}
.btn-box{margin:1rem 0 .6rem 0;padding:0 .625rem}
.btn-box .btn{display:block;height:1.56rem;line-height:1.546rem;font-size:.6rem;text-align:center;background:#dd2726;color:#fff;border-radius:.2rem}
.btn-box .btn:active{background:#dd2726}
.btn-box .btn.disabled{background:#cacaca;color:#909090;cursor:default}
.btn-box .btn.register{background:#f5f5f5;border:1px solid #dcdcdc;color:#777}
.btn-box .btn.register:active{background:#f0f0f0}
.btn-more{position:relative;display:inline-block;width:6rem;height:1.4rem;line-height:1.4rem;font-size:.6rem;color:#999;border:#999 1px solid;border-radius:.1rem;text-align:center}
.meb-list a{width:100%}
.meb-list label{max-width:74%;font-size:.58rem;cursor:pointer;position:relative;height:1rem;line-height:1rem;padding-left:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meb-list label:after{content:'';position:absolute;top:.2rem;left:0;width:.1rem;height:.6rem;background:#2ad2c9}
.meb-list label .subtxt{font-size:.4rem;color:#999}
.meb-list .list-input li{padding:.4rem .6rem;margin-left:0;height:1.76rem;overflow:hidden;box-sizing:border-box}
.meb-list .list-input li:last-child{border:0}
.meb-list .list-input li.avatar-edit{height:3.7rem}
.meb-list .list-input li.avatar-edit label{height:2.9rem;line-height:2.9rem}
.meb-list .list-input li.avatar-edit .user_avatar{margin-right:.5rem}
.meb-list .list-input li.avatar-edit .arrow:after{position:absolute;top:4rem;right:.6rem}
.meb-list .txt-muted{color:#777;line-height:1rem}
.meb-list .txt-emp{color:#dd2726}
.meb-list .refresh{display:inline-block;margin-left:.2rem;width:.4rem;height:.4rem;background:url(../../../Images/mobile/icon_index-tab_refresh.png) 0 0 no-repeat;background-size:contain}
.meb-list .arrow{font-size:.54rem}
.meb-list .arrow:after{margin-left:.2rem;margin-top:.4rem}
.arrow{padding-right:.1rem}
.arrow:after{content:"";display:inline-block;width:.28rem;height:.28rem;border-style:solid;border-color:#7d7d7d;border-width:1px 0 0 1px;-webkit-transform:rotate(135deg)}
.active-list li{margin:.8rem 0 .8rem .8rem;width:10.4rem;min-height:12rem;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.2)}
.active-list .title{height:1.875rem;font-size:.625rem;line-height:1.875rem;text-align:center}
.active-list .avatar-list{padding:0 0 0 .2rem}
.active-list .avatar-list dd{width:100%;height:100%;margin-bottom:.2rem;padding:0 .2rem 0 0;box-sizing:border-box;overflow:hidden}
.active-list .avatar-list dd img{width:100%;height:100%}
.active-list a{display:block}
.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;display:none}

.guesslike{ position:relative; height:.8rem; margin:.4rem; color:#777; text-align:center; background:url(../../../Images/mobile/guesslike_title_bg.png) center center no-repeat; background-size:4.9rem .5rem;}
.guesslike .title{ display:inline-block; height:.8rem; font-size:.58rem; line-height:.8rem;}

.emp{color:#2ad2c9}
.usser-work-list li{margin-bottom:.4rem;padding:0 .625rem .4rem;background:#fff}
.usser-work-list .user-con{padding:.4rem 0;border-bottom:1px solid #f4f4f4}
.usser-work-list .user-con .avatar{float:left;width:1.8rem;height:1.8rem;border-radius:.9rem .9rem;overflow:hidden}
.usser-work-list .user-con .avatar img{width:100%;height:auto}
.usser-work-list .user-con .text-con{margin-left:2.5rem}
.usser-work-list .user-con .text-con .name{font-size:.625rem}
.usser-work-list .user-con .text-con .age{font-size:.58rem}
.usser-work-list .user-con .text-con .age.male{color:#1fa4da}
.usser-work-list .user-con .text-con .age.female{color:#da4d8f}
.usser-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}
.usser-work-list .user-con .text-con .sex-ico.male{background:url(../../../Images/mobile/ico-male.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .user-con .text-con .sex-ico.female{background:url(../../../Images/mobile/ico-female.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .user-con .text-con .date{font-size:.5rem;color:#777}
.usser-work-list .work-title{padding:.2rem 0;font-size:.625rem;line-height:.9rem}
.usser-work-list .work-image{width:100%}
.usser-work-list .work-image a{display:block}
.usser-work-list .work-image img{width:100%;height:100%}
.usser-work-list .interact-wrap{color:#777}
.usser-work-list .interact-wrap a{display:inline-block;color:#777}
.usser-work-list .feed-ico{display:inline-block;margin:0 .2rem;width:.625rem;height:.625rem;vertical-align:middle;top:-2px;position:relative}
.usser-work-list .feed-ico.like{background:url(../../../Images/mobile/ico-feed-like.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.like.done{background:url(../../../Images/mobile/ico-feed-like-done.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.keep{background:url(../../../Images/mobile/ico-feed-keep.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.keep.done{background:url(../../../Images/mobile/ico-feed-keep-done.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.comment{background:url(../../../Images/mobile/ico-feed-comment.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.comment.done{background:url(../../../Images/mobile/ico-feed-comment-done.png) 0 0 no-repeat;background-size:100%}
.usser-work-list .feed-ico.share{background:url(../../../Images/mobile/ico-feed-share.png) 0 0 no-repeat;background-size:100%}
.bulletin_board{margin:0;padding:0 .625rem}
.event_banner img{width:100%;height:auto}
.event_info{padding:0 .625rem}
.event_title{padding:.2rem 0;font-size:.66rem;font-weight:400}
.text_span{display:inline-block;padding:0 .2rem;height:.83rem;font-size:.58rem;line-height:.83rem;color:#fff;background:#2ad2c9}
.event_text{padding-bottom:.4rem;font-size:.54rem;color:#777}
.event_record{width:100%}
.item-01{float:left;width:15%}
.item-02{float:left;width:36%}
.item-03{float:left;width:27%}
.item-04{float:left;width:22%}
.event_record dt{font-size:.54rem;line-height:1rem;border-bottom:1px solid #dcdcdc}
.event_record dd{padding:.4rem 0;font-size:.54rem;border-bottom:1px solid #dcdcdc}
.event_record dd .item-01{line-height:1.66rem}
.rank_ico{display:inline-block;width:.83rem;height:.83rem;vertical-align:middle}
.rank_ico.fir{background:url(../../../Images/mobile/ico-rank_01.png) 0 0 no-repeat;background-size:contain}
.rank_ico.sec{background:url(../../../Images/mobile/ico-rank_02.png) 0 0 no-repeat;background-size:contain}
.rank_ico.thi{background:url(../../../Images/mobile/ico-rank_03.png) 0 0 no-repeat;background-size:contain}
.rank_ico.fou{background:url(../../../Images/mobile/ico-rank_04.png) 0 0 no-repeat;background-size:contain}
.rank_ico.fif{background:url(../../../Images/mobile/ico-rank_05.png) 0 0 no-repeat;background-size:contain}
.event_record .u-work{float:left;margin-right:.2rem;display:block;width:3rem;height:1.66rem;line-height:1.66rem}
.event_record .u-work-title{width:3.6rem;line-height:1.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event_record .u-name{width:90%;line-height:1.66rem;overflow:hidden;white-space:nowrap}
.event_record .u-amt{width:2.5rem;line-height:1.66rem;color:#777;overflow:hidden;white-space:nowrap}
.rank_board{height:3.75rem;background:url(../../../Images/mobile/rank-board.png) center center no-repeat;background-size:3.4375rem 2.45rem}
.rank_tip_txt{padding:.2rem 0;font-size:.5rem;color:#777;border-bottom:1px solid #fafafa}
.rank_list{background:#fff;border-bottom:1px solid #dcdcdc}
.rank_list dd{padding:.4rem.625rem}
.rank_list dd.self{background:#fafafa}
.rank_list .sequence{width:2rem;line-height:2rem}
.rank_list .sequence .seq{padding-left:.2rem;font-size:.625rem;font-weight:700;color:#777}
.rank_list .sequence .head{font-weight:700;color:#777}
.rank_list .sequence .medal{vertical-align:middle}
.medal{display:inline-block;width:.83rem;height:1.125rem}
.medal.gold{background:url(../../../Images/mobile/gold_medal.png) 0 0 no-repeat;background-size:contain}
.medal.silver{background:url(../../../Images/mobile/silver_medal.png) 0 0 no-repeat;background-size:contain}
.medal.bronze{background:url(../../../Images/mobile/bronze_medal.png) 0 0 no-repeat;background-size:contain}
.rank_list .use-img{display:inline-block;margin-right:.4rem;width:2rem;height:2rem;border-radius:1rem;overflow:hidden}
.rank_list .use-img img{width:100%;height:auto}
.rank_list .gift-img{display:inline-block;margin-right:.4rem;height:2rem;width:auto;overflow:hidden}
.rank_list .gift-img img{width:auto;height:100%}
.rank_list .title{display:inline-block;height:2rem;line-height:2rem;overflow:hidden}
.rank_list .score{height:.625rem;color:#2ad2c9;font-weight:700;position:absolute;right:0;top:.6875rem}
.filter-list{width:100%;height:1.6rem;background:#fff;overflow:hidden;box-sizing:border-box}
.filter-list li{position:relative;height:1.6rem;font-size:.52rem;line-height:1.6rem;border-bottom:1px solid #dcdcdc;text-align:center;box-sizing:border-box}
.filter-list li i{content:'';display:inline-block;margin-left:.3rem;width:0;height:0;border:.2rem solid;border-color:#333 #fff #fff;vertical-align:-.14rem}
.filter-list li .filter-ico{display:inline-block;margin-left:.3rem;width:.5rem;height:.5rem;background:url(../images/filter-ico.png) 0 0 no-repeat;background-size:.5rem .5rem;vertical-align:milddle}
.filter-list li:before{display:block;content:'';position:absolute;width:100%;height:.0625rem;bottom:0;left:0;background:#2ad2c9;opacity:0}
.filter-list li.cur{color:#2ad2c9}
.filter-list li.cur:before{opacity:1}
.detail-nav{background:#fff;text-align:center;box-shadow:0 -1px 0 #DCDCDC inset}
.detail-nav li{-webkit-flex:1!important;-moz-flex:1!important;-webkit-box-flex:1;-moz-box-flex:1;padding:.6rem 0;position:relative}
.detail-nav li span{display:block;line-height:.6rem;color:#333;font-size:.6rem;text-align:center}
.detail-nav li i{position:absolute;bottom:1px;left:30%;display:none;width:40%;height:.04rem;min-height:1px;background:#2ad2c9;font-size:0}
.detail-nav li.active{color:#2ad2c9}
.detail-nav li.active span{color:#2ad2c9}
.detail-nav li.active i{display:block}
.index_pk h2{padding:.4rem 0;font-size:.7rem;font-weight:400;text-align:center}
.pic-swap{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.pic-swap .pic-swap-box{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swap-page{position:absolute;right:.4rem;bottom:.4rem;z-index:2;height:.8rem;line-height:.8rem;padding:0 .4rem;color:#fff;font-size:.48rem}
.swap-btns{position:absolute;right:.4rem;top:.4rem;z-index:2}
.swap-btns a{display:inline-block;margin-left:.2rem;width:.83rem;height:.83rem;color:#fff;text-indent:-9999rem}
.swap-btns a.keep{background:url(../images/btn_keep.png) 0 0 no-repeat;background-size:100%}
.swap-btns a.keep.active{background:url(../images/btn_keep_active.png) 0 0 no-repeat;background-size:100%}
.starBar{height:.625rem;width:3.95rem;-webkit-mask-image:url(../../Images/mobile/level-satr.png);background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#DCDCDC),color-stop(100%,#DCDCDC));-webkit-mask-size:3.95rem .625rem}
.starBarMask{width:3.95rem;height:.625rem;background:url(../../Images/mobile/level-satr.png) no-repeat;background-size:3.95rem .625rem;position:absolute;left:0;top:0}
.goTotop{height:1.25rem;width:1.25rem;display:block;background:url(../../Images/btn_goto_top.png) no-repeat;background-size:contain;text-indent:-999rem;position:fixed;right:.4rem;bottom:.4rem;transition:all ease .3s}
.goTotop:active{background:url(../../Images/btn_goto_top_active.png) no-repeat;background-size:contain}
.clocking_on_wrap{height:1.66rem;font-size:.58rem;line-height:1.66rem}
.clocking_on_wrap .ico_wrap{width:1.66rem;height:1.66rem;text-align:center}
.clocking_on_wrap .clock_ico{display:inline-block;width:1rem;height:1rem;background:url(/Images/mobile/ico_home_tools_festival.png) no-repeat;background-size:contain;vertical-align:middle;position:relative;top:-3px}
.floor-area{ padding-top:.6rem; background:#fff;}
.floor-area li{ float:left; width:25%; margin-bottom:.2rem;}
.floor-area a{ display:block;}
.floor-area .type-ico{ margin:0 auto; width:1.875rem; height:1.875rem; position:relative;}
.floor-area .type-ico img{ width:100%; height:auto;}
.floor-area .type-ico .status-ico{ width: 1.125rem; height: .625rem; position: absolute; top: 0; right: -.9rem; z-index: 99;}
.floor-area .type-ico .status-ico.hot{ background:url(../../Images/mobile/ico_tools_status_hot.png) 0 0 no-repeat; background-size:contain;}
.floor-area .type-ico .status-ico.new{ background:url(../../Images/mobile/ico_tools_status_new.png) 0 0 no-repeat; background-size:contain;}

.floor-area .title{font-size:.48rem;line-height:1rem;text-align:center}
.floor-area-drop{margin:0 auto;margin-bottom:.4rem;width:5.125rem;height:.75rem;font-size:.5rem;line-height:.75rem;text-align:center;background:url(/Images/mobile/ico_home_tools_drop_bg.png) 0 0 no-repeat;background-size:contain}
.floor-area-drop a{display:block}
.floor-area-drop i{display:inline-block;margin-right:.3rem;width:.28rem;height:.28rem;border-style:solid;border-color:#7D7D7D;border-width:2px 0 0 2px;transform:rotate(225deg);-webkit-transform:rotate(225deg);vertical-align:top;position:relative;top:2px;transition:all ease .3s}
.floor-area-drop.unfold i{transform:rotate(45deg);-webkit-transform:rotate(45deg);vertical-align:middle;top:0;transition:all ease .3s}

.nav-search{ width:100%; height:1.6rem; padding:.16rem .625rem 0; background:#fff; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}
.nav-search .search-btn{ display:inline-block; width:1.875rem; height:1.25rem; font-size:.58rem; line-height:1.25rem; color:#fff; background:#2ad2c9; border-radius:4px; text-align:center;}
.nav-inp{ height:1.25rem; border:1px solid #dcdcdc; border-radius:.625rem .625rem; box-sizing:border-box;}
.nav-inp input { border: none; margin-top: .18rem; width: 100%; height: .8rem; font-size: .52rem; line-height: .8rem; vertical-align: top; color:#333; background:none;}
.search-iconbtn{ display: block; margin: .28rem .4rem 0; width: .66rem; height: .66rem; background:url(../../Images/mobile/search-icon.png) 0px 0px no-repeat; background-size: 100%;}


.float_mask{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.55); z-index:10;}
.float_wrap{ position:absolute; top:50%; margin-top:-8.8rem; left:50%; margin-left:-6.25rem; width:12.5rem; z-index:11;}
.float_wrap .img_wrap{ width:12.5rem;}
.float_wrap .img_wrap img{ width:100%; height:auto;}
.float_wrap .close{ display:inline-block; width:1.25rem; height:1.25rem; background:url(/Images/mobile/ico_colse_white.png) 0 0 no-repeat; background-size:contain; position:absolute; top:-1.5rem; right:0;}



.story-talk-list{}
.story-talk-list li{ margin:0 0 .625rem .625rem; width:10.4rem; background:#fff; box-shadow:0px 1px 5px rgba(0,0,0,.2);}
.story-talk-list li:last-child{ margin-right:.625rem;}
.story-talk-list .title{ height:1.66rem; font-size:.54rem; line-height:1.66rem; text-align:center;}
.story-talk-list .story-warp{ padding:0; height:16.2rem; overflow:hidden;}
.story-talk-list .story-warp a{ display:inline-block;}
.story-talk-list .story-warp img{ width:100%; height:auto;}
.story-talk-list .story-warp .more{ display:table; width:100%; height:100%; text-align:center; vertical-align:middle;}
.story-talk-list .story-warp .more_text{ display:table-cell; vertical-align:middle;}
.story-talk-list .story-warp .more .p_cn{ display:inline-block; padding:0 0 .1rem 0; font-size:.7rem; color:#2ad2c9; border-bottom:1px solid #dcdcdc;}
.story-talk-list .story-warp .more .p_en{ display:block; padding:.1rem 0 0 0; font-size:.58rem; color:#777;}


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

.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/mobile/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/mobile/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;}