@charset "UTF-8";
/*css 初始化 */
html,
body {
  font-family: Microsoft YaHei;
  color: rgb(89, 89, 89);
  background: #fff;
  -webkit-text-size-adjust: none;
  font-size: 15px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
li,
dd,
th,
td,
p,
pre,
form,
input,
button,
textarea,
hr {
  margin: 0;
  /* padding: 0; */
  font-weight: normal;
}
div {
  box-sizing: border-box !important;
}

/*各浏览器显示不同，去掉蓝色边框*/
fieldset,
img,
input,
button,
pre {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}

pre {
  background-color: #fff;
}

/* ul,
ol,
li {
  list-style: none;
} */

/*去掉行内替换元素空白间隙*/
select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}

/*防止拖动，影响布局*/
textarea {
  resize: none;
}

/*图片与文字对齐*/
img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}

s,
i,
em {
  font-style: normal;
  text-decoration: none;
}

/*公共部分*/
body {
  font: 12px/150%;
  color: #000;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}

/*链接*/
a {
  color: #000;
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

/*普通字号*/
.cy-fs2 {
  font-size: 13px;
  line-height: 20px;
  color: #999;
}

.cy-fs_14 {
  font-size: 14px;
  line-height: 20px;
}

.cy-fs_15 {
  font-size: 15px;
  line-height: 21px;
}

.cy-fs_16 {
  font-size: 16px;
  line-height: 22px;
}

.cy-fs_16_col999 {
  font-size: 16px;
  line-height: 22px;
  color: #999;
}

.cy-fs_17 {
  font-size: 17px;
  line-height: 24px;
}

.cy-fs_18 {
  font-size: 18px;
  line-height: 24px;
}

.cy-fs_20 {
  font-size: 20px;
  line-height: 26px;
}

.cy-fs_22 {
  font-size: 22px;
  line-height: 28px;
}

.cy-fs_24 {
  font-size: 24px;
  line-height: 30px;
}

.cy-fs_26 {
  font-size: 26px;
  line-height: 34px;
}

.cy-fs_27 {
  font-size: 27px;
  line-height: 35px;
}

.cy-fs_30 {
  font-size: 30px;
  line-height: 38px;
}

.cy-fs_32 {
  font-size: 32px;
  line-height: 42px;
}

.cy-fs_36 {
  font-size: 36px;
  line-height: 42px;
}

.cy-fs_38 {
  font-size: 38px;
  line-height: 44px;
}

.cy-fs_40 {
  font-size: 40px;
  line-height: 50px;
}

.cy-fs_46 {
  font-size: 46px;
  line-height: 60px;
}

.cy-fs_48 {
  font-size: 48px;
  line-height: 60px;
}

.fc-tishi {
  color: #666666;
}

.fc-000 {
  color: #000;
}

.fc-858585 {
  color: #858585;
}

.fc-fff {
  color: #fff;
}

.fc-ff4400 {
  color: #ff4400;
}

.fc-ff7910 {
  color: #ff7910;
}

.fc-116690 {
  color: #116690;
}

.fc-a05118 {
  color: #a05118;
}

.fc-placeholder {
  color: #b2b2b2;
}

/*首行缩进*/
.t-indent {
  text-indent: 40px;
}

/*文字排版*/
.t-align-c {
  text-align: center;
}

.t-align-r {
  text-align: right;
}

.t-align-l {
  text-align: left;
}

/*加粗*/
.t-strong {
  font-weight: 700;
}

/*padding值*/
.cy-pad_l_r {
  padding: 0 20px;
}

.cy-pad_l_top {
  padding: 20px 0;
}

/*边框*/
.cy_bor {
  border: 1px solid #ececec;
}

.cy_bor_l {
  border-left: 1px solid #ececec;
}

.cy_bor_r {
  border-right: 1px solid #ececec;
}

.cy_bor_t {
  border-top: 1px solid #ececec;
}

.cy_bor_b {
  border-bottom: 1px solid #ececec;
}

.bg1 {
  background-color: #ffffff;
}

.bg2 {
  background-color: #f9f9f9;
}

.a-line {
  text-decoration: underline;
}

.img-center {
  display: block;
  margin: 0 auto;
}

.txt-ellipsis1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*margin值*/
.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

/*padding*/
.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.body-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 15px;
}

.rich_media_content {
  font-size: 1rem;
  padding: 10px;
  background-color: #fff;
}

.rich_media_content img {
  max-width: 100%;
}

.img-t {
  width: 100%;
  display: block;
}

.line1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 84%;
  margin-left: -42%;
  height: 19px;
  background-color: rgba(0, 112, 192, 0.2);
}

.line2 {
  position: absolute;
  bottom: 36px;
  left: 50%;
  margin-left: -115px;
  width: 230px;
  height: 1px;
  background-color: rgba(0, 112, 192, 0.2);
  z-index: 1;
}

.line3 {
  position: absolute;
  left: 50%;
  margin-left: -115px;
  bottom: 28px;
  width: 230px;
  height: 2px;
  background-color: #5d5acb;
  z-index: 2;
}

.line5 {
  position: absolute;
  left: 50%;
  bottom: -0.10666667rem;
  margin-left: -100px;
  width: 200px;
  height: 20px;
  background-color: rgba(0, 112, 192, 0.2);
  z-index: 1;
}

.line6 {
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 14px;
  background-color: #377aff;
}

.line7 {
  position: absolute;
  right: -2px;
  top: 10px;
  width: 1px;
  height: 11px;
  background-color: #4a4e6b;
}

.line8 {
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -45%;
  width: 90%;
  height: 19px;
  background-color: rgba(0, 112, 192, 0.2);
  z-index: 1;
}

.line10 {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -40%;
  width: 85%;
  height: 19px;
  background-color: rgba(0, 112, 192, 0.2);
}

.line11 {
  position: absolute;
  border-top: 1px solid #e9eaf7;
  border-bottom: 1px solid #e9eaf7;
  left: 0;
  top: 10px;
  width: 100%;
  height: 6px;
}

.header .headerName {
  font-size: 24px;
  line-height: 30px;
  color: #333;
  margin-top: 5px;
  font-weight: 400;
  font-weight: 600;
  margin-bottom: 20px;
}

.header .headerNav {
  margin-top: 0.42667rem;
  margin-bottom: 10px;
}

.header .headerNav div {
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
}

.header .label {
  line-height: 24px;
  padding: 0px 10px;
  text-align: center;
  font-size: 16px;
  color: #c7c7c7;
  border-radius: 1.06667rem;
  border: 1px solid #c7c7c7;
}

.header .label3 {
  color: #377aff;
}

.header .explain {
  position: relative;
  float: right;
  margin: 0 0 10px 0;
  padding: 0 5px;
  font-size: 18px;
  font-weight: 900;
  color: #000;
}

.header .explainImg {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.header .explain span {
  color: #377aff;
}

.header .headerTab {
  position: relative;
  text-align: center;
  padding: 40px 5px 54px;
  text-align: center;
  border: 1px solid #377aff;
  margin: 20px 0 40px;
}

.header .headerTabDesc {
  width: 100%;
  position: relative;
  padding-top: 10px;
  text-align: center;
  font-size: 20px;
  color: #000;
}
.header .headerTabName {
  width: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
  letter-spacing: 3px;
  font-size: 32px;
  font-weight: 900;
  color: #377aff;
  z-index: 10;
}
.header .headerTabName2 {
  position: relative;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin: 15px auto 0;
  padding-left: 45px;
}
.header .headerTabName2 .weixin {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
}
.header .headerTabName2 .content .lin3 {
  margin-top: 3px;
  width: 100%;
  height: 1px;
  background-color: #377aff;
}
.header .headerTabName2 .content .lin4 {
  margin-top: 3px;
  width: 100%;
  height: 3px;
  background-color: #377aff;
}
.header .headerTabName p {
  z-index: 2;
  position: relative;
}

.header .headerTabB {
  position: relative;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #4a4e6b;
}

.header .headerTabB .footerTabB {
  background-color: #fff;
  width: 300px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
  padding-left: 20px;
}

.header .headerTabB .ht-btn {
  width: 170px;
  margin: 5px auto;
  padding: 5px;
  color: #fff;
  background-color: #717dda;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.header .headerTabImg {
  display: inline-block;
  width: 30px;
  height: 23px;
  margin-right: 5px;
  margin-left: -43px;
}

.header .headerTabImg .img-1 {
  width: 30px;
  height: 23px;
}

.header .headerTabImg .img-2 {
  width: 30px;
  height: 23px;
  margin-right: 10px;
}

.icon-pc {
  display: none;
  width: 375px;
  height: 430px;
  position: fixed;
  right: 30px;
  bottom: 100px;
  border-radius: 5px;
}

.icon-pc.active {
  display: block;
}

.icon-pc img {
  width: 100%;
  height: 100%;
}

.icon-weinxin-fixed {
  display: none;
  position: fixed;
  top: 50%;
  margin-top: -30px;
  right: 20px;
  background-color: #09bb07;
  width: 55px;
  height: 55px;
  z-index: 88;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.icon-weinxin-fixed.active {
  display: block;
}

.icon-weinxin-fixed .icon-wx {
  width: 45px;
  display: block;
  margin: 10px auto;
}

.icon-weinxin-fixed .icon-num {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: red;
  color: #fff;
  right: -7px;
  top: -7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  line-height: 18px;
}

.icon-weinxin-fixed .icon-txt {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #fff;
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  height: 17px;
  line-height: 1;
}

.icon-weinxin-fixed .icon-txt i {
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 1.2px;
  transform: scale(0.7);
  margin-left: -10px;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}

#bottom .headerBtnBg {
  margin-top: -55px;
  width: 100% !important;
  position: relative;
  padding-top: 1.86666667rem;
  cursor: pointer;
}

#bottom .headerBtnBg .headerBtnBgImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.65333333rem;
}

#bottom .headerBtnBg .headerBtn {
  position: relative;
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin-top: 20px;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background-color: #09bb07;
  border-radius: 0.26666667rem;
  box-shadow: 0 0.16rem 0.26667rem 0rem rgba(85, 77, 192, 0.14);
}

#bottom .headerBtnBg .headerBtn .headerBtnImg {
  display: inline-block;
  width: 40px;
  height: 41px;
  margin-right: 10px;
}

#bottom .headerBtnBg .headerBtn:hover .headerBtn {
  background-color: #0bc908;
}

#bottom .sm_box {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin-top: 2rem;
  text-align: center;
}

#footer,
.footer {
  position: relative;
  margin-top: 2.66666667rem;
  width: 100%;
  color: #4a4e6b;
  padding: 0 40px 20px;
  border: 1px solid #377aff;
}

#footer .headerTab,
.footer .headerTab {
  border: none;
  padding: 0;
}

#footer .headerTab img,
.footer .headerTab img {
  margin: 0;
  width: 100%;
}

#footer .headerTab .btn,
.footer .headerTab .btn {
  padding: 5px;
}

#footer .footerTab,
.footer .footerTab {
  position: relative;
  height: 120px;
  border-bottom: 1px solid rgba(0, 112, 192, 0.2);
}

#footer .footerTab .tabName,
.footer .footerTab .tabName {
  position: absolute;
  width: 100%;
  top: 30px;
  text-align: center;
  color: #313131;
  font-size: 22px;
  z-index: 10;
  text-align: center;
}

#footer .footerTab .Tabexplain,
.footer .footerTab .Tabexplain {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  bottom: 0.42666667rem;
  color: #4a4e6b;
  text-align: center;
  letter-spacing: 0.21333333rem;
  font-size: 14px;
}

#footer .borderTop,
.footer .borderTop {
  margin-top: 0.16rem;
  width: 100%;
  padding-bottom: 2.6rem;
  border-top: 1px solid rgba(0, 112, 192, 0.2);
  border-bottom: 1px dashed #4a4e6b;
}

#footer .borderTop .listHeadline,
.footer .borderTop .listHeadline {
  position: relative;
  padding-top: 20px;
}

#footer .borderTop .listHeadline .listHeadlineName,
.footer .borderTop .listHeadline .listHeadlineName {
  position: relative;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #377aff;
  z-index: 10;
}

#footer .borderTop .ulHeadline,
.footer .borderTop .ulHeadline {
  position: relative;
  font-weight: bold;
  height: 1.06666667rem;
  margin-top: 18px;
  padding-left: 0.53333333rem;
  font-size: 18px;
  color: #377aff;
  margin-bottom: 30px;
}

#footer .borderTop .ulLi,
.footer .borderTop .ulLi {
  font-size: 16px;
  line-height: 1.70666667rem;
  color: #4a4e6b;
  cursor: pointer;
  text-decoration: underline;
}

#footer .borderTop .ulLi .ulLiTag,
.footer .borderTop .ulLi .ulLiTag {
  position: relative;
  display: inline-block;
  margin-right: 0.42666667rem;
  padding-right: 0.42666667rem;
}

#footer .tool .listHeadline,
.footer .tool .listHeadline {
  position: relative;
  padding-top: 20px;
}

#footer .tool .listHeadline .listHeadlineName,
.footer .tool .listHeadline .listHeadlineName {
  position: relative;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #377aff;
  z-index: 10;
}

#footer .tool .toolUl,
.footer .tool .toolUl {
  padding-top: 1.49333333rem;
}

#footer .tool .toolUl .toolLi,
.footer .tool .toolUl .toolLi {
  width: 50%;
  margin-bottom: 2rem;
  text-align: center;
}

#footer .tool .toolUl .toolLi .toolName,
.footer .tool .toolUl .toolLi .toolName {
  position: relative;
  font-weight: bold;
  line-height: 1.06666667rem;
  font-size: 18px;
  color: #377aff;
}

#footer .tool .toolUl .toolLi .toolName .toolImg,
.footer .tool .toolUl .toolLi .toolName .toolImg {
  display: inline-block;
}

#footer .tool .toolUl .toolLi .toolName .toolImg img,
.footer .tool .toolUl .toolLi .toolName .toolImg img {
  width: 30px;
}

#footer .tool .toolUl .toolLi .toolTip,
.footer .tool .toolUl .toolLi .toolTip {
  margin-top: 5px;
  font-size: 16px;
  color: #4a4e6b;
  opacity: 0.7;
}

#footer .footerImg .text,
.footer .footerImg .text {
  font-size: 20px;
  text-align: center;
}

#footer .footerImg .quickMark,
.footer .footerImg .quickMark {
  text-align: center;
}

#footer .footerImg .p1,
.footer .footerImg .p1 {
  font-size: 20px;
  width: 100%;
  text-align: center;
  color: #000;
}

#footer .footerImg .p2,
.footer .footerImg .p2 {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #676767;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #f3f3f3;
  line-height: inherit;
}

body.rich_media_empty_extra {
  background-color: #fff;
}

body.rich_media_empty_extra .rich_media_area_primary:before {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 16px;
}

a {
  color: #607fa6;
  text-decoration: none;
}

.rich_media_inner {
  font-size: 16px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.rich_media_area_primary {
  position: relative;
  padding: 20px 15px 15px;
  background-color: #fff;
}

.rich_media_area_primary.voice {
  padding-top: 66px;
}

.rich_media_area_primary:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  top: auto;
  bottom: -2px;
}

.rich_media_area_primary .original_img_wrp {
  display: inline-block;
  font-size: 0;
}

.rich_media_area_primary .original_img_wrp .tips_global {
  display: block;
  margin-top: 0.5em;
  font-size: 14px;
  text-align: right;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.rich_media_area_extra {
  padding: 0 15px 0;
}

.rich_media_title {
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 400;
  font-size: 24px;
}

.icon_original_tag_primary {
  display: inline-block;
  padding: 1px 0.65em;
  margin-top: -0.2em;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 12px;
  border-top-left-radius: 0.85em 50%;
  -moz-border-radius-topleft: 0.85em 50%;
  -webkit-border-top-left-radius: 0.85em 50%;
  border-top-right-radius: 0.85em 50%;
  -moz-border-radius-topright: 0.85em 50%;
  -webkit-border-top-right-radius: 0.85em 50%;
  border-bottom-left-radius: 0.85em 50%;
  -moz-border-radius-bottomleft: 0.85em 50%;
  -webkit-border-bottom-left-radius: 0.85em 50%;
  border-bottom-right-radius: 0.85em 50%;
  -moz-border-radius-bottomright: 0.85em 50%;
  -webkit-border-bottom-right-radius: 0.85em 50%;
  border: 1px solid #9e9e9e;
  color: #8c8c8c;
}

.icon_original_tag_primary.title_tag {
  background-color: #e94442;
  border-color: #d04b4e;
  color: #fff;
  margin-bottom: 0.5em;
  padding: 2px 0.65em;
  border-top-left-radius: 0.95em 50%;
  -moz-border-radius-topleft: 0.95em 50%;
  -webkit-border-top-left-radius: 0.95em 50%;
  border-top-right-radius: 0.95em 50%;
  -moz-border-radius-topright: 0.95em 50%;
  -webkit-border-top-right-radius: 0.95em 50%;
  border-bottom-left-radius: 0.95em 50%;
  -moz-border-radius-bottomleft: 0.95em 50%;
  -webkit-border-bottom-left-radius: 0.95em 50%;
  border-bottom-right-radius: 0.95em 50%;
  -moz-border-radius-bottomright: 0.95em 50%;
  -webkit-border-bottom-right-radius: 0.95em 50%;
}

.rich_media_meta_list {
  margin-bottom: 18px;
  line-height: 20px;
  font-size: 0;
}

.rich_media_meta_list em {
  font-style: normal;
}

.rich_media_meta {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 16px;
}

.meta_original_tag {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 0.5em;
  border: 1px solid #9e9e9e;
  color: #8c8c8c;
  border-top-left-radius: 20% 50%;
  -moz-border-radius-topleft: 20% 50%;
  -webkit-border-top-left-radius: 20% 50%;
  border-top-right-radius: 20% 50%;
  -moz-border-radius-topright: 20% 50%;
  -webkit-border-top-right-radius: 20% 50%;
  border-bottom-left-radius: 20% 50%;
  -moz-border-radius-bottomleft: 20% 50%;
  -webkit-border-bottom-left-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
  -moz-border-radius-bottomright: 20% 50%;
  -webkit-border-bottom-right-radius: 20% 50%;
  font-size: 15px;
  line-height: 1.1;
}

.meta_enterprise_tag img {
  width: 30px;
  height: 30px !important;
  display: block;
  position: relative;
  margin-top: -3px;
  border: 0;
}

.rich_media_meta_text {
  color: #8c8c8c;
}

span.rich_media_meta_nickname {
  display: none;
}

.rich_media_thumb_wrp {
  margin-bottom: 6px;
}

.rich_media_thumb_wrp .original_img_wrp {
  display: block;
}

.rich_media_thumb {
  display: block;
  width: 100%;
}

.rich_media_content {
  overflow: hidden;
  color: #3e3e3e;
}

.rich_media_content * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  word-wrap: break-word !important;
}

.rich_media_content p {
  clear: both;
  min-height: 1em;
}

.rich_media_content em {
  font-style: italic;
}

.rich_media_content fieldset {
  min-width: 0;
}

.rich_media_content .list-paddingleft-2 {
  padding-left: 2.2em;
}

.rich_media_content .list-paddingleft-2 .list-paddingleft-2 {
  padding-left: 30px;
}

.rich_media_content blockquote {
  margin: 0;
  padding-left: 10px;
  border-left: 3px solid #dbdbdb;
}

img {
  height: auto;
}

@media screen and (device-aspect-ratio: 2 / 3),
  screen and (device-aspect-ratio: 40 / 71) {
  .meta_original_tag {
    padding-top: 0;
  }
}

@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .mm_appmsg .rich_media_inner,
  .mm_appmsg .rich_media_meta,
  .mm_appmsg .discuss_list,
  .mm_appmsg .rich_media_extra,
  .mm_appmsg .title_tips .tips {
    font-size: 17px;
  }

  .mm_appmsg .meta_original_tag {
    font-size: 15px;
  }
}

@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .mm_appmsg .rich_media_title {
    font-size: 25px;
  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .rich_media_area_extra {
    padding-bottom: 34px;
  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .rich_media_area_primary {
    padding: 20px 59px 15px 59px;
  }

  .rich_media_area_extra {
    padding: 0 59px 21px 59px;
  }
}

@media screen and (min-width: 1024px) {
  .rich_media {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
  }

  .rich_media_inner {
    padding: 20px;
  }
  .pcHide {
    display: none !important;
  }
  body {
    background-color: #fff;
  }
}

@media screen and (min-width: 1025px) {
  .rich_media {
    position: relative;
  }

  .rich_media_inner {
    background-color: #fff;
    padding-bottom: 100px;
  }
}

.radius_avatar {
  display: inline-block;
  background-color: #fff;
  padding: 3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
}

.radius_avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #eee;
}

.cell {
  padding: 0.8em 0;
  display: block;
  position: relative;
}

.cell_hd,
.cell_bd,
.cell_ft {
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
  white-space: nowrap;
}

.cell_primary {
  width: 2000px;
  white-space: normal;
}

.flex_cell {
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex_cell_primary {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  flex: 1;
}

.original_tool_area {
  display: block;
  padding: 0.75em 1em 0;
  -webkit-tap-highlight-color: transparent;
  color: #3e3e3e;
  border: 1px solid #eaeaea;
  margin: 20px 0;
}

.original_tool_area .tips_global {
  position: relative;
  padding-bottom: 0.5em;
  font-size: 15px;
}

.original_tool_area .tips_global:after {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #dbdbdb;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.original_tool_area .radius_avatar {
  width: 27px;
  height: 27px;
  padding: 0;
  margin-right: 0.5em;
}

.original_tool_area .radius_avatar img {
  height: 100% !important;
}

.original_tool_area .flex_cell_bd {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.original_tool_area .flex_cell_ft {
  font-size: 14px;
  color: #8c8c8c;
  padding-left: 1em;
  white-space: nowrap;
}

.original_tool_area .icon_access:after {
  content: ' ';
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 1px 1px 0 0;
  border-color: #cbcad0;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: relative;
  top: -2px;
  top: -1px;
}

.weui_loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: weuiLoading 1s steps(12, end) infinite;
  animation: weuiLoading 1s steps(12, end) infinite;
  background: transparent
    url('data:image/svg+xml; base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=')
    no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

@-webkit-keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}

.gif_img_wrp {
  display: inline-block;
  font-size: 0;
  position: relative;
  font-weight: 400;
  font-style: normal;
  text-indent: 0;
  text-shadow: none 1px 1px rgba(0, 0, 0, 0.5);
}

.gif_img_wrp img {
  vertical-align: top;
}

.gif_img_tips {
  background: rgba(0, 0, 0, 0.6) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endcolorstr='#99000000');
  border-top-left-radius: 1.2em 50%;
  -moz-border-radius-topleft: 1.2em 50%;
  -webkit-border-top-left-radius: 1.2em 50%;
  border-top-right-radius: 1.2em 50%;
  -moz-border-radius-topright: 1.2em 50%;
  -webkit-border-top-right-radius: 1.2em 50%;
  border-bottom-left-radius: 1.2em 50%;
  -moz-border-radius-bottomleft: 1.2em 50%;
  -webkit-border-bottom-left-radius: 1.2em 50%;
  border-bottom-right-radius: 1.2em 50%;
  -moz-border-radius-bottomright: 1.2em 50%;
  -webkit-border-bottom-right-radius: 1.2em 50%;
  line-height: 2.3;
  font-size: 11px;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 10px;
  min-width: 65px;
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endcolorstr='#99000000');
}

.gif_img_tips.loading {
  min-width: 75px;
}

.gif_img_tips i {
  vertical-align: middle;
  margin: -0.2em 0.73em 0 -2px;
}

.gif_img_play_arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: dashed;
  border-color: transparent;
  border-right-width: 0;
  border-left-color: #fff;
  border-left-style: solid;
  border-width: 5px 0 5px 8px;
}

.gif_img_loading {
  width: 14px;
  height: 14px;
}

i.gif_img_loading {
  margin-left: -4px;
}

.gif_bg_tips_wrp {
  position: relative;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.gif_bg_tips_wrp .gif_img_tips_group {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.gif_bg_tips_wrp .gif_img_tips_group .gif_img_tips {
  top: 0;
  left: 0;
  bottom: auto;
}

.rich_media_global_msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 1em 35px 1em 15px;
  z-index: 2;
  background-color: #c6e0f8;
  color: #8c8c8c;
  font-size: 13px;
}

.rich_media_global_msg .icon_closed {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  line-height: 300px;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  background: transparent
    url(//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_appmsg_msg_closed_sprite.2x2eb52b.png)
    no-repeat 0 0;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  display: inline-block;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.rich_media_global_msg .icon_closed:active {
  background-position: 0 -17px;
}

.rich_media_global_msg.voice {
  color: #1aad19;
  background-color: #e8f6e8;
  padding-left: 43.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rich_media_global_msg.voice .ic_voice {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 15px;
  display: inline-block;
  width: 13.3px;
  height: 18.3px;
  background: url('data:image/png; base64,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')
    no-repeat center;
  background-size: contain;
}

.rich_media_global_msg.voice .icon_more {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6.5px;
  width: 8px;
  height: 13px;
  background: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAYAAADeB1slAAAAAXNSR0IArs4c6QAAA49JREFUSA2tVk1IVFEUPveOmhQk1ibfvLFZSJtACqJIIpCIoB+imcFV2Z9ZUVnRomgRGFn2i6mFf5XVotCZMYmgIMhlq6BFENFiwjfPAosgFzXOvNu5o3fmeue98Y16F3PP+c453/fu/xCQmvZSWwwJaC0G6P8WND9IoTmbVFRycpqAdgBWkwRo94V960RsPn1aoPpN9RI6CR0WsDWcjAErtUiqTR/S18+HnNcSTv5zYrwDSatVMgLkH6aciwfj79WYW5+OT4xfsyPnBIgvwt872qBW45ZQzaMlJXCfMPJbDQgfRUoIhduVUW2TwArpaWyX+bnYU9JAAH44FaJIccqCW76Ib7NTjhOOvFPN/8q/IvE3cR+npFJgao9rkiSUXjD2GCNqzMnPbNPYjth3mqINlJAvTsk4kiJmWa3eQe8WpxwVzwjwgFFn/CorL29EkY9qovC5CFDrKq7JVoHl6zNTJCf53/lLk78SN/FcbJRx2cZCixC4ZATGXsu4as8YgQjGamN/q5atOotn4K3A1J4BUMbgsh7Wt6sx2bcV4AkjtSPJxkDjRQL0hVwg21zEglSzN+rdKeOybTtFcgK39ajWZDFWr+IZHxfGQ8mV0YA5nMGmDVcCPNcb8R5gYJ1UCWQfp6PFCI4NyZhrAV6EIiHGrPOAB0ImkW2c0la8u8ICc0wUCWrvC1dsw+3TnN6uanDaJ4zeiIfiA9wtWIAX8XspxeA6iuBlaN88hNzCNXk+JwFOuXJYW5tMQmc+EcqgzXGb2n9XFk1NstX5yKczl89JAF+6vRaBM1m5XAu//qkRGrtb8BThTtqH2/V0LmUWwbvsiREw8X0vcJHxxNbjNm3KUuVaMjmPFuWm2CPesHc/kp+yj06hFMhj/PIOOcfVFLk6xZT0G3vMTpmc27MusityZk/OBfKOwA05MPLIDJn3OJldcxTQotpBYOyEXVEWIw/NoInvuHOznSJfVDs0GzneNw9mI+eyOSPQI9phfCqPO38TFhHaFw/Eu/LliNiMESB5w6zkzD05F8mMYJr8mFC263Fa+vAadvXloj4toEcrjlgMjgrQrseHpBcfkm67WD6M6MN6lTWZeoZjyYxGLcB57MGnsEfF3fjU2G189QBpcUqmBLrnSs4504s8GjLxrwm5qYrg3dKFf6x6VbwQ3yOS/wz8+bS0ruwfELaBY2nyoNkn4gvW65GKRn4WForwP+dONHDaOHeZAAAAAElFTkSuQmCC')
    no-repeat center;
  background-size: contain;
}

.preview_appmsg .rich_media_title {
  margin-top: 1.9em;
}

@media screen and (min-width: 1024px) {
  .rich_media_global_msg {
    position: relative;
    margin: 0 20px;
  }

  .preview_appmsg .rich_media_title {
    margin-top: 0;
  }
}

.pages_reset {
  color: #3e3e3e;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-indent: 0;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  white-space: normal;
}

.weapp_element,
.weapp_display_element,
.mp-miniprogram {
  display: block;
  margin: 1em 0;
}

.share_audio_context {
  margin: 16px 0;
}

.weapp_text_link {
  font-size: 17px;
}

.weapp_text_link:before {
  content: '';
  display: inline-block;
  line-height: 1;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAb1BMVEUAAAB4it11h9x2h9x2h9x2htx8j+R8i+B1h9x2h9x3h92Snv91htt2h9x1h9x4h9x1h9x1h9x2idx1h9t2h9t1htt1h9x1h9x1htx2h9x1h912h9x4h913iN17juOOjuN1iNx2h9t4h958i+B1htvejBiPAAAAJHRSTlMALPLcxKcVEOXXUgXtspU498sx69DPu5+Yc2JeRDwbCYuIRiGBtoolAAAA3ElEQVQoz62S1xKDIBBFWYiFYImm2DWF///G7DJEROOb58U79zi4O8iOo8zuCRfV8EdFgbYE49qFQs8ksJInajOA1wWfYvLcGSueU/oUGBtPpti09uNS68KTMcrQ5jce4kmN/HKn9XVPAo702JEdx9hTUrWUqVrI3KwUmM1NhIWMKdwiGvpGMWZOAj1PZuzAxHwhVSplrajoseBnbyDHAwvrtvKKhdqTtFBkL8wO5ijcsS3G1JMNvQ5mdW7fc0x0+ZcnlJlZiflAomdEyFaM7qeK2JahEjy5ZyU7jC/q/Rz/DgqEuAAAAABJRU5ErkJggg== ');
  vertical-align: middle;
  font-size: 11px;
  color: #888;
  border-radius: 10px;
  background-color: #f4f4f4;
  margin-right: 6px;
  margin-top: -4px;
  background-position: center;
  height: 20px;
  width: 20px;
}

.weui-mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

.weui-dialog {
  position: fixed;
  z-index: 5000;
  width: 80%;
  max-width: 300px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}

.weui-dialog__hd {
  padding: 1.3em 1.6em 0.5em;
}

.weui-dialog__title {
  font-weight: 400;
  font-size: 18px;
}

.weui-dialog__bd {
  padding: 0 1.6em 0.8em;
  min-height: 40px;
  font-size: 15px;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-all;
  color: #999;
}

.weui-dialog__bd:first-child {
  padding: 2.7em 20px 1.7em;
  color: #353535;
}

.weui-dialog__ft {
  position: relative;
  line-height: 48px;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.weui-dialog__ft:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.weui-dialog__btn {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #3cc51f;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.weui-dialog__btn:active {
  background-color: #eee;
}

.weui-dialog__btn:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

.weui-dialog__btn:first-child:after {
  display: none;
}

.weui-dialog__btn_default {
  color: #353535;
}

.weui-dialog__btn_primary {
  color: #0bb20c;
}

.mainFooter {
  margin-top: 0;
  overflow: hidden;
  margin-left: 0rem;
  border: 1px solid #377aff;
  padding-bottom: 60px !important;
}

.shade {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3);
}

.shade .shadeHide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.shade .img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
  padding: 40px 20px;
  /* margin-top: -210px; */
  /* transform: translateX(-50%); */
  margin-top: -240px;
  margin-left: -190px;
  width: 364px;
  height: 430px;
  background-size: contain;
}

.shade .img .quickMark img {
  display: block;
  margin: 10px auto;
  position: absolute;
  left: 50%;
  top: 23%;
  width: 180px;
  margin-left: -90px;
}

.shade .img .text {
  font-size: 24px;
  text-align: center;
}
.shade .img .text2 {
  font-size: 20px;
  text-align: center;
  color: red;
}

.shade .img .p1 {
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #000;
}
.shade .img .p1 span {
  color: #377aff;
}

.shade .img .p2 {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #666;
}

.col-1 {
  color: #ff6600;
}

.layer-mobile,
.layer-mobile2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
}

.layer-mobile .bac-box,
.layer-mobile2 .bac-box {
  position: absolute;
  width: 90%;
  max-width: 500px;
  left: 50%;
  transform: translateX(-50%);
  top: 10%;
}

.layer-mobile .bac-img,
.layer-mobile2 .bac-img {
  width: 100%;
}

.layer-mobile .icon-guanbis,
.layer-mobile2 .icon-guanbis {
  position: absolute;
  right: -10px;
  top: -5px;
  width: 30px;
  height: 30px;
  background: url('../images/close2.png') no-repeat;
  background-size: cover;
  z-index: 10;
}

.layer-mobile .layer-Input,
.layer-mobile2 .layer-Input {
  box-sizing: border-box;
  position: absolute;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.layer-mobile .layer-Input .cus-phone,
.layer-mobile2 .layer-Input .cus-phone {
  width: 90%;
  height: 40px;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 50px;
  font-size: 16px;
  color: #7b8afd;
  box-sizing: border-box;
}

.layer-mobile .layer-Input .btn,
.layer-mobile2 .layer-Input .btn {
  display: inline-block;
  width: 80%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
  font-weight: 900;
  margin: 30px auto 0;
  background-color: #ffb72d;
  border-bottom: 5px solid #ff902d;
}

.layer-mobile .layer-Input .btn span,
.layer-mobile2 .layer-Input .btn span {
  color: red;
}

@media screen and (min-width: 1024px) {
  .layer-mobile .layer-Input .cus-phone,
  .layer-mobile2 .layer-Input .cus-phone {
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }

  .layer-mobile .layer-Input .btn,
  .layer-mobile2 .layer-Input .btn {
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    margin-top: 40px;
  }
}

#SonContent {
  height: 100%;
  width: 100%;
  color: #333;
  background: rgba(0, 0, 0, 0.8);
  display: block;
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 77;
  display: none;
}

#SonContent .zt_tan {
  width: 90%;
  max-width: 500px;
  margin: 20% auto;
  z-index: 88;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

#SonContent .zt_tan .closeDiv {
  position: relative;
}

#SonContent .zt_tan .closeDiv .close_tan {
  position: absolute;
  background: url('../images/cloeseIco.png') no-repeat center top;
  background-size: 100% auto;
  height: 34px;
  width: 34px;
  display: block;
  right: -17px;
  top: -17px;
}

#SonContent .zt_tan .img_big {
  height: auto;
  width: auto\9;
  width: 100%;
  display: block;
}

.mobile-shade {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.mobile-shade .shadeHide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.mobile-shade .img {
  display: block;
  position: relative;
  top: 20%;
  z-index: 1001;
  margin: 0 auto;
  width: 95%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
}

.mobile-shade .img .shade-bottom {
  width: 100%;
  padding: 20px 5px;
  background-color: #b00e0c;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.mobile-shade .img .shade-bottom .p3 {
  text-align: center;
  font-size: 1.2rem;
  color: #fed001;
}

.mobile-shade .img .shade-bottom .copy-input {
  font-size: 18px;
  color: #fff;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(top, #fed218 50%, #fea711 51%);
  background: -o-linear-gradient(top, #fed218 50%, #fea711 51%);
  background: -ms-linear-gradient(top, #fed218 50%, #fea711 51%);
  background: -moz-linear-gradient(top, #fed218 50%, #fea711 51%);
  background: -webkit-linear-gradient(top, #fed218 50%, #fea711 51%);
  width: 260px;
  margin: 10px auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 24px;
  font-weight: 900;
  color: #b00e0c;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.mobile-shade .img .p1 {
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #f3e4e4;
}

.mobile-shade .img .p2 {
  padding-top: 10px;
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #f3e4e4;
}

.mobile-shade .img .p2-wx {
  color: #fea711;
  text-decoration: underline;
}

.mobile-shade .img .col-2 {
  color: #fed218;
}

.share-overlay {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 3% 20px 0;
  z-index: 99;
}

.share-overlay #share-cancel {
  width: 26px;
  height: 26px;
  display: block;
  font-size: 20px;
  top: 10px;
  right: 10px;
  position: absolute;
}

.share-overlay #share-cancel:before {
  height: 26px;
  content: '';
  border-left: 1px solid #666;
  position: absolute;
  width: 0;
  left: 13px;
  -webkit-transform: rotate(-45deg);
}

.share-overlay #share-cancel:after {
  height: 26px;
  content: '';
  border-left: 1px solid #666;
  position: absolute;
  width: 0;
  left: 13px;
  -webkit-transform: rotate(45deg);
}

.share-overlay h2 {
  text-align: center;
  font-size: 18px;
  color: #666;
  margin-top: 10px;
  font-weight: 900;
}

.share-overlay h3 {
  font-size: 15px;
  color: #ff9000;
  text-align: center;
}
.share-overlay h3 span {
  color: red;
}

.share-overlay .ui-method {
  margin-top: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}

.share-overlay .ui-method .ui-methodNum {
  display: flex;
  line-height: 1.6rem;
}

.share-overlay .ui-method .ui-eqimg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0 5px;
}

.share-overlay .ui-method .ui-eqimg img {
  width: 180px;
}

.share-overlay .ui-method .ui-kindsBox {
  padding: 0 10px;
}

.share-overlay .ui-method .ui-kindsBox .ui-stepList {
  display: flex;
  width: 100%;
}

.share-overlay .ui-method .ui-kindsBox .ui-stepList .ui-step {
  position: relative;
  width: 25%;
  margin: 10px 0;
  line-height: 31px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #55ca8d;
}

.share-overlay .ui-method .ui-kindsBox .ui-stepList img:last-child {
  position: absolute;
  z-index: 100;
  right: -0.4rem;
  top: -0.05333333rem;
  width: 17px;
  height: 31px;
}

.share-overlay .ui-method .ui-methodNum div {
  padding: 0 0.53333333rem;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.06133333rem;
  color: #fff;
  background-color: #0bc265;
  border-radius: 5px 0 5px 0;
}

.share-overlay .ui-method .ui-kindsBox .ui-kinds {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 2.24rem;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
}
.share-overlay .ui-method .ui-kindsBox .ui-kinds span {
  font-size: 14px;
  text-align: center;
  padding: 0 5px;
  margin: 0 5px;
  background: #f1a623;
  color: #fff;
}

.share-overlay .copy-btn {
  position: relative;
}

.share-overlay .copy-btn .finger-box {
  position: absolute;
  right: -5px;
  top: 30px;
  z-index: 999;
}
.share-overlay .copy-btn .finger-box img {
  width: 40px;
  animation: fangda 2s infinite;
  animation-delay: 1s;
}

.share-overlay .copy-btn .yuan-box {
  border-radius: 80px;
  width: 120px;
  height: 120px;
  position: absolute;
  right: -20px;
  top: -20px;
  background: rgba(255, 255, 255, 0.4);
  animation: yuan 2s infinite;
  animation-delay: 1s;
  opacity: 0;
}

.share-overlay .copy-btn .yuan-box1 {
  border-radius: 80px;
  width: 120px;
  height: 120px;
  position: absolute;
  right: -20px;
  top: -20px;
  background: rgba(255, 255, 255, 0.4);
  animation: yuan 2s infinite;
  animation-delay: 1.5s;
  opacity: 0;
}

.share-overlay .copy-btn .yuan-box1 {
  border-radius: 80px;
  width: 120px;
  height: 120px;
  position: absolute;
  right: -20px;
  top: -20px;
  background: rgba(255, 255, 255, 0.4);
  animation: yuan 2s infinite;
  animation-delay: 2s;
  opacity: 0;
}
@keyframes yuan {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.share-overlay .ui-method .ui-kindsBox .ui-buttom {
  background: #f1a623;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 5px;
}
@keyframes fangda {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.15);
  }
  80% {
    transform: scale(1);
  }
}

#mainContent {
  font-size: 16px;
  /* color: #666; */
  overflow: hidden;
}

#mainContent p {
  /* font-size: 16px;
  color: #666;
  padding: 0.5em 0; */
}

/*# sourceMappingURL=main.css.map */
#mainContent img {
  max-width: 85% !important;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 804px) {
  .header {
    padding-top: 0;
  }
  .mHide {
    display: none !important;
  }
  .mshow {
    display: block !important;
  }
  #footer,
  .footer {
    padding: 0 20px 20px;
  }

  .header .headerNav .label {
    line-height: 20px;
    padding: 0 5px;
  }
  .header .headerNav div {
    font-size: 14px;
    margin-right: 5px;
  }

  #footer .borderTop .ulLi,
  .footer .borderTop .ulLi {
    font-size: 14px;
  }

  #footer .tool .toolUl .toolLi .toolName,
  .footer .tool .toolUl .toolLi .toolName {
    font-size: 16px;
  }

  #footer .tool .toolUl .toolLi .toolTip,
  .footer .tool .toolUl .toolLi .toolTip {
    font-size: 14px;
  }

  .header .headerTabName {
    font-size: 20px;
  }
  .header .headerTabName2 {
    font-size: 18px;
  }
  .header .headerTab {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    margin: 10px 0 20px;
  }

  .header .line1 {
    top: 48px;
  }

  .header .headerTabB {
    font-size: 16px;
  }

  .header .explain {
    font-size: 16px;
    margin-right: 20px;
  }

  .header .explainImg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
  }

  .header .explainImg img {
    width: 20px;
  }

  .footer .header {
    display: none;
  }

  .shade .img .p1 {
    font-size: 16px;
  }
  .bottom-btn {
    width: 95% !important;
  }
}

.qecode-click {
  cursor: pointer;
}

.commonded {
  border: 1px dashed #73b6e7;
  border-radius: 10px;
  padding: 10px;
}

.commonded img {
  vertical-align: middle;
}

.commonded p {
  font-size: 16px;
  line-height: 1.8;
}

.commonded .gantan {
  height: 26px;
}

.commonded p span {
  font-size: 16px;
  text-decoration: underline;
  color: #73b6e7;
}

.readed {
  margin-top: 0.5rem;
  padding: 0.05rem 0.1rem;
  color: #b7b7b7;
  font-size: 20px;
}
.mask-box1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10210;
  display: none;
}

.mask-box1 .window-box1 {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 300px;
  margin-left: -150px;
}
.mask-box1 .window-box1 .bac-img {
  width: 100%;
}
.mask-box1 .window-box1-btn {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;

  text-align: center;
  width: 92%;
  background: #eee;
  border-radius: 5rem;
  transform: translateX(-50%);
  padding: 0.2rem 0;
  box-sizing: border-box;
}
.mask-box1 .window-box-close1 {
  position: absolute;
  top: 0rem;
  right: 0;
}
.mask-box1 .window-box-close1 img {
  width: 30px;
}

.layer-yanzheng {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
}

.layer-yanzheng .bac-box {
  position: absolute;
  width: 90%;
  max-width: 500px;
  min-height: 300px;
  left: 50%;
  transform: translateX(-50%);
  top: 30%;
  padding: 30px 40px 80px 40px;
  background-color: #fff;
}

.layer-yanzheng .bac-img {
  width: 100%;
}
.layer-yanzheng .yz-title {
  font-size: 18px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 15px;
}

.layer-yanzheng .layer-Input {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.layer-yanzheng .yz-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.5;
  background-color: #f5f5f5;
  color: #999;
  text-align: center;
}
.layer-yanzheng .yz-bottom span {
  color: #ff9600;
  cursor: pointer;
}

.layer-yanzheng .layer-Input .cus-phone {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 10px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.layer-yanzheng .layer-Input .input-veri {
  width: 50%;
  height: 40px;
  background-color: #fff;
  padding: 0 10px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}
.layer-yanzheng .layer-Input .getVeri {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  width: 35%;
  background-color: #ff9600;
  color: #fff;
  float: right;
  text-align: center;
}

.layer-yanzheng .layer-Input .btn {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  font-weight: 900;
  margin: 0 auto;
  background-color: #ff9600;
}

.layer-yanzheng .layer-Input .btn span {
  color: red;
}

@media screen and (max-width: 414px) {
  .layer-yanzheng .bac-box {
    padding: 15px 30px 80px 30px;
    min-height: 260px;
    top: 10%;
  }
  .layer-yanzheng .yz-title {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  .layer-yanzheng .yz-bottom {
    padding: 10px 15px;
    font-size: 12px;
  }
  .layer-yanzheng .layer-Input .cus-phone {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .layer-yanzheng .layer-Input .input-veri {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 45%;
    border: 1px solid #e5e5e5;
    float: left;
  }
  .layer-yanzheng .layer-Input .getVeri {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 45%;
    background-color: #ff9600;
    color: #fff;
    float: right;
  }

  .layer-yanzheng .layer-Input .btn {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .header .headerTabDesc {
    font-size: 14px;
    padding-top: 0;
  }
}

.verification-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
}
.verification-box .bac-box {
  position: absolute;
  left: 50%;
  top: 25%;
  padding: 20px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 10px;
}
.verification-box .icon-guanbis {
  position: absolute;
  left: 50%;
  bottom: -50px;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  background: url('../images/close2.png') no-repeat;
  background-size: cover;
  z-index: 10;
}
.mHide,
.pcHide {
  display: none;
}
.from-li {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 5px 0;
}
.from-li .from-li-name {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
}
.from-li .from-li-right {
  display: inline-block;
}
.from-li .from-li-right .select-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.from-li .from-li-right .select-li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background-color: #eeeeee;
  color: #000;
  margin-right: 5px;
  padding: 0 10px;
}
.from-li .from-li-right .select-li.active {
  background-color: #ff9600;
  color: #fff;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.from-li .select-control {
  width: 275px;
  height: 30px;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  color: #666;
}
@media screen and (max-width: 414px) {
  .from-li {
    font-size: 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .from-li .from-li-right {
    display: block;
    width: 100%;
  }
  .from-li .from-li-name {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
  }
  .from-li .select-control {
    display: block;
    width: 100%;
  }
}

.layer-zx {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
}

.layer-zx .bac-box {
  position: absolute;
  width: 90%;
  max-width: 600px;
  box-sizing: border-box;
  min-height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -250px;
  padding: 30px 40px 40px 40px;
  background-color: #fff;
  border-radius: 10px;
}

.layer-zx .bac-img {
  width: 100%;
}
.layer-zx .yz-title {
  font-size: 28px;
  text-align: center;
  line-height: 1.6;
  font-weight: 900;
  margin-bottom: 15px;
  color: #ff9600;
}
.layer-zx .icon-guanbis {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  cursor: pointer;
}
.layer-zx .from-li .from-li-right {
  width: 300px;
}
.layer-zx .from-li-name {
  line-height: 40px;
}

.layer-zx .layer-Input {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  z-index: 10;
  padding: 0 60px;
}
.layer-zx .from-li .from-li-right .select-li {
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  padding: 0 10px;
  min-width: 60px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.layer-zx input.input-text {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 0 10px;
  color: #333;
  font-size: 14px;
}
.layer-zx .yz-bottom {
  width: 100%;
  font-size: 12px;
  line-height: 1.7;
  color: #999;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.layer-zx .yz-bottom span {
  color: #ff9600;
  cursor: pointer;
}

.layer-zx .layer-Input .cus-phone {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 10px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.layer-zx .layer-Input .input-veri {
  width: 50%;
  height: 40px;
  background-color: #fff;
  padding: 0 10px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}
.layer-zx .layer-Input .getVeri {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  width: 35%;
  background-color: #ff9600;
  color: #fff;
  float: right;
  text-align: center;
}

.layer-zx .layer-Input .btn {
  display: inline-block;
  width: 60%;
  height: 50px;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
  font-weight: 900;
  margin: 10px auto 20px;
  background-color: #ff9600;
  border: none;
  border-radius: 50px;
  background-image: linear-gradient(#ffd31a, #ff9600);
  border-bottom: 5px solid #eb8b01;
  animation: submitBtn 1.5s ease infinite;
}
@keyframes submitBtn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.layer-zx .layer-Input .btn span {
  color: red;
}

.layer-zx-mobile .bac-box {
  margin-left: 0;
  margin-top: 0;
  transform: translateX(-50%) translateY(-50%);
}
.layer-zx-mobile .bac-box {
  padding: 15px 10px;
}
.layer-zx-mobile .layer-Input {
  padding: 10px;
}
.layer-zx-mobile .yz-title {
  font-size: 18px;
  margin-bottom: 5px;
}
.layer-zx-mobile .close {
  width: 15px;
  top: 10px;
  right: 10px;
}
.layer-zx-mobile .from-li .from-li-name {
  font-size: 14px;
  width: 100px;
  line-height: 40px;
  height: 40px;
}
.layer-zx-mobile .from-li {
  padding-top: 5px;
  padding-bottom: 5px;
  flex-direction: row;
  align-items: center;
}
.layer-zx-mobile .from-li-right {
  display: inline-block;
  width: auto;
}
.layer-zx-mobile input.input-text {
  font-size: 12px;
}
.layer-zx-mobile .layer-Input .btn {
  margin: 10px auto;
  height: 40px;
  line-height: 35px;
  font-size: 18px;
}
.index-jianbian {
  position: relative;
}
.index-jianbian-box {
  width: 100%;
  position: absolute;
  text-align: center;
  height: 2rem;
  top: -2rem;
}
.index-box-arrow {
  text-align: center;
  margin-bottom: 12px;
  margin-top: 7px;
}

.right-nav {
  position: fixed;
  left: 50%;
  top: 100px;
  width: 170px;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-left: 430px;
}
.right-nav .right-nav-box {
  text-align: center;
}
.right-nav .right-nav-p1 {
  font-size: 16px;
  color: #000;
}
.right-nav .right-nav-p2 {
  font-size: 12px;
  color: #333;
}
.right-nav .right-nav-p1 img {
  width: 18px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 3px;
}
.right-nav .right-nav-ewm img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 5px auto;
}
.right-nav .right-nav-name {
  width: 130px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  color: #fff;
  background: linear-gradient(173deg, #3879ff 0%, #3857ff 100%);
  border-radius: 20px;
  margin: 0 auto;
}

.right-nav-m {
  position: fixed;
  right: 0;
  bottom: 200px;
  padding-left: 50px;
  background-color: #e8eaed;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  z-index: 999;
}
.right-nav-m .right-nav-m-img {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 28px;
  margin-top: -15px;
}
.right-nav-m .right-nav-m-p {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.layer-gz-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #3857ff;
  z-index: 9855;
  overflow-y: auto;
}
.layer-gz-box .gz-bac {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.layer-gz-box .shadeHide {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 16px;
  color: #fff;
  z-index: 5;
}
.layer-gz-box .header {
  padding-top: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.layer-gz-box .header .p1 {
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}
.layer-gz-box .header .p1 span {
  font-size: 32px;
  color: #fffa86;
}
.layer-gz-box .header .mini-p {
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.layer-gz-box .gz-content {
  position: relative;
  z-index: 2;
  width: 95%;
  margin: 10px auto;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.layer-gz-box .gz-content .p2 {
  font-size: 16px;
  color: #3857ff;
  font-weight: 500;
}
.layer-gz-box .gz-content .p2 span {
  color: #333;
}
.layer-gz-box .gz-content .e-code {
  width: 160px;
  margin: 5px auto;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.layer-gz-box .gz-content .step-options {
  width: 310px;
  margin: 10px auto;
  background-color: #3867ff;
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.layer-gz-box .gz-content .step-option {
  width: 25%;
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #fff;
  height: 35px;
  line-height: 35px;
}
.layer-gz-box .gz-content .step-option img {
  position: absolute;
  right: -3px;
  top: 0;
  height: 35px;
}
.layer-gz-box .gz-content .step-2 {
  padding-top: 15px;
}
.layer-gz-box .gz-content .gz-img {
  display: block;
  width: 275px;
  margin: 10px auto;
}
.layer-gz-box .gz-content .copy-btn {
  display: block;
  width: 235px;
  height: 45px;
  margin: 15px auto 0;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(181deg, #ff9d00 0%, #ff6c00 100%);
  line-height: 45px;
  border-radius: 8px;
}
.slider-btn {
  position: absolute;
  width: 44px;
  height: 44px;
  left: 0;
  top: -7px;
  z-index: 12;
  cursor: pointer;
  background-image: url('sprite.3.2.0.png');
  background-position: 0 -84px;
  transition: inherit;
}
.ver-tips {
  position: absolute;
  left: 0;
  bottom: -22px;
  background: rgba(255, 255, 255, 0.9);
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  width: 100%;
  margin: 0;
  text-align: left;
  padding: 0 8px;
  transition: all 0.4s;
}
.slider-tips {
  bottom: 0;
}
.ver-tips i {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: top;
  background-image: url(sprite.3.2.0.png);
  background-position: -4px -1229px;
}
.ver-tips span {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  color: #455;
}
.active-tips {
  display: block;
}

.hidden {
  display: none;
}
.re-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 28px;
  padding: 0 16px;
}
.re-btn a {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 7px 0;
  background-image: url(sprite.3.2.0.png);
  background-position: 0 -1179px;
  cursor: pointer;
}
.re-btn a:hover {
  background-position: 0 -1193px;
}
.bottomEwm {
  margin: 10px auto;
  text-align: center;
}
.bottomEwm img {
  width: 258px !important;
  height: 258px !important;
}
.bottomEwm span {
  color: #ff0000;
  font-weight: bold;
  font-size: 18px;
  display: block;
}

.btContainer {
  margin: 20px auto;
  border: 3px solid #4690e4;
  border-radius: 20px;
  /* max-width: 670px; */
  width: 100%;
}
.btContainer .page {
  color: #4a90e2;
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
}
.smallContainer {
  padding: 10px;
}
.btContainer .boxGuide {
  color: #4a90e2;
  font-size: 18px;
  border-bottom: 3px solid #f0f3f7;
  text-align: center;
  padding-bottom: 10px;
  margin: 20px auto;
}
.smallContainer .content li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 26% 72%;
  grid-template-columns: 26% 72%;
  justify-items: stretch;
  align-items: stretch;
  font-size: 14px;
  margin: 10px auto;
}
.choose {
  color: #4a90e2;
}
.smallContainer .content li .principle {
  text-align: right;
  padding-right: 10px;
  -ms-grid-column: 1;
}
.smallContainer .content li .policy {
  text-decoration: underline;
  -ms-grid-column: 2;
}

.imgContainer {
  margin: 10px auto;
}
.imgContainer div.service {
  width: 25%;
  float: left;
  text-align: center;
}
.imgContainer img {
  width: 50px;
  height: auto;
}
.smallContainer .weChat {
  font-size: 12px;
  text-align: center;
  background: #f0f3f7;
  padding: 15px 0px;
}
.smallContainer .icon {
  float: left;
  width: 50%;
  text-align: right;
  border-right: 2px solid #84dc43;
  padding-right: 10px;
}
.smallContainer .weChat .naibabao {
  text-align: left;
  padding-left: 15px;
  float: left;
}
.wcIcon {
  width: 50px !important;
  height: auto;
}
.clearfix:after {
  content: ' ';
  display: table;
  clear: both;
}

/* 寮瑰嚭妗� */
.shade {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.1);
}

.shade .wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
  margin-top: -200px;
  margin-left: -150px;
  width: 400px;
  height: 400px;
  background: url(https://www.naibabao.com/assets/images/jingjia/pop_bg.png)
    no-repeat;
  background-size: cover;
  box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.2);
}
.shade .wrapper .quickMark {
  position: relative;
}
.shade .wrapper .gzhEwm {
  position: absolute;
  display: block;
  top: 95px;
  left: 100px;
}
.wx_show_more {
  padding: 0 10px;
}
.bottomEwm {
  margin: 10px auto;
  text-align: center;
}
.bottomEwm img {
  width: 258px !important;
  height: 258px !important;
}
.bottomEwm span {
  color: #ff0000;
  font-weight: bold;
  font-size: 18px;
  display: block;
}
.wx-btn1 {
  text-align: center;
}
.wxewm {
  display: none;
}
.art_content img {
  max-width: 100% !important;
  width: auto !important;
  display: block;
  margin: 10px auto !important;
}
@media screen and (max-width: 700px) {
  .art_content img {
    width: 100%;
  }
  .headerNav div {
    font-size: 14px;
  }
  .smallContainer .icon {
    width: 40%;
    padding-right: 15px;
  }
  .headerNav {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
  }
  .click_me img {
    margin: 0;
  }
  .header h1 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    margin-top: 20px;
  }
  .wx-btn1 img {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .read-num {
    display: none !important;
  }
  .costomer_btn {
    display: none;
  }
  .lg-hidden {
    display: none !important;
  }
}
.costomer_btn {
  position: fixed;
  bottom: 60px;
  right: 25px;
  color: #fff;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 65px;
  border-radius: 50%;
  font-size: 13px;
  /* box-shadow: 3px 3px 5px #8aaccd; */
}
.card-img {
  margin: 0 !important;
}
@media screen and (max-width: 600px) {
  .header .headerTab {
    padding: 18px 5px 20px;
  }
  .imgContainer div.service {
    font-size: 14px;
  }
  .header .headerName {
    font-weight: 400;
    font-size: 20px;
  }
  .smallContainer .content {
    margin: 0;
    padding: 0;
  }
  .xs-hidden {
    display: none;
  }
}
.bottom-ewm-p {
  font-weight: 600;
}