@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */


body {margin:0 auto;max-width:750px;font-family:Helvetica;font-size:0.5rem;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background:#FFCDD6;}
input[type=button],input[type=text],input[type=number],input[type=password],textarea{-webkit-appearance:none;outline:0}
ul{list-style: none;padding:0;margin: 0;}
.banner1 img{width:100%;outline-width:0px;vertical-align:top;}
a {text-decoration:none;color:#FFF;}

/* 专题首页 */
.banner img{width:100%;vertical-align:top;}
.zt_menu{text-align:center;}
.zt_menu li{display:inline-block;width:4.25rem;height:4.075rem;margin:0.8rem 0.4rem;}
.zt_menu li:first-child{background:url(../images/menu1.png) no-repeat;background-size:100%;}
.zt_menu li:nth-of-type(2){background:url(../images/menu2.png) no-repeat;background-size:100%;position:relative;}
.zt_menu li:last-child{background:url(../images/menu3.png) no-repeat;background-size:100%;}
.zt_menu li:nth-of-type(2) div{position:absolute;background:#F0333A;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;color:#FF0;font-weight:bold;font-size:0.7rem;top:0;right:-0.3rem;border-radius:1rem;border:2px solid #FFF;}
.zt_menu1_up{background:url(../images/menu1_up.png) no-repeat!important;background-size:100%!important;}
.zt_menu2_up{background:url(../images/menu2_up.png) no-repeat!important;background-size:100%!important;}
.zt_menu3_up{background:url(../images/menu3_up.png) no-repeat!important;background-size:100%!important;}
.JP_list li{display:inline-block;width:46.25%;margin-left:2.5%;background:url(../images/JP_bg.png) no-repeat;background-size:100%;height:13.2rem;vertical-align:top;margin-bottom:0.5rem;padding:0.4rem 0.4rem 0 0.8rem;box-sizing:border-box;color:#F5748D;font-weight:bold;font-size:0.7rem;position:relative;}
.JP_list li img{width:100%;}
.JP_list li div{position:absolute;right:0;bottom:0.6rem;width:3.95rem;height:1.35rem;background:url(../images/add_icon_jp.png) no-repeat;background-size:100%;}
.zw_list_bg{background:#fff;border-radius:0.5rem;margin:0 0.8rem 0.8rem 0.8rem;padding:0.5rem 0;}
.zw_list{font-size:0;}
.zw_list li {display:inline-block;width:30%;margin-left:2.5%;text-align:center;vertical-align:top;}
.zw_list li img {margin-bottom:0.5rem;width:100%;}
.zw_list li P {margin:0px;height:2rem;overflow:hidden;color:#6CAEB2;font-size:0.5rem;font-weight:bold;}
.book_menu{width:95%;margin:0 auto;text-align:center;margin-bottom:0.5rem;background:url(../images/book_menu_bg.png) no-repeat;background-size:100%;}
.book_menu li{width:50%;color:#EFD3D8;line-height:2em;font-size:1.3rem;font-weight:bold;display:inline-block;border-bottom:0.15rem solid #FFF1F4;}
.book_menu_up{color:#F5738C!important;border-bottom:0.1rem solid #F5738C!important;}
.book_menu_border{width:95%;margin:0 auto 0.5rem;border:2px solid #880F13;background:#FFF;border-radius:0 0.5rem 0.5rem 0.5rem;box-sizing:border-box;}
.fl_menu{margin-bottom:0.7rem;}
.fl_menu li{display:inline-block;width:2.7rem;height:2.7rem;line-height:2.7rem;background:url(../images/fl_menu_bg.png) no-repeat;background-size:100%;margin:0.5rem 0 0 0.48rem;font-size:0.7rem;font-weight:bold;color:#B16B1F;text-align:center;}
.fl_menu li:first-child{margin-left:0.4rem;}
.fl_menu li:nth-of-type(6){margin-left:0.4rem;}
.fl_menu_bg_up{background:url(../images/fl_menu_bg_up.png) no-repeat!important;background-size:100%!important;color:#FFF!important;}
.pay_bg{background:url(../images/pay_bg.png) no-repeat;background-size:100%;height:2.8rem;width:96%;margin:0 auto;}
.pay_bg li{display:inline-block;color:#C58692;font-size:0.6rem;font-weight:bold;vertical-align:top;}
.pay_bg li:first-child{width:12.6rem;text-align:center;}
.pay_bg li:first-child label{color:#F5748E;font-size:1rem;}
.pay_bg li:first-child label span{font-size:1.5rem;color:#FA1414;}
.pay_bg li:last-child{height:2.8rem;width:3.6rem;}
.tck_bg{position:fixed;margin:auto;top:50%;left:0;bottom:50%;right:0;width:16.8rem;height:24rem;text-align:center;z-index:101;}
.tck_bg img{width:100%;}
.tck_bg div{position:absolute;bottom:0;width:100%;height:3.4rem;}

/* tip */
#loading{z-index:2000;top:55%;left:49%;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop+364+"px");padding:3px}
.Tips{position:fixed;margin:auto;top:50%;left:0;bottom:50%;right:0;height:1rem;text-align:center;z-index:101;}
.Tipscontent{color:#fff;background-color:#000;border-radius:0.3rem;background:rgba(0,0,0,0.6);display:inline-block;padding:0.5rem 0.6rem;}
.Tipscontent span{font-size:0.5rem;}
.tips_bg{width:14rem;height:15rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/tips_bg.png) center top no-repeat;background-size:100%;}

/* 评论列表 */
.rp_bg{background:#FFF;padding-top:0.5rem;}
.rp_bt_box {
  width: 94%;
  margin: 0 auto 0;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.rp_bt_box .box_title {
  position: absolute;
  left: 0;
  top: -1rem;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.rp_bt_box .box_title span {
  display: inline-block;
  width: 69px;
  height: 69px;
  margin: 0 13px;
  background-color: #ee2a2c;
  border-radius: 100%;
  color: #ffd310;
  font-size: 48px;
  font-weight: bold;
  line-height: 69px;
}
.rp_bt_box .box_fan {
  position: absolute;
  right: -51px;
  top: -50px;
  width: 174px;
  height: 118px;
}
.rp_bt_box .box_firecrackers {
  position: absolute;
  right: -51px;
  top: -32px;
  width: 142px;
  height: 126px;
}
.no_pd {
  padding: 0 !important;
}

.rp_rule_box {
  padding: 0 20px 20px 20px;
}
.rp_rule_box .box_content {
  padding-top: 20px;
}
.rp_chatbox .avator {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}
.rp_chatbox .avator img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.rp_chatbox .item_content {
  padding-bottom: 30px;
  margin-left: 70px;
}
.rp_chatbox .chat_textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 1px solid #4C76E1;
  border-radius: 5px;
  box-sizing: border-box;
  resize: none;
}
.rp_chatbox .btn_row {
  padding-top: 15px;
  text-align: right;
}
.rp_chatbox .blue_btn {
  display: inline-block;
  width:120px;
  height:40px;
  background:#4C76E1;
  border-radius:50px;
  line-height:40px;
  text-align:center;
  color:#fff;
  font-size:16px;
}
.rp_chatbox .chat_text {
  padding: 22px 0;
  color: #292526;
  font-size: 16px;
}
.user-mask {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.block-img {display:block;width:100%;}
.comment-item{padding: 20px 0;border-bottom:1px solid #e6e6e6;}
.comment-item.notice{border-bottom: 1px dashed #d9d9d9;}
.comment-item:last-child{border-bottom:none;}
.comment-item .user-mask{width: 40px;height:40px;}
.comment-item .comment-main {padding-left:50px;}
.comment-item .comment-title .text{color:#3686d8;font-weight: bold;}
.comment-item .to-top {float: right;margin-right: 20px;line-height: 1;}
.comment-item .to-top span{display: inline-block;vertical-align: middle;color: #f90;}
.comment-item .link {margin-right: 10px;color: #3686d8;}
.comment-item .gray {color: #868686;}
.comment-item .yellow {color: #f90;}
.comment-item .red {color: #fa364d;}
.comment-item .blue {color: #3686d8;}
.comment-item .icn-top {
  margin-top: -1px;
  width: 10px;
  height: 13px;
  background-position: center -24px;}
.comment-item .reply-btn {
  float: right;
  color: #3686d8;
  font-weight: bold;
}
.comment-item .sub-title {
  margin-top: 10px;
  color: #f60;
  font-size: 16px;
  font-weight: bold;
}
.comment-item .comment-date {
  padding-top: 5px;
}
.comment-item .starlist {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}
.comment-item .comment-bottom {
  padding-top: 7px;
}
.comment-item .comment-bottom span {
  display: inline-block;
  vertical-align: middle;
}
.comment-item .comment-bottom .icn {
  margin-right: 5px;
}
.comment-item .comment-bottom .good {margin-right: 15px;color: #f90;}
.comment-item .comment-bottom .btn-area {float: left;}
.comment-item .comment-bottom .btn {width: 164px;height: 35px;line-height:35px;}
.comment-item .comment-bottom .btn .text {margin-right:5px;}
.comment-item .comment-bottom .bdsharebuttonbox {float:right;width:auto;}
.comment-item .date{margin-right:10px;color: #999;line-height: 1;}
.comment-item .floor{float:right;}
.comment-item .comment-text{margin-top:10px;margin-bottom:10px;line-height:2;color:#666;}
.comment-item .comment-text a {color: #3686d8;}
.comment-item a.comment-text {display: block;color: #666;}
.comment-item .short-comment-reply .short-textarea {
  width: 594px;
  height: 70px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  resize: none;
  font-size: 16px;
}
.comment-item .short-comment-reply .submit-area {padding: 10px 0;font-size:0.5rem;}
.comment-item .short-comment-reply .btn {
  margin-right: 15px;
  width: 72px;
  height: 30px;
  line-height: 30px;
}
.comment-item .short-comment-reply .text {color: #666;}
.comment-item .short-comment-reply .text i {font-style: normal;}
.comment-item .all-replay {padding-top: 10px;padding-bottom: 15px;text-align: right;font-weight: bold;}
.comment-item .short-comment {
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.comment-item .short-comment .short-comment-item {padding-top: 12px;border-bottom: 1px solid #f6f6f6;}
.comment-item .short-comment .reply-btn {font-weight: normal;}
.comment-item .short-comment .comment-text {color: #999;}
.comment-item .short-comment .short-textarea {width: 534px;background-color: #fcfcfc;}

@-moz-keyframes scaleout {
  0% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1);
  }
  100% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes scaleout {
  0% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1);
  }
  100% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1.7);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1);
  }
  100% {
    backface-visibility: hidden;
    transform: perspective(1800px) translate3d(0, 0, 0) scale(1.7);
    opacity: 0;
  }
}
.nav {overflow:hidden;font-size:0.5rem;}
.nav div {margin:0 0.25rem;font-weight:bold;display:inline-block;vertical-align:top;}
.nav div{*display:inline;}
.pagebar a{color:#5019A8;text-decoration:none;height:1.5rem;width:1.5rem;line-height:1.5rem;background:#fff;border-radius:0.75rem;display:inline-block;text-align:center;}
.pagebar a:link {color:#0E1F7A;text-decoration:none;}
.pagebar a:visited {color:#928301;text-decoration:none;}
.pagebar a:hover {background:#FFF;color:#EE702B;text-decoration:none;}
.pagebar a:active {color:#928301;text-decoration: none;}
.pagebarCurrent {height:1.5rem;width:1.5rem;line-height:1.5rem;background:#ededed;border-radius:0.75rem;text-align:center;color:#0E1F7A;}
.pagebarDot {padding:0.375rem 0.05rem;border:none;color:#fff;}
.pagebarPrv a {width:auto!important;padding:0 0.75rem;overflow: hidden;}
.pagebarNext a {width:auto!important;padding:0 0.75rem;overflow: hidden;}
.ui-widget-overlay{background:#666666 50% 50% repeat;opacity:.50;filter:Alpha(Opacity=50);}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}