html,body,form,p,h1,h2,h3,h4,h5,h6,dl,ul,ol,li,dt,dd,select{margin:0;padding:0}body,select,input,option{color:#333;line-height:1.5;font-family:"Heiti SC","Rotobo",Arial;-webkit-text-size-adjust:none}ul,ol,li{list-style-type:none}em,i{font-style:normal}input,button,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,a:visited{color:#333}a{text-decoration:none}a img{border:0 none}input:focus::-webkit-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#999}input:focus::-moz-placeholder{color:transparent}input::-moz-placeholder{color:#999}input:focus:-ms-input-placeholder{color:transparent}input:-ms-input-placeholder{color:#999}input[type="button"],input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="email"],input[type="number"],input[type="phone"],button,textarea{-webkit-appearance:none;-moz-appearance:none;-webkit-border-image:none;-moz-border-image:none;border-image:none;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}*{-webkit-tap-highlight-color:transparent;background-clip:padding-box}html{font-size:20px}.do_hide,[v-cloak]{display:none !important}.do_opacity{opacity:0  !important}html{touch-action:manipulation}.globalTopbar{height:5.2rem}.globalTopbar.globalTopbar-nospacing{height:3.6rem}.globalTopbar.globalTopbar-nospacing .inner{padding:0}.globalTopbar .inner{position:fixed;top:0;left:0;right:0;padding:1.6rem 0 0;background-color:#fff;z-index:100}.globalTopbar .inner .box{position:relative;padding:0.8rem 1.2rem;height:2rem;text-align:center;color:#555b6e;font-size:1.44rem;line-height:2rem;border-bottom:1px #d2e4f4 solid}.globalTopbar .inner .box .btn,.globalTopbar .inner .box .cancel{font-size:1.2rem}.globalTopbar .inner .box .btn,.globalTopbar .inner .box .cancel,.globalTopbar .inner .box .back,.globalTopbar .inner .box .restar,.globalTopbar .inner .box .share{position:absolute;top:0.8rem}.globalTopbar .inner .box .btn,.globalTopbar .inner .box .restar,.globalTopbar .inner .box .share{right:1.2rem}.globalTopbar .inner .box .cancel,.globalTopbar .inner .box .back{left:1.2rem}.globalTopbar .inner .box .back,.globalTopbar .inner .box .share{width:2rem;height:2rem;background-repeat:no-repeat;background-position:0 50%}.globalTopbar .inner .box .back{background-image:url(images/notice/topbar-back.png);background-size:auto auto}.globalTopbar .inner .box .blue{color:#5e89ef}.globalTopbar .inner .box .restar{width:5.2rem;height:2rem;text-align:center;color:#fff;font-size:0.96rem;line-height:2rem;background-color:#27d0e2}.globalTopbar .inner .box .share{background-image:url(images/notice/topbar-share.png);background-size:auto 100%}.globalTopbar .inner.purple{background-color:#5a70d6}.globalTopbar .inner.purple .box{color:#fff}.globalTopbar .inner.purple .box .cancel,.globalTopbar .inner.purple .box .blue{color:#fff}.globalTopbar .inner.purple .box .back{background-image:url(images/topbar-backWhite.png)}.globalTopbar .inner.purple .box .share{background-image:url(images/topbar-shareWhite.png)}.globalTopbar-parentUI2{height:3.4rem}.globalTopbar-parentUI2.globalTopbar-nospacing{height:2.4rem}.globalTopbar-parentUI2.globalTopbar-nospacing .inner{padding:0}.globalTopbar-parentUI2 .inner{position:fixed;top:0;left:0;right:0;padding:1rem 0 0;background-color:#fff;z-index:1000}.globalTopbar-parentUI2 .inner .box{position:relative;padding:0.5rem 1rem;height:1.4rem;text-align:center;color:#333;font-size:0.9rem;line-height:1.4rem;border-bottom:1px #41bb54 solid}.globalTopbar-parentUI2 .inner .box .btn,.globalTopbar-parentUI2 .inner .box .cancel{font-size:1.2rem}.globalTopbar-parentUI2 .inner .box .btn,.globalTopbar-parentUI2 .inner .box .cancel,.globalTopbar-parentUI2 .inner .box .back,.globalTopbar-parentUI2 .inner .box .restar,.globalTopbar-parentUI2 .inner .box .share{position:absolute;bottom:0.7rem}.globalTopbar-parentUI2 .inner .box .btn,.globalTopbar-parentUI2 .inner .box .restar,.globalTopbar-parentUI2 .inner .box .share{right:1.2rem}.globalTopbar-parentUI2 .inner .box .cancel,.globalTopbar-parentUI2 .inner .box .back{left:1rem}.globalTopbar-parentUI2 .inner .box .back,.globalTopbar-parentUI2 .inner .box .share{width:0.65rem;height:1rem;background-repeat:no-repeat;background-position:0 50%}.globalTopbar-parentUI2 .inner .box .back{background-image:url(images/topbar-backGreen.png);background-size:100% 100%}.globalTopbar-parentUI2 .inner .box .blue{color:#5e89ef}.globalTopbar-parentUI2 .inner .box .restar{width:5.2rem;height:2rem;text-align:center;color:#fff;font-size:0.96rem;line-height:2rem;background-color:#27d0e2}.globalTopbar-parentUI2 .inner .box .share{background-image:url(images/notice/topbar-share.png);background-size:auto 100%}.globalTopbar-parentUI2 .inner.purple{background-color:#5a70d6}.globalTopbar-parentUI2 .inner.purple .box{color:#fff}.globalTopbar-parentUI2 .inner.purple .box .cancel,.globalTopbar-parentUI2 .inner.purple .box .blue{color:#fff}.globalTopbar-parentUI2 .inner.purple .box .back{background-image:url(images/topbar-backWhite.png)}.globalTopbar-parentUI2 .inner.purple .box .share{background-image:url(images/topbar-shareWhite.png)}body{-webkit-overflow-scrolling:touch;background-color:#fff;width:100%}html{height:100%}.teach-tab .inner>div,.teach-select .text{cursor:pointer}.bgcolor{background-color:#f3f3f7}.bg-f6{background-color:#f6f6f6}.bg-fff,.read-head,.album-list,.album-title{background-color:#fff}.margTop-30{margin-top:1.5rem}.walkman-textbook{position:relative;padding:1.9rem 1.5rem 1.9rem 15.5rem;height:11.2rem;-webkit-overflow-scrolling:touch}.walkman-textbook .pic{position:absolute;background-size:100% 100%;top:1.9rem;left:3rem;display:-webkit-box;padding:1.7rem 0 0;width:9.7rem;height:9.5rem;text-align:center;font-size:1.7rem;line-height:2.7rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.walkman-textbook .txt,.walkman-textbook .head{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2b2b2b;font-size:1.8rem;line-height:2.5rem;font-weight:400}.walkman-textbook .txt{font-size:1.3rem}.walkman-textbook .btn{position:relative;display:inline-block;vertical-align:top;margin:.5rem 0 0;padding:0 1.15rem 0 3.15rem;width:auto;color:#fff;font-size:1.3rem;line-height:2.9rem;background-color:#5b6bd9;border-radius:1.45rem}.walkman-textbook .btn:after{position:absolute;top:50%;left:.55rem;content:"";margin:-1.05rem 0 0;width:2.1rem;height:2.1rem;background:url(../images/walkman/walkman-icon-18.png) no-repeat 50% 50% #fff;background-size:1.15rem 1.2rem;border-radius:100%}.walkman-list li{border-top:1px #e6e7ec solid}.walkman-list li:last-child{border-bottom:1px #e6e7ec solid}.walkman-list .head{position:relative;padding:1.15rem 3.75rem 1.15rem 1.5rem;color:#3b3e47;cursor:pointer;font-size:1.5rem;line-height:2.5rem;cursor:pointer}.walkman-list .head:after{position:absolute;top:50%;right:1.5rem;content:"";margin:-.4rem 0 0;width:1.7rem;height:.8rem;background:url(../images/walkman/walkman-icon-01.png) no-repeat;background-size:100% 100%}.walkman-list .active:after{-webkit-transform:rotate(-180deg)}.walkman-list .active ~ .list{display:block}.walkman-list a.head{display:block}.walkman-list a.head:after{-webkit-transform:rotate(-90deg)}.walkman-list .list{display:none;background-color:#f0f0f2}.walkman-list .list a{position:relative;display:block;padding:1.15rem 3.75rem 1.15rem 1.5rem;color:#3b3e47;font-size:1.5rem;line-height:2.5rem;border-top:1px #e0e0e3 solid}.walkman-list .list a:after{position:absolute;top:50%;right:1.5rem;content:"";margin:-.4rem 0 0;width:1.7rem;height:.8rem;background:url(../images/walkman/walkman-icon-01.png) no-repeat;background-size:100% 100%;-webkit-transform:rotate(-90deg)}.walkman-detail{-webkit-overflow-scrolling:touch}.walkman-detail .head{position:relative;padding:1rem 1.5rem 1.3rem 2.5rem;color:#2b2b2b;font-size:1.8rem;line-height:3rem;background-color:#fff;border-top:1px #e6e7ec solid}.walkman-detail .head:after{position:absolute;top:1.65rem;left:1.5rem;content:"";width:.2rem;height:1.7rem;background:#5b6bd9}.walkman-detail .main .box{cursor:pointer;padding:1.5rem 1.5rem 1.5rem 2.5rem;border-top:1px #e6e7ec solid}.walkman-detail .main .text{color:#3b3e47;font-size:1.8rem;line-height:2.4rem;font-weight:500}.walkman-detail .main .interact{display:block;padding:.5rem 0 0;display:none}.walkman-detail .main .interact span{float:left}.walkman-detail .main .interact .btn{cursor:pointer;width:3.5rem;height:3.5rem;background-color:#f57128;border-radius:100%;background-repeat:no-repeat;background-position:60% 50%;background-size:auto auto;background-image:url(../images/walkman/walkman-icon-02.png)}.walkman-detail .main .interact .btn.pause{background-position:50% 50%;background-image:url(../images/walkman/walkman-icon-03.png)}.walkman-detail .main .interact .txt{padding:0 0 0 1rem;color:#000;font-size:1.2rem;line-height:3.5rem}.walkman-detail .main .active .interact{display:block}.article-prombar .txt .hd,.article-prombar .btn{font-size:1.2rem}.article-prombar{height:4.1rem}.article-prombar .inner{position:fixed;padding:.55rem 1.5rem;background-color:#f0f0f2}.article-prombar .pic{float:left;margin:0 .8rem 0 0;width:3rem;height:3rem;overflow:hidden}.article-prombar .pic,.article-prombar .pic img{border-radius:.6rem}.article-prombar .pic img{display:block;width:100%;height:100%}.article-prombar .txt{float:left}.article-prombar .txt .hd{color:#5a70d6;line-height:1.7rem;font-weight:700}.article-prombar .txt .ft{font-size:1rem;line-height:1.3rem}.article-prombar .btn{float:right;width:7.8rem;height:3rem;text-align:center;color:#fff;line-height:3rem;background-color:#5a70d6;border-radius:.4rem}.article-prombar-fixed{height:5rem;background:none}.article-prombar-fixed .inner{bottom:0;left:0;right:0;padding:1rem 1.5rem;background-color:#f8f8f8}.article-prombar-fixed .pic{margin:0 .8rem 0 0;width:3rem;height:3rem}.article-prombar-fixed .btn{margin:.125rem 0 0;width:10.25rem;height:2.75rem;color:#fff;font-size:1.4rem;line-height:2.75rem;background-color:#54c265;border-radius:1.375rem}.article-prombar-fixed .btn.share{width:13.25rem;height:2.75rem;background-color:#199ace}.article-prombar-fixed .txt .hd{color:#333;font-size:1.2rem;line-height:1.5rem}.article-prombar-fixed .txt .ft{color:#888;font-size:1rem;line-height:1.5rem}.teach-tab{height:5rem}.teach-tab .inner{position:fixed;top:0;left:0;right:0;height:3rem;z-index:1;background:#fff;padding:1rem 0;display:-webkit-box}.teach-tab .inner>a{display:block;-webkit-box-flex:1;margin:0 1rem;width:100%;text-align:center;color:#707070;font-size:1.5rem;line-height:2.5rem;border:1px #a6a7ab solid}.teach-tab .inner .active{color:#fff;border-color:#5b6bd9;background-color:#5b6bd9}.teach-select{height:5rem}.teach-select .inner{position:fixed;top:5rem;left:0;width:100%;z-index:1}.teach-select .text{position:relative;text-align:center;color:#3b3e47;font-size:1.5rem;line-height:4.7rem;background-color:#eef6fd;border-bottom:3px #5b6bd9 solid}.teach-select .text:after{position:absolute;top:50%;right:1.5rem;content:"";margin:-.4rem 0 0;width:1.75rem;height:.8rem;background:url(../images/walkman/walkman-icon-04.png) no-repeat;background-size:100% 100%}.teach-select .text.active:after{-webkit-transform:rotate(-180deg)}.teach-select .list{position:absolute;z-index:1;top:4.85rem;left:0;right:0;background-color:#e9e9e9}.teach-select .list>a{display:block;text-align:center;color:#3b3e47;font-size:1.5rem;line-height:4.7rem;background-color:#e9e9e9;border-bottom:1px #e0e0e3 solid}.teach-select .list>a:first-child{border-bottom:1px #e0e0e3 solid}.teach-select .list>a.active{color:#fff;border-color:#5b6bd9;background:url(../images/walkman/walkman-icon-05.png) no-repeat 95% 50% #5b6bd9;background-size:auto auto}.teach-books>a{position:relative;display:block;padding:1.5rem 3rem 1.5rem 15.5rem;height:11.7rem}.teach-books .pic{position:absolute;background-size:100% 100%;top:1.5rem;left:2.8rem;padding:.9rem .5rem 0;width:8.8rem;height:10.8rem;text-align:center;font-size:1.5rem;line-height:1.8rem}.teach-books .pic.blue{color:#1077b9}.teach-books .pic.green{color:#1b733f}.teach-books .head{display:-webkit-box;padding:.9rem 0 0;height:5rem;color:#2b2b2b;font-size:1.8rem;line-height:2.5rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.teach-books .txt{padding:.7rem 0 0;font-size:1.5rem}.teach-books .foot{height:2.5rem;overflow:hidden;color:#7b8188;font-size:1.5rem;line-height:2.5rem}.teach-null{padding:5rem 1.5rem 0;text-align:center;color:#989a9c;font-size:1.8rem;line-height:2.8rem}.teach-topbar{height:5rem}.teach-topbar .inner{height:5rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.85rem 1.5rem;position:fixed;top:0;left:0}.teach-topbar .logo{float:left;width:17.45rem;height:3.3rem}.teach-topbar .down_btn{float:right;width:7.6rem;height:2.8rem;line-height:2.8rem;background:#FF7B60;color:#fff;text-align:center;position:relative;bottom:.25rem}.teach-topbar .back{float:left;padding:0 0 0 2.2rem;color:#fff;font-size:1.1rem;background:url(../images/walkman/walkman-icon-06.png) no-repeat 0 50%;background-size:auto auto}.teach-topbar .prom{float:right;padding:0 2.4rem 0 1.4rem;color:#fff;font-size:1.2rem;background:url(../images/walkman/walkman-icon-07.png) no-repeat 100% 50%;background-size:auto auto;border-left:1px #fff solid}.teach-footbar{height:8rem}.teach-footbar .inner{position:fixed;bottom:0;left:0;right:0;padding:2.25rem 0;text-align:center;background-color:#f3f3f7;z-index:100}.teach-footbar .inner-play{padding:1.5rem;background-color:#fff}.teach-footbar .prev,.teach-footbar .next{width:2.8rem;height:2.8rem;border:.25rem #5b6bd9 solid;border-radius:100%;background-repeat:no-repeat;background-size:auto auto}.teach-footbar .prev{float:left;background-image:url(../images/walkman/walkman-icon-08.png);background-position:46% 50%}.teach-footbar .prev.disabled{border-color:#d0d0d0;cursor:default;background-image:url(../images/walkman/walkman-icon-10.png)}.teach-footbar .next{float:right;background-image:url(../images/walkman/walkman-icon-09.png);background-position:54% 50%}.teach-footbar .next.disabled{border-color:#d0d0d0;cursor:default;background-image:url(../images/walkman/walkman-icon-11.png)}.teach-footbar .btn{display:inline-block;vertical-align:top;margin:0 .5rem;padding:0 1rem;min-width:7.2rem;text-align:center;color:#fff;font-size:1.5rem;line-height:3.3rem;background-color:#f57128;border-radius:1.2rem}.teach-footbar .btn.purple{background-color:#5b6bd9}.teach-footbar .btn.orange{background-color:#f57128}.teach-footbar .btn.disabled{background-color:#d0d0d0}.teach-playbg,.teach_page_number{position:fixed !important;left:0;right:0;bottom:0;margin:4.5rem 0 6rem}.teach-playbg{top:0}.teach-playbg img{display:block;width:100%;height:100%}.teach_page_number{margin:0 0 6rem;width:3rem;text-align:center;color:#fff;font-size:1.1rem;background-color:#969292}.read-text{padding:1rem 1.5rem;color:#3b3e47;font-size:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.read-text p{text-indent:2rem}.read-section .header{position:fixed;top:0;left:0;right:0;padding:1.7rem 1.5rem 1rem;background-color:#f0f0f2;border-bottom:2px #e0e0e3 solid}.read-section .header span{display:inline-block;vertical-align:top}.read-section .header .hd{color:#3b3e47;font-size:1.5rem;line-height:2.5rem}.read-section .header .txt{color:#74787e;font-size:1.2rem;line-height:2.2rem}.read-section .main{margin:7.4rem 0 0;padding:1.1rem 1.5rem;color:#3b3e47;font-size:1.2rem;line-height:2.4rem}body{height:100%}.go_read{background-image:url("../images/learning_app/read_btn_1.png")}.go_paused{background-image:url("../images/learning_app/read_btn_paused_1.png")}.new-read-section-paragraph{position:fixed;width:100%;height:100%;background-color:#fff6da;color:#4f371d;text-align:justify;overflow-y:auto}.new-read-section-paragraph .lesson_title{height:3.3rem;line-height:3.3rem;width:100%;margin:1rem auto;text-align:center}.new-read-section-paragraph .lesson_title span{display:inline-block;height:3.3rem;background-size:100% 100%;vertical-align:middle}.new-read-section-paragraph .new-read-wechat-title{padding:2rem 2rem .5rem;text-align:center}.new-read-section-paragraph .new-read-wechat-title .hd{font-weight:700;font-size:1.1rem}.new-read-section-paragraph .new-read-wechat-title .ft{color:#888}.new-read-section-paragraph .header{margin:1rem;padding:1rem;background-color:white;border-radius:0.6rem}.new-read-section-paragraph .header span{display:inline-block;vertical-align:top}.new-read-section-paragraph .header .hd{font-weight:bold}.new-read-section-paragraph .header .txt{font-size:.9rem}.new-read-section-paragraph .main{margin:1rem 1rem 1rem 1rem;padding:1.1rem 1.5rem;background-color:white;border-radius:1rem}.new-read-section-paragraph .main p{text-indent:2rem;line-height:1.6;font-family:STKaiti}.new-read-section-paragraph .read_btn{margin:auto;width:3.5rem;height:3.5rem;display:block;line-height:3rem;text-align:center;margin-top:3rem;margin-bottom:1rem;background-size:100% 100%;cursor:pointer}.new-read-section-paragraph .graph-decorate{width:2.1rem;height:1.05rem;background-image:url("../images/learning_app/graph_decoration.png");background-size:100% 100%;float:right;margin-bottom:-.75rem;margin-right:1.2rem}.new-read-section-paragraph .read_graph{clear:both;margin:0 1rem 1rem 1rem;padding:1rem;background-color:white;border-radius:1rem}.new-read-section-paragraph .read_graph p{text-indent:2rem;line-height:1.6;font-family:STKaiti}.read-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/learning_app/text_bg.png") repeat;background-size:100% 100%}.new-read-section{color:#4f371d;text-align:justify;overflow-y:auto}.new-read-section .bg{position:fixed;left:0;bottom:0;content:'';width:100%;height:5rem;background:url("../images/learning_app/new_bottom-shadow.png") no-repeat bottom;border-radius:4rem;background-size:100% 100%}.new-read-section .lesson_title{height:2rem;line-height:2rem;width:100%;margin:1rem auto;text-align:center}.new-read-section .lesson_title span{display:inline-block;height:2rem;font-family:STKaiti;background-size:100% 100%;vertical-align:middle}.new-read-section .lesson_title .left{width:1.14rem;background-image:url("../images/learning_app/new_title_left.png")}.new-read-section .lesson_title .right{background-image:url("../images/learning_app/new_title_right.png");width:1.14rem}.new-read-section .lesson_title .center{background-image:url("../images/learning_app/new_title_center.png");color:white;margin:0 -1px 0 -1px}.new-read-section .lesson-main{margin:0 1.5rem 1rem 1.5rem}.new-read-section .lesson-main p{text-indent:2rem;line-height:1.6;font-family:STKaiti}.new-read-section .lesson-main-nocontent{margin:6rem 1.5rem 1rem 1.5rem}.new-read-section .lesson-main-nocontent p{text-align:center;line-height:1.6;font-family:STKaiti}.read-wechat-title{padding:2rem 2rem .5rem;text-align:center}.read-wechat-title .hd{font-size:2rem;line-height:3rem;font-weight:700}.read-wechat-title .ft{color:#888;font-size:1.4rem;line-height:2.4rem}.read-wechat-btn{position:relative;display:block;margin:.5rem 2rem 0 2.95rem;height:4rem;text-align:center;color:#fff;font-size:1.4rem;line-height:4rem;background-color:#54c265;border-radius:1rem 1rem 1rem 0}.read-wechat-btn:after,.read-wechat-btn:before{position:absolute;content:"";background-repeat:no-repeat;background-size:100% 100%}.read-wechat-btn:after{bottom:0;left:-.9rem;width:.95rem;height:1.3rem;background-image:url(../images/walkman/walkman-icon-19.png)}.read-wechat-btn:before{top:50%;left:1.4rem;width:1.5rem;height:2.1rem;background-image:url(../images/walkman/walkman-icon-20.png);-webkit-transform:translate(0, -50%)}.read-wechat-btn .time{position:absolute;top:0;right:1.5rem;font-size:1rem}.read-wechat-btn.pause:before{background-image:url(../images/walkman/walkman-icon-24.gif)}.read-wechat-more{padding:2.3rem 2rem 2rem}.read-wechat-more .title{position:relative;height:2.6rem;text-align:center}.read-wechat-more .title:after{position:absolute;top:50%;left:0;right:0;content:"";height:2px;background-color:#bbe7c1;-webkit-transform:translate(0, -50%)}.read-wechat-more .title span{position:relative;display:inline-block;vertical-align:top;padding:0 1.7rem;color:#333;font-size:1.6rem;line-height:2.6rem;background-color:#fff;z-index:1}.read-wechat-more .title span:after,.read-wechat-more .title span:before{position:absolute;top:50%;content:"";width:.4rem;height:.4rem;border-radius:100%;background-color:#bbe7c1;-webkit-transform:translate(0, -50%)}.read-wechat-more .title span:after{left:-.4rem}.read-wechat-more .title span:before{right:-.4rem}.read-wechat-more .box{display:-webkit-box;padding:1.7rem 0 0}.read-wechat-more .box>a{display:block;-webkit-box-flex:1;width:100%;text-align:center}.read-wechat-more .box>a>span{display:block}.read-wechat-more .box>a .icon-1,.read-wechat-more .box>a .icon-2,.read-wechat-more .box>a .icon-3{margin:0 auto;width:5rem;height:5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:auto auto}.read-wechat-more .box>a .icon-1{background-image:url(../images/walkman/walkman-icon-21.png)}.read-wechat-more .box>a .icon-2{background-image:url(../images/walkman/walkman-icon-22.png)}.read-wechat-more .box>a .icon-3{background-image:url(../images/walkman/walkman-icon-23.png)}.read-wechat-more .box>a .text{padding:.3rem 0 0;color:#626262;font-size:1.4rem;line-height:2.4rem}.article-prombar-text{margin:3.2rem 2rem 0;padding:1rem 1.75rem 2rem;background-color:#ededed;border-radius:1rem}.article-prombar-text .box{position:relative;height:16.2rem;overflow-y:auto;color:#333;font-size:1.4rem;line-height:2.7rem}.read-record{height:5rem}.read-record .btn{position:fixed;bottom:0;left:0;right:0;height:5rem;text-align:center;color:#fff;font-size:1.5rem;line-height:5rem;background-color:#f57128}.backtop{position:fixed;bottom:7.8rem;right:1.5rem;width:2.7rem;height:2.7rem;border:1px solid rgba(0,0,0,0.2);background:url(../images/walkman/walkman-icon-17.png) no-repeat 50% 50% rgba(255,255,255,0.8);background-size:auto auto;border-radius:100%}.adjustInform-main{padding-top:4.3rem;width:100%;height:34.3rem;background:url(../images/walkman/walkman-bg01.png) no-repeat;background-size:100% 100%}.adjustInform-main .inform-main{position:relative;margin:0 2rem;background-color:#ffeeeb;border-radius:1rem}.adjustInform-main .inform-main .title{position:relative;top:-2.1rem;margin:0 auto;width:20rem;text-align:center;color:#fff;font-size:2rem;line-height:4.4rem;background-color:#ff8971;border-radius:1rem}.adjustInform-main .inform-main .text{padding:0 1.5rem;color:#535353;font-size:1.5rem;line-height:2.3rem}.adjustInform-main .inform-main .txt-right{padding:2rem 0;text-align:right}.adjustInform-main .inform-main:before{position:absolute;top:-2rem;left:1rem;display:block;content:"";width:2.8rem;height:2rem;background:url(../images/walkman/walkman-icon-25.png) no-repeat;background-size:100% 100%}.adjustInform-footer{padding-bottom:1rem}.adjustInform-footer .tips{padding:1rem 0;text-align:center;color:#e28e22;font-size:1.4rem}.adjustInform-footer .btn{display:block;margin:0 3.5rem;text-align:center;color:#fff;font-size:2rem;line-height:4.4rem;background-color:#ffa939;border-radius:5rem}.read-head{position:relative;padding:2rem 2rem 2rem 13.5rem;min-height:12.5rem}.read-head .pic{position:absolute;top:2rem;left:2rem;width:10rem;height:12.5rem;border:1px #d2d2d2 solid;border-radius:1.5rem}.read-head .pic img{display:block;width:100%;height:100%;border-radius:1.5rem}.read-head .head{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:4.2rem;font-size:1.6rem;line-height:2.1rem;font-weight:600;word-break:break-all}.read-head .info{padding:.75rem 0 0;color:#888;font-size:1.4rem;line-height:2.4rem}.read-head .info>div{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:1.9rem;word-break:break-all}.read-head .btn{position:absolute;bottom:2rem;left:13.5rem;width:14rem;height:3.5rem;text-align:center;background-color:#54c265;border-radius:1.75rem}.read-head .btn span{display:inline-block;vertical-align:top;color:#fff;font-size:1.5rem;line-height:3.5rem}.read-head .btn.after{background-color:#bababa;cursor:default}.album-list .box{position:relative;display:block;padding:1.5rem 2rem 1.5rem 11rem;height:8rem;border-bottom:1px #e6e6e6 solid}.album-list .box.link{padding-right:4rem}.album-list .box.link:after,.album-list .box.link:before{position:absolute;top:50%;right:2rem;content:"";width:.3rem;height:1.3rem;background-color:#bababa;border-radius:.15rem}.album-list .box.link:after{margin-top:-1.1rem;-webkit-transform:rotate(-45deg);-webkit-transform-origin:50% 100%}.album-list .box.link:before{margin-bottom:-1.1rem;-webkit-transform:rotate(45deg);-webkit-transform-origin:50% 0}.album-list .pic{position:absolute;top:1.5rem;left:2rem;width:8rem;height:8rem;border:1px #d2d2d2 solid;border-radius:1.5rem}.album-list .pic img{display:block;width:100%;height:100%;border-radius:1.5rem}.album-list .pic.audio:after,.album-list .pic.audio:before,.album-list .pic.video:after,.album-list .pic.video:before{position:absolute;content:""}.album-list .pic.audio:after,.album-list .pic.video:after{top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);border-radius:.5rem}.album-list .pic.audio:before,.album-list .pic.video:before{top:50%;left:50%;width:3rem;height:3rem;-webkit-transform:translate(-50%, -50%);background-repeat:no-repeat;background-size:100% 100%;z-index:1}.album-list .pic.audio:before{background-image:url(../images/information/icon-info-16.png)}.album-list .pic.video:before{background-image:url(../images/information/icon-info-15.png)}.album-list .head{padding:.8rem 0 0;font-size:1.4rem;line-height:1.8rem;font-weight:600}.album-list .head.limit-1{height:1.6rem}.album-list .head.limit-2{height:3.4rem}.album-list .info{padding:.5rem 0 0;color:#888;font-size:1.4rem;line-height:1.9rem}.album-list .limit-1,.album-list .limit-2{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.album-list .limit-1{-webkit-line-clamp:1}.album-list .limit-2{-webkit-line-clamp:2}.album-title{border-bottom:1px #e6e6e6 solid}.album-title .title{padding:1rem 2rem;font-size:1.6rem;line-height:2rem}.texture_bg{background:url(../images/learning_app/texture_bg.png) repeat}.dict_body{overflow-y:auto;height:100%}.dict-section{margin:0 2rem;padding:1.5rem 0;border-top:.1rem #ddd dashed}.dict-section:first-child{border:0 none}.dict-section .title{color:#54c265;font-size:1.6rem;line-height:2.2rem;font-weight:600}.dict-section .head{padding:1rem 0 0;text-align:center}.dict-section .head .btn{display:inline-block;vertical-align:top;margin:0 .5rem;color:#54c265;font-size:1.7rem;line-height:2.8rem;font-weight:600;background-repeat:no-repeat;background-position:100% 50%;background-size:1.5rem 1.25rem}.dict-section .head .btn.sond{padding:0 2rem 0 0;background-image:url(../images/learning_app/icon-01.png)}.dict-section .head .btn.play{background-image:url(../images/learning_app/icon-02.gif)}.dict-section img{display:block;margin:0 auto;max-width:100%}.dict-section .info{padding:.5rem 0 0;font-size:1.4rem;line-height:2rem}.dict-section .info>p{padding:.1rem 0 0}.dict-section .word{margin:0 -.8rem 0 0}.dict-section .word>div{float:left;margin:.5rem .8rem 0 0;width:3rem;height:3rem;text-align:center;color:#888;font-size:2rem;line-height:3rem;font-weight:600;background:url(../images/learning_app/icon-03.png) no-repeat;background-size:100% 100%}.dict-section .explain{padding:.5rem 0 0;font-size:1.4rem;line-height:2rem}.dict-section .explain .key{position:relative;padding:0 0 0 1.1rem}.dict-section .explain .key:after{position:absolute;top:50%;left:0;content:"";width:.5rem;height:.5rem;background-color:#bababa;border-radius:100%;-webkit-transform:translate(0, -50%)}.dict-section .explain .key ~ p{padding:.3rem 0 0}.dict-section .explain p{padding:.5rem 0 0}