body {
    
}
body {
    /***/
    --yi-hr: #ededed;
    --yi-hr-0: #ff6146;
    --yi-hr-1: #000;
    --yi-hr-2: #fff;
    --yi-hr-3: #00000025;
    --yi-hr-4: rgba(0, 0, 0, 0.5);
    /***/
    --yi-bg: #fff;
    --yi-bg-0: #ff6146; /*主*/
    --yi-bg-1: #ededed;
    --yi-BG-2: #f2f2f2;
    --yi-BG-3: #07c160;
    --yi-BG-4: #fa5151;
    --yi-bg-5: #4c4c4c;
    --yi-BG-6: #f7f7f7;
    --yi-BG-7: rgba(0, 0, 0, 0.60); /*暗影*/
    --yi-BG-8: #10aeff;
    /***/
    --yi-fg: #000;
    --yi-fg-0: #fff;
    --yi-fg-1: rgba(0, 0, 0, 0.9);
    --yi-FG-2: #ededed;
    --yi-FG-3: #ff6146;
    --yi-FG-4: rgba(0, 0, 0, 0.5);
    --yi-FG-5: #06c; /*#2997ff;*/
}
.input {
    border: none;
    background: none;
    outline: none;
    font-size: 16px;
    padding: 0;
    -webkit-appearance: none;
    width: 100%;
    height: 1.41176471em;
    line-height: 1.41176471;
}
input {
    
}
    input[type=text], input[type=password], input[type=number], input[type=search], textarea {
        border: 1px solid var(--yi-hr-4);
        font-size: 16px;
        border-radius: 4px;
        padding: 1px 3px;
    }
    input:focus, textarea:focus {
        outline-color: var(--yi-hr-0);
    }
    input[type=button]:not([class]), input[type=submit]:not([class]){
        /*因为前者优先class（会影响设置的class属性），所以在没有class属性才生效*/
        border: 1px solid #ff6146;
        color: #ff6146;
        font-size: 16px;
        border-radius: 5px;
    }
    input[type=submit][disabled] { /*设置具有disabled属性的所有提交按钮（如表示上一页下一页按钮没有状态）*/
        border-width:1px;
        font-size: 16px;
        border-radius: 5px;
    }

.but, .but-0 {
    font-size: 16px;
    font-weight: 500;
    padding: 3px 8px;
    box-sizing: border-box;
    border-radius: 5px;
    line-height: calc((32 - 10) / 16);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0); /*去除ios点击时背景*/
    -webkit-user-select: none;
    user-select: none; /*选择文本*/
    border: none;
    appearance: none;
    -webkit-appearance: none; /*去除原生样式，主要对input按钮*/
    color: #fff;
    background-color: #ff6146;
}
.but-0 {
    background: none;
    border: 1px solid #ff6146;
    color: #ff6146;
    padding: 2px 8px;
}
    .but-0:link, .but-0:active, .but-0:hover { /*去除伪样式（主要a标签）*/
        color: #ff6146;
    }  

.demo {
    background:#ffffff;
    padding:12px;
    border-radius:5px;
    margin-bottom:10px;
}
.biaoti, .biaoti-2, .biaoti-3, .page-biaoti-2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.biaoti-2, .page-biaoti-2 {
    font-size: 18px;
}
.biaoti-3 {
    font-size: 16px;
}
.tishi {
    color:#00000060;
}
.list {
    margin-top:8px;
}
.list-text {
    margin-right: 16px;
    color: #00000060;
}
.list-value {
}
.xingshi {
    line-height: 1.4;
    margin-right:8px;
}
.xingshi-se, .xingshiziti {
    background: #ff6146;
    color: #ffffff;
    font-size: 20px;
    border-radius: 4px;
    padding: 2px 4px;
}
.page-biaoti-2 {
    font-size:20px;
    margin:8px 0;
}
.page-nav-l {
    padding:8px 0;
    background-color: var(--yi-bg);
    border-radius:5px;
}
.page-nav-bt {
    margin: 8px 10px;
    font-size:18px;
    font-weight:600;
}
.page-nav-but, .page-nav-but-to {
    padding:10px;
}
.page-nav-but-to {
    background-color: var(--yi-bg-0);
    color: var(--yi-fg-0);
}
.page-nav-r {
}
.hr-top, .hr-bot {
    position: relative;
}
    .hr-bot::after, .hr-top::before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        /*height: 1px;*/
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 2;
    }
    .hr-bot::after { /*底部*/
        bottom: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .hr-top::before { /*顶部*/
        top: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
/*客服*/
.kefu_caidan {
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.15);
}
    .kefu_caidan img {
        width: 30px;
        height: 30px;
        margin-bottom:5px;
    }
.kefu_caidan_list, .kefu_caidan_listck {
    font-size: 12px;
    padding: 10px;
    border: 1px solid #eee;
}
.kefu_caidan_listck {
    background: #ff6146;
    color:#fff;
}
.kefu_neirong {
    background: #fff;
    border-radius: 8px;
    max-height: 80%;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.2);
}
.click {
    cursor: pointer; /*鼠标停留图标=手掌*/
}
/*一个黑色X ,底部弹窗用*/
.error, .error-0 {
    height: 17px;
    width: 17px;
    position: relative;
    display: inline-block;
    cursor: pointer; /*鼠标停留图标=手掌*/
    overflow: hidden; /*剪切溢出内容*/
}
.error-0 {
    height: 22px;
    width: 22px;
}

    .error:after, .error:before, .error-0:after, .error-0:before { /*样式（颜色、宽度）*/
        height: 1px;
        background: #000;
        position: absolute;
        content: "";
        width: 90%;
        top: 48%;
        left: 5%;
    }
    .error-0:after, .error-0:before { /*样式（颜色、宽度）*/
        height: 1.5px;
        background: #ff6146;
    }
    .close:after, .close-0:after, .error:after, .error-0:after { /*前添加的内容旋转*/  
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    .close:before, .close-0:before, .error:before, .error-0:before { /*后添加*/
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

/*弹性布局（默认横排）*/
.flex {
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    flex-direction: row;
}

    .flex [style*="flex:1"] {
        word-wrap: break-word; /*连接词断行*/
        min-width: 1px;
    }

.flex1, .flex-box-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-row { /*(横向)*/
    -webkit-box-align: center; /*垂直居中*/
    -webkit-align-items: center;
    align-items: center;
}

.flex-col { /*竖向排列*/
    box-sizing: border-box;
    -webkit-box-orient: vertical; /*从顶向下排*/
    -webkit-box-direction: normal; /*默认方向显示子元素*/
    -webkit-flex-direction: column; /*作为列，垂直地显示弹性项目。*/
    flex-direction: column;
}
.grid, .page-grid { /**/
    display: -moz-grid;
    display: -ms-grid;
    display: -webkit-box;
    display: -webkit-flex;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 8px 10px;
}
.grid-col-2 {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 8px 10px;
}
.grid-col-3 {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 8px 10px;
}
.grid-col-4 {
    grid-template-columns: repeat(4,1fr);
    grid-gap: 8px 10px;
}
.page-grid-1 {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 8px 10px;
}
.page-grid-2 {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 8px 10px;
}
.grid-item, .page-grid-item {
    background: #fff;
    background: var(--yi-bg);
    padding: 10px;
}
.page-grid-item {
}
    .page-grid-item + .page-grid-item {
        margin-top: 14px;
    }
/*录入的弹窗*/
.tanwin-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.60);
}
.tanwin-page {
    position: fixed;
    z-index: 600;
    font-size: 16px;
    min-width: 20%;
    max-width: 80%;
    min-height: 20%;
    max-height: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    
}
.tanwin-hd {
    font-size:20px;
    font-weight:600;
}
.tanwin-bd {
    min-height: 0;
    overflow-y: auto;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-overflow-scrolling: touch;
}
.tanwin-ft {
}
.tanwin-close {
    cursor: default;
}
.tanwin-but-yes, .tanwin-but-no {
    display: inline-block;
    padding: 4px 12px;
    font-weight: 600;
    border-radius: 5px;
    background: #ff6146;
    color: #fff;
    margin: 8px;
    cursor:default;
}
.tanwin-but-no {
    background: #ededed;
    color: #ff6146;
}