body{font-family: "微软雅黑" !important;}
a{transition: all .3s;-webkit-transition: all .3s;cursor: pointer;}
.search-out {border: 1px #dcdcdc solid;box-sizing: border-box;background-color: #5748c5;padding:2px;border-radius: 5px;}
.search-input {border: 1px #dcdcdc solid;box-sizing: border-box;background-color: #FFF;overflow: hidden;position: relative;}
.search-input h1 {font-size: 16px;display: inline-block;border-right: 1px #5748c5 solid;box-sizing: border-box;color: #151515;padding: 0 10px;line-height: 35px;width: 105px;text-align: center;}
.search-input div {width: 83%;display: inline-block;overflow: hidden;vertical-align: top;}
.search-input input {width: 100%;vertical-align: top;height: 34px;line-height: 34px;border: 0;text-indent: 10px;font-size: 14px;}
.search-out i {display: block;background-color: #f7f7f7;border: 1px #5748c5 solid;box-sizing: border-box;text-align: center;line-height: 35px;color: #5748c5;font-size: 20px;cursor: pointer;}

.search-write {background-color: #5748c5;height: 42px;color: #FFF;font-size: 18px;text-align: center;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;line-height: 42px;border-radius: 5px;}
.search-write i {font-size: 24px;display: inline-block;margin-right: 10px;vertical-align: text-top;}
#section1{padding-right: 40px;}
.mail-box {overflow: hidden;margin-top: 15px;}
.mail-box .channel-title {border-bottom: 0;font-size: 18px;color: #2060b7;padding-bottom: 15px; position: relative;}
.mail-box .mail-list-box, .mail-box .mail-list-box2{background-color: #FFF;padding:0;overflow: hidden;}
.titlesp {font-size: 14px;background-color: #f2f2f2 !important;color: #333333 !important;border-right: 1px #FFF solid;box-sizing: border-box;height: 47px;line-height: 47px;text-align: center;}

.mail-list-box2 table{table-layout: fixed;}
.mail-list-box2 table thead{background-color: #f0f6ff;}
.mail-list-box2 table thead th{line-height: 36px;text-align: center;font-size: 18px;font-weight: normal;border-right: 1px #FFF solid;box-sizing: border-box;}
.mail-list-box2 table thead th:last-of-type{border-right: 0;}
.mail-list-box2 table tbody td{text-align: center;height: 50px;vertical-align: middle;border-right:1px #f3f3f3 solid;border-bottom:1px #f3f3f3 solid;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;text-overflow: ellipsis;}
.mail-list-box2 table tbody td:last-of-type{border-right: 0;}
.mail-list-box2 table tbody td span{display: inline-block;border: 1px #5748c5 solid;box-sizing: border-box;border-radius: 5px;line-height: 24px;font-size: 14px;color: #5748c5;padding: 0 8px;}
.mail-list-box2 table tbody td a{display: block;padding:0 10px;font-size: 18px;line-height: 54px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #333333;}
.mail-list-box2 table tbody td a:hover{color: #5748c5;}

.mail-search .mail-box{overflow:hidden; box-sizing:border-box; background-color:#FFF !important; margin-bottom:15px}
.mail-search .layui-input{ display:inline-block; border:0; background-color:#f2f2f2}
.mail-search label{font-size:16px;}
.mail-search .layui-form-label{ font-size:16px}
.mail-search select{ border:0; height:38px; line-height:38px; text-indent:10px; font-size:16px; background-color:#f2f2f2}
.mail-search .layui-input-block span{ display:inline-block; margin-top:10px}
.mail-search .layui-input-block span input{ margin-left:5px; margin-right:2px}
.star {margin: 0 7px;display: inline-block;vertical-align: top;color: red;}
.mail-search .layui-btn{ display:block; margin:0 auto; width:13%;background-color: #5748c5;}
.mail-search .layui-textarea{border:0; background-color:#f2f2f2;display: inline-block;}
@media screen and (max-width:480px){
    #section1{padding-right: 0;}
    #colee{height: 415px !important;}
    .mail-box{margin-top: 0px;padding: 10px 0;background-color: #FFF;}
    .mail-box table colgroup{display: none;}
    .mail-list-box2 table thead th{font-size: 0.875rem;}
    .mail-list-box2 table tbody td{height: 44px;}
    .mail-list-box2 table tbody td:nth-child(1){padding: 10px 0;}
    .mail-list-box2 table tbody td a{font-size: 1.02rem;padding: 10px 0;line-height: 24px;}
    .mail-list-box2 table thead th:nth-child(1){width: 33%;}
    .mail-list-box2 table thead th:nth-child(2){width: 67%;}
    .mail-list-box2 table tbody td:nth-child(1){width: 33%;}
    .mail-list-box2 table tbody td:nth-child(2){width: 67%;border-right: 0;}

    .mail-list-box2 table thead th:nth-child(3){display: none;}
    .mail-list-box2 table thead th:nth-child(4){display: none;}
    .mail-list-box2 table tbody td:nth-child(3){display: none;}
    .mail-list-box2 table tbody td:nth-child(4){display: none;}
    .mail-search .layui-form-label{width: 70px;}
    .mail-search .layui-input-block{margin-left: 100px;}
    .mail-search .layui-input-block input{width: 90% !important;}
    .mail-search .layui-input-block span input{width: auto !important;}
    .mail-search .layui-input-block input#txbcode{width: 30% !important;}
    .mail-search select{width: 90% !important;}
    
    .mail-search .layui-textarea{width: 90% !important;}
    .mail-search .layui-btn{width: 35%;}
}