@import url("icons-extra.css");
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,
embed,object,iframe,img,audio,video,canvas,hr,
form,fieldset,legend,label,input,button,textarea,select,table,caption,tfoot,thead,tbody,tr,th,td,
article,aside,header,footer,hgroup,section,summary,nav,dialog,
details,figcaption,figure,menu,meter,output,progress,time,mark {margin:0;padding:0;}
embed,object,iframe,img,audio,video,canvas,
article,aside,header,footer,hgroup,section,summary,nav,dialog,details,figcaption,figure,menu {display:block;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border-style:none;}
abbr,dfn {border-style:none;font-variant:inherit;}
blockquote,address,abbr,dfn,cite,q,code,var,kbd,samp,del,ins,sub,sup,s,i,optgroup,em,mark,small {font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option,small {font-size:100%;font-family:inherit;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
ul,ol,menu {list-style:none outside;}
svg:not(:root) {overflow:hidden;}
.clear{ clear:both; font-size:0; line-height:0; height:0;}
.clearfix:after{ content: ""; clear: both; height: 0; visibility: hidden; display: block;}
.fleft{float:left !important;}.fright{float:right !important;}
.textAL{ text-align:left;}.textAC{ text-align:center;}.textAR{ text-align:right;}

a{ color:inherit;}
.color-white{ color:#fff !important;}.color-active{ color:#009DDA;}.color-important{ color:#f60;}.color-normal{ color:#333;}.color-black{ color:#000;}.color-red{ color:#f00;}.color-grey{color:#ccc;}.color-222{color:#222;}.color-333{color:#333;}.color-444{color:#444;}.color-555{color:#555;}.color-666{color:#666;}.color-777{color:#777;}.color-888{color:#888;}.color-999{color:#000;}.color-green{ color:#33cc99;}
.fontS2{ font-size:2em;}

.botfix{ position:fixed; width:100%; left:0; right:0; bottom:0; background-color:#efeff4;}
.botfix.btn{ padding:10px;z-index:999;}
.botfix.btn .mui-btn-block{ margin-bottom:0px; padding:10px 0;}
.bfixHeight{ height:50px;}.bbtnfixHeight{ height:67px;}

.mui-bar{ background-color:#F9F9F9;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);}
.mui-bar-nav.blue{background-color:#009DDA;z-index:10;}
.mui-bar-nav.blue .mui-title{ color:#fff; height:44px;}
.mui-input-row label{color: #000;font-family: "微软雅黑";font-size: 16px;}
.mui-bar-nav .mui-badge{ top:auto; left:auto;}
.mui-bar-tab.darkgrey,.hits-bar-tab.darkgrey{ background-color:#22292c;}
.mui-bar-tab .mui-tab-item:nth-child(3),.hits-bar-tab .hits-tab-item:nth-child(3){ position:relative; overflow:visible;}
.mui-bar-tab .mui-tab-item .hotbtn,.hits-bar-tab .hits-tab-item .hotbtn{ width:72px; height:72px; border-radius:50%; background-color:#FFF; border:5px solid #22292c; box-shadow:inset 0px -1px 1px rgba(0%,0%,0%,.5); position:absolute; left:50%; margin-left:-36px; bottom:5px;}
.mui-bar-tab .mui-tab-item .hotbtn .mui-icon,.hits-bar-tab .hits-tab-item .hotbtn .mui-icon{ width:32px; height:32px; top:6px;}
.mui-bar-tab .mui-tab-item .hotbtn .mui-tab-label,.hits-bar-tab .hits-tab-item .hotbtn .mui-tab-label{ margin-top:-3px; color:#009DDA;}
.mui-bar-tab .mui-tab-item .hotbtn .icon-tab-chat,.mui-bar-tab .mui-tab-item.mui-active .hotbtn .icon-tab-chat,.hits-bar-tab .hits-tab-item .hotbtn .icon-tab-chat,.hits-bar-tab .hits-tab-item.mui-active .hotbtn .icon-tab-chat{ background:url(../img/mtab_6o.png) no-repeat 0% 0%; background-size:contain;}
.hits-bar-tab{padding:0px; bottom:0;display:table;width:100%;height:50px;table-layout:fixed;left:0;right:0;
border-top:0;border-bottom:0;-webkit-touch-callout:none;}
.hits-bar-tab .hits-tab-item{ display:table-cell; width:1%;}
.hits-bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:0;border-bottom:0;-webkit-touch-callout:none}
.hits-bar-tab .hits-tab-item{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;color:#929292}
.hits-bar-tab .hits-tab-item.mui-active{color:#007aff}
.hits-bar-tab .hits-tab-item .mui-icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}
.hits-bar-tab .hits-tab-item .mui-icon~.mui-tab-label{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}
.hits-bar-tab .hits-tab-item .mui-icon:active{background:0 0}

/*首页菜单样式 */
.indexMenu1{margin:10px 0;padding:0;background:#ffffff;border-top:1px solid #d3d3d3;}
.indexMenu1 a{ margin:0; display: block;}
.indexMenu1 a .mtitle{font-size:15px;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-bottom:10px;}
.indexbk{background:#ffffff;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.indexMenu1 .menu-border-bg{ display:block; vertical-align:middle; text-align:center;  padding:10px 0px; margin:0px auto;}
.indexMenu1 .menu-border-bg img{ width:40%; height:auto; margin:0px auto;vertical-align:middle;}






.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea{line-height:1.5;font-size:15px;font-family:'微软雅黑';}
.mui-input-row input[type=color],.mui-input-row input[type=date],.mui-input-row input[type=datetime-local],.mui-input-row input[type=datetime],.mui-input-row input[type=email],.mui-input-row input[type=month],.mui-input-row input[type=number],.mui-input-row input[type=password],.mui-input-row input[type=search],.mui-input-row input[type=tel],.mui-input-row input[type=text],.mui-input-row input[type=time],.mui-input-row input[type=url],.mui-input-row input[type=week],.mui-input-row select{ height:45px;}

/*button*/
.mui-btn-submit,input.mui-btn-submit{color:#fff !important;border:1px solid #f90;background-color:#f90}
.mui-btn-submit.mui-active:enabled,.mui-btn-submit:enabled:active,input.mui-btn-submit.mui-active:enabled,input.mui-btn-submit:enabled:active,a.mui-btn-submit.mui-active:enabled,a.mui-btn-submit.mui-active,a.mui-btn-submit:active{color:#fff;border:1px solid #f60;background-color:#f60}
.mui-btn-outlined.mui-btn-submit:enabled:active{color:#fff}
.mui-btn-submit:enabled:active{color:#fff}
.mui-bar-tab .mui-tab-item.mui-active{color: #009DDA;}
.mui-btn-blue{color:#fff;border:1px solid #009DDA;background-color:#ff6600;}
.mui-btn-blue.mui-active:enabled,.mui-btn-blue:enabled:active,a.mui-btn-blue:enabled:active,a.mui-btn-blue:active{color:#fff;border:1px solid #0089BD !important;background-color:#0089BD !important;}
.mui-btn-black{color:#fff !important;border:1px solid #333 !important;background-color:#333 !important;}
.mui-btn-black.mui-active:enabled,.mui-btn-black:enabled:active{color:#fff;border:1px solid #000 !important;background-color:#000 !important;}
.mui-btn-black-opacity,a.mui-btn-black-opacity{color:#fff;border:1px solid rgba(51,51,51,0.4);background-color:rgba(51,51,51,0.4);}
.mui-btn-black-opacity.mui-active:enabled,.mui-btn-black-opacity:enabled:active,a.mui-btn-black-opacity:active{color:#fff;border:1px solid rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.4);}
a.mui-btn-danger.mui-active:enabled,a.mui-btn-danger:enabled:active,a.mui-btn-danger:active,a.mui-btn-negative.mui-active:enabled,a.mui-btn-negative:enabled:active,a.mui-btn-negative:active,a.mui-btn-red.mui-active:enabled,a.mui-btn-red:enabled:active,a.mui-btn-red:active{color:#fff;border:1px solid #cf2d28;background-color:#cf2d28}
.mui-btn-green{color:#fff !important;border:1px solid #33cc99 !important;background-color:#33cc99 !important;}
.mui-btn-green.mui-active:enabled,.mui-btn-green:enabled:active,a.mui-btn-green:enabled:active,a.mui-btn-green:active{color:#fff;border:1px solid #339966 !important;background-color:#339966 !important;}
.mui-btn-yellow{color:#fff !important;border:1px solid #f0ad4e;background-color:#f0ad4e;}
.mui-btn-yellow.mui-active:enabled,.mui-btn-yellow:enabled:active,a.mui-btn-yellow:enabled:active,a.mui-btn-yellow:active{color:#fff;border:1px solid #ec971f;background-color:#ec971f;}
.mui-btn-blue, .mui-btn-primary, input[type=submit]{ border: 1px solid #ff6600;}
.mui-btn-outlined.mui-btn-blue, .mui-btn-outlined.mui-btn-primary{ color:#009DDA;}
.mui-btn-grey{color:#333;border:1px solid #ccc;background-color:#efefef;}
.mui-btn-grey.mui-active:enabled,.mui-btn-grey:enabled:active,a.mui-btn-grey:enabled:active,a.mui-btn-grey:active{color:#333;border:1px solid #ccc;background-color:#ccc;}


/*index*/
.indexMenu{padding: 5px 5px;}
.indexMenu a{ margin: 5px; display: block;}
.indexMenu a .mtitle{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px;}
.indexMenu .menu-border-bg{ display:block; vertical-align:middle; text-align:center; border-radius: 5px; border:1px solid #b9b9b9; padding:10px 0px; margin:0px auto;
	background: linear-gradient(bottom , rgb(233, 233, 233) 13% , rgb(215, 215, 215) 49% , rgb(233, 233, 233) 88%);
	background: -o-linear-gradient(bottom , rgb(233, 233, 233) 13% , rgb(215, 215, 215) 49% , rgb(233, 233, 233) 88%);
	background: -ms-linear-gradient(bottom , rgb(233, 233, 233) 13% , rgb(215, 215, 215) 49% , rgb(233, 233, 233) 88%);
	background: -moz-linear-gradient(bottom , rgb(233, 233, 233) 13% , rgb(215, 215, 215) 49% , rgb(233, 233, 233) 88%);
	background: -webkit-linear-gradient(bottom , rgb(233, 233, 233) 13% , rgb(215, 215, 215) 49% , rgb(233, 233, 233) 88%);
}
.indexMenu .menu-border-bg img{ width:75%; height:auto; margin:0px auto;vertical-align:middle;}

.tips-title{ background:#009DDA; height:40px; line-height:40px; padding:0px 15px;}
.tips-title .tips-title-left{ margin-right:80px; display:block; overflow:hidden; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
.tips-title .tips-title-right{ width:80px; float:right; text-align:right; color:red;}
.tips-content:after{ content:""; height:1px; left:10px; right:10px; position:absolute; background-color:#c8c7cc;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.tips-content-text{ padding:5px 15px;}
.mui-table-view .tips-content .mui-table-view-divider{ background-color:transparent; padding-bottom:0px; font-size:90%; margin-top:0px;}
.mui-table-view .tips-content .mui-table-view-divider:before,.mui-table-view .tips-content .mui-table-view-divider:first-child:before{ height:0px !important; background-color:transparent;}
.tips-content .mui-table-view-divider:after{ height:0px; background-color:transparent;}
.tips-content .mui-table-view-cell:last-child{ padding-top:5px;}


/**/
header.mui-bar-nav ~ .hits-nav{ margin-top:44px;}
.hits-nav ul li{/* float:left;*/ margin:0px 10px;}
.hits-nav{ height:46px; white-space:nowrap; position:relative; padding-left:4px; padding-right:4px;}
.hits-nav>div,.hits-nav>div>div,.hits-nav>div>div>ul{ height:100%;}
.scrollCtr{ position:absolute; right:2px; top:0px; width:32px; height:46px;}
.haveCtr{ padding-right:34px;}
.scrollCtr span{ background:url(../img/havescroll.png) no-repeat 0 50%; background-size:contain; width:100%; height:100%; display:block; overflow:hidden;}
.scroll-list{ position:relative;}
.scroll-list ul{ display:inline;white-space: nowrap; float:left;}
.scroll-list ul li{display:inline-block;margin:8px 4px;}
.scroll-list ul li a{ text-decoration:none; font-size:15px; display:block; padding:0 6px; height:30px; line-height:30px; outline:none; -moz-outline:none; box-shadow:0px 0px 1px rgba(0,0,0,0.2); background-color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.scroll-list ul li a.active{ padding:0 6px; background:#009DDA; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/**/
.hits-page-content{ background-color:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.15); margin:0px 2px 2px 2px; min-height:460px; padding:10px 5px; color:#333; line-height:1.5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.hits-page-content p{ font-size:inherit; color:inherit; margin:6px 0;}
.hits-page-piclist{ background-color:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.15); margin:0px 2px 2px 2px; min-height:460px; padding:10px 5px; color:#333; line-height:1.5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.piclist-table{ width:100%; display:table;}
.piclist-item{ display:block; float:left; width:50%; text-align:center; overflow:hidden;}
.piclist-item a{ display:block; margin:5px 10px;}
.piclist-item .picarea{ display:block; min-height:164px;vertical-align:middle;text-align:center;}
.piclist-item .picarea img{ display:block; max-width:100%; max-height:100%; margin:0px auto; vertical-align:middle;}
.piclist-item .pictitle{ font-size:15px; padding-top:5px; min-height:41px; line-height:1.2; display:-webkit-box; overflow:hidden;  white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.art-title{ margin:0px 0px 10px -5px; text-align:center; border-left:5px solid #009DDA; padding:2px 0px 2px 6px;}
.art-title h1{ font-size:20px;}
.art-content{}
.art-content img{ max-width:100%; height:auto;}
.gzyimg{ margin:0px 20px; text-align:center;}
.gzyimg img{ margin:0px auto;}
.hits-page-list{/* background-color:#fff;*/ box-shadow:0px 0px 1px rgba(0,0,0,0.15);/* margin:0px 2px 2px 2px;*//* min-height:460px; padding:10px 5px;*/ color:#333; line-height:1.5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.hits-page-list .mui-table-view .mui-table-view-cell:after{ left:10px; right:10px; height:1px; background-color:transparent; border-bottom:1px dashed #c8c7cc; -webkit-transform: scaleY(1); transform: scaleY(1);}
.hits-page-list .mui-table-view .mui-table-view-cell:last-child:after{ border:none;}
.show-more{ text-align:center; padding:8px 5px;}

/*show*/
.mui-input-row .title{line-height:1.5;float:left;width:35%;padding:10px 10px;}
.mui-input-row .content{float:right;width:65%;margin-bottom:0px;padding-left:0px;border:0px none; padding:10px 0px; line-height:1.5;}

.mui-table-view-cell .hits-icon20{ margin-right:5px;}


/*icon*/
.hits-icon20{ width:20px; height:20px; vertical-align:middle;}
.icon-tab-home{ background:url(../img/mtab_1.png) no-repeat 0% 0%; background-size:contain;}
.icon-tab-compass{ background:url(../img/mtab_2.png) no-repeat 0% 0%; background-size:contain;}
.icon-tab-chat{ background:url(../img/mtab_6.png) no-repeat 0% 0%; background-size:contain;}
.icon-tab-service{ background:url(../img/mtab_4.png) no-repeat 0% 0%; background-size:contain;}
.icon-tab-user{ background:url(../img/mtab_5.png) no-repeat 0% 0%; background-size:contain;}
.mui-active .icon-tab-home{ background:url(../img/mtab_1o.png) no-repeat 0% 0%; background-size:contain;}
.mui-active .icon-tab-compass{ background:url(../img/mtab_2o.png) no-repeat 0% 0%; background-size:contain;}
.mui-active .icon-tab-chat{ background:url(../img/mtab_6o.png) no-repeat 0% 0%; background-size:contain;}
.mui-active .icon-tab-service{ background:url(../img/mtab_4o.png) no-repeat 0% 0%; background-size:contain;}
.mui-active .icon-tab-user{ background:url(../img/mtab_5o.png) no-repeat 0% 0%; background-size:contain;}
.icon-myzix{ background:url(../img/ico_myzix.png) no-repeat 0% 0%; background-size:contain;}
.icon-myyuy{ background:url(../img/ico_myyuy.png) no-repeat 0% 0%; background-size:contain;}
.icon-mychax{ background:url(../img/ico_mychax.png) no-repeat 0% 0%; background-size:contain;}
.icon-myxinx{ background:url(../img/ico_myxinx.png) no-repeat 0% 0%; background-size:contain;}
.icon-mymim{ background:url(../img/ico_mymim.png) no-repeat 0% 0%; background-size:contain;}
.icon-applogo{ background:url(../img/AppIcon57x57@2x.png) no-repeat 0% 0%; background-size:contain;}

/*2019-02-21 update*/
.mui-bar-nav.blue a{ color: #fff; }
