PC-application/app/rehabilitation/css/service_item_content.css

[v-cloak]{display: none;}
#app{
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.flex-box{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-box-item{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	width: 50%;               /* For old syntax, otherwise collapses. */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: relative;
}
.icon{width: 12px;height: 12px;vertical-align: middle;background-size: 100% auto;background-repeat: no-repeat;display: inline-block;background-position: center center;}
.icon-arrow-down{background-image: url(../images/icon/tiaozhuan_xia_icon.png);}
.active .icon-arrow-down{transform: rotateZ(180deg);}
.icon-gouxuan{background-image: url(../images/icon/gouxuan_lanse_icon.png);}
.icon-check,.icon-arrow-down{transition: all .3s ease-in-out;}
.active .icon-check,.collapsed .icon-arrow-down{transform: rotateZ(180deg);}
.icon-check{background-image: url(../images/icon/zhankai_btn.png);}
.icon-16{width: 16px;height: 16px;}
.icon-18{width: 18px;height: 18px;}
.record-list{max-height: 0;overflow: hidden;transition: all .3s linear;}
.record-list.active{max-height: 9999px;height: auto;}
.record-item{background-color: #f5f5fa;margin-bottom: 10px;padding: 10px;}
.service-top{font-size: 0;line-height: 1;font-weight: 500;}
.service-name span{vertical-align: middle;font-size: 16px;}
.service-name span+span{margin-left: 10px;}
.service-name{line-height: 1.5;margin-bottom: 0;}
.service-index{border: 1px solid #12b7f5;min-width: 16px;line-height: 1;height: 16px;font-size: 14px;display: inline-block;text-align: center;color: #12b7f5;}
.label-group{padding-left: 26px;}
.label-group span{color: #12b7f5;font-size: 14px;line-height: 1;margin-top: 10px;}
.label-blue{border-radius: 5px;border: solid 1px #12b7f5;padding: 4px 15px;display: inline-block;margin-right: 27px;}
.panel-body{padding: 20px;font-size: 14px;color: #999;}
.panelcurPage + .panelcurPage{border-top: 1px solid #d7dce6;}
.service-content{line-height: 30px;padding-bottom: 15px;border-bottom: 1px solid #d7dce6;}
.service-address{border-bottom: 1px solid #d7dce6;}
.btn-yuyue{background-color: #02cfb9;color: #fff;}
.btn-yuyue:hover,.btn-yuyue:link{color: #fff;background-color: #01c1ad;}
.btn-12b7f5{color: #fff;background-color: #12b7f5;}
.btn-12b7f5:hover,.btn-12b7f5:link{color: #fff;background-color: #12b7f5;}
.btn-disabled{background-color: #eee;color: #999;}
.btn-disabled:hover, .btn-disabled:link{background-color: #eee;color: #999;}
.btn-fuwuma{background-color: #2dbe55;color: #fff;}
.btn-fuwuma:hover,.btn-fuwuma:link{color: #fff;background-color: #209440;}
.btn-zhidao{background-color: #12b7f5;color: #fff;}
.btn-zhidao:hover,.btn-zhidao:link{color: #fff;background-color: #10a0d6;}
.service-operation .btn{width: 90px;}
.view-detail{color: #12b7f5;cursor: pointer;}
.yslb>span:after{content: '、';}
.yslb>span:last-child:after{display: none;}
.btns-group{padding: 20px 0 10px 185px;}
.btns-group .btn{margin-right: 185px;}
.fuwuma-model{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;}
.fuwuma-layer{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.35);}
.fuwuma-content{width: 260px;height: 260px;top: 50%;position: absolute;margin-top: -130px;left: 50%;margin-left: -130px;}
.fuwuma-content img{width: 100%;display: block;}
.service-operation .btn{width: 90px;}
.view-detail{color: #12b7f5;cursor: pointer;}
.complete-title{font-size: 14px;color: #333;padding: 10px 0;border-bottom: 1px solid #D7DCE6;}
.guanlian-list{padding: 10px 0 10px 10px;overflow: hidden;border: 1px solid #d7dce6;}
.upload-box{padding: 10px 0 10px 10px;overflow: hidden;border: 1px solid #d7dce6;}
.upload-box li{width: 60px;height: 60px;position: relative;display: block;float: left;margin-right: 10px;}
.upload-box li img{width: 100%;display: block;}
.upload-img-box{width: 100%;height: 100%;overflow: hidden;}
.delete-img{position: absolute;right: -5px;top: -5px;color: #fff;background-color: #ccc;border-radius: 100%;text-align: center;line-height: 15px;width: 15px;height: 15px;}
.upload-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;z-index: 3;font-size: 0;width: 100%;height: 100%;}
.add-img{font-size: 40px;line-height: 60px;font-weight: 500;width: 60px;height: 60px;display: block;text-align: center;border: 1px dashed #d7dce6;color: #bec8d2;}
.icon-arrow-right{background-image: url(../images/icon/tiaozhuan_icon.png);background-size: auto 100%;}