/* 通用CSS样式表 */
body, html { height: 100%; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent }
body { font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif, background-color:#F6F6F6, box-sizing:border-box; color: #333333; font-size: 14px; }
ul { list-style: none; margin: 0; padding: 0; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:active { color: #000; }
input:focus { outline: none; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }

/* 文字颜色 */
.txt-blue { color: #005BAC; }
.txt-black { color: #000; }
.txt-gray { color: #4A4A4A; }
.txt-purple { color: #B943D8; }
.txt-orange { color: #E65100; }
.txt-green { color: #5DA30C; }

/* 按钮 */
.btn { display: inline-block; height: 32px; line-height: 32px; padding: 0 18px; border-radius: 4px; background: #F5F5F5; color: #9B9B9B; }
.btn.big { height: 50px; line-height: 50px; font-size: 16px; }
.btn:hover, .btn:active { background-color: #f0f0f0; color: #666; }
.btn.radius { border-radius: 16px; }
.btn.big.radius { border-radius: 25px; }
.btn.btn-block { display: block; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; background: #F5F5F5; color: #9B9B9B; }
.btn.btn-block.big { height: 54px; line-height: 54px; }
.btn-block:hover, .btn-block:active { background-color: #f0f0f0; color: #666; }
.btn.btn-block.radius { border-radius: 18px; }
.btn.big.btn-block.radius { border-radius: 27px; }
.btn.blue { background-color: #177FDB; color: #fff; }
.btn.blue:hover, .btn.blue:active { background-color: #2276c0; }

/* 标签 */
.lbl { height: 24px; display: inline-block; margin-right: 2px; line-height: 24px; border-radius: 13px; border: 1px solid #999; padding: 0 10px; }
.lbl.green { border-color: #5DA30C; color: #5DA30C; }
.lbl.blue { border-color: #005BAC; color: #005BAC; }
.lbl.black { border-color: #000; color: #000; }
.lbl.gray { border-color: #4A4A4A; color: #4A4A4A; }
.lbl.purple { border-color: #B943D8; color: #B943D8; }
.lbl.orange { border-color: #E65100; color: #E65100; }

/* 表单 */
.form-big { }
.form-big .form-item { position: relative; padding-bottom: 15px; }
.form-big .form-item:last-child { padding-bottom: 0; }
.form-big .form-item input[type="text"], .form-big .form-item input[type="password"], .form-big .form-item input[type="tel"], .form-big .form-item input[type="number"] { height: 54px; background-color: #F6F6F6; color: #333; padding: 15px 20px; border: none; width: 100%; font-size: 18px; line-height: 24px; border-radius: 27px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.form-big .form-item .icon-select { position: absolute; width: 20px; height: 20px; top: 18px; right: 15px; }
.form-big .form-item .item-btn { display: inline-block; padding: 0 20px; position: absolute; color: #005BAC; font-size: 16px; height: 54px; line-height: 54px; background-color: #F6F6F6; top: 0; right: 0; border-radius: 5px 27px 27px 5px; }
.form-big .form-item .item-btn.disabled { color: #ccc; }
.form-big .form-item .item-btn:after { content: ""; position: absolute; left: 0; height: 28px; width: 1px; background-color: #EFEFEF; top: 12px; }

/* picker */
.toolbar .picker-button { color: #177FDB; }

/* 卡片视图 */
.card { position: relative; background-color: #fff; border-radius: 4px  4px  0px  0px; }
.card .header { position: relative; height: 54px; line-height: 54px; color: #333; font-size: 17px; font-weight: bold; border-bottom: 1px solid #EFEFEF; padding: 0 13px; }
.card .header .arrow { position: absolute; width: 16px; height: 16px; top: 10px; right: 16px; }
.card .body { padding: 16px; }
.card .footer { position: relative; height: 54px; line-height: 54px; color: #999; font-size: 16px; font-weight: bold; border-top: 1px solid #EFEFEF; padding: 0 13px; }

/* 搜索 */
.weui-search-bar { background-color: #fff; height: 54px; }
.weui-search-bar__box { height: 36px; background-color: #F5F5F5; border-radius: 18px; }
.weui-search-bar__label { height: 34px; line-height: 34px; text-align: left; background-color: #F5F5F5; border-radius: 18px; }
.weui-icon-clear, .weui-icon-search { font-size: 18px; }
.weui-search-bar__form { background-color: #fff; }
.weui-search-bar__form:after { border: none; }
.weui-search-bar__label .weui-icon-search { margin-right: 6px; margin-left: 9px; line-height: 34px; }
.weui-search-bar__cancel-btn { color: #333; }
.weui-search-bar__box .weui-icon-search { margin-top: -13px; }
.weui-search-bar__label span { line-height: 34px; vertical-align: baseline; }
.weui-search-bar__box .weui-search-bar__input { height: 36px; padding: 0 15px; }

/* 工具栏 */
.h_footer {
    display: flex;
    flex-direction: row;
    font-size: 0.12rem;
    width: 100%;
    height: 0.5rem;
    background-color: #f8f8f8;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /* border-top: 0.01rem solid #c0c0c0; */
}
.common_footer .bar { position: absolute; right: 0; left: 0; z-index: 10; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #fff; }
.common_footer .bar-tab { bottom: 0; width: 100%; height: 58px; padding: 0; table-layout: fixed; border-top: 1px solid #ccc; }
.common_footer .bar-tab .tab-item { position: relative; display: table-cell; width: 1%; height: 58px; color: #929292; text-align: center; vertical-align: middle; }
.common_footer .bar-tab .tab-item .icon { fill: currentColor; overflow: hidden; top: 5px; height: 24px; width: 24px; font-size: 16px; line-height: 16px; position: relative; margin-bottom: 3px; z-index: 20; }
.common_footer .bar-tab .tab-item .icon ~ .tab-label { display: block; font-size: 12px; position: relative; color: #4A4A4A; }
.common_footer .bar-tab .tab-item.active .icon ~ .tab-label { color: #005BAC; }

/* 列表样式1 */
.list1 { }
.list1 .header { position: relative; height: 50px; line-height: 50px; padding-left: 10px; position: relative; font-weight: bold; font-size: 17px; }
.list1 .header:before { content: ""; width: 4px; height: 15px; position: absolute; left: 0; top: 19px; background-color: #177FDB; border-radius: 2px; }
.list1 .header .more { position: absolute; right: 0; top: 0; width: 40px; height: 50px; text-align: right; line-height: 50px; font-size: 12px; }
.list1 ul { background-color: #fff; border-radius: 4px; padding: 0px 15px; }
.list1 ul .list-item { position: relative; border-top: 1px solid #EFEFEF; padding: 10px 0 5px 0; }
.list1 ul .list-item:first-child { border: none; }
.list1 ul .list-item .title { font-size: 16px; font-weight: bold; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list1 ul .list-item .sub-title { font-size: 13px; line-height: 1.9; color: #999; }
.list1 ul .list-item .btn-right { position: absolute; right: 0; top: 10px; }
.list1 ul .list-item .list-lbls { padding: 7px 0 4px 0; }
.list1 ul .list-item .list-lbls { margin-top: 2px; }

/* 页面容器 */
.container {
    background-color: #fff;
    /*padding: 15px; */
}
.container-margin { background-color: #fff; padding: 15px; margin: 15px; }

/* 邀请页面 */
.join { background-color: #fff; }
.join .logo { text-align: center; padding-top: 20px; }
.join .logo img { width: 200px; }
.join .class-name { font-size: 18px; font-weight: bold; text-align: center; }
.join .join-desc { text-align: center; color: rgba(17, 31, 44, .56); padding: 5px 10px; }

/* 提示面板 */
.tishi{width: 100%;height:100%;vertical-align: middle;text-align: center;background: rgba(0,0,0,.5);position: fixed;top:0;display:none;}
.tishi-con{display: inline-block;margin:0 auto;border-radius: 0.8rem;background:url(/Public/images/indexparent/tishi_bg.png)no-repeat 0 0;background-size: cover;width:70%;height:40%;margin-top:40%;text-align: center;}
.tishi-inform{height: 50%;font-size: 20px;color: #333;margin:2rem 0;}
.tishi-inform strong{font-size: 19px;color: #000000;}
.tishi-button{height: 20%;border-top: 0px solid #177FDB;line-height:100%;font-size: 22px;color: #333;}