sr-iHealthApp/html/survey/css/base.css

.c-ff8b4c{color: #ff8b4c;}
.c-ffa54b{color: #ffa54b;}
.c-17b3ec{color: #17b3ec;}
.line-h2{line-height: 2;}
.flag{background-color: #eee; padding: 2px 10px; border-radius: 5px; display: inline-block;}
.flag.active{background-color: #17b3ec; color: #fff;}
.footer{position: fixed; width: 100%; bottom:0; left:0; z-index:5;}
.h50{height: 50px;}
.h40{height:40px;}
.lh40{line-height: 40px;}
.bgc-ffa54b{background-color: #ffa54b;}
.bgc-ff4c4c{background-color: #ff4c4c;}
.bgc-17b3ec{background-color: #17b3ec;}
.bgc-19d5c5{background-color: #19d5c5;}
.link-row{
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
}
.link-row a{
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.arrow-r:after{
    right: 15px;
    content: '\e583';
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
}
.icon-checkbox{position: relative;}
.icon-checkbox[type=checkbox]:before,
.icon-checkbox[type=radio]:before{
    content: '\e411';
    font-family: Muiicons;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #e1e1e1;
    border-radius: 0;
    background: 0 0;
    -webkit-font-smoothing: antialiased;
}
.icon-checkbox[type=checkbox]:checked:before,
.icon-checkbox[type=radio]:checked:before{
    content: '\e442';
    color: #17B3EC;
}
.icon-checkbox[type=checkbox]:disabled:before{
    content: '\e442'; color: #e1e1e1;
}
.question input[type=text]{border:none; border-bottom: 1px solid #e1e1e1; margin-bottom:0;}
.edit-div{
    max-height: 100px;
    padding: 10px;
    min-height: 32px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-select: auto;
    user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
}
.c-btn-17b3ec {
    background-color: #17b3ec;
}
.c-table td.t-left{text-align: left; padding: 10px;}
.arrow-div{height: 7px; width:24px; display: inline-block;}
.arrow-div .ui-arrow{border-width: 6px;}
.arrow-div .ui-arrow-t{position: absolute; bottom:0; left:0;}
.arrow-div .ui-arrow-b{position: absolute; top:0; right:0;}
.arrow-div .ui-arrow-t:empty {
    border-bottom-color: #fff;
}
.arrow-div .ui-arrow-t.active:empty{
    border-bottom-color: #ffa54b;
}
.arrow-div .ui-arrow-b:empty {
    border-top-color: #fff;
}
.arrow-div .ui-arrow-b.active:empty{
    border-top-color: #ffa54b;
}
.search-bar{height:30px; line-height: 30px;}
.mb65{margin-bottom:65px;}
.sel-group{
    position: fixed;
    top: 45px;
    right: 10px;
    width: 163px;
    height: 190px;
    z-index: 11;
    background: url(../images/tanchuang_icon.png) no-repeat;
    background-size: 100% 100%;
    display: none;
}
.sel-group li{
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #323232;
    margin-left: 2px;
    border-bottom: 1px solid #f2f4f6;
}
.sel-group li:first-child{
    margin-top: 10px;
}
.sel-group li:last-child{
    border-bottom: none;
}
.lin-mask{
    position: fixed;
    top: 45px;
    height: 100%;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    background-color: rgba(0,0,0,0.5);
}

.border-17b3ec{border: 1px solid #17b3ec;}
.align-v-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
input[type=text].title-input{border:none; margin:0;}
.c-table .option td,
.c-table .no-border td{border: none;}
input[type=text].gray-input{margin-bottom:0; border:none; background-color:#f2f4f6; padding: 10px;}
.ptb2{padding: 2px 0;}
.c-table td.pl10{padding-left:10px;}
.input-group.input-border .input-group-addon{padding: 10px 15px; font-size: 18px;}
.input-group .input-group-addon + .form-control, 
.input-group .input-group-addon + .form-select{
    margin: 0;
    padding-right: 15px;
    text-align: right;
}
.ptb8{padding-top: 8px; padding-bottom:8px;}
.mb60{margin-bottom: 60px;}
.mt90{margin-top:90px;}
.flag2 {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    background-color: #eee;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    padding:0 7px;
}
.flag2.active{color: #fff; background-color: #17B3EC;}

@media screen and (max-width:400px) {
    .flag-div{min-width:calc(100%/3);}
}

@media screen and (min-width:400px) {
    .flag-div{min-width:calc(100%/4);}
}
.new-panel{height: 70px; border: 1px dotted #e1e1e1; line-height:70px;}
.new-panel img{vertical-align: middle; margin-bottom: 7px;}
.j-text-ellipsis em { color: #23AFFF; }
.del-icon{position: absolute; width: 20px; height:24px; top:10px; right: 10px;}