@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} }