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

/*约会首页*/
 .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;
     margin: .75rem;
     border-radius: .75rem;
 }
 .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.5;
 }
 .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;
    margin:  var(--card_margin);
    border-radius: var(--card_radius);
}
.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;
    display: flex;
    flex-direction: row;
}
.page_appointment_show .head_info dt {
    /*min-width: 5rem;
    text-align: right;*/
    white-space:nowrap;
}
.page_appointment_show .head_info dd {
    flex: 1;
}
.page_appointment_show .conditions {
    margin-top: .3rem;
}
.page_appointment_show .conditions span {
    border: 1px solid var(--color);
    color: var(--color);
    line-height: 1;
    display: inline-block;
    padding: .2rem .3rem;
    border-radius: .2rem;
    margin-right: .2rem;
    margin-top: .3rem;
    font-size: .6rem;
    opacity: .7;
}

 
 .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 .bcui-tab {
     margin-top: .5rem;
 }
 .page_appointment_show ._content {
     /*background: #FFF;*/
     padding: 0;
     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{
     display: flex;
     flex-direction: row;
     margin:.5rem var(--card_margin);
    border-radius: var(--card_radius);
    background-color: #FFFFFF;
    padding: .7rem;
    align-items: center;
    position: relative;
 }
.page_appointment_show .singleinfo::before {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 50%;
    right: .75rem;
    margin-top: -0.2rem;
    display: inline-block;
    vertical-align: middle;
    content: "";
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(7deg);
}
 .page_appointment_show .singleinfo .photo {
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 100%;
     border: #c7c7c8 1px solid;
     margin-right: .5rem;
     overflow: hidden;
 }
  .page_appointment_show .singleinfo .photo .img{
     width:100%;
     height: 100%;
 }
 .page_appointment_show .singleinfo .info {
     font-size: .8rem;
     font-weight: 700;
     color: #333
 }
 .page_appointment_show .singleinfo .name {
     font-size: .8rem;
     font-weight: 700;
     color: #333
 }
 .page_appointment_show .singleinfo .desc {
     color: #afafaf;
     font-size: .6rem;
     line-height: 1.5;
 }


.
 /**/
 .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;
     flex: unset;
     margin-right: 1rem;
     font-size: .75rem;
 }
 .page_appointment_show .handle-list .list-item .item-info {
     color: #000;
     font-size: .7rem;
     flex: 1;
     text-align: right;
     line-height: 1.3;
 }
 .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: .8rem;
     text-align: left;
 }
 i.end {
     height: 5rem;
     width: 5rem;
     position: absolute;
     display: block;
     opacity: 0.8;
     top: 1rem;
     right: 1rem;
     background: url("../img/appointmentEndSeal.png") no-repeat;
     background-size: 5rem auto;
 }
  .page_appointment_show .handle-list .list-item.content{
     display: block;
 }

 .page_appointment_show .handle-list .content .item-info {
     clear: both;
     float: none;
     /*padding: .5rem 0;*/
     line-height: 1.6;
     text-align: left;
 }
 .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{
    background: none;
    border: none;
    margin: 0;
    box-shadow: none;
 }
 .page_appointment_create .handle-list .list-item .item-title {
     width: 4rem;
 }
 .page_appointment_create .handle-list .list-item .item-info,
  .page_appointment_create .handle-list .list-item .item-info input,
   .page_appointment_create .handle-list .list-item textarea {
     font-size: .75rem;
     color: var(--color);
 }
.page_appointment_create .handle-list .list-item .item-info em,
.page_appointment_create .handle-list .list-item .item-info .c-radio{
     color: #CCC;
 }
 .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;*/
     border-radius: var(--card_radius);
     margin: var(--card_margin);
 }
 .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:.4rem .75rem;
     background: #FFF;
     /*border-bottom: 1px dashed #EEE;*/

     margin:.5rem var(--card_margin);
    border-radius: var(--card_radius);
    background-color: #FFFFFF;
 }
 .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;
 }


 .page_appointment_record .appointment_records .item .btnbox {
     margin-left: .5rem;
 }

 .page_appointment_record .appointment_records .item .btnbox .buttom {
     font-size: .85rem;
     color: #BBB;
     padding: .2rem;
 }