@charset "UTF-8";
.app_noticeSection .leftBlock, .app_listBlock_con ul li .rightBlock .rightBlock_title, .app_listBlock_con ul li .rightBlock .rightBlock_name, .app_listBlock_con3 ul li .rightBlock .rightBlock_title, .app_listBlock_con3 ul li .rightBlock .rightBlock_name, .app_recommendBlock .title .content, .app_downLoadBlock_list ul li .leftBlock span, .app_header_detail2 .app_header_h1, .app_header_h1, .app_comment_list ul li .contentList .userName, .app_special_detail .app_special_name, .app_specialBlock ul li .name, .app_subscribeBlock_lis .title, .app_accountBlock .app_accountBlock_headerBg .app_accountBlock_name .name, .app_accountBlock_lis ul li, .app_accountBlock_lis2 ul li, .app_wenzhangBlock .tipsBlock .title, .app_allAward_list ul li .font, .replyList .replyList_li .replyList_li_name {
  white-space: nowrap;
  /*是禁止换行；*/
  overflow: hidden;
  /*多出的内容隐藏；*/
  text-overflow: ellipsis;
  /*多出的内容以省略号...来表达；主要用于IE等浏览器*/
  -o-text-overflow: ellipsis;
  /*支持chrome；*/ }

.app_searchBlock .app_searchBlock_bar input, .app_comment_textarea, .app_comment_button, .app_lisBlockSpan ul li input, .app_lisBlockSpan ul li.code .codeBtn, .app_lisBlockSpan2 ul li.code .codeBtn, .app_lisBlockSpan3 ul li input, .app_lisBlockSpan3 ul li.code .codeBtn, .app_listBlockButton button, .app_listBlockButton2 button, .app_guanZhuSection_block .content .button, .app_qianDaoBlock2 .banner .app_centerButton, .app_liwuNumber .app_liwuNumber_right .num input, .app_zengyan .app_zengyan_right textarea, .app_yearVip_btn button {
  font-family: \5FAE\8F6F\96C5\9ED1; }

\534E\6587\7EC6\9ED1
.app_header_section_top, \534E\6587\7EC6\9ED1
.app_header_section_nav ul, .app_header_section_nav \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_header_section_nav2 ul, .app_header_section_nav2 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_header_section_bottom ul, .app_header_section_bottom \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_header_section_bottom2 ul, .app_header_section_bottom2 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_header_section_rightButtons ul, .app_header_section_rightButtons \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_icRanking ul, .app_icRanking \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_listBlock_title, \534E\6587\7EC6\9ED1
.app_listBlock_title2, \534E\6587\7EC6\9ED1
.app_listBlock_con ul li .rightBlock .rightBlock_label, .app_listBlock_con ul li .rightBlock \534E\6587\7EC6\9ED1
.rightBlock_label, \534E\6587\7EC6\9ED1
.app_listArticle ul li, .app_listArticle ul \534E\6587\7EC6\9ED1
li, \534E\6587\7EC6\9ED1
.app_newRankingList ul li, .app_newRankingList ul \534E\6587\7EC6\9ED1
li, \534E\6587\7EC6\9ED1
.app_tabSection .app_tabSection_border ul, .app_tabSection .app_tabSection_border \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_tabSection .app_tabSection_border2 ul, .app_tabSection .app_tabSection_border2 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_listBlock_con2 ul, .app_listBlock_con2 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_listBlock_con4 ul, .app_listBlock_con4 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_listBlock_con3 ul li, .app_listBlock_con3 ul \534E\6587\7EC6\9ED1
li, \534E\6587\7EC6\9ED1
.app_header_second ul, .app_header_second \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_rankingList ul, .app_rankingList \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_categoryList ul, .app_categoryList \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_goodBookList ul, .app_goodBookList \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_conButton ul, .app_conButton \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_comment .app_title, .app_comment \534E\6587\7EC6\9ED1
.app_title, \534E\6587\7EC6\9ED1
.app_comment_list ul li .bottom, .app_comment_list ul li \534E\6587\7EC6\9ED1
.bottom, \534E\6587\7EC6\9ED1
.app_openReadBlock_li .app_openReadBlock_select ul, .app_openReadBlock_li .app_openReadBlock_select \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis, .app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock \534E\6587\7EC6\9ED1
.lis, \534E\6587\7EC6\9ED1
.app_contentSpan .tips, .app_contentSpan \534E\6587\7EC6\9ED1
.tips, \534E\6587\7EC6\9ED1
.app_iconList ul, .app_iconList \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_selectSpanBlock_bottom, \534E\6587\7EC6\9ED1
.author, \534E\6587\7EC6\9ED1
.app_footerBlock_nav ul, .app_footerBlock_nav \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_allAward_list ul, .app_allAward_list \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_pageBlock, \534E\6587\7EC6\9ED1
.app_registerList, \534E\6587\7EC6\9ED1
.app_liwuNumber .app_liwuNumber_right, .app_liwuNumber \534E\6587\7EC6\9ED1
.app_liwuNumber_right, \534E\6587\7EC6\9ED1
.app_lipingList, \534E\6587\7EC6\9ED1
.app_yuerBlock, \534E\6587\7EC6\9ED1
.pageBL1 ul, .pageBL1 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.pageBL2 ul, .pageBL2 \534E\6587\7EC6\9ED1
ul, \534E\6587\7EC6\9ED1
.app_topTabBlock, \534E\6587\7EC6\9ED1
.app_faceWindow {
  height: 1%;
  display: block; }

.app_header_section_top:after, .app_header_section_nav ul:after, .app_header_section_nav2 ul:after, .app_header_section_bottom ul:after, .app_header_section_bottom2 ul:after, .app_header_section_rightButtons ul:after, .app_icRanking ul:after, .app_listBlock_title:after, .app_listBlock_title2:after, .app_listBlock_con ul li .rightBlock .rightBlock_label:after, .app_listArticle ul li:after, .app_newRankingList ul li:after, .app_tabSection .app_tabSection_border ul:after, .app_tabSection .app_tabSection_border2 ul:after, .app_listBlock_con2 ul:after, .app_listBlock_con4 ul:after, .app_listBlock_con3 ul li:after, .app_header_second ul:after, .app_rankingList ul:after, .app_categoryList ul:after, .app_goodBookList ul:after, .app_conButton ul:after, .app_comment .app_title:after, .app_comment_list ul li .bottom:after, .app_openReadBlock_li .app_openReadBlock_select ul:after, .app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis:after, .app_contentSpan .tips:after, .app_iconList ul:after, .app_selectSpanBlock_bottom:after, .author:after, .app_footerBlock_nav ul:after, .app_allAward_list ul:after, .app_pageBlock:after, .app_registerList:after, .app_liwuNumber .app_liwuNumber_right:after, .app_lipingList:after, .app_yuerBlock:after, .pageBL1 ul:after, .pageBL2 ul:after, .app_topTabBlock:after, .app_faceWindow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.public_DebugRed {
  min-height: 20px !important;
  background-color: red !important; }

.public_DebugYellow {
  min-height: 20px !important;
  background-color: yellow !important; }

.public_DebugBlue {
  height: 20px !important;
  background-color: blue !important; }

.public_DebugOrange {
  min-height: 20px !important;
  background-color: orange !important; }

.public_AddFloatLeft {
  float: left; }

.public_addPositionRelative {
  position: relative; }

.public_AddFloatRight {
  float: right; }

.public_Clear_Fix {
  height: 1%;
  display: block; }

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

.public_Clear_DIsplyInlineBlock {
  font-size: 0;
  letter-spacing: -4px;
  word-spacing: -4px; }
.public_Clear_DIsplyInlineBlock .public_DIsplyInlineBlock {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  word-spacing: normal; }

html {
  font-size: 62.5%; }

* {
  margin: 0px;
  padding: 0px; }

body {
  height:100%;
  overflow:auto;
  margin: 0;
  font-size: 14px;
}

h1, h2, h3, h4, h5 {
  font-size: 12px;
  font-weight: normal;
  /*text-align: center;*/
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block; }

li {
  display: block; }

i {
  font-style: normal;
  display: inline-block; }

p {
  margin: 0;
  padding: 0;
  display: block; }

img {
  border: 0px;
  display: inline-block; }

a {
  text-decoration: none; }

a, input {
  outline: none;
  border: none;
  padding: 0px; }

span {
  display: inline-block; }

table {
  border-collapse: collapse;
  border: 0px; }

button {
  outline: none;
  border: 0px; }

body {
  font-family: 'PingFangSC-Light','Microsoft YaHei', Helvetica, Arial, sans-serif;
  background-color: #eaeaea;
  color: #333;
  font-size: 0.375rem; }

a {
  color: #666666;
  text-decoration: none; }
a:hover {
  color: #e7423d;
  text-decoration: none; }
a:active {
  -webkit-tap-highlight-color: transparent !important;
  -moz-tap-highlight-color: transparent !important;
  -ms-tap-highlight-color: transparent !important;
  -o-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important; }

li:active {
  -webkit-tap-highlight-color: transparent !important;
  -moz-tap-highlight-color: transparent !important;
  -ms-tap-highlight-color: transparent !important;
  -o-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important; }

@-webkit-keyframes whiteChangeRed {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e7423d; } }
@-moz-keyframes whiteChangeRed {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e7423d; } }
@-o-keyframes whiteChangeRed {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e7423d; } }
@-ms-keyframes whiteChangeRed {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e7423d; } }
@keyframes whiteChangeRed {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e7423d; } }
.app_NoMoblie {
  width: 580px;
  margin: 0 auto; }

.app_header_section {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }

.app_marginLeft {
  margin-left: 11%;
  float: left; }

.app_header_section_nav .app_styleUl2 {
  width: 2.7rem;
  margin-left: 11%; }

.app_header_section_nav .app_styleUl2 li {
  width: 50%; }

.app_header_section2 {
  width: 100%;
  height: auto;
  top: 0px;
  z-index: 99; }

.pin-wrapper {
  position: relative; }

.app_position {
  width: 100%;
  height: 0px; }

.pinned {
  z-index: 99; }

.app_pcHeader {
  width: 11.25rem;
  left: 50%;
  margin-left: -5.625rem; }

.app_headerFixed .app_header_detail2 {
  background-color: #fff;
  border-bottom-color: #e7423d; }
.app_headerFixed .app_header_detail2 .app_header_h1 {
  color: #fff; }
.app_headerFixed .app_header_detail2 .app_header_h1 i.sharpIco {
  background: url("../images/xinIco3.png") no-repeat 0 0;
  background-size: 0.5625rem; }
.app_headerFixed .app_header_detail2 .app_header_h1 i.sharpIco:active {
  background: url("../images/xinIco4.png") no-repeat 0 0;
  background-size: 0.5625rem; }
.app_headerFixed .app_header_detail2 .app_header_h1 i.sharpIco.active {
  background: url("../images/xinIco4.png") no-repeat 0 0;
  background-size: 0.5625rem; }
.app_headerFixed .app_header_detail2 .app_header_back {
  background: url("../images/leftWhiteJ.png") no-repeat right center;
  background-size: 0.2187rem; }

.app_headerFixed2 {
  position: fixed;
  left: 0rem;
  top: 0rem;
  z-index: 999; }
.app_headerFixed2 .app_header_detail2 {
  height: auto; }

.app_animateWhiteChangeRed {
  -webkit-animation: whiteChangeRed 0.6s ease-in;
  -moz-animation: whiteChangeRed 0.6s ease-in;
  -o-animation: whiteChangeRed 0.6s ease-in;
  -ms-animation: whiteChangeRed 0.6s ease-in;
  animation: whiteChangeRed 0.6s ease-in;
  background-color: #e7423d !important; }

.app_animateRedChangeWhite {
  -webkit-animation: redChangeWhite 0.2s ease-in;
  -moz-animation: redChangeWhite 0.2s ease-in;
  -o-animation: redChangeWhite 0.2s ease-in;
  -ms-animation: redChangeWhite 0.2s ease-in;
  animation: redChangeWhite 0.2s ease-in;
  background-color: #fff !important; }

.app_header_section_top {
  width: 100%;
  height: 1.25rem; }

.app_logoLink {
  width: 2.7rem;
  float: left;
  padding: 0.35rem 0 0 0.45rem; }
.app_logoLink img {
  width: 2.4375rem; }

.app_logoLink2 {
  width: 3.9062rem;
  float: left;
  padding: 0.24rem 0 0 0.45rem; }
.app_logoLink2 img {
  width: 2.2rem; }

.app_header_section_nav {
  width: 100%;
  padding-left: 35%;
  padding-right: 2.1875rem;
  box-sizing: border-box;
  padding-top: 0.2812rem; }
.app_header_section_nav ul {
  width: 3.6718rem;
  display: block;
  height: 0.7031rem;
  /*background-color: #f0f0f0;*/
  border-radius: 1.5625rem; }
.app_header_section_nav ul li {
  width: 33.3%;
  height: 100%;
  line-height: 0.7031rem;
  float: left;
  text-align: center; }
.app_header_section_nav ul li.active {
  color: #fff;
  border-radius: 1.5625rem;
  background-color: #ea4136; }
.app_header_section_nav ul li.active a {
  color: #fff;
  text-decoration: none; }
.app_header_section_nav ul li a {
  font-size: 0.3593rem;
  font-weight: 300;
  color: #000; }

.app_header_section_nav2 {
  width: 100%;
  padding-left: 35%;
  padding-right: 2.1875rem;
  box-sizing: border-box;
  padding-top: 0.2812rem; }
.app_header_section_nav2 ul {
  width: 3.6718rem;
  display: block;
  height: 0.93rem; }
.app_header_section_nav2 ul li {
  width: 33.3%;
  height: 100%;
  line-height: 0.7031rem;
  float: left;
  text-align: center;
  color: #333; }
.app_header_section_nav2 ul li.active {
  color: #ea4136;
  border-bottom: 2px solid #ea4136; }
.app_header_section_nav2 ul li.active a {
  color: #ea4136;
  text-decoration: none; }
.app_header_section_nav2 ul li a {
  font-size: 0.3593rem;
  font-weight: 300;
  color: #000; }

.app_header_section_bottom {
  width: 100%;
  height: 1.125rem;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box; }
.app_header_section_bottom ul {
  width: 100%;
  height: 100%;
  display: block; }
.app_header_section_bottom ul li {
  width: 25%;
  height: 100%;
  display: block;
  float: left;
  font-size: 0rem;
  text-align: center; }
.app_header_section_bottom ul li a {
  font-size: 0.4218rem;
  height: 100%;
  display: inline-block;
  padding: 0 0.3125rem;
  padding-top: 0.2812rem;
  box-sizing: border-box; }
.app_header_section_bottom ul li a:hover {
  color: #e7423d;
  border-bottom: 0.0781rem solid #e7423d; }
.app_header_section_bottom ul li.active a {
  color: #e7423d;
  border-bottom: 0.0781rem solid #e7423d; }

.app_header_section_bottom_deleteLine {
  border-bottom: 0rem; }

.app_header_section_bottom2 {
  width: 100%;
  height: 1.125rem;
  background-color: #fff; }
.app_header_section_bottom2 ul {
  width: 100%;
  height: 100%;
  display: block; }
.app_header_section_bottom2 ul li {
  width: 33.3%;
  height: 100%;
  display: block;
  float: left;
  font-size: 0rem;
  text-align: center; }
.app_header_section_bottom2 ul li a {
  font-size: 0.4218rem;
  height: 100%;
  display: inline-block;
  padding: 0 0.3125rem;
  padding-top: 0.2812rem;
  box-sizing: border-box; }
.app_header_section_bottom2 ul li a:hover {
  color: #e7423d;
  border-bottom: 0.0781rem solid #e7423d; }
.app_header_section_bottom2 ul li.active a {
  color: #e7423d;
  border-bottom: 0.0781rem solid #e7423d; }

.app_header_section_rightButtons {
  position: absolute;
  right: 0rem;
  top: 0rem;
  height: 1.25rem; }
.app_header_section_rightButtons ul {
  width: 100%;
  height: 100%;
  display: block; }
.app_header_section_rightButtons ul li {
  width: 1.25rem;
  height: 100%;
  float: left; }
.app_header_section_rightButtons ul li a {
  width: 100%;
  height: 100%;
  display: block; }
.app_header_section_rightButtons ul li.book {
  background: url("../images/header_ico1.png") no-repeat center;
  background-size: 0.625rem; }
.app_header_section_rightButtons ul li.search {
  background: url("../images/header_ico2.png") no-repeat center;
  background-size: 0.4531rem; }
.app_header_section_rightButtons ul li.my {
  background: url("../images/header_ico3.png") no-repeat center;
  background-size: 0.5rem; }
.app_header_section_rightButtons ul li.book2 {
  background: url("../images/book_ico1.png") no-repeat center;
  background-size: 0.6718rem; }
.app_header_section_rightButtons ul li.more {
  background: url("../images/bookMore_ico1.png") no-repeat center;
  background-size: 0.5312rem; }

.app_body_banner {
  width: 100%;
  font-size: 0px; }
.app_body_banner img {
  width: 100%;
  display: block; }
.app_body_banner .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 6.5; }
.app_body_banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ea4136; }
.app_body_banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.1562rem;
  height: 0.1562rem;
  border-radius: 0.1562rem; }
.app_body_banner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.0937rem; }

.app_noticeSection {
  width: 100%;
  height: 0.9375rem;
  line-height: 0.9375rem;
  background-color: #fff;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  font-size: 0.3906rem;
  position: relative; }
.app_noticeSection .leftBlock {
  position: absolute;
  left: 0.3906rem;
  color: #ea4136; }
.app_noticeSection .leftBlock i {
  display: inline-block;
  line-height: 0.3906rem;
  border-right: 1px solid #f0f0f0;
  padding-right: 0.2031rem; }
.app_noticeSection .rightBlock {
  width: 100%;
  padding-left: 1.875rem;
  box-sizing: border-box;
  color: #333; }

.app_noticeSection .rightBlock{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app_noticeSection .rightBlock a{
  color: #333;
}

.app_noticeSection .rightBlock a:hover{
  color: #333;
}

.app_icRanking {
  width: 100%;
  background-color: #fff;
  padding: 0.3125rem 0;
  border-bottom: 1px solid #e5e5e5; }
.app_icRanking ul {
  width: 100%;
  height: 100%;
  display: block; }
.app_icRanking ul li {
  width: 33%;
  height: 100%;
  float: left;
  font-size: 0px; }
.app_icRanking ul li a {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 1.25rem;
  font-size: 0.3593rem;
  box-sizing: border-box;
  text-align: center; }
.app_icRanking ul li a.nav1 {
  background: url("../images/nav_5.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.nav2 {
  background: url("../images/nav_1.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.nav3 {
  background: url("../images/nav_2.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.nav4 {
  background: url("../images/nav_3.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.nav5 {
  background: url("../images/nav_4.png") no-repeat center top;
  background-size: 1.0937rem; }

.app_icRanking ul li a.read_record {
  background: url("../images/nav_5.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.pay {
  background: url("../images/nav_4.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking ul li a.user_center {
  background: url("../images/nav_3.png") no-repeat center top;
  background-size: 1.0937rem; }
  



.app_icRanking_fq {
  width: 100%;
  background-color: #fff;
  padding: 0.3125rem 0;
  border-bottom: 1px solid #e5e5e5; }
.app_icRanking_fq ul {
  width: 100%;
  height: 100%;
  display: block; }
.app_icRanking_fq ul li {
  width: 33%;
  height: 100%;
  float: left;
  font-size: 0px; }
.app_icRanking_fq ul li a {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 1.25rem;
  font-size: 0.3593rem;
  box-sizing: border-box;
  text-align: center; }
.app_icRanking_fq ul li a.read_record {
  background: url("../images/read_record.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking_fq ul li a.pay {
  background: url("../images/pay.png") no-repeat center top;
  background-size: 1.0937rem; }
.app_icRanking_fq ul li a.user_center {
  background: url("../images/user_center.png") no-repeat center top;
  background-size: 1.0937rem; }
  

.app_listBlock {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  margin-top: 0.2812rem;
  background-color: #fff; }

.app_deleteMargin {
  margin-top: 0rem !important; }

.app_listBlock_title {
  width: 100%;
  height: 1.4062rem;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  padding-left: 0.2343rem;
  box-sizing: border-box; }
.app_listBlock_title .h1 {
  color: #333;
  font-size: 0.4218rem;
  float: left;
  display: block;
  height: 100%;
  line-height: 1.375rem; }
.app_listBlock_title .h1 i {
  color: #999; }
.app_listBlock_title .more {
  float: right;
  display: block;
  color: #999;
  padding-right: 0.2343rem;
  background: url("../images/more.png") no-repeat right center;
  background-size: 0.2031rem;
  font-size: 0.2968rem;
  height: 1.375rem;
  line-height: 1.375rem; }
.app_listBlock_title .change {
  float: right;
  display: block;
  color: #999;
  padding-right: 0.5625rem;
  background: url("../images/changeBtn1.png") no-repeat right center;
  background-size: 0.3593rem;
  font-size: 0.3125rem;
  height: 100%;
  line-height: 1.375rem; }
.app_listBlock_title .change2 {
  float: right;
  display: block;
  color: #999;
  padding-right: 0.5625rem;
  background: url("../images/changeBtn3.png") no-repeat right center;
  background-size: 0.3593rem;
  font-size: 0.3125rem;
  height: 100%;
  line-height: 1.375rem; }

.app_listBlock_title2 {
  width: 100%;
  height: 1.4062rem;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  box-sizing: border-box; }
.app_listBlock_title2 .h1 {
  color: #333;
  font-size: 0.4218rem;
  float: left;
  display: block;
  height: 100%;
  line-height: 1.375rem; }
.app_listBlock_title2 .more {
  float: right;
  display: block;
  color: #999;
  padding-right: 0.2343rem;
  background: url("../images/more.png") no-repeat right center;
  background-size: 0.2031rem;
  font-size: 0.2968rem;
  height: 100%;
  line-height: 1.375rem; }
.app_listBlock_title2 .change {
  float: right;
  display: block;
  width: 0.3593rem;
  height: 0.3593rem;
  background: url("../images/changeBtn1.png") no-repeat center;
  background-size: 0.3593rem;
  margin-top: 0.5468rem; }
.app_listBlock_title2 .change2 {
  float: right;
  display: block;
  width: 0.3593rem;
  height: 0.3593rem;
  background: url("../images/changeBtn3.png") no-repeat center;
  background-size: 0.3593rem;
  margin-top: 0.5468rem; }
.app_listBlock_title2 .delete {
  float: right;
  display: block;
  width: 0.4375rem;
  height: 0.4218rem;
  background: url("../images/deleteBtn.png") no-repeat center;
  background-size: 0.4375rem;
  margin-top: 0.4687rem; }

.tit_icon1 {
  background: url("../images/daohang_redIco.jpg") no-repeat left center;
  background-size: 0.0937rem; }

.tit_icon2 {
  background: url("../images/title_7.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon3 {
  background: url("../images/title_3.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon4 {
  background: url("../images/title_4.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon5 {
  background: url("../images/title_5.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon6 {
  background: url("../images/title_6.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon8 {
  background: url("../images/title_8.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon7 {
  background: url("../images/title_2.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon9 {
  background: url("../images/title_9.png") no-repeat left center;
  background-size: 0.4843rem; }

.tit_icon10 {
  background: url("../images/title_10.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.tit_icon11 {
  background: url("../images/title_11.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.tit_icon12 {
  background: url("../images/title_12.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.tit_icon13 {
  background: url("../images/title_13.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.tit_icon14 {
  background: url("../images/title_14.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.tit_icon15 {
  background: url("../images/title_15.png") no-repeat left center !important;
  background-size: 0.4843rem !important; }

.app_listBlock_con {
  width: 100%; }
.app_listBlock_con ul {
  width: 100%;
  display: block;
  padding-bottom: 0.75rem; }
.app_listBlock_con ul.app_deletePaddingBottom {
  padding-bottom: 0rem; }
.app_listBlock_con ul li {
  width: 100%;
  display: block;
  height: 4.5rem;
  padding-top: 0.65rem;
  padding-left: 3.1rem;
  box-sizing: border-box;
  position: relative; }
.app_listBlock_con ul li a .rightBlock .rightBlock_title {
  color: #666; }
.app_listBlock_con ul li.li2 {
  padding-left: 1.875rem;
  height: 3.5rem;
  border-bottom: 1px solid #eeeeee; }
.app_listBlock_con ul li.li2 .rightBlock .rightBlock_title {
  height: 0.7rem; }
.app_listBlock_con ul li.li2 .rightBlock .rightBlock_con {
  line-height: 0.525rem;
  overflow: visible; }
.app_listBlock_con ul li.li2 .rightJustTime {
  position: absolute;
  right: 0%;
  bottom: 0.2rem;
  font-size: 0.3281rem;
  color: #999; }
.app_listBlock_con ul li.li2 .deleteBlock {

  width: 1.3rem;
  height: 1.2rem;
  position: absolute;
  right: 0%;
  top: 50%;
  background: url('../images/laji_ico.png') no-repeat right 10%;
  background-size: 0.4687rem;
  display: none;

}
.app_listBlock_con ul li.li2 .leftImage {
  top: 0.55rem; }
.app_listBlock_con ul li a {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con ul li .leftImage {
  width: 2.6718rem;
  height: 3.7343rem;
  background-color: #f1f1f1;
  box-shadow: 0rem 0rem 0.2343rem rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0rem;
  top: 0.65rem; }
.app_listBlock_con ul li .leftImage img {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con ul li .leftImage2 {
  width: 1.5625rem;
  height: 2.1875rem;
  background-color: #f1f1f1;
  box-shadow: 0rem 0rem 0.2343rem rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0rem;
  top: 0.65rem; }
.app_listBlock_con ul li .leftImage2 img {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con ul li .rightBlock {
  width: 100%;
  height: 100%;
  box-sizing: border-box; }
.app_listBlock_con ul li .rightBlock .rightBlock_title {
  width: 100%;
  font-size: 0.4687rem;
  height: 1.25rem;
  display: block;
  color: #333; }
.app_listBlock_con ul li .rightBlock .rightBlock_name {
  width: 100%;
  font-size: 0.3125rem;
  color: #999;
  display: block; }
.app_listBlock_con ul li .rightBlock .rightBlock_con {
  width: 100%;
  height: 1.25rem;
  color: #999;
  font-size: 0.3593rem;
  line-height: 0.625rem;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  position: relative; }
.app_listBlock_con ul li .rightBlock .rightBlock_label {
  width: 100%;
  display: block;
  height: 1.2rem;
  position: relative; }
.app_listBlock_con ul li .rightBlock .keyWord_l {
  position: absolute;
  bottom: 0.0625rem;
  left: 0rem;
  font-size: 0rem;
  height: auto;
  line-height: 0.28rem; }
.app_listBlock_con ul li .rightBlock .keyWord_l .k1 {
  color: #ea4136;
  font-size: 0.28rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding: 0.0312rem 0.0937rem;
  border: 1px solid #ea4136;
  border-radius: 0.0312rem;
  margin-left: 0.0625rem;
  padding-top: 0.06rem;
  display: block;
  float: left; }
.app_listBlock_con ul li .rightBlock .keyWord_l .k2 {
  color: #706262;
  font-size: 0.28rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding: 0.0312rem 0.0937rem;
  border: 1px solid #706262;
  border-radius: 0.0312rem;
  margin-left: 0.0625rem;
  padding-top: 0.05rem;
  display: block;
  float: left; }
.app_listBlock_con ul li .rightBlock .keyWord_r {
  position: absolute;
  bottom: 0.0625rem;
  right: 0rem;
  font-size: 0rem;
  height: auto;
  line-height: 0.28rem; }
.app_listBlock_con ul li .rightBlock .keyWord_r .k1 {
  color: #f39800;
  font-size: 0.28rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding: 0.0312rem 0.0937rem;
  border: 1px solid #f39800;
  border-radius: 0.0312rem;
  margin-left: 0.0625rem;
  padding-top: 0.05rem;
  display: block;
  float: left; }
.app_listBlock_con ul li .rightBlock .keyWord_r .k2 {
  color: #706262;
  font-size: 0.28rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding: 0.0312rem 0.0937rem;
  border: 1px solid #706262;
  border-radius: 0.0312rem;
  margin-left: 0.1562rem;
  padding-top: 0.05rem;
  display: block;
  float: left; }

.app_listArticle {
  width: 100%;
  padding-bottom: 0.4687rem; }
.app_listArticle ul {
  width: 100%;
  display: block; }
.app_listArticle ul li {
  width: 100%;
  display: block;
  padding: 0.3125rem 0 0 0; }
.app_listArticle ul li a {
  width: 100%;
  display: block;
  line-height: 0.625rem;
  color: #333;
  font-size: 0.4375rem; }
.app_listArticle ul li a i {
  display: inline-block;
  margin-right: 0.125rem;
  color: #999999; }
.app_listArticle ul li a span {
  position: relative;
  display: inline-block; }
.app_listArticle ul li a em {
  position: absolute;
  left: 0.2rem;
  top: -0.48rem; }
.app_listArticle ul li a em.hot {
  width: 0.5468rem;
  height: 0.5937rem;
  background: url("../images/hotIco.png") no-repeat center;
  background-size: 0.5468rem;
  display: inline-block;
  padding: 0; }
.app_listArticle ul li a em.wan {
  width: 0.5312rem;
  height: 0.5625rem;
  background: url("../images/wanIco.png") no-repeat center;
  background-size: 0.5312rem;
  display: inline-block;
  padding: 0;
  top: -0.45rem; }
.app_listArticle ul li a em.new {
  width: 0.5468rem;
  height: 0.5312rem;
  background: url("../images/newIco.png") no-repeat center;
  background-size: 0.5468rem;
  display: inline-block;
  padding: 0;
  top: -0.4rem; }

.app_newRankingList {
  width: 100%;
  padding-bottom: 0.4687rem; }
.app_newRankingList ul {
  width: 100%;
  display: block; }
.app_newRankingList ul li {
  width: 100%;
  display: block;
  padding: 0.3125rem 0 0 0;
  box-sizing: border-box; }
.app_newRankingList ul li .number {
  width: 0.5312rem;
  height: 0.5312rem;
  border-radius: 0.125rem;
  color: #fff;
  margin-top: 0rem;
  text-align: center;
  line-height: 0.375rem;
  box-sizing: border-box;
  padding: 0.0937rem 0 0 0;
  font-size: 0.375rem;
  margin-top: 0.0156rem;
  margin-right: 0.2343rem; }
.app_newRankingList ul li .red {
  background-color: #ea4136; }
.app_newRankingList ul li .yellow {
  background-color: #f39800; }
.app_newRankingList ul li a {
  width: 100%;
  display: block;
  line-height: 0.625rem;
  color: #333;
  font-size: 0.4rem; }
.app_newRankingList ul li a i {
  display: inline-block;
  margin-right: 0.125rem;
  color: #999999; }
.app_newRankingList ul li a span {
  position: relative;
  display: inline-block; }
.app_newRankingList ul li a em {
  position: absolute;
  left: 0.2rem;
  top: -0.48rem; }
.app_newRankingList ul li a em.hot {
  width: 0.5468rem;
  height: 0.5937rem;
  background: url("../images/hotIco.png") no-repeat center;
  background-size: 0.5468rem;
  display: inline-block;
  padding: 0; }
.app_newRankingList ul li a em.wan {
  width: 0.5312rem;
  height: 0.5625rem;
  background: url("../images/wanIco.png") no-repeat center;
  background-size: 0.5312rem;
  display: inline-block;
  padding: 0;
  top: -0.4rem; }
.app_newRankingList ul li a em.new {
  width: 0.5468rem;
  height: 0.5312rem;
  background: url("../images/newIco.png") no-repeat center;
  background-size: 0.5468rem;
  display: inline-block;
  padding: 0;
  top: -0.4rem; }

.app_moreSection {
  width: 108%;
  height: 1.0937rem;
  text-align: center;
  line-height: 1.0937rem;
  position: relative;
  left: -4%;
  border-top: 1px solid #f1f1f1; }
.app_moreSection a {
  background: url("../images/right_jt.png") no-repeat right center;
  display: inline-block;
  background-size: 0.3437rem;
  padding-right: 0.4687rem;
  font-size: 0.3906rem;
  line-height: 0.3906rem;
  vertical-align: middle; }

.app_tabSection {
  width: 100%;
  padding-top: 0.3125rem; }
.app_tabSection .app_tabSection_border {
  width: 100%;
  height: 1.0937rem;
  box-sizing: border-box; }
.app_tabSection .app_tabSection_border ul {
  width: 100%;
  display: block; }
.app_tabSection .app_tabSection_border ul li {
  width: 33.3%;
  height: 1.0625rem;
  padding-top: 0.1562rem;
  border-top: 1px solid #ea4136;
  border-bottom: 1px solid #ea4136;
  border-right: 1px solid #ea4136;
  box-sizing: border-box;
  float: left;
  display: block;
  box-sizing: border-box;
  font-size: 0.4687rem;
  text-align: center;
  color: #ea4136; }
.app_tabSection .app_tabSection_border ul li.active {
  color: #fff;
  background-color: #ea4136; }
.app_tabSection .app_tabSection_border ul li:first-child {
  border-left: 1px solid #ea4136; }
.app_tabSection .app_tabSection_border2 {
  width: 100%;
  height: 1.0937rem;
  box-sizing: border-box; }
.app_tabSection .app_tabSection_border2 ul {
  width: 100%;
  display: block;
  border-bottom: 1px solid #e5e5e5; }
.app_tabSection .app_tabSection_border2 ul li {
  width: 33.3%;
  height: 1.0625rem;
  padding-top: 0.1562rem;
  box-sizing: border-box;
  float: left;
  display: block;
  box-sizing: border-box;
  font-size: 0.4687rem;
  text-align: center;
  color: #333333; }
.app_tabSection .app_tabSection_border2 ul li i {
  width: 75%;
  display: inline-block;
  height: 0.86rem; }
.app_tabSection .app_tabSection_border2 ul li.active {
  color: #ea4136; }
.app_tabSection .app_tabSection_border2 ul li.active i {
  border-bottom: 2px solid #ea4136; }

.app_tabSection2 .app_tabSection_border ul li {
  width: 50%; }

.app_listBlock_con2 {
  width: 100%;
  overflow-x: hidden; }
.app_listBlock_con2 ul {
  width: 100%;
  display: block;
  padding-bottom: 0.625rem; }
.app_listBlock_con2 ul li {
  width: 33.3%;
  display: block;
  height: 6rem;
  box-sizing: border-box;
  position: relative;
  float: left;
  padding-left: 0.1562rem;
  padding-right: 0.1562rem;
  padding-top: 0.5rem; }
.app_listBlock_con2 ul li:nth-child(3n+1) {
  padding-left: 0rem;
  padding-right: 0.3125rem; }
.app_listBlock_con2 ul li:nth-child(3n) {
  padding-right: 0rem;
  padding-left: 0.3125rem; }
.app_listBlock_con2 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  padding-right: 0.3125rem; }
.app_listBlock_con2 ul li .img {
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
  box-shadow: 0rem 0rem 0.2343rem rgba(0, 0, 0, 0.15); }
.app_listBlock_con2 ul li .img img {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con2 ul li .name {
  padding-top: 0.1562rem;
  height: 1rem;
  line-height: 0.5rem;
  width: 100%;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  font-size: 0.3593rem; }

.app_listBlock_con4 {
  width: 100%; }
.app_listBlock_con4 ul {
  width: 108%;
  display: block;
  padding-bottom: 0.625rem;
  position: relative;
  margin-left: -4%; }
.app_listBlock_con4 ul li {
  width: 33.3%;
  display: block;
  height: 6.6rem;
  box-sizing: border-box;
  position: relative;
  float: left;
  padding-left: 0.0390rem;
  padding-right: 0.0390rem;
  padding-top: 0.5rem; }
.app_listBlock_con4 ul li:nth-child(3n+1) {
  padding-left: 0rem;
  padding-right: 0.0781rem; }
.app_listBlock_con4 ul li:nth-child(3n) {
  padding-right: 0rem;
  padding-left: 0.0781rem; }
.app_listBlock_con4 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  float: left; }
.app_listBlock_con4 ul li .img {
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
  box-shadow: 0rem 0rem 0.2343rem rgba(0, 0, 0, 0.15); }
.app_listBlock_con4 ul li .img img {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con4 ul li .name {
  padding-top: 0.1562rem;
  height: 1rem;
  line-height: 0.5rem;
  width: 100%;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  font-size: 0.3593rem; }

.app_listBlock_con3 {
  width: 100%; }
.app_listBlock_con3 ul {
  width: 100%;
  display: block;
  padding-bottom: 0.75rem; }
.app_listBlock_con3 ul.app_deletePadding {
  padding-bottom: 0.3125rem !important; }
.app_listBlock_con3 ul li {
  width: 100%;
  display: block;
  min-height: 4.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.375rem;
  padding-left: 2.0156rem;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #f1f1f1; }
.app_listBlock_con3 ul li.deleteLine {
  border-bottom: 0rem;
  height: 3.6406rem !important;
  padding-bottom: 0.7812rem !important; }
.app_listBlock_con3 ul li a {
  width: 100%;
  height: 2.9687rem;
  display: block; }
.app_listBlock_con3 ul li .leftImage {
  width: 2.3593rem;
  height: 3.5rem;
  background-color: #f1f1f1;
  box-shadow: 0rem 0rem 0.2343rem rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0rem;
  top: 0.5468rem; }
.app_listBlock_con3 ul li .leftImage img {
  width: 100%;
  height: 100%;
  display: block; }
.app_listBlock_con3 ul li .rightBlock {
  width: 100%;
  height: 100%;
  padding-left: 0.75rem;
  box-sizing: border-box; }
.app_listBlock_con3 ul li .rightBlock .rightBlock_title {
  width: 100%;
  font-size: 0.4687rem;
  display: block;
  color: #333;
  padding-bottom: 0.1562rem; }
.app_listBlock_con3 ul li .rightBlock .rightBlock_name {
  width: 100%;
  font-size: 0.3437rem;
  color: #999;
  display: block; }
.app_listBlock_con3 ul li .rightBlock .rightBlock_con {
  width: 100%;
  height: 1.25rem;
  padding-top: 0.4375rem;
  color: #595959;
  font-size: 0.3593rem;
  line-height: 0.625rem;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  position: relative; }
.app_listBlock_con3 ul li .rightBlock .keyWord {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
  font-size: 0rem;
  height: auto;
  line-height: 0.3437rem; }
.app_listBlock_con3 ul li .rightBlock .keyWord .k1 {
  color: #ef9fc2;
  font-size: 0.2187rem;
  padding: 0.0468rem 0.1562rem;
  border: 1px solid #ef9fc2;
  border-radius: 0.0312rem;
  margin-left: 0.0625rem;
  line-height: normal; }
.app_listBlock_con3 ul li .rightBlock .keyWord .k2 {
  color: #c98edc;
  font-size: 0.2187rem;
  padding: 0.0468rem 0.1562rem;
  border: 1px solid #c98edc;
  border-radius: 0.0312rem;
  margin-left: 0.0625rem;
  line-height: normal; }

.rightBlock_con2 {
  padding-top: 0.0781rem;
  position: relative; }
.rightBlock_con2 .con {
  width: 100%; }
.rightBlock_con2 .spanLi {
  width: 90%;
  display: block;
  font-size: 0.3281rem;
  color: #595959; }

.app_recommendBlock {
  width: 100%;
  margin-top: 0.2812rem;
  background-color: #fff; }
.app_recommendBlock a {
  display: block; }
.app_recommendBlock .img {
  width: 100%;
  font-size: 0rem;
  display: block; }
.app_recommendBlock .img img {
  width: 100%;
  display: block; }
.app_recommendBlock .title {
  width: 100%;
  box-sizing: border-box;
  padding: 0.2343rem 0.3125rem;
  padding-left: 1.4062rem;
  position: relative; }
.app_recommendBlock .title .tips {
  width: 1.0937rem;
  height: 0.3437rem;
  border-radius: 0.3125rem;
  background-color: #e7423d;
  text-align: center;
  line-height: 0.3437rem;
  padding: 0.125rem 0;
  font-size: 0.2812rem;
  color: #fff;
  position: absolute;
  left: 0.3125rem;
  top: 0.2343rem;
  display: block; }
.app_recommendBlock .title .content {
  width: 100%;
  font-size: 0.3906rem;
  padding-left: 0.1562rem;
  box-sizing: border-box;
  height: 0.5937rem;
  color: #595959;
  line-height: 0.5937rem; }

.app_hotBlock {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  margin-top: 0.2812rem;
  background-color: #fff; }

.app_hotBlock_lis {
  width: 100%;
  font-size: 0rem;
  padding-bottom: 0.625rem; }
.app_hotBlock_lis a {
  width: auto;
  padding: 0.1562rem 0.2812rem;
  border: 1px solid #ed5b56;
  border-radius: 0.4687rem;
  display: inline-block;
  font-size: 0.3593rem;
  margin-right: 0.25rem;
  margin-top: 0.3125rem;
  color: #ed5b56; }
.app_hotBlock_lis a:active {
  color: #fff;
  background-color: #ed5b56; }

.app_hotBlock_lis2 {
  width: 100%;
  font-size: 0rem;
  padding-bottom: 0.625rem; }
.app_hotBlock_lis2 a {
  width: auto;
  padding: 0.1562rem 0.2812rem;
  border: 1px solid #c9c9c9;
  border-radius: 0.4687rem;
  display: inline-block;
  font-size: 0.3593rem;
  margin-right: 0.25rem;
  margin-top: 0.3125rem;
  color: #595959; }
.app_hotBlock_lis2 a:active {
  background-color: #d62216;
  color: #fff !important; }
.app_hotBlock_lis2 a.hot {
  color: #e7423d; }

.app_downLoadBlock {
  width: 100%; }

.app_downLoadBlock_list {
  width: 100%;
  margin-top: 0.2812rem; }
.app_downLoadBlock_list ul {
  width: 100%;
  display: block;
  background-color: #fff; }
.app_downLoadBlock_list ul li {
  width: 100%;
  display: block;
  padding: 0.2343rem 0.3906rem;
  height: 1.875rem;
  box-sizing: border-box;
  padding-left: 1.4062rem;
  position: relative; }
.app_downLoadBlock_list ul li .ico {
  width: 1.3906rem;
  height: 1.3906rem;
  position: absolute;
  left: 0.3906rem;
  top: 0.25rem; }
.app_downLoadBlock_list ul li .ico img {
  width: 100%;
  height: 100%;
  display: block; }
.app_downLoadBlock_list ul li .leftBlock {
  width: 100%;
  height: 1.4062rem;
  padding-left: 0.625rem;
  box-sizing: border-box;
  padding-right: 2.7343rem; }
.app_downLoadBlock_list ul li .leftBlock span {
  width: 100%;
  display: block;
  color: #333; }
.app_downLoadBlock_list ul li .leftBlock span.h1 {
  color: #333;
  font-size: 0.4531rem;
  padding-bottom: 0.0781rem;
  padding-top: 0.11rem; }
.app_downLoadBlock_list ul li .leftBlock span.con {
  color: #595959;
  font-size: 0.3593rem; }
.app_downLoadBlock_list ul li .rightButton {
  width: 2.5rem;
  height: 1.0937rem;
  border-radius: 0.9375rem;
  background-color: #e7423d;
  position: absolute;
  right: 0.3906rem;
  top: 0.3593rem;
  text-align: center;
  line-height: 1.0937rem;
  font-size: 0.375rem;
  color: #fff; }

.app_downLoadApp {
  padding: 0.2656rem 0; }
.app_downLoadApp .app_downLoadAppButton {
  width: 100%;
  height: 0.8437rem;
  border: 1px solid #ee675e;
  border-radius: 1.5625rem;
  display: block;
  text-align: center;
  line-height: 0.8437rem;
  cursor: pointer; }
.app_downLoadApp .app_downLoadAppButton i {
  padding-left: 0.625rem;
  background: url("../images/iphone.png") no-repeat left center;
  font-size: 0.3906rem;
  background-size: 0.3593rem;
  display: inline-block;
  color: #ea4136;
  vertical-align: middle; }

.app_searchBlock {
  padding: 0.2812rem 0.3906rem;
  background-color: #fff;
  margin-top: 0.2812rem;
  box-sizing: border-box; }
.app_searchBlock .app_searchBlock_bar {
  width: 100%;
  height: 1.125rem;
  border: 1px solid #dbdbdb;
  border-radius: 0.9375rem;
  padding: 0 0 0 0.4687rem;
  box-sizing: border-box;
  position: relative; }
.app_searchBlock .app_searchBlock_bar input {
  width: 80%;
  height: 1.0rem;
  display: block;
  color: #999;
  background: none;
  font-size: 0.375rem;
  float: left;
  font-weight: normal; }
.app_searchBlock .app_searchBlock_bar input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }
.app_searchBlock .app_searchBlock_bar input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }
.app_searchBlock .app_searchBlock_bar input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }
.app_searchBlock .app_searchBlock_bar input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }
.app_searchBlock .app_searchBlock_bar .button {
  width: 0.7656rem;
  height: 0.8rem;
  background: url("../images/searchBar.png") no-repeat right center;
  background-size: 0.4375rem;
  outline: none;
  border: 0px;
  display: block;
  border-left: 1px solid #dbdbdb;
  position: absolute;
  right: 0.3593rem;
  top: 0.1406rem; }

.app_deleteLine {
  border-bottom: 0rem; }

.app_footerBlock {
  width: 100%;
  padding: 0.4375rem;
  box-sizing: border-box;
  background-color: #1c1a1a;
  box-sizing: border-box;
  position: relative;
  font-size: 0.3125rem;
  text-align: center;
  padding-bottom: 0.9rem; }
.app_footerBlock .contact {
  width: 2.2187rem;
  height: 0.5625rem;
  border: 1px solid #6b6a6a;
  display: block;
  border-radius: 0.1562rem;
  text-indent: 0.3125rem;
  background: url("../images/phone.png") no-repeat 0.1562rem center;
  background-size: 0.2812rem;
  font-size: 0.3125rem;
  color: #b6b6b6;
  line-height: 0.5625rem;
  cursor: pointer; }
.app_footerBlock .footerCon {
  padding-top: 0.2812rem;
  line-height: 0.73rem;
  color: #b6b6b6;
  text-align: left;
  display: block;
  font-size: 0.3125rem;
  width: 65%;
}
.app_footerBlock .code {
  width: 2.875rem;
  position: absolute;
  right: 0.3437rem;
  top: 1.5625rem;
  font-size: 0.3125rem;
  color: #b6b6b6; }
.app_footerBlock .code p {
  width: 100%;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.app_footerBlock .code img {
  width: 2.875rem;
  display: inline-block;
  border: 0.2343rem solid #fff;
  box-sizing: border-box; }

.app_header_detail {
  width: 100%;
  height: 1.25rem;
  background-color: #e7423d;
  padding-left: 0.4375rem;
  box-sizing: border-box;
  position: relative; }

.app_header_detail2 {
  width: 100%;
  height: 1.25rem;
  background-color: #fff;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #e0e0e0; }
.app_header_detail2 .app_header_h1 {
  color: #333;
  width: 100%; }
.app_header_detail2 .app_header_h1 .sharpIco {
  width: 0.5625rem;
  height: 0.4687rem;
  background: url("../images/xinIco.png") no-repeat 0 0;
  background-size: 0.5625rem;
  position: absolute;
  right: 0.3125rem;
  top: 0.4375rem; }
.app_header_detail2 .app_header_h1 .sharpIco:active {
  background: url("../images/xinIco2.png") no-repeat 0 0;
  background-size: 0.5625rem; }
.app_header_detail2 .app_header_h1 .sharpIco.active {
  background: url("../images/xinIco2.png") no-repeat 0 0;
  background-size: 0.5625rem; }
.app_header_detail2 .app_header_h1 .shujiaIco {
  width: 0.6718rem;
  height: 0.5937rem;
  background: url("../images/book_ico1.png") no-repeat 0 0;
  background-size: 0.6718rem;
  position: absolute;
  right: 1.7187rem;
  top: 0.375rem;
  cursor: pointer; }
.app_header_detail2 .app_header_h1 .moreIco {
  width: 0.5312rem;
  height: 0.5156rem;
  background: url("../images/bookMore_ico1.png") no-repeat 0 0;
  background-size: 0.5312rem;
  position: absolute;
  right: 0.4687rem;
  top: 0.4375rem;
  cursor: pointer; }
.app_header_detail2 .app_header_h1 .closeIco {
  width: 0.5312rem;
  height: 0.5156rem;
  background: url("../images/tp_close.png") no-repeat 0 0;
  background-size: 0.3906rem;
  position: absolute;
  right: 0.4687rem;
  top: 0.4375rem;
  cursor: pointer; }
.app_header_detail2 .app_header_back {
  width: 1.1rem;
  height: 100%;
  background: url("../images/leftRedJ.png") no-repeat center;
  background-size: 0.2187rem; }

.app_header_second {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0.625rem; }
.app_header_second ul {
  width: 100%; }
.app_header_second ul li {
  width: 25%;
  height: 2.1875rem;
  float: left;
  text-align: center;
  font-size: 0.3593rem;
  box-sizing: border-box; }
.app_header_second ul li a {
  padding-top: 1.7rem;
  width: 100%;
  display: inline-block; }
.app_header_second ul li.icon1 {
  background: url("../images/tp_1.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon2 {
  background: url("../images/tp_02.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon3 {
  background: url("../images/tp_03.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon4 {
  background: url("../images/tp_04.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon5 {
  background: url("../images/tp_05.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon6 {
  background: url("../images/tp_06.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon7 {
  background: url("../images/tp_07.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }
.app_header_second ul li.icon8 {
  background: url("../images/tp_08.png") no-repeat center 0.4687rem;
  background-size: 1.0937rem; }

.app_header_back {
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/header_back.png") no-repeat 0.3906rem center;
  background-size: 0.2031rem;
  position: absolute;
  left: 0px;
  top: 0px; }

.app_header_h1 {
  width: 100%;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.4375rem;
  color: #fff; }

.app_reload {
  width: 100%;
  height: 2.0312rem;
  line-height: 2.0312rem;
  text-align: center; }
.app_reload .reload {
  display: inline-block;
  padding: 0.625rem 0;
  padding-left: 0.9375rem;
  box-sizing: border-box;
  height: 2.0312rem;
  line-height: 0.7812rem;
  font-size: 0.3437rem;
  color: #6b6a6a;
  background: url("../images/loading-spin.svg") no-repeat left center;
  background-size: 0.625rem; }

.app_noData {
  width: 100%;
  height: 2.0312rem;
  line-height: 2.0312rem;
  text-align: center;
  display: block; }
.app_noData .noData {
  display: inline-block;
  padding: 0.625rem 0;
  padding-left: 0.9375rem;
  box-sizing: border-box;
  height: 1.98rem;
  line-height: 0.7812rem;
  font-size: 0.3437rem;
  color: #999;
  background: url("../images/noData.png") no-repeat left center;
  background-size: 0.625rem; }

.app_goBackToTop {
  width: 0.6875rem;
  height: 0.9843rem;
  background: url("../images/goBack.png") no-repeat;
  background-size: 0.6875rem;
  position: fixed;
  right: 0.625rem;
  bottom: 2.5rem;
  z-index: 99; }

.app_rankingList {
  width: 100%;
  padding: 0.1953rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_rankingList ul {
  width: 100%;
  display: block; }
.app_rankingList ul li {
  width: 50%;
  padding: 0.1953rem;
  box-sizing: border-box;
  float: left; }
.app_rankingList ul li a {
  width: 100%;
  display: block; }
.app_rankingList ul li a img {
  width: 100%; }

.add_rankingNewStyle {
  padding-top: 0.2343rem;
  margin-top: 0.2812rem; }

.app_categoryList {
  width: 100%; }
.app_categoryList ul {
  width: 100%;
  display: block;
  padding-bottom: 0.3906rem; }
.app_categoryList ul li {
  width: 33.3%;
  height: 1.5625rem;
  float: left;
  padding-right: 0.2343rem;
  box-sizing: border-box;
  margin-top: 0.3906rem; }
.app_categoryList ul li a {
  width: 100%;
  height: 100%;
  line-height: 1.5625rem;
  font-size: 0.4375rem;
  border: 1px solid #ebebeb;
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.4375rem; }
.app_categoryList ul li:nth-child(2n+1) {
  padding-right: 0.1171rem;
  padding-left: 0.1171rem; }
.app_categoryList ul li:nth-child(3n) {
  padding-left: 0.2343rem;
  padding-right: 0rem; }
.app_categoryList ul li:nth-child(1) {
  padding-left: 0rem;
  padding-right: 0.2343rem; }
.app_categoryList ul li:nth-child(2) {
  padding-right: 0.1171rem;
  padding-left: 0.1171rem; }

.app_goodBookList {
  width: 100%;
  display: block; }
.app_goodBookList ul {
  width: 100%;
  display: block;
  padding-top: 0.1562rem;
  padding-bottom: 0.4687rem; }
.app_goodBookList li {
  width: 25%;
  height: 0.8593rem;
  display: block;
  float: left;
  text-align: center;
  line-height: 0.8593rem;
  padding-right: 0.1562rem;
  padding-left: 0.1562rem;
  margin-top: 0.2343rem;
  box-sizing: border-box; }
.app_goodBookList li:nth-child(4n+1) {
  padding-right: 0.1562rem;
  padding-left: 0rem; }
.app_goodBookList li:nth-child(4n) {
  padding-left: 0.1562rem;
  padding-right: 0rem; }
.app_goodBookList li:nth-child(1) {
  padding-right: 0.1562rem;
  padding-left: 0rem; }
.app_goodBookList li:nth-child(4) {
  padding-left: 0.1562rem;
  padding-right: 0rem; }
.app_goodBookList li a {
  width: 100%;
  padding: 0.1562rem 0;
  height: 0.5468rem;
  line-height: 0.5468rem;
  display: block;
  border-radius: 0.9375rem;
  color: #fff;
  text-decoration: none;
  font-size: 0.3593rem; }
.app_goodBookList li a.color1 {
  background-color: #f89a87; }
.app_goodBookList li a.color2 {
  background-color: #e673a3; }
.app_goodBookList li a.color3 {
  background-color: #f2b579; }
.app_goodBookList li a.color4 {
  background-color: #c1d88f; }
.app_goodBookList li a.color5 {
  background-color: #6cc3a0; }
.app_goodBookList li a.color6 {
  background-color: #67b7e5; }
.app_goodBookList li a.color7 {
  background-color: #748cda; }
.app_goodBookList li a.color8 {
  background-color: #c0afd0; }

.app_manageBar {
  width: 100%;
  height: 1.1718rem;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_manageBar .app_manageBar_left {
  float: left;
  height: 1.1718rem;
  font-size: 0.4062rem;
  line-height: 1.1718rem;
  color: #333; }
.app_manageBar .app_manageBar_rightButton {
  width: 1.2812rem;
  height: 0.6875rem;
  border-radius: 0.125rem;
  border: 1px solid #e7423d;
  box-sizing: border-box;
  text-align: center;
  line-height: 0.6875rem;
  float: right;
  font-size: 0.3437rem;
  color: #e7423d;
  margin-top: 0.2343rem; }

.rightBlock_page {
  width: 100%;
  padding-right: 1.0937rem;
  box-sizing: border-box;
  position: relative;
  padding-top: 0.25rem; }
.rightBlock_page .rightBlock_pageLi {
  width: 100%;
  font-size: 0.3437rem;
  color: #595959;
  padding: 0.125rem 0 0 0; }
.rightBlock_page .rightTime {
  position: absolute;
  bottom: 0.0781rem;
  right: 0rem;
  font-size: 0.3437rem;
  color: #999;
  white-space: nowrap; }
.rightBlock_page .delete {
  position: absolute;
  bottom: 0.625rem;
  right: 0rem;
  width: 0.4375rem;
  height: 0.4375rem;
  background: url("../images/deleteBtn.png") no-repeat center;
  background-size: 0.4375rem;
  display: none; }

.rightBlock_page2 {
  width: 100%;
  padding-right: 1.0937rem;
  box-sizing: border-box;
  position: relative;
  padding-top: 0rem; }
.rightBlock_page2 .rightBlock_pageLi {
  width: 100%;
  font-size: 0.3125rem;
  color: #595959;
  padding: 0.0781rem 0; }

.app_newStyle2 {
  padding-top: 0.1562rem; }

.app_catalog_nav {
  width: 100%;
  height: 1.5625rem;
  border-bottom: 1px solid #f1f1f1;
  box-sizing: border-box;
  background-color: #fff;
  position: relative; }

.app_selectPlugIn {
  width: 2.6562rem;
  height: 0.7187rem;
  border: 1px solid #999999;
  text-align: center;
  padding-right: 0.625rem;
  box-sizing: border-box;
  font-size: 0.3281rem;
  background: url("../images/downJt.png") no-repeat 92% center;
  background-size: 0.2812rem;
  border-radius: 0.1562rem;
  color: #333;
  position: absolute;
  left: 0.3906rem;
  top: 0.4062rem; }
.app_selectPlugIn input {
  width: 100%;
  height: 0.6875rem;
  display: block;
  background: none;
  text-align: center;
  color: #333;
  line-height: 0.6875rem;
  font-size: 0.3281rem; }
.app_selectPlugIn input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333; }
.app_selectPlugIn input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333; }
.app_selectPlugIn input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333; }
.app_selectPlugIn input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333; }

.app_catalog_nav_more {
  width: 1.0312rem;
  height: 0.7031rem;
  line-height: 0.7031rem;
  background: url("../images/moreJt.png") no-repeat left center;
  position: absolute;
  background-size: 0.4062rem;
  right: 0.3906rem;
  top: 0.3906rem;
  padding-left: 0.3125rem;
  text-align: right;
  font-size: 0.4062rem; }

.app_catalogList {
  width: 100%;
  height: auto;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_catalogList ul {
  width: 100%;
  display: block; }
.app_catalogList ul li {
  width: 100%;
  height: 1.5312rem;
  display: block;
  border-bottom: 1px solid #ebebeb;
  line-height: 1.5312rem; }
.app_catalogList ul li:active {
  background-color: #fff6f5; }
.app_catalogList ul li:active a .content {
  color: #ea4136; }
.app_catalogList ul li.active {
  background-color: #fff6f5; }
.app_catalogList ul li.active a .content {
  color: #ea4136;
  padding-left: 0.3125rem; }
.app_catalogList ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding-right: 1.0937rem;
  box-sizing: border-box; }
.app_catalogList ul li .content {
  width: 100%;
  text-align: left;
  font-size: 0.3906rem;
  display: block;
  height: 1.5312rem;
  padding-left: 0.3125rem;
  box-sizing: border-box; }
.app_catalogList ul li .tips {
  width: 0.7812rem;
  font-size: 0.3437rem;
  color: #999;
  line-height: 1.5312rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  text-align: right;
  padding-right: 0.3125rem; }
.app_catalogList ul li .money {
  width: 1.0937rem;
  height: 1.5312rem;
  background: url("../images/moneyIco.png") no-repeat center;
  background-size: 0.4218rem;
  position: absolute;
  right: 0rem;
  top: 0rem; }

.app_catalogList2 {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #fff; }
.app_catalogList2 ul {
  width: 100%;
  display: block; }
.app_catalogList2 ul li {
  width: 100%;
  height: 1.5312rem;
  display: block;
  border-bottom: 1px solid #ebebeb;
  line-height: 1.5312rem; }
.app_catalogList2 ul li:active {
  background-color: #fff6f5; }
.app_catalogList2 ul li:active a .content {
  color: #ea4136; }
.app_catalogList2 ul li:last-child {
  border-bottom: none; }
.app_catalogList2 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding-right: 2.4218rem;
  box-sizing: border-box; }
.app_catalogList2 ul li .content {
  width: 100%;
  text-align: left;
  font-size: 0.4062rem;
  display: block;
  height: 1.5312rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app_catalogList2 ul li .time {
  width: 2.4218rem;
  font-size: 0.3437rem;
  color: #999;
  line-height: 1.375rem;
  position: absolute;
  padding-top: 0.1093rem;
  right: 0rem;
  top: 0rem;
  text-align: right;
  padding-right: 0.3125rem;
  box-sizing: border-box;
  background: url("../images/timeJt.png") no-repeat right 55%;
  background-size: 0.2343rem; }

.app_catalogList3 {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3125rem 0; }
.app_catalogList3 ul {
  width: 100%;
  display: block; }
.app_catalogList3 ul li {
  width: 100%;
  height: 1.0312rem;
  display: block;
  line-height: 1.0312rem; }
.app_catalogList3 ul li:active {
  background-color: #fff6f5; }
.app_catalogList3 ul li:active a .content {
  color: #ea4136; }
.app_catalogList3 ul li:last-child {
  border-bottom: none; }
.app_catalogList3 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-sizing: border-box; }
.app_catalogList3 ul li .content {
  width: 100%;
  text-align: left;
  font-size: 0.4062rem;
  display: block;
  height: 1.0312rem; }
.app_catalogList3 ul li .vip {
  width: 0.4843rem;
  height: 0.4843rem;
  background: url("../images/vipIco.png") no-repeat center;
  background-size: 0.4843rem;
  display: inline-block;
  margin-right: 0.2343rem;
  position: relative;
  top: 0.0781rem; }

.rightBlock_success {
  width: 2.25rem;
  height: 1.7812rem;
  background: url("../images/sucess_ico.png") no-repeat center;
  background-size: 2.25rem;
  position: absolute;
  right: 4.7%;
  bottom: 28%;
  z-index: 2; }

.rightBlock_success2 {
  width: 2.25rem;
  height: 1.7812rem;
  background: url("../images/sucess_ico2.png") no-repeat center;
  background-size: 2.25rem;
  position: absolute;
  right: 4.7%;
  bottom: 28%;
  z-index: 2; }

.rightBlock_success3 {
  width: 2.25rem;
  height: 1.7812rem;
  background: url("../images/sucess_ico3.png") no-repeat center;
  background-size: 2.25rem;
  position: absolute;
  right: 4.7%;
  bottom: 28%;
  z-index: 2; }

.rightBlock_successFont {
  width: 45%;
  height: 1rem;
  background-color: #eeeeee;
  border-radius: 0.0937rem;
  position: absolute;
  right: 0;
  bottom: -3%;
  font-size: 0.375rem;
  white-space: nowrap;
  z-index: 0;
  text-align: center;
  line-height: 1rem;
  cursor: pointer; }

.app_detailNotice {
  width: 108%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  padding-left: 1.2187rem;
  background: url("../images/noticeIco.png") no-repeat 0.4375rem 0.2656rem;
  background-size: 0.5781rem;
  color: #333;
  font-size: 0.4rem;
  box-sizing: border-box;
  position: relative;
  margin-left: -4%;
  border-top: 1px solid #ebebeb; }

.app_conButton {
  width: 100%;
  height: 1.0156rem;
  padding-bottom: 0.375rem; }
.app_conButton ul {
  width: 100%; }
.app_conButton li {
  width: 33.3%;
  height: 0.9375rem;
  float: left;
  padding-right: 0.125rem;
  padding-left: 0.125rem;
  box-sizing: border-box; }
.app_conButton li span {
  width: 100%;
  height: 0.9375rem;
  display: block;
  text-align: center;
  font-size: 0.3906rem;
  color: #e7423d;
  border: 1px solid #ea4136;
  box-sizing: border-box;
  border-radius: 0.1562rem;
  line-height: 0.9375rem; }
.app_conButton li.active span {
  background-color: #ea4136;
  color: #fff; }
.app_conButton li:active span {
  background-color: #d62216;
  color: #fff; }
.app_conButton li:first-child {
  padding-right: 0.125rem;
  padding-left: 0rem; }
.app_conButton li:last-child {
  padding-right: 0rem;
  padding-left: 0.125rem; }
.app_conButton li span.noClick {
  background-color: #eee;
  border: 1px solid  #eeeeee;
  color: #999; }
.app_conButton li span.noClick:active {
  background-color: #eee;
  border: 1px solid  #eeeeee;
  color: #999; }

.app_briefIntroduction {
  width: 100%;
  background-color: #fff;
  margin-top: 0.2812rem;
  padding: 0 0.3906rem;
  box-sizing: border-box; }
.app_briefIntroduction .app_title {
  width: 100%;
  height: 1.4062rem;
  line-height: 1.4062rem;
  border-bottom: 1px solid #efefef;
  font-size: 0.4687rem;
  padding-left: 0.7187rem;
  background: url("../images/title_3.png") no-repeat left center;
  background-size: 0.5rem;
  box-sizing: border-box; }
.app_briefIntroduction .app_cons {
  width: 100%;
  font-size: 0.375rem;
  padding-bottom: 0.1562rem; }
.app_briefIntroduction .app_cons .lis {
  width: 100%;
  position: relative;
  line-height: 0.625rem;
  margin-bottom: 0.3125rem;
  padding-top: 0.2343rem;
  color: #595959;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -o-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden; }
.app_briefIntroduction .app_cons .line {

  border-bottom: 1px solid #ebebeb;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;

}
.app_briefIntroduction .app_cons i.h1 {
  padding: 0.125rem 0.3125rem;
  background-color: #ea4136;
  font-size: 0.3437rem;
  line-height: 0.3437rem;
  color: #fff;
  border-radius: 0.9375rem;
  display: inline-block;
  margin-right: 0.0781rem;
  display: inline-block; }

.app_catalogBlock {
  width: 100%;
  background-color: #fff;
  margin-top: 0.2812rem;
  padding: 0 0.3906rem;
  box-sizing: border-box; }
.app_catalogBlock .app_title {
  width: 100%;
  height: 1.4062rem;
  line-height: 1.4062rem;
  border-bottom: 1px solid #efefef;
  font-size: 0.4687rem;
  padding-left: 0.7187rem;
  background: url("../images/title_3.png") no-repeat left center;
  background-size: 0.5rem;
  box-sizing: border-box; }
.app_catalogBlock .app_title i {
  font-size: 0.4062rem;
  color: #999; }

.app_comment {
  width: 100%;
  background-color: #fff;
  margin-top: 0.2812rem;
  padding: 0 0.3906rem;
  box-sizing: border-box; }
.app_comment .app_title {
  width: 100%;
  height: 1.4062rem;
  line-height: 1.4062rem;
  border-bottom: 1px solid #efefef;
  font-size: 0.4687rem;
  padding-left: 0.7187rem;
  background: url("../images/title_3.png") no-repeat left center;
  background-size: 0.5rem;
  box-sizing: border-box; }
.app_comment .app_title i {
  font-size: 0.4062rem;
  color: #999; }

.app_edit {
  font-size: 0.4062rem;
  color: #999;
  line-height: 1.4062rem;
  background-size: 0.3593rem;
  float: right;
  display: inline-block; }

.app_comment_list {
  width: 100%; }
.app_comment_list ul {
  width: 100%;
  display: block; }
.app_comment_list ul li {
  width: 100%;
  display: block;
  padding: 0.4687rem 0 0.4687rem 0.9843rem;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb; }
.app_comment_list ul li:last-child {
  border-bottom: 0rem; }
.app_comment_list ul li .userHeader {
  width: 0.9843rem;
  height: 0.9843rem;
  display: block;
  background-color: #e5e5e5;
  border-radius: 0.9843rem;
  position: absolute;
  top: 0.4687rem;
  left: 0rem;
  overflow: hidden; }
.app_comment_list ul li .userHeader img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: block; }
.app_comment_list ul li .contentList {
  width: 100%;
  padding-left: 0.3125rem;
  box-sizing: border-box; }
.app_comment_list ul li .contentList .userName {
  width: 100%;
  height: 0.9843rem;
  font-size: 0.4375rem;
  color: #333;
  line-height: 0.9843rem; }
.app_comment_list ul li .contentList .userName o {
  color: #ea4136;
  position: relative; }
.app_comment_list ul li .contentList .userName em {
  font-weight: normal;
  font-style: normal;
  margin-left: 0.2rem; }
.app_comment_list ul li .contentList .userName .userWidth {
  width: 100%; }
.app_comment_list ul li .contentList .userName .aw_1 {
  height: 0.9843rem;
  background-size: 0.875rem;
  color: #333;
  font-size: 0.4218rem;
  margin-left: 0.2343rem;
  line-height: 0.7812rem;
  position: relative;
  top: 0.05rem; }
.app_comment_list ul li .contentList .userContent {
  width: 100%;
  padding: 0.1562rem 0 0.3906rem 0;
  font-size: 0.4062rem;
  line-height: 0.6875rem;
  color: #595959; }
.app_comment_list ul li .bottom {
  width: 100%;
  font-size: 0.3437rem;
  padding-left: 0.3125rem;
  box-sizing: border-box;
  color: #999; }
.app_comment_list ul li .bottom .time {
  float: left; }
.app_comment_list ul li .bottom .commentNum {
  float: right;
  padding-left: 0.5156rem;
  height: 0.4375rem;
  background: url("../images/commentIco.png") no-repeat left center;
  background-size: 0.4687rem;
  text-align: right;
  line-height: 0.4375rem; }

.app_userComment {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }

.app_comment_textarea {
  width: 100%;
  height: 2.1rem;
  padding: 0.2343rem;
  padding-bottom: 0.5468rem;
  box-sizing: border-box;
  color: #999;
  font-size: 0.375rem;
  border-radius: 0.125rem;
  display: block;
  outline: none;
  -webkit-appearance: none;
  border: 0px;
  resize: none; }
.app_comment_textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }
.app_comment_textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }
.app_comment_textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }
.app_comment_textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }

.textareaStyle {
  width: 100%;
  height: 2.8125rem;
  border: 1px solid #ebebeb;
  position: relative; }

.app_comment_button {
  width: 100%;
  height: 1.1718rem;
  line-height: 1.1718rem;
  text-align: center;
  font-size: 0.4218rem;
  color: #fff;
  background-color: #ea4136;
  border-radius: 0.9375rem;
  display: block;
  margin-top: 0.5468rem; }
.app_comment_button:active {
  background-color: #d62216; }

.app_comment_more {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  text-align: center;
  border-top: 1px solid #ebebeb; }
.app_comment_more a {
  padding-right: 0.2812rem;
  background: url("../images/timeJt.png") no-repeat right center;
  background-size: 0.2343rem;
  font-size: 0.375rem;
  color: #999;
  text-decoration: none; }

.app_special_detail {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_special_detail .app_special_images {
  width: 100%;
  display: block; }
.app_special_detail .app_special_images img {
  width: 100%;
  display: block; }
.app_special_detail .app_special_name {
  width: 100%;
  height: 0.625rem;
  line-height: 0.625rem;
  font-size: 0.4062rem;
  color: #333;
  text-align: left;
  padding-top: 0.3125rem; }
.app_special_detail .app_special_detailCon {
  width: 100%;
  font-size: 0.3437rem;
  color: #595959;
  line-height: 0.5rem;
  padding-top: 0.3125rem; }

.app_specialBlock {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box; }
.app_specialBlock ul {
  width: 100%;
  display: block; }
.app_specialBlock ul li {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 0.1562rem;
  box-shadow: 0.0312rem 0.0312rem 0.1562rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 0.4687rem; }
.app_specialBlock ul li:last-child {
  margin-bottom: 0rem; }
.app_specialBlock ul li a {
  width: 100%;
  display: block; }
.app_specialBlock ul li .images {
  width: 100%; }
.app_specialBlock ul li .images img {
  width: 100%; }
.app_specialBlock ul li .name {
  width: 100%;
  padding-right: 2.0312rem;
  box-sizing: border-box;
  display: block;
  height: 0.7812rem;
  line-height: 0.7812rem;
  color: #333;
  font-size: 0.4062rem;
  padding-left: 0.3125rem;
  text-align: left;
  position: relative; }
.app_specialBlock ul li .name .time {
  width: 1.875rem;
  height: 0.7812rem;
  position: absolute;
  right: 0.3125rem;
  top: 0rem;
  text-align: right;
  font-size: 0.3125rem;
  color: #999; }
.app_specialBlock ul li .content {
  width: 100%;
  height: auto;
  display: block;
  font-size: 0.3437rem;
  line-height: 0.5rem;
  padding: 0 0.3125rem;
  box-sizing: border-box;
  padding-bottom: 0.3906rem;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -o-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden; }

.app_openReadBlock {
  width: 100%;
  margin-top: 0.3125rem; }

.app_openReadBlock_banner {
  width: 100%;
  background-color: #fff;
  padding: 0 0.3906rem;
  padding-top: 0.3906rem;
  box-sizing: border-box; }
.app_openReadBlock_banner img {
  width: 100%;
  display: block; }

.app_openReadBlock_li {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  padding-bottom: 0.4687rem;
  margin-top: 0.2812rem; }
.app_openReadBlock_li .app_openReadBlock_liTitle {
  width: 100%;
  height: 1.4062rem;
  border-bottom: 1px solid #ebebeb;
  font-size: 0.4218rem;
  line-height: 1.4062rem;
  padding-left: 0.7031rem;
  background: url("../images/leftMoneyIco.png") no-repeat left;
  background-size: 0.4375rem;
  box-sizing: border-box; }
.app_openReadBlock_li .app_openReadBlock_select {
  width: 100%; }
.app_openReadBlock_li .app_openReadBlock_select ul {
  width: 100%;
  display: block; }
.app_openReadBlock_li .app_openReadBlock_select ul li {
  width: 50%;
  float: left;
  display: block;
  padding-right: 0.1562rem;
  box-sizing: border-box;
  padding-top: 0.3906rem; }
.app_openReadBlock_li .app_openReadBlock_select ul li:nth-child(2n) {
  padding-left: 0.1562rem;
  padding-right: 0rem; }
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock {
  position:relative;
  width: 100%;
  box-sizing: border-box;
  height: 2.2656rem;
  border: 1px solid #ef6c63;
  color: #ea4136;
  /*overflow: hidden;*/}
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock .top {
  width: 100%;
  height: 1.4031rem;
  border-bottom: 0.0312rem dashed #ef6c63;
  text-align: center;
  line-height: 1.4531rem;
  font-size: 0.4687rem;
  background-color: #fff6f5; }
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock .top .number {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.4687rem;
  overflow: hidden; }
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock .top .number i {
  width: 100%;
  display: inline-block;
  font-size: 0.3437rem; }
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock .top .number i:first-child {
  font-size: 0.4375rem; }
.app_openReadBlock_li .app_openReadBlock_select ul li .app_borderBlock .bottom {
  width: 100%;
  height: 0.7812rem;
  font-size: 0.3437rem;
  text-align: center;
  line-height: 0.7812rem;
  color: #ef6c63; }
.app_openReadBlock_li .app_openReadBlock_select ul li.active .top {
  background-color: #f66e64;
  color: #fff; }
.app_openReadBlock_li .app_openReadBlock_select ul li.active .bottom {
  background-color: #fff6f5; }
.app_openReadBlock_li .app_openReadBlock_button {
  width: 100%;
  height: 1.2187rem;
  border-radius: 0.9375rem;
  background-color: #ea4136;
  color: #fff;
  text-align: center;
  line-height: 1.2187rem;
  font-size: 0.4531rem;
  margin: 0.625rem 0 0rem 0;
  display: block; }
.app_openReadBlock_li .app_openReadBlock_button:active {
  background-color: #d62216; }

.app_kefuHeader {
  width: 100%;
  padding-top: 0.1562rem; }
.app_kefuHeader span.header {
  width: 4.1406rem;
  height: 4.1406rem;
  border-radius: 4.1406rem;
  border: 1px solid #efefef;
  margin: 0 auto;
  font-size: 0rem;
  display: block; }
.app_kefuHeader span.header img {
  width: 4.1406rem;
  height: 4.1406rem;
  /*border-radius: 4.1406rem;*/
  display: inline-block; }

.app_friendTips {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 0.2812rem; }
.app_friendTips .tips {
  width: 100%;
  display: block;
  font-size: 0.4218rem; }
.app_friendTips .cons {
  padding-top: 0.1562rem;
  width: 100%;
  display: block;
  line-height: 0.6562rem;
  color: #595959;
  font-size: 0.375rem; }
.app_friendTips .cons a {
  color: #448aca;
  text-decoration: none; }

.app_rechargeRecord {
  width: 100%; }
.app_rechargeRecord .app_rechargeRecord_nav {
  width: 100%;
  height: 1.125rem;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 0 0.7031rem;
  box-sizing: border-box; }
.app_rechargeRecord .app_rechargeRecord_nav a {
  width: 50%;
  display: block;
  float: left;
  text-align: center;
  line-height: 1.0937rem;
  height: 1.0937rem;
  font-size: 0.4218rem; }
.app_rechargeRecord .app_rechargeRecord_nav a.active i {
  display: inline-block;
  padding: 0 0.1562rem;
  height: 1.0937rem;
  line-height: 1.0937rem;
  border-bottom: 0.0625rem solid #ea4037;
  box-sizing: border-box;
  color: #ea4136; }
.app_rechargeRecord .app_rechargeRecord_nav a:active i, .app_rechargeRecord .app_rechargeRecord_nav a:hover i {
  display: inline-block;
  padding: 0 0.1562rem;
  height: 1.0937rem;
  line-height: 1.0937rem;
  border-bottom: 0.0625rem solid #ea4037;
  box-sizing: border-box;
  color: #ea4136; }
.app_rechargeRecord .app_rechargeRecord_list {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box; }
.app_rechargeRecord .app_rechargeRecord_list ul {
  width: 100%;
  display: block; }
.app_rechargeRecord .app_rechargeRecord_list ul li {
  width: 100%;
  height: 2.1875rem;
  background-color: #fff;
  border-radius: 0.1562rem;
  box-shadow: 0.0156rem 0.0156rem 0.1562rem rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 2.3437rem;
  box-sizing: border-box;
  margin-bottom: 0.3906rem;
  position: relative; }
.app_rechargeRecord .app_rechargeRecord_list ul li .leftBlock {
  width: 2.3437rem;
  height: 2.1875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  padding: 0.2812rem;
  box-sizing: border-box;
  padding-top: 0.4687rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .leftBlock img {
  width: 100%;
  display: inline-block; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock {
  width: 100%;
  height: 2.1875rem;
  padding-right: 0.7031rem;
  box-sizing: border-box;
  background: url("../images/timeJt.png") no-repeat 95% center;
  background-size: 0.2343rem;
  padding-top: 0.38rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis {
  width: 100%;
  display: block;
  padding-top: 0.11rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis .left1 {
  float: left;
  color: #333;
  font-size: 0.4375rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis .right1 {
  float: right;
  color: #333;
  font-size: 0.2375rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis .left2 {
  float: left;
  color: #999;
  font-size: 0.3437rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .rightBlock .lis .right2 {
  float: right;
  color: #999;
  padding-top: 0.0312rem;
  font-size: 0.3437rem; }
.app_rechargeRecord .app_rechargeRecord_list ul li .noJianTou {
  background: none !important; }
.app_rechargeRecord .app_rechargeRecord_list ul li .money {
  position: absolute;
  right: 0.3rem;
  top: 36%;
  font-size: 0.4375rem; }

.app_subscribeBlock {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_subscribeBlock .app_subscribeBlock_div {
  width: 100%;
  height: 1.8125rem;
  border-radius: 0.125rem;
  background-color: #fff6f5;
  padding-right: 2.0312rem;
  position: relative;
  box-sizing: border-box; }
.app_subscribeBlock .app_subscribeBlock_left {
  width: 98%;
  height: 1.8125rem;
  font-size: 0.3593rem;
  padding: 0.25rem;
  padding-right: 0rem;
  box-sizing: border-box;
  line-height: 0.6562rem;
  color: #ea4136; }
.app_subscribeBlock .app_subscribeBlock_kaiTong {
  width: 2.0312rem;
  height: 1.8125rem;
  line-height: 1.8125rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  text-align: left; }
.app_subscribeBlock .app_subscribeBlock_kaiTong span.button {
  background-color: #ea4136;
  width: 92%;
  height: 0.3906rem;
  vertical-align: middle;
  border-radius: 0.9375rem;
  text-align: center;
  line-height: 0.3906rem;
  color: #fff;
  font-size: 0.3437rem;
  display: inline-block;
  padding: 0.1562rem 0; }

.app_subscribeBlock_zhang {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  margin-top: 0.2812rem;
  background-color: #fff; }

.app_subscribeBlock_lis {
  width: 100%;
  height: 2.9062rem;
  border-radius: 0.1562rem;
  background-color: #fff;
  box-shadow: 0.0156rem 0.0156rem 0.1562rem rgba(0, 0, 0, 0.1);
  padding: 0 0.2812rem;
  box-sizing: border-box; }
.app_subscribeBlock_lis .title {
  width: 100%;
  height: 1.25rem;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  line-height: 1.25rem;
  font-size: 0.4687rem; }
.app_subscribeBlock_lis .content {
  width: 100%;
  padding: 0.1562rem 0; }
.app_subscribeBlock_lis .content span {
  width: 100%;
  height: 0.6562rem;
  line-height: 0.6562rem;
  color: #595959;
  font-size: 0.4062rem; }
.app_subscribeBlock_lis .content span .stars {
  width: 0.4375rem;
  height: 0.4218rem;
  background: url("../images/stars_ico1.png") no-repeat;
  background-size: 0.4375rem;
  display: inline-block;
  position: relative;
  top: 0.06rem;
  margin-right: 0.125rem; }
.app_subscribeBlock_lis .content span.money {
  color: #ea4136; }

.app_subscribeBlock_balance {
  width: 100%;
  font-size: 0.3437rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  color: #ea4136; }

.app_subscribeBlock_balance_btn {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  font-size: 0.4531rem;
  text-align: center;
  background-color: #ea4136;
  border-radius: 0.9375rem;
  color: #fff; }
.app_subscribeBlock_balance_btn:active {
  background-color: #d62216; }

.app_subscribeBlock_span {
  width: 100%;
  padding: 0.4687rem 0.3906rem;
  padding-left: 0.9375rem;
  background-color: #fff;
  box-sizing: border-box;
  background: url("../images/goodIco_1.png") no-repeat 0.3906rem center;
  background-size: 0.45rem;
  font-size: 0.4218rem;
  background-color: #fff;
  margin-top: 0.2812rem; }

.app_subscribeBlock_spanActive {
  background: url("../images/goodIco.png") no-repeat 0.3906rem center;
  background-color: #fff;
  background-size: 0.45rem; }

.yuanBan1 {
  width: 0.2343rem;
  height: 0.4687rem;
  background: url("../images/yuan1.png") no-repeat left center;
  position: absolute;
  left: 0rem;
  top: 1.9375rem;
  background-size: 0.2343rem;
  z-index: 3; }

.yuanBan2 {
  width: 0.2343rem;
  height: 0.4687rem;
  background: url("../images/yuan2.png") no-repeat left center;
  position: absolute;
  right: 0rem;
  top: 1.9375rem;
  background-size: 0.2343rem;
  z-index: 3; }

.app_rechargeRecord .app_rechargeRecord_list ul li.app_header_liHeight {
  width: 100%; }

.app_rechargeRecord .app_rechargeRecord_list ul.app_listHeight {
  width: 100%;
  min-height: 2.8125rem; }

.app_rechargeRecord .app_borderBlock2 {
  height: auto;
  background-color: #fff;
  border-radius: 0.1562rem;
  box-shadow: 0.0156rem 0.0156rem 0.1562rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box; }

.app_rechargeRecord .app_rechargeRecord_list ul li.app_header_liHeight {
  width: 100%;
  position: relative;
  box-shadow: none;
  border-bottom: 0.0312rem dashed #ebebeb; }

.app_contentSpan {
  padding: 0.4687rem 0.3125rem 0.4687rem 0.3125rem;
  font-size: 0.4375rem;
  line-height: 0.75rem;
  color: #999;
  line-height: 0.7812rem; }
.app_contentSpan i {
  color: #333;
  display: inline-block;
  padding-left: 0.1562rem; }
.app_contentSpan i.red {
  color: #ea4136; }
.app_contentSpan .tips {
  width: 100%;
  color: #595959;
  line-height: 1rem;
  font-size: 0.375rem;
  position: relative; }
.app_contentSpan .contact1 {
  position: relative;
  background: url("../images/phone2.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }
.app_contentSpan .contact2 {
  position: relative;
  background: url("../images/phone3.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }
.app_contentSpan .contact3 {
  position: relative;
  background: url("../images/phone4.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }
.app_contentSpan .contact1_y {
  position: relative;
  background: url("../images/phone2_y.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }
.app_contentSpan .contact2_y {
  position: relative;
  background: url("../images/phone3_y.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }
.app_contentSpan .contact3_y {
  position: relative;
  background: url("../images/phone4_y.png") no-repeat 0 0;
  width: 2.2343rem;
  height: 0.5781rem;
  background-size: 2.2343rem;
  top: 0.21rem;
  float: right; }

.app_bindPhoneBlock {
  width: 100%;
  padding: 0 0.8281rem;
  box-sizing: border-box;
  background-color: #fff; }
.app_bindPhoneBlock .app_bindPhoneBlock_header {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5468rem 0 1.0156rem 0;
  text-align: center; }
.app_bindPhoneBlock .app_header {
  width: 2.0312rem;
  height: 2.0312rem;
  background-color: #f5f5f5;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  border-radius: 2.0312rem; }
.app_bindPhoneBlock .app_header img {
  width: 2rem;
  height: 2rem;
  display: block; }

.app_wanJiPassWord {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }

.app_lisBlockSpan {
  width: 100%; }
.app_lisBlockSpan ul {
  width: 100%;
  display: block; }
.app_lisBlockSpan ul li {
  width: 100%;
  height: 1.375rem;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 0.7812rem;
  box-sizing: border-box;
  padding-right: 0.4687rem;
  position: relative; }
.app_lisBlockSpan ul li input {
  width: 100%;
  height: 1.3437rem;
  line-height: 0.3906rem;
  padding: 0.3rem 0 ;
  box-sizing: border-box;
  font-size: 0.3906rem;
  color: #595959;
}
.app_lisBlockSpan ul li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }
.app_lisBlockSpan ul li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }
.app_lisBlockSpan ul li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }
.app_lisBlockSpan ul li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }
.app_lisBlockSpan ul li .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 0rem;
  top: 0rem; }
.app_lisBlockSpan ul li .wrong {
  background: url("../images/wrongIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan ul li .true {
  background: url("../images/trueIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan ul li.username {
  background: url("../images/userIco.png") no-repeat left center;
  background-size: 0.4843rem; }
.app_lisBlockSpan ul li.phone {
  background: url("../images/iphoneIco.png") no-repeat left center;
  background-size: 0.3281rem; }
.app_lisBlockSpan ul li.code {
  background: url("../images/lockIco.png") no-repeat left center;
  background-size: 0.4531rem;
  position: relative;
  padding-right: 2.9687rem; }
.app_lisBlockSpan ul li.code .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 2.5rem;
  top: 0rem; }
.app_lisBlockSpan ul li.code .codeBtn {
  width: 2.3437rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  background-color: #f8f8f8;
  border-radius: 0.9375rem;
  border: 1px solid #d2d2d2;
  color: #333;
  display: block;
  font-size: 0.3437rem;
  position: absolute;
  right: 0rem;
  top: 46%;
  margin-top: -0.429rem;
  display: block; }
.app_lisBlockSpan ul li.code .noClick {
  color: #fff;
  background-color: #959595;
  border-color: #959595; }
.app_lisBlockSpan ul li.password {
  background: url("../images/passIco.png") no-repeat 0.0937rem center;
  background-size: 0.2656rem; }

.app_lisBlockSpan2 {
  width: 100%; }
.app_lisBlockSpan2 ul {
  width: 100%;
  display: block; }
.app_lisBlockSpan2 ul li {
  width: 100%;
  height: 1.375rem;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative; }
.app_lisBlockSpan2 ul li input {
  width: 100%;
  height: 1.3437rem;
  line-height: 1.3437rem;
  font-size: 0.3906rem;
  color: #595959; }
.app_lisBlockSpan2 ul li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }
.app_lisBlockSpan2 ul li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }
.app_lisBlockSpan2 ul li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }
.app_lisBlockSpan2 ul li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }
.app_lisBlockSpan2 ul li .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 0rem;
  top: 0rem; }
.app_lisBlockSpan2 ul li .wrong {
  background: url("../images/wrongIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan2 ul li .true {
  background: url("../images/trueIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan2 ul li.code {
  background: url("../images/lockIco.png") no-repeat left center;
  background-size: 0.4531rem;
  position: relative;
  padding-right: 2.9687rem; }
.app_lisBlockSpan2 ul li.code .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 2.6562rem;
  top: 0rem; }
.app_lisBlockSpan2 ul li.code .codeBtn {
  width: 2.3437rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  background-color: #f8f8f8;
  border-radius: 0.9375rem;
  border: 1px solid #d2d2d2;
  color: #333;
  display: block;
  font-size: 0.3437rem;
  position: absolute;
  right: 0rem;
  top: 50%;
  margin-top: -0.429rem;
  display: block; }
.app_lisBlockSpan2 ul li.code .codeBtn:active {
  color: #fff;
  background-color: #d62216;
  border-color: #d62216; }

.app_lisBlockSpan3 {
  width: 100%; }
.app_lisBlockSpan3 ul {
  width: 100%;
  display: block; }
.app_lisBlockSpan3 ul li {
  width: 100%;
  height: 1.375rem;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding-left: 1.875rem;
  position: relative;
  padding-right: 0.5rem; }
.app_lisBlockSpan3 ul li .left {
  width: 1.875rem;
  height: 1.375rem;
  line-height: 1.375rem;
  font-size: 0.3906rem;
  color: #333;
  text-align: left;
  position: absolute;
  left: 0rem;
  top: 0rem;
  white-space: nowrap; }
.app_lisBlockSpan3 ul li .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 0rem;
  top: 0rem; }
.app_lisBlockSpan3 ul li .wrong {
  background: url("../images/wrongIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan3 ul li .true {
  background: url("../images/trueIco.png") no-repeat center;
  background-size: 0.4687rem;
  display: none; }
.app_lisBlockSpan3 ul li input {
  width: 100%;
  height: 1.3437rem;
  line-height: 0.3906rem;
  font-size: 0.3906rem;
  box-sizing: border-box;
  padding: 0.3rem 0;
  background-color: #fff;
  color: #595959; }
.app_lisBlockSpan3 ul li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }
.app_lisBlockSpan3 ul li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }
.app_lisBlockSpan3 ul li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }
.app_lisBlockSpan3 ul li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }
.app_lisBlockSpan3 ul li.code {
  padding-right: 2.9687rem; }
.app_lisBlockSpan3 ul li.code .tips {
  width: 0.4687rem;
  height: 1.375rem;
  position: absolute;
  right: 2.5rem;
  top: 0rem; }
.app_lisBlockSpan3 ul li.code .codeBtn {
  width: 2.3437rem;
  height: 1rem;
  background-color: #f8f8f8;
  border-radius: 0.9375rem;
  border: 1px solid #d2d2d2;
  color: #333;
  display: block;
  font-size: 0.3437rem;
  position: absolute;
  right: 0rem;
  top: 46%;
  margin-top: -0.429rem; }
.app_lisBlockSpan3 ul li.code .noClick {
  color: #fff;
  background-color: #959595;
  border-color: #959595; }

.app_listBlockButton {
  width: 100%;
  padding-top: 1.5625rem;
  padding-bottom: 0.3125rem; }
.app_listBlockButton button {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  text-align: center;
  display: block;
  border-radius: 0.9375rem;
  background-color: #ea4136;
  color: #fff;
  font-size: 0.4218rem; }
.app_listBlockButton button:active {
  color: #fff;
  background-color: #d62216; }

.app_wrongBlock {
  width: 100%;
  height: 0.7812rem;
  border-radius: 0.9375rem;
  padding-left: 0.7812rem;
  box-sizing: border-box;
  background: url("../images/wrongIco2.png") no-repeat 0.3125rem center #959595;
  background-size: 0.375rem;
  color: #fff;
  line-height: 0.7812rem;
  margin-top: 0.4687rem;
  font-size: 0.375rem;
  visibility: visible; }

.app_tipsSection {
  width: 100%;
  padding-bottom: 0.3125rem;
  background-color: #fff; }
.app_tipsSection .app_biaoqing {
  width: 100%;
  height: 5rem; }
.app_tipsSection .app_error {
  background: url("../images/error.png") no-repeat center;
  background-size: 3.3125rem; }
.app_tipsSection .app_good {
  background: url("../images/good.png") no-repeat center;
  background-size: 3.25rem; }
.app_tipsSection .app_tipsSectionFont {
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 0.375rem;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  line-height: 0.7rem; }
.app_tipsSection .app_tipsSectionFont .title {
  font-size: 0.5rem;
  width: 100%;
  color: #333;
  padding-bottom: 0.4687rem; }

.app_listBlockButton2 {
  width: 100%;
  padding-bottom: 1.0156rem; }
.app_listBlockButton2 button {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  text-align: center;
  display: block;
  border-radius: 0.9375rem;
  background-color: #fff;
  border: 1px solid #ea4136;
  box-sizing: border-box;
  color: #ea4136;
  font-size: 0.4218rem; }
.app_listBlockButton2 button:active {
  color: #fff;
  background-color: #d62216; }

.app_dengLu_title {
  width: 100%;
  height: 0.8593rem;
  line-height: 0.8593rem;
  background: url("../images/point.jpg") repeat-x center;
  box-sizing: border-box;
  font-size: 0.3593rem;
  text-align: center; }
.app_dengLu_title i {
  padding: 0 0.3906rem;
  background: #fff;
  color: #999; }

.app_iconList {
  width: 100%;
  overflow-x: hidden; }
.app_iconList ul {
  width: 114%;
  padding-top: 0.4687rem;
  padding-bottom: 0.9375rem;
  position: relative;
  left: -7%; }
.app_iconList ul li {
  width: 25%;
  float: left;
  text-align: center;
  padding: 0 6%;
  box-sizing: border-box; }
.app_iconList ul li span {
  width: 100%;
  display: block; }
.app_iconList ul li img {
  width: 100%;
  display: inline-block; }
.app_iconList ul li .name {
  width: 100%;
  font-size: 0.2812rem;
  color: #999;
  text-decoration: none;
  white-space: nowrap;
  text-align: center; }

.app_marginStyle1 {
  padding-top: 0.3125rem; }

.app_iconList2 ul {
  width: 126%;
  left: -13%; }
.app_iconList2 ul li {
  width: 33.3%;
  padding: 0 11%; }

.app_iconList3 ul {
  width: 126%;
  left: -13%; }

.app_iconList3 ul li {
  width: 50%;
  padding: 0 19%; }

.app_iconList4 ul {
  width: 126%;
  left: -13%;
}
.app_iconList4 ul li {
  width: 100%;
  padding: 0 44%;
}

.app_dengLu_bottom {
  width: 100%;
  height: 0.625rem;
  padding-bottom: 0.4687rem;
  line-height: 0.625rem;
  text-align: center;
  font-size: 0.3437rem; }
.app_dengLu_bottom i {
  color: #ebebeb;
  display: inline-block;
  margin: 0 0.1562rem; }
.app_dengLu_bottom a {
  color: #595959;
  text-decoration: none; }
.app_dengLu_bottom a.blue {
  color: #448aca; }

.app_commonProblem {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  background: #fff; }
.app_commonProblem ul {
  width: 100%;
  display: block; }
.app_commonProblem ul li {
  width: 100%;
  min-height: 1.3281rem;
  box-sizing: border-box; }
.app_commonProblem ul li:last-child .title {
  border-bottom: 0rem; }
.app_commonProblem ul li .title {
  width: 100%;
  height: 1.3281rem;
  line-height: 1.3281rem;
  font-size: 0.3906rem;
  color: #333;
  border-bottom: 1px solid #ebebeb;
  background: url("../images/downJt2.png") no-repeat right center;
  background-size: 0.2343rem;
  box-sizing: border-box; }
.app_commonProblem ul li .content {
  width: 100%;
  background-color: #f7f7f7;
  padding: 0.3906rem;
  box-sizing: border-box;
  font-size: 0.3593rem;
  color: #595959;
  line-height: 0.6562rem;
  display: none; }
.app_commonProblem ul li.active .title {
  background: url("../images/topJt.png") no-repeat right center;
  background-size: 0.2343rem; }
.app_commonProblem ul li.active .content {
  display: block; }
.app_commonProblem ul li.active:last-child .title {
  border-bottom: 1px solid #ebebeb; }

.app_addPaddingStyle {
  padding-top: 0.9375rem; }

.app_downloadSection {
  width: 100%;
  padding: 2.6562rem 0.3906rem;
  box-sizing: border-box;
  background-color: #fff; }

.app_downloadSection_font {
  width: 100%;
  font-size: 0.4218rem;
  color: #333;
  line-height: 0.8125rem;
  text-align: center; }

.app_downloadSection_button {
  width: 100%;
  padding: 0.7812rem 0 0rem 0;
  box-sizing: border-box; }
.app_downloadSection_button button {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  border-radius: 0.9375rem;
  font-size: 0.4218rem;
  color: #fff;
  display: block;
  background-color: #ea4136; }
.app_downloadSection_button button:active {
  color: #fff;
  background-color: #d62216; }

.app_accountBlock {
  width: 100%; }
.app_accountBlock .app_accountBlock_headerBg {
  width: 100%;
  position: relative; }
.app_accountBlock .app_accountBlock_headerBg img.background {
  width: 100%;
  display: block; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_headerCon {
  width: 1.5625rem;
  height: 1.5625rem;
  background: url("../images/headerBorder.png") no-repeat center;
  background-size: 1.5625rem 1.5625rem;
  position: absolute;
  top: 13%;
  left: 50%;
  margin-left: -0.781rem;
  text-align: center; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_headerCon img {
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 1.375rem;
  position: relative;
  top: 0.1093rem; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_edit {
  width: 0.5rem;
  height: 0.5312rem;
  background: url("../images/edit02.png") no-repeat 0 0;
  background-size: 0.5rem;
  right: 0.3125rem;
  top: 0.3125rem;
  position: absolute; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_edit a {
  width: 100%;
  height: 100%;
  display: block; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_name {
  width: 100%;
  height: 0.625rem;
  top: 68%;
  position: absolute;
  text-align: center; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_name .name {
  display: inline-block;
  color: #fff;
  font-size: 0.4531rem;
  line-height: 0.625rem;
  position: relative;
  padding-right: 1.2625rem;
  padding-left: 1.2625rem;
  box-sizing: border-box; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_name .name i.sexIco {
  width: 0.4062rem;
  height: 0.4062rem;
  display: inline-block;
  background: url("../images/ladyIco.png") no-repeat center;
  background-size: 0.4062rem;
  top: 0.1093rem;
  right: 0.9375rem;
  position: absolute; }
.app_accountBlock .app_accountBlock_headerBg .app_accountBlock_name .name i.level {
  width: 0.8125rem;
  height: 0.4375rem;
  background: url("../images/v1Ico.png") no-repeat;
  background-size: 0.8125rem;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: 0.125rem; }

.app_accountBlock_lis {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  margin-top: 0.2812rem;
  background-color: #fff; }
.app_accountBlock_lis ul {
  width: 100%;
  display: block; }
.app_accountBlock_lis ul li {
  width: 100%;
  height: 1.4843rem;
  padding: 0.35rem 0;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
  line-height: 0.8rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
  padding-left: 0.625rem;
  text-align: left;
  color: #333;
  font-size: 0.3906rem;
  position: relative; }

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

.app_accountBlock_lis ul li a:hover{
  color: #333;
}

.app_accountBlock_lis ul li:last-child {
  border-bottom: 0rem; }
.app_accountBlock_lis ul li.ico1 {
  background: url("../images/account_1.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis ul li.ico2 {
  background: url("../images/account_2.png") no-repeat left center;
  background-size: 0.4218rem; }
.app_accountBlock_lis ul li.ico3 {
  background: url("../images/account_3.png") no-repeat left center;
  background-size: 0.5rem; }
.app_accountBlock_lis ul li.ico4 {
  background: url("../images/zh_01.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis ul li i {
  color: #999;
  padding-left: 0.4687rem;
  font-size: 0.3906rem; }
.app_accountBlock_lis ul li .btn {
  width: 1.25rem;
  height: 0.7031rem;
  border-radius: 0.125rem;
  text-align: center;
  position: absolute;
  right: 0rem;
  top: 50%;
  margin-top: -0.351rem;
  border: 1px solid #ea4136;
  color: #e7423d;
  font-size: 0.3437rem;
  box-sizing: border-box;
  line-height: 0.6718rem; }
.app_accountBlock_lis ul li .btn:active {
  color: #fff;
  background-color: #e7423d; }

.app_accountBlock_lis2 {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  margin-top: 0.2812rem;
  background-color: #fff; }
.app_accountBlock_lis2 ul {
  width: 100%;
  display: block; }
.app_accountBlock_lis2 ul li {
  width: 100%;
  height: 1.4843rem;
  border-bottom: 1px solid #ebebeb;
  line-height: 1.4843rem;
  box-sizing: border-box;
  padding-left: 0.625rem;
  text-align: left;
  color: #333;
  font-size: 0.3906rem;
  position: relative; }
.app_accountBlock_lis2 ul li:last-child {
  border-bottom: 0rem; }
.app_accountBlock_lis2 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../images/timeJt.png") no-repeat right center;
  background-size: 0.2343rem;
  color: #333; }
.app_accountBlock_lis2 ul li.ico3 {
  background: url("../images/account_3.png") no-repeat left center;
  background-size: 0.5rem; }
.app_accountBlock_lis2 ul li.ico5 {
  background: url("../images/zh_02.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis2 ul li.ico6 {
  background: url("../images/zh_04.png") no-repeat left center;
  background-size: 0.5rem; }
.app_accountBlock_lis2 ul li.ico7 {
  background: url("../images/zh_06.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis2 ul li.ico8 {
  background: url("../images/zh_07.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis2 ul li.ico9 {
  background: url("../images/zh_08.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis2 ul li.ico10 {
  background: url("../images/zh_09.png") no-repeat left center;
  background-size: 0.4687rem; }
.app_accountBlock_lis2 ul li.ico11 {
  background: url("../images/zh_10.png") no-repeat left center;
  background-size: 0.4687rem; }

.app_changeUser {
  width: 100%;
  padding: 0.9375rem 0.3906rem;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 0.2812rem; }
.app_changeUser button {
  width: 100%;
  height: 1.0937rem;
  line-height: 1.0937rem;
  border-radius: 0.125rem;
  text-align: center;
  border: 1px solid #e7423d;
  font-size: 0.4218rem;
  color: #e7423d;
  background: none; }
.app_changeUser button:active {
  color: #fff;
  background-color: #e7423d; }

.app_pinglun {
  width: 100%;
  height: 1.125rem;
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.4062rem;
  border-top: 1px solid #ebebeb; }
.app_pinglun a {
  color: #999; }
.app_pinglun i {
  padding-right: 0.4687rem;
  background: url("../images/timeJt.png") no-repeat right center;
  background-size: 0.2343rem; }

.app_addMarginTop {
  margin-top: 0.2812rem; }

.app_header_banner {
  width: 100%;
  height: 1.25rem;
  background-color: #ea4136;
  line-height: 1.25rem;
  color: #ffffff;
  padding: 0 0.4375rem;
  box-sizing: border-box;
  font-size: 0.4167rem; }
.app_header_banner .app_header_bannerLeft {
  float: left; }
.app_header_banner .app_header_bannerLeft a {
  color: #fff;
  text-decoration: none; }

.app_header_bannerRight {
  float: right;
  font-size: 0px; }
.app_header_bannerRight a {
  font-size: 0.4167rem;
  margin-left: 0.5468rem;
  color: #fff;
  text-decoration: none; }

.app_selectSpanBlock {
  width: 100%;
  padding-bottom: 0rem;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  z-index: 999;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  -webkit-transform: translateZ(0);
}

.app_selectSpanBlock_top {
  width: 100%;
  position: relative;
  min-height: 0.9375rem;
  padding: 0 27% 0 40.5%;
  box-sizing: border-box;
  padding-top: 0.5937rem; }
.app_selectSpanBlock_top .button {
  width: 2.2031rem;
  height: 0.9375rem;
  border: 1px solid #d0d0d0;
  border-radius: 0.125rem;
  font-size: 0.5rem;
  color: #ea4136;
  text-align: center;
  line-height: 0.9375rem;
  box-sizing: border-box; }
.app_selectSpanBlock_top .button_left {
  position: absolute;
  left: 18%;
  top: 0.5937rem; }
.app_selectSpanBlock_top .button_right {
  position: absolute;
  right: 0.4375rem;
  top: 0.5937rem; }
.app_selectSpanBlock_top .center {
  width: 100%;
  font-size: 0.5rem;
  color: #999;
  text-align: center;
  line-height: 0.9375rem; }

.app_selectSpanBlockleft {
  width: 1.5rem;
  position: absolute;
  left: 1.8%;
  text-align: center;
  top: 15%;
  font-size: 0.4rem; }

.app_selectSpanBlockleft2 {
  width: 1.5rem;
  position: absolute;
  left: 1.8%;
  text-align: center;
  top: 41.5%;
  font-size: 0.4rem; }

.app_selectSpanBlock_bottom {
  width: 100%;
  padding: 0.4687rem 4% 0.1562rem 18%;
  box-sizing: border-box; }
.app_selectSpanBlock_bottom span {
  width: auto;
  float: left;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 0.3906rem;
  padding-right: 3%; }
.app_selectSpanBlock_bottom span:last-child {
  padding-right: 0rem; }
.app_selectSpanBlock_bottom i {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.9rem;
  text-align: center;
  line-height: 0.9rem;
  font-size: 0rem; }
.app_selectSpanBlock_bottom i.color1 {
  color: #4f4c4c;
  background-color: #e8e6e1; }
.app_selectSpanBlock_bottom i.color2 {
  color: #c2c3cb;
  background-color: #323232; }
.app_selectSpanBlock_bottom i.color3 {
  color: #4f4c4c;
  background-color: #e7dcca; }
.app_selectSpanBlock_bottom i.color4 {
  color: #4f4c4c;
  background-color: #e5efeb; }
.app_selectSpanBlock_bottom i.color5 {
  color: #4f4c4c;
  background-color: #f5e9ee; }
.app_selectSpanBlock_bottom i.color6 {
  color: #4f4c4c;
  background-color: #e5e9ef; }
.app_selectSpanBlock_bottom i.color7 {
  color: #c6c7cb;
  background-color: #606873; }
.app_selectSpanBlock_bottom i.active {
  border: 2px solid #ea4136;
  box-sizing: border-box; }

.author {
  width: 100%;
  height: 1.1718rem;
  padding-bottom: 0.625rem; }
.author .authorHeader {
  width: 1.1718rem;
  height: 1.1718rem;
  border-radius: 1.1718rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  top: 2%;
  float: left; }
.author .authorHeader img {
  width: 1.1718rem;
  height: 1.1718rem;
  display: block; }
.author .authorName {
  line-height: 1.1718rem;
  float: left;
  font-size: 0.4375rem;
  padding-left: 0.3125rem; }

.app_wenzhangBlock {
  width: 100%;
  padding: 0.4375rem;
  box-sizing: border-box; }
.app_wenzhangBlock .title {
  font-size: 0.6943rem;
  position: relative;
  font-weight: bold; }
.app_wenzhangBlock .title i {
  width: 0.125rem;
  height: 0.7031rem;
  background-color: #4e4d4c;
  position: absolute;
  left: 0rem;
  top: 0.125rem;
  display: block; }
.app_wenzhangBlock .content {
  padding-top: 0.625rem;
  padding-bottom: 1.0156rem; }
.app_wenzhangBlock .content .app_wenzhang {
  text-indent: 1rem;
  line-height: 0.9rem; }
.app_wenzhangBlock .tipsBlock {
  width: 100%;
  padding: 0.3906rem;
  box-sizing: border-box;
  border-radius: 0.1562rem;
  box-shadow: 0px 0px 0.1562rem rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 0.7812rem; }
.app_wenzhangBlock .tipsBlock i.kou {
  width: 1.0312rem;
  height: 1.3125rem;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: -0.281rem; }
.app_wenzhangBlock .tipsBlock .title {
  width: 100%;
  display: block;
  font-size: 0.5rem;
  text-align: left;
  text-indent: 0rem; }
.app_wenzhangBlock .tipsBlock .cspan {
  width: 100%;
  padding-top: 0.1562rem;
  line-height: 0.7915rem;
  font-size: 0.4167rem;
  color: #595959; }
.app_wenzhangBlock .list {
  width: 100%;
  border-radius: 0.125rem;
  box-shadow: 0px 0px 0.1562rem rgba(0, 0, 0, 0.1); }
.app_wenzhangBlock .list ul {
  width: 100%;
  display: block; }
.app_wenzhangBlock .list ul li {
  width: 100%;
  display: block;
  padding: 0.3125rem 0.3125rem;
  padding-top: 0.2343rem;
  padding-bottom: 0.3906rem;
  border-bottom: 1px solid #e2e2e2;
  font-size: 0.4167rem;
  position: relative;
  box-sizing: border-box;
  position: relative; }
.app_wenzhangBlock .list ul li:last-child {
  border-bottom: 0rem; }
.app_wenzhangBlock .list ul li i.tuijian {
  width: 1.0156rem;
  height: 0.5468rem;
  font-size: 0.2778rem;
  text-align: center;
  line-height: 0.5468rem;
  border-radius: 0.9375rem;
  position: absolute;
  top: 0.3906rem;
  left: 0.3125rem; }
.app_wenzhangBlock .list ul li span {
  width: 100%;
  text-indent: 1.1718rem;
  line-height: 0.8281rem;
  word-break: break-all;
  display: -webkit-box;
  display: -o-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden; }
.app_wenzhangBlock .moreButton {
  width: 100%;
  padding: 1.0937rem 0 0.7812rem 0; }
.app_wenzhangBlock .moreButton .button {
  height: 0.625rem;
  background: url("../images/moreBtn.png") no-repeat center;
  background-size: 0.4687rem; }
.app_wenzhangBlock .contentButton {
  width: 100%;
  padding: 0.4687rem;
  font-size: 0.3889rem;
  line-height: 0.8437rem;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.125rem;
  border: 1px dashed #c2bba8;
  margin-top: 0.2343rem; }
.app_wenzhangBlock .contentButton a {
  color: #333;
  text-decoration: underline; }
.app_wenzhangBlock .contentButton a i {
  color: #ea4136;
  text-decoration: underline; }

.colorStyle1 {
  background-color: #e8e6e1;
  color: #4e4d4c; }
.colorStyle1 .title i {
  background-color: #4e4d4c; }
.colorStyle1 .content {
  color: #595959;
  font-size: 0.5rem; }
.colorStyle1 .tipsBlock {
  background-color: #edebe6; }
.colorStyle1 .tipsBlock i.kou {
  background: url("../images/kou01.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle1 .tipsBlock .cspan {
  color: #595959; }
.colorStyle1 .list {
  background-color: #f2f0eb; }
.colorStyle1 .list ul li {
  border-bottom-color: #e2e2e2; }
.colorStyle1 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle1 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle1 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }

.colorStyle2 {
  background-color: #323232;
  color: #6b6b6b; }
.colorStyle2 .title i {
  background-color: #6b6b6b; }
.colorStyle2 .content {
  color: #999;
  font-size: 0.5rem; }
.colorStyle2 .tipsBlock {
  background-color: #373737; }
.colorStyle2 .tipsBlock .title {
  color: #999999; }
.colorStyle2 .tipsBlock i.kou {
  background: url("../images/kou07.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle2 .tipsBlock .cspan {
  color: #999; }
.colorStyle2 .list {
  background-color: #393939; }
.colorStyle2 .list ul li {
  border-bottom-color: #525252; }
.colorStyle2 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle2 .list span {
  color: #999; }
.colorStyle2 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle2 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }
.colorStyle2 .contentButton a {
  color: #999; }
.colorStyle2 .codeTips {
  color: #999; }
.colorStyle2 .codeTips2 {
  color: #999; }
.colorStyle2 .codeFont {
  color: #999; }
.colorStyle2 .pageBL1 ul li a {
  color: #999;
  border: 1px solid #888;
  background-color: #323232; }

.colorStyle2 .pageBL1 ul li a:hover{
  color: #999;
}

.colorStyle2 .pageBL1 ul li a.no {
  color: #555555;
  border: 1px solid #555;
  background-color: #323232; }
.colorStyle2 .pageBL2 ul li a {
  color: #999;
  border: 1px solid #888;
  background-color: #323232; }
.colorStyle2 .pageBL2 ul li a.no {
  color: #555555;
  border: 1px solid #555;
  background-color: #323232; }
.colorStyle2 .codeDaoHang .codeDaoHang_nav {
  color: #666; }
.colorStyle2 .codeDaoHang .codeDaoHang_nav a {
  color: #666; }
.colorStyle2 .codeDaoHang_list {
  color: #999999; }

.colorStyle3 {
  background-color: #e7dcca;
  color: #333; }
.colorStyle3 .title {
  color: #7a4c00; }
.colorStyle3 .title i {
  background-color: #7a4c00; }
.colorStyle3 .content {
  color: #333;
  font-size: 0.5rem; }
.colorStyle3 .tipsBlock {
  background-color: #ece2d2; }
.colorStyle3 .tipsBlock .title {
  color: #333; }
.colorStyle3 .tipsBlock i.kou {
  background: url("../images/kou01.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle3 .tipsBlock .cspan {
  color: #595959; }
.colorStyle3 .list {
  background-color: #f0e7d8; }
.colorStyle3 .list ul li {
  border-bottom-color: #e0e0e0; }
.colorStyle3 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle3 .list span {
  color: #595959; }
.colorStyle3 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle3 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }
.colorStyle3 .contentButton a {
  color: #333; }
.colorStyle3 .codeTips {
  color: #999; }
.colorStyle3 .codeTips2 {
  color: #999; }
.colorStyle3 .codeFont {
  color: #333; }
.colorStyle3 .pageBL1 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #f4ecdf; }

.colorStyle3 .pageBL1 ul li a:hover{
  color: #333;
}

.colorStyle3 .pageBL1 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f4ecdf; }
.colorStyle3 .pageBL2 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #f4ecdf; }
.colorStyle3 .pageBL2 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f4ecdf; }
.colorStyle3 .codeDaoHang .codeDaoHang_nav {
  color: #999; }
.colorStyle3 .codeDaoHang .codeDaoHang_nav a {
  color: #999; }
.colorStyle3 .codeDaoHang_list {
  color: #333; }

.colorStyle4 {
  background-color: #dde6c9;
  color: #333; }
.colorStyle4 .title {
  color: #287028; }
.colorStyle4 .title i {
  background-color: #287028; }
.colorStyle4 .content {
  color: #2f342f;
  font-size: 0.5rem; }
.colorStyle4 .tipsBlock {
  background-color: #ebf2da; }
.colorStyle4 .tipsBlock .title {
  color: #333; }
.colorStyle4 .tipsBlock i.kou {
  background: url("../images/kou02.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle4 .tipsBlock .cspan {
  color: #595959; }
.colorStyle4 .list {
  background-color: #ebf2da; }
.colorStyle4 .list ul li {
  border-bottom-color: #e0e0e0; }
.colorStyle4 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle4 .list span {
  color: #595959; }
.colorStyle4 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle4 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }
.colorStyle4 .contentButton a {
  color: #333; }
.colorStyle4 .codeTips {
  color: #999; }
.colorStyle4 .codeTips2 {
  color: #999; }
.colorStyle4 .codeFont {
  color: #333; }
.colorStyle4 .pageBL1 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #ebf2da; }

.colorStyle4 .pageBL1 ul li a:hover {
  color: #333;
}

.colorStyle4 .pageBL1 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #ebf2da; }
.colorStyle4 .pageBL2 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #ebf2da; }

.colorStyle4 .pageBL2 ul li a:hover{
  color: #333;
}

.colorStyle4 .pageBL2 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #ebf2da; }
.colorStyle4 .codeDaoHang .codeDaoHang_nav {
  color: #999; }
.colorStyle4 .codeDaoHang .codeDaoHang_nav a {
  color: #999; }
.colorStyle4 .codeDaoHang_list {
  color: #333; }

.colorStyle5 {
  background-color: #eccdcd;
  color: #4e4247; }
.colorStyle5 .title {
  color: #9b486b; }
.colorStyle5 .title i {
  background-color: #9b486b; }
.colorStyle5 .content {
  color: #4e4247;
  font-size: 0.5rem; }
.colorStyle5 .tipsBlock {
  background-color: #f6dfdf; }
.colorStyle5 .tipsBlock .title {
  color: #333; }
.colorStyle5 .tipsBlock i.kou {
  background: url("../images/kou08.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle5 .tipsBlock .cspan {
  color: #595959; }
.colorStyle5 .list {
  background-color: #f6dada; }
.colorStyle5 .list ul li {
  border-bottom-color: #e9c2c2; }
.colorStyle5 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle5 .list span {
  color: #595959; }
.colorStyle5 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle5 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }
.colorStyle5 .contentButton a {
  color: #333; }
.colorStyle5 .codeTips {
  color: #888; }
.colorStyle5 .codeTips2 {
  color: #999; }
.colorStyle5 .codeFont {
  color: #333; }
.colorStyle5 .pageBL1 ul li a {
  color: #333;
  border: 1px solid #b9b9b9;
  background-color: #f9e2e2; }

.colorStyle5 .pageBL1 ul li a:hover{
  color: #333;
}

.colorStyle5 .pageBL1 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f9e2e2; }
.colorStyle5 .pageBL2 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #f9e2e2; }
.colorStyle5 .pageBL2 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f9e2e2; }
.colorStyle5 .contentButton {
  border: 1px dashed #cfb3be !important; }
.colorStyle5 .codeDaoHang .codeDaoHang_nav {
  color: #999;
  border-top: 1px dashed #cfb3be; }
.colorStyle5 .codeDaoHang .codeDaoHang_nav a {
  color: #999; }
.colorStyle5 .codeDaoHang_list {
  color: #333; }

.colorStyle6 {
  background-color: #e5e9ef;
  color: #171a25; }
.colorStyle6 .title {
  color: #5868a5; }
.colorStyle6 .title i {
  background-color: #5868a5; }
.colorStyle6 .content {
  color: #171a25;
  font-size: 0.5rem; }
.colorStyle6 .tipsBlock {
  background-color: #eceff3; }
.colorStyle6 .tipsBlock .title {
  color: #333; }
.colorStyle6 .tipsBlock i.kou {
  background: url("../images/kou05.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle6 .tipsBlock .cspan {
  color: #595959; }
.colorStyle6 .list {
  background-color: #f0f4f9; }
.colorStyle6 .list ul li {
  border-bottom-color: #e0e0e0; }
.colorStyle6 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle6 .list span {
  color: #595959; }
.colorStyle6 .list a {
  color: #333;
  text-decoration: none; }
.colorStyle6 .list i.tuijian {
  background-color: #ea4136;
  color: #fff; }
.colorStyle6 .contentButton a {
  color: #333; }
.colorStyle6 .codeTips {
  color: #999; }
.colorStyle6 .codeTips2 {
  color: #999; }
.colorStyle6 .codeFont {
  color: #333; }
.colorStyle6 .pageBL1 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #f0f4f9; }

.colorStyle6 .pageBL1 ul li a:hover{
  color: #333;
}

.colorStyle6 .pageBL1 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f0f4f9; }
.colorStyle6 .pageBL2 ul li a {
  color: #333;
  border: 1px solid #c9c9c9;
  background-color: #f0f4f9; }
.colorStyle6 .pageBL2 ul li a.no {
  color: #999;
  border: 1px solid #c9c9c9;
  background-color: #f0f4f9; }
.colorStyle6 .codeDaoHang .codeDaoHang_nav {
  color: #999;
  border-top-color: #c0c8d5; }
.colorStyle6 .codeDaoHang .codeDaoHang_nav a {
  color: #999; }
.colorStyle6 .codeDaoHang_list {
  color: #333; }
.colorStyle6 .contentButton {
  border: 1px dashed #c5cdda; }

.colorStyle7 {
  background-color: #606873;
  color: #a4abba; }
.colorStyle7 .author .authorName{
  color:#a4abba
}

.colorStyle7 .title {
  color: #adb6ca; }
.colorStyle7 .title i {
  background-color: #adb6ca; }
.colorStyle7 .content {
  color: #a4abba;
  font-size: 0.5rem; }
.colorStyle7 .tipsBlock {
  background-color: #6c7581; }
.colorStyle7 .tipsBlock .title {
  color: #c0cae1; }
.colorStyle7 .tipsBlock i.kou {
  background: url("../images/kou06.png") no-repeat 0 0;
  background-size: 1.0312rem; }
.colorStyle7 .tipsBlock .cspan {
  color: #c0cae1; }
.colorStyle7 .list {
  background-color: #6e7681; }
.colorStyle7 .list ul li {
  border-bottom-color: #8d99a9; }
.colorStyle7 .list ul li:last-child {
  border-bottom: 0rem; }
.colorStyle7 .list span {
  color: #c0cae1; }
.colorStyle7 .list a {
  color: #c0cae1;
  text-decoration: none; }
.colorStyle7 .list i.tuijian {
  background-color: #ea746c;
  color: #fff; }
.colorStyle7 .contentButton {
  border: 1px dashed #7b8593; }
.colorStyle7 .contentButton a {
  color: #c0cae1; }
.colorStyle7 .codeTips {
  color: #c0cae1; }
.colorStyle7 .codeTips2 {
  color: #c0cae1; }
.colorStyle7 .codeFont {
  color: #c0cae1; }
.colorStyle7 .pageBL1 ul li a {
  color: #a4abba;
  border: 1px solid #a3aab2;
  background-color: #5d6673; }

.colorStyle7 .pageBL1 ul li a:hover{
  color: #a4abba;
}

.colorStyle7 .pageBL1 ul li a.no {
  color: #7e838f;
  border: 1px solid #7b818c;
  background-color: #5d6673; }
.colorStyle7 .pageBL2 ul li a {
  color: #a4abba;
  border: 1px solid #a3aab2;
  background-color: #5d6673; }
.colorStyle7 .pageBL2 ul li a.no {
  color: #7e838f;
  border: 1px solid #7b818c;
  background-color: #5d6673; }
.colorStyle7 .codeDaoHang .codeDaoHang_nav {
  color: #a4abba;
  border-top: 1px dashed #7b8593; }
.colorStyle7 .codeDaoHang .codeDaoHang_nav a {
  color: #a4abba; }
.colorStyle7 .codeDaoHang_list {
  color: #c0cae1; }

.app_footerBlockSpan {
  width: 100%;
  height: 1.8125rem;
  background-color: #ffffff;
  padding: 0.0468rem 0;
  box-sizing: border-box;
  border-top: 1px solid #ededed; }
.app_footerBlockSpan a {
  width: 25%;
  height: 1.7343rem;
  display: block;
  float: left;
  text-align: center;
  line-height: 1.5718rem;
  box-sizing: border-box;
  font-size: 0.2898rem; }
.app_footerBlockSpan .footer1 i {
  padding-top: 0.4687rem;
  background: url("../images/ml_1.png") no-repeat center 18%;
  background-size: 0.5rem; }
.app_footerBlockSpan .footer2 i {
  padding-top: 0.4687rem;
  background: url("../images/ml_2.png") no-repeat center 18%;
  background-size: 0.5468rem; }
.app_footerBlockSpan .footer3 i {
  padding-top: 0.4687rem;
  background: url("../images/ml_3.png") no-repeat center 18%;
  background-size: 0.6093rem; }
.app_footerBlockSpan .footer4 {
  border-right: 0rem; }
.app_footerBlockSpan .footer4 i {
  padding-top: 0.4687rem;
  background: url("../images/ml_4.png") no-repeat center 18%;
  background-size: 0.5468rem; }

.app_bodyMarginBottom {
  padding-bottom: 1.25rem; }

.app_guanZhuSection {
  width: 100%;
  background-color: #f1f1f1; }

.app_guanZhuSection_block {
  width: 100%;
  background-color: #fff;
  padding: 0.4687rem 0.3906rem;
  margin-bottom: 0.3125rem;
  box-sizing: border-box; }
.app_guanZhuSection_block:last-child {
  margin-bottom: 0rem; }
.app_guanZhuSection_block .app_guanZhuSection_font1 {
  font-size: 0.4167rem;
  color: #333;
  line-height: 0.6667rem; }
.app_guanZhuSection_block .title {
  width: 100%;
  padding-left: 0.625rem;
  padding-bottom: 0.4687rem;
  font-size: 0.4167rem;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box; }
.app_guanZhuSection_block .title .good {
  width: 0.3906rem;
  height: 0.3906rem;
  background: url("../images/title_left2_good.png") no-repeat 0 0;
  background-size: 0.3906rem;
  display: block;
  position: absolute;
  right: -0.625rem;
  top: 0.0937rem; }
.app_guanZhuSection_block .icon1 {
  background: url("../images/title_left1.png") no-repeat left 0.0625rem;
  background-size: 0.4687rem; }
.app_guanZhuSection_block .icon2 {
  background: url("../images/title_left2.png") no-repeat left 0.0625rem;
  background-size: 0.4687rem; }
.app_guanZhuSection_block .icon3 {
  background: url("../images/title_left3.png") no-repeat left 0.0625rem;
  background-size: 0.4687rem; }
.app_guanZhuSection_block .content {
  width: 100%;
  font-size: 0.3889rem;
  padding: 0.4687rem 0 0.1562rem 0;
  color: #333;
  line-height: 0.6667rem; }
.app_guanZhuSection_block .content a {
  color: #448aca;
  text-decoration: underline; }
.app_guanZhuSection_block .content .button {
  width: 100%;
  height: 1.25rem;
  border-radius: 0.9375rem;
  background-color: #ea4136;
  font-size: 0.4167rem;
  color: #fff;
  display: block;
  outline: none;
  margin-top: 0.625rem; }
.app_guanZhuSection_block .content .font1 {
  font-size: 0.3889rem;
  color: #333; }
.app_guanZhuSection_block .content .font2 {
  font-size: 0.3610rem;
  color: #595959; }
.app_guanZhuSection_block .content .code {
  width: 5.2343rem;
  height: 5.2343rem;
  background-color: #fff;
  border: 1px solid #eeeeee;
  text-align: center;
  padding: 0.2812rem;
  box-sizing: border-box;
  margin: 1.0937rem auto 0.7812rem auto; }
.app_guanZhuSection_block .content .code img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: inline-block; }

.lightFont {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.625rem;
  background: url("../images/light_ico.png") no-repeat left 0.1rem;
  background-size: 0.375rem;
  font-size: 0.3593rem;
  color: #333; }

.hongbao {
  background: url("../images/hongbao.png") no-repeat 0 0;
  background-size: 2.0937rem;
  width: 2.0937rem;
  height: 2.2031rem;
  display: block;
  position: fixed;
  right: 0.1562rem;
  bottom: 4.0625rem;
  z-index: 90; }
.hongbao i.close {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.625rem;
  right: 0.0781rem;
  top: 0rem; }
.hongbao i.click {
  width: 65%;
  height: 100%;
  display: block; }

.app_moneyBao {
  width: 8.75rem;
  height: 11.593rem;
  background: url("../images/hongbaoBig.png") no-repeat 0 0;
  background-size: 8.75rem;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -5.796rem 0 0 -4.375rem;
  z-index: 999;
  display: none; }
.app_moneyBao .closeBtn {
  width: 0.3281rem;
  height: 0.3281rem;
  background: url("../images/hongbao_close.png") no-repeat 0 0;
  background-size: 0.3281rem;
  position: absolute;
  left: 0.4687rem;
  top: 0.4687rem; }
.app_moneyBao .headerBlock {
  width: 100%;
  text-align: center;
  padding-top: 1.25rem; }
.app_moneyBao .headerBlock .header {
  width: 1.2187rem;
  height: 1.2187rem;
  border-radius: 1.2187rem;
  overflow: hidden;
  display: block;
  margin: 0 auto; }
.app_moneyBao .headerBlock .header img {
  width: 1.2187rem;
  height: 1.2187rem;
  border-radius: 1.2187rem;
  display: block; }
.app_moneyBao .headerBlock .nameBlock {
  display: block;
  width: 100%;
  padding: 0.1875rem 0.3125rem;
  box-sizing: border-box;
  font-size: 0.3610rem;
  color: #f5ddb4; }
.app_moneyBao .headerBlock .nameBlock i {
  width: 100%;
  display: block; }
.app_moneyBao .contentBlock {
  width: 100%;
  padding: 0.6562rem 0.3125rem;
  box-sizing: border-box;
  font-size: 0.5rem;
  color: #f5ddb4;
  text-align: center;
  line-height: 0.8437rem; }
.app_moneyBao .openButton {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 2.8125rem;
  margin: 0 auto; }
.app_moneyBao .tipSpan {
  width: 100%;
  font-size: 0.3125rem;
  color: #f5ddb4;
  text-align: center;
  line-height: 0.5rem;
  padding-top: 0.5468rem; }

.app_meskSection {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0rem;
  top: 0rem;
  opacity: 0.6;
  background-color: #000;
  z-index: 998;
  display: none; }

.app_qianDaoBlock {
  width: 100%;
  font-size: 0rem; }
.app_qianDaoBlock .app_qianDaoBlock_title {
  width: 6.8281rem;
  background: url("../images/qd_title.png") no-repeat 0 0;
  height: 1.7343rem;
  position: absolute;
  left: 50%;
  margin-left: -3.414rem;
  background-size: 6.8281rem;
  font-size: 0.75rem;
  color: #905e00;
  text-align: center;
  line-height: 1.25rem; }
.app_qianDaoBlock .app_qianDaoBlock_gp {
  width: 4.4375rem;
  height: 7.6875rem;
  background: url("../images/codeGua.png") no-repeat 0 0;
  background-size: 4.4375rem;
  position: absolute;
  left: 50%;
  margin-left: -2.218rem; }
.app_qianDaoBlock .app_qianDaoBlock_gp .code {
  width: 3.4375rem;
  height: 3.4375rem;
  margin: 0 auto;
  margin-top: 1.125rem; }
.app_qianDaoBlock .app_qianDaoBlock_gp .tips {
  width: 3.2812rem;
  height: 1.1718rem;
  margin: 0 auto;
  margin-top: 1.6406rem;
  color: #fff;
  font-size: 0.3437rem;
  text-align: center;
  line-height: 0.5rem;
  padding-top: 0.0625rem; }
.app_qianDaoBlock img {
  width: 100%;
  display: block; }

.app_footerBlock_nav {
  width: 100%;
}

.app_footerBlock_nav ul {
  width: 110%;
  display: inline-block;
  position: relative;
  margin-left: -6%;
}
.app_footerBlock_nav ul:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.app_footerBlock_nav ul li {
  width: 20%;
  float: left;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.4375rem;
  border-right: 1px solid #999999;
  box-sizing: border-box;
  text-align: center; }
.app_footerBlock_nav ul li:last-child {
  border-right: 0px; }
.app_footerBlock_nav ul li a {
  color: #b6b6b6;
  text-decoration: none; }

.app_allMoreCatalog {
  width: 108%;
  height: 1.0937rem;
  text-align: center;
  font-size: 0.3593rem;
  line-height: 1.0937rem;
  margin-left: -4%;
  border-top: 1px solid #ebebeb; }
.app_allMoreCatalog a {
  padding-right: 0.3906rem;
  background: url("../images/right_jt2.png") no-repeat right center;
  background-size: 0.2031rem;
  color: #999999;
  text-decoration: none; }

.allAward {
  width: 100%;
  height: 1.25rem;
  line-height: 1.25rem;
  background: url("../images/right_jt2.png") no-repeat right center;
  background-size: 0.2031rem;
  font-size: 0.3593rem; }

.app_allAward_list {
  width: 100%;
  padding-bottom: 0.4687rem;
  overflow: hidden; }
.app_allAward_list ul {
  width: 110%;
  display: block;
  position: relative;
  left: -5%; }
.app_allAward_list ul li {
  width: 20%;
  float: left;
  box-sizing: border-box;
  text-align: center; }
.app_allAward_list ul li .ico {
  width: 1.3281rem;
  height: 1.4843rem;
  text-align: center;
  line-height: 1.3281rem; }
.app_allAward_list ul li .ico img {
  width: 75%;
  display: inline-block;
  vertical-align: middle; }
.app_allAward_list ul li .font {
  width: 100%;
  display: block;
  font-size: 0.3125rem;
  text-align: center; }

.replyList {
  width: 97%;
  box-sizing: border-box;
  margin-left: 3%;
  background-color: #fafafa;
  border-radius: 0.0937rem;
  margin-top: 0.3906rem;
  padding: 0.3906rem 0.3rem; }
.replyList .replyList_li {
  width: 100%;
  display: block; }
.replyList .replyList_li .replyList_li_top {
  width: 100%;
  padding-right: 3.2812rem;
  box-sizing: border-box;
  position: relative; }
.replyList .replyList_li .replyList_li_name {
  padding-left: 0.25rem;
  background: url("../images/web_redIco2.png") no-repeat left;
  background-size: 0.0937rem;
  font-size: 0.4375rem;
  color: #333; }
.replyList .replyList_li .replyList_li_time {
  width: 3.125rem;
  font-size: 0.3437rem;
  color: #999;
  position: absolute;
  right: 0rem;
  top: 0.03rem;
  white-space: nowrap;
  text-align: right; }
.replyList .replyList_li .replyList_li_cons {
  font-size: 0.4062rem;
  width: 100%;
  display: block;
  padding-left: 0.25rem;
  box-sizing: border-box;
  padding-top: 0.3125rem;
  color: #999; }

.app_pageBlock {
  width: 100%;
  height: 2.3437rem;
  background-color: #fff;
  padding: 0 0.625rem;
  box-sizing: border-box; }
.app_pageBlock .lis {
  width: 33.3%;
  height: 2.3437rem;
  text-align: center;
  line-height: normal;
  padding-top:0.6rem;
  float: left; }
.app_pageBlock .lis:first-child {
  text-align: left; }
.app_pageBlock .lis:last-child {
  text-align: right; }
.app_pageBlock .lis .center {
  width: 3rem;
  height: 0.9843rem;
  border: 1px solid #ea4136;
  border-radius: 0.125rem;
  box-sizing: border-box;
  color: #ea4136;
  line-height: 0.9843rem;
  vertical-align: middle;
  font-size: 0; }
.app_pageBlock .lis .center input {
  width: 100%;
  display: inline-block;
  text-align: center;
  height: 100%;
  line-height: 100%;
  font-size: 0.3593rem;
  background: none;
  color: #ea4136;
  padding: 0 5%;
  box-sizing: border-box; }

.app_pageBlock .lis .center input::-webkit-input-placeholder{
  color:#ea4136;
}
.app_pageBlock .lis .center input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#ea4136;
}
.app_pageBlock .lis .center input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#ea4136;
}
.app_pageBlock .lis .center input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#ea4136;
}

.app_pageBlock .lis .prev {
  width: 2.375rem;
  height: 0.9843rem;
  line-height: 0.9843rem;
  vertical-align: middle;
  border-radius: 0.125rem;
  background-color: #ea4136;
  font-size: 0.3593rem;
  color: #fff;
  text-align: center; }
.app_pageBlock .lis .prev:active {
  background-color: #d62216; }
.app_pageBlock .lis .next {
  width: 2.375rem;
  height: 0.9843rem;
  line-height: 0.9843rem;
  vertical-align: middle;
  border-radius: 0.125rem;
  background-color: #ea4136;
  font-size: 0.3593rem;
  color: #fff;
  text-align: center; }
.app_pageBlock .lis .next:active {
  background-color: #d62216; }

.app_shukuBlock {
  width: 100%;
  padding-top: 0.5468rem;
  padding-bottom: 0.2343rem; }
.app_shukuBlock ul {
  width: 100%;
  display: block; }
.app_shukuBlock ul li {
  width: 100%;
  display: block;
  position: relative;
  font-size: 0rem; }
.app_shukuBlock ul li .type {
  width: 1.1718rem;
  font-size: 0.3906rem;
  display: inline-block;
  margin-bottom: 0.3125rem;
  line-height: 0.3906rem;
  padding: 0.0937rem 0;
  position: absolute;
  left: 0rem;
  white-space: nowrap;
  top: 0rem; }
.app_shukuBlock ul li .list {
  width: 100%;
  padding-left: 1.1718rem;
  box-sizing: border-box; }
.app_shukuBlock ul li a {
  font-size: 0.3906rem;
  display: inline-block;
  margin-bottom: 0.3125rem;
  line-height: 0.3906rem;
  padding: 0.0937rem;
  margin-right: 0.3125rem;
  white-space: nowrap;
  color: #999999;
  text-decoration: none; }
.app_shukuBlock ul li a.active {
  background-color: #ea4136;
  border-radius: 0.0937rem;
  color: #fff; }
.app_shukuBlock ul li a:hover {
  background-color: #ea4136;
  border-radius: 0.0937rem;
  color: #fff; }

.app_registerList {
  width: 100%;
  padding-bottom: 1.25rem; }
.app_registerList a {
  font-size: 0.3437rem;
  text-decoration: none; }

.app_qianDaoBlock2 {
  width: 100%; }
.app_qianDaoBlock2 .banner {
  width: 100%;
  display: block;
  position: relative; }
.app_qianDaoBlock2 .banner img.bannerBlock {
  width: 100%;
  display: block; }
.app_qianDaoBlock2 .banner .app_centerButton {
  width: 4.9062rem;
  height: 1.7187rem;
  background: url("../images/qiandaoBtn.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 50%;
  margin-left: -2.453rem;
  top: 26%;
  font-size: 0.4062rem;
  color: #fff; }
.app_qianDaoBlock2 .banner .app_ydjl_Buttton {
  width: 3.3437rem;
  height: 0.875rem;
  line-height: 0.875rem;
  background: url("../images/yellowButton.png") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 8%;
  left: 0.4687rem;
  font-size: 0.3281rem;
  text-align: center; }
.app_qianDaoBlock2 .banner .app_ydjl_Buttton i {
  padding-left: 0.5156rem;
  background: url("../images/file_icon.png") no-repeat left center;
  background-size: 0.3437rem; }
.app_qianDaoBlock2 .banner .app_ydb_Button {
  width: 3.3437rem;
  height: 0.875rem;
  line-height: 0.875rem;
  background: url("../images/yellowButton.png") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 8%;
  right: 0.4687rem;
  font-size: 0.3281rem;
  text-align: center; }
.app_qianDaoBlock2 .banner .app_ydb_Button i {
  padding-left: 0.5156rem;
  background: url("../images/jb_ico.png") no-repeat left center;
  background-size: 0.3437rem; }

.app_noSearchBlock {
  width: 100%;
  height: 9.6875rem;
  background: url("../images/noSearch.png") no-repeat center 2.3437rem #f1f1f1;
  background-size: 3.6875rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.3593rem;
  color: #999;
  padding: 0 16%;
  padding-top: 5.7rem;
  box-sizing: border-box; }

.app_noDataBlock {
  width: 100%;
  height: 9.6875rem;
  background: url("../images/noDataBg.png") no-repeat center 1.7437rem #f1f1f1;
  background-size: 3.6875rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.3593rem;
  color: #999;
  padding: 0 16%;
  padding-top: 5.0rem;
  box-sizing: border-box; }

.app_noBookDataBlock {
  width: 100%;
  height: 9.6875rem;
  background: url("../images/shujiaEmpty.png") no-repeat center 1.7437rem #f1f1f1;
  background-size: 3.6875rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.3593rem;
  color: #999;
  padding: 0 16%;
  padding-top: 5.0rem;
  box-sizing: border-box; }

.app_liwuList {
  width: 100%;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #eee; }
.app_liwuList ul {
  width: 100%;
  display: block; }
.app_liwuList ul li {
  width: 100%;
  display: block;
  height: 1.1718rem;
  padding-left: 0.5468rem;
  box-sizing: border-box;
  position: relative; }
.app_liwuList ul li .radio {
  width: 0.4843rem;
  height: 0.4843rem;
  background: url("../images/radioIco_1.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 0rem;
  top: 28%;
  display: block; }
.app_liwuList ul li .active {
  background: url("../images/radioIco_2.png") no-repeat 0 0;
  background-size: 100%; }
.app_liwuList ul li .lipinName {
  float: left;
  font-size: 0.4062rem;
  color: #333;
  line-height: 1.0937rem;
  padding-left: 0.3125rem; }
.app_liwuList ul li .lipinName i {
  color: #ed3f2e; }
.app_liwuList ul li .lipinImg {
  width: 1.0937rem;
  height: 1.0937rem;
  float: left;
  display: block;
  padding-left: 0.1562rem;
}

.app_liwuList ul li .lipinImg img:nth-child(0){
  width: 75%;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}

.app_liwuList ul li .lipinImg img:nth-child(1){
  width: 90%;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}

.app_liwuList ul li .lipinImg img:nth-child(2){
  width: 105%;
  margin-top: 0.2rem;
}

.app_liwuList ul li .lipinImg img:nth-child(3){
  width: 100%;
  margin-top: 0.1rem;
}

.app_liwuList ul li .lipinImg img:nth-child(4){
  width: 100%;
}

.app_mesk{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0px;
  top:0px;
  z-index: 998;
  display: none;
}

.app_liwuList ul li .lip1 {
  width: 75%;
  position: relative;
  top: 8px; }
.app_liwuList ul li .lip2 {
  width: 75%;
  position: relative;
  top: 8px; }
.app_liwuList ul li .lip3 {
  width: 75%;
  position: relative;
  top: 15px; }
.app_liwuList ul li .lip4 {
  width: 75%;
  position: relative;
  top: 5px; }
.app_liwuList ul li .lip5 {
  width: 75%;
  position: relative;
  top: 5px; }

.app_liwuNumber {
  width: 100%;
  padding-left: 1.4062rem;
  box-sizing: border-box;
  padding-top: 0.3906rem;
  position: relative; }
.app_liwuNumber .app_liwuNumber_left {
  width: 1.4062rem;
  height: 0.9375rem;
  position: absolute;
  left: 0rem;
  top: 0.3906rem;
  font-size: 0.4062rem;
  line-height: 0.9375rem;
  color: #333; }
.app_liwuNumber .app_liwuNumber_right {
  width: 100%;
  height: 0.9375rem;
  line-height: 0.9375rem; }
.app_liwuNumber .app_liwuNumber_right .reduce {
  width: 0.7812rem;
  padding: 0.1562rem 0;
  padding-top: 0.1rem;
  text-align: left;
  color: #e7433d;
  font-size: 0.7812rem;
  height: 0.625rem;
  line-height: 0.51rem;
  vertical-align: middle;
  float: left; }
.app_liwuNumber .app_liwuNumber_right .num {
  width: 1.4062rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  float: left;
  border: 1px solid #dedede;
  border-radius: 0.0937rem; }
.app_liwuNumber .app_liwuNumber_right .num input {
  width: 100%;
  height: 0.9062rem;
  line-height: 0.9062rem;
  background: none;
  padding: 0 10%;
  box-sizing: border-box;
  font-size: 0.375rem;
  color: #333;
  text-align: center; }
.app_liwuNumber .app_liwuNumber_right .add {
  width: 0.9375rem;
  padding: 0.1562rem 0;
  padding-top: 0.1rem;
  text-align: right;
  color: #e7433d;
  font-size: 0.7812rem;
  height: 0.625rem;
  line-height: 0.51rem;
  vertical-align: middle;
  float: left; }

.app_zengyan {
  width: 100%;
  padding-left: 1.4062rem;
  box-sizing: border-box;
  padding-top: 0.3906rem;
  position: relative; }
.app_zengyan .app_zengyan_left {
  width: 1.4062rem;
  height: 2.1093rem;
  position: absolute;
  left: 0rem;
  top: 0.3906rem;
  font-size: 0.4062rem;
  line-height: 2.1093rem;
  color: #333; }
.app_zengyan .app_zengyan_right {
  width: 100%; }
.app_zengyan .app_zengyan_right textarea {
  width: 100%;
  height: 2.1093rem;
  border: 1px solid #dedede;
  box-sizing: border-box;
  padding: 0.2343rem 0.2343rem;
  box-sizing: border-box;
  font-size: 0.3593rem;
  text-indent: 0rem;
  border-radius: 0.0937rem;
  resize: none; }
.app_zengyan .app_zengyan_right textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333; }
.app_zengyan .app_zengyan_right textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333; }
.app_zengyan .app_zengyan_right textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333; }
.app_zengyan .app_zengyan_right textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333; }

.app_syMoney {
  width: 100%; }
.app_syMoney ul {
  width: 100%;
  display: block; }
.app_syMoney ul li {
  width: 100%;
  height: 1.1093rem;
  line-height: 1.1093rem;
  border-bottom: 1px solid #eee;
  font-size: 0.4062rem;
  color: #999; }
.app_syMoney ul li:last-child {
  border-bottom: 0px; }

.app_czBanner img {
  width: 100%;
  display: block; }

.app_syMoney {
  width: 100%;
  padding: 0px 0.4687rem 0px 0.4687rem;
  box-sizing: border-box;
  background-color: #fff;
  box-sizing: border-box; }
.app_syMoney ul {
  width: 100%;
  display: block; }
.app_syMoney ul li {
  width: 100%;
  display: block;
  height: 1.1093rem; }

.app_vipBlock {
  width: 100%;
  margin-top: 0.3125rem;
  position: relative; }
.app_vipBlock img.vipBgImages {
  width: 100%;
  display: block; }
.app_vipBlock .vipTitle {
  width: 100%;
  font-size: 0.4687rem;
  position: absolute;
  left: 0rem;
  top: 5%;
  text-align: center; }
.app_vipBlock .vipTitle i {
  padding-left: 0.7031rem;
  background: url("../images/vipIco2.png") no-repeat left 0.1rem;
  background-size: 0.625rem;
  color: #b08544; }
.app_vipBlock .vipMoney {
  width: 100%;
  display: block;
  position: absolute;
  top: 38%;
  left: 0rem;
  font-size: 0.4218rem;
  color: #b08544;
  text-align: center; }
.app_vipBlock .vipM {
  width: 100%;
  text-align: center;
  bottom: 10%;
  left: 0rem;
  position: absolute;
  font-size: 0.3906rem;
  color: #333; }

.app_biaoTiBlock {
  width: 100%; }
.app_biaoTiBlock .title {
  width: 100%;
  padding-top: 0.4687rem;
  font-size: 0.375rem; }

.app_bottomLine {
  width: 100%;
  border-bottom: 1px dashed #dadada; }

.app_lipingList {
  width: 100%;
  padding-top: 0.5468rem;
  padding-bottom: 0.7812rem; }
.app_lipingList .li {
  width: 20%;
  float: left;
  text-align: center;
  font-size: 0.3125rem; }
.app_lipingList .li span {
  width: 100%;
  display: block; }
.app_lipingList .li span.font1 {
  color: #333;
  line-height: 0.3125rem; }
.app_lipingList .li span.font2 {
  line-height: 0.7812rem;
  color: #ea4136; }
.app_lipingList .li span.img1 {
  height: 1.4062rem; }
.app_lipingList .li span.img1 img {
  vertical-align: top;
  width: 50%;
  display: inline-block;
  position: relative;
  bottom: 0rem; }
.app_lipingList .li span.img2 {
  height: 1.4062rem; }
.app_lipingList .li span.img2 img {
  vertical-align: top;
  width: 65%;
  display: inline-block;
  position: relative;
  bottom: 0rem; }
.app_lipingList .li span.img3 {
  height: 1.4062rem; }
.app_lipingList .li span.img3 img {
  vertical-align: top;
  width: 50%;
  display: inline-block;
  position: relative;
  bottom: 0.05rem; }
.app_lipingList .li span.img4 {
  height: 1.4062rem; }
.app_lipingList .li span.img4 img {
  vertical-align: top;
  width: 72%;
  display: inline-block;
  position: relative;
  bottom: 0.05rem; }
.app_lipingList .li span.img5 {
  height: 1.4062rem; }
.app_lipingList .li span.img5 img {
  vertical-align: top;
  width: 58%;
  display: inline-block;
  position: relative;
  bottom: 0.05rem; }

.tips_newStyle {
  padding-top: 0.4687rem; }

.app_redBg {
  background-color: #e42b26; }

.app_yuerBlock {
  width: 100%;
  padding: 0.4687rem 0;
  background-color: #fff; }
.app_yuerBlock .app_yuerBlockLi {
  width: 50%;
  height: 1.1718rem;
  border-right: 1px solid #e8e8e8;
  box-sizing: border-box;
  float: left;
  text-align: center; }
.app_yuerBlock .app_yuerBlockLi span {
  width: 100%;
  height: 50%;
  display: block;
  font-size: 0.3125rem;
  color: #999; }
.app_yuerBlock .app_yuerBlockLi span.num {
  font-size: 0.4375rem;
  color: #333; }
.app_yuerBlock .app_yuerBlockLi:last-child {
  border-right: 0rem; }

.app_yearVip {
  width: 100%;
  position: relative; }
.app_yearVip img.vip {
  width: 100%; }

.app_userCommentfont {
  font-size: 0.3437rem;
  position: absolute;
  right: 0.3125rem;
  bottom: 0.1562rem;
  color: #999; }

.app_yearVip_btn {
  width: 100%;
  padding: 0 0.5625rem;
  box-sizing: border-box;
  position: absolute;
  top: 57%; }
.app_yearVip_btn button {
  width: 100%;
  height: 1.25rem;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1e2b5), to(#ecd89d));
  box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.16);
  font-size: 0.4687rem;
  color: #664e3a;
  border-radius: 1.5625rem;
  font-weight: bold;
  margin-bottom: 0.7812rem; }

.app_contentSpan2 {
  position: absolute;
  top: 75%;
  width: 100%;
  box-sizing: border-box;
  left: 0rem;
  padding: 0 0.625rem;
  padding-bottom: 0rem;
  color: #f5e6b8; }
.app_contentSpan2 .tips {
  color: #f5e6b8; }

.app_jieshao {
  padding-top: 0.7812rem; }
.app_jieshao .app_jieshao_li {
  width: 100%;
  display: block;
  text-align: center;
  padding-bottom: 0.4687rem; }
.app_jieshao .app_jieshao_li:last-child {
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #eaeaea; }
.app_jieshao .font1 {
  font-size: 0.4687rem;
  color: #333; }
.app_jieshao .font2 {
  font-size: 0.3906rem;
  color: #333; }
.app_jieshao .font2 i {
  color: #ea4136; }
.app_jieshao .font3 {
  font-size: 0.3281rem;
  color: #999; }

.app_jieshao_jianjia {
  width: 100%;
  position: relative;
  padding-top: 0.7812rem; }
.app_jieshao_jianjia .vipButtonBg {
  width: 100%;
  display: block; }
.app_jieshao_jianjia .app_jieshao_jianjiaSpan {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 40%;
  left: 0;
  font-size: 0.3906rem;
  text-align: center; }
.app_jieshao_jianjia .app_jieshao_jianjiaSpan em {
  font-size: 0.3125rem;
  padding: 0.0468rem 0.0937rem;
  background-color: #ed3f2e;
  color: #fff;
  border-radius: 0.0937rem;
  font-style: normal;
  position: absolute;
  right: -1.568rem;
  top: -0.3rem;
  font-weight: bold; }
.app_jieshao_jianjia .app_jieshao_jianjiaSpan .sps {
  display: inline-block;
  position: relative; }
.app_jieshao_jianjia .app_jieshao_jianjiaSpan .sps.money {
  font-size: 0.5625rem;
  color: #ed3f2e;
  width: 100%; }

.icon_span {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.3125rem;
  background: url("../images/daohang_redIco.jpg") no-repeat left 0.26rem;
  background-size: 0.0937rem;
  font-size: 0.42rem;
  color: #333; }

.tips_newStyle2 {
  color: #999;
  padding-bottom: 0.6rem; }

.pageBlocksp {
  width: 100%;
  padding-top: 0.7812rem; }

.pageBL1 {
  width: 104%;
  overflow: hidden;
  padding-bottom: 0.3125rem; }
.pageBL1 ul {
  width: 100%;
  position: relative;
  left: 0%; }
.pageBL1 ul li {
  width: 25%;
  float: left; }
.pageBL1 ul li:last-child {
  float: right; }
.pageBL1 ul li a {
  width: 2.0312rem;
  height: 0.9375rem;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #f2f0eb;
  display: inline-block;
  font-size: 0.4062rem;
  color: #333;
  text-decoration: none;
  border-radius: 0.0937rem;
  text-align: center;
  line-height: 0.9375rem; }
.pageBL1 ul li a.no {
  color: #999; }

.pageBL1 ul li a:hover{
  color: #333;
}

.pageBL2 {
  width: 104%;
  overflow: hidden;
  padding-bottom: 0.3125rem; }
.pageBL2 ul {
  width: 100%;
  position: relative;
  left: 0%; }
.pageBL2 ul li {
  width: 33.33%;
  float: left; }
.pageBL2 ul li:last-child {
  float: right; }
.pageBL2 ul li a {
  width: 2.7343rem;
  height: 0.9375rem;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  background-color: #f2f0eb;
  display: inline-block;
  font-size: 0.4062rem;
  color: #333;
  text-decoration: none;
  border-radius: 0.0937rem;
  text-align: center;
  line-height: 0.9375rem; }
.pageBL2 ul li a.no {
  color: #999; }

.app_wenzhangBlock .contentButton2 {
  padding: 0.3906rem;
  padding-top: 0.2343rem;
  min-height: 5.5rem; }
.app_wenzhangBlock .code_span {
  width: 4.0rem;
  position: absolute;
  left: 0.3906rem;
  top: 0.3906rem; }
.app_wenzhangBlock .code_span .code {
  width: 100%;
  background-color: #fff;
  padding: 0.2812rem;
  box-sizing: border-box;
  display: block; }
.app_wenzhangBlock .code_span img {
  width: 100%;
  display: block; }

.codeFont {
  width: 100%;
  padding-left: 4.5031rem;
  box-sizing: border-box;
  text-align: left;
  font-size: 0.36rem;
  line-height: 0.8rem; }

.codeTips {
  font-size: 0.3125rem;
  white-space: nowrap;
  text-align: center;
  transform: translateX(0) scale(0.9);
  display: block; }

.codeTips2 {
  font-size: 0.3437rem;
  white-space: nowrap;
  text-align: center;
  color: #999999; }

.codeDaoHang {
  width: 100%;
  padding-top: 0.5468rem; }
.codeDaoHang .codeDaoHang_nav {
  width: 100%;
  font-size: 0.4062rem;
  padding-top: 0.4687rem;
  border-top: 1px dashed #c2bba8;
  color: #999; }
.codeDaoHang .codeDaoHang_nav a {
  color: #999;
  text-decoration: none; }

.codeDaoHang_list {
  width: 100%;
  text-align: center;
  font-size: 0.3906rem;
  color: #333;
  padding: 0.9375rem 0 0.5468rem 0; }

.codeImages {
  width: 100%;
  text-align: center; }
.codeImages img {
  width: 4.3125rem;
  height: 4.3125rem;
  display: inline-block;
  border: 0.2812rem solid #fff;
  box-sizing: border-box; }

.app_topTabBlock {
  width: 100%;
  padding: 0 0.3906rem;
  box-sizing: border-box;
  height: 1.0937rem;
  line-height: 1.0937rem;
  background-color: #fff;
  border-bottom: 1px solid #eee; }
.app_topTabBlock .leftFont {
  font-size: 0.4062rem; }
.app_topTabBlock .rightButton {
  width: auto;
  padding: 0 0.3125rem;
  height: 0.7031rem;
  border: 1px solid #ea4136;
  color: #ea4136;
  text-align: center;
  line-height: 0.7031rem;
  border-radius: 0.0937rem;
  font-size: 0.3281rem;
  margin-top: 0.16rem;
  margin-left: 0.4687rem; }

.app_consumption {
  width: 100%;
  display: block;
  box-sizing: border-box; }
.app_consumption ul {
  width: 100%;
  display: block; }
.app_consumption ul li {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.1);
  padding: 0 0.3125rem;
  box-sizing: border-box;
  border-radius: 0.0937rem;
  margin-top: 0.3125rem; }
.app_consumption ul li .app_consumptionLi_top {
  width: 100%;
  min-height: 1.8281rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #f7f7f7;
  position: relative; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionLeftImages {
  width: 1rem;
  height: 1.3906rem;
  position: absolute;
  left: 0rem;
  top: 0.35rem; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionLeftImages img {
  width: 100%; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont {
  width: 100%;
  padding-left: 1.4rem;
  box-sizing: border-box; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont .title {
  width: 100%;
  display: block;
  font-size: 0.4375rem;
  color: #333;
  padding-top: 0.35rem; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont .time {
  width: 100%;
  display: block;
  font-size: 0.3125rem;
  color: #999;
  padding-top: 0.35rem; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont2 .title {
  width: 100%;
  display: block;
  font-size: 0.4375rem;
  color: #333;
  padding-top: 0.35rem;
  position: relative; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont2 .time {
  width: 100%;
  display: block;
  font-size: 0.3125rem;
  color: #999;
  padding-top: 0.35rem;
  position: relative; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont2 .leftBlock {
  width: 75%;
  white-space: nowrap; }
.app_consumption ul li .app_consumptionLi_top .app_consumptionRightFont2 .rightBlock {
  width: 25%;
  position: absolute;
  right: 0rem;
  top: 0.37rem;
  text-align: right; }
.app_consumption ul li .app_consumptionLi_bottom {
  width: 100%;
  height: 1.3281rem; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomLeft {
  float: left;
  height: 1.3281rem;
  font-size: 0.4062rem;
  line-height: 1.3281rem;
  padding-left: 0; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomLeft i {
  display: inline-block; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomLeft .aw_1 {
  display: inline-block;
  float: left;
  padding-right: 0.3125rem; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomLeft .aw_1 img {
  width: 0.7187rem;
  display: block;
  margin-top: 49%; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomRight {
  float: right;
  font-size: 0.3906rem;
  height: 1.3281rem;
  line-height: 1.3281rem;
  color: #999; }
.app_consumption ul li .app_consumptionLi_bottom .app_consumptionLi_bottomRight i {
  color: #333; }

.app_tipsBlp {
  width: 4.3125rem;
  height: 0.5625rem;
  border: 1px dashed #d5b27c;
  border-radius: 0.9375rem;
  text-align: center;
  font-size: 0.3593rem;
  line-height: 0.5625rem;
  color: #996c33;
  position: absolute;
  left: 50%;
  top: 56%;
  margin-left: -2.156rem; }

.app_faceIcon {
  width: 100%;
  height: auto;
  font-size: 0.375rem; }

.app_faceIcon_font {
  width: 100%;
  box-sizing: border-box;
  background: url("../images/faceIcon.png") no-repeat left center;
  background-size: 0.5625rem;
  display: block;
  height: 0.5625rem;
  line-height: 0.5625rem;
  margin: 0.3125rem 0;
  padding-left: 0.7031rem; }

.app_faceWindow {
  width: 100%;
  padding-bottom: 0.3125rem; }
.app_faceWindow li {
  width: 12.5%;
  height: 0.9375rem;
  line-height: 0.9375rem;
  text-align: center;
  float: left; }
.app_faceWindow li img {
  width: 0.75rem;
  vertical-align: middle; }

.shangBlock {
  width: 100%;
  padding: 0.4687rem 0 0rem 0; }
.shangBlock .shangButton {
  width: 2.2031rem;
  height: 2.2031rem;
  background-size: 2.2031rem;
  margin: 0 auto; }

.shangBlock .shangButton img{
  width: 95%;
  display: inline-block;
}

.shangBlock .shangBlockFont {
  font-size: 0.3593rem;
  color: #999;
  width: 100%;
  text-align: center; }

.app_fwtk{
  width: 100%;
  font-size: 0.35rem;
  color: #999;
  line-height: 0.6rem;
  padding-bottom: 0.6rem;
}

.app_fwtk .tit1{
  width: 100%;
  display: block;
  font-size: 0.4rem;
  color: #333;
  font-weight: bold;
  padding: 0.6rem 0;
  padding-bottom: 0.3rem;
  text-align: center;
}

.app_fwtk .tit2{
  width: 100%;
  display: block;
  font-size: 0.4rem;
  color: #333;
  padding-top: 0.3rem;
  padding-bottom: 0.4rem;
}

.colorStyle2   .contentButton{
  border:1px  dashed  #555;
}


.colorStyle2 .codeDaoHang .codeDaoHang_nav{
  border-top: 1px dashed #555;
}


.app_signInWindow{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.app_signInWindow_main{
  width: 7.5rem;
  height: 4.45rem;
  background-color: #fff;
  border-radius: 0.2rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  top: 50%;
  margin-top: -2.225rem;
  z-index: 2;
}

.app_signInWindow_title{
  width: 100%;
  text-align: center;
  padding-top:0.46rem;
  font-size:0.48rem;
  padding-bottom: 0.50rem;
}

.app_signInWindow_content{
  padding: 0  0.78rem;
  font-size: 0.35rem;
  color: #999;
  text-align: center;
  line-height: 0.6rem;
  padding-bottom: 0.5rem;
}

.app_signInWindow_content i{
  color: #f59900;
}

.app_signInWindow_button{
  width: 100%;
  border-top: 1px solid #dbdbdb;
  text-align: center;
  line-height: 1.1rem;
  font-size: 0.42rem;
  color: #ea4136;
  cursor: pointer;
}

.app_signInWindow_mesk{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.6);
  left: 0rem;
  top: 0rem;
  z-index: 1;
}