html,
        body {
            background-color: #efeff4;
            /*font-family: "PingFangSC-Regular";*/
        }

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

        .clearfix .li2 color:red .clear {
            clear: both
        }

        em,
        i {
            font-style: normal;
        }

        li {
            list-style: none;
        }

        span.mui-icon {
            /*font-size: 14px;
	color: #2870ff;
	margin-left: -15px;
	padding-right: 10px;*/
        }

        .clear {
            clear: both;
        }

        .mui-off-canvas-left {
            color: #fff;
        }

        .border_tb {
            border-bottom: 1px solid #e5e5e5;
            border-top: 1px solid #e5e5e5;
        }

        .border_t {
            border-top: 1px solid #e5e5e5;
        }

        .border_b {
            border-bottom: 1px solid #e5e5e5;
        }

        * {
            font-size: 14px;
        }

        .mui-popup-title+.mui-popup-text {
            word-break: break-word;
            /*弹窗文本强制换行*/
        }

        .title {
            /*margin: 35px 15px 10px;*/
        }

        .back_icon {
            top: -5px;
            left: 10px;
        }

        .back_icon.mui-icon-closeempty:before {
            font-weight: 700;
            font-size: 34px;
        }

        .apply .title {
            font-size: 14px;
            background-color: #fff;
            padding-left: 17px;
            height: 30px;
            line-height: 30px;
            margin: 0px;
            font-weight: bold;
        }

        .touxiang {
            border-radius: 50%;
            border: #fff solid 2px;
        }

        .title .logo {
            display: block;
            margin: 10px auto;
            height: 30px;
        }

        .title+.content {
            margin: 10px 15px 35px;
            color: #bbb;
            text-indent: 1em;
            font-size: 14px;
            line-height: 24px;
        }

        .title .c_more {
            font-size: 15px;
            border: 1px solid rgba(163, 163, 163, 0.5);
            -webkit-border-radius: 3px;
            border-radius: 3px;
            padding: 0px 10px;
        }

        .title .c_more a {
            color: #6d6d72;
        }

        .title .c_more .mui-icon-forward {
            font-size: 14px;
            margin: 0px;
            padding: 0px;
        }

        .search {
            width: 90%;
            height: 40px;
            margin: auto auto;
            position: relative;
        }

        .search .SearchKey {
            width: 100%;
            background-color: #5D5A5A;
            color: #D8D8D8;
        }

        .search .mui-icon-search {
            font-size: 30px;
            color: #D3D4D6;
            position: absolute;
            top: 3px;
            right: 0px;
            z-index: 1000;
            display: block;
        }

        input {
            color: #000;
        }

        /* 星号必填 */

        .kong:before {
            content: "\00A0\00A0";
        }

        .xing:before {
            content: "*";
            color: #ff0000;
            padding-right: 4px
        }

        /* placeholder必填选项红色 */

        .invalid:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: red;
            opacity: 1;
        }

        .invalid::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: red;
            opacity: 1;
        }

        input.invalid:-ms-input-placeholder {
            color: red;
        }

        input.invalid::-webkit-input-placeholder {
            color: red;
        }

        .noborder {
            border: none
        }

        /*颜色样式*/

        .color_red {
            color: #ff0000;
        }

        .color_black {
            color: #000;
        }

        .color_999 {
            color: #999;
        }

        .color_blue {
            color: #00b9d2;
        }

        .color_green {
            color: #00ae7b;
        }

        .color_orange {
            color: #ff962c;
        }

        /*背景样式*/

        .bg_white {
            background-color: #fff !important;
        }

        .bg_yellow {
            background-color: #fff5e5;
        }

        /*字体大小*/

        .f14 {
            font-size: 14px;
        }

        .f16 {
            font-size: 16px;
        }

        .f18 {
            font-size: 18px;
        }

        .f20 {
            font-size: 20px;
        }

        .f22 {
            font-size: 22px;
        }

        .f24 {
            font-size: 24px;
        }

        .f26 {
            font-size: 26px;
        }

        .f28 {
            font-size: 28px;
        }

        .f30 {
            font-size: 30px;
        }

        /*border样式*/

        .border-right-none {
            border-right: none !important;
        }

        .border-left-none {
            border-left: none !important;
        }

        .border-bottom-none {
            border-bottom: none !important;
        }

        .border-top-none {
            border-top: none !important;
        }

        .w100 {
            width: 100%;
        }

        .fr {
            float: right;
        }

        .fl {
            float: left;
        }

        .ma {
            margin: 0px auto;
        }

        .m0 {
            margin: 0px
        }

        .m02 {
            margin: 2px
        }

        .m05 {
            margin: 5px
        }

        .m10 {
            margin: 10px
        }

        .m15 {
            margin: 15px
        }

        .m20 {
            margin: 20px
        }

        .m02 {
            margin: 2px
        }

        .mt0 {
            margin-top: 0px !important;
        }

        .mb0 {
            margin-bottom: 0px !important;
        }

        .mt02 {
            margin-top: 2px
        }

        .mt05 {
            margin-top: 5px
        }

        .mt06 {
            margin-top: 6px
        }

        .mt10 {
            margin-top: 10px
        }

        .mt15 {
            margin-top: 15px
        }

        .mt20 {
            margin-top: 20px
        }

        .mt25 {
            margin-top: 25px
        }

        .mt30 {
            margin-top: 30px
        }

        .mt35 {
            margin-top: 35px
        }

        .mt40 {
            margin-top: 40px
        }

        .mt50 {
            margin-top: 50px
        }

        .mb02 {
            margin-bottom: 2px
        }

        .mb05 {
            margin-bottom: 5px
        }

        .mb06 {
            margin-bottom: 6px
        }

        .mb10 {
            margin-bottom: 10px
        }

        .mb15 {
            margin-bottom: 15px
        }

        .mb20 {
            margin-bottom: 20px
        }

        .mb25 {
            margin-bottom: 25px
        }

        .mb30 {
            margin-bottom: 30px
        }

        .mb35 {
            margin-bottom: 35px
        }

        .mb40 {
            margin-bottom: 40px
        }

        .mb50 {
            margin-bottom: 50px
        }

        .ml05 {
            margin-left: 5px
        }

        .ml10 {
            margin-left: 10px
        }

        .ml15 {
            margin-left: 15px
        }

        .ml20 {
            margin-left: 20px
        }

        .ml25 {
            margin-left: 25px
        }

        .ml30 {
            margin-left: 30px
        }

        .ml40 {
            margin-left: 40px
        }

        .ml50 {
            margin-left: 50px
        }

        .mr05 {
            margin-right: 5px
        }

        .mr10 {
            margin-right: 10px
        }

        .mr15 {
            margin-right: 15px
        }

        .mr20 {
            margin-right: 20px
        }

        .mr25 {
            margin-right: 25px
        }

        .mr30 {
            margin-right: 30px
        }

        .mr40 {
            margin-right: 40px
        }

        .mr50 {
            margin-right: 50px
        }

        .p4-p6 {
            padding: 4px 6px
        }

        .p0 {
            padding: 0px !important
        }

        .p5 {
            padding: 5px;
            line-height: 20px;
        }

        .p10 {
            padding: 10px
        }

        .p15 {
            padding: 15px
        }

        .p20 {
            padding: 20px
        }

        .pt0 {
            padding-top: 0px
        }

        .pt05 {
            padding-top: 5px
        }

        .pt10 {
            padding-top: 10px
        }

        .pt15 {
            padding-top: 15px
        }

        .pt20 {
            padding-top: 20px
        }

        .pt25 {
            padding-top: 25px
        }

        .pt30 {
            padding-top: 30px
        }

        .pt40 {
            padding-top: 40px
        }

        .pt50 {
            padding-top: 50px
        }

        .pb05 {
            padding-bottom: 5px
        }

        .pb10 {
            padding-bottom: 10px
        }

        .pb15 {
            padding-bottom: 15px
        }

        .pb20 {
            padding-bottom: 20px
        }

        .pb25 {
            padding-bottom: 25px
        }

        .pb30 {
            padding-bottom: 30px
        }

        .pb40 {
            padding-bottom: 40px
        }

        .pb50 {
            padding-bottom: 50px
        }

        .pl0 {
            padding-left: 0px
        }

        .pl05 {
            padding-left: 5px
        }

        .pl10 {
            padding-left: 10px
        }

        .pl15 {
            padding-left: 15px
        }

        .pl20 {
            padding-left: 20px
        }

        .pl25 {
            padding-left: 25px
        }

        .pl30 {
            padding-left: 30px
        }

        .pl40 {
            padding-left: 40px
        }

        .pl50 {
            padding-left: 50px
        }

        .pr05 {
            padding-right: 5px
        }

        .pr10 {
            padding-right: 10px
        }

        .pr15 {
            padding-right: 15px
        }

        .pr20 {
            padding-right: 20px
        }

        .pr25 {
            padding-right: 25px
        }

        .pr30 {
            padding-right: 30px
        }

        .pr40 {
            padding-right: 40px
        }

        .pr50 {
            padding-right: 50px
        }

        .pm {
            padding: 0px;
        }

        .text-index-50 {
            text-indent: 50px !important;
        }

        .text-index-80 {
            text-indent: 80px !important;
        }

        .h20 {
            line-height: 20px;
        }

        .h30 {
            line-height: 33px;
        }

        .fw700 {
            font-weight: 700;
        }

        .disblock {
            display: block
        }

        /*加载样式*/

        /*.rz-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border-radius: 12px;
}*/

        .rz-spinner {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 46px;
            height: 46px;
            border-radius: 10px;
            text-align: center;
            padding-left: 8px;
            padding-top: 8px;
            background-color: #000;
            z-index: 28;
        }

        .rz-spinner span {
            color: #fff;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            width: 30px;
            height: 30px;
        }

        /*顶部标题*/

        .top_title {
            height: 40px;
            line-height: 40px;
            border-bottom: 2px #007aff solid;
            background: #f9f9f9;
            overflow: hidden;
        }

        .icon_left {
            padding-top: 10px;
            font-size: 20px !important;
        }

        .icon-right {
            padding-top: 10px;
            font-size: 20px !important;
        }

        .top_title_txt {
            text-indent: 10px;
        }

        /*自适应列表样式*/

        .wspace_normal {
            white-space: normal;
        }

        .r-15 {
            right: -15px
        }

        .line-clamp-3 {
            -webkit-line-clamp: 3
        }

        .line-clamp-2 {
            -webkit-line-clamp: 2;
        }

        /*列表样式*/

        .mainlist {
            height: auto;
            width: 100%
        }

        .mainlist ul li a,
        .mainlist ul li a span {
            background-repeat: no-repeat
        }

        .mainlist ul {
            display: block;
            height: auto;
            background-color: #fff;
        }

        /*	.li_2:一行两列:图标+标题*/

        .mainlist ul.li_2 li {
            display: block;
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #F5F5F5
        }

        .mainlist ul.li_2 li:last-child {
            border-bottom: none
        }

        .mainlist ul.li_2 li i {
            display: inline-block;
            width: 16px;
            padding-top: 4px;
            float: left;
            padding-left: 15px
        }

        .mainlist ul.li_2 li img {
            display: block;
            width: 100%;
            padding: 0;
            margin-top: 8px
        }

        .mainlist ul.li_2 li a {
            display: block;
            color: #323232;
            font-size: 15px;
            position: relative;
            z-index: 5;
            text-indent: 10px;
            background-size: 16px auto;
            background-position: 10px center;
            padding: 0px;
        }

        .mainlist ul.li_2 li a.mui-icon {
            -webkit-text-stroke-width: 0px;
            line-height: 50px
        }

        .mainlist ul.li_2 li a:before {
            color: #ffffff;
            border-radius: 10px;
            width: 40px;
            height: 40px;
            display: inline;
            padding: 5px;
            font-size: 1.4em;
            margin-right: 10px;
        }

        .mainlist ul.li_2 li a b {
            display: inline-block;
            min-width: 40px;
            line-height: normal;
            border-radius: 20px;
            background-color: #FF7900;
            color: #fff;
            text-align: center;
            text-indent: 0;
            font-size: 10px;
            position: absolute;
            right: 32px;
            top: 50%;
            padding: 3px;
            font-weight: 400;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .mainlist ul.li_2 li a span {
            position: absolute;
            line-height: 50px;
            right: 20px;
        }

        .mainlist ul.li_2 li a span.mui-icon {
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            background-color: #007aff;
            position: absolute;
            top: 10px;
            border-radius: 10px;
            left: 10px;
        }

        .mainlist ul.li_2 li a span.mui-icon:before {
            margin-top: 9px;
            position: absolute;
            top: -20px;
            left: -43px;
            color: #fff;
        }

        /*	.li_3:一行三列A样式头缩进:图标+图标+标题*/

        .mainlist ul ul.li_3 li a .jiedian.mui-icon {
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 10px;
            border-radius: 10px;
            left: 10px;
            background: none;
        }

        .mainlist ul ul.li_3 li a .jiedian.mui-icon:before {
            margin-top: 9px;
            position: absolute;
            top: -20px;
            left: -73px;
            color: rgb(223, 221, 221);
            font-size: 18px;
        }

        .mainlist ul ul.li_3 li a span.mui-icon {
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 10px;
            border-radius: 10px;
            left: 40px;
            background: #00ae7b;
        }

        .mainlist ul ul.li_3 li a span.mui-icon:before {
            margin-top: 9px;
            position: absolute;
            top: -20px;
            left: -73px;
        }

        /*	.li_4:一行四列:图标+标题+小标题+导航图标*/

        .mainlist ul.li_4 li {
            display: block;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px solid #F5F5F5
        }

        .mainlist ul.li_4 li:last-child {
            border-bottom: none
        }

        .mainlist ul.li_4 li i {
            display: inline-block;
            width: 16px;
            padding-top: 4px;
            float: left;
            padding-left: 15px
        }

        .mainlist ul.li_4 li img {
            display: block;
            width: 100%;
            padding: 0;
            margin-top: 8px
        }

        .mainlist ul.li_4 li a {
            display: block;
            color: #323232;
            font-size: 15px;
            position: relative;
            z-index: 5;
            text-indent: 15px;
            background-size: 16px auto;
            background-position: 10px center;
            padding: 0px;
        }

        .mainlist ul.li_4 li a.mui-icon {
            -webkit-text-stroke-width: 0px;
            line-height: 42px
        }

        .mainlist ul.li_4 li a:before {
            padding-right: 10px;
            color: #007aff;
            font-size: 20px;
        }

        .mainlist ul.li_4 li a:after {
            content: '\e583';
            font-family: Muiicons;
            font-size: inherit;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 15px;
            left: auto;
            bottom: auto;
            display: inline-block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            text-decoration: none;
            color: #bbb;
            -webkit-font-smoothing: antialiased;
            background: none;
        }

        .mainlist ul.li_4 li a b {
            display: inline-block;
            min-width: 40px;
            line-height: normal;
            border-radius: 20px;
            background-color: #FF7900;
            color: #fff;
            text-align: center;
            text-indent: 0;
            font-size: 10px;
            position: absolute;
            right: 32px;
            top: 50%;
            padding: 2px;
            font-weight: 400;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .mainlist ul.li_4 li a span {
            position: absolute;
            line-height: 46px;
            right: 40px;
        }


        /*	.li_4_1:一行四列:图标+标题+小标题+导航图标,增加高度*/

        .mainlist ul.li_4_1 li {
            display: block;
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #F5F5F5
        }

        .mainlist ul.li_4_1 li:last-child {
            border-bottom: none
        }

        .mainlist ul.li_4_1 li i.description {
            display: inline-block;
            float: left;
            position: absolute;
            line-height: 86px;
            width: 100%;
            left: 0px;
            padding-left: 0px;
            font-size: 12px;

        }

        .mainlist ul.li_4_1 li img {
            display: block;
            width: 100%;
            padding: 0;
            margin-top: 8px
        }

        .mainlist ul.li_4_1 li a {
            display: block;
            color: #323232;
            font-size: 15px;
            position: relative;
            z-index: 5;
            text-indent: 15px;
            background-size: 16px auto;
            background-position: 10px center;
            padding: 0px;
            top: 0px;
            line-height: 46px;
            height: 60px
        }

        .mainlist ul.li_4_1 li a.mui-icon {
            -webkit-text-stroke-width: 0px;
            line-height: 42px
        }

        .mainlist ul.li_4_1 li a:before {
            padding-right: 10px;
            color: #007aff;
            font-size: 20px;

        }

        .mainlist ul.li_4_1 li a:after {
            content: '\e583';
            font-family: Muiicons;
            font-size: inherit;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 15px;
            left: auto;
            bottom: auto;
            display: inline-block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            text-decoration: none;
            color: #bbb;
            -webkit-font-smoothing: antialiased;
            background: none;

        }

        .mainlist ul.li_4_1 li a b {
            display: inline-block;
            min-width: 40px;
            line-height: normal;
            border-radius: 20px;
            background-color: #FF7900;
            color: #fff;
            text-align: center;
            text-indent: 0;
            font-size: 10px;
            position: absolute;
            right: 32px;
            top: 50%;
            padding: 2px;
            font-weight: 400;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .mainlist ul.li_4_1 li a span {
            position: absolute;
            line-height: 60px;
            right: 40px;
        }


        .mainlist .mui-table-view-cell:last-child:after,
        .mui-table-view-cell:last-child:before {
            height: auto;
        }

        .mainlist .bg_red {
            background-color: #ff0000;
        }

        .mainlist .bg_blue {
            background-color: #00b9d2;
        }

        .mainlist .bg_light_blue {
            background-color: #4aa9e9;
        }

        .mainlist .bg_green {
            background-color: #00ae7b;
        }

        .mainlist .bg_light_green {
            background-color: #13c395;
        }

        .mainlist .bg_orange {
            background-color: #ff962c;
        }

        .mainlist .bg_pink {
            background-color: #ee7363;
        }

        .mainlist .bg_yellow {
            background-color: #f7b35e;
        }

        .Errormes {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding: 15px;
            background: rgba(0, 0, 0, .8);
            border-radius: 8px;
            color: #fff;
            font-size: 16px;
            line-height: 1.4em;
            z-index: 999999;
            width: 60%;
            text-align: center
        }

        .loading,
        .staticAjaxReplace {
            display: none
        }

        .loading {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(../images/loading.gif) center no-repeat rgba(0, 0, 0, .5);
            background-size: 60px auto;
            z-index: 9999999
        }

        .staticLoading {
            display: block;
            padding-top: 15px;
            margin: 0 auto;
            color: #333
        }

        .J-hyd {
            left: 0;
            width: 238px;
            background: #fff;
            z-index: 999999;
            border-radius: 3px;
            overflow: hidden;
            border: 1px solid #6e6d6d
        }

        .J-hyd .title {
            padding: 15px 0;
            text-align: center;
            font-size: 18px
        }

        .J-hyd .button {
            overflow: hidden;
            text-align: center
        }

        .J-hyd .button button {
            float: left;
            width: 50%;
            padding: 10px 15px;
            background: #f15a0c;
            border: 0;
            color: #fff;
            font-size: 14px;
            border-top: 1px solid #f15a0c
        }

        .J-hyd .button button.butcall {
            border-top: 1px solid #f5f5f5;
            background: #fff;
            color: #333
        }

        .J-back,
        .J-hyd {
            position: fixed;
            top: 0
        }

        .J-back {
            left: 0;
            width: 100%;
            height: 0;
            background: rgba(0, 0, 0, .5) !important;
            filter: Alpha(opacity=50);
            z-index: 9999
        }

        /*头部样式*/

        header.mui-bar {
            /*background: #2870ff;*/
        }

        header .mui-title,
        header a {
            /* color: #FFFFFF;*/
        }

        header.mui-bar .mui-btn.save {
            font-weight: normal;
            font-size: 12px;
            font-weight: 400;
            position: relative;
            z-index: 20;
            top: 7px;
            margin-top: 0;
            padding: 5px 12px !important;
        }

        header.mui-bar .mui-btn {
            font-weight: normal;
            font-size: 17px;
        }

        header.mui-bar .mui-btn-white {
            top: 1px;
            color: #fff;
            line-height: 44px;
            top: 0;
            padding: 0;
            color: #ffffff;
            border: 0;
        }

        header.mui-bar-top {
            background: #04b3fe;
            -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            box-shadow: 0 0px 0px #ccc;
            -webkit-box-shadow: 0 0px 0px #ccc;
        }

        header.mui-bar-top h1,
        header.mui-bar-top a {
            color: #fff;
        }

        .mui-table-view-cell {
            color: #333;
        }

        .mui-table-view-cell>a:not(.mui-btn) {
            color: #333;
        }

        /* 表单列表input样式 */
        .navigate_input {
            border: none !important;
            height: 30px !important;
            margin-top: 0px;
            width: 108% !important;
            margin-bottom: 0px !important;
            font-size: 14px;
            float: right;
            text-align: right;
        }

        .navigate_r {
            right: 35px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            line-height: 1;
            display: inline-block;
            padding: 3px 6px;
            color: #333;
        }

        .mui-ios-8 .navigate_r {
            top: 28% !important;
        }

        .navigate_r_input {
            right: 0px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            line-height: 1;
            display: inline-block;
            padding: 3px 6px;
            color: #333;
        }

        .navigate_r_input input {
            border: none;
            height: 30px;
            margin-top: 15px;
            width: 108%;
            font-size: 14px;
            float: right;
        }

        .mui-ios-8 .navigate_r_input input {
            margin-top: -15px !important;
        }

        .tel {
            color: #D3D4D6
        }

        .tel-phone {}

        span.mui-icon-phone {
            color: #D3D4D6;
            font-size: 24px;
        }

        .mui-bar .mui-icon-phone {
            color: #fff;
            font-size: 24px;
            display: block;
            margin: auto;
        }

        .mui-bar-tab .mui-tab-item span.iconfont {
            width: auto;
            margin-bottom: 2px;
        }

        /*菜单样式*/

        .mui-table-view-cell.mui-collapse .mui-menu-2 {
            width: 150%;
            background: none;
            margin: 0px -15px -11px;
        }

        .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell.menu-2 {
            padding-left: 22px;
            line-height: 10px;
        }

        .mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron.mui-menu-3 {
            margin-right: -6px;
            display: none;
        }

        .mui-table-view-cell.mui-collapse.menu-2.mui-active .mui-table-view.mui-table-view-chevron.mui-menu-3 {
            display: block;
        }

        .mui-table-view-cell.mui-collapse .mui-table-view.mui-menu-3 {
            margin-left: -22px;
        }

        .mui-table-view-cell.mui-collapse .menu-3>.mui-navigate-right:after {
            content: '';
        }

        .menu-3 .mui-navigate-right:after {
            content: '';
        }

        .mui-table-view-cell.mui-collapse .mui-collapse-content a.mui-menu-two:not(.mui-btn) {
            position: relative;
            display: block;
            overflow: hidden;
            margin: -5px 0px;
            padding: inherit;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: inherit;
            color: #C7C5C5;
            font-size: 14px;
        }

        .mui-grid-view.mui-grid-9 .mui-media {
            color: #3da9fe;
            background: #FFFFFF;
            padding: 5px;
        }

        .menu-l .iconfont {
            font-size: 24px;
            color: #fff;
            padding-left: 15px;
            padding-right: 15px;
        }

        /*底部导航*/

        .mui-bar-tab {
            /*height: 40px;    color: #FFFFFF;*/
            -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .27);
            box-shadow: 0 0 1px rgba(0, 0, 0, .27);
        }

        .mui-bar-tab .submit {
            width: 94%;
            margin: 6px auto;
            top: 2px;
        }

        .mui-bar-tab .bottom {
            width: 49%;
            margin: 6px auto;
            top: 2px;
        }

        .mui-bar-tab .mui-tab-item {
            /*background: #2870ff;
   height:40px;
   color: #fff;  */
            font-size: 12px;
        }

        .mui-bar-tab .mui-tab-item.mui-active {
            color: #007aff;
        }

        .mui-popover .mui-table-view {
            background: #2870ff;
        }

        .mui-popover .mui-popover-arrow:after {
            background: #2870ff;
        }

        .mui-popover.mui-bar-popover .product-view {
            width: 185px
        }

        .bar-bottom>a:not(.mui-btn) {
            color: #fff;
        }

        .mui-card .mui-control-content {
            padding: 10px;
        }

        .mui-bar-popover {
            width: 30%;
        }

        .mui-bar-popover a {
            font-size: 14px;
        }

        .mui-popover .mui-table-view {
            max-height: 340px;
        }

        .mui-pagination>li.mui-active>a,
        .mui-pagination>li.mui-active>a:active,
        .mui-pagination>li.mui-active>span,
        .mui-pagination>li.mui-active>span:active,
        .mui-pagination>li:active>a,
        .mui-pagination>li:active>a:active,
        .mui-pagination>li:active>span,
        .mui-pagination>li:active>span:active {
            border-color: #2870ff;
            background-color: #2870ff;
        }

        .mui-pagination>li>a,
        .mui-pagination>li>span {
            color: #2870ff;
        }

        .foot-nav span.iconfont {
            margin: auto auto;
            display: block;
            /*color: #fff;*/
        }

        .foot-nav span.icon-wode1 {
            font-size: 23px;
        }

        .foot-nav span.icon-fuwu-copy {
            font-size: 24px;
            ;
        }

        .mui-bar-tab .mui-tab-item .mui-icon-extra-class {
            font-size: 22px;
            top: 4px;
        }

        .mui-bar-tab .mui-tab-item .icon-wode1 {
            font-size: 20px;
            top: 4px;
        }

        .mui-bar-tab .mui-tab-item .mui-icon-extra-heart {
            top: 4px;
        }

        /*选项卡样式重写*/

        .mui-segmented-control {
            border: 1px solid #2870ff;
        }

        .mui-segmented-control .mui-control-item.mui-active {
            background-color: #2870ff;
        }

        .mui-segmented-control .mui-control-item {
            color: #2870ff;
            border-color: #2870ff;
            border-left: 1px solid #2870ff;
        }

        /*首页提醒模块*/

        .ibox {
            background: #fff;
            text-align: center;
            vertical-align: middle;
        }

        .ibox span {
            display: block;
            font-size: 30px;
            height: 26px;
            font-weight: bold;
            vertical-align: middle;
            font-family: "Helvetica";
        }

        .zmkuai {
            padding-top: 10px;
        }

        .zmkuai .queka {
            height: 90px;
            display: table-cell;
            width: 1%;
        }

        .zmkuai .tixing {
            height: 130px;
            display: table-cell;
            width: 1%;
        }

        .zmkuai .shenpi {
            height: 130px;
            display: table-cell;
            width: 1%;
        }

        .zmkuai .shenqing {
            height: 90px;
            display: table-cell;
            width: 1%;
            color: #fff;
        }

        .zmkuai .ruzhi {
            width: 100%;
            height: 60px;
            display: table-cell;
            width: 1%;
        }

        .zmkuai .lizhi {
            width: 100%;
            height: 60px;
            display: table-cell;
            width: 1%;
        }

        .zmkuai .back_red {
            background: #ff6100;
        }

        /*领导桌面提醒/*首页模块提醒*/

        .leader_chart {}

        .leader_chart .queka {
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .tixing {
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .shenpi {
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .shenqing {
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .ruzhi {
            width: 100%;
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .lizhi {
            width: 100%;
            height: 50px;
            display: table-cell;
            width: 1%;
        }

        .leader_chart .back_red {
            background: #ff6100;
        }

        .leader_chart .ibox span {
            display: block;
            font-size: 20px;
            height: 20px;
            font-weight: bold;
            vertical-align: middle;
            font-family: "Helvetica";
        }

        /*分页样式*/

        .mui-page {
            text-align: center;
            /*width: 290px;*/
        }

        .mui-pagination {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            border-radius: 6px;
        }

        .mui-grid-view.mui-grid-9 .mui-media .mui-icon {
            font-size: 2.0em;
            position: relative;
        }

        .mui-icon1 {
            font-size: 3.5em;
            display: inline-block;
            font-family: Muiicons;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
        }

        /*工作台首页*/

        .workbench span {
            font-size: 20px;
            border-radius: 10px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            display: table;
            color: #000;
            overflow: hidden;
            margin: auto;
            border: #e0e0e0 solid 1px;
        }

        .workbench span.iconfont:before {
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            font-size: 0.8em;
            color: #007aff;
        }

        .apply span.icon-rencaizhaopin:before {
            font-size: 1.0em !important;
        }

        .apply span.icon-renlianduibi:before {
            font-size: 1.0em !important;
        }

        .workbench .mui-slider-indicator {
            bottom: 0px;
        }

        .workbench .mui-grid-view.mui-grid-9 .mui-media {
            padding: 0px;
        }

        .workbench .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            color: #6d6d72;
            font-size: 12px;
        }

        /*应用图标*/

        .apply {
            background: #fff;
        }

        .apply span.iconfont {
            font-size: 14px;
            margin: auto auto;
            border-radius: 10px;
            width: 40px;
            height: 40px;
            display: table;
            color: #fff;
            overflow: hidden;
            margin: auto;
            background-color: #2870ff;
            border: #e0e0e0 solid 1px;
        }

        .apply span.iconfont:before {
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            font-size: 0.8em;
        }

        .apply span.iconfont {
            font-size: 2.0em;
        }

        .apply .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            font-size: 12px;
            margin-top: 8px;
            color: #000000;
            /*font-weight: bold;*/
        }

        .apply .mui-media-body {
            font-size: 12px;
            margin-top: 8px;
            color: #000000;
            font-weight: bold;
        }

        /*角标*/

        .apply .mui-badge {
            background: #ff0000;
            color: #fff;
            top: 20px;
            z-index: 20;
        }

        /*背景颜色*/

        .apply span.bg_pink {
            background-color: #ee7363;
        }

        .apply span.bg_yellow {
            background-color: #f7b35e;
        }

        .apply span.bg_light_blue {
            background-color: #4aa9e9;
        }

        .apply span.bg_light_green {
            background-color: #13c395;
        }

        /*首页加载数据前初始化界面高度*/

        .banner {
            /*min-height:135px;高度*/
            /* height: 112px; */
            background-color: #fff;
        }

        .workbench {
            min-height: 108px;
            background-color: #fff;
        }

        /*列表*/

        .mui-scroll .mui-table-view-cell a {
            font-size: 14px;
            text-align: left;
        }

        .content-detail img {
            width: 100%;
        }

        /*人才招聘*/

        .joblist {
            margin-top: 15px;
        }

        .joblist .mui-collapse-content label {
            font-size: 12px;
        }

        .joblist .mui-collapse-content span {
            display: block;
            padding: 11px 15px;
            font-size: 12px;
        }

        .joblist .job_content {
            height: auto;
        }

        /*分享*/

        #forward .mui-table-view {
            background: #fff;
        }

        #forward .bdshare-button-style0-32 a {
            text-align: center;
            display: inline-block;
            float: none;
        }

        /*样式覆盖*/

        .mui-media-body1 {
            display: block;
            width: 100%;
            height: 15px;
            margin-top: 8px;
            font-size: 15px;
            line-height: 15px;
            color: #333;
            text-overflow: ellipsis;
            font-family: "微软雅黑";
        }

        .mui-media1 {
            color: #3da9fe;
            background: #FFFFFF;
            padding: 5px;
        }

        .msettlement_url {
            border: 1px solid #e9e9e9;
            border-width: 1px 0;
            min-height: 49px;
            background: #fff;
            padding: 10px 0;
            position: relative;
            margin-bottom: -1px;
        }

        .msettlement_url p {
            color: #3e4245;
            line-height: 24px;
            overflow: hidden
        }

        .msettlement_url .add,
        .msettlement_url .mod {
            width: 26px;
            height: 26px;
            text-align: center;
            line-height: 26px;
            position: absolute;
            display: block
        }

        .msettlement_url p:nth-child(1) {
            margin-top: 5px
        }

        .msettlement_tpay {
            border: 1px solid #e8e8e8;
            border-width: 1px 0;
            background: #fff;
            padding: 10px;
            overflow: hidden
        }

        .msettlement_tpay h2,
        .msettlement_tpay h3 {
            font-size: 14px;
            color: #000;
            margin-bottom: 5px
        }

        .msettlement_tpay h3 {
            padding-left: 28px
        }

        .msettlement_intri {
            float: right;
            padding-right: 10px;
            text-align: right;
            line-height: 52px
        }

        .msettlement_intri b {
            display: block;
            color: #e4393c;
            font-size: 16px
        }

        .msettlement_int {
            margin-top: 10px;
            border: 1px solid #e8e8e8;
            border-width: 1px 0;
            background: #fff;
            height: 52px;
            overflow: hidden
        }

        .msettlement_intle {
            float: left;
            padding-left: 10px;
            line-height: 52px
        }

        /*首页长按识别公众号二维码*/

        #show_qrcode {
            /* display:none; */
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            background: rgba(0, 0, 0, .9)
        }

        #show_qrcode .code_box {
            display: table;
            height: 100%;
            width: 100%
        }

        #show_qrcode .code_box section {
            display: table-cell;
            vertical-align: middle
        }

        #show_qrcode img {
            width: 52%;
            background-color: #fff
        }

        #show_qrcode p {
            color: #fff;
            font-size: 18px;
            margin-top: 15px
        }

        #show_qrcode,
        #show_qrcode p {
            text-align: center
        }

        /*QQ客服*/

        .QQKefu {
            position: fixed;
            bottom: 50px;
            border: #1CAAC1 solid 1px;
            padding: 1px;
            right: 4px;
            width: 40px;
            height: 40px;
            background-color: #2870ff;
            z-index: 100;
            border-radius: 50%
        }

        .QQKefu .icon-QQ {
            color: #FFFFFF;
            display: block;
            width: 20px;
            height: 20px;
            margin: 6px 0px 0px 4px;
        }

        .QQKefu .icon-QQ:before {
            font-size: 28px;
        }

        /*人力分析-工资总额*/

        .gongzi_sum {
            border-top: #C9C9C9 solid 1px;
            border-bottom: #C9C9C9 solid 1px;
            color: #6E6E6e;
        }

        .gongzi_sum .gztd {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            font-size: 14px;
            border-right: #C9C9C9 solid 1px;
        }

        .gongzi_sum .gztd:last-child {
            border-right: none;
        }

        .gongzi_sum .gztd span {
            font-weight: bold;
            font-size: 16px;
            display: block;
        }

        /*学吧首页*/

        .xb_btm {
            color: #fff;
        }

        .mui-grid-view.mui-grid-9 .tongshiquan {
            background: #eb2082;
        }

        .mui-grid-view.mui-grid-9 .dingyue {
            background: #009fdb;
        }

        .mui-grid-view.mui-grid-9 .biji {
            background: #8fc740;
        }

        .xb_btm span.iconfont {
            display: block;
            margin: auto;
            color: #fff;
        }

        .xb_btm .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            color: #fff;
        }

        .title {
            margin: 10px 15px 10px;
            color: #666867;
            font-size: 14px;
        }

        .title_iconok:before {
            font-size: 25px !important;
            color: #007aff;
        }

        .list_iconnew {
            margin-top: -22px;
            margin-right: -36px;
            font-size: 20px !important;
            color: #007aff;
        }

        .justify_content_fs {
            justify-content: flex-start;
        }

        /*学吧资讯列表*/

        .new_list.mui-table-view .mui-media-object {
            line-height: 60px;
            max-width: 100px;
            height: 60px;
        }

        .new_list.mui-table-view .mui-media-body {
            white-space: normal;
        }

        .new_list .body_title {
            color: #000000;
            min-height: 44px;
        }

        .new_list .icon-icondianzan:before,
        .new_list .icon-pinglun:before {
            padding-right: 5px;
        }

        /*新员工培训*/

        .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
            border-bottom: 2px solid #0978f1;
            line-height: 42px;
            height: 40px;
        }

        .peixun_slider .mui-scroll .mui-media-object {
            border-radius: 50%;
        }

        /*myhr首页*/

        .myhr_t {
            color: #999;
        }

        .myhr_t .ibox span {
            display: block;
            font-size: 16px;
            height: 26px;
            color: #000;
            font-weight: inherit;
            vertical-align: middle;
            font-family: "Helvetica";
        }

        /*应用*/

        .apply_slider .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
            padding: 0 8px;
        }

        /*任务*/

        .renwu_slider {
            top: 45px;
        }

        .renwu_slider .mui-scroll {
            width: 100%;
        }

        .renwu_slider .mui-scroll .mui-control-item {
            width: 33.33%;
        }

        .mui-slider .renwu-card .mui-card-header img {
            border-radius: 50%;
            width: 74%;
        }

        .mui-slider .renwu-card .mui-card-header p {
            margin-bottom: 2px;
        }

        .mui-slider .renwu-card .mui-card-header p.name {
            font-weight: 600;
            text-align: left;
            padding-left: 5px;
            color: #6A6767;
        }



        .mui-slider .renwu-card .mui-card-header p.neirong {
            color: #aaa;
            text-align: right;
            font-size: 12px;
        }



        .mui-slider .renwu-card .mui-card-header p.baifen {
            color: #aaa;
            text-align: right;
            font-size: 12px;
        }

        .renwu-card .mui-card-content .ok {
            color: #0BA60B;
            font-weight: 600;
        }

        .renwu-card .mui-card-content .no {
            color: #FF0408;
            font-weight: 600;
        }

        .renwu-card .mui-card-content .mid {
            color: #FF7900;
            font-weight: 600;
        }

        .renwu-card .mui-card-content {
            padding: 10px;
            font-size: 16px;
        }

        .renwu-card .mui-card-footer {
            padding: 10px 0px;
        }

        .renwu-card .guanlian span {
            font-size: 10px;
            padding-right: 4px;
        }

        .renwu-card .guanlian span:before {
            padding-right: 2px;
        }

        .renwu-card .guanlian span:after {
            content: '\e587';
            font-family: Muiicons;
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            line-height: 1;
            display: inline-block;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
        }

        .renwu-card .guanlian span:last-child:after {
            content: '';
        }

        /* 审批卡片第二版样式 */

        .mui-slider .renwu-card.card-v1 .mui-card-header p.name {
            padding-left: 8px;
            font-weight: 800;
            padding-top: 4px;

        }

        .mui-slider .renwu-card.card-v1 .mui-card-header p.neirong {
            padding-left: 8px;
        }

        .mui-slider .renwu-card.card-v1 .mui-card-header p.time {
            text-align: left;
            font-size: 12px;
        }


        .mui-slider .renwu-card.card-v1 .mui-card-header .header:after {
            border-bottom: #d4d4d4 dashed 1px;
            bottom: 0px;
            position: absolute;
            width: 100%;
        }

        .mui-slider .card {
            position: relative;
        }

        .mui-card {
            background-color: rgb(255, 255, 255) !important;
        }

        .mui-slider .round-left {
            width: 10px;
            height: 20px;
            position: absolute;
            left: 8px;
            top: 56px;
            background: #efeff4;
            border: 1px solid #d4d4d4;
            border-left: 1px solid #efeff4;
            border-radius: 0 100% 100% 0/50%;
            z-index: 1001 !important;
            /* 左上、右上、右下、左下 */
        }

        .mui-slider .round-right {
            width: 10px;
            height: 20px;
            position: absolute;
            right: 8px;
            top: 56px;
            background: #efeff4;
            border: 1px solid #d4d4d4;
            border-right: 1px solid #efeff4;
            border-radius: 100% 0 0 100%/50%;
            z-index: 1000 !important;
            /* 左上、右上、右下、左下 */
        }

        .mui-slider .card .state_text {
            width: 80px;
            height: 20px;
            position: absolute;
            right: -20px;
            color: #fff;
            font-size: 12px;
            line-height: 20px;
            top: 11px;
            transform: rotate(45deg);
            text-align: center;
        }

        .mui-slider .card .ok {
            background-color: #0BA60B;

        }

        .mui-slider .card .no {
            background-color: #FF0408;

        }

        .mui-slider .card .mid {
            background-color: #FF7900;

        }

        /*审批*/

        .flow .mui-slider-indicator .mui-icon.mui-icon-search {
            border: none;
        }

        .flow .mui-slider-indicator .mui-input-row.mui-search {
            /*margin-top: 40px;*/
        }

        .flow .mui-slider-indicator .mui-input-row.mui-search:before {
            margin-top: -8px;
        }

        .flow .mui-fullscreen .mui-segmented-control~.mui-slider-group {
            top: 75px;
        }

        .flow_search input[type=search] {
            margin-bottom: 0px;
        }

        .mui-search:before {
            font-family: Muiicons;
            font-size: 20px;
            font-weight: 400;
            position: absolute;
            top: 50%;
            right: 50%;
            display: none;
            margin-top: -10px;
            margin-right: 31px;
            content: '\e466'
        }

        .where_box .title {
            text-align: left;
            font-size: 12px;
        }

        .where_box .mui-icon-flag:before {
            font-size: 18px;
        }

        .where_box.state .mui-icon-flag:before {
            color: #007AFF;
        }

        .where_box.class .mui-icon-flag:before {
            color: #02C589;
        }

        .where_ul {
            margin: 10px 15px 10px;
            padding: 0px;
        }

        .where_ul li {
            float: left;
            height: 35px;
            line-height: 35px;
            margin: 7px 7px 0px 0px;
            width: 30%;
            padding: 0px 5px;
            border-radius: 6px;
            background-color: #F9F9F9;
            color: #868686;
        }

        .where_box.state .mui-active1 {
            color: #007AFF;
            background-color: #DBE8F6;
        }

        .where_box.class .mui-active1 {
            color: #02C589;
            background-color: #C0FCE3;
        }

        #flow_ntab .mui-badge {
            top: -8px;
            position: relative;
            background: #ff0000;
            color: #fff;
        }

        /*审批轨迹*/

        .nearsite {
            padding-top: 10px;
            position: relative;
        }

        .nearsite1:before {
            background: #e7eaec;
            content: '';
            position: absolute;
            top: 10px;
            left: 23px;
            height: 100%;
            width: 4px;
        }

        #flow_ctab .mui-badge {
            top: -8px;
            position: relative;
            background: #ff0000;
            color: #fff;
        }

        .nearsite-message {
            display: inline-block;
            clear: both;
            padding: 0px 0px 0px 10px;
            width: 100%;
        }

        .nearsite-message .avatar {
            float: left;
            position: relative;
            width: 36px;
            height: 36px;
            background: #fff;
            border-radius: 50%;
            z-index: 100;
        }

        .nearsite-message .avatar span {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #0978f1;
            margin: 3px;
            text-align: center;
            padding-top: 5px;
            font-size: 22px;
            color: #fff;
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15) inset;
        }

        .nearsite-message .content {
            float: right;
            background: #fff;
            margin: 0 20px 10px 10px;
            padding: 10px;
            border-radius: 7px;
            position: relative;
            min-height: 20px;
            font-size: 15px;
            max-width: 83%;
            max-width: -moz-calc(100% - 60px);
            max-width: -webkit-calc(100% - 60px);
            max-width: calc(100% - 60px);
            min-width: calc(98% - 60px);
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
            text-align: left;
        }

        .nearsite-message .content img {
            width: 100%;
        }

        .nearsite-message .content .icon-huodongguiji {
            font-size: 14px;
        }

        .nearsite-message .content span {
            width: 25px;
            height: 25px;
        }

        .nearsite-message .content p {
            margin-bottom: 0px;
        }

        .nearsite-message .content .triangle {
            height: 0px;
            width: 0px;
            border-width: 8px;
            border-style: solid;
            position: absolute;
            top: 6px;
            border-color: transparent #fff transparent transparent;
            left: -16px;
            display: none;
        }

        .nearsite-message .content .triangle:first-child {
            display: block;
        }

        .vertbar {
            width: 1px;
            height: 50px;
            background-color: #a2a2a2;
            margin: -34px 25px -8px;
        }

        /*工资明细

.mingxi {
    background: -moz-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b2ff), color-stop(100%, #24b5f4));
    background: -webkit-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
    background: -o-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
    background: -ms-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
    background: linear-gradient(to bottom, #00b2ff 0%, #24b5f4 100%);
    color: #fff;
}

.mingxi .mui-row {
    height: 30px;
    line-height: 30px;
}

.mingxi .mui-row .shifa {
    font-size: 20px;
}

.mingxi .wage_s {
    font-size: 2em;
    background: url(../images/guang_line.png) bottom center no-repeat;
    padding-bottom: 5px;
    height: 35px;
}

*/

        .mingxi {
            background: -moz-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b2ff), color-stop(100%, #24b5f4));
            background: -webkit-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
            background: -o-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
            background: -ms-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
            background: linear-gradient(to bottom, #00b2ff 0%, #24b5f4 100%);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            color: #fff;
            position: fixed;
            z-index: 6;
            right: 0;
            left: 0;
            top: 40px;
            border-bottom: 0;
            background-color: #f7f7f7;
            backface-visibility: hidden;
        }

        .mingxi .mui-row {
            height: 30px;
            line-height: 30px;
        }

        .mingxi .mui-row .shifa {
            font-size: 20px;
        }

        .mingxi .wage_s {
            font-size: 2em;
            background: url(../images/guang_line.png) bottom center no-repeat;
            padding-bottom: 5px;
            height: 35px;
        }

        /*请假*/

        .jiaqi .jq_l,
        .jiaqi .jq_r {
            background: #fff;
            border-radius: 6px;
            height: 50px;
        }

        .jiaqi .jq_l .title1 {
            display: block;
            color: #6d6d72;
            font-size: 15px;
        }

        .jiaqi .jq_l .jq_l_t {
            color: #aaa;
        }

        .jiaqi .jq_l .jq_l_d {
            color: #000;
        }

        .jiaqi .jq_l .jq_l_d {
            font-size: 16px;
            color: #777;
        }

        .jiaqi .jq_l .jq_l_d span.day_num {
            font-size: 20px;
            line-height: 40px;
            color: #666;
        }

        .jiaqi .jq_l .jq_l_d span.day {
            font-size: 14px;
            padding-left: 4px;
        }

        .jiaqi .jq_r {
            background: #2870ff;
            color: #fff;
            text-align: center;
            font-size: 12px;
        }

        .jiaqi .jq_r span {
            color: #fff;
            display: inline-block;
            text-align: center;
            width: 100%;
            font-size: 24px;
            margin-top: 4px;
        }

        /*个人中心*/

        /*头部*/

        .userinfo {
            padding: 10px 0px 0px 0px;
            height: 157px;
            position: fixed;
            z-index: 6;
            right: 0;
            left: 0;
            top: 40px;
            border-bottom: 0;
            background-color: #f7f7f7;
            -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .userinfo_bg {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            height: 200px;
            background: #000 url(../images/userinfo_bg_4.jpg) no-repeat center center;
            width: 100%;
            top: -40px;
            position: absolute;
        }

        .userinfo_bg img {
            height: 200px;
            width: 100%;
        }

        .blur {
            filter: url(../images/blur.svg#blur);
            /* FireFox, Chrome, Opera */
            -webkit-filter: blur(3px);
            /* Chrome, Opera */
            -moz-filter: blur(3px);
            -ms-filter: blur(3px);
            filter: blur(3px);
            filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
            /* IE6~IE9 */
        }

        .userinfo .icon-icon_qiandao {
            font-size: 40px;
            color: #53c860;
            margin-top: 10px;
        }

        .userinfo .color_qgreen {
            color: #60FF71;
        }

        .no-shadow {
            box-shadow: none;
            -webkit-box-shadow: none;
            background-color: rgba(255, 255, 255, 0);
        }

        .no-shadow .mui-title,
        .no-shadow a {
            color: #fff;
        }

        .user-name,
        .user-depart {
            color: #fff;
            font-size: 16px;
        }

        .user-depart {
            color: #fff;
            font-size: 14px;
        }

        .info_item {
            padding: 15px 0px 0px 0px;
        }

        .en .info_item {
            padding: 4px 0px 10px 0px;
        }

        .info_item div.mui-col-sm-4:first-child {
            border-right: #eee solid 1px;
        }

        .info_item div.mui-col-sm-4:nth-child(2) {
            border-right: #eee solid 1px;
        }

        .info_item .title {
            height: 22px;
            font-size: 12px;
            color: #faf2f2;
            margin: 4px 0px;
            text-align: center;
            word-wrap: break-word
        }

        .en .info_item .title {
            margin: 4px 4px;
            height: 42px;
        }

        .info_item .num {
            text-align: center;
            font-size: 20px;
            color: #fff;
        }

        .u_jiaban {
            background: #fff;
            padding: 5px 0px 10px 0px;
        }

        .u_jiaban .title {
            font-size: 12px;
            color: #6a6a6a;
            margin: 5px 2px;
            text-align: center;
        }

        .u_jiaban .num {
            text-align: center;
            font-size: 18px;
        }

        /*个人中心列表*/

        .about .mui-table-view-cell {
            /* color: #8a8b8d; */
        }

        /*个人信息*/

        .about .touxiang_li {
            padding: 15px 15px;
        }

        .portrait {
            width: 100%;
            height: 180px;
            /* background: url(../images/bgimages.jpg) center center no-repeat; */
            /* background: url(../images/userinfo_bg_4.jpg) center bottom no-repeat rgba(0, 0, 0, 0.1); */
            background: #26b4f2;
            background-size: 100%;
            padding: 24px 0px 0px;
        }

        .portrait .images {
            width: 100%;
            height: 100px;
            position: relative;
        }

        .portrait .images img {
            display: block;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -40px;
            width: 80px;
            height: 80px;
        }

        #loader {
            display: block;
            position: absolute;
            left: 50%;
            top: -25px;
            margin-left: -65px;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #9370DB;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }

        #loader:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #BA55D3;
            -webkit-animation: spin 5s linear infinite;
            animation: spin 5s linear infinite;
        }

        #loader:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #FF00FF;
            -webkit-animation: spin 3s linear infinite;
            animation: spin 3s linear infinite;
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        .portrait .name1 {
            width: 100%;
            height: 51px;
            text-align: center;
            padding-top: 10px;
            font-size: 16px;
            color: #fff;
            text-shadow: -1px 1px 3px #000;
        }

        /*自己头像*/

        .about .about_img {
            position: absolute;
            right: 35px;
            top: 0px;
            display: block;
            border-radius: 50%;
            width: auto;
            height: 100%;
        }

        /*其他人头像*/

        .about .about_img_other {
            position: absolute;
            right: 14px;
            top: 0px;
            display: block;
            border-radius: 50%;
            width: auto;
            height: 100%;
        }

        /*通信录*/

        .mui-search .mui-placeholder span {
            font-size: 16px;
        }

        /*部门路径样式*/

        .deptpath {
            height: 40px;
            background-color: #fff;
            border-top: #eee 1px solid;
        }

        #dept_slider {
            top: 35px;
        }

        #dept_slider .mui-control-item {
            padding: 0 7px;
            font-size: 14px;
        }

        #dept_slider .mui-control-item:after {
            content: '\e583';
            font-family: Muiicons;
            font-size: 16px;
            font-weight: 400;
            font-style: normal;
            line-height: 1;
            display: inline-block;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            color: #AEAEAE;
        }

        #dept_slider .mui-control-item:last-child:after {
            content: '';
        }

        #dept_slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
            border-bottom: none;
            line-height: 42px;
        }

        /*部门列表重写样式*/

        .contacts .mainlist ul.li_2 li a:before {
            color: #007AFF;
        }

        .contacts .mainlist ul.li_2 li {
            height: 40px;
            line-height: 40px;
        }

        .contacts .mainlist ul.li_2 li a.mui-icon {
            line-height: 40px;
            text-overflow: ellipsis;
            height: 40px;
            /* width: 100%; */
            width: -moz-calc(100% - 23px);
            width: -webkit-calc(100% - 23px);
            width: calc(100% - 23px);
            overflow: hidden;
            white-space: nowrap;
        }

        .contacts .mainlist ul.li_2 li a span {
            line-height: 40px;
        }

        .contacts .indexed-list-li li .name {
            float: left;
            width: 86%;
        }

        .contacts .indexed-list-li li .name a {
            color: #8a8b8d;
            ;
            width: 100%;
            display: inline-block;
        }

        .contacts .indexed-list-li li .tel {
            float: right;
            margin-right: -10px;
        }

        /*业务申请*/

        .form_tab .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            font-weight: bold;
            height: 20px;
            line-height: 20px;
        }

        .form_tab li span {
            color: #f7b35e;
        }

        .form_tab li span:before {
            font-size: 1.3em;
        }

        .form.mui-content>.mui-table-view:first-child {
            margin-top: 0px;
        }

        .form .apply .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            font-weight: inherit;
        }

        .matter {
            font-size: 0.9em;
            color: #e81313;
        }

        .matter p {
            font-size: 0.9em;
            color: #e81313;
        }

        /*业务申请列表*/

        .form .mui-slider-indicator .mui-icon.mui-icon-search {
            border: none;
        }

        .form .mui-slider-indicator .mui-input-row.mui-search {
            /*margin-top: 40px;*/
        }

        .form .mui-slider-indicator .mui-input-row.mui-search:before {
            margin-top: -8px;
        }

        .form .mui-fullscreen .mui-segmented-control~.mui-slider-group {
            top: 40px;
        }

        .form_search input[type=search] {
            margin-bottom: 0px;
        }

        .mui-search:before {
            font-family: Muiicons;
            font-size: 20px;
            font-weight: 400;
            position: absolute;
            top: 50%;
            right: 50%;
            display: none;
            margin-top: -10px;
            margin-right: 31px;
            content: '\e466'
        }

        .where_box .title {
            text-align: left;
            font-size: 12px;
        }

        .where_box .mui-icon-flag:before {
            font-size: 18px;
        }

        .where_box.state .mui-icon-flag:before {
            color: #007AFF;
        }

        .where_box.class .mui-icon-flag:before {
            color: #02C589;
        }

        .where_box.tijiao_date .mui-icon-flag:before {
            color: #007AFF;
        }

        .where_box.flow_date .mui-icon-flag:before {
            color: #f90808;
        }

        .where_box.flow_date_t .mui-icon-flag:before {
            color: #f90808;
        }

        .where_box.flow_date,
        .where_box.flow_date_t,
        .where_box.tijiao_date {
            color: #868686;
        }

        .where_ul {
            margin: 10px 15px 10px;
            padding: 0px;
        }

        .where_ul li {
            float: left;
            height: 35px;
            line-height: 35px;
            margin: 7px 7px 0px 0px;
            width: 30%;
            padding: 0px 5px;
            border-radius: 6px;
            background-color: #F9F9F9;
            color: #868686;
        }

        .where_ul2 li {
            float: left;
            height: 35px;
            line-height: 35px;
            width: 47.5%;
            margin: 7px 7px 0px 0px;
            padding: 0px 5px;
            border-radius: 6px;
            background-color: #F9F9F9;
            color: #868686;
        }

        .tijiao_date .where_ul input,
        .flow_date .where_ul input,
        .flow_date_t .where_ul input {
            color: #868686;
            border: none;
            border-bottom: #eee solid 1px;
        }

        .where_box.state .mui-active1 {
            color: #007AFF;
            background-color: #DBE8F6;
        }

        .where_box.class .mui-active1 {
            color: #02C589;
            background-color: #C0FCE3;
        }

        /*业务申请详情*/

        .nianxiujia_item {
            padding: 10px 0px 10px 0px;
            background: #fff
        }

        .nianxiujia_item div.mui-col-sm-4:first-child {
            border-right: #eee solid 1px;
        }

        .nianxiujia_item div.mui-col-sm-4:nth-child(2) {
            border-right: #eee solid 1px;
        }

        .nianxiujia_item .title {
            font-size: 12px;
            color: #333;
            margin: 5px 0px;
            text-align: center;
        }

        .en .nianxiujia_item .title {
            font-size: 12px;
            height: 42px;
            color: #333;
            margin: 5px 2px;
            text-align: center;
        }

        .nianxiujia_item .num {
            text-align: center;
            font-size: 20px;
            color: #333;
        }

        .wenhua_item {
            padding: 10px 10px 10px 10px;
            background: #fff
        }

        /*上传图片附件*/

        .file_img .uploadify-button {
            width: 63px;
            height: 63px;
            display: block;
        }

        .file_all {
            padding: 11px 15px 5px 15px;
        }

        .file_all .uploadify-button {
            height: 22px;
            top: -10px;
        }

        .file_all .mui-navigate-right:after {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            /*-moz-osx-font-smoothing: grayscale;*/
            content: '\e651';
        }

        .file_item {
            margin-top: 5px;
            font-size: 14px;
            color: #333;
            text-align: left
        }

        #file_upload_1-queue .uploadify-queue-item:first-child {
            margin-top: 10px
        }

        .file_item.mui-row>[class*=mui-col-] {
            height: 36px;
            line-height: 36px;
        }

        .file_item_space span {
            font-size: 12px
        }

        .file_item .file_icon {
            padding-right: 12px;
        }

        .file_item .del_icon {
            padding-left: 18px;
            padding-top: 3px;
        }

        .file_item span.iconfont {
            font-size: 14px;
            margin: auto auto;
            border-radius: 6px;
            width: 34px;
            height: 34px;
            display: table;
            color: #fff;
            overflow: hidden;
            /*background-color: #2870ff;*/
            border: #e0e0e0 solid 1px;
        }

        .file_item span.iconfont.icon-delete {
            font-size: 26px;
            margin: auto auto;
            border-radius: 6px;
            width: 30px;
            height: 30px;
            display: table;
            overflow: hidden;
            background: none;
            color: #FF5053;
            border: none;
        }

        .file_item span.iconfont:before {
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            font-size: 0.8em;
        }

        .file_item span.iconfont.icon-file-s-6:before {
            color: #fc7070;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-7:before {
            color: #9da6b4;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-9:before {
            color: #9da6b4;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-8:before {
            color: #7f8efb;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-5:before {
            color: #00beca;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-4:before {
            color: #5099f4;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-3:before {
            color: #fd8d59;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-2:before {
            color: #69c01a;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-1:before {
            color: #ff9843;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-file-s-:before {
            color: #ffd658;
            font-size: 32px;
        }

        .file_item span.iconfont.icon-wendang:before {
            font-size: 1.2em;
        }

        .file_item .mui-icon-close {
            color: #ff0000
        }

        /* 添加英文样式 */

        .en .w28 {
            width: 28%;
        }

        /* 人脸拍照上传 */

        .mui-content .mui-table-view .pictures {
            min-height: 150px;
        }

        .mui-content .mui-table-view .pictures .photos {
            width: 25%;
            line-height: 240px;
        }

        .mui-content .mui-table-view .pictures .attachment {
            width: 73%;
            text-align: center;
        }

        .mui-content .mui-table-view .pictures .image-pict {
            /* overflow: initial; */
            height: 240px;
            padding-bottom: 40px;
        }

        .mui-content .mui-table-view .pictures .feedback .image-item {
            width: 180px;
            height: 220px;
            border: 1px solid #ccc;
        }

        .mui-content .mui-table-view .pictures .feedback .image-item .image-up {
            z-index: 10;
            margin-top: 76px;
        }

        .mui-content .mui-table-view .pictures .feedback .file_img .uploadify-button {
            width: 180px;
            height: 220px;
        }

        .mui-content .mui-table-view .pictures .feedback .image-loading-icon {
            margin-top: 86px;
            margin-left: 6px;
        }

        /* 企业微信适配相机+文档上传按钮 */

        #qywx_uploadsheet.mui-popover .mui-table-view {
            background: #fff;
        }

        .qywx_uploadsheet.mui-popover .mui-table-view {
            background: #fff;
        }

        /* 生成二维码 */

        .sweep {
            width: 90%;
            min-height: 50px;
            overflow: hidden;
            margin: 20px auto;
            text-align: center;
        }

        .sweep .title_1 {
            line-height: 40px;
        }

        .sweep .phone {
            color: #ff4949;
        }

        #resume_qrcode {
            position: relative;
            width: 200px;
            height: 200px;
            margin: 10px auto;
        }

        #qrCodeIco {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 8px;
            border: 2px solid rgb(223, 223, 223);
            left: 50%;
            top: 50%;
            margin-left: -20px;
            margin-top: -20px;
        }

        @media screen and (max-width: 320px) {
            .navigate_r_input input {
                width: 100%;
            }
        }


        /* 企业招聘页面 */

        .tupian {
            font-size: 14px;
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
            vertical-align: top;
            white-space: normal;
        }

        .tupian img {
            width: 100%;
        }

        .logo_img {
            width: 80px !important;
            height: 80px;
            border-radius: 5px;
            border: 1px solid #eee;
        }

        .logo_img1 {
            width: 30px !important;
            height: 30px;
            border-radius: 3px;
            border: 1px solid #eee;
        }

        .logo_img2 {
            width: 52px !important;
            height: 52px;
            border-radius: 3px;
            border: 1px solid #eee;
            padding-top: 4px;
        }

        .company {
            position: relative;
            overflow: hidden;
            padding: 11px 15px 5px;
        }

        .company:after {
            font-family: Muiicons;
            font-size: inherit;
            line-height: 1;
            position: absolute;
            top: 50%;
            display: inline-block;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            text-decoration: none;
            color: #bbb;
            -webkit-font-smoothing: antialiased;
            right: 4px;
            content: '\e583';
            font-size: 20px;
        }

        @media screen and (min-width:375px) and (max-width:413px) {
            .company_z {
                margin-left: -20px;
            }
        }

        @media screen and (min-width:320px) and (max-width:374px) {
            .company_z {
                margin-left: -10px;
            }
        }

        .position p {
            line-height: 24px;
            color: #999;
        }



        /* 人员选择样式 */

        .personnel {
            min-height: 0px;
            background-color: #fff;
            overflow: hidden;
            padding: 0px 8px;
            position: relative;
        }

        .personnel .avatar {
            width: 46px;
            height: 46px;
            margin: 10px auto 0px;
            position: relative;
        }

        .personnel .avatar span {
            position: absolute;
            right: -3px;
            top: -3px
        }

        .personnel .avatar img {
            border-radius: 50%;
        }

        .personnel p {
            font-size: 12px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0px;
            height: 24px;
            line-height: 24px;
        }

        .personnel:after {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 15px;
            height: 1px;
            content: '';
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            background-color: #c8c7cc;
        }

        .personnel.mui-row:after {
            display: inherit;
        }

        .personnel .select-personnel {
            height: 30px;
            line-height: 30px;
            padding-left: 8px;
            color: #333;
        }

        .personnel .increase {
            height: 80px;
        }

        .personnel .increase .icon-tianjia {
            width: 46px;
            height: 46px;
            margin: 27px auto 0px;
            display: block;
            text-align: center;
        }

        .personnel .increase .icon-tianjia:before {
            font-size: 2.5em;
            color: #ccc;
        }

        /* 我的页面波浪线特效 */
        .wave-hidden {
            height: 200px;
            width: 100%;
            position: fixed;
            top: 0px;
            z-index: 10;
            overflow: hidden;
        }

        .wave-background-01 {

            width: 997px;
            height: 28px;
            background: url(../images/wavebackground01.png) repeat-x;
            position: absolute;
            /* background-size: 13%; */
            bottom: -16px;
            width: 800%;
            left: -3px;
            z-index: 999;
            animation: wave1 40s linear .0s infinite normal;
            -moz-animation: wave1 40s linear .0s infinite normal;
            -webkit-animation: wave1 40s linear .0s infinite normal;
            -o-animation: wave1 40s linear .0s infinite normal;
            background-size: cover;
            background-size: contain;

        }

        .wave-background-02 {
            width: 1009px;
            height: 28px;
            background: url(../images/wavebackground02.png) repeat-x;
            position: absolute;
            /* background-size: 23%; */
            /* top: 103px; */
            bottom: -11px;
            width: 800%;
            left: 0px;
            z-index: 998;
            animation: wave2 60s linear .4s infinite normal;
            -moz-animation: wave2 60s linear .4s infinite normal;
            -webkit-animation: wave2 60s linear .0s infinite normal;
            -o-animation: wave2 60s linear .4s infinite normal;
            background-size: cover;
            background-size: contain;
        }



        @-webkit-keyframes wave1 {
            from {
                left: -236px
            }

            to {
                left: -1233px
            }
        }

        @-moz-keyframes wave1 {
            from {
                left: -236px
            }

            to {
                left: -1233px
            }
        }

        @-o-keyframes wave1 {
            from {
                left: -236px
            }

            to {
                left: -1233px
            }
        }

        @keyframes wave1 {
            from {
                left: -236px
            }

            to {
                left: -1233px
            }
        }

        @-webkit-keyframes wave2 {
            from {
                left: 0
            }

            to {
                left: -1009px
            }
        }

        @-moz-keyframes wave2 {
            from {
                left: 0
            }

            to {
                left: -1009px
            }
        }

        @-o-keyframes wave2 {
            from {
                left: 0
            }

            to {
                left: -1009px
            }
        }

        @keyframes wave2 {
            from {
                left: 0
            }

            to {
                left: -1009px
            }
        }