html {min-height:100%;}
body{width:100%;height:100%;padding:0;margin:0;font:normal 13px/1.5 arial,sans-serif;font-family: Helvetica Neue,PingFang SC,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif;color:#333;}
h1,h2,h3,h4{margin:10px 0; text-shadow:1px 1px 3px #fdfed0;}
ul, ol{margin:0;padding:0;}
ol, ul{list-style:none;}
li{list-style:none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
legend{font-size:14px;}
a{color:#36c;text-decoration:none;}
input, button, a {outline: none;border: none;border-radius: 0;}
.l{float:left;}.r{float:right;}
.rel{position:relative;}.abs{position:absolute;}
.tac{text-align:left;}.tar{text-align:right;}.tal{text-align:left;}
.fix{zoom:1;}.fix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.center{margin:0 auto;}
.hidden {display: none}

body.gray {background-color: #f5f5f5;}
.m-t-30 {margin-top: 30px;}

#body {position: fixed;width: 100%;top: 0;bottom: 0;overflow-x: hidden;overflow-y: scroll;}
#body.top-fix {top: 48px;}
#body.bottom-fix {bottom: 50px;}
#body.bottom-fix2 {bottom: 60px;}
#body.bottom-fix3 {bottom: 100px;}

#toast-container { display: block; position: fixed ; width: 100%; height: auto ;z-index: 2001;bottom: 60px;}
#toast-container .toast {width: 60%;height: auto;margin: auto;background-color: rgba(0,0,0,0.8); color: #f0f0f0; font-size: 13px;padding: 12px 15px;display:flex;justify-content:center;border-radius: 3px; box-shadow: 0 0 12px -1px #383838; }

/* confirm */
#shelter { position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 2000;}
#confirm-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#confirm-dialog .title { font-size: 16px;color: #eb3d00;border-bottom: 1px solid #eb3d00;padding: 10px 15px;}
#confirm-dialog .content { font-size: 16px;padding: 15px; border-bottom: 1px solid #eee;color: #333;line-height: 20px;min-height: 70px; }
#confirm-dialog .content input {font-size: 16px;}
#confirm-dialog .bottom { font-size: 14px; text-align: center;padding: 15px; color: #666;overflow: hidden;}
#confirm-dialog .confirm-button {float: right; width: 50%;text-align: center; color:#eb3d00;}
#confirm-dialog .confirm-cancel{float: left; width: 50%;text-align: center;}

#select-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#select-dialog .title { font-size: 16px;color: #eb3d00;border-bottom: 1px solid #eb3d00;padding: 15px;}
#select-dialog ul {max-height: 300px; overflow-x: hidden; overflow-y: scroll;}
#select-dialog ul li  { font-size: 14px;padding: 14px; border-bottom: 1px solid #eee;color: #666; line-height: 20px;text-align: center; }

#form-dialog { position:absolute;visibility:hidden; background-color: #ffffff;width: 90%;}
#form-dialog .title { font-size: 16px;color: #eb3d00;border-bottom: 1px solid #eb3d00;padding: 15px;}
#form-dialog .input-dialog {border: none;width: 90%; font-size: 16px; padding: 0;}
#form-dialog .content { font-size: 16px;padding: 20px 15px; border-bottom: 1px solid #eee;color: #666;line-height: 20px; }
#form-dialog .bottom { font-size: 14px; text-align: center;padding: 15px; color: #666;overflow: hidden;}
#form-dialog .form-ensure {float: right; width: 50%;text-align: center;color: #eb3d00;}
#form-dialog .form-cancel{ float: left; width: 50%;text-align: center;color: #999;}

#dialog {background-color: #ffffff; width: 70%; overflow: hidden;}
#dialog img.qrcode {width: 100%;vertical-align: bottom;min-height: 400px;}
#dialog .close {position: absolute;right: 0;top: 0;width: 24px;text-align: center;}

#dialog.deliver-success {width: 80%; text-align: center; border-radius: 3px;}
#dialog img.success {width: 40%; margin: 15px 0;}
#dialog .title {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
#dialog .text {padding: 0 10px;}
#dialog .buttons {display: flex; position: relative; margin-top: 15px;}
#dialog .buttons:before {content: ''; position: absolute; left:0; top: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#dialog .buttons .btn {flex: 1; height: 45px; line-height: 45px; text-align: center; position: relative; font-size: 16px;}
#dialog .buttons .btn:not(:last-child):after {content: ''; position: absolute; right:0; top: 0; bottom:0; background: #e8e8e8; height: 100%; width: 1px; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
#dialog .buttons .btn.share {color: #eb3d00;}


.loading-container {background-color: rgba(0, 0, 0, .7); padding: 15px 30px; color: #fff; text-align: center; border-radius: 2px;}
.spinner {width: 20px;height: 20px;position: relative;display: inline-block; margin-bottom: 7px;}
.container1 > div, .container2 > div, .container3 > div {width: 5px;height: 5px;background-color: #fff; border-radius: 50%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container {position: absolute;width: 100%;height: 100%;}
.container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg); }
.circle1 {top: 0; left: 0;}
.circle2 {top: 0; right: 0;}
.circle3 {right: 0; bottom: 0;}
.circle4 {left: 0; bottom: 0;}
.container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4 {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4 {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {-webkit-transform: scale(0.0)}
    40% {-webkit-transform: scale(1.0)}
}

@keyframes bouncedelay {
    0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}
    40% {transform: scale(1.0);  -webkit-transform: scale(1.0);}
}

.login-wrap {overflow:hidden;}
.login-wrap .login-input {font-size:14px;margin-top:15px;border-bottom: 1px solid #ddd;}
.login-wrap .login-input input {border: none; width: 70%; font-size: 13px; padding: 7px 5px;}
.login-wrap .login-input input#pass {padding: 9px 5px 8px; }
.login-wrap .login-input .iconfont {position: relative; top: 1px;}

#code-wrap {overflow:hidden;margin-top: 12px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
#code-wrap .code {width: 55%; display: inline-block;float: left;}
#code-wrap .iconfont {position: relative; top: 15px; float: left; font-size: 14px;}
#code-wrap .code input {border: none;width: 90%;font-size: 13px; padding: 12px 5px 0;}
#code-wrap .get-code { width: 35%; background-color:#fff;display: inline-block;float: right;height: 35px; line-height:35px;font-size: 13px;color: #eb3d00;text-align: center;position: relative;border: 1px solid #eb3d00;border-radius: 5px;}
#code-wrap .get-code.disabled {background-color:#ccc;border-color: #ccc;color: #fff;}

#login-type {width: 100%; background-color: #ffffff; overflow: hidden;}
#login-type span {float: left; display: inline;font-size: 14px;text-align: center; width: 50%; color: #999; height: 41px; line-height: 40px; border-bottom: 1px solid #eee;}
#login-type span.show { border-bottom: 2px solid #eb3d00; color: #333; height: 40px;}

#login-form,#reg-form,#mobile-form {padding:30px 40px 20px;}

.btn-primary {width:94%;font-size:14px; padding:0;height:40px;line-height:40px;background-color:#eb3d00;color:#ffffff; margin:40px 3% 20px;border-radius: 5px;}
.btn-primary:active {background: #c73400;}
.btn-primary.fill {width: 100%;margin: 40px 0 20px;}

#header {color:#333;background: #fff;text-align:center;overflow:hidden;width:100%; position:fixed; top:0; z-index: 999;}
#header:after {content: ''; position: absolute; background: #d4d4d4; width: 100%; bottom:0; left:0; right: 0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
#header .detail {line-height:48px;width:100%; padding: 0 48px;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; box-sizing: border-box; text-align: center;font-weight: 500; position: relative; top: 1px;/*color: #eb3d00;*/overflow: hidden;}
#header .detail img {height: 24px; vertical-align: middle; padding-bottom: 2px;}
#header .left {position: absolute; top: 0; left: 0; line-height:48px;display:inline-block;width: 48px;z-index: 1;}
#header .left:active {background-color:#eee;}  /*c73400*/
#header .left .iconfont {font-size:20px;display:inline-block;}
#header .right {line-height:48px;display:inline-block;padding: 0 10px; font-size:14px; position: absolute; top: 0; right: 0; min-width: 28px; text-align: center;z-index: 1;}
#header .right .iconfont {font-size: 20px; width: 24px; position: relative; top: 3px; display: inline-block;}
#header .right img {width: 24px; position: relative; top: 7px;}
#header .right:active {background-color:#eee;}
#header .home {position: absolute; top: 0; right: 0;line-height:24px; height: 48px;display:inline-block; overflow: hidden;z-index: 1;}
#header .home:active {background-color:#eee;}
#header .home p {font-size:10px; margin: 0; position: relative; top: -2px;}
#header .home .iconfont {font-size:20px;padding:0 14px;display:inline-block;position: relative; top: 5px;}
#header .empty {width: 0;}

#header.white:after {height: 0;}
#header.white .left:active {background-color:#eee;}
#header.white .right:active {background-color:#eee;}
#header .home.followed {color: #eb3d00;}

#footer {width: 100%; position: fixed; bottom: 0; z-index:999; height:50px; background-color: #fff; overflow: hidden;display: flex; }
#footer:before{content: ''; position: absolute; background: #d4d4d4; width: 100%; top:0; left:0; right: 0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
#footer a {font-size: 10px; color: #999; flex: 1; text-align: center;}
#footer a.selected {color: #0174c7;}
#footer a .iconfont {margin: 1px auto 0; font-size: 24px;}
#footer a .iconfont {position: relative; top: -2px;}
#footer a .iconfont.icon-xiaoxi {position: relative; top: -1px;}
#footer a .iconfont.xiaoxi2 {position: relative; top: -1px;}
#footer a span {position: relative; top: -5px;}
#footer a.selected span {color: #333;}

#footer.detail a {line-height: 50px; font-size: 14px;}
#footer.detail a .iconfont {font-size: 18px; margin-right: 7px; position: relative; top: 0;}
#footer .btn {width:100%;font-size:16px; padding:0;height:50px;line-height:50px;background-color:#eb3d00;color:#ffffff;}


.main.index {display: block; width: 100%;}
.main.index .row {display: flex; width: 100%; height: 100px; position: relative;}
.main.index .row:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.main.index .row a {position: relative; flex: 1; height: 100%; display: flex; flex-direction: column; text-align: center; padding: 10px 0; color: #666;}
.main.index .row a:not(last-child):after {content: ''; position: absolute; top:0; bottom: 0; right:0; background: #e8e8e8; height: 100%; width: 1px; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.main.index .row a .iconfont {font-size: 40px; }
.main.index .row a .icon-tushu {color: #8B97FD;}
.main.index .row a .icon-qiehuan {color: #29AEF3;}
.main.index .row a .icon-wenjuandaan {color: #52AEBF;}
.main.index .row a .icon-wenzhang1 {color: #76D492;}
.main.index .row a .icon-yinpin {color: #FF6300;}
.main.index .row a .icon-wenzhang {color: #FD6965;}

.bottom-bar-global {position: fixed;width: 100%;bottom: 0;padding: 10px 4%;background-color: #f7f7f7;display: flex;align-items: center;box-sizing: border-box;}
.icon-global {width: 31px;}
.icon-global img {width: 100%;display: block;}
.bottom-bar-content {margin: 0 10px;font-size: 15px;color: #666;line-height: 20px;max-height: 40px;flex: 1;overflow: hidden;}
.bottom-bar-download {width: 80px;height: 28px;background: #1CB584;color: #fff;border-radius: 2px;text-align: center;font-size: 13px;line-height: 28px;border: 0;text-decoration: none;}


#right-nav {position: fixed;right: 0;bottom: 70px;}
#right-nav a {display: block;margin-bottom: 10px;padding: 5px 5px 5px 15px;border-bottom-left-radius: 30px;border-top-left-radius: 30px;font-size: 12px;color: #ffffff;}
#right-nav a:last-child {margin-bottom: 0;}
#right-nav a.share {background: #51d70f;}
#right-nav a.recommend {background: #0088ff;}
#right-nav a.mobile {background: #ff0000;}
#right-nav a.qq-qun {background: #F60;}
#right-nav a .text {white-space: nowrap; display: inline-block;}
#right-nav a .iconfont {font-size: 12px;position: relative;top: 1px;}


#job-index .top {background: #fff;}
.slider {position: relative;overflow: hidden;}
.slider ul {width: 100%;}
.slider li {width:100%;list-style: none;vertical-align: bottom;}
.slider li:not(:first-child) {display: none;}
.slider li img, .slider li div {width: 100%;}
.slider .name {position: absolute;bottom: 0;line-height: 30px;background: rgba(0,0,0, .2);width: 100%;padding: 0 15px;color: #fff;font-size: 14px;}


.nav {overflow: hidden; padding: 5px; display: flex; margin: 0;}
.nav a {flex: 1; text-align: center; color: #333; margin: 5px 0;}
.nav a:visited {color: #333;}
.nav a div {text-align: center;}
.nav a img {width: 25px;}


#headline {overflow: hidden; width: 100%; margin-bottom: 10px; background-color: #fff; position: relative; padding: 10px 15px;}
#headline .content {overflow: hidden; display: flex;}
#headline:before {content: ''; position: absolute; top: 0; left: 0; right: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#headline .left {float: left;}
#headline .left img {height: 30px; vertical-align: bottom;}
#headline ul {margin-left: 10px; height: 30px; position: relative;}
#headline ul li {overflow: hidden; line-height: 15px; height: 30px;}
#headline ul li .message {display: inline-block;}
#headline ul li img {height: 30px; width: 30px; float: right;}

.info-wrap {background: #fff;margin-top: 10px;}
.info-wrap .title {padding: 10px 15px 10px 0;position: relative;}
.info-wrap .title:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.info-wrap .title span {padding: 0 12px; border-left: 3px solid #eb3d00;color: #eb3d00;}
.info-wrap .info {padding: 10px 15px;position: relative; line-height: 20px;}

.tags {position: relative;overflow: hidden;}
.tag {padding: 1px 3px 0; background-color: #d2ebfe; color: #0174c7; font-size: 8px; margin: 3px 4px 0 0;white-space: nowrap;float: left;position: relative;}
.tag:after{ content: ''; position: absolute; top: 0; left: 0; border: 1px solid #0174c7; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top;border-radius: 5px;}

.field {display: flex; align-content: center; overflow: hidden;padding: 10px 15px;position: relative;background: #fff;}
.field:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.field span {flex: 1;}
.field .input {flex: 3; margin-left: 10px;}

.field input {height: 25px; line-height: 25px; width: 100%;}

.buttons {overflow:hidden;}
.buttons a:active {background-color:#f6f6f6;}
.buttons .button.space {margin-top:10px;}
.buttons .button.space:before{content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.buttons .button:after{content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.buttons .button {display:block;position:relative;color:#333;height: 45px;padding:0 15px; background-color:#fff;line-height: 45px;}
.buttons .button span.iconfont:not(.icon-xiangyoujiantou) {position: relative; top: 1px; display: inline-block;}
.buttons .button .icon-xiangyoujiantou {position:absolute;top:0;right:10px;color: #999;}


#search-wrapper {overflow: hidden; position: relative;}
#search-wrapper #search-head-wrapper {overflow: hidden; background-color: #ffffff;}
#search-wrapper #search-head-wrapper .cancel {float:left;line-height:48px;height:48px;display:inline-block;}
#search-wrapper #search-head-wrapper .cancel:active {background-color:#eeeeee;}
#search-wrapper #search-head-wrapper .cancel .iconfont {font-size:20px;width:24px;position:relative;top:1px;margin:0 12px;display:inline-block;}
#search-wrapper #search-head-wrapper .search-keyword {line-height:30px;display:inline-block;text-overflow: ellipsis;white-space: nowrap; font-size: 14px; padding: 0 10px; background: #f5f5f5; color: #666; border-radius: 3px; position: absolute; left: 48px; right: 60px; top: 9px; text-align: left;overflow: hidden; box-sizing: border-box; border: 1px solid #e8e8e8;}
#search-wrapper #search-head-wrapper .search-keyword input {border: none; padding: 0; line-height: 16px; height: 16px; width: 80%; background-color: transparent; margin-left: 7px;}
#search-wrapper #search-head-wrapper .search-keyword span.icon-guanbi {float: right; top: 9px; color: #999;}
#search-wrapper #search-head-wrapper #search {float: right; background-color: #ffffff;height: 48px; width: 60px;}
#search-wrapper #search-hot-wrapper .title {line-height: 20px; padding-left: 15px; margin: 7px 0 3px;color: #666;}
#search-wrapper #search-hot-wrapper .items {overflow: hidden; padding: 0 10px;}
#search-wrapper #search-hot-wrapper .hot-item {line-height: 14px; padding: 5px; margin: 4px;background-color: #fff; border-radius: 3px; display: inline-block; white-space: nowrap;}

#search-wrapper #search-record-wrapper .title {line-height: 26px; padding:0 15px; margin: 3px 0 5px; color: #666;}
#search-wrapper #search-record-wrapper .title span {float: right;}
#search-wrapper #search-record-wrapper .record-item {background-color: #fff; line-height: 15px; padding: 10px 15px; border-bottom: 1px solid #e8e8e8;}
#search-wrapper #search-record-wrapper .record-item:last-child {border: none;}

#search-wrapper #search-suggest-wrapper {background-color: #fff;position: relative}
#search-wrapper #search-suggest-wrapper:after {content: ''; position: absolute; top: 0; left:0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

#search-wrapper #search-suggest-wrapper ul {overflow-y: scroll;}
#search-wrapper #search-suggest-wrapper li.suggest-item {line-height: 20px; position: relative; padding: 10px 15px;}
#search-wrapper #search-suggest-wrapper li.suggest-item:after {content: ''; position: absolute; left:0; bottom: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
#search-wrapper #search-suggest-wrapper li.suggest-item:last-child {border: none;}
#search-wrapper #search-suggest-wrapper li.suggest-item .question .answer-num {color: #999; font-size: 10px; margin-left: 20px;}

#search-wrapper #search-result-wrapper {position: relative;}
#search-wrapper #search-result-wrapper:after {content: ''; position: absolute; top: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}



.search-item { width: 100%; border-bottom: 1px solid #eee; background-color: #fff; position: fixed; top: 48px; }
.search-item div {display: inline-block; width: 32%; text-align: center;font-size: 14px; position: relative;padding: 15px 10px;}
.search-item div.hotel {text-align: left;padding-left: 2%;width: 90%;}
.search-item span {position: relative;font-size: 14px;display: inline-block;}
.search-item em {margin-left:5px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #333  transparent transparent transparent; position: absolute; top: 24px;}
.search-item div.selected {color: #eb3d00;}
.search-item div.selected span {border-color: transparent transparent #eb3d00 transparent; border-width: 0 5px 5px 5px;}

#mask {width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 99; overflow: hidden;}
.search-dialog {position: fixed; z-index: 100; width: 100%; overflow: hidden; top: 100px;}
.search-dialog div.dialog {border-bottom: 1px solid #ddd; background: #fff; overflow: hidden;}

.search-dialog .select .unit {padding: 10px 0; border-bottom: 1px solid #eeeeee;}
.search-dialog .select .unit.other {border: none; margin-bottom: 5px;}
.search-dialog .select .title {padding: 0 15px; font-size: 14px;}
.search-dialog .select .items {margin-left: 15px;}
.search-dialog .select .item {width:20%; text-align: center; display: inline-block; border: 1px solid #ddd;border-radius: 5px; padding: 7px 0; margin-right: 3%; margin-top: 10px;}
.search-dialog .select .item:last-child {margin-right: 0;}
.search-dialog .select .item.selected {border: 1px solid #eb3d00;background: #eb3d00;color: #fff;}
.search-dialog .select input {margin: 0 4% 15px; width: 92%; line-height: 35px; font-size: 16px; text-align: center; border-radius: 5px; background: #eb3d00;color: #ffffff;}

.search-dialog .location div {padding: 15px; line-height: 20px; border-bottom: 1px solid #eee;}
.search-dialog .location div:last-child {border: none;}
.search-dialog .location div:active {background: #f2f2f2;}

.search-dialog .order div {padding: 15px; line-height: 20px; border-bottom: 1px solid #eee;}
.search-dialog .order div:last-child {border: none;}
.search-dialog .order div:active {background: #f2f2f2;}


.user-info.index {overflow: hidden; margin: 0; padding: 40px 0 25px; text-align: center; background: #ea5455;}
.user-info.index .cover-img {display: inline-block;border-radius: 50%;}
.user-info.index .name {margin-top: 10px; color: #fff; font-size: 16px;}

.user-info {overflow: hidden; margin-top: 10px;}
.user-info .info {overflow: hidden; padding: 14px 15px; position: relative; background-color: #fff; line-height: 20px; font-size: 14px;}
.user-info .info:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-info .info .cover-img {width:70px;height:70px;border-radius: 50%;border: 3px solid rgba(255, 255, 255, 0.2); vertical-align: bottom;display: inline-block;}
.user-info .info .right {float: right; color: #999; max-width: 70%; overflow: hidden;}
.user-info .info input {border: none; padding: 0; text-align: end; color: #999; font-size: 14px;}
.user-info .info.icon span {line-height: 70px;}
.user-info .info .iconfont { position: relative; top: 1px;}


.user-setting .button a:active {background-color:#f6f6f6;}
.user-setting .button {display:block;position:relative;color:#666;line-height:25px;font-size:14px;padding:10px 15px;background-color:#fff;}
.user-setting .button:after {content: ''; position: absolute; bottom: 0; left: 0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.user-setting .button .iconfont {position:absolute;right:15px;color: #999;}
.user-setting .button .info {color: #999; float: right; margin-right: 20px;}

.user-setting .logout {font-size: 14px; color: #ffffff; line-height: 40px; display: block; text-align: center; background-color: #eb3d00; border-radius: 5px; margin: 40px 15px 20px;}
.user-setting .logout:active {background-color: #c73400;}


#pass-form {overflow: hidden; padding-top: 10px;}
#pass-form input[type=password] {width:94%;padding:10px 3%; border: none; border-bottom: 1px solid #e8e8e8; line-height: 20px; margin:0 3% 10px 3%;}
#pass-form #modify {width:90%;margin:40px 5% 5px; line-height:40px;text-align:center;background-color: #eb3d00;color: #ffffff;font-size:14px; border-radius: 5px; }


.photo-info .photo {overflow: hidden;}
.photo-info .item {float: left;width: 32%;margin-right: 2%;margin-top: 10px;display: inline-block;}
.photo-info .photo .item.end {margin-right: 0;}

#photo {width: 100%;height: 100%;background-color: #000;display: flex;align-items: center;position: relative;}
#photo img {width: 100%;}

#about {padding:14px 10px;}
#about .summary {text-align: center; margin: 30px 0 20px;}
#about .logo {width: 50%;}
#about p {font-size:14px;line-height:22px;color: #666; margin: 0;}
#about p a {color: #0174c7;}
#about .info p {margin-top: 10px;}
#about .title {font-size:16px;line-height:40px;color: #0174c7;position: relative; text-align: center; overflow: hidden;}
#about .title em {width: 200px; display: inline-block; position: absolute; /*height: 1px;*/ top: 15px; background: #0174c7;}
#about .title em.left {left: 0;}
#about .title em.right {right: 0;}
#about .title span {padding: 0 5px; display: inline-block; }
#about .other span {color: #0174c7;}


.article-list li {overflow:hidden;position:relative;background: #fff;padding: 10px;display: flex; align-items: center;}
.article-list li:not(:last-child):after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.article-list li .info {flex: 2;}
.article-list li .img {flex: 1; margin-left: 10px;}
.article-list li .img>.cover-img {position: relative;}
.article-list li .img>.cover-img:after{ content: ''; position: absolute; top: 0; left: 0; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top;}
.article-list li .title {font-weight: 700; font-size: 16px; word-break: break-all; line-height: 20px;}
.article-list li .time {margin-top: 20px;color: #999; font-size: 12px;}
.article-more {font-size: 14px; background: #fff; height: 45px; line-height: 45px;display: block; text-align: center; color: #333; position: relative;}
.article-more:before{content: ''; position: absolute; top: 0; left: 0;background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}


.article-info {overflow: hidden;}
.article-info .title {overflow: hidden;}
.article-info .title .name {font-size:16px; font-weight:bold;color:#333;line-height:20px; margin:15px 15px 7px;}
.article-info .title .time {color:#999;font-size:12px;margin:0 15px; line-height:15px;overflow:hidden; float: right;}
.article-info .body {padding: 15px; overflow: hidden; word-wrap: break-word;}
.article-info .body p {word-break: break-all;}


.book-list {overflow-x: hidden; overflow-y: scroll; padding: 5px 0;}
.book-line {display: flex; margin: 0 1.6vw; position: relative;}
.book-item {flex: 1; margin: 5px 1.2vw; display: inline-block;}
.book-item a {width: 46vw; border: 1px solid #e8e8e8; display: block; overflow: hidden; background-color: #fff;}
.book-item a .photo {height: 46vw; width: 100%;background-size:cover;background-position:50%;}
.book-item .name {font-size: 15px; line-height: 22px; height: 44px; color: #333; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; text-align: left; margin: 10px;}
.book-item .info {margin: 10px; font-size: 10px; color: #999;}
.book-item .info .price {color: #eb3d00; margin-right: 10px;}
.book-item .info .price span {font-size: 20px; font-weight: 500;}

.book.slider {overflow: hidden; position: relative;width: 100%;height: 100vw;}
.book.slider ul {width: 100%; height: 100%;}
.book.slider ul li {width: 100%; height: 100%;}
.book.slider .prev {position: absolute;left: 10px;top: 10px;height: 30px;width: 30px;line-height: 30px;text-align: center;background: rgba(0, 0, 0, 0.5);border-radius: 50%; color: #fff;}

.book-info {margin: 10px 0; padding: 7px 10px; font-size: 10px; color: #999; background-color: #fff;}
.book-info .price {color: #eb3d00; margin-right: 10px;}
.book-info .price span {font-size: 20px; font-weight: 500;}
.book-info .name {font-size: 15px; font-weight: 500; color: #333;}

#footer.book .item {flex: 1; font-size: 10px; line-height: 25px;}
#footer.book .item .iconfont {font-size: 16px; position: relative; top: 5px;}
#footer.book .trade {font-size: 16px; flex: 3; height: 50px; line-height: 50px; display: flex;}
#footer.book .trade a {font-size: 14px; flex: 1; color: #fff;}
#footer.book .trade a#buy {background-color: #ff0036;}
#footer.book .trade a#cart {background-color: #ff9500;}


.source-list {overflow-x: hidden; overflow-y: scroll;}
.source-list li {overflow: hidden;display: flex;align-items: center;padding: 16px 4% 14px;position: relative;}
.source-list li:not(:last-child):after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.source-list li .info {flex: 1; overflow: hidden; margin: 0 3%; color: #999; font-size: 12px;}
.source-list li .info .name {font-size: 18px;height: 20px;line-height: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;margin-bottom: 15px;}
.source-list li .icon {width: 40px; height: 40px; position: relative; bottom: 1px;}
.source-list li .icon-xiangyoujiantou {color: #999; font-size: 15px;}

.pdf-more {font-size: 14px; background: #fff; height: 45px; line-height: 45px;display: block; text-align: center; color: #333; position: relative;}
.pdf-more:before{content: ''; position: absolute; top: 0; left: 0;background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

.audio-more {font-size: 14px; background: #fff; height: 45px; line-height: 45px;display: block; text-align: center; color: #333; position: relative;}
.audio-more:before{content: ''; position: absolute; top: 0; left: 0;background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}

.audio-info {overflow: hidden; padding: 10px 4%; margin: 10px 0; position: relative;}
.audio-info:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.audio-info .title {font-size: 20px; line-height: 25px; font-weight: 600; color: #333; word-break: break-all; padding-bottom: 1px; position: relative;}
.audio-info .time {font-size: 12px; color: #999; margin-top: 5px;}
.audio-info .info {overflow: hidden; padding: 15px 0 10px; line-height: 20px; color: #666; font-size: 14px;word-break: break-all;}


.cart-list {overflow: hidden;}
.cart-list .cart-item {width: 100%;position: relative;margin-top: 10px;display: flex;align-items: center;overflow: hidden;background-color: #fff; padding: 10px 0;}
.cart-list .cart-item:last-child {margin-bottom: 10px;}
.cart-list .cart-item>.iconfont {width: 50px; font-size: 24px; text-align: center;}
.cart-list .cart-item>.iconfont.checked {color: #f50;}
.cart-list .cart-item .photo {width: 20vw;height:20vw;background-size:cover;background-position:50%;border: 1px solid#e8e8e8;}
.cart-list .cart-item .info {padding: 0 3.2vw; flex: 1; display: flex; flex-direction: column;}
.cart-list .cart-item .info>div {display: flex;}
.cart-list .cart-item .info .name {flex: 1; word-break: break-all; height: 11.2vw; line-height: 5.6vw;overflow: hidden;margin-right: 10px;}
.cart-list .cart-item .info .del {color: #999; line-height: 5.6vw;}
.cart-list .cart-item .info .pay {align-items: center; margin-top: 0.8vw; height: 8vw;}
.cart-list .cart-item .info .edit-quantity {display: flex;}
.cart-list .cart-item .info .pay-price {flex: 1; color: #f50;}
.cart-list .cart-item .info .edit-quantity .iconfont {width: 25px; font-size: 13px; text-align: center;color: #787878;}
.cart-list .cart-item .info .edit-quantity input {width: 25px; font-size: 14px; text-align: center;}
.cart-list .empty {margin-top: 60px; text-align: center; color: #999; font-size: 16px;}

.footer-pay {width: 100%; position: fixed; bottom: 50px; z-index:999; height:50px; background-color: #fff; overflow: hidden; display: flex; align-items: center;}
.footer-pay:before{content: ''; position: absolute; background: #d4d4d4; width: 100%; top:0; left:0; right: 0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
.footer-pay .iconfont {width: 50px; font-size: 24px; text-align: center;}
.footer-pay .iconfont.checked {color: #f50;}
.footer-pay .qx {font-size: 16px;}
.footer-pay .pay {flex: 1; text-align: right; font-size: 14px;}
.footer-pay .pay .money {color: #f50; font-size: 12px;}
.footer-pay .pay .price {font-size: 18px;}
.footer-pay .btn {height: 49px; width:25%; font-size:14px; display: flex; align-items: center; justify-content: center; background-color:#f50; color:#fff; margin-left: 3.2%;}


.buy-list {overflow: hidden; width: 100%;position: relative;}
.buy-list:before {content: ''; position: absolute; left:0; top: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.buy-list:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.buy-list .buy-item {width: 100%;position: relative;display: flex;overflow: hidden;background-color: #fff; padding: 10px 3.2%;}
.buy-list .buy-item .photo {width: 15vw;height:15vw;background-size:cover;background-position:50%;border: 1px solid#e8e8e8;
margin-right: 3.2%;}
.buy-list .buy-item .info {flex: 1; display: flex;}
.buy-list .buy-item .info .name {flex: 1; word-break: break-all; height: 12vw; line-height: 5.6vw;overflow: hidden;margin-right: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.buy-list .buy-item .info .pay {text-align: right;}
.buy-list .buy-item .info .pay-price {font-size: 16px; color: #f50;}
.buy-list .buy-item .info .num {color: #999; font-size: 10px;}
.buy-list .buy-info {display: flex; align-items: center; justify-content: flex-end;padding: 10px 3.2%; font-size: 12px; color: #666;}
.buy-list .buy-info .num {color: #999; margin-right: 10px;}



.order-extra {display: flex;align-items: center;background-color: #fff;height: 45px; padding: 10px 4%;font-size: 14px;color: #666;position: relative;}
.order-extra:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.order-extra div {line-height: 1;}
.order-extra .content {flex: 1;text-align: right;}
.order-extra input {flex: 1;border: none;border-radius: 2px;line-height: 1.5;margin-left: 7px;}

.order-address {display: flex;width: 100%;position:relative; padding: 15px 3.2%;background: #fff;margin-bottom: 10px;color: #333;line-height: 20px;align-items: center; font-size: 14px;}
.order-address:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.order-address .icon-dingwei1 {font-size: 36px; margin-right: 5px; color: #f50;}
.order-address .icon-jiahao {font-size: 12px; margin-right: 5px;}
.order-address div {flex: 1; line-height: 1.5; padding: 0 5px;}
.order-address .tel {float: right;}
.order-address .tel2 {margin-left: 10px; color: #999; font-size: 12px;}
.order-address .desc {margin-top: 7px; line-height: 1.3; word-break: break-all;}

.submit-order {width: 100%; position: fixed; bottom: 0; z-index:999; height:50px; background-color: #fff; overflow: hidden; display: flex; align-items: center;margin-top: 9px;}
.submit-order:before{content: ''; position: absolute; background: #d4d4d4; width: 100%; top:0; left:0; right: 0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
.submit-order .info {flex: 1; text-align: right; font-size: 14px;}
.submit-order .info span {color: #f50; font-size: 12px;}
.submit-order .info .price {font-size: 18px;}
.submit-order .btn {height: 49px; width:25%; font-size:14px; display: flex; align-items: center; justify-content: center; background-color:#f50; color:#fff; margin-left: 3.2%;}

.order-list {overflow: hidden;}
.order-list .order-item {width: 100%;position: relative;margin-top: 10px;display: flex;align-items: center;overflow: hidden;background-color: #fff; padding: 0;}
.order-list .order-item:last-child {margin-bottom: 10px;}
.order-list .empty {margin-top: 60px; text-align: center; color: #999; font-size: 16px;}

.order-detail-info {background-color: #fff;padding: 10px 4%;font-size: 14px;color: #666;position: relative;margin-top: 10px;}
.order-detail-info:before {content: ''; position: absolute; left:0; top: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.order-detail-info:after {content: ''; position: absolute; left:0; bottom: 0; right:0; background: #e8e8e8; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.order-detail-info .info {display: flex; align-items: center; line-height: 1.5;}
.order-detail-info .info:not(:first-child) {margin-top: 10px;}
.order-detail-info .info .pay {color: #f50; flex: 1; text-align: right; font-size: 16px;}

.order-state {padding: 10px 15px;background: #fff;margin-bottom: 10px;}

.order-detail-footer {width: 100%; position: fixed; bottom: 0; z-index:999; height:50px; background-color: #fff; overflow: hidden; display: flex; align-items: center;margin-top: 9px; justify-content: flex-end;}
.order-detail-footer:before{content: ''; position: absolute; background: #d4d4d4; width: 100%; top:0; left:0; right: 0; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); transform-origin: 0 0;}
.order-detail-footer div {height: 28px; width:75px; display: flex; align-items: center; justify-content: center; font-size:12px; border: 1px solid #ccc; color: #666; border-radius: 20px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.order-detail-footer div.pay {color: #f50; border-color: #f50;}

.order-detail-error {margin-top: 60px; text-align: center;}