@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.333333333333332px;}
	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.666666666666668px;}
	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.266666666666667px;}
	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;}
.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,p,div { 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:0.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;}
.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{ display:inline-block; width:6.875rem; margin-bottom:.4rem; padding-right:.625rem; box-sizing:border-box; vertical-align:top;}
.pop-article .article{ width:100%; padding-bottom:.2rem; border-radius:5px; box-sizing:border-box; overflow:hidden; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,.2);}
.pop-article .imgs{ width:6.875rem; height:3.85rem; margin-bottom:.8rem;}
.pop-article .imgs img{ width:100%; height:100%; vertical-align:top;}
.pop-article .user-head{ width:1rem; height:1rem; border-radius:50% 50%; overflow:hidden; box-shadow:0px 0px 4px rgba(0,0,0,.2); position:absolute; bottom:-.5rem; right:1rem;}
.pop-article .user-head img{ width:100%; height:auto; vertical-align:top;}
.pop-article .art-name{ padding:0 .4rem; 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{}
.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{}
.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;}
.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:-0.25rem;}
.dianzan{}
.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{}
.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{}
.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:normal;}
.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{}
.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;}

.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:2rem; height:2rem; overflow:hidden;}
.floor-area .type-ico img{ width:100%; height:auto;}
.floor-area .title{ font-size:.48rem; line-height:1.2rem; 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{}
.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{}
.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:none;}
.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{}
.active-list li{ margin:.8rem 0 .8rem .8rem; width:10.4rem; min-height:12rem; background:#fff; box-shadow:0px 0px 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;}
.frame-wrap{ width:100%; height:100%;}
.frame-wrap li{ width:100%; height:100%;}
.exhibition-frame{ width:85%;  position:absolute; left:50%; margin-left:-42.5%; top:50%; margin-top:-60%; background:#231f20; box-shadow:2px 6px 10px rgba(0,0,0,.35);}
.exhibition-frame .f-border{ height:.79rem;}
.exhibition-frame .f-b-top-left{ width:.79rem; height:.79rem; background:url(../../../Images/mobile/frame-top-left.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-top-right{ width:.79rem; height:.79rem; background:url(../../../Images/mobile/frame-top-right.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-bottom-left{ width:.79rem; height:.79rem; background:url(../../../Images/mobile/frame-bottom-left.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-bottom-right{ width:.79rem; height:.79rem; background:url(../../../Images/mobile/frame-bottom-right.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .inner{ margin:0 .79rem; background:#f1f2f2;}
.exhibition-frame .show-wrap{ padding:.958rem; background:#f1f2f2; box-shadow:3px 3px 5px rgba(0,0,0,.35) inset;}
.exhibition-frame .show-wrap img{ width:100%; height:auto;}
.frame-info{ position:absolute; bottom:3rem; width:100%; font-size:.625rem; text-align:center;}

.exhibition-end{ position:absolute; left:0; right:0; top:50%; margin-top:-50%;}
.exhibition-end h2{ font-size:1rem; font-weight:normal; text-align:center;}
.exhibition-end h3{ font-size:.83rem; font-weight:normal; text-align:center;}
.exhibition-end .btn-wrap{ padding:0 .6rem; display:-webkit-box; display: -webkit-flex!important;}
.exhibition-end .btn-wrap a{ -webkit-flex:1!important; -moz-flex:1!important; -webkit-box-flex:1; -moz-box-flex:1; display:inline-block; margin-left:.8rem; margin-right:.8rem; height:1.56rem; line-height:1.56rem; font-size:.7rem; text-align:center; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2ad2c9), to(#16beb5)); background:-moz-linear-gradient(top,#2ad2c9,#16beb5); background: -ms-linear-gradient(top,#16beb5,#16beb5); box-sizing:border-box; border-radius:.78rem; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);}
.exhibition-end .btn-wrap a:active{ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1eccc3), to(#0eaca4)); background:-moz-linear-gradient(top,#1eccc3,#0eaca4); background: -ms-linear-gradient(top,#1eccc3,#0eaca4);}
.exhibition-end .btn-wrap a.share{ color:#2ad2c9; border:.0625rem solid #2ad2c9; background:rgba(42,210,201,.1);}
.exhibition-end .btn-wrap a.share:active{ color:#2ad2c9; border:.0625rem solid #2ad2c9; background:rgba(42,210,201,.3);}
.exhibition-end .organization{ margin:.6rem 1.4rem 0rem; font-size:.625rem;}
.exhibition-end .organization li{ display:-webkit-box; display: -webkit-flex!important; margin-bottom:.2rem;}
.exhibition-end .organization label{ width:3rem;}
.exhibition-end .organization .sponsor{}
.exhibition-end .organization .sponsor img{ margin-top:.2rem; margin-bottom:.1rem; height:auto; width:80%;}
.exhibition-end .info-wrap{ margin:0 1.6rem; padding:.8rem 0; background:#fff; border-radius:.4rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);}

.exhibition-msg-board{ position:absolute; top:1rem; bottom:1rem; left:.625rem; right:.625rem;}
.exhibition-msg-board .msg-submit-box{ position:absolute; bottom:0; left:0; right:0; padding:.4rem; background:#fff; border-radius:.2rem;}
.exhibition-msg-board .msg-submit-box .msg-username{}
.exhibition-msg-board .msg-submit-box .msg-username .name-label{ display:inline-block; font-size:.5rem; line-height:1.25rem; color:#999;} 
.exhibition-msg-board .msg-submit-box .msg-username .ipt-name{ display:inline-block; min-width:9rem; font-size:.5rem; line-height:1.25rem; color:#333;}
.exhibition-msg-board .msg-submit-box .msg-content{ display:block; width:100%; height:2rem; padding:.1rem; color:#333; border:1px solid #dcdcdc; border-radius:.2rem; box-sizing:border-box;}
.exhibition-msg-board .msg-submit-box .msg-sub-btn{ display:block; height:1.25rem; font-size:.5rem; line-height:1.25rem; color:#2ad2c9; text-align:center; border:1px solid #2ad2c9; border-radius:.2rem;}
.exhibition-msg-board .msg-show-box{ position:absolute; top:0; left:0; right:0;}
 .show-tag{ position:relative; display:inline-block; min-width:4.375rem; max-width:8.75rem; min-height:2.2rem; padding:.2rem .4rem .8rem .4rem; font-size:.5rem;  color:#333; background:#fff; border:1px solid #dcdcc; border-radius:.2rem;}
 .show-tag .close{ position:absolute; display:block; right:.2rem; bottom:.1rem; width:2rem; font-size:.4rem; color:#999; text-align:right;}
 .show-tag.blue{ color:#486dbe; background:#e1ecfe; border:1px solid #a7bce9;}
 .show-tag.green{ color:#759c1b; background:#f1fee0; border:1px solid #bdd694;}
 .show-tag.yellow{ color:#b87405; background:#fef6c5; border:1px solid #eed18f;}
 .show-tag.red{ color:#d24d3c; background:#feecec; border:1px solid #f0bdb9;}
 .show-tag.gray{ color:#7f7f7f; background:#f8f8f8; border:1px solid #e1e1e1;}


.wallpaper{ background:url(../../../Images/mobile/line_paper_pattern_darken.jpg) 0px 0px repeat; background-size:10.1rem 10.1rem;}

.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/mobile/filter-ico.png) 0px 0px no-repeat; background-size:.5rem .5rem; vertical-align:milddle;}
.filter-list li:before { display: block; content: ''; position: absolute; width: 100%; height: 0.1rem; bottom: 0px; left: 0; background: #2ad2c9; opacity:0;}
.filter-list li.cur{color:#2ad2c9;}
.filter-list li.cur:before { opacity:1;}

.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%;}

.titlebar_shadow{ position:absolute; top:0; left:0; width:100%; min-height:5.8rem; background:url(../../../Images/mobile/titlebar_shadow.png) 0px 0px no-repeat; background-size:100%; z-index:9999;}


.frame-cover2{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff;  background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:999;}
.frame-cover-mask2{  display:block;position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5);}
.frame-cover-text2{  display:block;margin:1.25rem .625rem 0;}
.frame-cover2 h2{  display:block;margin-bottom:.2rem; font-size:1rem; font-weight:normal;}
.frame-cover2 h4{ display:block; margin-bottom:.2rem; font-size:.625rem; font-weight:normal;}
.frame-cover2 .brief{  display:block;font-size:.58rem; line-height:.9rem;}
.frame-cover-user-list2{ display:block; position:absolute; bottom:2rem; left:.625rem; right:.625rem;}
.frame-cover-user-list2 .head2{  display:block;font-size:.58rem; line-height:1rem; border-bottom:1px solid #fff;}
.frame-cover-user-list2 .amount-users2{  display:block;padding:.4rem .4rem 0 .4rem;}
.frame-cover-user-list2 .amount-users2 li{  display:block;float:left; margin:0 .4rem .4rem 0; width:1.6rem; height:1.6rem; border-radius:.8rem .8rem; overflow:hidden;}
.frame-cover-user-list2 .amount-users2 li img{  display:block;width:100%; height:auto;}

.unfold-left-arrow2{ position:absolute; right:.625rem; top:50%; margin-top:-.5rem; width:.64rem; height:1rem; animation:unfold 2s infinite; -webkit-animation:unfold 2s infinite;}
.unfold-left-arrow2 img{ width:100%; height:auto;}
@keyframes unfold
{
	from {right:.625rem; opacity:1; filter:Alpha(opacity=100);}
	to {right:1.25rem; opacity:0.5; filter:Alpha(opacity=50);}
}
@-webkit-keyframes unfold
{
	from {right:.625rem; opacity:1; filter:Alpha(opacity=100);}
	to {right:1.25rem; opacity:0.5; filter:Alpha(opacity=50);}
}



.frame-share-tip-wrap{ position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; background:rgba(0,0,0,.6); z-index:1000;  display:none;}
.frame-share-tip-wrap .tips-img{ display:inline-block; width:6.4375rem; height:9.875rem; position:absolute; top:1.2rem; right:1rem;}

.exhibition-download-tag{ position:absolute; left:1rem; bottom:9%; width:2rem; height:2rem; background-image:url(/Images/mobile/ico_exhibition_download.png); background-size:cover;;z-index:99999;}
.exhibition-download-tag .down-link{ display:inline-block; width:100%; height:100%; text-indent:-9999rem;;z-index:99999;}
.exhibition-download-tag .close{ position:absolute; top:-.2rem; left:-.6rem; width:.8rem; height:.8rem; background-image:url(/Images/mobile/ico_colse_white.png); background-size:cover; text-indent:-9999rem;;z-index:99999;}