@charset "UTF-8";
@media (min-width: 240px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 320px) {
  html {
    font-size: 85.33333px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 96px;
  }
}

@media (min-width: 375px) {
  html {
    font-size: 100px;
  }
}

@media (min-width: 384px) {
  html {
    font-size: 102.4px;
  }
}

@media (min-width: 411px) {
  html {
    font-size: 109.6px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 110.4px;
  }
}

@media (min-width: 424px) {
  html {
    font-size: 113.06667px;
  }
}

@media (min-width: 480px) {
  html {
    font-size: 128px;
  }
}

@media (min-width: 540px) {
  html {
    font-size: 144px;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 170.66667px;
  }
}

@media (min-width: 720px) {
  html {
    font-size: 192px;
  }
}

@media (min-width: 750px) {
  html {
    font-size: 200px;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 204.8px;
  }
}

@media (min-width: 800px) {
  html {
    font-size: 213.33333px;
  }
}

@media (min-width: 980px) {
  html {
    font-size: 261.33333px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 273.06667px;
  }
}

@media (min-width: 1080px) {
  html {
    font-size: 288px;
  }
}

@media (min-width: 1152px) {
  html {
    font-size: 307.2px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 364.26667px;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 384px;
  }
}

@media (min-width: 2160px) {
  html {
    font-size: 576px;
  }
}

.xb-line {
  width: 100%;
  height: .1rem;
  background-color: #F8F8F8;
}

.hide {
  display: none !important;
}

.xb-loading {
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
}

.xb-loading img {
  display: inline-block;
  width: .2rem;
  height: .2rem;
}

.xb-no-more {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
}

.box-shadow-radius {
  -webkit-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  -o-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.box-shadow-radius2 {
  -webkit-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  -o-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.44);
  border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.theme1 {
  background-color: #F9F9F9 !important;
}

.theme1 #xb-content h1, .theme1 #xb-content p {
  color: #454545 !important;
}

.theme2 {
  background-color: #CEEBCE !important;
}

.theme2 #xb-content h1, .theme2 #xb-content p {
  color: #333 !important;
}

.theme3 {
  background-color: #c4b399 !important;
}

.theme3 #xb-content h1, .theme3 #xb-content p {
  color: #454545 !important;
}

.theme4 {
  background-color: #e6e0bd !important;
}

.theme4 #xb-content h1, .theme4 #xb-content p {
  color: #784100 !important;
}

.theme5 {
  background-color: #121212 !important;
}

.theme5 #xb-content h1, .theme5 #xb-content p {
  color: #6c6c6c !important;
}

.xb-index-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head {
  width: 100%;
  height: .92rem;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head .xb-head-logo {
  height: .5rem;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-left-logo {
  float: left;
  width: .97rem;
  height: .22rem;
  margin-top: .14rem;
  margin-left: .15rem;
  background: url("../images/icon/qmwx.png") no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area {
  float: right;
  height: .5rem;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-book-search {
  float: left;
  width: 1.74rem;
  height: .5rem;
  line-height: .5rem;
  margin-right: .1rem;
  position: relative;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-book-search .xb-icon-search {
  position: absolute;
  left: .18rem;
  top: 0;
  color: #999;
  font-size: .14rem;
  z-index: inherit;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-book-search input {
  display: inline-block;
  width: 1.74rem;
  height: .3rem;
  font-size: .14rem;
  text-align: center;
  color: #999;
  border: none;
  background-color: #F3F5F7;
  border-radius: 18px;
  -ms-border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-user-login {
  float: left;
  width: .52rem;
  height: .5rem;
  text-align: center;
  background-color: #fff;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-user-login a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-index-wrap .xb-index-head .xb-head-logo .xb-right-user-area .xb-user-login a .xb-user-avatar {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  border: 1px solid #C5C5C5;
  margin-top: .12rem;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.xb-index-wrap .xb-index-head .xb-nav-list {
  width: 100%;
  height: .42rem;
  background-color: #209067;
  overflow: hidden;
}

.xb-index-wrap .xb-index-head .xb-nav-list .xb-nav-lis {
  float: left;
  width: 16.66%;
  height: .42rem;
}

.xb-index-wrap .xb-index-head .xb-nav-list .xb-nav-lis a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: .42rem;
  font-size: .15rem;
  color: #fff;
}

.xb-index-wrap .xb-recent-read-tip {
  width: 100%;
  height: .4rem;
  background-color: #F8F8F8;
  position: relative;
}

.xb-index-wrap .xb-recent-read-tip a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: inherit;
}

.xb-index-wrap .xb-recent-read-tip .xb-read-book-name {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: .4rem;
  font-size: .14rem;
  color: #417FFF;
  padding-left: .4rem;
  padding-right: .4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xb-index-wrap .xb-recent-read-tip .xb-icon-left {
  position: absolute;
  left: .15rem;
  top: .08rem;
  z-index: inherit;
  color: #417FFF;
  font-size: .16rem;
}

.xb-index-wrap .xb-recent-read-tip .xb-icon-right {
  position: absolute;
  right: .15rem;
  top: .1rem;
  z-index: inherit;
  color: #417FFF;
  font-size: .14rem;
}

.xb-index-wrap .xb-bzqt {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-bzqt .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-index-wrap .xb-bzqt .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-index-wrap .xb-bzqt .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-index-wrap .xb-bzqt .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-index-wrap .xb-bzqt .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-index-wrap .xb-bzqt .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-index-wrap .xb-bzqt .xb-book-list-h1 {
  width: 100%;
}

.xb-index-wrap .xb-bzqt .xb-book-list-h1 .book-lis-h1 {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: .1rem;
  overflow: hidden;
}

.xb-index-wrap .xb-bzqt .xb-book-list-h1 .book-lis-h1 a {
  display: inline-block;
}

.xb-index-wrap .xb-bzqt .xb-book-list-h1 .book-lis-h1 a img {
  display: inline-block;
  width: .99rem;
  height: 1.32rem;
}

.xb-index-wrap .xb-bzqt .xb-book-list-h1 .book-lis-h1 a p {
  display: inline-block;
  width: .99rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .14rem;
}

.xb-index-wrap .xb-app-down {
  width: 100%;
  height: auto;
}

.xb-index-wrap .xb-app-down a {
  display: block;
}

.xb-index-wrap .xb-app-down a img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-index-wrap .xb-bzbd {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-bzbd .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-index-wrap .xb-bzbd .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-index-wrap .xb-bzbd .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-index-wrap .xb-bzbd .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-index-wrap .xb-bzbd .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-index-wrap .xb-bzbd .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .15rem;
  height: auto;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: .15rem;
  overflow: hidden;
  position: relative;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1:last-child {
  border-bottom: 0px solid #F2F2F2;
  margin-bottom: 0;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .84rem;
  height: 1.12rem;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con {
  box-sizing: border-box;
  width: 100%;
  height: 1.12rem;
  padding-left: 1rem;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit {
  width: 100%;
  height: .22rem;
  line-height: .22rem;
  white-space: normal;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit .xb-book-tag {
  float: left;
  font-size: .12rem;
  font-weight: normal;
  color: #fff;
  padding: 0 .09rem;
  margin-right: .06rem;
  background-color: #4CC3D9;
  border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-intro {
  color: #999;
  font-size: .12rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types {
  padding-top: .06rem;
}

.xb-index-wrap .xb-bzbd .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types span {
  font-size: .1rem;
  color: #999;
  padding: .04rem .12rem;
  margin-right: .06rem;
  background-color: #F9F9F9;
  border-radius: 0.11rem;
  -ms-border-radius: 0.11rem;
  -moz-border-radius: 0.11rem;
  -webkit-border-radius: 0.11rem;
}

.xb-index-wrap .xb-xsmf {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-xsmf .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-index-wrap .xb-xsmf .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-index-wrap .xb-xsmf .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-index-wrap .xb-xsmf .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-index-wrap .xb-xsmf .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-index-wrap .xb-xsmf .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-index-wrap .xb-xsmf .xb-book-list-h1 {
  width: 100%;
}

.xb-index-wrap .xb-xsmf .xb-book-list-h1 .book-lis-h1 {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: .1rem;
  overflow: hidden;
}

.xb-index-wrap .xb-xsmf .xb-book-list-h1 .book-lis-h1 a {
  display: inline-block;
}

.xb-index-wrap .xb-xsmf .xb-book-list-h1 .book-lis-h1 a img {
  display: inline-block;
  width: .99rem;
  height: 1.32rem;
}

.xb-index-wrap .xb-xsmf .xb-book-list-h1 .book-lis-h1 a p {
  display: inline-block;
  width: .99rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .14rem;
}

.xb-index-wrap .xb-mrbd {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-mrbd .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-index-wrap .xb-mrbd .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-index-wrap .xb-mrbd .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-index-wrap .xb-mrbd .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-index-wrap .xb-mrbd .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-index-wrap .xb-mrbd .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-index-wrap .xb-mrbd .xb-tab-box {
  box-sizing: border-box;
  padding: 0 .15rem;
  width: 100%;
  height: .3rem;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #209067;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar .xb-tab-bar-lis {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  text-align: center;
  height: .3rem;
  line-height: .3rem;
  border-right: 1px solid #209067;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar .xb-tab-bar-lis:last-child {
  border-right: none;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar .xb-tab-bar-lis.checked {
  background-color: #209067;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar .xb-tab-bar-lis.checked a {
  color: #fff;
}

.xb-index-wrap .xb-mrbd .xb-tab-box .xb-tab-bar .xb-tab-bar-lis a {
  display: block;
}

.xb-index-wrap .xb-mrbd .module-slide {
  display: block;
  width: 100%;
  height: auto;
}

.xb-index-wrap .xb-mrbd .module-slide .module-slide-ol {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 1.75rem;
  padding-left: .1rem;
  padding-right: .1rem;
  white-space: nowrap;
}

.xb-index-wrap .xb-mrbd .module-slide .module-slide-ol .module-slide-li {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.xb-index-wrap .xb-mrbd .module-slide .module-slide-ol .module-slide-li .module-slide-a {
  display: block;
  width: .82rem;
  padding: .15rem .1rem .15rem;
  display: block;
}

.xb-index-wrap .xb-mrbd .module-slide .module-slide-ol .module-slide-li .module-slide-a .module-slide-img {
  display: block;
  width: inherit;
  height: 1.1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.xb-index-wrap .xb-mrbd .module-slide .module-slide-ol .module-slide-li .module-slide-caption {
  color: #333;
  font-size: .14rem;
  line-height: .2rem;
  overflow: hidden;
  max-height: .5rem;
  margin: .1rem 0 .025rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xb-index-wrap .xb-wxjz {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-index-wrap .xb-wxjz .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-index-wrap .xb-wxjz .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-index-wrap .xb-wxjz .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-index-wrap .xb-wxjz .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-index-wrap .xb-wxjz .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-index-wrap .xb-wxjz .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-index-wrap .xb-wxjz .xb-book-list-h1 {
  width: 100%;
}

.xb-index-wrap .xb-wxjz .xb-book-list-h1 .book-lis-h1 {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: .1rem;
  overflow: hidden;
}

.xb-index-wrap .xb-wxjz .xb-book-list-h1 .book-lis-h1 a {
  display: inline-block;
}

.xb-index-wrap .xb-wxjz .xb-book-list-h1 .book-lis-h1 a img {
  display: inline-block;
  width: .99rem;
  height: 1.32rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-h1 .book-lis-h1 a p {
  display: inline-block;
  width: .99rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .14rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .15rem;
  height: auto;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: .15rem;
  overflow: hidden;
  position: relative;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1:last-child {
  border-bottom: 0px solid #F2F2F2;
  margin-bottom: 0;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .84rem;
  height: 1.12rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con {
  box-sizing: border-box;
  width: 100%;
  height: 1.12rem;
  padding-left: 1rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit {
  width: 100%;
  height: .22rem;
  line-height: .22rem;
  white-space: normal;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit .xb-book-tag {
  float: left;
  font-size: .12rem;
  font-weight: normal;
  color: #fff;
  padding: 0 .09rem;
  margin-right: .06rem;
  background-color: #4CC3D9;
  border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-intro {
  color: #999;
  font-size: .12rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types {
  padding-top: .06rem;
}

.xb-index-wrap .xb-wxjz .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types span {
  font-size: .1rem;
  color: #999;
  padding: .04rem .12rem;
  margin-right: .06rem;
  background-color: #F9F9F9;
  border-radius: 0.11rem;
  -ms-border-radius: 0.11rem;
  -moz-border-radius: 0.11rem;
  -webkit-border-radius: 0.11rem;
}

.xb-all-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-all-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-all-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-all-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-all-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-all-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-all-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-all-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-all-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-all-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-all-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-all-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .15rem;
  height: auto;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: .15rem;
  overflow: hidden;
  position: relative;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1:last-child {
  border-bottom: 0px solid #F2F2F2;
  margin-bottom: 0;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .84rem;
  height: 1.12rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con {
  box-sizing: border-box;
  width: 100%;
  height: 1.12rem;
  padding-left: 1rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit {
  width: 100%;
  height: .22rem;
  line-height: .22rem;
  white-space: normal;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit .xb-book-tag {
  float: left;
  font-size: .12rem;
  font-weight: normal;
  color: #fff;
  padding: 0 .09rem;
  margin-right: .06rem;
  background-color: #4CC3D9;
  border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-intro {
  color: #999;
  font-size: .12rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types {
  padding-top: .06rem;
}

.xb-all-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types span {
  font-size: .1rem;
  color: #999;
  padding: .04rem .12rem;
  margin-right: .06rem;
  background-color: #F9F9F9;
  border-radius: 0.11rem;
  -ms-border-radius: 0.11rem;
  -moz-border-radius: 0.11rem;
  -webkit-border-radius: 0.11rem;
}

.xb-all-wrap .xb-dialog-filtrate {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 105;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module {
  box-sizing: border-box;
  width: 80%;
  height: 100%;
  margin-left: 20%;
  padding-bottom: .7rem;
  background-color: #fff;
  overflow-y: scroll;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .filtrate-title h1 {
  width: 100%;
  height: .22rem;
  font-size: .16rem;
  font-weight: bold;
  line-height: .22rem;
  text-align: center;
  margin-top: .15rem;
  margin-bottom: .15rem;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content {
  box-sizing: border-box;
  padding-left: .15rem;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li {
  margin-top: .25rem;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li h2 {
  color: #209067;
  font-size: .13rem;
  font-weight: bold;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: .08rem;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li .types {
  box-sizing: border-box;
  padding-left: .1rem;
  padding-right: .1rem;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li .types span {
  font-size: .13rem;
  font-weight: 600;
  color: #333;
  display: inline-block;
  height: .22rem;
  line-height: .22rem;
  padding-left: .1rem;
  padding-right: .1rem;
  margin-right: .1rem;
  margin-top: .1rem;
  cursor: pointer;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li .types span b {
  display: inline-block;
  height: .2rem;
  line-height: .2rem;
  color: #fff;
  font-weight: normal;
  margin-left: .1rem;
  display: none;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li .types span.style {
  color: #fff;
  font-weight: normal;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  background-color: #209067;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .type-content li .types span.style b {
  display: inline-block;
  height: .2rem;
  line-height: .2rem;
  color: #fff;
  font-weight: normal;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .filtrate-btns {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 35;
  width: 80%;
  height: auto;
  overflow-y: scroll;
  margin-left: 20%;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .filtrate-btns button {
  float: left;
  width: 50%;
  height: .44rem;
  line-height: .44rem;
  font-size: .15rem;
  border: none;
  background-color: #E5E5E5;
}

.xb-all-wrap .xb-dialog-filtrate .filtrate-module .filtrate-btns button.bg {
  color: #fff;
  background-color: #209067;
}

.xb-dialog-menu-bar {
  position: fixed;
  left: 0;
  top: .42rem;
  z-index: 50;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: none;
}

.xb-dialog-menu-bar .xb-menu-module {
  box-sizing: border-box;
  width: 100%;
  height: 2.3rem;
  padding: 0 .1rem;
  background-color: #fff;
  overflow: hidden;
}

.xb-dialog-menu-bar .xb-menu-module .menu-bar-list {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-dialog-menu-bar .xb-menu-module .menu-bar-list .menu-bar-lis {
  float: left;
  width: 33.3%;
  text-align: center;
}

.xb-dialog-menu-bar .xb-menu-module .menu-bar-list .menu-bar-lis a {
  display: block;
  padding-top: .14rem;
  padding-bottom: .15rem;
}

.xb-dialog-menu-bar .xb-menu-module .menu-bar-list .menu-bar-lis a .menu-icon {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
}

.xb-dialog-menu-bar .xb-menu-module .menu-bar-list .menu-bar-lis a .menu-icon img {
  width: 100%;
  height: auto;
}

.xb-dialog-menu-bar .xb-menu-module .menu-foot-btn {
  width: 100%;
  height: .6rem;
  text-align: center;
}

.xb-dialog-menu-bar .xb-menu-module .menu-foot-btn .my-bookshelf {
  display: inline-block;
  width: 2.8rem;
  height: .36rem;
  line-height: .36rem;
  margin-top: .1rem;
  font-size: .14rem;
  color: #fff;
  border-radius: 18px;
  -ms-border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  background-color: #209067;
}

.xb-search-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-search-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-search-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-search-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-search-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-search-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-search-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-search-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-search-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-search-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-search-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-search-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-search-wrap .search-success {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-search-wrap .search-success .search-result {
  box-sizing: border-box;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  padding-left: .15rem;
  color: #666;
  font-size: .15rem;
  background-color: #F8F8F8;
}

.xb-search-wrap .search-success .search-result p {
  line-height: .4rem;
}

.xb-search-wrap .search-success .search-result p span {
  color: #209067;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .15rem;
  height: auto;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: .15rem;
  overflow: hidden;
  position: relative;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1:last-child {
  border-bottom: 0px solid #F2F2F2;
  margin-bottom: 0;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .84rem;
  height: 1.12rem;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con {
  box-sizing: border-box;
  width: 100%;
  height: 1.12rem;
  padding-left: 1rem;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit {
  width: 100%;
  height: .22rem;
  line-height: .22rem;
  white-space: normal;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit .xb-book-tag {
  float: left;
  font-size: .12rem;
  font-weight: normal;
  color: #fff;
  padding: 0 .09rem;
  margin-right: .06rem;
  background-color: #4CC3D9;
  border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-intro {
  color: #999;
  font-size: .12rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types {
  padding-top: .06rem;
}

.xb-search-wrap .search-success .xb-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types span {
  font-size: .1rem;
  color: #999;
  padding: .04rem .12rem;
  margin-right: .06rem;
  background-color: #F9F9F9;
  border-radius: 0.11rem;
  -ms-border-radius: 0.11rem;
  -moz-border-radius: 0.11rem;
  -webkit-border-radius: 0.11rem;
}

.xb-search-wrap .search-error {
  width: 100%;
  height: 100%;
}

.xb-search-wrap .search-error .search-hint {
  text-align: center;
  margin-top: 40%;
}

.xb-search-wrap .search-error .search-hint dt {
  display: inline-block;
}

.xb-search-wrap .search-error .search-hint dt img {
  display: block;
  width: 1.24rem;
  height: 1.1rem;
}

.xb-search-wrap .search-error .search-hint dd {
  font-size: .14rem;
  color: #9B9B9B;
  padding-top: .1rem;
}

.xb-search-wrap .default-page {
  width: 100%;
  height: auto;
}

.xb-search-wrap .default-page .hot-search {
  width: 100%;
  height: auto;
  padding-top: .1rem;
  overflow: hidden;
}

.xb-search-wrap .default-page .hot-search .hot-title h2 {
  height: .44rem;
  line-height: .44rem;
  color: #F8F8F8 #666;
  font-size: .18rem;
  font-weight: bold;
  color: #333;
  padding-left: .15rem;
}

.xb-search-wrap .default-page .hot-search .hot-content {
  box-sizing: border-box;
  padding: 0 .15rem .1rem;
  overflow: hidden;
  margin-bottom: .1rem;
}

.xb-search-wrap .default-page .hot-search .hot-content span {
  color: #969BA3;
  box-sizing: border-box;
  float: left;
  height: 0.27rem;
  line-height: 0.27rem;
  max-width: 1.15rem;
  padding: 0 0.08rem;
  border: 1px solid #969BA3;
  border-radius: .22rem;
  -moz-border-radius: .22rem;
  -webkit-border-radius: .22rem;
  overflow: hidden;
  font-size: .13rem;
  margin-top: .1rem;
  margin-right: .15rem;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  cursor: pointer;
}

.xb-search-wrap .default-page .search-history {
  width: 100%;
  height: auto;
}

.xb-search-wrap .default-page .search-history .hot-title {
  position: relative;
}

.xb-search-wrap .default-page .search-history .hot-title .clear-right {
  position: absolute;
  top: .14rem;
  right: .15rem;
  z-index: 2;
  color: #969BA3;
  font-size: .12rem;
  height: .16rem;
  line-height: .16rem;
  cursor: pointer;
}

.xb-search-wrap .default-page .search-history .hot-title .clear-right i {
  color: #666;
  font-size: .14rem;
  margin-right: .05rem;
}

.xb-reader-wrap {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-top: .42rem;
}

.xb-reader-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-reader-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-reader-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-reader-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-reader-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-reader-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-reader-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-reader-wrap .xb-all-head {
  display: none;
  animation: all 0.8s;
  background-color: #000;
}

.xb-reader-wrap .xb-all-head .xb-all-tit {
  color: #fff;
  font-size: .16rem;
  font-weight: normal;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left {
  width: auto !important;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left a {
  color: #fff;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left a, .xb-reader-wrap .xb-all-head .xb-all-head-right a {
  color: #fff;
}

.xb-reader-wrap .xb-all-head .xb-all-head-left a i, .xb-reader-wrap .xb-all-head .xb-all-head-right a i {
  float: left;
}

.xb-reader-wrap .xb-read-book-menu {
  box-sizing: border-box;
  position: fixed;
  right: 0;
  top: .42rem;
  z-index: 105;
  width: 1.8rem;
  height: 2.24rem;
  background: rgba(0, 0, 0, 0.9);
  display: none;
}

.xb-reader-wrap .xb-read-book-menu .xb-read-menu-lis {
  width: 100%;
  height: .56rem;
  line-height: .56rem;
}

.xb-reader-wrap .xb-read-book-menu .xb-read-menu-lis a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: .56rem;
  color: #fff;
  vertical-align: super;
}

.xb-reader-wrap .xb-read-book-menu .xb-read-menu-lis a i {
  font-size: .2rem;
  margin: 0 .13rem;
}

.xb-reader-wrap .xb-add-bookshelf {
  position: fixed;
  right: 0;
  top: .75rem;
  z-index: 100;
  height: .36rem;
  line-height: .36rem;
  background-color: #000;
  animation: all 0.8s;
  display: none;
  font-size: .14rem;
  border-radius: 19px 0px 0px 19px;
  -ms-border-radius: 19px 0px 0px 19px;
  -moz-border-radius: 19px 0px 0px 19px;
  -webkit-border-radius: 19px 0px 0px 19px;
}

.xb-reader-wrap .xb-add-bookshelf a {
  color: #fff;
  padding: 0 .1rem 0 .16rem;
  display: inline-block;
}

.xb-reader-wrap #xb-content {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 .15rem .2rem;
  overflow: hidden;
  position: relative;
}

.xb-reader-wrap #xb-content #xb-chapter-tit {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 60;
  width: 100%;
  height: .36rem;
  line-height: .36rem;
  padding-left: .15rem;
  font-size: .12rem;
  color: #484848;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  -o-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  overflow: hidden;
}

.xb-reader-wrap #xb-content h1 {
  color: #454545;
  font-size: .24rem;
  font-weight: bold;
  margin: .16rem 0;
}

.xb-reader-wrap #xb-content h1.margin-num {
  margin-top: .5rem;
}

.xb-reader-wrap #xb-content h1.margin-left {
  margin-left: .25rem;
}

.xb-reader-wrap #xb-content p {
  color: #454545;
  font-size: .18rem;
  line-height: .3rem;
  margin: .2rem 0;
  letter-spacing: .02rem;
}

.xb-reader-wrap #xb-content.xb-fs-1 h1 {
  font-size: .2rem;
}

.xb-reader-wrap #xb-content.xb-fs-1 p {
  font-size: .14rem;
  line-height: .21rem;
}

.xb-reader-wrap #xb-content.xb-fs-2 h1 {
  font-size: .24rem;
}

.xb-reader-wrap #xb-content.xb-fs-2 p {
  font-size: .18rem;
  line-height: .3rem;
}

.xb-reader-wrap #xb-content.xb-fs-3 h1 {
  font-size: .32rem;
}

.xb-reader-wrap #xb-content.xb-fs-3 p {
  font-size: .22rem;
  line-height: .3rem;
}

.xb-reader-wrap #xb-content.xb-fs-4 h1 {
  font-size: .36rem;
}

.xb-reader-wrap #xb-content.xb-fs-4 p {
  font-size: .26rem;
  line-height: .36rem;
}

.xb-reader-wrap #xb-content.xb-fs-5 h1 {
  font-size: .4rem;
}

.xb-reader-wrap #xb-content.xb-fs-5 p {
  font-size: .3rem;
  line-height: .4rem;
}

.xb-reader-wrap #xb-content .xb-recommend-book {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .15rem .15rem 0;
  margin-top: .2rem;
  margin-bottom: .25rem;
  background: #EFEFEF;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
}

.xb-reader-wrap #xb-content .xb-recommend-book a {
  display: block;
  color: #417FFF;
  text-decoration: underline;
  margin-bottom: .15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-night-style {
  background: #272727 !important;
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-night-style a {
  color: #C9CDD5 !important;
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-other-style {
  background: rgba(255, 255, 255, 0.38);
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-other-style a {
  color: #417FFF;
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-daytime-style {
  background: #EFEFEF;
}

.xb-reader-wrap #xb-content .xb-recommend-book.xb-daytime-style a {
  color: #417FFF;
}

.xb-reader-wrap #xb-content #xb-recommend-box {
  position: relative;
  z-index: 1;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: .24rem;
  border: 1px solid #e7e7e7;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-book-text {
  padding: .2rem 0;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-book-text p {
  color: #454545 !important;
  font-size: 0.15rem !important;
  text-align: center;
  line-height: 0.2rem !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-type-list {
  width: 100%;
  height: auto;
  padding: .1rem 0;
  border-top: 1px solid #F2F2F2;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-type-list .xb-type-lis {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  height: .37rem;
  text-align: center;
  padding-top: .05rem;
  border-right: 1px solid #E7E7E7;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-type-list .xb-type-lis:last-child {
  border-right: none;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-type-list .xb-type-lis a {
  display: block;
  font-size: .12rem;
  color: #417FFF;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-book-state .xb-type-list .xb-type-lis a .xb-type-icon {
  display: inline-block;
  width: .27rem;
  height: .27rem;
  text-align: center;
  line-height: .27rem;
  color: #417FFF;
  font-weight: bold;
  margin-right: .06rem;
  border: 1px solid #417FFF;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis {
  margin-bottom: .24rem;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a {
  display: block;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-other-book-img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-other-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-other-book-img .xb-other-book-tit {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: inherit;
  width: 100%;
  height: .33rem;
  line-height: .33rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  padding-left: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-other-book-text {
  color: #454545;
  font-size: .16rem;
  height: .66rem;
  line-height: .22rem;
  margin-top: .1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-begin-btn {
  width: 100%;
  height: auto;
  text-align: center;
  overflow: hidden;
  margin-top: .1rem;
}

.xb-reader-wrap #xb-content #xb-recommend-box .xb-other-book-list .xb-otehr-book-lis a .xb-begin-btn button {
  display: inline-block;
  width: 1.42rem;
  height: .36rem;
  color: #fff;
  font-size: .16rem;
  border: none;
  margin-top: .05rem;
  border-radius: 18px;
  -ms-border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  background-color: #FB2A43;
  cursor: pointer;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state {
  background-color: #272727 !important;
  border: none !important;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-book-text {
  padding: .2rem 0;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-book-text p {
  color: #C9CDD5 !important;
  font-size: 0.14rem !important;
  text-align: center;
  line-height: 0.2rem !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-type-list {
  width: 100%;
  height: auto;
  padding: .1rem 0;
  border-top: 1px solid #525252;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-type-list .xb-type-lis {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  height: .37rem;
  text-align: center;
  padding-top: .05rem;
  border-right: 1px solid #525252;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-type-list .xb-type-lis:last-child {
  border-right: none;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-type-list .xb-type-lis a {
  display: block;
  font-size: .12rem;
  color: #DDDDDD !important;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-book-state .xb-type-list .xb-type-lis a .xb-type-icon {
  display: inline-block;
  width: .27rem;
  height: .27rem;
  text-align: center;
  line-height: .27rem;
  color: #417FFF;
  font-weight: bold;
  margin-right: .06rem;
  background-color: #fff !important;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.xb-reader-wrap #xb-content #xb-recommend-box.xb-book-state-night .xb-other-book-list .xb-other-book-text {
  color: #C9CDD5 !important;
}

.xb-reader-wrap #xb-content #xb-balance-prompt {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .1rem 0 0;
  margin-top: .2rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.margin-top {
  margin-top: -.2rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-thank-text {
  color: #454545;
  font-size: .18rem;
  line-height: .3rem;
  letter-spacing: .02rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-balance-content {
  box-sizing: border-box;
  margin-top: .3rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-balance-content .xb-balance-mes {
  color: #333333;
  font-size: .18rem;
  line-height: .3rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-balance-content .xb-balance-mes .xb-font-color {
  color: #FF453B;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-recharge-btn {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  border: none;
  color: #fff;
  font-size: .15rem;
  background-color: #09BB07;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: .28rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-auto-buy {
  height: .18rem;
  line-height: .16rem;
  color: #929292;
  font-size: .13rem;
  margin: .2rem 0;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-balance-prompt .xb-auto-buy .xb-buy-icon {
  float: left;
  width: .15rem;
  height: .15rem;
  margin-right: .05rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-balance-tit {
  width: 100%;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #676663;
  font-size: .13rem;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-balance-content {
  margin-top: .21rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-balance-content .xb-balance-mes {
  color: #929292 !important;
  font-size: .13rem;
  line-height: .22rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-recharge-btn {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  border: none;
  color: #FF453B !important;
  font-size: .15rem;
  background-color: transparent !important;
  border: 1px solid #FF453B;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: .28rem;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-auto-buy {
  height: .18rem;
  line-height: .18rem;
  color: #929292;
  font-size: .13rem;
  margin: .18rem 0;
  overflow: hidden;
}

.xb-reader-wrap #xb-content #xb-balance-prompt.xb-balance-prompt-night .xb-auto-buy i {
  margin-right: .05rem;
}

.xb-reader-wrap .xb-next-chapter {
  position: fixed;
  left: 0;
  bottom: .2rem;
  z-index: 10;
  width: 100%;
  height: auto;
  text-align: center;
  display: none;
}

.xb-reader-wrap .xb-next-chapter.xb-next-chapter-show {
  display: block;
}

.xb-reader-wrap .xb-next-chapter .xb-next-chapter-btn {
  width: 2.8rem;
  height: .36rem;
  text-align: center;
  line-height: .36rem;
  color: #fff;
  font-size: .14rem;
  border: none;
  background-color: #FB2A43;
  border-radius: 18px;
  -ms-border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}

.xb-reader-wrap .xb-read-setup-font {
  position: fixed;
  bottom: .58rem;
  left: 0;
  z-index: 110;
  width: 100%;
  height: .95rem;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  display: none;
  animation: all 0.8s;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font {
  height: 0.5rem;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size {
  width: 100%;
  height: 0.5rem;
  position: relative;
  /*拖动块的样式*/
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size input[type=range] {
  outline: none;
  -webkit-appearance: none;
  /*清除系统默认样式*/
  width: 70% !important;
  background: -webkit-linear-gradient(#FB2A43, #FB2A43) no-repeat, #D8D8D8;
  background-size: 40% 100%;
  /*设置左右宽度比例*/
  height: .02rem;
  /*横条的高度*/
  position: absolute;
  left: 15%;
  top: 0.2rem;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /*清除系统默认样式*/
  height: .1rem;
  /*拖动块高度*/
  width: .1rem;
  /*拖动块宽度*/
  background: #FB2A43;
  /*拖动块背景*/
  border-radius: 50%;
  /*外观设置为圆形*/
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size a {
  position: absolute;
  top: 8px;
  display: inline-block;
  width: 10%;
  height: .26rem;
  text-align: center;
  line-height: .26rem;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size a .iconfont {
  color: #fff;
  font-size: 0.18rem !important;
  font-weight: bold;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size a.xb-fsize-add {
  left: 0.1rem;
}

.xb-reader-wrap .xb-read-setup-font .xb-read-set-font .xb-font-size a.xb-fsize-sub {
  right: 0.1rem;
}

.xb-reader-wrap .xb-read-setup-font .xb-font-btns {
  width: 100%;
  height: 0.45rem;
  padding: 0 0.15rem .14rem;
  box-sizing: border-box;
}

.xb-reader-wrap .xb-read-setup-font .xb-font-btns .btns {
  display: inline-block !important;
  width: 1.35rem;
  height: 0.31rem;
  border-radius: 0.16rem;
  font-size: 0.14rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.31rem;
  cursor: pointer;
}

.xb-reader-wrap .xb-read-setup-font .xb-font-btns .big-btns {
  background: #FB2A43;
  float: left;
}

.xb-reader-wrap .xb-read-setup-font .xb-font-btns .reset-btns {
  background: #C5C4C4;
  float: right;
}

.xb-reader-wrap .xb-read-setup-bg {
  position: fixed;
  bottom: .58rem;
  left: 0;
  z-index: 110;
  width: 100%;
  height: .6rem;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  display: none;
  animation: all 0.8s;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin {
  box-sizing: border-box;
  width: 100%;
  height: .6rem;
  padding: .14rem 0;
  border-top: 1px solid #2A2926;
  border-bottom: 1px solid #2A2926;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin .xb-skin-list {
  width: 100%;
  height: .3rem;
  text-align: center;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin .xb-skin-list .xb-skin-lis {
  float: left;
  width: 25%;
  height: .3rem;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin .xb-skin-list .xb-skin-lis.theme-checked .xb-skin-color i {
  display: block;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin .xb-skin-list .xb-skin-lis .xb-skin-color {
  display: inline-block;
  height: .3rem;
  width: .68rem;
  text-align: center;
  line-height: .3rem;
  cursor: pointer;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.xb-reader-wrap .xb-read-setup-bg .xb-read-set-skin .xb-skin-list .xb-skin-lis .xb-skin-color i {
  font-size: .14rem;
  font-weight: bold;
  color: #FB2A43;
  display: none;
}

.xb-reader-wrap .xb-read-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 0 !important;
  border-top: 0;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  display: none;
  animation: all 0.8s;
}

.xb-reader-wrap .xb-read-foot .xb-tool-bottom {
  width: 100%;
  height: .5rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-read-foot .xb-tool-bottom .xb-tool-bottom-lis {
  width: 33.3%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  float: left;
}

.xb-reader-wrap .xb-read-foot .xb-tool-bottom .xb-tool-bottom-lis a {
  display: block;
  color: #fff;
  font-size: .13rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-read-foot .xb-tool-bottom .xb-tool-bottom-lis a i {
  padding: 0 .05rem;
  vertical-align: middle;
}

.xb-reader-wrap .xb-read-foot .xb-read-foot-list {
  width: 100%;
  height: .58rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-read-foot .xb-read-foot-list .xb-read-foot-lis {
  width: 25%;
  height: .58rem;
  text-align: center;
  float: left;
}

.xb-reader-wrap .xb-read-foot .xb-read-foot-list .xb-read-foot-lis a {
  box-sizing: border-box;
  display: block;
  color: #A1A1A0;
  font-size: .1rem;
  padding: .08rem 0;
  overflow: hidden;
}

.xb-reader-wrap .xb-read-foot .xb-read-foot-list .xb-read-foot-lis a i {
  color: #fff;
  font-size: .15rem;
}

.xb-reader-wrap .xb-page-btn {
  width: 100%;
  height: 33.33%;
  position: fixed;
  left: 0;
  z-index: 0;
}

.xb-reader-wrap .xb-page-btn-top {
  top: 0;
}

.xb-reader-wrap .xb-page-btn-middle {
  top: 33.33%;
}

.xb-reader-wrap .xb-page-btn-bottom {
  top: 66.66%;
}

.xb-reader-wrap .xb-page-btn-middle-all {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.xb-reader-wrap .xb-dialog-catalogue {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 105;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module {
  box-sizing: border-box;
  width: 90%;
  height: 100%;
  margin-left: 10%;
  background-color: #fff;
  overflow-y: scroll;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-catalogue-title h1 {
  width: 100%;
  height: .44rem;
  font-size: .16rem;
  font-weight: bold;
  line-height: .44rem;
  text-align: center;
  border-bottom: 1px solid #D7D7D7;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box {
  width: 100%;
  height: auto;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-total-section {
  box-sizing: border-box;
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  color: #6c6c6c;
  font-size: .15rem;
  background-color: #F8F8F8;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-total-section .xb-chapter-num {
  float: left;
  color: #6C6C6C;
  font-size: .15rem;
  line-height: .44rem;
  padding-left: .15rem;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-total-section .xb-chapter-num span.font-color {
  color: #ED424B;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-total-section .xb-switch-seq {
  float: right;
  width: auto;
  height: .44rem;
  line-height: .44rem;
  color: #333;
  font-size: .15rem;
  font-weight: bold;
  padding: 0 .15rem;
  border-color: #D9D9D9;
  border: none;
  background: transparent;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-chapter-list li {
  height: .5rem;
  line-height: .5rem;
  font-size: .14rem;
  font-weight: bold;
  color: #333;
  padding: 0 .15rem;
  border-bottom: 1px solid #eee;
  position: relative;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-chapter-list li a {
  display: block;
  width: 85%;
  height: 100%;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xb-reader-wrap .xb-dialog-catalogue .xb-catalogue-module .xb-chapter-box .xb-chapter-list li span {
  position: absolute;
  right: .15rem;
  top: 0;
  color: #666666;
  font-size: .14rem;
  font-weight: normal;
}

.xb-reader-wrap .xb-dialog-pay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: inherit;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-pay-tit {
  color: #333;
  font-size: .16rem;
  font-weight: bold;
  text-align: center;
  padding: .15rem;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #F2F2F2;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-pay-tit .xb-right-close {
  position: absolute;
  right: .15rem;
  top: .12rem;
  z-index: inherit;
  width: .28rem;
  height: .28rem;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .075rem;
  overflow: hidden;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis {
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: .95rem;
  padding: 0 .075rem;
  margin: .075rem 0;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis.xb-pay-checked .xb-pay-den-block {
  border-color: #FB2A43;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: .18rem;
  border: 1px solid #979797;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-num {
  color: #333;
  font-size: .18rem;
  margin-top: .1rem;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-num span {
  font-weight: bold;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-send-num {
  color: #FF493F;
  font-size: .1rem;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-price {
  color: #9B9B9B;
  font-size: .14rem;
  height: .26rem;
  line-height: .26rem;
  margin-top: .1rem;
  border-top: 1px dashed #DBDBDB;
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-send {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #2BC102;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #2BC102;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-sale {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #FB2A43;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-reader-wrap .xb-dialog-pay .xb-read-pay-content .xb-read-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-per {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #FF493F;
  font-weight: bold;
  background-color: #FFEFF0;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-reader-wrap .xb-guide-dialog-one {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-top, .xb-reader-wrap .xb-guide-dialog-one .xb-guide-middle, .xb-reader-wrap .xb-guide-dialog-one .xb-guide-bottom {
  width: 100%;
  text-align: center;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-top img, .xb-reader-wrap .xb-guide-dialog-one .xb-guide-middle img, .xb-reader-wrap .xb-guide-dialog-one .xb-guide-bottom img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: inherit;
  width: .96rem;
  height: auto;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-top {
  height: 40%;
  line-height: 40%;
  background-color: rgba(0, 0, 0, 0.5);
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-top img {
  margin-left: -.48rem;
  margin-top: -.5rem;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-middle {
  height: 20%;
  line-height: 20%;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-middle img {
  margin-left: -.48rem;
  margin-top: -.6rem;
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-bottom {
  height: 40%;
  line-height: 40%;
  background-color: rgba(0, 0, 0, 0.5);
}

.xb-reader-wrap .xb-guide-dialog-one .xb-guide-bottom img {
  margin-left: -.48rem;
  margin-top: -.5rem;
}

.xb-reader-wrap .xb-guide-dialog-two {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 140;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  display: none;
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-top, .xb-reader-wrap .xb-guide-dialog-two .xb-guide-middle, .xb-reader-wrap .xb-guide-dialog-two .xb-guide-bottom {
  width: 100%;
  text-align: center;
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-top img, .xb-reader-wrap .xb-guide-dialog-two .xb-guide-middle img, .xb-reader-wrap .xb-guide-dialog-two .xb-guide-bottom img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: inherit;
  width: .96rem;
  height: auto;
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-top {
  height: 40%;
  line-height: 40%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-top img {
  margin-left: -.48rem;
  margin-top: -.5rem;
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-middle {
  height: 20%;
  line-height: 20%;
  background-color: rgba(0, 0, 0, 0.5);
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-bottom {
  height: 40%;
  line-height: 40%;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
}

.xb-reader-wrap .xb-guide-dialog-two .xb-guide-bottom img {
  margin-left: -.48rem;
  margin-top: -.5rem;
}

.xb-book-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-book-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-book-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-book-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-book-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-book-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-book-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-book-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-book-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-book-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-book-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-book-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-book-wrap .xb-myshelf {
  width: 100%;
  height: auto;
}

.xb-book-wrap .xb-myshelf .edit {
  width: 100%;
  height: 0.4rem;
}

.xb-book-wrap .xb-myshelf .edit .btns {
  width: 0.58rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.14rem;
}

.xb-book-wrap .xb-myshelf .edit .all-btn {
  float: left;
  display: none;
}

.xb-book-wrap .xb-myshelf .edit .edit-btn {
  float: right;
}

.xb-book-wrap .xb-myshelf .edit .cancel-btn {
  float: right;
  display: none;
}

.xb-book-wrap .xb-myshelf .shelf-list {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.15rem;
  padding-bottom: .42rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item {
  width: 100%;
  height: 1.2rem;
  box-sizing: border-box;
  padding: 0.16rem 0;
  position: relative;
  border-bottom: 1px solid #F2F2F2;
  overflow: hidden;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item:last-child {
  border: none;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-check {
  width: 0.35rem;
  height: 1.2rem;
  line-height: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-check .xb-check-box {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  display: inline-block;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-check .xb-check-box i {
  font-size: .12rem;
  color: transparent;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-check .xb-check-boxs {
  color: #ffffff;
  background: #FB2A43;
  border: none;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-check .xb-check-boxs i {
  color: #fff;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-logo {
  position: absolute;
  left: 0;
  top: 0.16rem;
  width: 0.66rem;
  height: 0.88rem;
  overflow: hidden;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-logo .chapter-update {
  position: absolute;
  left: -.26rem;
  top: -.16rem;
  z-index: 1;
  width: .6rem;
  height: .4rem;
  color: #fff;
  font-size: .1rem;
  line-height: .6rem;
  text-align: center;
  background-color: #ED424B;
  transform: rotate(-45deg) scale(0.8);
  display: none;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-logo .chapter-update.update-show {
  display: block;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-logo img {
  width: 0.66rem;
  height: 0.88rem;
  display: block;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes {
  box-sizing: border-box;
  width: 100%;
  padding-left: .81rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-title {
  width: 100%;
  height: 0.22rem;
  line-height: 0.22rem;
  box-sizing: border-box;
  padding-right: 0.85rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  font-weight: bold;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-title span {
  width: 0.8rem;
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  font-size: 0.13rem;
  font-weight: normal;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-title span i {
  font-size: 0.13rem;
  padding-left: .03rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-status {
  width: 100%;
  height: 0.2rem;
  line-height: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999999;
  margin-top: 0.14rem;
  box-sizing: border-box;
  padding-right: 0.2rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-update {
  width: 100%;
  height: 0.2rem;
  line-height: 0.2rem;
  box-sizing: border-box;
  padding-right: 0.75rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999999;
  margin-top: 0.14rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-item .book-mes .book-update span {
  width: 0.7rem;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.13rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-items {
  padding-left: .35rem;
}

.xb-book-wrap .xb-myshelf .shelf-list .shelf-items .book-logo {
  left: 0.35rem;
}

.xb-book-wrap .xb-delete-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.42rem;
  text-align: center;
  line-height: 0.42rem;
  background: #ffffff;
  color: #FB2A43;
  display: none;
  background: white;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  -o-box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(217, 217, 217, 0.5);
}

.xb-pay-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-pay-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-pay-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-pay-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-pay-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-pay-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-pay-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-pay-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-pay-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-pay-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-pay-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-pay-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-pay-wrap .xb-user-info {
  box-sizing: border-box;
  padding: .14rem .15rem;
}

.xb-pay-wrap .xb-user-info .xb-user-acc, .xb-pay-wrap .xb-user-info .xb-user-bal {
  line-height: .26rem;
}

.xb-pay-wrap .xb-user-info .xb-user-acc .xb-bal-style, .xb-pay-wrap .xb-user-info .xb-user-bal .xb-bal-style {
  color: #FB2A43;
  font-weight: bold;
  padding-right: .06rem;
}

.xb-pay-wrap .xb-pay-content {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-pay-wrap .xb-pay-content .xb-pay-tit {
  color: #333;
  font-size: .15rem;
  font-weight: bold;
  padding: .15rem .15rem 0;
}
.xb-pay-wrap .xb-pay-content .xb-pay-type-tit {
  color: #333;
  font-size: .15rem;
  font-weight: bold;
  padding: 0.1rem .15rem 0;
}
.xb-pay-wrap .xb-pay-content .xb-pay-den {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 .075rem .075rem;
  overflow: hidden;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis {
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 1rem;
  padding: 0 .075rem;
  margin: .075rem 0;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis.xb-pay-checked .xb-pay-den-block {
  border-color: #FB2A43;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: .18rem;
  border: 1px solid #979797;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-num {
  color: #333;
  font-size: .18rem;
  margin-top: .1rem;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-num span {
  font-weight: bold;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-send-num {
  color: #FF493F;
  font-size: .1rem;
}
.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-send-discount-num {
  color: #417FFF;
  font-size: .1rem;
}
.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-price {
  color: #9B9B9B;
  font-size: .14rem;
  height: .26rem;
  line-height: .26rem;
  margin-top: .1rem;
  border-top: 1px dashed #DBDBDB;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-discount-price {
  color: #9B9B9B;
  font-size: .14rem;
  height: .26rem;
  border-top: 1px dashed #DBDBDB;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-price s {
  padding-right: .1rem;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-price span {
  color: #FF493F;
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-send {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #417FFF;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #2BC102;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-sale {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #417FFF;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-per {
  position: absolute;
  right: -.09rem;
  top: -.03rem;
  z-index: inherit;
  width: .72rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #FF493F;
  font-weight: bold;
  background-color: #FFEFF0;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-pay-wrap .xb-pay-content .xb-pay-den .xb-pay-den-lis .xb-pay-den-block .xb-pay-icon-bn {
  position: absolute;
  right: -.13rem;
  top: -.03rem;
  z-index: inherit;
  width: 1rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  color: #fff;
  background-color: #FB2A43;
  border-radius: 0 0 0 11px;
  transform: scale(0.8);
}

.xb-pay-wrap .xb-pay-tip {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .15rem 0 .5rem;
}

.xb-pay-wrap .xb-pay-tip .xb-tip-tit {
  color: #E7B42A;
  font-size: .12rem;
  padding: 0 .15rem;
}

.xb-pay-wrap .xb-pay-tip .xb-tip-content {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .1rem .15rem 0;
}

.xb-pay-wrap .xb-pay-tip .xb-tip-content li {
  color: #8C8C8C;
  font-size: .12rem;
  line-height: .24rem;
}

.xb-pay-wrap .xb-pay-tip .xb-tip-content li a {
  color: #417FFF;
}

.xb-pay-wrap .xb-pay-way-dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: none;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: inherit;
  width: 100%;
  height: 1.44rem;
  background-color: #fff;
  border-radius: 20px 20px 0px 0px;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-tit {
  box-sizing: border-box;
  width: 100%;
  height: .48rem;
  line-height: .48rem;
  font-size: .15rem;
  font-weight: bold;
  border-bottom: 1px solid #EDEDEF;
  padding-left: .15rem;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-tit .xb-left-close {
  position: absolute;
  right: 0;
  top: 0;
  width: .48rem;
  height: .48rem;
  font-size: 0.12rem !important;
  text-align: center;
  line-height: .48rem;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list {
  width: 100%;
  height: auto;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis {
  box-sizing: border-box;
  width: 100%;
  height: .48rem;
  line-height: .48rem;
  border-bottom: 1px solid #EDEDEF;
  padding-left: .55rem;
  position: relative;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis .xb-pay-way-icon {
  position: absolute;
  left: .15rem;
  top: .12rem;
  z-index: inherit;
  width: .24rem;
  height: .24rem;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis .xb-pay-way-check {
  position: absolute;
  right: .15rem;
  top: .14rem;
  z-index: inherit;
  width: .2rem;
  height: .2rem;
  text-align: center;
  line-height: .2rem;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background-color: #EBEBEB;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis .xb-pay-way-check i {
  color: #fff;
  font-size: .1rem;
  font-weight: bold;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis .xb-pay-way-check.xb-pay-way-checked {
  background-color: #3778FF !important;
}

.xb-pay-wrap .xb-pay-way-dialog .xb-pay-way-box .xb-pay-way-list .xb-pay-way-lis .xb-pay-way-check.xb-pay-way-checked i {
  color: #fff;
  font-size: .1rem;
  font-weight: bold;
}

.xb-details-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-details-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-details-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-details-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-details-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-details-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-details-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-details-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-details-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-details-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-details-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-details-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-details-wrap .xb-details-box {
  width: 100%;
  height: auto;
}

.xb-details-wrap .xb-details-box .xb-book-info {
  width: 100%;
  height: 1.45rem;
  position: relative;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-book-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1.25rem;
  overflow: hidden;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-book-img {
  width: .96rem;
  position: absolute;
  left: .15rem;
  top: .15rem;
  z-index: 5;
  overflow: hidden;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-book-img .chapter-update {
  position: absolute;
  left: -.26rem;
  top: -.16rem;
  z-index: 1;
  width: .6rem;
  height: .4rem;
  color: #fff;
  font-size: .1rem;
  line-height: .6rem;
  text-align: center;
  background-color: #ED424B;
  transform: rotate(-45deg) scale(0.8);
  display: none;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-book-img .chapter-update.update-show {
  display: block;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-book-img img {
  width: .96rem;
  height: 1.28rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info {
  height: 1.25rem;
  padding-left: 1.26rem;
  padding-right: .21rem;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info .xb-book-name {
  padding-top: .15rem;
  padding-bottom: .05rem;
  font-size: .19rem;
  color: #ffffff;
  line-height: .26rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info p {
  color: #ffffff;
  line-height: .2rem;
  padding-bottom: .05rem;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info .countDown {
  position: absolute;
  right: .15rem;
  bottom: .08rem;
  z-index: 5;
  color: #fff;
  display: inline-block;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #fff;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-details-wrap .xb-details-box .xb-book-info .xb-info .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-details-wrap .xb-details-box .xb-plate {
  padding: .24rem .15rem .12rem;
  width: 100%;
  height: auto;
}

.xb-details-wrap .xb-details-box .xb-plate button {
  text-align: center;
  font-weight: 700;
  border-radius: 4px;
  outline: none;
  border: none;
}

.xb-details-wrap .xb-details-box .xb-plate .directory, .xb-details-wrap .xb-details-box .xb-plate .addbooks {
  font-size: .15rem;
  background: #ffffff;
  width: .96rem;
  height: .34rem;
  line-height: .34rem;
  border: 1px solid #dbdbdb;
}

.xb-details-wrap .xb-details-box .xb-plate .reading {
  font-size: .17rem;
  color: #ffffff;
  background: #209067;
  width: 1.3rem;
  height: .44rem;
  line-height: .44rem;
  margin: 0 .1rem;
}

.xb-details-wrap .xb-details-box .xb-underline {
  margin: .12rem .15rem;
  height: 1px;
  background: #F2F2F2;
}

.xb-details-wrap .xb-details-box .xb-book-detail {
  height: auto;
  padding: 0 .15rem;
}

.xb-details-wrap .xb-details-box .xb-book-detail .xb-content {
  color: #2a2c2c;
  font-size: .15rem;
  line-height: .25rem;
  text-indent: 2em;
}

.xb-details-wrap .xb-details-box .xb-updates {
  width: 100%;
  overflow: hidden;
  margin-bottom: .12rem;
}

.xb-details-wrap .xb-details-box .xb-updates .xb-new-label {
  width: .18rem;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  font-size: .12rem;
  color: #ffffff;
  background: #FB2A43;
  border-radius: 3px;
  float: left;
  margin-left: .15rem;
  margin-right: .06rem;
  margin-top: .02rem;
}

.xb-details-wrap .xb-details-box .xb-updates .xb-title {
  width: 2.3rem;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xb-details-wrap .xb-details-box .xb-updates .xb-right {
  float: right;
  padding-right: .1rem;
  line-height: .22rem;
}

.xb-details-wrap .xb-details-box .xb-module {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-details-wrap .xb-details-box .xb-module .xb-btn-group {
  margin: .15rem;
  height: .53rem;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 2px 4px 0px rgba(204, 204, 204, 0.3);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0px 2px 4px 0px rgba(204, 204, 204, 0.3);
  -o-box-shadow: 0px 2px 4px 0px rgba(204, 204, 204, 0.3);
}

.xb-details-wrap .xb-details-box .xb-module .xb-btn-group-cell {
  text-align: center;
  float: left;
  width: 33.33%;
}

.xb-details-wrap .xb-details-box .xb-module .xb-btn-group-cell a {
  width: 100%;
  line-height: .53rem;
  display: inline-block;
}

.xb-details-wrap .xb-details-box .xb-module .xb-btn-group-cell a span {
  width: .27rem;
  height: .27rem;
  font-weight: 700;
  border-radius: 50%;
  color: #209067;
  line-height: .27rem;
  background: #ffffff;
  border: 1px solid #209067;
  display: inline-block;
  margin-right: .08rem;
}

.xb-details-wrap .xb-details-box .xb-module .xb-btn-group-cell a p {
  font-size: .12rem;
  font-weight: 700;
  color: #209067;
  display: inline-block;
}

.xb-details-wrap .xb-app-down {
  width: 100%;
  height: auto;
}

.xb-details-wrap .xb-app-down a {
  display: block;
}

.xb-details-wrap .xb-app-down a img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-details-wrap .xb-other-like-book {
  width: 100%;
  height: auto;
  margin-bottom: .5rem;
  overflow: hidden;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .14rem .15rem .12rem;
  position: relative;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit .xb-module-text {
  line-height: .25rem;
  font-size: .18rem;
  color: #333;
  font-weight: bold;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit .xb-module-text .countDown {
  display: inline-block;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit .xb-module-text .countDown .countDownItem {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  background: #979797;
  color: #454545;
  text-align: center;
  line-height: .18rem;
  font-size: .1rem;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit .xb-module-text .countDown .countDownItem.countDownItemRed {
  color: #fff;
  background: #ED424B;
}

.xb-details-wrap .xb-other-like-book .xb-module-tit .change-btn {
  position: absolute;
  right: .15rem;
  top: .13rem;
  z-index: inherit;
  width: .56rem;
  height: .25rem;
  font-size: .12rem;
  text-align: center;
  line-height: .25rem;
  color: #999;
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.xb-details-wrap .xb-other-like-book .xb-book-list-h1 {
  width: 100%;
}

.xb-details-wrap .xb-other-like-book .xb-book-list-h1 .book-lis-h1 {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: .1rem;
  overflow: hidden;
}

.xb-details-wrap .xb-other-like-book .xb-book-list-h1 .book-lis-h1 a {
  display: inline-block;
}

.xb-details-wrap .xb-other-like-book .xb-book-list-h1 .book-lis-h1 a img {
  display: inline-block;
  width: .99rem;
  height: 1.32rem;
}

.xb-details-wrap .xb-other-like-book .xb-book-list-h1 .book-lis-h1 a p {
  display: inline-block;
  width: .99rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .14rem;
}

.xb-my-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-my-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-my-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-my-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-my-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-my-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-my-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-my-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-my-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-my-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-my-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-my-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-my-wrap .xb-user-info {
  width: 100%;
  min-height: 1.7rem;
  background: url("../images/icon/user_info_bg.png") top no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}

.xb-my-wrap .xb-user-info .xb-user-login {
  position: relative;
  margin-top: 1.12rem;
  width: 100%;
  min-height: .58rem;
  background-color: #fff;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-avatar {
  position: absolute;
  left: 50%;
  top: -.44rem;
  margin-left: -.5rem;
  z-index: inherit;
  width: 1rem;
  height: .6rem;
  text-align: center;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-avatar .xb-user-avatar-img {
  width: .6rem;
  height: .6rem;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-login-text {
  color: #333;
  font-size: .16rem;
  font-weight: bold;
  padding-top: .2rem;
  text-align: center;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show {
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: .2rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-name {
  color: #333;
  font-size: .18rem;
  font-weight: bold;
  height: .24rem;
  line-height: .24rem;
  padding-bottom: .05rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-id {
  color: #2E2B4D;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-vip {
  color: #A8A8A8;
  font-size: .12rem;
  height: .2rem;
  line-height: .2rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-vip.xb-sup-color {
  color: #ED424B;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-vip img {
  width: .12rem;
  height: auto;
  margin-right: .05rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-balance {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: .25rem 0;
  overflow: hidden;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-balance .xb-user-coin {
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: .46rem;
  overflow: hidden;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-balance .xb-user-coin.xb-user-left {
  border-right: 1px solid #EEEEEE;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-balance .xb-user-coin h3 {
  color: #2E2B4D;
  font-size: .24rem;
  font-weight: bold;
  height: .28rem;
  line-height: .28rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-user-balance .xb-user-coin p {
  color: #57556B;
  height: .18rem;
  line-height: .18rem;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-app-down {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-app-down a {
  display: block;
}

.xb-my-wrap .xb-user-info .xb-user-login .xb-user-info-show .xb-app-down a img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-my-wrap .xb-my-list {
  width: 100%;
  height: auto;
}

.xb-my-wrap .xb-my-list .xb-my-lis {
  width: 100%;
  height: auto;
}

.xb-my-wrap .xb-my-list .xb-my-lis .xb-my-lis-block {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: .68rem;
  line-height: .68rem;
  color: #222230;
  font-size: .15rem;
  border-bottom: 1px solid #F9F9F9;
  padding-left: .55rem;
  position: relative;
}

.xb-my-wrap .xb-my-list .xb-my-lis .xb-my-lis-block .xb-my-new {
  display: inline-block;
  margin-left: .08rem;
  width: .06rem;
  height: .06rem;
  vertical-align: super;
  background-color: #ED424B;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.xb-my-wrap .xb-my-list .xb-my-lis .xb-my-lis-block .xb-my-icon {
  position: absolute;
  left: .15rem;
  top: 0;
  z-index: inherit;
  color: #6B7076;
  font-size: .24rem;
}

.xb-my-wrap .xb-my-list .xb-my-lis .xb-my-lis-block .xb-my-right-icon {
  position: absolute;
  right: .15rem;
  top: 0;
  z-index: inherit;
  color: #A19DA0;
  font-size: .13rem;
}

.xb-my-wrap .xb-my-list .xb-my-lis .xb-my-lis-block .xb-my-right-icon i {
  color: #DCD9DC;
  font-size: .1rem;
  font-weight: bold;
  padding-left: .05rem;
}

.xb-my-wrap .xb-log-out {
  width: 100%;
  height: .7rem;
  line-height: .7rem;
}

.xb-my-wrap .xb-log-out button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  font-size: .15rem;
  color: #209067;
}

.xb-my-wrap .xb-foot-list {
  width: 100%;
  height: .64rem;
  background-color: #3C3C3C;
  text-align: center;
}

.xb-my-wrap .xb-foot-list a {
  display: inline-block;
  height: .64rem;
  line-height: .64rem;
  color: #fff;
  font-size: .15rem;
  padding: 0 .1rem;
}

.xb-sign-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-sign-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-sign-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-sign-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-sign-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-sign-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-sign-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-sign-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-sign-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-sign-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-sign-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-sign-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-sign-wrap .xb-sign-module {
  width: 100%;
  height: 2.17rem;
  text-align: center;
  position: relative;
  background: #209067 url("../images/icon/sign_bg.png") no-repeat 0 1.8rem;
  background-size: 100% auto;
}

.xb-sign-wrap .xb-sign-module .xb-sign-btn {
  display: inline-block;
  width: 1.17rem;
  height: 1.17rem;
  text-align: center;
  line-height: 1.17rem;
  margin-top: .45rem;
  color: #209067;
  font-size: .2rem;
  font-weight: bold;
  background: url("../images/icon/sign_btn_bg.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
  overflow: hidden;
}

.xb-sign-wrap .xb-sign-module .xb-signed-btn {
  box-sizing: border-box;
  display: inline-block;
  width: 1.17rem;
  height: 1.17rem;
  text-align: center;
  margin-top: .45rem;
  color: #209067;
  font-size: .2rem;
  font-weight: bold;
  padding-top: .25rem;
  background: url("../images/icon/sign_btn_bg.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
  overflow: hidden;
}

.xb-sign-wrap .xb-sign-module .xb-signed-btn span {
  display: block;
  line-height: .2rem;
  margin-top: .1rem;
}

.xb-sign-wrap .xb-sign-book {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-sign-wrap .xb-sign-book .xb-sign-tit {
  width: 100%;
  margin-top: .1rem;
  text-align: center;
}

.xb-sign-wrap .xb-sign-book .xb-sign-tit .xb-sign-text {
  padding: .15rem 0;
  color: #333;
  font-size: .15rem;
  height: .2rem;
  line-height: .2rem;
}

.xb-sign-wrap .xb-sign-book .xb-sign-tit .xb-sign-text .xb-hang-icon {
  display: inline-block;
  width: .2rem;
  vertical-align: middle;
}

.xb-sign-wrap .xb-sign-book .xb-sign-tit .xb-sign-text .xb-hang-icon.xb-hang-left {
  margin-right: .2rem;
}

.xb-sign-wrap .xb-sign-book .xb-sign-tit .xb-sign-text .xb-hang-icon.xb-hang-right {
  margin-left: .2rem;
}

.xb-sign-wrap .xb-sign-book .xb-book-list-h1 {
  width: 100%;
}

.xb-sign-wrap .xb-sign-book .xb-book-list-h1 .book-lis-h1 {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: .1rem;
  overflow: hidden;
}

.xb-sign-wrap .xb-sign-book .xb-book-list-h1 .book-lis-h1 a {
  display: inline-block;
}

.xb-sign-wrap .xb-sign-book .xb-book-list-h1 .book-lis-h1 a img {
  display: inline-block;
  width: .99rem;
  height: 1.32rem;
}

.xb-sign-wrap .xb-sign-book .xb-book-list-h1 .book-lis-h1 a p {
  display: inline-block;
  width: .99rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .14rem;
}

.xb-complaint-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: #EFEFF4;
  overflow: hidden;
}

.xb-complaint-wrap .xb-complaint-tit {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  color: #888;
  font-size: .14rem;
  padding-left: .15rem;
}

.xb-complaint-wrap .xb-chapter-list li {
  height: .45rem;
  line-height: .45rem;
  font-size: .16rem;
  font-weight: bold;
  color: #333;
  padding: 0 .15rem;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  position: relative;
}

.xb-complaint-wrap .xb-chapter-list li a {
  display: block;
  width: 85%;
  height: 100%;
  font-size: .16rem;
  font-weight: 500;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xb-complaint-wrap .xb-chapter-list li i {
  position: absolute;
  right: .15rem;
  top: 0;
  color: #999;
  font-size: .14rem;
  font-weight: normal;
}

.xb-complaint-wrap .xb-kidnap {
  color: #666;
  height: .4rem;
  line-height: .4rem;
  padding-left: .15rem;
}

.xb-complaint-wrap .xb-kidnap a {
  display: block;
  color: #6B79A7;
  font-size: .14rem;
}

.xb-complaint-wrap .xb-need-know {
  position: fixed;
  left: 0;
  bottom: .2rem;
  z-index: inherit;
  width: 100%;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
}

.xb-complaint-wrap .xb-need-know a {
  display: block;
  color: #6B79A7;
  font-size: .14rem;
}

.xb-transfer-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: #EFEFF4;
  overflow: hidden;
}

.xb-transfer-wrap .xb-complaint-tit {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  color: #888;
  font-size: .14rem;
  padding-left: .15rem;
}

.xb-transfer-wrap .xb-chapter-list li {
  height: .45rem;
  line-height: .45rem;
  font-size: .16rem;
  font-weight: bold;
  color: #333;
  padding: 0 .15rem;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  position: relative;
}

.xb-transfer-wrap .xb-chapter-list li a {
  display: block;
  width: 85%;
  height: 100%;
  font-size: .16rem;
  font-weight: 500;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xb-transfer-wrap .xb-chapter-list li i {
  position: absolute;
  right: .15rem;
  top: 0;
  color: #999;
  font-size: .14rem;
  font-weight: normal;
}

.xb-transfer-wrap .xb-kidnap {
  color: #666;
  height: .4rem;
  line-height: .4rem;
  padding-left: .15rem;
}

.xb-transfer-wrap .xb-kidnap a {
  display: block;
  color: #6B79A7;
  font-size: .14rem;
}

.xb-transfer-wrap .xb-need-know {
  position: fixed;
  left: 0;
  bottom: .2rem;
  z-index: inherit;
  width: 100%;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
}

.xb-transfer-wrap .xb-need-know a {
  display: block;
  color: #6B79A7;
  font-size: .14rem;
}

.xb-complaintend-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: #EFEFF4;
  overflow: hidden;
}

.xb-complaintend-wrap .xb-complaint-img {
  padding-top: .5rem;
  text-align: center;
}

.xb-complaintend-wrap .xb-complaint-img img {
  width: .9rem;
}

.xb-complaintend-wrap .xb-complaint-bar {
  color: #333;
  font-size: .2rem;
  text-align: center;
  padding-top: .35rem;
}

.xb-complaintend-wrap .xb-catalogue-con {
  color: #888;
  font-size: .14rem;
  text-align: center;
  margin-top: .1rem;
}

.xb-complaintend-wrap .xb-close-btn {
  width: 90%;
  margin-left: 5%;
  height: .45rem;
  color: #fff;
  font-size: .16rem;
  background-color: #09BB07;
  border: none;
  margin-top: .3rem;
  border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.xb-tuijian-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-tuijian-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-tuijian-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-tuijian-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-tuijian-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .15rem;
  height: auto;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: .15rem;
  overflow: hidden;
  position: relative;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1:last-child {
  border-bottom: 0px solid #F2F2F2;
  margin-bottom: 0;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .84rem;
  height: 1.12rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-img img {
  display: block;
  width: 100%;
  height: auto;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con {
  box-sizing: border-box;
  width: 100%;
  height: 1.12rem;
  padding-left: 1rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit {
  width: 100%;
  height: .22rem;
  line-height: .22rem;
  white-space: normal;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-tit .xb-book-tag {
  float: left;
  font-size: .12rem;
  font-weight: normal;
  color: #fff;
  padding: 0 .09rem;
  margin-right: .06rem;
  background-color: #4CC3D9;
  border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-intro {
  color: #999;
  font-size: .12rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types {
  padding-top: .06rem;
}

.xb-tuijian-wrap .xb-all-book-list .xb-book-list-v1 .book-lis-v1 .xb-book-con .xb-book-types span {
  font-size: .1rem;
  color: #999;
  padding: .04rem .12rem;
  margin-right: .06rem;
  background-color: #F9F9F9;
  border-radius: 0.11rem;
  -ms-border-radius: 0.11rem;
  -moz-border-radius: 0.11rem;
  -webkit-border-radius: 0.11rem;
}

.xb-tuijian-wrap .xb-nav-bar {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 .15rem;
  background-color: #F8F8F8;
  overflow: hidden;
}

.xb-tuijian-wrap .xb-nav-bar .xb-nav-lis {
  box-sizing: border-box;
  float: left;
  text-align: center;
  width: 33.3%;
  height: .24rem;
  text-align: center;
  line-height: .22rem;
  padding: 0 .08rem;
  margin: .08rem 0;
  border: 1px solid transparent;
}

.xb-tuijian-wrap .xb-nav-bar .xb-nav-lis.xb-nav-lis-checked {
  border: 1px solid #209067;
  color: #209067;
  border-radius: 11px;
  -ms-border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}

.xb-newarrvlals-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-newarrvlals-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-newarrvlals-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-newarrvlals-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list {
  box-sizing: border-box;
  padding: 0 .15rem .2rem;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis {
  padding: .15rem 0 .1rem;
  border-bottom: 1px solid #F2F2F2;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis:last-child {
  border-bottom: none;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name {
  position: relative;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-book-tit {
  float: left;
  max-width: 55%;
  height: .24rem;
  color: #000;
  font-size: .16rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-book-exclusive {
  float: left;
  color: #fff;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  vertical-align: sub;
  padding: 0 .05rem;
  background-color: #FF453B;
  margin-top: .02rem;
  margin-left: .1rem;
  border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-book-exclusive.xb-type-style1 {
  color: #fff;
  background-color: #F17E4B;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-book-exclusive.xb-type-style2 {
  color: #fff;
  background-color: #7BC8A4;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-book-exclusive.xb-type-style3 {
  color: #fff;
  background-color: #4CC3D9;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-name .xb-recom-time {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  color: #A1A1A0;
  font-size: .12rem;
  font-weight: normal;
  padding-top: .03rem;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-pro {
  color: #999;
  font-size: .12rem;
  margin-top: .03rem;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-types {
  box-sizing: border-box;
  padding: .03rem 0 .05rem;
  overflow: hidden;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-types .xb-book-type {
  box-shadow: border-box;
  display: inline-block;
  height: .18rem;
  line-height: .18rem;
  color: #999;
  font-size: .12rem;
  padding: 0 .05rem;
  border: 1px solid #999;
  border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-right: .12rem;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-types .xb-book-type.xb-type-style1 {
  color: #F17E4B;
  border: 1px solid #F17E4B;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-types .xb-book-type.xb-type-style2 {
  color: #7BC8A4;
  border: 1px solid #7BC8A4;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-types .xb-book-type.xb-type-style3 {
  color: #4CC3D9;
  border: 1px solid #4CC3D9;
}

.xb-newarrvlals-wrap .xb-new-arrvalas-list .xb-new-arrvalas-lis .xb-book-des {
  color: #000;
  font-size: .12rem;
  line-height: .18rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.xb-login-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-login-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-login-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-login-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-login-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-login-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-login-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-login-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-login-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-login-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-login-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-login-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-login-wrap .xb-login-way .xb-other-login {
  overflow: hidden;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-type {
  width: 60%;
  margin-left: 20%;
  text-align: center;
  margin-top: .34rem;
  margin-bottom: .12rem;
  border-bottom: 1px solid #D8D8D8;
  position: relative;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-type .xb-login-way-tit {
  position: absolute;
  width: 1.4rem;
  left: 50%;
  top: -.1rem;
  z-index: 3;
  margin-left: -.7rem;
  color: #666;
  font-size: .14rem;
  text-align: center;
  height: .2rem;
  line-height: .2rem;
  text-align: center;
  background-color: #fff;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list {
  box-sizing: border-box;
  padding: 0 .22rem;
  overflow: hidden;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  height: .4rem;
  line-height: .42rem;
  text-align: center;
  color: #fff;
  font-size: .14rem;
  margin: .12rem 0;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-wx {
  background-color: #32AF43;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-qq {
  background-color: #00BEFB;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-phone {
  background-color: #209067;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-wb {
  background-color: #D8554F;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-zfb {
  background-color: #16a5e3;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-gg {
  background-color: #DE3037;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-fb {
  background-color: #3A5898;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a i {
  font-size: .25rem;
  margin-right: .05rem;
}

.xb-login-wrap .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a span {
  position: relative;
  top: -.04rem;
}

.xb-login-wrap .xb-tip {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: inherit;
  padding: .25rem .22rem;
}

.xb-login-wrap .xb-tip p {
  color: #666;
  font-size: .14rem;
}

.xb-mobile-login-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-mobile-login-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-mobile-login-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-mobile-login-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list {
  padding: .4rem .22rem 0;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-auth-code {
  position: absolute;
  right: 0;
  top: .06rem;
  width: .75rem;
  height: .4rem;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-auth-code img {
  width: 100%;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis input {
  box-sizing: border-box;
  width: 100%;
  height: .4rem;
  color: #999;
  font-size: .14rem;
  border: none;
  background-color: #F6F7F9;
  margin: .06rem 0;
  padding: 0 .15rem;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis input.pr90 {
  padding-right: .9rem;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-webkit-input-placeholder {
  color: #ED424B;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-moz-placeholder {
  color: #ED424B;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-ms-input-placeholder {
  color: #ED424B;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-error-tip {
  color: #ED424B;
  font-size: .14rem;
  padding: .06rem 0 .06rem .04rem;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-submit {
  box-sizing: border-box;
  padding: .2rem .22rem 0;
  overflow: hidden;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-submit .xb-login-btn {
  width: 100%;
  height: .4rem;
  color: #fff;
  font-size: .14rem;
  background-color: #209067;
  border: none;
  border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-submit .xb-forget-pswd {
  float: left;
  color: #417FFF;
  font-size: .14rem;
  padding: .12rem 0;
}

.xb-mobile-login-wrap .xb-login-new .xb-login-submit .xb-register-account {
  float: right;
  color: #ED6979;
  font-size: .14rem;
  padding: .12rem 0;
}

.xb-mobile-login-wrap .xb-tip {
  padding: .5rem .22rem;
}

.xb-mobile-login-wrap .xb-tip p {
  color: #666;
  font-size: .14rem;
}

.xb-mobile-login-wrap .xb-tip p a {
  color: #597BFF;
  font-size: .14rem;
}

.xb-bind-mobile-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-bind-mobile-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-bind-mobile-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-bind-mobile-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list {
  padding: .4rem .22rem 0;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-get-auth-code {
  position: absolute;
  right: 0;
  top: .13rem;
  width: 1.2rem;
  color: #007AFF;
  font-size: .14rem;
  height: 0.15rem;
  line-height: 0.15rem;
  border-left: 2px solid #999;
  text-align: center;
  padding: 0;
  border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-get-auth-code img {
  width: 100%;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis input {
  box-sizing: border-box;
  width: 100%;
  height: .4rem;
  color: #999;
  font-size: .14rem;
  border: none;
  background-color: #F6F7F9;
  margin: .06rem 0;
  padding: 0 .15rem;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis input.pr14 {
  padding-right: 1.4rem;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-webkit-input-placeholder {
  color: #ED424B;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-moz-placeholder {
  color: #ED424B;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-ms-input-placeholder {
  color: #ED424B;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-error-tip {
  color: #ED424B;
  font-size: .14rem;
  padding: .06rem 0 .06rem .04rem;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-submit {
  box-sizing: border-box;
  padding: .2rem .22rem 0;
  overflow: hidden;
}

.xb-bind-mobile-wrap .xb-login-new .xb-login-submit .xb-login-btn {
  width: 100%;
  height: .4rem;
  color: #fff;
  font-size: .14rem;
  background-color: #209067;
  border: none;
  border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.xb-signup-wrap {
  width: 100%;
  height: auto;
  padding-top: .42rem;
  overflow: hidden;
}

.xb-signup-wrap .xb-all-head {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .42rem;
  background-color: #fff;
}

.xb-signup-wrap .xb-all-head .xb-all-head-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: inherit;
  width: .42rem;
  height: .42rem;
  overflow: hidden;
}

.xb-signup-wrap .xb-all-head .xb-all-head-left a {
  display: block;
}

.xb-signup-wrap .xb-all-head .xb-all-head-left a i {
  padding-left: .1rem;
  font-size: .2rem;
}

.xb-signup-wrap .xb-all-head .xb-all-tit {
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  color: #000;
}

.xb-signup-wrap .xb-all-head .xb-search-input {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.xb-signup-wrap .xb-all-head .xb-search-input input {
  display: inline-block;
  width: 2.6rem;
  height: .3rem;
  line-height: .3rem;
  background-color: #F3F5F5;
  margin-top: .05rem;
  text-align: center;
  font-size: .13rem;
  border: none;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab {
  width: 2.02rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.15rem 0 0 -1.01rem;
  line-height: 0.3rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab span {
  width: 50%;
  height: 0.3rem;
  float: left;
  text-align: center;
  line-height: 0.3rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab span a {
  display: block;
  width: 100%;
  height: 100%;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .left {
  border: 1px solid #209067;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .lspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0.04rem 0 0 0.04rem;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .lspan a {
  color: #fff;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .right {
  border: 1px solid #209067;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .rspan {
  background: #209067;
  color: #ffffff;
  border-radius: 0 0.04rem 0.04rem 0;
}

.xb-signup-wrap .xb-all-head .xb-bookshelf-tab .rspan a {
  color: #fff;
}

.xb-signup-wrap .xb-all-head .xb-all-head-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: inherit;
  height: .42rem;
  overflow: hidden;
}

.xb-signup-wrap .xb-all-head .xb-all-head-right a {
  display: inline-block;
}

.xb-signup-wrap .xb-all-head .xb-all-head-right a i {
  font-size: .2rem;
  padding-right: .15rem;
}

.xb-signup-wrap .xb-signup-module .xb-login-new {
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list {
  padding: .2rem .22rem 0;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-auth-code {
  position: absolute;
  right: 0;
  top: .06rem;
  width: .75rem;
  height: .4rem;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-auth-code img {
  width: 100%;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis input {
  box-sizing: border-box;
  width: 100%;
  height: .4rem;
  color: #999;
  font-size: .14rem;
  border: none;
  background-color: #F6F7F9;
  margin: .06rem 0;
  padding: 0 .15rem;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis input.pr90 {
  padding-right: .9rem;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-webkit-input-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-moz-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-ms-input-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-error-tip {
  color: #ED424B;
  font-size: .14rem;
  padding: .06rem 0 .06rem .04rem;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-submit {
  box-sizing: border-box;
  padding: .2rem .22rem 0;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-submit .xb-login-btn {
  width: 100%;
  height: .4rem;
  color: #fff;
  font-size: .14rem;
  background-color: #209067;
  border: none;
  border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-submit .xb-forget-pswd {
  float: left;
  color: #417FFF;
  font-size: .14rem;
  padding: .12rem 0;
}

.xb-signup-wrap .xb-signup-module .xb-login-new .xb-login-submit .xb-register-account {
  float: right;
  color: #ED6979;
  font-size: .14rem;
  padding: .12rem 0;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login {
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-type {
  width: 60%;
  margin-left: 20%;
  text-align: center;
  margin-top: .34rem;
  margin-bottom: .12rem;
  border-bottom: 1px solid #D8D8D8;
  position: relative;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-type .xb-login-way-tit {
  position: absolute;
  width: 1.4rem;
  left: 50%;
  top: -.1rem;
  z-index: 3;
  margin-left: -.7rem;
  color: #666;
  font-size: .14rem;
  text-align: center;
  height: .2rem;
  line-height: .2rem;
  text-align: center;
  background-color: #fff;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list {
  box-sizing: border-box;
  padding: 0 .22rem .4rem;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  height: .4rem;
  line-height: .42rem;
  text-align: center;
  color: #fff;
  font-size: .14rem;
  margin: .12rem 0;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-wx {
  background-color: #32AF43;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-qq {
  background-color: #00BEFB;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a.xb-login-bg-phone {
  background-color: #FB2A43;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a i {
  font-size: .25rem;
  margin-right: .05rem;
}

.xb-signup-wrap .xb-signup-module .xb-login-way .xb-other-login .xb-login-way-list .xb-login-way-lis a span {
  position: relative;
  top: -.04rem;
}

.xb-signup-wrap .xb-signup-verify {
  display: none;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list {
  padding: .4rem .22rem 0;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-get-auth-code {
  position: absolute;
  right: 0;
  top: .13rem;
  width: 1.2rem;
  color: #007AFF;
  font-size: .14rem;
  height: 0.15rem;
  line-height: 0.15rem;
  border-left: 2px solid #999;
  text-align: center;
  padding: 0;
  border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-get-auth-code img {
  width: 100%;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis input {
  box-sizing: border-box;
  width: 100%;
  height: .4rem;
  color: #999;
  font-size: .14rem;
  border: none;
  background-color: #F6F7F9;
  margin: .06rem 0;
  padding: 0 .15rem;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis input.pr14 {
  padding-right: 1.4rem;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-webkit-input-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-moz-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis.xb-error input::-ms-input-placeholder {
  color: #ED424B;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-error-tip {
  color: #ED424B;
  font-size: .14rem;
  padding: .06rem 0 .06rem .04rem;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-new-list .xb-login-new-lis .xb-user-phone {
  color: #333;
  font-size: .14rem;
  padding: .06rem 0 .16rem .04rem;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-submit {
  box-sizing: border-box;
  padding: .2rem .22rem 0;
  overflow: hidden;
}

.xb-signup-wrap .xb-signup-verify .xb-login-new .xb-login-submit .xb-login-btn {
  width: 100%;
  height: .4rem;
  color: #fff;
  font-size: .14rem;
  background-color: #209067;
  border: none;
  border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.xb-baonian-dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.xb-baonian-dialog .xb-bn-djj {
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -1.25rem;
  margin-left: -1.3rem;
  width: 2.6rem;
  height: 2.5rem;
  background: url(../images/img/baonian_bg.png) center no-repeat;
  background-size: 100% auto;
  font-weight: bold;
  text-align: center;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-tit {
  color: #EC332A;
  font-size: .24rem;
  font-weight: 600;
  padding-top: .18rem;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-tit .xb-tit-line {
  display: inline-block;
  width: .26rem;
  height: .02rem;
  background-color: #EC332A;
  margin: 0 .08rem .07rem;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-price {
  color: #B36321;
  font-size: .24rem;
  padding-top: .22rem;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-price span {
  color: #EC332A;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-tip {
  color: #B36321;
  font-size: .15rem;
}

.xb-baonian-dialog .xb-bn-djj .xb-bn-tip span {
  color: #EC332A;
}

.xb-baonian-dialog .xb-bn-djj .xb-btn-buy {
  position: absolute;
  bottom: .35rem;
  left: .65rem;
  display: inline-block;
  width: 1.25rem;
  height: .36rem;
  line-height: .36rem;
  color: #fff;
  font-size: .2rem;
  background-color: #FFCF8A;
  border-radius: 35px;
  -ms-border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
}

.xb-baonian-dialog .xb-bn-ls {
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -1.25rem;
  margin-left: -1.3rem;
  width: 2.6rem;
  height: 2.5rem;
  background: url(../images/img/baonian_bg.png) center no-repeat;
  background-size: 100% auto;
  font-weight: bold;
  text-align: center;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-tit {
  color: #EC332A;
  font-size: .24rem;
  font-weight: 600;
  padding-top: .18rem;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-tit .xb-tit-line {
  display: inline-block;
  width: .2rem;
  height: .02rem;
  background-color: #EC332A;
  margin: 0 .08rem .07rem;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-price {
  color: #B36321;
  font-size: .24rem;
  padding-top: .22rem;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-price span {
  color: #EC332A;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-tip {
  color: #B36321;
  font-size: .16rem;
}

.xb-baonian-dialog .xb-bn-ls .xb-bn-tip span {
  color: #EC332A;
}

.xb-baonian-dialog .xb-bn-ls .xb-btn-buy {
  position: absolute;
  bottom: .35rem;
  left: .65rem;
  display: inline-block;
  width: 1.25rem;
  height: .36rem;
  line-height: .36rem;
  color: #fff;
  font-size: .2rem;
  background-color: #FFCF8A;
  border-radius: 35px;
  -ms-border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
}
.xb-baonian-dialog .xb-bn-djj .xb-close-dialog {
  position: absolute;
  top: -.36rem;
  right: .05rem;
  cursor: pointer;
}

.xb-baonian-dialog .xb-bn-djj .xb-close-dialog img {
  width: .25rem;
}
.xb-baonian-dialog .xb-bn-ls .xb-close-dialog {
  position: absolute;
  top: -.36rem;
  right: .05rem;
  cursor: pointer;
}

.xb-baonian-dialog .xb-bn-ls .xb-close-dialog img {
  width: .25rem;
}