body {
  font-family:  Helvetica, Arial, "Microsoft YaHei", "微软雅黑", Heiti, "黑体", STXihei, "华文细黑", SimSun, "宋体",  Tahoma, sans-serif;
  font-size: 1em;
  background-color: #F5F5F5;
}
.header {
    background-color: #FCC537;
    min-height: 1.8em;
    font-size: 1.2em;
    padding-top: 0.2em;
    color: #FFFFFF;
}
.header .back {
    float:left;
    margin-left:0.3em;
    font-size: 1.4em;
    margin-top: -0.3em;
}
.header .title {
    color:#FFFFFF;
    margin-left:-1.8em;
}
.header a {
    color:#FFFFFF;
}
.text-center {
    text-align: center;
}
.hidden {
    display: none;
}
.clear {
    clear:both;
}
.no-padding-top {
    padding-top:0px;
}
.font-sm {
    font-size: 0.9em;
    color: #979393;
}
.font-default {
    font-size: 1em;
    color: #979393;
}
.text-warning {
    color:#B58519;
}
.text-white {
    color:#FFFFFF;
}
.pull-left {
    float:left;
}
.pull-right {
    float:right;
}
.margin-top-sm {
    margin-top:10px;
}
.activity img {
    width:98%;
}
label.error {
    color: red;
}
.trigon {
    font-size: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #f1ebeb transparent transparent transparent;
}
.fileinput-button input{
  height: 100%;
}
/*　预约选择门店列表　*/
.shop-list {
    margin-top:0;
}
.shop-list .shop-logo {
    width: 3.5em;
    margin-right:10px;
    display:block;
    border-radius: 0.6em;
}
.shop-list .shop-start img {
    width:0.6em;
}
.shop-list .shop-name {
    overflow: hidden;
    color:#3F3F3F;
    height: 1.2em;
    margin-top: -0.2em;
}
.shop-list .shop-start {
    float:left;
    width:60%;
    color:#FCC537;
}
.shop-list .shop-start label {
    font-size:0.5em;
}
.shop-list .shop-distance {
    float:right;
    width:40%;
    text-align: right;
    font-size:  0.8em;
    color:#979393;
    margin-top:0.4em;
}
.shop-list .shop-address {
    width:80%;
    height:1.2em;
    overflow: hidden;
    font-size: 0.8em;
    color:#979393;
}
.city-list-footer {
    height:20px;
    clear:both;
}
/*　预约选择门店列表　*/

/*　预约选择城市列表　*/
.city-list {
    padding:5px;
    width:calc(100%-10px);
    clear:both;
}
.city-list .list-inline{
    text-align: center;
    width:100%;
}
.city-list .list-inline .li-5, .city-list .list-inline .li-3 {
    height:2em;
    float:left;
    border:1px solid #c9c9c9;
    border-left:none;
    border-top:none;
}
.city-list .list-inline .li-5 {
    width:calc((100% - 6px) / 5);
}
.city-list .list-inline .li-3 {
    width:calc((100% - 4px) / 3);
}
.city-list .list-inline .li-5:nth-child(1),
.city-list .list-inline .li-5:nth-child(2),
.city-list .list-inline .li-5:nth-child(3),
.city-list .list-inline .li-5:nth-child(4),
.city-list .list-inline .li-5:nth-child(5),
.city-list .list-inline .li-3:nth-child(1),
.city-list .list-inline .li-3:nth-child(2),
.city-list .list-inline .li-3:nth-child(3){
    border-top:1px solid #c9c9c9;
}
.city-list .list-inline .li-5:nth-child(5n + 1),
.city-list .list-inline .li-3:nth-child(3n + 1){
    border-left:1px solid #c9c9c9;
}
.city-list .category {
    font-weight: 600;
}
.city-list .list-inline a {
    padding-top:0.2em;
    color:#000000;
    display: block;
    height: 1.8em;
    border-radius: 0;
}
/*　预约选择城市列表　*/
.weui_icon_success_circle:before {
    font-size: 60px;
}
.weui_icon_waiting_circle:before {
    color:#979393;
    font-size: 16px;
}

.no-border-top .weui_cell {
    padding:5px 15px;
}

.no-border-top .weui_cell:before {
    border-top: 0;
}

.weui_cells {
    margin-top: 8px;
}

.weui_cells:before {
    border-top: 0;
}
.weui_cells:after {
    border-bottom: 0;
}
.margin-top-sm {
    margin-top:10px;
}

.shop-map {
    width:40px;
    text-align: center;
}
.shop-map img {
    height:25px;
}

.shop-phone {
    width:40px;
    text-align: center;
    border-left:1px solid #DDD;
    padding-left:15px;
    line-height:2.45;
    background-repeat: no-repeat;
}
.shop-phone .dial-phone {
    background-image: url('/images/phone.png');
    display: block;
}
.weui_cell_hd .weui_label {
    width:5em;
}
.dial-phone-doalog .weui_dialog_bd {
    border-top: 1px solid #D9D9D9;
}
.dial-phone-doalog .weui_dialog_bd div{
    padding-top:20px;
}

.weui_select{
    padding-left:0;
}
.weui_icon_warn:before {
    font-size: 18px;
}

.submit-btn {
    background-color: #FCC537;
    border-radius: 0;
}
.booking-btn {
    height:50px;
}
.booking-btn .weui_btn {
    position:fixed;
    bottom:0px;
    width:100%;
    background-color: #FCC537;
    border-radius: 0;
}
.btn-cancel-booking {
    font-size: 0.9em;
    color:#FCC537;
}

.badge-chain,.badge-cooperation{
    border-radius:2px;
    font-size: 8px;
    color:#FFF;
    padding-left:4px;
    padding-right:4px;
}

.badge-chain {
    background-color: red;
}
.btn-list-2 > div {
    width:46%;
    margin:5px 2%;
    float:left;
}
.btn-list-2 .weui_btn {
    font-size: 1em;
}
.system-bonus {
    font-weight: 700;
    color:green;
}
.weui_cell_bd .title {
    overflow: hidden;
    color:#3F3F3F;
    height: 1.2em;
    margin-top: -0.2em;
    margin-bottom: 1em;
}

.shop-detail {
    margin-top:-7px;
    margin-bottom:50px;
}

.shop-detail .phone {
    float:right;
    width:22px;
    height:22px;
}

.shop-detail .address {
    width:90%;
    height:20px;
    overflow-y: hidden;
    display: block;
    float:left;
}
.shop-detail .address-map {
    width:10%;
    float:right;
    text-align: right;
}
.shop-detail .address-map img {
    width:20px;
}
.shop-detail .user {
    width:33%;
    float:left;
    text-align: center;
    padding:10px 0;
}
.shop-detail .user-logo {
    width:70px;
    height:70px;
    border-radius: 50%;
}
.case-share .weui_media_title {
    margin:7px !important;
    font-size: 1em;
    color: #979393;
}
.case-share .weui_media_desc {
    margin:5px;
    font-size: 0.8em;
    color: #979393;
}
.case-share .car-type {
    width:60%;
    float: left;
}
.case-share .consume {
    width:40%;
    float: right;
    text-align: right;
}
.case-share .car-type p {
    padding-left:15px;
    height: 20px;
    overflow: hidden;
}
.case-share .consume p {
    padding-right:15px;
}
.case-share .content {
    clear:both;
    padding-top:8px;
    margin:0 15px;
}

.case-share .upload-image {
    width:48%;
    float:left;
    text-align: center;
    margin:1% 1% 0% 1%;
}
.case-share .upload-image img{
    width:100%;
    height:auto;
}
.weui-vcode-btn{
    display: inline-block;
    height: 45px;
    margin-left: 5px;
    padding: 0 0.6em 0 0.7em;
    border-left: 1px solid #E5E5E5;
    line-height: 45px;
    vertical-align: middle;
    font-size: 17px;
    color: #09BB07;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0;
}