*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0}
body{font-family:"微软雅黑";color:#323232;line-height:20px;font-size:14px;min-width:1200px}
html{height:100%}
body,html{height:100%}
body>section{height:100%}
::-webkit-scrollbar{width:6px;height:7px;position:absolute}
::-webkit-scrollbar-thumb{background-color:#aaa}
::-webkit-scrollbar-track{background-color:#ddd}
li{list-style-type:none}
input,select,textarea{font-family:'Source Sans Pro',sans-serif;color:#767676}
.text-primary,a{color:#13b4ca}
.text-g{color:#999}
a:active,a:focus,a:hover{outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-decoration:none;color:#1890ff}
h1,h2,h3,h4,h5{font-family:'Source Sans Pro',sans-serif}
input[type=radio],
input[type=checkbox]{outline:0!important; vertical-align: middle;width:18px;height:18px;background-color:#fff;border:solid 1px #ddd;border-radius:3px;margin:0;padding:0;position:relative;display:inline-block;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease .1s;transition:background-color ease .1s}
input[type=radio]{border-radius: 20px;}
input[type=radio]:checked,
input[type=checkbox]:checked{background-color:#008fff;border:solid 1px #008fff;text-align:center;background-clip:padding-box}
input[type=radio]:checked:after,
input[type=radio]:checked:before{content:'';width:10px;height:10px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;background:#fff;z-index:2;-webkit-border-radius:50px;border-radius:50px}
input[type=checkbox]:checked:after,
input[type=checkbox]:checked:before{content:'';width:10px;height:5px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-3px;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}


.m-t-10{margin-top:10px}
.m-t-20{margin-top:20px}
.m-t-30{margin-top:30px}
.m-t-40{margin-top:40px}
.m-t-50{margin-top:50px}
.m-b-10{margin-bottom:10px}
.m-b-20{margin-bottom:20px}
.m-b-30{margin-bottom:30px}
.m-b-40{margin-bottom:40px}
.m-b-50{margin-bottom:50px}
.m-l-10{margin-left:10px}
.m-l-20{margin-left:20px}
.m-l-30{margin-left:30px}
.m-l-40{margin-left:40px}
.m-l-50{margin-left:50px}
.m-r-10{margin-right:10px}
.m-r-20{margin-right:20px}
.m-r-30{margin-right:30px}
.m-r-40{margin-right:40px}
.m-r-50{margin-right:50px}
.p-t-10{padding-top:10px}
.p-t-20{padding-top:20px}
.p-t-30{padding-top:30px}
.p-t-40{padding-top:40px}
.p-t-50{padding-top:50px}
.p-b-10{padding-bottom:10px}
.p-b-20{padding-bottom:20px}
.p-b-30{padding-bottom:30px}
.p-b-40{padding-bottom:40px}
.p-b-50{padding-bottom:50px}
.p-l-10{padding-left:10px}
.p-l-20{padding-left:20px}
.p-l-30{padding-left:30px}
.p-l-40{padding-left:40px}
.p-l-50{padding-left:50px}
.p-r-10{padding-right:10px}
.p-r-20{padding-right:20px}
.p-r-30{padding-right:30px}
.p-r-40{padding-right:40px}
.p-r-50{padding-right:50px}
.sidebar-collapsed .icon-logo{height:60px;padding-top:5px;line-height:45px;display:block!important;position:absolute;left:-52px;width:52px;font-size:24px;text-align:center}
.sidebar-left{width:240px;position:fixed;top:50px;left:0}
.sticky-sidebar{position:fixed;height:100%;overflow-y:auto;z-index:100}
.sidebar-collapsed .sticky-sidebar{overflow-y:visible;position:absolute}
.sidebar-left-info{padding:0}
.sidebar-left .search-content{display:none}
.sidebar-left .search-content::after{content:'';display:block;clear:both}
.sidebar-left .search-content input{padding:10px;width:90%;margin:20px 10px 20px 12px;border-radius:30px;border:none}
.sidebar-left .search-content input:focus{width:90%}
.noti-arrow{margin-right:15px;margin-top:2px;font-weight:400}
.side-navigation{margin-bottom:10px;margin-top:1px}
.navigation-title{font-size:11px;font-weight:400;margin:0;padding:10px 20px;text-transform:uppercase;letter-spacing:2px}
.side-navigation>li>a{color:rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.05);padding:14px 20px;border-radius:0}
.side-navigation>li>a:active,.side-navigation>li>a:hover{border-radius:0;-webkit-border-radius:0}
.side-navigation>li.menu-list>a{position:relative}
.side-navigation>li.nav-active>ul{display:block}
.side-navigation>li.menu-list>a:after{content:"\f105";display:inline-block;font-family:FontAwesome;padding-right:20px;position:absolute;right:0}
.side-navigation>li.nav-active>a:after{content:"\f107";display:inline-block;font-family:FontAwesome;padding-right:20px;position:absolute;right:0}
.side-navigation>li.menu-list.active>a:after,.side-navigation>li.nav-active.active>a:after,.side-navigation>li.nav-active.active>a:after:hover{content:"\f107"}
.side-navigation li .fa,.side-navigation li .ico{font-size:16px;vertical-align:middle;margin-right:10px;width:16px;text-align:center}
.side-navigation .child-list{list-style:none;display:none;margin:0;padding:0 0 1px 0}
.side-navigation .child-list>li>a{color:rgba(0,0,0,.7);font-size:13px;display:block;padding:15px 5px 15px 50px;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.side-navigation .child-list>li>a:active,.side-navigation .child-list>li>a:focus,.side-navigation .child-list>li>a:hover{text-decoration:none;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.side-navigation .child-list>li .fa{font-size:12px;opacity:.5;margin-right:5px;text-align:left;width:auto;vertical-align:baseline}
.side-navigation .child-list>li.active>a{color:#18cabe}
.side-navigation .child-list ul{margin-left:12px;border:0}
.side-navigation .menu-list.active ul{display:block}
.user-nav{margin-bottom:0}
.user-nav>li>a{padding:10px 20px}
.sidebar-collapsed .logo,.sidebar-collapsed .side-navigation>li.menu-list>a:after,.sidebar-collapsed .side-navigation>li.nav-active>a:after{display:none}
.sidebar-collapsed .header-section{margin-left:0}
.sidebar-collapsed .sidebar-left{width:52px;top:52px}
.sidebar-collapsed .sidebar-left-info{padding:0}
h5.left-nav-title{color:#7cd8a9;margin-left:20px;text-transform:uppercase}
.sidebar-collapsed .side-navigation{margin:0 0 20px 0}
.sidebar-collapsed .side-navigation li a{text-align:center;padding:15px 10px;position:relative}
.sidebar-collapsed .side-navigation>li.menu-list>a{background-image:none}
.sidebar-collapsed .side-navigation li a span{position:absolute;padding:15px;left:52px;top:0;min-width:175px;text-align:left;z-index:1000;display:none}
.sidebar-collapsed .side-navigation li a span .badge,.sidebar-collapsed .side-navigation li a span .label{display:none!important}
.sidebar-collapsed .side-navigation li.active a span{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.sidebar-collapsed .side-navigation .menu-list.nav-active ul,.sidebar-collapsed .side-navigation ul{display:none}
.sidebar-collapsed .side-navigation .menu-list.nav-hover ul,.sidebar-collapsed .side-navigation li.nav-hover a span{display:block}
.sidebar-collapsed .side-navigation li.nav-hover a span,.sidebar-collapsed .side-navigation li.nav-hover.active a span,.sidebar-collapsed .side-navigation>li.nav-hover.active>a,.sidebar-collapsed .side-navigation>li.nav-hover>a{color:#fff}
.sidebar-collapsed .side-navigation li.nav-hover ul{display:block;position:absolute;top:50px;left:52px;margin:0;min-width:175px;z-index:100}
.sidebar-collapsed .side-navigation ul a{text-align:left;padding:10px 15px}
.sidebar-collapsed .side-navigation li a i{margin-right:0}
.sidebar-collapsed .body-content{margin-left:52px}
.sidebar-collapsed .navigation-title,.sidebar-collapsed .sidebar-widget{display:none}
.header-section{background:linear-gradient(88deg,#13b4ca,#18cabe)}
.header-section::after{clear:both;display:block;content:''}
.toggle-btn{width:55px;height:60px;line-height:30px;font-size:14px;padding:15px;cursor:pointer;float:left;text-align:center;color:#384246;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.kouhao{height:60px;line-height:58px;float:left;font-size:20px;font-weight:300}
.kouhao img{height:32px;width:32px;border-radius:5px;margin:0 8px 0 12px}
.notification-menu .dropdown-toggle.active,.notification-menu .dropdown-toggle:active,.notification-menu .dropdown-toggle:focus,.notification-menu .dropdown-toggle:hover,.notification-menu .open .dropdown-toggle.dropdown-toggle,.toggle-btn:hover{background:#f7f7f7;color:#8b8b8b}
.search-content input{box-shadow:none;float:right;font-size:14px;height:30px;margin:15px 10px 0 10px;width:100px;border-radius:30px;background:#f3f3f3;border:none}
.search-content input,.search-content input:focus{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.search-content input:focus{box-shadow:none;border-color:#eff0f4;width:210px}
.sticky-header .sidebar-left{top:60px;height:calc(100% - 60px);z-index:100;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.13)}
.sticky-header .header-section{position:fixed;top:0;width:100%;z-index:1000;color:#fff}
.sticky-header .body-content{padding-top:60px}
.sticky-header.sidebar-collapsed .header-section{left:52px}
.sticky-header.sidebar-collapsed .right-notification{margin-right:52px}
.non-sticky-header .sidebar-left{top:0}
.non-sticky-header .side-navigation{margin-top:60px}
.non-sticky-header .right-notification{margin-right:0}
.sidebar-widget{padding:0 20px;margin-bottom:100px}
.sidebar-widget h4{font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px;padding-top:10px;letter-spacing:2px}
.sidebar-widget p{color:rgba(255,255,255,.5);font-size:12px;font-weight:400}
.sidebar-widget ul{list-style:none}
.sidebar-widget .progress{margin-bottom:20px}
.left-notification{float:left}
.notification-menu{list-style:none;padding-left:0}
.notification-menu>li{float:left;position:relative}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.notification-menu>li.open .dropdown-menu{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.notification-menu .dropdown-toggle{padding:12px 10px;border-color:#fff;background:0 0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:none;display:block}
.notification-menu .dropdown-toggle:hover,.notification-menu .open .dropdown-toggle.dropdown-toggle{background:rgba(0,0,0,.1);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#fff}
.notification-menu .dropdown-toggle .caret{margin-left:5px}
.notification-menu .dropdown-menu{margin-top:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid transparent;border-left:1px solid #ececec;border-right:1px solid #ececec;border-bottom:1px solid #ececec}
.notification-menu .dropdown-menu>li{display:block;margin:0;float:none;background:0 0;padding:0}
.notification-menu .dropdown-usermenu li{padding:0}
.notification-menu .dropdown-menu li a{color:#fff;font-size:13px;padding:10px 20px;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.notification-menu .dropdown-menu li a:hover{background:#f7f7f7;color:#fff}
.notification-menu .dropdown-title{padding:0;min-width:300px}
.notification-menu .info-number{padding:0 18px;height:60px;line-height:60px;font-size:16px;background:0 0;color:#8b8b8b;border-color:#fff;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;float:left}
.title{border-bottom:1px solid #efefef;display:inline-block;width:100%}
.dropdown-title .title{color:#797979;padding:20px 15px;font-size:14px;margin-top:-1px;margin-bottom:0}
.dropdown-title .title.green:after,.dropdown-title .title.purple:after,.dropdown-title .title.yellow:after{border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;left:20px;position:absolute;top:-6px}
.dropdown-title .title.purple:after{border-bottom:6px solid #9c78cd}
.dropdown-title .title.green:after{border-bottom:6px solid #52d192}
.dropdown-title .title.yellow:after{border-bottom:6px solid #ffd200}
.dropdown-title .title.purple{border-top:1px solid #9c78cd}
.dropdown-title .title.green{border-top:1px solid #65cea7}
.dropdown-title .title.yellow{border-top:1px solid #ffd200}
.info-number .badge{font-size:11px;font-weight:400;line-height:13px;padding:2px 6px;position:absolute;right:5px;top:10px}
.bg-info,.info-number .bg-info{color:#fff;background-color:#6bd3f3}
.bg-success,.info-number .bg-success{color:#fff;background-color:#53d192}
.bg-warning,.info-number .bg-warning{color:#fff;background-color:#ffd200}
.bg-primary,.info-number .bg-primary{color:#fff;background-color:#9c78cd}
.bg-danger,.info-number .bg-danger{color:#fff;background-color:#e55957}
.bg-dark,.info-number .bg-dark{color:#fff;background-color:#2b2b2c}
.custom-nav-img .desk{line-height:25px;font-size:13px;color:#8b8b8b}
.custom-nav-img{position:static}
.yamm-content{position:relative}
.mega-bg{background-image:url(../img/mega-menu/corner_image.jpg);background-repeat:no-repeat;background-position:bottom right;position:absolute;right:0;bottom:-5px;width:300px;height:130px}
.icon-img{float:left;margin-right:10px}
.icon-desk{display:inline-block}
.mega-menu .dropdown-menu{box-shadow:none;border-radius:0;border-color:#f1f2f7}
.wide-full{width:77%}
.right-notification{float:right;height:60px}
.right-notification .notification-menu>li>a{height:60px;line-height:60px;padding:0 15px}
.right-notification .notification-menu li li a{height:auto;line-height:normal}
.right-notification .notification-menu li a{color:#fff}
.right-notification .notification-menu>li>a>img{width:29px;height:29px;border-radius:50%;margin-right:10px}
.right-notification .notification-menu li a i{padding-right:5px}
.right-notification .input-group{margin-top:7px}
.body-content{margin-left:240px;background:#f3f3f3;min-height:100%;position:relative}
.wrapper{padding:20px}
.wrapper::after{clear:both;display:block;content:'';margin-bottom:30px}
.wrapper.no-pad{display:table-cell}
.page-head{padding:8px 20px 0 20px; height: 50px; overflow: hidden;background:#fff;position:relative;border-bottom:1px solid #eee}
.page-head h3{margin-top:0;font-size:20px}
.page-head .sub-title{color:#a3a3a3;font-size:14px}
.sb-toggle-right{width:55px;height:60px;line-height:30px;font-size:14px;padding:15px;cursor:pointer;text-align:center;color:#384246;-moz-transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
footer{background:#e9e9eb;padding:15px 20px;color:#232425;font-size:12px;position:absolute;bottom:0;width:100%}
footer.sticky-footer{position:fixed;bottom:0;width:100%}
.quanju section{background:#fff;padding:15px 20px;min-height:150px}
.quanju section p i,.quanju section p span{color:#888}
.quanju section h2{font-size:30px;padding:10px 0}
.quanju section ol{height:40px}
.quanju section ol span{color:#999}
.quanju section ol i{position:relative;font-style:normal;padding:0 5px 0 20px;color:#333}
.quanju section ol i:before{position:absolute;content:"";margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #60e060;left:0;top:7px}
.quanju section ol i.down:before{border-bottom:5px solid transparent;border-top:7px solid red;left:0;top:7px}
.taba{padding:15px 0 0 0}
.taba a{display:inline-block;padding:1px 10px;border-radius:2px;color:#777}
.taba a.active{background:#1890ff;color:#fff}
.zxtx{padding-left:15px}
.zxtx h3{font-size:15px;padding:10px 0}
.zxtx li{overflow:hidden;padding:9px 0}
.zxtx li span{float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.zxtx li span i{width:18px;height:18px;line-height:18px;font-style:normal;text-align:center;background:#eee;display:inline-block;border-radius:70px}
.zxtx li span:nth-child(1){width:15%}
.zxtx li span:nth-child(2){width:60%}
.zxtx li span:nth-child(3){width:25%}
.yshead{padding:30px 30px}
.yshead img{border-radius:200px;width:70px;margin-right:15px}
.yshead h2{font-size:18px;padding:12px 0 10px 0}
.yshead p{color:#999}
.yshead p span{padding:0 10px}
.ysnm>div{border-left:1px solid #eee;padding:0 30px;margin-top:15px;text-align:right}
.ysnm>div span{font-size:30px;color:#222}
.ysnm>div i{font-size:18px;color:#777;font-style:normal}
.ysnm>div p{padding-bottom:5px;color:#999}
.ysnm>div:last-child{border:none}
.ysnm2{padding-top:0}
.ysnm2>div{border:none!important;text-align:center;padding:20px 0 0 0}
.ysnm2>div span{font-size:24px;color:#222}
.table1 th{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:10px 0}
.table1 p{color:#333}
.table1 span{color:#999}
 .roundhead{border-radius:100px;display:block}
.table1 td{border-bottom:1px solid #eee;padding:15px 0}
.dot{width:8px;height:8px;border-radius:10px;margin:0 5px;background:#ddd;display:inline-block;vertical-align:middle}
.dot-success{background:#00a854}
.dot-warning{background:#f1c500}
.xlysqj li{text-align:center;margin:10px 0;border-left:1px solid #eee}
.xlysqj li:first-child{border:none}
.xlysqj p{font-size:24px;padding-top:10px}
.xlysqj span{color:#999}
.list01{overflow:hidden}
.list01 ul{margin-left:-1px}
.list01 li{float:left;width:25%;border-left:1px solid #eee;border-bottom:1px solid #eee;padding:30px}
.lshead img{border-radius:100px;width:24px;margin-right:10px}
.lshead{padding-bottom:10px}
.list01 p,.list01 span{color:#888}
.list01 .time{padding-top:10px}
.form1{}
.form1>ul{margin: 0;}
.form1>ul>li{position:relative;padding-left:80px;margin:8px 0}
.searchbox>ul>li{padding-left:70px;margin:8px 0}
.form1>ul>li>span{position:absolute;left:8px;line-height:36px;text-align:right;width:70px}
.searchbox>ul>li>span{left:0}
.form1>ul>li label{margin:0;padding-right:20px;font-weight:400;line-height:36px}
.form1>ul>li label input{margin-right:3px}
.form2>ul>li{padding-left:110px}
.form2>ul>li>span{width:100px}
.form1>ul>li i.righttxt,.form3>ul>li i.righttxt{position:absolute;right:-43px;top:0;width:50px;line-height:36px;font-style:normal;white-space:nowrap}
.form1 .form-control,.form3 .form-control{height:36px;line-height:36px;box-shadow:none;border:1px solid #d5d5d5}
textarea.form-control{min-height:68px}
.form3>ul>li{min-height:90px}
.form3>ul>li>span{padding:5px 0;display:inline-block}
.taba2{padding-top:6px}
.taba2 a{padding:0 15px;line-height:24px}
.line{border-bottom:1px dashed #eee;margin:15px 0}
.pagination>li>a,.pagination>li>span{border-radius:0px;padding:0;width:32px;height:32px;text-align:center;line-height:32px}
.pagination{margin:0}
.page{padding:10px 0;line-height:32px}
.page nav{height:32px;overflow:hidden}
.page input{width:48px;display:inline-block;margin:0 10px}
.breadcrumb{padding:0;line-height:32px;margin-bottom:0;list-style:none;background:0 0}
.breadcrumb a{color:#777}
.breadcrumb i{padding-right:5px}
.progress-xs{margin:7px 0}
.file{position:relative;display:inline-block;padding:0 20px;overflow:hidden;color:#333;border:1px solid #eee;border-radius:3px;text-decoration:none;text-indent:0;text-align:center;line-height:32px;cursor:pointer}
.file input{position:absolute;font-size:100px;right:0;top:0;opacity:0}
.headedit{text-align:center;padding-top:25px}
.headedit img{width:140px;height:140px;border-radius:200px;display:block;margin:15px auto}
.file2{position:relative;display:block;padding:0;overflow:hidden;float:left;margin:20px 20px 20px 0;color:#2267c7;border:1px dashed #ddd;width:140px;height:140px;text-decoration:none;text-align:center}
.file2 input{position:absolute;font-size:100px;width:100%;height:100%;right:0;top:0;opacity:0}
.file2 img{position:absolute;z-index:10;width:100%;left:0;top:0}
.file2 span{position: absolute; width: 100%; text-align: center; bottom: 25px; left: 0; color: #13b4ca;}
.file2:before{position:absolute;content:"+";font-family:iconfont;width:100%;text-align:center;left:0;color:#13b4ca;font-size:60px;line-height:100px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:12px 8px;line-height:1.42857143;vertical-align:middle;border-top:1px solid #ddd}
.date{background:url(../img/date.png) right center no-repeat!important}
.date1{width:280px}
.bg-gray{background:#f9f9f9}
.tabs1 ul{margin-left:-1.5rem;margin-right:-1.5rem}
.tabs1 a{text-transform:uppercase;padding:1rem 0;margin:0 .5rem;display:block;position:relative;font-weight:500;letter-spacing:.05rem}
.tabs1 .active a{color:#1890ff}
.tabs1 .active a:before{width:100%;position:absolute;content:"";height:2px;background:#1890ff;left:0;bottom:-1px}
.table td img{max-width:100px}
.state-overview .symbol,.state-overview .value{display:inline-block;text-align:center}
.state-overview .value{float:right;text-align:left}
.state-overview .value h1,.state-overview .value p{margin:0;padding:0}
.state-overview .value h1{font-weight:300}
.state-overview .symbol i{font-size:25px}
.state-overview .symbol{width:30%;padding:30px 15px}
.state-overview .value{width:68%;margin-top:13px;border-left:1px solid;padding-left:10%}
.state-overview .value.gray{border-color:#eaeaeb}
.state-overview .value.white{border-color:rgba(255,255,255,.2)}
.green-color,.text-success{color:#53d192}
.purple-color,.text-primary{color:#a979d1}
.blue-color,.text-info{color:#6bd3f3}
.text-warning,.yellow-color{color:#ffd200}
.red-color,.text-danger{color:#e55957}
.alltit01{font-size:16px;border-bottom:1px dotted #eee;position:relative;line-height:31px;padding-left:13px;margin:30px 0 10px 0}
.alltit01:before{position:absolute;width:5px;height:16px;top:50%;margin-top:-8px;background:#13b4ca;content:"";left:0; border-radius: 5px;}

.zkdleft{padding: 15px 0 15px 15px;}
.zkdleft li{line-height: 280%;}
.zkdleft li:nth-child(odd){background: rgba(255,255,255,.4);}
.zkdleft li span{ display: inline-block; width: 60%; font-size: 0; font-size: 13px; text-align: center; border-bottom: 1px solid #eee; color: #888;}
.zkdleft li span:first-child{color: #333; width: 40%; }
.zkdleft li:hover{background: #18cabe;}
.zkdleft li:hover span{color: #fff;}

.zkdright{border-left: 1px solid #eee; background: #fff;}
.jdbar{padding-top: 10px;}
.jdbar span{float: left; width: 7.14%; background: #f0b02c; height: 3px; border-right: 1px solid #fff;}
.jdbar span.active{ background: #24a1e7;}
.jdbar2{padding-top: 0px; margin-right: 10px;}
.jdbar2 span{ background: #ddd; height:6px;}
.jdbar2 span.active{ background: #4bbfa3;}
.jdbar2 span.active2{ background: #ff493b;}

.zkdhead{padding: 15px 0; border-bottom: 1px solid #eee;}
.zkdhead img{width: 48px; border-radius: 40px; border: 2px solid #fff; margin-right: 15px;}
.zkdhead h3{ font-size: 16px; padding: 5px 0 5px 0;}
.zkdhead span{color: #777;}

.dangan{padding:0 36px;}
.dangan .owl-pagination{ display: none;}
.dangan .owl-buttons{ position: relative;z-index: 101; top: 0; margin-left: -36px;margin-right: -37px;}

.dangan .owl-prev,
.dangan .owl-next{  position: absolute; right:0; width: 36px; height:60px; margin: 0; border-radius: 0!important;
top: -70px; line-height: 57px; font-family:"Arial", "sans-serif"; font-size: 20px!important; background: #fff!important; opacity: 1!important; color: #13b4ca!important; margin: 0!important}

.dangan .owl-prev{left:0;}
.dangan .owl-next{ right:0;}


.dangan .item{background: #fff;height:60px;  display: block; border-left: 1px solid #eee; padding: 13px 0; text-align: center;}

.dangan .item h3{font-size: 16px; color: #333;}
.dangan2 .item h3{ padding-top: 8px;}
.dangan .item h3 i{ padding-left: 8px;}
.dangan .item span {font-size: 12px; color: #999;}

.dangan .item.active{ background: #18cabe; border-color: #18cabe }
.dangan .item.active *{ color: #fff;}
.row2{margin-left: -5px; margin-right: -5px;}
.row2>li{ padding-left: 5px!important; padding-right: 5px!important;}

.danganmc{background: #fff; height: 60px; padding: 5px 10px;}
.danganmc h3 {
    font-size: 16px;
    padding: 5px 0 2px 0;
}
.danganmc img {
    width: 48px;
    border-radius: 40px;
    border: 2px solid #fff;
    margin-right: 15px;
}
.flex1{align-items: center; display: flex;}
.flex2{align-items: center; display: flex; justify-content: space-between;}


.tabbox2{text-align: center; }
.tabs02{ font-size: 0; display: inline-block; margin: 40px 10px;}
.tabs02 a{display: inline-block; font-size: 14px; padding:0px 10px; line-height: 36px; border:1px solid #709fc9; color: #709fc9; }
.tabs02 a.active{ background: #709fc9; color: #fff;}
.tabs02 a:first-child{ border-radius: 4px 0 0 4px;}
.tabs02 a:last-child{ border-radius: 0 4px 4px 0 ;}
.cenbox{    /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
	flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
.yqlist{padding: 30px 0; border-bottom: 1px solid #eee;}
.yqst{ border: 5px solid #8ed1f0; padding: 22px 0; text-align: center;  width: 100px; height: 100px; border-radius: 100px; margin: 0 auto;}
.yqst p{ width: 100%; font-size: 24px; padding-top: 5px;}
.yqst span{ color: #999;}
.yqst1 p{ width: 100%; font-size: 30px; padding-top: 15px;}
.yqst1{ border: 5px solid #8ed1f0; padding: 40px 0; text-align: center;  width: 160px; height: 160px; border-radius: 100px;}
.yqtext{padding: 10px 0;}
.yqtext p{display: inline-block;}
.yqtext p:first-child{ text-align: right; border-right: 1px solid #eee; padding-right: 7px;}
.yqtext span{display:block;}
.yqtext i{display:block; color: #999;}

.boy .pg-text-success{ color: #47afd4}
.boy .pg-text-danger{color: #ff6004}

.head_blue{background: #bae5f9; border-bottom: none!important;}
.head_red{background: #ffcece; border-bottom: none!important;}
.girl .pg-text-success{color: #e28686}
.girl .pg-text-danger{color: #ff6004}
.girl .yqst,
.girl .yqst1{ border-color:#ffcece }
.girl  .tabs02 a{ border:1px solid #e28686; color: #e28686; }
.girl  .tabs02 a.active{ background: #e28686; color: #fff;}
.pglist{border-bottom: 1px solid #eee;}
.pglist>ul>li{ padding: 15px ; float: left; width: 20%; text-align: center;}
.pglist>ul>li span{ color: #999;}
.pglist>ul>li p{ font-size: 16px; padding-top: 5px;}
.girl .pglist>ul>li p{ color: #e28686}
.boy .pglist>ul>li p{ color: #47afd4}
.girl .pglist>ul>li p{ }

.chartsbox,.zdfa {border-bottom: 1px solid #eee; padding-bottom: 30px;}
.chartsbox h4{ font-size: 14px; text-align: center; padding: 20px 0  10px  0;}
.girl .chartsbox h4{color: #e28686}
.boy .chartsbox h4{color: #47afd4}

.chartnav{height: 200px; border-radius: 4px;}

.girl .chartnav {background: #ffeaea}
.boy .chartnav {background: #c1e9fb}

.zdfa h4 {text-align: center; padding: 20px;}
.zdfa h4 span{ display: inline-block; border-bottom: 1px solid #eee; padding: 5px 0;}
.zdfa p{border-left: 5px solid #ff6004; padding-left: 8px; margin:10px 0  ;}
.zdfa p:nth-child(1){}
.zdys{padding: 30px 0; text-align: right; color: #999; line-height: 200%;}

.pgls a{display: block; background: #f9f9f9; color: #777; padding: 10px; border-left: 5px solid transparent}
.pgls a.active{background: #fdeaea; border-color: #e58c8c; color: #e58c8c;}

.boy .pgls a.active{background: #dae9f0; border-color: #709fc9; color: #709fc9;}


.babynav{border: 1px solid #eee; margin: 5px 0; padding:5px 10px;}
.bobybm{padding-bottom: 5px;}
.bobybm p{ font-weight: bold;}
.babyimg{ padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee;}
.babynav span{color: #999;}

.mzjl li span{    display: inline-block;
    width: 60%;
    font-size: 0; line-height: 260%;
    font-size: 13px;
    text-align: center;
    color: #888;
}

.mzjl li  span:first-child {
    color: #333;
    width: 40%;
}
.mzjl li:nth-child(odd) {
    background: rgba(0,0,0,.04);
}
.mzjl li{    border-bottom: 1px solid #e8ecf3;;}
.mzjl li:hover{background: #e8ecf3;}
.form-inline{padding-bottom: 10px; text-align: center;}
.form-group .form-control{ min-width:160px; margin-right: 10px; box-shadow: none;}

.buzhou a{display: block; text-indent: 15px; color: #666; position: relative;float: left; padding: 10px 30px;}
.buzhou a:after{position: absolute; content: ""; border-top: 20px solid transparent; border-bottom: 20px solid transparent;
	border-left: 20px solid #fff; right: -20px;top: 0;}
.buzhou a:nth-child(1){z-index: 3;background: #f9f9f9}
.buzhou a:nth-child(2){z-index: 2;background: #eee}
.buzhou a:nth-child(3){z-index: 1;background: #e6e6e6}
.buzhou a:nth-child(1):after{border-left: 20px solid #f9f9f9;}
.buzhou a:nth-child(2):after{border-left: 20px solid #eee;}
.buzhou a:nth-child(3):after{border-left: 20px solid #e6e6e6;}

.buzhou a:nth-child(1).active{background: #13abc3; color: #fff;}
.buzhou a:nth-child(1).active:after{border-left: 20px solid #13abc3;}
.buzhou a:nth-child(2).active{background: #15b7bc; color: #fff;}
.buzhou a:nth-child(2).active:after{border-left: 20px solid #15b7bc;}
.buzhou a:nth-child(3).active{background: #18cabe; color: #fff;}
.buzhou a:nth-child(3).active:after{border-left: 20px solid #18cabe;}


.dbxz {padding: 30px 0;}
.dbxz ul ul li{float: left;}
.dbxz ul  li h3 label{ font-size: 16px; font-weight: normal; color: #333;}
.dbxz ul  li h3 {margin: 20px 0 10px 0;}
.dbxz label{ padding-right: 15px; color: #777;}

.dbxz input { outline: none!important;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    border-radius: 2px;
    font-size: 0.8rem;
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

.dbxz input:checked{
    background-color: #18cabe;
    border: solid 1px #18cabe;
    text-align: center;
    background-clip: padding-box;
}

.dbxz input:checked:before, .dbxz input:checked:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.wdlx{text-align: center; padding: 30px 0;}
.wdlx a{display: inline-block; color: #aaa; width: 130px; height: 150px; position: relative;text-align: center;border: 1px solid #ddd; margin: 0 10px; border-radius:4px;}
.wdlx a i{display: block; font-size: 84px; padding-top: 20px;}
.wdlx a span{ position: absolute; width: 100%; text-align: center; left: 0; top:70px; font-size: 16px; font-weight: bold;}
.wdlx a p{ padding-top: 10px;}
.wdlx a:hover,.wdlx a.active{ background: #18cabe; border-color:#18cabe}
.wdlx a:hover *,.wdlx a.active *{  color: #fff;}

.wjmenu{position: fixed; right:-102px; transition: all 0.5s; bottom: 30%; z-index: 100; font-size: 0;}
.wjmenu>a{ font-size: 14px; background: #18cabe; color: #fff; width: 30px; display: inline-block; padding: 10px 8px;vertical-align:top;}
.wjmenu>ul{ display: inline-block; border: 1px solid #18cabe;}
.wjmenu>ul a{font-size: 14px; vertical-align:top; width: 100px; text-align: center; display: block; color: #555; line-height: 200%; background: #fff; border-bottom: 1px solid #ddd;}
.wjmenu>ul li:last-child a{border: none;}
.wjmenu>ul a:hover{ color: #18cabe;}
.wjmenu:hover{ right:0px; }

.mdian{ height: 100px; position: absolute; width: 1px; top: -100px; display: block;}



/* ==============
  Account Pages
===================*/
.wrapper-page {

  width: 400px;
}
.panel-pages {
  border-radius: 6px; overflow: hidden;
}
.panel-pages .panel-body {
  padding: 30px;
}
.panel-pages .panel-heading {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 30px 20px;
  position: relative;
	    background: linear-gradient(88deg,#13b4ca,#18cabe);
	border: none;
}
.panel-pages .panel-heading h3 {
  position: relative;
  z-index: 999;
}
.user-thumb {
  margin-top: -44px;
  position: relative;
  z-index: 999;
}
.user-thumb img {
  height: 88px;
  margin: 0px auto;
  width: 88px;
}
.ex-page-content h1 {
  color: #252932;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}
.loginpage .form-control {

    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;height: 46px;
    padding: 10px 16px;
}
.loginpage .panel-pages{ overflow: inherit;}
.loginpage h3{color: #fff; text-align: center; font-size: 20px; padding: 20px 0 40px 0;}
.loginpage h4{ text-align: center; padding: 15px 0;}
.loginpage .dot02{ background: #fff; width: 40px; height: 40px; border-radius: 30px; position: absolute;
left: 50%; margin-left: -20px; margin-top: -20px; }
.loginpage .dot02:before{position: absolute; content: ""; width: 24px; height: 24px; left: 50%; margin-left: -12px; background: #506b81; border-radius: 30px;top: 8px;}
.userdt {padding: 10px;}
.userdt img{width: 36px; border-radius: 100px; margin-right: 6px; border: 2px solid #fff;}
.modal.in .modal-dialog{box-shadow: 0 0 30px rgba(0,0,0,0.2)}

.loginpage{ height: calc(100% - 120px)}
.search {position: relative}
.search a{ position: absolute; right: 10px; line-height: 36px; top: 0;}

.team a{ display: block; font-size: 15px; background: #fff;margin-bottom: 15px; text-align: center; color: #888; padding: 15px 0;}
.team a i{padding-right: 5px;}
.team .active a,.team a:hover{ color: #18cabe;}

.state-overview>li{ width: 20%; float: left;}
.state-overview>li:first-child .panel { min-height: 85px;}
.state-overview>li:first-child .panel  i{ font-size: 24px; margin-bottom: 5px;}