440 lines
14 KiB
CSS
440 lines
14 KiB
CSS
body {
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
font-weight: 400;
|
|
margin: 0px;
|
|
font-family: MicrosoftYaHei, Helvetica, sans-serif;
|
|
}
|
|
|
|
.header {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 3.1rem;
|
|
line-height: 3.1rem;
|
|
z-index: 3;
|
|
background: #000;
|
|
background: linear-gradient(180deg, #0e1b52, #12377c);
|
|
color: #fff;
|
|
padding: 2px 0px;
|
|
}
|
|
|
|
.header .left {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.header > .left > .logo {
|
|
width: 16.13rem;
|
|
height: 3.1rem;
|
|
background: url('/assets/img/logo_w.png');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
margin-right: 4.5rem;
|
|
cursor: pointer;
|
|
position: relative;
|
|
top: .1rem;
|
|
}
|
|
|
|
.header > .left > .logo > span {
|
|
font-size: 1.48rem;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
line-height: 3.1rem;
|
|
margin-left: 3rem;
|
|
}
|
|
|
|
.header > .left .title {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header > .left .title > img {
|
|
margin: 0 .1rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header > .right > div {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header > .right > div > .view {
|
|
cursor: pointer;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
|
|
.header > .right > div > span {
|
|
display: inline-block;
|
|
padding: .2rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.border-box-content {
|
|
color: rgb(66,185,131);
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebarcolor {
|
|
color: rgb(250, 205, 137);
|
|
}
|
|
|
|
.row {
|
|
/*height: calc(100vh - 3.6rem);*/
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
}
|
|
|
|
.row > .left {
|
|
position: absolute;
|
|
top: 3.1rem;
|
|
left: 0;
|
|
z-index: 2;
|
|
background: linear-gradient(90deg, #0e1b52, rgba(14, 27, 82, .2));
|
|
|
|
}
|
|
|
|
.row > div {
|
|
height: 100vh;
|
|
width: 24%;
|
|
}
|
|
|
|
.row > div > div {
|
|
height: 30%;
|
|
width: 100%;
|
|
}
|
|
|
|
.row > .left > .left_1 {
|
|
display: flex;
|
|
border: none;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
background: url(../../static/img/date_xk_img.66c5522.png);
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position-y: bottom;
|
|
}
|
|
|
|
.row > .left > div {
|
|
height: 30%;
|
|
width: 100%;
|
|
border: .1rem solid rgba(126, 206, 244, .1);
|
|
margin: .1rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.row > .left > .left_1 > .left_1_info {
|
|
width: 45%;
|
|
height: 5.88rem;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM4AAABgCAYAAABVCU1aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxMEE3OTg1OUNDNDExRUI4NTY2RUQzNzE1MDEyODQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxMEE3OTg2OUNDNDExRUI4NTY2RUQzNzE1MDEyODQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTEwQTc5ODM5Q0M0MTFFQjg1NjZFRDM3MTUwMTI4NDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTEwQTc5ODQ5Q0M0MTFFQjg1NjZFRDM3MTUwMTI4NDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7las80AAANtklEQVR42uydzcskVxXG76m3ZhIYkIgZCWqi6KBkMGHU8SMQIeK3ZCSKA1noxlFkQLJQsnAzi2yCf8GssheyEQPuAoKiUXEEFRGCK3WhMwuDMWg+6ni/7zm3bnV9dI86eZ8H6u3u6up+q9+5v37OeerWFF259uIFA0HQKvXx9hn8KSBosS70h3iXJ26cwp8SuiV1+vKj/vby00+tel2HPx0EbS/VpHjF62/Y5fqVO/+JvyR0a2q505ydA2eRrv34lzd+8sMfXZ/egguCzKweW9EqPiFoapSRHFThBxGpx3vqsScfX+Q426HhCAMP7LggBQuLG2ZwAx1CARH7k9LYosyT/+EeUkdi45tWqq2HxhtKDQsHp2EJDTeKQhAEbULGFFjizwwGJeOxw9HdeY0VRAcAqN8LGgmMh0LAkh4rJ6rIYUAD7W038nFxluA+7O8LiJgGPgRA/SZoOAHCBZgh9TGV42hwqoqT18cREJQGEZMeSUTaebLjpOfI8SIAiv3QBoD6bdAMTMwKICMfF7jiZ/QwcXEYHrEDQZvgiQ9Sq+PvMhWQkvskQIawjuLG7qvfmPXu02+CZhAuw4MGyJjKhTI4xrTCAgjaIpYEcbyJLCSQsrtQGJ/SYahj0wUf4m5YDU+/CZrc2/C4bMuuU5dtghqEAtBNCQmi46R1QyzPIixi9Dnrie5j6RrWw9PvDc0Q7lOrz1HHb9jk1A3hAHSwcCANMfJZgLUXjrcBIt/22B8c+hv26+3jLkbUJgCzFp5+YXrGJTWL0CRg2r2OACj2ORzpUbAAHGifco10oMahdWFOUAVgAkCOEV+1heE4xHDAAzQE5+E4QGmenBY4jcg5uYsOAmhcsimAIjCco2nZ34AZ6BCNTpodwLGcYUrjnvz3dwIo5dImlm/WWVhWPW5sd+GwqcmvWwdOdXAzJ2glCBjSujY0pMKCXLZJaBhRNHSQVM07Ssyc2eSJA65kywCp3ibJjmEHj3Oe4DquVvNRArtxTUe0CJyrFy/5WzW9Wh+TmYqfhRMNBRoFjJxFUGgh9DjQHmbDucchFu5Tjt0UgIhTkubWdwkgdWA+1HipP5pxnd1xdHKbUqKVIGAE0DDhNEOedqNAQbIG7Ws60mFMnqAWwgHTUdUN2bWDp0Z8gfueh0v/TW6sW75mXWcaHOk2puprhioIqKGpACJWU28YaRp0ONsxYqZnHF4eoDQzoCrqYklmUm3nAoOOS79Dabzvdp1+dxmpYBDTZ3b0NKOAgMfAjCZ7AiRojdXQBEXl2aq20fBw7j/irOoISBi35FNkYuKV4UAu05LZpL2oANkJDbkgQaZq3Dp+g4AA2ug0KiEQ4yrOV/Oxs2+ruzE8nKDgZE9hXZqek5fpcq3faYHZLcStGQUGLMq53dCU3gfEQPtzo1uY5BplK58KDAWeVLalMCAfKBVjnOSYp8kx2k/tWC7TZLk2CglEL5QSNHkKgQwPZAyN+WrQTUEpx2kKnjImqVrNxXX8cZxQpvl4O5VrvLpUM9WpzlUaNpohMMSJDzwDDearQYfsd0QhFqbb1Gflh+QstR9+Sk3LdeR5cePxv9Bx5KzmqkwzIjLnah5afXxHQqNKvnJUCvBA+xAzHj1NeOLWVI7TSDMiObZFySbLusU9jhmd5pzCAh71PrnPMTo9a0BD6lRqUAPtUZ1RjgIM51MLBDx5Kg6V+JnrNC0eQOX4JiQh4fU9Tm7mVYOv5pyVYV+7TXEjGRwUaBiT1aCDsBNoId+OFHhidhYAKYFBcZ1c3kVUKrdJsfSOgqhfklxQtY5kr6LfmUe08g5o0OdA+5RqYlqNgkcNWjV6Sd31E6FTIm3afc7E3IEd/5Nn87+kGXOiQJDU1oVYY1tAA+1Tqk1NHC7f21VItWPbpr1MH5nv2yxPVVI8NpW5QzLcCAImmISgxbmAHNtUai9i+d+rNYZvcanKjBr2wtP/cWY/B3XTGap1NNqmSuFkRzQ6jw3UQOvNppRqYszn5p4nSEsnh5J2LTWFR5zBvOPEgm7BHs46ysJPOnMfglbTs21MLRrLu9+nW72Ps9suDMzADHRIdmarpgO+p8FlPiBokwAOBAEcCAI4EARwIAjgQBDAgSAI4EAQwIEggANBAAeCAA4EQQAHggAOBAEcCAI4EARwIAgCOBAEcCAI4EDQ/7MI4EBQhIEOThDAgV737oBSDYJuJlwEcCBoIyC0CCKAA0FTPRHFy4IAHOi412YaBNoYHAAc6Lg1MtR6Cc1YD8CBXs+wqMsQkliWAEarAAQ40PExHJp4Aa1/3+6gO5bcjQ78nhBUDx7aY3BReQOuXsL1e9AmcGgvKtsbEeiB9rAWmuhPIgi6QqPyZU7jkoxoPMbDtrHomx6f/fx+UtybylW4XGbUXeFKXYZ99AvDpbXjFbOqzQjXyoH2L79IEiUAo4n6jGRXRKbeeG5HmuD468Gpy+/WDZS4sm8CqLl94YLyhRnjpeOYYTzQYco1Cv0Bj8Y+qS97Tm1EgqUcryHNjQKPVpZq1O6gaLTzpKwvLzrjaG4LYqC1ZZoh3UfHgc3SOfL4o3GZRlUTTjQu38jsPPi5u1QjVWgVR+PkSMk1qG6xuAWar9L8lX7dxejjtYEJdgPt5TjFaQxVvY1yHuK8qjgJE00HA8lpaA04+erXqVFyv5dK50WJnngtaUoPE2n5EtoRkrSNgCetgKDlrIyqIA1N/KEqH6Jm05+hydvTeJuVPU7zYBBFUPxPARKlAtKUK8w70JIbRVIKYOV69O1La0PQfFrAVJVaaRxqaHRvY8S6ukxTZV2CqqN1pRpR6fjTm8mcL3KRN8ts0JjPkAxQigfk6tmLyUPQzmBA9svNnoZU6ZUhq12mCo5lGbepxxEdi+5zqOwsU+yhLJ08cKzwdMaW4EnbghdoX+dR4ESSJDTOLTwQnQysAhSGtFN5Z9EgTabTcz1ODACCU6Q+p7O3A0VjIbYqriMBV3akGicydR8GQdvKtVa/IvocBQ01SjIalW0ktjGbHIe0s3BVrhGPXad8FItNZzcZNDw5MFAAASNoaVvT6LupvqV0X0GToOg6KsdyEkCdLtu67Ei0sVRzb/gay5LNzxDILhRdJ+xvPR/Aw2O8I+VpD6wOeqo/BMiBKhjWbKtcRjlLAxoNC1PlNnXJtxocI8o1iuVaqM10mubwoHxkU8FTtf/TlBAaHmgTYMVhjO5jVNmloKmeC85U3Ibm3WbGcUS5VsV45HsdcQSTOkvUoOGhGLL7wICMOA4bdpLhNNDWNE18ues4Wjf4pgVNV8PUjLC3gxPLNaaBKYcC0WGYojGWg5tu9s4IHhPTtnDAlFmaziighqDpyqeVDeSb1PyXg6AZiBlohOt0zd7m5O23bQGnCgmKPeppNZ0JVsRdSNocWe5OnvwZf5BJzVIgiXD8E9oQEKg5j6Z2nBg5mwiEkT2NhqbrdImWHic4Tp4wD3/5EXf3B+vAka7jPaaz+zOEXz64dS7/Hrj6mJzD6TCfjfXs6TxfbeIPA0FzELWO5USHMaYZOY/KtgxNR60Sres685lHHzZve9c9z9qH35EmtBAc+YtNKNni+tD4d9E2IiChseEwu4AlQCbMbWPxDQG7gTZaTx0O6GM51DpmM4ImOhFH15Hv/cmLnzXvvPfMc/bRt8RAPWGXD9vl+X7ZPvtYLRytoegy7pdbCJzzmBQGDqbkABzNJ09bCxNDSTY2DHCgxQnauO8ZzayRwJgcPYd8qxvF0wWmTqUOD33+E+Y9587+xt79pl1eiauP7HLeLn+3yx/65Ttud6Cz5dkQG/5UogWAQm/T+d4mA5MBotjXxPlsOVFDDA2tdZypc7xUjxNbjGbZ1gV3kdCIcfjApx4093/k3PP27jfs8lKq3OzyAbv82y6/XVaqTcHjfqGfmjbo3safRs2BjpREp5N40gRqlGnQQeChdX1OdqDkOvqktvc9eN588GMP/Mne/ZpdXhC/9FwcsL9eHg5MwcMpTetCLcbRbZz3pJ6m43x4yp9PwCygGZ09BEE70rTGE3KKjerHTSMYSKdXj9Mzp7Pn7zMf/dxDf7N3L9nlunjqPru4TPrncrT26z9QhCeGAb4Wo+QuCaDU08R4gNN/1lGfjMqAB9oBTJseHidqI5CawKiZA0Vn3vtu8/EvfvoFu95B82fx1L12eYNdXEgwyNf02z5c3AEXDvDAnp0ulmeOlRSyUcycUwiQQKrDAbQ60MpwoByorEMCfRbnLmCc7j7zdhc7v2Sf/rp9+EfJk13ebJef2eXV+nX93h+IjjRAFB1HQkQZnIbhwG6gXeXYxPN1nyNAqs74pKkQ6q6732IufOULL3dHRy49+5146h12uccuP7XLy63X9gf7RkgAeRZqiOqyjBkns0HrOSKamnbDZhksSXfeddo88tUvvdqfPPHtqxcvPXf56afSU2+NbuOg+dfU6/vDfsD0QY7IGHEWQZo9UGAhgtNAC8WT/9dz/b/RLPsmvuNNd1hoLvLJ22+7YqF5VpqQywliT/PSrvdogvPYk4//1zISCPqfsGjMd5+4cer7p4UJ2eV+u/zCLv+Ye4MROJbAs2v24PrV7+GfAbqlZcu0N9qb99vlVybMDJh3givXXrxgb5/Bnw86pnJxs5t/5qbY/HXpi3B9HOg465RdPmSX36+BRpZqF/A3hI6pnNP8Ze2L/iPAAAIPAqOVib9vAAAAAElFTkSuQmCC);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.row > .left > .left_1 > .left_1_info span {
|
|
font-size: 1.3rem;
|
|
font-weight: 700;
|
|
margin-right: .3rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
.row > .left > .left_2,.row > .right > .right_1,.row > .right > .right_2,.row > .right > .right_3 {
|
|
height: 30%;
|
|
width: 100%;
|
|
border: 1px solid rgba(126, 206, 244, .1);
|
|
margin: .1rem 0;
|
|
}
|
|
|
|
.row > .left > .left_1 .title,.row > .left > .left_2 .title,.row > .left > .left_3 .title,.row > .right > .right_1 .title,.row > .right > .right_2 .title,.row > .right > .right_3 .title{
|
|
width: 100%;
|
|
background: linear-gradient(90deg, #3a6aa5, rgba(58, 106, 165, 0) 100%, hsla(0, 0%, 100%, 0) 0);
|
|
line-height: 1.32rem;
|
|
font-size: 1rem;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
padding: .2rem;
|
|
border-left: 3px solid #7ecef4;
|
|
margin-left: .2rem;
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
.row > .left > .left_2 .title>span:nth-child(2),.row > .left > .left_3 .title>span:nth-child(2) {
|
|
font-size: .8rem;
|
|
color: hsla(0, 0%, 100%, .5);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.row > .right {
|
|
position: absolute;
|
|
top: 3.1rem;
|
|
right: 0;
|
|
z-index: 2;
|
|
background: linear-gradient(-90deg, #0e1b52, rgba(14, 27, 82, .2));
|
|
}
|
|
|
|
|
|
.right_1_1{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.row > .right>.right_1>.right_1_1>div {
|
|
/*display: inline-block;*/
|
|
width: 38%;
|
|
margin: .45rem .1rem 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.row > .right>.right_1>.right_1_1>div>img {
|
|
height: 10vh;
|
|
margin-bottom: .1rem;
|
|
}
|
|
.row > .right>.right_1>.right_1_1>div>div {
|
|
width: 100%;
|
|
height: 5.34rem;
|
|
background-color: #d98f00;
|
|
border-radius: .6rem;
|
|
text-align: center;
|
|
line-height: .7rem;
|
|
}
|
|
.row > .right>.right_1>.right_1_1>div>div>p {
|
|
font-weight: 700;
|
|
padding: .03rem 0;
|
|
font-size: 1.13rem;
|
|
}
|
|
.row > .right>.right_1>.right_1_1>div>div>span {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.row > .main {
|
|
position: absolute;
|
|
width: 100vw;
|
|
top: 3.1rem;
|
|
left: 0;
|
|
z-index: 1;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.input-item{
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
line-height: 1.5;
|
|
font-weight: 300;
|
|
color: #111213;
|
|
}
|
|
|
|
#container {
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.lengend{
|
|
width: 280px;
|
|
height: auto;
|
|
background-color: rgba(0,0,0,.4);
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
padding-bottom: 5px;
|
|
position: fixed;
|
|
bottom: 52px;
|
|
/*right: 30%;*/
|
|
z-index: 99;
|
|
transition: right .3s;
|
|
}
|
|
.l-show{
|
|
right: 26%;
|
|
}
|
|
.l-item{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.l-head{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.f-item{
|
|
width: auto;
|
|
height: 25px;
|
|
margin-bottom: 5px;
|
|
}
|
|
input[type=checkbox]{
|
|
display: none;
|
|
}
|
|
.f-item label{
|
|
width: auto;
|
|
display: inline-block;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
color: #fff;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.l-cont{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.l-cont .f-item{
|
|
width: 50%;
|
|
}
|
|
.f-item label:before{
|
|
position: absolute;
|
|
left: 0;
|
|
display: inline-block;
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 5px;
|
|
border: 1px solid #BFBFBF;
|
|
border-radius: 50%;
|
|
}
|
|
.f-item input:checked+label:before{
|
|
background-image: url('/web/static/icon/check.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
border-color: #4679ff;
|
|
}
|
|
|
|
.f-item label span{
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
.f-item label i{
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 14px;
|
|
margin: 0 3px;
|
|
}
|
|
.f-item label img{
|
|
width: 22px;
|
|
height: 22px;
|
|
vertical-align: sub;
|
|
}
|
|
.app-vis {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 10px 0;
|
|
float: right;
|
|
cursor: pointer;
|
|
position: fixed;
|
|
bottom: 40px;
|
|
right: 24%;
|
|
z-index: 1;
|
|
}
|
|
.app-vis >#vis{
|
|
display: none;
|
|
}
|
|
.app-vis label {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url('/caicai/icon/icon_tili_p@2x.png');
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.app-vis input:checked+label {
|
|
background-image: url('/caicai/icon/icon_tili_n@2x.png');
|
|
}
|
|
.car-search{
|
|
width: 300px;
|
|
height: 40px;
|
|
position: fixed;
|
|
left: 20px;
|
|
top: 20px;
|
|
z-index: 99;
|
|
background-color: rgba(255,255,255,.6);
|
|
border-radius: 5px;
|
|
display: flex;
|
|
}
|
|
.car-search input{
|
|
flex-grow: 1;
|
|
border:none;
|
|
background-color: transparent;
|
|
padding-left: 10px;
|
|
outline: none;
|
|
}
|
|
.car-search i{
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 70px;
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 20px;
|
|
background-color: #999;
|
|
border-radius: 50%;
|
|
top: 10px;
|
|
background-image: url('icon/icon_close@2x.png');
|
|
text-align: center;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 20px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
.car-search span{
|
|
display: inline-block;
|
|
width: 60px;
|
|
height: 100%;
|
|
color: #333;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
border-left: 1px solid #ccc;
|
|
cursor: pointer;
|
|
|
|
} |