/*滚动条样式*/

.menu-width::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.menu-width::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.menu-width::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.warp {
    width: 100%;
    min-height: 100%;
    background: #fbfafa;
    margin: auto;
}

.pbt {
    padding: 30px 0;
}

.top {
    width: 100%;
    margin-bottom: 20px;
}

.title {
    height: 79px;
    width: 100%;
    background: #fff;
    line-height: 70px;
    font-size: 16px;
    color: #666;
}

.title_content {
    width: 1300px;
    height: 100%;
    margin: auto;
}

.logo_icon {
    width: 20%;
}

.about_us {
    cursor: pointer;
    color: #333;
}

.about_us:hover {
    color: #0606d2;
}

.follow_us {
    position: relative;
    width: 150px;
    font-size: 13px;
    height: 24px;
    background: #eee;
    border-radius: 70px;
    color: #7a7a7a;
    line-height: 24px;
    padding: 3px 10px 0;
    margin: 22px 0 0 10px;
    text-align: center;
    cursor: pointer;
}

.QR_core {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 27px;
    left: 10px;
    z-index: 1;
    background: url(../images/activity_wei.jpg) no-repeat 100% 100%;
    background-size: cover;
}

.banner {
    width: 80%;
    position: relative;
    padding-top: 30%;
    padding-bottom: 10%;
    padding-left: 20%;
    background: url(../images/banner.png) no-repeat 100% 100%;
    background-size: cover;
}

.banner_text {
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 20%;
}

.floor {
    width: 80%;
    margin: auto;
}

.floor_title {
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #000;
    margin-bottom: 30px;
}

.floor1_ul {
    width: 100%;
    margin: auto;
}

.floor1_ul li {
    width: 33.3333%;
    margin: auto;
}

.floor1_img {
    width: 100%;
    border-radius: 50%;
}

.floor1_imgicon {
    width: 80%;
    margin-left: 10%;
}

.floor1_text-title {
    font-size: 22px;
    color: #333;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 20px 0px;
}

.floor1_text {
    font-size: 16px;
    color: #333;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.floor2 {
    width: 100%;
    background: #fff;
    margin: auto;
}

.floor2_img {
    width: 100%;
    height: 100%;
}

.floor3 {
    width: 100%;
    background: #fff;
    margin: auto;
}

.floor3_img {
    width: 70%;
    margin-left: 30%;
}

.new_title {
    font-size: 28px;
    color: #000;
    width: 100%;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin: 20px 0px;
}

.ai_title {
    font-size: 28px;
    color: #000;
    width: 100%;
    text-align: right;
    height: 30px;
    line-height: 30px;
    margin: 20px 0px;
}

.new {
    margin-bottom: 50px;
}

.new_ul {
    width: 100%;
    margin: auto;
}

.new_ul li,
.ai_ul li {
    width: 50%;
    min-height: 250px;
}

.new_ul li p {
    color: #666;
    font-size: 20px;
    width: 90%;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.ai_ul li p {
    color: #666;
    font-size: 20px;
    width: 90%;
    margin-left: 10%;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

/* .footer {
    width: 100%;
    padding: 10px 0;
    background: #555;
} */

.footer_ul {
    width: 70%;
    margin: auto;
}

.footer_ul li {
    width: 100%;
    margin: auto;
    text-align: center;
}

.footer_ul_p {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.footer_li_p {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

.p_active {
    cursor: pointer;
}

.p_active:hover {
    color: #56A0D3;
}

.footer_p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}


/* nav 18/8/7 */

.nav {
    margin-top: 10px;
    margin-right: 10px;
}

.nav-item {
    line-height: 1;
    border-bottom: 3px solid transparent;
    margin: 0 3px;
}

.nav-item a {
    display: inline-block;
    padding: 20px 30px;
    font-size: 20px;
}

.nav-item.current a {
    color: #39c;
}

.nav-item.current {
    border-bottom-color: #39c;
}

.nav-item:hover {
    border-bottom-color: #39c;
}

.nav-item:hover a {
    color: #00abea
}

.lg-list-item {
    margin: 30px 5px;
    line-height: 1;
}

.lg-list-item a {
    color: #666;
    font-size: 14px;
}


/* .mask{background-color: rgba(47, 79, 79,.5);} */

.mask-login {
    width: 400px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 6px;
    display: none;
}

.mast-login-head {
    position: relative;
    ;
    background-color: #f8f8f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.mast-login-head h3 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.mast-login-head .close-btn-img {
    width: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.mask-login-con {
    font-size: 0;
    color: #666;
    padding-bottom: 30px;
}

.mask-login-con .con-nav {
    width: 280px;
    margin: 0 auto;
    text-align: center;
}

.mask-login-con .con-nav a {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.mask-login-con .con-nav .current {
    color: #108EE9;
    border-bottom: 2px solid #108ee9;
}

.wx-img {
    width: 254px;
    display: block;
    margin: 0 auto;
}

.con-text {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    cursor: default;
}

.con-text .scan {
    width: 21px;
    vertical-align: text-top;
}

.list-con {
    display: none;
    font-size: 14px;
}

.active {
    display: block;
}

.mask-login-foot {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
}

.mask-login-foot a {
    color: #00abea;
}

.list-con label {
    display: block;
    width: 330px;
    height: 50px;
    border: 1px solid #EBEBEB;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 15px
}

.list-con label p {
    display: inline-block;
    width: 100px;
    background-color: #f9f9f9;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.list-con label input {
    height: 40px;
    line-height: 50px;
}

.ver-img {
    width: 100px;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
}

.label {
    width: 330px;
    height: 50px;
    border: 1px solid #EBEBEB;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}

.list-con .button {
    background-color: #108EE9;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.getver {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 93px;
    height: 32px !important;
    line-height: 32px !important
}

.list-con .disabled {
    cursor: not-allowed;
    ;
    background-color: #d9dde0;
    border-color: #d5d7d8;
}

.submit {
    width: 330px;
    height: 42px;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 16px;
}

.mask-register {
    width: 400px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 6px;
    display: none;
}

.mask-register .con-text {
    margin-top: 40px;
}

.mask-register .wx-img {
    margin-top: 20px;
}

.mask-register .mask-login-foot {
    margin-top: 60px;
}

.mask-bindingphone {
    width: 400px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 6px;
    display: none;
}

.mask-bindingphone .list-con {
    display: block;
}

.binding-tip {
    width: 330px;
    margin: 0 auto;
    font-size: 12px;
    cursor: default;
}

.binding-con {
    margin-top: 40px;
}

.mask-bindingphone .list-con label {
    margin-top: 5px;
}

.tablelogo {
    width: 54px;
    height: 54px;
    display: block;
    border-radius: 54px;
}


/* 数据展示页 */

.datawrpa {
    background-color: #f2f2f2;
    min-width: 1300px;
}

.datadisplay {
    width: 1300px;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}

.datalist {
    width: 216px;
    height: 100%;
    background-color: #3F3F3F;
    position: absolute;
    /* overflow-y: auto; */
}

.datalist a {
    display: block;
    color: #b4b4b4;
    height: 36px;
    line-height: 36px;
    padding-left: 67px;
    box-sizing: border-box;
}

.opened {
    background: #108de9;
    color: #fff !important;
}

.closed {
    position: relative;
}

.second-menu {
    background-color: #323232;
}

.second-menu li a:hover {
    color: #fff;
}

.closed:hover {
    background: #108de9;
    color: #fff !important;
}

.closed+ul {
    display: none;
}

.opened+ul {
    display: block;
}

.opened .menu-icon {
    transform: none;
    top: 15px;
    right: 15px;
}

.form-label {
    width: 49%;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
}

.datatable {
    height: 100%;
    width: 1104px;
    background-color: #f9f9f9;
    margin-left: 196px;
    position: relative;
}

.dataselect-box {
    z-index: 2;
    font-size: 0;
    ;
    width: 1054px;
    background-color: #fff;
    position: absolute;
    top: 24px;
    left: 25px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 21px 25px 0;
    box-sizing: border-box;
}

.data-p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.button-box {
    width: 100px;
    position: absolute;
    top: 25px;
    right: 25px;
}

.datashow-box {
    width: 1054px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 158px;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-bottom: 20px;
    min-height: 312px;
}

/* .datashow-box-preview {
    width: 1054px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 158px;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-bottom: 20px;
    min-height: 312px;
} */

.datashow-box-preview {
    width: 1054px;
    height: 500px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #333;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.datashow-box-preview:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 30px;
    background-color: #108EE9;
    top: 0;
    right: 0;
}

.table-logo {
    height: 75px;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}

.table-logo1 {
    height: 75px;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}

.table-content {
    padding: 0 19px;
    margin-top: 30px;
}

.table-title {
    display: inline;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.table-head {
    padding-bottom: 15px;
    /* border-bottom: 1px solid #ebebeb; */
    /* margin-bottom: 10px; */
}

.unit {
    font-size: 13px;
}

.data-table {
    width: 100%;
    /* margin-bottom: 20px; */
    font-size: 12px;
    table-layout: fixed;
    border: 1px solid #ebebeb;
}

.data-table th,
.data-table td {
    box-sizing: border-box;
    height: 43px;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.data-table th {
    background-color: #f4f4f4;
    text-align: center;
    font-weight: bold;
}

.data-table td {
    padding: 10px 20px;
    line-height: 1.8;
}

.td4 tr td:nth-child(3),
.td4 tr td:nth-child(4) {
    text-align: right;
    padding-right: 10px;
}

.td4 tr td:nth-child(2) {
    text-align: center;
    padding: 0;
}

.data-table .total {
    background-color: #ffffcc;
    color: #ff6600;
}

.total td {
    font-weight: bold;
}

.download-btn {
    cursor: pointer;
    width: 93px;
    height: 29px;
    font-size: 14px;
    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-top: 15px;
}

.delete-btn {
    cursor: pointer;
    width: 93px;
    height: 29px;
    font-size: 14px;
    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-top: 15px;
}

.export-btn {
    cursor: pointer;
    width: 93px;
    height: 29px;
    font-size: 14px;
    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-top: 15px;
}

.import-btn {
    cursor: pointer;
    width: 93px;
    height: 29px;
    font-size: 14px;
    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-top: 15px;
}

.download-btn1 {
    cursor: pointer;
    width: 93px;
    height: 29px;
    font-size: 14px;
    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin: 0 10px;
}

.button-box .button {
    cursor: pointer;
    width: 100px;
    height: 32px;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-right: 50px;
}

.button-box .search {
    background-color: #108EE9;
    color: #fff;
    margin-bottom: 10px;
}

.logo-img {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: #ddd;
    border-radius: 54px;
    margin-right: 20px;
}

.logo-titbox {
    margin-top: 8px;
}

.logo-title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

.logo-title+span {
    font-size: 12px;
    color: #989898;
}

.input {
    cursor: pointer;
    width: 202px !important;
    height: 28px !important;
    border-radius: 4px;
    border: 1px solid #d9d9d9 !important;
    padding-left: 5px;
    box-sizing: border-box;
}

.input:focus {
    border: 1px solid #a4ccf9;
    box-shadow: 0 0 3px 1px #a4ccf9;
}


/* 菜单 */

.item {
    border-bottom: 1px solid #545454;
    /* background: rgb(63, 63, 63); */
}

.menu-list ul {
    display: none;
}

.lev2 {
    background-color: #323232;
}

.lev2-item a:hover {
    background: #108de9;
    color: #fff;
}

.lev3 {
    background-color: #212121;
}

.lev2-item a {
    padding-left: 51px;
}

.lev3-item a {
    padding-left: 65px;
    font-size: 14px;
}

.menu-list .current {
    /* background-color: #108de9;color:#fff; */
}

.menu-list .current a {
    color: #fff;
}

.menu-list .item-a.lev.current {
    color: #5fb3f0;
}


/* .lev2-item-a.on{color:#5fb3f0;} */


/* .menu-list .current a{color:#fff;} */

.menu-list .item .item-a:hover {
    /* background: #108de9; */
    color: #5fb3f0;
}

.menu .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    vertical-align: text-bottom;
}

.item-1 a.item-a {
    background: url(../images/menu_icons/icon1.png) 38px center no-repeat;
}

.item-1 .item-a:hover,
.item-1 .item-a.current {
    background-image: url(../images/menu_icons/icon1-h.png);
}

.item-2 a.item-a {
    background: url(../images/menu_icons/icon4.png) 38px center no-repeat;
}

.item-2 .item-a:hover,
.item-2 .item-a.current {
    background-image: url(../images/menu_icons/icon4-h.png);
}


/* .item-3 a.item-a{background:url(../images/menu_icons/icon3.png) 38px center no-repeat;}
.item-3 .item-a:hover,.item-3 .item-a.current{background-image:url(../images/menu_icons/icon3-h.png);} */

.item-3 a.item-a {
    background: url(../images/menu_icons/icon5.png) 38px center no-repeat;
}

.item-3 .item-a:hover,
.item-3 .item-a.current {
    background-image: url(../images/menu_icons/icon5-h.png);
}

.item-4 a.item-a {
    background: url(../images/menu_icons/icon6.png) 38px center no-repeat;
}

.item-4 .item-a:hover,
.item-4 .item-a.current {
    background-image: url(../images/menu_icons/icon6-h.png);
}

.item-5 a.item-a {
    background: url(../images/menu_icons/icon7.png) 38px center no-repeat;
}

.item-5 .item-a:hover,
.item-5 .item-a.current {
    background-image: url(../images/menu_icons/icon7-h.png);
}

.item-6 a.item-a {
    background: url(../images/menu_icons/icon9.png) 38px center no-repeat;
}

.item-6 .item-a:hover,
.item-6 .item-a.current {
    background-image: url(../images/menu_icons/icon9-h.png);
}

.item-7 a.item-a {
    background: url(../images/menu_icons/icon15.png) 38px center no-repeat;
}

.item-7 .item-a:hover,
.item-7 .item-a.current {
    background-image: url(../images/menu_icons/icon15-h.png);
}

.item-8 a.item-a {
    background: url(../images/menu_icons/icon12.png) 38px center no-repeat;
}

.item-8 .item-a:hover,
.item-8 .item-a.current {
    background-image: url(../images/menu_icons/icon12-h.png);
}

.item-9 a.item-a {
    background: url(../images/menu_icons/icon2.png) 38px center no-repeat;
}

.item-9 .item-a:hover,
.item-9 .item-a.current {
    background-image: url(../images/menu_icons/icon2-h.png);
}

.item-10 a.item-a {
    background: url(../images/menu_icons/icon14.png) 38px center no-repeat;
}

.item-10 .item-a:hover,
.item-10 .item-a.current {
    background-image: url(../images/menu_icons/icon14-h.png);
}

.item-11 a.item-a {
    background: url(../images/menu_icons/icon13.png) 38px center no-repeat;
}

.item-11 .item-a:hover,
.item-11 .item-a.current {
    background-image: url(../images/menu_icons/icon13-h.png);
}

.item-12 a.item-a {
    background: url(../images/menu_icons/icon16.png) 38px center no-repeat;
}

.item-12 .item-a:hover,
.item-12 .item-a.current {
    background-image: url(../images/menu_icons/icon16-h.png);
}

.item-13 a.item-a {
    background: url(../images/menu_icons/icon17.png) 38px center no-repeat;
}

.item-13 .item-a:hover,
.item-13 .item-a.current {
    background-image: url(../images/menu_icons/icon17-h.png);
}

.item-14 a.item-a {
    background: url(../images/menu_icons/icon18.png) 38px center no-repeat;
}

.item-14 .item-a:hover,
.item-14 .item-a.current {
    background-image: url(../images/menu_icons/icon18-h.png);
}

.item-15 a.item-a {
    background: url(../images/menu_icons/icon19.png) 38px center no-repeat;
}

.item-15 .item-a:hover,
.item-15 .item-a.current {
    background-image: url(../images/menu_icons/icon19-h.png);
}

.item-16 a.item-a {
    background: url(../images/menu_icons/icon16.png) 38px center no-repeat;
}

.item-16 .item-a:hover,
.item-16 .item-a.current {
    background-image: url(../images/menu_icons/icon16-h.png);
}

.item-17 a.item-a {
    background: url(../images/menu_icons/icon20.png) 38px center no-repeat;
}

.item-17 .item-a:hover,
.item-17 .item-a.current {
    background-image: url(../images/menu_icons/icon20-h.png);
}
    
.item-18 a.item-a {
    background: url(../images/menu_icons/icon21.png) 38px center no-repeat;
}

.item-18 .item-a:hover,
.item-18 .item-a.current {
    background-image: url(../images/menu_icons/icon21-h.png);
}

.item-19 a.item-a {
    background: url(../images/menu_icons/icon22.png) 38px center no-repeat;
}

.item-19 .item-a:hover,
.item-19 .item-a.current {
    background-image: url(../images/menu_icons/icon22-h.png);
}

.item-20 a.item-a {
    background: url(../images/menu_icons/icon23.png) 38px center no-repeat;
}

.item-20 .item-a:hover,
.item-20 .item-a.current {
    background-image: url(../images/menu_icons/icon23-h.png);
}

.item-21 a.item-a {
    background: url(../images/menu_icons/icon24.png) 38px center no-repeat;
}

.item-21 .item-a:hover,
.item-21 .item-a.current {
    background-image: url(../images/menu_icons/icon24-h.png);
}



/* 选择框 */

.city-info {
    width: 200px !important;
    height: 28px !important;
    border-radius: 4px;
    border: 1px solid #d9d9d9 !important;
    padding-left: 5px;
    box-sizing: border-box;
}

.city-select {
    vertical-align: middle;
}

.city-select .city-info .city-input,
.city-select .city-info span {
    margin-top: 0 !important;
}

.city-select .city-info:after {
    top: 10px !important;
}

.user-info {
    margin-top: 6px;
    cursor: pointer;
}

#sel-wrap {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.sel-show {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 22px;
    box-sizing: border-box;
    cursor: default;
    width: 202px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    background: url(../images/selectperson.png) no-repeat;
    background-position: 95% center;
    cursor: pointer;
}

.input-search {
    cursor: pointer;
}

.sel-show .iconfont {
    font-size: 14px;
    color: #a9ccf4;
}

.select-focus {
    border: 1px solid #a4ccf9;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background: url(../images/selectpersonup.png) no-repeat;
    background-position: 95% center;
}

#sel-option {
    position: absolute;
    width: 202px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}

#sel-option1 {
    position: absolute;
    width: 202px;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}

#sel-option2 {
    position: absolute;
    width: 202px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}

#statussel-option {
    position: absolute;
    width: px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}
#searchsel-option {
    position: absolute;
    width: px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}
#topsel-option {
    position: absolute;
    width: px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}

#sel-option {
    position: absolute;
    width: 202px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px #a4ccf9;
    background-color: #fff;
    margin-top: 5px;
    z-index: 2;
    display: none;
}
#sel-option::-webkit-scrollbar {
    width: 4px;
}

#sel-option::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
}

#sel-option li {
    width: 202px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}

#sel-option1 li {
    width: 202px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}
#sel-option2 li {
    width: 202px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}

#statussel-option li {
    width: 215px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}

#searchsel-option li {
    width: 215px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}
#topsel-option li {
    width: 215px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    list-style: none;
    box-sizing: border-box;
    cursor: default;
    color: #666;
}

#sel-option li .iconfont {
    font-size: 14px;
    color: #a9ccf4;
}

#sel-option li:hover {
    color: #333;
    background-color: #f1f8ff;
    font-size: 14px;
}

#sel-option li:hover .iconfont {
    color: #3688e6;
}

.menu-fixed {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    top: 0;
}

.search-fixed {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -429px;
}

.menu-width {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 196px;
    overflow-x: hidden;
}

.menu-box {
    background: rgb(63, 63, 63);
}

.btn-top {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    bottom: 100px;
    right: 80px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.lg-box {
    position: relative;
}

.user-operation {
    position: absolute;
    width: 80px;
    height: 75px;
    top: 85px;
    right: -10px;
    background-color: #fff;
    z-index: 10;
    display: none;
    text-align: center;
}

.user-operation a {
    font-size: 16px;
}

.selectBox {
    width: 400px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
}

.inputCase {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.inputCase input.imitationSelect {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    display: block;
    text-indent: 20px;
    cursor: default;
}

.inputCase i.fa {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #007AFF;
}

.fa {
    cursor: pointer;
}

.selectUl {
    display: none;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-left: -5px;
    background-color: #fff;
    margin-top: 5px;
    border: 1px solid #a4ccf9;
    box-shadow: 0 0 3px 1px #a4ccf9;
}

.selectUl li {
    height: 36px;
    line-height: 36px;
    list-style: none;
    text-indent: 20px;
    border-bottom: 1px solid #ccc;
}

.selectUl li:last-child {
    border-bottom: 0 none;
}

.selectUl li:hover {
    background: #ddd;
}

.selectUl li:last-child {
    border-bottom: 0 none;
}

.person_root {
    width: auto;
    margin-top: 2px;
    margin-left: 2px;
    border: 1px solid #0095e7;
    color: #0095e7;
    border-radius: 3px;
    display: inline-block;
}

.person_root span:nth-child(1) {
    line-height: 23px;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin-left: 5px;
    margin-right: 0px;
    border: 0 none;
    padding-right: 5px;
    color: #0095e7;
}

.person_root i {
    display: block;
    padding: 0;
    margin: 0px 6px 0px 0px;
    float: left;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    text-indent: 0px;
    cursor: pointer;
}

.role_select {
    font-size: 12px;
    height: 100%;
}

.select-menu-div i {
    color: #0095e7;
    cursor: pointer;
}

.actived_li {
    color: #0095e7;
}

.clear {
    clear: both;
    float: none;
}

.time_selection {
    width: 357px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    user-select: none;
}

.time_selection1 {
    width: 357px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    user-select: none;
}

.month_selection {
    width: 357px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    user-select: none;
}

.year_group,
.com_group {
    margin-left: 10px;
}

.year_sel {
    margin: 10px 0;
}

.year_sel li {
    float: left;
    width: 55px;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.year_sel li.sel,
.com_list li.sel_c {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.year_sel li.sel,
.region_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.year_sel li.sel,
.city_list li.sel_s {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.year_sel li.sel,
.index_list li.sel_i {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.year_sel1 {
    margin: 10px 0;
}

.year_sel1 li {
    float: left;
    width: 55px;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.year_sel1 li.sel,
.com_list li.sel_c {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.year_sel1 li.sel,
.region_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.year_sel1 li.sel,
.city_list li.sel_s {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.year_sel1 li.sel,
.index_list li.sel_i {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.other_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.category_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.year_sel li.sel:before,
.com_list li.sel_c:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.year_sel li.sel:before,
.region_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.year_sel li.sel:before,
.city_list li.sel_s:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.year_sel li.sel:before,
.index_list li.sel_i:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.year_sel1 li.sel:before,
.com_list li.sel_c:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.year_sel1 li.sel:before,
.region_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.year_sel1 li.sel:before,
.city_list li.sel_s:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.year_sel1 li.sel:before,
.index_list li.sel_i:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.other_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.category_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.year_sel li.sel:after,
.com_list li.sel_c:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel li.sel:after,
.region_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel li.sel:after,
.city_list li.sel_s:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel li.sel:after,
.index_list li.sel_i:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel1 li.sel:after,
.com_list li.sel_c:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel1 li.sel:after,
.region_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel1 li.sel:after,
.city_list li.sel_s:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.year_sel1 li.sel:after,
.index_list li.sel_i:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.other_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}
.category_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}
.month_sel {
    margin: 10px 0;
}

.month_sel li {
    float: left;
    width: 55px;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.month_sel li.sel_m,
.com_list li.sel_c {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.month_sel li.sel_m,
.region_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.month_sel li.sel_m,
.city_list li.sel_s {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.month_sel li.sel_m,
.index_list li.sel_i {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.other_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.category_list li.sel_r {
    border-color: #00ABEA;
    background: #F9FCFD;
}
.month_sel li.sel_m:before,
.com_list li.sel_c:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.month_sel li.sel_m:before,
.region_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.month_sel li.sel_m:before,
.city_list li.sel_s:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.month_sel li.sel_m:before,
.index_list li.sel_i:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.other_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.category_list li.sel_r:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}
.month_sel li.sel_m:after,
.com_list li.sel_c:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.month_sel li.sel_m:after,
.region_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.month_sel li.sel_m:after,
.city_list li.sel_s:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.month_sel li.sel_m:after,
.index_list li.sel_i:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.other_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.category_list li.sel_r:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

#time_input {
    padding-right: 20px;
}

#time_input.select-focus {
    background: none;
}

#month_input {
    padding-right: 20px;
}

#month_input.select-focus {
    background: none;
}

.delete_time {
    color: #333;
    position: absolute;
    right: 45%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

#month_input {
    padding-right: 20px;
}

#month_input.select-focus {
    background: none;
}

.delete_year {
    color: #333;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.delete_month {
    color: #333;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.delete_yearad {
    color: #333;
    position: absolute;
    right: 45%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.delete_monthad {
    color: #333;
    position: absolute;
    right: 45%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.com-scroll {
    height: 450px;
    padding: 0 10px;
    overflow-y: scroll;
}

.com_selection {
    width: 500px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}

.region_selection {
    width: 450px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}
.city_selection{
    width: 450px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}
.index_selection{
    width: 450px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}

.other_selection {
    width: 450px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}

.category_selection {
    width: 450px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 35px;
    left: 75px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    font-size: 14px;
    user-select: none;
    z-index: 5;
}

.com_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.region_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.city_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.index_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.other_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.category_list li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.custom_table td:not(:nth-child(1)) {
    text-align: center;
}

.quota_box {
    width: 670px;
    height: 450px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #333;
}

.quota_box:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 30px;
    background-color: #108EE9;
    top: 0;
    right: 0;
}


.quota_box1 {
    width: 670px;
    height: 450px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #333;
}

.quota_box1:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 30px;
    background-color: #108EE9;
    top: 0;
    right: 0;
}


.quota_tit {
    font-size: 14px;
    font-weight: bold;
}

.quota_close {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.quota_tit1 {
    font-size: 14px;
    font-weight: bold;
}

.quota_close1 {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.quota_con {
    margin: 0 auto;
    width: 503px;
    margin-top: 43px;
}

.quota_list_box {
    width: 202px;
    height: 230px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    margin-top: 10px;
    border-radius: 5px;
}

.quota_list_box1 {
    width: 202px;
    height: 230px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    margin-top: 10px;
    border-radius: 5px;
}

.quota_sel {
    margin-top: 10px;
}

.quota_list_box li {
    padding-left: 10px;
    cursor: pointer;
}

.quota_list_box li:hover {
    background-color: #108EE9;
    color: #fff;
}

.quota_list_box1 li {
    padding-left: 10px;
    cursor: pointer;
}

.quota_list_box1 li:hover {
    background-color: #108EE9;
    color: #fff;
}

.quota_check {
    background-color: #108EE9;
    color: #fff;
}
.quota_check1 {
    background-color: #108EE9;
    color: #fff;
}


.quota_center {
    width: 95px;
}

.quota_center_btn_group {
    margin-top: 130px;
    text-align: center;
}

.quota_btn {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 22px;
    width: 76px;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px 0;
}

.quota_btn_group {
    text-align: center;
    margin-top: 24px;
}

.quota_btn_group .button {
    width: 94px;
    height: 23px;
    border: 1px solid #108EE9;
    color: #108EE9;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 8px;
    cursor: pointer;
}

.quota_btn_group .quota_submit {
    color: #fff;
    background-color: #108EE9;
    display: inline-block;
}

.quota_btn_group1 {
    text-align: center;
    margin-top: 24px;
}

.quota_btn_group1 .button {
    width: 94px;
    height: 23px;
    border: 1px solid #108EE9;
    color: #108EE9;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 8px;
    cursor: pointer;
}

.quota_btn_group1 .quota_submit {
    color: #fff;
    background-color: #108EE9;
    display: inline-block;
}

.con_tit {
    font-size: 14px;
}

.left_list {
    display: none;
}

.left_list_01 {
    display: block;
}

.left_list1_01 {
    display: block;
}

/* 浮动二维码 */

.qrcode {
    width: 100px;
    height: 100px;
    position: fixed;
    right: 0px;
    bottom: 30px;
    cursor: pointer;
}

.qrcode img {
    width: 100%;
    height: 100%;
}


/* 使用协议 */

.r1 {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    color: #333;
}

.r1 h1 {
    width: 90%;
    margin: auto;
    font-size: 30px;
    padding-top: 46px;
    height: 75px;
    font-weight: normal;
    text-align: center;
    line-height: 45px;
}

.r1 p {
    width: 90%;
    margin: auto;
    font-size: 15px;
    padding-top: 10px;
    line-height: 1.8;
    margin-top: 25px;
}


/* 适配iphone5 */

@media screen and (max-width:320px) {
    .banner_text {
        font-size: 16px;
    }

    .title {
        height: 3rem;
        line-height: 3rem;
    }

    .logo_icon {
        width: 35%;
        margin-top: 1rem;
    }

    .follow_us {
        width: 4rem;
        margin-top: 10px;
    }

    .top {
        margin-bottom: 0px;
    }

    .floor_title {
        font-size: 1rem;
        margin-bottom: 0.625rem;
    }

    .floor1_text-title {
        font-size: 1.2rem;
        margin: 0.3125rem 0;
    }

    .floor1_text {
        font-size: 0.8rem;
        text-align: left;
        height: 3rem;
        line-height: 1rem;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }

    .pbt {
        padding: 0.625rem 0;
    }

    .new_title {
        font-size: 1rem;
    }

    .new_ul li p {
        font-size: 0.8rem;
        width: 100%;
    }

    .new_ul li,
    .ai_ul li {
        width: 100%;
    }

    .new_title {
        margin: 0.3125rem 0;
    }

    .ai_title {
        font-size: 1rem;
        margin: 0.3125rem 0;
    }

    .ai_ul li p {
        font-size: 0.8rem;
        width: 100%;
        margin-left: 0px;
    }

    .floor3_img {
        width: 84%;
        margin-left: 10%;
    }

    .footer_ul_p {
        font-size: 1rem;
        line-height: 1rem;
    }

    .footer_li_p {
        font-size: 0.5rem;
        margin-bottom: 0.3125rem;
    }

    .footer_p {
        font-size: 0.8rem;
    }

    .r1 h1 {
        padding-top: 1rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }

    .r1 p {
        margin-top: 0.5rem;
    }

    .QR_core {
        width: 6rem;
        height: 6rem;
        left: 0.1rem;
    }
}


/* 适配iphone6 */

@media screen and (max-width:375px) {
    .banner_text {
        font-size: 16px;
    }

    .title {
        height: 3rem;
        line-height: 3rem;
    }

    .logo_icon {
        width: 35%;
        margin-top: 1rem;
    }

    .follow_us {
        width: 4rem;
        margin-top: 10px;
    }

    .top {
        margin-bottom: 0px;
    }

    .floor_title {
        font-size: 1rem;
        margin-bottom: 0.625rem;
    }

    .floor1_text-title {
        font-size: 1.2rem;
        margin: 0.3125rem 0;
    }

    .floor1_text {
        font-size: 0.8rem;
        text-align: left;
        height: 3rem;
        line-height: 1rem;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }

    .pbt {
        padding: 0.625rem 0;
    }

    .new_title {
        font-size: 1rem;
    }

    .new_ul li p {
        font-size: 0.8rem;
        width: 100%;
    }

    .new_ul li,
    .ai_ul li {
        width: 100%;
    }

    .new_title {
        margin: 0.3125rem 0;
    }

    .ai_title {
        font-size: 1rem;
        margin: 0.3125rem 0;
    }

    .ai_ul li p {
        font-size: 0.8rem;
        width: 100%;
        margin-left: 0px;
    }

    .floor3_img {
        width: 73%;
        margin-left: 16%;
    }

    .footer_ul_p {
        font-size: 1rem;
        line-height: 1rem;
    }

    .footer_li_p {
        font-size: 0.5rem;
        margin-bottom: 0.3125rem;
    }

    .footer_p {
        font-size: 0.8rem;
    }

    .r1 h1 {
        padding-top: 1rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }

    .r1 p {
        margin-top: 0.5rem;
    }

    .QR_core {
        width: 6rem;
        height: 6rem;
        left: 0.1rem;
    }
}


/* 适配iphone6p */

@media screen and (max-width:414px) {
    .banner_text {
        font-size: 16px;
    }

    .title {
        height: 3rem;
        line-height: 3rem;
    }

    .logo_icon {
        width: 35%;
        margin-top: 1rem;
    }

    .follow_us {
        width: 4rem;
        margin-top: 10px;
    }

    .top {
        margin-bottom: 0px;
    }

    .floor_title {
        font-size: 1rem;
        margin-bottom: 0.625rem;
    }

    .floor1_text-title {
        font-size: 1.2rem;
        margin: 0.3125rem 0;
    }

    .floor1_text {
        font-size: 0.8rem;
        text-align: left;
        height: 3rem;
        line-height: 1rem;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }

    .pbt {
        padding: 0.625rem 0;
    }

    .new_title {
        font-size: 1rem;
    }

    .new_ul li p {
        font-size: 0.8rem;
        width: 100%;
    }

    .new_ul li,
    .ai_ul li {
        width: 100%;
    }

    .new_title {
        margin: 0.3125rem 0;
    }

    .ai_title {
        font-size: 1rem;
        margin: 0.3125rem 0;
    }

    .ai_ul li p {
        font-size: 0.8rem;
        width: 100%;
        margin-left: 0px;
    }

    .floor3_img {
        width: 73%;
        margin-left: 16%;
    }

    .footer_ul_p {
        font-size: 1rem;
        line-height: 1rem;
    }

    .footer_li_p {
        font-size: 0.5rem;
        margin-bottom: 0.3125rem;
    }

    .footer_p {
        font-size: 0.8rem;
    }

    .r1 h1 {
        padding-top: 1rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }

    .r1 p {
        margin-top: 0.5rem;
    }

    .QR_core {
        width: 6rem;
        height: 6rem;
        left: 0.1rem;
    }
}

@media screen and (max-width:768px) {
    .new_ul li p {
        font-size: 14px;
    }

    .ai_ul li p {
        font-size: 14px;
    }
}

.table-scroll {
    border: 1px solid #ebebeb;
    border-right: none;
}

.data-table.ma-b0 {
    margin-bottom: 0;
}

.table-con {
    height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}


/* 20181026add全选功能 */

.total-sel {
    font-size: 0;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}

.total-sel span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 0 35px;
    cursor: pointer;
}

.total-sel span.sure {
    background-color: #108EE9;
    color: #fff;
}


/* 模糊查询 */

.com_list.sel-result-con {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.region_list.sel-result-con {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.city_list.sel-result-con {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.index_list.sel-result-con {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.other_list.sel-result-con {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.category_list.sel-result-category {
    display: none;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 6;
    background-color: #fff;
}

.sel-result-li {
    float: left;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
}

.time-box {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 35px;
    left: 75px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 10;
}
.time-box1 {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 35px;
    left: 75px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    z-index: 10;
}

.month-box {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 35px;
    left: 75px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
}

#aid:link {
    color: #330099;
    text-decoration: none;
}

#aid:visited {
    text-decoration: none;
}

#aid:hover {
    text-decoration: underline !important;
    color: red !important;
}

#aid:active {
    text-decoration: none;
}

.total-sel .checkbox_input {
    margin-left: 15px;
    width: 20px;
    height: 20px;
    /* border: 1px solid #eee;	 */
    padding: 0;
}

.checkbox_input::after {
    position: absolute;
    top: 15px;
    left: 18px;
    display: none;
    width: 13px;
    height: 6px;
    content: '';
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    box-sizing: border-box;
    transform: rotate(-46deg);
}

.checkbox_input::before {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
    border-radius: 3px;
}

.checkbox_input:checked::before {
    background: #3e97eb;
    border: #3e97eb;
}

.checkbox_input:checked::after {
    display: block;
}

.select_cancel {
    margin-right: 30px !important
}

.js_total-confirm {
    background-color: #108EE9 !important;
    color: #fff !important;
}

.num-box {
    position: absolute;
    background-color: #fff;
    top: 35px;
    left: 75px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
}

.num-selection {
    height: 300px;
    overflow-y: scroll;
    width: 357px;
    background-color: #fff;
    padding: 5px 0 10px 5px;
    box-sizing: border-box;
    font-size: 14px;
    user-select: none;
}

.num_li {
    float: left;
    width: 55px;
    height: 28px;
    text-align: center;
    border: 1px dashed #d7d7d7;
    line-height: 28px;
    margin: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.num_li.sel_m {
    border-color: #00ABEA;
    background: #F9FCFD;
}

.num_li.sel_m::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-color: transparent #00ABEA #00ABEA transparent;
    bottom: 0;
    right: 0;
}

.num_li.sel_m::after {
    content: " ";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
}

.num_input1,
.num_input2 {
    width: 60px !important;
}

#username {
    color: #fff;
}


/* 治理详情页面 新增样式 */
.time_active {
	display: none;
}

.time_part {
    overflow: hidden;
    position: absolute;
}

.add_time_wp {
	width: 1054px;
	height: 50px;
	background: #fff;
	margin-top: 20px
}

.add_time {
	padding: 6px 15px;
	border: 1px solid #d7dde4;
	color: #657180;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: 12px;
	margin: 9px
}

.time_part li {
	float: left;
	width: 85px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	font-size: 14px;
	margin-left: 2px;
    background: #F5F5F5;
    cursor: pointer;
}
.time_part li:first-child{
    margin-left: 0px!important;
}
.time_list {
	position: absolute;
	width: 202px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
    background-color: #fff;
    z-index: 100;
}

.time_year {
	padding: 16px;
}

.time_close {
	padding: 8px;
	color: #C0C0C0;
}

.year_active {
    background: #FFF !important;
    border-bottom: none!important;
    border-radius: 4px 4px 0px 0px!important;
}
#loading{display: none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:15000;}
#loading p{display: none; position:absolute;top:50%;left:50%;width:200px;height:33px;margin-top:-15px;margin-left:-15px;  }