.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #DF2126;
}
.content-block {
    margin:0;
    margin-bottom:0.65rem;
}



.item-inner .open-popup:active .item-title,.item-inner .open-popup:active .item-input{ background-color:#ff0000; }

.list-block .item-media + .item-inner {
    margin-left: .25rem;
}

.icon.icon-form-name {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-name1.png");
}

.icon.icon-form-name2 {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-name2.png");
    margin-right:0.5rem;
    display:none;
}

.icon.icon-jt {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/jt.png");
    margin-right:0.5rem;
}

.icon.icon-form-name3 {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-name3_1.png");
}

.icon.icon-form-nameyi {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-namexue.png");
}
.icon.icon-form-name4 {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-name4.png");
}
.icon.icon-form-name5 {
    width: 1.45rem;
    height: 1.45rem;
    background-image: url("../images/i-form-name5.png");
}


.list-block .item-title.label {
    width: 0%;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 4px 0;
}


.list-block ul::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 0px;
    width: 100%;
    background-color: #e7e7e7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;

}

.list-block ul::after {

    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 0px;
    width: 100%;
    background-color: #e7e7e7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;

}

.list-block li {

    padding-top:0.1rem;
    padding-bottom:0.1rem;



}

.list-block .item-title.label {
    width: 0;
    margin: 0;
}

.button.button-big {
    font-size: 1rem;
    height: 3rem;
    line-height: 3rem;



}
.button.button-fill.button-big {
    line-height: 3rem;

}

.list-block .item-content {
    height: 2.2rem;
}

.button{font-size: 1rem;}

.col-100{ margin:0rem; }
.shcityhtmlbox .col-33,.hyhtmlbox .col-33,.zihtmlbox .col-20,.zijshtmlbox .col-25,.zzxxhtmlbox .col-50{
    margin-bottom:0.5rem;
    background-color:#ffffff;
    padding-top:0.2rem;
    padding-bottom:0.2rem;
    border: 1px solid #e2e2e2;
}

.qmlist .row .col-25{ padding-top:0.2rem; padding-bottom:0.2rem; text-align:center; background-color:#f9f9f9;}
.qmlist .row .col-25 span{ display:block; font-size:0.7rem; padding:0px; margin:0px;}

.button2 {
    border-radius: .1rem;
}

.content{
    background: #fff;
}
.soinput  ul{
    background: #fff;
    border-radius: .3125rem;
    -webkit-box-shadow: 0 0 .3125rem rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 .3125rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .3125rem rgba(0, 0, 0, .1);

}

.flex {

    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    flex: 1;

}
.input input{ border:0; background: none; height: 1.375rem; line-height: 1.375rem; padding:1.1875rem 0;  font-size: 1rem; width: 100%;}

.layui-m-layercont{overflow:heidden;}

.zkbox .zk1{ display:block;}
.zkbox .zk2{ display:none;}

.zkbox2 .zk1{ display:none;}
.zkbox2 .zk2{ display:block;}

.layui-m-layersection{overflow: hidden;}













.login_telephone,.check_num{height:2.5rem;position:relative;border:0.05rem solid #ededed;}
.login_telephone input,.check_num .msg_text {
    width:100%;

    height: 1.35rem; line-height: 1.25rem; padding:1.25rem 0; font-size: 0.8rem;
    padding-left:2.75rem;
    box-sizing:border-box;
}

.login_telephone img{position:absolute;left:0.8rem;top:0.55rem;z-index:1;}

.check_num {
    position:relative;
    margin-top:1rem;
}

.check_num img {
    position:absolute;
    left:0.8rem;
    top:0.55rem;
    z-index:1;
}

.check_num .get_num {
    position:absolute;
    right:-0.05rem;
    top:-0.05rem;
    display:inline-block;
    border:none;
    width:6rem;
    height:2.6rem;
    font-size:0.8rem;
    line-height:2.6rem;
    text-align:center;
    -webkit-border-radius:0rem;
    border-radius:0rem;
    background:#DF2126;
    color:#fff;
    cursor:pointer;
}

.login_btn input {
    width:100%;
    height:2.6rem;
    line-height:2.6rem;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#DF2126;
    color:#fff;
    font-size:1rem;
    border:none;
    margin-top:1rem;
    margin-bottom:1rem;
    cursor:pointer
}

.box-shadow {
    box-shadow: 0 0px 0.5rem #ccc;
}

input, textarea, button {
    outline: none;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    border: none;
}
/*button, input, select, textarea {
    font-size: 100%;
    outline: none;
    background: transparent;
}*/
input::-ms-clear, input::-ms-reveal{display: none;}
.get_num:disabled{
    background-color:#393D49;
    cursor:default;
}



.layui-card {
    margin-bottom: 0.75rem;
    border-radius: 0.1rem;
    background-color: #fff;
    box-shadow: 0 0.05rem 0.1rem 0 rgba(0,0,0,.05);
}
.layui-card-header {
    position: relative;
    height: 2.1rem;
    line-height: 2.1rem;
    padding: 0 0.75rem;
    border-bottom: 0.05rem solid #f6f6f6;
    color: #333;
    border-radius: 0.1rem 0.1rem 0 0;
    font-size: 0.7rem;
    background-color: #fff;
}
.layui-card-body {
    position: relative;
    padding: 0.5rem 0.75rem;
    line-height: 1.2rem;
    background-color: #fff;
}

.lm{position:relative;}
.lm .didh{width:10rem; position:absolute; background-color:#000000; right:0.1rem; top:-4.15rem; z-index:20; padding:0.25rem;   display:none;-webkit-border-radius:0.15rem; border-radius:0.15rem; opacity:0.8 }
.lm .didh li{ text-align:left; color:#ffffff; background-color:#000000; font-size:0.8rem; height:1.8rem; line-height:1.8rem; padding-left:0.5rem; -webkit-border-radius:0rem; border-radius:0rem; }
.lm .didh li:hover{ background-color:#FFFF00; color:#D22128;}
.lm:hover .didh{ display:block;}

.bar-tab .tab-item .icon ~ .tab-label {

    font-size: .65rem;
    line-height:0.8rem;

}
.bar-tab {
    height:2.6rem;
}

.box1{ height:8rem; background-color:#FFFFFF; padding:0.5rem;}




.notifacation {
    position:fixed;
    left:0.2rem;
    top:0.5rem;
    z-index:998;
    width:19rem;
    height:5.1rem;
    -webkit-transition:-webkit-transform 1s ease;
    transition:-webkit-transform 1s ease;
    -o-transition:-o-transform 1s ease;
    -moz-transition:transform 1s ease,-moz-transform 1s ease;
    transition:transform 1s ease;
    transition:transform 1s ease,-webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease;
    -webkit-perspective:1000;
    -moz-perspective:1000;
    perspective:1000;
    -webkit-transform:translate3d(-130%,0,0);
    -moz-transform:translate3d(-130%,0,0);
    transform:translate3d(-130%,0,0);
    background-image:url(../images/tm_1.png);
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    -webkit-border-radius:0.25rem;
    -moz-border-radius:0.25rem;
    border-radius:0.25rem;
}


.notifacation.active {
    -webkit-transform:translate3d(0rem,0,0);
    -moz-transform:translate3d(0rem,0,0);
    transform:translate3d(0rem,0,0)
}

.absoluteRT{top:0}
.absoluteRB,.absoluteRT{position:absolute;right:0}

ul li{list-style:none;}
#FontScroll li{ font-size:0.8rem; color:#999999;height:1.5rem; line-height:1.5rem;}
#FontScroll{width:100%;height:4.5rem; overflow:Hidden;margin:0 auto;}
#FontScroll .line{text-align:center;width:100%;}
#FontScroll .fontColor span{color:red;}