body{font-size:13px;transition:all 0.5s ease-out;background:#fff;}
    input,button{border:none;}
    .container{width:100%;margin:0px;padding:0px;position:relative;}
    .content_table{padding:5px;}
    .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom-width:1px;}
    .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:1px solid #000;font-size:14px;color:#000;text-align:center;cursor:pointer;display:table-cell;vertical-align:middle;}
    .table-bordered {border: 1px solid #333;}
    .table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td{color:#222; }
    .table>tbody>tr:hover{background:#fcf8e3 ;}
    .table>tbody>tr:visited >td{background:#FFE2E4;}
    .table>tbody>.active>td{background:#dff0d8 !important;}
    .checks{background:#23B7E5;color:#fff;padding:0px 5px;line-height:24px;cursor:pointer;}
    .checks:hover{background:#0a7090;}
    .table>thead>tr>th{margin:0;padding:0px;}
    .table>tbody>tr>.title{color:#47a2ff;font-weight:600;}
    .table>tbody>tr>.titles{color:#097aec;font-weight:600;}
    .table{margin-bottom:0px;}
    .footer_btnbox>.btn_box{background:#47a2ff;padding:7px 20px;left:0px;color:#fff;margin-right:15px;}
    .footer_btnbox>.btn_box:nth-of-type(1){margin-left:0px;}
    .content_imgbox{width:100%;border:1px solid #000;border-top:0px;}
    .content_area{width:100%;border:1px solid #000;padding:15px;border-top:none;}
    #textcontent{width:100%;min-height:150px;}
    .area_btn{background:#47a2ff;color:#fff;padding:6px 20px;margin:8px 0;font-size:14px;letter-spacing:2px;}
    .img_box{width:100%;border-bottom:1px solid #000;position:relative;}
    .img_box:nth-of-type(4){border-bottom:0px;}
    .img_box>div{width:100%;position:relative;padding:15px;transition:all 0.5s ease-out;}
    .img_box>div>img{margin:auto;width:100%;}
    .footer{position:fixed;padding:15px 0px;background:#fff;bottom:0px;width:100%;max-width:1200px;z-index:99;}
    .footer_btnbox>.btn_box:hover,.area_btn:hover{background:#097aec;}
    .back:hover{background:red;}
    .back{position:fixed;right:3%;top:3%;height:45px;line-height:42px;text-align:center;z-index:99;background:#47a2ff;border-radius:20px;font-size:18px;padding:0px 15px;color:#fff;cursor:pointer;font-weight:500;}
    .tag_top{position:absolute;top:-5px;right:45px;width:40px;height:40px;border-radius:5px;border:1px solid #47a2ff;line-height:12px;text-align:center;font-weight:600;transition:all 0.5s linear;box-shadow:0px 0px 0px #fff;}
    .tag_top:hover{background:#097aec;color:#fff;box-shadow:0px 0px 10px #000;}
    .smile{font-size:14px;padding:5px;}
    caption{font-size:24px;border:1px solid #000;text-align:center;color:#111;border-bottom:0px;}
    select>option{background:#fff;color:#000;cursor:pointer;}
    select{cursor:pointer;}
    #search_yonghu{height:32px;padding:0px 20px;min-width:60px;border-radius: 3px;color:#fff;line-height:32px;cursor:pointer;}
    
    .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background:#dff0d8;}
    .btn_add{min-width: 85px; text-align: center; padding: 0px 15px;cursor: pointer;background: #23B7E5;color: #fff;line-height: 40px;font-size: 14px;margin-right: 15px}
    .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:16px 6px;}
    .table tbody tr td .detailsList{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:normal;}
    .table1{width: 100%; box-sizing: border-box}
    .content_text .table1>tbody>tr>td{ text-align: left}

    .content_text .footer_total{position: fixed;bottom: 48px; width: 100%; border-top: 1px solid #ddd;}
    .table2 {width: 100%;}
    .table2 td {padding: 20px 10px}
    .table2 td .strong{display: inline-block; color: red}

    
    .content_text{width:100%;padding-top:55px;padding-bottom:60px; position: relative; display: flex;flex-direction:column;box-sizing: border-box;padding:0 1.5%;}
    .content_text>table{width:100%;}
    .content_text>table>tbody>tr>td{font-size:14px;color:#000;text-align:center;vertical-align: middle;}
    .content_text>table>tbody>tr>th{font-size:14px;color:#000;text-align:center;vertical-align: middle;}
    .content_text>table>thead>tr>th{font-size:14px;color:#000;text-align:center;vertical-align: middle;}
    .content_text>div{position:relative;width:100%;text-align:center;font-size:14px;vertical-align: middle;}
    .content_text>div>img{width:100%;}
    .content_text table>tbody>tr>td{font-size:14px;color:#000;text-align:center;vertical-align: middle;}
    .content_text table>tbody>tr>th{font-size:14px;color:#000;text-align:center;vertical-align: middle;background: #f9f9f9;}
    .content_text table>thead>tr>th{font-size:14px;color:#000;text-align:center;vertical-align: middle;background: #f9f9f9;}
    .content_text>table>tbody>tr,.content_text>table>thead>tr{border-bottom: 1px solid #e5e5e5}

    .content_text table>tbody>tr.title_td{background: #f9f9f9}   
    .content_text table>tbody>tr.title_td>td{color: #23b7e5;font-weight: 600;border:1px solid #dee5e7;padding: 20px 6px;}
    .content_text table>tbody>tr.title_td>td d{color: #f44a4a}
    .content_text table>tbody>tr>td .line_content{padding: 20px 2%; border-bottom: 1px dotted #dee5e7;color:#333;}
    .content_text table>tbody>tr>td .line_content:last-child{border: none}
    .content_text table>tbody>tr>td .line_content div{padding: 0 6px;}
    .content_text table>tbody>tr>td .line_content div span{color:#666;font-weight: 600} 
    .content_text table>tbody>tr>td .line_content div .strong1{display: inline-block; color:#23b7e5;} 
    .content_text table>tbody>tr>td .line_content div .strong2{color:#f44a4a} 
    .content_text table>tbody>tr>td .line_content .check_pic{display: inline-block;cursor: pointer;color:green}
    .content_text table>tbody>tr>td .line_content:hover{background: #fcf8e3}
    .content_text table>tbody>.title_td:hover{background: #fcf8e3}

    .top_th{table-layout:fixed}
    
    .contentbox_header{width:100%;padding:0px 1.5%;background:#fff;z-index:99;margin:0 auto;position:relative;left:0px;top:0px;box-sizing: border-box;border-radius:3px;padding-top:0;}
    .query>button{color:#fff;}
    
    .content_text .unloading{text-align:center;width:100%;font-size:14px;font-weight:600;padding:3% 10px;box-sizing: border-box}
    .show_text{text-align:center;width:100%;}
    .ocolor{color:#ff6e3d}

    .title_h{line-height: 30px;padding:0 10px;min-width:80px;text-align:center;font-size:14px;color:#333;}
    .select_line {min-width:370px;width:32%;margin-right:10px;}
    .select_line .query{margin-right:10px;width:100%;border:1px solid #e6e6e6;}
    .select_line .query>input,.select_line .query>select{height:30px;color:#000;border:none;width:100%;padding-left:5px;}

    .select_line_input{position:relative;min-width:370px;width:32%;margin-right:10px;}
    .select_line_input .query{margin-right:10px;width:100%;border:1px solid #e6e6e6;}
    .select_line_input .query>input,.select_line_input .query>select{height:30px;color:#000;border:none;width:100%;padding-left:5px;}

    .search_box{width:100%;background:#FAFBFD;border:1px solid #e6e6e6;border-radius:3px;padding:0 10px;padding-top:10px;padding-bottom:15px;}
    .search_box:after{content: '';display:block;clear: both;overflow:hidden;}
    .search_box>div{float:left;margin-top:12px;margin-bottom:5px;}
    .checkBox{height:30px;padding:0px 20px;min-width:60px;border-radius: 3px;color:#fff;line-height:30px;cursor:pointer;text-align:center;}

    .clear_search{line-height: 32px; margin-left: 10px; color: #666;cursor: pointer;background:#fff;border:1px solid #eee;border-radius:5px;padding:0 20px;}
    
        
    
    
    .footer_page{width:100%;position:fixed;bottom:0px;border-top:1px solid #ddd;padding:10px 1%;color:#000;font-size:14px;line-height:25px;background:#fff;box-sizing: border-box}
    .pages_all{padding:0px 10px;cursor:pointer;}
    .pages_all>div{border:1px solid #ddd;min-width:30px;text-align:center;height:25px;}
    .pages_all>.page{border-left:none;border-right:0px;box-shadow:0px 0px 5px #ccc;}
    .pages_all>div:hover{background:rgb(29,43,54);color:#fff;font-weight:600;}
    .page_tiaozhuan>input{width:55px;border:1px solid #ddd;padding-left:8px;margin:0 10px;height:25px;text-align:center;}
    .btn_confirm{height:25px;margin: 0 12px; border:1px solid #ddd;padding:0px 5px;color:#415161;cursor:pointer;}
    
    
    .mtips_content {
        padding: 20px;
    }
    .mtips_line{
        width: 100%;
        padding: 14px 2%;
        background: #fff;
        margin: 0 auto;
    }
    .mtips_content .mtips-item{
        margin-bottom: 10px; 
    }

    .mtips-item::after{
        content: '\20';
        clear: both;
        *zoom: 1;
        display: block;
        height: 0;
    }

    .mtips-label {
        float: left;
        display: block;
        padding: 9px 15px;
        width: 110px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
    }
    .mtips-item select{
        height: 30px;
        color: #666;
        border: none;
        width: 100%;
        padding-left: 10px;
    }
    .mtips-item {
        position: relative;
    }
    .red_dot{
        position: absolute;
        right: -10px;
        top: 10px;
        color: red;
    }
    .mtips-item_hide{
        display: none;
    }

    .user_details {
        padding: 20px;
        overflow: hidden;
    }
    .user_details li{
        float:left;
        width: 50%;
        margin-bottom: 10px;  
        font-size: 16px;      
     } 
     .user_details li .left_title{
         display: inline-block;
        vertical-align: top;
     }
     .user_details li .strong{
         font-weight: 600;
     }
     .user_details li .show_pic{
        width: 200px;
        height: 150px;
        padding: 5px 20px;
     } 
     .user_details li .show_pic img{
         max-width: 100%;
         max-height: 100%;
     } 

     .layui-table-cell{padding:0;}

     .container .laytable-cell-1-payCode{height:auto !important;}

     

    @media screen and (max-width:1355px){
        body{font-size:12px;}
        input, textarea, select, button{font-size:14px;}
    }