body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    background: #ffffff;
}


.border-bottom {
    border-bottom: 1px solid #d9d9d9 !important;
}

.demos-title {
    text-align: center;
    font-size: 28px;
    color: #000000;
    font-weight: 400;
    margin: 0 15%;
}

.demos-sub-title {
    text-align: center;
    color: #888;
    font-size: 14px;
}

.demos-header {
    padding: 35px 0;
}

.demos-content-padded {
    padding: 15px;
}

.demos-ewm {
    margin: 15px;
    text-align: center;
}

    .demos-ewm img {
        margin: 10px auto;
    }

.demos-second-title {
    text-align: center;
    font-size: 24px;
    color: #3cc51f;
    font-weight: 400;
    margin: 0 15%;
}

footer {
    text-align: center;
    font-size: 14px;
    padding: 0;
}

    footer a {
        color: #747474;
        text-decoration: none;
    }

.page__bd, .weui-tab__bd {
    background: #fff;
}

.weui-cell__hd img {
    width: 50px;
    margin-right: 5px;
}

.weui-cell_access .weui-cell__hd img {
    width: 20px;
    margin-right: 5px;
}

.weui-cell_cards {
    margin: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
}

    .weui-cell_cards:active {
        background-color: #ECECEC;
    }

    .weui-cell_cards .card_box {
        width: 100%;
        position: relative;
    }

        .weui-cell_cards .card_box img {
            border-radius: 10px;
            width: 100%;
            box-shadow: 5px 5px 5px #888888;
        }

        .weui-cell_cards .card_box .cardno, .weui-cell_cards .card_box .cardtype, .weui-cell_cards .card_box .cardinfo {
            position: absolute;
            z-index: 9;
        }

    .weui-cell_cards .card_01 .cardno {
        top: 20px;
        right: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }

    .weui-cell_cards .card_01 .cardtype {
        top: 50%;
        left: 0;
        margin-top: -18px;
        line-height: 36px;
        font-size: 36px;
        font-weight: bold;
        color: #ffffff;
        width: 100%;
        text-align: center;
    }

    .weui-cell_cards .card_01 .cardinfo {
        bottom: 20px;
        right: 20px;
        font-size: 14px;
        color: #ffffff;
    }

    .weui-cell_cards .card_02 .cardno {
        top: 20px;
        left: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }

    .weui-cell_cards .card_02 .cardtype {
        top: 50%;
        left: 0;
        margin-top: -18px;
        line-height: 36px;
        font-size: 36px;
        font-weight: bold;
        color: #ffffff;
        width: 100%;
        text-align: center;
    }

    .weui-cell_cards .card_02 .cardinfo {
        top: 20px;
        right: 20px;
        font-size: 14px;
        color: #ffffff;
    }

    .weui-cell_cards .card_03 .cardno {
        top: 20px;
        left: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #bb2f5d;
    }

    .weui-cell_cards .card_03 .cardtype {
        top: 50%;
        left: 0;
        margin-top: -18px;
        line-height: 36px;
        font-size: 36px;
        font-weight: bold;
        color: #bb2f5d;
        width: 100%;
        text-align: center;
    }

    .weui-cell_cards .card_03 .cardinfo {
        bottom: 20px;
        right: 20px;
        font-size: 14px;
        color: #ffffff;
    }

    .weui-cell_cards .card_04 .cardno {
        top: 20px;
        left: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }

    .weui-cell_cards .card_04 .cardtype {
        top: 50%;
        left: 0;
        margin-top: -18px;
        line-height: 36px;
        font-size: 36px;
        font-weight: bold;
        color: #ffffff;
        width: 100%;
        text-align: center;
    }

    .weui-cell_cards .card_04 .cardinfo {
        bottom: 20px;
        right: 20px;
        font-size: 14px;
        color: #ffffff;
    }

.weui-cell_info, .weui-cell_list {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
}

    .weui-cell_info:active, .weui-cell_list:active {
        background-color: #ECECEC;
    }

    .weui-cell_info .weui-cell__ft, .weui-cell_list .weui-cell__ft {
        padding-right: 13px;
        position: relative;
    }

        .weui-cell_info .weui-cell__ft:after, .weui-cell_list .weui-cell__ft:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #C8C8CD;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 2px;
        }

    .weui-cell_info .weui-cell__hd img {
        width: 60px;
        height: 60px;
        margin-right: 5px;
    }

    .weui-cell_list .weui-cell__hd img {
        width: 60px;
        height: 50px;
        margin-right: 5px;
    }

.weui-cells__all {
    background: #caffe4;
    padding: 15px 5px;
    color: #555555;
    font-size: 18px;
}

    .weui-cells__all + .weui-cells {
        margin-top: 0;
    }

.weui-cells__tab {
    background: #eee;
    padding: 15px;
    color: #555555;
    font-size: 18px;
}

    .weui-cells__tab + .weui-cells {
        margin-top: 0;
    }

.weui-cell__tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .weui-cell__tab:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        color: #D9D9D9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        left: 15px;
    }


.toolbars {
    position: fixed;
    width: 100%;
    font-size: .85rem;
    line-height: 1.5;
    color: #ffffff;
    background: #40c1c7;
    top: 0;
    left: 0;
    z-index: 999;
}

    .toolbars:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
        height: 1px;
        width: 100%;
        background-color: #000000;
        display: block;
        z-index: 15;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .toolbars:before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .toolbars:before {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.toolbar_block {
    width: 100%;
    display: block;
    height: 40px;
}

.toolbars .toolbar-inner {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
}

.toolbars .title {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background: none;
    margin: 0;
    border-radius: initial;
    height: auto;
}

        .toolbars .title .score {   color:#e4222a; 
        }
.toolbars .cancel-button {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: #555555;
    z-index: 1;
    padding: 0 .5rem;
}

.toolbars .picker-button {
    position: absolute;
    right: 0;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: #555555;
    z-index: 1;
    padding: 0 .5rem;
}

    .toolbars .picker-button span {
        font-size: .7rem;
        color: #e64340;
    }
    

footer {
    background-color: #ffffff;
    color: #747474;
    position: fixed;
    z-index:999;
    width: 100%;
    height: 36px;
    line-height: 36px;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    display: table;
    padding: 0;
}

    footer a {
        width: 20%;
        height: 36px;
        line-height: 36px;
        display: table-cell;
        font-size: 12px;
        color: #747474;
        padding: 5px 0;position:relative;
    }

        footer a.cur {
            color: #da251d;
           
        }

        footer a.orange {
            color: #ff6000;
        }

 

    footer i {
        display: block;
        margin: 0 auto 5px auto;
        height: 24px;
        overflow: hidden;
    }

    footer span {
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }
     footer .ico_num { position:absolute;
        
        width: 20px;
        height: 20px; background:#da251d;
        line-height: 20px;
        text-align: center; color:#ffffff; border-radius:10px;  z-index:99; left:50%; top:0px; margin-left:10px;
    }

    footer a.orange i.home {
        background: url(../images/home-3.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.home {
        background: url(../images/home-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur i.home {
        background: url(../images/home-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.my {
        background: url(../images/my-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur i.my {
        background: url(../images/my-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.msg {
        background: url(../images/msg-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur i.msg {
        background: url(../images/msg-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.office {
        background: url(../images/office-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur i.office {
        background: url(../images/office-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.psc {
        background: url(../images/psc-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
        
    footer a.cur i.psc {
        background: url(../images/psc-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer i.tel-list {
        background: url(../images/tel-list-1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur i.tel-list {
        background: url(../images/tel-list-2.png) center bottom no-repeat;
        background-size: 24px 24px;
    }


    footer a .ico_Index {
        background: url(../images/ico_Index.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a .ico_photo {
        background: url(../images/ico_photo.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a .ico_Wrong {
        background: url(../images/ico_Wrong.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a .ico_CheckWrong {
        background: url(../images/ico_CheckWrong.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a .ico_Statistics {
        background: url(../images/ico_Statistics.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a .ico_my {
        background: url(../images/ico_info.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a .ico_buycar {
        background: url(../images/ico_buycar.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a .ico_select {
        background: url(../images/ico_select.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur .ico_Index {
        background: url(../images/ico_Index_cur.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    
    footer a.cur .ico_photo {
        background: url(../images/ico_photo1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a.cur .ico_Wrong {
        background: url(../images/ico_Wrong1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur .ico_CheckWrong {
        background: url(../images/ico_CheckWrong1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur .ico_Statistics {
        background: url(../images/ico_Statistics1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    footer a.cur .ico_my {
        background: url(../images/ico_info_cur.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a.cur .ico_buycar {
        background: url(../images/ico_buycar_cur.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    footer a.cur .ico_select {
        background: url(../images/ico_select_cur.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

   

    footer a.cur {
       
        color: #da251d;
    }

        footer a.cur span {
            color: #da251d!important;
        }

.foot_block {
    display: block;
    width: 100%;
    height: 56px;
}


.footbtn_block {
    display: block;
    width: 100%;
    height:86px;
}

.swiper-container {
    width: 100%;
}

    .swiper-container img {
        display: block;
        width: 100%;
    }

.fr0810 {
    position: absolute;
    top: -.8em;
    right: -1em;
}


.list-li {
    position: relative;
    -webkit-transform: translateX(0px);
    border-bottom: 1px solid #d9d9d9;
    height: auto;
}

    .list-li .ha-btn {
        position: absolute;
        top: 0;
        right: -80px;
        text-align: center;
        background: #f00;
        color: #fff;
        width: 80px;
        line-height: 80px;
        height: 100%;
    }

    .list-li .ha-btn2 {
        line-height: 70px;
    }

.fl {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.fr {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.floatl { float:left;
}
.floatr { float:right;
}
.returnback {
    width: 24px;
    height: 40px;
    float: left;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/ico_return.png) no-repeat left center;
    background-size: 20px 20px;
}

.Add-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/add-btn.png) no-repeat right center;
    background-size: 20px 20px;
}

.sao-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/sao.png) no-repeat right center;
    background-size: 20px 20px;
}
.photo-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/ico_photo1.png) no-repeat right center;
    background-size: 20px 20px;
}

.ewm-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/ewm.png) no-repeat right center;
    background-size: 20px 20px;
}

.plus-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/plus.png) no-repeat right center;
    background-size: 20px 20px;
}
.books-btn {
    width: 24px;
    height: 40px;
    float: right;
    margin: 2px 10px;
    border: 0px solid #44629b;
    background: url(../images/ico_Wrong1.png) no-repeat right center;
    background-size: 20px 20px;
}

.span-btn {
    /*width: 24px;*/
    height: 40px;
   
    margin: 2px 10px;
    border: 0px solid #44629b; font-size:16px; line-height:36px;
    /*background: url(../images/ico_Wrong1.png) no-repeat right center;
    background-size: 20px 20px;*/
}

.toolbar-inner .toolbar-search {
    width: 100%;
    border-radius: 15px;
    height: 30px;
    background: url(../images/search.png) no-repeat 10px center #ffffff;
    background-size: 20px 20px;
    border: none;
    margin: 5px 40px;
    padding: 0;
    padding-left: 40px;
}

    .toolbar-inner .toolbar-search input {
        background: none;
        border: none;
        display: block;
        height: 30px;
        line-height: 30px;
        color: #8b8b8c;
        width: 100%;
    }



.weui-p {
    color: #000000;
}


.title-btn {
    width: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    color: #929292;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    border: none;
    background: none;
}

.pw5 {
    width: 8%;
}
.pw20 {
    width: 17%;
}
.pw25 {
    width: 25%;
}
.pw33 {
    width: 33.333%;
}
.pw50 {
    width: 50%;
}
.pw75 {
    width: 75%;
}

.pw100 {
    width: 100%;
}
.mr10 { margin-right:10px;
}
.ml10 { margin-left:10px;
}
.color_blue {
    color: #2880d7 !important;
}

.demos-remark-title {
    color: #e64340 !important;
    text-align: left;
}

.btn-on {
    background: url(../images/btn-on.png) no-repeat left center;
    width: 40px;
    height: 35px;
    float: right;
    background-size: 18px 18px;
}

.btn-off {
    background: url(../images/btn-off.png) no-repeat left center;
    width: 40px;
    height: 35px;
    float: right;
    background-size: 18px 18px;
}

.radio-list {
}

    .radio-list .weui-cell__hd {
        display: inline-block;
        line-height: 26px;
    }

    .radio-list .weui-cell__bd {
        display: inline-block;
        line-height: 30px;
    }
/*图标*/
.ico_remark {
    background: url(../images/ico_remark_white.png) no-repeat center center;
}

.ico_area {
    background: url(../images/ico_area_gray.png) no-repeat center center;
}

.ico_school {
    background: url(../images/ico_school_gray.png) no-repeat center center;
}

.ico_grade {
    background: url(../images/ico_grade_gray.png) no-repeat center center;
}

.ico_phone {
    background: url(../images/ico_phone_gray.png) no-repeat center center;
}

.ico_name {
    background: url(../images/ico_name_gray.png) no-repeat center center;
}


.ico_class {
    background: url(../images/ico_class_gray.png) no-repeat center center;
}

.ico_message {
    background: url(../images/ico_message_gray.png) no-repeat center center;
}

.ico_school_white {
    background: url(../images/ico_school_white.png) no-repeat center center;
}
.ico_class_white {
    background: url(../images/ico_class_white.png) no-repeat center center;
}
.ico_name_white {
    background: url(../images/ico_name_white.png) no-repeat center center;
}
.ico_sex_white {
    background: url(../images/ico_sex_white.png) no-repeat center center;
}
.ico_phone_white {
    background: url(../images/ico_phone_white.png) no-repeat center center;
}

.ico_grade_white {
    background: url(../images/ico_grade_white.png) no-repeat center center;
}
/*首次登陆页*/
.remark_top {
    display: inline-table;
   
    background: #40c1c7;
    margin:0;
  width: 100%;
}

    .remark_top i {
        background-size: 25px 25px;
        width: 30px;
        height: 30px;
        display: table-cell;
    }

    .remark_top p {
        display: table-cell;
        line-height: 25px;
        color: #ffffff;
         padding: 10px;text-align:center;
    }

.step_tab {
    display: inline-table;
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
}

    .step_tab a {
        display: table-cell;
        background: url(../images/step_linebg.png) repeat-x center 32px;
    }

        .step_tab a.cur {
            display: table-cell;
            background: url(../images/step_linebg_cur.png) repeat-x center 32px;
        }

        .step_tab a .step_num {
            color: #ffffff;
            font-size: 36px;
            background: url(../images/step_bg.png) no-repeat center center;
            height: 68px;
            line-height: 68px;
            text-align: center;
        }

        .step_tab a.cur .step_num {
            color: #ffffff;
            font-size: 36px;
            background: url(../images/step_bg_cur.png) no-repeat center center;
            height: 68px;
            line-height: 68px;
            text-align: center;
        }

        .step_tab a .step_name {
            color: #c0c0c0;
            font-size: 24px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-weight: bold;
        }

        .step_tab a.cur .step_name {
            color: #6497d8;
            font-size: 24px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-weight: bold;
        }

.step1 a {
    width: 100%;
}

.step2 a {
    width: 50%;
}

.step3 a {
    width: 33.333%;
}

.step4 a {
    width: 25%;
}

.step5 a {
    width: 20%;
}

.from_box {
    margin: 0px;
    background: none; /*position:relative;*/
    padding: 10px;
}

.cell_box {
    margin: 5px auto;
    background: #ffffff;
    /*border-radius: 5px;*/
     height:40px;
    /*border: 1px #d5d5d5 solid;*/
}
.cell_box2 {
     height:90px;
}

    .cell_box .cell__hd {
        padding-right: 5px;
        /*border-right: 1px solid #d5d5d5;*/
        width: 60px;
        height: 40px;
        float: left;
        background-size: 25px 25px; background-color:#40c1c7;
    }
    .cell_box2 .cell__hd {
        height: 90px;
    }
    /*.cell_box .cell__hd i { font-size:2em; color:#9b9fab;  width:25px; height:25px;
        }*/

    .cell_box .cell__bd {padding: 8px 5px;
        margin: 0 0 0 75px!important;
        font-size: 1em;
        color: #777;
        position: relative;
    }
    .cell_box .cell__bd_radio {padding: 3px 5px;
        margin: 0 0 0 75px!important;
        font-size: 1em;
        color: #777;
        position: relative;
    }

.cell_select .weui-select {
    padding-right: 30px;
}

.cell_select:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

.weui_select {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    padding: 0px;
    width: 100%;
    border: none;
    background: none;
    font-size: inherit;
    color: inherit;
    height: 1.41176471em;
    line-height: 1.41176471em;
}

.btn_box1 {
     padding: 1.17647059em 15px .3em;
}

    .btn_box1 a.weui-btn {
        width: 260px;
        font-size: 30px;
    }

.btn_box {
    margin: 1.17647059em 15px .3em; position:relative;
}

    .btn_box a.weui-btn {
        width: 45%;
        font-size: 30px; margin:0;
    }
  
    /*拍摄*/
.phones_float { position:fixed; bottom:0; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747;
}
    .phones_float .phones_menu {display: table; width:100%;height: 36px;
    }
  .phones_float  .phones_menu a {
        width: 20%;
        height: 36px;
        line-height: 36px;
        display: table-cell;
        font-size: 12px;
        color: #747474;
        padding: 5px 0;
    }

        .phones_menu a.cur {
            color: #ffffff;
            background: #40c1c7;
        }
        
    .phones_menu i {
        display: block;
        margin: 0 auto 5px auto;
        height: 24px;
        overflow: hidden;
    }

   .phones_menu span {
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }
   
    .phones_menu a .ico_listmanage {
        background: url(../images/ico_listmanage.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    .phones_menu a.cur .ico_listmanage {
        background: url(../images/ico_listmanage1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

    .phones_menu a .ico_photolist {
        background: url(../images/ico_photolist.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    .phones_menu a.cur .ico_photolist {
        background: url(../images/ico_photolist1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }

     .phones_menu a .ico_list {
        background: url(../images/ico_Statistics.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
     .phones_menu a.cur .ico_list {
        background: url(../images/ico_Statistics1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    .phones_menu a .ico_my {
        background: url(../images/ico_my.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
    .phones_menu a.cur .ico_my {
        background: url(../images/ico_my1.png) center bottom no-repeat;
        background-size: 24px 24px;
    }
.phones_box{ position:absolute;top:-20px; left:50%; margin-left:-30px;
     padding:0 0 10px 0;  text-align:center;
    /*border-radius: 5px;*/
    /*border: 1px #d5d5d5 solid;*/
}
.phones_box img { width:60px; height:60px; border:3px solid #fff; border-radius:30px; margin:0 auto;
    }


.phones_uploader_box {
    position: relative;width:60px; height:60px;margin:0 auto;
    border-radius:60px;  border:3px solid #ffffff;box-shadow: 0 -3px 3px #474747; background:#e64340;
}

    .phones_uploader_box:after, .phones_uploader_box:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #d9d9d9;
    }

    /*.phones_uploader_box:before {
        width: 2px;
        height: 39.5px;
    }

    .phones_uploader_box:after {
        width: 39.5px;
        height: 2px;
    }*/

    .phones_uploader_box:active {
        border-color: #999;
    }

        .phones_uploader_box:active:after, .phones_uploader_box:active:before {
            background-color: #999;
        }

    .phones_uploader_box .uploader__input {
         display:block; width:60px;height:60px; position: absolute; top:0; left:0; z-index:99;opacity:0;
    }
    .phones_uploader_box .uploader {
        background: url(../images/ico_photo1.png) center center no-repeat;
        background-size: 32px 32px;  display:block; width:60px;height:56px;
    }

    /*添加照片*/

.phone_box{
     padding:0 0 10px 0;  text-align:center;
    /*border-radius: 5px;*/
    /*border: 1px #d5d5d5 solid;*/
}
.phone_box img { width:80px; height:80px; border:3px solid #fff; border-radius:40px; margin:0 auto;
    }


.phone_uploader_box {
    position: relative;width:80px; height:80px; border:3px dotted #d9d9d9; border-radius:40px; margin:0 auto;
}

    .phone_uploader_box:after, .phone_uploader_box:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #d9d9d9;
    }

    .phone_uploader_box:before {
        width: 2px;
        height: 39.5px;
    }

    .phone_uploader_box:after {
        width: 39.5px;
        height: 2px;
    }

    .phone_uploader_box:active {
        border-color: #999;
    }

        .phone_uploader_box:active:after, .phone_uploader_box:active:before {
            background-color: #999;
        }

/*切换+分页*/
.fixed_top { position: fixed; width:100%; margin:0px; display:block; background:#eeeeee;z-index:99;
}
.top_box {
    margin:10px;
    display: block;
    background: #ffffff;
    box-shadow: 1px 5px 2px #888888;
}
.fixed_top_page_block {
    width: 100%;
    display: block;
    height: 100px;
}
.fixed_top_block {
    width: 100%;
    display: block;
    height: 60px;
}
.fixed_top_2rows_block {
    width: 100%;
    display: block;
    height: 120px;
}
.fixed_top_3rows_block {
    width: 100%;
    display: block;
    height: 150px;
}
/*切换
    */
.tab_box {
    display: inline-table;
    width: 100%;
    background: #ffffff;
}

    .tab_box a {
        display: table-cell;
        border-bottom: #dcdedd 3px solid;
        padding: 5px 0;
        color: #747474;
        font-size: 20px;
        font-weight: 700;
        text-align: center; position:relative; width:50%;
    }

        .tab_box a.cur {
            display: table-cell;
            border-bottom: #40c1c7 3px solid;
            color: #40c1c7;
        }
        .tab_box a i { background:#e4222a; border-radius:10px; padding:0 1px; min-width:20px;  height:20px; text-align:center; line-height:20px; font-size:12px; font-style:normal; color:#ffffff; position:absolute; top:-5px; right:20px;
        }
/*分页*/
.page_box {
    background: #ffffff;
    padding: 5px 10px;
}

    .page_box dl {
        display: inline-table;
        width: 100%;
    }

        .page_box dl dt {
            padding: 2px;
            text-align: center;
            display: table-cell;
        }

            .page_box dl dt a {
                font-size: 14px;
                color: #c9cbca;
                padding: 5px;
                line-height: 14px;
                background: #ffffff;
                border: 1px solid #c9cbca;
                border-radius: 3px;
                min-width: 14px;
                display: block;
            }

                .page_box dl dt a.previous, .page_box dl dt a.next {
                    min-width: 28px;
                    background: #c9cbca;
                    color: #ffffff;
                }

                .page_box dl dt a.omit {
                    background: #ffffff;
                    border: 1px solid #ffffff;
                    padding: 5px 0;
                }

            .page_box dl dt.cur a {
                color: #ffffff;
                background: #40c1c7;
                border: 1px solid #40c1c7;
            }
/*日期*/
.date_box {
    background: #ffffff;
    padding: 5px 10px;
}

    .date_box dl {
        display: inline-table;
        width: 100%; padding:2px 0;
    }
    
        .date_box dl.line { border-bottom:1px solid #c9cbca;
        }
        .date_box dl dt {
            padding: 2px;
            text-align: center;
            display: table-cell;
        }

            .date_box dl dt a {
                font-size: 14px;
                color: #757575; font-weight:bold;
                line-height: 28px;
                border-radius: 28px;
               width: 28px;
                display: block;
            }

                .date_box dl dt a.previous, .date_box dl dt a.next {
                    min-width: 28px;
                   
                    color: #757575;
                }


            .date_box dl dt.cur a {
                color: #ffffff;
                background: #40c1c7;
                border: 1px solid #40c1c7;
            }

/*分类*/
.style_box {
    background: #ffffff;
    padding: 5px 10px;
}

    .style_box dl {
        display: inline-table;
        width: 100%;
    }

        .style_box dl dt {
            padding: 2px;
            text-align: center;
            display: table-cell;
        }
        .style_box dl dt.titleName { font-size:16px; color:#8b8b8b;
        }
        

            .style_box dl dt select {
                appearance:none;
-moz-appearance:none;
-webkit-appearance:none; width:100%;
                font-size: 14px;
                color: #a1a1a1;
                padding: 10px 20px 10px 10px;
                line-height: 14px;
                background: url(../images/ico_select.png) right center no-repeat #ffffff;
                background-size: 20px 20px; 
                border: 1px solid #a1a1a1;
                border-radius: 3px;
                display: block;
            }
           .style_box dl dt input[type=text] {
                
                appearance:none;
-moz-appearance:none;
-webkit-appearance:none; width:99%;
                font-size: 14px;
                color: #a1a1a1;
                padding: 8px 0;
                line-height: 14px;
                text-indent:10px;
                background-size: 16px 16px; 
                border: 1px solid #a1a1a1;
                border-radius: 3px;
               
                display: block;
        
            }
             .style_box dl dt input[type=date] {
                
                appearance:none;
-moz-appearance:none;
-webkit-appearance:none; width:99%;
                font-size: 14px;
                color: #a1a1a1;
                padding: 8px 0;
                line-height: 14px;
                text-indent:10px;
                background: url(../images/ico_date.png) 98% center no-repeat #ffffff;
                background-size: 16px 16px; 
                border: 1px solid #a1a1a1;
                border-radius: 3px;
               
                display: block;
        
            }
            .style_box dl dt a {
                font-size: 14px;
                color: #a1a1a1;
                padding: 10px 0; text-align:center;
                line-height: 14px;
                background: #ffffff;
                border: 1px solid #a1a1a1;
                border-radius: 3px;
                display: block;
            }
            .style_box dl dt a.cur {
                color: #40c1c7;
                border: 1px solid #40c1c7;
               
            }
            .style_box dl dt a.more {
                font-size: 14px;
                color: #a1a1a1;
                padding: 10px 0; text-align:center;
                line-height: 14px;
                background: #ffffff;
                border: 1px solid #ffffff;
                border-radius: 3px;
                display: block;
            }
            .style_box dl dt a.weui-btn_normal {
    background-color: #40c1c7; 
                border: 1px solid #40c1c7;color: #fff;
}

    .style_box dl dt a.weui-btn_normal:not(.weui-btn_disabled):visited {
        color: #fff;
    }

    .style_box dl dt a.weui-btn_normal:not(.weui-btn_disabled):active {
        color: hsla(0,0%,100%,.6);
        background-color: #66eaf0;
    }
/*分类table格式*/

   .style_box table {
       border:none;
        
    }
   
        .style_box table th {
            padding: 2px;
            text-align: left; border:none;font-size:16px; color:#8b8b8b;
           
        }
        .style_box table td {
            padding: 2px;
            text-align: center; border:none;
           
        }
        

            .style_box table td select {
                appearance:none;
-moz-appearance:none;
-webkit-appearance:none; width:100%;
                font-size: 14px;
                color: #a1a1a1;
                padding: 10px 20px 10px 10px;
                line-height: 14px;
                background: url(../images/ico_select.png) right center no-repeat #ffffff;
                background-size: 20px 20px; 
                border: 1px solid #a1a1a1;
                border-radius: 3px;
                display: block;
            }
                .style_box table td select.cur{border: 1px solid #40c1c7;color: #40c1c7;
                }
            .style_box table td a {
                font-size: 14px;
                color: #a1a1a1;
                padding: 10px;
                line-height: 14px;
                background: #ffffff;
                border: 1px solid #a1a1a1;
                border-radius: 3px;
                display: block;
            }
            .style_box table td a.cur {
                color: #40c1c7;
                border: 1px solid #40c1c7;
               
            }
/*选择地区*/
.select_box {
    margin:10px;
    display: block;
    background: #ffffff;
    box-shadow: 1px 5px 2px #888888;
}
    .select_box dl { margin:5px 0px;
    }
/*备注*/
.remark_box {
    margin:10px;
    display: block;
    background: #ffffff;
    box-shadow: 1px 5px 2px #888888; padding:10px; font-size:14px; color:#8b8b8b; font-weight:700;
}
/*内容*/
.body_box {
    display: block;
    margin: 10px;
    background: #ffffff;
    box-shadow: 1px 5px 2px #888888;
}

    .body_box .title_box {
        padding: 10px 10px 5px 10px;
        background: #ffffff;
    }

        .body_box .title_box p {
            border-bottom: #8b8b8b 1px solid;
        }

            .body_box .title_box p span {
                padding-top: 8px;
                color: #40c1c7;
                font-size: 12px;
                line-height: 12px;
            }

                .body_box .title_box p span.title_name {
                    padding-top: 0px;
                    color: #747474;
                    font-size: 20px;
                    line-height: 20px;
                }

    .body_box .check_list_box {
        padding: 5px 10px;
        background: #f7f7f7;
    }

        .body_box .check_list_box .check_cells {
            padding: 5px 0;
        }

            .body_box .check_list_box .check_cells .check_all {
                position: relative;
                background: #c9cbca;
                border-radius: 3px;
                font-size: 16px;
                color: #000;
                padding: 5px; display:inline-block;
            }

                .body_box .check_list_box .check_cells .check_all .inputCheck {
                    position: absolute;
                    /*height: 20px;*/
                    visibility: hidden;
                }

                    .body_box .check_list_box .check_cells .check_all .inputCheck + label {
                        display: inline-block;
                        /*height: 20px;*/
                        background: url(../images/check_all_wrong.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        padding-left: 25px;
                        font-size: 16px;
                    }

                    .body_box .check_list_box .check_cells .check_all .inputCheck:checked + label {
                       display: inline-block;
                        background: url(../images/check_all_true.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        padding-left: 25px;
                        font-size: 16px;
                    }


            .body_box .check_list_box .check_cells ul {
                padding: 5px 0;
            }

                .body_box .check_list_box .check_cells ul li {
                    display: inline-block;
                    padding: 5px 2px;
                    list-style: none;
                }

                    .body_box .check_list_box .check_cells ul li .check_true {
                        background: #40c1c7;
                        border-radius: 3px;
                        font-size: 16px;
                        height: 25px;
                        line-height: 25px;
                        padding: 0 25px 0 0px;
                        position: relative;
                    }

                        .body_box .check_list_box .check_cells ul li .check_true a {
                            font-size: 16px;
                            color: #ffffff;
                            height: 25px;
                            line-height: 25px;
                            padding: 0 10px;
                            display: block;
                            border-right: 1px solid #ffffff;
                            border-top-left-radius: 3px;
                            border-bottom-left-radius: 3px;
                        }

                            .body_box .check_list_box .check_cells ul li .check_true a.cur {
                                background: #29a2a8;
                            }

                        .body_box .check_list_box .check_cells ul li .check_true i {
                            background: url(../images/check_true.png) center center no-repeat;
                            background-size: 16px 16px;
                            width: 16px;
                            height: 16px;
                            position: absolute;
                            top: 5px;
                            right: 5px;
                        }

                    .body_box .check_list_box .check_cells ul li .check_wrong {
                        background: #e2232b;
                        border-radius: 3px;
                        font-size: 16px;
                        line-height: 25px;
                        padding: 0 25px 0 0px;
                        position: relative;
                    }

                        .body_box .check_list_box .check_cells ul li .check_wrong a {
                            font-size: 16px;
                            color: #ffffff;
                            height: 25px;
                            line-height: 25px;
                            padding: 0 10px;
                            display: block;
                            border-right: 1px solid #ffffff;
                            border-top-left-radius: 3px;
                            border-bottom-left-radius: 3px;
                        }

                            .body_box .check_list_box .check_cells ul li .check_wrong a.cur {
                                background: #a20f15;
                            }

                        .body_box .check_list_box .check_cells ul li .check_wrong i {
                            background: url(../images/check_wrong.png) center center no-repeat;
                            background-size: 16px 16px;
                            width: 16px;
                            height: 16px;
                            position: absolute;
                            top: 5px;
                            right: 5px;
                        }
    /*错题详情*/
    .body_box .details_box {
        padding: 5px 10px;
    }

        .body_box .details_box .title_name {
            display: block;
            line-height: 30px;
            font-size: 16px;
            color: #444444;
            height: 30px; font-weight:700;
        }

        .body_box .details_box .ico_WrongReason {
            background: url(../images/ico_WrongReason.png) 5px center no-repeat;
            background-size: 20px 20px;
            padding-left: 30px;
        }

        .body_box .details_box .ico_ItemContent {
            background: url(../images/ico_ItemContent.png) 5px center no-repeat;
            background-size: 20px 20px;
            padding-left: 30px;
        }

        .body_box .details_box .WrongReason_box {
            display: block;
            padding: 0 5px;
        }

            .body_box .details_box .WrongReason_box a {
                display: inline-block;
                margin: 5px;
                background: #b6b6b6;
                border-radius: 3px;
                font-size: 16px;
                color: #fff;
                padding: 2px 5px;
                min-width: 120px;
                text-align: center;
            }

                .body_box .details_box .WrongReason_box a.cur {
                    background: #e2232b;
                    font-weight: 700;
                }

        .body_box .details_box .ItemContent,questypebody .ItemContent  {
            font-size: 12px!important;
          color: #747474;
        }
        .body_box .details_box .ItemContent *,questypebody .ItemContent *  {
            font-size: 12px!important; color: #747474!important;
        }
        
            .body_box .details_box .ItemContent img {
                max-width: 280px;
            }
            .body_box .details_box .ItemContent .ItemNo {
                color:#40c1c7;
            }
        .body_box .details_box .ItemAnswer {  font-size: 12px;
          color: #747474;
        }
        
        .body_box .details_box .ItemRemark { padding:10px 0; border-top:1px dashed #b6b6b6;  font-size: 12px;
          color: #b6b6b6; margin-top:5px;
        }
 /*错题统计*/
    .body_box .Statistics_box {
        padding: 5px 10px;
    }

        .body_box .Statistics_box .title_name {
            display: block;
            line-height: 30px;
            font-size: 16px;
            color: #747474;
            height: 30px; font-weight:700; 
        }
            .body_box .Statistics_box .title_name span {border-bottom:1px #a3a3a3 solid; padding:5px 20px 5px 0px; font-weight:700; font-size: 16px;
            }
        .body_box .Statistics_box .content {
            color: #747474;
            font-size: 16px; display:block;
        }
        .body_box .Statistics_box .circle { width:100%;margin-top:5px; position:relative;
        }
        /*.body_box .Statistics_box .circle .bg{ width:100px;height:100px;  position:absolute; top:25px; left:30px; border-radius:100px; background:#40c1c7;
        }*/
        .body_box .Statistics_box .ewm { width:90px;height:90px; float:right;margin-top:5px;
        }
        .body_box .Statistics_box .ewm img{ width:90px;height:90px; 
        }
        .body_box .Statistics_box .content1 {margin:0px 170px 0px 5px!important; padding:40px 0;
        }
        .body_box .Statistics_box .content2 {margin:0px 110px 0px 5px!important; min-height:110px;
        }
        
        .body_box .Statistics_box .content .list {display:inline-block; width:45%;
        }

          .body_box .Statistics_box .Knowledge a {
                display: inline-block;
                margin: 5px;
                background: #e2232b;
                border-radius: 3px;
                font-size: 16px;
                color: #fff;
                padding: 2px 10px;
                min-width: 120px;
                text-align: center;
            }

               

.QuestionTrue { padding:5px; background-color: #e7fafb;color: #40c1c7;
            border: 1px solid #40c1c7; display:block;
}
.QuestionFalse { padding:5px; display:block;
}
.AnswerNo_select { float:left; width:15px;line-height: 25px; text-align:left; 
}
.AnswerContent_select { margin:0 0 0 25px; line-height: 25px; min-height:25px;
}
    .AnswerContent_select p { margin:0!important;
    }
.QuestionNormal {padding:5px; display:block;min-height:25px;
}

.AnswerNo_Answer { float:left; width:40px;line-height: 25px; text-align:left; 
}
.AnswerContent_Answer { margin:0 0 0 50px; line-height: 25px;min-height:25px;
}
    .AnswerContent_Answer p { margin:0!important;
    }
    .QuestionTitle img,.AnswerContent_select img,.QuestionNormal img,.AnswerContent_Answer img{ max-width:280px;
}


 /*主页*/
.index_box { padding:20px; margin:0px; background:#ffffff;
}
.index_box .title_box{  display: block;
            line-height: 30px;
            font-size: 18px; font-weight:700;
            color: #747474;
            height: 30px;
}
.index_box .books_box {
    background: #ffffff;
    position: relative;
    display: block;
    margin-bottom: 30px;
}
 /*书单*/
.buylist_box { padding:20px; margin:0px; background:#dededd;
}
.buylist_box .title_box{  display: block;
            line-height: 30px;
            font-size: 18px; font-weight:700;
            color: #747474;
            height: 30px;
}
.buylist_box .books_box {
    background: #ffffff;
    position: relative;
    display: block;
    margin-bottom: 30px;
}
/*一行3张图竖版*/
.figure-list {
    margin: 0;
    padding: 0;
}

    .figure-list:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .figure-list li {
        list-style: none; background:#ffffff;
        float: left;
        width: 32%;
        margin: 1.333% 1.333% 0 0; text-align:center; padding:10px 0; position:relative;
    }
   .figure-list  li:nth-child(3n+1){clear:left;}
    .figure-list li.cur { outline:1px solid #8b8b8c
    }
        .figure-list li .SelectFloater { display:none;
        }
        .figure-list li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:60px 60px; width:60px; height:60px;
        }
    .figure-list figure {
        position: relative;
        width: 80%;
        height: 0;
        /*overflow: hidden;*/
        margin: 0 auto;
        padding-bottom: 100%; /* 关键就在这里 */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
     .figure-list li .NumFloater {position: absolute; 
            top: 0px;
            right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
            background-size: 30px 60px;
            width:30px; height:60px; z-index:1;
        }
     .figure-list li .NumFloater1 {position: absolute; 
            top: 10px;
            right: 10px; background: url(../images/NumFloater1.png) center center no-repeat;
            background-size: 60px 60px;
            width:60px; height:60px; z-index:1;
        }
        /*.figure-list figure .NumFloater .WrongNum {width:40px; height:25px; line-height:25px; font-size:16px; color:#ffffff; text-align:center;
        }
        .figure-list figure .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
        }*/
        .figure-list figure a {
            display: block;
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
        }
        .figure-list .BookName { text-align:left; color:#747474; font-weight:700; font-size:15px; line-height:18px; padding-left:10px; margin:5px auto; position:relative;
        }
            .figure-list .BookName .repertory { position:absolute; bottom:0px; right:0px; zoom:99; background:#ffffff;
            }
        .figure-list .Source { text-align:left; color:#a1a1a1;  font-size:12px;padding-left:10px;line-height:15px; margin:5px auto;
        }
        
/*一行2张图竖版*/
.figure-list1 {
    margin: 0;
    padding: 0;
}

    .figure-list1:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .figure-list1 li {
        list-style: none;outline:1px solid #ddd;background:#ffffff;
        float: left;
        width: 48%;
        margin: 2% 2% 0 0; text-align:center; padding:10px 0; position:relative; 

    }
    
    .figure-list1 li:nth-of-type(odd) {clear:left;} /*--这是奇数行--*/

    .figure-list1 li.cur { outline:1px solid #8b8b8c;
    }
        .figure-list1 li .SelectFloater { display:none;
        }
        .figure-list1 li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
        }
        .figure-list1 li .CloseFloater { display:none;
        }
        .figure-list1 li.close .CloseFloater { display:inline-block; position:absolute; top:0; left:0;z-index:98; background:url(../images/CloseFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
        }
    .figure-list1 figure {
        position: relative;
        width: 50%;
        height: 0;
        /*overflow: hidden;*/
        margin: 0 auto;
        padding-bottom: 50%; /* 关键就在这里 */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; text-align:center; overflow:hidden;
    }
        .figure-list1 figure img {width:100%; 
        }
        .figure-list1 figure .weui-uploader__input { opacity:0; width:100%;height:100%;
        }
  
     .figure-list1 li .NumFloater {position: absolute; 
            top: 0px;
            right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
            background-size: 20px 40px;
            width:20px; height:40px; z-index:1;
        }
     .figure-list1 li .NumFloater1 {position: absolute; 
            top: 5px;
            right: 10px; background: url(../images/NumFloater1.png) center center no-repeat;
            background-size: 40px 40px;
            width:40px; height:40px; z-index:1;
        }
        /*.figure-list1 .NumFloater .WrongNum {width:40px; height:20px; line-height:20px; font-size:16px; color:#ffffff; text-align:center;
        }
        .figure-list1 .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
        }*/
        .figure-list1 figure a {
            display: block;
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
        }
        .figure-list1 .BookName { text-align:center; color:#000;  font-size:10px; line-height:18px; padding:0 10px; margin:5px auto; height:36px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; position:relative;
        }

            .figure-list1 .BookName .repertory { position:absolute; bottom:0px; right:10px; z-index:99; height:18px; line-height:18px;  display:inline-block; background:#ffffff; padding-left:20px;
            }
        .figure-list1 .Source { text-align:left; color:#000;font-weight:700;  font-size:16px;padding:0 10px;margin:5px auto;line-height:30px;height:30px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .figure-list1 .Source .OriginalPrice { display:inline-block;font-size:12px; text-decoration:line-through;color:#747474; 
            }
            
            .figure-list1 .Source a { background:url(../images/ico_buycar_cur.png) center center no-repeat;
            background-size: 30px 30px;
            width:30px; height:30px;
             float:right; margin-right:10px;
            }

            
/*一行2张图横板*/
.figure-list2 {
    margin: 0;
    padding: 0;
}

    .figure-list2:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .figure-list2 li {
        list-style: none;outline:1px solid #ddd;background:#ffffff;
        float: left;
        width: 48%;
        margin: 2% 2% 0 0; text-align:center; padding:10px 0; position:relative; 
    }
    .figure-list2 li:nth-of-type(odd) {clear:left;} /*--这是奇数行--*/

    .figure-list2 figure {
        position: relative;
        width: 90%;
        height: 0;
        /*overflow: hidden;*/
         margin: 0 auto;
        padding-bottom: 70%; /* 关键就在这里 */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .figure-list2 li.cur { outline:1px solid #8b8b8c;
    }
        .figure-list2 li .SelectFloater { display:none;
        }
        .figure-list2 li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
        }
        .figure-list2 li .CloseFloater { display:none;
        }
        .figure-list2 li.close .CloseFloater { display:inline-block; position:absolute; top:0; left:0;z-index:98; background:url(../images/CloseFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
        }
     .figure-list2 li .NumFloater {position: absolute; 
            top: 0px;
            right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
            background-size: 30px 60px;
            width:30px; height:60px; z-index:1;
        }
     .figure-list2 li .NumFloater {position: absolute; 
            top: 10px;
            right: 10px; background: url(../images/NumFloater.png) center center no-repeat;
            background-size: 60px 60px;
            width:60px; height:60px; z-index:1;
        }
        /*.figure-list2 figure .NumFloater .WrongNum {width:40px; height:25px; line-height:25px; font-size:16px; color:#ffffff; text-align:center;
        }
        .figure-list2 figure .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
        }*/
        .figure-list2 figure a {
            display: block;
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
        }
        .figure-list2 .BookName { text-align:left; color:#747474; font-weight:700; font-size:15px; line-height:18px; padding:0 10px; margin:5px auto; height:36px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
         position:relative;
        }

            .figure-list2 .BookName .repertory { position:absolute; bottom:0px; right:0px; zoom:99; background:#ffffff;
            }
        .figure-list2 .Source { text-align:left; color:#a1a1a1;  font-size:12px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }

/*背景色*/
.bg_red { background:#e6212a;
}
.bg_green { background:#40c1c7;
}
.bg_yellow { background:#d9e583;
}
.bg_blue { background:#6497d8;
}
.bg_gray { background:#b3afae;
}
/*按钮组*/
.ItemBtn { text-align:right;
}
.btn_group {appearance:none;
-moz-appearance:none;
-webkit-appearance:none; 
 max-width:100px; min-width:44px;
                font-size: 16px;
                color: #ffffff;
                padding: 0px 5px;
                line-height: 24px;
                border: none;
                border-radius: 3px;
                display:inline-block; text-align:center; margin:5px;
            }
.ItemBtn2 { text-align:left;
}
.btn_group2 {appearance:none;
-moz-appearance:none;
-webkit-appearance:none; 
 max-width:60px; min-width:44px;
                font-size: 16px;
                color: #ffffff;
                padding: 0px 2px;
                line-height: 24px;
                border: none;
                border-radius: 3px;
                display:inline-block; text-align:center; margin:2px;
            }
/*跳转列表格式*/
.cells_list { margin:0px; padding:10px 20px; display:block; background:#ffffff; 
}

.cells_dl {
    display: inline-table;
    width: 100%;
    background: #ffffff;
}

    .cells_dl a {
        display: table-cell;
        color: #5f5d5e; padding:0px;
        font-size: 20px; line-height:50px;
        font-weight: 700;
        text-align: center; position:relative; width:33%; vertical-align:middle;
    }

        .cells_dl a.mid {
            border-left: #8b8b8b 1px solid;
            border-right: #8b8b8b 1px solid;
        }
        .cells_dl a img { width:50px; height:50px; margin:0 auto; vertical-align:middle;
        }




/*练习标题*/
.Exercise_title_box {
    margin:10px;
    display: block;
    background: #ffffff;
    box-shadow: 1px 5px 2px #888888; padding:5px; font-size:18px; color:#747474; font-weight:700; text-align:center;
}
/*答案勾选*/
.Answer_radio {padding: 3px 5px;
        margin:0px!important;
        font-size: 1em;
        color: #777;
        position: relative;
    }
 
.Answer_radio_list { display:block; margin:5px 0px; 
}

    .Answer_radio_list .weui-cell__hd {
        display: inline-block;
        line-height: 26px;
    }

    .Answer_radio_list .weui-cell__bd {
        display: inline-block;
        line-height: 30px;
    }       
    
.Answer_radio_list .weui-icon-checked:before,.radio-list .weui-icon-checked:before {
    font-size: 18px!important;
}
.AnswerContent_Answer .weui-textarea { border:1px solid #8b8b8b; border-radius:5px;  padding:5px;
}

.more_show, .more_hide {display: block; cursor:pointer; margin:10px auto 0 auto;
            line-height: 30px;
            font-size: 14px;
            color: #747474; 
            height: 30px;  text-align:right; background:#eee; 
}
.more_show i{ width: 30px;display:inline-block;
            font-size: 14px;
            height: 10px;  background:url(../images/ico_show.png) no-repeat center center; background-size:16px 10px;
}
.more_hide i{width: 30px;display:inline-block;
            font-size: 14px;
            height: 10px;  background:url(../images/ico_hide.png) no-repeat center center;background-size:16px 10px;
}
.exam_Answer_box { margin-bottom:10px; padding-bottom:10px; border-bottom:solid 3px #40c1c7;
}
.exam_Answer { border:solid 1px #ccc;
}

/*一行3张照片缩略图*/
.imgresult_box {
    margin: 10px;
    padding: 0;
}

    .imgresult_box:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .imgresult_box li {
        list-style: none;
        float: left;
        width: 32%;
        margin: 1.333% 1.333% 0 0; text-align:center; padding:10px 0; position:relative;
    }
   .imgresult_box  li:nth-child(3n+1){clear:left;}
      
    .imgresult_box figure {
        position: relative;
        width: 50%;
        height: 0;
        /*overflow: hidden;outline:1px solid #8b8b8c;*/
        margin: 0 auto;
        padding-bottom: 50%; /* 关键就在这里 */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
  
    
        .imgresult_box figure a {
            display: block;
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
        }
        
        .imgresult_box .BookName { text-align:center; color:#747474; font-weight:700; font-size:15px; line-height:18px;margin:5px auto;
        }
        .imgresult_box .Source { text-align:center; color:#a1a1a1;  font-size:12px;line-height:15px; margin:5px auto;
        }


 /*上传照片页底部*/
.PhotoShoot_floatbox {display:block; position:fixed; bottom:80px; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747; 
}
.PhotoShoot_float {display: table; position:fixed; bottom:0; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747; 
}

  .PhotoShoot_float a {
        width:25%;
        height:50px;
        line-height: 50px;
        display: table-cell;
        font-size: 12px;
        color: #747474;
        padding: 5px 0; position:relative;
    }

        .PhotoShoot_float a.cur {
            color: #ffffff;
            background: #40c1c7;
        }
        
    .PhotoShoot_float i {
        display: block;
        margin: 0 auto 5px auto;
        height: 40px;
        overflow: hidden;
    }

   .PhotoShoot_float span {
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }
   
    .PhotoShoot_float a .ico_rotate {
        background: url(../images/ico_rotate.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .PhotoShoot_float a.cur .ico_rotate {
        background: url(../images/ico_rotate1.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    
   
    .PhotoShoot_float a .ico_save {
        background: url(../images/ico_save.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .PhotoShoot_float a.cur .ico_save {
        background: url(../images/ico_save1.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    
   
    .PhotoShoot_float a .ico_back {
        background: url(../images/ico_back.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .PhotoShoot_float a.cur .ico_back {
        background: url(../images/ico_back1.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .PhotoShoot_float a .ico_photo {
        background: url(../images/ico_photo.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .PhotoShoot_float a.cur .ico_photo {
        background: url(../images/ico_photo1.png) center bottom no-repeat;
        background-size: 36px 36px;
    }
    
    .PhotoShoot_float a .uploader__input {
         display:block; width:100%;height:50px; position: absolute; top:0; left:0; z-index:99;opacity:0;
    }


.check_box1 {
                position: relative;
                font-size: 16px;
                color: #000;
                padding:5px; display:block;  
            }
.check_box {
                position: relative;
                font-size: 16px;
                color: #000;
                padding: 5px; display:block;  border-bottom:1px dashed #b6b6b6;
            }

                .check_box .inputCheck,.check_box1 .inputCheck {
                    position: absolute;
                    /*height: 20px;*/
                    visibility: hidden;
                }

                    .check_box .inputCheck + label,.check_box1 .inputCheck + label {
                        display: block;
                        /*height: 20px;*/
                        background: url(../images/check_none.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        padding-left: 25px;
                        font-size: 16px;
                    }

                    .check_box .inputCheck:checked + label,.check_box1 .inputCheck:checked + label,
                     .check_box .inputCheck.checked + label,.check_box1 .inputCheck.checked + label {
                       display:block;
                        background: url(../images/check_all_true.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        padding-left: 25px;
                        font-size: 16px;
                    }
/*文本对齐*/
.t_center { text-align:center!important;
}
.t_left { text-align:left!important;
}
.t_right { text-align:right!important;
}
.v_middle { vertical-align:middle!important;
}
.v_top {  vertical-align:top!important;
}
.v_bottom {  vertical-align:bottom!important;
}


/*家校联系册*/
.ContactBookDate { text-align:center;  height:40px; color:#767676; font-size:18px;
}
.ContactBookDate dl {  margin:0 auto; display:table;
}
.ContactBookDate dl dt{   padding:0 3px; display:table-cell; 
}
    .ContactBookDate dt.ContactBookSelect {  border-bottom:1px solid #767676; 
    }
    .ContactBookDate dt.ContactBookSelect select { color:#767676; font-size:18px; border:none; background:none; height:24px; line-height:24px;
    }

.ContactBookTable { text-align:center; background:#ffffff;   color:#767676; font-size:14px; box-shadow:#767676 0px 3px 10px; width:95%; margin:0 auto; border-collapse:collapse;
}
    .ContactBookTable tr { border:none;
    }
    .ContactBookTable th { border:none; padding:2px;  color:#ffffff; font-size:14px; background:#40c1c7;
    }
    .ContactBookTable th.br {border-right:1px solid #ffffff;
    }
    .ContactBookTable td { border:none; padding:5px;  color:#767676; font-size:14px;
    }
    .ContactBookTable td.content { text-align:left;
    }
.wl { width:60px;
}
.wr { width:80px;
}
.w120 { width:120px;
}
 .ContactBookTable tr.bottomline td, .ContactBookTable td.bottomline {
    border-bottom: 2px solid #dcdcdc;
}
.ContactBookTable input { width:100%; border:1px solid #dcdcdc;font-size:14px;color:#767676; height:20px; 
}
.ContactBookTable textarea { width:100%; border:1px solid #dcdcdc;font-size:24px;color:#767676; height:100px;
}


            .ContactBookTable .check_all {
                position: relative;
                 display:inline-block;
            }

                .ContactBookTable .check_all .inputCheck {
                    position: absolute;
                    /*height: 20px;*/
                    visibility: hidden;
                }

                    .ContactBookTable .check_all .inputCheck + label {
                        display: inline-block;
                        /*height: 20px;*/
                        background: url(../images/check_all_none.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        width:20px; height:20px;
                        
                    }

                    .ContactBookTable .check_all .inputCheck:checked + label {
                       display: inline-block;
                        background: url(../images/check_all_true.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                         width:20px; height:20px;
                       
                    }

                    
.ContactBookBtn { text-align:center; width:95%; margin:10px auto;
}.ContactBookBtn dl {  margin:0 auto; display:table; width:100%
}
.ContactBookBtn dl dt{   padding:0 3px; display:table-cell; 
}



.ContactBookTable2 { text-align:center; background:#ffffff;   color:#767676; font-size:14px; box-shadow:#767676 0px 3px 10px; width:95%; margin:0 auto; border-collapse:collapse;
}
    .ContactBookTable2 tr { border:1px solid #dcdcdc;
    }
    .ContactBookTable2 th { border:none; padding:2px;  color:#ffffff; font-size:14px; background:#40c1c7;
    }
    .ContactBookTable2 th.br {border-right:1px solid #ffffff;
    }
    .ContactBookTable2 td { border:1px solid #dcdcdc; padding:5px;  color:#767676; font-size:14px;
    }

 .ContactBookTable2 tr.bottomline, .ContactBookTable2 td.bottomline {
    border-bottom: 2px solid #dcdcdc;
}
.ContactBookTable2 p { width:100%; font-size:14px;color:#767676; line-height:20px; text-align:left!important;
}
.ContactBookTable2 .textarea { font-size:24px;color:#767676; height:100px;
}.ContactBookTable2 .check_all {
                position: relative;
                 display:inline-block;
            }

                .ContactBookTable2 .check_all .inputCheck {
                    position: absolute;
                    /*height: 20px;*/
                    visibility: hidden;
                }

                    .ContactBookTable2 .check_all .inputCheck + label {
                        display: inline-block;
                        /*height: 20px;*/
                        background: url(../images/check_all_none.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                        width:20px; height:20px;
                        
                    }

                    .ContactBookTable2 .check_all .inputCheck:checked + label {
                       display: inline-block;
                        background: url(../images/check_all_true.png) left center no-repeat;
                        background-size: 20px 20px;
                        line-height: 20px;
                         width:20px; height:20px;
                       
                    }

/*课堂点名*/
.CallRoll_box {width:100%;
}
    .CallRoll_box ul {width:100%;
    }
        .CallRoll_box ul li { width:48%;margin:10px 0 0 0; display:inline-block; 
        }
            .CallRoll_box ul li a { float:right; display:block;width:96%; margin-right:0;height:70px; border-radius:10px; background:#ffffff; position:relative; overflow:hidden;
            }
                .CallRoll_box ul li a .left_box {width:60px; height:60px;  float:left; margin:5px;
                }
                    .CallRoll_box ul li a .left_box img { width:60px;height:60px; border-radius:60px; 
                    }
                    
                .CallRoll_box ul li a .right_box { height:60px;  margin:5px 5px 5px 70px;
                }
                    .CallRoll_box ul li a .right_box p { line-height:30px; color:#757575; font-size:18px;
                    }
                        .CallRoll_box ul li a .right_box p span { width:25px; height:25px; border-radius:25px;line-height:25px; font-size:12px; text-align:center; color:#ffffff; display:inline-block;margin-right:5px;
                        }
.ico_orange { background:#f08519;
}
.ico_greed { background:#d4c951;
}
.ico_blue { background:#50c7f1;
}
.ico_red { background:#ef5350;
}
.CallRoll_box ul li a .Floater { position:absolute; right:-38px; top:-4px;
     transform:rotate(45deg);
     -webkit-transform: rotate(45deg);
       color:#ffffff;font-size:12px; padding:9px 0 1px 0; width:100px; text-align:center;
}
.CallRoll_box ul li a .SignIn { background:#1f88fe;
}
.CallRoll_box ul li a .NotSignIn { background:#757575;
}
.CallRoll_box ul li a .ChangeSignIn { background:#3fc4ab;
}


.CallRoll_footer {
    background-color: #ffffff;
    color: #747474;
    position: fixed;
    z-index:99;
    width: 100%;
    line-height: 25px;
    bottom: 0;
    text-align: center;
    display:block;font-size:12px;
    padding: 10px 0; box-shadow:#000 0px -1px 10px;
}

.CallRoll_footer_block {
    display: block;
    width: 100%; 
    height: 200px;
}

.CallRoll_edit_box {
    background: #ffffff;
    padding: 5px 10px;
}

    .CallRoll_edit_box dl {
        display: inline-table;
        width: 100%;
    }

        .CallRoll_edit_box dl dt {
            padding: 2px; line-height:40px;
            text-align: center;
            display: table-cell;
        }
        .CallRoll_edit_box dl dt.titleName { font-size:16px; color:#8b8b8b; 
        }
        

        /*初始化样式*/
        .star_evaluate {
            position:relative;
            top:5px; left:0;
            width: 150px;
            height: 30px;
            background: url("../images/star_none.png") repeat-x;
            background-size: 30px 30px;
            overflow: hidden;
        }


        .star{
            background: url("../images/star_select.png") repeat-x;
            position: absolute;background-size: 30px 30px;
            z-index: 1;
            top:0; left:0;
            display: block; height:30px;
        }
.score_box {position: absolute;
            z-index: 2;
            top:0; left:0;
            display: block;
            height: 30px;
            width: 150px;
}
        .scores{
            display: inline-block;
            opacity: 0;
            height: 30px;
            width: 25px;
            cursor: pointer; margin:0; padding:0;
        }

       .star_1 {
            width: 30px;
        }

        .star_2 {
            width: 60px;
        }

        .star_3{
            width: 90px;
        }

        .star_4 {
            width: 120px;
        }

        .star_5  {
            width: 150px;
        }

        /*鼠标悬浮
        .star:hover {
            cursor: pointer;
            background: url("../images/star_select.png") repeat-x;
            background-size: 30px 30px;
            left: 0;
            z-index: 1;
        }

        .star_1:hover,.star_11:hover,.star_21:hover,.star_31:hover {
            width: 30px;
        }

        .star_2:hover,.star_12:hover,.star_22:hover,.star_32:hover  {
            width: 60px;
        }

        .star_3:hover,.star_13:hover,.star_23:hover,.star_33:hover  {
            width: 90px;
        }

        .star_4:hover,.star_14:hover,.star_24:hover,.star_34:hover  {
            width: 120px;
        }

        .star_5:hover,.star_15:hover,.star_25:hover,.star_35:hover  {
            width: 150px;
        }
*/
       

        /*选中之后
        .score:checked + .star {
            background: url("../images/star_select.png") repeat-x;
            background-size: 30px 30px;
            left: 0;
        }

        .score_1:checked + .star_1, .score_11:checked + .star_11, .score_21:checked + .star_21, .score_31:checked + .star_31 {
            width: 30px;
        }

        .score_2:checked + .star_2, .score_12:checked + .star_12, .score_22:checked + .star_22, .score_32:checked + .star_32 {
            width: 60px;
        }

        .score_3:checked + .star_3, .score_13:checked + .star_13, .score_23:checked + .star_23, .score_33:checked + .star_33 {
            width: 90px;
        }

        .score_4:checked + .star_4, .score_14:checked + .star_14, .score_24:checked + .star_24, .score_34:checked + .star_34 {
            width: 120px;
        }

        .score_5:checked + .star_5, .score_15:checked + .star_15, .score_25:checked + .star_25, .score_35:checked + .star_35 {
            width: 150px;
        }*/


      /*考勤日历*/  
.picker-calendar-day.picker-calendar-greed span {
   border:1px solid #40c1c7;
  color:#40c1c7;
}
.picker-calendar-day.picker-calendar-red span {
   border:1px solid #ef5350;
  color:#ef5350;
}
.picker-calendar-day.picker-calendar-orange span {
   border:1px solid #f08519;
  color:#f08519;
}
.picker-calendar-day.picker-calendar-gray span {
   border:1px solid #757575;
  color:#757575;
}
.picker-calendar-day.picker-calendar-greed.picker-calendar-day-today span {
  background: #40c1c7;
  color:#ffffff;
}
.picker-calendar-day.picker-calendar-red.picker-calendar-day-today span {
  background: #ef5350;
  color:#ffffff;
}
.picker-calendar-day.picker-calendar-orange.picker-calendar-day-today span {
  background: #f08519;
  color:#ffffff;
}
.picker-calendar-day.picker-calendar-gray.picker-calendar-day-today span {
  background: #757575;
  color:#ffffff;
}

.calendar-remark { background:#ffffff; padding:10px 5px; display:block; color:#757575; font-size:14px;  line-height:20px; text-align:right;
}
    .calendar-remark ul {
    }
    .calendar-remark ul li {  display:inline-block; height:20px; line-height:20px;
    }
    .calendar-remark ul li span{ float:right;  height:20px; line-height:20px; color:#757575; font-size:14px;  margin-left:5px;
    }
.calendar-remark .calendar-remark-greed i{ background: #40c1c7; width:20px; height:20px; border-radius:5px; display:inline-block;

}

.calendar-remark .calendar-remark-red i{ background: #ef5350; width:20px; height:20px; border-radius:5px;  display:inline-block;

}

.calendar-remark .calendar-remark-orange i{ background: #f08519; width:20px; height:20px; border-radius:5px; display:inline-block;

}

.calendar-remark .calendar-remark-gray i{ background: #757575; width:20px; height:20px; border-radius:5px; display:inline-block;

}

.Attendance { background:#fff; margin-top:10px; display:block; text-align:center;
}
    .Attendance .Attendance_title {padding:5px; background:#f5f8fd;margin:0px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
    }

    /*购书计划*/
      .AcquisitionPlan {
            display: block;
        }

            .AcquisitionPlan .top {
                display: block;
                height: 20px;
                line-height: 20px;
                font-size: 16px;
                color: #666666;border-bottom:1px dashed #999;
            }

                .AcquisitionPlan .top .more {
                    color: #d6d9df;
                    height: 20px;
                    line-height: 10px;
                    font-size: 30px;
                }

            .AcquisitionPlan .AcquisitionPlanBox {
                display: block;padding:10px 0;
              border-top:1px dashed #999; 
              border-bottom:1px dashed #999;
                font-size: 24px;
                color: #000;
                text-align: left;
                 background:#ffffff;
            }
                .AcquisitionPlan .AcquisitionPlanBox .titlebox { padding:10px;
                }
                    .AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar {
                        border:double 5px #747474; padding:5px; width:60px;  float:left; text-align:center;
                    }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p { font-size:14px;
                        }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p span{ font-size:26px; font-weight:700;
                        }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p strong{ font-weight:700;font-size:18px;
                        }

                    .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox { margin: 10px 0 0 100px; display:block; background:url(../images/ScheduleBG.jpg) no-repeat center  bottom; background-size:100% 5px;
                    }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo {  display:block; 
                        }
                            .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo img {border-radius:20px;  float:left; width:40px; height:40px;
                            }
                            .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info {display:block; height:40px;  background:url(../images/ico_right.png) no-repeat center right; background-size:10px 20px; padding-right:15px;margin: 0 0 0 50px; 
                            }
                            .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info p{ font-size:14px; height:20px;  line-height:16px; color:#a1a1a1;
                            }
                            .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info p.name { font-size:16px; height:20px; padding-top:5px;  font-weight:700; color:#000;
                            }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .BuySchedule { display:block; height:30px;  position:relative;
                        }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .BuySchedule span{ display:block; height:30px; font-size:16px; line-height:30px;font-weight:700;color:#000;
                        }
                        .AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox p.Schedule{ display:block; height:5px; background:#f8bc43;
                        }
        .AcquisitionPlan .booklist_title {display:block;
                height: 30px;
                line-height: 30px;
                font-size: 16px;
                color: #666666;  padding-left:40px; background:url(../images/ico_booklist.jpg) no-repeat left center; background-size:30px 30px;
        }
        
        .AcquisitionPlan .booklist li{ display:block; margin-top:10px; border:1px #767676 solid; text-align:center;
        }

            .AcquisitionPlan .booklist li img { width:60%; margin:0 auto;
            }
            .AcquisitionPlan .booklist li p {  line-height:30px; text-align:left; font-size:14px; font-weight:700; color:#777777; padding:5px;
            }

.btn { width:100%; height:50px; line-height:50px; font-size:20px; background:#f8c300; color:#000000; display:block; text-align:center; font-weight:700;
}
.login_box { padding:30px; text-align:center;
}
.logo {background:url(../images/logo.png) no-repeat left center; background-size:42px 30px; font-size:24px; text-align:left; padding-left:50px; margin:50px auto; width:120px;
}
.loginlist {
}
    .loginlist ul { width:100%;
    }
    .loginlist ul li{ width:100%; border-bottom:solid 1px #969594; color:#969594; text-align:left; height:50px;line-height:50px; margin-bottom:10px;list-style:none;  position:relative;
    }
        .loginlist ul li input { border:none; background-color:transparent;  text-indent:1em;
        }
        .login_btn { width:100%; height:50px; line-height:50px; font-size:20px; background:#dededd; color:#ffffff; display:block; text-align:center; font-weight:700;
}
.loginlist ul li .vcode { color:#777777;
}

/*书本详情*/

 .bookinfo_box { padding:20px;
                }
    .bookinfo_box .bookinfo_top { display:block; padding:10px 0; height:180px;
    }
                    .bookinfo_box .bookinfo_top img {
                        padding:10px; width:150px;   float:left; text-align:center;
                    }
                      

                    .bookinfo_box .bookinfo_top .bookinfo { margin: 20px 0 0 160px; display:block; 
                    }
                       
        .bookinfo_box .bookinfo_top .bookinfo  .BookName { text-align:left; color:#000;  font-size:18px; line-height:20px; font-weight:700; padding:0; margin:5px auto; height:40px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }         
        .bookinfo_box .bookinfo_top .bookinfo  .SecondBookName { text-align:left; color:#a1a1a1;  font-size:14px; line-height:14px; padding:0 10px; margin:5px auto; height:45px;


        }
        .bookinfo_box .bookinfo_top .bookinfo  .Source { text-align:left; color:#da251d;font-weight:700;  font-size:16px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .bookinfo_box .bookinfo_top .bookinfo  .Source .OriginalPrice { display:inline-block;font-size:14px; text-decoration:line-through;color:#747474;
            }
            
            .bookinfo_box .bookinfo_top .bookinfo  .Source i { background:url(../images/ico_buycar_cur.png) center center no-repeat;
            background-size: 20px 20px;
            width:20px; height:20px;
             float:right; margin-right:10px;
            }


            
    .bookinfo_box .bookinfo_content { display:block; padding:10px 0;
    }
        .bookinfo_box .bookinfo_content .title {text-align:left; color:#000;  font-size:14px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; height:36px;overflow:hidden;  border-bottom:solid 1px #000;

        }
        .bookinfo_box .bookinfo_content .content {text-align:left; color:#000;  font-size:12px; line-height:18px; 

        }


/*购物车*/

  .buycar_top { display:block; padding:10px 0; background:#efeeee; border-bottom:#969594 solid 1px; height:30px;
                             
    }
   .buycar_top  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center;  margin:5px 10px;
                    }
   .buycar_top  div {
                         height:20px;  float:left; text-align:left;
         font-size:18px; padding-left:10px;
                    }
   
            .buycar_top a{ 
         font-size:18px;color:#747474;
            height:20px;
             float:right; margin-right:10px;
            }
 .buycar_box { padding:5px 0;
                }
.bao {  display:block; text-align:left; height:40px;padding:0px 0px 0px 20px; border-bottom:1px solid #777;
}
  .bao  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center;   margin:10px 10px 10px 0;
                    }
  .bao  div {
                        height:40px;  float:left; text-align:left;
         font-size:18px; line-height:40px;
                    }

.bao a,.bao a:hover,.bao a:active{ color:#ffffff; font-size:14px; height:40px;   line-height:40px;  background:#da251d;  float:right;padding:0 20px; 
}
    .buycar_box .buycar_list { display:block; padding:5px 0;
    }
        .buycar_box .buycar_list ul { padding:5px 0;
        }
            .buycar_box .buycar_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:5px 20px; height:100px;
            }
                    .buycar_box .buycar_list ul li  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center; margin-top:60px;
                    }
                    .buycar_box .buycar_list ul li img {
                        padding:10px; max-height:100px;max-width:80px;   float:left; text-align:center;
                    }
                      

                    .buycar_box .buycar_list ul li .bookinfo { margin: 0px 0 0 120px; display:block; 
                    }
                       
        .buycar_box .buycar_list ul li .bookinfo  .BookName { text-align:left; color:#000;  font-size:14px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; overflow:hidden;  height:40px;

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }         
        .buycar_box .buycar_list ul li .bookinfo  .SecondBookName { text-align:left; color:#a1a1a1;  font-size:10px; line-height:14px; padding:0 10px; margin:5px auto; height:20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;
        }
        .buycar_box .buycar_list ul li .bookinfo  .Source { text-align:left; color:#da251d;font-weight:700;  font-size:16px;padding:0 10px;margin:5px auto;line-height:20px;height:20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .buycar_box .buycar_list ul li .bookinfo  .Source .num { 
         font-size:18px;color:#747474;
            height:30px;
             float:right; margin-right:10px;
            }
            .buycar_box .buycar_list ul li .bookinfo  .Source .allnum { 
         font-size:18px;color:#747474;
            height:30px;
              text-align:right; display:block; padding-right:10px;
            }
                        .buycar_box .buycar_list ul li .bookinfo .operation_box {
                             color:#000;  font-size:18px; line-height:30px; padding:0 10px; margin:5px auto; 
             float:right; 
                        }

                            .buycar_box .buycar_list ul li .bookinfo .operation_box .num_btn { border:2px solid #777777; border-radius:20px; width:20px; height:20px;  font-size:24px; line-height:16px; text-align:center;  display:inline-block; margin:0 5px;
                             color:#777777;}

/*订单列表*/
.OrderFrom_tab { display:block; padding:10px 0; height:30px;
}
.OrderFrom_tab a{ 
         font-size:18px;color:#747474;
            height:30px; line-height:30px; width:20%; text-align:center;
             float:left; 
            }
.OrderFrom_tab a.cur{ 
          border-bottom: solid 2px #747474; 
            }

  .OrderFrom_top { display:block; padding:10px 0; background:#efeeee; border-bottom:#969594 solid 1px; height:30px;
                             
    }
   .OrderFrom_top  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center;  margin:5px 10px;
                    }
   .OrderFrom_top  div {
                         height:20px;  float:left; text-align:left;
         font-size:16px
                    }
   
            .OrderFrom_top a{ 
         font-size:16px;
            height:20px;
             float:right; margin-right:10px;
            }
 .OrderFrom_box { padding:0;
                }

    .OrderFrom_box .OrderFrom_list { display:block; padding:0;
    }
        .OrderFrom_box .OrderFrom_list ul { padding:0px 10px;
        }
            .OrderFrom_box .OrderFrom_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:10px 0;
            }
                   
                    .OrderFrom_box .OrderFrom_list ul li img {
                       width:80px;   float:left; text-align:center;
                    }
                      

                    .OrderFrom_box .OrderFrom_list ul li .bookinfo { margin: 10px 0 0 90px; display:block; 
                    }
                       
        .OrderFrom_box .OrderFrom_list ul li .bookinfo  .BookName { text-align:left; color:#000;  font-size:14px; line-height:20px; font-weight:700; padding:0; margin:5px auto; overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }         
        .OrderFrom_box .OrderFrom_list ul li .bookinfo  .SecondBookName { text-align:left; color:#a1a1a1;  font-size:10px; line-height:14px; padding:0; margin:5px auto; overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
        .OrderFrom_box .OrderFrom_list ul li .bookinfo  .Source { text-align:left; color:#da251d;font-size:14px;padding:0;margin:5px auto;line-height:20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .OrderFrom_box .OrderFrom_list ul li .bookinfo  .Source .num { 
         font-size:12px;color:#747474;
            height:20px;
             float:right; margin-right:10px;
            }
            .OrderFrom_box .OrderFrom_list ul li .bookinfo  .Source .allnum { 
         font-size:12px;color:#747474;
            height:20px;
              text-align:right; display:block;  padding-right:10px;
            }

                .OrderFrom_box  .button_box { display:block; padding:10px 0px; text-align:right;border-bottom:1px solid #a1a1a1;
                }
                    .OrderFrom_box .button_box a { width:100px; text-align:center;height:30px; line-height:30px; font-size:16px; display:inline-block; margin:5px 10px 5px 0;
                    }
            
/*添加地址*/


 .address_box { padding:20px;
                }

  .address_top { display:block; padding:10px; border-bottom:#969594 solid 1px; height:30px;
                               background-size:10px 20px; text-align:right;
    }

   
            .address_top a{ 
         font-size:16px;color:#747474;
            height:20px; 
            }
   .address_list { display:block; padding:5px 0;
    }
        .address_list ul { padding:5px;
        }
            .address_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:5px 0;  min-height:60px;
            }
                  

                   .address_list ul li .addressinfo { margin: 0px 60px 0 0; display:block;   position:relative;
                    }
                   .address_list ul li .addressinfo1 { margin: 0px 10px 0 0; display:block;   position:relative;
                    }
                       
        .address_list ul li .addressinfo  .Nameinfo,.address_list ul li .addressinfo1  .Nameinfo{ text-align:left; color:#000;  font-size:18px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; overflow:hidden; 


text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }         
        .address_list ul li .addressinfo  .address,.address_list ul li .addressinfo1  .address { text-align:left; color:#a1a1a1;  font-size:14px; line-height:16px; padding:0 10px; margin:5px auto; overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
        .address_list ul li .addressinfo  .Source,.address_list ul li .addressinfo1  .Source { text-align:left; color:#da251d;font-weight:700;  font-size:16px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .address_list ul li .addressinfo  .Source .num,.address_list ul li .addressinfo1  .Source .num { 
         font-size:12px;color:#747474;
            height:20px;
             float:right; margin-right:10px;
            }

                .address_list ul li .ico_addressedit {background:url(../images/ico_edit.png) no-repeat center right;background-size:20px 20px;  width:20px; height:20px; float:right;  margin:30px 10px;
                }
                .address_list ul li .ico_addressdel {background:url(../images/ico_del.png) no-repeat center right;background-size:20px 20px;  width:20px; height:20px; float:right;  margin:30px 10px;
                }

/*个人信息*/
.info_box { background:#d8544f; text-align:left; color:#fff; display:block;  padding:20px 20px 50px 20px;
                        }
                            .info_box img {border-radius:30px;  float:left; width:60px; height:60px; border:3px solid #ffffff;
                            }
                          .info_box .info {display:block; height:60px; margin: 0 0 0 70px; 
                            }
                         .info_box .info p{ font-size:14px; height:30px;  line-height:20px; color:#ffffff;
                            }
                          .info_box .info p.name { font-size:20px; height:30px; padding-top:10px;  font-weight:700; color:#ffffff;
                            }

.info_content {  position:fixed; top:100px; background:#ffffff; border-radius:10px;  margin:0 5%; width:84%; padding:0px 3%;
}
    .info_content .top {background:#ffffff; border-radius:10px;display:block; padding:10px 20px;height:30px;
                              background:url(../images/ico_right.png) no-repeat center right; background-size:10px 20px; padding-right:15px; position:relative; color:#747474; font-size:16px; line-height:30px;
    }
        .info_content .top a { color:#747474; font-size:16px; line-height:30px;
        }



        .quick_box {
    text-align: center;
    font-size: 14px;
    padding: 10px 0px 20px 0px;height: 48px;
    line-height: 48px; text-align: center;
   width:100%;
    display: table;
}

    .quick_box  a {
        color: #747474;
        text-decoration: none;
   
        width: 25%;
        height: 48px;
        line-height: 48px;
        display: table-cell;
        font-size: 12px;
        color: #747474;
        padding: 5px 0; position:relative;
    }
    .quick_box  .ico_num { position:absolute;
        
        width: 20px;
        height: 20px; background:#da251d;
        line-height: 20px;
        text-align: center; color:#ffffff; border-radius:10px;  z-index:99; left:50%; top:0px; margin-left:10px;
    }
        .quick_box a.cur {
            color: #da251d;
           
        }

        .quick_box a.orange {
            color: #ff6000;
        }

 

    .quick_box i {
        display: block;
        margin: 0 auto 5px auto;
        height: 36px;
        overflow: hidden;
    }

    .quick_box span {
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }


    .quick_box a.orange i.ico_1 {
        background: url(../images/ico_1.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box i.ico_1 {
        background: url(../images/ico_1.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box a.cur i.ico_1 {
        background: url(../images/ico_1.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .quick_box i.ico_2 {
        background: url(../images/ico_2.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box a.cur i.ico_2 {
        background: url(../images/ico_2.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .quick_box i.ico_3 {
        background: url(../images/ico_3.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box a.cur i.ico_3 {
        background: url(../images/ico_3.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .quick_box i.ico_4 {
        background: url(../images/ico_4.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box a.cur i.ico_4 {
        background: url(../images/ico_4.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }
    .quick_box i.ico_5 {
        background: url(../images/ico_5.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }

    .quick_box a.cur i.ico_5 {
        background: url(../images/ico_5.jpg) center bottom no-repeat;
        background-size: 36px 36px;
    }
        
    .quick_box a.cur {
       
        color: #da251d;
    }

        .quick_box a.cur span {
            color: #da251d!important;
        }


        
.info_content2 {  position:fixed; top:250px; background:#ffffff; border-radius:10px;  margin:0 5%; width:84%; padding:0px 3%;
}



        .quick_box2 {background:transparent;
    text-align: center;
    font-size: 14px;
    padding: 10px 0px 20px 0px;height: 48px;
    line-height: 48px; text-align: center;
   width:100%;
    display: table;
}

    .quick_box2  a {
        color: #747474;
        text-decoration: none;
   
        width: 25%;
        height: 48px;
        line-height: 48px;
        display: table-cell;
        font-size: 12px;
        color: #747474;
        padding: 5px 0;
    }

        .quick_box2 a.cur {
            color: #da251d;
           
        }

        .quick_box2 a.orange {
            color: #ff6000;
        }

 

    .quick_box2 i {
        display: block;
        margin: 0 auto 5px auto;
        height: 60px;
        overflow: hidden;
    }

    .quick_box2 span {
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }


    .quick_box2 a.orange i.ico2_1 {
        background: url(../images/ico2_1.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }

    .quick_box2 i.ico2_1 {
        background: url(../images/ico2_1.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }

    .quick_box2 a.cur i.ico2_1 {
        background: url(../images/ico2_1.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }
    .quick_box2 i.ico2_2 {
        background: url(../images/ico2_2.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }

    .quick_box2 a.cur i.ico2_2 {
        background: url(../images/ico2_2.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }
    .quick_box2 i.ico2_3 {
        background: url(../images/ico2_3.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }

    .quick_box2 a.cur i.ico2_3 {
        background: url(../images/ico2_3.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }
    .quick_box2 i.ico2_4 {
        background: url(../images/ico2_4.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }

    .quick_box2 a.cur i.ico2_4 {
        background: url(../images/ico2_4.jpg) center bottom no-repeat;
        background-size: 48px 48px;
    }
        
    .quick_box2 a.cur {
       
        color: #da251d;
    }

        .quick_box2 a.cur span {
            color: #da251d!important;
        }
        
        .greenBtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#0aac68!important; border-radius:10px!important;  border:1px #0aac68 solid!important; color:#ffffff!important; display:block; text-align:center; 
}
        .GrayBtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#ffffff!important; border-radius:10px!important;  border:1px #dededd solid!important; color:#747474!important; display:block; text-align:center; 
}
        .selectbtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#ffffff!important; border-radius:10px!important;  border:1px #dededd solid!important; color:#747474!important; display:block; text-align:center; 
}
 /*底部*/       
.footbtn {
    background-color: #ffffff;
    color: #747474;
    position: fixed;
    z-index:999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    bottom: 50px;
    text-align: center;
    overflow: hidden;
    display: table;
    padding: 0;
}
    .footbtn a {  height:50px; line-height:50px; color:#ffffff; font-size:24px; font-weight:700; text-align:center; display:table-cell;
    }

    .footbtn  .buycarinfo{  display:table-cell; background:#ffffff; border-top:#969594 solid 1px; height:40px;  width:70%;
                             
    }
  .footbtn  .buycarinfo  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center;   margin:10px;
                    }
  .footbtn  .buycarinfo  div {
                         height:20px;  float:left; text-align:left;
         font-size:18px
                    }
   
           .footbtn  .buycarinfo span{ 
         font-size:18px;color:#747474;
            height:20px;
             float:right; margin-right:10px;
            }
.Gblack { background:#4d4948!important;
}
.Ggray { background:#4d4948!important;
}
.Gred { background:#da251d!important;
}
.Ggreen { background:#0aac68!important;
}
.gray { color:#a1a1a1!important;
}
.red { color:#da251d!important;
}
.pw50 { width:50%;
}
.pw30 { width:30%;
}

.textr { text-align:right;
}
.textl { text-align:left;
}
.mt20 { margin-top:20px;
}
.mt30 { margin-top:30px;
}
/*身份选择*/
.userselect_box ul {  padding:10px 20px;
}
.userselect_box ul li{ background:#ffffff; text-align:left; color:#fff; display:block;  padding:20px; margin:10px; border:1px solid #a1a1a1; border-radius:20px; position:relative;
                        }
    .userselect_box ul li.cur {background:#d8544f;  border:1px solid #d8544f;
    }
                            .userselect_box ul li img {border-radius:30px;  float:left; width:60px; height:60px; border:3px solid #ffffff;
                            }
                          .userselect_box ul li .info {display:block; height:60px; margin: 0 0 0 70px; 
                            }
                         .userselect_box ul li .info p{ font-size:14px; height:30px;  line-height:20px; color:#a1a1a1;
                            }
                          .userselect_box ul li .info p.name { font-size:20px; height:30px; padding-top:10px;  font-weight:700; color:#a1a1a1;
                            }

                          
    .userselect_box ul li.cur .info p,.userselect_box ul li.cur .info p.name {color:#ffffff;
    }

    .userselect_box ul li i { position:absolute; top:-1px;  right:-1px;border:1px solid #a1a1a1; padding:10px; border-top-right-radius:20px;border-bottom-left-radius:20px; background:#ffffff; color:#a1a1a1;
    }
    .userselect_box ul li.cur i {border:1px solid #d8544f; color:#d8544f;
    }


/*padding:5px .3rem 5px 0; margin-top: .2rem;*/
    /*新滑动删除
    
           


 .list-hua { display:block; 
            overflow: hidden;
    }
       .list-hua  ul {  padding:0; margin:0;
        }
            .list-hua  ul li { border-bottom:1px solid #a1a1a1;  height:120px;   overflow: hidden; width: 120%;  padding:0; margin:0;
            }
            .list-hua  ul li.listselect { border-bottom:1px solid #a1a1a1;  background:#eeeeee; height:120px;   overflow: hidden; width: 120%;  padding:0; margin:0;
            }
                .list-hua  ul li a {
                    display: block; padding:0; margin:0;
                    -webkit-transition: all 0.3s linear;
                    transition: all 0.3s linear;
                }
                .list-hua ul li i{float:right;width:15%;text-align:center;background:#E2421B;color:#fff;  height:120px; line-height:120px;}
                    .list-hua  ul li  input[type=checkbox] {
                        width:20px;  height:20px;  float:left; text-align:center; margin-top:50px;  margin-left:20px;
                    }
                   .list-hua ul li img {
                        padding:10px 10px; max-height:100px;max-width:80px;   float:left; text-align:center;
                    }
                      

                   .list-hua ul li .bookinfo { margin: 0px 0 0 120px; display:block; 
                    }
                       
        .list-hua ul li .bookinfo  .BookName { text-align:left; color:#000;  font-size:14px; line-height:20px; font-weight:700; padding:10px 10px 0 10px; margin:5px auto; overflow:hidden;  height:40px;

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }         
        .list-hua ul li .bookinfo  .SecondBookName { text-align:left; color:#a1a1a1;  font-size:10px; line-height:14px; padding:0 10px; margin:5px auto; height:20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;
        }
       .list-hua ul li .bookinfo  .Source { text-align:left; color:#da251d;font-weight:700;  font-size:16px;padding:0 10px;margin:5px auto;line-height:20px;height:20px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
        }
            .list-hua ul li .bookinfo  .Source .num { 
         font-size:18px;color:#747474;
            height:30px;
             float:right; margin-right:10px;
            }
            .list-hua ul li .bookinfo  .Source .allnum { 
         font-size:18px;color:#747474;
            height:30px;
              text-align:right; display:block; padding-right:10px;
            }
                        .list-hua ul li .bookinfo .operation_box {
                             color:#000;  font-size:18px; line-height:30px; padding:0 10px; margin:5px auto;   float:right;
                        }

                           .list-hua ul li .bookinfo .operation_box .num_btn { border:2px solid #777777; border-radius:20px; width:20px; height:20px;  font-size:24px; line-height:16px; text-align:center;  display:inline-block; margin:0 5px;
                             color:#777777;}

        .swipeleft {
            transform: translateX(-15%);
            -webkit-transform: translateX(-15%);
        }
*/