@charset "utf-8";
/*css 重置*/
* {padding: 0px;margin: 0px;outline: none;list-style: none;box-sizing: border-box}
a {text-decoration: none;color: rgba(255, 255, 255, 0.56)}
html {line-height: 24px;height: 100%}
body {font-size: 14px;font-weight: 400;line-height: 1.5;color: #4c4c4c;font-family: roboto, sans-serif, "classic grotesque w01", "hiragino sans gb", "microsoft yahei", "stheiti", "wenquanyi micro hei", arial, simsun, sans-serif;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;height: 100%;}
::-webkit-scrollbar {width: 4px;height: 4px}
::-webkit-scrollbar-thumb {background-color: rgba(172, 172, 172, 0.4);border-radius: 8px}
::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0.0)}

.nav-bar {position: absolute;top: 20px;left: 20px;right: 20px;z-index: 9999;display: flex;flex-direction: row;justify-content: space-between}
.nav-bar .bar-item {height: 38px;background-color: #ffffff;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);border-radius: 3px;overflow: hidden}
.nav-bar .bar-item .search-form {display: flex;flex-direction: row}
.nav-bar .bar-item .search-form .input {padding: 0px 12px;line-height: 38px;height: 38px;border: none;width: 300px}
.nav-bar .bar-item .search-form .search {background-color: #3385ff;color: #ffffff;border: none;padding: 0px 16px;}
.nav-bar .bar-item .search-form .search .icon {font-size: 20px}
.nav-bar .bar-item .links {display: flex;flex-direction: row;height: 100%;align-items: center;padding: 0px 5px}
.nav-bar .bar-item .links a {color: #666;padding: 0px 12px;border-right: 1px solid #eee}
.nav-bar .bar-item .links a:hover {color: #000000}
.nav-bar .bar-item .links a:last-child {border: none}

.hot-detail {box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);padding: 12px 16px;background: #ffffff;position: absolute;top: 66px;left: -450px;bottom: 45px;z-index: 9998;border-radius: 3px;width: 450px;user-select: none;transition: all 0.15s ease-in-out;overflow: auto}
.hot-detail .close {position: fixed;top: 76px;left: -80px;transition: all 0.15s ease-in-out;}
.hot-detail .info-row {display: flex;flex-direction: row;flex-wrap: nowrap;font-size: 14px; margin: 16px 0px; line-height: 24px;}
.hot-detail .info-row div {flex: 1}
.hot-detail .info-row b {margin-right: 6px;}
.hot-detail .info-row .title {font-size: 18px}
.hot-detail .info-row img{max-width: 100%;height: auto!important;}
.hot-detail-show{left:380px}
.hot-detail-show .close{left: 800px}

	/*推荐商家*/
.hot-company {box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);padding: 16px;background: #ffffff;position: absolute;top: 66px;left: 20px;bottom: 45px;z-index: 9999;border-radius: 3px;transition: all 0.2s ease-in-out;display: flex;flex-direction: column}
.hot-company .title {color: #323232;font-size: 18px;padding-bottom: 12px}
.hot-company .hot-list-wrap {overflow: hidden;width: 320px;flex: 1;}
.hot-company .hot-list {display: flex;flex-direction: column;overflow-y: auto;margin-right: -10px;height: 100%}
.hot-company .hot-list .item {padding: 8px 0px;border-bottom: 1px solid #e1e1e1;display: flex;flex-direction: row;cursor: pointer;user-select: none}
.hot-company .hot-list .item .num {font-size: 12px;background: rgb(0, 193, 110);color: #ffffff;margin-right: 10px;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 12px;margin-top: 3px}
.hot-company .hot-list .item .intro {font-size: 12px;line-height: 24px;color: #909090;flex: 1}
.hot-company .hot-list .item .intro p {color: #323232;font-size: 14px;}
.hot-company .hot-list .item:last-child {border: none}


.hot-company .hot-list .next-btn {border: 1px solid #e8e8e8;height: 45px;line-height: 45px;text-align: center;font-size: 16px;background-color: #ffffff;margin-right: 12px;border-radius: 5px;margin-top: 12px}
.hot-company .hot-list .next-btn:hover {opacity: 0.88;}

.ui-no-data {clear: both;margin: 31px auto;display: flex;flex-direction: column; align-items: center;justify-content: center;height: 100%}
.ui-no-data .icon {font-size: 100px;width: 100px;height: 100px;margin-bottom: 11px}
.no-view-state{cursor: pointer}
.no-view-state .icon{font-size: 20px;color: #fd3550}


/*对话框*/
.ui-dialog-mask {left: 0px;position: fixed;top: 0px;background-color: rgba(0, 0, 0, 0.2);z-index: 99998;right: 0px;bottom: 0px}
.ui-dialog {position: absolute;top: 20%;left: 50%;z-index: 99999;overflow: hidden;background-color: #fff;max-height: 78%;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);min-width: 240px;color: #4c5258}
.ui-dialog .ui-dialog-title {color: #303133;padding: 20px 20px 10px;font-size: 18px;}
.ui-dialog .ui-dialog-content {overflow: auto;padding: 10px 20px;}
.ui-dialog .ui-dialog-button {text-align: right;user-select: none;padding: 20px 10px}
.ui-dialog .ui-dialog-button .next {margin-right: 40px;}
.ui-dialog .ui-dialog-button .btn {color: #606266}
.ui-dialog .ui-dialog-button .btncancel {background: #eeeeee;border-color: #eeeeee}
.ui-dialog .ui-dialog-button .btnsubmit {background: #487ff4;border: 1px solid #487ff4;color: #fff !important;}
.ui-dialog .ui-dialog-button .btnsubmit:hover {background: #5a8bfd;border: 1px solid #3673ff;color: #fff;}
.ui-dialog .ui-dialog-button .btnmore {background: #f2f2f2;border: 1px solid #c4cad7;color: #999;}
.ui-dialog .ui-dialog-button .btnmore:hover {background: #5a8bfd;border: 1px solid #3673ff;color: #fff;}
.ui-dialog .ui-dialog-button .add_more {background: #f26d4f;border: 1px solid #f26d4f;color: #fff;cursor: pointer;margin-top: 6px;}
.ui-dialog .ui-dialog-button .stateinfo {float: left;color: #487ff4;margin-right: 15px;max-width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ui-dialog .ui-dialog-close {position: absolute;top: 12px;right: 12px;width: 16px;height: 16px;line-height: 16px;overflow: hidden;}
.ui-dialog .ui-dialog-close .icon-close {font-size: 16px;color: #c9d1d8;font-weight: bold}
.ui-dialog .ui-dialog-close:hover .icon-close {color: #487ff4}
.dialog_continue {position: absolute;right: 270px;bottom: 18px;}
.dialog_content {padding: 12px;}

.ui-dialog .btn {display: inline-block;font-size: 14px;border-radius: 4px;margin: 1px 5px;cursor: pointer;padding: 0px 12px;background: #0078d2;border: 1px solid #0078d2;color: #ffffff;overflow: hidden;height: 36px;line-height: 36px}
.ui-dialog .btn:hover {opacity: 0.88;}
