@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, section {
    margin: 0;
}

body {
    color: #333333;
    background: #fff;
    font-size: 14px;
}

body, input, textarea, select {
    font-family: "PingFang SC", "Microsoft YaHei", Helvetica, "Helvetica Neue", "SimSun", Tahoma, Arial, sans-serif;
}

ul, ol, li {
    padding-left: 0;
    list-style-type: none;
}

img {
    border: 0;
    vertical-align: bottom;
    display: block;
}

i {
    font-style: normal;
}

input, textarea, select {
    font-size: 14px;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

input::-ms-clear {
    display: none;
}

/* 去除IE下input自带的叉 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* 去除chrome下输入框默认背景色 */
input:focus, textarea:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #666;
}

input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

.img-responsive {
    width: 100%;
    height: auto;
    display: block;
}

.hidden {
    display: none;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.ell {
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
}

/* 单行文字溢出省略号显示 */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.color1, .link .color1 {
    color: #444;
}

.color2, .link .color2 {
    color: #666;
}

.color3, .link .color3 {
    color: #888;
}

.flex {
    display: -webkit-flex;
    display: flex;
}

.flex-item-1 {
    -webkit-flex: 1;
    flex: 1;
}

.flex-item-2 {
    -webkit-flex: 2;
    flex: 2;
}

.flex-item-3 {
    -webkit-flex: 3;
    flex: 3;
}

.flex-item-4 {
    -webkit-flex: 4;
    flex: 4;
}

.flex-item-5 {
    -webkit-flex: 5;
    flex: 5;
}

.flex-item-6 {
    -webkit-flex: 6;
    flex: 6;
}

.mt {
    margin-top: 0.72rem;
}

.ms {
    margin-left: 0.72rem;
    margin-right: 0.72rem;
}

.box {
    background: #fff;
}

.boxlr {
    margin-left: 0.72rem;
    margin-right: 0.72rem;
    background: #fff;
}

.pp {
    padding-top: 1.76rem;
    padding-bottom: 1.96rem;
}

.pt {
    padding-top: 1.76rem;
}

.zblj-pic mark, .zblj-pic img, .jihuo21 a, .jxtd-pic img, .jxtd-pic .mark1, .mryk-pic img, .mryk-mask, .quanbox img, .quan-mask, .jxtd-li mark, .void-li time, .bookList img, .music-playcon .music-c1 img, .circle-listLi a, .circles2-1 a, .circle-opbox a, .sub-hot ul li a img, .book-ind1 img, .book-sub1 img, .book-ind3 ul li a img, .add-sou, .clock-show {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.indNav-ico, .jh-user ul li img, .jxtd-pic .mark2, .void-pic, .void-pic img, .commentList img, .m-player .play-range, .circle-listLi img, .circles2-1 img, .circle2-3 ul li .circlepbox span, .release-btm, .release-btm-close, .circle-btm .circle-btmico {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

/*header*/
header {
    width: 100%;
    height: 1.76rem;
    background: #fff;
    position: fixed;
    -webkit-box-shadow: 0 1px 0px #efefef;
    -moz-box-shadow: 0 1px 0px #efefef;
    -ms-box-shadow: 0 1px 0px #efefef;
    -o-box-shadow: 0 1px 0px #efefef;
    box-shadow: 0 1px 0px #efefef;
    z-index: 999;
}

header h1 {
    font-size: 0.68rem;
    line-height: 1.76rem;
    text-align: center;
    margin: 0 3.6rem;
    color: #000;
}

header a {
    background-size: cover;
    display: block;
    color: #000;
}

.header-rigt {
    width: 3.16rem;
    height: 1.16rem;
    position: absolute;
    top: 0.3rem;
    right: 0.36rem;
    background-image: url(../images/header-ico.png);
}

.header-back {
    width: 0.72rem;
    height: 0.72rem;
    position: absolute;
    top: 0.52rem;
    left: 0.64rem;
    background-image: url(../images/ico/head-back.png);
}

.indNav {
    text-align: center;
    padding: 0.8rem 0.8rem 1rem;
}

.indNav a {
    color: #999;
}

.indNav-ico {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto 0.16rem;
    background: red;
    display: block;
}

.indNav-ico img {
    width: 0.88rem;
    height: 0.88rem;
    padding: 0.36rem;
}

.indNav-txt {
    font-size: 0.48rem;
}

.ind-ico-bg1 {
    background: #00c574;
}

.ind-ico-bg2 {
    background: #78cb01;
}

.ind-ico-bg3 {
    background: #f2c908;
}

.ind-ico-bg4 {
    background: #444444;
}

.ind-menu {
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 0.72rem;
    padding-top: 1.2rem;
}

.ind-menu h3 {
    font-size: 0.88rem;
    color: #444;
    font-weight: bold;
}

.ind-menu a {
    font-size: 0.48rem;
    position: relative;
    color: #888;
    padding-right: 0.64rem;
}

.ind-menu a i {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 0.4rem;
    background-image: url(../images/more-enter.png);
    background-size: cover;
    right: 0;
}

.menu {
    font-size: 0.6rem;
    line-height: 1;
    color: #0dc87b;
    margin: 0.8rem 0.72rem;
    font-weight: bold;
    position: relative;
}

.menu a {
    font-size: 0.48rem;
    position: relative;
    color: #888;
    padding-right: 0.64rem;
    font-weight: normal;
}

.menu a i {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 0.02rem;
    background-image: url(../images/more-enter.png);
    background-size: cover;
    right: 0;
}

.menupt {
    padding-top: 0.64rem;
}

.zblj {
    height: 3.4rem;
    position: relative;
    padding-left: 3.28rem;
    padding-bottom: 0.4rem;
}

.zblj-pic {
    width: 2.8rem;
    height: 3.4rem;
    position: absolute;
    left: 0;
}

.zblj-pic mark {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    font-size: 0.36rem;
    line-height: 0.56rem;
    padding: 0 0.16rem;
    color: #fff;
}

.zblj-pic img {
    width: 2.8rem;
    height: 3.4rem;
}

.zblj-txt h2 {
    font-size: 0.56rem;
}

.zblj-txt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    font-size: 0.48rem;
    margin-top: 0.08rem;
}

a .zblj-txt1 {
    position: absolute;
    left: 3.28rem;
    bottom: 0.4rem;
    font-size: 0.4rem;
    line-height: 0.48rem;
    color: #afafaf;
}

a .zblj-txt1 i {
    font-size: 0.48rem;
    margin-left: 0.8rem;
}

a .zblj-txt1 i:first-child {
    margin-left: 0;
}

.zblj-ico1 {
    background-image: url(../images/ico/zblj-ico1.png);
}

.zblj-ico2 {
    background-image: url(../images/ico/zblj-ico2.png);
}

/*tabNav*/
.tabNav {
    width: 100%;
    height: 1.92rem;
    position: fixed;
    bottom: 0;
    z-index: 99;
    text-align: center;
    background: #fff;
    box-shadow: 0 -1px 0px #dddddd;
    -webkit-box-shadow: 0 -1px 0px #dddddd;
}

.tabNav .tabNav-ico {
    width: 0.88rem;
    height: 0.88rem;
    display: block;
    margin: 0.2rem auto 0.2rem;
}

.tabNav .tabNav-txt {
    font-size: 0.36rem;
    line-height: 0.36rem;
    display: block;
}

.tabNav a {
    color: #a0a0a0;
}

.tabNav a .tabNav-book {
    background: url("../images/ico/tabNav-book.png") no-repeat;
}

.tabNav a .tabNav-hot {
    background: url("../images/ico/tabNav-hot.png") no-repeat;
}

.tabNav a .tabNav-home {
    background: url("../images/ico/tabNav-home.png") no-repeat;
}

.tabNav a .tabNav-quan {
    background: url("../images/ico/tabNav-quan.png") no-repeat;
}

.tabNav a .tabNav-my {
    background: url("../images/ico/tabNav-my.png") no-repeat;
}

.tabNav a .tabNav-ico {
    background-size: cover;
}

.tabNav a.cur {
    color: #0dc87b;
}

.tabNav a.cur .tabNav-book {
    background: url("../images/ico/tabNav-booka.png") no-repeat;
}

.tabNav a.cur .tabNav-hot {
    background: url("../images/ico/tabNav-hota.png") no-repeat;
}

.tabNav a.cur .tabNav-home {
    background: url("../images/ico/tabNav-homea.png") no-repeat;
}

.tabNav a.cur .tabNav-quan {
    background: url("../images/ico/tabNav-quana.png") no-repeat;
}

.tabNav a.cur .tabNav-my {
    background: url("../images/ico/tabNav-mya.png") no-repeat;
}

.tabNav a.cur .tabNav-ico {
    background-size: cover;
}

.jihuo1 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url(../images/jhbg.jpg);
    background-size: cover;
}

.jh-btm {
    height: 1.76rem;
    position: absolute;
    bottom: 2.08rem;
    left: 3.84rem;
    right: 3.84rem;
    background: #0dc87b;
    -webkit-border-radius: 0.88rem;
    -moz-border-radius: 0.88rem;
    -ms-border-radius: 0.88rem;
    -o-border-radius: 0.88rem;
    border-radius: 0.88rem;
    font-size: 0.68rem;
    line-height: 1.76rem;
    text-align: center;
    color: #fff;
}

.jh-btm:hover {
    color: #fff;
}

.jihuo2 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url(../images/jhbg2.jpg);
    background-size: cover;
    top: 1.76rem;
}

.jihuo21 {
    margin: 0.64rem 0.72rem 0;
}

.jihuo21 > ul > li {
    font-size: 0.6rem;
    line-height: 1.28rem;
    position: relative;
    color: #fff;
    padding-left: 1rem;
    display: block;
}

.jihuo21 > ul > li i {
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    left: 0;
    top: 0.32rem;
    background-size: cover;
    display: block;
}

.jh-ico1 {
    background-image: url(../images/ico/jihuo-ico1.png);
}

.jh-ico2 {
    background-image: url(../images/ico/jihuo-ico2.png);
}

.jh-ico3 {
    background-image: url(../images/ico/jihuo-ico3.png);
}

.jh-ico4 {
    background-image: url(../images/ico/jihuo-ico4.png);
}

.jh-ico5 {
    background-image: url(../images/ico/jihuo-ico5.png);
}

.jihuo21 a {
    background: #0dc87b;
    color: #fff;
    font-size: 0.48rem;
    line-height: 0.88rem;
    display: inline-block;
    padding: 0 0.32rem;
    margin-left: 0.48rem;
    margin-left: 4rem;
}

.jihuo23 {
    font-size: 0.6rem;
    line-height: 1.28rem;
    text-align: center;
    color: #fff;
    margin-top: 2.4rem;
}

.jh-popbox {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    top: 1.76rem;
    bottom: 0rem;
}

.jh-user {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0.72rem;
    right: 0.72rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.jh-user ul {
    max-height: 11.84rem;
    overflow-y: scroll;
}

.jh-user ul li {
    height: 2rem;
    position: relative;
    padding-left: 2.72rem;
    border-bottom: 1px solid #e9e9e9;
    margin: 0.48rem 0.72rem 0 0.72rem;
    padding-bottom: 0.48rem;
}

.jh-user ul li img {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 0;
}

.jh-user ul li h2, .jh-user ul li p {
    line-height: 1;
}

.jh-user ul li h2 {
    font-size: 0.6rem;
    padding: 0.28rem 0;
    color: #444;
    font-weight: bold;
}

.jh-user ul li p {
    font-size: 0.56rem;
    color: #888;
}

.jh-user a {
    width: 100%;
    height: 1.76rem;
    display: block;
    font-size: 0.68rem;
    text-align: center;
    line-height: 1.76rem;
    border-top: 1px solid #e9e9e9;
}

.jihuo22 {
    text-align: center;
    margin-top: 0.96rem;
}

.jihuo22 img {
    wdith: 6.44rem;
    height: 5rem;
    text-align: center;
    display: inline-block;
    margin-bottom: 0.24rem;
}

.jihuo22 p {
    font-size: 0.48rem;
    color: #cbcaca;
}

.jihuo22 a {
    height: 1.28rem;
    display: inline-block;
    padding: 0 1.6rem;
    background: #0dc87b;
    -webkit-border-radius: 0.88rem;
    -moz-border-radius: 0.88rem;
    -ms-border-radius: 0.88rem;
    -o-border-radius: 0.88rem;
    border-radius: 0.88rem;
    font-size: 0.56rem;
    line-height: 1.28rem;
    text-align: center;
    color: #fff;
    margin-top: 0.48rem;
}

.jihuo22 a:hover {
    color: #fff;
}

.login-logo {
    height: 1.92rem;
    text-align: center;
    margin: 1.88rem 0;
}

.login-logo img {
    width: 8.4rem;
    height: 1.92rem;
    display: inline-block;
}

.form-con {
    margin: 0 1.12rem;
}

.form-box, .form-box1, .form-box2 {
    height: 1.76rem;
    border: 1px solid #dadada;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 0.64rem;
}

.form-box i, .form-box1 i, .form-box2 i {
    width: 0.88rem;
    height: 0.88rem;
    position: absolute;
    display: block;
    z-index: 1;
    background-size: cover;
    top: 0.44rem;
}

.form-box a, .form-box1 a, .form-box2 a {
    width: 0.88rem;
    height: 0.88rem;
    position: absolute;
    display: block;
    z-index: 1;
    background-size: cover;
    top: 0.44rem;
}

.form-box input, .form-box1 input, .form-box2 input {
    width: 100%;
    height: 1.76rem;
    position: absolute;
    padding-left: 1.76rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.form-box1 {
    border: 1px solid #dadada;
}

.form-box2 {
    border: 1px solid #0dc87b;
    color: #0dc87b;
}

.ico-name {
    left: 0.44rem;
}

.ico-user {
    background-image: url(../images/ico/login-user.png);
}

.ico-pwd {
    background-image: url(../images/ico/login-pwd.png);
}

.ico-yzm {
    background-image: url(../images/ico/login-yzm.png);
}

.ico-clear {
    background-image: url(../images/ico/login-clear.png);
    right: 0.44rem;
    cursor: pointer;
}

.ico-clear1 {
    background-image: url(../images/ico/login-clear.png);
    right: 1.32rem;
    cursor: pointer;
}

.ico-eye {
    background-image: url(../images/ico/login-eye.png);
    right: 0.44rem;
    cursor: pointer;
}

.form-yzm {
    width: 4rem;
    height: 1.12rem;
    position: absolute;
    right: 0.16rem;
    top: 0.32rem;
    display: block;
    background: #0dc87b;
    -webkit-border-radius: 0.56rem;
    -moz-border-radius: 0.56rem;
    -ms-border-radius: 0.56rem;
    -o-border-radius: 0.56rem;
    border-radius: 0.56rem;
    cursor: pointer;
    font-size: 0.52rem;
    line-height: 1.12rem;
    text-align: center;
    color: #fff;
}

.submit_btn {
    height: 1.76rem;
    font-size: 0.68rem;
    text-align: center;
    line-height: 1.76rem;
    background: #0dc87b;
    color: #fff;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0.64rem;
}

.submit_btn:hover {
    color: #fff;
}

.jxtd {
    margin: 0 0.36rem;
}

.jxtd ul li {
    width: 33.3333333333%;
    float: left;
    display: inline;
}

.jxtdbox {
    margin: 0 0.34rem;
}

.jxtd-pic {
    background-image: url(../images/jxtdimgbg.jpg);
    background-size: cover;
    padding-bottom: 0.28rem;
    position: relative;
}

.jxtd-pic img {
    width: 100%;
    height: auto;
}

.jxtd-pic .mark1, .jxtd-pic .mark2 {
    height: 0.64rem;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0.44rem;
}

.jxtd-pic .mark1 {
    left: 0.16rem;
    font-size: 0.36rem;
    line-height: 0.64rem;
    color: #fff;
    padding-left: 0.48rem;
    padding-right: 0.12rem;
}

.jxtd-pic .mark1 i {
    width: 0.36rem;
    height: 0.36rem;
    background-image: url(../images/ico/jxtd-ico1.png);
    background-size: cover;
    position: absolute;
    left: 0.14rem;
    top: 0.12rem;
}

.jxtd-pic .mark2 {
    width: 0.64rem;
    height: 0.64rem;
    right: 0.16rem;
}

.jxtd-pic .mark2 i {
    width: 0.36rem;
    height: 0.36rem;
    display: block;
    background-image: url(../images/ico/jxtd-ico2.png);
    background-size: cover;
    position: absolute;
    left: 0.14rem;
    top: 0.12rem;
}

.jxtdbox h2 {
    font-size: 0.52rem;
    margin-top: 0.44rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
}

.ind-mt {
    margin-top: 1.44rem;
}

.ind-mryk ul {
    margin-top: -0.4rem;
}

.ind-mryk ul li {
    height: 2.28rem;
    margin: 1.2rem 0.72rem 0;
    position: relative;
    padding-right: 4.72rem;
}

.ind-mryk ul .mryk-pic {
    position: absolute;
    right: 0;
    top: 0;
}

.mryk-pic {
    width: 4.06rem;
    height: 2.28rem;
}

.mryk-pic img {
    width: 100%;
    height: auto;
}

.mryk-txt h2 {
    font-size: 0.56rem;
    font-weight: bold;
}

.mryk-txt p {
    font-size: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    margin-top: 0.16rem;
}

.mryk-mask, .mryk-play, .mryk-mark1, .mryk-mark2 {
    position: absolute;
}

.mryk-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 3;
}

.mryk-play {
    width: 0.88rem;
    height: 0.88rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../images/mryk-play.png);
    background-size: cover;
}

.mryk-mark1 {
    height: 0.64rem;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.36rem;
    line-height: 0.64rem;
    color: #fff;
    padding-left: 0.48rem;
    padding-right: 0.12rem;
}

.mryk-mark1 i {
    width: 0.36rem;
    height: 0.36rem;
    background-image: url(../images/ico/jxtd-ico1.png);
    background-size: cover;
    position: absolute;
    left: 0.14rem;
    top: 0.12rem;
}

.mryk-mark2 {
    right: 0.12rem;
    bottom: 0;
    color: #fff;
    font-size: 0.36rem;
}

.quan {
    margin: 0.8rem 0.36rem 1.2rem;
}

.quan > ul > li {
    width: 33.3333333333%;
    float: left;
}

.quanbox {
    margin: 0 0.34rem;
    position: relative;
}

.quanbox img {
    width: 100%;
    height: auto;
}

.quan-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    text-align: center;
}

.quan-mask h3 {
    height: 1.4rem;
    font-size: 0.56rem;
    line-height: 1.4rem;
    color: #fff;
    background: red;
    position: relative;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.quan-mask h3 i {
    width: 0.88rem;
    height: 0.4rem;
    bottom: -0.4rem;
    position: absolute;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
}

.quan-mask .qzbg1 {
    background: rgba(0, 197, 116, 0.9);
}

.quan-mask .qzbg1 i {
    background-image: url(../images/qzm1.png);
}

.quan-mask .qzbg2 {
    background: #f2c908;
}

.quan-mask .qzbg2 i {
    background-image: url(../images/qzm2.png);
}

.quan-mask .qzbg3 {
    background: #444444;
}

.quan-mask .qzbg3 i {
    background-image: url(../images/qzm3.png);
}

.quan-mask ul {
    margin-top: 1.2rem;
}

.quan-mask ul li {
    font-size: 0.4rem;
    line-height: 0.96rem;
}

.quan-mask ul li a {
    color: #fff;
}

.jxtdList ul li {
    margin-left: 0.72rem;
    border-bottom: 1px solid #eee;
}

.jxtd-li {
    padding: 0.8rem 0.72rem 0.8rem 0rem;
    position: relative;
}

.jxtd-li h2 {
    font-size: 0.56rem;
}

.jxtd-li mark {
    background: #e5f9f1;
    font-size: 0.44rem;
    line-height: 0.72rem;
    padding: 0 0.2rem;
    color: #00c574;
    display: inline-block;
    margin: 0.2rem 0;
}

.jxtd-li p {
    color: #afafaf;
    font-size: 0.44rem;
}

.jxtd-li p span {
    margin-left: 0.64rem;
}

.jxtd-li p i {
    font-size: 0.4rem;
    margin-right: 2px;
}

.jxtd-li a {
    position: absolute;
    width: 0.96rem;
    height: 0.96rem;
    background-size: cover;
    top: 50%;
    margin-top: -0.48rem;
}

.jxtd-li .jxtd-back {
    background-image: url(../images/ico/td-back.png);
    right: 0.72rem;
}

.jxtd-li .jxtd-play {
    background-image: url(../images/ico/td-play.png);
    right: 2.36rem;
}

.void-li {
    position: relative;
}

.void-li h1 {
    position: absolute;
    font-size: 0.64rem;
    left: 0.24rem;
    top: 0.48rem;
    text-align: left;
    color: #fff;
    -webkit-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -ms-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -o-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

.void-li time {
    color: #fff;
    height: 0.56rem;
    position: absolute;
    right: 0.64rem;
    bottom: 2.24rem;
    background: rgba(0, 0, 0, 0.7);
    padding: 0px 5px;
    font-size: 0.4rem;
    line-height: 0.56rem;
}

.void-play {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../images/mryk-play.png);
    background-size: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin-top: -0.88rem;
}

.void-txt {
    height: 1.76rem;
    line-height: 1.76rem;
    padding: 0 0.64rem;
}

.void-txt h2 {
    font-size: 0.56rem;
    font-weight: bold;
}

.void-txt p {
    font-size: 0.48rem;
}

.void-txt p i {
    font-size: 0.48rem;
    margin-left: 0.6rem;
}

.void-txt p a {
    color: #444;
}

.void-pic {
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid #fff;
    position: absolute;
    left: 0.64rem;
    bottom: 1.44rem;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.voids1 {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.48rem;
    text-align: center;
}

.voids1 h2, .voids1 p {
    margin-left: 0.72rem;
    margin-right: 0.72rem;
    text-align: left;
}

.voids1 h2 {
    font-size: 0.64rem;
    margin-top: 0.8rem;
    font-weight: bold;
}

.voids1 p {
    font-size: 0.48rem;
    margin-top: 0.48rem;
}

.voids1 .p2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
}

.voids1 i {
    display: inline-block;
    text-align: center;
    margin-top: 0.64rem;
    color: #000;
    cursor: pointer;
}

.voidsm {
    font-size: 0.64rem;
    margin: 0.8rem 0;
    color: #0dc87b;
    font-weight: bold;
}

.comment {
    padding-bottom: 0.8rem;
}

.comment ul li {
    margin-bottom: 1.76rem;
}

.commentList {
    position: relative;
    padding-left: 1.76rem;
}

.commentList img {
    width: 1.44rem;
    height: 1.44rem;
    position: absolute;
    left: 0;
    top: 0;
}

.commentList h2 {
    font-size: 0.56rem;
    font-weight: bold;
}

.commentList .commentp1 {
    font-size: 0.56rem;
    line-height: 0.84rem;
    margin-top: 0.2rem;
}

.commentList .commentp2 {
    font-size: 0.48rem;
    margin-top: 0.84rem;
    line-height: 0.48rem;
    color: #888;
}

.commentList .commentp2 a {
    color: #0dc87b;
    margin-left: 0.8rem;
}

.commentList .commentp2 span {
    font-size: 0.44rem;
    cursor: pointer;
}

.commentList .commentp2 span i {
    font-size: 0.42rem;
}

.comment-relbox {
    width: 100%;
    height: 1.76rem;
    background: #fff;
    position: fixed;
    z-index: 9;
    bottom: 0;
    border-top: 1px solid #eee;
}

.comment-rel {
    height: 1.28rem;
    margin: 0.24rem 0.72rem;
    background: #f6f6f6;
    -webkit-border-radius: 0.64rem;
    -moz-border-radius: 0.64rem;
    -ms-border-radius: 0.64rem;
    -o-border-radius: 0.64rem;
    border-radius: 0.64rem;
    position: relative;
    padding: 0 1.28rem 0 1.2rem;
}

.comment-rel input {
    width: 100%;
    height: 1.28rem;
    background: transparent;
    font-size: 0.56rem;
    color: #999;
}

.comment-rel i {
    position: absolute;
    line-height: 1.28rem;
    cursor: pointer;
}

.comment-rel .icon-xiaolian {
    font-size: 0.6rem;
    left: 0.32rem;
}

.comment-rel .icon-fabu {
    color: #0dc87b;
    font-size: 0.88rem;
    right: 0.28rem;
    top: 0;
}

.bookAll ul li {
    margin-bottom: 0.84rem;
}

.bookList {
    height: 3.4rem;
    position: relative;
    margin-left: 0.72rem;
    margin-right: 0.72rem;
    padding-left: 3.28rem;
}

.bookList img {
    width: 2.8rem;
    height: 3.4rem;
    position: absolute;
    left: 0;
    top: 0;
}

.bookList h2 {
    font-size: 0.56rem;
    font-weight: bold;
    line-height: 0.84rem;
}

.bookList h4 {
    font-size: 0.4rem;
    color: #afafaf;
    margin-top: 0.32rem;
}

.bookList h4 i {
    font-size: 0.36rem;
    margin-right: 3px;
}

.bookList h4 span {
    margin-left: 0.8rem;
}

.bookList p {
    font-size: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    margin-top: 0.16rem;
}

.bookList mark {
    width: 0.56rem;
    height: 0.56rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    -ms-border-radius: 4px 0 4px 0;
    -o-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
    display: block;
    z-index: 1;
    font-size: 0.48rem;
    line-height: 0.56rem;
    text-align: center;
    color: #fff;
}

.bookm1 {
    background: #ff1e0d;
}

.bookm2 {
    background: #ff5c38;
}

.bookm3 {
    background: #ffb026;
}

.music-playbox {
    width: 100%;
    position: fixed;
    top: 1.76rem;
    bottom: 1.76rem;
}

.music-playcon {
    width: 100%;
    height: 78.3542039356%;
    background-image: url(../images/music-bg.jpg);
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
}

.music-playcon .music-c1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.music-playcon .music-c1 img {
    width: 7.4rem;
    height: 9rem;
    display: block;
    margin: 0 auto;
}

.music-playcon .music-c1 h2, .music-playcon .music-c1 h3, .music-playcon .music-c1 p {
    margin-left: 0.72rem;
    margin-right: 0.72rem;
}

.music-playcon .music-c1 h2 {
    font-size: 0.64rem;
    font-weight: bold;
    margin: 0.8rem 0;
}

.music-playcon .music-c1 h3 {
    font-size: 0.48rem;
}

.music-playcon .music-c1 p {
    font-size: 0.48rem;
    color: rgba(225, 225, 225, 0.8);
    margin-top: 1.12rem;
    line-height: 0.72rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
}

.music-playerb {
    width: 100%;
    height: 21.6457960644%;
    position: relative;
}

.m-player {
    height: 0.12rem;
    background: #777;
    position: absolute;
    z-index: 9;
    top: 0.96rem;
    left: 2.16rem;
    right: 2.16rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
    border-radius: 0.06rem;
}

.m-player .play-range {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    background: #0dc87b;
    top: -0.34rem;
    cursor: pointer;
}

.m-player .player-progress {
    height: 0.12rem;
    background: #0dc87b;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
    border-radius: 0.06rem;
}

.m-player span {
    position: absolute;
    font-size: 0.48rem;
    top: -0.28rem;
}

.m-player .player-start {
    left: -1.74rem;
}

.m-player .player-end {
    right: -1.74rem;
}

.m-control {
    width: 100%;
    height: 1.28rem;
    position: absolute;
    top: 2.28rem;
}

.m-control i {
    position: absolute;
    background-size: cover;
    cursor: pointer;
    display: block;
}

.m-control .m-go, .m-control .m-back, .m-control .m-replay, .m-control .m-prev, .m-control .m-next {
    width: 0.84rem;
    height: 0.84rem;
    top: 0.22rem;
}

.m-control .m-go {
    background-image: url(../images/music/m-go.png);
    right: 0.72rem;
}

.m-control .m-back {
    background-image: url(../images/music/m-back.png);
    left: 0.72rem;
}

.m-control .m-prev {
    background-image: url(../images/music/m-prev.png);
    left: 4rem;
}

.m-control .m-next {
    background-image: url(../images/music/m-next.png);
    right: 4rem;
}

.m-control .m-play, .m-control .m-stop {
    width: 1.28rem;
    height: 1.28rem;
    left: 50%;
    margin-left: -0.64rem;
}

.m-control .m-play {
    background-image: url(../images/music/m-stop.png);
}

.m-control .m-stop {
    background-image: url(../images/music/m-play.png);
}

.shoreNav {
    width: 100%;
    height: 1.92rem;
    position: fixed;
    bottom: 0;
    z-index: 99;
    text-align: center;
    background: #fff;
    box-shadow: 0 -1px 0px #dddddd;
    -webkit-box-shadow: 0 -1px 0px #dddddd;
}

.shoreNav .shoreNav-ico {
    width: 0.88rem;
    height: 0.88rem;
    display: block;
    margin: 0.2rem auto 0.2rem;
    font-size: 0.88rem;
    line-height: 0.88rem;
}

.shoreNav .shoreNav-txt {
    font-size: 0.2rem;
    line-height: 0.32rem;
    display: block;
}

.pop-box {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    bottom: 0;
    padding-bottom: 1.76rem;
    box-sizing: content-box;
}

.pop-box .pop-list {
    max-height: 13.5rem;
    overflow-y: scroll;
    min-height: 13.5rem;
}

.pop-box .pop-list ul {
    margin-left: 0.72rem;
    padding-top: 0.2rem;
}

.pop-box .pop-close {
    width: 100%;
    height: 1.76rem;
    background: #fff;
    border-top: 1px solid #eee;
    position: absolute;
    bottom: 0;
    font-size: 0.64rem;
    text-align: center;
    line-height: 1.76rem;
    display: block;
}

.pop-li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0.6rem 0 0.6rem 1.2rem;
    line-height: 1;
}

.pop-li h2 {
    font-size: 0.6rem;
}

.pop-li p {
    font-size: 0.48rem;
    margin-top: 0.4rem;
}

/*.pop-li p span { margin-left: 1.28rem; }*/
.pop-li p a {
    font-size: 0.48rem;
}

.pop-li .pop-num {
    width: 1.2rem;
    font-size: 0.48rem;
    position: absolute;
    left: 0;
    top: 0.66rem;
}

.pop-li .pop-play, .pop-li .pop-read {
    position: absolute;
    width: 0.96rem;
    height: 0.96rem;
    background-size: cover;
    top: 50%;
    margin-top: -0.48rem;
    right: 0.72rem;
}

.pop-li .pop-play {
    background-image: url(../images/ico/td-play.png);
}

.pop-li .pop-read {
    background-image: url(../images/ico/td-read.png);
}

.book-box {
    width: 100%;
    position: fixed;
    bottom: 1.96rem;
    top: 1.76rem;
}

.circle-box {
    width: 100%;
    position: fixed;
    bottom: 0rem;
    top: 1.76rem;
}

.book-left {
    width: 21.3333333333%;
    height: 100%;
    background: #f6f6f6;
    overflow-y: scroll;
    position: absolute;
    left: 0;
}

.book-left .book-menu ul li {
    font-size: 0.6rem;
    line-height: 1.76rem;
    border-bottom: 1px solid #ddd;
    text-align: center;
    border-left: 4px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.book-left .book-menu .filterTab-cur {
    background: #FFF;
    border-left-color: #0dc87b;
    color: #0dc87b;
    font-weight: bold;
}

.book-rigt {
    width: 78.6666666667%;
    height: 100%;
    background: #fff;
    overflow-y: scroll;
    position: absolute;
    right: 0;
}

.book-rigt .book-list ul {
    background: #777777;
    margin: 0 0.72rem;
}

.book-rigt .book-list ul li {
    width: 50%;
    float: left;
    text-align: center;
}

.book-rigt .book-list ul li .book-lbox {
    margin: 0 1rem;
}

.book-rigt .book-list ul li .book-lbox img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
    margin-bottom: 0.48rem;
}

.book-rigt .book-list ul li h2 {
    font-size: 0.48rem;
    margin-bottom: 0.32rem;
}

.book-rigt .book-list ul a {
    padding-top: 0.8rem;
    display: block;
}

.circle-list ul li {
    margin-top: 1.12rem;
}

.circle-listLi, .circles2-1 {
    margin: 0 0.64rem;
    position: relative;
    height: 1.8rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.circle-listLi h2, .circles2-1 h2 {
    font-size: 0.56rem;
    line-height: 1;
    padding-top: 0.24rem;
    font-weight: bold;
    color: #000;
}

.circle-listLi p, .circles2-1 p {
    font-size: 0.44rem;
    color: #afafaf;
    line-height: 1;
    margin-top: 0.32rem;
}

.circle-listLi p span, .circles2-1 p span {
    margin-left: 0.24rem;
}

.circle-listLi img, .circles2-1 img {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
}

.circle-listLi a, .circles2-1 a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: #0dc87b;
    text-align: center;
    color: #fff;
    display: block;
}

.circle-listLi .circle-s, .circles2-1 .circle-s {
    width: 2.2rem;
    height: 0.72rem;
    font-size: 0.4rem;
    line-height: 0.72rem;
}

.circle-listLi .circle-b, .circles2-1 .circle-b {
    width: 2.8rem;
    height: 0.96rem;
    font-size: 0.48rem;
    line-height: 0.96rem;
}

.circles1 {
    border-bottom: 1px solid #eee;
    padding: 0.8rem 0;
}

.circles2 {
    margin-top: 0.8rem;
}

.circles2-1 p span {
    margin-left: 0.8rem;
}

.circles2-1 .circles-del {
    background: none;
    padding: 0;
    color: #666;
    font-size: 0.4rem;
}

.circle2-2 {
    margin:0.52rem 0.72rem;
    font-size: 0.56rem;
    color: #444;
    line-height: 0.84rem;
    margin-top: 0.28rem;
}

.circle2-3 {
    margin-top: 0.24rem;
    position: relative;
}

.circle2-3 ul {
    margin: -0.72rem 0.36rem 0;
}

.circle2-3 ul .col-1{
    width: 80%;
    padding-right: 0.2;
}

.circle2-3 ul .col-2,
.circle2-3 ul .col-4
{
    width: 6.7rem;
    height: 6.7rem;
}

.circle2-3 ul .col-3,
.circle2-3 ul .col-5,
.circle2-3 ul .col-6,
.circle2-3 ul .col-7,
.circle2-3 ul .col-8,
.circle2-3 ul .col-9{
    width: 4.3rem;
    height: 4rem;
}

.circle2-3 ul li {
    float: left;
    margin: 5px 5px;
}

.circle2-3 ul li img {
    display: block;
}


.circle2-3 ul .col-1 .circlepbox{
    position: relative;
    width: 100%;
    overflow:hidden;
}

.circle2-3 ul .col-2 .circlepbox,
.circle2-3 ul .col-4 .circlepbox
{
    position: relative;
    width: 6.7rem;
    height: 6.7rem;
    overflow:hidden;
}

.circle2-3 ul .col-3 .circlepbox,
.circle2-3 ul .col-5 .circlepbox,
.circle2-3 ul .col-6 .circlepbox,
.circle2-3 ul .col-7 .circlepbox,
.circle2-3 ul .col-8 .circlepbox,
.circle2-3 ul .col-9 .circlepbox{
    position: relative;
    width: 4.3rem;
    height: 4.3rem;
    overflow:hidden;
}

.circle2-3 ul li .circlepbox span {
    width: 0.72rem;
    height: 0.72rem;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    line-height: 0.72rem;
    text-align: center;
    z-index: 3;
}

.circle2-3 ul li .circlepbox span i {
    font-size: 0.36rem;
    color: rgba(255, 255, 255, 0.8);
}

.circle2-4 {
    padding-bottom: 0.32rem;
}

.circle2-4 ul {
    margin: 0 0.72rem;
}

.circle2-4 ul li {
    width: 33.3333333333%;
    float: left;
    font-size: 0.44rem;
    margin-top: 0.24rem;
}

.circle2-4 ul li i {
    font-size: 0.44rem;
}

.circle2-4 ul li a {
    color: #888;
}

.release-btm {
    width: 2.4rem;
    height: 2.4rem;
    position: fixed;
    bottom: 0.48rem;
    background: #0dc87b;
    left: 50%;
    margin-left: -1.2rem;
    text-align: center;
}

.release-btm i {
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #fff;
}

.release-btm-close {
    width: 2.4rem;
    height: 2.4rem;
    position: fixed;
    bottom: 0.48rem;
    background: #0dc87b;
    left: 50%;
    margin-left: -1.2rem;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.release-btm-close i {
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #fff;
}

.circle-popbox {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    top: 0;
    bottom: 0;
}

.circle-conbox {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    background: #fff;
    padding-bottom: 3.68rem;
    text-align: center;
}

.circle-btm {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 0.8rem 0;
    text-align: center;
}

.circle-btm a {
    display: inline-block;
    margin: 0 1.44rem;
}

.circle-btm .circle-btmico {
    width: 2rem;
    height: 2rem;
    border: 2px solid #888;
    margin: 0 auto 0.32rem;
}

.circle-btm i {
    font-size: 0.84rem;
    line-height: 2rem;
}

.circle-opbox {
    height: 0.88rem;
    background: #eee;
    padding: 0.44rem 0.72rem;
    text-align: right;
}

.circle-opbox a {
    width: 2rem;
    height: 0.88rem;
    display: inline-block;
    font-size: 0.56rem;
    line-height: 0.88rem;
    background: #0dc87b;
    color: #fff;
    text-align: center;
}

.circle-txt {
    margin: 0.48rem 0.72rem 0.32rem;
}

.circle-txt textarea {
    width: 100%;
    height: 5.76rem;
    color: #666;
}

.fullPage {
    width: 100%;
    position: absolute;
    bottom: 3rem;
}

.s-playbox {
    height: 56px;
    background: #8d8d8d;
    color: #fff;
    position: absolute;
    left: 0.36rem;
    right: 0.36rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
    top: 50%;
    margin-top: -1.1rem;
    padding-left: 3.56rem;
    padding-right: 3rem;
}

.s-playbox img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 0.12rem;
    -moz-border-radius: 0.12rem;
    -ms-border-radius: 0.12rem;
    -o-border-radius: 0.12rem;
    border-radius: 0.12rem;
    position: absolute;
    left: 1.44rem;
    top: 8px;
}

.s-playbox h2 {
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px;
}

.s-playbox p {
    font-size: 10px;
    margin-top: 5px;
}

.s-playbox p span {
    margin-left: 0.32rem;
    font-size: 9px;
    margin-right: 0.1rem;
}

.s-playbox i {
    position: absolute;
    background-size: cover;
    cursor: pointer;
}

.s-playbox .s-close, .s-playbox .s-up {
    width: 22px;
    height: 22px;
    top: 17px;
}

.s-playbox .s-close {
    background-image: url(../images/play/s-close.png);
    left: 0.28rem;
}

.s-playbox .s-up {
    background-image: url(../images/play/s-up.png);
    right: 2rem;
}

.s-playbox .s-play, .s-playbox .s-stop {
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    right: 0.32rem;
    z-index: 9;
}

.s-playbox .s-play {
    background-image: url(../images/play/s-play.png);
}

.s-playbox .s-stop {
    background-image: url(../images/play/s-stop.png);
}

.bf-box {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    right: 0.32rem;
    top: 13px;
}

.bf-box div {
    box-sizing: border-box;
}

.num {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #8d8d8d;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 26px;
    font-size: 32px;
}

.clip, .left, .right {
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
}

.clip {
    border: 2px solid #fff;
    clip: rect(0, 30px, 30px, 15px);
}

.left {
    border: 2px solid #0dc87b;
    clip: rect(0 15px 30px 0);
    top: -2px;
    left: -2px;
}

.right {
    border: 2px solid #0dc87b;
    clip: rect(0 30px 30px 15px);
    top: -2px;
    left: -2px;
}

.width-none {
    width: 0;
}

.auto {
    clip: auto;
}

.sub-hot ul li {
    border-bottom: 1px solid #eee;
    margin-left: 0.72rem;
}

.sub-hot ul li a {
    height: 2.28rem;
    display: block;
    padding: 0.8rem 4.78rem 0.8rem 0;
    position: relative;
    line-height: 1;
}

.sub-hot ul li a h2 {
    font-size: 0.56rem;
    font-weight: bold;
    margin-top: 0.48rem;
}

.sub-hot ul li a p {
    color: #afafaf;
    font-size: 0.2rem;
    margin-top: 0.48rem;
}

.sub-hot ul li a p i {
    font-size: 0.22rem;
}

.sub-hot ul li a p span {
    margin-left: 0.48rem;
}

.sub-hot ul li a img {
    width: 4.06rem;
    height: 2.28rem;
    position: absolute;
    right: 0.72rem;
}

.sub-hot ul li:last-child {
    border-bottom: none;
}

.article-title {
    font-size: 0.6rem;
    line-height: 0.84rem;
    margin: 0rem 0.72rem 0rem 0.72rem;
    color: #000;
    font-weight: bold;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.article-articles {
    font-size: 0.48rem;
    line-height: 2;
    margin: 0rem 0.72rem 0rem 0.72rem;
    color: #444;
    padding-bottom: 0.64rem;
}

.article-articles img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 0.16rem auto;
}

.read-List {
    margin: 0rem 0.72rem;
    padding-bottom: 0.56rem;
}

.read-List h2 {
    font-size: 0.56rem;
    line-height: 1.5;
    margin: 0.48rem 0;
    font-weight: bold;
}

.read-List h4 {
    font-size: 0.48rem;
    line-height: 1;
    margin-top: 0.48rem;
    color: #444;
}

.read-List p {
    font-size: 0.48rem;
    line-height: 1.5;
    color: #888;
    margin-top: 0.36rem;
}

.read-List ul {
    height: 0.72rem;
    border-top: 1px solid #eee;
    margin-top: 0.36rem;
    position: relative;
}

.read-List ul li {
    float: left;
    font-size: 0.44rem;
    line-height: 0.72rem;
    margin-top: 0.32rem;
    position: absolute;
}

.read-List ul li:nth-child(1) {
    left: 0;
}

.read-List ul li:nth-child(2) {
    left: 28%;
}

.read-List ul li:nth-child(3) {
    left: 58%;
}

.read-List ul li:nth-child(4) {
    right: 0;
}

.read-List ul li i {
    font-size: 0.6rem;
    vertical-align: middle;
}

.split-box {
    height: 0.4rem;
    background: #eaeaea;
}

.red {
    color: red;
}

.swiper-container {
    height: 100%;
}

.book-ind1, .book-sub1 {
    padding: 0.8rem 0.72rem 0.48rem 4rem;
    position: relative;
    line-height: 1;
}

.book-ind1 img, .book-sub1 img {
    width: 2.8rem;
    height: 3.4rem;
    position: absolute;
    left: 0.72rem;
}

.book-ind1 h2, .book-sub1 h2 {
    font-size: 0.56rem;
    color: #444;
    font-weight: bold;
}

.book-ind1 h4, .book-sub1 h4 {
    font-size: 0.48rem;
    color: #444;
    margin: 0.32rem 0;
}

.book-ind1 p, .book-sub1 p {
    font-size: 0.48rem;
    color: #888;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
}

.book-ind2 {
    margin-left: 0.72rem;
}

.book-ind2 ul {
    margin-top: -0.44rem;
}

.book-ind2 ul li h2 {
    font-weight: bold;
}

.book-ind3 ul {
    margin-top: -0.6rem;
}

.book-ind3 ul li {
    margin-left: 0.72rem;
}

.book-ind3 ul li a {
    height: 2.28rem;
    display: block;
    padding: 0.6rem 4.78rem 0.6rem 0;
    position: relative;
    line-height: 1;
}

.book-ind3 ul li a h2 {
    font-size: 0.56rem;
    font-weight: bold;
    margin-top: 0.48rem;
}

.book-ind3 ul li a p {
    color: #afafaf;
    font-size: 0.2rem;
    margin-top: 0.48rem;
}

.book-ind3 ul li a p i {
    font-size: 0.22rem;
}

.book-ind3 ul li a p span {
    margin-left: 0.48rem;
}

.book-ind3 ul li a img {
    width: 4.06rem;
    height: 2.28rem;
    position: absolute;
    right: 0.72rem;
}

.book-ind3 ul li:last-child {
    border-bottom: none;
}

.book-ind3 ul li .add-sou {
    right: 0.72rem;
    top: 0.6rem;
}

.add-sou {
    height: 0.56rem;
    padding: 0 0.16rem;
    line-height: 0.56rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.7);
}

.add-sou i {
    font-size: 0.48rem;
    color: #fff;
    display: inline-block;
}

.my-quanzi ul {
    margin-top: 0.8rem;
}

.my-quanzi ul li {
    margin-bottom: 1.12rem;
}

.book-comment {
    left: 0;
    right: 0;
    height: 1.76rem;
    border-top: 1px solid #eee;
    position: fixed;
    bottom: 0;
    z-index: 9;
    background: #fff;
    padding-right: 35%;
}

.book-comment ul {
    position: absolute;
    left: 65%;
    right: 0.72rem;
}

.book-comment ul li {
    width: 50%;
    float: left;
    font-size: 0.48rem;
    line-height: 1.76rem;
}

.book-comment ul li i {
    font-size: 0.44rem;
}

.book-comment ul li a {
    color: #888;
}

.bookqz-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.book-qz {
    width: 9.36rem;
    background: #fff;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.book-qz h2 {
    border-bottom: 1px solid #eee;
    font-size: 0.6rem;
    line-height: 0.88rem;
    padding: 1.16rem 0;
}

.book-qz ul li {
    height: 1.76rem;
    font-size: 0.6rem;
    line-height: 1.76rem;
}

.book-qz ul li:nth-child(2) {
    border-left: 1px solid #eee;
}

.book-qz ul li:nth-child(2) a {
    color: #00b25b;
}

.book-qz ul li a {
    display: block;
}

.my-center1 {
    text-align: center;
    margin-top: 1.44rem;
}

.my-center1 img {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.my-center1 a {
    width: 4rem;
    height: 0.96rem;
    font-size: 0.56rem;
    line-height: 0.96rem;
    text-align: center;
    -webkit-border-radius: 0.48rem;
    -moz-border-radius: 0.48rem;
    -ms-border-radius: 0.48rem;
    -o-border-radius: 0.48rem;
    border-radius: 0.48rem;
    display: inline-block;
    /*margin: 1.12rem 0;*/
    margin-top: 0.6rem;
}

.my-center1 .my-center-login {
    background: #0dc87b;
    color: #fff;
}

.my-center1 .my-center-out {
    color: #666;
}

.my-center2 ul li {
    height: 1.96rem;
    margin-left: 0.72rem;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-size: 0.56rem;
    line-height: 1.96rem;
    padding-left: 1.44rem;
}

.my-center2 ul li a {
    display: block;
}

.my-center2 ul li .icon-jinru {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.72rem;
    color: #cccccc;
    font-weight: bold;
}

.my-center2ico {
    width: 0.92rem;
    height: 0.92rem;
    position: absolute;
    left: 0;
    top: 0.52rem;
    background: red;
    text-align: center;
    line-height: 0.92rem;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.my-center2ico i {
    font-size: 0.56rem;
}

.my-center-bg1 {
    background: #00c574;
}

.my-center-bg2 {
    background: #f6b525;
}

.book-shore {
    margin: 0.8rem 0.72rem;
    position: relative;
    padding-left: 2.08rem;
    line-height: 1;
}

.book-shore img {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: 0;
    -webkit-border-radius: 0.12rem;
    -moz-border-radius: 0.12rem;
    -ms-border-radius: 0.12rem;
    -o-border-radius: 0.12rem;
    border-radius: 0.12rem;
}

.book-shore h2 {
    font-size: 0.56rem;
    line-height: 0.56rem;
    padding-top: 0.12rem;
    font-weight: bold;
}

.book-shore p {
    font-size: 0.4rem;
    margin-top: 0.4rem;
}

.book-shore p span {
    margin-left: 0.32rem;
    font-size: 0.36rem;
    margin-right: 0.1rem;
}

.pop-shore-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99;
}

.pop-shore {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
}

.pop-shore ul {
    padding: 1.12rem 2.08rem;
}

.pop-shore ul li {
    text-align: center;
}

.pop-shore ul li i {
    font-size: 1.92rem;
}

.pop-shore .pop-shore-close {
    width: 100%;
    height: 1.76rem;
    display: block;
    border-top: 1px solid #e9e9e9;
    font-size: 0.56rem;
    line-height: 1.76rem;
    text-align: center;
    color: #fe5a3f;
}

.book-sub1 {
    border-bottom: 0.4rem solid #eaeaea;
    background: #fff;
    padding-bottom: 0.8rem;
    position: fixed;
    top: 1.76rem;
    z-index: 99;
}

.pt-book {
    padding-top: 7.16rem;
    margin-left: 0.72rem;
    background: #FFF;
}

.pt-book h4 {
    font-size: 0.6rem;
    line-height: 2.12rem;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    color: #444;
}

.pt-book h4 i {
    font-size: 0.56rem;
    margin-right: 0.32rem;
}

.list-item {
    margin-right: 0.72rem;
}

.list-item ul li .list-circle {
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    background: #c9c9c9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 0.32rem;
    top: 0.72rem;
}

.list-item ul li .icon-erji {
    font-size: 0.4rem;
    margin-right: 0.1rem;
}

.list-item ul li .icon-suo {
    font-size: 0.4rem;
    margin-left: 0.8rem;
}

.list-item ul .pop-li {
    padding: 0.6rem 0 0.6rem 1rem;
}

.bookTabmenu {
    width: 100%;
    height: 1.76rem;
    background: #fff;
    position: fixed;
    top: 7.16rem;
    z-index: 99;
    font-size: 0.6rem;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.76rem;
}

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

.bookmenu-cur {
    color: #0dc87b;
    font-weight: bold;
}

.bookTabcon, .zy-bookTabcon {
    padding-top: 8.94rem;
}

.bookTabcon ul, .zy-bookTabcon ul {
    margin: 0 0.36rem;
}

.bookTabcon ul li, .zy-bookTabcon ul li {
    width: 33.3333333333%;
    float: left;
}

.bookTabcon ul li .mryk-pic, .zy-bookTabcon ul li .mryk-pic {
    position: relative;
}

.bookTabcon ul li h2, .zy-bookTabcon ul li h2 {
    font-size: 0.48rem;
    line-height: 0.74rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    margin-top: 0.24rem;
}

.sub-bookc {
    margin: 0.72rem 0.36rem 0;
}

.zy-book {
    padding-top: 7.16rem;
    background: #FFF;
}

.zybox {
    margin-left: 0.72rem;
    margin-top: -0.16rem;
}

.zy-bookTabcon {
    padding-top: 0;
    margin-top: -0.4rem;
    padding-bottom: 0.32rem;
}

.clock-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.clock {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    background: #FFF;
    text-align: center;
}

.clock ul {
    padding: 0 0.72rem;
}

.clock ul li {
    font-size: 0.56rem;
    height: 1.44rem;
    line-height: 1.44rem;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

.clock-close {
    height: 1.76rem;
    line-height: 1.76rem;
    display: block;
    font-size: 0.64rem;
    font-weight: bold;
}

.clock-show {
    position: absolute;
    height: 0.72rem;
    border: 1px solid #fff;
    right: 0.72rem;
    font-size: 0.4rem;
    line-height: 0.72rem;
    text-align: center;
    padding: 0 0.16rem;
}

.add-zy {
    text-align: center;
    padding: 0.8rem 0 0.48rem;
}

.add-zy img {
    display: inline-block;
    width: 3.2rem;
    height: 3.88rem;
}

.add-zy h2 {
    font-size: 0.6rem;
    font-weight: bold;
    color: #666;
    margin: 0.16rem 0;
}

.add-zy p {
    font-size: 0.48rem;
    color: #888;
}

.add-vip-color1 {
    color: #888;
}

.add-vip-color2 {
    color: #f8b524;
}

.add-tryLook {
    background: #0dc87b;
    color: #fff;
    font-size: 0.4rem;
    padding: 0 0.2rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.add-payBox {
    width: 100%;
    height: 1.96rem;
    border-top: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #fff;
    text-align: center;
    line-height: 1.96rem;
}

.add-payBox .flex-item-2 {
    background: #0dc87b;
    font-size: 0.56rem;
    color: #fff;
}

.add-payBox .flex-item-2 i {
    margin-left: 0.16rem;
    font-weight: bold;
}

.add-payBox .flex-item-1 {
    background: #f8b524;
    color: #fff;
    font-size: 0.6rem;
}

.book-ind1 i {
    font-size: 0.72rem;
    position: absolute;
    right: 0.72rem;
    color: #333;
}

.recharge1 {
    margin: 0.64rem;
    position: relative;
    height: 1.8rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.recharge1 h2 {
    font-size: 0.56rem;
    line-height: 1;
    padding-top: 0.24rem;
    font-weight: bold;
    color: #000;
}

.recharge1 h2 i {
    font-size: 0.52rem;
    font-weight: normal;
    margin-left: 0.24rem;
}

.recharge1 p {
    font-size: 0.44rem;
    color: #afafaf;
    line-height: 1;
    margin-top: 0.32rem;
}

.recharge1 p span {
    margin-left: 0.24rem;
}

.recharge1 img {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
}

.rechargeMenu {
    margin: 0.72rem;
    font-size: 0.64rem;
    color: #0dc87b;
    font-weight: bold;
}

.recharge2 {
    padding-bottom: 0.8rem;
}

.recharge2 ul {
    margin: -0.8rem 0.6rem;
}

.recharge2 ul li {
    width: 50%;
    float: left;
    margin-top: 0.8rem;
}

.recharge2Box {
    margin: 0 0.6rem;
    border: 1px solid #e9e9e9;
    text-align: center;
    line-height: 1;
    padding: 1.12rem 0;
    position: relative;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

.recharge2Box h2 {
    font-size: 0.72rem;
}

.recharge2Box h2 span {
    font-size: 0.64rem;
    color: #999;
    margin-left: 0.24rem;
    text-decoration: line-through;
}

.recharge2Box p {
    font-size: 0.56rem;
    color: #888;
    margin-top: 0.32rem;
}

.recharge2Box i {
    font-size: 0.64rem;
    position: absolute;
    top: 0.32rem;
    right: 0.32rem;
    color: #f8b524;
}

.recharge2Box mark {
    width: 1.6rem;
    height: 0.88rem;
    position: absolute;
    top: -1px;
    left: -1px;
    background: #0dc87b;
    color: #fff;
    -webkit-border-radius: 0.1rem 0 0.1rem 0;
    -moz-border-radius: 0.1rem 0 0.1rem 0;
    -o-border-radius: 0.1rem 0 0.1rem 0;
    -ms-border-radius: 0.1rem 0 0.1rem 0;
    border-radius: 0.1rem 0 0.1rem 0;
    -webkit-border-radius: 0.1rem 0 0.1rem 0;
    -moz-border-radius: 0.1rem 0 0.1rem 0;
    -ms-border-radius: 0.1rem 0 0.1rem 0;
    -o-border-radius: 0.1rem 0 0.1rem 0;
    border-radius: 0.1rem 0 0.1rem 0;
    font-size: 0.48rem;
    line-height: 0.88rem;
}

.recharge2BoxSelect {
    border: 1px solid #0dc87b;
}

.recharge3 ul li {
    width: 25%;
    float: left;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.56rem;
    line-height: 1;
    padding: 0.64rem 0;
}

.recharge3 ul li img {
    width: 40%;
    margin: 0 30% 0.32rem;
}

.recharge4 {
    margin: 0.64rem 0.72rem 0.8rem;
}

.recharge4 .recharge4btm {
    height: 1.76rem;
    background: #afafaf;
    font-size: 0.64rem;
    text-align: center;
    color: #fff;
    line-height: 1.76rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    display: block;
    margin-top: 0.48rem;
}

.recharge4r {
    position: relative;
}

.recharge4r i {
    position: absolute;
    right: 0;
    font-size: 0.56rem;
    top: 0;
    line-height: 0.72rem;
    cursor: pointer;
}

label {
    display: inline-block;
    cursor: pointer;
    padding-left: 0.96rem;
    color: #666;
}

.checks {
    font-size: 0.48rem;
    line-height: 0.72rem;
}

.checks .label_check {
    height: 0.72rem;
    background: url(../images/vip/check_hover.png) 0 0 no-repeat;
    background-size: contain;
}

.checks .label_check:hover {
    background: url(../images/vip/check_hover.png) 0 0 no-repeat;
    color: #0dc87b;
    background-size: contain;
}

.checks .label_check input {
    position: absolute;
    left: -99999px;
}

.checks span {
    color: #0dc87b;
}

.checks a {
    color: #0dc87b;
}

.checks label.c_on, .checks label.c_on:hover {
    background: url(../images/vip/check_selected.png) 0 0px no-repeat;
    background-size: contain;
}

.recharge4t {
    height: 3.2rem;
    overflow-y: scroll;
    border: 1px solid #e9e9e9;
    padding: 0.48rem;
    font-size: 0.48rem;
    line-height: 0.96rem;
    margin-top: 0.32rem;
    color: #777;
    display: none;
}

.vipDay {
    font-size: 0.44rem;
    color: #afafaf;
    line-height: 1;
    margin-top: 0.32rem;
    margin-bottom: 1rem;
}

.add-vip-color0 {
    color:#f8b524;
}


.progress-0 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(90deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-0 .b:after {
    content: "";
}

.progress-1 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(93.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-1 .b:after {
    content: "";
}

.progress-2 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(97.2deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-2 .b:after {
    content: "";
}

.progress-3 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(100.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-3 .b:after {
    content: "";
}

.progress-4 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(104.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-4 .b:after {
    content: "";
}

.progress-5 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(108deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-5 .b:after {
    content: "";
}

.progress-6 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(111.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-6 .b:after {
    content: "";
}

.progress-7 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(115.2deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-7 .b:after {
    content: "";
}

.progress-8 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(118.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-8 .b:after {
    content: "";
}

.progress-9 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(122.4deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-9 .b:after {
    content: "";
}

.progress-10 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(126deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-10 .b:after {
    content: "";
}

.progress-11 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(129.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-11 .b:after {
    content: "";
}

.progress-12 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(133.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-12 .b:after {
    content: "";
}

.progress-13 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(136.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-13 .b:after {
    content: "";
}

.progress-14 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(140.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-14 .b:after {
    content: "";
}

.progress-15 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(144deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-15 .b:after {
    content: "";
}

.progress-16 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(147.6deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-16 .b:after {
    content: "";
}

.progress-17 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(151.2deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-17 .b:after {
    content: "";
}

.progress-18 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(154.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-18 .b:after {
    content: "";
}

.progress-19 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(158.4deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-19 .b:after {
    content: "";
}

.progress-20 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(162deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-20 .b:after {
    content: "";
}

.progress-21 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(165.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-21 .b:after {
    content: "";
}

.progress-22 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(169.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-22 .b:after {
    content: "";
}

.progress-23 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(172.8deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-23 .b:after {
    content: "";
}

.progress-24 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(176.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-24 .b:after {
    content: "";
}

.progress-25 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(180deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-25 .b:after {
    content: "";
}

.progress-26 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(183.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-26 .b:after {
    content: "";
}

.progress-27 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(187.2deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-27 .b:after {
    content: "";
}

.progress-28 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(190.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-28 .b:after {
    content: "";
}

.progress-29 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(194.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-29 .b:after {
    content: "";
}

.progress-30 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(198deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-30 .b:after {
    content: "";
}

.progress-31 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(201.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-31 .b:after {
    content: "";
}

.progress-32 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(205.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-32 .b:after {
    content: "";
}

.progress-33 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(208.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-33 .b:after {
    content: "";
}

.progress-34 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(212.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-34 .b:after {
    content: "";
}

.progress-35 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(216deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-35 .b:after {
    content: "";
}

.progress-36 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(219.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-36 .b:after {
    content: "";
}

.progress-37 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(223.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-37 .b:after {
    content: "";
}

.progress-38 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(226.8deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-38 .b:after {
    content: "";
}

.progress-39 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(230.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-39 .b:after {
    content: "";
}

.progress-40 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(234deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-40 .b:after {
    content: "";
}

.progress-41 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(237.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-41 .b:after {
    content: "";
}

.progress-42 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(241.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-42 .b:after {
    content: "";
}

.progress-43 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(244.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-43 .b:after {
    content: "";
}

.progress-44 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(248.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-44 .b:after {
    content: "";
}

.progress-45 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(252deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-45 .b:after {
    content: "";
}

.progress-46 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(255.6deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-46 .b:after {
    content: "";
}

.progress-47 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(259.2deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-47 .b:after {
    content: "";
}

.progress-48 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(262.8deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-48 .b:after {
    content: "";
}

.progress-49 {
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent),
    linear-gradient(266.4deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-49 .b:after {
    content: "";
}

.progress-50 {
    background-image: linear-gradient(-90deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-50 .b:after {
    content: "";
}

.progress-51 {
    background-image: linear-gradient(-86.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-51 .b:after {
    content: "";
}

.progress-52 {
    background-image: linear-gradient(-82.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-52 .b:after {
    content: "";
}

.progress-53 {
    background-image: linear-gradient(-79.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-53 .b:after {
    content: "";
}

.progress-54 {
    background-image: linear-gradient(-75.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-54 .b:after {
    content: "";
}

.progress-55 {
    background-image: linear-gradient(-72deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-55 .b:after {
    content: "";
}

.progress-56 {
    background-image: linear-gradient(-68.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-56 .b:after {
    content: "";
}

.progress-57 {
    background-image: linear-gradient(-64.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-57 .b:after {
    content: "";
}

.progress-58 {
    background-image: linear-gradient(-61.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-58 .b:after {
    content: "";
}

.progress-59 {
    background-image: linear-gradient(-57.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-59 .b:after {
    content: "";
}

.progress-60 {
    background-image: linear-gradient(-54deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-60 .b:after {
    content: "";
}

.progress-61 {
    background-image: linear-gradient(-50.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-61 .b:after {
    content: "";
}

.progress-62 {
    background-image: linear-gradient(-46.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-62 .b:after {
    content: "";
}

.progress-63 {
    background-image: linear-gradient(-43.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-63 .b:after {
    content: "";
}

.progress-64 {
    background-image: linear-gradient(-39.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-64 .b:after {
    content: "";
}

.progress-65 {
    background-image: linear-gradient(-36deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-65 .b:after {
    content: "";
}

.progress-66 {
    background-image: linear-gradient(-32.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-66 .b:after {
    content: "";
}

.progress-67 {
    background-image: linear-gradient(-28.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-67 .b:after {
    content: "";
}

.progress-68 {
    background-image: linear-gradient(-25.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-68 .b:after {
    content: "";
}

.progress-69 {
    background-image: linear-gradient(-21.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-69 .b:after {
    content: "";
}

.progress-70 {
    background-image: linear-gradient(-18deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-70 .b:after {
    content: "";
}

.progress-71 {
    background-image: linear-gradient(-14.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-71 .b:after {
    content: "";
}

.progress-72 {
    background-image: linear-gradient(-10.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-72 .b:after {
    content: "";
}

.progress-73 {
    background-image: linear-gradient(-7.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-73 .b:after {
    content: "";
}

.progress-74 {
    background-image: linear-gradient(-3.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-74 .b:after {
    content: "";
}

.progress-75 {
    background-image: linear-gradient(0deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-75 .b:after {
    content: "";
}

.progress-76 {
    background-image: linear-gradient(3.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-76 .b:after {
    content: "";
}

.progress-77 {
    background-image: linear-gradient(7.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-77 .b:after {
    content: "";
}

.progress-78 {
    background-image: linear-gradient(10.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-78 .b:after {
    content: "";
}

.progress-79 {
    background-image: linear-gradient(14.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-79 .b:after {
    content: "";
}

.progress-80 {
    background-image: linear-gradient(18deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-80 .b:after {
    content: "";
}

.progress-81 {
    background-image: linear-gradient(21.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-81 .b:after {
    content: "";
}

.progress-82 {
    background-image: linear-gradient(25.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-82 .b:after {
    content: "";
}

.progress-83 {
    background-image: linear-gradient(28.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-83 .b:after {
    content: "";
}

.progress-84 {
    background-image: linear-gradient(32.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-84 .b:after {
    content: "";
}

.progress-85 {
    background-image: linear-gradient(36deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-85 .b:after {
    content: "";
}

.progress-86 {
    background-image: linear-gradient(39.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-86 .b:after {
    content: "";
}

.progress-87 {
    background-image: linear-gradient(43.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-87 .b:after {
    content: "";
}

.progress-88 {
    background-image: linear-gradient(46.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-88 .b:after {
    content: "";
}

.progress-89 {
    background-image: linear-gradient(50.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-89 .b:after {
    content: "";
}

.progress-90 {
    background-image: linear-gradient(54deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-90 .b:after {
    content: "";
}

.progress-91 {
    background-image: linear-gradient(57.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-91 .b:after {
    content: "";
}

.progress-92 {
    background-image: linear-gradient(61.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-92 .b:after {
    content: "";
}

.progress-93 {
    background-image: linear-gradient(64.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-93 .b:after {
    content: "";
}

.progress-94 {
    background-image: linear-gradient(68.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-94 .b:after {
    content: "";
}

.progress-95 {
    background-image: linear-gradient(72deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-95 .b:after {
    content: "";
}

.progress-96 {
    background-image: linear-gradient(75.6deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-96 .b:after {
    content: "";
}

.progress-97 {
    background-image: linear-gradient(79.2deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-97 .b:after {
    content: "";
}

.progress-98 {
    background-image: linear-gradient(82.8deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-98 .b:after {
    content: "";
}

.progress-99 {
    background-image: linear-gradient(86.4deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}

.progress-99 .b:after {
    content: "";
}

.progress-100 {
    background-image: linear-gradient(90deg, #0bfd8f 50%, transparent 50%, transparent),
    linear-gradient(270deg, #0bfd8f 50%, #fff 50%, #fff);
}


.progress-100 .b:after {
    content: "";
}

.fabulousRed {
    color:red;
}


.study-continue { width: 2.8rem; height: 1.96rem; position: fixed; z-index: 99; top: 50%; margin-top: -0.98rem; right: 0; background-image: url(../images/ind-study.png); background-size: cover; font-size: 0.56rem; line-height: 1.96rem; text-align: center; color: #fff; padding: 0 0.64rem 0 1.96rem; }
.study-continue .study-link { display: block; color: #fff; }
.study-continue .study-close { position: absolute; width: 0.72rem; height: 0.72rem; background: red; top: 0; left: -0.2rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: rgba(60, 60, 60, 0.9); text-align: center; line-height: 0.72rem; color: #fff; }
.study-continue .study-close i { font-size: 0.36rem; }

.read-historyM { height: 1.76rem; background: #eee; font-size: 0.56rem; line-height: 1.76rem; text-align: center; position: relative; }
.read-historyM a { margin: 0 1.52rem; color: #333; font-weight: bold; }
.read-historyM a.classTab-cur { color: #0dc87b; }
.read-historyM span { width: 1px; height: 0.64rem; position: absolute; left: 50%; top: 50%; margin-top: -0.32rem; background: #d2d2d2; }

.read-historyC { padding-top: 0.64rem; }

.Ebookbg { background: #f6f2ef; }

/*.Ebook { margin: 0 0.64rem; }*/
.Ebook-title { font-size: 0.68rem; color: #333; margin: 0.8rem 0; }

.Ebook-article { font-size: 0.56rem; line-height: 2; color: #555; padding-bottom: 0.64rem; }

.pop-Ebook1 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 9999; }
.pop-Ebook1 > a { display: block; line-height: 100%; color: #fff; padding: 0; margin: 0; position: relative; text-align: center; }
.pop-Ebook1 .page-pn img { width: 1.44rem; height: 1.44rem; position: absolute; top: 50%; left: 50%; margin: -0.72rem 0 0 -0.72rem; }
.pop-Ebook1 .page-center { background: rgba(0, 0, 0, 0.45); }
.pop-Ebook1 .page-center span { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.6rem; line-height: 0.8rem; }
.pop-Ebook1 .page-center span i { font-size: 1.8rem; }

.pop-List { position: fixed; overflow: scroll; top: 0; left: 0; bottom: 0; right: 2rem; background: #fff; z-index: 99999; }
.pop-List h3 { height: 1.76rem; background: #fff; position: fixed; left: 0; top: 0; right: 2rem; border-bottom: 1px solid #e9e9e9; text-indent: 0.64rem; font-size: 0.6rem; line-height: 1.76rem; color: #000; font-weight: bold; z-index: 9; }

.pop-Ul { padding-top: 1.76rem; }
.pop-Ul h2, .pop-Ul h4, .pop-Ul h5, .pop-Ul h6 { font-size: 0.56rem; line-height: 1.76rem; padding: 0 0.64rem; border-bottom: 1px solid #e9e9e9; cursor: pointer; position: relative; }
.pop-Ul h2 i, .pop-Ul h4 i, .pop-Ul h5 i, .pop-Ul h6 i { position: absolute; top: 50%; }
.pop-Ul .pop-color1 { color: #333; }
.pop-Ul .pop-color1 i { background: #444; }
.pop-Ul .pop-color2 { color: #888; }
.pop-Ul .pop-color2 i { background: #999; }
.pop-Ul h2 { padding-left: 1.28rem; }
.pop-Ul h2 i { width: 0.32rem; height: 0.32rem; left: 0.68rem; margin-top: -0.16rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.pop-Ul h4 { padding-left: 1.92rem; }
.pop-Ul h4 i { width: 0.28rem; height: 0.28rem; left: 1.36rem; margin-top: -0.14rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.pop-Ul h5 { padding-left: 2.56rem; }
.pop-Ul h5 i { width: 0.28rem; height: 0.28rem; left: 2rem; margin-top: -0.14rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.pop-Ul h6 { padding-left: 3.2rem; }
.pop-Ul h6 i { width: 0.28rem; height: 0.28rem; left: 2.64rem; margin-top: -0.14rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.pop-Ebook2 { background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 0.64rem 0.8rem 0.48rem; }

.pop-Ebook2-1, .pop-Ebook2-3 { height: 1.12rem; position: relative; padding: 0 2.2rem; color: #b6b6b6; }
.pop-Ebook2-1 a, .pop-Ebook2-3 a { width: 2.2rem; font-size: 0.48rem; color: #b6b6b6; position: absolute; top: 0; display: block; line-height: 0.48rem; }
.pop-Ebook2-1 a.pop-progess1, .pop-Ebook2-3 a.pop-progess1 { left: 0; text-align: left; }
.pop-Ebook2-1 a.pop-progess3, .pop-Ebook2-3 a.pop-progess3 { right: 0; text-align: right; }
.pop-progess2 { position: relative; padding-top: 0.2rem; }
.pop-progess2 p { width: 100%; height: 0.08rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; background: #b6b6b6; display: block; }
.pop-progess2 p span { height: 0.08rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; display: block; background: #fff; }
.pop-progess2 .pop-p2Left, .pop-progess2 .pop-p2Rigt { position: absolute; top: 0.64rem; font-size: 0.4rem; }
.pop-progess2 .pop-p2Left { left: 0; }
.pop-progess2 .pop-p2Rigt { right: 0; }
.pop-progess2 .pop-py { width: 0.4rem; height: 0.4rem; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; top: 50%; margin-top: -0.1rem; }

.pop-Ebook2-2 { margin-top: 0.8rem; }
.pop-Ebook2-2 ul { padding: 0 0.8rem; }
.pop-Ebook2-2 ul li { text-align: center; color: #b6b6b6; }
.pop-Ebook2-2 ul li span { display: block; }
.pop-Ebook2-2 ul li span.pop-setIco { height: 0.96rem; font-size: 0.96rem; line-height: 0.96rem; }
.pop-Ebook2-2 ul li span.pop-setTxt { font-size: 0.48rem; margin-top: 0.08rem; }
.pop-Ebook2-2 ul li a { display: block; color: #b6b6b6; }

.pop-font { text-align: center; height: 0.88rem; padding-top: 0.08rem; }
.pop-font .pop-num, .pop-font .pop-inp { width: 1.44rem; height: 0.72rem; display: inline-block; font-size: 0.56rem; line-height: 0.72rem; text-align: center; cursor: pointer; }
.pop-font .pop-num i, .pop-font .pop-inp i { font-size: 0.48rem; }
.pop-font .pop-num { border: 1px solid #b6b6b6; -webkit-border-radius: 0.36rem; -moz-border-radius: 0.36rem; -ms-border-radius: 0.36rem; -o-border-radius: 0.36rem; border-radius: 0.36rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.pop-font .pop-inp input { width: 100%; height: 0.72rem; background: transparent; color: #0dc87b; text-align: center; font-size: 0.6rem; color: rgba(255, 255, 255, 0.6); line-height: 0.72rem; }
.pop-font .pop-inp ::-webkit-input-placeholder { color: #b6b6b6; }
.pop-font .pop-inp :-moz-placeholder { color: #b6b6b6; }
.pop-font .pop-inp ::-moz-placeholder { color: #b6b6b6; }
.pop-font .pop-inp :-ms-input-placeholder { color: #b6b6b6; }

.pop-Ebook2-3 { padding: 0.32rem 2.2rem; }
.pop-Ebook2-3 a { top: -0.06rem; display: block; line-height: 1.2rem; }
.pop-Ebook2-3 a > i { font-size: 1.2rem; }
.pop-Ebook2-3 a.pop-progess1 { left: 0; }
.pop-Ebook2-3 a.pop-progess1 i { color: #888; }
.pop-Ebook2-3 a.pop-progess3 { right: 0; }
.pop-Ebook2-3 a.pop-progess3 i { color: #fff; }

.add-tryLookBox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 999999; }
.add-tryLookBox h2 { font-size: 0.56rem; line-height: 1.76rem; text-align: center; color: #fff; }
.add-tryLookBox .tryLook, .add-tryLookBox .tryLine, .add-tryLookBox .tryClose { position: absolute; left: 50%; }
.add-tryLookBox .tryLook { width: 10rem; height: 12.12rem; margin-left: -5rem; margin-top: -6.06rem; top: 50%; }
.add-tryLookBox .tryLook img { width: 10rem; height: 8.48rem; }
.add-tryLookBox .tryLine { width: 0.08rem; background: #b6b6b6; margin-left: -0.04rem; bottom: 1rem; top: 8.48rem; }
.add-tryLookBox .tryClose { width: 1.12rem; height: 1.12rem; display: block; margin-left: -0.56rem; background-image: url(../images/tryclose.png); background-size: cover; bottom: 0; }

.add-Ebook { margin: 0 0.64rem; height: 2.2rem; padding-left: 2.68rem; padding-right: 1.6rem; position: relative; }
.add-Ebook img { width: 2.2rem; height: 2.2rem; position: absolute; left: 0; top: 0; -webkit-border-radius: 0.16rem; -moz-border-radius: 0.16rem; -ms-border-radius: 0.16rem; -o-border-radius: 0.16rem; border-radius: 0.16rem; }
.add-Ebook h2 { font-size: 0.56rem; line-height: 1; font-weight: bold; margin-bottom: 0.2rem; }
.add-Ebook p { font-size: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -moz-box-orient: vertical; color: #888; margin-top: 0.08rem; }
.add-Ebook p span { margin-left: 0.8rem; }
.add-Ebook .add-tryLook1 { right: 0; }

/*# sourceMappingURL=style.css.map */