body{padding:0;margin:0}.fence .topbar{width:100vw;height:40px;position:absolute;top:0;background-color:#1e88e5;display:flex;justify-content:center}.fence .topbar .wrapper{width:600px;height:40px;display:flex;position:absolute;top:0;justify-content:space-around}.fence .topbar .wrapper .left{width:240px;line-height:40px;display:flex}.fence .topbar .wrapper .left .change-btn,.fence .topbar .wrapper .left .city,.fence .topbar .wrapper .left .label{width:80px;height:30px;color:#fff}.fence .topbar .wrapper .left .change-btn{margin-top:7px;background-color:#f1f5f9;color:#1e88e5;border:none;border-radius:30px;height:26px}.fence .topbar .wrapper .left .change-btn:active{background-color:#f1f5f9;color:#007ae5}.fence .topbar .wrapper .right{height:30px}.fence .topbar .wrapper .right .key-input{width:280px;height:28px;border-radius:30px;border:1px solid #94a3b8;color:#475569;background-color:#f1f5f9;position:relative;top:5px;left:50%;transform:translateX(-50%);padding:0 20px}.fence .topbar .wrapper .right .key-input::-webkit-input-placeholder{color:#94a3b8}.fence .topbar .wrapper .right .key-input:-moz-placeholder{color:#94a3b8}.fence .topbar .wrapper .right .key-input:-ms-input-placeholder{color:#94a3b8}.fence .topbar .wrapper .right .key-input:-o-placeholder{color:#94a3b8}.fence .topbar .wrapper .right .key-input::placeholder{color:#94a3b8}.fence .topbar .wrapper .right .key-input:focus{border:1px solid #94a3b8}.fence .topbar .wrapper .right .autocomplete-list{position:relative;z-index:9999;width:300px;height:auto;max-height:220px;overflow-y:auto;overflow-x:hidden;background-color:#f1f5f9;margin-left:10px;margin-top:5px;border-radius:0 0 5px 5px;border:1px solid #94a3b8}.fence .topbar .wrapper .right .autocomplete-list .autocomplete-item{width:250px;height:35px;line-height:35px;background-color:#f1f5f9;padding:0 20px;margin-left:5px;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4f5154}.fence .topbar .wrapper .right .autocomplete-list .autocomplete-item:hover{background-color:#e6ecf5;border-radius:5px}.fence .topbar .wrapper .right .autocomplete-list .autocomplete-item:last-child{border-bottom:none}.fence .topbar .wrapper .right .autocomplete-list .autocomplete-item>.region{color:#94a3b8;font-size:12px;padding:0 5px}.fence .main{width:100vw;height:100vh;position:absolute;top:40px;display:flex}.fence .main .bside-left{width:26vw;height:100vh;position:relative;border-right:1px solid #d1d5db;color:#64748b}.fence .main .bside-left .form-content{height:40vh;padding:0 20px}.fence .main .bside-left .form-content .item{padding:12px 0}.fence .main .bside-left .form-content .item .label{color:#64748b;font-size:14px;font-weight:600}.fence .main .bside-left .form-content .item .radio-list{margin-top:10px;font-size:14px}.fence .main .bside-left .form-content .item input[type=number]{margin-top:10px;height:20px;width:100%;border:none;border-bottom:1px solid #cbd5e1;color:#64748b}.fence .main .bside-left .form-content .item input[type=text]{margin-top:10px;height:20px;width:100%;border:none;border-bottom:1px solid #cbd5e1;color:#64748b}.fence .main .bside-left .form-content .item input[type=text]::-webkit-input-placeholder{color:#94a3b8}.fence .main .bside-left .form-content .item input[type=text]:-moz-placeholder{color:#94a3b8}.fence .main .bside-left .form-content .item input[type=text]:-ms-input-placeholder{color:#94a3b8}.fence .main .bside-left .form-content .item input[type=text]:-o-placeholder{color:#94a3b8}.fence .main .bside-left .form-content .item input[type=text]::placeholder{color:#94a3b8}.fence .main .bside-left .txt-pannel{height:60vh;width:90%;overflow:auto;padding:0 20px;border-top:1px solid #d1d5db;background-color:#f8fafc}.fence .main .bside-left .txt-pannel h5{margin-top:10px}.fence .main .bside-left .txt-pannel p{font-size:14px;padding:0 1px}.fence .main .bside-left .txt-pannel p span{font-weight:600}.fence .main .bside-rgiht{width:74vw;height:100vh;position:relative;border-left:1px solid #d1d5db}.fence .main .bside-rgiht #container{width:100%;height:100%}.fence .main .bside-rgiht .relocation{width:120px;height:35px;background-color:#fff;position:absolute;top:50vw;right:2vw;border-radius:8vw;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);display:flex;cursor:pointer}.fence .main .bside-rgiht .relocation img{width:25px;height:25px;margin-top:5px;margin-left:5px}.fence .main .bside-rgiht .relocation .label{width:100px;height:35px;line-height:35px;font-size:16px;position:relative;left:6px;color:#007ae5}.fence .main .bside-rgiht .relocation:active{background-color:#f1f5f9;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.3)}.fence .main .bside-rgiht a>div>.csssprite{display:none}.fence .city-panel{width:40vw;height:89vh;position:absolute;top:39px;left:0;background-color:#fff;border:1px solid #94a3b8;padding:0 20px 20px 20px;overflow-y:scroll}.fence .city-panel .city-name{cursor:pointer;color:#1e88e5;display:inline-block;line-height:30px}.fence .city-panel .close{cursor:pointer;position:absolute;top:10px;right:20px}.fence .city-panel .city-class,.fence .city-panel .city-container-left{color:#64748b}.fence .city-panel .city-container-left{padding:10px 0;font-weight:600}.color-active{color:#007ae5!important}