@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;background:#1B8DFF;font-family:Helvetica;font-size:0.12rem;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
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;}
.list img{width:100%;outline-width:0px;vertical-align:top;}
a {text-decoration:none;color:#FFF;}
.yrj_bg{background:url(../images/hero_bg.png);background-size:contain;}
.DJS{position: absolute;left:50%;bottom:3%;transform:translate3d(-46%, 0%, 0);font-size:0.8rem;color:#FFF;letter-spacing:0.2rem;}
.pay{border-top:1px solid #ededed;background:#FFF;position:fixed;bottom:0;width:100%;padding:0.15rem 0.15rem 0 0.15rem;line-height:2em;font-size:0.1rem;z-index:2;box-sizing:border-box;}
.pay .pay_main b{font-size:0.12rem;}
.pay .pay_main span{color:#999;}
.pay .pay_main a{border:1px solid #CCC;padding:0.05rem 0.08rem;color:#333;font-size:0.08rem;border-radius:0.05rem;margin:0.05rem 0.08rem 0.05rem 0;display:inline-block;}
.pay_up{background:#FB5357;border:#FB5357!important;color:#FFF!important;}
.bottom_menu{background:#FFF;position:fixed;bottom:0;width:100%;text-align:center;border-top:1px solid #ededed;z-index:1;}
.Button{display:inline-block;background:#FB5357;border-radius:100px;padding:0.1rem 0.2rem;margin:0.1rem;font-size:0.12rem;}
.Button2{display:inline-block;background:#FFF;border-radius:100px;font-size:0.12rem;border:0.03rem solid #333;color:#333;padding:0.08rem 0.18rem;margin:0.1rem;}
.address{padding:0 0.1rem;box-sizing:border-box;}
.address li{border-bottom:1px solid #ededed;padding:0.1rem 0;}
.address li span{width:0.6rem;display:inline-block;}
.address li input{border:none;font-size:0.1rem;color:#666;}
.address li select{font-size:0.1rem;color:#666;margin-right:0.1rem;}
.address li label{font-size:0.1rem;color:#666;}
.dingdan li{border-bottom:1px solid #ededed;padding:0.1rem;background:#FFF;font-size:0.1rem;line-height:2em;}
.dingdan li img{width:100%;outline-width:0px;vertical-align:top;}

/* 专题首页 */
.top_banner{background:url(../images/bg.jpg) repeat-y;background-size:100%;overflow:hidden;}
.top_banner img{width:100%;vertical-align:top;}
.zp_list li{display:inline-block;width:31%;height:8.75rem;margin:0.7rem 0 0 1.75%;text-align:center;vertical-align:top; background:#fff;box-sizing:border-box;padding:0.3rem;border-radius:0.2rem;font-size:0.5rem;color:#0E1F7A;font-weight:bold;}
.zp_list li img{width:100%;}
.zp_list_bg{background:url(../images/sfxsq_r17_c1.jpg) no-repeat;background-size:cover;}


/*分页代码*/ 
.nav {overflow:hidden;font-size:0.5rem;}
.nav div {margin-left:0.5rem;font-weight:bold;display:inline-block;vertical-align:top;}
.nav div{*display:inline;}
.pagebar a{color:#0C2077;text-decoration:none;height:1.5rem;width:1.5rem;line-height:1.5rem;background:#00FEFC;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:#928301;}
.pagebarPrv a {width:auto!important;padding:0 0.75rem;overflow: hidden;}
.pagebarNext a {width:auto!important;padding:0 0.75rem;overflow: hidden;}


/* 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;}

/* 评论列表 */

.box_content{margin:0.5rem;box-sizing: border-box;}
.rp_bt_box {width: 100%;margin: 0 auto 0;box-sizing:border-box;background:#FFF;overflow:hidden;}
.rp_bt_box .box_title {
  position: absolute;
  left: 0;
  top: -35px;
  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_red {
  color: #ee2a2c;
}

.rule_dl {
  margin: 0;
  padding-bottom: 15px;
}

.rule_dt {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background: #FD7237;
}

.rule_dd {
  margin: 0;
  padding: 20px 20px;
  line-height: 30px;
  color: #292526;
  font-size: 16px;
}

.rp_copyright {
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #999;
}

.rp_chatbox {
}
.rp_chatbox .box-item:last-child .item_content {
  border-bottom: none;
}
.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 #0E1F7A;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:#31A8FC;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-size: 12px;
  font-weight: bold;
}
.comment-item .link-area {
  font-size: 12px;
}
.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;
  font-size: 12px;
}
.comment-item .starlist {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}
.comment-item .comment-bottom {
  padding-top: 7px;
  font-size: 12px;
}
.comment-item .comment-bottom span {
  display: inline-block;
  vertical-align: middle;
}
.comment-item .comment-bottom .icn {
  margin-right: 5px;
  font-size: 13px;
}
.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;
  font-size: 12px;
}
.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;
  font-size: 12px;
  line-height: 1;
}
.comment-item .comment-text {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 2;
  font-size: 12px;
  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: 12px;
}
.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-size: 12px;
  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;
  }
}