body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
body{
    background: #f0f2f6;
    overflow-x: hidden;
}
.login-bg{
    background: url(../login_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.login-btn{ width: 90%;padding: 9px; margin-left: 5%;}
.mylogo{ height: 35px;}
.mytitle{ font-size: 18px; font-weight: bold }
.myheader_text{ padding: 0px 2px; vertical-align: 1px; }

.content-tabs{position:relative;height:40px;background:#fafafa;line-height:40px; border-bottom: #dde0e7 1px solid; overflow: hidden}
.content-tabs .roll-nav,.page-tabs-list{position:absolute;width:40px;height:40px;text-align:center;color:#495057;z-index:2;top:0}
.content-tabs .roll-left{left:0;border-right:solid 1px #eee}
.content-tabs .roll-right{right:0;border-left:solid 1px #eee}
.content-tabs button{background:#fff;border:0;height:40px;width:40px;outline:none}
nav.page-tabs{margin-left:40px;width:100000px;height:40px;overflow:hidden}
nav.page-tabs .page-tabs-content{float:left}
.page-tabs a{display:block;float:left;border-right:solid 1px #eee;padding:0 15px;color: #7b8186;}
.page-tabs a i:hover{color:#c00}
.page-tabs a:hover,.content-tabs .roll-nav:hover{color:#777;background:#f2f2f2;cursor:pointer}
.roll-right.J_tabRight{right:80px}
.roll-right.btn-group{right:0px;width:80px;padding:0}
.roll-right.btn-group button{width:80px}
.roll-right.J_tabExit{background:#fff;height:40px;width:60px;outline:none}
.dropdown-menu-right{left:auto}
.content-tabs .fas{ font-size: 20px;vertical-align: -2px;}
.content-tabs .active{color: #777; background: #f0f2f6;}
.J_iframe{ margin: 0px; padding: 0px;}
#content-main{width: 100%;display: block;margin: 0px;height: calc(100% - 96px);top: 96px; position: absolute;}
.J_tabClose{ text-align: center!important;display: block!important;}
.btn-white{color:inherit;background:white;border:1px solid #d8dce2}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{color:inherit;border:1px solid #d2d2d2}
.btn-white:active,.btn-white.active{box-shadow:0 2px 5px rgba(0,0,0,0.15) inset}
.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{background-image:none}
.btn-white.disabled,.btn-white.disabled:hover,.btn-white.disabled:focus,.btn-white.disabled:active,.btn-white.disabled.active,.btn-white[disabled],.btn-white[disabled]:hover,.btn-white[disabled]:focus,.btn-white[disabled]:active,.btn-white.active[disabled],fieldset[disabled] .btn-white,fieldset[disabled] .btn-white:hover,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white.active{color:#cacaca}
.myleft{ float: left}
.myright{ float: right}
.mytable{ margin-top: 1.5rem;}
.checkbox input[type=checkbox] + .cr:before{
    width: 18px;
    height: 18px;
    line-height: 15px;
    margin: 0px;
    margin-right: 5px;
    border: 1px solid #adafb2;
}
#contentTable .checkbox{
    margin-right: 0px;
}
#contentTable .checkbox input[type=checkbox] + .cr:before{
    margin-right: 0px;
}
#contentTable .checkbox{padding: 0px;}
td{ font-size: 0.875rem }
th{ font-size: 0.875rem }
.table th,.table td {vertical-align:middle;}
.table-bordered th,.table-bordered td {border:1px solid #e8ecf1;}
tr{border: none!important;}
th,td{ border-width: 1px!important;}
#contentTable th{
    background-color: #f3f6f9;
}
.mysize{ padding: 2px 10px; font-size: 0.8rem}

.mytable .clear{ position: relative;height: 40px;margin-top: 15px;width: 100%;overflow: hidden;}
.mytable .clear #fenye{display: inherit;}
.mytable .clear .fenye_span{display: inline-block;height: 40px;margin-left: 10px;line-height: 32px;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color:#f1f5f9;color:inherit;cursor:default;z-index:2}
.pagination > li > a,.pagination > li > span{background-color:#FFFFFF;border:1px solid #e8ecf1;color:inherit;float:left;line-height:1.42857;margin-left:-1px;padding:6px 10px;position:relative;text-decoration:none}
.pagination .first a{ margin-left: 0px;}
em{font-style: normal}
.checkbox{ display: inline-block;}
#myform2{ background: #fff; margin: 0px; padding: 10px; border-radius:0px;}
#myform2 td{ border: #fff 1px solid }
#myform2 tr{ border: none!important;}
#myform2 table{ border: none!important;}
#myform2 .active{ background: #f0f2f6;}
.pcoded-content{ padding: 10px;}
.table td{box-sizing:inherit!important;}
.select2-container{ width: auto!important;}
.select2-container .select2-choice{min-width: 150px;
    height: 35px;
    line-height: 33px;
    border-color: #d8dce2;
    border-radius: 0px 5px 5px 0px;}
.select2-container .select2-choice .select2-arrow{top:4px;}
.form-control{background: #fff;}
#myform2 .select2-container .select2-choice{min-width:200px!important; border-radius: 3px;}
.w80{ display: inline-block;width: 70%}
.w20{ display: inline-block;vertical-align: 0px;}
.radio{ display: inline-block!important;}
.radio input[type=radio] + .cr:before{
    width: 20px;
    height: 20px;
    line-height: 15px;
    margin: 0px;
    margin-right: 5px;
    border: 1px solid #adafb2;
}
.pcoded-navbar{
    box-shadow: 1px 0 1px 0.06px rgba(4, 26, 55, 0.16);
}
.input-group-text{
    background-color: #f3f6f9;
}
.col-12{ margin-top: 8px}
#myfrom{ margin: 0px}
#myfrom .form-group{margin-bottom: 12px}
.mytable{ margin-top: 12px;}
#contentTable td{ padding: 0.65rem; word-break: break-all;}
.menu-styler .m-style-scroller{box-shadow:none;}
#contentTable .zw{ text-align: center; padding:30px 10px; }
.pcoded-header .dropdown .notification .noti-body .zw{width: 100%; text-align: center;padding-top: 40px}
.pcoded-header .dropdown .notification .noti-body .zw img{width: auto!important;}
.pcoded-header .dropdown .notification .noti-head a{ text-decoration: none!important;}
.pcoded-header .dropdown .notification .noti-footer a{text-decoration: none!important;}
.imgZoom{ cursor: pointer;}
.pcoded-navbar{
    box-shadow: none!important;
    border-right: #e6e8ed 1px solid!important;
}
.card{ margin-bottom: 15px}
.pcoded-navbar .pcoded-inner-navbar > li.active > a, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a{
    background: #f0f2f6;
}
#myfrom input{ max-width: 150px!important; }
.h100{ height: 100%;}
.row100{ width: 100%; margin: 0px; }
.margin0{margin: 0px!important;}
.ant-card {
    border-radius: 5px;
    border: 1px solid #e7eaec;
    margin: 15px 0px;
    position: relative;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    padding:14px 24px;
    background: #ffffff;
    cursor: pointer;
}
.ant-card-meta-title{
    overflow: hidden;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}
.ant-card-meta-description{
    color: rgba(0,0,0,.45);
}
.mycard_status {
    position: absolute;
    right: 20px;
    top: 42px;
    font-size: 12px;
    background: #b7bcc3;
}
.mycard_status, .mycard_status_active{
    color: #fff;
    padding: 1px 10px;
    border-radius: 10px;
}
.ant-card-op{
    position: absolute;
    right: 10px;
    top: 10px;
}
.ant-card-op a{ padding: 0px 1px;}
.ant-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.09)}
.mycard_status_active {
    background: #0cbf75;
}
.mycard_active{border: #0cbf75 1px solid;}

.h80{
    background: #f0f2f6;min-height: 80%;padding: 0px
}
.ant_card1{
   margin: 15px 15px 10px 15px;; position: relative;
}
.markericon{margin-left: -30px;float: left;height: 30px; width: 30px;background: #2b7;border-radius: 50%;position: relative;top: 0px; left: 0px;}
.markericon .iconfont{ color: #ffffff; }
.solid_item{width: 33%; float: left; height: 80px;}
.solid_item .markericon{margin-left: 0px;width: 50px;height: 50px;top: 6px;}
.solid_item .markericon .iconfont{ font-size: 18px; line-height: 50px;margin-left: 16px;}
.solid_item .pin_base .text{float: left; font-size: 14px;margin-right: 0px;margin-left: 11px;  margin-top: 10px;}
.solid_item .pin_base .text .num{ display: block;font-weight: bold;color: #333;}
.solid_item .pin_base .text .name{ display: block;color: rgba(0, 0, 0, 0.45);}
.solid_item:nth-child(1n) .markericon{ background: #ff526e; }
.solid_item:nth-child(2n) .markericon{ background: #31afff; }
.solid_item:nth-child(3n) .markericon{ background: #49d063; }
.solid_item:nth-child(4n) .markericon{ background: #ffb643; }
.solid_item:nth-child(5n) .markericon{ background: #d693fd; }
.solid_item:nth-child(6n) .markericon{ background: #09d1e6; }
.solid_item:nth-child(7n) .markericon{ background: #32ebb1; }
.mybg1{ background: #ff526e!important; }
.mybg2{ background: #31afff!important; }
.mybg3{ background: #49d063!important; }
.mybg4{ background: #ffb643!important; }
.mybg5{ background: #d693fd!important; }
.mybg6{ background: #09d1e6!important; }
.mybg7{ background: #32ebb1!important; }

.mycolor1{ color: #ff526e!important; }
.mycolor2{ color: #31afff!important; }
.mycolor3{ color: #49d063!important; }
.mycolor4{ color: #ffb643!important; }
.mycolor5{ color: #d693fd!important; }
.mycolor6{ color: #09d1e6!important; }
.mycolor7{ color: #32ebb1!important; }

.myzw{text-align: center;line-height: 50px;color: rgba(0,0,0,0.65);padding:5% 10px;}
.zw{color: rgba(0,0,0,0.65); padding: 10px;}
#myform2 .select2-container{width: 100%!important; display: block; max-width: initial;}

.navbar .select2_demo_1{ background: #f8f8f8!important;}
.navbar .select2-container .select2-choice{ border: none; background: #f8f8f8!important; margin-right: 10px;}
.navbar .select2-container .select2-choice .select2-arrow{background: #f8f8f8!important;}
.navbar .select2-drop-active{border: none!important;}
.navbar .select2-container .select2-choice>.select2-chosen{ color:#6c757d; }
.mybg_gray{ background: #f0f2f6!important; }
.btn-group .btn-outline-primary:hover{background: #fff; color: #4099ff;}
.btn-group .btn-outline-primary.active{ background: #4099ff; color: #fff; }

.recent-list .cpy-news .list-item {margin-bottom: 20px;display: block; width: 23%; float: left;
    border: #e8ecf1 1px solid; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;margin-right: 2% }

@media screen and (max-width: 1920px) {
    .recent-list .cpy-news .list-item{ width: 18%!important;}
}
@media screen and (max-width: 1620px) {
    .recent-list .cpy-news .list-item{ width: 23%!important;}
}
@media screen and (max-width: 1370px) {
    .recent-list .cpy-news .list-item{ width: 31%!important;}
}
@media screen and (max-width: 990px) {
    .recent-list .cpy-news .list-item{ width: 48%!important;}
}
@media screen and (max-width: 600px) {
    .recent-list .cpy-news .list-item{ width: 100%!important;}
}
.recent-list .cpy-news .list-item .img {position: relative;width: 100%; max-height:150px;overflow: hidden;margin-bottom: 10px;}
.recent-list .cpy-news .list-item .img img {width: 100%; min-height: 250px;}
.recent-list .cpy-news .list-item .info {padding:0px;}
.recent-list .cpy-news .list-item .info h3 {line-height: 26px;font-size: 16px;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin: 0px; padding:0px 20px}
.recent-list .cpy-news .list-item .info .tags .time {position: relative;padding-right: 40px;}
.recent-list .cpy-news .list-item .info .summary { padding:10px 20px;}
.recent-list .checkbox{ position: absolute; right: 10px; top: -7px;}
.recent-list .cpy-news .list-item:hover {box-shadow: 5px 10px 24px 2px rgba(39, 122, 246, 0.07), 5px -6px 16px 0px rgba(39, 122, 246, 0.05);}
.recent-list .cpy-news .list-item:hover h3 a {color: #0761b1;}
.recent-list .cpy-news .list-item .summary p{ margin-bottom: 0px; font-size: 0.9rem; line-height: 25px;}
.js_line .container{ padding: 0px; }
.layui-layer-dialog .layui-layer-title{ display: none;}
.recent-page{  width: 100%; line-height: 40px;  clear: both; text-align: center;} .myclear{ clear: both}
.recent-right{ height:40px; background: #f8f8f8;border-top: #e8ecf1 1px solid; }
.recent-right a{ display: inline-block;width: 32%;line-height: 40px; text-align: center;border-right: #e8ecf1 1px solid; color: #343a40; }
.recent-right a:last-child{ border-right: none;}