/*====约会======*/

/*约会首页*/
 .page_appointment_index {}
 .page_appointment_index .headbox {
     background: #FFF;
     padding-top: .75rem;
 }
 .page_appointment_index .appointment_banner {
     padding-top: 35% !important;
 }
 .page_appointment_index .appointment_banner .sw-slide {
     padding: 0 .75rem;
 }
 .page_appointment_index .appointment_banner .sw-slide img {
     height: 35vw;
     width: 100%;
     border-radius: .5rem;
 }
 .page_appointment_index .appointmentlist {}
 .page_appointment_index .appointmentlist .item {
     padding: .7rem .75rem;
     background: #FFF;
     border-bottom: 1px dashed #EEE;
     position: relative;
     overflow: hidden;
 }
 .page_appointment_index .appointmentlist .item .ub-img1 {
     width: 3rem;
     height: 3rem;
     background-color: #F8F8F8;
     border-radius: 100%;
     margin-right: .25rem;
 }
 .page_appointment_index .appointmentlist .item .item-title {
     font-size: .8rem;
     color: #333;
     line-height: 1.4;
 }
 .page_appointment_index .appointmentlist .item .info {
     margin-top: 1rem;
     font-size: .6rem;
     margin: 0;
     color: #999;
     line-height: 1.5;
     padding-bottom: .15rem;
 }
 .page_appointment_index .appointmentlist .item .info .district {
     font-size: .7rem;
     color: #444
 }
 .page_appointment_index .appointmentlist .item .btnbox {
     margin-left: .5rem;
 }
 .page_appointment_index .appointmentlist .item .status {
     height: 1rem;
     width: 4rem;
     position: absolute;
     display: block;
     top: .5rem;
     right: -1rem;
     line-height: 1rem;
     text-align: center;
     font-size: .6rem;
     color: #FFF;
     background: #CCC;
     transform: rotate(45deg);
     display: none;
 }
 .page_appointment_index .appointmentlist .item[status='1'] .status_1, .page_appointment_index .appointmentlist .item[status='0'] .status_0 {
     display: block;
 }

 /*约会详情页*/
 .page_appointment_show .head_cover img {
     display: block;
     width: 100%;
 }
 .page_appointment_show .head_info {
     background: #FFF;
 }
 .page_appointment_show .head_info .title {
     padding: .75rem;
     color: #333;
 }
 .page_appointment_show .head_info .info {
     padding: .75rem;
     padding-top: 0;
     font-size: .75rem;
     color: #999;
 }
 .page_appointment_show .head_info dl, .page_appointment_show .head_info dt, .page_appointment_show .head_info dd {
     margin: 0;
     padding: 0;
 }
 .page_appointment_show .head_info dl {
     overflow: hidden;
     padding: .2rem 0;
 }
 .page_appointment_show .head_info dt, .page_appointment_show .head_info dd {
     display: inline-block;
 }
 .page_appointment_show .conditions {
     margin-top: .3rem;
 }
 .page_appointment_show .conditions span {
     background: #EEE;
     line-height: 1rem;
     display: inline-block;
     padding: .15rem .5rem;
     border-radius: .2rem;
     margin-right: .3rem;
     margin-top: .3rem;
     font-size: .7rem;
 }
 .page_appointment_show .head_applys {
     background: #FFF;
     margin-top: .5rem;
     padding: 1rem;
     line-height: 2.5rem;
 }
 .page_appointment_show .head_applys .users {
     display: inline-block;
 }
 .page_appointment_show .head_applys .users .user {
     display: inline-block;
     margin-right: -.75rem;
     vertical-align: middle;
     margin-top: -.15rem;
 }
 .page_appointment_show .head_applys .users .user img {
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 100%;
     display: block;
     border: 1px solid #EEE;
 }
 .page_appointment_show .head_applys .users .user:last-child {
     margin-right: 0rem;
 }
 .page_appointment_show .head_applys .apply_num {
     display: inline-block;
     color: #999;
 }
 .page_appointment_show .foot-nav .btn {
     width: 100%;
     border-radius: 0;
     height: 2.5rem;
     line-height: 2.5rem;
     margin: 0;
 }
 .page_appointment_show .bcui-tab {
     margin-top: .5rem;
 }
 .page_appointment_show ._content {
     background: #FFF;
     padding: .75rem;
     color: #999;
     font-size: .75;
 }
 .page_appointment_show .infinite-scroll {
     overflow: hidden;
 }
 .page_appointment_show .bcui-tab .bcui-tab-title-float.fixed~.bcui-tab-content .infinite-scroll {
     overflow-y: auto;
     height: 80vh;
 }
 .page_appointment_show .singleinfo .hninfo .img img {
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 1.3rem;
     border: #c7c7c8 1px solid;
     margin-right: .5rem;
 }
 .page_appointment_show .singleinfo .hninfo .name {
     font-size: .8rem;
     font-weight: 700;
     color: #333
 }
 .page_appointment_show .singleinfo .hninfo .desc {
     color: #afafaf;
     font-size: .6rem;
     line-height: 1.2;
 }
 .page_appointment_show .handle-list {
     position: relative;
 }
 .page_appointment_show .handle-list .item {
     position: relative;
     background: #FFF;
     overflow: initial;
     border: none;
     border-bottom: 1px solid #ECECEC;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
 }
 .page_appointment_show .handle-list .list-herd {
     background: #FFF;
 }
 .page_appointment_show .handle-list .list-herd .herd-title {
     font-size: .75rem;
     background: #FFF;
     font-weight: 400;
     padding: .5rem 1.25rem;
     margin-bottom: -1px;
     border-bottom: 2px solid var(--color);
     display: inline-block;
     margin: 0;
 }
 .page_appointment_show .handle-list .list-item .item-title {
     color: #999
 }
 .page_appointment_show .handle-list .list-item .item-info {
     color: #000;
     font-size: .7rem
 }
 .page_appointment_show .icon-navigation {
     display: inline-block;
     vertical-align: middle;
     margin-top: -.15rem;
     width: .9rem;
     height: .9rem;
     background: url("../img/navigation.png") no-repeat;
     background-size: .9rem .9rem;
 }
 .page_appointment_show .handle-list .div.details {
     line-height: 1.1rem;
     color: #000;
     font-size: .75rem
 }
 i.end {
     height: 5rem;
     width: 5rem;
     position: absolute;
     display: block;
     opacity: 0.8;
     top: 1rem;
     right: 1rem;
     background: url("../img/activityEndSeal.png") no-repeat;
     background-size: 5rem auto;
 }
 .page_appointment_show .handle-list .content .item-info {
     clear: both;
     float: none;
     padding: .5rem 0
 }
 .page_appointment_show .handle-list .content .item-info * {
     color: #666;
     max-width: 100%;
     white-space: normal !important;
 }
 .page_appointment_show .handle-list .content .item-info img {
     width: auto !important;
     height: auto !important;
 }
 .page_appointment_show .records .item .btnbox>* {
     display: none;
 }
 .page_appointment_show .records .item[agree='1'] .agree_1, .page_appointment_show .records .item[agree='2'] .agree_2, .page_appointment_show .records .item[agree='3'] .agree_3 {
     display: block;
 }

 /*发布约会*/
 .page_appointment_create {
     background: #FFF;
 }
 .page_appointment_create .handle-list .list-item .item-title {
     width: 4rem;
 }
 .page_appointment_create .handle-list .list-item .item-info {
     float: left;
     font-size: .75rem;
 }
 .page_appointment_create .handle-list .list-item input[type='text'], .page_appointment_create .handle-list .list-item input[type='number'] {
     background: none;
     border: none;
 }
 .page_appointment_create .handle-list .list-item textarea {
     background: none;
     border: none;
 }

 /*我应约的*/
 .page_appointment_apply .appointment_applys {}
 .page_appointment_apply .appointment_applys .item {
     padding: .75rem;
     background: #FFF;
     border-bottom: 1px dashed #EEE
 }
 .page_appointment_apply .appointment_applys .item .ub-img1 {
     width: 5rem;
     height: 3.5rem;
     margin-right: .25rem;
 }
 .page_appointment_apply .appointment_applys .item .item-title {
     font-size: .8rem;
     font-weight: 700;
     color: #333;
     line-height: 2
 }
 .page_appointment_apply .appointment_applys .item .info {
     font-size: .6rem;
     color: #999;
     line-height: 1.5;
     padding-bottom: .15rem;
 }
 .page_appointment_apply .appointment_applys .item .btnbox>* {
     display: none;
 }
 .page_appointment_apply .appointment_applys .item[agree='1'] .agree_1, 
 .page_appointment_apply .appointment_applys .item[agree='2'] .agree_2, 
 .page_appointment_apply .appointment_applys .item[agree='3'] .agree_3 {
    font-size: .65rem;
    display: block;
 }
.page_appointment_apply .appointment_applys .item .btnbox>* {
    display: none;
}
.page_appointment_apply .appointment_applys .item .agree_1 {
    color: #090;
}
.page_appointment_apply .appointment_applys .item .agree_2 {
    color: #F00;
}
.page_appointment_apply .appointment_applys .item .agree_3 {
    color: #F60;
}



 /*我发布的*/
 .page_appointment_record .appointment_records {}
 .page_appointment_record .appointment_records .item {
     padding: .75rem;
     background: #FFF;
     border-bottom: 1px dashed #EEE
 }
 .page_appointment_record .appointment_records .item .ub-img1 {
     width: 5rem;
     height: 3.5rem;
     margin-right: .25rem;
 }
 .page_appointment_record .appointment_records .item .item-title {
     font-size: .8rem;
     font-weight: 700;
     color: #333;
     line-height: 2
 }
 .page_appointment_record .appointment_records .item .info {
     font-size: .6rem;
     color: #999;
     line-height: 1.5;
     padding-bottom: .15rem;
 }