.bg1 {
    background: url(../images/bg.png) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.page-abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.page-abs-bottom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
    z-index: 1;
}

.page-abs-tabs {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.page-abs-search {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.page-abs-tree {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 60px;
    left: 0;
    z-index: 1;
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.search-left {
    display: block;
    margin-right: 8px;
    line-height: 28px;
    color: #576b95;
    white-space: nowrap;
}

.bg {
    /* height: 100%; */
    background-color: #eee;
}

.bg-white {
    background: #fff;
}

.bg-index {
    background: url("../images/firstImage/zhuanshi.png") no-repeat center bottom;
    background-size: contain;
}

button:focus {
    outline: 0;
}

.pd-10 {
    padding: 10px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.img-full {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.radius10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.ok-btn-style {
    width: 100%;
    display: inline-block;
    background-color: #4B4D4D;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    font-size: 17px;
    color: rgb(252, 251, 250);
    text-align: center;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}

.send-btn-style {
    width: 100px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 30px;
    padding: 6px 10px;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.send-btn-style span {
    font-size: 12px;
}

.ico-del-sm {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../images/Delete.png") no-repeat;
    background-size: cover;
}

.ico-delete {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../images/ico-delete.png") no-repeat;
    background-size: cover;
}

.ico-del-sm.hidden {
    display: none;
}

.weui-form-index {
    padding: 20px;
}

.weui-form-cover {
    padding: 20px;
    /* margin-top: -40px; */
    position: relative;
    z-index: 101;
}

.weui-form-index .weui-cells,
.weui-form-cover .weui-cells {
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
}

.line-through {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}


.line-through .text {
    position: relative;
    display: inline-block;
    font-size: 14px;
    padding: 0 20px;
    background-color: #eee;
    color: rgba(0, 0, 0, 0.5);
    z-index: 12
}

.line-through:before,
.line-through:after {
    content: '';
    /*CSS閼煎懓浼傚蹇撶箹閼鳖偊鍨惧▍顓х亷閸潧绂嶉埞鎾呮嫹閺傜尨鎷烽悘姹囧剬椤戞繍鍔堕妷鍌氬帨閿熻姤鏋傞埞鐐茬М閿熻姤鏋傞敐鍌︽嫹濮橈綇鎷烽埈棰濆枓閿熶粙鍎╅埞鐔叉杹閿熻姤鈼ｆ稊鍛划閻戔晪鎷锋慨鎴欏剰闂婎厺绠欓妷鍌楁晵閳锋鎻掔壄濞夌瑳锟介敓杞胯弓鎬ラ妷鍌氥偉娑斿應鏁掕箛濠忔嫹濮ｎ叏楦￠幑鏍村毇閿旂櫢鎷风�涖倛顔栭埞鎾呮嫹濠㈢喕顕氶閿嬬叞閿燂拷*/
    position: absolute;
    /*濮樻挻鎮呴挊鏉戠箹闁炽儲顏╃搾渚囩亷婵傘儺鍟旈埞锟犳應鐠佹寧鍨熼敓杞挎緞鑼瘽鐠囥儮鏂侀敓鑺ユ煛閿熺晫浼濋妷顫嫹閺傚鍩楅妵銏狀吔婵垟鏁掗幆鐑╁煑椤旂櫢鎷峰В顑惧剭閵夊倹宕掗幑妞绘杹閿熻姤鈼ｆ慨鎳冲眰鍎崑鎾瑰箺妤ｅ潡鍨鹃幘浣叉杹閿熻姤鎷冪搾浣叉噰閿熻姤绶垫稊鍛傚灚宸婚敓钘夘潠閳圭偐妾ч敓瑙ｆ寣閵婎澁鎷峰В顒佺贩閵夊倷璞㈤姘�锟介敓鏂よ吂閸嬫捁瀵橀梾鍡樿彔閼碱偉妫濆蹇氬箺閼辨稒鑿犻懠鍛村灳閹撅拷椤旀鎻掔氨閿熻В鍩楅宄扮毞閿熻В鎸岄埞鐏诲鍎鐤掗敓鑺ヮ嚔灏鹃鈽嗙亹閳规拝鎷峰鐔活嚉瑜夐敓瑙ｆ嚇閹规ぜ浠幃鍛婄贩閳癸紕濮敓瑙ｅ煑閿涱偄鏋撮妵锝忚吂閿熻姤鈼ｉ鈧剬椤旂櫢鎷峰┃宓ㄥ弶鍘￠惌顐亷娴肩數鐓埞鎾呮嫹閹撅拷娑斿懌鍎岄崲搴晹閿旂櫢鎷风�涖倧鎷�*/
    top: 52%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(219, 219, 219, 0)), color-stop(rgba(153, 153, 153, 1)), color-stop(rgba(153, 153, 153, 1)), to(rgba(219, 219, 219, 0)));
    background: linear-gradient(90deg, rgba(219, 219, 219, 0), rgba(153, 153, 153, 1), rgba(153, 153, 153, 1), rgba(219, 219, 219, 0));
    /*濮樻挻鎮呴挊鏉戠箹闁炽儲顏╃搾渚囩亷婵傘儺鍟旈埞鎾呮嫹閺傜尨鎷烽悘姹囧劗閿熻姤鏋栧┃宥庣亽姊呯搾浣叉杹閿熻姤鎷冪搾渚婇浮閹规爜鎰佸晸娴碱噮鍎埞锟犳應婵嚦灞備划楠炰紮鑵归敓瑙ｆ噰閿熻姤顏埞鐏婚攱鍏庨妷鍌滃Χ鐠囥儺鐏庢總銉�嬮埞锛勫Л閿熻姤鍣撮妷顫嫹濮橈絽濡峰鎾瑰Е闁炽儲鍣撮埞褍鏋撮纰辩厐闁繆顥嗛妷顫嫹閻忎警鍟旈埞鎾呮嫹濠㈢喕顕氶‖锝呮椤愶拷閵夊倿妾查幊濠忕岛閿熻姤顕￠惌顐犲剬婵傘儰绠欓妷鍌楁晵閳锋鎻掔亪閿熻姤鎷嬮妷顫嫹閻忓搫绂嶉埞鐏诲鍎鐤掗敓鑺ヮ嚔灏鹃鈽嗙亹閳规拝鎷峰鐔活嚉瑜夐敓瑙ｆ嚇閹规ぜ浠幃鍛婄贩閳癸紕濡堕悩鍡愬劗閿熻姤鏋栧┃宥冨剬缂佸府杩归埞锟犳應婵嚦灞傚劗閿熻棄顫栭妸顫嫹灏炬慨鎴旀晵瀹ヤ緤鎷峰婵勫剬閵囥儲宕￠妷銏犱壕閼辫櫣灏楁ィ鍧楀灳閳宸厴閿熻姤鈼ら‖鈺傜癌椤戠偐鏂侀敓鑺ユ煛閿熺晫浼濋妷鍌ゅ劑椤掔鍎岄崗澶涙嫹閺傚棎鍎岄…濠冪ス瑜夐敓鑺ヮ嚒婵傝В鎳囬敓鑺ョ返閿燂拷*/
    width: 30%;
    height: 1px;
}

.line-through:before {
    left: 10%;
    /*閼煎懓浼傞幏褍宓傞柍銉︻嚒閿涳絻鍎岄崣銈囧Υ閳规拝鎷峰Ο搴㈢ス椤絿濡崇憗渚囩亷閸忓鎷烽幘浣叉杹閿熻姤鎷冪搾渚婇浮閹规牑鎸岃敋閹哄棴鎷锋慨鎴旀晵閹偣浠閿熻姤顕℃慨鎴欏劗閿熻棄銈ラ埛姘ｆ晽闁炬澘顫栧熬椤戞繃鍏庨妷鍌滆瘽閳灈鏂侀敓鑺ョ妇閿熻姤绶疯閿熻姤鈼ｉ幊濞垮剬灏剧拋搴撴晵閹灚鍏庨妷鍌樹淮閻樺棭鐏庨崗澶涙嫹閹句緡鐏庣�癸腹鍩楅敂鐧告嫹濞咁剙澶熷熬椤庘�崇繁閳规拝鎷峰Ο搴濈畽閵婂懐濡抽妷鍐剧亷閸ㄦ冻鎷烽幘浣勫眰浠慨鎴亷閿濆偊鎷锋慨鎴欏剬閸忓鎷烽弬鍡忔晽闁炬媽顔栭幋鏃撴嫹閳翰鍎忛棅顓濈畽閳圭偞鍏婂婢弶澧庨敓瑙ｅ煑閵夘澁鎷烽悙浣瑰础灏惧椋庡Υ椤鍤稊鍛囷拷閿熻姤顕￠惌顐犲劗閿熺晫鍊庨幑妞煎剬椤曢攱鍣村熬閺夋粍鎷嬮‖鐙�鐏庨姘ｆ晵姊呴绗哄剬閳圭偘鎬ラ…濠勬暘閳锋哎鍎岄埞鐐╂寣灏鹃弻顖涘厧椤姳瀚夐惌顐犲剬婵傘儰绠欓埞鎾呮嫹濠㈢喕顕氶閿嬬叞閿燂拷*/
}

.line-through:after {
    right: 10%;
}

.form-opr-self {
    margin: 30px 20px;
}

.form-opr-self.small {
    margin: 15px 20px;
}

.form-key-self {
    padding: 0 32px;
    color: #999;
    /* margin-bottom: 10px; */
    font-size: 14px;
}

.form-title-self {
    display: inline-block;
    font-size: 18px;
    color: #3E3E3E;
    padding-bottom: 8px;
    border-bottom: solid 3px #3E3E3E;
    margin: 30px 0;
}

.form-cell-self {
    padding: 10px 32px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.form-cell-self::after {
    content: " ";
    position: absolute;
    /* width: 100%; */
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    /* border-top: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5); */
    background: -webkit-gradient(linear, left top, right top, from(rgba(219, 219, 219, 0)), color-stop(rgba(219, 219, 219, 1)), color-stop(rgba(219, 219, 219, 1)), to(rgba(219, 219, 219, 0)));
    background: linear-gradient(90deg, rgba(219, 219, 219, 0), rgba(219, 219, 219, 1), rgba(219, 219, 219, 1), rgba(219, 219, 219, 0));
    z-index: 2;
}

.ico-record {
    width: 48px;
    height: 48px;
}

.on-text {
    color: #EE7700
}

.weui-tabbar.extra {
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    /* z-index: 10; */
}

.weui-tabbar.extra .weui-tabbar__label {
    color: rgba(0, 0, 0, .9);
}

.input-self-style .weui-input {
    height: 2em;
    background: #f8f8f8;
    text-indent: 15px;
}

.input-self-style .weui-cell {
    padding: 0 16px !important;
    margin: 15px 0;
}

.input-self-style .weui-cell::before {
    border: none;

}

.input-self-style .weui-label {
    width: 80px !important;
}


.my-info {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(44, 45, 49, 1)), to(rgba(16, 16, 19, 1)));
    background: linear-gradient(0deg, rgba(44, 45, 49, 1) 0%, rgba(16, 16, 19, 1) 100%);
    opacity: 0.9;

}

.user-avatar {
    width: 88px;
    height: 88px;
    border-radius: 100%;
    margin-right: 12px;
    border: solid 2px #fff;
}

.userInfo-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-name {
    font-size: 19px;
    color: #fff;

}

.user-des1,
.user-des2 {
    font-size: 14px;
    color: #fff;
}

.user-des1 {
    /* margin-top: 5px; */
}

.user-des2 {
    margin-top: 10px;
}

.list-icon {
    width: 22px;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.weui-mycenter {
    padding-bottom: 40px;
}

.btn-send-sm {
    width: 80px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    color: #555;
    border: none;
    background: url("../images/btn-bg-sm.png") no-repeat;
    background-size: 100%;
    text-align: center;
}

.record-list .list-item {
    padding: 16px;
    background: #fff;
    margin-top: 10px;
}

.list-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.title {
    /* font-size: 18px; */
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.record-list .list-item-info {
    padding-top: 10px;
}

.list-item-info .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* height: 34px; */
    font-size: 15px;
}

.text-left {
    color: #888;
}

.text-right {
    color: #000;
}

.no-loadData {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 50%;
}

.load-content {
    width: 100%;
}

.load-content img {
    padding-bottom: 15px;
}

/* 濮樻挻鎮呴挊鏉戠箹闁炽儲顏╃搾渚囩亷婵傘儺鍟旈埞鎾呮嫹閺傜尨鎷风含閵夘澁鎷烽弬鐚存嫹閺傚棭鐏庨崗澶涙嫹閹句讲鏂侀敓鑺ユ媰鐡掍緤楦￠幑鏍ュ剭閿濆偊鎷峰В顑惧剭閳规拝鎷峰鐔活嚉椤曢攱鐓伴敓锟� */
.navbar-text {
    position: relative;
    color: #888888;
}

.navbar-self .weui-navbar__item.weui-bar__item--on::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 1px;
    background: #000;
    right: 0;
    margin-left: 25%;
}

.navbar-self .weui-navbar__item.weui-bar__item--on .navbar-text {
    color: #292F32;
}

.navbar-self .weui-navbar__item:after {
    border-right: none !important;
}

.navbar-self .weui-navbar__item.weui-bar__item--on {
    background: #fff !important;
}

.weui-form-preview.approval-self {
    margin-bottom: 10px;
}

.approval-self .weui-form-preview__value {
    text-align: left;
    font-size: 15px;
}

.approval-self .weui-form-preview__label {
    color: #000;
    font-size: 15px;
    text-align: right;
    margin-right: 10px;

}

.approval-self .weui-form-preview__btn:after {
    border: none !important;
}

.approval-self .weui-form-preview__ft {
    padding: 10px;
    line-height: 40px !important;
}

.btn-appoint-agree,
.btn-appoint-refuse {
    width: 50%;
    line-height: 32px;
    height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: solid 1px #4B4D4D;
    display: inline-block;

    font-size: .9em;
}

.btn-appoint-agree {
    background: #4B4D4D;
    color: #fff;
    float: right;
    margin-right: 20px;
}

.btn-appoint-refuse {
    background: #fff;
    color: #4B4D4D;
    float: left;
    margin-left: 20px;
}

.text-green,
.text-red {
    float: right;
    margin-right: 15px;
    font-style: normal;
}

.text-green {
    color: #5AC5A5;
}

.text-red {
    color: #FF5B45;
}

.loadmore {
    height: 100%;
    display: none;
}


.iconImg {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("../images/yuancheng.png") no-repeat center center;
    background-size: cover;
    margin-left: 15px;
}

.icoTexts {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.remote-list {
    height: 100%;
    background: #fff;
}

.remote-list .view-item {
    padding: 16px 16px 0 16px;
}

.remote-list .view-item .view-item-inner {
    padding: 0 15px;
    height: 44px;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.flex-content {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.code-content {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.code-layout {
    /* -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch; */
    width: 100%;
    padding-bottom: 15px;
}

#qrCode {
    width: 180px;
    height: 180px;
    overflow: hidden;
    z-index: 70;
    position: absolute;

}

.code-title {
    font-size: 16px;
    padding: 15px 0 10px 0;
    text-align: center;
    font-weight: 700;
}

.code-des {
    color: #999;
    font-size: 12px;
    line-height: 1.8;
    padding-bottom: 15px;
    text-align: center;
}

.code-tips {
    color: #EE7700;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    /* margin-top: 15px; */
    padding: 15px 0;
}

.code-mark {
    padding-top: 10px;
    padding-bottom: 25px;
    letter-spacing: 2px;
}

.code-layout_box {
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.code-layout .inner {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.code-box {
    width: 180px;
    height: 180px;
    overflow: hidden;
}

.code-box img {
    width: 180px;
    height: 180px;
    vertical-align: middle;
}

.flex-center {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-spilt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.code-opt {
    margin-top: 15px;
}

.ico-refresh {
    width: 16px;
    height: 16px;
    background: url("../images/shuaxin.png") no-repeat center center;
    background-size: cover;
    display: inline-block;
    margin-left: 10px;
    margin-top: -4px;
    vertical-align: middle;
    position: relative;
}

.panel-content .btn-item {
    padding: 10px;
}

.typebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: url("../images/firstImage/ico_meian.png") no-repeat;
    background-size: 100% 100%;
}

.typebox.t1 {
    background: url("../images/firstImage/ico_meian.png") no-repeat;
    background-size: 100% 100%;
}

.typebox.t2 {
    background: url("../images/firstImage/ico_anxia.png") no-repeat;
    background-size: 100% 100%;
}

.typebox img {
    width: 50%;
}

.typetil {
    text-align: center;
    line-height: 2;
}

.panel-title {
    font-size: 20px;
    letter-spacing: 2px;
    padding: 40px 0;
}

.approval-box .panel-layout {
    padding: 10px;
}

.panel-layout {
    background-color: #fff;
    line-height: 1.41176471;
    overflow: hidden;
    position: relative;
}

.panel-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.panel-cell__label {
    display: block;
    width: 120px;
    word-wrap: break-word;
    word-break: break-all;

}

.panel-cell__bd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.panel-cell__value {
    color: #999;
}

.panel-opt-self {
    position: relative;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px;
}

.panel-opt-self__btn {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #576b95;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-approval-agree {
    background: #AC9576;
    color: #fff;
}

.btn-approval-refuse {
    background: #fff;
    color: #AC9576;
}

.btn-approval-agree,
.btn-approval-refuse {
    width: 80%;
    line-height: 34px;
    height: 34px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border: solid 1px #AC9576;
    display: inline-block;
    font-size: 1em;
}

.cover-status {
    position: absolute;
    top: 10%;
    right: 3%;
    z-index: 99
}

.ico-agree,
.ico-refuse {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.ico-agree {
    background: url("../images/img-pass.png") no-repeat;
    background-size: 100%
}

.ico-refuse {
    background: url("../images/img-refuse.png") no-repeat;
    background-size: 100%
}

.icon-open {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: url("../images/ico-open.png") no-repeat;
    background-size: cover;
}

.dialog-cell-hd {
    margin-top: 8px;
    background-color: #fff;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative;
}

.ico-add {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("../images/ico-add.png") no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
}

.btn-add_cell {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.dialog-cell_input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dialog-textarea {
    display: block;
    border: 0;
    resize: none;
    background: #eee;
    width: 100%;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    outline: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* 閼煎懘鍨鹃幘锟芥慨鎴旀晵濠靛喛鎷锋總绛嬪暀閹哄棴鎷烽悩鍡愬剬閳圭儐鐏愰閿嬬叞閻偀鏂侀敓鑺ユ媰楠炴椿鍠掗敓杞垮樊鐏愰妷鍛存應婵傝娇鎻掔殱閿熻В鍩楅妷鍌楁杹閿熻В鍩楅妷鍌氼劃瀹撴壕鏁楅柧棰佺畽閵夊倻琛ラ敓瑙ｅ煑椤媴楗ョ猾绂穏e */
.ifang-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ifang-content.padding {
    padding: 0 10px;
}




.code-content_hd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.code-content_bd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.code-img {
    width: 180px;
    height: 180px;
    margin-bottom: 25px;
}

.code-img img {
    width: 180px;
    height: 180px;
    vertical-align: middle;
}

.tips_text {
    font-size: 12px;
    color: #666;
    line-height: 1.8;
}

.welcome-text {
    font-size: 20px;
}


.welcome-text {
    padding: 30px 15px;
}


/* .code-des {
    padding-top: 30px;
    text-align: center;
} */

.pop-form {
    padding-bottom: 100px;
}

.pop-form .weui-cell {
    background: #fff;
    margin-top: 10px;
    padding: 10px 16px;
}

.toolbar .picker-button-l {
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.2rem;
    line-height: 2.2rem;
    color: #666;
    z-index: 99;
    padding: 0 .5rem;
    font-size: 15px;
}

.toolbar .picker-button-r {
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.2rem;
    line-height: 2.2rem;
    color: #666;
    z-index: 99;
    padding: 0 .5rem;
    font-size: 15px;
}

.inviteFormlist li {
    padding: 15px;
    border-bottom: solid 1px #efefef;
}

.inviteFormlist li .list-title_hd {
    padding-bottom: 10px;
    border-bottom: solid 1px #efefef;
}

/* .inviteFormlist li .list-title_main{
    font-size: 18px;
} */
.inviteFormlist li .list-title_main.extr {
    padding-top: 10px;
}

.inviteFormlist li .list-title_sub {
    padding-top: 5px;
    font-size: 14px;
    color: #999;
}

.inviteFormlist li .list-title-cell {
    position: relative;
}

.inviteFormlist li .list-title-cell .ico-del {
    position: absolute;
    top: 5px;
    right: 5px;
}

.ico-del {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/ico-del.png") no-repeat;
    background-size: cover;
}

/* 閼捐棄缍嶉懕娑欑毘閾忓繗灏冭箛娆掑Е閹枫垺鐨崇弧鎾诲灳绾幋鏃撴嫹閻忎紮楗ユ担璇ф嫹閻忔椿鐏庣�癸缚鎬ラ妷鍡樺礌缁傜ing */
.spinner-box {
    /* width: 300px; */
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}


.circle-border {
    width: 60px;
    height: 60px;
    padding: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: rgb(63, 249, 220);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(33%, rgba(63, 249, 220, 0.1)), to(rgba(63, 249, 220, 1)));
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
    animation: spin .8s linear 0s infinite;
    -webkit-animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.form-title-self.dialog {
    margin-top: 0;
    margin-bottom: 15px;
}

.form-key-self.dialog {
    text-align: left;
    padding: 0;
}

.form-cell-self.dialog {
    padding: 10px 0;
}

.form-cell-self.dialog .send-btn-style {
    width: 68px;
}

.ok-btn-style.sm {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

#LastAppointment {
    width: 92px;
    height: 30px;
    border: none;
    background: url("../images/img-again.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 99
}


/*閼煎懘鍨鹃幘锟界憗浣靛剬閸ㄦ冻鎷烽埈鍫嗭拷閿熻姤鎸撮敓鐣屽灅adio  */
.pro-main-title {
    font-size: 17px;
    padding: 25px;
    text-align: center
}

.pro-title {
    font-size: 16px;
}

.weui-cells_radio {
    padding: 0 25px;
}

.weui-check-radio {
    margin-bottom: 20px;
    background: #F6F7F9;
    padding: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.weui-check-radio:visited,
.weui-check-radio:active {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.weui-check-radio .weui-check__label:active {
    background: none !important;
}

.weui-cells_radio .weui-check+.weui-icon-checked {
    -webkit-mask-image: none;
    mask-image: none;
    background: url("../images/radio.png") no-repeat;
    background-size: cover;

}

.weui-cells_radio .weui-check:checked+.weui-icon-checked {
    -webkit-mask-image: none;
    mask-image: none;
    background: url("../images/radio_checked.png") no-repeat;
    background-size: cover;

}

.btn-fixed {
    width: 100%;
    display: inline-block;
    background-color: #4B4D4D;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: rgb(252, 251, 250);
    text-align: center;

}

/* 閻╂彃缍嶉幏褏灏楁惔鎰爱濮樻挸绨梽锟� */
.list-card-block {
    display: block;
}

.list-card-box {
    position: relative;
    background-color: #fff;
    margin-bottom: 12px;
}

.list-card-content__hd {
    position: relative;
    padding: 16px 16px 0 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-card-content__hd .list-card__title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

/* .list-card-content__hd:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 16px;
} */

.list-card-content__hd .span-line {
    display: block;
    width: 3px;
    height: 20px;
    background: #393939;
    margin-right: 10px;
    margin-top: 3px;
}

.list-card-content__bd {
    padding: 10px 16px;
    font-size: 14px;
    color: #333;
    line-height: 2;
}

.list-card-content__bd .list-card__label {
    float: left;
    margin-right: 1em;
    text-align: left;
    text-align-last: none;
}

.list-card-content__bd .list-card__item {
    overflow: hidden;
}

.list-card-content__bd .list-card__value {
    display: block;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
}

.list-card-content__ft {
    position: relative;
    text-align: right;
    padding: 10px 16px;
}

.list-card-content__ft::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 16px;
}

.list-card-btn {
    width: 80px;
    line-height: 34px;
    height: 34px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #4B4D4D;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0 10px;
}

.list-card-btn.disabled {
    background: #C2C2C2;
}

.meetingbox-active {
    width: 100%;
    background: url("../images/metting-list-bg.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
}

.meetingbox-active__hd {
    position: relative;
    padding: 16px 16px 0 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.meetingbox-active__hd__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.meetingbox-active_label {
    padding-left: 30px;
}

.meetingbox-active_time {
    font-family: 'PingFang SC';
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 15px;
}

.meetingbox-active__hd__item:first-child {
    padding-left: 20px;
}

.meetingbox-active__bd .meeting-des .fr {
    float: right;
}

.meetingbox-active__bd .meeting-des em {
    font-style: normal;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
}

.meetingbox-active__bd {
    padding: 0 16px 16px 16px;
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.weui-tab-brumb {
    padding: 10px 16px;
    color: #000;
    font-size: 16px;
}

.ico-place,
.ico-renshu,
.ico-renlian,
.ico-erweima {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.ico-place {

    background: url('../images/icon/ico-place.png') no-repeat;
    background-size: 100%;
}

.ico-renshu {

    background: url('../images/icon/ico-renshu.png') no-repeat;
    background-size: 100%;
}

.ico-renlian {

    background: url('../images/icon/ico-renlian.png') no-repeat;
    background-size: 100%;
}

.ico-erweima {

    background: url('../images/icon/ico-erweima.png') no-repeat;
    background-size: 100%;
}

.list-media-box {
    position: relative;
}

.weui-media-block {
    display: block;
    margin-bottom: 10px;
    background: #fff;
    padding-bottom: 16px;
}

.weui-media-block .weui-media-box {
    padding: 16px 16px 0 16px;
}

.weui-media-block:active {
    background-color: #f7f7f7;
}

.weui-media-box__desc .order-time {
    color: #666;
}

.weui-media-box__desc1 {
    padding: 0 16px;
    color: #444444;
    font-size: 14px;
    margin-top: 10px;
}

.weui-media-box__desc .desc-item {
    color: #444;
    font-size: 12px;
    margin-right: 5px;
}

.weui-media-box__desc .desc-item.extra {
    color: #999;
    font-size: 10px;
}

.meeting-detail-info {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

.meeting-detail-info .weui-media-block {
    padding-bottom: 8px;
}

.meeting-detail-info .weui-media-block .weui-media-box__title {
    margin-bottom: 5px;
    margin-top: -6px;
}

.meeting-detail-info .weui-media-block .weui-media-box_appmsg .weui-media-box__hd {
    width: 90px;
    height: 90px
}

.weui-media-block .weui-media-box__title {
    margin-bottom: 10px;
    margin-top: -8px;
}

.weui-media-box__title .txt {
    font-weight: 400;
    font-size: 17px;
    color: rgba(0, 0, 0, .9);
    width: auto;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 45%;
    vertical-align: middle;
}

.weui-media-box__title .num {
    margin-left: 15px;
    font-size: 12px;
    color: #999;
}

.weui-media-box__title .place {
    font-size: 10px;
    color: #999;
    margin-top: 5px;
}

.weui-media-box__bd .link-detail {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 100;
    color: #419FFF;
    font-size: 14px;
}

.meeting-msg-box {
    padding: 16px 16px 180px 16px;
    overflow: hidden;
    position: relative;
}

.meeting-msg-box p {
    font-size: 12px;
    color: #999;
}

.meeting-user-list {
    /* overflow: hidden; */
    margin: 0 -8px;
    position: relative;
}

.meeting-user-list li {
    float: left;
    /* width: 13%; */
    /* margin: 0 5px; */
    list-style: none;
    margin-bottom: 12px;
    margin-right: 12px;
    margin-left: 8px;
}

/* 韫囨瑧鍊濋懕顐ュ瘶閹费囧灳閿燂拷6閼煎倸缍嶉懝姊瀉rign閼煎倸缍嶉幏锟�0 */
/* .meeting-user-list li:nth-child(6n){
    margin-right: 0;
} */
.weui-cell.nopadd-bottom {
    padding-bottom: 0;
}

.meeting-user-list .meeting-user__avatar {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
}

.meeting-user-list .meeting-user__avatar .ico-delete {
    position: absolute;
    right: -8px;
    top: -5px;
    z-index: 100;
}

.meeting-user-list .meeting-user__avatar img {
    width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.meeting-user-list .meeting-user__name {
    font-size: 12px;
    text-align: center;
    line-height: 2;
    width: auto;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45px;
    vertical-align: middle;
}

.meeting-control-bar {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 500;
    background-color: #fff;
}

.meeting-control-bar .content-box {
    padding: 0 16px 16px 16px;
    overflow: hidden;
}

.meeting-control-bar .bar-btn {
    width: 100%;
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    color: rgb(252, 251, 250);
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 12px;
}

.meeting-control-bar .bar-btn.ok {
    background-color: #4B4D4D;
}

.meeting-control-bar .bar-btn.cancel {
    background-color: #FF6565;
}

.meeting-control-bar .bar-btn.noborder {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-top: 0;
}

.meeting-control-bar .mark-tips {
    font-size: 12px;
    color: #FFAA66;
    margin-top: 10px;
}

.weui-media-box__tags {
    padding: 0 16px;
    color: #444444;
    font-size: 14px;
    margin-top: 15px;
}

.weui-media-box__tags .tag-items {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    margin-right: 15px;
}

.weui-media-box__tags .tag-items i {
    width: 10px;
    height: 10px;
    display: inline-block;
    /* vertical-align: middle; */
    margin-right: 6px;
}

.weui-media-box__tags .tag-items:nth-child(1) i {
    background: #E3E3E3;
}

.weui-media-box__tags .tag-items:nth-child(2) i {
    background: #000;
}

.weui-media-box__tags .tag-items:nth-child(3) i {
    background: #FF5B45;
}

.meeting-detail-box {
    margin-top: 8px;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative;
}

.meeting-detail-box .detail-cell {
    padding: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

.detail-cell .detail-cell__hd {
    position: relative;
}

.detail-cell .detail-cell__hd::after {
    background: #F3F3F3;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 15px;
    z-index: 10;
}

.detail-cell .detail-cell__hd .time-type {
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 10;
}

.detail-cell .detail-cell__hd .time-type.type1 {
    background: #FF5B45;
}

.detail-cell .detail-cell__hd .time-type.type2 {
    background: #000;
}

.detail-cell .detail-cell__hd .time-label {
    display: block;
    width: 95px;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1;
}

.detail-cell .detail-cell__hd .time-label:nth-child(1) {
    font-size: 22px;
}

.detail-cell .detail-cell__hd .time-label:nth-child(2) {
    margin-top: 8px;
    font-size: 16px;
}

.detail-cell .detail-cell__bd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-cell .detail-cell__bd .time-desc {
    font-size: 14px;
    color: #000;
}

.detail-cell .detail-cell__bd .time-desc:nth-child(1) {
    margin-bottom: 3px;
    /* display: block; */
}


.ellipsis-1 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.ellipsis-2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.ellipsis-3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    word-wrap: break-word;
    /*闁稿繋娴囬蹇涙⒐閸喖绀嬮悹鍥хУ閸拷 URL 闁革附婢樺鍐╂交濞戞粠鏀介柟骞垮灱椤㈡垿濡撮敓锟�*/

    white-space: normal !important;
    /*缂佸矁娅ｅ▍褏鎮锝囥偦閻熸瑥鐗嗗▍鎺曠疀閻ｅ本娈�*/

}

.weui-checkMy {
    position: absolute;
    left: -9999em;
}

.weui-cells_checkbox .weui-icon-checked {
    background: url("../images/icon/checkbox_unchecked.png") no-repeat;
    background-size: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.weui-cells_checkbox .weui-checkMy.active:checked+.weui-icon-checked {
    background: url("../images/icon/checkbox_checked.png") no-repeat;
    background-size: 100%;
    -webkit-mask-image: none;
    mask-image: none;
}

.weui-cells_checkbox .weui-checkMy:disabled+.weui-icon-checked {
    background: url("../images/icon/checkbox_disabled.png") no-repeat;
    background-size: 100%;
    -webkit-mask-image: none;
    mask-image: none;
}

.weui-cells_checkbox.check-style2 .weui-icon-checked {
    background: url("../images/icon/uncheck-style2.png") no-repeat;
    background-size: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
}

.weui-cells_checkbox.check-style2 .weui-checkMy.active:checked+.weui-icon-checked {
    background: url("../images/icon/check-style2.png") no-repeat;
    background-size: 100%;
    -webkit-mask-image: none;
    mask-image: none;
}

.timeSlot_scroll {
    height: 300px;
    overflow-y: scroll;
}

#timelist .weui-cells.weui-cells_checkbox .weui-cell {
    padding: 12px 16px;
}

.toolbar .picker-button.abs-zl-btn {
    color: #333;
    left: 0;
    right: auto;
    font-size: 14px;
}

.toolbar .picker-button.abs-rl-btn {
    color: #333;
    right: 0;
    font-size: 14px;
}

.toolbar .title {
    font-size: .75rem;
}



/*濞存粓缂氶崝顖濄亹閺囩偛寮�*/
.camera-upload-bd,
.camera-upload-hd {
    background: #fff;
}

.camera-upload-hd {
    padding: 20px;
}

.camera-upload-hd .upload-title {
    font-size: 20px;
    color: #222;
    font-weight: 700;

}

.camera-upload-hd .upload-des {
    font-size: 16px;
    color: #999;
}

.camera-upload-bd .camera-msg {
    padding: 10px 10px 0 10px;
    font-weight: 700;
}

.camera-upload-bd {
    margin-top: 10px;
    padding: 0 10px;
}

.upload-img-box {
    padding: 20px 30px 10px 30px;

}

.upload-img-box .tekepic {
    height: 200px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    position: relative;
}

.upload-img-box .tekepic img {
    width: 100%;
    height: 200px;
    vertical-align: middle;
    display: inline-block;
}

.upload-none {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.upload-none .default {
    display: block;
    background: url("../images/camera/upload-default.png") no-repeat;
    width: 138px;
    height: 102px;
    background-size: 100% 100%;

}

.upload-none .upload-none-text {
    margin-top: 15px;
    color: #999;
}

.camera-imgthumb {
    padding: 10px 10px 0 10px;
}

.camera-imgthumb-text {
    font-size: 10px;
    text-align: center;
    color: #999;
    line-height: 1.8;
    margin-top: 2px;
}

.ico-error-sm,
.ico-success-sm {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
}

.ico-error-sm {
    background: url("../images/camera/ico-error-sm.png") no-repeat;
    background-size: cover;
}

.ico-success-sm {
    background: url("../images/camera/ico-success-sm.png") no-repeat;
    background-size: cover;
}

/* 闁烩晩鍠栫紞宥夊冀閿燂拷 */
.treebox {
    padding-bottom: 60px
}

#meetingTree {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

.tree-cells {
    background-color: #fff;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative;
    list-style: none;

}
.tree-cells.tree-cells-sub{
    /* display: none; */
}
.tree-cells.tree-cells-sub .weui-cell {
    padding-left: 35px;
}


.tree-cell_access:active {
    background-color: #ececec;
}

.tree-cell_access {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
}

/* .tree-cells-sub{display: none;} */


.tree-cell_access::after,
.tree-cells::after {
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: rgba(0, 0, 0, .1);
    z-index: 2;
}

.tree-ico-arrow {
    width: 20px;
    margin-right: 5px;
    display: block;
    text-align: center;
}

.tree-ico-arrow i {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;

    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

.tree-ico-arrow.down i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.head-card-avatar {
    display: inline-block;
    background: #4795F7;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 12px;
    /* font-weight: 700; */
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    vertical-align: middle;
    
}
.head-card-avatar.lg{
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
} 

.picker-calendar-day.picker-calendar-day-selected span {
    background: #37383B;
}
.weui-tab__bd-item--active{height: 100%;}
.load-content .img-full{width: 150px;}
.weui-select-modal{
    z-index: 100;
}
.weui-picker-container-visible .weui-select__overlay {
    opacity: 1;
}
.weui-select__overlay {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.weui-select__overlay, .weui-popup__container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    height: 100%;
}
.weui-prompt-input{width:100%}

.code-box_display{
    width: 110px  !important;
    height: 120px !important;
    vertical-align: middle !important;
    margin-left: 30px !important;
    margin-top: 10px !important;
}
#qrCodeDisplay{
    width: 180px;
    height: 180px;
    background: white;
    display: none;
    float: left;
    z-index: 70;
    position: absolute;
    opacity: 0.7;
}

.code-box_wancheng{
    display: block;
    width: 100px !important;
    height: 20px !important;
    margin-left: 30px !important;
    margin-top: 10px !important;
}

.uploadfile {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 102px;
    cursor: pointer;
    background: url(../images/camera/upload-default.png) no-repeat;
    width: 138px;
    height: 102px;
    background-size: 100% 100%;
}
.uploadfile.active{
    opacity: 0.1;
}
.uploadfile input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}


.box{
   position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    margin: auto;
    z-index: 99;
}
.box img.img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    margin: auto;
    z-index: 99;
}
.dist-img{
	width: 75%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
/* 公用头部样式 */
.top_return{
    position:fixed;
    top:0;
    left:0;
    background: linear-gradient(0deg, rgba(44, 45, 49, 1) 0%, rgba(16, 16, 19, 1) 100%);
    width:100%;
    padding:20px 10px;
    box-sizing:border-box;
}
.return_img{
    width:5%;
    position: absolute;
    left: 5px;
}
.manger{
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 14px;
}