caimei365-www/src/main/resources/static/css/user-center/repair/list.css

@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    /*个人中心右侧*/
    .navLayout .right{float:right;width:968px}
    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .order-header .header-bt {width: 100%;height: 38px;float: left;}
    .order-header .header-bt .header-search{width: 828px;height: 38px;float: left;}
    .order-header .header-bt .search{height: 38px;float: left;}
    .order-header .header-bt .search .label{display: inline-block;float: left;width: 60px;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
    .order-header .header-bt .search .search-input{width: 210px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: 1px solid #b8bfca;border-radius: 2px; }
    .order-header .header-bt .search .select{width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 2px;border: 1px solid #b8bfca;color: #627386;}
    .order-header .header-bt .search-time{float: left;margin:0 15px;}
    .order-header .header-bt .search-time .label{display: inline-block;float: left;width: 60px;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
    .order-header .header-bt .search-time .search-main{float: left;height: 38px;}
    .order-header .header-bt .search-time .search-main .line{line-height:38px;font-size: 12px;color: #627386;margin: 0 5px;display: inline-block;float: left;}
    .order-header .header-bt .search-time .search-main .search-input{width:130px;box-sizing: border-box;padding-right: 16px;float: left;border: 1px solid #b8bfca;position: relative;}
    .order-header .header-bt .search-time .search-main .search-input .input{width:114px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: none;border-radius: 2px;cursor: pointer;}
    .order-header .header-bt .search-time .search-main .search-input .icon{width: 12px;height:  12px;display: block;position: absolute;right: 8px;top: 10px;}
    .order-header .header-bt .search-time .search-main .search-input .icon:before{width: 12px;height:  12px;background-position: -348px -378px;}
    .order-header .header-bt .header-button{height: 38px;float: right;}
    .order-header .header-bt .header-button .btn-server{width: 90px;height: 36px;display: block;background-color: #e15616;border-radius: 2px;border: solid 1px #e15616;font-size: 14px;color: #FFFFFF;line-height: 36px;text-align: center;}
    .container{width: 100%;margin-top: 15px;}
    .container .empty{background-color:#FFF;}
    .container .section{width: 100%;height: 411px;padding-bottom: 16px;box-sizing: border-box;padding: 0 16px;background-color: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .container .section .title{width: 100%;height: 54px;border-bottom: 1px solid #e2e7ef;}
    .container .section .title .td{height: 54px;font-size: 14px;color:#627386;float: left;line-height:54px;text-align: left;}
    .container .section .title .td.td-1{width:11%;}
    .container .section .title .td.td-2{width:14%;text-align: center;}
    .container .section .title .td.td-3{width:19%;text-align: center;}
    .container .section .title .td.td-4{width:15%;text-align: center;}
    .container .section .title .td.td-5{width:11%;text-align: center;}
    .container .section .title .td.td-6{width:14%;text-align: center;}
    .container .section .title .td.td-7{width:8%;text-align: center;}
    .container .section .title .td.td-8{width:8%;text-align: center;}
    .container .section .title .td.td-9{width:8%;text-align: center;}
    .container .section .content{width: 100%;height: auto;}
    .container .section .list{width: 100%;height: 44px;}
    .container .section .list .td{height: 54px;font-size: 14px;color:#627386;float: left;line-height:54px;text-align: left;}
    .container .section .list .td.td-1{width:11%;}
    .container .section .list .td.td-2{width:14%;text-align: center;}
    .container .section .list .td.td-3{width:19%;text-align: center;}
    .container .section .list .td.td-4{width:15%;text-align: center;}
    .container .section .list .td.td-5{width:11%;text-align: center;}
    .container .section .list .td.td-6{width:14%;text-align: center;}
    .container .section .list .td.td-7{width:8%;text-align: center;}
    .container .section .list .td.td-8{width:8%;text-align: center;}
    .container .section .list .td.td-8 a{text-decoration: underline;}
    .container .section .list .td.td-8 .eva{color: #1890f9;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
.header-bt{padding: 3.3vw}
.search:nth-child(1){width: 93.4vw;height: 11.7vw;line-height: 11.7vw;border: .27vw solid rgba(184,191,202,.5);margin-bottom: 2.7vw;}
.search input{height: -webkit-fill-available;width: 75vw;border: none;}
.header-search>div .label{color: #627386;margin-left: 1.7vw;line-height: 8vw}
input::placeholder{color: #627386}
.search .select{height: 11.7vw;width:100%;border: none;color: #627386;border: .27vw solid rgba(184,191,202,.5)}
.btn-server{width: 35.3vw;height: 11.2vw;line-height: 11.2vw;text-align: center;color: #e15616;border: .27vw solid #e15616;background: #ffe6dc;margin:2.7vw auto;display: block;}
#orderDate .search-input{display: inline-block;}
#orderDate{position: relative}
.search-input input{width:39vw;height: 11.8vw;line-height: 11.8vw;padding-left: 2.7vw;border: .27vw solid rgba(184,191,202,.5);color: #627386;}
.order-header .header-bt .search-time .search-main .line{margin:0 1.4vw;display: inline-block;height: 11.2vw;line-height: 11.2vw;}
.mIcon.time:before{width: 20px;height: 20px;position: absolute;background-position: -352px -231px;right: 15px;top: 13px;}
.search-time{margin-bottom: 2.7vw}
.jindu .label{display: block}
}