@charset "UTF-8";
body { background-color: #f5f5f5; }

.clearfix { zoom: 1; }

.a_link:visited { color: #666 !important; }

.clearfix:after { content: " "; display: block; clear: both; height: 0; }

.bold { font-weight: 700; }

input::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input::-ms-input-placeholder { color: #999; }

textarea::-webkit-input-placeholder { color: #999; }

textarea::-moz-placeholder { color: #999; }

textarea::-moz-placeholder { color: #999; }

textarea::-ms-input-placeholder { color: #999; }

.shrink { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); display: inline-block; }

.pointer { cursor: pointer; }

.textellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fleft { float: left !important; }

.fright { float: right !important; }

.admin_icon { width: 40px; height: 16px; background: url(../img/author_logo.png) no-repeat; background-size: 100%; display: inline-block; }

.chevron_icon { display: inline-block; width: 5px; height: 8px; background: url(../img/chevron.png) no-repeat; background-size: 100%; }

.icon_close { cursor: pointer; width: 16px; height: 16px; background: url(../img/close.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_search { width: 17px; height: 17px; background: url(../img/icon_search.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_sub_red { width: 34px; height: 18px; background: url(../img/icon_recommend.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_know { width: 36px; height: 18px; background: url(../img/icon_knowledge.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_talk { width: 14px; height: 14px; background: url(../img/icon_talk20.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_share { width: 14px; height: 14px; background: url(../img/icon_share.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_ask, .sidebar_right .ask_item .ask .icon, .sidebar_right .ask_item .question .icon { width: 18px; height: 18px; background: url(../img/icon_ask.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_question, .sidebar_right .ask_item .question .icon { width: 18px; height: 18px; background: url(../img/icon_question.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_camera { width: 16px; height: 16px; background: url(../img/icon_camera.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_camera_fff { width: 24.9px; height: 15.6px; background: url(../img/icon_camera_fff.png) no-repeat; background-size: 100%; background-position: 1px; display: inline-block; }

.icon_askques { width: 36px; height: 18px; background: url(../img/icon_askques.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_tri { width: 10px; height: 11px; background: url(../img/rectangle_copy1.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_mark { width: 16px; height: 28px; background: url(../img/icon_mark.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_graph { width: 34px; height: 34px; background: url(../img/icon_graph.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_clock { width: 34px; height: 34px; background: url(../img/icon_clock.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_zan20 { width: 18px; height: 18px; background: url(../img/icon_zan20.png) no-repeat; background-size: 100%; display: inline-block; margin-right: 15px; vertical-align: sub; }

.icon_zan20.ok { background: url(../img/like-vote20px.png) no-repeat; background-size: 100%; margin-right: 15px; vertical-align: sub; }

.icon_zan16 { width: 16px; height: 16px; background: url(../img/icon_zan16.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_zan16.ok { background: url(../img/like-vote20px.png) no-repeat; background-size: 100%; }

.icon_collect20 { width: 18px; height: 18px; background: url(../img/icon_collect20.png) no-repeat; background-size: 100%; display: inline-block; margin-right: 15px; vertical-align: sub; }

.icon_collect20.ok { background: url(../img/star-vote.png) no-repeat; background-size: 100%; vertical-align: sub; }

.icon_weibo20 { width: 20px; height: 20px; background: url(../img/icon_weibo20.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_pencil { width: 20px; height: 20px; background: url(../img/icon_pencil.png) no-repeat; background-size: 100%; display: inline-block; }

.icon_pencil_red { width: 18px; height: 18px; background: url(../img/icon_pencil_red.png) no-repeat; background-size: 100%; display: inline-block; }

.card_show_begin { margin-bottom: 20px; opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); }

.card_show_end { margin-bottom: 20px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.mycheckbox { cursor: pointer; }

.mycheckbox i { vertical-align: top; margin-right: 12px; }

.mycheckbox .unchecked { display: inline-block; width: 16px; height: 16px; background: url(../img/uncheckbox.png) no-repeat; }

.mycheckbox .check { display: inline-block; width: 16px; height: 16px; background: url(../img/checkedbox.png) no-repeat; }

.select { border: 0; font-size: 12px; color: #999; background: #F5F5F5; text-align: right; }

.select option { padding: 2px; }

.myconfirm .myconfirm_bg, .myalert .myalert_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 10000; }

.myconfirm .myconfirm_bg_title, .myalert .myalert_bg_title { font-size: 22px; color: #222; margin-bottom: 12px; float: left; }

.myalert .icon_close { display: block; float: right; }

.myalert .myalert_con { background: #FFF; border-radius: 4px; padding: 24px 20px 40px; position: fixed; z-index: 10010; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.2); -moz-transform: translate(-50%, -50%) scale(0.2); -o-transform: translate(-50%, -50%) scale(0.2); -ms-transform: translate(-50%, -50%) scale(0.2); transform: translate(-50%, -50%) scale(0.2); transition: all 0.3s; width: 460px; height: 396px; }

.myalert .myalert_con .content { height: 202px; }

.myalert .myalert_con.card_show_end { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); }

.myalert .btns { position: absolute; bottom: 40px; left: 50%; margin-left: -210px; }

.myalert .btns .btn { cursor: pointer; background: #B93034; border-radius: 4px; width: 420px; height: 48px; font-size: 18px; line-height: 48px; color: #FFF; text-align: center; }

.myalert textarea { width: 100%; height: 100%; border: 1px solid #DCDCDC; border-radius: 4px; resize: none; padding: 10px; font-size: 16px; }

.myalert .text_count{float: right;color: #999;}   

.myconfirm .myalert_con { background: #FFF; border-radius: 4px; padding: 24px 20px; position: fixed; z-index: 10010; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.2); -moz-transform: translate(-50%, -50%) scale(0.2); -o-transform: translate(-50%, -50%) scale(0.2); -ms-transform: translate(-50%, -50%) scale(0.2); transform: translate(-50%, -50%) scale(0.2); transition: all 0.3s; width: 364px; height: 192px; }

.myconfirm .myalert_con .content { height: auto; font-size: 16px; }

.myconfirm .myalert_con.card_show_end { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); }

.myconfirm .icon_close { display: block; float: right; }

.myconfirm .btns { position: absolute; bottom: 34px; left: 50%; margin-left: -134px; }

.myconfirm .btn { float: left; cursor: pointer; background: #B93034; border-radius: 4px; width: 124px; height: 40px; font-size: 16px; line-height: 40px; color: #FFF; text-align: center; }

.myconfirm .btn:first-child { background-color: #7a7a7a; margin-right: 20px; }

.system_msg .myalert_con { width: 660px; height: 660px; font-size: 16px; }

.system_msg .myalert_con .content { height: 478px; overflow: auto; }

.system_msg .title { font-size: 18px; margin-bottom: 10px; }

.system_msg .author { font-size: 18px; margin-bottom: 10px; color: #999; }

.mypage_panel { padding-top: 50px; float: right; }

.mypage_panel .btn { float: left; margin-right: 8px; display: block; cursor: pointer; background: #FFF; border: 1px solid #D9D9D9; border-radius: 4px; font-size: 14px; color: #222; width: 32px; padding: 0 11px; line-height: 30px; text-align: center; }

.mypage_panel .btn.current { color: #FFF; background: #B93034; }

.mypage_panel .btn.submit { width: 40px; }

.mypage_panel .ellipsis { margin-top: 15px; float: left; margin-right: 8px; }

.mypage_panel .ellipsis span { display: inline-block; width: 4px; height: 4px; background: #D8D8D8; border-radius: 50%; margin-right: 3px; }

.mypage_panel .ellipsis span:last-child { margin-right: 0px; }

.mypage_panel .input_div { float: left; margin-right: 8px; margin-top: 0px; font-size: 14px; }

.mypage_panel .input_div input { width: 48px; height: 32px; border: 1px solid #D9D9D9; border-radius: 4px; padding: 0 4px; text-align: center; }

header { width: 100%; height: 90px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(187, 187, 187, 0.5); }

.header { width: 1180px; height: 90px; margin: 0 auto; background: #FFF; padding-top: 29px; position: relative; }

.header .logo { cursor: pointer; float: left; background: url(../img/logo.png); width: 112px; height: 32px; background-size: 100%; margin-right: 40px; }

.header .header_nav { float: left; height: 100%; }

.header .nav_item { float: left; position: relative; padding: 0 30px; text-align: center; height: 100%; }

.header .nav_item ul { display: none; width: 120px; text-align: center; position: absolute; background: #FFF; box-shadow: 0 0 8px 0 rgba(220, 220, 220, 0.3); z-index: 1000; padding: 8px 0; left: 5px; top: 60px; }

.header .nav_item a { cursor: pointer; font-size: 16px; line-height: 38px; height: 100%; height: 38px; color: #999; display: block; }

.header .nav_item a:hover { color: #222; }

.header .nav_item:hover ul { display: block; }
.header .nav_item:hover ul li:hover {
  background: #F8F9F9;
}

.header .nav_item.on .father_a { color: #B93034;font-weight: 700; }

.header .nav_item .father_a { font-size: 16px; color: #222; line-height: 32px; cursor: pointer; letter-spacing: 1.6px; }

.header .search_input { margin: 0 95px 0 80px; float: right; position: relative; }

.header .search_input input { width: 248.5px; height: 36.3px; border: 1px solid #E6E6EA; border-radius: 4px; padding-left: 33px; font: 12px/18px "Hiragino Sans GB","Microsoft Yahei",sans-serif; font-size: 16px; }

.header .icon_search { cursor: pointer; display: block; position: absolute; top: 10px; left: 10px; }

.header .login { position: absolute; left: 1084px; width: 240px;padding-left: 20px; }

.header .login.logined { width: auto; }

.header .login.logined:hover ul { display: block; }

.header .login.logined .nav_item { width: 155px; height: 64px; padding: 0; text-align: left; }

.header .login span { font-size: 14px; color: #222; cursor: pointer; line-height: 36px; }

.header .login span:first-child { margin-right: 20px; position: relative; }

.header .login span:first-child:after { content: ""; display: block; position: absolute; width: 1px; height: 14px; background: #222; bottom: 2px; right: -12px; }

.header .login .thum { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-bottom: 5px; margin-right: 6px; }

nav { width: 100%; padding-top: 30px; border-bottom: 1px solid #DCDCDC; }

nav .sub_nav { width: 1180px; margin: 0 auto; padding-left: 23px; }

nav .sub_nav a { font-size: 16px; color: #999; margin-right: 34px; letter-spacing: 1.6px; cursor: pointer; }

nav .sub_nav a.on { font-weight: 700; color: #222; border-bottom: 3px solid #B93034; padding: 0 2px; padding-bottom: 10px; display: inline-block; }

header.fixed { position: fixed; top: 0; z-index: 1001; }

nav.fixed { background: rgba(255, 255, 255, 0.9); position: fixed; z-index: 100; top: 90px; }

.page_content { position: relative; width: 1180px; min-height: 657px; margin: 0 auto; margin-top: 25px; margin-bottom: 30px; }

.page_content .main { width: 860px; float: left; }

.no_mess_panel .img { width: 130px; height: 140px; background: url(../img/no_message.png) no-repeat; background-size: 100%; margin: 0 280px 0 240px; }

.no_mess_panel .txt { text-align: center; width: 130px; margin: 22px 280px 0 240px; font-size: 14px; color: #666; }

.sidebar_right { float: right; width: 280px; min-height: 650px; }

.sidebar_right img[class^="banner"] { margin-bottom: 20px; }

.sidebar_right .banner4X3 { width: 280px; height: 210px; display:block;}

.sidebar_right .banner16X9 { width: 280px; height: 158px; display:block;}

.sidebar_right .banner6X1 { width: 280px; height: 46.7px; display:block;}

.img_auto{width:100%;height:100%;}

.sidebar_right .read_paper { width: 280px; height: 106px; border: 6px solid #DCDCDC; margin: 0 auto; margin-bottom: 20px; }

.sidebar_right .read_paper .paper_title { width: 160px; height: 37px; text-align: center; line-height: 37px; border: 1px solid #DCDCDC; border-left: 0; border-right: 0; margin: 0 auto; margin-top: 12px; margin-bottom: 13px; font-size: 18px; color: #222; letter-spacing: 1.8px; }

.sidebar_right .read_paper .btn { cursor: pointer; font-size: 18px; color: #238ED6; margin: 0 auto; text-align: center; display: block; letter-spacing: 1.8px; }

.sidebar_right > div { margin-bottom: 50px; padding: 0 10px; }

.sidebar_right .title { font-size: 16px; color: #222; letter-spacing: 1.6px; line-height: 18px; margin-left: 10px; position: relative; }

.sidebar_right .title:after { content: ""; display: block; position: absolute; width: 4px; height: 18px; background: #B93034; top: 0px; left: -20px; }

.sidebar_right .item_list { border-bottom: 1px dashed #999; padding-bottom: 30px; }

.sidebar_right .item { border-bottom: 1px solid #d5d5d5; padding: 20px 0; }

.sidebar_right .item:last-child { border: none; padding-bottom: 0; }

.page_content .sidebar_right .item_title { font-size: 16px; margin-bottom: 10px; line-height: 24px; color: #333; }

.sidebar_right .video_item .length { color: #666; }

.sidebar_right .video_item .icon_camera { display: inline-block; vertical-align: top; margin-right: 5px; }

.sidebar_right .video_item .time { color: #999; }

.sidebar_right .video_item .item_title { margin-bottom: 21px !important; }

.sidebar_right .ask_item .item_con { font-size: 16px; line-height: 24px; letter-spacing: 0; }

.sidebar_right .ask_item .item_con:first-child { margin-bottom: 10px !important; }

.sidebar_right .ask_item .icon { margin-right: 10px; display: inline-block; vertical-align: top; margin-top: 4px; }

.sidebar_right .ask_item .content { display: inline-block; width: calc(100% - 40px); font-size: 16px; }

.sidebar_right .ask_item .ask, .sidebar_right .ask_item .question { color: #666 !important; }

.sidebar_right .ask_item .ask .icon, .sidebar_right .ask_item .question .icon { display: none !important; }

.sidebar_right .ask_item .ask .content, .sidebar_right .ask_item .question .content { width: 100% !important; }

.sidebar_right .ask_item .question { color: #222 !important; margin-bottom: 0 !important; }

.sidebar_right .ask_item .item_list { padding-bottom: 40px; }

.sidebar_right .base_item { background: inherit !important;padding: 0 10px !important; }

.sidebar_right .base_item .item_con { margin-bottom: 20px; font-size: 14px; color: #666; letter-spacing: 1.4px; }

.sidebar_right .base_item .extra_info { color: #999; }

.sidebar_right .base_item .extra_info div { float: left; margin-right: 8px; }

.sidebar_right .base_item .extra_info div span { display: inline-block; vertical-align: middle; margin-right: 2px; }

.sidebar_right .base_item .extra_info .line { width: 1px; height: 12px; background: #d8d8d8; margin-top: 3px; }

.sidebar_right .vliving_item .item_list { margin-top: 20px; }

.sidebar_right .vliving_item .item { background: #FFF; border-radius: 5px; padding: 12px 14px 20px; margin-bottom: 28px; border: none; }

.sidebar_right .vliving_item .item_title { margin-bottom: 0; }

.sidebar_right .vliving_item .item_author { position: relative; margin-bottom: 20px; }

.sidebar_right .vliving_item .thum { position: absolute; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; margin: 0 auto; top: -20px; }

.sidebar_right .vliving_item .thum img { width: 100%; height: 100%; }

.sidebar_right .vliving_item .name { margin-left: 38px; font-size: 12px; color: #222; margin-top: -1px; }

.sidebar_right .vliving_item .fright { margin-top: -1px; color: #B93034; }

.sidebar_right .vliving_item .fright span { display: inline-block; vertical-align: top; margin-right: 4px; }

.author_card { text-align: center; background-color: #fff; width: 120px; height: 169px; border-radius: 2px; padding: 10px 8px 8px; }

.author_card a { display: block; }

.author_card .thum { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; margin: 0 auto; }

.author_card .thum img { width: 100%; height: 100%; }

.author_card .name { font-size: 14px; color: #000; margin: 10px 0 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.author_card .info { font-size: 12px; height: 32px; overflow: hidden; color: #A5A5A5; word-break: break-all; }

.author_card .btn { border-radius: 4px; width: 72px; height: 28px; text-align: center; line-height: 28px; margin: 0 auto; font-size: 14px; color: #FFF; background: #BB2E30; cursor: pointer; }

.author_card .btn.ok { color: #666; background: #f0f0f0; }

.footer { text-align: center; }

.footer .about { height: 86px; background: #2D2D32; font-size: 14px; }

.footer .footer_nav { padding-top: 38px; }

.footer .footer_nav a { padding: 0 32px; cursor: pointer; position: relative; color: #999; }

.footer .footer_nav a:after { content: ""; position: absolute; display: block; width: 1px; height: 36px; background: #444; right: 0; top: -10px; }

.footer .footer_nav a:last-child:after { display: none; }

.footer .copyright { background: #212125; font-size: 12px; color: #fff; padding: 27px 0; }

.footer .copyright p{margin-bottom:5px;}

.common_comment .comment_item { padding-bottom: 20px; margin-bottom: 20px; position: relative; }

.common_comment .comment_item .comment_item_line { width: 742px; border-bottom: 1px solid #DCDCDC; position: absolute; bottom: 0; right: 0; }

.common_comment .icon_zan16 { margin-right: 10px; vertical-align: middle; margin-bottom: 5px; }

.common_comment textarea { overflow: hidden; word-wrap: break-word; height: auto; padding: 10px; }

.common_comment .aqwleft { float: left; }

.common_comment .aqwright { float: right; width: 742px; position: relative; }

.common_comment .aqwright .author { margin: 6px 0 20px; line-height: 28px; }

.common_comment .aqwright .name { font-size: 14px; color: #222; margin-right: 10px; }

.common_comment .aqwright .date { font-size: 14px; color: #999; margin-right: 10px; }

.common_comment .aqwright .delete_btn { cursor: pointer; font-size: 14px; color: #999; }

.common_comment .ansright_time { position: absolute; top: -1px; right: 0px; height: 16px; line-height: 16px; font-size: 14px; color: #999; }

.common_comment .ansright_time a { color: #999; }

.common_comment .ansright_time > span { margin: 0 10px; }

.common_comment .ansright_cont a { font-size: 16px; color: #222222; line-height: 20px; }

.common_comment .ansleft_hdimg img { width: 28px; height: 28px; border-radius: 50%; }

.common_comment .input { width: 100%; }

.common_comment .hot span { background: url(//139.224.240.193:8091/www/v1/img/hot.png) no-repeat; }

.common_comment .comment_title span { position: absolute; vertical-align: middle; width: 32px; height: 32px; display: inline-block; left: -40px; top: -5px; }

.common_comment .new span { background: url(//139.224.240.193:8091/www/v1/img/new.png) no-repeat; }

.common_comment .comment_title.hot, .common_comment .comment_title.new { margin-left: 38px; }

.common_comment .comment_title.hot:after, .common_comment .comment_title.new:after { content: none; }

.common_comment .ansright_cont { margin-bottom: 10px; }

.common_comment .ansright_cont .reply_deal { font-size: 16px; color: #222222; line-height: 20px; }

.common_comment .submit_btn { float: right; display: block; background: #B93034; border-radius: 2px; padding: 5px 14px; font-size: 14px; color: #fff; margin: 10px 0; }

.common_comment .text_count { position: absolute; right: 10px; bottom: 46px; color: #999;}

.common_comment .comment_title { font-size: 16px; color: #333333; position: relative; margin-left: 14px; margin-bottom: 20px; }

.common_comment .comment_title:after { content: ""; display: block; position: absolute; width: 4px; height: 18px; background: #B93034; top: 2px; left: -14px; }

.common_comment .floor_content { background: #f5f5f5; width: 762px; margin-left: -10px; padding: 10px; }

.common_comment .floor_content .ansright_contans { border-bottom: 1px dotted #DCDCDC; }

.common_comment .floor_no { font-size: 14px; color: #999; }

.common_comment .reply_show_btn, .common_comment .zan_btn { cursor: pointer; display: inline-block; }

.common_comment .ansright_contans { margin-bottom: 10px; position: relative; }

.common_comment .ansright_contans:last-child { border: 0; }

.common_comment .ansright_contans .author { line-height: 18px; }

.common_comment .ansright_aqans { margin-bottom: 10px; overflow: hidden; height: 0; transition: all 0.4s; }

.common_comment .ansright_aqans.show { height: 96px; }

.common_comment .ansright_time { top: 0; right: 10px; }

.common_comment .comment_main .input { background: #f5f5f5; border: 0; width: 100%; height: 80px; padding-bottom: 20px; margin-bottom: 10px; }

.common_comment .comment_main .submit_btn { margin: 0; }

.my_msg { position: fixed; min-width: 120px; height: 120px; background: rgba(0, 0, 0, 0.75); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 4px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.2); -moz-transform: translate(-50%, -50%) scale(0.2); -o-transform: translate(-50%, -50%) scale(0.2); -ms-transform: translate(-50%, -50%) scale(0.2); transform: translate(-50%, -50%) scale(0.2); z-index: 10020; padding: 20px 28px 16px; transition: all 0.4s; }

.my_msg.show { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.my_msg .icon { width: 40px; height: 40px; margin: 0 auto; margin-bottom: 12px; }

.my_msg .icon_success { background: url(../img/msg_success.png) no-repeat; }

.my_msg .icon_error { background: url(../img/msg_error.png) no-repeat; }

.my_msg .msg { font-size: 16px; color: #FFF; text-align: center; }

.infinitscroll_addbtn { width: 280px; line-height: 32px; font-size: 14px; text-align: center; color: #B93034; cursor: pointer; margin: 0 auto 30px; }

.itemlist_pageone { padding-top: 1px; }

.no_content { background: url(../img/no_content.png) no-repeat; width: 200px; height: 200px; background-size: 100%; margin: 0 auto; margin-bottom: 32px; position: relative; margin-top: 70px; }

.no_content:after { content: '\6682\65e0\5185\5bb9'; display: inline-block; position: absolute; bottom: -10px; font-size: 14px; color: #666666; text-align: center; width: 100%; }

.no_collect { background: url(../img/no_collect.png) no-repeat; width: 120px; height: 120px; background-size: 100%; margin: 0 auto; margin-bottom: 32px; position: relative; margin-top: 70px; }

.no_collect:after { content: '\6682\65e0\6536\85cf\000d\000a'; display: inline-block; position: absolute; bottom: -28px; font-size: 14px; color: #666666; text-align: center; width: 100%; }

.back-top { width: 34px; height: 34px; display: none; cursor: pointer; position: fixed; bottom: 203px; right: 50% !important; margin-right: -638px; z-index: 999; background: url(../img/back-top.png) no-repeat; background-size: 34px auto !important; outline: 0; }

.no_order { background: url(../img/no_order.png) no-repeat; width: 160px; height: 160px; background-size: 100%; margin: 0 auto; margin-bottom: 45px; position: relative; margin-top: 182px; }

.no_order:after { content: '\767b\5f55\540e\67e5\770b\5df2\5173\6ce8\7684\5185\5bb9'; display: inline-block; position: absolute; bottom: -30px; font-size: 14px; color: #666666; text-align: center; width: 100%; }

.on_follow { background: url(../img/on_follow.png) no-repeat; width: 160px; height: 160px; background-size: 100%; margin: 0 auto; margin-bottom: 45px; position: relative; margin-top: 182px; }

.on_follow:after { content: '\603b\6709\4e00\4e9b\503c\5f97\4f60\5173\6ce8'; display: inline-block; position: absolute; bottom: -30px; font-size: 14px; color: #666666; text-align: center; width: 100%; }

.no_order_panel { background: #fff; overflow: hidden; height: 630px; }

.no_order_panel .btn { cursor: pointer; background: #B73238; border-radius: 2px; width: 140px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #FFF; margin: 0 auto; margin-top: 60px; }

.error_page_txt { padding: 140px 0 0; text-align: center; line-height: 30px; color: #333333; font-size: 16px !important; margin-bottom: 46px; letter-spacing: 0.5px; }

.no_panel { background: #fff; overflow: hidden; height: 630px; }

.no_panel .no_mess { background: url(../img/no_message.png) no-repeat; width: 160px; height: 160px; background-size: 100%; margin: 0 auto; margin-bottom: 16px; position: relative; margin-top: 182px; }

.no_panel .txt { text-align: center; font-size: 14px; color: #666; }

.no_panel .btn { cursor: pointer; background: #B73238; border-radius: 2px; width: 140px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #FFF; margin: 0 auto; margin-top: 36px; display: block; }

.pop_box { position: fixed; top: calc(50% - 316px); left: calc(50% - 230px); width: 460px; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; box-sizing: border-box; z-index: 1999; transform: translate3d(0, 0, 0); }

.pop_head { width: 100%; height: 72px; line-height: 72px; background: url(../img/pop_head.png) no-repeat; }

.pop_box .title { font-size: 22px; color: #222222; }

.pop_head .close_btn { width: 20px; height: 20px; position: absolute; top: 28px; right: 22px; cursor: pointer; }

.pop_li { margin-bottom: 20px; position: relative; }

.pop_li input[type="text"], .pop_li input[type="password"] { width: 100%; height: 48px; font-size: 16px; color: #222222; padding: 0 100px 0 10px; border-radius: 4px; border: 1px solid #DCDCDC; }

.pop_li .change_pop { cursor: pointer; font-size: 18px; color: #666666; float: right; }

.pop_li.btn { width: 100%; height: 48px; background: #B93034; border-radius: 4px; text-align: center; line-height: 48px; color: #FFFFFF; margin-top: 54px; font-size: 18px; cursor: pointer; padding: 0; }

.pop_li .mobi_code:hover { cursor: pointer; color: #B93034; }

.pop_li .mobi_code { position: absolute; top: 6px; right: 5px; background: #ffffff; font-size: 16px; color: #999999; width: 90px; height: 35px; text-align: center; line-height: 35px; }

.pop_li .pcode { position: absolute; top: 6px; right: 5px; background: #D8D8D8; width: 90px; height: 35px; text-align: center; line-height: 35px; cursor: pointer; }

.pop_main ul { padding: 20px; }

.pop_li .checkbox_txt { cursor: pointer; font-size: 16px; color: #666666; text-align: left; }

.pop_li:last-child { margin-bottom: 0; }

.pop_li input[type="checkbox"] { cursor: pointer; width: 16px; height: 16px; border: 1px solid #D8D8D8; border-radius: 2px; margin: 0; margin-right: 6px; vertical-align:middle; }

.pop_li.agreement { margin-top: 20px; width: 100%; height: 373px; border-radius: 4px; overflow-y: scroll; border: 1px solid #000000; }

.pop_li.agreement div { width: 100%; padding: 10px; font-size: 16px; }

.pop_li .right_tbtn { float: right; cursor: pointer; font-size: 16px; color: #666666; text-align: left; }

#bg_overlay { width: 100%; height: 100%; background: #000; display: none; position: fixed; left: 0; top: 0; z-index: 1990; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; transform: translateZ(-1000px); }

.pop_bg_fade_in { -webkit-animation: fade .2s linear; animation: fade .2s linear; }

.posi-relitive { position: relative !important; }

.nav-item-s { color: #b93034 !important; font-size: 50px !important; position: absolute !important; top: -15px !important; right: 120px !important; }

.mes-num { background: #b93034 !important; color: #fff !important; border-radius: 35% !important; position: absolute !important; right: 0 !important; top: 10px !important; height: 20px !important; line-height: 20px !important; }

.mes-voice { color: #b93034 !important; font-size: 50px !important; position: absolute !important; top: -10px !important; right: 10px !important; }

@keyframes fade { 0% { opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); } }
@keyframes fade_out { 0% { opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } }
.pop_bg_fade_out { -webkit-animation: fade_out .2s linear; animation: fade_out .2s linear; }

.show-slip { -webkit-animation: slip .2s ease-out; animation: slip .2s ease-out; }

.show-slip_out { -webkit-animation: slip_out .2s ease-in; animation: slip_out .2s ease-in; }

.switching-flip { -webkit-transform: perspective(2000px) rotateY(0deg); -webkit-animation: flip .4s linear; transform: perspective(2000px) rotateY(0deg); animation: flip .4s linear; }

.switching-flip_out { opacity: 0; -webkit-opacity: 0; -webkit-transform: perspective(2000px) rotateY(-90deg); -webkit-animation: flip_out .4s linear .41s; transform: perspective(2000px) rotateY(-90deg); animation: flip_out .4s linear .41s; }

@-webkit-keyframes slip { 0% { opacity: 0; -webkit-opacity: 0; -webkit-transform: scale(0.5); }
  90% { opacity: 1; -webkit-opacity: 1; -webkit-transform: scale(1.03); }
  100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: scale(1); } }
@-webkit-keyframes slip_out { 0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(1.01); }
  100% { -webkit-transform: scale(0.1); } }
@keyframes slip { 0% { opacity: 0; -webkit-opacity: 0; transform: scale(0.5); }
  90% { opacity: 1; -webkit-opacity: 1; transform: scale(1.03); }
  100% { opacity: 1; -webkit-opacity: 1; transform: scale(1); } }
@keyframes slip_out { 0% { transform: scale(1); }
  10% { transform: scale(1.01); }
  100% { transform: scale(0.1); } }
@keyframes flip { 0% { transform: perspective(2000px) rotateY(0deg); }
  100% { transform: perspective(2000px) rotateY(90deg); } }
@keyframes flip_out { 0% { opacity: 1; -webkit-opacity: 1; transform: perspective(2000px) rotateY(-90deg); }
  100% { opacity: 1; -webkit-opacity: 1; transform: perspective(2000px) rotateY(0deg); } }
/*关于我们*/
.about_page .main { background-color: #fff; min-height: 700px; padding: 80px 135px; font-size: 16px; line-height: 30px; }

.about_page p { margin-bottom: 30px; text-indent: 2em; }

.about_page .nav_title { color: #666666; font-size: 16px; padding: 38px 0 20px 0; }

.copyright_beian .icon_ghs{background:url(../img/ghs.png);display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align: sub;}

.pop_li input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999999;
}
.pop_li input:-moz-placeholder { /* WebKit browsers */
    color:    #999999;
}
.pop_li input::-moz-placeholder { /* WebKit browsers */
    color:    #999999;
}
.pop_li input:-ms-input-placeholder { /* WebKit browsers */
    color:    #999999;
}

.posi-r{position: relative;}
.posi-a{position: absolute; left: 40px;}

.unfoldbtn{cursor:pointer;color: #999;margin-left: 5px;}


.index_head_skin {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.index_head_img {
  max-height: 120px;
  max-width: 1200px;
}