@charset "utf-8";
/***
-----***   interface style   ***-----
***-------------------------------------***
***/

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

/**
-----*  login star  *-----
**/
.login-body {
    background: #fff;
    position: relative;
}

.login-body section {
    width: -moz-calc(100% - .64rem);
    width: -webkit-calc(100% - .64rem);
    width: calc(100% - .64rem);
    margin: .32rem auto;
}

.tab-title {
    height: .96rem;
    line-height: .96rem;
    width: 100%;
    border-bottom: .01rem solid #f5f5f5;
    margin-bottom: .98rem;
    text-align: center;
}

.tab-title a {
    font-weight: 500;
    font-size: .32rem;
    margin-right: 1.8rem;
    position: relative;
    display: inline-block;
}

.tab-title a span {
    width: .6rem;
    height: .08rem;
    background: #0FC29A;
    position: absolute;
    -moz-border-radius: .04rem;
    -webkit-border-radius: .04rem;
    border-radius: .04rem;
    bottom: 0;
    left: 0;
    display: none;
}

.tab-title a.active {
    font-weight: bold;
}

.tab-title a.active span {
    display: block;
}

.tab-title a.login-a {
    margin-left: 1.8rem;
}

.submit-btn {
    width: 100%;
    height: .98rem;
    background: #0FC29A;
    border: none;
    -moz-border-radius: .04rem;
    -webkit-border-radius: .04rem;
    border-radius: .04rem;
    font-size: .32rem;
    font-weight: bold;
    line-height: .98rem;
    color: #fff;
    text-align: center;
    margin-bottom: .32rem;
}

.tab-content p {
    width: 100%;
    text-align: center;
    font-size: .3rem;
    line-height: .42rem;
    color: #999;
}

.tab-content p.explain {
    width: -moz-calc(100% - .64rem);
    width: -webkit-calc(100% - .64rem);
    width: calc(100% - .64rem);
    position: fixed;
    bottom: .8rem;
    font-size: .24rem;
}

.tab-item {
    display: none;
}

ul.input-box {
    width: 100%;
    height: auto;
    color: #ccc;
    font-size: .32rem;
    margin-bottom: 1rem;
}

ul.input-box li {
    height: .92rem;
    margin-bottom: .24rem;
    line-height: .92rem;
    border-bottom: .02rem solid #eee;
    display: -webkit-flex;
    display: flex;
    vertical-align: center;
    align-items: center;
}

ul.input-box li input {
    color: #333;
    width: 70%;
    border: none;
    padding-left: .16rem;
    height: 100%;
    background: transparent;
}

.input-box li a {
    width: 30%;
    text-align: center;
}

ul.input-box li img {
    margin-left: 20%;
}

.reset-num {
    width: .32rem;
    height: .32rem;
}

/**  验证码登录 star **/
.big-title {
    font-size: .44rem;
    line-height: .6rem;
    font-weight: bold;
    margin-left: .16rem;
    margin-bottom: .1rem;
}

.small-title {
    color: #999;
    line-height: .36rem;
    margin-left: .16rem;
    margin-bottom: .76rem;
}

/**  验证码登录 end **/

/**
-----*  login end  *-----
**/

/**
-----*  index star  *-----
**/
/**  search star **/
.search_box {
    position: relative;
    width: 100%;
    height: 1.1rem;
}

.search_box img {
    position: absolute;
    left: .4rem;
    top: .3rem;
    display: block;
    width: .38rem;
    height: .38rem;
    z-index: 1;
}

.search_box input {
    border: 0;
    position: absolute;
    left: .24rem;
    top: .16rem;
    font-size: .26rem;
    font-weight: 400;
    color: #333;
    width: 6.42rem;
    height: .7rem;
    line-height: .56rem;
    background: #F5F5F8;
    padding-left: .6rem;
    border-radius: .06rem;
    -moz-border-radius: .06rem;
    -webkit-border-radius: .06rem;
}

/**  search end  **/

/** banner star **/
.layui-carousel {
    margin-bottom: .36rem;
}

.banner-img-box {
    width: 100%;
    height: 3rem;
    border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
}

.banner-img-box a {
    width: 100%;
    height: 100%;
    display: block;
}

.banner-img-box img {
    width: 7.02rem;
    height: 100%;
}

.layui-carousel-ind li {
    width: .12rem;
    height: .12rem;
}

.layui-carousel-ind ul {
    background: none;
}

.layui-carousel-ind {
    top: -.35rem;
    width: 7.02rem;
}

.layui-carousel-ind li.layui-this {
    background: linear-gradient(180deg, #69F2C9 0%, #38E198 100%);
}

/**  banner end **/

/**  nav_tab_region star  **/
.nav_tab_region {
    width: 100%;
    margin-bottom: .48rem;
}

.nav_tab_region ul {
    width: 100%;
    padding: 0;
}

.nav_tab_region ul li {
    width: 20%;
    text-align: center;
    float: left;
}

.nav_tab_region ul li a {
    width: 100%;
    display: block;
}

.nav_tab_li img {
    width: .8rem;
    height: .8rem;
    margin-bottom: .16rem;
}

.nav_tab_li p {
    font-size: .22rem;
    line-height: .32rem;
}

/** nav_tab_region  end  **/

/**  book_list title star **/
.module_title {
    margin-bottom: .24rem;
}

.module_title p {
    float: left;
    font-size: .32rem;
    line-height: .44rem;
    font-weight: bold;
    color: #222;
}

.module_title p img {
    width: .08rem;
    height: .24rem;
    margin-left: .12rem;
    margin-bottom: .03rem;
}

.module_title a {
    float: right;
    font-size: .24rem;
    line-height: .34rem;
    color: #999;
    margin-top: .08rem;
}

.module_title a img {
    width: .06rem;
    height: .12rem;
    margin-left: .08rem;
    margin-bottom: .03rem;
}

/** book_list title end **/
/**
-----*  index end  *-----
**/

/**
-----*  choose book star  *-----
**/
.header-icon-box .menu-icon {
    width: .5rem;
    height: .4rem;
}

.header-icon-box .shopping-icon {
    width: .4rem;
    height: .38rem;
}

.header-icon-box:nth-child(2) {
    position: relative;
}

.header-icon-box:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .16rem;
    height: .16rem;
    background: #f96759;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: .01rem solid #fff;
}

.search-icon-box {
    /*margin-right: .12rem;*/
}

.choose-book-section {
    margin: 0 auto;
    height: -moz-calc(100vh - 2.3rem);
    height: -webkit-calc(100vh - 2.3rem);
    height: calc(100vh - 2.3rem);
    padding-bottom: 0;
}

.choose-book-section .book_ul {
    margin-top: .24rem;
}

.book-search-body .choose-book-section {
    height: -moz-calc(100vh - 2.3rem);
    height: -webkit-calc(100vh - 2.3rem);
    height: calc(100vh - 2.3rem);
}

#pullUp {
    padding-bottom: .24rem;
}

/**
-----*  choose book star  *-----
**/

/**
-----*  distributor star  *-----
**/
.distributor-body section {
    padding-bottom: .2rem;
}

.contacts-module {
    width: calc(100% - .6rem);
    width: -webkit-calc(100% - .6rem);
    width: -moz-calc(100% - .6rem);
    overflow-x: hidden;
    padding: .24rem .24rem .24rem .36rem;
    background: #fff;
    -webkit-box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.08);
    -moz-border-radius: .16rem;
    -webkit-border-radius: .16rem;
    border-radius: .16rem;
    border: .01rem solid #F4F4F4;
    margin-bottom: .24rem;
}

ul.contacts-module {
    width: auto;
}

.contacts-name {
    font-weight: bold;
    border-bottom: .01rem solid #e7e7e7;
    padding: .22rem .12rem;
}

.contacts-name span {
    font-weight: normal;
}

ul.contacts-module li {
    width: 100%;
    height: .96rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

ul.contacts-module li img {
    width: .36rem;
    height: .36rem;
    margin-right: .14rem;
}

ul.contacts-module li p {
    width: -moz-calc(100% - .5rem);
    width: -webkit-calc(100% - .5rem);
    width: calc(100% - .5rem);
    line-height: .96rem;
    padding-left: .04rem;
    border-bottom: .01rem solid #e7e7e7;
}

ul.contacts-module li p a {
    display: inline-flex;
    width: 4rem;
    overflow: hidden;
    line-height: .38rem;
}

ul.contacts-module li:last-child p {
    border-bottom: none;
}

ul.contacts-module li span.qq-txt {
    letter-spacing: .2rem;
}

/**
-----*  distributor end  *-----
**/

/**
-----*  active star  *-----
**/
.active-body {
    z-index: -5;
}

.active-body section {
    margin: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../img/active/grid-bg.png") repeat-y;
    background-size: contain;
    overflow: hidden;
    z-index: -2;
    position: relative;
}

.active-body .top-pic {
    width: 100%;
    height: auto;
}

.active-body section .decorate02 {
    width: .48rem;
    height: .76rem;
    position: absolute;
    left: 0;
    top: 5.18rem;
}

.active-body section .decorate03 {
    width: .7rem;
    height: .68rem;
    position: absolute;
    right: .12rem;
    top: 4.6rem;
    z-index: -1;
}

.sort-list {
    width: 6.6rem;
    height: auto;
    margin: .4rem auto 0;
}

.sort-list li {
    z-index: 2;
    width: 100%;
    height: .9rem;
    background: #CAFFF8;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    margin-bottom: .24rem;
}

.sort-list li a {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    vertical-align: center;
    align-items: center;
    justify-content: space-between;
}

.sort-list li a img {
    width: .16rem;
    height: .32rem;
    margin: 0 .24rem;
}

.sort-list li p {
    width: 5.4rem;
    font-size: .28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sort-list li img.right-more-img {
    width: .12rem;
    height: .2rem;
    margin-right: .3rem;
}

/**
-----*  active end  *-----
**/

/**
-----*  choose_book_sort star  *-----
**/
.book_sort_body {
    position: relative;
}

.book_sort_box {
    position: fixed;
    top: 1.22rem;
    left: 0;
    height: -moz-calc(100% - 2.2rem);
    height: -webkit-calc(100% - 2.2rem);
    height: calc(100% - 2.2rem);
    width: 100%;
    display: flex;
    display: -webkit-flex;
    left: 50%; /* 先定位到屏幕中间 */
    transform: translateX(-50%); /* 再向左移动自身宽度的一半 */
    max-width: 750px;
}

/** 左侧分类导航 star **/
.sort_tab_nav {
    width: 2.4rem;
    height: 100%;
    overflow-y: auto;
}

.sort_tab_nav li {
    width: 2rem;
    height: auto;
    line-height: .36rem;
    padding: .37rem .2rem;
    text-align: center;
}

.sort_tab_nav li.active {
    background: #fff;
    color: #b72320;
}

/** 左侧分类导航 end **/

/** 右侧内容区 star **/
.sort_tab_content {
    overflow-y: auto;
    padding: 0 .24rem;
    width: 4.62rem;
    height: auto;
    background: #fff;
}

.sort_tab_content > div {
    display: none;
}

.sort_tab_content > div.present {
    display: block;
}

.sort-module {
    height: auto;
    border-bottom: .01rem solid #ECECEF;
}

.sort-title {
    padding: .44rem 0 .38rem;
    height: auto;
    min-height: .42rem;
    width: 100%;
}

.sort-title h2 {
    float: left;
    width: 4rem;
    font-size: .3rem;
    line-height: .42rem;
    color: #000;
    font-weight: bold;
}

.sort-title img {
    float: right;
    margin-right: .22rem;
    margin-top: .16rem;
    width: .1rem;
    height: .18rem;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all .3s;
}

.present-sort-module img {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: all .3s;
}

.sort-module-content {
    display: none;
}

.sort-module-content a {
    display: inline-block;
    padding: 0 .3rem;
    line-height: .6rem;
    background: #F5F5F8;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    margin-right: .24rem;
    margin-bottom: .3rem;
}

.sort-module-content a.choose {
    background: #b72320;
    color: #fff;
}

/** 右侧内容区 end **/

/**
-----*  choose_book_sort end  *-----
**/

/**
-----*  book_info star  *-----
**/
.book-info-body {
    position: relative;
    padding-bottom: .3rem;
}

/** 书本详情顶部 star **/
.book-info-top {
    width: 6.94rem;
    height: auto;
    background: #fff;
    margin: .3rem auto;
    border-radius: .1rem;
    padding: .3rem .25rem;
    box-sizing: border-box;
}

.book-info-pic-box {
    width: 100%;
    /*height: 4.2rem;*/
    text-align: center;
    overflow: hidden;
    position: relative;
}

.info-pic {
    width: auto;
    max-width: 80%;
    height: 4.2rem;
}

.book-info-pic-box a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    z-index: 100;
}
.book-cover {
    padding-bottom: .5rem !important;
}
.book-cover .swiper-pagination {
    bottom: 0 !important;
}
.book-cover .swiper-pagination .swiper-pagination-bullet {
    width: .18rem;
    height: .18rem;
    margin: 0 .1rem !important;
}
.book-cover .swiper-pagination .swiper-pagination-bullet-active {
    background: #b72320;
}
.book-info-pic-box .back-circle {
    width: .2rem;
}

.book-info-top p {
    width: -moz-calc(100% - .48rem);
    width: -webkit-calc(100% - .48rem);
    width: calc(100% - .48rem);
    width: 100%;
    height: auto;
    font-size: .32rem;
    line-height: .48rem;
    color: #000;
    font-weight: bold;
    margin: .18rem auto 0 0;
}

.collect-box {
    width: 100%;
    height: auto;
    text-align: right;
}

.collect-btn {
    display: block;
    float: right;
    padding: 0 .4rem .3rem;
    font-size: .26rem;
    color: #999;
    background: url("../img/collect/uncollect-icon.png") left .07rem no-repeat;
    background-size: .24rem .24rem;
}

.collect-btn.active {
    color: #ff7747;
    background: url("../img/collect/collected-icon.png") left .07rem no-repeat;
    background-size: .24rem .24rem;
}

/** 书本详情顶部 end **/

.book-info-details {
    border-radius: .1rem;
    width: 6.94rem;
    height: auto;
    margin: 0 auto 0;

}

.book-info-details p {
    color: #333;
}

/** 书本详情tab star **/
.book-info-details .tab-title {
    margin-bottom: 0;
    display: flex;
    display: -webkit-flex;
}

.book-info-details .tab-title a {
    font-size: .26rem;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    outline: none;
}

.book-info-details .tab-title a.active {
    font-size: .3rem;
    color: #26D2BC;
}

.book-info-details .tab-title span {
    width: .24rem;
    height: .04rem;
    bottom: .14rem;
    left: -moz-calc((100% - .24rem) / 2);
    left: -webkit-calc((100% - .24rem) / 2);
    left: calc((100% - .24rem) / 2);
}

/** 书本详情tab end **/

/* 目录 */
.book-catalog-item {
    padding-bottom: 1.1rem;
}

.book-catalog-item p {
    font-size: .28rem;
    text-align: left;
    line-height: .54rem;
}

/* 目录02 */
.catalog2-item .catalog-item-ul > li {
    background: #f7f7f7;
}

.catalog2-item .yz-title {
    max-width: 6.3rem;
}

.catalog2-item .catalog-item-ul .catalog01-title,
.catalog2-item .catalog-item-ul .catalog02-title {
    font-size: .28rem;
    color: #222;
    line-height: .4rem;
}

.catalog2-item .catalog02-box,
.catalog2-item .catalog02-box li {
    background: #FBFBFC;
}

.catalog2-item .catalog02-box,
.catalog2-item .catalog03-box {
    border-top: 1px solid #e7e7e7;
}

.catalog2-item .catalog-item-ul .catalog02-title {
    position: relative;
    margin-left: 0;
    padding-left: .26rem;
}

.catalog2-item .catalog-item-ul .catalog02-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: .14rem;
    width: .12rem;
    height: .12rem;
    background: #C5F0E4;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.catalog2-item .yz-more-icon img {
    width: .1rem;
}

.catalog2-item .catalog-item-ul .catalog03-title {
    font-size: .24rem;
    color: #444;
    margin-left: 0;
    line-height: .34rem;
}

.catalog2-item .catalog-item-ul li a {
    padding: .2rem 0 !important;
}

/** 书本详情tab-content star **/
.book-info-details .tab-content {
    padding: .25rem;
    width: -webkit-calc(100% - .5rem);
    width: -moz-calc(100% - .5rem);
    width: calc(100% - .5rem);
    position: relative;
    background: #fff;
}


.book-main-info {
    width: 100%;
    height: auto;
    background: #F8F8F8;
    padding: .24rem 0;
    margin-bottom: .24rem;
}

.book-main-info li {
    display: flex;
    display: -webkit-flex;
    margin-bottom: .1rem;
}

.book-main-info li:last-child {
    margin-bottom: 0;
}

.book-main-info li span {
    display: inline-block;
    font-size: .26rem;
    line-height: .48rem;
}

.info-name {
    color: #999;
    width: 32%;
    padding-left: 3%;
}

.info-txt {
    color: #000;
    width: 55%;
}

.book-info-details .tab-item .book-brief {
    font-size: .28rem;
    line-height: .44rem;
    width: 100%;
    height: auto;
    text-align: left;
    padding-bottom: 1.1rem;
}

.book-info-details .tab-item .book-brief p {
    font-size: .28rem;
    text-align: left;
    line-height: .44rem;
    margin-bottom: .1rem;
}

/** 书本详情tab-content end **/

/** 书本样张 star **/
.yz-list {
    height: auto;
    min-height: 7.6rem;
}

.yz-list li {
    background: #F8F8F8;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
}

.yz-title {
    max-width: 5.6rem;
}

.yz-more-icon {
    width: .5rem;
    height: .5rem;
}

.yz-more-icon img {
    width: .14rem;
    height: auto;
}

.yz-a {
    justify-content: space-between;
}

.yz-title p {
    padding: .06rem 0;
    line-height: .4rem;
}

.yz-title p.yz-p {
    text-align: left;
}

.yz-title img {
    width: .32rem;
    height: .32rem;
    margin: .16rem;
}

/** 书本样张 end **/

/** app下载 star **/
.download-tab-item {
    width: 7.5rem;
    height: 8.88rem;
    position: relative;
    top: -.24rem;
    left: -.24rem;
}

.download-app-box {
    width: 100%;
    height: 8.88rem;
    background: url("../img/book-info/download-bg.png") no-repeat;
    background-size: 100%;
    text-align: center;
    flex-direction: column;
}

.title-pic {
    width: 3.58rem;
    height: 1.18rem;
    display: block;
    margin: .9rem auto .7rem;
}

.mid-pic {
    width: 3.05rem;
    height: 2.52rem;
    display: block;
}

.download-txt {
    margin: .12rem auto 1rem;
}

.download-txt span {
    margin-right: .16rem;
    font-size: .24rem;
    font-weight: bold;
    padding: .08rem .2rem;
    color: #05c07a;
    border: 1px solid #05c07a;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.download-txt span:last-child {
    padding: 0 .2rem .12rem;
    margin-right: 0;
}

.download-app-btn {
    margin: 0 auto;
    width: 3.8rem;
    height: .68rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(0deg, #2ED58E, #3CE5AF);
    -moz-box-shadow: 0 .04rem .06rem 0 rgba(20, 174, 108, 0.12);
    -webkit-box-shadow: 0 .04rem .06rem 0 rgba(20, 174, 108, 0.12);
    box-shadow: 0 .04rem .06rem 0 rgba(20, 174, 108, 0.12);
    -moz-border-radius: .34rem;
    -webkit-border-radius: .34rem;
    border-radius: .34rem;
}

/** app下载 end **/

/** purchase-bar star **/
.purchase-bar {
    width: 100%;
    height: 1.1rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    vertical-align: center;
    align-items: center;
    justify-content: space-between;
    -moz-box-shadow: .04rem 0 .08rem 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: .04rem 0 .08rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: .04rem 0 .08rem 0 rgba(0, 0, 0, 0.04);
}

.purchase-off-bar {
    justify-content: center;
    background: #e2e2e2;
    font-size: .32rem;
    color: #666;
}

.purchase-bar .price-info {
    font-size: .24rem;
    margin-left: .24rem;
    line-height: .34rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.purchase-bar .price-info span {
    font-size: .34rem;
    color: #EC5959;
    font-weight: bold;
}

.purchase-btn-group {
    margin-right: .24rem;
}

.purchase-btn-group a {
    font-size: .28rem;
    line-height: .4rem;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: .16rem 0;
    width: 2rem;
    text-align: center;
    margin: 0;
}

.purchase-btn-group a.add-shopping-btn {
    background: #FA9930;
    -moz-border-radius: .4rem 0 0 .4rem;
    -webkit-border-radius: .4rem 0 0 .4rem;
    border-radius: .4rem 0 0 .4rem;
}

.purchase-btn-group a.buy-btn {
    background: linear-gradient(90deg, #FE834F 0%, #EC5959 100%);
    -moz-border-radius: 0 .4rem .4rem 0;
    -webkit-border-radius: 0 .4rem .4rem 0;
    border-radius: 0 .4rem .4rem 0;
}

/** purchase-bar end **/

/**
-----*  book_info end  *-----
**/

/**
-----*  change-phone-num star  *-----
**/
.change-phone-num-section {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 0;
}

.change-phone-num-section ul.input-box li {
    margin-bottom: 0;
}

/**
-----*  change-phone-num end  *-----
**/


/**
-----*  my star  *-----
**/
.my-body {
    background: #fff;
}

/** 顶部 star **/
.my-top-box {
    width: 100%;
    height: 4.72rem;
    background: url("../img/my/bg.png") no-repeat;
    background-size: 100% 100%;
}

.my-info-box {
    height: 1.3rem;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    vertical-align: center;
    align-items: center;
    margin-bottom: .6rem;
    padding-top: .98rem;
}

.my-info-box .my-pic-box {
    width: 1.3rem;
    height: 1.3rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    margin: 0 .2rem 0 .44rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.my-info-box img {
    width: 1.3rem;
    height: auto;
    max-height: 1.3rem;
    background: transparent;
}

.my-info-box p.user-name {
    width: 5rem;
    height: auto;
    font-size: .36rem;
    font-weight: bold;
    line-height: .5rem;
}

.my_nav_tab_region ul {
    width: -webkit-calc(100% - .64rem);
    width: -moz-calc(100% - .64rem);
    width: calc(100% - .64rem);
    margin: 0 auto;
}

.my_nav_tab_region ul li {
    width: 25%;
}

.my_nav_tab_region .nav_tab_li img {
    width: .64rem;
    height: .64rem;
    margin-bottom: .14rem;
}

.my_nav_tab_region .nav_tab_li p {
    font-size: .24rem;
    line-height: .34rem;
    color: #444;
}

/** 顶部 end **/

/** 设置列表 star **/
.setting-info {
    width: 7.02rem;
    padding: 0 .24rem .98rem .24rem;
    height: auto;
    background: #fff;
    -moz-box-shadow: 0 -.05rem .05rem 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 -.05rem .05rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 -.05rem .05rem 0 rgba(0, 0, 0, 0.04);
    -moz-border-radius: .24rem .24rem 0 0;
    -webkit-border-radius: .24rem .24rem 0 0;
    border-radius: .24rem .24rem 0 0;
}

.setting-info .setting-list {
    width: 100%;
    height: auto;
    margin: 0;
}

.setting-info ul li {
    height: 1.16rem;
    width: 100%;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: .02rem solid #eee;
    margin-bottom: 0;
}

.setting-info ul li:last-child {
    margin-bottom: 0;
}

.setting-info .setting-list li a .left-img {
    width: .4rem;
    height: .4rem;
    margin: 0 .26rem 0 .08rem;
}

.setting-list li p {
    width: 5.6rem;
}

/** 设置列表 end **/
/**
-----*  my end  *-----
**/

/**
-----*  coupon star  *-----
**/
.coupon-body {
    height: 100%;
}

.coupon-box {
    height: -moz-calc(100% - 1rem);
    height: -webkit-calc(100% - 1rem);
    height: calc(100% - 1rem);
    position: relative;
    overflow: hidden;
}

.coupon-box .tab-content {
    padding: 0 .24rem;
    background: #f5f5f5;
    height: -moz-calc(100% - .85rem);
    height: -webkit-calc(100% - .85rem);
    height: calc(100% - .85rem);
    position: absolute;
    top: .85rem;
    overflow: auto;
}

.coupon-box .tab-content .tab-item {
    margin-top: .24rem;
}

.coupon-box .tab-title {
    height: .84rem;
    line-height: .84rem;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: auto;
    display: block;
}
.coupon-box .tab-title,
.coupon-box .tab-title * {
    touch-action: pan-x;
}

.coupon-box .tab-title .tab-title-inner {
<<<<<<< HEAD
    width: 150%;
=======
    /*width: 10.5rem;*/
>>>>>>> master
    height: 100%;
    text-align: left;
}

.coupon-box .tab-title a {
    line-height: .84rem;
    width: 1.6rem;
    text-align: center;
<<<<<<< HEAD
}

/* 设置顶部滚动条的样式 start */
.coupon-box .tab-title::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.coupon-box .tab-title::-webkit-scrollbar:horizontal {
    width: 0;
    height: 0;
    display: none;
}
/* 设置顶部滚动条的样式 end */

/* 待支付订单数量显示 start */
.order-tag {
    position: relative;
}
.order-tag-num {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    top: -.12rem;
    right: .3rem;
    line-height: .32rem;
    min-width: .32rem;
    padding: 0 .1rem;
    font-size: .24rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #ff7048;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem;
}
/* 待支付订单数量显示 end */

/* 待支付倒计时时间 start */
.pay-time-box {
    width: 100%;
    height: .6rem;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: flex-end;
}

=======
}

/* 设置顶部滚动条的样式 start */
.coupon-box .tab-title::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.coupon-box .tab-title::-webkit-scrollbar:horizontal {
    width: 0;
    height: 0;
    display: none;
}
/* 设置顶部滚动条的样式 end */

/* 待支付订单数量显示 start */
.order-tag {
    position: relative;
}
.order-tag-num {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    top: -.12rem;
    right: .3rem;
    line-height: .32rem;
    min-width: .32rem;
    padding: 0 .1rem;
    font-size: .24rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #ff7048;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem;
}
/* 待支付订单数量显示 end */

/* 待支付倒计时时间 start */
.pay-time-box {
    width: 100%;
    height: .6rem;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: flex-end;
}

>>>>>>> master
.bot-btn-module .pay-time,
.tab-content .pay-time {
    padding-left: .35rem;
    width: 1.2rem;
    height: .48rem;
    background: url("../img/commom/cutdown-icon.png") left center no-repeat;
    background-size: .24rem .24rem;
    color: #f54e0e;
    font-size: .24rem;
    line-height: .48rem;
    text-align: left;
}

.order-detail-body .bot-btn-module {
    height: 1.6rem;
}

.order-detail-body .bot-btn-module .pay-time-box {
    position: absolute;
    top: -.12rem;
    right: .16rem;
}
/* 待支付倒计时时间 end */

.coupon-box .tab-title a.active {
    color: #0FC29A;
    font-size: .3rem;
    font-weight: bold;
}

.coupon-box .tab-title span {
    bottom: .06rem;
    background: #0FC29A;
}

.coupon-info {
    width: 7.02rem;
    height: 2.12rem;
    margin-bottom: .24rem;
    background: url("../img/coupon/available-coupon.png") no-repeat;
    background-size: cover;
}

.available-coupon {
    background: url("../img/coupon/available-coupon.png") no-repeat;
    background-size: cover;
}

.stackable-coupon {
    background: url("../img/coupon/stackable-coupon.png") no-repeat;
    background-size: cover;
}

.used-coupon {
    background: url("../img/coupon/used-coupon.png") no-repeat;
    background-size: cover;
}

.expired-coupon {
    background: url("../img/coupon/expired-coupon.png") no-repeat;
    background-size: cover;
}

.used-coupon .right-coupon-info p,
.expired-coupon .right-coupon-info p {
    color: #999;
}

/** 优惠券左侧 star **/
.left-num {
    font-size: .32rem;
    color: #fff;
    float: left;
    width: 2.36rem;
    text-align: center;
    height: 100%;
}

.left-num .coupon-amount {
    line-height: .8rem;
    font-weight: bold;
    margin: .4rem 0 .1rem;
}

.coupon-money {
    font-size: .56rem;
}

.left-num p.use-condition {
    color: #fff;
    font-size: .28rem;
    line-height: .4rem;
}

/** 优惠券左侧 end **/
/** 优惠券右侧 star **/
.right-coupon-info {
    width: 4.66rem;
    height: 100%;
    float: left;
    position: relative;
}

.right-coupon-info p {
    text-align: left;
    margin-left: .12rem;
}

.right-coupon-info p.coupon-num {
    font-size: .22rem;
    line-height: .32rem;
    padding: .16rem 0;
}

.right-coupon-info p.coupon-name {
    width: 4.4rem;
    height: .8rem;
    font-size: .28rem;
    line-height: .4rem;
    font-weight: bold;
    margin-bottom: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.right-coupon-info p.coupon-usage-time {
    font-size: .2rem;
    line-height: .28rem;
    width: 3rem;
    height: auto;
    max-height: .56rem;
    overflow: hidden;
}

.use-btn {
    position: absolute;
    right: .24rem;
    bottom: .2rem;
    font-size: .22rem;
    line-height: .32rem;
    color: #0FC29A;
    padding: .06rem .16rem;
    background: #fff;
    border: .01rem solid #0FC29A;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
}

/** 优惠券右侧 end **/
/**
-----*  coupon end  *-----
**/

/**
-----*  my order star  *-----
**/
.order-body .book-info-details {
    margin-bottom: 0;
}

.order-list {
    width: calc(100% - .48rem);
    width: -moz-calc(100% - .48rem);
    width: -webkit-calc(100% - .48rem);
    background: #fff;
    height: auto;
    padding: .26rem .24rem;
    margin-bottom: .24rem;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
}

.order-top p {
    font-size: .26rem;
    line-height: .48rem;
}

.order-top-right {
    width: 1.3rem;
}

.order-top-right p {
    width: 100%;
    text-align: right;
}

.order-top-left {
    width: calc(100% - 1.3rem);
}

.order-top .order-top-left p {
    text-align: left;
    width: 100%;
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
}

.order-top .order-top-left p span {
    width: auto;
    max-width: calc(100% - 1.7rem);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-top-left a.copy-icon-box {
    width: .48rem;
    height: .48rem;
    text-align: center;
    display: inline-block;
    object-fit: contain;
    background: transparent;
    margin-left: .04rem;
}

.copy-icon-box img {
    width: .24rem;
    height: .24rem;
}

/** 订单书本明细 star **/
.order-goods-info-list li {
    border-bottom: .01rem solid #ededed;
    padding: .24rem 0;
}

.order-goods-info-list li:last-child {
    border-bottom: none;
}

.left-order-pic {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.92rem;
    height: 1.92rem;
    text-align: center;
    object-fit: contain;
    background: transparent;
    margin-right: .16rem;
    background: url("../img/choose-book/no-book-img.png") no-repeat center;
    background-size: contain;
}

.left-order-pic img {
    background: #fff;
    width: auto;
    max-width: 100%;
    height: 100%;
    /*max-height: 100%;*/
}

.right-order-info {
    width: calc(100% - 2.08rem);
    width: -webkit-calc(100% - 2.08rem);
    width: -moz-calc(100% - 2.08rem);
}

.right-order-info-top {
    height: 1.2rem;
    margin-bottom: .18rem;
}

.right-order-info h3 {
    max-height: 0.8rem;
    font-size: .28rem;
    line-height: .4rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.right-order-info h3.auto-height {
    height: auto;
    max-height: 1.2rem;
}

.order_info_1 .delay-tips,
.order-body .delay-tips {
<<<<<<< HEAD
    width: 3rem;
    margin: .06rem 0;
    font-size: .2rem;
    text-align: center;
    line-height: .48rem;
    color: #ff712d;;
=======
    width: 3.3rem;
    margin: .02rem 0;
    font-size: .2rem;
    text-align: left;
    line-height: .48rem;
    color: #ff712d;;
    font-weight: bold;
>>>>>>> master
    background: #fff6ea;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
}

.total-info {
    margin-bottom: .24rem;
    font-size: .28rem;
    line-height: .4rem;
}

/** 订单书本明细 end **/

/**
-----*  my order end  *-----
**/

/**
-----*  my order detail star  *-----
**/
.order-detail-body section {
    padding-bottom: 1.6rem;
}

.order-detail-body section > *,
.order-detail-body header {
    margin-bottom: .24rem;
}

.consignee-info-box {
    height: auto;
    min-height: 1.4rem;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    vertical-align: center;
    align-items: center;
}

.consignee-info-box img {
    width: .4rem;
    height: .44rem;
    margin-right: .2rem;
}

.consignee-info-box .consignee-info {
    font-weight: bold;
}

.tips-info-box {
    margin-bottom: .16rem;
}

.consignee-name {
    margin-right: .24rem;
}

.order-detail-body .order-goods-info-list li:last-child {
    border-bottom: .01rem solid #ededed;
}

.order-detail-body .total-info {
    padding-top: .28rem;
    margin-bottom: 0;
}

.order-detail-body .total-info>span:last-child {
    color: #ec5959;
    font-weight: bold;
}

.box-title {
    line-height: .48rem;
    padding-bottom: .2rem;
    border-bottom: .01rem solid #eee;
}

.goods-logistics-list li {
    padding: .32rem 0;
    border-bottom: .01rem solid #eee;
}

.goods-logistics-list li:last-child {
    border-bottom: none;
}

.goods-logistics-list li > * {
    margin-bottom: .16rem;
}

.goods-logistics-list li > *:last-child {
    margin-bottom: 0;
}

.goods-logistics-list h4 {
    font-weight: bold;
    width: 100%;
    line-height: .34rem;
    height: .34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods-logistics-list a.copy-icon-box {
    width: auto;
    height: auto;
    margin-left: .4rem;
    display: inline-block;
}

/**
-----*  my order detail end  *-----
**/

/**
-----*  购物车 star  *-----
**/
.shopping-cart-body .order-list {
    min-height: calc(100vh - 4rem);
    min-height: -webkit-calc(100vh - 4rem);
    min-height: -moz-calc(100vh - 4rem);
    /*height: auto;
    width: calc(100% - .032);
    width: -moz-calc(100% - .032);
    width: -webkit-calc(100% - .032);
    background: #fff;
    padding: 0 .08rem;*/
}

.shopping-cart-body section {
    padding-bottom: 2rem;
}

/* 购物车左滑删除 star */
.shopping-list {
    overflow: hidden;
}

.shopping-cart-body .order-goods-info-list li {
    position: relative;
    height: 1.92rem;
}

.shopping-list .user-info-wrap {
    position: relative;
}

.shopping-list .move-item-del-btn {
    height: 1.88rem;
    line-height: 1.88rem;
    margin-top: .25rem;
}

/* 购物车左滑删除 end */
.select-box {
    width: .7rem;
}

.select-box img {
    display: block;
    width: .4rem;
    height: .4rem;
    margin-left: .05rem;
}

.goods-box {
    width: calc(100% - .54rem);
    width: -webkit-calc(100% - .54rem);
    width: -moz-calc(100% - .54rem);
    height: auto;
}

.goods-box .right-order-info h3 {
    font-size: .26rem;
}

.goods-box .left-order-pic {
    margin-right: .12rem;
    background: url("../img/choose-book/no-book-img.png") no-repeat center;
    background-size: contain;
}

.goods-box .right-order-info {
    width: calc(100% - 2.04rem);
    width: -webkit-calc(100% - 2.04rem);
    width: -moz-calc(100% - 2.04rem);
}

.goods-box .right-order-info .order-num span {
    line-height: .44rem;
    margin-right: .12rem;
}

.goods-box .right-order-info .order-num span.original-price {
    font-size: .26rem;
    text-decoration: line-through;
}

.goods-box .right-order-info .order-num span.present-price {
    font-weight: bold;
}

.goods-description {
    line-height: .36rem;
    margin-bottom: .08rem;
}

/** 数量增减 star **/
.grey-txt {
    font-size: .24rem;
    color: #999;
    line-height: .44rem;
}

.change-goods-num-box {
    position: absolute;
    right: 0;
    bottom: 0;
}

.goods-num-input {
    height: .32rem;
    font-size: .22rem;
    line-height: .32rem;
    text-align: center;
    width: .6rem;
    background: #f6f6f6;
    -moz-border-radius: .04rem;
    -webkit-border-radius: .04rem;
    border-radius: .04rem;
    border: none;
}

.change-btn-box {
    width: .48rem;
    height: .48rem;
}

.change-btn-box img {
    width: .16rem;
    margin: 0 auto;
}

/** 数量增减 end **/

/** 删除按钮样式 star **/
.line-del-btn {
    width: .6rem;
    height: .48rem;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.line-del-btn img {
    width: .28rem;
    height: .28rem;
}

/** 删除按钮样式 end **/

/** 购物车底部 star **/
.shopping-footer {
    width: 100%;
    height: .96rem;
    flex-direction: row;
    justify-content: space-between;
    z-index: 100;
    bottom: .98rem;
}

.settlement-btn {
    font-size: .28rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    width: 2.4rem;
    height: .96rem;
    line-height: .96rem;
    margin-left: .24rem;
}

.select-all img {
    width: .4rem;
    height: .4rem;
    margin: 0 .14rem 0 .38rem;
}

/** 购物车底部 end **/

/**
-----*  购物车 end  *-----
**/

/**
-----*  我的地址 star  *-----
**/
/** 页面布局 star **/
.address-body {
    height: auto;
    min-height: auto;
}

.address-body section {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 1.24rem);
    min-height: -moz-calc(100vh - 1.24rem);
    min-height: -webkit-calc(100vh - 1.24rem);
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}

.address_list {
    width: 100%;
    height: auto;
    background: #fff;
}

.address_list li {
    width: 100%;
    height: 1.4rem;
    border-bottom: .02rem solid #eee;
}

.address_list li:last-child {
    border-bottom: none;
}

.user-info-box {
    margin-bottom: .12rem;
}

.user-info-box > * {
    margin-right: .16rem;
}

.address-edit-box {
    width: .68rem;
    height: .68rem;
}

.address-edit-box img {
    width: .36rem;
    height: .36rem;
    margin: 0 auto;
}

/** 页面布局 end **/

/** 左滑布局 star **/
.move-left {
    transform: translateX(-.5rem); /*改变位置时,可以添加或删除这个C3类.效果是水平移动50像素.正负表示方向*/
}

.move-item-box {
    position: relative; /*父DIV相对定位*/
}

.move-item-cont {
    z-index: 2; /*内容层在按钮上*/
    position: absolute; /*绝对定位*/
    width: 100%; /*与父DIV宽度一样*/
    background-color: #fff;
    transition: all .3s;
}

.user-info-wrap {
    justify-content: space-between;
    width: calc(100% - .48rem);
    width: -moz-calc(100% - .48rem);
    width: -webkit-calc(100% - .48rem);
    min-height: 1.4rem;
    height: auto;
    margin: 0 auto;
}

.user-info-contain {
    width: auto;
    max-width: 6rem;
}

.address-info {
    height: auto;
    max-height: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.move-item-del-btn {
    z-index: 1;
    position: absolute; /*绝对定位*/
    right: .02rem;
    top: .02rem; /*在最右边*/
    font-size: .26rem;
    color: #fff;
    height: 1.36rem;
    width: 1.5rem;
    line-height: 1.36rem;
    text-align: center;
    background-color: #0FC29A;
}

/** 左滑布局 end **/
/**
-----*  我的地址 end  *-----
**/

/**
-----*  新增地址 star  *-----
**/
.add-address-body section {
    width: 100%;
}

.add-address-list {
    background: #fff;
    margin: 0 auto .2rem;
}

.add-address-list .address-left {
    justify-content: center;
    height: .9rem;
}

.add-address-list li {
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: .02rem solid #eee;
    margin-bottom: 0;
    justify-content: space-between;
}

.add-address-list li:last-child {
    border-bottom: 0;
}

.add-address-list li input {
    width: 5.5rem;
    height: .78rem;
    line-height: .78rem;
    color: #333;
    font-size: .26rem;
    border: none;
}

.address-left {
    width: 90%;
}

.add-address-list li .address-left p {
    width: 25%;
}

.add-address-list li .address-left input {
    width: 75%;
}

.add-address-list li img.right-more-img {
    margin-right: .2rem;
}

.set-default {
    padding: .1rem .24rem;
}

.switch-box {
    width: .8rem;
    height: 100%;
}

.add-address-list li .switch-box img {
    width: auto;
    height: .52rem;
}

/** 覆盖城市3联动选择弹层样式 star **/
.add-address-body section.express-area-box {
    margin: 0;
    padding-bottom: .4rem;
    border-radius: .16rem .16rem 0 0;
    background: #fafafb;
}

.city-layer-header {
    justify-content: space-between;
    padding: 0 .32rem;
}

.express-area-box header h3 {
    height: .88rem;
    line-height: .88rem;
    color: #333;
    font-size: .3rem;
    font-weight: bold;
}

.city-layer-close {
    width: .8rem;
    height: .8rem;
    flex-flow: row-reverse;
}

.city-layer-close img {
    width: .3rem;
    height: .3rem;
}

.select-area-wrap {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fafafb;
}

.select-area-wrap p.three-p {
    -webkit-box-flex: 2;
    display: none;
}

.select-area-wrap span {
    font-size: .28rem;
    line-height: .88rem;
    color: #999;
}

.select-area-wrap span.current {
    color: #0FC29A;
}

.select-area-wrap span.current:before {
    background: #0FC29A;
    height: .04rem;
    top: .86rem;
    border-radius: .1rem;
}

.express-area-box article {
    height: 8.5rem;
    background: #fafafb;
}

.area-list {
    padding: .32rem .48rem;
    width: calc(100% - .96rem);
    width: -moz-calc(100% - .96rem);
    width: -webkit-calc(100% - .96rem);
}

.area-list li {
    font-size: .3rem;
    color: #333;
    line-height: .42rem;
    padding: .16rem 0;
}

/** 覆盖城市3联动选择弹层样式 end **/

/**
-----*  新增地址 end  *-----
**/

/**
-----*  个人信息 star  *-----
**/
.user-info-body {
    background: #F8F9F9;
}

.user-info-body section {
    margin: 0;
}

.change-avatar .my-info-box {
    padding: .4rem 0;
    background: #fff;
    margin-bottom: .2rem;
}

.change-avatar .right-more-img {
    width: .16rem;
}

.user-info-body .default-txt {
    text-align: right;
    color: #999;
}

.weui-picker__item {
    font-size: .32rem;
}

.weui-btn_primary {
    background: #0FC29A;
}

.pop-change-nickname {
    padding: 0 .2rem;
    font-size: .3rem;
    width: 80%;
    height: .78rem;
    border: .02rem solid #26D2BC;
}

.user-info-body .add-address-list .address-left {
    justify-content: left;
}

.weui-dialog__btn {
    color: #26D2BC;
}

.weui-dialog__btn_default {
    color: #666;
}

/**
-----*  个人信息 end  *-----
**/

/**
-----*  搜索界面 star  *-----
**/
.search-body {
    background: #fff;
}

.search-body header {
    border-bottom: none;
}

.search-body section {
    margin-top: 0;
    background: #f7f7f7;
    padding-bottom: 0;
}

.search-body .search_box img {
    top: .36rem;
}

.search-body .search_box input {
    width: 5.5rem;
    height: .72rem;
    line-height: .72rem;
    font-size: .28rem;
}

.search-btn {
    font-size: .32rem;
    position: absolute;
    width: 1.28rem;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    display: inline-block;
    right: 0;
    top: .2rem;
}

.search-list li {
    height: .98rem;
}

.search-list li p {
    font-size: .3rem;
}

.classify-box {
    padding: .3rem .25rem .1rem;
    width: calc(100% - .4rem);
    background: #fff;
    flex-wrap: wrap;
    margin-bottom: .2rem;
}

.classify-box span {
    margin: 0 .2rem .2rem 0;
    display: inline-block;
    color: #0A1230;
    font-size: .28rem;
    padding: .14rem .5rem;
    background: #f7f7f7;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
}

.classify-box span.active {
    color: #0CC4AD;
    background: #EFFAF7;
}

.no-search-content {
    padding: 1.5rem 0;
    background: #fff;
}

.no-search-content p {
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.cur-search-section {
    height: -moz-calc(100vh - .89rem);
    height: -webkit-calc(100vh - .89rem);
    height: calc(100vh - .89rem);
    padding-bottom: 0;
    margin: 0 auto;
}

.cur-search-section .book_ul {
    padding: .24rem 0;
}

.cur-search-section .book_list a .book_pic {
    background: url(../img/commom/info-cover-noPic.png) no-repeat center;
    background-size: contain;
}

.cur-search-section .book_pic {
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
}

/**
-----*  搜索界面 end  *-----
**/

/**
-----*  缺省页 star  *-----
**/
.blank-box {
    width: 100%;
    height: auto;
    margin: 30% auto 0;
    text-align: center;
}

.blank-box img {
    width: 3.6rem;
    height: auto;
    margin-bottom: .2rem;
}

.blank-box p {
    color: #777;
    font-size: .28rem;
    line-height: .42rem;
}

/**
-----*  缺省页 end  *-----
**/

/**
-----*  云课 star  *-----
**/
.cloud-body {
    background: #fff;
    position: relative;
}

.search-01-body .search_box .search-input {
    width: 6.02rem;
    margin-left: .24rem;
}

.cloud-banner-section {
    padding-bottom: 0;
}

.top-nav {
    width: 92%;
    padding: 0 4%;
    height: .9rem;
    background: #fff;
    overflow: hidden;
    position: relative;
    /*margin-bottom: .4rem;*/
    z-index: 1;
    border-bottom: .01rem solid #e3e3e3;
}

.cloud-body .layui-carousel {
    margin-bottom: 0;
}

.ul-scroll {
    width: 100%;
    height: 1.05rem;
    overflow-y: hidden;
    overflow-x: auto;
}

.top-nav-fixed {
    position: fixed;
    top: .88rem;
    -webkit-box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.12);
}

.top-nav ul {
    height: .5rem;
    padding: .2rem 0;
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}

.top-nav .ul-scroll .mask-box {
    height: .7rem;
    width: .86rem;
    position: absolute;
    right: 0;
    top: .1rem;
}

.top-nav li {
    float: left;
    margin-right: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-nav li p {
    color: #222;
    line-height: .48rem;
}

.top-nav li img {
    height: .24rem;
    width: .08rem;
    -moz-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 0;
}

.top-nav li.active-nav p {
    font-weight: bold;
    font-size: .3rem;
    color: #26D2BC;
}

.top-nav li.active-nav img {
    opacity: 1;
}

/* 课程列表 */
.course-ul {
    width: 100%;
}

.course-ul li {
    float: left;
    width: 3.38rem;
    margin: .24rem .26rem 0 0;
}

.course-ul li:nth-child(even) {
    margin-right: 0;
}

.course-ul li a {
    display: block;
    width: 100%;
    height: auto;
}

.course-ul .course-pic {
    width: 100%;
    height: 1.9rem;
    position: relative;
    justify-content: center;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
    margin-bottom: .16rem;
    background: url("../img/commom/info-cover-noPic.png") no-repeat center;
    background-size: contain;
}

.course-ul .course-pic img {
    width: auto;
    max-width: 3.38rem;
    height: 1.9rem;
}

.study-num {
    font-weight: normal;
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    font-size: .2rem;
    padding: .02rem .08rem;
    color: #fff;
    -moz-border-radius: .04rem;
    -webkit-border-radius: .04rem;
    border-radius: .04rem;
    background: rgba(0, 0, 0, .3);
}

.book_name {
    font-size: .28rem;
    color: #333;
    line-height: .44rem;
}

.cur-list-section {
    position: relative;
    margin: 0 auto 1rem;
    height: -moz-calc(100vh - 1rem);
    height: -webkit-calc(100vh - 1rem);
    height:  calc(100vh - 1.8rem);
    padding-bottom: 1rem;
    overflow: hidden;
}

.cur-list-section #pullUp {
    margin-bottom: .2rem;
}

.fixed-section{
    height: -moz-calc(100vh - 1.8rem);
    height: -webkit-calc(100vh - 1.8rem);
    height: calc(100vh - 1.8rem);
}

.fixed-section #wrapper{
    margin-top: .2rem;
    margin-bottom: 1.1rem;
}

.top-nav-blank {
    display: none;
}
/**
-----*  云课 end  *-----
**/

/**
-----*  云课详情 star  *-----
**/
.class-info-body .book-info-details .tab-title a {
    width: 33.33%;
}

.class-info-body .book-info-top > p {
    margin: .24rem;
    padding-bottom: 0;
}

.class-study-num {
    height: .88rem;
    width: -moz-calc(100% - .48rem);
    width: -webkit-calc(100% - .48rem);
    width: calc(100% - .48rem);
    margin: 0 .24rem;
    border-top: .01rem solid #eee;
}

.class-study-num img {
    width: .26rem;
    height: .28rem;
}

.class-study-num p {
    width: calc(100% - 3rem);
    font-size: .24rem;
    color: #333;
    font-weight: normal;
    margin-left: .12rem;
}

.class-study-num .collect-btn {
    padding: 0 0 0 .4rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../img/collect/uncollect-icon.png") left center no-repeat;
    background-size: .24rem .24rem;
}

.class-study-num .collect-btn.active {
    background: url("../img/collect/collected-icon.png") left center no-repeat;
    background-size: .24rem .24rem;
}

.purchase-bar .o-price, .purchase-bar .o-price span {
    color: #ccc;
    text-decoration: line-through;
    font-weight: normal;
}

.purchase-bar .o-price span {
    font-size: .26rem;
}

.o-price {
    margin-top: .04rem;
}

.tab-style01-container .tab-content-style01 {
    padding: 0;
    width: 100%;
}

.tab-item-pd24 {
    padding: .24rem;
    background: #f7f7f7;
}

/* 简介 */
.class-info-body .brief-item {
    background: #fff;
    padding: 0 0 1.1rem 0;
}

.class-info-body .brief-item img {
    width: 100%;
}

/* 目录 */
.catalog-item {
    padding-bottom: 1.1rem;
}

.catalog-item-ul .catalog-item-li {
    margin-bottom: .24rem;
}

.catalog-item .catalog-item-ul li {
    padding: 0;
}

.catalog-item .catalog-item-ul li a {
    padding: .3rem 0;
}

.catalog-item .catalog-title {
    margin-left: .24rem;
    text-align: left;
    padding: 0;
    font-size: .28rem;
    line-height: .4rem;
}

.catalog-item .catalog03-title {
    font-size: .24rem;
}

.catalog-item .catalog02-title {
    font-size: .28rem;
}

.catalog-item .catalog01-title {
    font-size: .32rem;
    line-height: .44rem;
}

.catalog-item .catalog-li {
    border-bottom: .01rem solid #eee;
    margin: 0 .24rem;
}

.catalog-item .catalog-li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.catalog02-box {
    border-top: .08rem solid #F7F7F7;
}

.catalog03-box {
    border-top: .04rem solid #F7F7F7;
}

/* 讲师 */
.teacher-item {
    padding-bottom: 1.1rem;
}

.teacher-list {
    min-height: initial;
}

.teacher-list li {
    background: #fff;
    padding: .3rem 0;
    margin-bottom: .24rem;
}

.catalog-box .teacher-pic,
.teacher-list .teacher-pic {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    margin: 0 .12rem 0 .24rem;
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.present-catalog-a .right-more-img,
.see-brief .teacher-a .right-more-img {
    -moz-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.teacher-name {
    font-size: .32rem;
    font-weight: bold;
    line-height: .44rem;
}

.teacher-title {
    font-size: .26rem;
    color: #666;
    line-height: .36rem;
}

.teacher-brief {
    display: none;
}

.see-brief .teacher-brief {
    display: block;

}

.teacher-brief p {
    width: auto;
    font-size: .24rem;
    padding: .2rem .24rem 0;
    line-height: .4rem;
    text-align: left;
}

.goto-btn {
    font-size: .32rem;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 1.1rem;
    color: #fff;
    background: linear-gradient(90deg, #FA9930 0%, #EC5959 100%);
}

/**
-----*  云课详情 end  *-----
**/


/**
-----*  搜索01 star  *-----
**/
.search-01-body .book_list a .book_pic {
    width: 2.2rem;
}

.search-01-body .back-icon-box {
    align-items: center;
    justify-content: center;
    width: .68rem;
    height: .72rem;
}

.search-01-body .back-icon {
    width: .16rem;
    height: .3rem;
}

.search-01-body .search_box img {
    display: inline;
    position: initial;
}

.search-01-body .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    right: .25rem;
    height: .7rem;
    line-height: .56rem;
    width: .68rem;
    font-size: .2rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background: #F5F5F8;
}

.search-01-body .search_box input {
    position: initial;
    width: 5.6rem;
    padding: 0 .7rem 0 .3rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.search-01-body .book_list a img {
    max-width: 2.2rem;
}

.search-01-body .book_content {
    width: -moz-calc(100% - 2.44rem);
    width: -webkit-calc(100% - 2.44rem);
    width: calc(100% - 2.44rem);
}

.search-01-body .book_content {
    position: relative;
    min-height: 2.2rem;
}

.search-01-body .book_content-bot {
    position: absolute;
    bottom: 0;
    left: 0;
}

.search-01-body .book_price {
    margin-right: .1rem;
}

/**
-----*  搜索01 end  *-----
**/

/**
-----*  弹出提示层样式覆盖 star  *-----
**/
.fy-alert-content {
    font-size: .32rem !important;
}

.fy-alert-icon i.alert-iconfont {
    font-size: .48rem !important;
}

/**
-----*  弹出提示层样式覆盖 end  *-----
**/

/* 畅销书列表样式 */
.list-body {
    background: #fff;
    font-size: .28rem;
    color: #222;
    min-height: auto;
}

.list-body .banner-img-box {
    width: 7.02rem;
    height: 3rem;
    position: relative;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
}

.list-body .banner-img-box img {
    width: 7.02rem;
    height: 3rem;
}

.list-body .banner-txt-box {
    width: 5.84rem;
    height: auto;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: .08rem;
    -moz-transform: translate(-50%, -80%);
    -webkit-transform: translate(-50%, -80%);
    -ms-transform: translate(-50%, -80%);
    -o-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
}

.list-body .banner-txt {
    width: auto;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: .12rem .24rem;
    text-align: center;
    border: 1px dotted #06497D;
    color: #043B6B;
    font-size: .36rem;
    font-weight: bolder;
    line-height: .58rem;
    text-shadow: 0 .08rem .05rem rgba(13, 39, 76, 0.08);
    -moz-border-radius: .04rem;
    -webkit-border-radius: .04rem;
    border-radius: .04rem;
}

.list-body section {
    margin: 0 auto;
    padding-bottom: 0;
}

.list-body .layui-carousel {
    margin-bottom: 0;
    margin-top: .24rem;
}

.setting-info-box {
    height: -moz-calc(100vh - 3.24rem);
    height: -webkit-calc(100vh - 3.24rem);
    height: calc(100vh - 3.24rem);
}

.list-body .setting-info {
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list-body .sort-list {
    width: 100%;
    margin: 0 auto;
}

.list-body .sort-list p {
    width: 6rem;
    font-weight: bold;
    margin-left: .1rem;
}

.list-body .sort-list li img.right-more-img {
    margin-right: .2rem;
}

.list-body .setting-info ul li:last-child {
    border-bottom: 0;
}

/* 视频播放按钮样式 */
.class-info-body .teacher_audition {
    width: 100%;
    height: 100%;
}

.class-info-body .prism-player {
    width: 100%;
    height: 4rem !important;
}

.class-info-body .prism-player .prism-big-play-btn {
    width: 48px;
    height: 48px;
    left: 50% !important;
    top: 50% !important;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.class-info-body .prism-player .prism-big-play-btn .outter {
    width: 48px;
    height: 48px;
}

.class-info-body .prism-player .prism-info-display {
    padding: 0 !important;
    width: 80% !important;;
    margin-left: 10% !important;;
}

/* 我的收藏 start */
.collect-main {
    width: 100%;
    height: calc(100% - 1rem);
    background: #fff;
}

.collect-main .collect-tab-content {
    height: calc(100% - 1rem);
    padding: 0 .24rem;
}

.collect-main .collect-tab-content .book_module {
    height: 100%;
}

.collect-main .tab-item{
    padding-top: .24rem;
}

.collect-main .collect-li:first-child {
    padding-top: 0;
}

.collect-main .tab-title a {
    width: 33.33%;
    font-size: .3rem;
}
.collect-main .tab-title {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.collect-li {
    padding: .24rem 0;
    border-bottom: .06rem solid #f7f7f7;
}

.collect-li:last-child {
    border-bottom: 0;
}

.collect-li-img-box {
    margin-right: .24rem;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
}

.collect-li-img {
    max-height: 100%;
    max-width: 100%;
}

.collect-li-txt {
    width: calc(100% - 2.1rem);
}

.collect-li-title {
    margin-bottom: .26rem;
    width: 100%;
    height: 1rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size: .32rem;
    font-weight: bolder;
    color: #333;
}

.collect-li-txt .collect-li-bot {
    justify-content: space-between;
    font-size: .28rem;
}

.collect-goods-price {
    color: #ff7747;
    font-weight: 500;
}

.collect-li-btn {
    color: #c3c3c3;
    padding-left: .3rem;
    background: url("../img/collect/collected-icon.png") left center no-repeat;
    background-size: .24rem .24rem;
}
/* 我的收藏 end */

/* 开发票 start */
.fill-list {
    height: auto;
    margin: .2rem 0;
}

.fill-list .fill-li {
    margin-bottom: .3rem;
    justify-content: flex-start;
}

.fill-list-left {
    width: 2rem;
    margin-right: .2rem;
    font-size: .3rem;
    line-height: .56rem;
    font-weight: bold;
}

.invoice-item {
    margin-left: .3rem;
    padding-left: .6rem;
    display: inline-block;
    height: .56rem;
    line-height: .56rem;
    font-weight: bold;
    position: relative;
}

.fill-list-right {
    width: -webkit-calc(100% - 2.2rem);
    width: -moz-calc(100% - 2.2rem);
    width: calc(100% - 2.2rem);
    text-align: right;
}

.fill-list-right .input-radio {
    box-sizing: border-box;
    position: absolute;
    top: .1rem;
    left: .1rem;
    margin: 0;
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    background: url("../img/invoice/uncheck.png") left center no-repeat;
    border-radius: 50%;
}

.fill-list-right .input-radio:checked {
    background: url("../img/invoice/checked.png") left center no-repeat;
}

.fill-list-right .fill-txt-input {
    -webkit-appearance: none;
    background: none;
    border: 0
}

.fill-list-right .fill-txt-input::-webkit-input-placeholder{
    font-size: .26rem;
    color: #999;
}
.fill-list-right .fill-txt-input:-moz-placeholder{
    font-size: .26rem;
    color: #999;
}
.fill-list-right .fill-txt-input::-moz-placeholder{
    font-size: .26rem;
    color: #999;
}
.fill-list-right .fill-txt-input:-ms-input-placeholder{
    font-size: .26rem;
    color: #999;
}

.fill-list-right .fill-txt-input {
    box-sizing: border-box;
    text-align: right;
    padding: 0;
    width: 100%;
    height: .76rem;
    border: 0;
    font-size: .26rem;
    font-weight: bold;
    color: #333;
}

.open-more-btn {
    color: #16ca82;
    user-select: none;
    cursor: pointer;
}

.open-more-btn:hover {
    color: #0cae6d;
}

.invoice-tips-txt {
    margin: 0 auto;
    width: 90%;
    line-height: .42rem;
    font-size: .26rem;
    color: #f94102;
    text-align: center;
}

.company-fill-more {
    display: none;
}

.fill-txt-p {
    color: #999;
    text-align: left;
}

.invoice-body {
    position: relative;
    background: #f5f5f5;
}

.finish-btn {
    display: block;
    margin: 0 auto;
    /*position: absolute;*/
    /*bottom: 1.1rem;*/
    /*left: .32rem;*/
    width: 6.86rem;
    height: .8rem;
    background: #dfdfdf;
    border-radius: .08rem;
    font-size: .32rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
}

.finish-btn.active {
    background: #0fc29a;
}


/* 开发票 end */

/* 解决滚动内容小于一屏时， 无法下来刷新的问题 */
#scroller {
    min-height: 110%;
}

* {
    touch-action: pan-y; /* 解决浏览器报错 */
    word-wrap: break-word; /* 强制文本换行 */
}

/* 自定义弹窗 start */
.pop-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
}

.pop-contain {
    width: 6rem;
    height: auto;
    margin: 26vh auto 0;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    overflow: hidden;
    background: #fff;
}

.pop-top {
    width: 100%;
    height: .9rem;
    border: .02rem solid #ededed;
}

.pop-top h5 {
    width: 100%;
    font-size: .32rem;
    color: #0fc29a;
    line-height: .9rem;
    text-align: center;
}

.pop-mid {
    width: 5rem;
    min-height: 2.8rem;
    height: auto;
    margin: .6rem auto;
}

.pop-smile-icon {
    display: block;
    width: .84rem;
    height: .84rem;
    margin: 0 auto .3rem;
}

.pop-mid p {
    margin-bottom: .2rem;
    font-size: .28rem;
    line-height: .42rem;
    color: #3b3b4f;
    text-align: center;
}

.pop-bot {
    width: 100%;
    height: .9rem;
    display: flex;
    display: -webkit-flex;
}

.pop-bot .pop-btn {
    display: inline-block;
    width: 50%;
    height: 100%;
    font-size: .3rem;
    color: #333;
    line-height: .9rem;
    text-align: center;
}

.pop-bot .confirm-btn {
    background: #0fc29a;
    color: #fff;
}

.pop-bot .cancel-btn{
    background: #e3f9f6;
}
/* 自定义弹窗 end */

.book-info-details .tab-title {
    height: auto;
    border-bottom: 0;
    margin-bottom: .3rem;
}

.book-info-details .tab-title a {
    background: #ececec;
    height: .7rem;
    line-height: .7rem;
    border-radius: .7rem;
    width: 22%;
    margin-right: 4%;
}
.book-info-details .tab-title a:last-child {
    margin-right: 0;
}
.book-info-details .tab-title a.active {
    color: #fff;
    background: #b72320;
    font-weight: normal;
    font-size: .26rem;
}

.book-info .swiper-slide {
    height: 100%;
}


.book-info-jj {
    background: #fff;
    border-radius: .1rem;
}
.book-info-jj .book-main-info {
    background: transparent;
    border-bottom: .01rem solid #e1e1e1;
    box-sizing: border-box;
    padding: .3rem;
    margin-bottom: 0;
}
.book-info-jj .book-main-info li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.book-info-jj .book-main-info .info-name {
    padding: 0;
}
.book-info-jj .book-main-info .info-txt {
    text-align: left;
}

.book-info-jj .book-brief {
    padding: .3rem;
    line-height: 1.8;
}

.book-info-ml {
    background: #fff;
    border-radius: .1rem;
}
.book-info-ml li {
    padding: .3rem;
    border-top: .01rem solid #e1e1e1;
}
.book-info-ml li:first-child {
    border-top: 0;
}
.book-info-ml h1 {
    height: .26rem;
    line-height: .25rem;
    font-size: .28rem;
    border-left: .05rem solid #b72320;
    padding-left: .1rem;
    margin-bottom: .14rem;
}
.book-info-ml h2 {
    line-height: 1.4;
    margin-top: .1rem;
    font-weight: normal;
    padding-left: .15rem;
}

.book-info-ml2 {
    background: #fff;
    border-radius: .1rem;
    padding: .3rem;
}

.book-info-yz li {
    background: #fff;
    margin-bottom: .25rem;
    border-radius: .1rem;
}
.book-info-yz a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .3rem;
    box-sizing: border-box;
}
.book-info-yz p {
    width: 82%;
}
.book-info-yz div {
    width: 18%;
    overflow: hidden;
}
.book-info-yz img {
    width: .16rem;
    float: right;
}


.book-info-sp video {
    width: 100%;
    display: block;
}
.book-info-sp li {
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
}
.book-info-sp p {
    text-align: center;
    padding: .25rem .25rem;
}


blockquote {
    /*margin: 0;*/
}

#pullDown {
    padding-top: .2rem;
}

.search-01-body .search_box input.warn {
    box-shadow: 0 0 .05rem .03rem #b72320;
}


.none2 {
    opacity: 0;
}

.book-search-body .wrapper {
    display: block !important;
}


.catalog_box {
    margin-top: .24rem;
    background: #fff;
    border-radius: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem;
}
.catalog_box .left {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}
.catalog_box .left img {
    width: .32rem;
    margin-top: .08rem;
    margin-right: .1rem;
}
.catalog_box .left span {
    font-size: .28rem;
}
.catalog_box .right {
    height: .28rem;
}


.prism-player .prism-big-play-btn {
    width: 48px;
    height: 48px;
    left: 50% !important;
    top: 50% !important;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.prism-big-play-btn {
    width: 48px !important;
    height: 48px !important;
}

.book-info-sp .prism-player .prism-big-play-btn .outter {
    width: 48px !important;
    height: 48px !important;
}