* { font-family: "微软雅黑"; }
html { }
body { }
a { color: #000; text-decoration: none; }
a:hover, a:link, a:visited { text-decoration: none; }
ul { padding: 0px; list-style: none; margin: 0px; }
.container-fluid { }
.container { width: 1000px; padding: 0px; }
h1, p { margin: 0px; }
.relative { position: relative; }
.block40 { height: 40px !important; width: 100%; display: block; clear: both; }
.block20 { height: 20px !important; width: 100%; display: block; clear: both; }
.block10 { height: 10px !important; width: 100%; display: block; clear: both; }
.block5 { height: 5px !important; width: 100%; display: block; clear: both; }
.block1 { width: 100%; height: 1px !important; display: block; clear: both; }
.white1 { width: 100%; height: 1px !important; display: block; background: #fff; }


.center_logo { font-size: 18px; font-weight: bold; color: #fff; background: #000; text-align: center; padding: 15px 0px; font-family: "微软雅黑"; letter-spacing: 2px; height: 60px; position: relative; }
.center_logo img { height: 30px; }
.center_logo .link { position: absolute; display: block; color: #fff; width: 33px; height: 30px; top: 10px; }
.center_logo .link i { font-size: 30px; }
.center_logo .back { right: 10px; }
.center_logo .home { left: 10px; }
.top { padding: 25px 0px 25px 0px; text-align: center; position: relative; }
.top_link { display: block; width: 25px; height: 25px; position: absolute; top: 50%; margin-top: -13px; }
.link_back { left: 10px; }
.top_link { right: 10px; }
.top_link img { width: 25px; height: 25px; }

.foot { background: #000; color: #fff; text-align: center; font-size: 12px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 2000; }
.foot_block { height: 54px; }

@media screen and (min-width:400px) {
    .link_logo img { height: 40px; }
}

@media screen and (min-width:320px) and (max-width:399px) {
    .link_logo img { height: 30px; }
}

.nav { background: url('../images/bg.jpg') no-repeat bottom left #2f3846; background-size: 100% auto; }
.nav_main { width: 146px; position: absolute; left: 50%; margin-left: -60px; top: 50%; margin-top: -180px; }
.nav_main a { display: block; padding: 5px 0px; }
.nav_main a img { height: 30px; width: auto; }

.nav_sub { position: absolute; left: 145px; width: 150px; top: 5px; bottom: 0px; }
.nav_sub_list { position: absolute; left: 0px; display: none; width: 150px; }
.nav_sub_list a { padding: 10px 10px; }
/*.nav_sub_list a { display: block; color: #fff; height: 25px; line-height: 25px; text-shadow: 2px 2px 5px #283140; }*/
.instruction_box { display: none; }

.pager { text-align: center; }
.pager a { display: inline-block; line-height: 28px; margin: 2px 2px; min-width: 32px; border: solid 1px #e3e3e3; border-radius: 4px; }
.pager a:hover { background: #f2f2f2; color: #000; }
.pager a.option { width: 70px; }
.pager a.on { background: #a1a1a1; color: #fff; border: solid 1px #a1a1a1; }
.pager a.no { border: 1px solid #e3e3e3; color: #999; }
.pager a.no:hover { background: none; color: #8d8d8d; }

.content { padding: 5px 12px; overflow: hidden; }
.image_item { padding: 10px 8px 5px 8px; position: relative; }
.image_item a { display: block; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.image_item a img { max-width: 100%; margin-bottom: 5px; display: block; border-radius: 10px; }

.image_item a span { display: block; line-height: 22px; overflow: hidden; }
.image_item a span.name { font-size: 16px; overflow: hidden; height: 22px; }
.image_item a span.name span { color: #afafaf; display: initial; font-size: 14px; padding-left: 10px; }
.image_item a span.sub { color: #afafaf; overflow: hidden; height: 22px; }
.image_item a span.exhibition_name { height: 44px; }
.image_item a span.exhibition_name2 { position: absolute; bottom: 5px; left: 8px; right: 8px; text-align: center; padding: 5px; color: #fff; background-color: rgba(0,0,0,0.5); line-height: 20px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 0px 0px 8px 8px; }
.image_item a span.collection_name { height: 25px; line-height: 25px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.image_item a span.collection_name2 { height: 25px; line-height: 25px; padding: 0px 10px; }
.image_item a span.video_name { height: 50px; line-height: 25px; padding: 0px 10px; text-align: center; }
.image_item span.honor_name { position: absolute; bottom: 54px; left: 8px; right: 8px; padding: 5px; text-align: center; color: #fff; background-color: rgba(0,0,0,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 0px 0px 8px 8px; }
.image_item span.views { position: absolute; right: 8px; top: 10px; background: #d15b47; color: #fff; padding: 0px 5px; }

.user_follow { position: absolute; right: 8px; bottom: 5px; height: 22px; color: #333; padding: 0px 5px; }
.user_follow.on { }

.news_item { line-height: 20px; padding: 3px 20px; z-index: 1; }
.news_item span { font-weight: bold; font-size: 18px; margin-right: 3px; }

.pager { margin-top: 10px !important; }


.mtool { height: 64px; padding: 0px 10px; margin-top: 10px; }
.mtool .col-xs-3 { padding-left: 10px; padding-right: 10px; }
.mtool a { color: #727272; width: 100%; display: block; text-align: center; font-size: 12px; padding-top: 44px; background-repeat: no-repeat; background-size: 44px auto; background-position: top center; line-height: 20px; overflow: hidden; height: 64px; }
.mtool a.on { color: #30668a; }
.mtool a.icon1 { background-image: url('../images/nav1_off.png'); }
.mtool a.icon1.on { background-image: url('../images/nav1_on.png'); }
.mtool a.icon2 { background-image: url('../images/nav2_off.png'); }
.mtool a.icon2.on { background-image: url('../images/nav2_on.png'); }
.mtool a.icon3 { background-image: url('../images/nav3_off.png'); }
.mtool a.icon3.on { background-image: url('../images/nav3_on.png'); }
.mtool a.icon4 { background-image: url('../images/nav4_off.png'); }
.mtool a.icon4.on { background-image: url('../images/nav4_on.png'); }

.m_toolsub { background: #fff; position: fixed; top: 0px; bottom: 54px; width: 100%; z-index: 1; display: none; }
.m_toolsub .content { overflow: scroll; position: absolute; top: 140px; width: 100%; bottom: 60px; }
.m_toolsub .title { text-align: left; border-left: solid 5px #30668a; height: 20px; line-height: 20px; padding: 0px 0px 0px 5px; font-weight: normal; margin-left: 20px; margin-right: 20px; margin-top: 8px; overflow: hidden; color: #000; }
.m_toolsub .section { padding: 0px 17px; margin: 0px; margin-top: 8px; padding-bottom: 10px; }
.m_toolsub .section .item { padding: 0px 3px; margin-top: 8px; }
.m_toolsub .section .item a { display: block; background: #f6f6f6; text-align: center; border-radius: 5px; color: #8a8a8a; height: 36px; line-height: 36px; padding: 0px 2px; overflow: hidden; }
.m_toolsub .section .item a.on { background: #a8a8a8; color: #fff; }
.m_toolsub .section .item .slt { width: 100%; height: 45px; text-indent: 60px; background: #f6f6f6; border: none; color: #8a8a8a; border-radius: 5px; }
.m_toolsub .section .item .slt_name { position: absolute; line-height: 45px; left: 10px; top: 0px; display: block; }
.m_toolsub .section .item .txt { width: 100%; background: #f6f6f6; border: none; border-radius: 5px; padding-left: 50px; padding-right: 55px; height: 45px; }
.m_toolsub .section .item .mtxt { width: 100px; padding: 0px 5px; text-align: center; }
.m_toolsub .section .item .txt_icon { position: absolute; display: block; background: url('../images/ico_search3.png') no-repeat center center; width: 50px; height: 45px; }
.m_toolsub .section .item .txt_btn { position: absolute; right: 5px; top: 0px; border: none; background: none; height: 45px; line-height: 45px; padding: 0px 10px; font-size: 14px; letter-spacing: 1px; width: 50px; }
.m_toolsub .section .item .btn { width: 100%; height: 45px; border-radius: 5px; background: #a8a8a8; color: #fff; font-size: 16px; }
.m_toolsub .section .sub_item { padding: 0px 3px; margin-top: 8px; display: none; }
.m_toolsub .section .sub_item .sub_item_bg { background: #f6f6f6; border-radius: 5px; margin: 0px; }
.m_toolsub .section .sub_item .item2 { padding: 0px 3px; text-align: center; }
.m_toolsub .section .sub_item .item2 a { display: block; text-align: center; color: #8a8a8a; height: 36px; line-height: 36px; padding: 0px 2px; overflow: hidden; }
.m_toolsub .section .sub_item .item2 a.on { color: #30668a; }
.m_toolsub .section .sub_item .sub_item_icon { height: 18px; background-position: center bottom; background-repeat: no-repeat; }
.m_toolsub .section .sub_item .sub_item_icon.on { background-image: url('../images/ico_down.png'); }

.m_toolsub .option { position: absolute; width: 100%; border-top: solid 1px #e2e2e2; bottom: 0px; width: 100%; padding: 10px 20px; height: 57px; background: #fff; }
.m_toolsub .option a { display: block; color: #fff; width: 130px; border-radius: 5px; height: 36px; line-height: 36px; text-align: center; background-color: #30668a; background-repeat: no-repeat; background-position: 18px 9px; padding-left: 20px; }
.m_toolsub .option a.link1 { background-image: url('../images/ico_notice.png'); float: left; }
.m_toolsub .option a.link2 { background-image: url('../images/ico_retract.png'); float: right; }

.moption { height: 36px; margin-top: 15px; padding: 0px 20px; margin-bottom: 8px; }
.moption .item { padding: 0px; }
.moption .item .bg { background: #f6f6f6; border-radius: 20px; height: 36px; line-height: 36px; text-align: center; color: #afafaf; font-size: 14px; }
.moption .item img { vertical-align: top; margin-top: 10px; }
.moption .item a { color: #afafaf; }

.search { background: url('../images/search_bg.jpg') repeat-x; padding: 10px 10px; position: relative; background-size: auto 100%; }
.search span { display: block; position: absolute; left: 15px; top: 17px; width: 16px; height: 16px; }
.search span img { width: 16px; height: 16px; display: block; }
.txt_search { display: block; width: 100%; height: 30px; border: none; border-radius: 6px; padding-right: 50px; padding-left: 30px; }
.btn_search { display: block; position: absolute; width: 45px; height: 30px; border: none; right: 10px; top: 10px; border-radius: 0px 6px 6px 0px; color: #fff; background: #404040; }


.title { text-align: center; font-size: 16px; font-weight: bold; line-height: 25px; padding: 10px 10px 5px 0px; }
.info { text-align: center; color: #b7b7b7; line-height: 20px; border-top: dashed 1px #666161; padding-top: 5px; margin-top: 5px; }
.detail { line-height: 1.8; font-size: 14px; padding: 0px 10px; margin-top: 5px; }
.detail img { max-width: 100%; height: auto !important; }
.source { text-align: center; }
.likes { text-align: right; padding-right: 20px; padding-bottom: 10px; line-height: 25px; }
.likes a { color: #000; }
.likes a i { font-size: 20px; }
.likes a.on { color: #f00; }

/*337ab7*/
.center_count { height: 38px; padding: 7px 10px; line-height: 24px; }
.center_count i { vertical-align: top; font-size: 20px; }
.center_count .likes2 { float: left; color: #337ab7; height: 24px; position: relative; padding-left: 24px; }
.center_count .likes2 i { position: absolute; left: 0px; }
.center_count .views { float: left; color: #337ab7; margin-right: 30px; height: 24px; position: relative; padding-left: 24px; }
.center_count .views i { position: absolute; left: 0px; }
.center_count .follow { float: right; color: #337ab7; padding: 0px 10px; height: 24px; position: relative; padding-left: 24px; }
.center_count .follow i { position: absolute; left: 0px; }



.news_list { border-bottom: dashed 1px #969696; padding: 10px 0px; }
.news_list a { display: block; height: 78px; padding: 0px 3px; }
.news_list img { width: 65px; height: 78px; float: left; margin-right: 15px; }
.news_title { color: #333; display: block; line-height: 25px; max-height: 50px; overflow: hidden; }
.news_time { color: #848484; display: block; margin-top: 5px; }



.point { position: absolute; z-index: 1; background: #fff; height: 38px; padding-left: 45px; word-break: keep-all; line-height: 38px; font-size: 14px; padding-right: 10px; box-shadow: 0 2px 2px 3px rgba(0,0,0,0.2); cursor: pointer; }
.point img { width: 32px; height: 32px; border: solid 1px #fff; border-radius: 2px; display: block; }
.point div { background: #414141; padding: 3px; position: absolute; left: 0px; top: 0px; }
.point span { display: block; position: absolute; width: 8px; height: 7px; background: url('../images/icon.png') no-repeat -48px -19px; left: 0px; bottom: -7px; }



.center { }
.center_title { font-size: 16px; font-weight: bold; padding-left: 35px; background: url('../images/icon_title.jpg') no-repeat; background-size: 8px auto; background-position: 22px center; line-height: 50px; margin-top: 20px; }
.center_content { line-height: 22px; padding: 0px 30px; color: #4c4c4c; overflow: hidden; word-wrap: break-word; word-break: normal; }
.center_content img { max-width: 100%; }
.center_content_img { margin-left: -25px; margin-right: -25px; position: relative; }
.center_content_img p { position: absolute; bottom: 0px; text-align: center; margin-bottom: 0px; background-color: rgba(255,255,255,0.5); color: #000; width: 100%; line-height: 22px; padding: 5px 0px; }
.center_info { line-height: 24px; padding: 0px 30px; }
.center_info span { }


.center_comment { padding: 0px 30px; }
.comment_list { position: relative; padding-left: 50px; padding-top: 7px; padding-bottom: 7px;min-height:60px; }
.comment_sublist { }
.comment_avatar { position: absolute; left: 0px; top: 10px; width: 40px; height: 40px; border-radius: 20px; overflow: hidden; }
.comment_avatar img { width: 100%; height: 100%; }

.follow_detail { display: none; }
.comment_name { color: #337ab7; height: 22px; line-height: 22px; overflow: hidden; margin-right: 50px; overflow: hidden; position: relative; }
.comment_name a { color: #337ab7; }
.comment_name .user_follow { right: 10px; bottom: 0px; }
.comment_content { color: #333; line-height: 20px; overflow: hidden; position: relative; word-wrap: break-word; word-break: normal; margin: 5px 0px 5px 0px; }
.comment_content .more { position: absolute; background: #fff; right: 0px; bottom: 0px; padding: 0px 5px; color: #337ab7; }
.comment_content .share_link { border: solid 1px #dbdbdb; border-radius: 5px; display: block; padding: 5px 10px; max-width: 250px; background: #fafafa; }
.comment_content .share_link:after { display: table; content: ''; clear: both; }
.comment_content .share_title { font-size: 14px; font-weight: bold; display: block; line-height: 22px; max-height: 44px; overflow: hidden; }
.comment_content .share_description { color: #8a8a8a; display: block; line-height: 20px; max-height: 60px; overflow: hidden; word-break: break-all; word-wrap: break-word; font-size: 12px; }
.comment_content .share_image { float: right; margin-top: 5px; padding-left: 10px; }
.comment_content .share_image img { width: 50px; height: 50px; }
.comment_likes { color: #808080; height: 22px; line-height: 22px; position: absolute; right: 0px; top: 7px; cursor: pointer; }
.comment_likes i { font-size: 16px; }
.comment_likes.on { color: #f00; }
.comment_time { font-size: 12px; color: #808080; height: 20px; line-height: 20px; }
.comment_time_reply { float: right; color: #337ab7; margin-left: 10px; }
.comment_time_count { float: right; color: #337ab7; }
.comment_time_delete { color: #d9534f; float: right; margin-left: 10px; }
.comment_more { display: block; text-align: center; font-size: 14px; height: 35px; line-height: 35px; text-decoration: none; background: #f8f8f8; }
.center_content_more { display: block; text-align: center; font-size: 14px; height: 35px; line-height: 35px; text-decoration: none; background: #f8f8f8; margin-top: 10px; }
.image_more { display: block; text-align: center; font-size: 14px; height: 35px; line-height: 35px; text-decoration: none; background: #f8f8f8; }

.pagination { margin: 0px; }
.pagemain { padding: 0px 10px; margin-top: 10px; }


.mtitle { font-size: 16px; border-top: solid 1px #dbdbdb; padding-top: 5px; padding-left: 10px; font-weight: bold; line-height: 30px; padding-right: 20px; }
.mtitle a { font-size: 14px; font-weight: normal; color: #337ab7; float: right; }


.user_main { padding-left: 20px; padding-right: 20px; }
.user_main table { width: 100%; }
.user_main table tr th { text-align: left; font-size: 14px; text-align: right; padding-left: 10px; vertical-align: top; line-height: 35px; }
.user_main table tr td { }
.user_main table tr td, .user_main table tr th { padding-top: 10px; padding-bottom: 10px; }
.user_main_title { font-size: 14px; padding-left: 5px; }
.user_main_info { border: solid 1px #c9c9c9; background: #f0f0f0; line-height: 1.8; font-size: 14px; padding: 6px 10px; width: 100%; min-height: 35px; text-align: left; color: #333; height: auto; margin-top: 0px; margin-bottom: 20px; }
.user_main_info img { max-width: 100%; }
.user_main_info .s1 { background-color: #abbac3; color: #fff; padding: 5px 10px; }
.user_main_info .s2 { background-color: #428bca; color: #fff; padding: 5px 10px; }
.user_main_info .s3 { background-color: #87b87f; color: #fff; padding: 5px 10px; }
.user_main_info .s4 { background-color: #d6487e; color: #fff; padding: 5px 10px; }
.user_main_info .s5 { background-color: #555; color: #fff; padding: 5px 10px; }
.user_main_info.info_l { padding: 10px; }
.user_main_info .username { font-size: 16px; margin-bottom: 5px; font-weight: bold; }
.user_main_info .usercontent { padding-left: 30px; margin-bottom: 10px; }

.user_main_section { margin-bottom: 20px; }
.user_main_section .panel { margin-bottom: 0px; }
.user_main_section .msg { line-height: 25px; padding: 3px 5px; color: #808080; word-break: break-all; word-wrap: break-word; }
.user_link { display: block; width: 100px; height: 30px; border: solid 1px #000; background: #c9c9c9; color: #333; line-height: 28px; text-align: center; font-size: 14px; }
.user_link:link, .user_link:visited, .user_link:hover { color: #333; }

.user_txt { border: solid 1px #c9c9c9; height: 40px; font-size: 14px; padding: 0px 5px; width: 100%; }
.user_txa { border: solid 1px #c9c9c9; height: 80px; font-size: 14px; padding: 5px; width: 100%; }
.user_slt { width: 100%; border: solid 1px #c9c9c9; height: 40px; }
.user_editbtn { border: solid 1px #333; height: 40px; background: #c9c9c9; color: #333; font-size: 14px; padding: 0px 15px; min-width: 80px; }
.user_main .edui-editor-wordcount { padding: 5px 0px !important; }
.user_main .webuploader-pick { background: #5787a7; display: block; width: 120px; height: 30px; padding: 0px; line-height: 30px; }
.user_main .upload_avatar { margin-bottom: 5px; }
.user_main .upload_content { padding-top: 5px; display: none; }
.upload_progress { margin-bottom: 5px !important; display: none; }


.msearch { padding: 0px 20px; }
.msearch form { background: #fdfdfd; border-radius: 10px; padding: 20px; }
.msearch .item { position: relative; padding-left: 56px; padding-top: 3px; padding-bottom: 3px; }
.msearch .item span { position: absolute; display: block; left: 0px; top: 3px; height: 35px; line-height: 35px; }
.msearch .item select { width: 100%; height: 35px; border: solid 1px #ddd; }
.msearch .item .txt { height: 35px; width: 80px; padding: 0px 5px; border: solid 1px #ddd; }
.msearch .item .btn { width: 80px; height: 35px; color: #fff; background: #ddd; font-weight: bold; font-family: "微软雅黑"; letter-spacing: 5px; }
.msearch .item .user_submit { background: url('../images/user_search1.jpg') no-repeat; background-size: 100% 100%; }
.msearch .item .msearch_hidden { background: url('../images/user_search2.jpg') no-repeat; background-size: 100% 100%; }

.tabmain { padding: 30px 15px; font-size: 14px; display: none; }
.tabmain .item { position: relative; padding: 5px 0px 5px 73px; line-height: 32px; }
.tabmain .item div { background: url('../images/tab_item.jpg') repeat-x; background-size: auto 100%; height: 32px; padding-right: 35px; padding-left: 5px; }
.tabmain .item div p { overflow-y: scroll; white-space: nowrap; }
.tabmain .item div p a { margin-right: 5px; }
.tabmain .item div p a.on { color: #23527c; }
.tabmain .item span { position: absolute; display: block; }
.tabmain .item span.name { left: 0px; top: 5px; }
.tabmain .item span.icon { right: 2px; top: 5px; background: url('../images/tab_arrow.png') no-repeat center center; background-size: 90% auto; height: 32px; width: 32px; }
.city_specility_item { display: none; }


.tabmain .option { margin-top: 15px; padding-left: 78px; }
.tabmain .option .btn { height: 35px; color: #fff; background: #ddd; font-weight: bold; font-family: "微软雅黑"; letter-spacing: 5px; min-width: 80px; }
.tabmain .option .open_instruction { background: url('../images/user_search1.jpg') no-repeat; background-size: 100% 100%; }
.tabmain .option .tabmain_hidden { background: url('../images/user_search2.jpg') no-repeat; background-size: 100% 100%; }

.layui-layer-msg.layer_error { border: none; background-color: rgba(153,40,18,0.92); color: #fff; }
.layui-layer-msg.layer_success { border: none; background-color: #87b87f; color: #fff; }
.layui-layer-msg.layer_follow_error { border: none; background: #30668a; }
.layui-layer-msg.layer_follow_error span { color: #fff; font-size: 16px; }
.layui-layer-msg.layer_follow_error img { width: 44px; margin-right: 10px; }
.layui-layer-msg.layer_follow_error .login_btn { background: #fff; color: #30668a; font-size: 16px; border-radius: 15px; display: block; width: 90px; text-align: center; height: 35px; margin: 0 auto; line-height: 35px; }


.user_register_message { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 20px; color: #76a513; }

.map_info { position: absolute; bottom: 54px; left: 0px; width: 100%; background: #fff; z-index: 999; overflow: hidden; }

.rotation { -webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; }
.audio { position: fixed; right: 0px; bottom: 54px; width: 45px; height: 45px; background: url('../images/ico_sound.png') no-repeat; background-size: 100%; z-index: 99999; }
.audio.off { background: url('../images/ico_sound_off.png') no-repeat; background-size: 100%; }


.user_nav { padding-left: 20px; margin-bottom: 15px; height: 36px; }
.user_nav .dropdown { width: 120px; margin-right: 20px; float: left; }
.user_nav .dropdown .btn { width: 120px; font-size: 16px; }
.user_nav .dropdown-menu li a { line-height: 24px; }
.user_nav .dropdown span.tip { color: #f00; }
.user_nav .option { float: left; }
.user_nav .option .btn { height: 36px; }

.red { color: #f00; }
/*.user_main_bottom { position: fixed; bottom: 54px; left: 10px; z-index: 999; background: #fff; width: 100%; padding-bottom: 5px; padding-top: 5px; }*/
.field-validation-error { color: #f00; }


.radio_box { margin-bottom: 0px; margin-right: 20px; margin-left: 10px; }


.user_image_item { padding: 5px 5px; }
.user_image_item .box { display: block; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; padding: 3px; position: relative; }
.user_image_item img { max-width: 100%; }
.user_image_item .name { display: block; line-height: 22px; overflow: hidden; height: 25px; text-align: center; }
.user_image_item .name2 { display: block; line-height: 22px; position: absolute; left: 5px; right: 5px; bottom: 35px; background-color: rgba(0,0,0,0.5); color: #fff; padding: 5px; font-size: 12px; }
.user_image_item .status { position: absolute; right: 3px; top: 3px; z-index: 2; }
.user_image_item .option { height: 30px; }
.user_image_item .option a { display: block; width: 40%; height: 30px; color: #fff; text-align: center; line-height: 30px; }
.user_image_item .option a:first-child { float: left; background: #87b87f; }
.user_image_item .option a:last-child { float: right; background: #d15b47; }


.upload_image_container { }
.upload_image_container .row { margin-left: -10px; margin-right: -10px; }
.upload_image_container .col-xs-4 { padding-right: 10px; padding-left: 10px; margin-bottom: 5px; }
.upload_image_container .col-xs-4 p { border: solid 1px #dbdbdb; border-radius: 5px; padding: 3px; }
.upload_image_container .col-xs-4 p img { max-width: 100%; }
.upload_image_container .col-xs-4 .btn { margin-top: 5px; width: 100%; }


.comment_reply_name { margin-bottom: 10px; }
.comment_reply_content .panel { margin-bottom: 10px; }
.comment_reply_content .comment_upload { width: 100%; height: 40px; }
.comment_reply_content .comment_upload .webuploader-pick { width: 100%; }
.comment_reply_content .comment_upload_box { line-height: 25px; margin-bottom: 10px; padding-left: 5px; }
.comment_reply_btn { height: 40px; }
.comment_reply_btn .col-xs-6 { padding: 0px; }
.comment_reply_btn button { height: 40px; width: 100%; }
.comment_video_link { width: 100%; height: 140px; margin-bottom: 5px; }
.comment_video_link video { background:#fff; }
.comment_image_link { display: block; width: 150px; height: 150px; overflow: hidden; position: relative; margin-bottom: 5px; }
.comment_image_link img { height: 100%; width: 100%; }
.comment_reply_share { height: 40px; }
.comment_reply_share .col-xs-4 { padding: 0px; }
.comment_reply_share button { height: 40px; width: 100%; }
.follow_show { float: right; height: 24px; line-height: 24px; position: relative; padding-right: 20px; color: #337ab7; }
.follow_show i { position: absolute; right: 0px; top: 0px; }

.list_none { text-align: center; color: #808080; }

.comment_upload_review { background: #5cb85c; }
.comment_upload_delete { background: #d9534f; }
.comment_upload_box { height: 24px; }
.comment_upload_box a { display: block; float: left; width: 50px; height: 24px; text-align: center; line-height: 24px; color: #fff; margin-right: 10px; }
.share_zone_list { padding: 0px 20px; }
.share_zone_list label { font-weight: normal; }


.report_box { display: none; }
.report_box { background: #fff; padding: 20px; }
.report_title { font-size: 16px; font-weight: bold; line-height: 25px; height: 25px; margin-bottom: 5px; }
.report_reason { margin-bottom: 10px; }
.report_reason label { font-size: 14px; display: block; width: 100%; margin: 0px; padding-left: 10px; height: 30px; line-height: 30px; font-weight: normal; }
.report_reason label input { vertical-align: middle; margin: 0px; }

.report_content { margin-bottom: 10px; }
.report_content textarea { width: 100%; height: 100px; border: solid 1px #dbdbdb; padding: 5px; }
.report_content input { width: 100%; height: 35px; border: solid 1px #dbdbdb; padding: 5px; }

.report_option { }
.report_option input { width: 100%; height: 40px; color: #fff; background: #30668a; border: none; }

.report_tip { margin-top: 10px; color: #888; }

.report_submit { width: 100%; }

.center_pano { position: relative; height: 280px; overflow: hidden; }
.center_pano .fullscreen { position: absolute; right: 10px; top: 10px; font-size: 16px; color: #fff; background-color: rgba(0,0,0,0.5); padding: 5px 8px; border-radius: 5px; }
#center_pano_iframe { min-height: 280px; display: block !important; }
.center_pano_title { text-align: center; font-size: 14px; line-height: 25px; padding: 5px 0px; }
.full-screen-layer .layui-layer-close { right: 0px !important; top: 0px !important; }
.content_sort { height: 46px; background: url('../images/user_nav_bg.jpg') repeat-x; background-size: auto 100%; padding-top: 1px; }
.content_sort .col-xs-3 { padding: 0px; font-weight: bold; letter-spacing: 3px; }
.content_sort a { background: #808080; color: #fff; width: 100%; display: block; height: 40px; text-align: center; line-height: 40px; border-right: solid 1px #c8c8c8; border-left: solid 1px #fff; }
.content_sort a.on { background: #fff; color: #020202; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; border: none; }
.content_sort_main { background: #f9f9f9; padding: 15px 5px 10px 5px; }


.h1_category_name { font-size: 16px; font-weight: bold; padding-left: 25px; background: url(../images/icon_title.jpg) no-repeat; background-size: 8px auto; background-position: 10px center; line-height: 30px; clear: both; margin-top: 10px; }

.content_category_main { padding: 0px 25px 0px 5px; background: url('../images/user_sub_nav_bg.jpg') repeat-x; background-size: auto 100%; margin-top: 10px; color: #020202; position: relative; }
.content_category_main .arrow { display: block; width: 24px; height: 24px; right: 0px; background-image: url('../images/category_arrow.png'); position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: center center; top: 8px; }
.content_category { overflow-y: scroll; white-space: nowrap; height: 40px; line-height: 40px; }
.content_category span { font-weight: bold; padding: 0px 3px; }
.content_category a.on { color: #337ab7; }

.member_title { background: #f1f1f1; padding: 20px 0px 15px 0px; text-align: center; margin-top: 10px; }
.member_title p { font-size: 18px; font-weight: bold; }
.member_subcategory { padding: 0px 10px; background: #858d9c; }

.union_worklist { margin-bottom: 10px; display: none; }
.union_worklist .tool { padding: 10px 10px 0px 10px; }
.union_worklist .list { padding: 0px 5px; }
.union_worklist .item { padding: 0px 5px; margin-top: 10px; }
.union_worklist .item a { display: block; border: 1px solid #ddd; border-radius: 4px; padding: 3px; background: #f8f8f8; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; color: #000; }
.union_worklist .item a.on { border: solid 1px #d15b47; background: #f2dede; }
.union_worklist .item img { max-width: 100%; margin-bottom: 3px; }
.union_worklist .item span { text-align: center; display: block; line-height: 20px; height: 20px; overflow: hidden; }

.union_workselect { padding: 0px 10px; }
.union_workselect .item { padding: 0px 5px; margin-top: 10px; }
.union_workselect .item p { display: block; border: 1px solid #ddd; border-radius: 4px; padding: 3px; background: #f8f8f8; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.union_workselect .item img { max-width: 100%; margin-bottom: 3px; }
.union_workselect .item span { text-align: center; display: block; line-height: 20px; height: 20px; overflow: hidden; }
.union_workselect .item button { width: 100%; margin-top: 3px; }


.exhibition_title { background: url('../images/center_title.jpg') no-repeat center center; background-size: auto 100%; line-height: 30px; padding: 25px 20px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.exhibition_banner { padding: 5px; position: relative; }
.exhibition_intro { position: absolute; left: 30px; right: 30px; bottom: 30px; background-color: rgba(255,255,255,0.5); color: #333; line-height: 24px; padding: 5px; font-size: 14px; overflow: hidden; }
.exhibition_intro2 { max-height: 150px; overflow: scroll; }
/*.exhibition_scroll { position:absolute; width:100%;background-color: rgba(255,255,255,0.5); height:5px; left:0px }*/
.exhibition_intro p { text-indent: 29px; }
.exhibition_intro_icon { position: absolute; background: url('../images/exhibition_title_bg.png') no-repeat; background-size: 100%; display: block; width: 180px; height: 110px; right: 30px; top: 40px; }
.exhibition_intro_icon2 { position: absolute; background: url('../images/exhibition_title_bg2.png') no-repeat; background-size: 100%; display: block; width: 135px; height: 110px; right: 30px; top: 40px; }
.exhibition_arrow { padding: 0px 5px; }
.exhibition_arrow p { background: url('../images/exhibition_line.png') no-repeat center center; background-size: auto 15px; height: 40px; }
.exhibition_info { padding: 0px 20px; overflow: hidden; }
.exhibition_info .user_list { max-height: 120px; overflow: hidden; }
.exhibition_info .item { position: relative; padding: 5px 0px 5px 90px; line-height: 24px; }
.exhibition_info .item span { display: block; position: absolute; left: 0px; color: #ab0000; width: 90px; }

.exhibition_info .user_item { padding: 0px 15px; text-align: justify; line-height: 30px; height: 30px; overflow: hidden; }
.exhibition_info .user_item > span { display: inline-block /* Opera */; padding-left: 100%; }
.exhibition_info .econtent { line-height: 25px; overflow: hidden; }
.exhibition_title2 { color: #fff; font-size: 16px; text-align: center; line-height: 40px; height: 40px; background: #7d7d7d; }

.list_more { background: #f8f8f8; text-align: center; height: 40px; font-size: 14px; color: #333; line-height: 40px; display: block; clear: both; margin-top: 5px; }


.page_title { background: url('../images/ico_tag.png') no-repeat left center; margin-left: 20px; padding-left: 22px; font-size: 16px; line-height: 30px; }
.page_title span { font-size: 12px; color: #afafaf; }
.page_title_span2 { font-size: 16px !important; color: #333 !important; }
.page_subtitle { margin: 10px 20px 0px 20px; min-height: 36px; }
.page_subtitle .name { float: left; background: #a8a8a8; border-radius: 5px; color: #fff; padding: 0px 15px; height: 36px; line-height: 36px; }
.page_subtitle .name a { color: #fff; }
.page_subtitle .arrow { background: url('../images/ico_right.png') no-repeat center center; width: 30px; height: 36px; float: left; }
.page_subtitle .sub { line-height: 36px; color: #8a8a8a; height: 36px; }
.page_subtitle .sub a { color: #8a8a8a; position: relative; }
.page_subtitle .sub a.on { color: #30668a; }
.page_subtitle .school_class { clear: both; background: #f6f6f6; margin-top: 10px; padding: 5px 0px 5px 10px; line-height: 24px; border-radius: 5px; display: none; }
.page_subtitle .school_class a { padding: 0px 10px 0px 0px; color: #8a8a8a; }
.page_subtitle .school_class a.on { color: #30668a; }
.page_subtitle .school_class span { display: block; text-align: center; }
.page_subtitle .sub .school_link.on .icon { display: block; }
.page_subtitle .sub .school_link .icon { background: url('../images/ico_down.png') no-repeat center center; height: 18px; right: 0px; position: absolute; left: 0px; bottom: -18px; display: none; }

.ctitle { text-align: left; border-left: solid 5px #30668a; height: 20px; line-height: 20px; padding: 0px 0px 0px 5px; font-weight: normal; margin-left: 20px; margin-right: 20px; margin-top: 15px; overflow: hidden; color: #000; font-size: 16px; font-weight: normal; }

.notice { padding: 0px 20px; }
.notice .item { padding: 10px 0px; position: relative; min-height: 90px; display: block; }
.notice img { width: 110px; height: 70px; border-radius: 10px; float: left; margin-right: 10px; }
.notice .name { display: block; margin-bottom: 12px; line-height: 20px; max-height: 40px; overflow: hidden; }
.notice .time { position: absolute; right: 0px; bottom: 10px; background: url('../images/ico_time.png') no-repeat left center; color: #717171; display: block; padding-left: 15px; font-size: 12px; line-height: 18px; }