.n-main {
    padding-top: 2rem;
    margin-top: 0;
}

.disabled {
    background: #dddfe2!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.bg-white {
    background-color: #fff;
}

.f10 {
    font-size: .5rem;
}

.icon-kf-d {
    display: inline-block;
    background-image: url("../images/icon-kf-detail.png");
    background-repeat: no-repeat;
    background-size: 8rem 4.5rem;
    vertical-align: middle;
    width: .9rem;
    height: .9rem;
}

.ico-kf-bm,
.ico-kf-jh,
.ico-kf-kf,
.ico-kf-fk {
    width: 1.25rem;
    height: 1.5rem;
}

.ico-kf-bm {
    background-position: -.15rem -3rem;
}

.ico-kf-jh {
    background-position: -2.35rem -2.95rem;
}

.ico-kf-kf {
    background-position: -4.6rem -2.95rem;
}

.ico-kf-fk {
    background-position: -6.45rem -2.95rem;
}

.ico-bm-tel {
    background-position: -.28rem -.24rem;
}

.ico-select {
    background-position: -1.67rem -.3rem;
}

.ico-select.selected {
    background-position: -3.25rem -.3rem;
}

.ico-s-a {
    background-position: -4.92rem -1.65rem;
}

.ico-s-b {
    background-position: -3.3rem -1.7rem;
}

.ico-hc {
    background-position: -4.8rem -.35rem;
}

.ico-zxs {
    background-position: -.27rem -1.7rem;
}

.ico-jy {
    background-position: -1.6rem -1.7rem;
}

.ico-ques {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(../images/ico-ques.png);
    margin-right: .35rem;
}

.ico-sub-name {
    width: .75rem;
    height: .95rem;
    background-image: url("../images/ico-sub-name.png");
}

.ico-bm-name,
.ico-bm-time {
    width: .8rem;
    height: .8rem;
}

.ico-bm-name {
    background-image: url("../images/ico-bm-name.png");
}

.ico-bm-time {
    background-image: url("../images/ico-bm-time.png");
}

.ico-arrowr-black {
    width: .35rem;
    height: .65rem;
    background-image: url("../images/ico-arrowr-black.png");
}

.question .list {
    background: #fff;
    padding: 0 .75rem;
}

.question h1 {
    line-height: 2.1rem;
    height: 2.1rem;
    font-size: .7rem;
    font-weight: bold;
    text-align: center;
    background: #fff;
}

.question h2 {
    padding: .55rem .4rem .55rem 1.55rem;
    line-height: 1rem;
    font-size: .7rem;
    font-weight: bold;
    border-bottom: 1px solid #e7eaf1;
    position: relative;
}

.question .item:last-child h2 {
    border-bottom: 0;
}

.question .item.current h2 {
    border-bottom: 1px solid #e7eaf1;
}

.question h2:before,
.question h2:after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    z-index: 10;
}

.question h2:before {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../images/ico-ques.png");
    left: 0;
    top: .3rem;
}

.question h2:after {
    width: .65rem;
    height: .35rem;
    background-image: url("../images/ico-arrow-gray.png");
    right: 0;
    top: 50%;
    margin-top: -.175rem;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

.question .current h2:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.question .detail {
    display: none;
    padding: .5rem .75rem;
}

.question .current .detail {
    display: block;
}

.question h3 {
    line-height: 1.25rem;
    font-size: .7rem;
    font-weight: bold;
}

.question .detail p {
    line-height: 1rem;
    font-size: .6rem;
    color: #7f8386;
    word-break: break-all;
}

.shadow-mask {
    position: fixed;
    width: 100%;
    height: 2.5rem;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

/*看访团报名*/

.kft h2 {
    line-height: 2rem;
    font-size: .8rem;
    font-weight: bold;
    padding: 0 .75rem;
    background: #fff;
}

.kft .header {
    margin: .5rem 0;
    height: 2.75rem;
    padding: .35rem 0;
    border-top: 1px solid #f2c2c4;
    border-bottom: 1px solid #f2c2c4;
    background-color: #fff5ea;
    text-align: center;
    font-weight: bold;
}

.kft .header p {
    line-height: 1rem;
    height: 1rem;
}

.kft .tab,
.ztzf .tab {
    padding: 0 .75rem;
    height: 2rem;
    background: #fff;
    font-size: 0;
    overflow: hidden;
}

.kft .tab .label,
.ztzf .tab .label {
    display: inline-block;
    line-height: 2rem;
    height: 2rem;
    font-size: .7rem;
    margin-right: 1.4rem;
}

.ztzf .tab .label {
    width: 50%;
    text-align: center;
    margin-right: 0;
    overflow: hidden;
    float: left;
}

.kft .tab .current,
.ztzf .tab .current {
    color: #f55f66;
    position: relative;
    font-weight: bold;
}

.kft .tab .current:after,
.ztzf .tab .current:after {
    content: "";
    display: inline-block;
    width: .6rem;
    height: .1rem;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem;
    z-index: 20;
    background: #f55f66;
}

.bm-list {
    background: #fff;
    padding: 0 .75rem;
}

.sub-area .item-wrapper {
    background: #fff;
    padding: .75rem;
    margin-bottom: .5rem;
}

.bm-list .item-wrapper {
    padding: .75rem 0;
    border-bottom: 1px solid #e7eaf1;
}

.sub-area .item-wrapper:last-child {
    margin-bottom: 0;
}

.bm-list .item-wrapper:last-child {
    border-bottom: 0;
}

.bm-list .item {
    position: relative;
    height: 9.5rem;
    overflow: hidden;
}

.bm-list .item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}

.bm-list .item .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .4);
}

.bm-list .item .info {
    position: relative;
    z-index: 20;
    padding: 1rem .5rem 0 .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bm-list .info .c-b {
    color: #f1ad6c;
    font-size: .65rem;
}

.bm-list .item .row {
    display: block;
    line-height: 1rem;
    text-align: center;
    color: #fff;
}

.bm-list .item .row-b {
    line-height: .75rem;
}

.bm-list .btn-bm {
    display: block;
    width: 6.25rem;
    height: 2rem;
    margin: .5rem auto;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #f5464c;
    background: -webkit-linear-gradient(right, #f66f45, #f5464c);
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-box-shadow: 0 0.2rem 0.4rem rgba(245, 70, 76, .2);
    box-shadow: 0 0.2rem 0.4rem rgba(245, 70, 76, .2);
}

/*sub-area*/
.sub-area .pic {
    position: relative;
    height: 6.425rem;
    overflow: hidden;
}

.sub-area .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-area .pic .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .4);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .95rem;
    color: #fff;
    font-weight: bold;
    font-size: .75rem;
}


.sub-area .pic .info .tx-ellipsis {
    width: 100%;
    text-align: center;
}

.sub-area .digest {
    padding: .5rem;
    border-right: 1px solid #e7eaf1;
    border-bottom: 1px solid #e7eaf1;
    border-left: 1px solid #e7eaf1;
    border-radius: 0 0 .2rem .2rem;
    line-height: 1.25rem;
    color: #7f8386;
    overflow: hidden;
}

.sub-area .digest .ico-arrowr-black {
    float: right;
    margin-top: .3rem;
}

.sub-area .more-news {
    color: #141414;
    line-height: 1.25rem;
}

/*kf-detail*/
/*.kf-detail {
    padding-bottom: 2.5rem;
}*/

.kf-detail h1 {
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: .8rem;
    font-weight: bold;

}

.kf-detail .team {
    background: #fff;
    padding: 0 .75rem .75rem .75rem;
}

.kf-detail .team .radio-box {
    display: inline-block;
    position: relative;
}

.kf-detail .team .radio-i {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.kf-detail .team .radio-box .icon {
    width: .9rem;
    height: .9rem;
    background-image: url("../images/ico-nselect.png");
    background-size: .7rem .7rem;
    background-position: 0.1rem 0rem;
}

.kf-detail .radio-box input:checked + .icon {
    background-image: url("../images/ico-selected.png");
}

.kf-detail .t-bm {
    /*height: 12.35rem;*/
    height: 14.35rem;
    position: relative;
    overflow: hidden;
}

.kf-detail .t-bm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kf-detail .t-bm .info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem 1.25rem 0 1.25rem;
    color: #fff;
}

.kf-detail .t-bm .info .row {
    display: block;
    line-height: 1rem;
    color: #fff;
}

.kf-detail .t-bm .info .btn-bm {
    display: block;
    width: 6.25rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #f5464c;
    background: -webkit-linear-gradient(right, #f66f45, #f5464c);
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-box-shadow: 0 0.2rem 0.4rem rgba(245, 70, 76, .2);
    box-shadow: 0 0.2rem 0.4rem rgba(245, 70, 76, .2);
}

.kf-detail .t-bm .info .row-b {
    line-height: .75rem;
}

/*.kf-detail .t-bm .info .row-c {
    line-height: 1.6rem;
}*/

.kf-detail .t-bm .info .row-d {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2rem;
}

.kf-detail .t-bm .input-tel {
    width: 10.75rem;
    vertical-align: middle;
    line-height: 1.45rem;
    border: 1px solid #948f90;
    background: #dfe1e4;
    background: linear-gradient(to right, #dddee1, #dfe1e4);
    -webkit-border-radius: .15rem;
    border-radius: .15rem;
    text-indent: .5rem;
    font-size: .6rem;
    color: #141414;
}

.kf-detail .t-bm .btn-get-code {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-size: .6rem;
    color: #f55f66;
    line-height: 1.45rem;
    background: transparent;
    padding: 0 .5rem;
}

.kf-detail .t-bm .input-tel::-webkit-input-placeholder {
    color: #7f8386;
}

.kf-detail .t-bm .info .c-b {
    color: #f1ad6c;
    font-size: .65rem;
}

.kf-detail .team .box {
    border-left: 1px solid #b5b8ba;
    border-right: 1px solid #b5b8ba;
    border-bottom: 1px solid #b5b8ba;
    -webkit-border-radius: 0 0 .15rem .15rem;
    border-radius: 0 0 .15rem .15rem;
    padding: .5rem;
    text-align: center;
    font-size: .6rem;
}

.kf-detail .team .box p {
    line-height: .8rem;
}

.kf-detail .schedule {
    background: #fff;
    padding: .7rem .75rem 1rem .75rem;
}

.kf-detail .schedule h2 {
    font-size: .7rem;
    margin: .3rem 0;
}

.kf-detail .schedule h2 > i {
    margin-right: .75rem;
}

.kf-detail .schedule .box {
    padding: .25rem 0 .75rem 1rem;
    position: relative;
    word-break: break-all;
    overflow: hidden;
}

.kf-detail .schedule .box:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    border-left: 1px solid #dddfe2;
    position: absolute;
    left: .4rem;
    top: 0;
}

.kf-detail .schedule .item:last-child .box:before {
    display: none;
}

.kf-detail .schedule .gray {
    font-size: .6rem;
    color: #7f8386;
}

.kf-detail .schedule .img {
    width: 4.25rem;
    height: 3.7rem;
    overflow: hidden;
    border-radius: .15rem;
    float: left;
}

.kf-detail .schedule .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kf-detail .schedule .msg {
    height: 3.7rem;
    overflow: hidden;
}

.kf-detail .schedule .name {
    overflow: hidden;
}

.kf-detail .schedule .name span {
    display: inline-block;
    width: 50%;
    float: left;
    line-height: 1rem;
    font-size: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kf-detail .schedule .name .c-b {
    font-size: .6rem;
    font-weight: bold;
    float: right;
    text-align: right;
}

.kf-detail .schedule .labels {
    overflow: auto;
    white-space: nowrap;
}

.kf-detail .schedule .labels span {
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .25rem;
    border-radius: .1rem;
    background: #fff5ea;
    color: #f1ad6c;
    font-size: .5rem;
}

.kf-detail .rule {
    background: #fff;
    padding: 1rem .75rem 3.5rem .75rem;
}

.kf-detail .rule .labels {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    margin: 1rem 0 .75rem 0;
}

.kf-detail .rule .labels .line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 0;
    border-top: 1px solid #e7eaf1;
    margin-top: -1.1rem;
}

.kf-detail .rule .labels .item {
    font-size: .65rem;
    width: 2rem;
    height: 2.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
}

.kf-detail .rule .labels p {
    margin-top: .2rem;
    text-align: center;
}

.kf-detail .rule .row,
.kf-detail .rule-wrap p {
    line-height: 1.25rem;
    font-size: .65rem;
    color: #7f8386;
}

.fix-foot {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.fix-foot .btn-ljbm,
.kf-detail .btn-ljbm {
    width: 100%;
    height: 2.45rem;
    line-height: 2.45rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f5464c;
    background: -webkit-linear-gradient(right, #f66f45, #f5464c);
    background: linear-gradient(to left, #f66f45, #f5464c);
}