.list{background: #FFFFff;}
*{margin: 0;padding: 0;box-sizing: border-box;}
img{vertical-align: middle;border: 0;}
a{text-decoration: none;}
/*.deng_bg{background: url("../images/deng_img1.jpg");background-size: cover;}*/
.deng_bg{background-color:#76c6f8;}
.deng_fu{width: 80%;background: #F4F7FD;position: absolute;left: 10%;top: 50%;transform: translateY(-50%);}
.deng_fu_title{background: #339ADB;color: #FFFFff;font-size: 20px;padding: 10px 0;text-align: center;}
.deng_fu_title img{width: 52%;}
.deng_box1{width: 70%;margin: 20px auto;overflow: hidden;}
.deng_box1_shu{float: left;width: 50%;}
.deng_box1_shu img{width: 100%;}
.deng_box1_er{background: #FFFFff;width: 36%;text-align: center;padding: 40px 0;
    border-radius: 50px 0 50px 0;float: right;margin-top: 5px;}
.deng_box1_er .erweima{width: 66%;}
.deng_box1_er_font1{font-size: 16px;}




/*管理员列表*/
.fan{background: #3e9cdf;padding: 10px 0;}
.img_zong img{width: 100%;}
.fan span{margin-left: 20px;font-size: 15px;color: #FFFFff;}
.guan_body{background: #FFFFff;margin: 0!important;}
.guan_box1{overflow: hidden;background: #f6f6f6;padding: 15px;}
.guan_box1 div{float: left;margin-right: 10px;}
.guan_box1_2{width: 80px;margin-top: 10px;}
.guan_box1_2 input[type=submit]{background: #3e9cdf;color: #FFFFff;height: 34px;border: 0;width: 100%;border-radius: 2px;
    cursor: pointer;}
.guan_box1_1{overflow: hidden;margin-top: 10px;margin-bottom: 10px;}
.guan_box1_1 span{float: left;font-size: 15px;line-height: 34px;width: 80px;}
.guan_box1_1 input{float: left;height: 34px;padding-left: 10px;width: 200px;border: 1px solid #dcdcdc;font-size: 15px;
    border-radius: 2px;}
.guan_box1_1 select{height: 34px;padding-left: 5px;width: 145px;border: 1px solid #dcdcdc;font-size: 15px;
    border-radius: 2px;}
.guan_table{width: 98%;margin: 10px auto;}
.guan_table table{width: 100%;border-collapse: collapse;}
.guan_table table th{height: 42px;font-size: 15px;background: rgba(62, 156, 223, 0.22);}
.guan_table table td{text-align: center;font-size: 15px;padding: 10px 0;}
.guan_table table td input[type=text]{height: 30px;line-height: 30px;}
.guan_table table tr:nth-child(2n+1) td{background: #F3F3F3;}
.guan_title_2{position: fixed;right: 10px;background: #dd4b39;bottom: 100px;width: 50px;height: 50px;border-radius: 100%;
    overflow: hidden;line-height: 48px;text-align: center;color: #FFFFff;font-size: 30px;z-index: 200;}
.guan_tian{background: orange;color: #FFFFff;width: 100px;height: 34px;line-height: 34px;text-align: center;
    font-size: 14px;border-radius: 2px;float: right!important;}






/*欢迎首页*/
.home_fu{overflow: hidden;margin-top: 15px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;
    align-content: center;justify-content : center;}
.home_box1{background: #FFFFff;float: left;overflow: hidden;width: 46%;text-align: center;padding: 30px 0;
    border-radius: 5px;box-shadow: 0 0 6px #dcdcdc;
    margin: 10px 1%;}
.home_box1_img1 img{width: 50px;height: 50px;}
.home_box1_font1{margin-top: 15px;font-size: 16px;color: #000000;}





/*添加管理员*/
.tian_guan_title{width: 98%;margin: 0 auto;padding: 15px 0;border-bottom: 1px solid #EEEEEE;font-size: 15px;overflow: hidden;}
.tian_guan_title_1{float: left;line-height: 34px;color: #333333;font-size: 15px;}
.tian_guan_title_1 img{width: 16px;margin-right: 2px;}
.tian_guan_title_1 b{float: left;width: 4px;height: 18px;display: block;background: #3e9cdf;margin-top: 9px;
    margin-right: 8px;}
.tian_guan_title_1 span{color: red;}
.tian_guan_int{overflow: hidden;margin-top: 15px;width: 100%;line-height: 34px;}
.tian_guan_int span{float: left;font-size: 15px;line-height: 35px;width: 100px;}
.tian_guan_int input[type=text],.tian_guan_int input[type=password],.tian_guan_int input[type=date]{float: left;height: 34px;
    padding-left: 10px;width: 20%;border: 1px solid #cfcfcf;line-height: 34px;font-size: 15px;}
.tian_guan_int textarea{float: left;height: 100px;padding-left: 10px;width: 20%;border: 1px solid #cfcfcf;resize: none;
padding-top: 10px;}
.tian_guan_int select{height: 34px;width: 21%;padding-left: 10px;border: 1px solid #cfcfcf;}
.tian_guan{width: 98%;margin: 15px auto;}
.tian_que{width: 130px;margin: 40px auto;}
.tian_que_fu{margin: 40px 0;}
.tian_que input{background: #3e9cdf;height: 44px;border: 0;width: 100%;font-size: 15px;color: #FFFFff;
    border-radius: 3px;}
.tian_guan_int b{color: #ff0000;margin-right: 5px;}
.tian_guan_int_div{float: left;border: 1px solid #cfcfcf;min-height: 36px;width: 86%;overflow: hidden;padding: 5px 0;}
.tian_guan_int_div div{font-size: 15px;line-height: 34px;margin-left: 2%;float: left;}







/*添加客户信息*/
.tian_guan{overflow: hidden;}
.tian_guan_int-1{float: left;width: 50%;}
.tian_guan_int-1 span{width: 22%;text-align: center;}
.tian_guan_int-1 input[type=text],.tian_guan_int-1 input[type=password],.tian_guan_int-1 input[type=date]{width: 60%;line-height: 34px;}
.tian_title{background: #F5F5F5;height: 50px;line-height: 50px;font-size: 18px;}
.tian_title span{margin-left: 20px;font-size: 16px;}
.tian_guan1{width: 98%;margin: 0 auto;overflow: hidden;}
.shuju_1,.shuju_2,.shuju_3,.shuju_4,.shuju_5,.shuju_6,.shuju_7,.shuju_8,.shuju_9{display: none;}

.jindu_1{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;
    border-radius: 100%;overflow: hidden;font-size: 14px;margin: 0 2px;}
.guan_table table td a{color: #333333;font-size: 14px;border-right: 2px solid #cecece;padding-right: 5px;}
.guan_table table td a:last-child{border-right: 0;}
.jindu_xia{background: #3e9cdf;color: #FFFFff;}
.jindu_wan{background: #008000;color: #FFFFff;}
.biao_ti{text-align: center;
    padding: 10px 0;
    color: #000000;
    font-size: 18px;font-weight: bold;}











/*接单详情*/
.jie_fu{overflow: hidden;width: 30%;margin: 50px auto;}
.jie_fu div{width: 45%;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;}
.jie_fu div a{color: #FFFFff;display: block;}
.jie_dan{float: left;background: #3e9cdf;}
.ju_jue{float: right;background: #ff433c;}
.ti_tan_font1{background: rgb(12, 12, 12);width: 360px;height: 100px;line-height: 100px;text-align: center;display: none;
    font-size: 16px;color: #FFFFff;position: fixed;left: 50%;margin-left: -180px;top: 50%;margin-top: -60px;}
#upBox{text-align: center;position: relative;overflow: hidden;margin-bottom: 10px;}
/*#upBox div{float: left;}*/
#inputBox{width: 100px;height: 100px;color: cornflowerblue;position: relative;text-align: center;
    font-size: 16px;float: left;margin-left: 2%;}
#inputBox img{width: 100%;height: 100%;}
#inputBox input{height: 100px;opacity: 0;cursor: pointer;position: absolute;top: 0;width: 100%;}
#imgBox{text-align: left;height: 100px;}
#imgBox div{float: left;}
.imgContainer{width: 100px;height: 100px;margin-left: 2%;position: relative;float: left!important;margin-bottom: 10px;}
.imgContainer img{width: 100%;height: 100%;cursor: pointer;}
/*删除*/
.imgContainer p{position: absolute;top: 0;right: 0;width: 30%;height: 30px;background: rgba(0, 0, 0, 0.74);text-align: center;
    line-height: 0.4rem;color: white;font-size: 16px;font-weight: bold;cursor: pointer;}
.imgContainer:hover p{display: block;}
.yi_ju{color: #ff0000;}
.yi_jie{color: #008000;}
.yi_wan{color: orange;}




/*拒绝弹窗*/
/*.ju_tan{background: rgba(0, 0, 0, 0.32);position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}*/
/*.ju_box1{background: #FFFFff;width: 70%;left: 15%;position: absolute;top: 50%;transform: translateY(-50%);*/
    /*border-radius: 5px;padding: 30px 0;}*/
/*.ju_box2{width: 92%;margin: 10px auto;}*/
/*.ju_box3{overflow: hidden;}*/
/*.ju_box3 span{float: left;font-size: 15px;margin-top: 8px;}*/
/*.ju_box3 textarea{float: left;width: 50%;height: 100px;resize: none;border: 1px solid #dcdcdc;padding: 10px;*/
    /*margin-left: 10px;font-size: 15px;}*/
/*.ju_box4{overflow: hidden;margin-top: 20px;}*/
/*.ju_box4_span{float: left;font-size: 15px;}*/
/*#upBox{float: left;width: 86%;}*/
/*.ju_que{text-align: center;}*/
/*.ju_que input{width: 120px;height: 40px;background: #008000;color: #FFFFff;border: 0;border-radius: 3px;*/
    /*font-size: 16px;letter-spacing: 2px;}*/
/*.ju_guan{position: absolute;right: 20px;top: 10px;cursor: pointer;}*/





/*数据统计*/
#main{width: 94%;height: 400px;margin: 20px auto;border: 1px solid #dcdcdc;padding: 10px 2%;}
#main1{width: 94%;height: 400px;margin: 20px auto;border: 1px solid #dcdcdc;padding: 10px 2%;}








/*登录*/
*{margin: 0;padding: 0;}
.deng_box1_er #nav ul{overflow: hidden;list-style-type: none;width: 86%;margin: 0 auto;border: 1px solid #339ADB;border-radius: 6px;
    padding: 1%;}
.deng_box1_er #nav ul li{float: left;width: 50%;text-decoration: none;text-align: center;height: 38px;line-height: 38px;
    font-size: 14px;cursor: pointer;border-radius: 6px;}
.deng_box1_er .act{background: #339ADB;color: #FFFFff;}
.deng_box1_er_font1{margin-top: 10px;}
.erweima{margin-top: 20px;}
.deng_int{margin-top: 20px;}
.deng_int1{overflow: hidden;width: 82%;margin: 0 auto;border-bottom: 1px solid #d7d7d7;padding: 10px 0;}
.deng_int1 img{float: left;width: 24px;margin-top: 5px;}
.deng_int1 input{width: 80%;height: 34px;text-align: left;padding-left: 5%;border: 0;outline: none;float: left;}
.deng_btn{text-align: center;margin-top: 30px;}
.deng_btn input{width: 80%;height: 40px;background: #339ADB;color: #FFFFff;border: 0;font-size: 16px;letter-spacing: 2px;}








/*个人中心*/
.tian_guan_int .upload{width: 100px;height: 100px;float: left;position: relative;}
.img1-img{width: 100%;height: 100px;}
.test{height: 100px;width: 100px;position: absolute;left: 0;top: 0;outline: none;opacity: 0;}
.tian_huo{float: left;}
.tian_huo_er{width: 150px;height: 34px;text-align: center;background: #dd4b39 ;color: #FFFFff;line-height: 34px;font-size: 14px;
    border-radius: 3px;cursor: pointer;}
.huo_er{margin-top: 10px;display: none;}
.huo_er img{width: 150px;}



/*拒绝弹窗*/
.ju_tan{background: rgba(0, 0, 0, 0.32);position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.ju_box1{background: #FFFFff;width: 70%;left: 15%;position: absolute;top: 50%;margin-top: -170px;
    border-radius: 5px;height: 350px;}
.ju_box2{width: 94%;margin: 0 auto;}
.ju_box3{overflow: hidden;}
.ju_box3 span{float: left;font-size: 15px;margin-top: 8px;}
.ju_box3 textarea{float: left;width: 50%;height: 100px;resize: none;border: 1px solid #dcdcdc;padding: 10px;
    margin-left: 10px;font-size: 15px;}
.ju_box4{overflow: hidden;margin-top: 20px;}
.ju_box4_span{float: left;font-size: 15px;}
#upBox{float: left;width: 86%;}
.ju_que{text-align: center;}
.ju_que input{width: 120px;height: 40px;background: #008000;color: #FFFFff;border: 0;border-radius: 3px;
    font-size: 16px;letter-spacing: 2px;}
.ju_guan{position: absolute;right: 20px;top: 10px;cursor: pointer;}

.que_int input[type="radio"] {width: 100px;height: 40px;opacity: 0;
    position: absolute;top: 0;left: 0;font-size: 12px;z-index: 10;cursor: pointer;}
.que_int input:checked+label {background-color: #07AFD6;color: #FFFFff;}
.que_fu{overflow: hidden;margin-bottom: 13px;margin-top: 13px;}
.que_int{width: 100px;position: relative;height: 44px;float: left;line-height: 40px;margin-right: 20px;}
.que_int label{width: 100%;cursor: pointer;text-align: center;color: #6d6d6d;font-size: 14px;
    position: absolute;height: 36px;background: transparent;border-radius: 5px;display: inline-block;line-height: 36px;
    border: 1px solid #07AFD6;}
.fa_tan{height: 270px;margin: 15px 0 10px 0;overflow-y: auto;}
.ju_title{font-size: 15px;color: #000000;font-weight: bold;}
.tian_shang{overflow: hidden;}





/*权限分配*/
.xian_table table{border-collapse: collapse;width: 98%;margin-left: 1%;margin-top: 16px;}
.xian_table table th{padding: 16px 0;font-size: 14px;border: 0;font-weight: 300;}
.xian_table table td{padding: 16px 0;font-size: 13px;border: 1px solid #dcdcdc;}
.xian_table table th{text-align: center;width: 11%;}
.xian_table table td{width: 89%;vertical-align: top;}
.xian_table table tr input{margin-right: 5px;vertical-align: middle;}
.xian_table table td span{display: block;float: left;margin: 0 1%;}
.xian_table table td input[type=text]{margin-left: 10px;width: 95%;border: 0;outline: none;}
.xian_ti{text-align: center;margin-top: 30px;}
.xian_ti input{width: 12%;height: 40px;border-radius: 5px;background: #3e9cdf;border: 0;color: #FFFFff;}

.myon{width: 0!important;}
.myon1{margin-left: 0!important;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.tian_guan_int-1 select{width: 60%;float: left;}
.xiu_sel{width: 30.5%!important;margin-right: 1%;}
.shu_gai{text-align: center;font-size: 14px;}
.tian_guan_int-1 span input{padding-left: 0!important;width: 100%!important;}
.tian_que_fu{overflow: hidden;width: 340px;margin: 40px auto;}
.tian_que1{float: right;margin: 0 0!important;}
.ddfb_ti{float: left;margin: 0 auto;width: 130px;text-align: center;height: 44px;line-height: 44px;background: orange;
    font-size: 14px;color: #FFFFff;border-radius: 3px;}


/*上传图片*/
.imageDiv {
    display:inline-block;
    width: 100px;
    height: 100px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
    margin: 5px
}
.cover {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width: 100px;
    height: 100px;
    background-color:rgba(0,0,0,0.5);
    display:none;
    line-height: 95px;
    text-align:center;
    cursor:pointer;
}
.cover .delbtn {
    color: #FFFFff;
    font-size: 16px;
}
.imageDiv:hover .cover {
    display:block;
}
.addImages {
    display:inline-block;
    width: 100px;
    height: 100px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #daf3ff;
    position:relative;
    overflow:hidden;
    margin: 5px;
}
.text-detail {
    margin-top: 10px;
    text-align:center;
}
.text-detail span {
    font-size: 40px;
}
.file {
    position:absolute;
    top:0;
    left:0;
    width: 100px;
    height: 100px;
    opacity:0;
}
.text-detail p{margin: 10px auto;font-size: 15px;}
.text-detail span{display: block!important;float: none!important;width: 100%!important;}
.picDiv{width: 62%;margin-left: 21%;padding-top: 5px;clear: both;}
.tian_guan_int-2{clear: both;padding-top: 15px;}
.tian_guan_int-2 span{width: 11%;text-align: center;}
.tian_guan_int-2 select{width: 31%;}
.tian_guan_int_fu{clear: both;}






.xia_lai{width: 92%;margin: 10px auto;display: none;}
.tian_biao{overflow: hidden;margin-top: 20px;}
.tian_biao a{color: #000000;margin-left: 10px;}
.tian_biao input{width: 200px;height: 34px;border: 1px solid #cfcfcf;padding-left: 10px;}
#tian{clear: both;font-size: 14px;background: #008000;height: 38px;line-height: 38px;text-align: center;
    width: 160px;color: #FFFFff;border-radius: 3px;margin-top: 20px;cursor: pointer;}



.cjsh_meng{background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;
display: none;}
.list_bb1{width: 600px;margin: 0 auto;height: 400px;background: #ffffff;border-radius: 5px;position: fixed;left: 50%;top: 50%;margin-top: -200px;transform: translateX(-50%);}
.list_cc1{height: 350px;overflow: auto;}
.list_bb1_font1{text-align: center;height: 50px;line-height: 50px;color: #000000;font-size: 15px;}
.list_bb1_box1{font-size: 14px;border-bottom: 1px solid #eeeeee;padding: 15px 0;width: 92%;margin: 0 auto;}
.guan_bb{position: absolute;right: 10px;top: 10px;width: 24px;cursor: pointer;}






/*响应式*/
@media all and (max-width: 1000px) {
    /*登录注册*/
    .deng_fu{
        width: 94%;
        background: transparent;
        position: absolute;
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
    }
    .deng_fu_title img {
        width: 96%;
    }
    .deng_box1 {
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
    }
    .deng_box1_shu{float: none;display: none;}
    .deng_box1_er{float: none;width: 94%;margin: 0 auto;}
    .deng_fu_title{display: none;}

    /*index*/
    .pc_xian{text-align: left!important;}
    .hidden-xs{display: block!important;float: right;width: 70%;}
    .navbar-custom-menu{min-width: 40%;}
    .navbar-custom-menu ul{width: 100%;}
    .navbar-custom-menu ul li{width: 100%;}
    .navbar-nav>.user-menu .user-image{margin-top: 0!important;float: left;margin-right: 2%;}
    .main-sidebar, .left-side{position: absolute;left: 0;top: 0;transform: translate(0, 0);
        padding-top: 50px;}
    .content-wrapper{margin-left: 0;}
    .navbar{float: right!important;width: 35%;}
    .main-header .logo .logo-lg{font-size: 18px;}
    /*.pc_cang{width: 54%;float: left;font-size: 16px!important;}*/
}

@media all and (max-width: 800px) {
    .list_bb1{width: 90%;}
}

@media all and (max-width: 600px) {
    .navbar{display: none!important;}
    .home_box1{width: 45%;}
    .main-header .logo .logo-lg{font-size: 16px;}
    .tian_guan_int-1{float: none;width: 98%;}
    .tian_guan{width: 94%;margin: 15px auto;}
    #liexing1{width: 55%;}
    .guan_table_fu{width: 96%;overflow: auto;margin: 0 auto;}
    .guan_table_fu .guan_table{width: 800px;}
    .guan_table_fu .guan_table1{width: 1000px;}
    .guan_table table td{font-size: 13px;}
    .guan_box1_1,.guan_box1_2{margin-top: 10px;}
    .guan_box1{padding: 5px 0 5px 5px;}
    .guan_box1_1 input{font-size: 12px;}
    .guan_box1_1 select{font-size: 12px;}
    .guan_box1 div{margin-right: 0;}
    .guan_box1_2{float: none!important;margin: 10px auto;}
    .tian_guan_title{padding: 8px 0;}
    .img_zong img{height: 80px;}
    .picDiv {
        width: 70%;
        margin-left: 28.6%;
        clear: both;
    }
    .ju_box1 {
        background: #FFFFff;
        width: 90%;
        left: 5%;
        position: absolute;
        top: 50%;
        margin-top: -250px;
        border-radius: 5px;
        height: 500px;
    }
    .fa_tan{height: 360px;margin-top: 50px;}
    #upBox{margin-top: 15px;}
    .yw_an{width: 80%!important;}
}

@media all and (max-width: 500px) {
    .home_box1_img1 img{width: 40px;height: 40px;}
    .home_box1_font1{margin-top: 15px;font-size: 15px;color: #000000;}
    .navbar{display: none!important;}
    .home_box1{width: 43%;}
    .guan_box1_1{margin-bottom: 10px;float: none!important;}
    .guan_box1_1 span{width: 25%;}
    .guan_box1_1 input{width: 70%;}
    .guan_box1_1 select{width: 74%;height: 36px;}
    .guan_table_fu{width: 96%;overflow: auto;margin: 0 auto;}
    .guan_table_fu .guan_table1{width: 1000px;}
    .guan_table table td{font-size: 13px;}
    .tian_guan_title{width: 94%;}
    #startTime,#endTime{width: 30%;}
    .tian_guan1{width: 94%;}
    .tian_guan_int input[type=text], .tian_guan_int input[type=password]{width: 60%;font-size: 14px;}
    .tian_que{width: 36%;margin: 20px auto;}
    .tian_guan_int select{width: 63%;}
    .tian_guan{width: 94%;margin: 10px auto;}
    .tian_guan_int span{width: 30%;font-size: 14px;}
    .xian_table table th{width: 30%;}
    .tian_guan_int-1{float: none;width: 98%;}
    #main,#main1{margin: 10px auto;border: 0;}
    .myon2{width: 0!important;display: none;}
    .myon{width: 200px!important;}
    .imgContainer{width: 86px;height: 86px;}
    .guan_table table td{font-size: 14px;}
    .tian_guan_title_1,.guan_tian{font-size: 14px;}
    .tian_title{font-size: 16px;height: 44px;line-height: 44px;}
    .xiu_sel{width: 31%!important;margin-right: 1%;}
}


/*查看原图*/
.mask-img{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    z-index: 10;background: rgba(0, 0, 0, 0.51);}
.wai{position: fixed;top: 50%;left:50%;transform: translate(-50%,-50%);
    text-align: center;z-index: 20;width: 400px;height: 400px;display: none;}
.picture{position: fixed;top: 50%;left:50%;transform: translate(-50%,-50%);
    text-align: center;z-index: 20;width: 400px;height: 400px;}
.wai img{max-width: 100%;max-height: 100%;}
.picture img{max-width: 100%;max-height: 100%;}
.picture_kan{position: absolute;left: 50%;top: -34px;color: #FFFFFF;background: #3e9cdf;height: 34px;
    font-size: 14px;padding: 0 16px;border-radius: 2px;transform: translateX(-50%);line-height: 34px;}
img{vertical-align: middle;border: 0;}