﻿.msg-container .msg-content .loading { padding-left: 40px; background: url(../images/msg/loading.gif) no-repeat left center; background-size: auto 30px; width: auto; }
.none { display: none !important; }
.font_color_fff { color: #fff; }
.popwarp { width: 100% !important; height: 100% !important; z-index: 10 !important; position: fixed !important; }
.selectmore { position: fixed !important; width: 94% !important; left: 0 !important; right: 0 !important; top: initial !important; bottom: 1em !important; margin: 0 auto; }
.selectmore .btnclose, .selectregion .btnclose { background: #a91e2e; display: block; position: absolute; top: 0.3em; right: 0.3em; color: #fff; padding: 0.2em; font-size: 2em; -webkit-border-radius: 100em; border-radius: 100em; overflow: hidden; line-height: 0.8em; }
.selectmore .btn { margin-top: 1em; text-align: center; }
.selectmore .btn button { width: inherit !important; margin: 0 0.3em; display: inline-block !important; padding: 0.5em 2em; }
.restselect { background-color: #999; }
.nomore { margin: 2em 1.5em 0; color: #c1c1c1; text-align: center; font-size: 1.1em; line-height: 1.2em; position: relative; border-top: solid 1px #d9d9d9; padding: 2em 0; }
.nomore span { background: #f2f2f2; display: inline-block; position: absolute; left: 50%; top: -0.7em; color: #c1c1c1; width: 9em; margin-left: -4.5em; }
.disabled { background: #333 !important; color: #fff !important; cursor: default !important; }
div.navtitle { width: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 1 !important; }

.drop_menu { display: none; position: fixed; left: 5px; top: 40px; width: 130px; background-color: #ffffff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.15); box-shadow: 1px 1px 3px rgba(0,0,0,.15); overflow: hidden; z-index: 12; }
.drop_menu li { border-top: 1px solid #E5E5E5; font-size: .875rem; line-height: 150%; padding: 5px 10px; }
#settingshadow { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 11; }

.form-group-flex .img { height: 60px; width: 90px; border: 1px solid #eee; display: table-cell; vertical-align: middle; text-align: center; }

.form-group-flex .img img { display: block; }


.level1 i:after { background-color: #ddd; width: 100%; }

.level2 i:after { background-color: #ddd; width: 75%; }

.level3 i:after { background-color: #ddd; width: 50%; }

.level4 i:after { background-color: #ddd; width: 25%; }
#niubinfo { overflow: hidden; clear: both; position: relative; min-height: 6em; }

#niubinfo .bgimg img { width: 100%; vertical-align: middle; line-height: 2em; }

#niubinfo .pic { position: absolute; top: 15%; left: 0; font-size: 1.1em; vertical-align: middle; line-height: 2em; width: 100%; text-align: center; }

#niubinfo .pic img { width: 5em; height: 5em; border-radius: 7em; overflow: hidden; }

#niubinfo .pic .num { color: #fff; font-size: 2.2em; padding-top: 0.3em; }

#niubinfo .pic .num span { font-size: 0.6em !important; display: inline-block; padding-left: 0.5em; }
/*会员菜单栏 开始*/
.manlinenav { overflow: hidden; clear: both; position: relative; background: #fff; margin-top: 1em; padding-bottom: 3em; }

.manlinenav a { display: block; text-decoration: none; margin: 0 0 0 3%; border-bottom: solid 1px #e8e8e8; padding: 1em 0; font-size: 1.3em; color: #333; vertical-align: middle; }

.manlinenav a img { width: 1.4em; vertical-align: middle; margin-right: 1.2em; }

.niubnav { overflow: hidden; clear: both; position: relative; background: #fff; margin-top: 0; padding-bottom: 3em; }

.niubnav a { display: block; text-decoration: none; margin: 0 0 0 3%; border-bottom: solid 1px #e8e8e8; padding: 1.3em 0; font-size: 1.3em; color: #333; vertical-align: middle; }

.niubnav a img { width: 1.4em; vertical-align: middle; margin-right: 1.2em; }
/*会员菜单栏 结束*/

/*牛币明细 开始*/
.niublist { overflow: hidden; clear: both; position: relative; border-top: solid 1em #f2f2f2; padding-left: 1.2em; }

.niublist li { overflow: hidden; clear: both; border-bottom: solid 1px #e8e8e8; padding: 1em 1em 1em 0; position: relative; }

.niublist li .nam { color: #333; font-size: 1.4em; line-height: 2em; }

.niublist li .tim { height: 1.5em; color: #999; font-size: 1.1em; }

.niublist .img { position: absolute; right: 1em; top: 2.5em; vertical-align: middle; font-size: 1.1em; color: #a91e2e; }

.niublist .img img { width: 1.2em; margin: -0.2em 0 0 0.8em; vertical-align: middle; }
/*牛币明细 结束*/

input.form-button { background-color: #a91e2e; }

header.top { background-color: #a91e2e; border-bottom: 1px solid #a91e2e; }

.selectregion { position: fixed !important; width: 94% !important; left: 0 !important; right: 0 !important; top: initial !important; bottom: 1em !important; margin: 0 auto; border-radius: 0.8em; padding-bottom: 1.5em; }
/*员工信息栏 开始*/
.messpinfo { overflow: hidden; clear: both; width: 94%; padding: 0 3%; position: relative; }

.messpinfo ul { background: #fff; overflow: hidden; clear: both; display: block; }

.messpinfo li { margin: 0em 0 0.5em; overflow: hidden; clear: both; width: 100%; position: relative; }

.messpinfo .text { padding-left: 6.8em; }

.messpinfo .img { width: 5.6em; height: 5.6em; border-radius: 4em; background: #d1d1d1; position: absolute; top: 1.6em; left: 0.1em; }

.messpinfo .img > img { width: 5.6em; height: 5.6em; border-radius: 4em; overflow: hidden; }

.messpinfo .img .sextag { width: 1.5em; height: 1.5em; display: inline-block; overflow: hidden; position: absolute; bottom: 0; right: 0; }

.messpinfo .img .sextag img { width: 100%; }

.messpinfo .nam { padding: 2.2em 0 0 0; font-size: 1.3em; line-height: 1.5em; color: #333; font-weight: bold; vertical-align: middle; }

.messpinfo .tim { padding: 0.2em 0 1em 0; font-size: 1.2em; line-height: 1.3em; color: #999; }
/*员工信息栏 结束*/
/*历史回复栏 开始*/
.hismess { background: #f2f2f2; padding: 1em 0 3em 3%; overflow: hidden; clear: both; margin-top: 1.5em; }

.hismess .tit { color: #999; font-size: 1.1em; }

.hismess ul { }

.hismess li { list-style: inside; color: #a91e2e; padding-top: 0.6em; font-size: 1.2em; }

.hismess .b { color: #999; }

.hismess li .name { color: #333; margin-right: 0.5em; }

.hismess li .text { color: #333; width: 70%; vertical-align: top; }

.hismess .b .text { width: 80%; }

.hismess li span { display: inline-block; }
/*历史回复栏 结束*/
/*消息回复栏 开始*/
.resendmsg { height: 4em; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9; background: #f9f9f9; }

.resendmsg .lef { float: left; width: 70%; }

.resendmsg .rig { float: right; width: 30%; }

.resendmsg input { border-radius: 0.3em; background: #fff; border: solid 1px #e8e8e8; margin: 0.5em 0 0 0.5em; width: 91%; padding: 0 3%; height: 2.4em; line-height: 2.4em; font-size: 1.15em; color: #333; }

.resendmsg a { margin: 0.5em 0.5em 0; border-radius: 0.3em; display: block; background: #fff; border: solid 1px #e8e8e8; height: 2.4em; line-height: 2.4em; overflow: hidden; text-align: center; color: #666; font-size: 1.15em; text-decoration: none; }
/*消息回复栏 结束*/
/*消息列表栏 开始*/
.msgtemplist { overflow: hidden; clear: both; width: 94%; padding: 0 3%; }

.msgtemplist ul { overflow: hidden; clear: both; }

.msgtemplist ul li { background: #fff; padding: 1em; margin-top: 1.2em; border: solid 1px #fff; border-radius: 0.5em; overflow: hidden; clear: both; }

.msgtemplist ul .on { border-color: #a91e2e; }

.msgtemplist .con { font-size: 1.2em; line-height: 1.8em; color: #333; }
/*消息列表栏 结束*/
/*消息提交栏 开始*/
.msgtempsub { height: 3.4em; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9; background: #fff; border-top: solid 1px #e8e8e8; }

.msgtempsub a, .msgtempsub button { background: none; border: none; width: 100%; display: block; line-height: 2.4em; text-align: center; color: #a91e2e; font-size: 1.3em; text-decoration: none; }

.msgtempform { padding: 1em; background: fff; border: none; }

.msgtempform textarea { background: fff; border: none; font-size: 1.2em; line-height: 1.8em; width: 100%; min-height: 50em; }
/*消息提交栏 结束*/

.input_pic { overflow: hidden; clear: both; padding: 0.6em 0 0.3em; position: relative; font-size: 1.2em; color: #333; }

.input_pic img { width: 4.5em; float: left; background: #e8e8e8; margin-right: 0.5em; }
.manclass { width: 94%; padding: 0 3%; }

.input_box { background: #fff; border-radius: 0.5em; padding:2em 1em; margin: 1.5em 0 0em;border: none; box-shadow: 0 -1rem 1rem rgba(175, 55, 65, 0.1);}
.input_box .tit { font-size: 1.3em; line-height: 1.3em; color: #333; font-weight: bold; padding-bottom: 0.5em; }
.input_box .join{color: #a91e2e !important; font-size: 1.5em;}
.input_box .input_class { background-color: #fff; border-radius: 0.2em; border: solid 1px #aaa; padding: 0; margin-top: 5px; }

.input_box .input_class div.pQuestion { display: block; margin: 0.2em 0.5em; padding: 0; }

.input_box .input_class input[type="text"] { line-height: 1em; padding: 0.3em 0; border: none; width: 100%; }

.input_box .input_class textarea { width: 98%; resize: none; border: none; line-height: 1em; padding: 0.2em; display: block; height: 4em; }

.input_box .input_class div.pQuestion label { display: table; padding: 0.3em 0; width: 100%; color: #999; border-bottom: dotted 1px #aaa; }

.input_box .input_class div.pQuestion label span { display: table-cell; }

.input_box .input_class div.pQuestion label:last-child { border: none; }

.input_box .input_class span { background: initial; }
