/*Index.html*/
.index-body{padding: 0 0.2rem;margin-top: 1rem;}
.header dl{width: 100%;height: 0.88rem;position: relative;}
.header dl dd{width: 25%;float: left;height: 0.88rem;display: flex;align-items: center;justify-content: center;}
.header dl dt{width: 75%;float: right;height: 0.88rem;line-height: 0.88rem;font-size: 0.5rem;text-align: right;color: #fff;padding-right: 0.3rem;}
.header dl dd img{width:.67rem;height:.67rem;border-radius: 50px;}
.header dl dd span{position: absolute;top:0.15rem;left:1.4rem;color: #fff;font-size: 0.28rem;}
.header dl dd p img{width:.67rem;height: 0.2rem;border-radius: inherit;position: absolute;top:0.6rem;left: 1.4rem;}
.shuffling{height: 3rem;background: url(../images/banner-one.png) no-repeat;background-size:100% 3rem;}
.shuffling1{height: 3rem;background: url(../images/6.png) no-repeat;background-size:100% 3rem;}
.shuffling2{height: 3rem;background: url(../images/7.png) no-repeat;background-size:100% 3rem;}
.notable-ts{width: 100%;height: 2.1rem;overflow:hidden;border-radius:5px;margin-top: 0rem;}
.notable-menus{border-radius:5px;width: 100%;height:2.1rem;overflow-y: hidden;overflow-x:auto;position: relative;background-color: #fff;margin-top: 0.2rem}
.menus {width:7.1rem;height: 2.3rem;position: absolute;display: flex;justify-content: space-around;}
.menus-img{float: left;margin-top: 0.1rem;}
.menus img{height: 1.2rem;width: 1.2rem;}
.menus p{text-align: center;font-size: 0.28rem;margin-top: 0.1rem;}
.public-title{font-size: 0.3rem;position: relative;}
.public-title span{display: block;width: 50%;margin: 0.2rem 0;float: left;}
.public-title span:nth-child(1){color: #28a7f0;padding-left: 0.2rem;border-left:3px solid #28a7f0;}
.public-title span:nth-child(2){text-align: right;font-size: 0.28rem;color: #686868;position: absolute;right: 0;bottom: 0;}
.public-title span i{padding-left: 0.1rem;}
.y-y-title{position: relative;}
.back{width:1.2rem !important;position:absolute;right: 0.4rem;top: 0.3rem;background-color: rgba(0,0,0,0.8);font-size: 0.29rem;border-radius: 15px;color:#fff;width: 1rem;text-align: center;padding: 0.1rem 0;}
.y-y, .summer-camp, .micro-class, .train{padding: 0 0.2rem;background-color: #fff;width: 100%;margin-top: 0.3rem;border-radius: 5px;}
.y-y p:nth-child(2){font-size: 0.3rem;padding: 0.1rem 0;}
.y-y p:nth-child(3){font-size: 0.3rem;padding: 0rem 0 0.2rem 0}
.y-y p:nth-child(4){font-size: 0.25rem;padding: 0.05rem 0 0.2rem 0}
.y-y p img{width: 100%;height: 2.5rem;object-fit: cover;border-radius: 5px;}
.y-y p span{font-size: 0.25rem;color: #686868;}
.y-y p span:nth-child(2){padding-left: 0.5rem;}
.summer-camp ul li{width: 47%;float: left;margin-bottom: 0.3rem;}
.summer-camp ul li:nth-child(2n-1){margin-right: 0.2rem;}
.summer-camp ul li:nth-child(2n-2){margin-left: 0.2rem;}
.summer-camp ul li p img{border-radius:5px;width: 100%;height: 2rem;object-fit: cover;}
.summer-camp ul li p:nth-child(2){font-size: 0.3rem;padding: 0.2rem 0 0.1rem 0}
.summer-camp ul li p:nth-child(3){position: relative;}
.summer-camp ul li p span{display: block;float: left;}
.summer-camp ul li p span:nth-child(1){color: red;font-size: 0.3rem;width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:1px}
.summer-camp ul li p span:nth-child(2){font-size: 0.25rem;text-align: right;width: 60%;position: absolute;right:0;bottom:0rem;letter-spacing:0px;}
.micro-class ul li{float: left;width: 31%;}
.micro-class ul li:nth-child(n+2){margin-left: 0.2rem;}
.micro-class ul li p img{width: 100%;height: 1.5rem;border-radius: 5px;object-fit: cover;}
.micro-class ul li p:nth-child(2){padding: 0.2rem 0;font-size: 0.28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*idiomslist.html*/
.idioms-list{margin: 1.2rem 0;}
.idioms-list ul li{position:relative;height:auto;width: 100%;padding: 0.3rem 0.2rem;background-color: #fff;border-bottom: 1px solid #ccc;}
.idioms-list-left{width: 30%;float: left;}
.idioms-list-left img{width: 1.7rem;height: 1.7rem;border-radius: 5px;object-fit: cover;}
.idioms-list-title{font-size: 0.35rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.idioms-list-content{font-size: 0.3rem;color: #686868;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top:0.15rem;}
.idioms-list-content span:nth-child(2){padding-left: 0.3rem;}
.idioms-list-content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.idioms-list-foot{margin-top:0.15rem}
.idioms-list-right{width: 100%;float: left;position:relative}
.idioms-list-right p{line-height:0.35rem}
.ac-time{width: 50%;color:#686868;font-size: 0.28rem;float:left}
.ac-cy{width: 50%;text-align: right;color:#686868;font-size: 0.28rem;float:left;position:absolute;bottom:0;letter-spacing: 0px;}
.micor-one{margin: 0.2rem 0.1rem 0.2rem 0.1rem;position: relative;}
.micor-one img{width: 0.35rem;height: 0.35rem;}
.micor-one span{position: absolute;bottom: 0;width:3rem;padding-left: 0.1rem;font-size: 0.28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.micor-one span:nth-child(3){padding-left: 1.8rem;overflow:initial;text-overflow:initial;width: 5rem;}
.micoor-two{padding: 0 0.1rem 0 0.1rem;position: relative;margin-bottom: 0.2rem;}
.micoor-two span{display: block;float: left;width: 50%;}
.micoor-two span:nth-child(1){display: block;text-align: left;color:red;font-size: 0.25rem;}
.micoor-two span:nth-child(2){display: block;text-align: right;font-size: 0.23rem;position: absolute;bottom: 0;right: 0.1rem;}
/*idiomsdetail.html*/
.idiomsdetail-img{margin-top: 0.88rem;height: 2.8rem;}
.idiomsdetail-img img{width: 100%;height: 2.8rem;object-fit: cover;}
.idioms-other-list{margin-top: 0.3rem;}
.idioms-other-list ul li{border-bottom: 1px solid #ccc;background-color: #fff;margin: 0rem;}
.idioms-detail{background-color: #fff;}
.idioms-detail-title{font-size: 0.35rem;padding:0.25rem 0.3rem;border-bottom: 1px solid #ccc;color: #000;}
.idioms-detail-body{padding: 0 0.3rem 0.2rem 0.3rem;}
.idioms-detail-body p{text-indent: 2em;line-height: 0.45rem;font-size: 0.3rem;padding: 0.2rem 0;}
.idioms-detail-body pre{font-size: 0.3rem;line-height: 0.45rem;padding: 0.2rem 0;}
.idioms-detail-body img{width: 100%;object-fit: cover;height: 100%;}
.product-img{margin-top: 0.88rem;height: 2.8rem;}
.product-img img{width: 100%;height: 2.8rem;object-fit: cover;}
.product-detail{background-color: #fff;margin-bottom: 1.2rem;}
.product-detail-title{font-size: 0.35rem;padding:0.25rem 0.3rem;border-bottom: 1px solid #ccc;color: #000;}
.product-detail-body{padding: 0 0.3rem 0.2rem 0.3rem;}
.product-detail-body p{text-indent: 2em;line-height: 0.45rem;font-size: 0.3rem;padding: 0.2rem 0;}
.product-detail-body img{width: 100%;object-fit: cover;height: 100%;}
.actv-two{width: 100%;padding: 0 0.3rem;border-bottom: 1px solid #d6d6d6;background-color: #fff;position: relative;}
.actv-two p:first-child{font-size: 0.4rem;padding-top: 0.3rem;}
.actv-two p:nth-child(2){padding-top: 0.2rem;font-size: 0.25rem;}
.actv-two p:last-child{margin-top: 0.2rem;}
.actv-two p img{width: 1.5rem;height: 0.6rem;}
.actv-two p img:nth-child(2){margin-left: 0.4rem;}
.actv-two p img:last-child{margin-left: 0.4rem;}
.acv-time{line-height: inherit !important;padding-bottom: 0rem !important;text-indent: 0em !important;}
.actv-two p span{display: inline-block;width: 33%;text-align: left;color: #686868;}
.actv-two p span:nth-child(2){width: 60%;}
.actv-two p span:nth-child(3){text-align: right;}
.nav-heaet{margin-top: 0.88rem;background-color: #fff;}
.nav-heaet ul li{text-align: center;width: 50%;float: left;font-size: 0.3rem;height: 0.8rem;padding-top: 0.15rem;line-height: 0.8rem;}
.nav-heaet ul li p{height: 0.5rem;border-right:1px solid #ccc;line-height: 0.5rem;}
.nav-micr{padding-top: 0.88rem;background-color: #fff;}
.nav-micr ul li{text-align: center;width: 20%;float: left;font-size: 0.3rem;height: 0.8rem;padding-top: 0.15rem;line-height: 0.8rem;}
.nav-micr ul li p{height: 0.5rem;border-right:1px solid #ccc;line-height: 0.5rem;}
.paper p{border: none !important;}
.touch{width: 7.5rem;overflow:hidden;}
.touch-three{width: 7.5rem;overflow-y: hidden;overflow-x:hidden;}
.content-height{overflow-y: auto;}
.heaet-select{color: #28a7f0;}
.package{width: 7.5rem;overflow:hidden;background-color: #fff;}
.package-menus{width: 7.5rem;overflow-y: hidden;overflow-x:auto;background-color:#fff;}
.package-menus ul li{width: 1rem;height: 0.8rem;background-color: #fff;float: left;font-size: 0.3rem;line-height: 0.8rem;text-align: center;}
.package-select{color:#24d4b8;border-bottom: 2px solid #24d4b8;}
.package-select1{color:#639d5c;border-bottom: 2px solid #639d5c;}
.package-select2{color:#86c25a;border-bottom: 2px solid #86c25a;}
.package-select3{color:#d5e920;border-bottom: 2px solid #d5e920;}
.package-select4{color:#fae246;border-bottom: 2px solid #fae246;}
.package-select5{color:#fcbf56;border-bottom: 2px solid #fcbf56;}
.package-select6{color:#f78a51;border-bottom: 2px solid #f78a51;}
.package-menus ul li:first-child{margin-left: 0.3rem;}
.packages{max-width: 6.4rem;margin: 0rem auto;border-radius: 5px;overflow: hidden;}
.package-nav{max-width:6.4rem;margin: 0.2rem auto;border-radius: 5px;overflow-y: hidden;overflow-x: auto;}
.package-nav ul li{width:1.6rem;height: 0.5rem;float: left;font-size: 0.25rem;background-color: #fff;line-height: 0.5rem;text-align: center}
.package-nav-select{background-color: #24d4b8 !important;color: #fff;border-radius: 5px;}
.heaet-menus{width: 7.5rem;margin-top: 1.2rem;}
.heaet-menus ul li{border:1px solid #28a7f0;color:#28a7f0;width: auto !important;height: 0.55rem;background-color: #fff;border-radius: 15px !important;float: left;font-size: 0.25rem;padding: 0rem 0.2rem !important;margin:0 0 0.3rem 0.2rem !important;line-height: 0.55rem;text-align: center;}
.heaet-menu-select{color:#fff !important;background-color: #28a7f0 !important;}
.more{position: absolute;right: 0;top:0;height: 0.8rem;font-size:0.45rem;width: 1rem;border-left:1px solid #f5f5f5;background-color: #fff;text-align: center;line-height: 0.65rem;}
.more-bg{position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.more-connmone{position: fixed;background-color: #fff;width: 100%;top:0.88rem;padding-bottom: 0.3rem;display: none;}
.more-connmone ul li{float: left;width: 45%;height: 0.8rem;display: flex;align-items: center;justify-content: center;margin-left: 0.25rem;background-color: #f5f5f5;margin-top: 0.2rem;font-size: 0.28rem;border-radius: 5px;}
.more-select{border:1px solid #73B951;color:#73b951;background-color: #fef4ec !important}
.nav-minds ul li{width: 33% !important;}
.suspension{position: absolute;top:2.5rem;left:0.2rem;width: 0rem !important;}
.suspension-start{width: 1.2rem !important;height: 1.2rem;position: relative;z-index:3;left:0.15rem;opacity: 0.8;}
.suspension-list{position: absolute;z-index:2;background-color:#fef6f6;top:1.2rem;left:-0.2rem;padding: 0.35rem 0.1rem 0 0.1rem;width: 2.3rem;display: none}
.suspension-list ul li{text-align: center;border-bottom: 1px solid #28a7f0;font-size: 0.3rem;padding: 0.15rem 0;}
.suspension-close{padding-top: 0.1rem;text-align: center;}
.suspension-close p{color:#28a7f0;font-size: 0.25rem;padding-top: 0.01rem;padding-bottom: 0.15rem;}
.suspension-select{color:#28a7f0}
.suspension-start{width: 1.6rem !important;height: 1.6rem;background:url(../images/cr.png) no-repeat;background-size: 1.6rem 1.6rem;}
/*.first-title{position: absolute;width: 1.6rem;font-size: 0.3rem;color:#fff;z-index:10;top:0.45rem;left:0.3rem;pointer-events: none;}*/
.second-title{width: 1.6rem;font-size: 0.23rem;color:#28a7f0;pointer-events: none;text-align: center;padding-top: 0.98rem;}
.minds-content ,.summer-camp-list{padding: 0 0.2rem 0 0;margin: 0.2rem 0 1.2rem 0;}
.minds-content ul li ,.summer-camp-list ul li{width: 47%;float: left;margin-bottom: 0.3rem;background-color: #fff;border-radius: 5px;margin-left: 0.21rem;}
.minds-content ul li p img ,.summer-camp-list ul li p img{border-top-left-radius:5px;border-top-right-radius:5px;width: 100%;height: 2rem;object-fit: cover;}
.minds-content ul li p:nth-child(2) ,.summer-camp-list ul li p:nth-child(2){font-size: 0.28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:0.15rem;padding-top:0.1rem}
.minds-content ul li p:nth-child(3) ,.summer-camp-list ul li p:nth-child(3){position: relative;margin-top:0.05rem;margin-bottom:0.1rem}
.minds-content ul li p span ,.summer-camp-list ul li p span{display: block;float: left;}
.minds-content ul li p span:nth-child(1){color: red;font-size: 0.3rem;width: 40%;white-space: nowrap;padding-left:0.15rem}
.minds-content ul li p span:nth-child(2){font-size: 0.25rem;text-align: right;width: 60%;padding-right: 0.1rem;color: #b6b6b6;position: absolute;bottom: 0rem;right: 0;}
/*夏令营与详细*/
.summer-camp-list ul li p span:nth-child(1){font-size:0.25rem;color:#b6b6b6;width: 55%;padding-left: 0.15rem;}
.summer-camp-list ul li p span:nth-child(2){font-size: 0.23rem;text-align: right;width: 45%;padding-right: 0.1rem;color: #b6b6b6;position:absolute;bottom:0rem;right:0}
.actv-one{margin-top: 0.88rem;width: 100%;overflow: hidden;}
.actv-one img{max-height: 3rem;object-fit: cover;width: 100%;}
.vo-content{background-color: #fff;font-size:0.28rem;padding: 0.3rem 0.2rem;line-height: 0.5rem;}
.vo-content p{text-indent: 0.6rem;line-height: 0.45rem;}
.vo-contact{background-color: #fff;padding: 0.3rem 0.3rem;margin-top: 0.3rem;margin-bottom: 1.2rem;}
.vo-contact p:first-child{font-size: 0.35rem;}
.vo-contact p:nth-child(n+2){padding-top: 0.2rem;font-size: 0.28rem;}
.vo-content h3{color: #24d4b8;padding: 0.3rem 0;}
.actv-three{padding: 0 0.2rem;font-size:0.25rem;margin-bottom: 1.2rem;background-color: #fff;}
.actv-three img{width: 6rem;height: 3.5rem;object-fit: cover;}
.actv-three p{padding: 0.2rem 0;line-height: 0.5rem;text-indent: 2em;font-size: 0.3rem;}
.acv-time{line-height: inherit !important;padding-bottom: 0rem !important;text-indent: 0em !important;}
.address-o{text-indent: 0em !important;padding-bottom: 0.4rem !important;}
/*支付*/
.w-bc-input{background: #FFFFFF;height: 1.2rem;font-size: 0.3rem;line-height: 1.2rem;border-bottom: 1px solid #d6d6d6}
.w-left-title{height: 1rem;font-size: 0.3rem;line-height: 1.2rem;background-color: #f5f5f5;}
.left-content{margin-left: 0.4rem;font-size:0.35rem;line-height: 1.2rem; vertical-align: middle;}
.w-bc-input span:nth-child(2){padding-left: 0.2rem;}
.w-bc-input span:nth-child(3){float: right;padding-right: 0.3rem;}
.sel-bntk {margin: .3rem 0 .4rem 0;text-align: center;}
.d-f{float:left;display:inline-block;width:100%}
.zl-title{height:1.2rem;line-height:1.2rem;text-align:center;font-size:.36rem;color:#54595f}
.w-bc{background: #FFFFFF}
.w-center-titles{height: 0.8rem;font-size: 0.3rem;text-align: center;line-height: 0.8rem}
.pay{padding: 0.1rem 0.3rem 0.2rem 0.3rem;font-size: 0.3rem;}
/*人生规划*/
.life-title{text-align: center;padding: 0.3rem 1rem;font-size: 0.28rem;color: #686868}
.life-title-select{background-color: #fff;padding-bottom: 0.3rem;}
.life-title-select p{padding:0.3rem 0 0 0.3rem;font-size: 0.3rem;}
.life-title-select ul li{float: left;padding: 0 0.2rem;margin-left: 0.3rem;margin-top: 0.2rem;border:1px solid #ccc;border-radius: 0.15rem;font-size:0.28rem;height: 0.7rem;line-height: 0.68rem;}
/*.life-title-select ul li span{}*/
.life-btn{margin-top: 1rem;}
.life-btn button{width: 40%;padding: 0.1rem 0 0.15rem 0;}
.life-select{color:#fff !important;background-color: #28a7f0 !important;border:1px solid #28a7f0 !important;}
.myself{padding:0 0.2rem;}
.myself ul li{margin-top: 0.3rem;border-radius: 5px;background-color: #fff;}
.myself ul li img{border-top-left-radius: 5px;border-top-right-radius: 5px;height: 2.5rem;object-fit: cover;width: 100%;}
.myself ul li p:nth-child(n+2){padding-top:0.1rem;font-size: 0.28rem;padding-left: 0.2rem;}
.myself ul li p:nth-child(1){margin-bottom: 0.1rem;}
.myself ul li p:nth-child(3){padding-bottom: 0.2rem;}
.myself ul li p span:nth-child(1){font-size: 0.28rem;color: red;}
.myself ul li p span:nth-child(2){font-size: 0.2rem;padding-left: 0.3rem;}
.nav-vo{margin-top: 0.9rem;height: 0.8rem;}
.nav-vo ul li{width: 50%;height:0.8rem;float: left;text-align: center;font-size: 0.3rem;display: flex;align-items: center;justify-content: center;}
/*.nav-vo ul li hr{width: 0.5rem;border:1px solid #24d4b8;margin-left: 1.1rem;margin-top: 0.05rem;}*/
.nav-vo ul li:first-child{padding-left: 1rem;}
.nav-vo ul li:last-child{padding-right: 1rem;}
.vo-content dl{border-bottom: 1px solid #ccc;position: relative;}
.vo-content dl:last-child{border:none}
.vo-content dl dd{float: left;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.22rem 0 0.15rem 0.1rem;}
.vo-content dl dt{float: left;width: 15%;padding: 0.15rem 0 0.15rem 0;text-align: center;}
.shopping{position: fixed;bottom: 0.88rem;width: 100%;font-size: 0.3rem;}
.shopping dl dd{width: 50%;float: left;text-align: center;height: 0.8rem;line-height: 0.8rem;color: red;background-color:#fff;}
.shopping dl dt{width: 50%;float: left;text-align: center;height: 0.8rem;background-color: #24d4b8;color: #fff;display: flex;align-items: center;justify-content: center;}
/*著作与论文*/
.book-left img{width: 1.9rem;height: 2.1rem;object-fit: cover;}
.book-right{float: right;width: 68%;}
.book-button-care{background-color: #fff;border-bottom: 1px solid #ccc;text-align: right;padding-bottom: 0.3rem;padding-right: 0.6rem;}
.book-button-care img{width: 1.8rem;height: 0.6rem;}
.book-button-care img:nth-child(2){margin-left: 0.4rem;}
.book-button-care img:last-child{margin-left: 0.4rem;}
.book-list-title{font-size: 0.35rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.book-list-foot span{display: inline-block;float: left;width: 33%;}
.book-list-foot span:nth-child(1){font-size: 0.25rem;}
.book-list-foot span:nth-child(3){text-align: right}
.book-list-foot span img {width: 0.3rem;height: 0.3rem;margin-bottom: 0.06rem;}
.book-list-foot button{width:30%;background-color: #28a7f0;border: none;color: #fff;font-size: 0.25rem;border-radius: 5px;padding: 0.1rem 0 0.1rem 0;position: absolute;top: 1.55rem;}
.book-introduct{background-color: #fff;padding:0.3rem;font-size: 0.3rem;border-bottom: 1px solid #ccc;}
.book-footer{position: relative;background-color: #fff;padding: 0.3rem 0;}
.book-footer dd{float: left;width: 50%;font-size: 0.3rem;padding-left: 0.3rem;}
.book-footer dt{float: left;width: 50%;text-align: right;font-size: 0.28rem;padding-right: 1rem;color: #686868;}
.idioms-other-list p{color: #28a7f0;font-size: 0.3rem;background-color:#fff;padding: 0.2rem 0 0rem 0.2rem;}
/*订单与购物车*/
.order-list{margin-bottom: 1.2rem;}
.order-list ul li{background-color: #fff;padding:0 0.2rem;margin-top: 0.3rem;}
/*.order-servant ul li{padding-bottom: 0.2rem;}*/
.order-title{border-bottom: 1px solid #ccc;position: relative;padding: 0.1rem 0;}
.order-title dl dd{width: 40%;float: left;font-size: 0.3rem;padding-left: 0.2rem;}
.order-title dl dd span{padding-left: 0.6rem;}
.order-title dl dd i{font-size: 0.35rem !important;color: #686868;position: static;padding-left: 0.1rem;}
.order-title dl dd input{position: absolute;top: 0.15rem;}
.order-title dl dt{width: 60%;float: left;color: #b6b6b6;text-align: right;font-size: 0.25rem;position: absolute;bottom: 0.1rem;right: 0;}
.order-footer{border-top: 1px solid #ccc;text-align: right;padding: 0.2rem 0;}
.order-detail-left{float: left;width: 30%;padding: 0.2rem;}
.order-detail-left img{width: 1.7rem;height: 1.7rem;object-fit: cover;border-radius: 5px;}
.order-detail-right{float: left;width: 70%;}
.order-shopping-title dl dd{padding-left: 0rem;}
.order-shoppingcar-select{width: 5%;float: left;}
.order-shoppingcar-left{width: 30%;}
.order-shoppingcar-right{width: 65%;}
.order-detail-right p:nth-child(1){font-size: 0.3rem;margin-top: 0.15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.order-detail-right p:nth-child(2){margin-top:0.1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.28rem;}
.order-detail-right p:nth-child(3){margin-top: 0.18rem;position: relative;}
.order-detail-right p span{display: inline-block;width: 50%;}
.order-detail-right p span:nth-child(1){font-size: 0.25rem;color: red;}
.order-detail-right p span:nth-child(2){text-align: right;position: absolute;bottom: 0;font-size: 0.25rem;}
.btn-qx{background-color:#fff;padding: 0.1rem 0.2rem;margin-bottom: 0;color:#000;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;touch-action: manipulation;border: 1px solid #ccc;border-radius:4px;margin-right: 0.2rem;font-size: 0.25rem}
.btn-pay{background-color:#DE9B01;padding: 0.1rem 0.2rem;margin-bottom: 0;color:#fff;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;touch-action: manipulation;border: 1px solid transparent;border-radius:4px;font-size: 0.25rem;}
.shoppingcar-pay{padding-left: 0.2rem;background-color: #fff;position: fixed;bottom: 0.88rem;width: 100%;}
.shoppingcar-pay div{float: left;height: 0.8rem;}
.shoppingcar-pay-left{width: 30%;line-height: 0.8rem;font-size: 0.25rem;}
.shoppingcar-pay-center{width: 50%;text-align: right;line-height: 0.8rem;font-size: 0.3rem;padding-right: 0.6rem;}
.shoppingcar-pay-center span{color:red}
.shoppingcar-pay-right{background-color: #24d4b8 !important;color: #fff;font-size: 0.3rem;width: 20%;float: right !important;}
.gqt-sele{color:#28a7f0;border-bottom: 2px solid #28a7f0;}
/*目录*/
.index-list{margin-bottom: 1.2rem;margin-top: 0.88rem;background-color: #fff;font-size: 0.28rem;}
.musiclist-title ul li{width: 50%;float: left;height: 0.8rem;line-height: 0.8rem;font-size: 0.3rem;text-align: center;border-bottom: 1px solid #ccc;}
.index-list dl{border-bottom: 1px solid #ccc;}
.index-list dl dd{width: 80%;float: left;height: 0.8rem;line-height: 0.8rem;padding-left: 0.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.3rem;}
.index-list dl dt{width: 15%;float: right;height: 0.8rem;line-height: 0.85rem;text-align: center;}
.index-list dl dt i{font-size: 0.35rem;}
/*/音乐播放器*/
.music-bg{background: url(../images/music-background.jpg) no-repeat center center; background-size:cover;}
.music-bg1{background: url(../images/copymusic.png) no-repeat center center; background-size:cover;}
.music-bg2{background: url(../images/popo.jpg) no-repeat center center; background-size:cover;}
.music-title{padding-top: 1.5rem;text-align: center;font-size: 0.4rem;}
.music-fm{text-align: center;padding-top: 1rem;}
.music-fm img{width: 4.8rem;height: 4.8rem;object-fit: cover;border-radius: 50%;}
.music-control{text-align: center;padding-top: 1rem;display: flex;justify-content: space-around;align-content: space-around;padding-bottom: 0.8rem;}
.music-control img{width: 0.7rem;height: 0.7rem;}
.music-control img:first-child{height: 0.4rem;width: 0.5rem;margin-top: 0.14rem;}
.music-control img:last-child{height: 0.4rem;width: 0.5rem;margin-top: 0.16rem;}
.music-profess{padding-top: 0.9rem;}
.music-profess-left{width: 20%;float: left;height: 0.4rem;}
.music-profess-left img{width: 0.5rem;height: 0.4rem;}
.music-profess-right{width: 100%;height: 0.4rem;padding-left: 0.4rem;}
.music-profess-start{float: left;font-size: 0.28rem;width: 15%;height: 0.4rem;}
.music-profess-realtime{float: left;height: 0.4rem;width: 65%;}
.jindu{width: 90%;height: 2px;background-color: #686868;border-radius: 5px;position: relative;}
.music-profess-end{float: left;font-size: 0.28rem;width: 15%;text-align: center;height: 0.4rem;}
.con-cur{position: absolute;width: 0.2rem;height: 0.2rem;left: 0rem;top:-0.08rem;margin-left: -0.04rem;}
.real-jindu{background-color: #29cdb3;height: 2px;width: 0px;}
.first-layer{width: 5.2rem !important;height: 5.2rem;border-radius: 50%;margin: 0 auto;background-color: rgba(179,238,230,0.5)}
.second-layer{width: 5rem;height: 5rem;border-radius: 50%;background-color: #b3eee6;}
.motai-body{position: fixed;bottom: 0;height: 8rem;background-color: #fff;overflow-y: auto;}
.trash{animation: spin 50s linear infinite;}
.no-data{width: 100%;height: 9rem;}
.no-data-body{width: 100%;height: 9rem;}
@media only screen and (min-width: 320px) and (max-width:359px){
.order-detail-right p{line-height:0.4rem}
.order-detail-right p:nth-child(1){margin-top:0.2rem;}
.order-detail-right p:nth-child(2){margin-top:0.08rem;}
.order-detail-right p:nth-child(3){margin-top:0.05rem}
.idioms-list-content{margin-top:0.18rem}
.idioms-list-foot{margin-top:0.18rem}
.suspension-start{width: 1.8rem !important;height: 1.8rem;background-size: 1.8rem 1.8rem;}
.second-title{width: 1.8rem;font-size: 0.2rem;pointer-events: none;text-align: center;padding-top: 1.05rem;}
/*.first-title{font-size: 0.32rem;top:0.5rem;left:0.38rem;}*/
.suspension-list{width: 2.5rem;top:1.4rem}
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
.life-title-select ul li{line-height: 0.65rem;}
}
@media screen and (min-width:600px) and (max-width:960px){
/*.first-title{width: 1.6rem;font-size: 0.23rem;top:0.35rem;left:0.28rem;}*/
.suspension-list{background-color:#fef6f6;top:0.8rem;left:-0.2rem;width: 2rem;}
.suspension-start{width: 1.2rem !important;height: 1.2rem;background-size: 1.2rem 1.2rem;}
.second-title{width: 1.2rem;font-size: 0.18rem;pointer-events: none;text-align: center;padding-top: 0.72rem;padding-left: 0.03rem;}
.music-fm{text-align: center;padding-top: 0.5rem;}
.music-title{padding-top: 1rem;text-align: center;font-size: 0.4rem;}
}
@media only screen and (min-width: 360px) and (max-width: 374px) {
/*.first-title{width: 1.6rem;font-size: 0.32rem;top:0.45rem;left:0.28rem;}*/
.suspension-start{width: 1.6rem !important;height: 1.6rem;background-size: 1.6rem 1.6rem;}
.second-title{width: 1.6rem;font-size: 0.2rem;pointer-events: none;text-align: center;padding-top: 0.95rem;}
.suspension-list{background-color:#fef6f6;top:1.2rem;left:-0.2rem;width: 2.3rem;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*.first-title{width: 1.6rem;font-size: 0.32rem;top:0.45rem;left:0.29rem;}*/
.suspension-start{width: 1.6rem !important;height: 1.6rem;background-size: 1.6rem 1.6rem;}
.second-title{width: 1.6rem;font-size: 0.23rem;pointer-events: none;text-align: center;padding-top: 0.98rem;}
.suspension-list{background-color:#fef6f6;top:1.2rem;left:-0.2rem;width: 2.3rem;}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes topBubbles {
0% {
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
50% {
background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
100% {
background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
@keyframes bottomBubbles {
0% {
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
}
50% {
background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
}
100% {
background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
/*阅读器*/
.icon-text{margin-top: 5px;}
.m-fiction-container{font-size:14px;color:#555;line-height:31px;padding:15px}
.m-fiction-container h4{font-size: 0.3rem;color:#736357;border-bottom: solid 1px #736357;letter-spacing:2px;padding-bottom: 0.15rem;margin-bottom: 0.2rem;}
.m-fiction-container p{letter-spacing: 0px;text-indent: 2em;line-height:24px;margin: 0.5em 0;}
.u-tab{height:34px;line-height:34px;margin:10px auto;border-radius:8px;background:#000;opacity:0.9;border:solid 1px #858382;font-size: 12px;}
.u-tab li{display:inline-block;text-align:center;color:#fff;border-right:solid 1px #fff;width:49%;}
.u-tab li:nth-child(2){border-right:none;}
.m-button-bar{width:70%;max-width:800px;margin:0 auto;padding:5px;}
.nav-bar{width:100%;height:0px;position:fixed;top:0px;z-index:10004;background:#000;opacity:0.9;}
.icon-back{position:absolute;top:14px;left:10px;width:23px;height:23px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGMkEyQkQxMjdBNDExRTU4NjA2QTJDMjFDQ0I0ODhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGMkEyQkQyMjdBNDExRTU4NjA2QTJDMjFDQ0I0ODhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkYyQTJCQ0YyN0E0MTFFNTg2MDZBMkMyMUNDQjQ4OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkYyQTJCRDAyN0E0MTFFNTg2MDZBMkMyMUNDQjQ4OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Ia560AAAHWklEQVR42uyd7W9U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);background-size:contain;}
.nav-title{position:absolute;top:16px;left:42px;color:#d5d5d6;}
.foot-nav{width:100%;height:0px;background:none;position:fixed;opacity:1;bottom:0px;z-index:10004;}
.foot-bar{background:#000;opacity:0.9;overflow: hidden;}
.foot-bar-word .item{width:25%;color:#fff;height: 70px;float: left;position: relative;}
.icon-catelog,.icon-font,.icon-light-day,.icon-night-day{width:18px;height:13px;}
.icon-catelog{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAoCAYAAABerrI1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0IwMjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0IxMjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M1ODVCRkYyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0M1ODVDMDAyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uTX6PAAAA0UlEQVR42uyXsQrCMBRFX4p0V39Pv8FJcekHFJe6d+v3NY6CDvUFooQ0AcEllnPhlgz3QU6bBq6ZnvdaRC7qndqoB/VR/ZC5wuxGytLtvXejUJ0uDlGgVZ8Tg6lsaWod1Jh461a9TQyMBX6hWLaSBary5zBWn8kPf8DUr/Rx8hfEPth4kxkIs+tCL4rG/VOLPH5AAQUUUEABBRRQv0O54nf1tcL6dZ3Jh9mpMH/2TkmkJFISKYmURKCAAgoooIACCihKIiWRkkhJpCR+XxJfAgwA/ROhOlYvoWQAAAAASUVORK5CYII=);background-size:contain;margin-left: 3px;}
.icon-font{height:13px;width:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAuCAYAAACViW+zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCRTkzQUQ3Mjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCRTkzQUQ4Mjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQkEyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJFOTNBRDYyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/hjRDAAAFqklEQVR42uRaaWwVVRi9fTbYqoBoEGIVrDsBA6JRAY0VSkQUl7pQI8YQGjTRaNCgBtdoApho3aoRRJaIC25/VBTBCiqCuKX+QDFqFANRsRCtsRWr9XzxNBnu++6bO/fNe9i+k5y0c2fmzrwz3/22mbKuv9pNChgCLgLHgBvABnCr6Qkor1CHy1ISZjVYG9leC55V6sLsB/4ucynj7T1VmEwKU09VRBHUmx6MNIS5JuF4SQhzIniKY5+MjypVYa4OtKb/PfJxvn3B7eABOY4Rp3wo2FZKzndajCiG+68otaWkLaP23rKcQoWRDHekMj5DGZPjTisVYWYqY+vB5/g3qZPuFcIMYFJn4wnrr50EDujtwlwFVlpjreBL/P9lbkdRyfMKBcmn7gRfAbeAO8G/wS7yT3Ab+AHYBF4I7ptmuJbUfzN4vDXeCN4U2X4AvNE65gtwOG80rYc6ndcdFnD+DnAe+ChCdme+wpzJyjmKLgr1VWTsOAph11A14LoURBkKrgBPTWGu98CLIE5rPktJC73NliiG5vxOgUK3WN3GlEQRnAG+Zjo7+oQKMxCsU8YXOI7XnHAd5wnFQeAb4GBl37fgXeDp4CGS09Jiy+hPxMoud0RNSSduDV1Kt4DzrbEfecHdyvHyBKSLN8galxu4L1CYp5lxRyGO9WbwcbDT00/OtYVg2VKFJdWWxGIyjtxliUMUw/HFjhwoJBqOVMoLuca54COeonT7xDmMUHbtV5d0KU0Ej7TG/gEXxpy3kMdFIfPUBghzneLMJUS/HTCXiPOYMl6bVBgtc30T/C7mPNm/KgUnvA94iTX2Cy0lFO87rNJbmCpwiqdz9XXCUzivLyqZK21g4tadSObTU96q5FSHJxFmBj18FD8wOvhgJY/fowviKDhz9XXuBccy4kg/eWkKofo3a/tAX2HkBzQo44sSODs57illvEER3Ac7mdxtTEGY/UNrpXOi5hXzQ3NBE1LmnbyXasSTafHlocJoTvJVFmRJsI3n7a12xCD6tfnM0j8CJ4UWkUeA3yjinQ2+FXBzkxS/JKH8KI/o5oP+4LHgMWA177+a20O8ZymvKDMxa9yViK1Kue0xkwlXyLmy1M/jw6pO08RcFiPp/PeOmiRt5CorcvWEbgePDrzmbpYld7gsxiXMpeALRXSGl4Evei6XpWw0JcEf7CN9Bn4Ivs4H0pVUmDXghCIK0+xxvT70UeMd+yXx+5RhfDOrbXH68u5rV47SwFsYcWBfFrDJVKP0arRmlw2tKyj4GnwYfJY5TtKaSRUm4wihtigi1LspWcc6zme3AnKFbnGs1yo/ai4bV00BogyM8+xRVBi9ab3ApNer7XI0t7Qmezemm+zm9f3gbQmddhQnJBFGKtiDrTFZa8tS9inLlAJQrnux4/gJSu10T573MD6JMFqmuyKH8wrFLkfUc7Ujhlvbn1Cc4DTF6O/GVGFGgOMczaZCQFtO4xQTzzBM21acD+rjcqBMzNNqYQ+kEJB5P/eon6RssD8jGWb0z9t8cBj4oE9aLZDPNaZ5PtU0oTWxtM9LWqxtyZTPD7ievO9abbIb9JHeQUcmKsxUxVxlDS8vsDDLFV/R32R/2LhSOfdJ4/8VhfRdZoEfmz3fomoRbXBUGG0ZPWMK/yVUGxOzuOW0mGm9nYes531eQCvqXl7lrNrr2QuSNmajZYm/gjco1x7RnfkOdZT9o1lbFBqjGWW0pC56X9czw42DtCv7xvig7VyKP5vsL9gfQvY7Syymw2S/4thUJFEM65tNisO1I4+8EZjnkWj2ixFFLHQUH4b0ordY+6+En+knwvzElDoaCmeb4mK2JUQT78vGHPZeWhLOL3M/D55k/ntptyOy724l0WyMFpE1jO3NrEyLDVk6E1lIrvU4fgxFGkv/UsWSQnxHK5dhC/3QGqe/dHy1+a8AAwCKR08FSRIHxQAAAABJRU5ErkJggg==);background-size:contain;margin-left: 8px;}
.book-list{position: fixed;z-index:210;width: 6rem;height: 100%;left: 0;top: 0;background-color: #e9dfc7;}
.book-name{width: 6rem;height: 1.2rem;font-size: 0.35rem;border-bottom:1px solid #d6d6d6;display: flex;align-items: center;padding-left: 0.4rem;}
.book-index{font-size: 0.35rem;width: 6rem;height: 0.8rem;border-bottom: 1px solid #d6d6d6;display: flex;align-items: center;padding-left: 0.4rem;}
.book-fyname{padding: 0 0.2rem;height: 10.5rem;overflow-y: auto;}
.book-fyname ul li{border-bottom: 1px solid #d6d6d6;display: flex;align-items: center;width: 100%;height: 0.8rem;font-size: 0.28rem;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.book-fyname ul li span:first-child{font-size: 0.8rem;position: absolute;bottom:-0.08rem}
.book-fyname ul li span:last-child{padding-left: 0.4rem;font-size: 0.28rem;}
.current .icon-font{
height:13px;
width:20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAA0CAYAAAAg5t6HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0I4Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0I5Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQjYyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U3QTczQjcyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nhaYNAAANmElEQVR42uxbC1RV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);
background-size:contain;
}
.icon-light-day{
width:19px;
height:18px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0I0Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0I1Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQjIyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U3QTczQjMyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6o6V5PAAADu0lEQVR42uyaTUgVURTHm/cigiS1LEitoHoqbgtcZAStngtDoYxa9rFsYYuWfUBhuSjCneiylkH2oavoEZlC4aYsM9toakWLnpsWyfQfOMJrOvdjZs6bedQc+OF7d9499/y9M/fj3HFc110Xo3WAYfp8BozG0agTs8hFsIM+L4H6f1GkvzEnjkYz6/4DS0WmIlORSlsq+bxcKSI3gkHwBlwSGA3PkrjPNE+GnhXAZYprkOLUjOmYQjT0un/aMHAMdcqNQ3GUWq+ujqknt/i+nwZDcc1vih4cojh0cQbqyQaw4P5tSfQo14OezYNGXV0b5zly5Le+mEX2KQTmTHVtl3U58BQ0lpQtgJ2Gei2gE7SDVrANVIMf4Bt4B56Dh+C9wdc80/4RMGteTNr/J/09+lhzW3WBCTeYTVA91WPwKGgPBrldS9kFBkA/qGOuN4FnbjTz6jczvuuoXa/93UHilnxmjoMVV8ZWyJ9IbFICz4FVV9ZWyW9FiDwGfmmCnQIXQBuoBxvobxuVT2nqen57khbpPYNFRYBzoNtiPnXod3MKP0VqJxGRjmaQGQXVAf1VUz3VYOQkIbJLEdADkA3pM0v1OetKQuQ4E8gHUBXxEfDqzzC+x+MW2aL4b+eFRuu8wn9LGH9hN82dTNlrMCa02xgjf347GmdmoJ0puyu8rbrHlB2MU2QrUzYuLLJg2a6VyA7KbLsMi3Tdb9sVuwRJ+2TZrjF+b+4pTd2rkk/1hky4Z+vBapkz7lzW3Ri/ze3KpTqKTNlmYYG1TNlKmJRJpiSDxpkqq/aVKdsrLHIPU/ZFkwFUxu/dYk8M3c3ZNNjnKzsEXgmKPKxo12/G+MOOri+YslPCPXnSst2yTSEjTNkBkBcSmCd/Nu1aDF/hl15cDmdGYO26SXrtGuUs5AZT1kQrn2xIn1la6TQx1/rDT0TR9pMFxUL6fogeraJ6nBWS2k+uZQZUyauPtOO38dNNv1cltZqTzvH0WOZ49oMaqlND321yPCfSbF2ad5UXufaMFiIKLER9BqOK9Ea4m2CZEk61mrOQyYDiJjUpzFpqb5nad8olkjsfvG6RC7oIRsBsSY62SN9H6Lopd3MtyvmorcCM4gD0dkxnk7eiHARHEWg84RWkUXPinZEQeSXsCa8wOYXQqxIi31aAQN3R/rTEAv1lqCNs3taSTqoEmclmqf2FIFlCm3cGvBeBzoOt4I7vraqgJvW+awPF9B0MgJ9RRZYz+5a+75qKTEWmIstuFfm+q7RJve8ayH4LMACaxEJEaXs23AAAAABJRU5ErkJggg==);
background-size:contain;
margin-left: 9px;
}
.icon-night-day{
left:4px;
width:16px;
height:16px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2OUYzRUEwMjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBMzA2RjA2Mjc4QTExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTY5RjNFOUUyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTY5RjNFOUYyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4v5YACAAAC/UlEQVR42tSaXYhNURTH97kzRnJ9ZTQzPh7IMEr5yshHEwkRkSeSjweEiMjDePTkhcKLPCApUV54GxTKcDM0JfL9QE0UGdcdEmb7L3edOq5zzz1nn332Pvdfv5e5Z9Zd666711577etIKYUGjQILwRwwDOwDfcKAamP873CwBawDrcABP8ACU87/FWUgIk3gKMjL/7VfwV4sojxcCw6AL9JfD0DGdABhv0KTwAUwO+CZvaBfGFaYAJaDyyAb8Mwt0CksKFPh9W3gWgXnSSeFJTkBZXQrOM3VJUi9oJErUGoysBKcCuE86YYt58sF0MILtiakjTvCojI+i/o876Zh9ThNARysUCr99NpmAN5FTAvxBRgS0QZlK5+GDLQrOC9sOu/NADVm70LU+9RmYJOi8yLigk8sgPUxbEy0HUATH0RUNdV2AG0hd9xyarMdwNyYNhaDOpsBTI5pYwRYYTMAHYtwh80ARmqws1ShBdEWwGAdGyI4HrMYKAegawFSMdhlo5XIK/ZAfvoO5oFukxn4oNHeID5DjzUZwCvNNsn5DjDOVADPErA7BdwF0xP2v4YCyCVknDJwjxe2k8AHT4O0VTSeawD9Mll1glZN48T5IMc+N7p/7JJm1AFWg4ERna4Da8F1j62cdzZKY5RZBtbcEuYzuAlugyfgOSjwyS7LJ8QJYJoojuuX+RycLnqPlPXgLZfBalCB11iveyL7CM6K6tEZURxp/jNWGc2pzFbBp98M3peOVXrA4Sr49I+4zpdmgDSA94UZKXX+ITeNP8sFIDg9XWBoypyni0O6THzqN1bx6iXYCH6nyHnyZXOp8+UCIF0Fe1LiPH1FdoMr/q8G74DbwS9pT/TeO+Nes64JuFpNUl+5fdByT9wMHhl0vhu06L7opobqEPiWoON9oJ0v1bXf1LuMAcdAQbPjJ6g9juqPE+PXKvVcbjeAmQqHFsmb5iVwzu1tVKYSOkpdA1jEU246To4XxZ/gZLlUU5v8CbzhI+x9bqV74r7xHwEGAPDRVwnecW5KAAAAAElFTkSuQmCC
);
background-size:contain;
margin-left: 4px;
}
.foot-pannel-bk{
position:fixed;
width:100%;
height:0px;
bottom:0px;
background:#000;
opacity: 0.9;
z-index:10000;
}
.foot-pannel{
position:fixed;
width:100%;
height:0px;
bottom:0px;
background:#000;
opacity: 0.9;
color:#fff;
z-index:10001;
}
.child-pannel{
padding: 5px 10px;
margin:15px;
}
.child-pannel span{
display:inline-block;
padding-right:20px;
padding-left:10px;
font-size: 0.3rem;
}
.font-change{
background:none;
border:1px solid #8c8c8c;
color:#fff;
border-radius: 16px;
font-size: 0.3rem;
padding:0 0.5rem 0.05rem 0.5rem;
}
.child-pannel button:nth-child(2){
margin-right:10px;
}
.icon-color-bar{
position:relative;
width:0.38rem;
height:0.38rem;
border-radius: 15px;
display:inline-block;
vertical-align: -0.1rem;
margin-left: 0.15rem
}
.icon-color-current{
position:absolute;
top:-2px;
left:-2px;
width:32px;
height:32px;
border-radius: 16px;
display: inline-block;
border:1px solid #ff7800;
}
.color1{
background:#f7eee5;
}
.color2{
background:#e9dfc7;
}
.color3{
background:#a4a4a4;
}
.color4{
background:#cdefce;
}
.color5{
background:#283548;
}
.color6{
background:#fff;
}
.artical-action-mid{
z-index:10002;
width:100%;
position:fixed;
height:40%;
top:30%;
}
.head-active{
animation: header 2s ease 1 alternate;
animation-fill-mode : forwards
}
.foot-active{
animation: footer 2s ease 1 alternate;
animation-fill-mode : forwards
}
.prev{position: absolute;left: 0.12rem;}
.index{position: absolute;left: 0.02rem;}
.set{position: absolute;left: 0.02rem;}
.next{position: absolute;left: 0.12rem;}
.item-wrapper img{width: 0.4rem;height: 0.4rem;position: absolute;top:0.15rem;left:0.7rem}
.item-wrapper p{font-size: 0.25rem;position: absolute;top: 0.7rem;right: 0.55rem;}
.other{right:0.7rem !important;}
/*反馈*/
.feed-bg{margin-top: 0.88rem;background: url(../images/88.png) no-repeat; background-size: 100% 100%;}
.feed-body{width: 6.5rem;height: auto;background-color: #fff;border-radius: 5px;position: relative;padding: 1.5rem 0.4rem 0 0.4rem;}
.feed-title{position: absolute;height: 2.5rem;top: -0.8rem;left: 1.5rem;}
.feed-question{border:1px solid #ccc;padding: 0.3rem 0.2rem 0.2rem 0.4rem;border-radius: 5px;position: relative;margin-top: 0.5rem;}
.feed-question p{font-size: 0.35rem}
.feed-question ul{margin-top: 0.2rem;}
.feed-question ul li{float: left;width: 50%;font-size: 0.3rem;}
.feed-question ul li label{position: absolute;bottom: 0.23rem;padding-left: 0.2rem;}
.feed-button{text-align: center;padding: 0.5rem 0;}
.tiny-bottom{background-color: #fff;padding: 0.1rem 0 0.3rem 0;}
.tiny-bottom li{border-radius: 5px;float: left;position: relative;margin-bottom: 0.3rem}
.tiny-bottom li:nth-child(2n){margin-left: 0.4rem;}
.tiny-bottom li p{position: absolute;background: rgba(0,0,0,0.5);width: 100%;height: 0.5rem;bottom: 0;color: #fff;font-size: 0.25rem;}
.tiny-bottom li p img{width: 0.3rem;height: 0.3rem;position: absolute;top:0.08rem;left: 0.1rem;}
.tiny-bottom li p span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-size: 0.23rem;padding-left: 0.5rem;line-height: 0.5rem;}
.tiny-bottom li img{width: 3.15rem;height: 2.2rem;border-radius: 5px;}
.trains li{width: 2.8rem;float: left;border-radius: 5px;box-shadow:1px 1px 1px 1px #e2e2e2;margin-left: 0.2rem;margin-top: 0.1rem;margin-bottom: 0.3rem;}
/*.trains li:first-child{margin-left: 0;}*/
.train-img img{width: 2.8rem;height: 1.8rem;border-top-left-radius: 5px;border-top-right-radius: 5px;object-fit: cover;}
.train-title{font-size: 0.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:0.15rem;padding-top: 0.1rem;}
.train-foot{font-size: 0.25rem;padding-left:0.15rem;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.train-dc{width:100%;height:100%;position:fixed;overflow:auto;background-color:rgba(0,0,0,0.5);top:0;left:0;z-index:600;}
.train-dc-content{width:100%;height:100%;position:fixed;top:0;left:0;z-index:600;}
.train-dc-text{max-height: 8.2rem;width: 6.5rem;border-radius: 5px;background: url(../images/train-dc.png) no-repeat;background-size: 100% 8.2rem;padding-bottom: 0.2rem;}
.train-dc-title{height: 3rem;}
.train-dc-title p:first-child{color: #fff;font-size: 0.4rem;text-align: center;padding-top: 0.6rem;}
.train-dc-title p:nth-child(2){color:red;font-size: 0.3rem;text-align: center;padding-top: 0.1rem;margin-top: 0.1rem;}
.train-dc-nr{height: 4rem;overflow-y: auto;}
.train-dc-nr p{font-size: 0.28rem;padding: 0rem 0.2rem 0rem 0.4rem;line-height: 0.45rem;text-indent: 1em;}
.kp li{position:relative;float: left;border-radius: 5px;box-shadow:1px 1px 1px 1px #e2e2e2;margin-left: 0.2rem;margin-top: 0.1rem;margin-bottom: 0.3rem;}
.kp-img img{width: 2.1rem;height: 2.4rem;border-top-left-radius: 5px;border-top-right-radius: 5px;object-fit: cover;}
/*.kp-title{font-size: 0.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
.kp-title{width: 1.9rem;height:0.55rem;position: absolute;top:1rem;border-radius: 2px;border:1px solid #fff;left: 0.1rem;}
.second-la{margin-left:0.05rem;margin-top:0.06rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius:2px;border:1px solid #fff;display:block;width: 1.75rem;height: 0.4rem;background: rgba(0,0,0,0.5);font-size: 0.25rem;color:#fff;text-align: center;font-size: 0.25rem;}
@keyframes header {
50%{
transform:translate(0px,25px)
}
100%{
transform:translate(0px,50px)
}
}
@keyframes footer {
50%{
transform:translate(0px,35px)
100%{
transform:translate(0px,70px)
}
}