.page{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:content-box;font-size:16px;margin:0 auto 40px;min-height:800px;padding:10px 20px 20px;width:1160px}.page .p-row{border-bottom:1px solid #e5e5e5;min-height:40px;padding:25px 0 15px}.page .p-row__flex,.page .p-select{align-items:center;display:flex}.page .p-select{position:relative}.page .p-select-block{border:1px solid #e5e5e5;border-radius:4px;box-sizing:content-box;color:#666;cursor:pointer;display:inline-block;font-size:14px;height:38px;line-height:38px;margin:0 10px 0 20px;padding:0 10px;position:relative;width:130px}.page .p-select-block .placeholder{color:#b1b5cc}.page .p-select-block .icon{color:#666;font-size:16px;position:absolute;right:10px}.page .p-panel{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);display:none;left:0;padding:20px 15px;position:absolute;top:calc(100% + 6px)}.page .p-panel.show{display:block}.page .p-panel-title{color:#ccc;font-size:16px;margin-bottom:11px}.page .p-panel-container{display:flex;flex-wrap:wrap}.page .p-panel-container.col-4{width:320px}.page .p-panel-container .p-panel-item{box-sizing:border-box;color:#666;cursor:pointer;display:table;font-size:12px;height:20px;line-height:20px;padding:6px 8px;white-space:nowrap;width:80px}.page .p-panel-container .p-panel-item.active .text{background:#df3033;border-radius:10px;color:#fff;padding:4px 8px}.page .p-search{align-items:center;display:flex;margin-left:40px}.page .p-search-container{position:relative}.page .p-search-container ::-webkit-input-placeholder{color:#b1b5cc}.page .p-search-container :-moz-placeholder,.page .p-search-container ::-moz-placeholder{color:#b1b5cc}.page .p-search-container :-ms-input-placeholder{color:#b1b5cc}.page .p-search-container .p-search-input{border:1px solid #e5e5e5;border-radius:4px;box-sizing:content-box;color:#666;font-size:14px;height:38px;line-height:38px;margin:0 10px 0 0;padding-left:10px;width:220px}.page .p-search-container .p-search-panel{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);box-sizing:border-box;color:#666;display:none;font-size:12px;left:0;max-height:325px;overflow:auto;padding:10px 0 10px 15px;position:absolute;top:calc(100% + 6px);width:152px}.page .p-search-container .p-search-panel.show{display:block}.page .p-search-container .p-search-panel .p-search-empty{color:#b1b5cc}.page .p-search-container .p-search-panel .p-search-item{display:block;font-size:12px;line-height:25px;min-width:40px;white-space:nowrap}.page .p-search-container .p-search-panel .p-search-item:hover{color:#e33333;cursor:pointer}.page .p-city-row{border-radius:10px;display:flex;padding:13px 30px 13px 10px;transition:background-color .5s}.page .p-city-row:hover{background:#f8f8f8}.page .p-city-province{background:#df3033;border-radius:50%;box-shadow:0 4px 5px 0 rgba(243,2,19,.22);box-sizing:border-box;color:#fff;display:inline-block;flex-shrink:0;height:45px;line-height:45px;text-align:center;vertical-align:top;white-space:nowrap;width:45px}.page .p-city-container{display:flex;flex-wrap:wrap}.page .p-city-container .p-city-item{color:#777;cursor:pointer;display:inline-block;font-size:14px;margin:10px 20px}.page .p-city-container .p-city-item:hover{color:#e33333}