@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, textarea { margin: 0; padding: 0; font-size: 14px; line-height: 24px; color: #333; font-family: 'microsoft yahei',verdana,Tahoma; }
ol, ul, li { list-style: none; line-height: 24px; }
ol, ul { zoom: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; vertical-align: middle; }

a, a:link, a:visited { cursor: pointer; text-decoration: none; color: #333; }
a:hover { cursor: pointer; color: #0074d9; }
:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear: both; float: none; overflow: hidden; height: 0; font-size: 0; }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }
.clearfix { zoom: 1; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fl { float: left; }
.fr { float: right; }
.font { font: 14px/24px "Comic Sans MS"; }
.css3pie { behavior: url(css3pie/PIE.htc); }
.w1200px { width: 1200px; margin: 0 auto; }
.w1000px { width: 1000px; margin: 0 auto; }
.w_P100 { width: 100%; }
.h_P100 { height: 100%; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
select::-ms-expand { display: none; }
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* { -webkit-user-select: text; /* Chrome all / Safari all /opera15+*/ -moz-user-select: text; /* Firefox all */ -ms-user-select: text; /* IE 10+ */ user-select: text; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body { width: 100%; margin: 0 auto; background: #fff; overflow-x: hidden; }
#mainbox { margin: 0 auto; overflow: hidden; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@font-face { font-family: "DINPro"; src: url('fonts/DINPro.otf') format('truetype'); }
.DINPro { font-family: "DINPro" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: "DINOBL"; src: url('fonts/DINOBL.TTF') format('truetype'); }
.DINOBL { font-family: "DINOBL" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.outPager { margin: 40px 0 20px 0; padding-bottom: 30px; text-align: center; }
.pager { display: inline-block; }
.mui-pagination > li > a, .mui-pagination > li > span { transition: all .5s; float: left; padding: 5px 12px; margin: 0 4px; border: none; background: #eee; color: #9a9a9a; }
.mui-pagination > li > a.active, .mui-pagination > li > a:hover { background: #0074d9; color: #fff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.text_l { text-align: left; }
.text_c { text-align: center; }
.text_j { text-align: justify; }
.text_r { text-align: right; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tb-rl { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *writing-mode: tb-rl; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.muitableNoBg, .muitableNoBg:before, .muitableNoBg:after, .muitableNoBg.mui-table-view:before, .muitableNoBg.mui-table-view:after { background: none; }

.mui-ellipsis-3 { overflow: hidden; white-space: normal; text-overflow: ellipsis; }

.mui-grid-mine.mui-table-view.mui-grid-view { padding: 0 14px 10px 0; background: none; border: none; }
.mui-grid-mine.mui-table-view.mui-grid-view .mui-table-view-cell { margin-right: 0; padding: 10px 0 0 14px; background: none; border: none; }
.mui-grid-mine.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) { padding: 0; margin: 0; }
.mui-grid-mine.mui-table-view.mui-grid-view.mui-grid-9 { background: none; border: none; }
.mui-grid-mine.mui-table-view.mui-grid-view.mui-grid-9 .mui-table-view-cell { background: none; border: none; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.mui-table-view-cell.mui-active, .mui-table-view-cell > a:not(.mui-btn).mui-active { background: none; }

.mui-overflow { overflow: inherit; }
.mui-overflow .mui-table-view { overflow: inherit; }
.mui-overflow .mui-table-view .mui-table-view-cell { overflow: inherit; }
.mui-overflow .mui-table-view-cell > a:not(.mui-btn) { overflow: inherit; }
.mui-overflow .mui-table-view-cell > a { overflow: inherit; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.mui-NoBack, .mui-NoBack .mui-table-view { padding: 0 !important; }
.mui-NoBack .mui-table-view-cell { padding: 0 !important; }
.mui-NoBack .mui-table-view-cell > a:not(.mui-btn) { padding: 0 !important; margin: 0 !important; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.swiperbtn { position: absolute; top: 50%; margin-top: -36px; z-index: 9999; }
.swiperbtn .iconfont { font-size: 45px; line-height: 72px; color: #e5e5e5; }

.swiperbtn_css .swiperbtn { transition: all .5s; width: 50px; height: 50px; text-align: center; margin-top: -25px; border-radius: 100%; }

.swiperbtn_css .swiperbtn .iconfont { line-height: 50px; color: #d2d2d2; }
.swiperbtn_css .swiperbtn.swiper-prev { left: -75px; }
.swiperbtn_css .swiperbtn.swiper-next { right: -75px; }

.swiperbtn_css .swiperbtn:hover .iconfont, .swiperbtn_css.swiperbtn_css2 .swiperbtn:hover .iconfont { color: #0074d9; }

.swiperbtn_css.swiperbtn_css2 .swiperbtn { background: none; }
.swiperbtn_css.swiperbtn_css2 .swiperbtn .iconfont { color: #9f9fa5; }

.swiperbtn_css.swiperbtn_css3 .swiperbtn.swiper-prev { left: 0; }
.swiperbtn_css.swiperbtn_css3 .swiperbtn.swiper-next { right: 0; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.hpn_top_container { display: none; position: fixed; top: 0; z-index: 99999; width: 100%; height: 32px; text-align: center; line-height: 32px; background: #fcd116; color: #202d33; border-bottom: solid 1px #B59602; }
.hpn_top_container a { color: #3e6db1; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* <label class="checkbox_radio"><input type="checkbox" name="AAAA"><i class="fl iconfont icon-hook"></i><span class="fl">终端违蝥</span></label> */
label.checkbox_radio { display: inline-block; font-size: 14px; height: 24px; margin-right: 14px; line-height: 24px; cursor: pointer; }
label.checkbox_radio i { display: inline-block; width: 14px; height: 14px; line-height: 12px; margin: 5px 5px 1px 0; text-align: center; vertical-align: middle; }
label.checkbox_radio i { font-size: 10px !important; border: #2489c5 1px solid; color: #fff; }
input[type="checkbox"], input[type="radio"] { display: none; }
input[type="radio"] + i { border-radius: 7px; }
input[type="checkbox"]:checked + i, input[type="radio"]:checked + i { background: #2489c5; }
input[type="checkbox"]:disabled + i, input[type="radio"]:disabled + i { border-color: #ccc; }
input[type="checkbox"]:checked:disabled + i, input[type="radio"]:checked:disabled + i { background: #ccc; }

.form-control:focus { color: #495057; background: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem #007bff; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.ui-dialog-header { border: none !important; }
.ui-dialog-title { text-indent: -999px; }
.ui-dialog-close { width: 20px; height: 20px; background: url(../images/_form_close.png) no-repeat center !important; text-indent: -999px; border-radius: 10px; overflow: hidden; }
.art_dialog .img img { height: 150px; }
.art_dialog .txt { height: 52px; margin-top: 10px; font-size: 18px; line-height: 52px; background: #199c75; color: #ffffff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#mobile_minchat_div { height: 72px !important; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/