.layui-breadcrumb > * { font-size: 0.16rem; } .table .row { display: flex; text-align: center; } .table .row .column { width: 20%; line-height: 0.8rem; } .table .thead { background: #FF6700; } .table .thead .column { color: white; font-size: 0.2rem; } .table .tbody { background-color: rgba(245, 245, 245, 0.5); } .table .tbody .column { color: #323232; font-size: 0.18rem; box-sizing: border-box; display: flex; line-height: 1.3; align-items: center; height: 0.8rem; justify-content: center; } .table .tbody .row .column:nth-child(1) { display: flex; padding-left: 0.52rem; box-sizing: border-box; align-items: center; justify-content: left; text-align: left; } .table .tbody .row .column:nth-child(1) i { display: none; margin-left: 40%; } .table .tbody .date { font-size: 0.2rem; } .table .tbody .row { border-bottom: solid 1px rgba(101, 101, 101, 0.2); display: flex; align-items: center; } .table .tbody .send { width: 1.13rem; line-height: 0.37rem; height: 0.37rem; background: #FF6700; border-radius: 0.06rem; text-align: center; font-size: 0.18rem; color: white; margin-left: auto; margin-right: 0.32rem; display: block; cursor: pointer; margin: auto; } .table .tbody li { cursor: pointer; } .table .tbody .details { border-bottom: solid 1px rgba(101, 101, 101, 0.2); display: flex; display: none; justify-content: space-between; padding: 0.45rem 0.6rem; } .table .tbody .details .text { font-size: 0.16rem; color: #747474; width: 55%; } .table .tbody .details .requirement { width: 40%; margin-left: 4%; } .table .tbody .active .details { display: flex; } .table .tbody .active .row .column i { display: block; } .table .thead .row .column { line-height: 0.6rem; } #details .layui-form-item { position: relative; width: 95%; padding-right: 5%; overflow: hidden; } #details .required::after { content: '*'; position: absolute; right: 3%; top: 40%; transform: translateY(-50%); color: #FF0000; } #details .address { font-size: 0.18rem; padding-left: 0.53rem; margin-bottom: 0.5rem; } #details .box { margin-bottom: 1.06rem; } #details .form { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); box-sizing: border-box; height: 890px; } #details .form .bt { font-size: 0.22rem; color: #333; line-height: 2; border-bottom: solid 1px #E5E5E5; margin-bottom: 0.2rem; } #details .layui-input, #details .layui-select, #details .layui-textarea { background: #F5F5F5; border: 1px solid #E5E5E5; } #details .codeImg { width: 2.56rem; height: 0.38rem; } #details .submit-btn { background: #F59205; margin: auto; width: 2.52rem; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5); font-size: 0.3rem; line-height: 0.5rem; height: 0.5rem; border-radius: 0.05rem; } #details .layui-form-item { margin-bottom: 0.3rem; } #details .thank { background: #F59205; height: 890px; padding-top: 1.35rem; padding-left: 0.45rem; padding-right: 0.45rem; box-sizing: border-box; } #details .thank h2 { color: white; font-size: 0.37rem; margin-bottom: 0.7rem; } #details .thank .solid { width: 113px; height: 4px; background: #FFFFFF; border-radius: 1px; margin-bottom: 0.4rem; } #details .thank p { font-size: 0.18rem; color: white; padding-bottom: 0.5rem; } #details .thank .logo { width: 2.63rem; margin-top: 0.2rem; } @media (max-width: 1200px) { .table .tbody .row .column:nth-child(1) i { margin-left: 10%; display: none; } .table .tbody .send { width: 0.62rem; } } @media (max-width: 750px) { .table .tbody .row .column:nth-child(1) { padding-left: 0.1rem; } #details .form { height: auto; } #details .layui-form-label { width: 65px; padding-left: 0; } #details .layui-input-block { margin-left: 83px; } #details .layui-form-item .layui-input-inline { margin-left: 83px; } #details .layui-btn { padding-left: 0.2rem; display: block; overflow: hidden; } #details .codeImg { height: 0.8rem; width: 5rem; } #details .submit-btn { width: 4.52rem; line-height: 0.7rem; height: 0.7rem; border-radius: 0.05rem; } #details .form-item-bottom { padding-bottom: 0.1rem; } }