@charset "utf-8";
/**
@author zhaoyf_focoon
**/
/* CSS Document */
.green {
  color: #0ee7cc !important;
}
.clear {
  clear: both;
}
.red {
  color: #e4393c !important;
}
.blue {
  color: #0e83e6 !important;
}
.gray {
  color: #969696;
}
.orange {
  color: #ff8244 !important;
}
.yellow {
  color: #f26f42 !important;
}
/* 字体库 */
@font-face {
  font-family: "yu-yqd";
  src: url('../fonts/yu-yqd.eot?t=1469782363');
  /* IE9*/
  src: url('../fonts/yu-yqd.eot?t=1469782363#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/yu-yqd.woff?t=1469782363') format('woff'), /* chrome, firefox */ url('../fonts/yu-yqd.ttf?t=1469782363') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/yu-yqd.svg?t=1469782363#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: "new-icon";
  src: url('../fonts/new-iconfont.eot?t=1469782363');
  /* IE9*/
  src: url('../fonts/new-iconfont.eot?t=1469782363#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/new-iconfont.woff?t=1469782363') format('woff'), /* chrome, firefox */ url('../fonts/new-iconfont.ttf?t=1469782363') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/new-iconfont.svg?t=1469782363#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: "iconfont-extend";
  src: url('../fonts/iconfont.eot?t=1469782363');
  /* IE9*/
  src: url('../fonts/iconfont.eot?t=1469782363#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1469782363') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1469782363') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1469782363#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: 'ctheitisj';
  src: url('../fonts/Ctheitisj.ttf');
}
@font-face {
  font-family: 'font_ico';
  src: url('../fonts/font_ico.ttf');
}
@font-face {
  font-family: "yq_icon";
  src: url('../fonts/yq_iconfont.eot');
  /* IE9*/
  src: url('../fonts/yq_iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/yq_iconfont.woff') format('woff'), /* chrome��firefox */ url('../fonts/yq_iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/ url('../fonts/yq_iconfont.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: "yq_icon";
  src: url('../fonts/yu_iconfont.eot');
  /* IE9*/
  src: url('../fonts/yu_iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/yu_iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/yu_iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/yu_iconfont.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: "hrp_iconfont";
  src: url('../fonts/hr01-iconfont.eot?t=20170413200040');
  /* IE9*/
  src: url('../fonts/hr01-iconfont.eot?t=20170413200040#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/hr01-iconfont.woff?t=20170413200040') format('woff'), /* chrome, firefox */ url('../fonts/hr01-iconfont.ttf?t=20170413200040') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/hr01-iconfont.svg?t=20170413200040#iconfont') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: 'Glyphter';
  src: url('../fonts/tianjinyinhang.eot');
  src: url('../fonts/tianjinyinhang.eot?#iefix') format('embedded-opentype'), url('../fonts/tianjinyinhang.woff') format('woff'), url('../fonts/tianjinyinhang.ttf') format('truetype'), url('../fonts/tianjinyinhang.svg#Glyphter') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'default-bankIcon';
  src: url('../fonts/default-bankIcon.eot');
  src: url('../fonts/default-bankIcon.eot?#iefix') format('embedded-opentype'), url('../fonts/default-bankIcon.woff') format('woff'), url('../fonts/default-bankIcon.ttf') format('truetype'), url('../fonts/default-bankIcon.svg#iconfont') format('svg');
}
.hrp_iconfont {
  font-family: "hrp_iconfont" !important;
  font-size: 0.8rem;
  color: #b8b8b8;
  font-style: normal;
  margin-left: 0.3rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.01rem;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont {
  font-family: "yu-yqd" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-extend {
  font-family: "iconfont-extend" !important;
  font-size: 0.8rem;
  color: #b8b8b8;
  font-style: normal;
  margin-left: 0.3rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.01rem;
  -moz-osx-font-smoothing: grayscale;
}
.h5-icon {
  font-family: "yq_icon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
/*字体图标*/
.icon-e60b:before {
  content: "\e60b";
}
.icon-e60c:before {
  content: "\e60c";
}
.icon-e60d:before {
  content: "\e60d";
}
.icon-e602:before {
  content: "\e602";
}
.icon-e604:before {
  content: "\e604";
}
.icon-checkbox {
  content: "\e606";
}
.icon-checkbox-checked {
  content: "\e607";
}
.icon-e609:before {
  content: "\e609";
}
.icon-e608:before {
  content: "\e608";
}
.icon-e61a:before {
  content: "\e61a";
}
.icon-e612:before {
  content: "\e612";
}
.icon-e613:before {
  content: "\e613";
}
.icon-e614:before {
  content: "\e614";
}
.icon-e615:before {
  content: "\e615";
}
.icon-e616:before {
  content: "\e616";
}
.icon-e617:before {
  content: "\e617";
}
.icon-e619:before {
  content: "\e619";
}
.icon-e62b:before {
  content: "\e62b";
}
.icon-e62c:before {
  content: "\e62c";
}
.icon-bank-default:before {
  font-family: "default-bankIcon" !important;
  content: "\e6a9";
  color: #129698;
}
/*默认银行*/
.icon-bank-7007:before {
  content: "\e61d";
  color: #E30D1C;
}
/*北京银行*/
.icon-bank-102:before {
  content: "\e61e";
  color: #CA0000;
}
/*工商银行*/
.icon-bank-304:before {
  content: "\e61f";
  color: #e50112;
}
/*华夏银行*/
.icon-bank-105:before {
  content: "\e620";
  color: #013B90;
}
/*建设银行*/
.icon-bank-301:before {
  content: "\e621";
  color: #1E2188;
}
/*交通银行*/
.icon-bank-103:before {
  content: "\e622";
  color: #169274;
}
/*农业银行*/
.icon-bank-309:before {
  content: "\e623";
  color: #004186;
}
/*兴业银行*/
.icon-bank-403:before {
  content: "\e624";
  color: #097E38;
}
/*邮政银行*/
.icon-bank-7007:before {
  content: "\e61d";
  color: #E30D1C;
}
/*北京银行*/
.icon-bank-308:before {
  content: "\e625";
  color: #E60013;
}
/*招商银行*/
.icon-bank-302:before {
  content: "\e626";
  color: #C22E20;
}
/*中信银行*/
.icon-bank-783:before {
  content: "\e627";
  color: #EA5503;
}
/*平安银行*/
.icon-bank-303:before {
  content: "\e629";
  color: #6B1786;
}
/*光大银行*/
.icon-bank-305:before {
  content: "\e62a";
  color: #1BA3D3;
}
/*民生银行*/
.icon-bank-104:before {
  content: "\e608";
  color: #B81D22;
}
/*中国银行*/
.icon-bank-306 {
  top: 0px!important;
}
.icon-bank-306:before {
  font-family: "new-icon" !important;
  content: "\e7cc";
  color: #bf0017;
}
/*广发银行*/
.icon-bank-310:before {
  content: "\e61b";
  color: #1E2188;
}
/*浦发银行*/
.icon-bank-7006:before {
  content: "\e628";
  color: #273D8F;
}
/*上海银行*/
.icon-bank-7027:before {
  display: inline-block;
  font-family: 'Glyphter';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e765";
  color: #005bAc;
}
/*天津银行*/
/*华瑞字体图标*/
.status-icon-blue:before {
  font-size: 30px;
  color: #6699CB;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.status-icon-green:before {
  font-size: 29px;
  color: #e7af6e;
  margin-right: 5px;
  position: relative;
  top: -8px;
}
.status-icon-red:before {
  font-size: 30px;
  color: #c60404;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.status-icon-grey:before {
  font-size: 29px;
  color: #999999;
  margin-right: 5px;
  position: relative;
  top: -8px;
}
.icon-error-k:before {
  content: "\e616";
}
.icon-ok-k:before {
  content: "\e60a";
  margin-right: 6px;
  font-size: 31px;
}
.icon-todo-k:before {
  content: "\e617";
}
/* html调整基准字体大小 */
html {
  font-size: 18px;
}
/* 
content-block-nopadding{ margin: 0.75rem 0; }
 * 标题头样式覆盖
 */
.bar-nav .title {
  font-size: 1rem;
  background: #fff;
  color: #333 !important;
}
.bar .button-link {
  color: #979797;
}
/***
.表单list-block整体样式修改
***/
.list-block {
  margin: 0.75rem 0;
}
.list-block ul:before {
  background-color: #9e9e9e;
}
.no-before:before {
  height: 0 !important;
}
.list-block ul:after {
  background-color: #9e9e9e;
}
.list-block .item-inner:after {
  background-color: #9e9e9e;
  height: 0px;
}
/***
.表单内嵌验证码
***/
.list-block .yzm-btn {
  border: none;
  background: none;
  color: #428bca;
}
/* 
 * 公用button-big样式修改字体大小
 */
.button.button-big {
  font-size: 1rem;
}
.label-switch input[type="checkbox"]:checked + .checkbox {
  background: #f26f42;
}
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
  border: none;
  background-color: #e7af6e;
}
/* 
 *  button   默认#4cd964 0ee7cc   活动:#06ccb4
 */
.button-customer-h5 {
  border-color: #f26f42;
  color: #f26f42;
  background-color: #fff;
}
.button-customer-h5:active {
  border-color: #ef4b12;
  color: #ef4b12;
  background-color: #e6e6e6;
}
.button-customer-h5.button-fill {
  color: #fff;
  background-color: #f26f42;
}
.button-customer-h5.button-fill:active {
  background-color: #ef4b12;
}
.button.disabled,
.button.button-customer-h5.disabled {
  border-color: #c8c9cb;
  color: #c8c9cb;
  cursor: not-allowed;
}
.button.disabled:active,
.button.button-customer-h5.disabled:active {
  border-color: #c8c9cb;
  color: #c8c9cb;
}
.button.disabled.button-fill,
.button.button-customer-h5.disabled.button-fill {
  color: white;
  background-color: #c8c9cb;
}
.button.disabled.button-fill:active,
.button.button-customer-h5.disabled.button-fill:active {
  background-color: #c8c9cb;
}
.button-customer-verificode {
  padding: 0 0.1rem;
  height: 1.61rem;
  line-height: 1.61rem;
}
.icon-next {
  background-image: url("../img/dist/right.svg");
}
.icon-prev {
  background-image: url("../img/dist/left.svg");
}
.swiper-base-height {
  height: 6.1112rem;
  height: -moz-calc(29.33333333vw);
  height: -webkit-calc(29.33333333vw);
  height: calc(29.33333333vw);
}
.row.no-gutter .col-55 {
  width: 55%;
  margin: 0;
}
.row.no-gutter .col-60 {
  width: 60%;
  margin: 0;
}
.row.no-gutter .col-25 {
  width: 25%;
  margin: 0;
}
.row.no-gutter .col-35 {
  width: 35%;
  margin: 0;
}
.modal-inner::after {
  height: 1px !important;
  background-color: #e9e9e9 !important;
}
.modal-button::after {
  background-color: #e9e9e9 !important;
  width: 1px !important;
}
.special_iphone_bottom {
  bottom: env(safe-area-inset-bottom) !important;
  bottom: const(safe-area-inset-bottom) !important;
}
.special_iphone_bottom_fixed {
  width: 100%;
  height: env(safe-area-inset-bottom);
  height: const(safe-area-inset-bottom);
  background-color: #fff;
  bottom: 0;
  position: fixed;
}
.pwd-class {
  font-size: 0.66666667rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.91666667rem;
  padding-top: 0.27777778rem;
  padding: 0.58333333rem 0.5rem;
}
.pwd-blod {
  font-weight: bold;
}
.dark-gray {
  color: #7a7a7a;
}
.white {
  color: #fff;
}
.h2-red {
  color: #c60404;
}
.h2-blue {
  color: #6699CB;
}
.result-big-font:before {
  font-size: 4rem;
}
/*
加强ul底部线条
*/
.strong-ul-bottom:after {
  height: 1px !important;
}
 .list-block .h5-item-content {
  padding: 0;
}
.list-block .h5-item-inner {
  padding: 10px 15px;
  min-height: auto;
}
.item-link .h5-item-inner {
  padding-right: 15px !important;
}
.h5-item-inner .row {
  width: 100%;
}
.h5-item-inner .row > [class*="col-"] {
  color: #7a7a7a;
  font-size: 0.78rem;
  font-weight: normal;
}
.list-block .h5-li-attach .h5-item-inner {
  display: block;
}
.list-block .h5-li-attach .h5-item-inner .h5-inner-attach div {
  font-size: 0.72rem;
  color: #aaa;
}
.list-block .h5-li-attach .h5-item-attach {
  border-bottom: #e7e7e7 1px solid;
  display: none;
  padding: 5px 15px;
}
.list-block .h5-li-attach .h5-item-attach .row > [class*="col-"] {
  color: #aaa;
  font-size: 0.72rem;
}
.list-block .h5-li-attach.active .h5-item-attach {
  display: block;
}
.list-block .h5-li-table .h5-item-inner {
  display: block;
}
.list-block .h5-li-table .h5-item-inner .h5-inner-table .table-container {
  display: none;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 0.1rem 0;
}
.list-block .h5-li-table .h5-item-inner .h5-inner-table .table-container .row > [class*="col-"] {
  font-size: 0.72rem !important;
  color: #aaa !important;
}
.list-block .h5-li-table .h5-item-inner .h5-inner-table .col-100 {
  font-size: 0.72rem !important;
  color: #aaa !important;
}
.list-block .h5-li-table.active .table-container {
  display: block !important;
}
/*
华瑞输入列表样式
*/
.list-block .h5-input-content {
  padding-left: 0;
}
.list-block .h5-input-inner {
  min-height: 2.5rem;
  padding-left: 0.75rem;
}
.item-link .h5-input-inner {
  padding-right: 15px !important;
}
.row.no-gutter-width-100 {
  width: 100%;
}
.list-block .item-title-100.label {
  width: 100%;
}
.bankcard-input {
  padding: 0.2rem 0;
}
.bankcard-input p {
  margin: 0.2rem 0;
}
.bankcard-input p:nth-child(2) {
  font-size: 0.72rem;
  color: #969696;
}
/*
华瑞时间轴列表样式
*/
.list-block .progress {
  padding: 0.6rem 0.84rem 0.6rem 1.1rem;
}
.list-block .progress li div:nth-child(1) {
  width: 1.8rem;
}
.list-block .progress li div:nth-child(2) {
  width: 88%;
}
.list-block .progress li .time-ok-icon {
  background: url(../img/time-ok-icon.png) no-repeat;
  background-size: 1.65rem;
  height: 5rem;
}
.list-block .progress li .time-todo-icon-g {
  background: url(../img/time-todo-icon-g.png) no-repeat;
  background-size: 1.65rem;
  height: 5rem;
}
.list-block .progress li .time-icon-2 {
  background: url(../img/icon-2.png) no-repeat;
  background-size: 1.65rem;
  height: 1.7rem;
}
.list-block .progress li .time-icon-3 {
  background: url(../img/icon-3.png) no-repeat;
  background-size: 1.65rem;
  height: 5rem;
}
.list-block .progress li .time-icon-current-lixi {
  background: url(../img/current-lixi.png) no-repeat;
  background-size: 1.65rem;
  height: 1.7rem;
}
.list-block .progress li div:nth-child(2) p {
  margin: 0;
  padding: 0 0.4rem;
}
.list-block .progress li div .progress-title {
  color: #e7af6e;
  font-size: 1.1rem;
}
/*
华瑞贷还款卡片列表样式
*/
.repay-li {
  border-radius: 0.5rem;
}
.repay-li .repay-header {
  background: #e7af6e;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.3rem 0.7rem;
}
.repay-li .repay-header .row {
  width: 100%;
}
.repay-li .repay-header .row div:nth-child(2) {
  text-align: right;
}
.repay-li .repay-header .text {
  font-size: 0.66rem;
}
.repay-li .repay-header .num {
  font-size: 1.3rem;
}
.repay-li .repay-content {
  padding: 0.3rem 0.7rem;
}
.repay-li .repay-content div div {
  font-size: 0.8rem;
}
.repay-li .repay-footer p {
  margin: 0;
  text-align: center;
  padding: 0 75px;
  width: 100%;
}
.repay-li .repay-footer p a {
  font-size: 0.85rem;
  height: 1.7rem;
  line-height: 1.7rem;
}
/*
身份验证列表样式
*/
.list-block .item-content-customer {
  padding-left: 0rem;
  text-align: center;
}
.list-block .item-inner-customer {
  padding-right: 0rem;
  text-align: center;
}
.list-block .item-subtitle-customer {
  white-space: normal;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
/*
华瑞记录列表小标题和内容样式覆盖
*/
.lbs-item-subtitle {
  font-size: 0.85rem !important;
  line-height: 1.5rem !important;
}
.lbs-item-text {
  font-size: 0.85rem !important;
  line-height: 1.5rem !important;
  height: 1.5rem !important;
}
/*
华瑞常见问题样式
*/
.question-title {
  text-align: left;
}
.answer-content {
  color: #777;
  line-height: 25px;
  text-align: left;
}
/*
华瑞记录列表页的横线，页面似乎先解析到同一个位置再根据定位移动横线导致横线闪动
9/5更改样式为状态上下居中
*/
.h5-record-list li:last-child a .item-inner {
  /*height: 3.378rem;*/
}
.h5-record-list .item-inner {
  padding-bottom: 0 !important;
}
.h5-record-list .item-inner .item-title-row {
  margin-bottom: 0.6rem;
}
.h5-record-list .item-inner .item-title-row .item-title {
  font-size: 0.85rem;
  width: 43%;
}
.h5-record-list .item-inner .item-title-row .item-title i {
  float: left;
  width: 30%;
}
.h5-record-list .item-inner .item-title-row .item-title i:before {
  top: -1px;
}
.h5-record-list .item-inner .item-title-row .item-title .item-trade-status {
  float: left;
  width: 70%;
  line-height: 25px;
  position: relative;
  top: 1px;
}
.h5-record-list .item-inner .item-title-row .item-title .item-trade-tips {
  float: left;
  position: relative;
  top: 3px;
}
.h5-record-list .item-inner .item-title-row .item-after {
  display: block !important;
  line-height: 1.4rem;
}
.h5-record-list .item-inner .item-title-row .item-after div {
  text-align: right;
}
.h5-record-list .item-inner:after {
  position: static !important;
  width: 108% !important;
}
/*
我的信息页以及次级页面调高li高度
*/
.myinfo-list li a div:nth-child(2) {
  min-height: 1.5rem;
  line-height: 1.5rem;
}
.item-title {
  font-weight: normal !important;
}
/*
我的信息部分列表
*/
.list-block .item-title.label-width-30 {
  width: 30%;
}
/*
我的华瑞币华瑞币数量条样式
*/
.point-item-content {
  padding: 0.5rem;
}
.point-item-content .item-media {
  padding: 0 !important;
}
.point-item-content .item-media .account {
  width: 2.2rem;
  height: auto;
}
.point-item-content .item-inner.item-inner-no-line {
  -webkit-align-self: center;
  align-self: center;
  border-left: 1px solid #ddd;
  padding-left: 0.5rem;
}
.point-item-content .item-inner.item-inner-no-line .item-title {
  height: 1.8rem;
}
.point-item-content .item-inner.item-inner-no-line .item-title span {
  color: #e27572;
  font-size: 1.4rem;
  font-weight: bold !important;
}
/*
曹鹏加的样式
*/
.list-block .item-inner-no-line:after {
  height: 0px;
}
.list-block .ul-li-inner-line:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
/*报价保险公司列表*/
.cards-list.vehPlan-providers-list ul {
  border-top: none;
  border-bottom: none;
}
.cards-list.vehPlan-providers-list ul .row {
  width: 100%;
}
.cards-list.vehPlan-providers-list ul .vehPlan-card {
  border: 1px solid white;
  margin: 0.6rem 0.5rem;
}
.cards-list.vehPlan-providers-list ul .vehPlan-card.active {
  border: 1px solid #f26f42;
  background: #fff url('../img/selected.png') no-repeat right bottom;
}
.cards-list.vehPlan-providers-list ul li {
  margin: 0.2rem 0;
}
.cards-list.vehPlan-providers-list ul li .card-header:after {
  height: 0px !important;
}
.cards-list.vehPlan-providers-list ul li .card-content {
  border-top: 1px solid #e7e7e7;
  margin: 0 0.85rem;
  display: none;
}
.cards-list.vehPlan-providers-list ul li .card-content .card-content-inner {
  padding: 0.35rem 0;
}
.cards-list.vehPlan-providers-list ul li .card-content .card-content-inner .vehPlan-risks {
  padding: 0;
}
.cards-list.vehPlan-providers-list ul li .card-content.vehPlan-show {
  display: block;
}
.cards-list.vehPlan-providers-list ul li .card-content.vehPlan-show + .card-footer .vehPlan-rollUp {
  display: block;
}
.cards-list.vehPlan-providers-list ul li .card-content.vehPlan-show + .card-footer .vehPlan-rollDown {
  display: none;
}
.cards-list.vehPlan-providers-list ul li .card-content + .card-footer .vehPlan-rollUp {
  display: none;
}
.cards-list.vehPlan-providers-list ul li .card-content + .card-footer .vehPlan-rollDown {
  display: block;
}
.cards-list.vehPlan-providers-list ul li .card-footer {
  padding: 0.2rem;
  min-height: 1.2rem;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
}
.cards-list.vehPlan-providers-list ul li .card-footer:before {
  height: 0;
}
.padding-left-1rem {
  padding-left: 1rem;
}
/*
alertMessage样式
*/
.modal-overlay,
.preloader-indicator-overlay,
.popup-overlay {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.toast-message {
  z-index: 11500;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  min-width: 2.6rem;
  max-width: 14rem;
  height: auto;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 0.6rem 0.6rem;
  line-height: 1.4rem;
  font-size: 0.8rem;
  border-radius: 5px;
  opacity: .7 !important;
  word-break: break-all;
}
/*
消息弹层样式
*/
.lbs-msg-modal {
  width: 15rem;
  margin-left: -7.5rem;
  background-color: #fff;
}
.lbs-msg-modal .modal-inner {
  background-color: #fff;
  padding: 0.75rem 0;
  border-bottom: 1px solid #cbcbcb;
}
.lbs-msg-modal .modal-inner:after {
  width: 0%;
  height: 0;
}
.lbs-msg-modal .modal-inner .modal-title {
  border-bottom: 1px solid #cbcbcb;
  padding: 0 1rem 0.7rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}
.lbs-ok-msg .modal-inner .modal-title:before {
  content: "\e602";
  color: #0ee7cc;
  height: 1rem;
  width: 1rem;
  font-family: "yu-yqd" !important;
}
.lbs-err-msg .modal-inner .modal-title:before {
  content: "\e603";
  color: #ff4444;
  height: 1rem;
  width: 1rem;
  font-family: "yu-yqd" !important;
}
.lbs-msg-modal .modal-inner .modal-text {
  padding-top: 0.5rem;
}
.lbs-msg-modal .modal-buttons {
  height: 2.6rem;
}
.lbs-msg-modal .modal-buttons .modal-button:active {
  background: #fff !important;
  background-color: #fff !important;
}
.lbs-msg-modal .modal-buttons .modal-button {
  background-color: #fff;
  padding: 0.3rem 3.4rem;
  height: 2.6rem;
}
.lbs-msg-modal .modal-buttons .modal-button .button-less-big {
  height: 2rem;
  line-height: 2rem;
  font-size: 0.85rem;
}
.picker-modal {
  background: #ffffff;
}
/*
选择框弹层
*/
.select-modal .modal-inner {
  padding: 0.45rem;
}
.select-modal .modal-buttons .modal-button {
  text-align: left;
  padding: 0 10px;
  background: #fff;
  color: #3d4145;
}
.select-modal .modal-buttons .modal-button i {
  color: #f26f42;
}
.select-modal .modal-buttons-vertical-select {
  max-height: 13rem;
  overflow-y: auto;
}
/*
支付密码弹层
*/
.common-pay-modal {
  width: 15rem;
  margin-left: -7.5rem;
  background-color: #fff;
  margin-top: -90px !important;
}
.common-pay-modal .modal-inner {
  background-color: #fff;
  padding: 0.85rem;
}
.common-pay-modal .modal-inner .modal-title {
  line-height: 1.94rem;
  font-weight: 400;
  font-size: 0.88rem;
  background: #eee;
}
.common-pay-modal .modal-inner .common-pay-modal-input {
  line-height: 1.94rem;
  height: 1.94rem;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 0.83rem;
  font-size: 0.88rem;
}
.common-pay-modal .modal-inner:after {
  width: 0%;
  height: 0;
}
.common-pay-modal .modal-buttons {
  padding: 0 0.85rem 0 0.85rem;
  height: auto;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.common-pay-modal .modal-buttons .modal-button {
  border-radius: 0.35rem;
  line-height: 1.94rem;
  height: 1.94rem;
  font-size: 1rem;
  width: 45%;
}
.common-pay-modal .modal-buttons .modal-button:nth-child(1) {
  background: #999;
  color: #fff;
  font-size: 1rem;
}
.common-pay-modal .modal-buttons .modal-button:nth-child(1):after {
  width: 0 !important;
}
.common-pay-modal .modal-buttons .modal-button:nth-child(1):active {
  background: #737373;
}
.common-pay-modal .modal-buttons .modal-button:nth-child(2) {
  background: #f26f42;
  color: #fff;
  font-size: 1rem;
}
.common-pay-modal .modal-buttons .modal-button:nth-child(2):active {
  background: #dc8b2c;
}
.common-pay-modal .common-pay-modal-forget {
  margin: 0.44rem 0 0 0;
  padding: 0 0.85rem 0.85rem 0.85rem;
  text-align: right;
}
.common-pay-modal .common-pay-modal-forget a {
  font-size: 0.72rem;
  color: #428bca;
}
/*
银行卡弹层
*/
.common-bank-modal .actions-modal-group {
  margin: 0;
  max-height: 18rem;
  overflow-y: auto;
  background: #fff;
}
.common-bank-modal .actions-modal-group .actions-modal-button {
  border-radius: 0;
  padding: 11px 15px;
  line-height: inherit;
  color: #010;
  background: #fff;
  border-bottom: 1px solid #cccccc;
}
.common-bank-modal .actions-modal-group .actions-modal-button .bank-patter p {
  margin: 0;
  text-align: left;
}
.common-bank-modal .actions-modal-group .actions-modal-button .bank-patter .bank-name {
  font-style: normal;
  font-size: 0.88rem;
  font-family: "yq_icon" !important;
}
.common-bank-modal .actions-modal-group .actions-modal-button .bank-patter .bank-tip {
  font-size: 0.72rem;
  color: #999999;
}
.common-bank-modal .actions-modal-group .actions-modal-button:nth-last-child(1) {
  border-bottom: 0!important;
}
.common-bank-modal .actions-modal-group .actions-modal-button:after {
  height: 0px;
}
.common-bank-modal .actions-modal-group .actions-modal-button.bank-selected .bankcard-ok-no-tip:after {
  position: absolute;
  width: 23px;
  height: 23px;
  right: 0.833rem;
  top: 50%;
  margin-top: -10px;
  content: "";
  background: url("../img/backSelected.png") no-repeat center;
  background-size: cover;
}
.common-bank-modal .actions-modal-group .actions-modal-button.bank-unselected .bankcard-ok-no-tip:after {
  position: absolute;
  width: 23px;
  height: 23px;
  right: 0.833rem;
  top: 50%;
  margin-top: -10px;
  content: "";
  background: url("../img/backUnSelected.png") no-repeat center;
  background-size: cover;
}
.common-bank-modal .actions-modal-group .actions-modal-button:active {
  background: #fff;
}
.common-bank-modal .actions-modal-group .actions-modal-button.bank-selected {
  background: #fff;
}
.common-bank-modal .actions-modal-group.add-bank .actions-modal-button {
  border-top: 1px solid #e7e7e7;
  color: #428bca;
  font-size: 0.88rem;
  font-style: normal;
}
/*
省份简称选择 space-around
*/
.common-city-modal .modal-inner {
  border-radius: 0 0 0 0;
  background-color: #e5e6e8;
}
.common-city-modal .modal-inner .table-row {
  display: flex;
  padding-bottom: 0.5rem;
  justify-content: space-between;
}
.common-city-modal .modal-inner .table-row .table-cell {
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #aaaaaa;
  border-radius: 0.3rem;
  -webkit-background-size: 100%;
  background-size: 100%;
  font-family: "Source Han Sans CN";
  color: #0c0c0c;
}
.common-city-modal .modal-inner .table-row .table-cell a {
  font-size: 0.9rem;
  border: 0px solid #0894ec;
  color: #3d4145;
  line-height: 1.85rem;
  height: 1.9rem;
}
.common-city-modal .modal-inner .table-row .table-cell a.button-active {
  background-color: #e7af6e;
  color: #ffffff;
}
.common-city-modal .modal-inner .table-row .empty {
  padding: 3%;
}
._jobs {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  background-color: white;
}
._jobs span {
  color: #f26f24;
  height: 20px;
  width: 20px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  right: 1em;
  top: 10px;
  cursor: pointer;
}
._jobs0 {
  width: 100%;
  height: 40px;
  display: inline-block;
  border-bottom: 2px solid #f26f24;
  padding: 0;
  margin: 0;
}
._jobs0 li {
  list-style-type: none;
  float: left;
  height: 40px;
  line-height: 38px;
  overflow: hidden;
  font-size: 15px;
  color: #888;
  width: 80px;
  text-align: center;
  cursor: pointer;
}
.jobSel {
  background-color: #f26f24;
  color: #fff !important;
}
._jobs1 {
  width: 100%;
  height: 80%;
  display: inline-block;
  padding: 10px 0;
  overflow: auto;
}
._jobs1 a {
  height: 35px;
  display: block;
  color: #888;
  padding-left: 6px;
  margin-top: 3px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
  overflow: hidden;
}
/*._jobs1 a:hover { color: #888; background-color: #f26f24; }*/
.maskJob {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#canvas-holder {
  width: 180px;
  margin: 0 auto;
  position: relative;
}
.circle {
  width: 165px;
  height: 165px;
  max-width: 322px;
  border-radius: 200px;
  background: #fff;
  position: absolute;
  z-index: 99;
  margin-left: 8px;
  margin-top: 8px;
}
.circle-p1 {
  color: #e7af6e;
  font-size: 30px;
  margin: 63px 0 0 0;
}
.circle-p2 {
  color: #969696;
}
.guide-content {
  z-index: 12000;
  height: 100%;
  width: 100%;
}
.guide-content .guide-step {
  height: 100%;
  width: 100%;
}
.guide-content .guide-step div[class^="guide-tip"] {
  position: fixed;
  width: 100%;
  text-align: center;
}
.guide-content .guide-step .next {
  position: fixed;
  width: 100%;
  text-align: center;
}
.guide-content #guide-step-1 .guide-tip {
  top: 170px;
}
.guide-content #guide-step-1 .guide-tip img {
  width: 280px;
}
.guide-content #guide-step-1 .next {
  top: 400px;
}
.guide-content #guide-step-1 .next img {
  width: 68%;
}
.guide-content #guide-step-2 {
  display: none;
}
.guide-content #guide-step-2 .guide-tip {
  top: 170px;
}
.guide-content #guide-step-2 .guide-tip img {
  width: 280px;
}
.guide-content #guide-step-2 .next {
  top: 400px;
}
.guide-content #guide-step-2 .next img {
  width: 68%;
}
.guide-content #guide-step-3 {
  display: none;
}
.guide-content #guide-step-3 .guide-tip {
  padding-right: 0.5rem;
  top: 44px;
  text-align: right !important;
}
.guide-content #guide-step-3 .guide-tip img {
  width: 55%;
}
.guide-content #guide-step-3 .next {
  top: 400px;
}
.guide-content #guide-step-3 .next img {
  width: 68%;
}
.guide-content #guide-step-4 {
  display: none;
}
.guide-content #guide-step-4 .guide-tip {
  padding-left: 0.5rem;
  top: 360px;
  text-align: left !important;
}
.guide-content #guide-step-4 .guide-tip img {
  width: 180px;
}
.guide-content #guide-step-4 .next {
  top: 300px;
}
.guide-content #guide-step-4 .next img {
  width: 68%;
}
.guide-content #guide-step-5 {
  display: none;
}
.guide-content #guide-step-5 .guide-tip {
  padding-right: 0.5rem;
  top: 355px;
  text-align: right !important;
}
.guide-content #guide-step-5 .guide-tip img {
  width: 165px;
}
.guide-content #guide-step-5 .next {
  top: 300px;
}
.guide-content #guide-step-5 .next img {
  width: 68%;
}
/*
小字提示话术样式
*/
.content-tip {
  color: #999;
  font-size: 0.67rem;
}
.content-title {
  color: #999;
  font-size: 0.78rem;
}
.fold-tip {
  text-align: left;
  padding-left: 0.8rem;
}
/*
底部安全保障提示话术样式
*/
.p-a2 {
  line-height: 0.888rem;
  color: #428bca;
  margin: 0 auto;
  text-align: center;
  font-size: 0.83rem;
}
.p-a2 img {
  position: relative;
  top: 3px;
  margin-right: 0.277rem;
}
/*
带图片的身份验证话术样式
*/
.tip {
  position: absolute;
  z-index: 99;
  color: #fff;
  text-align: center;
  width: 100%;
}
.tip-p1 {
  font-size: 1rem;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.tip-p2 {
  margin: 0;
  font-size: 0.6rem;
}
.tip-p3 {
  margin-top: 70%;
}
/*
金额输入框样式
*/
@media screen and (min-width: 375px) {
  .money-input {
    padding-left: 0 !important;
    height: 65px !important;
    font-size: 1.15rem !important;
  }
}
@media screen and (max-width: 374px) {
  .money-input {
    padding-left: 0 !important;
    height: 65px !important;
    font-size: 1rem !important;
  }
}
.money-box {
  width: 69%;
  max-width: 23.9rem;
  margin: 0 auto;
  background: #e8e8e8;
  border-radius: 16.7rem;
  height: 3.4rem;
  padding-left: 10%;
}
.money-box i {
  font-size: 2.1rem;
  font-weight: bold;
  float: left;
}
.money-box input {
  width: 80% !important;
  height: 3.5rem !important;
  font-size: 1.15rem !important;
}
.tip2 {
  font-size: 0.78rem;
  color: #aaaaaa;
  padding: 10px 0 0 0;
}
.money-input h2 {
  margin: 0.8rem 0;
}
/***** 
check 
***********/
.list-block .item-content-check {
  padding-left: 0rem;
  text-align: center;
}
.list-block .list-block-label-check {
  padding: 0.2rem;
}
.list-block .list-block-label .item-content-label-check,
.list-block .item-content-check .item-content-label-check {
  padding-left: 0.2rem;
  text-align: center;
}
.list-block .item-inner-check {
  text-align: center;
  margin-left: 0.1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.list-block .list-block-label .item-inner-label-check,
.list-block .item-inner-check .item-inner-label-check {
  text-align: center;
  margin-left: 0.1rem;
  padding-right: 0.1rem;
}
.list-block.media-list .item-inner-check {
  text-align: center;
  margin-left: 0.1rem;
  padding-right: 0.1rem;
}
.list-block .item-subtitle-check {
  white-space: normal;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.list-block .item-title-check {
  font-size: 0.7rem;
  line-height: 1.2rem;
  font-weight: normal;
}
label.label-checkbox i.icon-form-checkbox-square {
  border-radius: 0.3rem;
}
.home-check .item-title {
  line-height: 1.8rem;
}
/*
次级header样式
*/
.second-hearder {
  height: auto;
  background-color: #fff;
  padding: 0.6rem 1.3rem;
}
.second-hearder div:nth-child(1) div {
  font-size: 0.85rem;
}
.second-hearder div {
  font-size: 1.5rem;
}
.second-hearder div div:nth-child(1) {
  border-right: 1px solid #ddd;
}
/*
华瑞明细页面小标题样式
*/
.detail-h2 {
  margin: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
}
.detail-h2 i {
  font-size: 1.4rem;
  font-weight: normal;
}
.detail-h2 i:before {
  top: 0 !important;
}
#detail ul:after {
  height: 0;
}
/*
感叹号提示文字样式
*/
.alert-tip {
  padding: 0.7rem 0.7rem 0.7rem 0.7rem !important;
  width: 100%;
}
.alert-tip div {
  font-size: 0.72rem;
  line-height: 1rem;
  color: #7a7a7a;
}
.alert-tip-img {
  padding-left: 1.3rem;
  padding-top: 0.09rem;
  background: url('../img/tip-icon.png') no-repeat left top;
  background-size: 1rem;
}
/*
登陆那一块的样式
*/
.link-tag-row a {
  font-size: 15px;
  color: #0ee6ca;
}
.verification {
  position: absolute;
  right: 14px;
  top: 6px;
  line-height: 33px;
  display: block;
  height: 32px;
}
/*
用户授权登陆样式
*/
.auth-block .item-content-auth {
  padding: 1rem 1rem 0.5rem 1rem;
  display: block;
}
.auth-block .item-content-auth .merge-img-container {
  width: 100%;
}
.auth-block .item-content-auth .merge-img-container img {
  width: 100%;
}
.auth-block .item-content-auth .img-container {
  padding: 0 3rem 25px 3rem;
  width: 100%;
}
.auth-block .item-content-auth .img-container div {
  display: inline-block;
  padding: 0 0.5rem;
}
.auth-block .item-content-auth .img-container div img {
  width: 100%;
}
.auth-block:before {
  height: 0 !important;
}
.auth-block:after {
  height: 0 !important;
}
/*
华瑞贷footer
*/
.footer-old {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  z-index: 999;
  height: 58px;
  border-top: 1px solid #ddd;
  background-color: #f0f0f0;
}
.footer-old a {
  height: 58px !important;
}
.footer-old a span:nth-child(1) {
  display: inline-block;
  width: 30px;
  height: 32px !important;
  background-size: 100% !important;
}
.footer-old a span:last-child {
  position: relative;
  top: -3px !important;
}
.footer-old a:first-child span:first-child {
  background: url('../img/footer/footer-icon1.png') no-repeat;
}
.footer-old a:first-child.active span:first-child {
  background: url('../img/footer/footer-icon1-.png') no-repeat;
}
.footer-old a:nth-child(2) span:first-child {
  background: url('../img/footer/footer-icon2.png') no-repeat;
}
.footer-old a:nth-child(2).active span:first-child {
  background: url('../img/footer/footer-icon2-.png') no-repeat;
}
.footer-old a:nth-child(3) span:first-child {
  background: url('../img/footer/footer-icon4.png') no-repeat;
}
.footer-old a:nth-child(3).active span:first-child {
  background: url('../img/footer/footer-icon4-.png') no-repeat;
}
.footer-old a:nth-child(4) span:first-child {
  background: url('../img/footer/footer-icon3.png') no-repeat;
}
.footer-old a:nth-child(4).active span:first-child {
  background: url('../img/footer/footer-icon3-.png') no-repeat;
}
.footer-old a.active span.tab-label {
  color: #0ee6ca;
}
/*
footerf0f0f0
*/
.h5-footer {
  background-color: #ffffff;
  text-align: center;
  height: 56px;
  border-top: none;
  bottom: 0;
  display: table;
  width: 100%;
  padding: 0;
  table-layout: fixed;
  border-bottom: 0;
}
.h5-footer .tab-item {
  width: 33.3%;
  height: 56px;
  display: table-cell;
  color: #929292;
  text-align: center;
  vertical-align: middle;
}
.h5-footer a span {
  font-size: 12px;
  color: #9f9f9f;
  display: inline-block;
  line-height: 20px;
}
.h5-footer a img {
  width: 30px;
  display: block;
  margin: 5px auto 0;
}
.h5-footer a.selected span {
  color: #e7af6e;
}
.h5-footer .footer-tab1 {
  background-image: url('../img/footer/footer-icon1.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab2 {
  background-image: url('../img/footer/footer-icon2.png');
  background-repeat: no-repeat;
  background-position: center 7px ;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab3 {
  background-image: url('../img/footer/footer-icon3.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab4 {
  background-image: url('../img/footer/footer-icon4.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab1.selected {
  background-image: url('../img/footer/footer-icon1-.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab2.selected {
  background-image: url('../img/footer/footer-icon2-.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab3.selected {
  background-image: url('../img/footer/footer-icon3-.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
.h5-footer .footer-tab4.selected {
  background-image: url('../img/footer/footer-icon4-.png');
  background-repeat: no-repeat;
  background-position: center 7px;
  background-size: 25px;
  padding-top: 30px;
}
/*
我的信息-首页 by易商美工
*/
.page {
  position: relative;
}
.news_text {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background-color: #fffee9;
  padding: 0 10px;
  font-size: 14px;
  color: #428bca;
  margin: 0;
  position: relative;
}
.news_text .new-tit {
  display: block;
  font-size: 14px;
  color: #777;
  line-height: 35px;
}
.news_text .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 55px;
  height: 35px;
  background: url("../img/close.png") no-repeat 20px center;
  background-size: 25px;
}
.news_text .close-btn:hover {
  background: url("../img/close-hover.png") no-repeat 20px 0;
  background-size: 35px;
}
.user_info {
  background: #0ee6ca;
  padding: 15px 15px 15px 15px;
}
.user_img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin: 15px auto 5px;
}
.user_img img {
  width: 60px;
  border-radius: 30px;
}
.user_name {
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 10px;
}
.account > i {
  font-size: 13px;
  color: #fff;
  position: relative;
  top: -1px;
  left: 0.5px;
}
.account {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 2px;
  position: relative;
}
.account01 {
  background: #FFBF43;
}
.account02 {
  background: #F2299F;
  padding-top: 1px;
}
.account03 {
  background: #5cd2e4;
  padding-top: 1px;
}
.account04 {
  background: #73ca57;
}
.account05 {
  background: #5B99E4;
}
.account06 {
  background: #ef8bf0;
}
.account06 > i {
  font-size: 22px;
  top: 0;
  right: 2px;
  left: -1.5px;
}
.account-img img {
  width: 100%;
}
.bottom-tel {
  width: 100%;
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-bottom: 65px;
  margin-top: 15px;
}
.bottom-tel span {
  color: #428bca;
  padding-left: 5px;
}
/*
肖像采集
*/
.photo_area {
  text-align: center;
}
.photo {
  width: 64.53125%;
  max-width: 413px;
}
.tip-p2 {
  margin: 0;
}
.tip-p3 {
  margin-top: 70%;
}
/*
字体位置样式
*/
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.cxbj-icon {
  vertical-align: middle;
  width: 1rem;
  position: relative;
  top: -0.2rem;
  margin-left: 0.4rem;
}
.activity-container {
  background-color: #73bbfa;
}
.activity-container .activity-header {
  position: absolute;
  top: 0;
  width: 100%;
}
.activity-container .activity-bg {
  width: 100%;
  height: 200%;
}
.activity-container .activity-content {
  background: #fff;
  border-radius: 0.8rem;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.activity-container .activity-content .activity-title {
  padding: 4px 7px;
  background: linear-gradient(to right, #f3a113, #f5ca46);
  color: #fff;
  font-size: 1.2rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.activity-container .activity-content .activity-title img {
  width: 2rem;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.activity-container .activity-content .activity-text {
  padding: 5px;
}
.activity-container .activity-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.detail-content {
  position: relative;
  background: #73bbfa;
  height: 79rem;
  width: 100%;
}
.detail-content2 {
  position: relative;
  background: #73bbfa;
  height: 69rem;
  width: 100%;
}
.detail-bg {
  width: 100%;
}
.detail-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-footer {
  position: absolute;
  bottom: 0;
  text-align: left;
  width: 100%;
}
.detail-footer p {
  text-align: left;
  line-height: 1.4rem;
  margin: 0;
  padding: 0.6rem 0.75rem;
}
.detail-text-title {
  padding: 0.4rem;
  background: linear-gradient(to right, #f3a113, #f5ca46);
  color: #fff;
  font-size: 1.2rem;
}
.detail-text-title img {
  width: 2rem;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.detail-text {
  width: 95%;
  margin-left: 2.5%;
  border-radius: 0.8rem;
  background: #fff;
  overflow: hidden;
  position: absolute;
  bottom: 6rem;
}
.detail-footer-button {
  position: fixed;
  bottom: 0;
  width: 100%;
}
p.detail-ck {
  text-align: center;
  position: absolute;
  bottom: 20rem;
  width: 100%;
  text-decoration: underline;
}
p.detail-ck a {
  color: #fff;
}
p.detail-mask {
  background: #3e3e3e;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  padding: 0.3rem;
  margin-top: 1.4rem;
  position: relative;
}
.detail-mask i {
  position: absolute;
  font-style: normal;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  font-size: 1.2rem;
  border-radius: 50%;
  background: #595959;
  right: 0.4rem;
  top: 50%;
  margin-top: -0.55rem;
}
.detail-btn {
  display: block;
  background: #fcda33;
  color: #f37c13;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
}
@media screen and (min-device-width: 360px) {
  .detail-content {
    height: 89rem;
    width: 100%;
  }
  .detail-content2 {
    height: 78rem;
    width: 100%;
  }
}
@media screen and (min-device-width: 414px) {
  .detail-content {
    height: 96rem;
    width: 100%;
  }
  .detail-content2 {
    height: 84rem;
    width: 100%;
  }
}
/*报价红包分享*/
.event-link2-footer {
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.event-link2-footer img {
  width: 90%;
  margin-top: 1rem;
}
/*红包奖励分享页*/
.share-reward {
  width: 85%;
  margin-left: -42.5%;
}
.share-reward .modal-inner {
  background: none;
  margin-top: -12rem;
}
.share-reward img {
  width: 100%;
  margin: 0.5rem 0;
}
.share-reward .shareImg {
  margin: -3rem 0;
}
.share-reward .closeBtn {
  width: 100%;
  text-align: right;
  position: relative;
}
.share-reward .closeBtnImg {
  width: 10%;
}
@media screen and (max-device-width: 340px) {
  .share-reward .modal-inner {
    margin-top: -9rem;
  }
}
/*车险活动首页*/
.event-detail {
  width: 85%;
  margin-left: -42.5%;
}
.event-detail-header {
  color: #ea5a23;
  font-size: 0.8rem;
  position: absolute;
  top: 2%;
  right: 5%;
  font-weight: bold;
}
.event-detail-content {
  position: relative;
  background: #fbf36a;
}
.event-detail-bg {
  width: 100%;
  vertical-align: middle;
}
.event-detail-btn {
  display: block;
  background: #ea5a23;
  color: #fff;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
}
.event-detail .modal-inner {
  background: none;
}
.event-detail .modal-text table {
  background: #e64111;
  color: #fff;
}
.event-detail .modal-text td {
  padding: 0.15rem;
}
.event-detail .modal-text .date {
  font-size: 0.8rem;
  width: 90%;
  text-align: left;
  font-weight: bold;
}
.event-detail .modal-text .rule {
  font-size: 0.7rem;
  width: 90%;
  text-align: left;
}
.event-modal-close {
  position: absolute;
  right: 1rem;
  width: 8%;
  margin-top: 2.6rem;
}
@media screen and (max-device-width: 340px) {
  .event-modal-close {
    margin-top: 2.3rem;
  }
}
@media screen and (min-device-width: 375px) {
  .event-modal-close {
    margin-top: 2.8rem;
  }
}
@media screen and (min-device-width: 414px) {
  .event-modal-close {
    margin-top: 3rem;
  }
}
.event-detail .modal-text .icon {
  width: 1.5rem;
  margin: 10%;
}
/*报价活动*/
.banner-vertical {
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.banner-vertical .swiper-container {
  width: 100%;
  height: 100%;
}
.banner-vertical .swiper-container a {
  width: 100%;
  height: 100%;
}
.banner-vertical img {
  width: 100%;
  height: 100%;
}
#arrow {
  position: absolute;
  width: 1rem;
  height: 0.9rem;
  left: 50%;
  margin-left: -0.5rem;
  bottom: 0.5rem;
  z-index: 999;
  -webkit-animation: start 1.5s infinite ease-in-out;
  -moz-animation: start 1.5s infinite ease-in-out;
}
.banner-vertical img.arrow-tqb {
  position: absolute;
  width: 1rem;
  height: 1.7rem;
  left: 50%;
  margin-left: -0.5rem;
  bottom: 0.5rem;
  z-index: 999;
  -webkit-animation: start 1.5s infinite ease-in-out;
  -moz-animation: start 1.5s infinite ease-in-out;
}
.event-link2-footer {
  position: absolute;
  bottom: 0.3rem;
  right: 5%;
  width: 90%;
}
.event-link2-footer img {
  margin-bottom: 0.2rem;
}
.event-link-footer {
  position: absolute;
  bottom: 3%;
  right: 5%;
  width: 90%;
}
.event-link-footer img {
  margin-bottom: 0.2rem;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate(0, 0.5rem);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -0.4rem);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: 0;
    -moz-transform: translate(0, 0.5rem);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0, -0.4rem);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: 0;
    transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, -8px);
  }
}
.more-list {
  min-height: 14rem;
  height: 14rem;
  overflow: hidden;
}
i.brand {
  display: inline-block;
  width: 3rem;
  height: 3rem;
}
[class~=brand]:first-child {
  background: url("../img/tu_01.png") no-repeat;
  background-size: 100% 100%;
}
[class~=brand]:nth-child(2) {
  background: url("../img/tu_02.png") no-repeat;
  background-size: 100% 100%;
}
.card3D.active {
  border: 0.1rem solid #e6af6e;
  background: url(../img/policy-loan-bj.png) no-repeat right bottom;
  box-shadow: 0 0.2rem 0.3rem #ccc;
  margin-bottom: .1rem;
}
.adjust1 {
  position: fixed;
  bottom: 45px;
  width: 100%;
}
.bottom-btn-group {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  padding: .25rem 0;
}
.bottom-btn-group .btn-group {
  display: flex;
  justify-content: space-around;
}
.btn-40 {
  width: 40%;
  height: 35px;
  line-height: 35px;
  font-size: 0.85rem;
}
.providers-modal.modal-visibility,
#modal-list.modal-visibility {
  visibility: visible;
  opacity: 1;
}
.providers-modal {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
}
.modal-list {
  position: fixed;
  bottom: 2.5rem;
  width: 100%;
  background-color: #fff;
  overflow: scroll;
  height: 20rem;
}
.detail-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.detail-bottom > div {
  line-height: 2.5rem;
  height: 2.5rem;
}
.detail-bottom > .row > div:first-child {
  width: 20%;
  display: inline-block;
  background: #fff;
  text-align: center;
  float: left;
  height: 2.5rem;
  color: #e6af6e;
  position: relative;
}
.detail-bottom .kefu {
  font-size: 1.2rem;
  color: #e6af6e;
  display: block;
  text-align: center;
  margin-left: 0;
  height: 2.5rem;
  padding-top: 5px;
}
.detail-bottom .kefu1 {
  font-size: .6rem;
  color: #979797;
  display: block;
}
.detail-bottom > div > span {
  width: 40%;
  display: inline-block;
  background: #fff;
  text-align: center;
  float: left;
  height: 2.5rem;
  color: #e6af6e;
  border-left: 1px solid #e6af6e;
}
.detail-bottom > .row > div:last-child {
  float: left;
  width: 40%;
  display: inline-block;
  text-align: center;
  background: #e6af6e;
  color: #fff;
}
/*************************************选择投保方案2*************************************/
.plan-edit-car {
  display: inline-block;
  height: 1.85rem;
  width: 1.85rem;
  background: url("../img/car.png") no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.carBrand {
  width: 2rem;
  height: 2rem;
  background-color: #428CE1;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff;
  border-radius: 50%;
}
.asset-item-content {
  display: flex;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 90%;
}
.asset-content-item .item-after {
  position: absolute;
  margin: auto;
  right: 1.2rem;
  top: 0;
  bottom: 0;
  line-height: 1.4rem;
}
.icon-gouxuankuang:before {
  content: "\e606";
}
.icon-yigouxuan:before {
  content: "\e607";
}
.icon-jiantou:before {
  content: "\e600";
}
.icon-duigou:before {
  content: "\e602";
}
.icon-cuowu:before {
  content: "\e604";
}
.icon-renminbi:before {
  content: "\e601";
}
.icon-jiantou:before {
  content: "\e605";
}
.icon-radio:before {
  content: "\e608";
}
.icon-radio.on:before {
  content: "\e609";
}
.icon-arrow-up:before {
  content: "\e62d";
}
.icon-arrow-down:before {
  content: "\e62f";
}
.icon-tick:before {
  content: "\e60e";
}
/*保单贷*/
.policy-loan-text {
  margin: 0.55rem 0.6rem;
  color: #979797;
}
.list-block ul.policy-item {
  border-radius: 0.5rem;
  border: 0.1rem solid transparent;
}
.item-num {
  color: #e4393c;
}
.policy-item.active {
  border: 0.1rem solid #e6af6e;
  background: url(../img/vehicle/policy-loan-bj.png) #fff no-repeat right bottom;
}
/*保单详情 padding: 0 0.25rem 0 0.3rem !important;
.list-block ul.no-gap li{padding-left:0;}
.list-block ul.no-gap li .item-title{padding-left:0.75rem;}
.list-block .item-inner.no-border:after{background:none;}
    background: url(../img/vehicle/down.png) no-repeat !important;
    background-position: 1.2rem center !important;
*/
.orderDetailContentBlock {
  margin: 0.6rem;
  padding: 0;
}
.veh-open-select-edge {
  position: absolute;
  width: 0;
  height: 0;
  border-style: dashed;
  border-color: transparent;
  overflow: hidden;
}
.veh-select-div {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: left!important;
  position: relative;
  width: 2.3rem;
}
.veh-select-div .veh-open-select {
  -webkit-appearance: none;
  border: 1px solid #e7e7e7!important;
  border-radius: 5px;
  line-height: 1.55rem;
  height: 1.55rem;
  width: 100%;
  padding-right: 1.10rem;
  padding-left: 0.25rem;
  color: #3d4145;
  font-size: 0.85rem;
}
.veh-select-div .veh-open-select-edge {
  position: absolute;
  right: 0.35rem;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border-width: 6px;
  border-top-color: #999999;
  border-top-style: solid;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.veh-policy-block .item-title.label {
  width: 30%;
}
/*报价比价*/
.bj-info .item-inner .item-title {
  color: #979797;
  font-size: 0.75rem;
}
.cx-bj {
  border: 0.1rem solid transparent;
  margin-bottom: 0.6rem !important;
}
.cx-bj li.item-content {
  padding-left: 0.6rem;
}
.cx-bj.active {
  border: 0.1rem solid #e6af6e;
  background: url(../img/vehicle/policy-loan-bj.png) #fff no-repeat right bottom;
  box-shadow: 0 0.4rem 0.5rem #ccc;
}
/*车险及弹框*/
.car-info-middle {
  color: #979797;
  font-size: 0.7rem;
  padding-bottom: 0;
}
.modal.car-license .modal-inner {
  background: #fff;
  text-align: left;
  line-height: 2.25rem;
  padding: 0;
  overflow: hidden;
}
.modal.car-license .modal-inner .modal-title {
  text-align: left;
  padding-left: 0.75rem;
}
.modal.car-license .modal-inner .modal-text {
  margin: 0;
}
.modal.car-license .modal-inner .modal-text > label {
  padding-left: 0.75rem;
  border-top: 0.05rem solid #d2d2d2;
  display: block;
}
.modal.car-license .modal-inner .modal-text > label input {
  margin-right: 0.4rem;
}
.ghc {
  overflow: hidden;
}
.ghc .modal-button {
  background: #fff;
  padding: 0;
  overflow: hidden;
}
.is-ghc {
  text-align: center;
  padding: 0;
  color: #3d4145;
}
.is-ghc input {
  margin-right: 0.3rem;
}
/*车险分期*/
.cx-fq .content-block-title {
  margin: 0;
  background: #fff;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
}
.cx-fq .list-block {
  margin: 0;
  background: #fff;
}
.cx-fq .list-block .cx-fq-item {
  margin: 0 0 0.6rem 0;
}
.cx-fq .list-block .cx-fq-item li > a {
  padding-left: 0.3rem;
}
.cx-fq .list-block .cx-fq-item li > a .item-title {
  font-weight: bold;
  color: #3d4145;
}
.cx-fq .list-block .cx-fq-item li > a .item-text {
  font-size: 0.65rem;
  color: #979797;
}
.cx-fq .list-block .cx-fq-item:first-child:before {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:first-child:after {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:nth-child(2):before {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:nth-child(2):after {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:nth-child(3):before {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:nth-child(3):after {
  background-color: #fff;
}
.cx-fq .list-block .cx-fq-item:first-child {
  border-top: 0.05rem solid #60a1ee;
  border-bottom: 0.05rem solid #60a1ee;
}
.cx-fq .list-block .cx-fq-item:nth-child(2) {
  border-top: 0.05rem solid #5ec5b2;
  border-bottom: 0.05rem solid #5ec5b2;
}
.cx-fq .list-block .cx-fq-item:nth-child(3) {
  border-top: 0.05rem solid #fbc05b;
  border-bottom: 0.05rem solid #fbc05b;
}
.cooperate {
  background: #fff;
  padding-bottom: 0.6rem;
  border-bottom: 0.05rem solid #d2d2d2;
}
.cooperate p {
  padding: 0.6rem 0;
  text-align: center;
}
.cooperate .row {
  margin: 0;
  text-align: center;
}
.cooperate .row > div {
  text-align: center;
  margin: 0;
  width: 33%;
}
.cooperate .row > div img {
  width: 4rem;
}
.cooperate .row > div:not(:last-child) {
  border-right: 0.05rem solid #d2d2d2;
}
.cx-fq-modal .modal-inner {
  background: #fff;
}
.cx-fq-modal .modal-inner .modal-title {
  font-weight: bold;
}
.cxfq-p {
  text-align: left;
  font-size: 0.7rem;
  padding: 0 0.75rem;
  margin: 0;
}
.cxfq-know {
  text-align: center;
}
.cxfq-know button {
  margin-top: 0.9rem;
  width: 7.35rem;
  height: 1.95rem;
  line-height: 1.95rem;
  color: #e6af6e;
  border: 0.05rem solid #e6af6e !important;
  border-radius: 0.2rem;
  background: #fff;
}
/*确认订单*/
.red-paper {
  height: 2.75rem;
  background: #fcf9f5;
  padding-left: 0.6rem;
  margin-top: 0.6rem;
  border-bottom: 0.05rem solid #d2d2d2;
}
.red-paper img {
  float: left;
  width: 1.35rem;
  margin-right: 0.5rem;
  margin-top: 0.6rem;
}
.red-paper div {
  float: left;
  padding-top: 0.15rem;
}
.red-paper div:first-child {
  padding-top: 0.15rem;
}
.red-paper div span:first-child {
  font-size: 0.7rem;
  color: #979797;
}
.red-paper div span:last-child {
  font-size: 0.8rem;
  color: #000;
}
.red-paper div:last-child {
  float: right;
  font-size: 0.8rem;
  color: #fff;
  width: 5.2rem;
  height: 2.75rem;
  text-align: center;
  line-height: 2.75rem;
  background: url(../images/red-paper01.jpg) no-repeat;
  background-size: 100%;
}
.choose {
  padding: 0 0 0.6rem 0.6rem	;
  font-size: 0.7rem;
}
.isChosen {
  font-size: 0.9rem;
  margin-right: 0.4rem;
  margin-left: 0;
}
.isChosen.active {
  color: #e7af6e;
}
/*分期支付*/
.fqzf-header {
  width: 100%;
  height: 9.5rem;
  background: #e6af6e;
  position: relative;
}
.lg-circle {
  width: 8.3rem;
  height: 8.3rem;
  border-radius: 50%;
  background: #eab97f;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -4.15rem;
  top: 50%;
  margin-top: -4.15rem;
  z-index: 1;
}
.sm-circle {
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 50%;
  border: 0.4rem solid #fff;
  background: #e6af6e;
  position: absolute;
  left: 50%;
  margin-left: -3.7rem;
  top: 50%;
  margin-top: -3.7rem;
  z-index: 10;
}
.sm-circle {
  color: #fff;
  text-align: center;
  padding-top: 1.8rem;
}
.sm-circle span:first-child {
  font-size: 1.2rem;
}
.sm-circle span:nth-child(2),
.sm-circle span:nth-child(3) {
  font-size: 0.7rem;
}
.cover {
  width: 100%;
  height: 2.3rem;
  position: absolute;
  bottom: 0.5rem;
  background: #e6af6e;
  z-index: 20;
}
.fqzf-list.row {
  width: 100%;
  padding: 0.6rem 0;
  position: absolute;
  bottom: 0;
  z-index: 300;
  background: #ecba7f;
  margin: 0;
}
.fqzf-list div {
  float: left;
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
  padding: 0;
}
.fqzf-list div:first-child {
  width: 30%;
  border-right: 0.05rem solid #fff;
}
.fqzf-list div:nth-child(2) {
  width: 39%;
  border-right: 0.05rem solid #fff;
}
.fqzf-list div:nth-child(3) {
  width: 30%;
}
/*我的保障*/
.start-time,
.dead-time {
  position: absolute;
  right: 0.75rem;
  font-size: 0.7rem;
  color: #5f646e;
  height: 1rem;
}
.start-time {
  top: 0.2rem;
}
.dead-time {
  bottom: 0.2rem;
}
.btn-area {
  text-align: right;
  border-bottom: 0.05rem solid #d2d2d2;
  background: #fff;
}
.btn-area a {
  display: inline-block;
  width: 4.35rem;
  height: 1.55rem;
  line-height: 1.55rem;
  text-align: center;
  border-radius: 0.2rem;
  color: #e6af6e;
  margin-left: 0.2rem;
}
.btn-area-box {
  text-align: center;
}
.btn-area-box a {
  display: inline-block;
  width: 5.75rem;
  height: 1.65rem;
  line-height: 1.65rem;
  color: #e6af6e;
  font-size: 0.9rem;
  text-align: center;
  border: 0.05rem solid #e6af6e;
  border-radius: 0.2rem;
}
.btn-area-box a:first-child {
  margin-right: 0.7rem;
}
.btn-area-box a:last-child {
  background: #e6af6e;
  color: #fff;
}
.no-gap.no-border:after {
  background: none;
}
.address-modal .modal-title,
.pay-method-modal .modal-title {
  text-align: left;
  font-size: 0.8rem;
  background: #f0f5fa;
  padding: 0.6rem;
}
.address-modal .modal-inner {
  background: #fff;
  text-align: left;
  padding: 0;
  overflow: hidden;
}
.address-modal .modal-text {
  padding: 0.6rem 0;
  font-size: 0.7rem;
  text-align: center;
}
.address-modal .modal-text input {
  margin-left: 0.6rem;
  height: 1.5rem;
  padding-left: 0.3rem;
  overflow: hidden;
}
.button.over {
  background: #e6af6e;
  color: #fff;
  height: 1.8rem;
  line-height: 1.8rem;
}
.button.cancel {
  background: #fff;
  border: 0.05rem solid #e6af6e;
  color: #e6af6e;
  height: 1.8rem;
  line-height: 1.8rem;
}
.strong-ul-bottom.no-top-gutter {
  margin-bottom: 1rem;
}
/*等待核保*/
.wait-hb {
  padding-top: 1.25rem;
  margin-top: 0.6rem;
  background: #fff;
}
.wait-hb div {
  color: #e6af6e;
  font-size: 0.9rem;
  text-align: center;
}
.wait-hb p:nth-child(2) {
  padding: 1.25rem 0.7rem;
  font-size: 0.7rem;
  color: #979797;
  text-align: center;
  border-bottom: 0.05rem solid #d2d2d2;
}
.wait-hb p:nth-child(3) {
  padding: 0.7rem 0;
  color: #000;
  text-align: center;
}
.wait-hb p:nth-child(3) a {
  color: #60a1ee;
}
/*选择车型*/
.car-item {
  font-size: 0.7rem;
  color: #000;
  padding: 0.6rem 0.7rem;
  background: #fff;
  border-bottom: 0.05rem solid #d2d2d2;
}
.car-item p {
  padding: 0;
  margin: 0;
}
.car-item p span {
  font-size: 1rem;
}
.car-item.active {
  color: #e6af6e;
  background: url(../img/vehicle/policy-loan-bj.png) #fff no-repeat right bottom;
  background-size: 1.4rem;
}
.btn-fixed {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
}
.btn-fixed button {
  margin-top: 0.5rem !important;
}
/*选择省*/
.search-area {
  padding: 0.4rem 0.6rem;
  background: #fff;
}
.search-area p {
  height: 1.8rem;
  padding: 0;
}
.search-area p input {
  width: 75%;
  height: 1.8rem;
  padding-left: 1.7rem;
  border: 0.05rem solid #d2d2d2;
}
.search-area p button {
  width: 23%;
  border: 0.05rem solid #e6af6e !important;
  border-radius: 0.2rem;
  margin-left: 0.2rem;
  color: #e6af6e;
  font-size: 0.9rem;
  height: 1.8rem;
  line-height: 1.6rem;
  background: #fff;
}
.location p:first-child {
  height: 2rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
  font-size: 0.75rem;
  color: #979797;
}
.location p:not(:first-child) {
  font-size: 0.8rem;
  color: #000;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 0.6rem;
  background: #fff;
  border-bottom: 0.05rem solid #d2d2d2;
}
/*选择投保方案*/
.tb-methods {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #fff;
}
.tb-methods > div {
  width: 33%;
  text-align: center;
  height: 2.25rem;
  line-height: 2.25rem;
}
.tb-methods > div.active {
  border-bottom: 0.1rem solid #e6af6e;
}
.open {
  position: absolute;
  top: 1rem;
  right: 0.8rem;
}
.open.active {
  background: url(../images/up.png) no-repeat;
  background-size: 100%;
}
.item-header.row,
.media-list .item-middle.row,
.item-bottom.row {
  text-align: center;
}
.item-header {
  border-bottom: 1px solid #e6af6e;
}
.item-middle {
  border-bottom: 1px solid #d2d2d2;
}
.item-middle.active {
  background: #e7e7e7;
}
.item-middle .content-block {
  display: none;
}
.item-middle.active .content-block {
  display: block;
}
.item-middle .plan-collapse {
  background: url(../img/vehicle/add-icon.png) no-repeat;
  background-size: 8px;
  background-position: 13px 16px;
  padding-left: 1.3rem;
  text-align: left !important;
}
.item-middle.active .plan-collapse {
  background: url(../img/vehicle/decrease-icon.png) no-repeat;
  background-size: 8px;
  background-position: 13px 20px;
}
.item-bottom {
  border-bottom: 0.05rem solid #d2d2d2;
  background: #e7e7e7;
}
.item-header .row > [class*="col-"],
.item-middle .row > [class*="col-"],
.item-bottom .row > [class*="col-"] {
  height: 2.25rem;
  line-height: 2.35rem;
  text-align: center;
  font-size: 0.88rem;
}
.item-middle .row > [class*="col-"] {
  font-size: 0.78rem;
}
.item-middle .row > [class*="col-"] span {
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.item-header .col-33 {
  color: #979797;
}
.item-header .row > [class*="col-"] {
  text-align: left;
}
.item-header .row > [class*="col-"]:nth-child(1) span {
  padding-left: 2rem;
}
.item-header .row > [class*="col-"]:nth-child(2) span {
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.item-header .row > [class*="col-"]:nth-child(3) span {
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.item-middle img,
.item-bottom img {
  width: 0.65rem;
  margin-right: 0.4rem;
  position: relative;
  top: -0.1rem;
}
.hh-info {
  background: #e7e7e7;
  padding: 0.6rem;
  text-align: left;
  font-size: 0.7rem;
}
/*支付方式
.pay-method{text-align:center;padding:0 0.75rem;margin-top:1rem;}
.pay-method a{display:block;text-align:center;height:2rem;line-height:2rem;color:#e6af6e;border:0.05rem solid #e6af6e !important;border-radius:0.2rem;font-size:0.8rem;background:#fff;}
.pay-vip{background:url(../images/pay-vip.png) #e6af6e  no-repeat right center !important;background-size:1.9rem !important;}
.get-more{text-align:right;padding-right:0.6rem;}
.get-more a,.get-more2 a{font-size:0.7rem;color:#60a1ee;}
.close-vip{position:absolute;right:0.5rem;top:0.7rem;width:1rem;}
.use-btn{text-align:center;margin-top:0.9rem;}
.use-btn a{display:inline-block;width:8rem;height:2rem;line-height:2rem;background:#e6af6e;color:#fff;border-radius:0.2rem;}
.get-more2{text-align:center;padding:0.5rem;}
.pay-method-modal .modal-title{text-align:center;}
.pay-method-modal .modal-inner{padding:0;background:#fff;overflow:hidden;}
.pay-modal-item p{padding:0;padding-left:3.5rem;margin-top:0.6rem;text-align:left;}
.pay-modal-item p img{width:0.75rem;margin-right:0.3rem;position:relative;top:-0.1rem;}*/
/*选择质押保单*/
.zy-bd {
  padding: 0.6rem;
}
.zy-bd > div {
  border-radius: 0.4rem;
  background: #fff;
  margin-bottom: 0.6rem;
  border: 0.1rem solid transparent;
}
.zy-bd > div > .row {
  margin: 0;
  padding-top: 0.5rem;
  background: none;
}
.zy-bd > div.active {
  border: 0.1rem solid #e6af6e;
  background: url(../images/policy-loan-bj.png) #fff no-repeat right bottom;
  box-shadow: 0 0.4rem 0.5rem #ccc;
}
.zy-bd div.col-33 {
  font-size: 0.75rem;
  width: 21%;
  padding: 0;
  margin: 0;
  margin-top: 0.2rem;
  text-align: center;
  color: #000;
  border-right: 0.05rem solid #d2d2d2;
  padding-bottom: 0;
  font-weight: bold;
}
.zy-bd div.col-66 {
  width: 79%;
  margin: 0;
  padding: 0 0.4rem 0 0.3rem;
}
.zy-bd .col-33 img {
  width: 1.5rem;
  margin-bottom: 0.4rem;
  margin-top: 0.15rem;
}
.zy-bd-content {
  margin: 0;
  padding: 0;
  padding-bottom: 0.4rem;
}
.zy-bd-content li {
  height: 1.2rem;
  line-height: 1.2rem;
}
.zy-bd-content span:first-child {
  float: left;
  font-size: 0.7rem;
}
.zy-bd-content span:last-child {
  float: right;
  font-size: 0.7rem;
  color: #979797;
}
/*支付完成*/
.pay-over-info {
  text-align: center;
  padding: 0;
  padding-top: 0.5rem;
  font-size: 0.7rem;
  color: #000;
}
.pay-over-info a {
  color: #60a1ee;
}
.veh-act-tip-container {
  display: inline-block;
  border: 1px solid #ff801a;
  vertical-align: middle;
  padding: 0 2px;
  line-height: 1.3;
}
.veh-act-tip-container .veh-act-tip {
  color: #ff801a;
  line-height: 1.5;
}
.vehPay-wx {
  display: inline-block;
  width: 1rem;
  height: .9rem;
  background: url("../img/wx.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.vehPay-bankcard {
  display: inline-block;
  width: 1rem;
  height: .75rem;
  background: url("../img/bankcard.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.veh-pay-chosen {
  font-size: 0.9rem;
  margin-right: 0rem;
  margin-left: 0;
}
.veh-pay-chosen.active {
  color: #e7af6e;
}
.veh-tip-font {
  position: static;
  right: 4%;
  top: 50%;
  display: table-cell;
  margin-top: -0.5rem;
  color: #fff;
  font-style: normal;
  font-size: 0.7rem;
  height: 1rem;
  line-height: 1rem;
  padding: 0rem 0.4rem;
  background: url('../img/activity/discount-bj.png') no-repeat;
  background-size: 100% 100%;
}
.veh-tip-font.bath-font {
  position: static;
  display: inline-block;
}
#insure-page a.verification:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #FF7A0F;
  position: absolute;
  top: 5%;
  right: 5.55555556rem;
}
#confirmModal {
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
}
#confirmModal .confirm-tips {
  margin: 4.80555556rem auto 2rem;
  width: 92%;
  height: 2.44444444rem;
  background: #FF7C10;
  box-shadow: 1px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
}
#confirmModal .tip-container {
  margin: 6.27777778rem auto 0;
  width: 85%;
  border: 0.05555556rem solid #FFA054;
  border-radius: 0.55555556rem;
  position: relative;
}
#confirmModal .tip-container p {
  margin: 0;
}
#confirmModal .tip-container .title {
  position: absolute;
  font-size: 1.33333333rem;
  font-weight: 400;
  color: #343434;
  top: -1.33333333rem;
  display: flex;
  justify-content: center;
  margin: 0;
}
#confirmModal .tip-container .title .white-back {
  width: 6.66666667rem;
  background-color: #fff;
  position: relative;
}
#confirmModal .tip-container .title p {
  text-align: center;
  position: relative;
  z-index: 100000;
}
#confirmModal .tip-container .title span {
  width: 5.83333333rem;
  height: 0.80555556rem;
  top: 1.11111111rem;
  background: #FFA054;
  border-radius: 0.41666667rem;
  position: absolute;
  left: 0.41666667rem;
}
#confirmModal .tip-container .content-container {
  padding: 2.16666667rem 1.66666667rem 1.58333333rem 1.66666667rem;
}
#confirmModal .tip-container .content-container p {
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #343434;
}
#confirmModal .tip-container .content-container p:nth-of-type(2) {
  margin-top: 1.38888889rem;
}
#new-compConfirm {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 11499;
  position: absolute;
}
#new-compConfirm p {
  margin: 0;
}
#new-compConfirm .popup1 {
  width: 80%;
  background: #fff;
  position: absolute;
  left: 10%;
  z-index: 10000;
  display: block;
  border-radius: 7px;
  margin: auto 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: -o-fit-content;
  height: -ms-fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
}
#new-compConfirm .proTitle {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  font-weight: bold;
}
#new-compConfirm .popup-title {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0;
}
#new-compConfirm .prompt {
  padding: 0 7%;
  padding-bottom: 22px;
  border-bottom: 1px solid #e9e9e9;
}
#new-compConfirm .con-button {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ff7b0f;
}
#new-compConfirm .con-button p:not(:last-child) {
  border-right: 1px #e9e9e9 solid;
}
#job-choose-comp {
  /*a._seljob.jobSel::after {*/
  /*position: absolute;*/
  /*width: 7px;*/
  /*height: 15px;*/
  /*border-style: solid;*/
  /*border-color: #f26f24;*/
  /*border-width: 0 2px 2px 0;*/
  /*transform: rotateZ(45deg);*/
  /*content: "";*/
  /*margin-top: 6px;*/
  /*margin-left: 18px;*/
  /*}*/
}
#job-choose-comp ._jobs0 .jobSel {
  color: #f26f24 !important;
  border-bottom: 2px solid #f26f24;
}
#job-choose-comp ._jobs1 .jobSel {
  color: #f26f24 !important;
}
#job-choose-comp ._jobs1 {
  width: 100%;
  height: 80%;
  display: inline-block;
  overflow: auto;
  padding: 0px 0px;
}
#job-choose-comp #cColse {
  display: none;
}
#job-choose-comp ._jobs0 {
  border-bottom: 0px;
}
#job-choose-comp .jobSel {
  background-color: #fff;
  color: #fff !important;
}
#job-choose-comp ._jobs1 a {
  position: relative;
  height: 35px;
  display: block;
  color: #888;
  padding-left: 6px;
  margin-top: 3px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
  overflow: hidden;
}
#com-address p {
  margin: 0;
}
#com-address .address-mask {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#com-address #city-choose {
  background-color: #fff;
  position: fixed;
  z-index: 10000;
  width: 100%;
  bottom: 0;
}
#com-address #city-choose .city-tab {
  height: 2.77777778rem;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  display: flex;
}
#com-address #city-choose .city-tab #close-choose-address {
  position: absolute;
  width: 0.83333333rem;
  height: 0.83333333rem;
  right: 1.16666667rem;
  top: 1.02777778rem;
}
#com-address #city-choose .city-tab p {
  padding: 0 0.41666667rem;
  font-size: 0.83333333rem;
  color: #333;
  text-align: center;
  height: 2.77777778rem;
  line-height: 2.77777778rem;
  margin-left: 1.38888889rem;
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#com-address #city-choose .city-tab p:nth-of-type(1) {
  margin-left: 0.69444444rem;
}
#com-address #city-choose .city-tab .active {
  color: #ff7b0f;
  border-bottom: 0.11111111rem solid #ff7b0f;
}
#com-address #city-choose .city-content {
  padding: 0 1.11111111rem;
  height: 18.33333333rem;
  overflow-y: auto;
}
#com-address #city-choose .city-content p {
  font-size: 0.83333333rem;
  color: #333;
  margin-bottom: 1.38888889rem;
}
#com-address #city-choose .city-content p:nth-of-type(1) {
  margin-top: 1.38888889rem;
}
#com-address #city-choose .city-content .active {
  color: #ff7b0f;
  position: relative;
}
#com-trial-form p {
  margin: 0;
}
#com-trial-form .form-dialog-mask {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#com-trial-form #form-board {
  background-color: #fff;
  position: fixed;
  z-index: 10000;
  width: 100%;
  bottom: 0;
}
#com-trial-form #form-board p {
  padding: 0 0.41666667rem;
  font-size: 0.83333333rem;
  color: #333;
  text-align: center;
  height: 2.77777778rem;
  line-height: 2.77777778rem;
  margin-left: 1.38888889rem;
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#com-trial-form #form-board p:nth-of-type(1) {
  margin-left: 0.69444444rem;
}
#com-trial-form #form-board .active {
  color: #ff7b0f;
  border-bottom: 0.11111111rem solid #ff7b0f;
}
#com-trial-form .form-content {
  padding: 0 1.11111111rem;
  height: 500px;
  overflow-y: auto;
}
#com-trial-form .form-content p {
  font-size: 0.83333333rem;
  color: #333;
  margin-bottom: 1.38888889rem;
}
#com-trial-form .form-content p:nth-of-type(1) {
  margin-top: 1.38888889rem;
}
#com-trial-form .form-content .active {
  color: #ff7b0f;
  position: relative;
}
#trial-page .item-time:after {
  top: 47% !important;
}
.home-top {
  margin-top: 0;
  margin-bottom: 0;
}
.home-top .index-portrait {
  position: absolute;
}
.home-top .index-portrait img:first-child {
  width: 2.0rem;
  height: 2.0rem;
  border-radius: 50%;
}
.home-top .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
.home-top .index-person {
  font-size: 0.85rem;
  margin-left: 19% !important;
  padding-right: 1.2rem !important;
}
.home-top .index-person .item-title-row {
  display: inline-flex;
}
.home-top .index-person .item-title {
  color: #5f5f5f;
}
.home-top .index-person .item-title span {
  font-size: 0.85rem;
  font-weight: bold;
  color: #e8af6c;
}
.home-top .index-person .item-after {
  font-size: 0.6rem;
  margin: 0;
  color: #fff;
  padding: 0.1rem 0.2rem 0.1rem 0.4rem;
  margin-right: 2rem;
  height: 1.1rem;
  line-height: 0.9rem;
  background: url(../img/hrp/index-person-info-bj.png) no-repeat;
  background-size: 100% 100%;
}
.home-top .index-person .item-subtitle {
  padding-top: 0.4rem;
  padding-bottom: 0.15rem;
}
.home-top .index-person .item-subtitle span {
  font-size: 0.7rem;
  color: #9b9b9b;
  margin-right: 0.5rem;
  padding: 0.1rem 1.5%;
  border: 1px solid #d2d2d2;
  border-radius: 0.2rem;
}
.home-top .index-person .item-subtitle span.active {
  color: #e8af6c;
  border: 1px solid #e8af6c;
}
.home-banner {
  padding: 0;
}
.home-banner .swiper-pagination {
  position: absolute;
  bottom: 0.2rem;
  text-align: right;
  padding-right: 0.6rem;
}
.home-banner .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  background: #ade5df;
  width: 0.3rem;
  height: 0.3rem;
}
.home-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.discovery-swiper .swiper-pagination {
  position: absolute;
  bottom: 0.2rem;
  text-align: right;
  padding-right: 0.6rem;
}
.discovery-swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  background: #ade5df;
  width: 0.3rem;
  height: 0.3rem;
}
.discovery-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.home-subject-content {
  background-color: #ffffff;
  padding: 0.5rem 0.6rem;
  border-top: 1px solid #d2d2d2;
}
.home-subject-content .index-content-title {
  margin: 0.2rem 0 0.7rem;
  font-weight: normal;
  color: #5f5f5f;
}
.home-subject-content .index-content-title span {
  display: inline-block;
  width: 0.2rem;
  height: 0.85rem;
  background: #fe7735;
  position: relative;
  top: 0.1rem;
  margin-right: 0.3rem;
}
.home-subject-content .subject-item {
  margin-bottom: 0rem;
}
.home-subject-content .subject-item img {
  width: 100%;
}
.home-subject-content .subject-item .subject-item-info {
  padding: 0.5rem 0rem;
}
.home-subject-content .subject-item .subject-item-info p {
  margin: 0;
  padding: 0;
}
.home-subject-content .subject-item .subject-item-info p span:last-child {
  float: right;
}
.home-subject-content .subject-item .subject-item-info p span:last-child i {
  color: #e4393c;
  font-style: normal;
}
.home-subject-content .subject-item .subject-item-info p:nth-child(2) {
  font-size: 0.7rem;
  color: #939394;
}
#home-page .modal {
  width: 90%;
  margin-left: -45%;
}
#home-page .modal.index-modal {
  margin-top: -7.5rem !important;
}
#home-page .index-modal .modal-inner {
  width: 280px;
  margin: auto;
  background: url(/public/img/hrp/index-modal.png) no-repeat;
  background-size: 100% 100%;
  padding: 0px;
}
#home-page .index-modal .modal-inner .modal-title {
  font-size: 1rem;
  color: #ff6c27;
}
#home-page .index-modal .modal-text {
  height: 300px;
}
#home-page .index-modal .modal-text p:first-child {
  font-size: 1rem;
  color: #1e1e1e;
  padding: 2.4rem 0 3.2rem 0;
}
#home-page .index-modal .modal-text p:first-child b {
  color: #ff6f2e;
}
#home-page .index-modal .index-modal-top {
  width: 100%;
  position: absolute;
  top: -3.33rem;
  text-align: right;
}
#home-page .index-modal .index-modal-top img {
  width: 2rem;
}
.discovery-swiper {
  padding: 0;
  position: relative;
}
.discovery-swiper .swiper-pagination {
  position: absolute;
  bottom: 0.4rem;
}
.discover-title {
  overflow: hidden;
  margin: 0;
}
.discover-title .item-inner.col-50 {
  width: 50%;
  position: relative;
  color: #424242;
  padding: 0.8rem 0.7rem;
  margin: 0;
}
.discover-title .item-inner.col-50 .item-subtitle {
  font-size: 0.7rem;
  color: #979797;
}
.discover-title .item-inner.col-50:last-child {
  border-left: 1px solid #d2d2d2;
}
.discover-title .item-inner.col-50:last-child i {
  font-size: 1.2rem;
  margin-left: 0.4rem;
}
.discover-title .discover-icon {
  position: absolute;
  right: 0.7rem;
  top: 50%;
  margin-top: -0.9rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background: #54c7d1;
  border-radius: 50%;
}
.discover-title .discover-icon i {
  font-size: 1.6rem;
  color: #fff;
  margin-left: 0.2rem;
}
.discover-content {
  margin-bottom: 4rem;
}
.discover-content .list-block.media-list .item-content {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  height: 4.8rem;
  color: #424242;
}
.discover-content .list-block.media-list .item-media img {
  width: 5rem;
}
.discover-content .list-block.media-list .item-inner {
  padding: 0.4rem 0;
  margin-left: 0.6rem;
  background-image: none !important;
  align-self: auto;
  -webkit-align-self: auto;
}
.discover-content .list-block.media-list .item-title {
  font-size: 0.85rem !important;
  white-space: normal;
  height: 44px;
}
.discover-content .list-block.media-list .item-subtitle {
  font-size: 0.7rem;
  color: #939394;
  margin-top: 0.4rem;
}
.discover-content .list-block.media-list .item-text {
  font-size: 0.85rem;
  color: #e4393c;
  margin-top: 0.3rem;
}
.discover-content .list-block.media-list .bx-kp {
  /*position:absolute;*/
  /*bottom:0.5rem;*/
  width: 100%;
}
.discover-content .list-block.media-list .bx-kp span {
  display: inline-block;
  margin-left: 6px;
  color: #e8af6c;
  padding: 0 0.2rem;
  border: 1px solid #e8af6c;
  border-radius: 0.2rem;
}
.discover-content .list-block.media-list .bx-kp span:first-child {
  margin-left: 0px;
}
.discover-content .list-block.media-list .bx-kp span:last-child {
  color: #939394;
  padding: 0;
  margin-right: 0.6rem;
  float: right;
  border: none;
}
.product-list-group {
  padding: 0;
  width: 75%;
  margin: 0 auto;
}
/* pre img start*/
.pre-img-div {
  background-color: #eeedeb;
  border: 1px solid #eeedeb;
  background-size: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../img/dist/imgloading.gif');
}
.pre-img-div2 {
  background-color: #eeedeb;
  border: 1px solid #eeedeb;
  background-size: 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-img-height {
  height: 9rem;
  height: -moz-calc(46.92573997vw);
  height: -webkit-calc(46.92573997vw);
  height: calc(46.92573997vw);
}
.discovery-img-height {
  height: 3.65rem;
}
.productlist-img-height {
  height: 4.41rem;
}
.pre-img-auto-height {
  height: auto;
}
/* pre img end*/
.no-product-list {
  margin: 0 0;
  background-color: #efeff4;
  padding: 0.75rem 0;
  text-align: center;
}
.product-list-li {
  padding-top: 0.5rem;
}
.product-list-li .item-content .item-inner .item-text {
  height: auto;
}
.content-block-product {
  margin: 8px 0px 0px 0px;
  padding: 0;
  top: 2.009rem;
  width: 100%;
  bottom: 3.222rem;
  position: absolute;
  overflow-y: auto;
}
.content .content-product-list {
  background: #4a465a;
  margin: 0;
  padding: 0.6rem 0;
}
.content-block .product-list-group a {
  height: 1.8rem;
  line-height: 1.8rem;
  border-color: #fff;
  color: #fff;
}
.content-block .product-list-group a.active {
  background: #fff;
  color: #4a465a;
}
.content-block .product-list-group a.active:active {
  border-color: #e6af6e;
}
.tab_content_div {
  margin-bottom: 4rem;
}
.tab_content_div .list-block.media-list .item-content {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  height: 4.8rem;
}
.tab_content_div .list-block.media-list .item-inner {
  padding: 0.5rem 0;
  margin-left: 0.6rem;
  background-image: none !important;
  align-self: auto;
  -webkit-align-self: auto;
}
.tab_content_div .list-block.media-list .item-title {
  font-size: 0.85rem;
}
.tab_content_div .list-block.media-list .item-subtitle {
  font-size: 0.7rem;
  color: #939394;
  margin-top: 0.4rem;
}
.tab_content_div .list-block.media-list .item-text {
  font-size: 0.85rem;
  color: #e4393c;
  margin-top: 0.3rem;
}
.tab_content_div_active {
  display: block;
}
.tab_content_div_no_active {
  display: none;
}
.buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0 0.4rem;
}
.buttons-tab > a {
  width: 20%;
  text-align: center;
  height: 2.25rem;
  line-height: 2.25rem;
}
.buttons-tab > a.active {
  border-bottom: 0.155rem solid #f26f42 !important;
  color: #f26f42 !important;
}
.list-block .product-list-ul {
  margin: 0 !important;
  border-top: 0px solid #e7e7e7;
  border-bottom: 0px solid #e7e7e7;
}
.product-list-preloader {
  margin: 0 !important;
  background: #efeff4;
  padding-top: 2rem;
}
.level-chart-header {
  display: -webkit-box;
  /*鑰佺増鏈殑璇硶锛歴afari,ios,android browser,older webkit browser */
  display: -moz-box;
  /*鑰佺増鏈殑璇硶锛欶ireFox(buggy) */
  display: -ms-flexbox;
  /*娣峰悎鐗堟湰鐨勮娉曪細IE 10 */
  display: -webkit-flex;
  /*鏂扮増鏈殑璇硶锛歝hrome 21+ */
  display: flex;
  /*鏂扮増鏈殑璇硶锛歄pera 12.1, FireFox 22+ */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-box-pack: justify;
  padding: 0.6rem 0;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.level-chart-title {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
}
.level-chart-title i {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}
.level-chart-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.8rem solid transparent;
  border-bottom: none;
  position: absolute;
  left: 50%;
  bottom: -0.75rem;
  margin-left: -0.8rem;
}
.level-chart-arrow-mask {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.8rem solid transparent;
  border-top: 0.8rem solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  position: absolute;
  left: 50%;
  bottom: -0.75rem;
  margin-left: -0.8rem;
}
.level-worth {
  font-size: 1rem;
  text-align: center;
  color: #5e5e5e;
  background: #ffffff;
  margin: 0;
  padding: 0.6rem 0.75rem;
}
.level-worth span {
  text-align: center;
  color: #e4393c;
}
.level-bz-content {
  margin: 0 !important;
  margin-bottom: 4rem;
}
.level-bz-title {
  margin: 0.2rem 0 0.7rem;
  font-weight: normal;
  color: #5f5f5f;
}
.level-bz-title span {
  display: inline-block;
  width: 0.2rem;
  height: 0.85rem;
  background: #fe7735;
  position: relative;
  top: 0.1rem;
  margin-right: 0.3rem;
}
.level-bz-content h4 {
  padding: 0.6rem;
  background: #fff;
  margin-top: 0.6rem;
  margin-bottom: 0;
}
.level-bz-content .item-media img {
  width: 5rem;
}
.level-bz-content .item-title-row .item-title {
  font-size: 0.85rem !important;
}
.level-bz-content .item-text {
  font-size: 0.85rem !important;
}
.level-bz-content .item-text span {
  color: #424242;
}
.level-bz-content .item-text i {
  font-size: 0.85rem;
  display: inline-block;
  float: right;
  font-style: normal;
  color: #c2c2c2;
  margin-right: 0.6rem;
}
/*.level-bz-content .list-block .item-inner:after{background:none;}*/
.level-bz-content .list-block ul:before {
  background: none;
}
.level-bz-content .list-block ul:after {
  background: none;
}
.level-bz-content .list-block.media-list .item-content {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  height: 4.8rem;
}
.level-bz-content .list-block.media-list .item-inner {
  padding: 0.5rem 0;
  margin-left: 0.6rem;
  background-image: none !important;
}
.level-bz-content .list-block.media-list .item-title {
  font-size: 0.85rem;
  font-weight: bold;
}
.level-bz-content .list-block.media-list .item-subtitle {
  font-size: 0.7rem;
  color: #939394;
  margin-top: 0.4rem;
}
.level-bz-content .list-block.media-list .item-text {
  font-size: 0.85rem;
  color: #e4393c;
  margin-top: 0.3rem;
}
.level-bz-content .bz-get-more {
  text-align: center;
  background: #fff;
  margin: 0!important;
  padding: 0.6rem 0.75rem !important;
}
.level-bz-content .bz-get-more a {
  color: #e8af6c;
}
.help-icon {
  color: #fff;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 9999;
}
.bz-know button {
  border: none;
  background: none;
  color: #e8af6c;
}
.cxfq-p {
  text-align: left;
  font-size: 0.7rem;
  padding: 0 0.75rem;
  margin: 0;
}
/*閫夋嫨骞撮緞椤甸潰鏍峰紡*/
.select-identify {
  padding: 1rem 0;
  color: #e8af6c;
  text-align: center;
}
.selectAge-item {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  align-items: center;
  color: #999;
  background: url(../img/hrp/personal-line.png) no-repeat center center;
  background-size: 0.8rem 100%;
  padding: 0.7rem 0;
}
.identify-name {
  width: 50%;
}
.identify-name span {
  font-size: 0.95rem;
  font-weight: bold;
}
.identify-info {
  width: 50%;
  font-size: 0.67rem;
}
.selectAge-item i {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-left: 0.3rem;
  vertical-align: middle;
}
.selectAge-item:first-child i {
  background: url(../img/hrp/girl.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:first-child.active i {
  background: url(../img/hrp/girl-active.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(2) i {
  background: url(../img/hrp/boy.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(2).active i {
  background: url(../img/hrp/boy-active.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(3) i {
  background: url(../img/hrp/mom.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(3).active i {
  background: url(../img/hrp/mom-active.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(4) i {
  background: url(../img/hrp/father.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:nth-child(4).active i {
  background: url(../img/hrp/father-active.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:last-child i {
  background: url(../img/hrp/grandfather.png) no-repeat;
  background-size: 100%;
}
.selectAge-item:last-child.active i {
  background: url(../img/hrp/grandfather-active.png) no-repeat;
  background-size: 100%;
}
.selectAge-item > div:first-child {
  padding-right: 0.9rem;
  text-align: right;
}
.selectAge-item > div:last-child {
  padding-left: 0.7rem;
}
.selectAge-item:nth-child(odd) .identify-info {
  padding-left: 0.9rem;
}
.selectAge-item:nth-child(even) .identify-info {
  text-align: right;
  padding-right: 0.9rem;
}
.selectAge-item.active {
  color: #e8af6c;
}
.selectAge-item.grandfather {
  background: none;
  width: 100%;
  display: block;
  text-align: center;
  padding: 0;
}
.selectAge-item.grandfather > div {
  width: 100%;
  text-align: center;
  padding: 0 !important;
}
.selectAge-item.grandfather i {
  margin: 0 ;
}
.button.button-fill.yellow-btn {
  background: #f26f42;
  width: 92%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
}
/* 绉佷汉璁㈠埗 缁撴灉 begin*/
#recommendProducts .content {
  top: 2.2rem;
}
.recommendProductList .loading-area {
  width: 100%;
  position: relative;
}
.recommendProductList .loading-area > img {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.recommendProductList .loading {
  width: 3.2rem;
  height: 3.6rem;
  position: absolute;
  top: 50%;
  margin-top: -1.8rem;
  left: 50%;
  margin-left: -1.6rem;
  padding-top: 0.6rem;
  background: #4c4c4c;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.2rem;
}
.recommendProductList .loading img {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 auto;
}
.recommendProductList .loading span {
  color: #fff;
  font-size: 0.7rem;
}
.recommendProductList .pic {
  display: none;
  max-width: 100%;
}
.recommendProductList .triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 1.8rem solid #e8af6c;
  border-right: 1.8rem solid transparent;
  border-bottom: 1.8rem solid transparent;
}
.recommendProductList .triangle span {
  position: absolute;
  color: #fff;
  width: 2rem;
  height: 1.6rem;
  font-size: 0.9rem;
  top: -1rem;
  left: -1.5rem;
}
#pagination {
  bottom: 4rem;
  width: 100%;
}
.personal-results .swiper-container-item {
  width: 100%;
  -webkit-perspective: 60rem;
  -moz-perspective: 60rem;
  -ms-perspective: 60rem;
  perspective: 60rem;
}
.personal-results .swiper-wrapper-item {
  height: 76% ;
}
.personal-results .personal-item {
  width: 80% !important;
  margin: 0 auto;
  margin-top: 0.5rem;
  border-radius: 0.2rem;
  margin-right: 5%;
  margin-left: 5%;
  background: #fff;
  box-shadow: 0 0 0.4rem #666;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.personal-results .personal-item-info {
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0.2rem;
  text-align: center;
}
.personal-results .personal-item p:first-child,
.personal-results .personal-operate {
  display: -webkit-box;
  /*鑰佺増鏈殑璇硶锛歴afari,ios,android browser,older webkit browser */
  display: -moz-box;
  /*鑰佺増鏈殑璇硶锛欶ireFox(buggy) */
  display: -ms-flexbox;
  /*娣峰悎鐗堟湰鐨勮娉曪細IE 10 */
  display: -webkit-flex;
  /*鏂扮増鏈殑璇硶锛歝hrome 21+ */
  display: flex;
  /*鏂扮増鏈殑璇硶锛歄pera 12.1, FireFox 22+ */
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  padding: 0;
  font-size: 0.9rem;
  color: #424242;
}
.personal-results .personal-item p:first-child span:last-child {
  color: #f74747;
}
.personal-results .personal-item h3 {
  font-size: 0.85rem;
  color: #5d5c5c;
  font-weight: normal;
  padding: 0.5rem 0 0 0;
  margin: 0;
}
.personal-results .personal-item p:not(:first-child) {
  font-size: 0.7rem;
  color: #939394;
  padding: 0;
}
.personal-results #pagination {
  bottom: 4rem;
  width: 100%;
}
.personal-results #pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.personal-results #pagination .swiper-pagination-bullet {
  margin-right: 0.3rem;
}
.personal-results #pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  background: #fff;
  border: 0.15rem solid #e7af6e;
}
.personal-results #pagination .swiper-pagination-bullet-active {
  background: #e7af6e;
}
.personal-operate {
  padding: 0 5%;
  width: 100%;
  font-size: 0.9rem;
  color: #9b9b9b;
  position: absolute;
  bottom: 1.8rem;
}
.personal-operate > a:last-child {
  color: #e7af6e;
  float: right;
}
.personal-operate-index {
  z-index: 11;
}
.personal.button.button-fill.yellow-btn {
  background: #f26f42;
  width: 100%;
  margin: 0 auto;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.8rem;
}
@media screen and (max-device-width: 414px) {
  .recommendProductList {
    height: 9.3rem;
  }
  .personal-results {
    padding-top: 6rem;
  }
}
@media screen and (max-device-width: 375px) {
  .recommendProductList {
    height: 8.4rem;
  }
  .personal-results {
    padding-top: 2.5rem;
  }
}
@media screen and (max-device-width: 320px) {
  .recommendProductList {
    height: 7.1rem;
  }
  .personal-results {
    padding-top: 3rem;
  }
}
/* 绉佷汉璁㈠埗 缁撴灉 end*/
/*鏂颁汉绂忓埄*/
.welfare {
  background: url(../img/activity/20170119/welfare-bj.jpg) #fe704a no-repeat;
  background-size: 100%;
}
.welfare .welfare-img1 {
  width: 100%;
}
.welfare .wel-title {
  position: fixed;
  top: 0;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  background: rgba(163, 89, 69, 0.6);
  padding: 0 0.6rem;
  color: #fff;
  font-size: 0.7rem;
  z-index: 1000;
}
.welfare .wel-title img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  vertical-align: middle;
}
.welfare .wel-title .wel-name {
  color: #fff;
  margin-left: 0.4rem;
}
.welfare .wel-title div {
  float: right;
}
.welfare .wel-title b {
  font-weight: normal;
  color: #ffe456;
  margin-right: 0.4rem;
  font-size: 0.8rem;
}
.welfare .wel-title a {
  display: inline-block;
  color: #fff;
  background: #f0cd78;
  line-height: 1.1rem;
  padding: 0 0.6rem;
  border-radius: 0.5rem;
}
.welfare .wel-content {
  padding: 0 0.4rem;
  margin-top: 2.2rem;
}
.welfare .wel-item {
  position: relative;
  margin-bottom: 0.75rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.welfare .wel-item img {
  width: 100%;
  border-radius: 0.2rem 0.2rem 0 0;
  vertical-align: middle;
}
.welfare .wel-item-header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0.4rem 0.6rem;
}
.welfare .wel-item-header span {
  font-size: 0.8rem;
  color: #d9544f;
}
.welfare .wel-item-header .wel-item-free {
  float: right;
  color: #fff;
  line-height: 1.3rem;
  padding: 0 0.4rem 0 0.8rem;
  background: #d9544f;
  border-radius: 0.65rem 0 0 0.65rem;
}
.welfare .wel-item-header span.wel-fee {
  float: right;
  font-size: 1.2rem;
  color: #fe704a;
  position: relative;
  top: -0.4rem;
}
.welfare .wel-fee i {
  font-style: normal;
  font-size: 0.7rem;
  color: #444;
}
.welfare .wel-item-bottom {
  padding: 0.6rem 0.6rem;
  background: #fff;
}
.welfare .wel-item-bottom > span {
  display: inline-block;
  font-size: 0.8rem;
  color: #000;
  margin-top: 0.25rem;
}
.welfare .wel-item-bottom p {
  float: right;
  padding: 0;
  margin: 0;
}
.welfare .wel-item-bottom p span {
  font-size: 0.7rem;
  color: #a3a3a3;
}
.welfare .wel-item-bottom p .isGet {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0.8rem;
  color: #fff;
  background: #d9d9d9;
  border-radius: 0.2rem;
  padding: 0.2rem 0.5rem;
}
.welfare .wel-item-bottom p .isGet.active {
  background: #e6af6e;
}
.welfare .wel-info {
  padding: 0;
  padding-bottom: 0.6rem;
  text-align: center;
  color: #fff;
  font-size: 0.7rem;
}
#activity-img {
  width: 3.5rem;
  position: fixed;
  bottom: 4rem;
  right: 0.6rem;
}
/* 绉佷汉璁㈠埗 鏍囩閫夋嫨椤甸潰鏍峰紡 */
.tagSelect .personal-btns {
  padding: 0;
  margin: 0.75rem 0 0 0;
}
.tagSelect .personal-btns .personal-btn:nth-child(3n+1) {
  margin-left: 4%;
}
.tagSelect .personal-btns .personal-btn.active {
  border: 0.15rem solid #e8af6c;
  background: #e8af6c;
  color: #fff;
}
.tagSelect .personal-btns .personal-btn {
  float: left;
  width: 28%;
  margin-right: 4%;
  border: 0.16rem solid #e8af6c;
  border-radius: 2rem;
  background: #fff;
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 0.5rem;
  color: #e8af6c;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.tagSelect .personal-title {
  color: #e8af6c;
  text-align: center;
  margin: 0.75rem 0.6rem;
}
.tagSelect .personal-info {
  color: #5d5c5c;
  margin-top: 0;
}
.tagSelect .button.button-fill.personal-yellow-btn {
  background: #f26f42;
  width: 92%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
  margin-top: 30px;
}
/* 绉佷汉璁㈠埗 鏍囩閫夋嫨椤甸潰鏍峰紡  end*/
/* 璐︽埛begin */
.userCenter .account-title {
  margin: 0;
}
.userCenter .content .list-block ul {
  margin-top: 0.6rem;
  border-radius: 0.2rem;
}
.userCenter .list-block .personal-content-item .ul-li-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.userCenter .account-header {
  padding: 1rem 0rem;
  background: url(../img/account/account-header-bj.jpg) no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  /*鑰佺増鏈殑璇硶锛歴afari,ios,android browser,older webkit browser */
  display: -moz-box;
  /*鑰佺増鏈殑璇硶锛欶ireFox(buggy) */
  display: -ms-flexbox;
  /*娣峰悎鐗堟湰鐨勮娉曪細IE 10 */
  display: -webkit-flex;
  /*鏂扮増鏈殑璇硶锛歝hrome 21+ */
  display: flex;
  /*鏂扮増鏈殑璇硶锛歄pera 12.1, FireFox 22+ */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-box-pack: justify;
  margin-bottom: 0.6rem;
  border-bottom: 1px solid #e7e7e7;
}
.userCenter .account-header a img {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 0.1rem solid #b6b5bd;
}
.userCenter .account-header a {
  padding: 0;
  text-align: center;
  color: #777;
}
.userCenter .account-header a span {
  color: #e6af6e;
  font-size: 1.1rem;
}
.userCenter .account-title {
  display: -webkit-box;
  /*鑰佺増鏈殑璇硶锛歴afari,ios,android browser,older webkit browser */
  display: -moz-box;
  /*鑰佺増鏈殑璇硶锛欶ireFox(buggy) */
  display: -ms-flexbox;
  /*娣峰悎鐗堟湰鐨勮娉曪細IE 10 */
  display: -webkit-flex;
  /*鏂扮増鏈殑璇硶锛歝hrome 21+ */
  display: flex;
  /*鏂扮増鏈殑璇硶锛歄pera 12.1, FireFox 22+ */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-box-pack: justify;
  background: #fff;
  padding: 0.6rem 0;
  border: 1px solid #e7e7e7;
  border-width: 0.05rem 0;
}
.userCenter .account-title a {
  font-size: 0.9rem;
  text-align: center;
  color: #575757;
}
.userCenter .account-title a span {
  color: #777;
  font-size: 0.75rem;
}
.userCenter .personal-iconfont {
  font-size: 0.9rem;
  margin-left: 0;
}
.userCenter .personal-iconfont01,
.userCenter .account-iconfont01 {
  color: #fc992c;
}
.userCenter .personal-iconfont02 {
  color: #008fe0;
}
.userCenter .personal-iconfont03,
.userCenter .account-iconfont03 {
  color: #f15a4a;
}
.userCenter .personal-iconfont04,
.userCenter .account-iconfont02 {
  color: #29ab91;
}
.userCenter .personal-iconfont05,
.userCenter .account-iconfont04 {
  color: #008fe0;
}
.userCenter .personal-iconfont06 {
  color: #008fe0;
}
.userCenter .personal-iconfont07 {
  color: #fc992c;
}
.userCenter .personal-iconfont08 {
  color: #f15a4a;
}
.userCenter .personal-iconfont09 {
  color: #008fe0;
}
.userCenter .personal-iconfont10 {
  color: #29ab91;
}
.userCenter .account-iconfont05 {
  color: #ebc43e;
}
.userCenter .account-iconfont06 {
  color: #a092ea;
}
.userCenter .account-iconfont07 {
  color: #fe7735;
}
.userCenter .account-iconfont09 {
  color: #e6af6e;
}
/*閭�璁板綍*/
.orderDetailPage .invite_record .item-content .item-inner {
  margin-left: 0;
  border-bottom: none;
}
.orderDetailPage .invite_record .item-content .item-inner .item-title {
  font-size: 0.95rem;
  color: #000;
}
.orderDetailPage .invite_record .item-content .item-media {
  align-items: flex-start;
  height: 3.3rem;
  padding-top: 0.15rem;
}
.orderDetailPage .invite_record .item-content .item-subtitle {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.orderDetailPage .invite_record p {
  text-align: center;
  background: #fff;
}
.orderDetailPage .invite_record p span {
  color: #d9544f;
  font-size: 1.1rem;
}
.orderDetailPage .invite_record .list-block .item-inner:after {
  background: none;
}
.orderDetailPage .invite_record .list-block ul {
  margin-top: 0;
  border-top: 0.05rem solid #d2d2d2;
  border-bottom: none;
}
.orderDetailPage .invite_record .list-block li {
  border-bottom: 0.05rem solid #d2d2d2;
  margin-bottom: 0.6rem;
  background: #fff;
  line-height: 1.5rem;
}
.orderDetailPage .invite_record ul {
  background: none;
}
.orderDetailPage .invite-icon {
  color: #4f73d9;
  margin-left: 0;
  margin-right: 0.3rem;
  font-size: 1rem;
}
.orderDetailPage .wait-give > img,
.orderDetailPage .invalid > img {
  width: 2.5rem;
  position: absolute;
  right: 6rem;
  z-index: 99;
}
.orderDetailPage .invalid .item-num {
  color: #979797;
}
/* 璐︽埛end */
/* 首页 发现 个人中心 页面公告样式  begin*/
.index-alert {
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  color: #9b9b9b;
  font-size: 0.7rem;
  position: relative;
  padding: 0 1.3rem 0 0.3rem;
  background: #fefcec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.index-alert i {
  color: #e8af6c;
  margin-right: 0.3rem;
  position: relative;
  top: 0.1rem;
}
.index-alert img {
  width: 0.6rem;
  position: absolute;
  right: 0.6rem;
  top: 0.85rem;
  z-index: 1000;
}
/* 首页 发现 个人中心 页面公告样式  begin*/
/* 首页 更新跳转按钮样式  begin*/
.home-icon .index-nav-container {
  padding: .6rem 1.5rem;
  background: #fff;
}
.home-icon .index-nav {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #fff;
}
.home-icon .row > [class*="col-"],
.home-icon .row > [class*="tablet-"] {
  box-sizing: border-box;
  float: left;
}
.home-icon .row .col-25 {
  width: 21%;
  margin-left: 4%;
}
.home-icon .index-nav > div {
  text-align: center;
}
.home-icon .index-nav > div {
  padding: 0.4rem 0 0.1rem 0;
}
.home-icon .index-nav .iconfont {
  color: #ED4946;
}
.home-icon .index-nav i {
  font-size: 1.1rem;
  margin-left: 0;
  font-size: 1.3rem!important;
}
.home-icon .index-nav span {
  font-size: 0.7rem;
  color: #5f5f5f;
  position: relative;
  top: -0.4rem;
}
/* 首页 更新跳转按钮样式  end*/
/* 产品列表页面样式 begin */
.product-list-main .buttons-tab .button {
  height: 2.5rem;
  line-height: 2.5rem;
}
/* 产品列表页面样式 end */
/***********************************国华老友******************************************/
.friend .bj {
  background: url("../img/hrp/friend-bj.jpg") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  position: relative;
}
.friend .modal-title {
  border-bottom: 0.06rem solid #9E9898;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-bottom: 0.5rem;
}
.friend .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*手机大小*/
@media only screen and (max-width: 599px) {
  .friend a.button {
    border: none;
    padding: 0;
    width: 280px;
    height: 35px;
    margin: 1rem auto;
    background: #6373EC;
    font-size: 0.85rem;
    line-height: 35px;
    color: #fff;
    margin-bottom: 10px;
  }
  .friend .text {
    width: 100%;
  }
}
/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width: 600px) {
  .friend a.button {
    border: none;
    padding: 0;
    width: 500px;
    height: 79px;
    margin: 1rem auto;
    background: #6373EC;
    font-size: 0.85rem;
    line-height: 39px;
    color: #fff;
  }
  .friend .text {
    width: 100%;
  }
}
#insureInfo-page {
  /* tab */
  /**浮在下面的面板**/
  /* button */
}
#insureInfo-page .div-provision {
  padding: 0.2rem 0.5rem;
}
#insureInfo-page .a-provision {
  list-style-type: none;
  color: #ff7900;
  font-size: 0.75rem;
}
#insureInfo-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#insureInfo-page .text-raroc {
  color: red;
  text-align: left;
  font-size: 1.2rem;
  padding-left: 1rem;
}
#insureInfo-page .text-beginMoney {
  color: red;
  text-align: left;
  font-size: 1.2rem;
  padding-left: 1rem;
}
#insureInfo-page .text-holdDay {
  text-align: left;
  font-size: 1.2rem;
  padding-left: 1rem;
}
#insureInfo-page #productSurvey {
  height: 11.3rem;
}
#insureInfo-page .raroc {
  text-align: left;
  font-size: 0.6rem;
  padding-left: 1rem;
}
#insureInfo-page .beginMoney {
  text-align: left;
  font-size: 0.6rem;
  padding-left: 1rem;
}
#insureInfo-page .holdDay {
  text-align: left;
  font-size: 0.6rem;
  padding-left: 1rem;
}
#insureInfo-page .text-money {
  padding-left: 0.75rem;
  padding-right: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
}
#insureInfo-page .money-unit {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.8rem;
}
#insureInfo-page .div-table-showInfo {
  margin-top: 0.5rem;
  background-color: white;
  padding: 1rem;
}
#insureInfo-page .div-money {
  margin-top: 0.5rem;
  /* padding-bottom: 1.5rem; */
  background-color: white;
  /* padding: 0.5rem 0.5rem; */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
#insureInfo-page .productName {
  font-size: 0.8rem;
  width: 75%;
  /* font-weight: bold; */
  color: red;
  margin-left: 0.7rem;
}
#insureInfo-page .prem {
  height: 2rem;
  width: 55%;
  border: none;
  font-size: 0.8rem;
}
#insureInfo-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #f26f42 !important;
  color: #f26f42 !important;
}
#insureInfo-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#insureInfo-page .product-main div {
  background-color: #fff;
}
#insureInfo-page ul {
  list-style: none;
}
#insureInfo-page .main {
  clear: both;
  adding: 0px 0px 8px 0px;
  text-align: center;
}
#insureInfo-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#insureInfo-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#insureInfo-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#insureInfo-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#insureInfo-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#insureInfo-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#insureInfo-page .content-width p.rp {
  padding-right: 6%;
}
#insureInfo-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#insureInfo-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#insureInfo-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#insureInfo-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#insureInfo-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#insureInfo-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#insureInfo-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#insureInfo-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#insureInfo-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#insureInfo-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#insureInfo-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#insureInfo-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#insureInfo-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#insureInfo-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#insureInfo-page .protect-range img {
  width: 100%;
}
#insureInfo-page .lp {
  padding-right: 2%;
}
#insureInfo-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insureInfo-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#insureInfo-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#insureInfo-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#insureInfo-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#insureInfo-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#insureInfo-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#insureInfo-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ffb891;
}
#insureInfo-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#insureInfo-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#insureInfo-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#insureInfo-page .gray-btn {
  background-color: #f4f4f4;
}
#insureInfo-page .gray-btn-checked {
  background-color: #f26f42;
  color: #fff !important;
}
#insureInfo-page .btn-middle {
  width: 31%;
  margin: 0px 2px;
  font-size: 0.7rem;
  line-height: 2;
  border: 0;
  margin-top: 2%;
  border-radius: 0.25 !important;
}
#insureInfo-page .list-block .label {
  vertical-align: top;
  font-size: 0.8rem;
}
#insureInfo-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#insureInput-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insureInput-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#insureConfirm-page {
  /**白色table**/
}
#insureConfirm-page .w-table {
  margin-bottom: 0px;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  background-color: #ffffff;
  font-size: 15px;
}
#insureConfirm-page .w-table tr,
#insureConfirm-page .w-table td {
  padding: 0.7rem;
  line-height: 1.6;
  vertical-align: middle;
  border-bottom: 1px solid #d6d6d6;
  float: none !important;
}
#insureConfirm-page .w-table-no-border tr,
#insureConfirm-page .w-table-no-border td {
  border: none;
}
#insureConfirm-page .notify_thead {
  text-align: center;
  color: #4C4A4A;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 0px;
  width: 33.3333%;
}
#insureConfirm-page .notify_body {
  text-align: center;
  border-bottom: 1px solid #F0E7D6;
}
#insureConfirm-page .lt {
  padding-left: 2%;
  color: #666666;
}
#insureConfirm-page .td_border_1 {
  border: 1px solid #F0E7D6;
}
#insureConfirm-page .notify_tr_1 {
  background-color: #ffe7ce;
}
#insureConfirm-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insureConfirm-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#payPage-page {
  /*购买页风险测评弹窗*/
  /*购买页追加列表弹窗*/
}
#payPage-page .riskTest .modal-inner {
  background: #fff;
}
#payPage-page .riskTest .modal-inner .modal-title {
  font-weight: bold;
  background: #eee;
  line-height: 1.5rem;
}
#payPage-page .riskTest .modal-inner .modal-text .trade_text {
  padding: 0;
}
#payPage-page .trade_text {
  text-indent: 30px;
  font-size: 14px;
  line-height: 26px;
  text-align: justify;
  overflow: auto;
  height: 83%;
  padding: 10px;
}
#payPage-page .trade-right-btn {
  color: #fff;
  font-size: 18px;
  border: none;
  display: block;
  text-align: center;
  padding: 15px 0;
  line-height: 6px;
  background: -moz-linear-gradient(top, #0ee6ca, #0ee6ca);
  /* Gecko browsers */
  border-radius: 5px;
  background-color: #e8af6c;
  border-color: #e8af6c;
  width: 100%;
  display: inline-block;
  margin-top: 0;
  height: 35px;
}
#payPage-page .buy_tc {
  width: 85%;
  margin-left: -42.5%;
}
#payPage-page .cx-fq-modal .modal-inner {
  background: #fff;
}
#payPage-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#payPage-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#appntInfoChange-page .allow-select {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#appntInfoChange-page .allow-selected {
  background-image: url('../img/arrowChoosed.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#survivalChange-page .allow-select {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#survivalChange-page .allow-selected {
  background-image: url('../img/arrowChoosed.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#insurInfoChange-page .allow-select {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#insurInfoChange-page .allow-selected {
  background-image: url('../img/arrowChoosed.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
/*产品详情页面*/
#financialDetail #productProfit .list-block.fund-profit {
  min-height: 5rem;
  background-color: #fff;
  margin: 0.75rem 0;
}
#financialDetail #productProfit .list-block {
  margin: 0;
}
#financialDetail #productProfit .jumbotron-red {
  color: #E6383A;
  font-size: 2rem;
}
#financialDetail #productProfit .jumbotron-red b {
  font-size: 3rem;
}
#financialDetail #productProfit .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#financialDetail #productProfit .fund-profit p {
  margin: 0;
  padding: 0.6rem 0.75rem;
  width: 50%;
  float: left;
  position: relative;
}
#financialDetail #productProfit .fund-profit .fund-profit-title {
  color: #979797;
  padding-left: 0.5rem;
}
#financialDetail #productProfit .fund-profit .fund-profit-num {
  font-size: 1.5rem;
  display: block;
  min-height: 2.5rem;
  line-height: 2.5rem;
  padding-left: .5rem;
  position: absolute;
  bottom: -2.2rem;
}
#financialDetail #productProfit .fund-profit .fund-profit-num b {
  font-weight: normal;
  font-size: 2rem;
}
#financialDetail #productAdvantage .list-block {
  margin: 0;
}
#financialDetail #productAdvantage li img {
  width: 100%;
}
#financialDetail #productAdvantage .item-middle-text {
  margin: 0 auto;
  text-align: center;
}
#financialDetail #profitChart .money-line {
  background-color: #fff;
  padding-top: 0.6rem;
}
#financialDetail #profitChart .money-line .time-tab {
  width: 90%;
  height: 2rem;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #fff;
  border: 0.05rem solid #e8e8e8;
  display: table;
}
#financialDetail #profitChart .time-tab a {
  display: table-cell;
  width: 33.3%;
  text-align: center;
  vertical-align: middle;
  color: #939393;
}
#financialDetail #profitChart .time-tab a:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
#financialDetail #profitChart .time-tab a.active {
  background-color: #F2F2F2;
}
#financialDetail #productSurvey .list-block {
  margin: 0;
}
#financialDetail #InOutRule .buttons-row {
  background-color: #fff;
  margin-top: 0.6rem;
}
#financialDetail #InOutRule .buttons-row .button.active {
  background-color: white;
}
#financialDetail #InOutRule .buttons-row a {
  height: 2.2rem;
  color: #000;
  border: none;
  font-size: 0.85rem;
  padding-top: 0.5rem;
}
#financialDetail #InOutRule .buttons-row a.active {
  color: #FE7C55;
  border-bottom: 0.05rem solid #FF5F2F;
}
#financialDetail #InOutRule .item-middle {
  text-align: left;
  position: absolute;
  left: 7rem;
  color: #979797;
  border: none;
  padding-right: .2rem;
}
#financialDetail #InOutRule .huoli5-bj {
  background: url("../img/hrp/huoli5_4.png") no-repeat;
  background-size: 100%;
  background-position: 0.25rem 2rem;
  height: 5rem;
  position: relative;
}
#financialDetail #InOutRule .huoli5-bj span {
  position: absolute;
  top: 0.6rem;
  left: 1.2rem;
}
#financialDetail #InOutRule .huoli5-bj + li p {
  color: #979797;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#financialDetail #purchase .list-block {
  margin: 0;
}
#financialDetail .h5-title-block {
  margin: 0.5rem 0.7rem;
  padding: 0;
}
#financialDetail .h5-title-block a {
  float: right;
}
#financialDetail .item.amount input {
  float: left;
}
#financialDetail .item.amount input[type=button] {
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  border: none;
  background-color: #E6AF6E;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: bold;
}
#financialDetail .item.amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0.05rem solid #E6AF6E;
  padding: 0;
}
#financialDetail .sum_payment {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  text-align: center;
  z-index: 1000;
}
/*选择追加资产页面*/
#appendList-content .asset-item {
  font-size: 0.7rem;
  color: #000;
  padding: 0.6rem 0.7rem;
  background: #fff;
  border-bottom: 0.05rem solid #d2d2d2;
}
#appendList-content .asset-item p {
  padding: 0;
  margin: 0;
}
#appendList-content .asset-item p span {
  font-size: 1rem;
}
#appendList-content .asset-item.active {
  color: #e6af6e;
  background: url(../img/vehicle/policy-loan-bj.png) #fff no-repeat right bottom;
  background-size: 1.4rem;
}
/*风险测评页*/
#risk-page ._progress-bg {
  background-color: #d4d4d4;
  width: 88%;
  margin: 0 auto 5px;
  height: 5px;
  border-radius: 25px;
  overflow: hidden;
}
#risk-page ._progress {
  background-color: #ff8931;
  height: 5px;
}
#risk-page ._progress-text {
  width: 88%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 10px;
}
#risk-page ._progress-text a:first-child {
  float: left;
  color: #ff8931;
}
#risk-page ._progress-text a:last-child {
  float: right;
  color: #747373;
}
#payment-page {
  /*购买页风险测评弹窗*/
  /*购买页追加列表弹窗*/
}
#payment-page .riskTest .modal-inner {
  background: #fff;
}
#payment-page .riskTest .modal-inner .modal-title {
  font-weight: bold;
  background: #eee;
  line-height: 1.5rem;
}
#payment-page .riskTest .modal-inner .modal-text .trade_text {
  padding: 0;
}
#payment-page .trade_text {
  text-indent: 30px;
  font-size: 14px;
  line-height: 26px;
  text-align: justify;
  overflow: auto;
  height: 83%;
  padding: 10px;
}
#payment-page .trade-right-btn {
  color: #fff;
  font-size: 18px;
  border: none;
  display: block;
  text-align: center;
  padding: 15px 0;
  line-height: 6px;
  background: -moz-linear-gradient(top, #0ee6ca, #0ee6ca);
  /* Gecko browsers */
  border-radius: 5px;
  background-color: #e8af6c;
  border-color: #e8af6c;
  width: 100%;
  display: inline-block;
  margin-top: 0;
  height: 35px;
}
#payment-page .mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
#payment-page .mask .mask-content {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
}
#payment-page .mask .mask-content .mask-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#payment-page .mask .mask-content #notice-content a {
  color: #ff7a0f;
  display: block;
  text-align: center;
  margin: 7.5px 0;
}
#payment-page .mask .mask-content #close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .85rem;
  color: #f8f8f8;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#payment-page .mask .mask-content button {
  display: block;
  padding: 7.5px 0;
  width: 60%;
  margin: 10px auto;
  border: 0 none;
  background: #ff7a0f;
  color: #f8f8f8;
  border-radius: 30px;
  text-align: center;
}
#payment-page .buy_tc {
  width: 85%;
  margin-left: -42.5%;
}
#payment-page .list-block .item-inner {
  padding: 0 15px;
}
#payment-page .form-title {
  margin: 0 0.75rem;
}
#payment-page .item-content {
  min-height: 1.78rem;
}
#payment-page .cx-fq-modal .modal-inner {
  background: #fff;
}
#payment-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#payment-page .apply-insure {
  color: #ffffff;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
  display: flex;
  padding: 0;
}
#payment-page .apply-insure .money {
  color: #ddd;
  flex: 6;
  font-size: 0.65rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: bold;
  text-indent: 10px;
}
#payment-page .apply-insure .money #actPrem,
#payment-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
}
#payment-page .apply-insure .suan {
  flex: 4;
  background: #ff7a0f;
  color: #fff;
  display: inline-block;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  letter-spacing: 1px;
}
#payment-page .item {
  background: #fff;
  margin-top: 10px;
  padding-bottom: 10px;
}
#payment-page .item .item-inner {
  border-color: transparent;
}
#payment-page .item .items-title,
#payment-page .item .items-titles {
  margin-top: 0.56rem;
  padding-top: 20px;
  background: #fff;
  padding: 0 15px;
  font-size: 0.83rem;
  height: 40px;
  line-height: 40px;
}
#payment-page .item .items-title span.line,
#payment-page .item .items-titles span.line {
  display: inline-block;
  width: 3px;
  margin-top: 0.67rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#payment-page .item .items-title span.icon,
#payment-page .item .items-titles span.icon {
  float: right;
  font-weight: 400;
  color: #505050;
}
#payment-page .item .list-block {
  margin: 0;
}
#payment-page .item .list-block input[type="text"],
#payment-page .item .list-block select,
#payment-page .item .list-block option {
  color: #333;
}
#payment-page .item .list-block ul {
  border-color: transparent;
}
#payment-page .item .list-block .bankcard-input {
  color: #ff7a0f !important;
}
#payment-page .item .content-title {
  color: #ff7a0f;
  font-size: 0.85rem;
}
#payment-page .item .item-title {
  color: #818181;
}
#payment-page .item a.open-about {
  color: #ff7a0f;
}
#payment-page .item span.checks {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-left: -0.55555556rem;
  margin-bottom: -3px;
  display: inline-block;
  background: url("../img/check.png") no-repeat;
  background-size: cover;
}
#payment-page .item span.checks.active {
  background: url("../img/nocheck.png") no-repeat;
  background-size: cover;
}
#payment-page .last-item {
  padding-bottom: 32px;
}
#payment-page .last-item .h5-item-inner {
  padding: 6px 15px 0 15px;
}
#payment-page .form-title-block {
  margin: 0 0.75rem;
}
/*成功结果页面*/
#success-page .content {
  background: #fff;
}
#success-page .trade-box {
  width: 90%;
  height: 75%;
  margin: 0 auto;
  background: #fff;
  padding: 0px;
  border-radius: 5px;
  left: 5%;
  position: absolute;
  z-index: 9999;
}
#success-page .trade-box .trade-title {
  font-size: 20px;
  font-weight: 500;
  color: #e8af6c;
  line-height: 45px;
  border-radius: 5px;
  text-align: center;
  background: #eee;
  margin-bottom: 15px;
  margin-top: 0px;
}
#success-page .modal-img {
  float: right;
  margin-top: 0.4rem;
  margin-right: 0.5rem;
}
#success-page .trade-right-btn {
  color: #fff;
  font-size: 18px;
  border: none;
  display: block;
  text-align: center;
  padding: 15px 0;
  line-height: 6px;
  background: -moz-linear-gradient(top, #0ee6ca, #0ee6ca);
  border-radius: 5px;
  background-color: #e8af6c;
  border-color: #e8af6c;
  width: 100%;
  display: inline-block;
  margin-top: 0;
  height: 35px;
}
#success-page .col_100 span {
  color: #ff7a0f;
}
#success-page .content-block {
  position: relative;
}
#success-page .footer {
  margin: 30px auto;
  width: 100%;
  text-align: center;
}
#success-page .footer a {
  color: #ff7a0f;
  text-decoration: underline;
}
#success-page h6 {
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
  font-size: 0.66666667rem;
  position: relative;
}
#success-page h6:after {
  content: '';
  width: 38px;
  height: 20px;
  background: url(../img/shareArrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -18px;
  right: 32px;
  z-index: 2;
}
#success-page #search {
  display: inline;
}
#success-page .active {
  color: #ff7a0f;
  text-decoration: underline;
}
/*产品试算页面*/
#specialTrial-page {
  display: block;
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#specialTrial-page .body {
  font-family: Source Han Sans CN, sans-serif;
}
#specialTrial-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#specialTrial-page .trial-page-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
}
#specialTrial-page .list-block {
  overflow-y: auto;
  height: 100%;
  margin: 0;
}
#specialTrial-page input {
  height: 22px;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
  line-height: 22px;
}
#specialTrial-page .col-15 input {
  text-align: right;
}
#specialTrial-page input::-webkit-input-placeholder {
  color: #cccccc;
}
#specialTrial-page .picker-items-col {
  width: 100%;
}
#specialTrial-page .riskTitle {
  font-size: 0.83rem !important;
  color: #4d4d4d !important;
  font-weight: bold !important;
  padding-left: 4% !important;
}
#specialTrial-page #productImg {
  min-height: 10.3rem;
  background: #fff;
}
#specialTrial-page #productImg img {
  outline: 0 none;
  border: 0 none;
}
#specialTrial-page #amntInput {
  color: #ff7a0f;
  width: 1.5rem;
}
#specialTrial-page .list-block .item-input {
  margin-bottom: 0rem;
  margin-top: 0rem;
  height: auto;
}
#specialTrial-page .item-inner {
  border-color: transparent !important;
}
#specialTrial-page .lists .item-inner {
  padding: 0px 15px;
}
#specialTrial-page .border-1 {
  height: 1px;
  width: 92%;
  margin: 0 auto;
  background: #e7e7e7;
  margin-top: 0.83rem;
  margin-bottom: 0.83rem;
}
#specialTrial-page .label-width {
  width: 100% !important;
}
#specialTrial-page .item-b {
  margin-bottom: 5px;
}
#specialTrial-page #diseaseType button {
  width: 27%;
  line-height: 1.5;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-left: 3%;
}
#specialTrial-page #diseaseType button:nth-child(1) {
  margin-left: 0 !important;
}
#specialTrial-page item-s {
  margin-top: 0.55555556rem !important;
  margin-bottom: 0.27777778rem !important;
}
#specialTrial-page .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
#specialTrial-page li.item-content {
  padding: 0;
  min-height: 1.3888888rem;
  margin: 1.388888888rem 0;
}
#specialTrial-page .h5-item-inner {
  padding: 0 0.83rem;
}
#specialTrial-page #trial-page .buttons-tab {
  height: 36px;
}
#specialTrial-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #ff7a0f !important;
  color: #ff7a0f !important;
}
#specialTrial-page .buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0;
  font-size: 0.83rem;
}
#specialTrial-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#specialTrial-page .product-main div {
  background-color: #fff;
}
#specialTrial-page .list-block {
  margin: 0;
}
#specialTrial-page .payYearMsg {
  white-space: nowrap;
}
#specialTrial-page #productTitle {
  display: flex;
  background: #ffffff;
  margin-top: -0.35rem;
}
#specialTrial-page #productName {
  color: #ff7a0f;
  font-size: 0.85rem;
  width: 80%;
}
#specialTrial-page #thumbsUpBtn {
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
  line-height: 1.5;
  font-size: 0.83rem;
  min-width: 1rem;
  color: #4d4d4d;
}
#specialTrial-page #trail-insure {
  margin-bottom: 10px;
  margin-top: 30px;
  border: 0 none;
}
#specialTrial-page #trail-insure .col-33 {
  text-align: center;
}
#specialTrial-page #trail-insure .col-33 h6 {
  font-size: 1.38rem;
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
}
#specialTrial-page #trail-insure .col-33 p {
  font-size: 0.65rem;
  color: #4d4d4d;
  margin: 0;
}
#specialTrial-page #trial {
  margin-bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.5);
  touch-action: none;
}
#specialTrial-page #data-picker {
  text-align: right;
}
#specialTrial-page .item-time {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialTrial-page .item-time input {
  color: #ff7a0f;
  font-size: 0.83rem;
  height: auto;
}
#specialTrial-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7a0f;
  border-left: 1px solid #ff7a0f;
}
#specialTrial-page .item-bank {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialTrial-page .item-bank input {
  color: #ff7b0f;
  font-size: 0.78rem;
  height: auto;
}
#specialTrial-page .item-bank:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7b0f;
  border-left: 1px solid #ff7b0f;
}
#specialTrial-page #purchase {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  max-height: 74%;
  min-height: 9%;
  padding-bottom: 2.61111111rem;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  z-index: 1206;
  padding-top: 0.83rem;
}
#specialTrial-page #insureSelect,
#specialTrial-page #amntRange {
  direction: rtl;
  font-size: 1rem;
  color: #ff7a0f;
  height: auto;
}
#specialTrial-page #insureSelect option,
#specialTrial-page #amntRange option {
  direction: ltr;
  font-size: 1rem;
}
#specialTrial-page a.item-time:after {
  right: 6px;
}
#specialTrial-page .try {
  width: 100%;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ebebeb;
  z-index: 1300;
  display: none;
}
#specialTrial-page ul {
  list-style: none;
}
#specialTrial-page .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#specialTrial-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#specialTrial-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialTrial-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#specialTrial-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#specialTrial-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#specialTrial-page .amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0 none;
  padding: 0;
}
#specialTrial-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#specialTrial-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#specialTrial-page .content-width p.rp {
  padding-right: 6%;
}
#specialTrial-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#specialTrial-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#specialTrial-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialTrial-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#specialTrial-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#specialTrial-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#specialTrial-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#specialTrial-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#specialTrial-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#specialTrial-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#specialTrial-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#specialTrial-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialTrial-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#specialTrial-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#specialTrial-page .protect-range img {
  width: 100%;
}
#specialTrial-page .lp {
  padding-right: 2%;
}
#specialTrial-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ebebeb;
}
#specialTrial-page .apply-insure {
  color: #fffffd;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  border: 0;
  padding: 0;
  overflow: hidden;
}
#specialTrial-page .apply-insure .service {
  width: 15%;
  height: 2.78rem;
  float: left;
  display: flex;
  align-items: center;
  border-right: 1px solid #e9e9e9;
}
#specialTrial-page .apply-insure .service img {
  width: 1.6rem;
  margin: auto;
}
#specialTrial-page .apply-insure .money {
  color: #4d4d4d;
  width: 45%;
  float: left;
  font-size: 0.75rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  text-indent: 15px;
}
#specialTrial-page .apply-insure .money #actPrem,
#specialTrial-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
  letter-spacing: 1px;
  margin-right: 3px;
}
#specialTrial-page .apply-insure .suan {
  width: 40%;
  float: left;
  display: inline-block;
  background: #ff7a0f;
  color: #fff;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
#specialTrial-page .mask {
  display: none;
  position: fixed;
  z-index: 1301;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#specialTrial-page .code-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1303;
}
#specialTrial-page .code-container .QRCode-background {
  width: 15.3rem;
}
#specialTrial-page .code-container .code-img {
  position: absolute;
  width: 5.8rem;
  bottom: 5.2rem;
  left: 4.75rem;
}
#specialTrial-page .code-container .code-img-text {
  position: absolute;
  bottom: 3.8rem;
  left: 0.2rem;
  right: 0.2rem;
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
}
#specialTrial-page .code-container p {
  position: absolute;
  bottom: 0.95rem;
  left: 4rem;
  width: 7.2rem;
  text-align: center;
  background: #178AEC;
  font-size: 0.9rem;
  margin: 0;
  color: white;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1.02rem;
}
#specialTrial-page .save-content-container {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1302;
  display: none;
}
#specialTrial-page .save-content-container .save-content {
  font-size: 0.9rem;
  color: #1A1A1A;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e9e9e9;
}
#specialTrial-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#specialTrial-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#specialTrial-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialTrial-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#specialTrial-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#specialTrial-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ff7a0f;
}
#specialTrial-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialTrial-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#specialTrial-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#specialTrial-page .gray-btn {
  background-color: #fff;
  border: 1px solid #f0f0f0 !important;
  border-radius: 1rem !important;
  font-size: 0.72rem !important;
  color: #808080 !important;
  background-color: #f0f0f0;
}
#specialTrial-page .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#specialTrial-page .gray-btn-checked {
  background-color: #FF7A0F;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #FF7A0F !important;
}
#specialTrial-page .btn-middle {
  font-size: 0.72rem !important;
  border: 0;
  border-radius: 1rem !important;
  margin-left: 0.4rem;
  line-height: 1.22rem;
  height: 1.22rem;
  min-width: 2.56rem;
  padding: 0 0.6111111rem;
  overflow: visible;
}
#specialTrial-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#specialTrial-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#specialTrial-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#specialTrial-page .rt {
  color: #999;
}
#specialTrial-page .font-orange {
  color: #0bb1ef;
}
#specialTrial-page .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#specialTrial-page .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#specialTrial-page input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#specialTrial-page input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #specialTrial-page input[type="date"]:before {
    color: #4DB2F6;
  }
  #specialTrial-page .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #specialTrial-page .font-center {
    padding: 0px 1%;
  }
  #specialTrial-page .rang-l {
    margin-left: -3%;
  }
  #specialTrial-page .rang-r {
    margin-left: 3%;
  }
  #specialTrial-page .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #specialTrial-page .insur-row-padding {
    margin-right: 17%;
  }
  #specialTrial-page .protect-range1 p {
    font-size: 1em;
  }
}
#specialTrial-page #trialInfo {
  border-color: transparent !important;
}
#specialTrial-page #trialInfo .try {
  z-index: 3;
}
#specialTrial-page #trialInfo h6 {
  color: #ff7a0f;
  font-size: 1.38rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
}
#specialTrial-page #trialInfo p {
  color: #4d4d4d;
  font-size: 0.62rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
#specialTrial-page .tabs {
  min-height: 8rem;
}
#specialTrial-page #clause a {
  color: #ff7a0f !important;
}
a.item-time #specialTrial-page:after {
  margin-top: -0.31111111rem;
}
#specialTrial-page #amnts button:nth-child(1) {
  margin-left: 0;
}
#specialTrial-page #important_statement {
  width: 2.28rem;
  height: 1.25rem;
}
#specialTrial-page .closed-font {
  color: #999999!important;
}
/*产品试算页面*/
#trial-page {
  display: block;
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#trial-page .body {
  font-family: Source Han Sans CN, sans-serif;
}
#trial-page .closed-font {
  color: #999999!important;
}
#trial-page .picker-items-col {
  width: 100%;
}
#trial-page #important_statement {
  width: 2.28rem;
  height: 1.25rem;
}
#trial-page .trial-page-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
}
#trial-page input {
  height: 22px;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
  line-height: 22px;
}
#trial-page .col-15 input {
  text-align: right;
}
#trial-page .row {
  height: auto;
  padding: 0px;
  margin: 0px;
}
#trial-page input::-webkit-input-placeholder {
  color: #cccccc;
}
#trial-page .riskTitle {
  font-size: 0.83rem !important;
  color: #4d4d4d !important;
  font-weight: bold !important;
  padding-left: 4% !important;
}
#trial-page #productImg {
  min-height: 10.3rem;
  background: #fff;
}
#trial-page #productImg img {
  outline: 0 none;
  border: 0 none;
}
#trial-page #amntInput {
  color: #ff7a0f;
  width: 1.5rem;
}
#trial-page .list-block .item-input {
  margin-bottom: 0rem;
  margin-top: 0rem;
  height: auto;
}
#trial-page .item-inner {
  border-color: transparent !important;
}
#trial-page .lists .item-inner {
  padding: 0px 15px;
}
#trial-page .border-1 {
  height: 1px;
  width: 92%;
  margin: 0 auto;
  background: #e7e7e7;
  margin-top: 0.83rem;
  margin-bottom: 0.83rem;
}
#trial-page .label-width {
  width: 100% !important;
}
#trial-page #diseaseType button {
  width: 27%;
  line-height: 1.5;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-left: 3%;
}
#trial-page #diseaseType button:nth-child(1) {
  margin-left: 0 !important;
}
#trial-page item-s {
  margin-top: 0.55555556rem !important;
  margin-bottom: 0.27777778rem !important;
}
#trial-page .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
#trial-page li.item-content {
  padding: 0;
  min-height: 1.3888888rem;
  margin: 1.38888888rem 0;
}
#trial-page .h5-item-inner {
  padding: 0 0.83rem;
}
#trial-page #trial-page .buttons-tab {
  height: 36px;
}
#trial-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #ff7a0f !important;
  color: #ff7a0f !important;
}
#trial-page .buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0;
  font-size: 0.83rem;
}
#trial-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#trial-page .product-main div {
  background-color: #fff;
}
#trial-page .list-block {
  overflow-y: auto;
  height: 100%;
  margin: 0;
}
#trial-page .payYearMsg {
  white-space: nowrap;
}
#trial-page #productTitle {
  display: flex;
  background: #ffffff;
  margin-top: -0.35rem;
}
#trial-page #productName {
  color: #ff7a0f;
  font-size: 0.85rem;
  width: 80%;
}
#trial-page #thumbsUpBtn {
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
  line-height: 1.5;
  font-size: 0.83rem;
  min-width: 1rem;
  color: #4d4d4d;
}
#trial-page #trail-insure {
  margin-bottom: 10px;
  margin-top: 30px;
  border: 0 none;
}
#trial-page #trail-insure .col-33 {
  text-align: center;
}
#trial-page #trail-insure .col-33 h6 {
  font-size: 1.38rem;
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
}
#trial-page #trail-insure .col-33 p {
  font-size: 0.65rem;
  color: #4d4d4d;
  margin: 0;
}
#trial-page #trial {
  margin-bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.5);
  touch-action: none;
}
#trial-page #data-picker {
  text-align: right;
  height: auto;
}
#trial-page .item-time {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#trial-page .item-time input {
  color: #ff7a0f;
  font-size: 0.83rem;
  height: auto;
}
#trial-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}
#trial-page .item-time-red {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#trial-page .item-time-red input {
  color: #ff7a0f;
  font-size: 0.83rem;
  height: auto;
}
#trial-page .item-time-red:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 45%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7a0f;
  border-left: 1px solid #ff7a0f;
}
#trial-page #purchase {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  max-height: 74%;
  min-height: 9%;
  padding-bottom: 2.61111111rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  z-index: 1206;
}
#trial-page #insureSelect,
#trial-page #amntRange {
  direction: rtl;
  font-size: 1rem;
  color: #ff7a0f;
  height: auto;
}
#trial-page #insureSelect option,
#trial-page #amntRange option {
  direction: ltr;
  font-size: 1rem;
}
#trial-page a.item-time:after {
  right: 6px;
}
#trial-page a.item-time-red:after {
  right: 6px;
}
#trial-page .try {
  width: 100%;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ebebeb;
  z-index: 1300;
  display: none;
}
#trial-page ul {
  list-style: none;
}
#trial-page .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#trial-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#trial-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#trial-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#trial-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#trial-page .amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0 none;
  padding: 0;
}
#trial-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#trial-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#trial-page .content-width p.rp {
  padding-right: 6%;
}
#trial-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#trial-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#trial-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#trial-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#trial-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#trial-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#trial-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#trial-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#trial-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#trial-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#trial-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#trial-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#trial-page .protect-range img {
  width: 100%;
}
#trial-page .lp {
  padding-right: 2%;
}
#trial-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ebebeb;
}
#trial-page .apply-insure .service {
  width: 15%;
  height: 2.78rem;
  float: left;
  display: flex;
  align-items: center;
  border-right: 1px solid #e9e9e9;
}
#trial-page .apply-insure .service img {
  width: 1.6rem;
  margin: auto;
}
#trial-page .apply-insure {
  color: #fffffd;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  border: 0;
  padding: 0;
  border-bottom: 1px solid #ebebeb;
}
#trial-page .apply-insure .money {
  color: #4d4d4d;
  width: 45%;
  float: left;
  font-size: 0.75rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  text-indent: 15px;
}
#trial-page .apply-insure .money #actPrem,
#trial-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
  letter-spacing: 1px;
  margin-right: 3px;
}
#trial-page .apply-insure .suan {
  width: 40%;
  float: left;
  display: inline-block;
  background: #ff7a0f;
  color: #fff;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
#trial-page .mask {
  display: none;
  position: fixed;
  z-index: 1301;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#trial-page .code-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1303;
}
#trial-page .code-container .QRCode-background {
  width: 15.3rem;
}
#trial-page .code-container .code-img {
  position: absolute;
  width: 5.8rem;
  bottom: 5.2rem;
  left: 4.75rem;
}
#trial-page .code-container .code-img-text {
  position: absolute;
  bottom: 3.8rem;
  left: 0.2rem;
  right: 0.2rem;
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
}
#trial-page .code-container p {
  position: absolute;
  bottom: 0.95rem;
  left: 4rem;
  width: 7.2rem;
  text-align: center;
  background: #178AEC;
  font-size: 1rem;
  margin: 0;
  color: white;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1.02rem;
}
#trial-page .save-content-container {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1302;
  display: none;
}
#trial-page .save-content-container .save-content {
  font-size: 0.9rem;
  color: #1A1A1A;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e9e9e9;
}
#trial-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#trial-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#trial-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#trial-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#trial-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ff7a0f;
}
#trial-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#trial-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#trial-page .gray-btn {
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #808080 !important;
  background-color: #f0f0f0;
}
#trial-page .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#trial-page .gray-btn-checked {
  background-color: #FF7A0F;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #FF7A0F !important;
}
#trial-page .btn-middle {
  font-size: 0.72rem !important;
  border: 0;
  border-radius: 1rem !important;
  margin-left: 0.4rem;
  line-height: 1.22rem;
  height: 1.22rem;
  min-width: 2.56rem;
  padding: 0 0.6111111rem;
  overflow: visible;
}
#trial-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#trial-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#trial-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#trial-page .rt {
  color: #999;
}
#trial-page .font-orange {
  color: #0bb1ef;
}
#trial-page .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#trial-page .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#trial-page input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#trial-page input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #trial-page input[type="date"]:before {
    color: #4DB2F6;
  }
  #trial-page .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #trial-page .font-center {
    padding: 0px 1%;
  }
  #trial-page .rang-l {
    margin-left: -3%;
  }
  #trial-page .rang-r {
    margin-left: 3%;
  }
  #trial-page .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #trial-page .insur-row-padding {
    margin-right: 17%;
  }
  #trial-page .protect-range1 p {
    font-size: 1em;
  }
}
#trial-page #trialInfo {
  border-color: transparent !important;
}
#trial-page #trialInfo .try {
  z-index: 3;
}
#trial-page #trialInfo h6 {
  color: #ff7a0f;
  font-size: 1.38rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
}
#trial-page #trialInfo p {
  color: #4d4d4d;
  font-size: 0.62rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
#trial-page .tabs {
  min-height: 8rem;
}
#trial-page #clause a {
  color: #ff7a0f !important;
}
a.item-time #trial-page:after {
  margin-top: -0.31111111rem;
}
#trial-page #amnts button:nth-child(1) {
  margin-left: 0;
}
#insureConf-page {
  /**白色table**/
}
#insureConf-page .w-table {
  margin-bottom: 0px;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  background-color: #ffffff;
  font-size: 15px;
}
#insureConf-page .w-table tr,
#insureConf-page .w-table td {
  padding: 0.7rem;
  line-height: 1.6;
  vertical-align: middle;
  border-bottom: 1px solid #d6d6d6;
  float: none !important;
}
#insureConf-page .w-table-no-border tr,
#insureConf-page .w-table-no-border td {
  border: none;
}
#insureConf-page .notify_thead {
  text-align: center;
  color: #4C4A4A;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 0px;
  width: 33.3333%;
}
#insureConf-page .notify_body {
  text-align: center;
  border-bottom: 1px solid #F0E7D6;
}
#insureConf-page .lt {
  padding-left: 2%;
  color: #666666;
}
#insureConf-page .td_border_1 {
  border: 1px solid #F0E7D6;
}
#insureConf-page .notify_tr_1 {
  background-color: #ffe7ce;
}
#insureConf-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insureConf-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 50px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
  padding: 0;
  border-bottom: 1px solid #ebebeb;
}
#insure-page {
  /* button */
}
#insure-page .sign_url_input {
  width: 8.88888889rem;
  height: 2rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
  color: #178AEC;
}
#insure-page #copyUrl {
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #178AEC;
  margin-left: 1rem;
}
#insure-page .sign_input {
  width: 13.88888889rem;
  height: 2rem;
  margin-top: 1rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
}
#insure-page .sign_input::-webkit-input-placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #BDBDBD;
}
#insure-page .sign_tip {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #FF3000;
  margin-top: 0.41666667rem;
}
#insure-page #clauseContainer .mo {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
}
#insure-page #clauseContainer .clause-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 88%;
  width: 100%;
  background-color: #fff;
  z-index: 1001;
  border-radius: 0.83333333rem 0.83333333rem 0px 0px;
}
#insure-page #clauseContainer .clause-container .close-button {
  width: 2.11111111rem;
  height: 2.15789474rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#insure-page #clauseContainer .clause-container #clauseHtml {
  height: calc(82.25%);
}
#insure-page #clauseContainer .clause-container .clause-content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#insure-page #clauseContainer .clause-container .clauseImg {
  width: 100%;
  display: block;
}
#insure-page #clauseContainer .clause-container .clause-footer {
  width: 16.83333333rem;
  height: 2.75rem;
  background: #ff7a0f;
  border-radius: 1.38888889rem;
  margin: 0 auto;
  line-height: 2.75rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 0.22222222rem;
}
#insure-page #clauseContainer .clause-title {
  padding-right: 2.63888889rem;
  border-bottom: 0.05555556rem solid #E6E6E6;
}
#insure-page #clauseContainer .clause-title #clauseTitle {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#insure-page #clauseContainer .clause-title #clauseTitle .item {
  width: fit-content;
  margin-left: 1.25rem;
  height: 2.15789474rem;
  font-size: 0.83333333rem;
  color: #818181;
  font-weight: 500;
  flex-shrink: 0;
  line-height: 2.15789474rem;
}
#insure-page #clauseContainer .clause-title #clauseTitle .active {
  border-bottom: 0.16666667rem solid #ff7a0f;
  color: #ff7a0f;
}
#insure-page #clauseContainer #clauseTitle::-webkit-scrollbar {
  display: none;
}
#insure-page .un-check {
  width: 0.77777778rem;
  height: 0.77777778rem;
  display: block;
  margin-top: 0.16666667rem;
}
#insure-page .sign_url_input {
  width: 8.88888889rem;
  height: 2rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
  color: #178AEC;
}
#insure-page #copyUrl {
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #178AEC;
  margin-left: 1rem;
}
#insure-page .sign_input {
  width: 13.88888889rem;
  height: 2rem;
  margin-top: 1rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
}
#insure-page .sign_input::-webkit-input-placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #BDBDBD;
}
#insure-page .sign_tip {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #FF3000;
  margin-top: 0.41666667rem;
}
#insure-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insure-page .apply-insure {
  color: #ffffff;
  background-color: #fff;
  width: 100%;
  min-height: 50px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
  padding: 0;
}
#insure-page .item .items-title,
#insure-page .item .items-titles {
  margin-top: 0.56rem;
  padding-top: 1.11rem;
  background: #fff;
  padding: 0 0.83rem;
  font-size: 0.83rem;
  height: 40px;
  line-height: 40px;
}
#insure-page .item .items-title span.line,
#insure-page .item .items-titles span.line {
  display: inline-block;
  width: 3px;
  margin-top: 0.67rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.4167rem;
}
#insure-page .item .items-title span.icon,
#insure-page .item .items-titles span.icon {
  float: right;
  font-weight: 400;
  color: #505050;
}
#insure-page .item .list-block {
  margin: 0;
}
#insure-page .item span.check,
#insure-page .item span.checks,
#insure-page .item span.checkAddress {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: -3px;
  display: inline-block;
  background: url("../img/check.png") no-repeat;
  background-size: cover;
}
#insure-page .item span.check.active,
#insure-page .item span.checks.active,
#insure-page .item span.checkAddress.active {
  background: url("../img/nocheck.png") no-repeat;
  background-size: cover;
}
#insure-page .label-switch .checkbox {
  height: 1.4rem !important;
}
#insure-page .label-switch .checkbox:after {
  width: 1.2rem !important;
  height: 1.2rem !important;
}
#insure-page .label-switch .checkbox:before {
  height: 1.2rem !important;
}
#insure-page .email {
  position: relative;
}
#insure-page .email:after {
  content: '';
  width: 65%;
  height: 2px;
  background: #e7e7e7;
  position: absolute;
  top: 0;
  left: 35%;
}
#insure-page .offer {
  color: #f26f24;
}
#insure-page .list-block input[type="text"],
#insure-page .list-block input[type="password"],
#insure-page .list-block input[type="search"],
#insure-page .list-block input[type="email"],
#insure-page .list-block input[type="tel"],
#insure-page .list-block input[type="url"],
#insure-page .list-block input[type="date"],
#insure-page .list-block input[type="datetime-local"],
#insure-page .list-block input[type="time"],
#insure-page .list-block input[type="number"],
#insure-page .list-block select,
#insure-page .list-block textarea {
  color: #333333;
  font-family: "Source Han Sans CN";
  font-size: 0.83333333rem;
}
#insure-page .list-block .item-link .item-inner {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#insure-page .item input::-webkit-input-placeholder {
  color: #b1b0b0;
}
#insure-page .item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b1b0b0;
}
#insure-page .item input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b1b0b0;
}
#insure-page .item input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b1b0b0;
}
#insure-page .item .item-title {
  color: #818181;
  font-size: 0.83333333rem;
}
#insure-page .apply-insure .money {
  color: #4d4d4d;
  width: 60%;
  float: left;
  font-size: 0.75rem;
  text-align: left;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  text-indent: 10px;
}
#insure-page .apply-insure .money #actPrem,
#insure-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
  margin-right: 3px;
}
#insure-page .apply-insure .suan {
  width: 40%;
  float: left;
  background: #ff7a0f;
  display: inline-block;
  color: #fff;
  border: 0 none;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  letter-spacing: 1px;
}
#insure-page #notice a {
  color: #ff7a0f;
}
#insure-page .mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
#insure-page .mask .mask-content {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
}
#insure-page .mask .mask-content .mask-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#insure-page .mask .mask-content #notice-content a {
  color: #ff7a0f;
  display: block;
  text-align: center;
  margin: 7.5px 0;
}
#insure-page .mask .mask-content #close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .85rem;
  color: #f8f8f8;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#insure-page .mask .mask-content button {
  display: block;
  padding: 7.5px 0;
  width: 60%;
  margin: 10px auto;
  border: 0 none;
  background: #ff7a0f;
  color: #f8f8f8;
  border-radius: 30px;
  text-align: center;
}
#insure-page .item-input {
  margin-bottom: -0.4rem;
}
#insure-page .gray-btn {
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #808080 !important;
  background-color: #f0f0f0;
}
#insure-page .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#insure-page .gray-btn-checked {
  background-color: #FF7A0F;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #FF7A0F !important;
}
#insure-page .btn-middle {
  font-size: 0.72rem !important;
  border: 0;
  border-radius: 1rem !important;
  margin-left: 0.4rem;
  line-height: 1.22rem;
  height: 1.22rem;
  min-width: 2.56rem;
  padding: 0 0.6111111rem;
  overflow: visible;
}
#insure-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#insure-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#insure-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#insure-page .border-bottom-none {
  border-bottom: none;
}
#insure-page .border-bottom-has {
  border-bottom: 1px solid #e7e7e7;
}
#insure-page .list-block ul li:nth-last-child(1) .item-inner {
  border-bottom: 1px solid #e7e7e7;
}
#productLst-page .tag-div-share {
  display: flex;
}
#productLst-page .div-tag {
  line-height: 2rem;
  margin-right: 0.5rem;
}
#productLst-page .div-tag-color-red {
  color: #FF4E4E;
}
#productLst-page .tag-img {
  height: 0.8rem;
  margin-right: 0.1rem;
}
#productLst-page .bar-nav ~ .content {
  top: 0rem;
}
#myGeneral-page .content {
  font-family: Source Han Sans CN, sans-serif;
  background: #f8f8f8;
}
#myGeneral-page .rows {
  padding: 0;
  margin-top: 0;
  font-size: 0.67rem;
  line-height: 0.67rem;
  padding: 0.5rem 0.83rem;
  color: #f26f42;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
  background: #FFFEEA;
}
#myGeneral-page .rows img {
  width: 0.83rem;
  margin-right: 0.56rem;
  border: 0 none;
  outline: 0 none;
  vertical-align: top;
}
#myGeneral-page .buttons-tab {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: bold;
}
#myGeneral-page .buttons-tab:after {
  display: none;
}
#myGeneral-page .buttons-tab .button {
  font-size: 0.89rem;
  height: 2.78rem;
  line-height: 2.78rem;
}
#myGeneral-page .buttons-tab > a.active {
  color: #FF7b0F !important;
  border-bottom: 3px solid #ff7b0f !important;
  border-collapse: collapse;
}
#myGeneral-page #Lapse li,
#myGeneral-page #yes li,
#myGeneral-page #allList li,
#myGeneral-page #payFail li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
}
#myGeneral-page #Lapse li h6,
#myGeneral-page #yes li h6,
#myGeneral-page #allList li h6,
#myGeneral-page #payFail li h6 {
  font-size: 0.83rem;
  line-height: 0.83rem;
  padding-bottom: 0.83rem;
  margin: 0;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
  position: relative;
}
#myGeneral-page #Lapse li h6:after,
#myGeneral-page #yes li h6:after,
#myGeneral-page #allList li h6:after,
#myGeneral-page #payFail li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#myGeneral-page #Lapse li p:first-child,
#myGeneral-page #yes li p:first-child,
#myGeneral-page #allList li p:first-child,
#myGeneral-page #payFail li p:first-child {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
  margin-bottom: 1.11rem;
}
#myGeneral-page #Lapse p:last-child,
#myGeneral-page #yes li p:last-child,
#myGeneral-page #allList li p:last-child,
#myGeneral-page #payFail li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#myGeneral-page li .groupImg {
  height: 1.22rem;
  border: 0 none;
  outline: 0 none;
  position: absolute;
  top: 0;
  right: 1.278rem;
  z-index: 1;
}
#myGeneral-page li div.imgIcon {
  position: absolute;
  bottom: 0.9rem;
  right: 0.83rem;
  z-index: 1;
}
#myGeneral-page .imgIcon img {
  width: 1.67rem;
  border: 0 none;
  outline: 0 none;
}
#myGeneral-page .imgIcon p {
  font-size: 0.56rem !important;
  line-height: 0.56rem !important;
  color: #999999;
  margin-top: -2px !important;
}
#myGeneral-page p.safeguard {
  color: #0eb72f !important;
}
#myGeneral-page p.outtime {
  color: #b0b0b0 !important;
}
#myGeneral-page p.handle {
  color: #0fb6ff !important;
}
#myGeneral-page .safe-wrapper {
  background: #fff;
}
#myGeneral-page .safe-wrapper #start {
  width: 34.4%;
  margin: 0 auto;
  display: block;
  border: 0 none;
  outline: 0 none;
}
#myGeneral-page .safe-wrapper p {
  font-size: 0.72rem;
  color: #333;
  margin: 0 auto;
  width: 8rem;
  margin-top: 0.34rem;
  text-align: center;
  position: relative;
}
#myGeneral-page .safe-wrapper p:after {
  content: '';
  width: 1.38rem;
  height: 0.056rem;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.55rem;
}
#myGeneral-page .safe-wrapper p:before {
  content: '';
  width: 1.38rem;
  height: 0.056rem;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.55rem;
}
#myGeneral-page .safe-wrapper {
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
#myGeneral-page #loading img {
  width: 10.4%;
  display: block;
  margin: 0 auto;
  margin-top: -0.415rem;
}
#myGeneral-page #loading p:after,
#myGeneral-page #loading p:before {
  display: none;
}
#myGeneral-page .safe-wrapper #starts {
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myGeneral-page .safe-wrapper #loading {
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myGeneral-page .safe-wrapper .safe-content {
  width: 100%;
  background: #fff;
  padding: 0rem 0rem 0rem 0.83rem;
  position: relative;
  height: 4.86rem;
  display: none;
}
#myGeneral-page .safe-content img.guard {
  margin: 0;
  display: block;
  float: left;
  margin-top: 0.61rem;
  height: 3.44rem;
  width: 3.39rem;
}
#myGeneral-page .safe-content .guards {
  width: 80%;
  float: left;
  overflow: hidden;
  margin-top: 1.61rem;
}
#myGeneral-page .safe-content .guards img {
  width: 2.5rem;
  height: 2.5rem;
  float: left;
  display: block;
  margin-bottom: 0px;
}
#myGeneral-page .safe-content .guards .guards-insurance {
  margin-left: 10%;
  height: 2.5rem;
}
#myGeneral-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
  margin-left: 8%;
}
@media screen and (width: 320px) {
  #myGeneral-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 4%;
  }
}
@media screen and (width: 375px) {
  #myGeneral-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 9%;
  }
}
@media screen and (width: 414px) {
  #myGeneral-page .safe-content .guards .guards-insurance {
    margin-left: 15%;
  }
  #myGeneral-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 11%;
  }
}
#myGeneral-page .safe-content p {
  color: #999;
  font-size: 0.72rem;
  line-height: 0.72rem;
}
#myGeneral-page #go {
  position: absolute;
  top: -0.056rem;
  right: 0;
  width: 5.55rem;
  height: 1.19rem;
  border: 0 none;
  z-index: 7;
}
#myGeneral-page .safe-content span {
  position: absolute;
  top: 0.8rem;
  right: 9rem;
  color: #333;
  font-size: 0.83rem;
}
#myGeneral-page .safe-content span.care {
  top: 2.8rem;
  right: 6rem;
}
#myGeneral-page .safe-content span.accident {
  right: 4rem;
}
#myGeneral-page .safe-content span b {
  font-size: 1.2rem;
}
#myGeneral-page #loading,
#myGeneral-page #refreshs {
  display: none;
  text-align: center;
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myGeneral-page #refreshs p {
  width: 9.8rem;
}
#myGeneral-page #refresh {
  width: 25.2%;
  margin: 0 auto;
  display: block;
  border: 0 none;
  outline: 0 none;
}
#myOrder-page .content {
  font-family: Source Han Sans CN, sans-serif;
  background: #f8f8f8;
}
#myOrder-page .buttons-tab {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: bold;
  overflow-x: hidden;
}
#myOrder-page .buttons-tab:after {
  display: none;
}
#myOrder-page .buttons-tab .button {
  font-size: 0.89rem;
  height: 2.78rem;
  line-height: 2.78rem;
}
#myOrder-page .buttons-tab > a.active {
  color: #FF7b0F !important;
  border-bottom: 3px solid #ff7b0f !important;
  border-collapse: collapse;
}
#myOrder-page #NoPay li,
#myOrder-page #allList li,
#myOrder-page #payFail li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
}
#myOrder-page #NoPay li h6,
#myOrder-page #allList li h6,
#myOrder-page #payFail li h6 {
  font-size: 0.83rem;
  line-height: 0.83rem;
  padding-bottom: 0.83rem;
  margin: 0;
  position: relative;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}
#myOrder-page #NoPay li h6:after,
#myOrder-page #allList li h6:after,
#myOrder-page #payFail li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#myOrder-page #NoPay li p:first-child,
#myOrder-page #allList li p:first-child,
#myOrder-page #payFail li p:first-child {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
  margin-bottom: 1.11rem;
}
#myOrder-page #NoPay p:last-child,
#myOrder-page #allList li p:last-child,
#myOrder-page #payFail li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#myOrder-page #onPay li,
#myOrder-page #allList li,
#myOrder-page #payFail li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
}
#myOrder-page #onPay li h6,
#myOrder-page #allList li h6,
#myOrder-page #payFail li h6 {
  font-size: 0.83rem;
  line-height: 0.83rem;
  padding-bottom: 0.83rem;
  margin: 0;
  position: relative;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}
#myOrder-page #onPay li h6:after,
#myOrder-page #allList li h6:after,
#myOrder-page #payFail li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#myOrder-page #onPay li p:first-child,
#myOrder-page #allList li p:first-child,
#myOrder-page #payFail li p:first-child {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
  margin-bottom: 1.11rem;
}
#myOrder-page #onPay p:last-child,
#myOrder-page #allList li p:last-child,
#myOrder-page #payFail li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#myOrder-page #wait li,
#myOrder-page #allList li,
#myOrder-page #payFail li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
}
#myOrder-page #wait li h6,
#myOrder-page #allList li h6,
#myOrder-page #payFail li h6 {
  font-size: 0.83rem;
  line-height: 0.83rem;
  padding-bottom: 0.83rem;
  margin: 0;
  position: relative;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}
#myOrder-page #wait li h6:after,
#myOrder-page #allList li h6:after,
#myOrder-page #payFail li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#myOrder-page #wait li p:first-child,
#myOrder-page #allList li p:first-child,
#myOrder-page #payFail li p:first-child {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
  margin-bottom: 1.11rem;
}
#myOrder-page #wait p:last-child,
#myOrder-page #allList li p:last-child,
#myOrder-page #payFail li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#myOrder-page li div.imgIcon {
  position: absolute;
  bottom: 0.9rem;
  right: 0.83rem;
  z-index: 1;
  text-align: center;
  min-width: 3rem;
}
#myOrder-page .imgIcon img {
  width: 1.67rem;
  border: 0 none;
  outline: 0 none;
}
#myOrder-page .imgIcon p {
  font-size: 0.56rem !important;
  color: #999999;
  margin-top: -2px !important;
  white-space: nowrap;
}
#myOrder-page p.pay {
  color: #ff7b0f !important;
}
#myOrder-page p.outtime {
  color: #b0b0b0 !important;
}
#myOrder-page p.withhold,
#myOrder-page p.gopay {
  color: #0fb6ff !important;
}
#myOrder-page .safe-wrapper {
  background: #fff;
}
#myOrder-page .safe-wrapper #start {
  width: 34.4%;
  margin: 0 auto;
  display: block;
  border: 0 none;
  outline: 0 none;
}
#myOrder-page .safe-wrapper p {
  font-size: 0.72rem;
  color: #333;
  margin: 0 auto;
  width: 8rem;
  margin-top: 0.34rem;
  text-align: center;
  position: relative;
}
#myOrder-page .safe-wrapper p:after {
  content: '';
  width: 1.38rem;
  height: 0.056rem;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.55rem;
}
#myOrder-page .safe-wrapper p:before {
  content: '';
  width: 1.38rem;
  height: 0.056rem;
  background: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.55rem;
}
#myOrder-page .safe-wrapper {
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
#myOrder-page #loading img {
  width: 10.4%;
  display: block;
  margin: 0 auto;
  margin-top: -0.415rem;
}
#myOrder-page .safe-wrapper #starts {
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myOrder-page .safe-wrapper #loading {
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myOrder-page #loading p:after,
#myOrder-page #loading p:before {
  display: none;
}
#myOrder-page .safe-wrapper .safe-content {
  width: 100%;
  background: #fff;
  padding: 0rem 0rem 0rem 0.83rem;
  position: relative;
  height: 4.86rem;
  display: none;
}
#myOrder-page .safe-content img.guard {
  width: 19.6%;
  margin: 0;
  display: block;
  float: left;
  margin-top: 0.61rem;
  height: 3.44rem;
  width: 3.39rem;
}
#myOrder-page .safe-content .guards {
  width: 80%;
  float: left;
  overflow: hidden;
  margin-top: 1.62rem;
}
#myOrder-page .safe-content .guards img {
  width: 2.5rem;
  height: 2.5rem;
  float: left;
  display: block;
  margin-bottom: 0px;
}
#myOrder-page .safe-content .guards .guards-insurance {
  margin-left: 10%;
  height: 2.5rem;
}
#myOrder-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
  margin-left: 8%;
}
@media screen and (width: 320px) {
  #myOrder-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 4%;
  }
}
@media screen and (width: 375px) {
  #myOrder-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 9%;
  }
}
@media screen and (width: 414px) {
  #myOrder-page .safe-content .guards .guards-insurance {
    margin-left: 15%;
  }
  #myOrder-page .safe-content .guards .guards-insurance img:nth-child(n+2) {
    margin-left: 11%;
  }
}
#myOrder-page .safe-content p {
  color: #999;
  font-size: 0.72rem;
  line-height: 0.72rem;
}
#myOrder-page #go {
  position: absolute;
  top: -0.056rem;
  right: 0;
  width: 5.55rem;
  height: 1.19rem;
  border: 0 none;
  z-index: 7;
}
#myOrder-page .safe-content span {
  position: absolute;
  top: 0.8rem;
  right: 9rem;
  color: #333;
  font-size: 0.83rem;
}
#myOrder-page .safe-content span.care {
  top: 2.8rem;
  right: 6rem;
}
#myOrder-page .safe-content span.accident {
  right: 4rem;
}
#myOrder-page .safe-content span b {
  font-size: 1.2rem;
}
#myOrder-page #loading,
#myOrder-page #refreshs {
  display: none;
  text-align: center;
  padding-top: 0.83rem;
  padding-bottom: 0.72rem;
}
#myOrder-page #refreshs p {
  width: 9.8rem;
}
#myOrder-page #refresh {
  width: 25.2%;
  margin: 0 auto;
  display: block;
  border: 0 none;
  outline: 0 none;
}
#addSafeguard-page ul {
  background: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
}
#addSafeguard-page ul li {
  padding: 0 0.83rem;
  font-size: 0.83rem;
  font-family: Source Han Sans CN, sans-serif;
}
#addSafeguard-page ul li h6 {
  font-weight: 600;
  width: 100%;
  color: #333;
  margin: 0;
  padding: 0;
  padding: 0.8rem 0;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
  font-size: 0.9rem;
}
#addSafeguard-page .list-block {
  background: #fff;
}
#addSafeguard-page .list-header .item-inner {
  line-height: 1.167rem !important;
}
#addSafeguard-page .list-header .item-title {
  font-size: 0.83rem;
  color: #1A1A1A;
  font-weight: 600;
}
#addSafeguard-page .list-header .item-after {
  color: #ff7a0f !important;
  font-size: 1.167rem;
  font-weight: 600;
  position: relative;
  padding-right: 15px;
}
#addSafeguard-page .list-header .item-after span {
  display: inline-block;
  margin-left: 7px;
  font-size: 0.65rem;
  color: #999;
  position: absolute;
  right: 0;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#addSafeguard-page .list-header li {
  padding: 0 0.83rem!important;
}
#addSafeguard-page .list-header li:first-child .item-inner {
  border: 0 none;
  padding-bottom: 0.55rem !important;
}
#addSafeguard-page .list-footer {
  padding: 0.72rem 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #dfdfdf;
}
#addSafeguard-page .list-footers:after {
  content: '';
  height: 70%;
  width: 1px;
  background: #dfdfdf;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -0.5px;
}
#addSafeguard-page .list-footer button {
  background: #fff;
  color: #70CCFF;
  font-size: 0.78rem;
  border: 0 none;
  outline: 0 none;
  width: 49%;
  float: left;
  text-align: center;
}
#addSafeguard-page .list-footer button img {
  display: inline-block;
  vertical-align: middle;
  height: 0.72rem;
  margin-right: 7px;
}
#addSafeguard-page .item-title {
  color: #4d4d4d !important;
  font-size: 0.78rem;
}
#addSafeguard-page .item-inner {
  padding: 0.8rem 0 !important;
  border-collapse: collapse;
  position: relative;
}
#addSafeguard-page .item-inner：last-child {
  border: 0 none;
}
#addSafeguard-page #header {
  display: none;
}
#addSafeguard-page #des,
#addSafeguard-page #ses,
#addSafeguard-page #dess,
#addSafeguard-page #sess {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  color: #ff3000;
  font-size: 0.61rem;
  display: none;
}
#addSafeguard-page #desc {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  color: #999;
  font-size: 0.61rem;
}
#addSafeguard-page .actives {
  padding-bottom: 1.8rem !important;
}
#addSafeguard-page .actives #desc {
  bottom: 1.3rem;
}
#addSafeguard-page .actives #sess {
  display: block;
}
#addSafeguard-page .item-after {
  color: #999999 !important;
  position: relative;
}
#addSafeguard-page .item-after button {
  position: absolute;
  background: #dfdfdf !important;
  color: #818181 !important;
  font-size: 0.83rem;
  color: #fff;
  padding: 5px 15px;
  border-radius: 1rem;
  border: 0 none;
  outline: 0 none;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
#addSafeguard-page .item-after button.active {
  background: #ff7a0f !important;
  color: #fff !important;
}
#addSafeguard-page .item-input {
  margin-right: 0.83rem;
  position: relative;
}
#addSafeguard-page .item-input input[type="text"] {
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
  color: #ff7b0f;
  width: 5.3rem;
  float: right;
}
#addSafeguard-page .item-input input[type="number"] {
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
  color: #ff7b0f;
  width: 5.3rem;
  float: right;
}
#addSafeguard-page .item-input span {
  position: absolute;
  right: -0.83rem;
  top: 50%;
  color: #999;
  font-size: 0.67rem;
  transform: translateY(-50%);
}
#addSafeguard-page .import {
  display: none;
}
#addSafeguard-page #add {
  width: 70%;
  margin: 2.78rem auto;
  background: #ff7a0f;
  color: #f8f8f8;
}
#addSafeguard-page .item-btns button:first-child {
  right: 7.6rem;
}
#addSafeguard-page .item-btns button:nth-child(2) {
  right: 3.8rem;
}
#addSafeguard-page button.cancels {
  background: #dfdfdf !important;
  color: #818181 !important;
  border: 0 none;
}
#addSafeguard-page #date,
#addSafeguard-page #dates {
  background: transparent;
  text-align: right;
  color: #4d4d4d;
}
#addSafeguard-page #dates {
  display: none;
}
#addSafeguard-page .item-time {
  position: relative;
  padding-right: 0.83333333rem;
}
#addSafeguard-page .item-time span {
  right: 0;
}
#addSafeguard-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #505050;
  border-left: 1px solid #505050;
}
#addSafeguard-page p {
  margin: 0;
  margin-top: 0.78rem;
  font-size: 0.72rem;
  padding: 0 0.83rem;
  color: #999;
}
#addSafeguard-page p a {
  color: #ff3000;
}
#addSafeguard-page .check {
  width: 0.83rem;
  height: 0.83rem;
  display: inline-block;
  background: url("../img/c.png") no-repeat;
  background-size: cover;
  margin-right: 0.61rem;
}
#addSafeguard-page .active {
  background: url("../img/cc.png") no-repeat;
  background-size: cover;
}
#addSafeguard-page .item-input input {
  height: 1.6rem;
}
#addSafeguard-page #paidPrem {
  border-bottom: 0;
}
#myAutoPlan-page .item-time {
  position: relative;
  margin-right: 0.83333333rem;
}
#myAutoPlan-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #3d4145;
  border-left: 1px solid #3d4145;
}
#myAutoPlan-page .check {
  width: 0.83rem;
  height: 0.83rem;
  display: inline-block;
  background: url("../../public/img/c.png") no-repeat;
  background-size: cover;
  margin-right: 0.3rem;
  margin-left: 15px;
}
#myAutoPlan-page .active {
  background: url("../../public/img/cc.png") no-repeat;
  background-size: cover;
}
#myAutoPlan-page .inputActive {
  text-align: center !important;
  display: inline-block !important;
  margin-left: 50% !important;
  width: 40% !important;
  background: #F5F5F5 !important;
  color: #FF7B0F !important;
}
#myAutoPlan-page .inputNotActive {
  text-align: right;
}
#myAutoPlan-page #planDateDes,
#myAutoPlan-page #planAmountDes,
#myAutoPlan-page #planMoneyDes,
#myAutoPlan-page #ses,
#myAutoPlan-page #dess,
#myAutoPlan-page #sess {
  position: absolute;
  bottom: 0.0rem;
  left: 15px;
  color: #ff3000;
  font-size: 0.61rem;
  display: none;
}
#myAutoPlan-page a.cancels {
  background: #dfdfdf !important;
  color: #818181 !important;
  border: 0 none;
}
#myAutoPlan-page .not-active {
  background: #F0F0F0;
}
#myAutoPlan-page .modal-inner {
  padding: 1.1rem 0.7rem 1rem 0.7rem;
}
#myAutoPlan-page .modal-inner:after {
  background-color: #E9E9E9;
}
#myAutoPlan-page .modal-button:after {
  background-color: #E9E9E9;
}
#myAutoPlan-page .modal-text {
  font-size: 0.8rem;
  text-align: center;
}
#myAutoPlan-page .list-block input[type="number"] {
  height: 1.3rem;
}
#myAutoPlan-page .modal-button {
  color: #ff7b0f !important;
}
#myAutoPlan-page .button-customer-h5.button-fill {
  color: #F8F8F8;
  background-color: #FF7A0F;
}
#myAutoPlan-page .list-block ul {
  border-bottom: 0px;
}
/*产品展示页面*/
#trialOnlyShow-page {
  display: block;
  /* tab */
  /**浮在下面的面板**/
  /* font-color */
}
#trialOnlyShow-page .closed-font {
  color: #999999!important;
}
#trialOnlyShow-page .picker-items-col {
  width: 100%;
}
#trialOnlyShow-page #important_statement {
  width: 2.28rem;
  height: 1.25rem;
}
#trialOnlyShow-page .trialOnlyShow-page-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
}
#trialOnlyShow-page .col-15 input {
  text-align: right;
}
#trialOnlyShow-page .row {
  height: auto;
  padding: 0px;
  margin: 0px;
}
#trialOnlyShow-page .riskTitle {
  font-size: 0.83rem !important;
  color: #4d4d4d !important;
  font-weight: bold !important;
  padding-left: 4% !important;
}
#trialOnlyShow-page #productImg {
  min-height: 10.3rem;
  background: #fff;
}
#trialOnlyShow-page #productImg img {
  outline: 0 none;
  border: 0 none;
}
#trialOnlyShow-page .list-block .item-input {
  margin-bottom: 0rem;
  margin-top: 0rem;
  height: auto;
}
#trialOnlyShow-page .item-inner {
  border-color: transparent !important;
}
#trialOnlyShow-page .lists .item-inner {
  padding: 0px 15px;
}
#trialOnlyShow-page .border-1 {
  height: 1px;
  width: 92%;
  margin: 0 auto;
  background: #e7e7e7;
  margin-top: 0.83rem;
  margin-bottom: 0.83rem;
}
#trialOnlyShow-page .label-width {
  width: 100% !important;
}
#trialOnlyShow-page item-s {
  margin-top: 0.55555556rem !important;
  margin-bottom: 0.27777778rem !important;
}
#trialOnlyShow-page .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
#trialOnlyShow-page li.item-content {
  padding: 0;
  min-height: 1.3888888rem;
  margin: 1.38888888rem 0;
}
#trialOnlyShow-page .h5-item-inner {
  padding: 0 0.83rem;
}
#trialOnlyShow-page #trialOnlyShow-page .buttons-tab {
  height: 36px;
}
#trialOnlyShow-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #ff7a0f !important;
  color: #ff7a0f !important;
}
#trialOnlyShow-page .buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0;
  font-size: 0.83rem;
}
#trialOnlyShow-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#trialOnlyShow-page .product-main div {
  background-color: #fff;
}
#trialOnlyShow-page .list-block {
  overflow-y: auto;
  height: 100%;
  margin: 0;
}
#trialOnlyShow-page #productTitle {
  display: flex;
  background: #ffffff;
  margin-top: -0.35rem;
}
#trialOnlyShow-page #productName {
  color: #ff7a0f;
  font-size: 0.85rem;
  width: 80%;
}
#trialOnlyShow-page #thumbsUpBtn {
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
  line-height: 1.5;
  font-size: 0.83rem;
  min-width: 1rem;
  color: #4d4d4d;
}
#trialOnlyShow-page #trail-insure {
  margin-bottom: 10px;
  margin-top: 30px;
  border: 0 none;
}
#trialOnlyShow-page #trail-insure .col-33 {
  text-align: center;
}
#trialOnlyShow-page #trail-insure .col-33 h6 {
  font-size: 1.38rem;
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
}
#trialOnlyShow-page #trail-insure .col-33 p {
  font-size: 0.65rem;
  color: #4d4d4d;
  margin: 0;
}
#trialOnlyShow-page #trial {
  margin-bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.5);
  touch-action: none;
}
#trialOnlyShow-page .item-time {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#trialOnlyShow-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}
#trialOnlyShow-page .item-time-red {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#trialOnlyShow-page .item-time-red:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 45%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7a0f;
  border-left: 1px solid #ff7a0f;
}
#trialOnlyShow-page #purchase {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  max-height: 74%;
  min-height: 9%;
  padding-bottom: 2.61111111rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  z-index: 1206;
}
#trialOnlyShow-page #insureSelect,
#trialOnlyShow-page #amntRange {
  direction: rtl;
  font-size: 1rem;
  color: #ff7a0f;
  height: auto;
}
#trialOnlyShow-page #insureSelect option,
#trialOnlyShow-page #amntRange option {
  direction: ltr;
  font-size: 1rem;
}
#trialOnlyShow-page a.item-time:after {
  right: 6px;
}
#trialOnlyShow-page a.item-time-red:after {
  right: 6px;
}
#trialOnlyShow-page .try {
  width: 100%;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ebebeb;
  z-index: 1300;
  display: none;
}
#trialOnlyShow-page ul {
  list-style: none;
}
#trialOnlyShow-page .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#trialOnlyShow-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#trialOnlyShow-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trialOnlyShow-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#trialOnlyShow-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#trialOnlyShow-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#trialOnlyShow-page .amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0 none;
  padding: 0;
}
#trialOnlyShow-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#trialOnlyShow-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#trialOnlyShow-page .content-width p.rp {
  padding-right: 6%;
}
#trialOnlyShow-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#trialOnlyShow-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#trialOnlyShow-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trialOnlyShow-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#trialOnlyShow-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#trialOnlyShow-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#trialOnlyShow-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#trialOnlyShow-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#trialOnlyShow-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#trialOnlyShow-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#trialOnlyShow-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#trialOnlyShow-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trialOnlyShow-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#trialOnlyShow-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#trialOnlyShow-page .protect-range img {
  width: 100%;
}
#trialOnlyShow-page .lp {
  padding-right: 2%;
}
#trialOnlyShow-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ebebeb;
}
#trialOnlyShow-page .apply-insure {
  color: #fffffd;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  border: 0;
  padding: 0;
  border-bottom: 1px solid #ebebeb;
}
#trialOnlyShow-page .apply-insure .money {
  color: #4d4d4d;
  width: 60%;
  float: left;
  font-size: 0.75rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  text-indent: 15px;
}
#trialOnlyShow-page .apply-insure .money #actPrem,
#trialOnlyShow-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
  letter-spacing: 1px;
  margin-right: 3px;
}
#trialOnlyShow-page .apply-insure .suan {
  width: 40%;
  float: left;
  display: inline-block;
  background: #ff7a0f;
  color: #fff;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
#trialOnlyShow-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#trialOnlyShow-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#trialOnlyShow-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trialOnlyShow-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#trialOnlyShow-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#trialOnlyShow-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ff7a0f;
}
#trialOnlyShow-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trialOnlyShow-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#trialOnlyShow-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#trialOnlyShow-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#trialOnlyShow-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#trialOnlyShow-page .rt {
  color: #999;
}
#trialOnlyShow-page .font-orange {
  color: #0bb1ef;
}
#trialOnlyShow-page .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#trialOnlyShow-page .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
@media only screen and (max-device-width: 320px) {
  #trialOnlyShow-page input[type="date"]:before {
    color: #4DB2F6;
  }
  #trialOnlyShow-page .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #trialOnlyShow-page .font-center {
    padding: 0px 1%;
  }
  #trialOnlyShow-page .rang-l {
    margin-left: -3%;
  }
  #trialOnlyShow-page .rang-r {
    margin-left: 3%;
  }
  #trialOnlyShow-page .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #trialOnlyShow-page .insur-row-padding {
    margin-right: 17%;
  }
  #trialOnlyShow-page .protect-range1 p {
    font-size: 1em;
  }
}
#trialOnlyShow-page #trialInfo {
  border-color: transparent !important;
}
#trialOnlyShow-page #trialInfo .try {
  z-index: 3;
}
#trialOnlyShow-page #trialInfo h6 {
  color: #ff7a0f;
  font-size: 1.38rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
}
#trialOnlyShow-page #trialInfo p {
  color: #4d4d4d;
  font-size: 0.62rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
#trialOnlyShow-page .tabs {
  min-height: 8rem;
}
#trialOnlyShow-page #clause a {
  color: #ff7a0f !important;
}
a.item-time #trialOnlyShow-page:after {
  margin-top: -0.31111111rem;
}
#trialOnlyShow-page #amnts button:nth-child(1) {
  margin-left: 0;
}
.content-img-all-list {
  width: 5rem;
  height: 5rem;
}
#knowledgeList-page .pageEnd {
  background: transparent;
  padding: 1.5rem 0 .5rem;
}
#knowledgeList-page .pageEnd:after,
#knowledgeList-page .pageEnd:before {
  top: 66%;
}
#knowledgeList-page .buttons-tab {
  background: #fff;
}
#knowledgeList-page .buttons-tab:after {
  display: none;
}
#knowledgeList-page .buttons-tab .tab-link {
  margin: .5rem;
  background: #eee;
}
#knowledgeList-page .buttons-tab > a.active {
  border-bottom: 0 none !important;
  background: #f26f42 !important;
  color: #ffffff !important;
  border-color: #f26f42;
}
#knowledgeList-page .list-block ul {
  border-top: 0 none;
}
#knowledgeList-page .div-title-row {
  width: 100%;
}
#knowledgeList-page .div-title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#knowledgeList-page .div-tag {
  line-height: 2rem;
  font-size: 0.7rem;
}
#knowledgeList-page .tag-img {
  height: 0.6rem;
  margin-right: 0.1rem;
}
#knowledgeList-page .div-tag-color-red {
  color: #ffa886;
}
#knowledgeList-page .div-tag-color-blue {
  color: #639ECB;
}
#knowledgeList-page .article-lst-img {
  width: 4rem;
  height: 4rem;
  padding: 0.5rem;
}
#knowledgeList-page .sub-title-my {
  font-size: 0.7rem;
  color: #818181;
  min-height: 1rem;
}
#knowledgeList-page .up-read-num-img {
  width: 0.6rem;
}
#knowledgeList-page .read-num {
  font-size: 0.6rem;
  width: 25%;
  color: #CDCDC1;
  line-height: 2;
  margin-right: 0.5rem;
  margin-left: 0.1rem;
}
#knowledgeList-page .up-num {
  font-size: 0.6rem;
  width: 25%;
  color: #CDCDC1;
  line-height: 2;
}
#knowledgeList-page .up-span {
  float: right;
}
#knowledgeList-page .read-span {
  padding-left: 0.5rem;
}
#knowledgeList-page .tag-img {
  height: 0.6rem;
  margin-right: 0.1rem;
}
#knowledgeList-page .unable_line {
  border-bottom: 0rem;
}
#knowledgeList-page .list-head-margin-top0 {
  margin-top: 0rem;
}
#knowledgeList-page .buttons-tab {
  background: #fff;
  padding: .6rem 0.5rem 0;
}
#knowledgeList-page .buttons-tab:after {
  display: none;
}
#knowledgeList-page .buttons-tab .tab-link {
  margin: .3rem .4rem;
  color: #818181;
  width: 5rem;
  padding: 0;
  background: #fff;
  border-radius: 1rem;
  height: 1.3rem;
  line-height: 1.225rem;
  font-size: 0.75rem;
  border: 0.05555556rem solid #d3d3d3;
}
#knowledgeList-page .buttons-tab .tab-hide {
  border-color: transparent;
  color: #fff;
}
#knowledgeList-page .buttons-last {
  justify-content: initial;
  border-bottom: 0.05555556rem solid transparent;
  padding: 0 .5rem .6rem;
}
#knowledgeList-page .buttons-last .first-button {
  width: 21%;
}
#guestArticle-page {
  background-color: #fff;
  padding: 0.94444444rem 0.41666667rem;
}
#guestArticle-page p {
  margin: 0;
}
#guestArticle-page .card-content {
  padding: 0.72222222rem 0.22222222rem;
  background-color: #f9f9f9;
  width: 96%;
  margin: 0.58333333rem auto 0;
  box-shadow: 0px 0px 0.13888889rem 0px rgba(195, 195, 195, 0.15);
  border-radius: 0.55555556rem;
  display: flex;
  align-items: center;
}
#guestArticle-page .card-content .card-img {
  width: 2.22222222rem;
  height: 2.22222222rem;
  display: block;
  border-radius: 50%;
  flex-shrink: 0;
}
#guestArticle-page .card-content .desc-container {
  margin: 0.11111111rem 0 0 0.22222222rem;
}
#guestArticle-page .card-content .desc-container .name {
  font-size: 0.83333333rem;
  font-weight: 500;
  color: #333333;
}
#guestArticle-page .card-content .desc-container .nick-name {
  font-size: 0.55555556rem;
  font-weight: 500;
  color: #818181;
  margin-left: 0.33333333rem;
}
#guestArticle-page .card-content .desc-container .desc {
  margin-top: 0.19444444rem;
  font-size: 0.55555556rem;
  font-weight: 500;
  color: #A4A4A4;
}
#guestArticle-page .content-padded {
  max-width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.5rem;
}
#guestArticle-page p img {
  max-width: 100%;
}
#guestArticle-page .main-title {
  font-size: 1.33333333rem;
  font-weight: bold;
  color: #414141;
}
#guestArticle-page .sub-title {
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
}
#guestArticle-page .content-padded * {
  max-width: 100%;
}
#guestArticle-page .name-span {
  margin-left: 1rem;
}
#guestArticle-page .read-span {
  margin-left: 1rem;
}
#guestArticle-page .up-like-img {
  height: 0.6rem;
}
#guestArticle-page .up-like-img-1 {
  height: 0.6rem;
}
#guestArticle-page h3 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0rem;
}
#guestArticle-page .tag-div {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.5rem;
  max-width: 4.16666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
}
#guestArticle-page .div-tag {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.5rem;
  max-width: 4.16666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
}
#guestArticle-page .tag-img {
  height: 0.61rem;
  margin-right: 0.22rem;
}
#guestArticle-page .img-head {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3rem;
}
#guestArticle-page .property-row {
  display: flex;
  font-size: 0.72222222rem;
  font-weight: 400;
  color: #A4A4A4;
  justify-content: space-between;
  align-items: center;
}
#guestArticle-page .property-row .up-like-span {
  padding-left: 0.5rem;
}
#guestArticle-page .property-row .give-love {
  width: 3.75rem;
  height: 1.38888889rem;
  background: #FF5757;
  border-radius: 0.69444444rem;
  line-height: 1.38888889rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FFFFFF;
}
#guestArticle-page .detail-tag-row {
  margin: 0.5rem;
  display: flex;
}
#guestArticle-page .detail-tag-row .div-tag {
  margin-right: 0.63888889rem;
  font-size: 0.61111111rem;
  color: #ff7b0f;
}
#guestArticle-page .detail-content {
  height: 100%;
  background-color: #FFFFFF;
}
#guestArticle-page .detail-tag {
  text-align: center;
  border: 1px solid ;
  border-radius: 5px 5px 5px 5px;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
#guestArticle-page .tag-color-red {
  border-color: #FF0000;
}
#guestArticle-page .tag-color-blue {
  border-color: #94CBE1;
}
#guestArticle-page .big-shot {
  display: flex;
  flex-direction: column;
}
#guestArticle-page .big-shot-abstract {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#search-page .content-img-all-list {
  width: 4rem;
  height: 4rem;
  padding: 0.5rem;
}
#search-page .my-search-color {
  background-color: #FFFFFF;
}
#search-page .my-search-ul {
  border-bottom: none;
}
#search-page .header-style {
  filter: alpha(opacity=80);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#search-page .tag-img {
  height: 0.8rem;
  margin-right: 0.1rem;
}
#search-page .my-search {
  height: 2.45rem;
  background-color: #FFFFFF;
}
#search-page .back-btn {
  color: #FFFFFF;
}
#search-page .search-label {
  z-index: 99;
  margin-left: 3rem;
  color: #8f8f95;
}
#search-page .margin-left2rem {
  margin-left: 2rem;
}
#search-page .input-search {
  z-index: 1;
  padding-left: 2.5rem;
  border: none;
  background-color: #efefef;
  width: 85%;
  margin-left: 2rem;
}
#search-page .search-input {
  width: 80%;
}
#search-page .search-btn {
  background: none;
  line-height: 1.45rem;
  font-size: 1rem;
  color: #F26F42;
  margin-left: 0.5rem;
}
#search-page .history-record {
  line-height: 1rem;
  margin-top: 1rem;
  font-size: 0.85rem;
}
#search-page .search-back-btn {
  color: #000000;
}
#search-page .delete-his {
  color: #5f95ea;
  float: right;
}
#search-page .delete-img {
  margin-bottom: 0.2rem;
}
#search-page .div-title-row {
  width: 100%;
}
#search-page .div-title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#search-page .div-tag {
  line-height: 2rem;
}
#search-page .div-tag-color-red {
  color: #ffa886;
}
#search-page .div-subtitle {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #CDCDC1;
}
#search-page .subtitle-read-num {
  margin-right: 1rem;
}
#search-page .subtitle-datetime {
  float: right;
}
#search-page .unable_line {
  border-bottom: 0rem;
}
#search-page .list-head-margin-top0 {
  margin-top: 0rem;
}
#guestList-page {
  background: #F8F8F8;
}
#guestList-page .item-content {
  padding-left: 0.83rem;
}
#guestList-page .list-block .item-media + .item-inner {
  margin-left: 0.83rem;
}
#guestList-page .list-container .guest-item {
  width: 100%;
  border-radius: 0.55555556rem;
  background-color: #fff;
  margin-top: 0.47222222rem;
  padding: 0.69444444rem 1.47222222rem 0.69444444rem 0.63888889rem;
  display: flex;
}
#guestList-page .list-container .guest-item .head-img {
  display: block;
  width: 3.05555556rem;
  height: 3.05555556rem;
  border-radius: 50%;
  flex-shrink: 0;
}
#guestList-page .list-container .guest-item .desc-container {
  margin-left: 0.36111111rem;
}
#guestList-page .list-container .guest-item .desc-container .item-title {
  font-size: 0.77777778rem;
  font-weight: 500 !important;
  color: #414141;
  margin-top: 0.13888889rem;
}
#guestList-page .list-container .guest-item .desc-container .item-des {
  margin-top: 0.22222222rem;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #A4A4A4;
  text-align: left;
}
#guestList-page .property-row {
  margin: 0.5rem;
  display: flex;
  justify-content: space-between;
}
#guestList-page .list-block ul li .item-inner {
  border-color: #dfdfdf;
}
#guestList-page .list-block ul li:nth-last-child(1) .item-inner {
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
}
#guestList-page .detail-tag-row {
  margin: 0.5rem;
  display: flex;
}
#guestList-page .detail-content {
  height: 100%;
  background-color: #FFFFFF;
}
#guestList-page .detail-tag {
  text-align: center;
  border: 1px solid ;
  border-radius: 5px 5px 5px 5px;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
#guestList-page .tag-color-red {
  border-color: #FF0000;
}
#guestList-page .tag-color-blue {
  border-color: #4876FF;
}
#guestList-page .big-shot {
  display: flex;
  flex-direction: column;
}
#guestList-page .big-shot-abstract {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#guestList-page .card-margin0 {
  margin: 0rem;
}
#guestList-page .card-wrapper {
  background: transparent;
}
#guestList-page .media-list {
  background: #fff;
}
#knowledgeDetail-page {
  background-color: #fff;
  padding: 0 0.41666667rem;
}
#knowledgeDetail-page #knowledge {
  margin-top: 0.94444444rem;
}
#knowledgeDetail-page .times {
  position: fixed;
  width: 2.61111111rem;
  height: 1.52777778rem;
  display: block;
  top: 0.55555556rem;
  right: 0.55555556rem;
  background-color: rgba(163, 163, 163, 0.5);
  border-radius: 1.11111111rem;
  font-weight: 400;
  font-size: 0.88888889rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.52777778rem;
}
#knowledgeDetail-page p {
  margin: 0;
}
#knowledgeDetail-page .main-title {
  font-size: 1.33333333rem;
  font-weight: bold;
  color: #414141;
}
#knowledgeDetail-page .sub-title {
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
}
#knowledgeDetail-page .hidden {
  display: none !important;
}
#knowledgeDetail-page .content-padded {
  max-width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.5rem;
}
#knowledgeDetail-page .name-span {
  margin-left: 0.72222222rem;
}
#knowledgeDetail-page .read-span {
  margin-left: 1rem;
}
#knowledgeDetail-page .up-like-span {
  padding-left: 0.5rem;
}
#knowledgeDetail-page .tag-div {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.72222222rem;
}
#knowledgeDetail-page .div-tag {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.72222222rem;
}
#knowledgeDetail-page .tag-img {
  height: 0.6rem;
  margin-right: 0.1rem;
}
#knowledgeDetail-page .up-like-img {
  height: 0.6rem;
}
#knowledgeDetail-page .up-like-img-1 {
  height: 0.6rem;
}
#knowledgeDetail-page .productImg {
  padding: 0 .83rem;
}
#knowledgeDetail-page .productImg img {
  width: 100%;
  display: block;
  box-shadow: 0 0 0 0.1rem #eeeeee;
  margin-top: 0.5rem;
}
#knowledgeDetail-page .property-row {
  display: flex;
  font-size: 0.72222222rem;
  font-weight: 400;
  color: #A4A4A4;
  justify-content: space-between;
  align-items: center;
}
#knowledgeDetail-page .property-row .give-love {
  width: 3.75rem;
  height: 1.38888889rem;
  background: #FF5757;
  border-radius: 0.69444444rem;
  line-height: 1.38888889rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FFFFFF;
}
#knowledgeDetail-page .detail-tag-row {
  margin: 0.5rem;
  display: flex;
}
#knowledgeDetail-page .detail-content {
  height: 100%;
  background-color: #FFFFFF;
}
#knowledgeDetail-page .detail-tag {
  text-align: center;
  border: 1px solid ;
  border-radius: 5px 5px 5px 5px;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
#knowledgeDetail-page .tag-color-red {
  border-color: #FF0000;
}
#knowledgeDetail-page .tag-color-blue {
  border-color: #4876FF;
}
#knowledgeDetail-page .big-shot {
  display: flex;
  flex-direction: column;
}
#knowledgeDetail-page .big-shot-abstract {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#knowledgeDetail-page .img-width100 {
  width: 100%;
}
#signalArticleDetail-page .content-padded {
  max-width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.5rem;
}
#signalArticleDetail-page p img {
  max-width: 100%;
}
#signalArticleDetail-page h4 {
  margin: 0rem 0.5rem 0rem 0.5rem;
  font-weight: normal!important;
}
#signalArticleDetail-page h3 {
  margin-left: 0.5rem;
  margin-bottom: 0rem;
  margin-right: 0.5rem;
}
#signalArticleDetail-page .content-padded * {
  max-width: 100%;
}
#signalArticleDetail-page .name-span {
  margin-left: 1rem;
}
#signalArticleDetail-page .read-span {
  margin-left: 1rem;
}
#signalArticleDetail-page .input-share {
  width: 5rem;
  height: 1.5rem;
  margin-top: 0.5rem;
}
#signalArticleDetail-page .up-like-img {
  height: 0.6rem;
}
#signalArticleDetail-page .popup-overlay {
  background: rgba(0, 0, 0, 0.6);
}
#signalArticleDetail-page .shard-bg {
  background: url(../img/activity/activityRegist/share-div.png) no-repeat 55%;
  background-size: 85%;
  text-align: center;
  height: 15rem;
  position: relative;
}
#signalArticleDetail-page .shard-p {
  text-align: left;
  font-size: 1.3rem;
  color: white;
  position: absolute;
  top: 33%;
  left: 22%;
  right: 13%;
}
#signalArticleDetail-page .shard-button-img {
  height: 3rem;
}
#signalArticleDetail-page .shard-button {
  margin: 0 auto;
  font-size: 1.5rem;
  background-color: red;
  border-radius: 10px;
  text-align: center;
  width: 7rem;
  padding: 0.2rem;
}
#signalArticleDetail-page .shard-model {
  text-align: center;
  position: relative;
  left: 45%;
  width: 80%;
  height: 30rem;
  top: 52%;
  /* margin-top: 10rem; */
}
#signalArticleDetail-page .shard-img {
  background: url(../img/activity/activityRegist/shard-img.png);
  width: 7rem;
  height: 7rem;
  background-size: 100% 100%;
  /* text-align: right; */
  margin-left: 9rem;
  /* top: 10%; */
}
#signalArticleDetail-page .modal-inner {
  padding: 0rem;
  margin-left: -0.6rem;
  background-color: rgba(232, 232, 232, 0);
}
#signalArticleDetail-page .tag-div {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.5rem;
}
#signalArticleDetail-page .div-tag {
  margin-right: 0.5rem;
  color: #ffa886;
  font-size: 0.5rem;
}
#signalArticleDetail-page .tag-img {
  height: 0.5rem;
  margin-right: 0.1rem;
}
#signalArticleDetail-page .property-row {
  margin: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #A1A1A1;
}
#signalArticleDetail-page .detail-tag-row {
  margin: 0.5rem;
  display: flex;
}
#signalArticleDetail-page .detail-content {
  height: 100%;
  background-color: #FFFFFF;
}
#signalArticleDetail-page .detail-tag {
  text-align: center;
  border: 1px solid ;
  border-radius: 5px 5px 5px 5px;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
#signalArticleDetail-page .tag-color-red {
  border-color: #FF0000;
}
#signalArticleDetail-page .tag-color-blue {
  border-color: #4876FF;
}
#signalArticleDetail-page .big-shot {
  display: flex;
  flex-direction: column;
}
#signalArticleDetail-page .big-shot-abstract {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#signalArticleDetail-page .public-signal-card {
  margin: 1.5rem;
}
#signalArticleDetail-page .public-signal-card-inner {
  display: flex;
  justify-content: space-between;
}
#signalArticleDetail-page .public-signal-div {
  position: relative;
}
#signalArticleDetail-page .public-signal-head-img {
  width: 2rem;
  height: 2rem;
  border-radius: 2.5rem;
}
#signalArticleDetail-page .public-signal-span {
  font-size: 0.9rem;
  width: 100%;
  margin: 0.5rem;
}
#signalArticleDetail-page .public-signal-btn {
  position: absolute;
  width: 100%;
  margin: 0.5rem;
}
#shareIndex-page .bar-nav ~ .content {
  top: 0rem;
}
#shareIndex-page .list-container {
  border-top: 0px;
  border-bottom: 0px;
}
#shareIndex-page .knowledge-li {
  border-bottom: 1px solid #F4F4F4;
}
#shareIndex-page .div-position {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #a29f9f;
}
#shareIndex-page .tag-div-share {
  display: flex;
}
#shareIndex-page .big-shot {
  width: 30%;
}
#shareIndex-page .big-title {
  background-image: url("../img/dist/right.png");
  border-bottom: none;
  background-size: 0.4rem;
}
#shareIndex-page .span-font {
  font-size: 0.8rem;
  font-weight: bold;
}
#shareIndex-page .big-shot-head-img {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 3.5rem;
  margin-bottom: 0.5rem;
}
#shareIndex-page .card-inner {
  display: flex;
  justify-content: space-around;
}
#shareIndex-page .card-margin0 {
  margin: 0rem;
  box-shadow: none;
}
#shareIndex-page .card-wrapper {
  background: transparent;
}
#shareIndex-page .card-background {
  background-image: url('../img/dist/shareIndexGuest.png');
  height: 100%;
}
#shareIndex-page .card-guest-heard {
  margin: 0rem 0.75rem 1rem 0.75rem;
  min-height: 206px;
  padding-top: 1rem;
}
#shareIndex-page .guest-head-card-list {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
}
#shareIndex-page .color-FF690F {
  color: #FF690F;
}
#shareIndex-page .color-639ECB {
  color: #639ECB;
}
#shareIndex-page .title-img {
  width: 1rem;
}
#shareIndex-page .img-guest-head {
  width: 12rem;
  margin-left: 13%;
}
#shareIndex-page .color-b4 {
  color: #B4B4B4;
}
#shareIndex-page .color-FF {
  color: #FFFFFF;
}
#shareIndex-page #guestCard {
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  min-height: 129px;
}
#shareIndex-page .swiper-wrapper {
  height: 74px;
}
#shareIndex-page .div-title-row {
  width: 100%;
}
#shareIndex-page .div-title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 0.9rem;
  font-weight: bold!important;
}
#shareIndex-page .div-tag {
  margin-right: 0.5rem;
  font-size: 0.6rem;
  margin-top: 0.2rem;
}
#shareIndex-page .div-tag-color-red {
  color: #ffa886;
}
#shareIndex-page .div-tag-color-blue {
  color: #639ECB;
}
#shareIndex-page .article-lst-img {
  width: 4rem;
  height: 4rem;
  padding: 0.5rem;
  background-color: #FFFFFF;
  border: none;
}
#shareIndex-page .sub-title-my {
  font-size: 0.7rem;
  color: #818181;
  min-height: 1rem;
}
#shareIndex-page .up-read-num-img {
  width: 0.6rem;
}
#shareIndex-page .read-num {
  font-size: 0.6rem;
  width: 25%;
  color: #CDCDC1;
  line-height: 2;
  margin-right: 0.5rem;
  margin-left: 0.1rem;
}
#shareIndex-page .up-num {
  font-size: 0.6rem;
  width: 25%;
  color: #CDCDC1;
  line-height: 2;
}
#shareIndex-page .up-span {
  float: right;
}
#shareIndex-page .read-span {
  padding-left: 0.5rem;
}
#shareIndex-page .tag-img {
  height: 0.6rem;
  margin-right: 0.1rem;
}
#shareIndex-page .div-subtitle {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #CDCDC1;
  margin-bottom: 0.3rem;
}
#shareIndex-page .subtitle-read-num {
  margin-right: 0rem;
}
#shareIndex-page .subtitle-datetime {
  margin-right: 0.75rem;
}
#shareIndex-page .unable_line {
  border-bottom: 0rem;
}
#shareIndex-page .list-head-margin-top0 {
  margin-top: 0rem;
  padding-bottom: 1rem;
}
#shareIndex-page .public-signal-img {
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}
#shareIndex-page .public-signal-head {
  width: 100%;
  box-shadow: 0 0 1rem #dddddd;
  margin-top: 0.5rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  background-color: #FFFFFF;
  border-radius: 5px;
}
#shareIndex-page .swiper-slide {
  width: 62.4%;
}
#shareIndex-page .my-swiper {
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}
#shareIndex-page .ul-unline {
  border: none;
}
#shareIndex-page .color-F8 {
  background-color: #F8F8F8;
}
#shareIndex-page .public-siganl-subtitle {
  margin-top: 0.5rem;
  color: #818181;
}
#shareIndex-page .public-siganl-title {
  font-size: 0.9rem;
  font-weight: bold;
}
#shareIndex-page .list-block {
  background: #fff;
}
#shareIndex-page .list-title {
  background: transparent;
}
#shareIndexS-page {
  background: #F6F6F6;
}
#shareIndexS-page p {
  margin: 0;
}
#shareIndexS-page .know-list-container .know-title {
  padding: 0.63888889rem 0 0 0.55555556rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #414141;
}
#shareIndexS-page .know-list-container .list-block {
  border-radius: 0.27777778rem;
}
#shareIndexS-page .div-tag-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#shareIndexS-page .talker-title-container {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0.47222222rem 0.61111111rem 0.55555556rem;
}
#shareIndexS-page .talker-title-container .left {
  display: flex;
  align-items: center;
}
#shareIndexS-page .talker-title-container .left .talk-title {
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #414141;
}
#shareIndexS-page .talker-title-container .left .talk-desc {
  font-size: 0.61111111rem;
  margin-left: 0.27777778rem;
  font-weight: bold;
  color: #818181;
}
#shareIndexS-page .talker-title-container .right {
  font-size: 0.66666667rem;
  font-weight: bold;
  color: #178AEC;
}
#shareIndexS-page .bar-nav ~ .content {
  top: -0.5rem;
}
#shareIndexS-page .list-container {
  border-top: 0px;
  border-bottom: 0px;
}
#shareIndexS-page .list-container .item-media {
  padding: 0;
}
#shareIndexS-page .masterItem {
  margin: 0 0.6rem;
  width: 3.25rem;
}
#shareIndexS-page .knowledge-li {
  border-bottom: 1px solid #F4F4F4;
}
#shareIndexS-page .div-position {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #999999;
  font-size: 0.61rem;
  width: 3.25rem;
}
#shareIndexS-page .tag-div-share {
  display: flex;
  margin-top: 0.27777778rem;
  align-items: center;
}
#shareIndexS-page .tag-div-share .any-container {
  margin-right: 0.83333333rem;
  display: flex;
  align-items: center;
}
#shareIndexS-page .tag-div-share .any-container .up-read-num-img {
  display: block;
  height: 0.61111111rem;
}
#shareIndexS-page .tag-div-share .any-container .up-read-num-img-1 {
  display: block;
  height: 0.66666667rem;
}
#shareIndexS-page .tag-div-share .any-container span {
  font-size: 0.83333333rem;
  font-weight: 400;
  color: #A4A4A4;
  margin-left: 0.19444444rem;
}
#shareIndexS-page .big-shot {
  width: 30%;
}
#shareIndexS-page .big-title {
  background-image: url("../img/dist/right.png");
  border-bottom: none;
  background-size: 0.4rem;
}
#shareIndexS-page .span-font {
  font-size: 0.8rem;
  font-weight: bold;
}
#shareIndexS-page .big-shot-head-img {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 3.5rem;
  margin-bottom: 0.5rem;
}
#shareIndexS-page .card-inner {
  display: flex;
  justify-content: space-around;
}
#shareIndexS-page .card-margin0 {
  margin: 0rem;
  box-shadow: none;
}
#shareIndexS-page .card-wrapper {
  background: transparent;
}
#shareIndexS-page .card-background {
  margin: 0.47222222rem 0.55555556rem;
}
#shareIndexS-page #column {
  width: 100%;
  height: 9.5rem;
  padding-bottom: 0;
}
#shareIndexS-page .guest-head-card-list {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
}
#shareIndexS-page .title-img {
  width: 1rem;
}
#shareIndexS-page .card-guest-heard {
  background: #fff;
  border-radius: 0.27777778rem;
}
#shareIndexS-page .card-guest-heard .item-content {
  padding-left: 0rem;
}
#shareIndexS-page .column-title {
  background: #fff;
}
#shareIndexS-page .img-guest-head {
  width: 12rem;
  margin-left: 13%;
}
#shareIndexS-page .color-b4 {
  color: #B4B4B4;
}
#shareIndexS-page .color-FF {
  color: #999999;
  font-size: 0.61rem;
  margin-left: 0.72rem;
}
#shareIndexS-page #guestCard {
  min-height: 129px;
}
#shareIndexS-page .div-title-row {
  width: 100%;
}
#shareIndexS-page .desc-container {
  height: 3.22222222rem;
}
#shareIndexS-page .div-title {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.83rem;
  font-size: 0.77777778rem;
  font-weight: 500;
  color: #414141;
  line-height: 1rem;
}
#shareIndexS-page .pre-img-div2 {
  border: 0 none;
  outline: 0 none;
}
#shareIndexS-page .div-tag {
  margin-right: 0.63888889rem;
  font-size: 0.61111111rem;
  color: #ff7b0f;
  max-width: 4.16666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  min-width: 2.33333333rem;
}
#shareIndexS-page .tag-div {
  margin-right: 0.63888889rem;
  font-size: 0.61111111rem;
  color: #ff7b0f;
  max-width: 4.16666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  min-width: 2.33333333rem;
}
#shareIndexS-page .article-lst-img {
  width: 4.167rem;
  height: 4.167rem;
  border-radius: 4px;
}
#shareIndexS-page .sub-title-my {
  font-size: 0.66666667rem;
  color: #A4A4A4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.16666667rem;
  font-weight: 400;
  font-family: Source Han Sans CN, sans-serif;
}
#shareIndexS-page .up-read-num-img {
  height: 0.61rem;
  line-height: 0.61rem;
  vertical-align: middle;
  display: inline-block;
}
#shareIndexS-page .read-num {
  font-size: 0.61rem;
  color: #B3B3B3;
  margin-right: 0.5rem;
  margin-left: 0.22rem;
  display: flex;
  align-items: center;
}
#shareIndexS-page .up-num {
  display: flex;
  align-items: center;
  font-size: 0.61rem;
  color: #B3B3B3;
}
#shareIndexS-page .up-span {
  float: right;
}
#shareIndexS-page .list-container li {
  padding: 0 0.278rem 0 0.83rem;
}
#shareIndexS-page .list-container li .item-content {
  padding: 1.16666667rem 0 0.63888889rem;
  border-bottom: 1px solid #f6f6f6;
  border-collapse: collapse;
}
#shareIndexS-page .list-container li:nth-child(1) div.item-content {
  padding-top: 0.41666667rem;
}
#shareIndexS-page .list-container .item-media + .item-inner {
  margin-left: 0.6944rem;
  padding-top: 0;
}
#shareIndexS-page .pre-img-div2 {
  background: transparent;
  border-color: transparent;
}
#shareIndexS-page .list-block .item-inner {
  padding-right: 0rem;
}
#shareIndexS-page .read-span {
  padding-left: 0.5rem;
}
#shareIndexS-page .tag-img {
  height: 0.61rem;
  margin-right: 0.22rem;
  display: inline-block;
  vertical-align: middle;
}
#shareIndexS-page .div-subtitle {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #CDCDC1;
  margin-bottom: 0.3rem;
}
#shareIndexS-page .subtitle-read-num {
  margin-right: 0rem;
}
#shareIndexS-page .subtitle-datetime {
  margin-right: 0.75rem;
}
#shareIndexS-page .unable_line {
  border-bottom: 0rem;
}
#shareIndexS-page .list-head-margin-top0 {
  margin-top: 0rem;
  padding-bottom: 0;
}
#shareIndexS-page .public-signal-img {
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}
#shareIndexS-page .public-signal-img2 {
  width: 100%;
  height: 100%;
  border-radius: 0.27777778rem;
}
#shareIndexS-page h4 {
  margin: 0;
  padding: 0;
  color: #1A1A1A;
  font-size: 0.83rem;
  font-weight: 600;
  padding-left: 0.83rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-family: Source Han Sans CN, sans-serif;
}
#shareIndexS-page .public-signal-head {
  margin-top: 0.5rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}
#shareIndexS-page #guest {
  min-height: 8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#shareIndexS-page #guestCard {
  height: 100%;
  position: relative;
  margin-left: 0.75rem;
}
#shareIndexS-page #guestLoading {
  display: none;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  z-index: 2;
  background: url('../img/dist/imgloading.gif') no-repeat center;
  background-size: 50%;
}
#shareIndexS-page .ul-unline {
  border: none;
}
#shareIndexS-page .color-F8 {
  background-color: #F8F8F8;
}
#shareIndexS-page .public-siganl-subtitle {
  margin-top: 0.5rem;
  color: #818181;
}
#shareIndexS-page .public-siganl-title {
  font-size: 0.9rem;
  font-weight: bold;
}
#shareIndexS-page .list-block {
  background: #fff;
  margin-bottom: 0;
}
#shareIndexS-page .list-block .item-inner {
  padding-bottom: 0;
}
#dailySelectionList-page {
  /* --------------------------------

Primary style

-------------------------------- */
  /* --------------------------------

  Modules - reusable parts of our design

  -------------------------------- */
  /* --------------------------------

  Main components

  -------------------------------- */
}
#dailySelectionList-page .my-pull-color {
  background-color: #EFEFF4;
}
#dailySelectionList-page .bar-nav ~ .content {
  top: 0rem;
}
#dailySelectionList-page html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#dailySelectionList-page h3 {
  font-size: 0.8rem;
}
#dailySelectionList-page *,
#dailySelectionList-page *:after,
#dailySelectionList-page *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#dailySelectionList-page body {
  font-size: 100%;
  color: #7f8c97;
  background-color: #e9f0f5;
}
#dailySelectionList-page img {
  max-width: 100%;
}
#dailySelectionList-page .cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
#dailySelectionList-page .cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#dailySelectionList-page #cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 1em;
  margin-bottom: 0em;
  padding-top: 0rem;
}
#dailySelectionList-page #cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 1rem;
  height: 100%;
  width: 0.1rem;
  background: #91D0F0;
}
@media only screen and (min-width: 1170px) {
  #dailySelectionList-page #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #dailySelectionList-page #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
#dailySelectionList-page .card-daily {
  height: 74px;
  margin: 0rem;
  box-shadow: none;
  border-bottom: 0.01rem solid #DFDFDF;
}
#dailySelectionList-page .cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
#dailySelectionList-page .cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
#dailySelectionList-page .cd-timeline-block:first-child {
  margin-top: 0;
}
#dailySelectionList-page .cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  #dailySelectionList-page .cd-timeline-block {
    margin: 4em 0;
  }
  #dailySelectionList-page .cd-timeline-block:first-child {
    margin-top: 0;
  }
  #dailySelectionList-page .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
#dailySelectionList-page .cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.08rem;
}
#dailySelectionList-page .cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 49.5%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
#dailySelectionList-page .cd-timeline-img.cd-movie {
  background: #c03b44;
}
#dailySelectionList-page .cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  #dailySelectionList-page .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  #dailySelectionList-page .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  #dailySelectionList-page .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}
#dailySelectionList-page .cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 0 1rem #dddddd;
}
#dailySelectionList-page .cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
#dailySelectionList-page .cd-timeline-content h2 {
  color: #303e49;
}
#dailySelectionList-page .cd-timeline-content .cd-read-more,
#dailySelectionList-page .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
#dailySelectionList-page .cd-timeline-content .cd-read-more,
#dailySelectionList-page .cd-timeline-content .cd-date {
  display: inline-block;
}
#dailySelectionList-page .cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
#dailySelectionList-page .cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
#dailySelectionList-page .no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
#dailySelectionList-page a.cd-read-more:hover {
  text-decoration: none;
  background-color: #424242;
}
#dailySelectionList-page .cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
@media only screen and (min-width: 768px) {
  #dailySelectionList-page .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #dailySelectionList-page .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  #dailySelectionList-page .cd-timeline-content .cd-read-more,
  #dailySelectionList-page .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  #dailySelectionList-page .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  #dailySelectionList-page .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  #dailySelectionList-page .cd-timeline-content .cd-read-more {
    float: left;
  }
  #dailySelectionList-page .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  #dailySelectionList-page .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  #dailySelectionList-page .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  #dailySelectionList-page .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  #dailySelectionList-page .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  #dailySelectionList-page .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  #dailySelectionList-page .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 1170px) {
  #dailySelectionList-page {
    /* inverse bounce effect on even content blocks */
  }
  #dailySelectionList-page .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
#dailySelectionList-page .day-tag {
  text-align: center;
  width: 80%;
  margin-top: 0.2rem;
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
  height: 1.39rem;
  line-height: 1.39rem;
}
#dailySelectionList-page .today-tag {
  color: #FFFFFF;
  background-color: #94CBE1;
}
#dailySelectionList-page .day-div-img {
  max-height: 35%;
  min-height: 35%;
  position: relative;
  display: none;
}
#dailySelectionList-page .today-div-img {
  display: block;
}
#dailySelectionList-page .today-img {
  position: absolute;
  bottom: 0rem;
  right: 0.6rem;
}
#dailySelectionList-page .day-card {
  display: flex;
  height: 74px;
  justify-content: space-between;
  background-color: #FFEED3;
}
#dailySelectionList-page .time-div {
  height: 1rem;
}
#dailySelectionList-page .time-span {
  margin-left: 2rem;
}
#dailySelectionList-page .content-daily {
  background-color: #F8F8F8;
}
#dailySelectionList-page .time-line-content {
  margin-left: 25px;
  margin-top: 0.3rem;
  border-top-width: 0rem;
  padding-top: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
#dailySelectionList-page .time-line-h2 {
  border-bottom: 1px solid #F4F4F4;
  margin-left: 0rem;
  margin-top: 0rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#dailySelectionList-page .time-line-section {
  margin-top: 0;
  padding-top: 0rem;
  margin-bottom: 0rem;
}
#dailySelectionList-page .type-span {
  margin-left: 0.91rem;
  margin-top: 0.91rem;
  font-weight: initial;
  font-size: 0.9rem;
}
#dailySelectionList-page .type-span-color-FD5353 {
  color: #FD5353;
}
#dailySelectionList-page .type-span-color-F46527 {
  color: #F46527;
}
#dailySelectionList-page .type-span-color-24A50B {
  color: #24A50B;
}
#dailySelectionList-page .type-span-color-447DFD {
  color: #447DFD;
}
#dailySelectionList-page .type-span-img {
  margin-right: 0.5rem;
  width: 1rem;
  vertical-align: sub;
}
#dailySelectionList-page .guest-span {
  float: right;
  font-size: 0.8rem;
  padding-top: 0.8rem;
  color: #D9D9D9;
  padding-right: 0.5rem;
}
#dailySelectionList-page .content-title-div {
  margin: 1rem;
}
#dailySelectionList-page .content-img {
  width: 45%;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
#dailySelectionList-page .content-p {
  margin-bottom: 5px;
  color: #999999;
  font-size: 0.7rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#dailySelectionList-page .content-cp-p {
  min-height: 5rem;
}
#dailySelectionList-page .no-content {
  margin-top: 10rem;
  color: #999999;
}
#dailySelectionList-page .read-all-a {
  float: right;
  margin-bottom: 1rem;
}
#message-page .list-border-1px {
  border-bottom: 0.05rem solid #e7e7e7;
}
#message-page .inner-line-none {
  border-bottom: 0rem;
}
#message-page .card-margin0 {
  margin: 0rem;
}
#message-page .subtitle-margin {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#message-page .msg-list-img {
  width: 2rem;
}
#message-page .sender-title {
  font-weight: bold !important;
}
#message-page .circle-red {
  height: .6rem;
  width: .75rem;
  background: #F26F42;
  border-radius: .3rem;
  margin-right: .8rem;
}
#messageUtil-page .message-util {
  margin: 1rem;
}
#guestIndex-page {
  background: #fff;
}
#guestIndex-page .list-block ul {
  border: 0 none;
}
#guestIndex-page .inners {
  height: 0.56rem;
  width: 100%;
  background: #f8f8f8;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
}
#guestIndex-page ul.list-container li {
  padding: 0 0.27777778rem 0 0.5rem;
}
#guestIndex-page ul.list-container li div.item-content {
  padding: 0.75rem 0 0.63888889rem 0;
  border-bottom: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#guestIndex-page ul.list-container li div.item-content .item-inner {
  border-bottom: 0 none;
}
#guestIndex-page .list-block.media-list .item-media {
  padding: 0;
}
#guestIndex-page .div-position {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#guestIndex-page .guest-head {
  width: 96%;
  background: #FFFFFF;
  box-shadow: 0 0 0.27777778rem 0 rgba(195, 195, 195, 0.3);
  border-radius: 0.55555556rem;
  margin: 0.47222222rem auto;
}
#guestIndex-page .guest-head .tag-div-share {
  display: flex;
  margin: 0.5rem 0 0 0.44444444rem;
  padding-bottom: 1.16666667rem;
  align-items: center;
}
#guestIndex-page .guest-head .tag-div-share .any-container {
  margin-right: 0.83333333rem;
  display: flex;
  align-items: center;
}
#guestIndex-page .guest-head .tag-div-share .any-container .up-read-num-img {
  display: block;
  height: 0.61111111rem;
}
#guestIndex-page .guest-head .tag-div-share .any-container .up-read-num-img-1 {
  display: block;
  height: 0.66666667rem;
}
#guestIndex-page .guest-head .tag-div-share .any-container span {
  font-size: 0.83333333rem;
  font-weight: 400;
  color: #A4A4A4;
  margin-left: 0.19444444rem;
}
#guestIndex-page .guest-head .guest-head-container {
  display: flex;
  padding: 0.80555556rem 0 0 0.25rem;
}
#guestIndex-page .guest-head .guest-head-container .img-card img {
  width: 3.05555556rem;
  height: 3.05555556rem;
  display: block;
  border-radius: 50%;
}
#guestIndex-page .guest-head .guest-head-container .master-container {
  margin-left: 0.30555556rem;
  padding-bottom: 1rem;
}
#guestIndex-page .guest-head .guest-head-container .master-container .masterName {
  margin-top: 0.58333333rem;
  font-size: 1.16666667rem;
  font-weight: 500;
  color: #414141;
  line-height: 1;
}
#guestIndex-page .guest-head .guest-head-container .master-container .masterDes {
  margin-top: 0.38888889rem;
  font-size: 0.77777778rem;
  font-weight: 500;
  color: #A4A4A4;
  line-height: 1;
}
#guestIndex-page .tag-div-share {
  display: flex;
  margin-top: 0.27777778rem;
  align-items: center;
}
#guestIndex-page .list-block.media-list .item-inner {
  padding: 0;
}
#guestIndex-page .list-block .item-media + .item-inner {
  margin-left: 0.83rem;
}
#guestIndex-page .div-title-row {
  width: 100%;
}
#guestIndex-page .desc-container {
  height: 3.22222222rem;
}
#guestIndex-page .div-title {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.83rem;
  font-size: 0.77777778rem;
  font-weight: 500;
  color: #414141;
  line-height: 1rem;
}
#guestIndex-page .div-tag {
  margin-right: 0.63888889rem;
  font-size: 0.61111111rem;
  color: #ff7b0f;
  max-width: 4.16666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
}
#guestIndex-page .article-lst-img {
  width: 4.16666667rem;
  height: 4.16666667rem;
  border-radius: 0.27777778rem;
  display: block;
}
#guestIndex-page .tag-img {
  height: 0.61rem;
  margin-right: 0.22rem;
  vertical-align: middle;
  display: inline-block;
}
#guestIndex-page .div-subtitle {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #CDCDC1;
  margin-bottom: 0.3rem;
}
#guestIndex-page .subtitle-read-num {
  margin-right: 1rem;
}
#guestIndex-page .subtitle-datetime {
  float: right;
  margin-right: 0.75rem;
}
#guestIndex-page .sub-title-my {
  font-size: 0.72rem;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 0.72224rem;
  line-height: 0.72224rem;
  margin-top: 0.44rem;
  font-weight: 400;
  font-family: Source Han Sans CN, sans-serif;
}
#guestIndex-page .up-read-num-img {
  height: 0.61rem;
  line-height: 0.61rem;
  vertical-align: middle;
  display: inline-block;
}
#guestIndex-page .read-num {
  font-size: 0.61rem;
  color: #B3B3B3;
  margin-right: 0.5rem;
  margin-left: 0.22rem;
  display: flex;
  align-items: center;
}
#guestIndex-page .up-num {
  display: flex;
  align-items: center;
  font-size: 0.61rem;
  color: #B3B3B3;
}
#guestIndex-page .unable_line {
  border-bottom: 0rem;
}
#guestIndex-page .list-head-margin-top0 {
  margin-top: 0rem;
}
#guestIndex-page .public-signal-img {
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}
#guestIndex-page .public-signal-head {
  width: 90%;
  box-shadow: 0 0 1rem #dddddd;
  margin-top: 1rem;
}
#guestIndex-page .color-F8 {
  background-color: #F8F8F8;
}
#guestIndex-page .public-siganl-subtitle {
  margin-top: 0.5rem;
  color: #818181;
}
#guestIndex-page .public-siganl-title {
  font-size: 0.9rem;
  font-weight: bold;
}
#guestIndex-page .card {
  box-shadow: none;
}
#guestIndex-page .guest-card {
  margin: 0rem;
  background-color: #FFF;
}
#guestIndex-page .guest-card .item-content-p {
  padding-left: 0.833333rem;
}
#guestIndex-page .guest-card .item-title-refresh {
  font-size: .888889rem;
}
#guestIndex-page .guest-card .item-subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-top: 0.5rem;
  color: #666666;
  font-size: 0.72rem;
}
#signalArticleList-page .card-margin0 {
  margin: 0rem;
}
#signalArticleList-page .my-title {
  width: 60%;
  font-weight: bold!important;
}
#signalArticleList-page .up-read-num-img {
  width: 0.6rem;
}
#signalArticleList-page .read-num {
  font-size: 0.6rem;
  width: 16%;
  color: #CDCDC1;
  line-height: 2;
  margin-left: 0.1rem;
}
#signalArticleList-page .up-num {
  font-size: 0.6rem;
  width: 16%;
  color: #CDCDC1;
  line-height: 2;
}
#signalArticleList-page .div-subtitle {
  color: #CDCDC1;
  margin-top: 0.2rem;
}
#signalArticleList-page .subtitle-read-num {
  margin-right: 0rem;
}
#signalArticleList-page .subtitle-datetime {
  margin-right: 0.75rem;
}
#signalArticleList-page .content-img-all-list {
  width: 4rem;
  height: 4rem;
  border-radius: 3.5rem;
}
#signalArticleList-page .my-search-color {
  background-color: #FFFFFF;
}
#signalArticleList-page .card-boxShadow {
  box-shadow: none;
}
#signalArticleList-page .list-border {
  border-bottom: none;
}
#publicBenefitList-page #publicBenefit {
  background: #fff;
  height: 100%;
}
#publicBenefitList-page .pageEnd {
  background: transparent;
}
#publicBenefitList-page *,
#publicBenefitList-page *:after,
#publicBenefitList-page *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#publicBenefitList-page .cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin-left: 0.6rem;
}
#publicBenefitList-page .cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#publicBenefitList-page #cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 1em;
  margin-bottom: 0em;
  padding-top: 0rem;
}
#publicBenefitList-page .cd-timeline-block-line::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 1.5rem;
  height: 100%;
  width: 0.1rem;
  background: #91D0F0;
}
@media only screen and (min-width: 1170px) {
  #publicBenefitList-page #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #publicBenefitList-page #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
#publicBenefitList-page .cd-timeline-block {
  position: relative;
  /*margin: 2em 0;*/
  padding-bottom: 1rem;
}
#publicBenefitList-page .cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
#publicBenefitList-page .cd-timeline-block:first-child {
  margin-top: 0;
}
#publicBenefitList-page .cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  #publicBenefitList-page .cd-timeline-block {
    margin: 4em 0;
  }
  #publicBenefitList-page .cd-timeline-block:first-child {
    margin-top: 0;
  }
  #publicBenefitList-page .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
#publicBenefitList-page .cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.08rem;
}
#publicBenefitList-page .cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 40%;
  top: 50%;
  /*margin-left: -12px;*/
  margin-top: 0px;
}
#publicBenefitList-page .cd-timeline-img.cd-movie {
  background: #c03b44;
}
#publicBenefitList-page .cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  #publicBenefitList-page .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  #publicBenefitList-page .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  #publicBenefitList-page .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}
#publicBenefitList-page .cd-timeline-content {
  position: relative;
  margin-left: 40px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  /* box-shadow: 0 0 1rem #dddddd;*/
}
#publicBenefitList-page .cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  #publicBenefitList-page .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #publicBenefitList-page .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  #publicBenefitList-page .cd-timeline-content .cd-read-more,
  #publicBenefitList-page .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  #publicBenefitList-page .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  #publicBenefitList-page .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  #publicBenefitList-page .cd-timeline-content .cd-read-more {
    float: left;
  }
  #publicBenefitList-page .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  #publicBenefitList-page .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  #publicBenefitList-page .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  #publicBenefitList-page .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  #publicBenefitList-page .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  #publicBenefitList-page .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  #publicBenefitList-page .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 1170px) {
  #publicBenefitList-page {
    /* inverse bounce effect on even content blocks */
  }
  #publicBenefitList-page .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
#publicBenefitList-page .time-line-content {
  /*margin-left: 25px;*/
  margin-top: 0.6rem;
  border-top-width: 0rem;
  padding-top: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
#publicBenefitList-page .time-line-section {
  margin-top: 0;
  padding-top: 0rem;
  margin-bottom: 0rem;
}
#publicBenefitList-page .time-span {
  margin-left: 48px;
  color: #dddddd;
  font-size: 17px;
}
#publicBenefitList-page .thumbnailUrl-img {
  height: 3rem;
  width: 3rem;
  padding: .3rem;
}
#publicBenefitList-page .card-content-description {
  box-shadow: none;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#publicBenefitList-page .item-content-img {
  padding-left: 0px;
}
#publicBenefitList-page .card-boxShadow {
  box-shadow: none;
}
#publicBenefitList-page .year-style {
  margin-bottom: 0.3rem;
  margin-left: 3.6%;
  color: #f26f42;
  font-weight: bold;
  font-size: 19px;
}
#honorWallList-page {
  position: relative;
  background: #fff;
  /*mixin����*/
  /*rem������������*/
}
#honorWallList-page .hidden {
  display: none;
}
#honorWallList-page .honor-top {
  position: absolute;
  top: 157px;
  right: 0;
  width: 84px;
  height: 186px;
  background: url(../img/honor-top.png) no-repeat center;
  background-size: cover;
}
#honorWallList-page .honor-bottom {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 84px;
  height: 186px;
  background: url("../img/honor-bottom.png") no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 320px) {
  #honorWallList-page html {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  #honorWallList-page html {
    font-size: 18px;
  }
}
@media screen and (min-width: 375px) {
  #honorWallList-page html {
    font-size: 18.75px;
  }
}
@media screen and (min-width: 384px) {
  #honorWallList-page html {
    font-size: 19.2px;
  }
}
@media screen and (min-width: 400px) {
  #honorWallList-page html {
    font-size: 20px;
  }
}
@media screen and (min-width: 414px) {
  #honorWallList-page html {
    font-size: 20.7px;
  }
}
@media screen and (min-width: 424px) {
  #honorWallList-page html {
    font-size: 21.2px;
  }
}
@media screen and (min-width: 480px) {
  #honorWallList-page html {
    font-size: 24px;
  }
}
@media screen and (min-width: 540px) {
  #honorWallList-page html {
    font-size: 27px;
  }
}
@media screen and (min-width: 720px) {
  #honorWallList-page html {
    font-size: 36px;
  }
}
@media screen and (min-width: 750px) {
  #honorWallList-page html {
    font-size: 37.5px;
  }
}
@media screen and (min-width: 1080px) {
  #honorWallList-page html {
    font-size: 54px;
  }
}
#honorWallList-page * {
  margin: 0;
  padding: 0;
}
#honorWallList-page #honorWall {
  background: transparent;
  height: auto;
}
#honorWallList-page #honorWall #cd-timeline {
  width: 86.8%;
  height: 8rem;
  margin-left: 3.6%;
}
#honorWallList-page #honorWall #cd-timeline .year-style {
  margin-top: 0.69333333rem;
  width: 108%;
}
#honorWallList-page #honorWall #cd-timeline .year-style span {
  display: block;
  position: relative;
  z-index: 3;
  height: 1.4rem;
  line-height: 1.4rem;
  color: #000;
  width: 80%;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
}
#honorWallList-page #honorWall #cd-timeline .year-style span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -40%;
  width: 80%;
  height: 100%;
  background: url(../img/title.png) no-repeat center;
  background-size: 100%;
  background-position: center;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block {
  width: 100%;
  font-size: 0;
  margin-top: 0.45333333rem;
  padding-bottom: 1.33333333rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-img {
  display: inline-block;
  width: 1.01333333rem;
  height: 1.01333333rem;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  margin-right: 0.61333333rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-img img {
  width: 1.01333333rem;
  height: 1.01333333rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-time {
  display: inline-block;
  vertical-align: middle;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-time .time-span {
  color: #898989;
  font-size: 0.90666667rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content {
  margin-left: 1.94666667rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card {
  box-shadow: none ;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content {
  margin-top: 0.69333333rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .card-content-description {
  padding-left: 0.16rem;
  font-size: 0.8rem;
  color: #000;
  padding-right: 0px;
  margin-bottom: .5rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .card-content-description .pre-img-div {
  width: 100%;
  height: 160px;
  border: 0 none;
  outline: 0 none;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div {
  margin-top: 0.53333333rem;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content {
  height: 3rem;
  line-height: 3rem;
  background-color: #ececec;
  box-sizing: border-box;
  min-height: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-media {
  width: 100%;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-media .item-inner {
  overflow: visible;
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.45rem;
  -webkit-align-self: stretch;
  align-self: stretch;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-media .item-inner .item-title {
  overflow: visible;
  text-overflow: inherit;
  webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  position: relative;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-media .thumbnailUrl-img {
  width: 3rem;
  height: 3rem;
  padding: .3rem;
  background-color: #ececec;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-inner {
  margin-left: 0.72rem;
  font-size: 0;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block .cd-timeline-content .card .card-content .content-div .item-content .item-inner .item-title-row .item-title {
  height: 3rem;
  line-height: 3rem;
  font-size: 0.8rem;
  color: #000;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block-line {
  position: relative;
}
#honorWallList-page #honorWall #cd-timeline .cd-timeline-block-line::before {
  content: '';
  position: absolute;
  top: 0.93333333rem;
  left: 0.50666667rem;
  height: 100%;
  width: 0.08rem;
  background: #91D0F0;
}
#honorWallList-page #honorWall #cd-timeline .last-timeline-block:before {
  display: none;
}
#publicNumA-page .content {
  padding-bottom: 3.5rem;
  background: #f8f8f8;
}
#publicNumA-page .content-img {
  width: 100%;
  height: auto;
  border: 0;
  outline: 0;
  display: block;
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#publicNumA-page div#btn {
  width: 0.833rem;
  height: 0.833rem;
  background: url(../img/h5_r.png) no-repeat;
  background-size: cover;
  float: right;
  margin-right: 1.5rem;
  position: relative;
  z-index: 3;
  -webkit-animation: flash 2s -1.3s linear infinite;
}
#publicNumA-page h3 {
  width: 230px;
  margin: 0 auto;
  text-align: center;
  background: url("../img/h5_t.png") no-repeat center;
  background-size: contain;
  font-size: 1.15rem;
  margin-bottom: 1.12rem;
}
#publicNumA-page .list {
  margin: 0 0.75rem 0.75rem 0.75rem;
  box-shadow: 0 0 .5rem #e9e4d4;
  border-radius: 5px;
  padding: 0.8rem;
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#publicNumA-page .list:after {
  content: '';
  width: 7rem;
  height: 7rem;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  border: 0.9rem solid #fffBCA;
  bottom: -2rem;
  right: -2.5rem;
  z-index: -1;
}
#publicNumA-page .list h4 {
  text-align: center;
  background: url("../img/h5_list2.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  color: #333333;
  font-size: 1rem;
  margin: 0;
  float: left;
  padding: 0 20px 0 10px;
}
#publicNumA-page .list h4.list1 {
  background: url("../img/h5_list.png") no-repeat center;
  background-size: contain;
  padding: 0 10px 0 20px;
  float: right;
}
#publicNumA-page .list p {
  padding-top: 1.5rem;
  margin: 0;
  font-size: 0.79rem;
  text-align: justify;
  color: #333333;
}
#publicNumA-page .list img {
  height: 7.5rem;
  margin-top: -1.7rem;
  margin-left: -5px;
  padding-right: 1rem;
}
#publicNumA-page .list img.list1-img {
  margin-left: auto;
  padding-right: 0;
  padding-left: 1rem;
  margin-right: -6px;
}
#publicNumA-page .listL:after {
  right: auto;
  bottom: -1rem;
  left: -1rem;
  border-color: #ffe6d7;
}
#publicNumA-page .footer {
  position: fixed;
  bottom: 0;
  z-index: 3;
  text-align: center;
  width: 100%;
  padding: .6rem 1.5rem;
  background: #fff;
  border-top: 0.05555556rem solid #eeeeee;
}
#publicNumA-page .footer button {
  outline: 0 none;
  border: 0 none;
  padding: .556rem 2.23rem;
  color: #fff;
  background: #ec966a;
  border-radius: 5px;
  margin-right: .5rem;
}
#publicNumA-page .footer button#share {
  color: #ec966a;
  background: #fff;
  margin-right: 0;
  border: 0.05555556rem solid #ec966a;
}
#publicNumA-page .mask {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.8);
}
#publicNumA-page .mask .mask-content {
  height: 13rem;
  width: 100%;
  display: block;
  margin: 30px auto;
  background: url("../img/h5_mask.png") no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 1.3rem;
  position: relative;
}
#publicNumA-page .mask #ok {
  width: 130px;
  height: 60px;
  display: block;
  background: url("../img/h5_close.png") no-repeat center;
  background-size: contain;
  outline: 0 none;
  border: 0 none;
  margin: 0 auto;
}
@media only screen and (width: 320px) {
  #publicNumA-page .footer button {
    padding: .556rem 1.7rem;
  }
}
#robot-page {
  /*标题部分*/
  /*聊天内容部分*/
  /*机器人单条消息的格式*/
  /*用户单条消息的格式*/
  /*输入框与发送按钮*/
}
#robot-page .title-font-background {
  background: #FFFFFF;
  color: #000000 !important;
  font-size: 0.9rem;
  font-weight: bold;
}
#robot-page .back-font {
  font-size: 0.8rem;
}
#robot-page .title-height {
  height: 9%;
}
#robot-page .conversation {
  margin: 0;
  padding: 0 0 3.2rem;
  background: #f0f5f8;
}
#robot-page .conversation-list {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
#robot-page .conversation-image {
  width: 100%;
}
#robot-page .robot-avatar {
  width: 3.2rem;
  position: absolute;
  left: 0.4rem;
  top: 0.5rem;
  border-radius: 50%;
}
#robot-page .conversation-item-robot {
  width: 100%;
  margin-top: 0.8rem;
  position: relative;
  clear: both;
  float: left;
}
#robot-page .robot-nickname-time {
  position: absolute;
  top: 0.2rem;
  left: 4.9rem;
  color: #0062AD;
  font-size: 0.6rem;
  line-height: normal;
}
#robot-page .robot-item-content {
  max-width: 65%;
  display: inline-block;
  border-radius: 0.5rem;
  border: solid 0.01rem #E3E8EB;
  background: #E3E8EB;
  padding: 0.3rem;
  color: black;
  font-size: 0.9rem;
  margin-left: 4.5rem;
  word-wrap: break-word;
  float: left;
}
#robot-page .robot-item-bubble .robot-decisions {
  font-size: 0.8rem;
}
#robot-page .robot-image-content {
  max-width: 45%;
  display: inline-block;
  border-radius: 0.5rem;
  border: solid 0.01rem #E3E8EB;
  background: #E3E8EB;
  padding: 0.3rem;
  margin-left: 4.5rem;
  word-wrap: break-word;
  float: left;
  line-height: 0;
}
#robot-page .robot-triangle {
  left: 3.8rem;
  top: 1.7rem;
  border-bottom: 0.4rem solid #F0F5F8;
  border-top: 0.4rem solid #F0F5F8;
  border-right: 0.7rem solid #E3E8EB;
  position: absolute;
  display: inline-block;
}
#robot-page .answer-img {
  max-width: 100%;
}
#robot-page .unclick {
  cursor: pointer;
}
#robot-page .clicked,
#robot-page .decision-end {
  color: #999999;
  cursor: auto;
}
#robot-page .customer-avatar {
  width: 3.2rem;
  position: absolute;
  right: 0.4rem;
  top: 0.5rem;
  border-radius: 50%;
}
#robot-page .conversation-item-customer {
  width: 100%;
  margin-top: 0.8rem;
  position: relative;
  clear: both;
  float: right;
}
#robot-page .customer-nickname-time {
  position: absolute;
  top: 0.2rem;
  right: 4.9rem;
  color: #0062AD;
  font-size: 0.6rem;
  line-height: normal;
}
#robot-page .customer-item-content {
  max-width: 65%;
  display: inline-block;
  border-radius: 0.5rem;
  border: solid 0.01rem #0062AD;
  background: #0062AD;
  padding: 0.3rem;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-right: 4.5rem;
  word-wrap: break-word;
  float: right;
}
#robot-page .customer-image-content {
  max-width: 45%;
  display: inline-block;
  border-radius: 0.5rem;
  border: solid 0.01rem #0062AD;
  background: #0062AD;
  padding: 0.3rem;
  margin-right: 4.5rem;
  word-wrap: break-word;
  float: right;
  line-height: 0;
}
#robot-page .customer-triangle {
  right: 3.8rem;
  top: 1.7rem;
  border-bottom: 0.4rem solid #F0F5F8;
  border-top: 0.4rem solid #F0F5F8;
  border-left: 0.7rem solid #0062AD;
  position: absolute;
  display: inline-block;
}
#robot-page .talk {
  height: 3rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: solid .05rem #CCCCCC;
  background: #F4F4F6;
}
#robot-page .talk-content {
  width: 70%;
  border-radius: 0.25rem;
  height: 2rem;
  margin-left: 0.5rem;
  border: solid #d3d3d4 0.1rem;
  padding-left: 0.3rem;
  position: fixed;
  bottom: 0.5rem;
  word-wrap: break-word;
}
#robot-page .send-message {
  border-radius: .5rem;
  height: 2rem;
  width: 20%;
  position: fixed;
  bottom: 0.5rem;
  right: 3%;
  text-align: center;
  font-size: .9rem;
  font-weight: bold;
  background: #f26f42;
  color: #ffffff;
  border: none !important;
}
#robot-page .separated-line {
  margin-top: 1rem;
  border: dashed 0.01rem #CCCCCC;
  width: 100%;
  height: 0;
  float: left;
}
body {
  background: #f2f2f2;
}
body .page-group {
  background: transparent;
}
body .page-group .page {
  background: transparent;
}
#homeBH-page {
  margin: 0;
  padding: 0;
  /*头部轮播图*/
  /*中间产品图片*/
  /*底部列表选择区域*/
  /* 底部区域的边框问题 */
  /* 精选知识 */
  /* 精选知识end */
  /*底部文字start*/
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  #homeBH-page .my-img {
    height: 150px;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) {
  #homeBH-page .my-img {
    height: 168px;
  }
}
@media screen and (min-width: 375px) and (max-width: 385px) {
  #homeBH-page .my-img {
    height: 175px;
  }
}
@media screen and (min-width: 401px) and (max-width: 414px) {
  #homeBH-page .my-img {
    height: 193px;
  }
}
@media screen and (min-width: 750px) and (max-width: 799px) {
  #homeBH-page .my-img {
    height: 358px;
  }
}
#homeBH-page .news-header {
  height: 2rem;
  margin: 0;
  line-height: 2rem;
  font-size: 0.9rem;
  font-weight: bold;
  position: relative;
  background: #fff;
}
#homeBH-page .news-header p {
  width: 100%;
  text-align: center;
  top: -0.65rem;
  position: absolute;
  z-index: 3;
}
#homeBH-page .news-header:after {
  content: '';
  width: 50%;
  height: .56rem;
  background: #fce2d9;
  position: absolute;
  z-index: 2;
  bottom: 6px;
  left: 50%;
  margin-left: -25%;
  border-radius: .35rem;
}
#homeBH-page .vertical {
  height: 12%;
  margin-left: auto;
  margin-right: auto;
}
#homeBH-page .vertical-slide {
  text-align: center;
  font-size: 0.8rem;
  background: #fff;
  color: #999999;
}
#homeBH-page .bar-nav ~ .content {
  top: 0;
}
#homeBH-page .my-pull-color {
  background-color: #EFEFF4;
}
#homeBH-page .img-outer {
  transition-duration: 0ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-perspective: 3000;
  -webkit-backface-visibility: hidden;
}
#homeBH-page .swiper-top-img {
  width: 100%;
  height: 100%;
  transition-duration: 0ms;
}
#homeBH-page .img-point {
  position: relative;
  bottom: 1rem;
}
#homeBH-page .swiper-container {
  padding-bottom: 0;
  background: #fff;
  width: 100%;
}
#homeBH-page .top-img-size {
  width: 100%;
}
#homeBH-page .home-pre-img-div {
  background-size: 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
#homeBH-page #init-swiper {
  margin-left: 0%;
  margin-right: 0%;
  width: 100%;
}
#homeBH-page .grid-demo {
  height: 25%;
  margin: 0 1.5rem 1.5rem;
  box-shadow: 0 0 1rem #CCCCCC;
  border-radius: 0.5rem;
  overflow: hidden;
}
#homeBH-page .activity-part {
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
#homeBH-page .activity-title-outer {
  display: inline-block;
}
#homeBH-page .activity-img {
  width: 95%;
  margin-top: 8% ;
}
#homeBH-page .activity-part-top-left {
  border-bottom: solid 0.01rem #CCCCCC;
}
#homeBH-page .activity-part-top-right {
  border-bottom: solid 0.01rem #CCCCCC;
  border-left: solid 0.01rem #CCCCCC;
}
#homeBH-page .activity-part-bottom-right {
  border-left: solid 0.01rem #CCCCCC;
}
#homeBH-page .activity-title {
  margin: 0;
  font-size: .85rem;
  color: #999999;
}
#homeBH-page .card-inner {
  display: flex;
  justify-content: space-around;
  padding: 0 0 .8rem 0;
  background: #fff;
}
#homeBH-page .card_1 {
  padding: 0 3.2rem !important;
  padding-bottom: .8rem !important;
}
#homeBH-page .card_2 {
  padding: 0 1rem !important;
  padding-bottom: .8rem !important;
}
#homeBH-page .big-shot-head-img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}
#homeBH-page .div-position {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #a29f9f;
}
#homeBH-page .product-outer {
  padding: .3rem 1rem 1rem;
  line-height: 0;
  background: #fff;
}
#homeBH-page .product-size {
  width: 100%;
  height: 100%;
}
#homeBH-page .home_commonweal-img {
  position: absolute;
  right: 0rem;
  height: 3.8rem;
  bottom: 0rem;
}
#homeBH-page .health_record_steps-img {
  position: absolute;
  right: 0rem;
  height: 3.8rem;
  bottom: 0rem;
}
#homeBH-page .activity-marginSize {
  margin-top: 0;
}
#homeBH-page .home-list,
#homeBH-page .home-list tr,
#homeBH-page .home-list tr td {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.01rem solid #dddddd;
}
#homeBH-page .home-list-bottom {
  margin-bottom: 1rem;
  box-shadow: 0 1rem 0 #FFFFFF;
}
#homeBH-page .home-list-title {
  width: 100%;
  height: 2rem;
  margin: 0;
  line-height: 2rem;
  font-size: 0.9rem;
  font-weight: bold;
  padding-left: 0.5rem;
  border-left: 0.3rem solid #F26F42 !important;
  color: #333333;
  background: #fff;
}
#homeBH-page .home-list-titles {
  width: 100%;
  padding-left: 0.5rem;
  border-left: 0.3rem solid #F26F42 !important;
  margin-bottom: .5rem;
}
#homeBH-page .home-list-td {
  position: relative;
  background: #fff;
}
#homeBH-page .home-list-title-new {
  margin-bottom: 0rem;
  font-size: 0.9rem;
  color: #F26F42;
  font-weight: bold;
}
#homeBH-page .gray {
  width: 100%;
  height: .6rem;
  background: #f5f5f5;
}
#homeBH-page .home-list-text {
  display: inline-block;
  padding-left: 0.8rem;
}
#homeBH-page .home-list-text-right {
  display: inline-block;
  padding-left: 0.4rem;
}
#homeBH-page .home-list-selected-td {
  width: 50% !important;
  position: relative;
  background: #fff;
}
#homeBH-page .home-list-square-td {
  position: relative;
}
#homeBH-page .right-arrow {
  float: right;
  margin-right: .5rem;
  color: #F26F42;
  font-size: .7rem;
}
#homeBH-page .home-list .home-list-big-font-margin {
  margin-bottom: 0.3rem;
}
#homeBH-page .home-list-big-font {
  font-size: 0.8rem;
  color: #f26f42;
  margin: 0;
  font-weight: bold;
}
#homeBH-page .home-list-little-font {
  font-size: 0.7rem;
  color: #999999;
  margin: 0;
}
#homeBH-page .square-big-font {
  color: #3777F5;
}
#homeBH-page .home-list-img {
  width: 3rem;
  float: right;
  position: absolute;
  right: 0.5rem;
}
#homeBH-page .home-list-img-bottom {
  width: 100%;
}
#homeBH-page .content {
  background: transparent;
}
#homeBH-page .home-list,
#homeBH-page .home-list tr:last-child,
#homeBH-page .home-list tr:last-child .home-list-square-td {
  border-bottom: none;
}
#homeBH-page .content .border-none {
  border: none;
  border-radius: 0;
}
#homeBH-page .border-insurance {
  border-right: solid 0.05rem #DDDDDD !important;
  background: #fff;
}
#homeBH-page .border-top-right {
  border-top: solid 0.05rem #DDDDDD !important;
  border-right: solid 0.05rem #DDDDDD !important;
}
#homeBH-page .border-left {
  border-left: solid 0.05rem #DDDDDD !important;
}
#homeBH-page #goPro,
#homeBH-page #goProS {
  display: none;
}
#homeBH-page .article-lst-img {
  width: 4rem;
  height: 4rem;
  padding: .5rem;
  background-color: #FFFFFF;
  border: none;
}
#homeBH-page .div-title-row {
  width: 100%;
}
#homeBH-page .div-tag {
  line-height: 1.5rem;
  margin-right: 0.3rem;
  font-size: .6rem;
}
#homeBH-page .clear-sm-style {
  box-shadow: none;
}
#homeBH-page .div-tag-color-red {
  color: #ffa886;
}
#homeBH-page .tag-div-share {
  display: flex;
}
#homeBH-page .tag-img {
  height: 0.5rem;
  margin-right: 0.1rem;
}
#homeBH-page .div-title {
  width: 60%;
  height: 1.33rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 0.9rem;
  font-weight: bold!important;
  word-break: break-all;
}
#homeBH-page .up-read-num-img {
  width: 0.75rem;
}
#homeBH-page .read-num {
  font-size: .8rem;
  width: 20%;
  color: #CDCDC1;
  line-height: 1.4rem;
  margin-right: 0.5rem;
  margin-left: 0.1rem;
}
#homeBH-page .up-num {
  font-size: .8rem;
  width: 20%;
  color: #CDCDC1;
  line-height: 2;
}
#homeBH-page .sub-title-my {
  font-size: 0.65rem;
  color: #818181;
  min-height: 1rem;
}
#homeBH-page .clear-right-padding {
  padding-right: 0;
}
#homeBH-page .pageEnd {
  background: transparent;
  width: 100%;
  font-size: 0;
  text-align: center;
  padding: 1.5rem 1.5rem 0 1.5rem;
  position: relative;
  margin-bottom: 0.5rem;
}
#homeBH-page .pageEnd:after,
#homeBH-page .pageEnd:before {
  content: '';
  position: absolute;
  top: 78%;
  left: 30px;
  width: 26%;
  display: inline-block;
  border-top: 1px solid #999;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
#homeBH-page .pageEnd:after {
  left: auto;
  right: 30px;
}
#homeBH-page .pageEnd .pageEnd-middle {
  width: 40%;
  font-size: 0.85rem;
  vertical-align: middle;
  display: inline-block;
  color: #999999;
}
#homeBH-page .clickButton {
  height: 1rem;
}
#homeBH-page .clickButton div {
  width: 50%;
  height: 1rem;
  color: #999;
}
/*底部文字start*/
.pageEnd {
  background: transparent;
  width: 100%;
  font-size: 0;
  text-align: center;
  padding: 1.5rem;
  position: relative;
}
.pageEnd:after,
.pageEnd:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 30px;
  width: 26%;
  display: inline-block;
  border-top: 1px solid #999;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.pageEnd:after {
  left: auto;
  right: 30px;
}
.pageEnd .pageEnd-middle {
  width: 40%;
  font-size: 0.85rem;
  vertical-align: middle;
  display: inline-block;
  color: #999999;
}
/*底部文字end*/
#friendInvite-page .modul-size {
  width: 100%;
  height: auto;
}
#friendInvite-page .bottomButton {
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0px;
  padding: 0!important;
  display: inline-grid;
}
#friendInvited-page .modul-size {
  width: 100%;
  height: auto;
}
#friendInvited-page .bottomButton {
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0px;
  padding: 0!important;
  display: inline-grid;
}
#friendError-page .sys-busy {
  background: none;
}
#goDownload-page .shard-bg {
  background: url(../img/activity/activityRegist/share-div.png) no-repeat 55%;
  background-size: 85%;
  text-align: center;
  height: 15rem;
  position: relative;
}
#goDownload-page .shard-p {
  text-align: left;
  font-size: 1.3rem;
  color: white;
  position: absolute;
  top: 33%;
  left: 22%;
  right: 13%;
}
#goDownload-page .shard-button-img {
  height: 3rem;
}
#goDownload-page .shard-button {
  margin: 0 auto;
  font-size: 1.5rem;
  background-color: red;
  border-radius: 10px;
  text-align: center;
  width: 7rem;
  padding: 0.2rem;
}
#goDownload-page .shard-model {
  text-align: center;
  position: relative;
  left: 45%;
  width: 80%;
  height: 30rem;
  top: 52%;
  /* margin-top: 10rem; */
}
#goDownload-page .shard-img {
  background: url(../img/activity/activityRegist/shard-img.png);
  width: 7rem;
  height: 7rem;
  background-size: 100% 100%;
  /* text-align: right; */
  margin-left: 9rem;
  /* top: 10%; */
}
#goDownload-page .modal-inner {
  padding: 0rem;
  margin-left: -0.6rem;
  background-color: rgba(232, 232, 232, 0);
}
#inviteRecord-page .color-orange {
  color: #F26F42;
}
#inviteRecord-page .margin0 {
  margin: 0;
}
#inviteRecord-page .padding0 {
  padding: 0;
}
#inviteRecord-page .width100 {
  width: 100%;
}
#inviteRecord-page .font-bold {
  font-weight: bold;
}
#inviteRecord-page .color-red {
  color: #de0505;
}
#inviteRecord-page .text-center {
  text-align: center;
}
#inviteRecord-page .all-bg {
  background: #F8F8F8;
  padding-top: .3rem;
}
#inviteRecord-page .bg-white {
  background: #FFFFFF;
}
#inviteRecord-page .title-padding {
  padding: .6rem 1rem;
}
#inviteRecord-page .title-line {
  border: .05rem solid #999999;
}
#inviteRecord-page .title-size {
  margin-top: .3rem;
  font-size: .9rem;
}
#inviteRecord-page .title-right {
  padding-left: 1rem;
  border-left: .05rem solid #CCCCCC;
}
#inviteRecord-page .record-note {
  padding: .7rem 2rem .7rem .8rem;
  font-size: .6rem;
}
#inviteRecord-page .record-separated {
  border-bottom: .05rem solid #CCCCCC;
}
#buyEarly-page .main {
  width: 100%;
}
.hidden {
  display: none;
}
#productLst-page .image-wrapper {
  height: 183px;
  width: 100%;
}
#sign-page {
  /*我的签到页面*/
}
#sign-page .content {
  background: #fff;
}
#sign-page .sign {
  width: 100%;
  position: relative;
}
#sign-page .sign img {
  width: 100%;
}
#sign-page .header-content {
  margin-top: 0;
  padding: 0;
  background: #fff;
  margin-bottom: 0!important;
}
#sign-page .days {
  position: absolute;
  font-size: 1.4rem;
  font-weight: bold;
  color: #FC5F27;
  width: 3rem;
  text-align: center;
  padding-left: .9rem;
}
#sign-page .sign-days {
  text-align: center;
  position: absolute;
  font-size: 1rem;
  color: #fff;
  background: #FF5F27;
  border-radius: 16px;
}
#sign-page .sum-sign {
  position: absolute;
  font-size: 0.8rem;
  color: #FC5F27;
  margin-top: .5rem;
}
#sign-page .entire {
  background: #f2f2f2;
  margin-top: 0.01rem;
}
#sign-page .bonus {
  height: 1.8rem;
  line-height: 2.1rem;
  margin-top: 0.5rem;
  padding-left: 1.8rem;
  background: url("../../public/img/activity/sign/daily_icon1.png") no-repeat;
  background-size: 8%;
  font-size: 1.05rem;
  font-weight: bold !important;
}
#sign-page .sign-rule {
  height: 1.8rem;
  line-height: 2.1rem;
  padding-left: 1.8rem;
  background: url("../../public/img/activity/sign/daily_icon2.png") no-repeat;
  background-size: 8%;
  font-size: 1.05rem;
  font-weight: bold !important;
  margin-top: 1.5rem;
}
#sign-page .bonus-info {
  margin-left: 0;
}
#sign-page .accumulate {
  font-size: 0.8rem;
  padding-top: .2rem;
  padding-left: .5rem;
}
#sign-page .bonus-rule {
  padding-left: 1.5rem;
  padding-right: .5rem;
  margin-top: .8rem;
}
#sign-page .bonus-rule li {
  list-style: decimal;
}
#sign-page .daily-btn {
  width: 60%;
  padding: .5rem 1.5rem;
  background: #FF5E27;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  border-radius: 1.9rem;
  text-align: center;
  margin: 1.5rem auto 0;
}
#sign-page .daily-btn-done {
  background: #999999;
}
#sign-page .bonus-point {
  padding-top: .3rem;
  margin: .5rem .1rem !important;
  height: auto;
}
#sign-page .sign-records {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}
#sign-page .cores {
  font-size: .5rem !important;
}
#sign-page .core-days {
  font-size: .7rem !important;
}
#sign-page .point {
  border: .1rem solid #D2D2D2 !important;
  padding: .5rem 0 !important;
}
#sign-page .sign-records .active {
  background: #FF5E27;
  border: .1rem solid #FF5E27 !important;
}
#sign-page .pageEnd {
  background: transparent;
}
#activityRegist-page {
  /* main2 */
}
#activityRegist-page .laohuji_title {
  width: 80%;
}
#activityRegist-page .p-hidden {
  display: none;
}
#activityRegist-page .content-img {
  display: inherit;
  margin-bottom: -0.5rem;
}
#activityRegist-page .content-bg {
  background-color: #D9051C;
  width: 100%;
  text-align: center;
  padding-top: 1rem;
}
#activityRegist-page .input-mobile {
  width: 80%;
  text-align: center;
  height: 2.75rem;
  font-size: 1rem;
  margin: 0.1rem auto;
  border-radius: 0.4rem;
  -moz-box-shadow: 3px 3px 3px #e2e2e2 inset;
  -webkit-box-shadow: 3px 3px 3px #e2e2e2 inset;
  box-shadow: 3px 3px 3px #e2e2e2 inset;
}
#activityRegist-page .button-send-auth-code {
  width: 100%;
  height: 5rem;
  margin: 1.5rem auto;
  text-align: center;
}
#activityRegist-page .button-send-auth-code-img {
  background-size: 100% 100%;
  width: 100%;
  padding: 0rem 4rem;
}
#activityRegist-page .button_check-auth-code {
  background: url("../img/activity/activityRegist/laohuji_button_yanzhengma.png") no-repeat;
  background-size: 100% 100%;
  width: 11rem;
  height: 3rem;
  margin: 1.5rem auto;
  text-align: center;
}
#activityRegist-page .check-auth-code-bg {
  background: url("../img/activity/activityRegist/tuceng_1.png");
  width: 15rem;
  height: 18rem;
  background-size: 100% 100%;
}
#activityRegist-page .button-close {
  background: url("../img/activity/activityRegist/laohuji_close.png");
  width: 2rem;
  height: 3.1rem;
  background-size: 100% 100%;
  float: right;
}
#activityRegist-page .modal-inner {
  padding: 0rem;
  margin-left: -0.6rem;
  background-color: rgba(232, 232, 232, 0);
}
#activityRegist-page .input-auto-code {
  width: 70%;
  text-align: left;
  padding-left: 10%;
  height: 3rem;
  font-size: 1rem;
  margin-top: 60%;
  border-radius: 5px;
  border: 1px solid #000;
}
#activityRegist-page .button-check-auto-code {
  background: url("../img/activity/activityRegist/laohuji_arrow.png");
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  position: relative;
  top: -2.5rem;
  left: 70%;
  z-index: 9999;
}
#activityRegist-page .button-send-auto-code-again {
  background: url("../img/activity/activityRegist/laohuji_button_yanzhengma1.png");
  background-size: 100% 100%;
  width: 50%;
  height: 3rem;
  text-align: center;
  padding-top: 0.5rem;
  margin: 0rem auto;
  font-weight: bold;
  font-size: 1rem;
  color: white;
  margin-top: -0.5rem;
}
#activityRegist-page a {
  text-decoration: none;
}
#activityRegist-page .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#activityRegist-page .clearfix {
  *zoom: 1;
}
#activityRegist-page .container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  /*height:198px;*/
}
#activityRegist-page .main2 {
  background: url("../img/activity/activityRegist/laohuji_play.png") no-repeat center;
  height: 11rem;
  width: 90%;
  margin: 0 auto;
  background-size: 100% 100%;
  position: relative;
  top: 1rem;
  /*最小宽度*/
}
#activityRegist-page .main3 {
  _width: 80%;
}
#activityRegist-page .num {
  background: #000000;
  position: absolute;
  left: 2.05rem;
  top: 1.43rem;
  width: 2.55rem;
  height: 4.85rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #000;
}
#activityRegist-page .num-con {
  position: relative;
  top: -430px;
}
#activityRegist-page .num-img {
  background: url("../img/activity/activityRegist/num.jpg") no-repeat;
  width: 2.58rem;
  height: 33.5rem;
  margin-bottom: 4px;
  background-size: 100% 100%;
}
#activityRegist-page .num2 {
  left: 5.25rem;
}
#activityRegist-page .num3 {
  left: 8.4rem;
}
#activityRegist-page .main3-btn {
  width: 6rem;
  height: 2.1rem;
  position: absolute;
  left: 4.2rem;
  top: -2.6rem;
  cursor: pointer;
}
#activityRegist-page .text-point {
  margin: 1.5rem auto;
  color: #feb800;
  font-size: 1rem;
}
#activityRegist-page .text-residue-num {
  margin-top: -1rem;
  color: white;
}
#activityRegist-page .residue-num {
  font-size: 1.5rem;
}
#activityRegist-page .button-point-close {
  background: url("../img/activity/activityRegist/laohuji_close.png");
  width: 2rem;
  height: 3rem;
  background-size: 100% 100%;
  float: right;
  visibility: hidden;
}
#activityRegist-page .activity-winner {
  background: url(../img/activity/activityRegist/winner_info_bg.png);
  background-size: 100% 100%;
  width: 96%;
  margin: 0 auto;
  height: 10.5rem;
}
#activityRegist-page .activity-winners {
  padding-top: 2rem;
  width: 94%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 9rem;
  text-align: center;
}
#activityRegist-page .activity-winners ul {
  top: -15px;
  padding: 0;
  color: #666;
  position: relative;
}
#activityRegist-page .activity-winners li {
  height: 34px;
  padding: 0;
  font-size: 14px;
  line-height: 34px;
  list-style: none;
  border-bottom: 2px dotted #d2d2d2;
}
#activityRegist-page .buy-img {
  width: 94%;
}
#activityRegist-page .juchi {
  width: 100%;
}
#activityRegist-page .juchi-img {
  width: 100%;
  background-size: 100% 100%;
}
#activityRegist-page .content-bg-yellow {
  text-align: center;
  width: 100%;
  background-color: #feb800 ;
  margin-top: -0.4rem;
}
#activityRegist-page .activity-rule-text {
  width: 100%;
  margin-top: 1rem;
}
#activityRegist-page .activity-rule-text-img {
  width: 96%;
  background-size: 100% 100%;
}
#activityRegistSuccess-page {
  /* main2 */
}
#activityRegistSuccess-page .laohuji_title {
  width: 80%;
}
#activityRegistSuccess-page .content-img {
  display: inherit;
  margin-bottom: -0.5rem;
}
#activityRegistSuccess-page .content-bg {
  background-color: #D9051C;
  width: 100%;
  text-align: center;
  padding-top: 1rem;
}
#activityRegistSuccess-page .content-bg-yellow {
  text-align: center;
  width: 100%;
  background-color: #feb800 ;
  margin-top: -0.4rem;
}
#activityRegistSuccess-page .text-availablePoint {
  font-size: 1.3rem;
  color: white;
}
#activityRegistSuccess-page .text-availablePoint-span {
  color: #feb800;
  font-size: 1.3rem;
  font-weight: bold;
}
#activityRegistSuccess-page .text-availablePoint-below {
  color: white;
  font-size: 1rem;
  margin-top: 0.3rem;
}
#activityRegistSuccess-page .button-share-get-point {
  width: 100%;
  height: 5rem;
  text-align: center;
  margin-top: 1.5rem;
}
#activityRegistSuccess-page .button-share-get-point-img {
  background-size: 100% 100%;
  padding: 0rem 4rem;
  width: 100%;
}
#activityRegistSuccess-page .button-download {
  width: 100%;
  height: 5rem;
  text-align: center;
  margin-top: 1.5rem;
}
#activityRegistSuccess-page .button-download-img {
  background-size: 100% 100%;
  padding: 0rem 4rem;
  width: 100%;
}
#activityRegistSuccess-page .check-auth-code-bg {
  background: url("../img/activity/activityRegist/tuceng_1.png");
  width: 15rem;
  height: 18rem;
  background-size: 100% 100%;
}
#activityRegistSuccess-page .button-close {
  background: url("../img/activity/activityRegist/laohuji_close.png");
  width: 2rem;
  height: 3.1rem;
  background-size: 100% 100%;
  float: right;
}
#activityRegistSuccess-page .modal-inner {
  padding: 0rem;
  margin-left: -0.6rem;
  background-color: rgba(232, 232, 232, 0);
}
#activityRegistSuccess-page a {
  text-decoration: none;
}
#activityRegistSuccess-page .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#activityRegistSuccess-page .clearfix {
  *zoom: 1;
}
#activityRegistSuccess-page .container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  /*height:198px;*/
}
#activityRegistSuccess-page .main2 {
  background: url("../img/activity/activityRegist/laohuji_play.png") no-repeat center;
  height: 11rem;
  width: 90%;
  margin: 0 auto;
  background-size: 100% 100%;
  position: relative;
  top: 1rem;
  /*最小宽度*/
}
#activityRegistSuccess-page .main3 {
  _width: 80%;
}
#activityRegistSuccess-page .num {
  background: #000000;
  position: absolute;
  left: 2.05rem;
  top: 1.43rem;
  width: 2.55rem;
  height: 4.85rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #000;
}
#activityRegistSuccess-page .num-con {
  position: relative;
  top: -430px;
}
#activityRegistSuccess-page .num-img {
  background: url("../img/activity/activityRegist/num.jpg") no-repeat;
  width: 2.58rem;
  height: 33.5rem;
  margin-bottom: 4px;
  background-size: 100% 100%;
}
#activityRegistSuccess-page .num2 {
  left: 5.25rem;
}
#activityRegistSuccess-page .num3 {
  left: 8.4rem;
}
#activityRegistSuccess-page .main3-btn {
  width: 6rem;
  height: 2.1rem;
  position: absolute;
  left: 4.2rem;
  top: -2.6rem;
  cursor: pointer;
}
#activityRegistSuccess-page .text-point {
  margin: 1.5rem auto;
  color: #feb800;
  font-size: 1rem;
}
#activityRegistSuccess-page .text-residue-num {
  margin-top: -1rem;
  color: white;
}
#activityRegistSuccess-page .residue-num {
  font-size: 1.5rem;
}
#activityRegistSuccess-page .button-point-close {
  background: url("../img/activity/activityRegist/laohuji_close.png");
  width: 2rem;
  height: 3rem;
  background-size: 100% 100%;
  float: right;
  visibility: hidden;
}
#activityRegistSuccess-page .activity-winner {
  background: url(../img/activity/activityRegist/winner_info_bg.png);
  background-size: 100% 100%;
  width: 96%;
  margin: 0 auto;
  height: 10.5rem;
}
#activityRegistSuccess-page .activity-winners {
  padding-top: 2rem;
  width: 94%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 9rem;
  text-align: center;
}
#activityRegistSuccess-page .activity-winners ul {
  top: -15px;
  padding: 0;
  color: #666;
  position: relative;
}
#activityRegistSuccess-page .activity-winners li {
  height: 34px;
  padding: 0;
  font-size: 14px;
  line-height: 34px;
  list-style: none;
  border-bottom: 2px dotted #d2d2d2;
}
#activityRegistSuccess-page .shard-bg {
  background: url(../img/activity/activityRegist/share-div.png) no-repeat 55%;
  background-size: 85%;
  text-align: center;
  height: 15rem;
  position: relative;
}
#activityRegistSuccess-page .shard-p {
  text-align: left;
  font-size: 1.3rem;
  color: white;
  position: absolute;
  top: 33%;
  left: 22%;
  right: 13%;
}
#activityRegistSuccess-page .shard-button-img {
  height: 3rem;
}
#activityRegistSuccess-page .shard-button {
  margin: 0 auto;
  font-size: 1.5rem;
  background-color: red;
  border-radius: 10px;
  text-align: center;
  width: 7rem;
  padding: 0.2rem;
}
#activityRegistSuccess-page .shard-model {
  text-align: center;
  position: relative;
  left: 45%;
  width: 80%;
  height: 30rem;
  top: 52%;
  /* margin-top: 10rem; */
}
#activityRegistSuccess-page .shard-img {
  background: url(../img/activity/activityRegist/shard-img.png);
  width: 7rem;
  height: 7rem;
  background-size: 100% 100%;
  /* text-align: right; */
  margin-left: 9rem;
  /* top: 10%; */
}
#activityRegistSuccess-page .buy-img {
  width: 94%;
}
#activityRegistSuccess-page .juchi {
  width: 100%;
}
#activityRegistSuccess-page .juchi-img {
  width: 100%;
  background-size: 100% 100%;
}
#activityRegistSuccess-page .content-bg-yellow {
  text-align: center;
  width: 100%;
  background-color: #feb800 ;
  margin-top: -0.4rem;
}
#activityRegistSuccess-page .activity-rule-text {
  width: 100%;
  margin-top: 1rem;
}
#activityRegistSuccess-page .activity-rule-text-img {
  width: 96%;
  background-size: 100% 100%;
}
#taskList-page .explain {
  display: none;
  padding-top: 0.75rem;
  color: #999999;
}
#taskList-page .task_banner {
  background-size: 100% 100%;
  width: 100%;
}
#taskList-page .task_ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
#taskList-page .task_ul li {
  list-style: none;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  background-color: white;
}
#taskList-page .task-table {
  width: 100%;
  height: 4rem;
}
#taskList-page .text-ident {
  font-size: 1rem;
}
#taskList-page .text-reward {
  color: #999999;
  font-size: 0.9rem;
}
#taskList-page .text-integral {
  color: red;
  font-size: 0.9rem;
  /* font-weight: bold; */
}
#taskList-page .td1 {
  width: 50%;
  padding-bottom: 0.5rem;
}
#taskList-page .td2 {
  width: 50%;
  padding-top: 0.5rem;
}
#taskList-page .td3 {
  width: 50%;
  text-align: right;
}
#taskList-page .button-ident {
  border-radius: 0.5rem;
  background-color: #F26F42;
  font-size: 1rem;
  margin: 0 auto;
  text-align: center;
  width: 45%;
  padding: 0.6rem 1rem;
  color: white;
}
#taskList-page .task-succeed {
  font-size: 1rem;
  margin: 0 auto;
  color: green;
  padding-right: 1.3rem;
}
#taskList-page .pageEnd {
  margin-top: -0.5rem;
  background: transparent;
}
#pointRule-page .rule-div {
  width: 100%;
  text-align: center;
  background-color: white;
}
#pointRule-page .rule-img {
  width: 100%;
}
#recommendIndex-page {
  /* 三个页面的公共样式  start */
  /*三个公共的样式  end*/
  /*初始化页面样式  start*/
  /* 初始化页面样式 */
  /* 被邀请人页面  start */
  /* 被邀请人页面  end */
  /* 个人信息页样式  start */
  /* 个人信息页样式  end */
  /*二次分享  start*/
  /*二次分享  end*/
}
#recommendIndex-page .margin0 {
  margin: 0;
}
#recommendIndex-page .border-none {
  border: none;
}
#recommendIndex-page .recommend-end {
  color: #FFFFFF!important;
  background: #999999!important;
}
#recommendIndex-page .border-top-right {
  border-top: solid .05rem #FFFFFF !important;
  border-right: solid .05rem #FFFFFF !important;
}
#recommendIndex-page .border-left {
  border-left: solid .05rem #FFFFFF !important;
}
#recommendIndex-page .border-bottom {
  border-bottom: .05rem solid #FFFFFF !important;
}
#recommendIndex-page .recommend-text-margin-bottom {
  margin-bottom: .8rem;
}
#recommendIndex-page .recommend-title {
  width: 100%;
}
#recommendIndex-page .recommend-title-img {
  width: 100%;
}
#recommendIndex-page .font-white {
  color: #FFFFFF;
}
#recommendIndex-page .font-weight3 {
  font-weight: 300;
}
#recommendIndex-page .recommend-main {
  background: url("../../public/img/activity/recommend/recommend-bigbg.jpg") no-repeat;
  background-size: 100%;
}
#recommendIndex-page .recommend-td-width {
  width: 50%;
}
#recommendIndex-page .recommend-topic {
  width: 100%;
}
#recommendIndex-page .recommend-topic-img {
  width: 100%;
  margin-top: 1rem;
}
#recommendIndex-page .font-red {
  color: #B22B34;
}
#recommendIndex-page .recommend-modal-position {
  padding-top: 6rem;
  padding-left: 1.9rem;
}
#recommendIndex-page .recommend-input-area {
  background: #FFFFFF;
  width: 12rem;
  height: 1.8rem;
  border-radius: .4rem;
  vertical-align: middle;
}
#recommendIndex-page .recommend-ipnut-name {
  float: left;
  margin-left: .3rem;
  line-height: 1.2rem;
  margin-top: .4rem;
}
#recommendIndex-page .recommend-input-value {
  width: 9.2rem;
  line-height: 1.2rem;
  padding: 0;
  margin-top: .4rem;
  border-radius: .4rem;
  padding-left: .4rem;
}
#recommendIndex-page .recommend-input-separate {
  margin-top: .8rem;
}
#recommendIndex-page .recommend-verification-width {
  width: 5rem;
}
#recommendIndex-page .recommend-get-verification {
  width: 4rem;
  background: #B22B34;
  float: right;
  margin: .2rem;
  height: 1.4rem;
  border-radius: .3rem;
  margin-left: 0;
  padding: 0;
}
#recommendIndex-page .recommend-button {
  height: 2.5rem;
  border: none;
  border-radius: 5rem;
  background: -webkit-linear-gradient(#F9F977, #F99A05);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#F9F977, #F99A05);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#F9F977, #F99A05);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#F9F977, #F99A05);
  /* 标准的语法（必须放在最后） */
  box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  margin-top: 1rem;
}
#recommendIndex-page .recommend-login-button {
  width: 12rem;
  margin-top: 0;
}
#recommendIndex-page .recommend-topic-text {
  width: 100%;
  text-align: center;
  margin-top: .7rem;
}
#recommendIndex-page .recommend-slogan {
  font-size: 1rem;
  margin: 0;
  color: #f7ecb4;
}
#recommendIndex-page .recommend-point {
  font-size: 1.5rem;
  font-weight: 500;
}
#recommendIndex-page .recommend-yellow-line {
  height: .2rem;
  width: 75%;
  background: -webkit-linear-gradient(left, rgba(253, 239, 114, 0), #fdef72, rgba(253, 239, 114, 0));
  /* Safari 5.1 - 6 */
  background: -o-linear-gradient(right, rgba(253, 239, 114, 0), #fdef72, rgba(253, 239, 114, 0));
  /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(right, rgba(253, 239, 114, 0), #fdef72, rgba(253, 239, 114, 0));
  /* Firefox 3.6 - 15*/
  background: linear-gradient(to right, rgba(253, 239, 114, 0), #fdef72, rgba(253, 239, 114, 0));
  margin: .6rem auto 0;
}
#recommendIndex-page .recommend-buttons-area {
  width: 100%;
  text-align: center;
}
#recommendIndex-page .recommend-invite {
  width: 14rem;
}
#recommendIndex-page .recommend-invite-text {
  margin: 0 auto;
  font-size: .6rem;
}
#recommendIndex-page .recommend-text-title {
  text-align: center;
  font-weight: 200;
  margin: 1.5rem auto .7rem auto;
}
#recommendIndex-page .recommend-text-table {
  width: 100%;
  text-align: center;
}
#recommendIndex-page .recommend-rule {
  margin: 0;
  padding-right: 2rem;
  list-style-image: url(../../public/img/activity/recommend/recommend-list.png);
}
#recommendIndex-page .company-introduction {
  padding: 0 2rem 1.5rem;
}
#recommendIndex-page .point-value-img {
  width: 100%;
}
#recommendIndex-page .recommend-point-outer {
  position: relative;
  height: 24rem;
  margin-top: 1rem;
  background: url("../../public/img/activity/recommend/point-detail.png") no-repeat;
  background-size: 100%;
}
#recommendIndex-page .recommend-login-modal {
  position: relative;
  margin-top: 4rem;
  margin-left: -0.6rem;
  height: 20rem;
  width: 17rem;
  background: url(../../public/img/activity/recommend/login-modal.png) no-repeat;
  background-size: 100%;
}
#recommendIndex-page .recommend-point-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  color: white;
  font-size: 1.5rem;
  border: .1rem solid white;
  line-height: 1rem;
  border-radius: .7rem;
  margin-right: 1.4rem;
  padding-bottom: .6rem;
}
#recommendIndex-page .modal-inner {
  background: rgba(0, 0, 0, 0);
  margin: 0 auto;
  width: 120%;
  /*写给不支持calc()的浏览器*/
  width: -moz-calc(95% + 4rem);
  width: -webkit-calc(95% + 4rem);
  width: calc(95% + 4rem);
  margin-left: -1.4rem;
}
#recommendIndex-page .recommend-slogan-invited {
  font-size: 1.2rem;
  margin: 0;
  color: #FCCB3A;
}
#recommendIndex-page .recommend-add-margin {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
#recommendIndex-page .recommend-invited-arrow {
  width: 17%;
  padding-top: .6rem;
  z-index: 999;
  -webkit-animation: start 0.7s infinite alternate;
  -moz-animation: start 0.7s infinite alternate;
}
@-webkit-keyframes start {
  0% {
    opacity: 0.3;
    -webkit-transform: translate(0, -0.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0.5rem);
  }
}
@-moz-keyframes start {
  0% {
    opacity: 0.3;
    -moz-transform: translate(0, -0.5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 0.5rem);
  }
}
@keyframes start {
  0% {
    opacity: 0.3;
    transform: translate(0, -0.5rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0.5rem);
  }
}
#recommendIndex-page .recommend-customer-info,
#recommendIndex-page .recommend-successed-records {
  width: 100%;
  text-align: center;
  margin-top: .7rem;
}
#recommendIndex-page .recommend-yellow-block {
  height: 5.5rem;
  width: 100%;
  background: -webkit-linear-gradient(left, rgba(248, 240, 115, 0), rgba(248, 240, 115, 0.8), #f8f073, #f8f073, #f8f073, rgba(248, 240, 115, 0.8), rgba(248, 240, 115, 0));
  /* Safari 5.1 - 6 */
  background: -o-linear-gradient(right, rgba(248, 240, 115, 0), rgba(248, 240, 115, 0.8), #f8f073, #f8f073, #f8f073, rgba(248, 240, 115, 0.8), rgba(248, 240, 115, 0));
  /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(right, rgba(248, 240, 115, 0), rgba(248, 240, 115, 0.8), #f8f073, #f8f073, #f8f073, rgba(248, 240, 115, 0.8), rgba(248, 240, 115, 0));
  /* Firefox 3.6 - 15*/
  background: linear-gradient(to right, rgba(248, 240, 115, 0), rgba(248, 240, 115, 0.8), #f8f073, #f8f073, #f8f073, rgba(248, 240, 115, 0.8), rgba(248, 240, 115, 0));
  margin: .6rem auto 0;
}
#recommendIndex-page .recommend-info {
  width: 100%;
}
#recommendIndex-page .recommend-info:first-child {
  padding-top: 0.6rem;
}
#recommendIndex-page .recommend-info-key {
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  width: 49%;
  text-align: right;
}
#recommendIndex-page .recommend-info-value {
  font-size: 1rem;
  display: inline-block;
  font-weight: 500;
  width: 49%;
  text-align: left;
}
#recommendIndex-page .recommend-info-value-num {
  width: 3rem;
  display: inline-block;
}
#recommendIndex-page .recommend-record-detail {
  height: 7.3rem;
  width: 85%;
  background: #FFFFFF;
  margin: 0 auto;
  padding: .6rem 0;
  overflow-y: scroll;
}
#recommendIndex-page .recommend-recond-padding {
  padding: .6rem 0;
}
#recommendIndex-page .continue-send-margin {
  margin: 0 !important;
}
#recommendIndex-page .recommend-continue-send {
  width: 14rem;
}
#recommendIndex-page .shard-bg {
  background: url(../img/activity/activityRegist/share-div.png) no-repeat 55%;
  background-size: 85%;
  text-align: center;
  height: 15rem;
  position: relative;
}
#recommendIndex-page .shard-p {
  text-align: left;
  font-size: 1.3rem;
  color: white;
  position: absolute;
  top: 33%;
  left: 22%;
  right: 13%;
}
#recommendIndex-page .shard-button-img {
  height: 3rem;
}
#recommendIndex-page .shard-model {
  text-align: center;
  position: relative;
  left: 45%;
  width: 80%;
  height: 30rem;
  top: 46%;
}
#activityLst-page .card {
  margin: 0.6rem;
  box-shadow: none;
}
#activityLst-page .activity-img {
  position: relative;
  border-radius: .5rem .5rem 0 0;
}
#activityLst-page .activity-ing {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 67.5px;
}
#activityLst-page .activity-ing img {
  border-radius: 0.5rem;
}
#activityLst-page .activity-outer {
  border-radius: .5rem;
}
#activityLst-page .activity-text {
  margin: 0;
  font-size: 0.72rem;
  line-height: 0.72rem;
}
#activityLst-page .end-title {
  color: #cccccc !important;
}
#activityLst-page .end-gray {
  color: #ccc !important;
}
#activityLst-page .activity-title {
  font-family: Source Han Sans CN, sans-serif;
  line-height: 1rem;
  font-size: 1rem;
  color: #333;
  margin-bottom: 0.4rem;
}
#activityLst-page .out-time-area {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.64);
  padding-top: 3.3rem;
  border-radius: .4rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
#activityLst-page .out-time-area img {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 4.84rem;
  transform: translateY(-50%);
  margin-left: -2.42rem;
}
#activityLst-page .text-area {
  padding: .56rem .83rem;
}
#activityLst-page .out-time-result {
  font-size: 1.3rem;
}
#activityLst-page .activity-name {
  font-size: 1rem;
}
#activityLst-page .activity-time {
  font-size: .8rem;
}
#activityLst-page .out-time-text {
  color: #FFFFFF;
  margin: 0;
  text-align: center;
}
#activityLst-page .need-display {
  display: none;
}
#integralLuckDrawActivity-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#integralLuckDrawActivity-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#integralLuckDrawActivity-page .login p {
  text-align: center;
  color: #d93d3e;
  padding: 8px 0;
  font-size: .65rem;
  white-space: nowrap;
}
#integralLuckDrawActivity-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#integralLuckDrawActivity-page span.icons {
  display: inline-block;
  width: 80px;
  text-align: left;
  height: 20px;
  margin-top: 0rem;
  margin-right: .5rem;
  white-space: nowrap;
}
#integralLuckDrawActivity-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#integralLuckDrawActivity-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#integralLuckDrawActivity-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#integralLuckDrawActivity-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#integralLuckDrawActivity-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
@media only screen and (width: 375px) {
  #integralLuckDrawActivity-page span.mcode {
    padding-left: 1.15rem !important;
  }
}
#integralLuckDrawActivity-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
@media only screen and (width: 320px) {
  #integralLuckDrawActivity-page span.icons {
    width: 66px;
  }
  #integralLuckDrawActivity-page .login > li input {
    width: 5rem;
  }
}
#integralLuckDrawActivity-page .btn-wrapper {
  display: flex;
  margin: 1rem 1rem 0 1rem;
}
#integralLuckDrawActivity-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#integralLuckDrawActivity-page .btn-wrapper button.cancel {
  background: #f3acac;
  color: #fff;
  font-size: 0.94rem;
}
#integralLuckDrawActivity-page .btn-wrapper button.ok {
  color: #ffffff;
  background: #ed3c37;
}
#trial-page-activity {
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#trial-page-activity .buttons-tab > a.active {
  border-bottom: 0.155rem solid #f26f42 !important;
  color: #f26f42 !important;
}
#trial-page-activity .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#trial-page-activity .product-main div {
  background-color: #fff;
}
#trial-page-activity ul {
  list-style: none;
}
#trial-page-activity .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#trial-page-activity .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#trial-page-activity .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page-activity .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#trial-page-activity .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#trial-page-activity .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#trial-page-activity #productImg {
  height: 11.3rem;
}
#trial-page-activity .content-width p.pad-15 {
  padding-bottom: 2%;
}
#trial-page-activity .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#trial-page-activity .content-width p.rp {
  padding-right: 6%;
}
#trial-page-activity .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#trial-page-activity .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#trial-page-activity .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page-activity .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#trial-page-activity .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#trial-page-activity .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#trial-page-activity .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#trial-page-activity .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#trial-page-activity .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#trial-page-activity .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#trial-page-activity .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#trial-page-activity .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page-activity .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#trial-page-activity .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#trial-page-activity .protect-range img {
  width: 100%;
}
#trial-page-activity .lp {
  padding-right: 2%;
}
#trial-page-activity .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#trial-page-activity .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#trial-page-activity .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#trial-page-activity .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#trial-page-activity .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page-activity .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#trial-page-activity .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#trial-page-activity .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ffb891;
}
#trial-page-activity .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#trial-page-activity .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#trial-page-activity .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#trial-page-activity .gray-btn {
  background-color: #f4f4f4;
}
#trial-page-activity .gray-btn-checked {
  background-color: #f26f42;
  color: #fff !important;
}
#trial-page-activity .btn-middle {
  width: 31%;
  margin: 0px 2px;
  font-size: 0.7rem;
  line-height: 2;
  border: 0;
  margin-top: 2%;
  border-radius: 0.25 !important;
}
#trial-page-activity .list-block .label {
  vertical-align: top;
  font-size: 0.8rem;
}
#trial-page-activity .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#trial-page-activity .rt {
  color: #999;
}
#trial-page-activity .font-orange {
  color: #0bb1ef;
}
#trial-page-activity .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#trial-page-activity .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#trial-page-activity input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#trial-page-activity input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #trial-page-activity input[type="date"]:before {
    color: #4DB2F6;
  }
  #trial-page-activity .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #trial-page-activity .font-center {
    padding: 0px 1%;
  }
  #trial-page-activity .rang-l {
    margin-left: -3%;
  }
  #trial-page-activity .rang-r {
    margin-left: 3%;
  }
  #trial-page-activity .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #trial-page-activity .insur-row-padding {
    margin-right: 17%;
  }
  #trial-page-activity .protect-range1 p {
    font-size: 1em;
  }
}
#trial-page-activity .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#trial-page-activity .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 3.2rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#trial-page-activity .login:after {
  content: '';
  width: 58%;
  height: 6.5rem;
  position: absolute;
  top: -3.75rem;
  left: 50%;
  margin-left: -29%;
  z-index: 1003;
  background: url("../img/activity/login_t.png") no-repeat center;
  background-size: contain;
}
#trial-page-activity .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#trial-page-activity span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#trial-page-activity span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#trial-page-activity span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#trial-page-activity span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#trial-page-activity span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#trial-page-activity span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#trial-page-activity span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#trial-page-activity span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#trial-page-activity .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#trial-page-activity .btn-wrapper {
  display: flex;
  margin: 1rem 1rem 0 1rem;
}
#trial-page-activity .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#trial-page-activity .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#trial-page-activity .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#insure-page-activity .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#insure-page-activity .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#goProActivityDisplay-page .goPro {
  background: #31333b;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#goProActivityDisplay-page .goPro:after {
  content: '';
  width: 100%;
  height: 10.888889rem;
  position: absolute;
  top: -33px;
  left: 0;
  z-index: 6;
  background: url("../img/activity/goPro/activity_t.png") no-repeat center;
  background-size: contain;
}
#goProActivityDisplay-page .goPro:before {
  content: '';
  width: 100%;
  height: 10.888889rem;
  position: absolute;
  top: -12px;
  left: 0;
  z-index: 2;
  background: url("../img/activity/goPro/activity_bg.png") no-repeat center;
  background-size: contain;
}
#goProActivityDisplay-page .goPro-content {
  width: 88.266667%;
  margin: 1.777778rem auto;
  background: #1d1c22;
  padding: 0.83333rem;
  height: 90%;
  z-index: 6;
  position: relative;
}
#goProActivityDisplay-page .goPro-content .goPro-item {
  border: 0.11111111rem solid #fff;
  padding: 1.4444444rem ;
  height: 100%;
  position: relative;
}
#goProActivityDisplay-page .activity-header {
  display: none;
  width: 100%;
  color: #fff;
  padding-bottom: 2rem;
}
#goProActivityDisplay-page .activity-header h3 {
  margin: 0 auto;
  color: #f6db6d;
  font-size: 1.38888889rem;
  font-weight: 700;
  text-align: center;
  text-indent: 1.5rem;
  position: relative;
  width: 68%;
  margin-top: 1.5rem;
}
#goProActivityDisplay-page .activity-header h3:after {
  content: '';
  width: 1.9166667rem;
  height: 1.9166667rem;
  background: url("../img/activity/goPro/join_bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  margin-top: -0.95833333rem;
  left: 0;
}
#goProActivityDisplay-page .activity-header h4 {
  font-size: 0.944444rem;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  margin-top: 1rem;
}
#goProActivityDisplay-page .activity-header .last {
  margin: .5rem 0 1rem 0;
}
#goProActivityDisplay-page .activity-header p {
  display: block;
  text-align: left;
  color: #7d7d7d;
  font-size: 0.722222rem;
}
#goProActivityDisplay-page .activity-header p.noShare {
  line-height: 1rem;
}
#goProActivityDisplay-page .activity-content {
  display: none;
  width: 100%;
  height: 30%;
}
#goProActivityDisplay-page .activity-content h3 {
  color: #f6db6d;
  font-size: 1.38888889rem;
  font-weight: 700;
  text-align: center;
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
}
#goProActivityDisplay-page .activity-content #rewardL {
  list-style: none;
  margin: 0;
  padding: 0;
}
#goProActivityDisplay-page .activity-content #rewardL li {
  text-align: center;
  color: #fff;
  font-size: 0.88889rem;
  font-weight: 700;
}
#goProActivityDisplay-page .activity-content p {
  display: block;
  text-align: center;
  color: #7d7d7d;
  font-size: 0.722222rem;
}
#goProActivityDisplay-page .activity-footer {
  padding: 1.11111111rem 0 0 0;
  width: 100%;
  background-size: contain;
  border-top: 0.05555556rem dashed #747477;
  width: 84%;
  position: absolute;
  bottom: 20px;
  margin-top: 1rem;
}
#goProActivityDisplay-page .activity-footer h3 {
  text-align: left;
  font-size: 0.8888889rem;
  color: #cdcdcd;
  margin: 0;
}
#goProActivityDisplay-page .activity-footer .goPro-icon {
  position: relative;
}
#goProActivityDisplay-page .activity-footer .goPro-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 3.083333rem;
  height: 0.8888889rem;
  background: url("../img/activity/goPro/icon.png") no-repeat center;
  background-size: contain;
}
#goProActivityDisplay-page .activity-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #cdcdcd;
  font-size: 0.66667rem;
}
#goProActivityDisplay-page .activity-footer ul li {
  line-height: 1.16666667rem;
}
#goProActivityDisplay-page .activity-footer button {
  outline: 0 none;
  border: 0 none;
  padding: .4rem 1.5rem;
  text-align: center;
  border-radius: 1.5rem;
  background: -webkit-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: -o-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: -moz-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: linear-gradient(135deg, #f9e2a4, #f5dc6f);
  color: #333333;
  cursor: pointer;
  display: none;
  margin: 0 auto;
  width: 100%;
  margin-top: 1rem;
}
@media only screen and (min-width: 414px) {
  #goProActivityDisplay-page .activity-header p {
    line-height: 1.5rem !important;
  }
  #goProActivityDisplay-page .activity-footer ul {
    margin: 1rem 0 !important;
  }
  #goProActivityDisplay-page .activity-footer ul li {
    line-height: 1.5rem !important;
  }
}
@media only screen and (min-width: 375px) {
  #goProActivityDisplay-page .activity-header p {
    line-height: 1.5rem !important;
  }
  #goProActivityDisplay-page .activity-footer ul {
    margin: 1rem 0 !important;
  }
  #goProActivityDisplay-page .activity-footer ul li {
    line-height: 1.5rem !important;
  }
}
@media only screen and (min-width: 320px) {
  #goProActivityDisplay-page .goPro-item {
    padding: 1rem !important;
  }
  .share:after {
    top: -42px;
  }
  .share .activity-header h3 {
    margin-top: 1rem !important;
  }
  .share .activity-header h4 {
    margin-top: .5rem !important;
  }
  .share .activity-header .last {
    margin: 0.5rem 0 !important;
  }
  .share .activity-content p {
    margin: .5rem 0 !important;
  }
}
#goProActivityIntroduce-page .goPro {
  background: url('../img/activity/goPro/goPro_bg.jpg') no-repeat center;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
}
#goProActivityIntroduce-page .goPro:after {
  content: '';
  width: 100%;
  height: 10.888889rem;
  position: absolute;
  top: -12px;
  left: 0;
  z-index: 5;
  background: url("../img/activity/goPro/goPro_h.png") no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page .goPro:before {
  content: '';
  width: 80%;
  position: absolute;
  top: 5rem;
  left: 50%;
  margin-left: -40%;
  height: 3rem;
  background: url("../img/activity/goPro/title.png") no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page .goPro-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#goProActivityIntroduce-page .goPro-footer .footer-content {
  width: 78%;
  margin: 1rem auto;
}
#goProActivityIntroduce-page .goPro-footer .footer-content .joining {
  display: block;
  border: 0 none;
  outline: 0 none;
  background: -webkit-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: -o-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: -moz-linear-gradient(135deg, #f9e2a4, #f5dc6f);
  background: linear-gradient(135deg, #f9e2a4, #f5dc6f);
  border-radius: 2rem;
  font-size: 1.05555556rem;
  font-weight: 700;
  color: #333333;
  text-align: center;
  width: 100%;
  padding: .3rem 0;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}
#goProActivityIntroduce-page .goPro-footer .footer-content .gopro-btn {
  position: relative;
}
#goProActivityIntroduce-page .goPro-footer .footer-content .gopro-btn:after {
  content: '';
  position: absolute;
  top: -1.8rem;
  right: -0.35rem;
  z-index: 5;
  width: 4.02777778rem;
  height: 3.555556rem;
  background: url("../img/activity/goPro/end.png") no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page .goPro-footer .footer-content p {
  width: 100%;
  font-size: .75rem;
  color: #e0e0e1;
  margin: .3rem 0px .8rem;
}
#goProActivityIntroduce-page .goPro-footer .footer-content h4 {
  text-indent: 1.5rem;
  font-size: 0.88888889rem;
  color: #a0a0a1;
  position: relative;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
#goProActivityIntroduce-page .goPro-footer .footer-content h4:after {
  content: '';
  width: 27px;
  height: 77%;
  background: url("../img/activity/goPro/rules.png") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: -4px;
}
#goProActivityIntroduce-page .goPro-footer .footer-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.61111111rem;
  color: #a0a0a1;
}
#goProActivityIntroduce-page .goPro-footer .footer-content ul #rule_3 {
  display: none;
}
#goProActivityIntroduce-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#goProActivityIntroduce-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 3.2rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#goProActivityIntroduce-page .login:after {
  content: '';
  width: 58%;
  height: 6.5rem;
  position: absolute;
  top: -3.75rem;
  left: 50%;
  margin-left: -29%;
  z-index: 1003;
  background: url("../img/activity/login_t.png") no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#goProActivityIntroduce-page span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#goProActivityIntroduce-page span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#goProActivityIntroduce-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#goProActivityIntroduce-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#goProActivityIntroduce-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#goProActivityIntroduce-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#goProActivityIntroduce-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#goProActivityIntroduce-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#goProActivityIntroduce-page .btn-wrapper {
  display: flex;
  margin: 1rem 1rem 0 1rem;
}
#goProActivityIntroduce-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#goProActivityIntroduce-page .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#goProActivityIntroduce-page .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#doctorActivity-page .doctor {
  background: #e52a2c;
  width: 100%;
}
#doctorActivity-page .doctor-content {
  margin: 1rem;
  border: 0.16666667rem solid #FEDD76;
  position: relative;
  z-index: 2;
}
#doctorActivity-page .doctor-content:before {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(90deg);
  z-index: 3;
  top: -0.18rem;
  right: -0.19rem;
}
#doctorActivity-page .doctor-content:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: -0.18rem;
  left: -0.19rem;
}
#doctorActivity-page .angle-left {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  bottom: -0.16666667rem;
  left: -0.19rem;
  transform: rotate(270deg);
}
#doctorActivity-page .angle-right {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(180deg);
  z-index: 3;
  bottom: -0.16666667rem;
  right: -0.19rem;
}
#doctorActivity-page h4 {
  color: #FEDD76;
  font-size: .85rem;
  letter-spacing: .45rem;
  text-align: center;
  margin-bottom: 0;
}
#doctorActivity-page img.doctor-img {
  width: 16rem;
  height: 16rem;
  display: block;
  margin: 0 auto;
}
#doctorActivity-page p {
  color: #FEDD76;
  font-size: .65rem;
  font-weight: 500;
  margin: 0 auto;
  line-height: 1.2rem;
  text-align: center;
}
#doctorActivity-page .flowers {
  position: relative;
  margin-top: .9rem;
}
#doctorActivity-page .flowers:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/flowers.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: -0.8rem;
  right: 1.8rem;
}
#doctorActivity-page h3.doctor-time {
  width: 86%;
  margin: 1.5rem auto;
  color: #fff;
  font-size: .85rem;
  padding: .3rem;
  background: url("../img/activity/doctor/docoter_time.png") no-repeat center;
  background-size: contain;
  text-align: center;
}
#doctorActivity-page #doctor_btn {
  background: #fbd872;
  outline: 0 none;
  border: .15rem solid #f5bd59;
  width: 75%;
  margin: 0 auto;
  display: block;
  border-radius: 3rem;
  padding: .2rem;
  color: #E3292a;
  text-indent: 3rem;
  text-align: left;
  position: relative;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: .1rem;
}
#doctorActivity-page #doctor_btn:after {
  content: '';
  position: absolute;
  width: .9rem;
  height: .9rem;
  border: .1rem solid #E3292a;
  top: 50%;
  transform: translateY(-50%);
  right: 3.3rem;
  border-radius: 50%;
}
#doctorActivity-page #doctor_btn:before {
  content: '';
  width: .45rem;
  height: .45rem;
  border-top: .1rem solid #E3292a;
  border-left: .1rem solid #E3292a;
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 3.7rem;
}
#doctorActivity-page h3.doctor_title {
  font-size: 0.95rem;
  color: #fcdd85;
  text-align: center;
  position: relative;
  margin-top: 2.7rem;
}
#doctorActivity-page h3.doctor_title:before {
  content: '';
  width: 3.5rem;
  height: 100%;
  background: url(../img/activity/doctor/title_l.png) no-repeat center;
  position: absolute;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  left: 3.2rem;
}
#doctorActivity-page h3.doctor_title:after {
  content: '';
  width: 3.5rem;
  height: 80%;
  background: url(../img/activity/doctor/title_r.png) no-repeat center;
  position: absolute;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 3.2rem;
}
#doctorActivity-page h5 {
  font-size: .75rem;
  color: #ffffff;
  margin-left: 1rem;
  margin-right: 1rem;
}
#doctorActivity-page p.item {
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
  margin-left: 1rem;
  text-indent: .5rem;
  margin-right: 1rem;
  color: #fff2bf;
}
#doctorActivity-page p.item-df {
  position: relative;
}
#doctorActivity-page p.item-df:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/flowers.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0.8rem;
  left: 1.5rem;
  z-index: -1;
}
#doctorActivity-page p.item-flower {
  position: relative;
}
#doctorActivity-page p.item-flower:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/flowers.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: -0.8rem;
  right: 3.5rem;
  z-index: -1;
}
#doctorActivity-page p.item-d {
  text-indent: 1.5rem;
}
#doctorActivity-page p.footer {
  font-size: .65rem;
  margin-bottom: 3rem;
  margin-top: 2rem;
  position: relative;
  text-align: left;
  margin-left: 1rem;
  margin-right: 1rem;
  color: #f4e4a7;
}
#doctorActivity-page p.footer:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/flowers.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: -2rem;
  left: 1.5rem;
}
@media only screen and (width: 320px) {
  #doctorActivity-page img.doctor-img {
    width: 13rem;
    height: 13rem;
  }
  #doctorActivity-page h3.doctor-time {
    width: 90%;
    font-size: .75rem;
    white-space: nowrap;
  }
  #doctorActivity-page #doctor_btn {
    text-indent: 2.2rem;
  }
  #doctorActivity-page #doctor_btn:after {
    right: 2.3rem;
  }
  #doctorActivity-page #doctor_btn:before {
    right: 2.7rem;
  }
  #doctorActivity-page h3.doctor_title:after {
    right: 2.8rem;
  }
  #doctorActivity-page h3.doctor_title:before {
    left: 2.8rem;
  }
}
@media only screen and (width: 375px) {
  #doctorActivity-page h3.doctor_title:after {
    right: 3.4rem;
  }
  #doctorActivity-page h3.doctor_title:before {
    left: 3.4rem;
  }
}
@media only screen and (width: 414px) {
  #doctorActivity-page #doctor_btn {
    text-indent: 4rem;
  }
  #doctorActivity-page #doctor_btn:after {
    content: '';
    position: absolute;
    width: .9rem;
    height: .9rem;
    border: .1rem solid #E3292a;
    top: 50%;
    transform: translateY(-50%);
    right: 3rem;
    border-radius: 50%;
  }
  #doctorActivity-page #doctor_btn:before {
    content: '';
    width: .45rem;
    height: .45rem;
    border-top: .1rem solid #E3292a;
    border-left: .1rem solid #E3292a;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 3.4rem;
  }
  #doctorActivity-page h3.doctor_title:after {
    right: 4.4rem;
  }
  #doctorActivity-page h3.doctor_title:before {
    left: 4.4rem;
  }
}
#doctorActivity-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#doctorActivity-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 1rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#doctorActivity-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#doctorActivity-page span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#doctorActivity-page span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#doctorActivity-page span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#doctorActivity-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#doctorActivity-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#doctorActivity-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#doctorActivity-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#doctorActivity-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#doctorActivity-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#doctorActivity-page .mask_d {
  color: #d93d3e;
  text-align: center;
  margin: .5rem 0;
}
#doctorActivity-page .btn-wrapper {
  display: flex;
  margin: 0rem 1rem 0 1rem;
}
#doctorActivity-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#doctorActivity-page .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#doctorActivity-page .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#doctorGoDown-page .doctorGoDown {
  text-align: center;
}
#doctorGoDown-page .imgBH {
  margin-top: 5rem;
}
#doctorGoDown-page .imgBH {
  width: 30%;
}
#doctorGoDown-page .downDescribe {
  margin: 2rem 0 .3rem 0;
}
#doctorGoDown-page .buttonDownload {
  padding: .4rem 1.5rem;
  border-radius: 1.5rem;
  color: #e7e7e7;
  width: 70%;
  background-color: #da3e3e;
  font-size: .95rem;
  margin: 10rem 3rem 0 3rem;
}
#exchangeDoctorExpenses-page .mask,
#exchangeMobileExpenses-page .mask {
  position: fixed;
  z-index: 900;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
#exchangeDoctorExpenses-page .mask-content,
#exchangeMobileExpenses-page .mask-content {
  position: absolute;
  z-index: 902;
  width: 13.5rem;
  margin-left: -6.75rem;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0.35rem;
  text-align: center;
  color: #3d4145;
  background: #e8e8e8;
}
#exchangeDoctorExpenses-page .mask-content h4,
#exchangeMobileExpenses-page .mask-content h4 {
  margin: 0;
  padding-top: 0.75rem;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
}
#exchangeDoctorExpenses-page .mask-content p:last-child,
#exchangeMobileExpenses-page .mask-content p:last-child {
  padding-bottom: 0.75rem;
}
#exchangeDoctorExpenses-page .mask-content .mask-btn,
#exchangeMobileExpenses-page .mask-content .mask-btn {
  height: 2.2rem;
  overflow: hidden;
  border-radius: 0 0 0.35rem 0.35rem;
  position: relative;
  border-top: 1px solid #b5b5b5;
}
#exchangeDoctorExpenses-page .mask-content .mask-btn:before,
#exchangeMobileExpenses-page .mask-content .mask-btn:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  display: block;
  background: #b5b5b5;
  z-index: 15;
}
#exchangeDoctorExpenses-page .mask-content #sysShow,
#exchangeMobileExpenses-page .mask-content #sysShow {
  display: none;
  position: absolute;
  height: 100%;
  width: 50%;
  z-index: 3;
  right: 0;
  opacity: 0;
  background: transparent;
  font-size: 0;
  outline: 0;
  border: 0;
}
#exchangeDoctorExpenses-page .mask-content button,
#exchangeMobileExpenses-page .mask-content button {
  padding: 0;
  width: 49%;
  outline: 0 none;
  border: 0 none;
  height: 2.2rem;
  display: inline-block;
  font-size: 0.85rem;
  line-height: 2.2rem;
  text-align: center;
  color: #0894ec;
  background: #e8e8e8;
  white-space: nowrap;
  float: left;
}
#exchangeDoctorExpenses-page .mask-content #maskCancel,
#exchangeMobileExpenses-page .mask-content #maskCancel {
  border-radius: 0 0  0.35rem 0;
}
#exchangeDoctorExpenses-page .mask-content #maskOk,
#exchangeMobileExpenses-page .mask-content #maskOk {
  border-radius: 0   0.35rem 0  0;
}
#planet-page {
  background: url('../img/activity/planet/planet_bg.jpg') no-repeat;
  background-size: cover;
}
#planet-page .planet-img {
  width: 91.2%;
  margin: 20px auto;
  display: block;
}
#planet-page .planet-wrap {
  position: relative;
}
#planet-page .planet-wrap .earth {
  position: absolute;
  top: 89px;
  left: 14.22222222rem;
  width: 27px;
}
#planet-page .planet-wrap .neptune {
  position: absolute;
  bottom: 20px;
  left: 3.11111111rem;
  width: 35px;
}
#planet-page .planet-wrap .mars {
  position: absolute;
  top: 40px;
  left: 9.44rem;
  width: 26px;
}
#planet-page .planet-wrap .mercury {
  position: absolute;
  top: 116px;
  right: 6.4rem;
  width: 21.5px;
}
#planet-page .planet-wrap .saturn {
  position: absolute;
  top: 95px;
  right: 0.38888889rem;
  width: 41.5px;
}
#planet-page .planet-wrap .uranus {
  position: absolute;
  bottom: -10px;
  right: 3.94444444rem;
  width: 35.5px;
}
#planet-page .planet-wrap .venus {
  position: absolute;
  top: 114px;
  left: 5.91666667rem;
  width: 27px;
}
#planet-page .planet-wrap .jupiter {
  position: absolute;
  top: 36px;
  left: 1.83333333rem;
  width: 41.5px;
}
#planet-page .planet-ball {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: -35px;
}
#planet-page .planet-title {
  display: block;
  width: 64.23%;
  margin: 32px auto 20px;
}
#planet-page ul.planet-task {
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 230px;
}
#planet-page ul.planet-task li {
  padding-left: 35px;
}
#planet-page ul.planet-task li .planet-item {
  position: relative;
  width: 95%;
  margin-top: 11.5px;
}
#planet-page ul.planet-task li .planet-item .planet-task1 {
  width: 100%;
  display: block;
}
#planet-page ul.planet-task li .planet-item img.planet-icon {
  display: inline-block;
  width: 8px;
  position: absolute;
  bottom: 0.77777778rem;
  left: 1.22222222rem;
}
#planet-page ul.planet-task li .planet-item button {
  position: absolute;
  right: 0.22222222rem;
  top: 62%;
  transform: translateY(-50%);
  outline: 0 none;
  border: 0 none;
  font-size: 0.66666667rem;
  text-indent: 0.44444444rem;
  padding: 0.36111111rem 1.11111111rem;
  color: #fefefe;
  text-align: center;
  background: url('../img/activity/planet/btn_2.png') no-repeat center;
  background-size: contain;
}
#planet-page ul.planet-task li .planet-item button.active {
  background: url('../img/activity/planet/btn_1.png') no-repeat center;
  background-size: contain;
  color: transparent;
  text-indent: 0.44444444rem;
}
#planet-page ul.planet-task li .planet-item button.btn-register.active {
  background: url('../img/activity/planet/btn_c.png') no-repeat center;
  background-size: contain;
  color: transparent;
  text-indent: 0.44444444rem;
}
#planet-page .rules {
  color: #fff;
  padding: 16.5px 35px;
  position: relative;
  margin-bottom: 24px;
}
#planet-page .rules:after {
  content: '';
  width: 8px;
  height: 8px;
  background: url("../img/activity/planet/rules_icon.png") no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 15px;
  left: 35px;
}
#planet-page .rules:before {
  content: '';
  width: 8px;
  height: 8px;
  background: url("../img/activity/planet/rules_icon.png") no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(180deg);
  z-index: 3;
  bottom: 20px;
  right: 20px;
}
#planet-page .rules h6 {
  margin: 0;
  margin-bottom: 2px;
  font-size: 0.67rem;
  letter-spacing: 1px;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 12px;
}
#planet-page .rules .rules2 {
  display: none;
}
#planet-page .rules .rules1 .time {
  margin-top: 6px;
}
#planet-page .rules p {
  font-size: 0.5rem;
  width: 55%;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 1px;
  line-height: 0.85rem;
  margin-left: 12px;
}
#planet-page .rules .time {
  font-weight: 600;
}
#planet-page .rules #exChange {
  border: 0 none;
  width: 69px;
  height: 43px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  background: url('../img/activity/planet/exchage.png') no-repeat;
  background-size: cover;
}
#planet-page .rules #exChange.active {
  background: url("../img/activity/planet/exchangeL.png") no-repeat;
  background-size: cover;
}
#planet-page footer {
  display: none;
  padding: 0;
  text-align: center;
  margin-bottom: 56px;
  min-height: 275px;
}
#planet-page footer #img-download {
  width: 78%;
  display: block;
  margin: 0 auto;
}
#planet-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#planet-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 1rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#planet-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#planet-page span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#planet-page span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#planet-page span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#planet-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#planet-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#planet-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#planet-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#planet-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#planet-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#planet-page .mask_d {
  color: #d93d3e;
  text-align: center;
  margin: .5rem 0;
}
#planet-page .btn-wrapper {
  display: flex;
  margin: 0rem 1rem 0 1rem;
}
#planet-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#planet-page .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#planet-page .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#planet-page .mask2 {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
}
#planet-page .mask2 .mask-content {
  height: 13rem;
  width: 80%;
  display: block;
  margin: 30px auto;
  background: url("../img/h5_mask2.png") no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 1.3rem;
  position: relative;
}
#planet-page .mask2 #ok2 {
  width: 130px;
  height: 60px;
  display: block;
  background: url("../img/h5_close.png") no-repeat center;
  background-size: contain;
  outline: 0 none;
  border: 0 none;
  margin: 0 auto;
}
#planetShare-page {
  background: url('../img/activity/planet/planet_bg.jpg') no-repeat;
  background-size: cover;
}
#planetShare-page .planetEnd {
  margin: 3.91666667rem auto 1.75rem;
  width: 42.13%;
}
#planetShare-page .planetEnd img {
  width: 100%;
}
#planetShare-page .outer {
  display: none;
}
#planetShare-page .planet-des {
  width: 78%;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  position: relative;
}
#planetShare-page .planet-des:after {
  content: '';
  width: 8px;
  height: 8px;
  background: url("../img/activity/planet/rules_icon.png") no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: -5px;
  left: 10px;
}
#planetShare-page .planet-des:before {
  content: '';
  width: 8px;
  height: 8px;
  background: url("../img/activity/planet/rules_icon.png") no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(180deg);
  z-index: 3;
  bottom: 0px;
  right: 10px;
}
#planetShare-page .planet-des h6 {
  font-size: 1.06rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 4px;
  line-height: 24px;
  letter-spacing: 1px;
}
#planetShare-page .planet-des p {
  font-size: 0.78rem;
  margin: 0;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  line-height: 24px;
  letter-spacing: 1px;
  white-space: nowrap;
}
#planetShare-page #buttonDownload {
  width: 70%;
  height: 3rem;
  line-height: 3rem;
  margin: 0 auto;
  font-size: 0.94rem;
  color: #fff;
  margin-top: 2.47222222rem;
  border-radius: 3.5rem;
  letter-spacing: 1px;
  background: -webkit-linear-gradient(left, #7330D7, #bb54ee);
  background: -moz-linear-gradient(left, #7330D7, #bb54ee);
  background: -ms-linear-gradient(left, #7330D7, #bb54ee);
  background: -o-linear-gradient(left, #7330D7, #bb54ee);
  background: linear-gradient(left, #7330D7, #bb54ee);
  background-size: cover;
  text-align: center;
  vertical-align: bottom;
}
#testtrial-page {
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#testtrial-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #f26f42 !important;
  color: #f26f42 !important;
}
#testtrial-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#testtrial-page .product-main div {
  background-color: #fff;
}
#testtrial-page ul {
  list-style: none;
}
#testtrial-page .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#testtrial-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#testtrial-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#testtrial-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#testtrial-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#testtrial-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#testtrial-page #productImg {
  height: 11.3rem;
}
#testtrial-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#testtrial-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#testtrial-page .content-width p.rp {
  padding-right: 6%;
}
#testtrial-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#testtrial-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#testtrial-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#testtrial-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#testtrial-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#testtrial-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#testtrial-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#testtrial-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#testtrial-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#testtrial-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#testtrial-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#testtrial-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#testtrial-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#testtrial-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#testtrial-page .protect-range img {
  width: 100%;
}
#testtrial-page .lp {
  padding-right: 2%;
}
#testtrial-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#testtrial-page .apply-insure {
  color: #fffffd;
  background-color: #f26f42;
  width: 100%;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
}
#testtrial-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#testtrial-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#testtrial-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#testtrial-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#testtrial-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#testtrial-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ffb891;
}
#testtrial-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#testtrial-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#testtrial-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#testtrial-page .gray-btn {
  background-color: #f4f4f4;
}
#testtrial-page .gray-btn-checked {
  background-color: #f26f42;
  color: #fff !important;
}
#testtrial-page .btn-middle {
  width: 31%;
  margin: 0px 2px;
  font-size: 0.7rem;
  line-height: 2;
  border: 0;
  margin-top: 2%;
  border-radius: 0.25 !important;
}
#testtrial-page .list-block .label {
  vertical-align: top;
  font-size: 0.8rem;
}
#testtrial-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#testtrial-page .rt {
  color: #999;
}
#testtrial-page .font-orange {
  color: #0bb1ef;
}
#testtrial-page .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#testtrial-page .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#testtrial-page input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#testtrial-page input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #testtrial-page input[type="date"]:before {
    color: #4DB2F6;
  }
  #testtrial-page .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #testtrial-page .font-center {
    padding: 0px 1%;
  }
  #testtrial-page .rang-l {
    margin-left: -3%;
  }
  #testtrial-page .rang-r {
    margin-left: 3%;
  }
  #testtrial-page .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #testtrial-page .insur-row-padding {
    margin-right: 17%;
  }
  #testtrial-page .protect-range1 p {
    font-size: 1em;
  }
}
#testtrial-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#testtrial-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 3.2rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#testtrial-page .login:after {
  content: '';
  width: 58%;
  height: 6.5rem;
  position: absolute;
  top: -3.75rem;
  left: 50%;
  margin-left: -29%;
  z-index: 1003;
  background: url("../img/activity/login_t.png") no-repeat center;
  background-size: contain;
}
#testtrial-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#testtrial-page span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#testtrial-page span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#testtrial-page span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#testtrial-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#testtrial-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#testtrial-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#testtrial-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#testtrial-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#testtrial-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#testtrial-page .btn-wrapper {
  display: flex;
  margin: 1rem 1rem 0 1rem;
}
#testtrial-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#testtrial-page .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#testtrial-page .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#guaguaka-page .bg-card {
  background: url("../../public/img/reward/point/luckcard_background.png") no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: relative;
}
#guaguaka-page .g-card {
  width: 90%;
  height: 5.5rem;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  background: url("../../public/img/reward/point/luckcatd.png") no-repeat;
  background-size: 100%;
}
#guaguaka-page .g-card .sub_card {
  width: 63%;
  height: 84%;
  background: transparent;
  margin: .35rem auto .2rem;
  position: absolute;
  top: 0;
  left: 18%;
}
#guaguaka-page .g-card .info {
  width: 63%;
  height: 84%;
  background: transparent;
  margin: .35rem auto .2rem;
  position: absolute;
  top: 0;
  left: 9%;
}
#guaguaka-page .g-card img {
  width: 70%;
  height: 5.5rem;
  position: relative;
}
#guaguaka-page .rules {
  width: 85%;
  max-height: 100%;
  position: absolute;
  margin: 0 auto;
  padding: .5rem;
}
#guaguaka-page .rules li {
  list-style: none;
  line-height: 1.3rem;
  color: #888888;
}
#guaguaka-page .info span {
  width: 90%;
  height: 84%;
  display: block;
  font-size: 18px;
  padding-top: 0.5rem;
  position: absolute;
  top: 3%;
  left: 18%;
  word-wrap: break-word;
}
#myPointHistory-page .h_bar:after {
  height: 6px;
}
#myExchange-page * {
  font-family: "Source Han Sans CN" !important;
}
#myExchange-page .e_bar:after {
  height: 6px;
}
#myExchange-page .main-change {
  font-size: 1rem;
  font-weight: bold;
  color: #696969;
}
#myExchange-page .second-change {
  font-size: 0.9rem;
  color: #E20818;
}
#myExchange-page .time-change {
  color: #959595;
}
#myExchange-page .exchange-state input {
  width: 4rem;
  height: 1.5rem;
  line-height: 1.1rem;
  text-align: center;
  border-radius: .3rem;
}
#myExchange-page .ongoing {
  background: #fff;
  border: .1rem solid #F58064;
  color: #F58064;
  font-weight: bold;
}
#myExchange-page .finish-change {
  background: #F58064;
  border: .1rem solid #F58064;
  color: #fff;
  font-weight: bold;
}
#myExchange-page .unfinished {
  background: #F58064;
  border: .1rem solid #F58064;
  color: #fff;
  font-weight: bold;
}
#myExchange-page .fail-change {
  border: .1rem solid transparent;
  background: #fff;
  color: #9A9A9A;
  font-weight: bold;
}
#myExchange-page .changeAll {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
#exchangeMobileExpenses-page .point img {
  width: 62%;
  height: 20%;
  position: absolute;
  top: 0.05rem;
  left: 0;
}
.my-point-list ul {
  border-bottom: 1px solid #e7e7e7;
  list-style: none;
}
.my-point-list {
  background: white;
}
.my-point-list .huoqu {
  padding: 0px 0px 0px 40px;
}
.my-point-list .duihuan {
  padding: 0px 0px 0px 40px;
}
.exchangeDetial ul {
  border-bottom: 1px solid #e7e7e7;
  list-style: none;
}
.exchangeDetial {
  background: white;
}
.exchange-expenses-gift-selected {
  border: 1px solid red;
}
.my-list-1 {
  background: white;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
}
#doctorDisplay-page .doctor {
  background-color: #e52a2c;
  width: 100%;
}
#doctorDisplay-page .doctor-content {
  margin: 1rem;
  border: 0.16666667rem solid #FEDD76;
  position: relative;
  z-index: 2;
}
#doctorDisplay-page .doctor-content:before {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(90deg);
  z-index: 3;
  top: -0.18rem;
  right: -0.19rem;
}
#doctorDisplay-page .doctor-content:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: -0.18rem;
  left: -0.19rem;
}
#doctorDisplay-page .angle-left {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 3;
  bottom: -0.16666667rem;
  left: -0.19rem;
  transform: rotate(270deg);
}
#doctorDisplay-page .angle-right {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/activity/doctor/angle.png) no-repeat center;
  background-size: cover;
  position: absolute;
  transform: rotate(180deg);
  z-index: 3;
  bottom: -0.16666667rem;
  right: -0.19rem;
}
#doctorDisplay-page h4 {
  color: #FEDD76;
  font-size: .85rem;
  letter-spacing: .45rem;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}
#doctorDisplay-page img.doctor-img {
  display: block;
  margin: 0 auto;
  width: 96%;
  margin-top: -2.3rem;
}
#doctorDisplay-page p {
  color: #FEDD76;
  font-size: .65rem;
  font-weight: 500;
  margin: 0 auto;
  line-height: 1.2rem;
  text-align: center;
}
#doctorDisplay-page .flowers {
  position: relative;
}
#doctorDisplay-page .flowers:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background-size: cover;
  position: absolute;
  bottom: -0.8rem;
  left: 4rem;
  z-index: -1;
}
#doctorDisplay-page p.doctor_h {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
#doctorDisplay-page p.doctor_h.flowers:after {
  display: none;
}
#doctorDisplay-page h3.doctor-time {
  width: 86%;
  margin: 1.5rem auto;
  color: #fff;
  font-size: .85rem;
  padding: .3rem;
  background: url("../img/activity/doctor/docoter_time.png") no-repeat center;
  background-size: contain;
  text-align: center;
}
#doctorDisplay-page #doctor_btn {
  background: #fbd872;
  outline: 0 none;
  border: .15rem solid #f5bd59;
  width: 60%;
  margin: 0 auto;
  display: block;
  border-radius: 3rem;
  padding: .2rem;
  text-indent: 1rem;
  text-align: left;
  position: relative;
}
#doctorDisplay-page #doctor_btn:after {
  content: '';
  position: absolute;
  width: .9rem;
  height: .9rem;
  border: .1rem solid #E3292a;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  border-radius: 50%;
}
#doctorDisplay-page #doctor_btn:before {
  content: '';
  width: .45rem;
  height: .45rem;
  border-top: .1rem solid #E3292a;
  border-left: .1rem solid #E3292a;
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 1.4rem;
}
#doctorDisplay-page h3.doctor_title {
  font-size: 0.95rem;
  color: #fcdd85;
  text-align: center;
  position: relative;
}
#doctorDisplay-page h3.doctor_title:before {
  content: '';
  width: 3.5rem;
  height: 100%;
  background: url(../img/activity/doctor/title_l.png) no-repeat center;
  position: absolute;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  left: 3.2rem;
}
#doctorDisplay-page h3.doctor_title:after {
  content: '';
  width: 3.5rem;
  height: 80%;
  background: url(../img/activity/doctor/title_r.png) no-repeat center;
  position: absolute;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 3.2rem;
}
#doctorDisplay-page h5 {
  font-size: .75rem;
  color: #ffffff;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0rem;
}
#doctorDisplay-page p.item {
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
  margin-left: 1rem;
  margin-right: 1rem;
  color: #fff2bf;
}
#doctorDisplay-page p.item-df {
  position: relative;
}
#doctorDisplay-page p.item-df:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background-size: cover;
  position: absolute;
  top: 0.8rem;
  left: 1.5rem;
  z-index: -1;
}
#doctorDisplay-page a.tel {
  color: #E3292a;
  font-size: 1.1rem;
}
#doctorDisplay-page p.item-flower {
  position: relative;
}
#doctorDisplay-page p.item-flower:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background-size: cover;
  position: absolute;
  bottom: -1.3rem;
  right: 3.5rem;
  z-index: -1;
}
#doctorDisplay-page h5.doctor-service {
  margin-top: 0;
}
#doctorDisplay-page p.footer {
  font-size: .65rem;
  margin-bottom: 3rem;
  margin-top: 2rem;
  position: relative;
  text-align: left;
  margin-left: 1rem;
  margin-right: 1rem;
  color: #f4e4a7;
}
#doctorDisplay-page p.footer:after {
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background-size: cover;
  position: absolute;
  bottom: -2rem;
  left: 1.5rem;
}
@media only screen and (width: 320px) {
  #doctorDisplay-page h3.doctor-time {
    width: 90%;
    font-size: .75rem;
    white-space: nowrap;
  }
  #doctorDisplay-page #doctor_btn {
    width: 64%;
    text-indent: .52rem;
  }
  #doctorDisplay-page #doctor_btn:after {
    width: 1rem;
    height: 1rem;
    border: .1rem solid #E3292a;
    top: 50%;
    transform: translateY(-50%);
    right: .52rem;
  }
  #doctorDisplay-page #doctor_btn:before {
    right: 1rem;
  }
  #doctorDisplay-page h3.doctor_title:after {
    right: 2.8rem;
  }
  #doctorDisplay-page h3.doctor_title:before {
    left: 2.8rem;
  }
}
@media only screen and (width: 375px) {
  #doctorDisplay-page h3.doctor_title:after {
    right: 3.4rem;
  }
  #doctorDisplay-page h3.doctor_title:before {
    left: 3.4rem;
  }
}
@media only screen and (width: 414px) {
  #doctorDisplay-page #doctor_btn {
    width: 50%;
    font-size: 1.1rem;
    text-indent: 0.8rem;
  }
  #doctorDisplay-page #doctor_btn:after {
    content: '';
    position: absolute;
    width: .9rem;
    height: .9rem;
    border: .1rem solid #E3292a;
    top: 50%;
    transform: translateY(-50%);
    right: 0.6rem;
    border-radius: 50%;
  }
  #doctorDisplay-page #doctor_btn:before {
    content: '';
    width: .45rem;
    height: .45rem;
    border-top: .1rem solid #E3292a;
    border-left: .1rem solid #E3292a;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 1rem;
  }
  #doctorDisplay-page h3.doctor_title:after {
    right: 4.4rem;
  }
  #doctorDisplay-page h3.doctor_title:before {
    left: 4.4rem;
  }
}
#claims-page * {
  margin: 0;
  padding: 0;
}
#claims-page .content {
  padding: 1rem 0 1rem 1rem;
}
#claims-page .accident-img {
  height: 3rem;
}
#claims-page .accident {
  position: relative;
}
#claims-page .triangle {
  left: 3.5rem;
  top: 1.2rem;
  border-bottom: 0.4rem solid #F2F9FF;
  border-top: 0.4rem solid #F2F9FF;
  border-right: 0.5rem solid #FFFFFF;
  position: absolute;
  display: inline-block;
}
#claims-page .accident-text {
  height: 2.6rem;
  width: 60%;
  position: absolute;
  top: 0.2rem;
  text-align: center;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  font-weight: bold;
}
#claims-page .left-border {
  height: 2rem;
  border: 1px solid #cdcdc1;
  width: 0;
  margin-left: 1.4rem;
  border-radius: 0.5rem;
  margin-bottom: 0.4rem;
}
#claims-page .with-content {
  display: inline-block;
}
#claims-page .content-outer {
  position: relative;
}
#claims-page .claims-content {
  width: 93%;
  display: inline-block;
  font-size: 0.8rem;
  position: absolute;
  top: 1rem;
  left: 0rem;
}
#claims-page .claims-content p {
  background: #FFFFFF;
  padding: 1rem;
}
#aboutus-page .container {
  margin: .5rem 1rem;
}
#agreement-page .container {
  margin: .5rem 1rem;
}
.new-pwd {
  display: inline-block;
}
.pwd-div {
  display: inline-block;
  width: 30px;
  height: 10px;
  background-color: #E7E7E7;
}
.pwddiv {
  display: inline-block;
}
.pwd-color {
  background-color: #f26f42;
}
#productLstStaff-page .bar .icon {
  font-size: 1rem;
  color: #4f4f4f;
  margin-top: .3rem;
}
#productLstStaff-page .bar-nav .title {
  font-size: .80rem;
  font-weight: bold;
  background: #fff;
  color: #333 !important;
}
#productLstStaff-page .item-title-staff {
  height: 2rem;
  line-height: 2rem;
  background-color: #fff;
  padding-left: .1rem;
  padding-top: .05rem;
  border-left: .25rem solid #ff801a;
}
#productLstStaff-page .item-title-h {
  font-weight: 600;
  font-family: Source Han Sans CN;
  height: 1.5rem;
  margin-top: .25rem;
  line-height: 1.5rem;
  padding-left: .5rem;
}
#productLstStaff-page .item-content-staff {
  background-color: #fff;
  margin-top: .1rem;
}
#productLstStaff-page .item-content-tu {
  text-align: center;
}
#productLstStaff-page .insurance {
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-size: .95rem;
  line-height: 1.5rem;
  margin: 0 0 0 .85rem;
}
#productLstStaff-page .insurancePrice {
  font-weight: 600;
  color: #e4393c;
  margin-right: 0;
}
#productLstStaff-page .little-lable {
  color: #D26E78;
  font-size: .7rem;
}
#productLstStaff-page .insurance img {
  height: .7rem;
  position: relative;
  top: .1rem;
}
#productLstStaff-page .description {
  font-family: Source Han Sans CN;
  border-top: .001rem solid #d8d8d8;
  width: 90%;
  margin-left: 5%;
  margin-top: .3rem;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-size: 0.74rem;
  color: #acacac;
}
#productLstStaff-page .statement {
  height: 2.2rem;
  line-height: 2rem;
  text-align: center;
  font-family: Source Han Sans CN;
  margin-top: .35rem;
  color: #acacac;
  background-color: #fff;
}
#showProduct-page img {
  display: block;
  outline: 0 none;
  border: 0 none;
}
#showProduct-page .btn-fee {
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100%;
  color: #fffffd;
  background-color: #f26f42;
  min-height: 42px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0 none;
  outline: 0 none;
  display: none;
}
/*
  保险+模块样式
*/
#trust-page {
  /* 使得所有的li在水上 */
  /* 隐藏画布外的内容 */
}
#trust-page .slider-nav {
  position: relative;
  height: 100%;
}
#trust-page .slider-nav ul {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#trust-page .slider-nav ul,
#trust-page .slider-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
#trust-page .slider-nav li {
  position: absolute;
  /*避免动画时闪动*/
  -webkit-backface-visibility: hidden;
  height: 100%;
  overflow: hidden;
}
#trust-page .slider-nav li .img {
  width: 100%;
  height: 100%;
  background: url('../../public/img/insurance/bg.png') no-repeat;
  background-size: cover;
  position: relative;
}
#trust-page .slider-nav li .img .img-center {
  position: absolute;
  top: 10%;
  width: 70%;
  left: 50%;
  margin-left: -35%;
}
#trust-page .slider-nav li .img .img-h {
  height: 37.5px;
  position: absolute;
  top: 5%;
  left: 0;
}
#trust-page .slider-nav li .img .img-center2 {
  width: 82%;
  top: 25%;
  position: absolute;
  left: 50%;
  margin-left: -41.5%;
}
#trust-page .slider-nav li .img .img-center3 {
  width: 74%;
  top: 20%;
  left: 50%;
  margin-left: -37%;
  position: absolute;
}
#trust-page .slider-nav li .img .img-center4 {
  width: 92%;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -46%;
}
#trust-page .slider-nav li .img .img-center5 {
  width: 81%;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -40.5%;
}
#trust-page .slider-nav li .img .img-center6 {
  width: 100%;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -50%;
}
#trust-page .slider-nav li .img .img-center7 {
  width: 84%;
  position: absolute;
  top: 12.5%;
  left: 50%;
  margin-left: -42%;
}
#trust-page .btn-group {
  position: fixed;
  bottom: 0;
  z-index: 999;
  background: #fff;
  height: 44px;
  width: 100%;
  overflow: hidden;
  font-size: 17px;
  color: #0c111b;
  font-weight: bold;
  display: none;
}
#trust-page .btn-group:after {
  content: '';
  width: 2px;
  height: 100%;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 0;
}
#trust-page .btn-group a,
#trust-page .btn-group button {
  width: 49%;
  display: inline-block;
  text-align: center;
  color: #0c111b;
  background: #fff;
  line-height: 44px;
  border: 0 none;
  outline: 0 none;
  text-indent: 0.05%;
}
#trust-page #sliderPhoto {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#trust-page .up-slide {
  position: absolute;
  bottom: 0;
  left: calc(40%);
  width: 20px;
  height: 20px;
  z-index: 999999999;
  -webkit-animation: show 1.5s infinite ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@-webkit-keyframes show {
  0% {
    opacity: 0.1;
    -webkit-transform: translate3d(0, 8px, 0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, -8px, 0);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: translate3d(0, -16px, 0);
  }
}
#trust-page .show {
  display: block;
}
#trust-page #navBar {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  z-index: 999;
  width: 18px;
}
#trust-page #navBar span {
  width: 14px;
  height: 13px;
  background: url("../../public/img/insurance/btn_w.png") no-repeat;
  background-size: contain;
  margin-bottom: 20px;
  display: block;
  transition: background 500ms;
  position: relative;
}
#trust-page #navBar span.active {
  background: url("../../public/img/insurance/btn.png") no-repeat;
  background-size: contain;
}
#trust-page #navBar span:after {
  content: '';
  width: 1px;
  height: 20px;
  position: absolute;
  z-index: 2;
  left: 7px;
  bottom: -20px;
  background: url("../../public/img/insurance/line.png") no-repeat;
}
#trust-page #navBar span:last-child:after {
  background: none;
}
#trust-page .mask {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}
#trust-page .mask .mask-content {
  height: 13rem;
  width: 100%;
  display: block;
  margin: 30px auto;
  background: url("../img/h5_mask2.png") no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 1.3rem;
  position: relative;
}
#trust-page .mask #ok {
  width: 130px;
  height: 60px;
  display: block;
  background: url("../img/h5_close.png") no-repeat center;
  background-size: contain;
  outline: 0 none;
  border: 0 none;
  margin: 0 auto;
}
#purchaseHis-page .line-range {
  padding-bottom: 0.8rem !important;
  padding-top: 0.8rem !important;
}
#purchaseHis-page .title-font {
  font-size: 0.88rem !important;
  font-weight: bold !important;
  color: #333333 !important;
}
#purchaseHis-page .text-font {
  font-size: 0.88rem !important;
  color: #4D4D4D !important;
}
#purchaseHis-page .money-font {
  font-size: 0.88rem !important;
  font-weight: bold !important;
  color: #FF7B0F !important;
}
#purchaseHis-page .padding-right-set {
  padding-right: 0.75rem;
}
#generalDetail-page .col-25 {
  width: 22%;
  margin-left: 3%;
}
#generalDetail-page img {
  width: 52%;
}
#generalDetail-page .button-customer-h5.button-fill {
  background-color: #ff7a0f;
}
#generalDetail-page .buttons-tab::after {
  background-color: #dfdfdf;
}
#generalDetail-page .buttons-tab > a.active {
  border-bottom: 0px solid #ff7a0f !important;
  color: #ff7a0f !important;
}
#generalDetail-page .tab-link.button.active::after {
  width: 40%;
  content: '';
  height: 2px;
  background: #ff7a0f;
  position: absolute;
  top: 98%;
  left: 30%;
}
#generalDetail-page .modal-inner::after {
  height: 1px;
  background-color: #e9e9e9;
}
#generalDetail-page .modal-button::after {
  background-color: #e9e9e9;
}
#generalDetail-page .item-link .item-inner {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#appntInfoChange-page .modal-title {
  font-size: 1rem;
  color: #4d4d4d;
}
#appntInfoChange-page .modal-inner {
  background: #fff;
  padding: 1.39rem 0.75rem;
}
#appntInfoChange-page .modal-inner:after {
  height: 1px;
  background-color: #f0f0f0;
}
#appntInfoChange-page .modal-button {
  color: #FF7a0f;
  font-weight: bold;
  background: #fff;
}
#appntInfoChange-page .modal-button.modal-button-bold {
  font-weight: bold;
}
#appntInfoChange-page .modal-button:after {
  background-color: #f0f0f0;
}
#appntInfoChange-page .list-block ul {
  border-top: 0px;
  border-bottom: 0px;
}
#appntInfoChange-page .list-block ul li .item-inner {
  border-bottom: 0px;
}
#appntInfoChange-page .button-customer-h5.button-fill {
  background-color: #ff7a0f;
}
#appntInfoChange-page .item-inner.h5-item-inner {
  padding: 8px 15px;
}
#appntInfoChange-page .list-block .item-title.label {
  margin: 0;
}
#insurInfoChange-page .modal-title {
  font-size: 1rem;
  color: #4d4d4d;
}
#insurInfoChange-page .modal-inner {
  background: #fff;
  padding: 1.39rem 0.75rem;
}
#insurInfoChange-page .modal-inner:after {
  height: 1px;
  background-color: #f0f0f0;
}
#insurInfoChange-page .modal-button {
  color: #FF7a0f;
  font-weight: bold;
  background: #fff;
}
#insurInfoChange-page .modal-button.modal-button-bold {
  font-weight: bold;
}
#insurInfoChange-page .modal-button:after {
  background-color: #f0f0f0;
}
#insurInfoChange-page .list-block ul {
  border-top: 0px;
  border-bottom: 0px;
}
#insurInfoChange-page .list-block ul li .item-inner {
  border-bottom: 0px;
}
#insurInfoChange-page .button-customer-h5.button-fill {
  background-color: #ff7a0f;
}
#insurInfoChange-page .item-inner.h5-item-inner {
  padding: 8px 15px;
}
#insurInfoChange-page .list-block .item-title.label {
  margin: 0;
}
#bntInfoChange-page .modal-title {
  font-size: 1rem;
  color: #4d4d4d;
}
#bntInfoChange-page .modal-inner {
  background: #fff;
  padding: 1.39rem 0.75rem;
}
#bntInfoChange-page .modal-inner:after {
  height: 1px;
  background-color: #f0f0f0;
}
#bntInfoChange-page .modal-button {
  color: #FF7a0f;
  font-weight: bold;
  background: #fff;
}
#bntInfoChange-page .modal-button.modal-button-bold {
  font-weight: bold;
}
#bntInfoChange-page .modal-button:after {
  background-color: #f0f0f0;
}
#custTypeList-page .content {
  font-family: Source Han Sans CN, sans-serif;
  background: #f8f8f8;
}
#custTypeList-page .rows {
  padding: 0;
  margin-top: 0;
  font-size: 0.67rem;
  line-height: 0.67rem;
  padding: 0.5rem 0.83rem;
  color: #f26f42;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
  background: #FFFEEA;
}
#custTypeList-page .rows img {
  width: 0.83rem;
  margin-right: 0.56rem;
  border: 0 none;
  outline: 0 none;
  vertical-align: top;
}
#custTypeList-page .buttons-tab {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: bold;
}
#custTypeList-page .buttons-tab:after {
  display: none;
}
#custTypeList-page .buttons-tab .button {
  font-size: 0.89rem;
  height: 2.78rem;
  line-height: 2.78rem;
}
#custTypeList-page .buttons-tab > a.active {
  color: #FF7b0F !important;
  border-bottom: 3px solid #ff7b0f !important;
  border-collapse: collapse;
}
#custTypeList-page #insuredul li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
  display: block;
}
#custTypeList-page #insuredul li h6 {
  font-size: 0.83rem;
  line-height: 0.88rem;
  padding-bottom: 0.83rem;
  margin: 0;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  position: relative;
}
#custTypeList-page #insuredul li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#custTypeList-page #insuredul li p:first-child {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
  margin-bottom: 0.9rem;
}
#custTypeList-page #insuredul li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#custTypeList-page li .groupImg {
  height: 1.22rem;
  border: 0 none;
  outline: 0 none;
  position: absolute;
  top: 0;
  right: 1.278rem;
  z-index: 1;
}
#custTypeList-page li div.imgIcon {
  position: absolute;
  bottom: 0.9rem;
  right: 0.83rem;
  z-index: 1;
  text-align: center;
}
#custTypeList-page .imgIcon img {
  width: 1.67rem;
  border: 0 none;
  outline: 0 none;
}
#custTypeList-page .imgIcon p {
  font-size: 0.56rem !important;
  line-height: 0.56rem !important;
  color: #999999;
  margin-top: -2px !important;
}
#custTypeList-page p.safeguard {
  color: #0eb72f !important;
}
#custTypeList-page p.outtime {
  color: #b0b0b0 !important;
}
#custTypeList-page p.handle {
  color: #0fb6ff !important;
}
#custTypeList-page div.cont_color h5 {
  font-size: 0.78rem;
  color: #999;
  margin: 0 auto;
  text-align: center;
  width: 90%;
  display: flex;
}
#insuredIdchange-page .title-margin {
  margin-top: 0px;
}
#insuredIdchange-page .title-black-margin {
  margin-top: 0px;
  margin-bottom: 10px;
}
#insuredIdchange-page .list-insuConfMsg {
  margin-top: 0px;
}
#insuredIdchange-page .left-gap {
  margin-left: 1.5rem;
  margin-right: 1rem;
}
#insuredIdchange-page #verticalLineOld:before {
  content: '';
  height: 8.18rem;
  width: 1px;
  background: #E6E6E6;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 1.96rem;
  left: 1.0rem;
  /* transform: translateY(-50%); */
}
#insuredIdchange-page #verticalLineOld:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan1.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 1.12rem;
  left: 0.7rem;
  border-radius: 50%;
}
#insuredIdchange-page #verticalLineNew:before {
  content: '';
  height: 6.32rem;
  width: 1px;
  background: #FFC799;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 11.52rem;
  left: 1rem;
  /* transform: translateY(-50%); */
}
#insuredIdchange-page #verticalLineNew:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan2.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 10.52rem;
  left: 0.7rem;
  border-radius: 50%;
}
#insuredIdchange-page .list-block ul {
  border-bottom: none;
}
#insuredIdchange-page .list-block ul li .item-inner {
  border-bottom: none;
}
#insuredIdchange-page .list-block .h5-item-inner {
  padding: 0.56rem 0.56rem;
}
#insuredIdchange-page .list-block {
  font-size: 0.8rem;
}
#insuredIdchange-page #backgound-top {
  position: relative;
  z-index: 1;
}
#insuredIdchange-page #backgound-top:after {
  content: "";
  background-color: #dadada;
  width: 4.84rem;
  height: 0.6rem;
  position: absolute;
  top: 0.44rem;
  z-index: -1;
  left: -0.14rem;
}
#insuredIdchange-page #backgound-buttom {
  position: relative;
  z-index: 1;
}
#insuredIdchange-page #backgound-buttom:after {
  content: "";
  background-color: #ffd4a0;
  width: 6.4rem;
  height: 0.6rem;
  position: absolute;
  top: 0.44rem;
  z-index: -1;
  left: -0.1rem;
}
#insuredIdchange-page .bar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #E6E6E6;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#insuredIdchange-page .list-block ul {
  border-top: none;
  border-bottom: none;
}
#insuredIdchange-page .modal-button {
  color: #FF7a0f;
  font-weight: bold;
  background: #ffffff;
}
#insuredIdchange-page .modal-inner {
  background: #ffffff;
  padding: 1.39rem 0.75rem;
}
#insuredIdchange-page .modal-inner::after {
  height: 1px;
  background-color: #e9e9e9;
}
#insuredIdchange-page .modal-button::after {
  width: 1px;
  background-color: #e9e9e9;
}
#custIdChange-page .title-margin {
  margin-top: 0px;
}
#custIdChange-page .title-black-margin {
  margin-top: 0px;
  margin-bottom: 10px;
}
#custIdChange-page .list-insuConfMsg {
  margin-top: 0px;
}
#custIdChange-page .left-gap {
  margin-left: 1.5rem;
  margin-right: 1rem;
}
#custIdChange-page #verticalLineOld:before {
  content: '';
  height: 8.28rem;
  width: 1px;
  background: #E6E6E6;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 1.96rem;
  left: 1.0rem;
  /* transform: translateY(-50%); */
}
#custIdChange-page #verticalLineOld:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan1.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 1.12rem;
  left: 0.7rem;
  border-radius: 50%;
}
#custIdChange-page #verticalLineNew:before {
  content: '';
  height: 6.32rem;
  width: 1px;
  background: #FFC799;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 11.52rem;
  left: 1rem;
  /* transform: translateY(-50%); */
}
#custIdChange-page #verticalLineNew:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan2.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 10.52rem;
  left: 0.7rem;
  border-radius: 50%;
}
#custIdChange-page .list-block ul {
  border-bottom: none;
  border-top: none;
}
#custIdChange-page .list-block ul li .item-inner {
  border-bottom: none;
}
#custIdChange-page .list-block .h5-item-inner {
  padding: 0.84rem 0.84rem;
}
#custIdChange-page .list-block {
  font-size: 0.8rem;
}
#custIdChange-page #backgound-top {
  position: relative;
  z-index: 1;
}
#custIdChange-page #backgound-top:after {
  content: "";
  background-color: #dadada;
  width: 4.84rem;
  height: 0.6rem;
  position: absolute;
  top: 0.44rem;
  z-index: -1;
  left: -0.14rem;
}
#custIdChange-page #backgound-buttom {
  position: relative;
  z-index: 1;
}
#custIdChange-page #backgound-buttom:after {
  content: "";
  background-color: #ffd4a0;
  width: 6.4rem;
  height: 0.6rem;
  position: absolute;
  top: 0.44rem;
  z-index: -1;
  left: -0.1rem;
}
#custIdChange-page .modal-button {
  color: #FF7a0f;
  font-weight: bold;
  background: #ffffff;
}
#custIdChange-page .modal-inner {
  background: #ffffff;
  padding: 1.39rem 0.75rem;
}
#custIdChange-page .modal-inner::after {
  height: 1px;
  background-color: #e9e9e9;
}
#custIdChange-page .modal-button::after {
  width: 1px;
  background-color: #e9e9e9;
}
#refund-page .list-block {
  margin: 0 0 0.75rem 0;
}
#refund-page .list-block ul {
  border-bottom: none;
  border-collapse: collapse;
}
#refund-page .bar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e6e6e6;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#refund-page .list-block ul li .item-inner {
  /* border-bottom: 1px solid #e7e7e7; */
  border-collapse: collapse;
}
#refund-page .row.no-gutter .col-65 {
  width: 50%;
  margin: 0 0 0 0.56rem;
}
#refund-page .button.button-fill.yellow-btn {
  background: #f26f42;
  width: 100%;
  margin: 0 auto;
  height: 2.5rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
  border-radius: 0px;
  /*    position: fixed;
    bottom: 0;*/
}
#refund-page .refund-font-color {
  color: #FF7A0F;
  font-size: 0.66rem !important;
}
#refund-page .customer-hotline {
  font-size: 0.66rem;
}
#refund-page .refund-font-14 {
  font-size: 0.8rem !IMPORTANT;
}
#refund-page .h5-item-inner .row > [class*="col-"] {
  color: #4d4d4d;
}
#refund-page .item-num {
  color: #4d4d4d;
}
#refund-page .mongolia1 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  position: absolute;
}
#refund-page .popup1 {
  width: 80%;
  background: #fff;
  position: absolute;
  left: 10%;
  z-index: 10000;
  display: block;
  border-radius: 7px;
  margin: auto 0;
  height: fit-content;
  top: 0;
  bottom: 0;
}
#refund-page .proTitle {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  font-weight: bold;
}
#refund-page .prompt {
  padding: 0 7%;
  padding-bottom: 22px;
  border-bottom: 1px solid #e9e9e9;
}
#refund-page .con-button {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ff7b0f;
}
#custMyEdorInfo-page .list-block {
  margin: 0 0;
}
#custMyEdorInfo-page .cust-edor-info {
  margin-left: 1.8rem;
}
#custMyEdorInfo-page #verticalLineOld:before {
  content: '';
  height: 6rem;
  width: 1px;
  background: #E6E6E6;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 1.6rem;
  left: 1.0rem;
  /* transform: translateY(-50%); */
  z-index: 1;
}
#custMyEdorInfo-page #verticalLineOld:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan1.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.82rem;
  left: 0.7rem;
  border-radius: 50%;
}
#custMyEdorInfo-page #verticalLineNew:before {
  content: '';
  height: 4.8rem;
  width: 1px;
  background: #FFC799;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* right: 50px; */
  position: absolute;
  top: 1.8rem;
  left: 1rem;
  /* transform: translateY(-50%); */
}
#custMyEdorInfo-page #verticalLineNew:after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  background: url("../../public/img/financial/custEdor/tuoyuan2.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.9rem;
  left: 0.7rem;
}
#custMyEdorInfo-page #backgound-top {
  position: relative;
  z-index: 1;
}
#custMyEdorInfo-page #backgound-top:after {
  content: "";
  background-color: #dadada;
  width: 5rem;
  height: 1.6rem;
  position: absolute;
  top: 0.2px;
  z-index: -1;
  left: 0.6rem;
}
#custMyEdorInfo-page #backgound-buttom {
  position: relative;
  z-index: 1;
}
#custMyEdorInfo-page #backgound-buttom:after {
  content: "";
  background-color: #ffd4a0;
  width: 6.4rem;
  height: 0.6rem;
  position: absolute;
  top: 0.44rem;
  z-index: -1;
  left: -0.1rem;
}
#custMyEdorInfo-page .custEdorInfo-fontSize-15 {
  font-size: 0.84rem !IMPORTANT;
}
#custMyEdorInfo-page .custEdorInfo-fontSize-14 {
  font-size: 0.8rem !IMPORTANT;
}
#custMyEdorInfo-page .custFontColor1 {
  color: #333333 !important;
}
#custMyEdorInfo-page .custFontColor2 {
  color: #999999 !important;
}
#custMyEdorInfo-page .list-block ul {
  border-top: none;
  border-bottom: none;
  border-collapse: collapse;
}
#custMyEdorInfo-page .list-block ul li .item-inner {
  border-bottom: none;
  border-collapse: collapse;
}
#custMyEdorInfo-page .bar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e6e6e6;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#custMyEdorInfo-page #custMyEdorInfo-page .cust-edor-info {
  margin-left: 1rem;
  margin-top: 0.84rem;
  margin-bottom: 0.84rem;
  padding-top: 0;
  padding-bottom: 0;
}
#custMyEdorInfo-page .form-title-block {
  margin: 0.56rem;
  padding: 0;
}
#custInsurList-page .list-block ul:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #dfdfdf;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
#custInsurList-page .list-block ul:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #dfdfdf;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#custInsurList-page .list-block ul {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
}
#payRevisit-page #content .letter-title {
  position: absolute;
  top: 2.045rem;
  left: 0;
  right: 0;
  width: 3.75rem;
  margin: 0 auto;
  font-size: 1.111rem;
  font-weight: bold;
  color: #333333;
  z-index: 1;
  text-align: center;
}
#payRevisit-page #content .letter-title::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0.21rem;
  display: block;
  width: 3.7rem;
  height: 0.387rem;
  background-color: #ff9d44 ;
}
#payRevisit-page #content #ConfMsg {
  background: url("../img/financial/revisits/top.png"), url("../img/financial/revisits/bottom.png"), url("../img/financial/revisits/middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: 0 0%,0 100%,0 0%;
  background-size: 100% auto;
  position: relative;
}
#payRevisit-page #content #ConfMsg .content-padded div {
  padding-top: 4.361rem;
  margin: 0 1.556rem;
  font-size: 0.611rem;
  color: #333333;
}
#payRevisit-page #content #ConfMsg .content-padded div p:first-child {
  margin-top: 0;
}
#payRevisit-page #content #ConfMsg .content-padded div p:first-child span {
  color: #ff7b0f;
}
#payRevisit-page #content #ConfMsg .content-padded div p:nth-child(2) {
  display: none;
}
#payRevisit-page #content #ConfMsg .content-padded div p:nth-child(5) {
  display: none;
}
#payRevisit-page #content #ConfMsg .content-padded div p:nth-child(6) a {
  text-decoration: underline;
}
#payRevisit-page #content #ConfMsg .bottom-button-panel {
  margin: 0 auto;
  width: 13.806rem;
  height: 1.944rem;
  border-radius: 0.222rem;
  background-color: #ff7b0f;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.278rem;
}
#payRevisit-page #content #ConfMsg .bottom-button-panel a {
  height: 1.944rem;
  line-height: 1.944rem;
  font-size: 0.806rem;
  color: #ffffff;
  background-color: #ff7b0f;
}
/*@media only screen and (min-width: 400px) {
    #payRevisit-page {
        #content{
            #ConfMsg{
                .content-padded{
                    div{
                        font-size: 0.75rem;
                    }
                }

                .bottom-button-panel{
                    width: 15.242rem;
                    height: 2.145rem;
                    bottom: 0.721rem;

                    a{
                        height: 2.145rem;
                        line-height: 2.145rem;
                        font-size: 0.93rem;
                        color: #ffffff;
                    }
                }
            }
        }
    }
}
@media only screen and (min-height: 724px){
    #payRevisit-page {
        #content {
            #ConfMsg {
                background: url("../img/financial/revisits/revisits_main_big.jpg") no-repeat;
                background-size: 100% auto;
            }
        }
    }

}*/
#question-page {
  background: #fff;
  font-family: Source Han Sans CN, sans-serif;
}
#question-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#question-page ul li {
  padding-left: 0;
  padding-top: 0.87rem;
  padding-bottom: 0.87rem;
  min-height: 2.78rem;
  border-top: 1px solid #DFDFDF;
  border-collapse: collapse;
}
#question-page ul li:last-child {
  border-bottom: 1px solid #DFDFDF;
  border-collapse: collapse;
}
#question-page .item-title {
  color: #323232;
  font-size: 0.83rem;
  display: flex;
  padding-left: 0.83rem;
  padding-right: 0.83rem;
  position: relative;
}
#question-page .item-title .Q {
  color: #70ccff;
  display: inline-block;
}
#question-page .item-title span.text-center {
  display: inline-block;
  padding: 0 0.22rem;
  color: #323232;
}
#question-page .item-title span.icon {
  position: absolute;
  z-index: 1;
  right: 0.83rem;
  top: 50%;
  transform: translateY(-50%);
}
#question-page .item-title p {
  padding-right: 0.83rem;
}
#question-page .item-title p,
#question-page .title-answer p {
  flex: 1;
  margin: 0;
}
#question-page .answer-content {
  display: none;
  padding-left: 0.83rem;
  padding-right: 0.83rem;
  border-top: 1px solid #DFDFDF;
  border-collapse: collapse;
}
#question-page .img-content {
  padding: 0 ;
}
#question-page .title-answer {
  color: #666666;
  font-size: 0.72rem;
  margin-top: 0.87rem;
}
#question-page .title-answer .S {
  color: #ff9559;
  display: inline-block;
}
#question-page .title-answer span.text-center {
  display: inline-block;
  padding: 0 0.22rem;
}
#question-page li.active .item-title {
  margin-bottom: 0.87rem;
}
#question-page li.active .answer-content {
  display: block;
}
#question-page .answer-item p {
  margin: 0 ;
}
#question-page .answer-item h6 {
  color: #323232;
  padding: 0 0.83rem;
  margin: 0.67rem 0 0.44rem 0;
  font-size: 0.83rem;
  line-height: 0.83rem;
}
#question-page .img-answer {
  margin-top: 0.67rem;
  padding: 0;
}
#question-page .img-answer p {
  color: #999999;
  font-size: 0.61rem;
  margin-bottom: 0.83rem;
  border-bottom: 1px solid #DFDFDF;
  border-collapse: collapse;
  padding: 0 0.83rem;
}
#question-page .img-item {
  padding: 0 0.83rem;
  border: 0 none;
}
#question-page .img-item p {
  padding: 0;
  border-bottom: 1px solid #DFDFDF;
  border-collapse: collapse;
  line-height: 0.8rem;
  padding-bottom: 0.67rem;
}
#question-page .img-item h6 {
  padding: 0;
}
#question-page .img-answer img {
  display: block;
  margin: 0 auto;
  outline: 0 none;
  border: 0 none;
  width: 100%;
  margin-top: 0.56rem;
  margin-bottom: 1.11rem;
}
#custEdor-page img {
  width: 40% ;
}
#custEdor-page .modal-inner::after {
  height: 1px;
  background-color: #e9e9e9;
}
#custEdor-page .modal-button::after {
  background-color: #e9e9e9;
}
#custEdor-page .list-block ul {
  border-top: 0px solid #e7e7e7;
  border-bottom: 0px solid #e7e7e7;
  border-collapse: collapse;
}
#bankCardChanges-page .content {
  font-family: Source Han Sans CN, sans-serif;
  background: #f8f8f8;
}
#bankCardChanges-page .rows {
  padding: 0;
  margin-top: 0;
  font-size: 0.67rem;
  line-height: 0.67rem;
  padding: 0.5rem 0.83rem;
  color: #f26f42;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
  background: #FFFEEA;
}
#bankCardChanges-page .rows img {
  width: 0.83rem;
  margin-right: 0.56rem;
  border: 0 none;
  outline: 0 none;
  vertical-align: top;
}
#bankCardChanges-page .buttons-tab {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: bold;
}
#bankCardChanges-page .buttons-tab:after {
  display: none;
}
#bankCardChanges-page .buttons-tab .button {
  font-size: 0.89rem;
  height: 2.78rem;
  line-height: 2.78rem;
}
#bankCardChanges-page .buttons-tab > a.active {
  color: #FF7b0F !important;
  border-bottom: 3px solid #ff7b0f !important;
  border-collapse: collapse;
}
#bankCardChanges-page #insuredul li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
  display: block;
}
#bankCardChanges-page #insuredul li h6 {
  font-size: 0.83rem;
  line-height: 0.88rem;
  padding-bottom: 0.83rem;
  margin: 0;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  position: relative;
}
#bankCardChanges-page #insuredul li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#bankCardChanges-page .custEdorContNo {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
}
#bankCardChanges-page #insuredul li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
}
#bankCardChanges-page li .groupImg {
  height: 1.22rem;
  border: 0 none;
  outline: 0 none;
  position: absolute;
  top: 0;
  right: 1.278rem;
  z-index: 1;
}
#bankCardChanges-page li div.imgIcon {
  position: absolute;
  bottom: 2.2rem;
  right: 0.83rem;
  z-index: 1;
  text-align: center;
}
#bankCardChanges-page .imgIcon img {
  width: 1.67rem;
  border: 0 none;
  outline: 0 none;
}
#bankCardChanges-page .imgIcon p {
  font-size: 0.56rem !important;
  line-height: 0.56rem !important;
  color: #999999;
  margin-top: -2px !important;
}
#bankCardChanges-page p.safeguard {
  color: #0eb72f !important;
}
#bankCardChanges-page p.outtime {
  color: #b0b0b0 !important;
}
#bankCardChanges-page p.handle {
  color: #0fb6ff !important;
}
#bankCardChanges-page div.cont_color h5 {
  font-size: 0.78rem;
  color: #999;
  margin: 0 auto;
  text-align: center;
  width: 90%;
  display: flex;
}
#appntInsuChanges-page .content {
  font-family: Source Han Sans CN, sans-serif;
  background: #f8f8f8;
}
#appntInsuChanges-page .rows {
  padding: 0;
  margin-top: 0;
  font-size: 0.67rem;
  line-height: 0.67rem;
  padding: 0.5rem 0.83rem;
  color: #f26f42;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
  background: #FFFEEA;
}
#appntInsuChanges-page .rows img {
  width: 0.83rem;
  margin-right: 0.56rem;
  border: 0 none;
  outline: 0 none;
  vertical-align: top;
}
#appntInsuChanges-page .buttons-tab {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: bold;
}
#appntInsuChanges-page .buttons-tab:after {
  display: none;
}
#appntInsuChanges-page .buttons-tab .button {
  font-size: 0.89rem;
  height: 2.78rem;
  line-height: 2.78rem;
}
#appntInsuChanges-page .buttons-tab > a.active {
  color: #FF7b0F !important;
  border-bottom: 3px solid #ff7b0f !important;
  border-collapse: collapse;
}
#appntInsuChanges-page #insuredul li {
  list-style: none;
  padding: 0.83rem ;
  margin: 0.56rem .278rem;
  border-radius: 0.22rem;
  position: relative;
  background: #fff;
  display: block;
}
#appntInsuChanges-page #insuredul li h6 {
  font-size: 0.83rem;
  line-height: 0.88rem;
  padding-bottom: 0.83rem;
  margin: 0;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  position: relative;
}
#appntInsuChanges-page #insuredul li h6:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #DFDFDF;
  display: block;
  z-index: 5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
#appntInsuChanges-page .custEdorContNo {
  font-size: 0.78rem;
  line-height: 0.78rem;
  color: #4c4c4c;
  margin: 0;
  margin-top: 0.56rem;
}
#appntInsuChanges-page #insuredul li p:last-child {
  font-size: 0.67rem;
  line-height: 0.67rem;
  color: #999;
  margin: 0;
  margin-top: 0.94rem;
}
#appntInsuChanges-page li .groupImg {
  height: 1.22rem;
  border: 0 none;
  outline: 0 none;
  position: absolute;
  top: 0;
  right: 1.278rem;
  z-index: 1;
}
#appntInsuChanges-page li div.imgIcon {
  position: absolute;
  bottom: 2.4rem;
  right: 0.83rem;
  z-index: 1;
  text-align: center;
}
#appntInsuChanges-page .imgIcon img {
  width: 1.67rem;
  border: 0 none;
  outline: 0 none;
}
#appntInsuChanges-page .imgIcon p {
  font-size: 0.56rem !important;
  line-height: 0.56rem !important;
  color: #999999;
  margin-top: -2px !important;
}
#appntInsuChanges-page p.safeguard {
  color: #0eb72f !important;
}
#appntInsuChanges-page p.outtime {
  color: #b0b0b0 !important;
}
#appntInsuChanges-page p.handle {
  color: #0fb6ff !important;
}
#appntInsuChanges-page div.cont_color h5 {
  font-size: 0.78rem;
  color: #999;
  margin: 0 auto;
  text-align: center;
  width: 90%;
  display: flex;
}
#cardBookChange-page .list-block ul li .item-inner {
  border-bottom: none;
}
#cardBookChange-page .list-block {
  margin: 0 0 0.75rem 0;
}
#cardBookChange-page .button.button-fill.yellow-btn {
  background: #f26f42;
  width: 100%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
}
#cardBookChange-page .button {
  border-radius: 0;
}
#cardBookChange-page .bankcard-input p {
  margin: 0;
}
#cardBookChange-page .list-block .item-input {
  width: 100%;
  margin-top: -0.4rem;
  margin-bottom: -0.35rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -ms-flex: 0 1 auto;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  /* margin: 0; */
}
#cardBookChange-page #cardBookChange-page .bankcard-input p {
  margin-bottom: 0.16rem;
  margin-left: 0.56rem;
}
#cardBookChange-page .paddingLeft {
  padding-left: 0.56rem;
}
#cardBookChange-page .modal-title {
  font-size: 1.06rem;
  letter-spacing: 0.16rem;
}
#cardBookChange-page .modal-inner {
  padding: 1.39rem 0.75rem;
  border-radius: 0.35rem 0.35rem 0 0;
  position: relative;
  background: #ffffff;
}
#cardBookChange-page .modal-button {
  width: 100%;
  padding: 0 0.25rem;
  height: 2.2rem;
  font-size: 0.85rem;
  line-height: 2.2rem;
  text-align: center;
  color: #0894ec;
  background: #ffffff;
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}
#cardBookChange-page .modal-title + .modal-text {
  margin-top: 0.25rem;
}
#cardBookChange-page div#takeInfo {
  background-color: #ffffff;
}
#cardBookChange-page .list-block ul {
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  border-collapse: collapse;
}
#cardBookChange-page #cardBookChange-page .button.button-fill.yellow-btn {
  background: #ff7a0f;
  width: 100%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
}
#cardBookChange-page .modal-button {
  color: #ff7a0f;
}
#cardBookChange-page .page,
#cardBookChange-page .page-group {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70rem;
  background: #efeff4;
  display: none;
  overflow: hidden;
}
#cardBookChange-page .list-block {
  margin: 0rem !important;
}
#cardBookChange-page .modal-inner::after {
  height: 0px;
}
#cardBookChange-page .modal-inner {
  margin-bottom: -1px;
}
#cardBookChange-page .modal-inner::after {
  content: none;
}
#cardBookChange-page .modal-button::after {
  width: 1px;
  background-color: #e9e9e9;
}
#cardBookChange-page .list-block .item-input {
  margin-top: -0.3rem;
}
#cardBookChange-page i.iconfont.icon-bank-102 {
  margin-top: -0.3rem;
}
#cardBookChange-page .add-bank-tip {
  font-size: 0.75rem !important;
  color: #4d4d4d !important;
}
#cardBookChange-page .item-input .bankcard-input {
  font-size: 0.75rem !important;
  color: #ff7a0f !important;
}
#cardBookChange-page .modal-inner:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0rem;
  left: auto;
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
#survivalPayment-page .list-block ul li .item-inner {
  border-bottom: none;
}
#survivalPayment-page .list-block {
  margin: 0 0 0.75rem 0;
}
#survivalPayment-page .button.button-fill.yellow-btn {
  background: #f26f42;
  width: 100%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
}
#survivalPayment-page .button {
  border-radius: 0;
}
#survivalPayment-page .bankcard-input p {
  margin: 0;
}
#survivalPayment-page .list-block .item-input {
  width: 100%;
  margin-top: -0.4rem;
  margin-bottom: -0.35rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -ms-flex: 0 1 auto;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  /* margin: 0; */
}
#survivalPayment-page .bankcard-input p {
  margin-bottom: 0.16rem;
  margin-left: 0.56rem;
}
#survivalPayment-page .paddingLeft {
  padding-left: 0.56rem;
}
#survivalPayment-page .modal-title {
  font-size: 1.06rem;
  letter-spacing: 0.16rem;
  height: 1.24rem;
}
#survivalPayment-page .modal-inner {
  padding: 1.388rem 0.84rem 1.11rem 0.84rem;
  border-radius: 0.35rem 0.35rem 0 0;
  position: relative;
  background: #ffffff;
}
#survivalPayment-page .modal-button {
  width: 100%;
  padding: 0 0.25rem;
  height: 2.2rem;
  font-size: 0.85rem;
  line-height: 2.2rem;
  text-align: center;
  color: #0894ec;
  background: #ffffff;
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}
#survivalPayment-page .modal-title + .modal-text {
  margin-top: 0;
}
#survivalPayment-page div#takeInfo {
  background-color: #ffffff;
}
#survivalPayment-page .list-block ul {
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  border-collapse: collapse;
}
#survivalPayment-page .button.button-fill.yellow-btn {
  background: #ff7a0f;
  width: 100%;
  margin: 0 auto;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size: 0.9rem;
}
#survivalPayment-page .modal-button {
  color: #ff7a0f;
}
#survivalPayment-page .page,
#survivalPayment-page .page-group {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70rem;
  background: #efeff4;
  display: none;
  overflow: hidden;
}
#survivalPayment-page .list-block {
  margin: 0rem !important;
}
#survivalPayment-page .modal-inner::after {
  height: 0px;
}
#survivalPayment-page .modal-inner {
  border-bottom: 1px solid #e9e9e9;
}
#survivalPayment-page .modal-inner::after {
  content: none;
}
#survivalPayment-page .modal-button::after {
  width: 1px;
  background-color: #e9e9e9;
}
#survivalPayment-page .list-block .item-input {
  margin-top: -0.3rem;
}
#survivalPayment-page i.iconfont.icon-bank-102 {
  margin-top: -0.3rem;
}
#survivalPayment-page .item-input .bankcard-input {
  font-size: 0.75rem !important;
  color: #ff7a0f !important;
}
#survivalPayment-page .list-block .h5-item-inner {
  padding: 10px 15px;
  min-height: auto;
}
#survivalPayment-page .h5-item-inner .row > [class*="col-"] {
  color: #4d4d4d;
  font-size: 0.78rem;
  font-weight: normal;
}
#survivalPayment-page .list-block .item-title.label {
  margin: 0;
}
#survivalPayment-page .bankcard-input {
  padding: 0;
}
#survivalPayment-page p {
  margin-left: 0 !important;
}
#survivalPayment-page .mongolia1 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  position: absolute;
}
#survivalPayment-page .popup1 {
  width: 80%;
  background: #fff;
  position: absolute;
  left: 10%;
  z-index: 10000;
  display: block;
  border-radius: 7px;
  margin: auto 0;
  height: fit-content;
  top: 0;
  bottom: 0;
}
#survivalPayment-page .proTitle {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  font-weight: bold;
}
#survivalPayment-page .prompt {
  padding: 0 7%;
  padding-bottom: 22px;
  border-bottom: 1px solid #e9e9e9;
}
#survivalPayment-page .con-button {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ff7b0f;
}
.font-27 {
  font-size: 1.5rem;
}
.font-20 {
  font-size: 1.11111111rem;
}
.font-16 {
  font-size: 0.88888889rem;
}
.font-15 {
  font-size: 0.83rem;
}
.font-14 {
  font-size: 0.78rem;
}
.font-13 {
  font-size: 0.72rem;
}
.font-12 {
  font-size: 0.67rem;
}
.font-11 {
  font-size: 0.61rem;
}
.font-10 {
  font-size: 0.56rem !important;
}
.font-9 {
  font-size: 0.5rem;
}
.font-8 {
  font-size: 0.44rem;
}
.font-gray {
  color: #979797;
}
/*
增加suimobie的30%和70%分栏
*/
.row .col-30 {
  width: 26%;
  margin-left: 4%;
}
.row.no-gutter .col-30 {
  width: 30%;
  margin: 0;
}
.row .col-35 {
  width: 31%;
  margin-left: 4%;
}
.row.no-gutter .col-35 {
  width: 35%;
  margin: 0;
}
.row .col-45 {
  width: 41%;
  margin-left: 4%;
}
.row.no-gutter .col-45 {
  width: 45%;
  margin: 0;
}
.row .col-65 {
  width: 61%;
  margin-left: 4%;
}
.row.no-gutter .col-65 {
  width: 65%;
  margin: 0;
}
.row .col-70 {
  width: 66%;
  margin-left: 4%;
}
.row.no-gutter .col-70 {
  width: 70%;
  margin: 0;
}
.common-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 100%;
  border: 0;
  background: url(../img/vehicle/down.png) no-repeat !important;
  background-position: right center !important;
  background-size: 14% !important;
}
/*
*覆盖城市选择样式
*/
.picker-calendar-day.picker-calendar-day-selected span {
  background: #e7af6e !important;
}
/*系统默认菜单被禁用*/
* {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
}
input,
textarea {
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
}
.h5-city-picker {
  height: auto !important;
  padding: 0 !important;
  color: #7a7a7a !important;
  font-size: 0.78rem !important;
  line-height: 1.5;
}
.h5-img-date-picker {
  height: auto !important;
  padding: 0 !important;
  color: #7a7a7a !important;
  font-size: 0.78rem !important;
  line-height: 1.5;
  background: url(../img/vehicle/edit-icon.jpg) #fff no-repeat !important;
  background-position: right center !important;
  background-size: 11% !important;
}
/*
*修改标签页
*/
.h5-buttons-tab a.active {
  color: #f26f42 !important;
  border-color: #f26f42 !important;
}
.h5-tab-content-block {
  margin: 0;
  padding: 0;
}
/*
修改伪类的横线为边框线
*/
.list-block ul:before {
  height: 0px !important;
}
.list-block ul:after {
  height: 0px !important;
}
.list-block ul {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
.list-block ul li .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
.list-block ul li:nth-last-child(1) .item-inner {
  border-bottom: 0px solid #e7e7e7;
}
.no-top-gutter {
  border-top: 0 !important;
}
.no-bottom-gutter {
  border-bottom: 0 !important;
}
 input[type="checkbox"] {
  display: none;
}
input[type=checkbox]:checked + label.checkbox:before {
  content: "\e607";
}
input[type=checkbox] + label.checkbox:before {
  font-family: "yu-yqd";
  content: "\e606";
  display: inline-block;
  font-size: 17px;
  text-align: center;
  width: auto;
  margin: 0px 5px 10px 0px;
  color: #333;
}
/*
覆盖header后退按钮样式
*/
.bar .button .icon.icon-left {
  font-weight: bold;
  padding-left: 8px;
  font-size: 20px;
  top: -2px;
}
/*
空数据图表样式
*/
.empty-div {
  display: none;
  height: 100%;
}
.empty-div .empty-container {
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}
.empty-div .empty-container .empty-cell {
  display: table-cell;
  vertical-align: middle;
}
.empty-div .empty-container .empty-cell img.empty {
  width: 38%;
  background-color: #efeff4;
}
/*
覆盖header样式，从2.2rem到2.45rem
*/
header {
  height: 2.45rem !important;
}
header .button-link {
  line-height: 2.45rem !important;
  height: 2.45rem !important;
}
height:after {
  height: 1px !important;
}
.title {
  line-height: 2.45rem !important;
}
.bar-nav ~ .content {
  top: 2.45rem;
}
/*统一标题部分*/
.page-current .title-font-background {
  background: #FFFFFF;
  color: #000000 !important;
  font-size: 1rem;
}
.home-page-location {
  vertical-align: middle;
  height: 1.3rem;
}
.home-right-pic {
  vertical-align: middle;
  height: 1.3rem;
  margin-right: 0.5rem;
}
.home-title-position-left {
  float: left;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  width: 35%;
  height: 2.45rem;
  text-align: left;
}
.home-left-icon {
  color: #FF6839;
}
.home-title-position-right {
  float: right;
  margin-left: 15%;
}
.home-right-icon {
  font-size: 1.3rem;
  margin-right: 0.5rem;
  color: #FF6839;
}
/*
系统繁忙样式
*/
.sys-busy {
  margin-bottom: 0.56rem;
}
.sys-busy li {
  padding: 1.11rem 1.39rem 1.66rem 1.39rem !important;
  color: #940000;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}
.sys-busy:before {
  height: 0 !important;
}
.sys-busy:after {
  height: 0 !important;
}
/*loading样式优化*/
@keyframes snow {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  6.25% {
    -webkit-transform: rotate(22.5deg);
    transform: rotate(22.5deg) scale(1.01);
  }
  12.5% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) scale(1.04);
  }
  18.75% {
    -webkit-transform: rotate(67.5deg);
    transform: rotate(67.5deg) scale(1.08);
  }
  25% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg) scale(1.1);
  }
  37.5% {
    -webkit-transform: rotate(112.5deg);
    transform: rotate(112.5deg) scale(1.08);
  }
  42.75% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg) scale(1.04);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg) scale(1.01);
  }
  56.25% {
    -webkit-transform: rotate(202.5deg);
    transform: rotate(202.5deg) scale(1.04);
  }
  62.5% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg) scale(1.08);
  }
  75% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg) scale(1.1);
  }
  81.25% {
    -webkit-transform: rotate(292.5deg);
    transform: rotate(292.5deg) scale(1.08);
  }
  87.5% {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg) scale(1.04);
  }
  93.75% {
    -webkit-transform: rotate(337.5deg);
    transform: rotate(337.5deg) scale(1.02);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg) scale(1.01);
  }
}
/*
遮罩样式
html.with-statusbar-overlay .login-screen,
html.with-statusbar-overlay .popup.tablet-fullscreen {
*/
.preloader-main-indicator-overlay,
.preloader-main-indicator-overlay-redirect {
  visibility: visible;
  opacity: 1;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13600;
}
.preloader-main-indicator-modal,
.preloader-main-indicator-modal-redirect {
  position: fixed;
  left: 50%;
  margin-left: -2.36111111rem;
  top: 30%;
  z-index: 15000;
}
.preloader-main-indicator-modal .loader,
.preloader-main-indicator-modal-redirect .loader {
  width: 4.72222222rem;
  height: 4.72222222rem;
  -webkit-transform: translate3d(0, 0, 0);
  background: url('../img/dist/new-loading.gif') no-repeat;
  background-size: 100%;
}
.preloader-main {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: preloader-spin 1s steps(12, end) infinite;
  animation: preloader-spin 1s steps(12, end) infinite;
}
.preloader-main:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/dist/loading.svg");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.preloader-main-white:after {
  background-image: url("../img/dist/loading-white.svg");
}
.preloader-main-indicator-modal .preloader-main,
.preloader-main-indicator-modal-redirect .preloader-main {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
}
/*
引导页遮罩105
*/
.modal-guide-overlay.modal-overlay-visible {
  visibility: visible;
  opacity: 1;
}
.modal-guide-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 11300;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
/*
alertMessage遮罩样式107
*/
.modal-alert-overlay.modal-overlay-visible {
  visibility: visible;
  opacity: 1;
}
.modal-alert-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 11600;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.modal.modal-alert {
  z-index: 12000;
}
/*
用于提交数据时展示的稍等遮罩107 108
*/
.biz-indicator-overlay {
  visibility: visible;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  left: 50%;
  margin-left: -2.36111111rem;
  top: 30%;
  width: 4.72222222rem;
  height: 4.72222222rem;
  z-index: 12600;
  border-radius: 0.55555556rem;
}
.biz-mantle {
  position: fixed;
  z-index: 12500;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
}
.biz-indicator-modal {
  position: fixed;
  left: 50%;
  margin-left: -2.36111111rem;
  top: 30%;
  z-index: 13000;
}
.biz-indicator-modal .loader {
  width: 4.72222222rem;
  height: 4.72222222rem;
  -webkit-transform: translate3d(0, 0, 0);
  background: url('../img/dist/new-loading.gif') no-repeat;
  background-size: 100%;
}
/*
用于页面切换的遮罩样式109 110
*/
.switch-loader-overlay {
  visibility: visible;
  opacity: 1;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13600;
}
.gray-loader-overlay {
  visibility: visible;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  left: 50%;
  margin-left: -2.36111111rem;
  top: 30%;
  width: 4.72222222rem;
  height: 4.72222222rem;
  z-index: 14600;
  border-radius: 0.55555556rem;
}
.switch-loader-modal {
  position: fixed;
  left: 50%;
  margin-left: -2.36111111rem;
  top: 30%;
  z-index: 15000;
}
.switch-loader-modal .loader {
  width: 4.72222222rem;
  height: 4.72222222rem;
  -webkit-transform: translate3d(0, 0, 0);
  background: url('../img/dist/new-loading.gif') no-repeat;
  background-size: 100%;
}
/*conmmon style*/
.btn-color {
  background: #F26F41 !important;
}
/****************2017.5.15*******************/
.r_title {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 -0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 2.2rem;
  color: #3d4145;
  text-align: right;
  white-space: nowrap;
}
/*话费兑换页面*/
.t_title {
  border-bottom: none !important;
  font-weight: bold;
}
.point {
  margin: .4rem .5rem;
  border: .1rem solid #FEC5B0;
  border-radius: .4rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  padding-top: 1.1rem;
}
.amount .active {
  background: #F26F41;
  color: #fff;
}
.gift-font {
  font-size: 1.2rem;
  font-weight: bold;
}
.block {
  margin-left: 1rem;
  margin-right: 1rem;
}
.spend {
  font-size: 1.2rem;
  color: #F26F41;
}
.exchange {
  font-size: 1.2rem;
  color: #fff;
}
.rows {
  width: 100%;
}
.rows a {
  height: 3rem !important;
  line-height: 3rem !important;
  background: #fff !important;
  color: #535353 !important;
  border: 1px solid transparent !important;
  width: 50% !important;
}
.rows a.active {
  height: 3rem !important;
  line-height: 3rem !important;
  background: #F26F41 !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  width: 50% !important;
}
.rows .button {
  border-radius: 0 !important;
}
.con {
  padding: 0;
}
.tab_btn {
  width: 100%;
  position: absolute;
  bottom: -2rem;
  left: 0;
}
.col_100 {
  width: 100%;
}
/*统一覆盖sui.css样式*/
/***解决顶部白线问题*/
.bar.bar-nav.bg-dark {
  background-color: #4a465a;
}
/***************公共样式***************/
.left {
  float: left;
}
.right {
  float: right;
}
/**************字体*******************/
/***字体颜色*/
.color-red {
  color: #e4393c !important;
}
.color-orange {
  color: #ff8244 !important;
}
.color-yellow {
  color: #f26f42 !important;
}
.color-blue {
  color: #428bca !important;
}
.color-black {
  color: #010 !important;
}
.color-gray {
  color: #999 !important;
}
.color-green {
  color: #0ee7cc !important;
}
.ICBC-red {
  color: #C4282B!important;
}
/***字体大小*/
.eye-catching {
  font-size: 1.3rem;
}
.markedness {
  font-size: 1rem!important;
}
.small {
  font-size: .5rem!important;
}
/***文本溢出显示省略号*/
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/********************按钮**********************/
/*1、小长方形*/
.rectangular-btn {
  background-color: #F2F2F2;
  display: inline-block;
  width: 3rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  margin-left: 0.5rem;
}
.selected-btn {
  background-color: #E6AF6E;
  color: #FFFFFF;
}
/*2、黄字白背景-白字黄背景*/
.white-orange {
  border: 1px solid #e7af6e;
  background-color: #fff;
  color: #e7af6e;
  border-radius: 0.2rem;
}
.orange-orange {
  border: 1px solid #e7af6e;
  background-color: #e7af6e;
  color: #fff;
  border-radius: 0.2rem;
}
/*********************列表**********************/
/***列表无边框*/
.list-block.no-line ul:after {
  height: 0;
}
.list-block ul.no-line:after {
  height: 0;
}
.list-block ul.no-line {
  border: none;
}
.list-block .item-inner.no-line {
  border-bottom: none;
}
.list-block .item-inner.no-line:after {
  height: 0;
}
/***内嵌圆角*/
.insert-radius {
  margin: .5rem!important;
  border: 1px solid #e7e7e7;
  border-radius: .5rem;
}
/***作用在.list-block,区分列表边距*/
/*1、无缝列表*/
.seamless,
.seamless ul {
  margin: 0!important;
  padding: 0!important;
}
/*2、窄边列表*/
.narrow-edge {
  margin: 0;
}
/***********************************保障页面******************************************/
/***产品详情页***/
.safeguardProductDetail {
  /*
	.tab-container {
		width: 90%;
		margin: 0 auto;
		position: relative;
		min-height: 3.5rem;
	}
	.tab-container .label-tab {
		display: inline-block;
		width: 33%;
		text-align: center;
		font-size: .78rem;
		background-color: #C8C8C8;
		color: #FFFFFF;
		border-radius: .2rem .2rem 0 0;
		position: absolute;
		top: .2rem;
		min-height: 3.5rem;
	}
	.tab-container .label-tab b {
		font-size: 1.2rem;
		padding: 0 0.2rem;
	}
	.tab-container .label-tab.current {
		background-color: #fff;
		color: #000;
		border-radius: 0;
		border-top: 0.15rem solid #e7af6e;
		top: 0;
	}
	.tab-container .label-tab p {
		padding: 0rem 0.75rem;
		margin: 0;
	}
	.tab-container .label-tab.current p {
		color: #d9544f;
	}
	*/
  /*li左侧大图标,双行文字*/
  /*
	.list-block ul.lf-L-icon .item-content {
		padding: 0;
	}
	.list-block ul.lf-L-icon .item-inner {
		padding: 0 0 0 .75rem;
		justify-content: flex-start;
	}
	ul.lf-L-icon i.hrp_iconfont {
		font-size: 2rem;
		margin-right: .5rem;
	}
	ul.lf-L-icon .inner-title {
		display: block;
	}
	ul.lf-L-icon .inner-content {
		font-size: 0.75rem;
		color: #979797;
	}
	*/
}
.safeguardProductDetail .detail-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  z-index: 1000;
  display: none;
}
.safeguardProductDetail .detial-modal-img1 {
  width: 100%;
}
.safeguardProductDetail .detial-modal-code {
  width: 7.5rem;
}
.safeguardProductDetail .detail-modal p {
  color: #fff;
}
.safeguardProductDetail .share-detail {
  position: fixed;
  bottom: 0px;
  width: 100%;
}
.safeguardProductDetail #qrcode img {
  margin: auto;
}
.form-title-block {
  margin: 0.7rem;
  padding: 0;
}
/*支付方式选择页面*/
/****************2017.5.15*******************/
#policyDetail-page {
  /***背景颜色*/
  /***列表背景*/
  /***col布局字体颜色*/
}
#policyDetail-page .bg-yellow {
  background-color: #f26f42 !important;
}
#policyDetail-page .bg-umbrella {
  background: #fff url(../img/hrp/umbrella.png) no-repeat fixed center !important;
  -webkit-background-size: 50% !important;
  background-size: 50% !important;
}
#policyDetail-page .h5-item-inner .row.color-black > [class*="col-"] {
  color: #010 !important;
}
#policyDetail-page .h5-item-inner .row.color-white > [class*="col-"] {
  color: #fff;
}
#myPolicy-page {
  /***左边竖条*/
  /*标志*/
}
#myPolicy-page .list-block {
  position: relative;
}
#myPolicy-page p {
  text-align: center;
}
#myPolicy-page p > a {
  color: #f26f42;
  text-decoration: underline;
}
#myPolicy-page .leftLine {
  border-left: 0.75rem solid #f26f42 !important;
}
#myPolicy-page .baozhangzhong {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: .45rem;
  right: 4rem;
  background: url("../img/hrp/baozhangzhong.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
#failPolicy-page {
  /***左边竖条*/
  /*标志*/
  /**字颜色*/
}
#failPolicy-page .list-block {
  position: relative;
}
#failPolicy-page p {
  text-align: center;
}
#failPolicy-page p > a {
  color: #7a7a7a;
  text-decoration: underline;
}
#failPolicy-page .leftLine {
  border-left: 0.75rem solid #7a7a7a !important;
}
#failPolicy-page .yishixiao {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: .45rem;
  right: 4rem;
  background: url("../img/hrp/yishixiao.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
#failPolicy-page .item-num {
  color: #7a7a7a;
}
#unbindWarning-page,
#generalDetail-page {
  background: #fff;
}
#unbindWarning-page .p,
#generalDetail-page .p {
  padding: 1.5rem 1rem;
  line-height: 1.3rem;
  font-size: 0.75rem;
}
#unbindWarning-page #unbind-btn,
#generalDetail-page #unbind-btn {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0 none;
  width: 70%;
  margin: 1rem auto;
  color: #fff;
  background: #f26f42;
  cursor: pointer;
  display: block;
  line-height: 2.4rem;
  height: 2.4rem;
  border-radius: 0.75rem;
}
#unbindWarning-page .mask,
#generalDetail-page .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#unbindWarning-page .login,
#generalDetail-page .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#unbindWarning-page .login > li,
#generalDetail-page .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#unbindWarning-page span.icons,
#generalDetail-page span.icons {
  display: inline-block;
  width: 80px;
  text-align: left;
  height: 20px;
  margin-top: 0rem;
  margin-right: .5rem;
  white-space: nowrap;
}
#unbindWarning-page span.code,
#generalDetail-page span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#unbindWarning-page span.code:after,
#generalDetail-page span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#unbindWarning-page span.code img,
#generalDetail-page span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#unbindWarning-page span.mcode,
#generalDetail-page span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#unbindWarning-page span.mcode:after,
#generalDetail-page span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
@media only screen and (width: 375px) {
  #unbindWarning-page span.mcode,
  #generalDetail-page span.mcode {
    padding-left: 1.15rem !important;
  }
}
#unbindWarning-page .login > li input,
#generalDetail-page .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 4.5rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
@media only screen and (width: 320px) {
  #unbindWarning-page span.icons,
  #generalDetail-page span.icons {
    width: 66px;
  }
  #unbindWarning-page .login > li input,
  #generalDetail-page .login > li input {
    width: 5rem;
  }
}
#unbindWarning-page .btn-wrapper,
#generalDetail-page .btn-wrapper {
  display: flex;
  margin: 1rem 1rem 0 1rem;
}
#unbindWarning-page .btn-wrapper button,
#generalDetail-page .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#unbindWarning-page .btn-wrapper button.cancel,
#generalDetail-page .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#unbindWarning-page .btn-wrapper button.ok,
#generalDetail-page .btn-wrapper button.ok {
  color: #818181;
  background: #dfdfdf;
}
#myCardHelp-page {
  background: #fff;
}
#myCardHelp-page .content h4 {
  margin: 0;
  height: 3.167rem;
  line-height: 3.167rem;
  font-size: 1rem;
  color: #333333;
  background: #f8f8f8;
  padding-left: 2.77777778rem;
  position: relative;
  vertical-align: text-top;
  font-weight: 500;
}
#myCardHelp-page .content h4 img {
  display: inline-block;
  width: 25px;
  position: absolute;
  top: 50%;
  left: 0.83333333rem;
  transform: translateY(-50%);
}
#myCardHelp-page .content #myBank {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 1.111rem;
  margin-bottom: 2.778rem;
}
#myCardHelp-page .content #myBank li {
  width: 33%;
  float: left;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 0.72rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  line-height: 0.72rem;
  padding-bottom: 1.167rem;
}
#myCardHelp-page .content #myBank li:nth-child(1),
#myCardHelp-page .content #myBank li:nth-child(2),
#myCardHelp-page .content #myBank li:nth-child(3) {
  border-top: 0 none;
  padding-top: 0.444rem;
}
#myCardHelp-page .content #myBank li:nth-child(3n+1) {
  width: 31.96%;
}
#myCardHelp-page .content #myBank li:nth-child(3n+2) {
  width: 35.60%;
}
#myCardHelp-page .content #myBank li:nth-child(3n+3) {
  width: 31.96%;
  border-right: 0 none;
}
#myCardHelp-page .content #myBank li img {
  width: 2.222rem;
  display: block;
  margin: 0.5rem auto;
}
#myCardHelp-page .content #myBank .border-bottom {
  border-bottom: 1px solid #ccc;
}
#bindCardInput-page .list-block .item-title.label {
  width: 30%!important;
}
#bindCardInput-page a.verification {
  top: 0;
  right: 0;
  width: 4.94rem;
  height: 1.6rem;
  line-height: 1.6rem;
  margin-top: 6px;
}
#bindCardInput-page a.verification:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #FF7A0F;
  position: absolute;
  top: 0;
  left: 0;
}
#bindCardInput-page a.button-customer-verificode:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #f26f42;
  position: absolute;
  top: 0;
  left: 0;
}
#bindCardInput-page .picker-items-col {
  width: 100%;
}
#authorize-page .content-img {
  margin: 15%;
  margin-bottom: 10%;
  padding-bottom: 10%;
  text-align: center;
  border-bottom: 0.05rem solid #ededed;
}
#authorize-page .impower-img {
  width: 25%;
}
#authorize-page #impowerSelect {
  display: inline;
}
#authorize-page .content {
  background-color: white;
}
#authorize-page .text-info {
  font-size: 15px;
  /*font-weight:bold;*/
}
#authorize-page .content-block {
  width: 70%;
  margin: 15%;
  margin-top: 10%;
}
#authorize-page .button {
  background-color: #f26f42;
  border: 1px solid #f26f42;
  color: #ffffff;
}
#authorize-page .content-text {
  margin-left: 15%;
}
#authorize-page .text-mobile {
  color: #8e8e93;
  margin-top: .2rem;
  font-size: 14px;
}
#authorize-page #impowerSelect {
  /*width:10px;*/
}
#healthStep-page {
  background-color: #E8EAFF;
}
#healthStep-page p {
  margin: 0;
}
#healthStep-page .content {
  bottom: 5.13888889rem !important;
}
#healthStep-page .content .mask {
  display: none;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
#healthStep-page .content .login {
  width: 88%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1002;
  padding: 1rem 0 1rem 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -44%;
  border-radius: .35rem;
  margin-top: -0.105rem;
}
#healthStep-page .content .login > li {
  height: 2.416667rem;
  line-height: 2.416667rem;
  padding: 0 1rem;
  border-bottom: 0.05555556rem solid #dfdfdf;
  color: #999999;
  font-size: .8rem;
  display: flex;
}
#healthStep-page .content span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/activity/uicon.png') no-repeat center;
  background-size: contain;
  margin-top: .5rem;
  margin-right: .5rem;
}
#healthStep-page .content span.micon {
  background: url('../img/activity/micon.png') no-repeat center;
  background-size: contain;
}
#healthStep-page .content span.picon {
  background: url('../img/activity/picon.png') no-repeat center;
  background-size: contain;
}
#healthStep-page .content span.code {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding-left: .7rem;
  position: relative;
  flex: 1;
}
#healthStep-page .content span.code:after {
  content: '';
  width: 0.05555556rem;
  height: 80%;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  background: #f26f42;
  left: 0px;
}
#healthStep-page .content span.code img {
  outline: 0 none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-top: -0.4rem;
}
#healthStep-page .content span.mcode {
  display: inline-block;
  white-space: nowrap;
  color: #f26f42;
  cursor: pointer;
  text-align: center;
  padding-left: .75rem;
  position: relative;
  flex: 1;
}
#healthStep-page .content span.mcode:after {
  position: absolute;
  content: '';
  width: 0.05555556rem;
  height: 80%;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  background: #f26f42;
}
#healthStep-page .content .login > li input {
  border: 0 none;
  display: inline-block;
  height: 1.416667rem;
  line-height: 1.416667rem;
  width: 7rem;
  color: #999999;
  flex: 1.5;
  font-size: .8rem;
  margin-top: .5rem;
}
#healthStep-page .content .mask_d {
  color: #d93d3e;
  text-align: center;
  margin: .5rem 0;
}
#healthStep-page .content .btn-wrapper {
  display: flex;
  margin: 0rem 1rem 0 1rem;
}
#healthStep-page .content .btn-wrapper button {
  outline: 0 none;
  border: 0 none;
  flex: 1;
  border-radius: .6rem;
  padding: 0.1rem 0;
  margin: 0 0.7778rem;
  cursor: pointer;
}
#healthStep-page .content .btn-wrapper button.cancel {
  background: #dfdfdf;
  color: #818181;
  font-size: 0.94rem;
}
#healthStep-page .content .btn-wrapper button.ok {
  color: #ffffff;
  background: #f26f42;
}
#healthStep-page .content .banner {
  width: 100%;
  height: 20.72222222rem;
  background-image: url("../img/activity/healthStep/background-top.jpg");
  background-size: 100% 100%;
}
#healthStep-page .content .banner .noLogin img {
  display: block;
  width: 76%;
  padding-top: 3.05555556rem;
  margin: 0 auto;
}
#healthStep-page .content .banner .noLogin .runman {
  padding-top: 0rem;
  margin: 1.66666667rem auto 0;
  display: block;
  width: 6.25rem;
}
#healthStep-page .content .banner .is-login .runman {
  display: block;
  width: 6.25rem;
  margin: 0.83333333rem auto 0;
}
#healthStep-page .content .banner .is-login .small-title {
  display: block;
  width: 44%;
  margin: 0 auto;
  padding-top: 0.83333333rem;
}
#healthStep-page .content .banner .is-login .user .portrait {
  display: flex;
  align-items: center;
  height: 1.94444444rem;
  width: 1.94444444rem;
  margin: 0.66666667rem auto 0;
  background-image: url("../img/activity/healthStep/portrait-background.png");
  background-size: 100% 100%;
}
#healthStep-page .content .banner .is-login .user .portrait img {
  margin: 0 auto;
  display: block;
  width: 1.66666667rem;
  height: 1.66666667rem;
  border-radius: 50%;
}
#healthStep-page .content .banner .is-login .user p {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #7e7fe7;
  line-height: 1.05555556rem;
}
#healthStep-page .content .banner .is-login .desc {
  margin: 0.27777778rem auto 0;
  background-image: url("../img/activity/healthStep/desc-background.png");
  background-size: 100% 100%;
  width: 18.69444444rem;
  height: 2.05555556rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#healthStep-page .content .banner .is-login .desc div p:nth-of-type(1) {
  text-align: center;
  font-size: 0.61111111rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
}
#healthStep-page .content .banner .is-login .desc div p:nth-of-type(2) {
  text-align: center;
  font-size: 0.61111111rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
}
#healthStep-page .content .banner .is-login .desc div p:nth-of-type(2) span {
  margin-left: 0.27777778rem;
}
#healthStep-page .content .banner .is-login .desc div p:nth-of-type(2) span:nth-of-type(1) {
  margin-left: 0;
}
#healthStep-page .content .mid {
  position: relative;
}
#healthStep-page .content .mid .prize {
  margin: 0 auto;
  background-image: url("../img/activity/healthStep/background-1.png");
  background-size: 100% 100%;
  z-index: 50;
  position: absolute;
  width: 94%;
  height: 8.47222222rem;
  top: -2.22222222rem;
  left: 0;
  right: 0;
}
#healthStep-page .content .mid .prize p:nth-of-type(1) {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 1rem;
}
#healthStep-page .content .mid .prize p:nth-of-type(2) {
  margin-top: 1.83333333rem;
  margin-left: 3.97222222rem;
}
#healthStep-page .content .mid .prize p:nth-of-type(2) span:nth-of-type(1) {
  display: inline-block;
  position: relative;
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #d29e01;
  line-height: 1.33333333rem;
  background: linear-gradient(-4deg, #ecb408 0%, #f9d00e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#healthStep-page .content .mid .prize p:nth-of-type(2) span:nth-of-type(1) img {
  display: block;
  position: absolute;
  width: 1.44444444rem;
  left: -0.83333333rem;
  bottom: 0.83333333rem;
}
#healthStep-page .content .mid .prize p:nth-of-type(2) span:nth-of-type(2) {
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #7e7fe7;
}
#healthStep-page .content .mid .prize p:nth-of-type(3) {
  margin-left: 3.97222222rem;
}
#healthStep-page .content .mid .prize p:nth-of-type(3) span:nth-of-type(1) {
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #afafaf;
  line-height: 1.33333333rem;
  background: linear-gradient(-4deg, #8a8a8a 0%, #b3b3b3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#healthStep-page .content .mid .prize p:nth-of-type(3) span:nth-of-type(2) {
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #7e7fe7;
}
#healthStep-page .content .mid .prize p:nth-of-type(4) {
  margin-left: 3.97222222rem;
}
#healthStep-page .content .mid .prize p:nth-of-type(4) span:nth-of-type(1) {
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #c4a388;
  line-height: 1.33333333rem;
  background: linear-gradient(-4deg, #87654a 0%, #c4a388 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#healthStep-page .content .mid .prize p:nth-of-type(4) span:nth-of-type(2) {
  font-size: 0.83333333rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #7e7fe7;
}
#healthStep-page .content .mid .order-list {
  position: absolute;
  margin: 0 auto;
  background-image: url("../img/activity/healthStep/background-2.png");
  background-size: 100% 100%;
  width: 94%;
  height: 23.66666667rem;
  top: 7.86111111rem;
  left: 0;
  right: 0;
}
#healthStep-page .content .mid .order-list p:nth-of-type(1) {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 1rem;
}
#healthStep-page .content .mid .order-list p:nth-of-type(2) {
  margin-top: 0.94444444rem;
  text-align: center;
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #7e7fe7;
  line-height: 1.05555556rem;
}
#healthStep-page .content .mid .order-list .table {
  position: relative;
}
#healthStep-page .content .mid .order-list .table table {
  width: 93%;
  margin: 0.55555556rem auto 0;
  border-radius: 0.27777778rem;
  border-collapse: separate;
  border: 1px solid #7e7fe7;
}
#healthStep-page .content .mid .order-list .table table td {
  text-align: center;
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #7e7fe7;
  line-height: 1.66666667rem;
  height: 1.66666667rem;
}
#healthStep-page .content .mid .order-list .table table td {
  border-right: 1px solid rgba(126, 127, 231, 0.5);
  border-bottom: 1px solid rgba(126, 127, 231, 0.5);
}
#healthStep-page .content .mid .order-list .table table td:last-child {
  border-right: 0px solid rgba(126, 127, 231, 0.5);
}
#healthStep-page .content .mid .order-list .table table tr:last-child td {
  border-bottom: 0px solid rgba(126, 127, 231, 0.5);
}
#healthStep-page .content .mid .order-list .table p {
  right: 0.27777778rem;
  top: -4.33333333rem;
  position: absolute;
  font-size: 0.61111111rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #7e7fe7;
  line-height: 1.05555556rem;
}
#healthStep-page .content .mid .order-list .table p span {
  animation: mymove 1s infinite;
  -webkit-animation: mymove 1s infinite;
}
@keyframes mymove {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mymove {
  /*Safari and Chrome*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#healthStep-page .content .mid .space {
  position: absolute;
  top: 46.11111111rem;
  z-index: 500;
}
#healthStep-page .content .mid .rules {
  margin: 0 auto;
  background-image: url("../img/activity/healthStep/background-3.png");
  background-size: 100% 100%;
  z-index: 50;
  position: absolute;
  width: 94%;
  height: 13.02777778rem;
  top: 33.19444444rem;
  left: 0;
  right: 0;
}
#healthStep-page .content .mid .rules p:nth-of-type(1) {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 1rem;
}
#healthStep-page .content .mid .rules p:nth-of-type(2) {
  font-size: 0.61111111rem;
  font-family: Source Han Sans CN;
  color: #7e7fe7;
  line-height: 1.05555556rem;
  margin: 1.41666667rem 0.80555556rem 0 1.05555556rem;
}
#healthStep-page .bottom {
  box-shadow: 0 0 0.05555556rem 0.05555556rem rgba(44, 45, 162, 0.3);
  background-color: #fff;
  padding-top: 0.66666667rem;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  left: 0;
  right: 0;
}
#healthStep-page .bottom .attend {
  margin: 0 auto;
  width: 96%;
  height: 2.22222222rem;
  background: #ff9a41;
  border-radius: 0.27777778rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 2.22222222rem;
}
#healthStep-page .bottom .pking {
  margin: 0 auto;
  width: 96%;
  height: 2.22222222rem;
  background: #eae9e9;
  border-radius: 0.27777778rem;
  font-size: 0.94444444rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 2.22222222rem;
  text-align: center;
}
#healthStep-page .bottom p:nth-of-type(3) {
  text-align: center;
  padding-bottom: 0.77777778rem;
  margin-top: 0.41666667rem;
  font-size: 0.72222222rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ff9a41;
  line-height: 1.05555556rem;
}
#historicalRecords-page {
  background-color: #E8EAFF;
}
#historicalRecords-page p {
  margin: 0;
}
#historicalRecords-page .content .banner {
  width: 100%;
  height: 20.72222222rem;
  background-image: url("../img/activity/healthStep/background-top.jpg");
  background-size: 100% 100%;
}
#historicalRecords-page .content .banner .noLogin img {
  display: block;
  width: 76%;
  padding-top: 3.05555556rem;
  margin: 0 auto;
}
#historicalRecords-page .content .banner .noLogin .runman {
  padding-top: 0rem;
  margin: 1.66666667rem auto 0;
  display: block;
  width: 6.25rem;
}
#historicalRecords-page .content .banner .login .runman {
  display: block;
  width: 6.25rem;
  margin: 0.83333333rem auto 0;
}
#historicalRecords-page .content .banner .login .small-title {
  display: block;
  width: 44%;
  margin: 0 auto;
  padding-top: 0.83333333rem;
}
#historicalRecords-page .content .banner .login .user .portrait {
  height: 1.80555556rem;
  width: 1.80555556rem;
  margin: 0.66666667rem auto 0;
  background-image: url("../img/activity/healthStep/portrait-background.png");
  background-size: 100% 100%;
}
#historicalRecords-page .content .banner .login .user .portrait .img {
  display: block;
}
#historicalRecords-page .content .banner .login .user p {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #7e7fe7;
  line-height: 1.05555556rem;
}
#historicalRecords-page .content .banner .login .desc {
  margin: 0.27777778rem auto 0;
  background-image: url("../img/activity/healthStep/desc-background.png");
  background-size: 100% 100%;
  width: 18.69444444rem;
  height: 2.05555556rem;
}
#historicalRecords-page .content .banner .login .desc p:nth-of-type(1) {
  text-align: center;
  font-size: 0.61111111rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
}
#historicalRecords-page .content .banner .login .desc p:nth-of-type(2) {
  text-align: center;
  font-size: 0.61111111rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
}
#historicalRecords-page .content .banner .login .desc p:nth-of-type(2) span {
  margin-left: 0.27777778rem;
}
#historicalRecords-page .content .banner .login .desc p:nth-of-type(2) span:nth-of-type(1) {
  margin-left: 0;
}
#historicalRecords-page .content .list {
  position: relative;
  height: 22.22222222rem;
}
#historicalRecords-page .content .list .history {
  margin: 0 auto;
  background-image: url("../img/activity/healthStep/background-4.png");
  background-size: 100% 100%;
  z-index: 50;
  position: absolute;
  width: 94%;
  height: 22.58333333rem;
  top: -2.22222222rem;
  left: 0;
  right: 0;
}
#historicalRecords-page .content .list .history p {
  margin-top: 0.33333333rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 1rem;
}
#historicalRecords-page .content .list .history .table table {
  width: 93%;
  margin: 1rem auto 0;
  border-radius: 0.27777778rem;
  border-collapse: separate;
  border: 1px solid #7e7fe7;
}
#historicalRecords-page .content .list .history .table table td {
  text-align: center;
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #7e7fe7;
  line-height: 1.66666667rem;
  height: 1.66666667rem;
}
#historicalRecords-page .content .list .history .table table td {
  border-right: 1px solid rgba(126, 127, 231, 0.5);
  border-bottom: 1px solid rgba(126, 127, 231, 0.5);
}
#historicalRecords-page .content .list .history .table table td:last-child {
  border-right: 0px solid rgba(126, 127, 231, 0.5);
}
#historicalRecords-page .content .list .history .table table tr:last-child td {
  border-bottom: 0px solid rgba(126, 127, 231, 0.5);
}
#historicalRecords-page .content .list .no-data {
  margin: 0 auto 1.77777778rem;
  background-image: url("../img/activity/healthStep/background-3.png");
  background-size: 100% 100%;
  z-index: 50;
  position: absolute;
  width: 94%;
  height: 13.27777778rem;
  top: -2.22222222rem;
  left: 0;
  right: 0;
}
#historicalRecords-page .content .list .no-data p:nth-of-type(1) {
  margin-top: 0.27777778rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 1rem;
}
#historicalRecords-page .content .list .no-data p:nth-of-type(2) {
  text-align: center;
  margin-top: 4.55555556rem;
  font-size: 0.83333333rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #7e7fe7;
}
#seekKoi-page p {
  margin: 0;
}
#seekKoi-page .content {
  width: 100%;
  height: 100%;
  background-image: url("../img/activity/seekKoi/background.png");
  background-size: 100% 100%;
}
#seekKoi-page .content .rules {
  position: absolute;
  top: 0.55555556rem;
  right: 0.55555556rem;
  z-index: 999;
  width: 6.25rem;
  height: 2.55555556rem;
}
#seekKoi-page .content .banner {
  width: 100%;
  margin-top: 2.66666667rem;
}
#seekKoi-page .content .slogan {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0.25rem auto 0;
  background-image: url("../img/activity/seekKoi/slogan-background.png");
  background-size: 100% 100%;
  width: 16.25rem;
  height: 2.91666667rem;
  font-size: 0.86111111rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #f0d161;
  line-height: 1.05555556rem;
}
#seekKoi-page .content .prize .boy {
  background-image: url("../img/activity/seekKoi/prize-background.png");
  background-size: 100% 100%;
  width: 78%;
  height: 8.88888889rem;
  margin: 2.16666667rem auto 0;
  position: relative;
}
#seekKoi-page .content .prize .boy .left-content {
  padding: 1.13888889rem 0 0 1.66666667rem;
}
#seekKoi-page .content .prize .boy .left-content .prize-title {
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  line-height: 0.91666667rem;
}
#seekKoi-page .content .prize .boy .left-content .more {
  width: 2.91666667rem;
  height: 0.91666667rem;
  text-align: center;
  background: #0eadef;
  border-radius: 0.22222222rem;
  margin: 0.11111111rem 0 0.25rem 0.16666667rem;
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.91666667rem;
}
#seekKoi-page .content .prize .boy .left-content .prize-item {
  margin: 0.30555556rem 0 0 0;
  font-size: 0.52777778rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #f0d161;
  line-height: 0.5rem;
}
#seekKoi-page .content .prize .boy .right-img {
  position: absolute;
  right: 0.77777778rem;
  top: -0.72222222rem;
  height: 8.22222222rem;
  display: block;
}
#seekKoi-page .content .prize .girl {
  background-image: url("../img/activity/seekKoi/prize-background.png");
  background-size: 100% 100%;
  width: 78%;
  height: 8.88888889rem;
  margin: 1.86111111rem auto 0;
  position: relative;
}
#seekKoi-page .content .prize .girl .left-img {
  position: absolute;
  display: block;
  height: 8.22222222rem;
  left: 0.88888889rem;
  top: -0.72222222rem;
}
#seekKoi-page .content .prize .girl .right-content {
  padding: 1.13888889rem 0 0 5.47222222rem;
}
#seekKoi-page .content .prize .girl .right-content .prize-title {
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  line-height: 0.91666667rem;
}
#seekKoi-page .content .prize .girl .right-content .more {
  width: 2.91666667rem;
  height: 0.91666667rem;
  text-align: center;
  background: #F27EAF;
  border-radius: 0.22222222rem;
  margin: 0.11111111rem 0 0.25rem 0.16666667rem;
  font-size: 0.66666667rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.91666667rem;
}
#seekKoi-page .content .prize .girl .right-content .prize-item {
  margin: 0.30555556rem 0 0 0;
  font-size: 0.52777778rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #f0d161;
  line-height: 0.5rem;
}
#seekKoi-page .content .group {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 1.83333333rem auto 0;
  background-image: url("../img/activity/seekKoi/slogan-back.png");
  background-size: 100% 100%;
  width: 14.30555556rem;
  height: 2.91666667rem;
  font-size: 0.86111111rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #f0d161;
}
#seekKoi-page .content .code-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.11111111rem;
  height: 9.55555556rem;
  background-image: url("../img/activity/seekKoi/qr-background.png");
  background-size: 100% 100%;
  margin: 0.63888889rem auto 0;
}
#seekKoi-page .content .code-container img {
  display: block;
  width: 7.30555556rem;
  height: 7.30555556rem;
  border-radius: 0.36111111rem;
}
#seekKoi-page .content .scan-in {
  margin: 0.75rem 0 3.72222222rem;
  text-align: center;
  font-size: 0.80555556rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #f0d161;
  line-height: 1.05555556rem;
}
#seekKoi-page .content .mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
}
#seekKoi-page .content .mask .rules-model {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8888;
  width: 80%;
  margin: auto 10%;
  -moz-height: fit-content;
  -webkit-height: fit-content;
  -o-height: fit-content;
  height: fit-content;
}
#seekKoi-page .content .mask .rules-model .back-1 {
  display: block;
  position: relative;
  width: 100%;
}
#seekKoi-page .content .mask .rules-model #rules-close {
  display: block;
  width: 0.61111111rem;
  height: 0.61111111rem;
  position: absolute;
  top: 0.55555556rem;
  right: 0.61111111rem;
}
#seekKoi-page .content .mask .rules-model .rules-content {
  margin: -1px 0;
  background-image: url("../img/activity/seekKoi/back-2.png");
  background-size: 100% 100%;
  padding: 1.16666667rem 1.22222222rem 1.16666667rem;
  color: #333;
  font-size: 0.58333333rem;
  line-height: 0.77777778rem;
  font-family: SourceHanSansCN-Regular;
}
#seekKoi-page .content .mask .rules-model .rules-content span {
  font-size: 0.69444444rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #cb131e;
  line-height: 0.77777778rem;
}
#seekKoi-page .content .mask .rules-model .back-3 {
  display: block;
  width: 100%;
}
#PoPy {
  /*._jobs1 a:hover { color: #888; background-color: #f26f24; }*/
}
#PoPy ._jobs {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  background-color: white;
  padding-bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: const(safe-area-inset-bottom);
}
#PoPy ._jobs span {
  color: #f26f24;
  height: 20px;
  width: 20px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  right: 1em;
  top: 10px;
  cursor: pointer;
}
#PoPy ._jobs0 {
  position: relative;
  width: 100%;
  height: 2.77777778rem;
  display: inline-block;
  border-bottom: 1px solid #dfdfdf;
  padding: 0;
  margin: 0;
}
#PoPy ._jobs0 li {
  padding: 0 0.41666667rem;
  font-size: 0.83333333rem;
  color: #333;
  text-align: center;
  height: 2.77777778rem;
  line-height: 2.77777778rem;
  margin-left: 1.38888889rem;
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  list-style-type: none;
  float: left;
  cursor: pointer;
}
#PoPy .jobSel {
  color: #ff7b0f !important;
  border-bottom: 0.11111111rem solid #ff7b0f;
}
#PoPy ._jobs1 {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 0 1.11111111rem;
  overflow: auto;
}
#PoPy #close-choose-address {
  position: absolute;
  width: 0.83333333rem;
  height: 0.83333333rem;
  right: 1.16666667rem;
  top: 1.02777778rem;
}
#PoPy ._jobs1 a {
  border-bottom: 0 solid white;
  display: block;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.83333333rem;
  color: #333;
  margin-bottom: 0.83333333rem;
}
#PoPy ._jobs1 a:nth-of-type(1) {
  margin-top: 0.5rem;
}
#renewalBank .closeImg {
  width: 0.8rem;
  height: 0.8rem;
}
#renewalBank input {
  height: 22px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  line-height: 22px;
}
#renewalBank input::-webkit-input-placeholder {
  color: #cccccc;
}
#renewalBank .bankcontainer {
  padding-top: 10px;
  padding-bottom: 10px;
}
#renewalBank .bankcontainer .bankHeader {
  font-weight: bold;
  height: 45px;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  justify-content: space-between;
}
#renewalBank .bankcontainer .bankHeader .line {
  display: inline-block;
  width: 3px;
  /* margin-top: 0.67rem; */
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  /* margin-left: 0.4167rem; */
  margin-top: 5px;
}
#renewalBank .bankcontainer .rowline {
  height: 1px;
  background: #e7e7e7;
  display: block;
}
#renewalBank .bankcontainer .bankRow {
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  justify-content: space-between;
  height: 45px;
  align-items: center;
}
#renewalBank .item-bank {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#renewalBank .item-bank input {
  color: #ff7b0f;
  font-size: 0.78rem;
  height: auto;
}
#renewalBank .item-bank:after {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 40%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #818181;
  border-left: 1px solid #818181;
}
#renewalBank1 {
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#renewalBank1 .border-1 {
  height: 1px;
  width: 92%;
  margin: 0 auto;
  background: #e7e7e7;
  margin-top: 0.83rem;
  margin-bottom: 0.83rem;
}
#renewalBank1 .item-b {
  margin-bottom: 5px;
}
#renewalBank1 #diseaseType button {
  width: 27%;
  line-height: 1.5;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-left: 3%;
}
#renewalBank1 #diseaseType button:nth-child(1) {
  margin-left: 0 !important;
}
#renewalBank1 item-s {
  margin-top: 0.55555556rem !important;
  margin-bottom: 0.27777778rem !important;
}
#renewalBank1 .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
#renewalBank1 li.item-content {
  padding: 0;
  min-height: 1.3888888rem;
  margin: 1.388888888rem 0;
}
#renewalBank1 .h5-item-inner {
  padding: 0 0.83rem;
}
#renewalBank1 #trial-page .buttons-tab {
  height: 36px;
}
#renewalBank1 .buttons-tab > a.active {
  border-bottom: 0.155rem solid #ff7a0f !important;
  color: #ff7a0f !important;
}
#renewalBank1 .buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0;
  font-size: 0.83rem;
}
#renewalBank1 .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#renewalBank1 .product-main div {
  background-color: #fff;
}
#renewalBank1 .list-block {
  margin: 0;
}
#renewalBank1 .payYearMsg {
  white-space: nowrap;
}
#renewalBank1 #productTitle {
  display: flex;
  background: #ffffff;
  margin-top: -0.35rem;
}
#renewalBank1 #productName {
  color: #ff7a0f;
  font-size: 0.85rem;
  width: 80%;
}
#renewalBank1 #thumbsUpBtn {
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
  line-height: 1.5;
  font-size: 0.83rem;
  min-width: 1rem;
  color: #4d4d4d;
}
#renewalBank1 #trail-insure {
  margin-bottom: 10px;
  margin-top: 30px;
  border: 0 none;
}
#renewalBank1 #trail-insure .col-33 {
  text-align: center;
}
#renewalBank1 #trail-insure .col-33 h6 {
  font-size: 1.38rem;
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
}
#renewalBank1 #trail-insure .col-33 p {
  font-size: 0.65rem;
  color: #4d4d4d;
  margin: 0;
}
#renewalBank1 #trial {
  margin-bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.5);
  touch-action: none;
}
#renewalBank1 #data-picker {
  text-align: right;
}
#renewalBank1 .item-time {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#renewalBank1 .item-time input {
  color: #ff7a0f;
  font-size: 0.83rem;
  height: auto;
}
#renewalBank1 .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7a0f;
  border-left: 1px solid #ff7a0f;
}
#renewalBank1 .item-bank {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#renewalBank1 .item-bank input {
  color: #ff7b0f;
  font-size: 0.78rem;
  height: auto;
}
#renewalBank1 .item-bank:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7b0f;
  border-left: 1px solid #ff7b0f;
}
#renewalBank1 #purchase {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  max-height: 74%;
  min-height: 9%;
  padding-bottom: 2.61111111rem;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  z-index: 1206;
  padding-top: 0.83rem;
}
#renewalBank1 #insureSelect,
#renewalBank1 #amntRange {
  direction: rtl;
  font-size: 1rem;
  color: #ff7a0f;
  height: auto;
}
#renewalBank1 #insureSelect option,
#renewalBank1 #amntRange option {
  direction: ltr;
  font-size: 1rem;
}
#renewalBank1 a.item-time:after {
  right: 6px;
}
#renewalBank1 .try {
  width: 100%;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ebebeb;
  z-index: 1300;
  display: none;
}
#renewalBank1 ul {
  list-style: none;
}
#renewalBank1 .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#renewalBank1 .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#renewalBank1 .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#renewalBank1 .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#renewalBank1 .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#renewalBank1 .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#renewalBank1 .amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0 none;
  padding: 0;
}
#renewalBank1 .content-width p.pad-15 {
  padding-bottom: 2%;
}
#renewalBank1 .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#renewalBank1 .content-width p.rp {
  padding-right: 6%;
}
#renewalBank1 .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#renewalBank1 .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#renewalBank1 .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#renewalBank1 .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#renewalBank1 .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#renewalBank1 .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#renewalBank1 .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#renewalBank1 .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#renewalBank1 .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#renewalBank1 .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#renewalBank1 .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#renewalBank1 .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#renewalBank1 .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#renewalBank1 .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#renewalBank1 .protect-range img {
  width: 100%;
}
#renewalBank1 .lp {
  padding-right: 2%;
}
#renewalBank1 .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ebebeb;
}
#renewalBank1 .apply-insure {
  color: #fffffd;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  border: 0;
  padding: 0;
  overflow: hidden;
}
#renewalBank1 .apply-insure .service {
  width: 15%;
  height: 2.78rem;
  float: left;
  display: flex;
  align-items: center;
  border-right: 1px solid #e9e9e9;
}
#renewalBank1 .apply-insure .service img {
  width: 1.6rem;
  margin: auto;
}
#renewalBank1 .apply-insure .money {
  color: #4d4d4d;
  width: 45%;
  float: left;
  font-size: 0.75rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  text-indent: 15px;
}
#renewalBank1 .apply-insure .money #actPrem,
#renewalBank1 .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
  letter-spacing: 1px;
  margin-right: 3px;
}
#renewalBank1 .apply-insure .suan {
  width: 40%;
  float: left;
  display: inline-block;
  background: #ff7a0f;
  color: #fff;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
#renewalBank1 .mask {
  display: none;
  position: fixed;
  z-index: 1301;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#renewalBank1 .code-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1303;
}
#renewalBank1 .code-container .QRCode-background {
  width: 15.3rem;
}
#renewalBank1 .code-container .code-img {
  position: absolute;
  width: 5.8rem;
  bottom: 5.2rem;
  left: 4.75rem;
}
#renewalBank1 .code-container .code-img-text {
  position: absolute;
  bottom: 3.8rem;
  left: 0.2rem;
  right: 0.2rem;
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
}
#renewalBank1 .code-container p {
  position: absolute;
  bottom: 0.95rem;
  left: 4rem;
  width: 7.2rem;
  text-align: center;
  background: #178AEC;
  font-size: 0.9rem;
  margin: 0;
  color: white;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1.02rem;
}
#renewalBank1 .save-content-container {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1302;
  display: none;
}
#renewalBank1 .save-content-container .save-content {
  font-size: 0.9rem;
  color: #1A1A1A;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e9e9e9;
}
#renewalBank1 .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#renewalBank1 .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#renewalBank1 .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#renewalBank1 .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#renewalBank1 .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#renewalBank1 .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ff7a0f;
}
#renewalBank1 .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#renewalBank1 .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#renewalBank1 .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#renewalBank1 .gray-btn {
  background-color: #fff;
  border: 1px solid #f0f0f0 !important;
  border-radius: 1rem !important;
  font-size: 0.72rem !important;
  color: #808080 !important;
  background-color: #f0f0f0;
}
#renewalBank1 .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#renewalBank1 .gray-btn-checked {
  background-color: #FF7A0F;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #FF7A0F !important;
}
#renewalBank1 .btn-middle {
  font-size: 0.72rem !important;
  border: 0;
  border-radius: 1rem !important;
  margin-left: 0.4rem;
  line-height: 1.22rem;
  height: 1.22rem;
  min-width: 2.56rem;
  padding: 0 0.6111111rem;
  overflow: visible;
}
#renewalBank1 .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#renewalBank1 .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#renewalBank1 .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#renewalBank1 .rt {
  color: #999;
}
#renewalBank1 .font-orange {
  color: #0bb1ef;
}
#renewalBank1 .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#renewalBank1 .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#renewalBank1 input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#renewalBank1 input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #renewalBank1 input[type="date"]:before {
    color: #4DB2F6;
  }
  #renewalBank1 .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #renewalBank1 .font-center {
    padding: 0px 1%;
  }
  #renewalBank1 .rang-l {
    margin-left: -3%;
  }
  #renewalBank1 .rang-r {
    margin-left: 3%;
  }
  #renewalBank1 .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #renewalBank1 .insur-row-padding {
    margin-right: 17%;
  }
  #renewalBank1 .protect-range1 p {
    font-size: 1em;
  }
}
#renewalBank1 #trialInfo {
  border-color: transparent !important;
}
#renewalBank1 #trialInfo .try {
  z-index: 3;
}
#renewalBank1 #trialInfo h6 {
  color: #ff7a0f;
  font-size: 1.38rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
}
#renewalBank1 #trialInfo p {
  color: #4d4d4d;
  font-size: 0.62rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
#renewalBank1 .tabs {
  min-height: 8rem;
}
#renewalBank1 #clause a {
  color: #ff7a0f !important;
}
a.item-time #renewalBank1:after {
  margin-top: -0.31111111rem;
}
#renewalBank1 #amnts button:nth-child(1) {
  margin-left: 0;
}
#renewalBank1 #important_statement {
  width: 2.28rem;
  height: 1.25rem;
}
#renewalBank1 .closed-font {
  color: #999999!important;
}
#addPremRecord-page p {
  margin: 0;
}
#addPremRecord-page .table-container {
  background-color: white;
  margin-top: 0.55555556rem;
  padding: 0.83333333rem;
}
#addPremRecord-page .note-container {
  margin: 1.38888889rem 0.83333333rem 0.83333333rem;
}
#addPremRecord-page .note-container p {
  font-size: 0.66666667rem;
  color: #333;
  line-height: 1.38888889rem;
}
#partReceivingRecord-page p {
  margin: 0;
}
#partReceivingRecord-page .table-container {
  background-color: white;
  margin-top: 0.55555556rem;
  padding: 0.83333333rem;
}
#partReceivingRecord-page .note-container {
  margin: 1.38888889rem 0.83333333rem 0.83333333rem;
}
#partReceivingRecord-page .note-container p {
  font-size: 0.66666667rem;
  color: #333;
  line-height: 1.38888889rem;
}
#survivalReceiptRecord-page p {
  margin: 0;
}
#survivalReceiptRecord-page .table-container {
  background-color: white;
  margin-top: 0.55555556rem;
  padding: 0.83333333rem;
}
#survivalReceiptRecord-page .note-container {
  margin: 1.38888889rem 0.83333333rem 0.83333333rem;
}
#survivalReceiptRecord-page .note-container p {
  font-size: 0.66666667rem;
  color: #333;
  line-height: 1.38888889rem;
}
#newTrial-page {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#newTrial-page input {
  border-radius: 0;
  -webkit-appearance: none;
}
#newTrial-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#newTrial-page .tip-unit {
  background: #000000;
  opacity: 0.6;
  border-radius: 5px;
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 10px;
  position: absolute;
  bottom: 1.5rem;
  margin-left: 1.8rem;
}
#newTrial-page .tip-unit .square {
  width: 0;
  height: 0;
  border: 6px solid rgba(151, 151, 151, 0);
  border-top-color: #000000;
  margin: auto;
  margin-top: -2px;
}
#newTrial-page #confirmModal {
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
}
#newTrial-page #confirmModal .confirm-tips {
  margin: 4.80555556rem auto 2rem;
  width: 92%;
  height: 2.44444444rem;
  background: #FF7C10;
  box-shadow: 1px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
}
#newTrial-page #confirmModal .tip-container {
  margin: 6.27777778rem auto 0;
  width: 85%;
  border: 0.05555556rem solid #FFA054;
  border-radius: 0.55555556rem;
  position: relative;
}
#newTrial-page #confirmModal .tip-container .title {
  position: absolute;
  font-size: 1.33333333rem;
  font-weight: 400;
  color: #343434;
  top: -1.33333333rem;
  display: flex;
  justify-content: center;
  margin: 0;
}
#newTrial-page #confirmModal .tip-container .title .white-back {
  width: 6.66666667rem;
  background-color: #fff;
  position: relative;
}
#newTrial-page #confirmModal .tip-container .title p {
  text-align: center;
  position: relative;
  z-index: 100000;
}
#newTrial-page #confirmModal .tip-container .title span {
  width: 5.83333333rem;
  height: 0.80555556rem;
  top: 1.11111111rem;
  background: #FFA054;
  border-radius: 0.41666667rem;
  position: absolute;
  left: 0.41666667rem;
}
#newTrial-page #confirmModal .tip-container .content-container {
  padding: 2.16666667rem 1.66666667rem 1.58333333rem 1.66666667rem;
}
#newTrial-page #confirmModal .tip-container .content-container p {
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #343434;
}
#newTrial-page #confirmModal .tip-container .content-container p:nth-of-type(2) {
  margin-top: 1.38888889rem;
}
#newTrial-page .mantle {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
#newTrial-page .mantle-duty {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
#newTrial-page .trial-containerpopmask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
#newTrial-page .amount-mark {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 199;
  display: none;
}
#newTrial-page .col-qa {
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
  margin-left: 0px !important;
}
#newTrial-page .grid-qa {
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
}
#newTrial-page .grid-qa .col-60 {
  width: 55%;
}
#newTrial-page .row-qa {
  margin-left: 0;
}
#newTrial-page .grid-qa .col-40 {
  width: 45%;
}
#newTrial-page p {
  margin: 0;
}
#newTrial-page .active {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  border: 1px solid #F3938F!important;
}
#newTrial-page .banner-img {
  width: 100%;
  display: block;
}
#newTrial-page .product-title {
  padding: 0 0.88888889rem;
  width: 100%;
  height: 2.77777778rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .product-title img {
  display: block;
  width: 0.91666667rem;
}
#newTrial-page .sub-title {
  padding: 0 0.88888889rem;
  width: 100%;
  height: 3.33333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
#newTrial-page .sub-title .left {
  align-items: center;
  display: flex;
}
#newTrial-page .sub-title .left p:nth-of-type(1) {
  width: 4.44444444rem;
  height: 1.66666667rem;
  background-color: #FF7B0F;
  text-align: center;
  line-height: 1.66666667rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #ffffff;
}
#newTrial-page .sub-title .left p:nth-of-type(2) {
  margin-left: 0.55555556rem;
  color: #4d4d4d;
  font-size: 0.77777778rem;
  font-weight: bold;
}
#newTrial-page .sub-title img {
  display: block;
  width: 0.94444444rem;
  height: 0.94444444rem;
}
#newTrial-page .model-title {
  width: 100%;
  height: 2.77777778rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.88888889rem;
}
#newTrial-page .model-title :nth-of-type(1) {
  font-weight: bold;
  color: #4d4d4d;
  font-size: 16px;
}
#newTrial-page .model-title :nth-of-type(2) {
  font-size: 16px;
  font-weight: 400;
  color: #178aec;
}
#newTrial-page #dutyImg {
  width: 100%;
  display: block;
}
#newTrial-page .duty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 8px;
}
#newTrial-page .duty p {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  word-break: break-all;
}
#newTrial-page .duty p:nth-of-type(1) {
  max-width: 7.5rem;
}
#newTrial-page .duty p:nth-of-type(2) {
  max-width: 10rem;
  text-align: end;
}
#newTrial-page .show-switch {
  border-bottom: 1px solid #e9e9e9;
  height: 2.66666667rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 0 0.88888889rem;
}
#newTrial-page .show-switch p {
  font-size: 0.88888889rem;
  font-weight: 400;
}
#newTrial-page .show-switch img {
  margin-left: 0.58333333rem;
  width: 0.94444444rem;
  height: 0.5rem;
}
#newTrial-page .protocol-container {
  background-color: #fff;
  padding: 0.94444444rem 1.27777778rem 0.94444444rem 0.88888889rem;
  font-size: 0.66666667rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newTrial-page .trial-container {
  margin-top: 10px;
  padding-bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: const(safe-area-inset-bottom);
}
#newTrial-page .trial-container .accumulated-collection {
  background-color: #fff;
}
#newTrial-page .trial-container .accumulated-collection .total {
  display: flex;
  padding: 0 1rem 0 0.88888889rem;
  justify-content: space-between;
  align-items: center;
  height: 3.33333333rem;
  font-size: 1.05555556rem;
  font-weight: bold;
  color: #ff7b0f;
}
#newTrial-page .trial-container .accumulated-collection .show-detail {
  width: 4.38888889rem;
  height: 1.22222222rem;
  background: #ff7b0f;
  border-radius: 0.61111111rem;
  text-align: center;
  line-height: 1.22222222rem;
  margin: 0 auto;
  font-size: 0.61111111rem;
  font-weight: bold;
  color: #ffffff;
}
#newTrial-page .trial-container .trial-title {
  border-bottom: 1px solid #e9e9e9;
  height: 2.77777778rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 1rem;
}
#newTrial-page .trial-container .trial-title p {
  width: 3.11111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  line-height: 2.66666667rem;
}
#newTrial-page .trial-container .trial-title p a {
  color: #8A8A8A;
}
#newTrial-page .trial-container .trial-title .titleActive {
  border-bottom: 0.11111111rem solid #ff7b0f;
}
#newTrial-page .trial-container .trial-title .titleActive a {
  color: #ff7b0f;
}
#newTrial-page .trial-container .fixedNav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
#newTrial-page .trial-container .insur-container {
  background-color: #fff;
}
#newTrial-page .trial-container .insur-container .insur-title {
  display: flex;
  align-items: flex-end;
  padding-top: 1.08333333rem;
  padding-left: 0.88888889rem;
}
#newTrial-page .trial-container .insur-container .insur-title p:nth-of-type(1) {
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newTrial-page .trial-container .insur-container .insur-title p:nth-of-type(2) {
  margin-left: 0.58333333rem;
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newTrial-page .trial-container .insur-container .role-container {
  padding: 0.83333333rem 0 0.58333333rem 0;
  padding-left: 0.88888889rem;
  display: flex;
}
#newTrial-page .trial-container .insur-container .role-container p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  background-color: #fff;
  text-align: center;
}
#newTrial-page .trial-container .insur-container .role-container p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#newTrial-page .trial-container .insur-container .insur-tip {
  padding: 0.55555556rem 0.88888889rem;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
#newTrial-page .trial-container .insur-container .insur-tip p {
  padding: 0.44444444rem 0.38888889rem 0.61111111rem 0.36111111rem;
  background-color: #fdf0e5;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #8a8a8a;
}
#newTrial-page .trial-container .insur-container .info-container #born-content {
  border-bottom: none;
  padding-left: 0;
  height: 100%;
}
#newTrial-page .trial-container .insur-container .info-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .info-container .item-info p {
  display: inline-table;
  align-items: center;
  width: 3.75rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newTrial-page .trial-container .insur-container .info-container .item-info i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newTrial-page .trial-container .insur-container .info-container .item-info .left-value {
  width: 6.38888889rem;
  flex-shrink: 0;
}
#newTrial-page .trial-container .insur-container .info-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newTrial-page .trial-container .insur-container .info-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 0.77777778rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-right: 0.55555556rem;
}
#newTrial-page .trial-container .insur-container .info-container .item-info #delIcon {
  width: 1rem;
  height: 1rem;
}
#newTrial-page .trial-container .insur-container .info-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newTrial-page .trial-container .insur-container .info-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newTrial-page .trial-container .insur-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .item-info .leftValue {
  display: flex;
  align-items: center;
  width: 6.38888889rem !important;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex-shrink: 0;
}
#newTrial-page .trial-container .insur-container .item-info i {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newTrial-page .trial-container .insur-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newTrial-page .trial-container .insur-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 0.77777778rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-right: 0.72222222rem;
}
#newTrial-page .trial-container .insur-container .item-info #arrowleft {
  width: 0.44444444rem;
  height: 0.83333333rem;
}
#newTrial-page .trial-container .insur-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newTrial-page .trial-container .insur-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newTrial-page .trial-container .insur-container .item-info .right-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#newTrial-page .trial-container .insur-container .item-info .right-info img {
  margin-right: 0.88888889rem;
}
#newTrial-page .trial-container .insur-container .main-product-title {
  padding-top: 0.86111111rem;
  padding-left: 0.88888889rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newTrial-page .trial-container .insur-container .pay-item {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-container .insur-container .pay-item .pay-item-title {
  margin-top: 0.19444444rem;
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-container .insur-container .pay-item .pay-item-title .to {
  margin-left: 1.66666667rem;
}
#newTrial-page .trial-container .insur-container .pay-item .pay-item-left {
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-container .insur-container .pay-item .pay-item-title-short {
  margin-top: 0.19444444rem;
  width: 5.55555556rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-container .insur-container .pay-item div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newTrial-page .trial-container .insur-container .pay-item div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
}
#newTrial-page .trial-container .insur-container .pay-item .pay-amnt {
  color: #FF7B0F;
  font-weight: bold;
  font-size: 0.88888889rem;
}
#newTrial-page .trial-container .insur-container .pay-amnt-item {
  padding-bottom: 0.55555556rem;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .base-amount {
  padding: 0.55555556rem 0.55555556rem 0.55555556rem 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-container .insur-container .base-amount .base-amount-title {
  margin-top: 0.19444444rem;
  text-align: left;
  font-size: 0.77777778rem;
  width: 6.38888889rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-container .insur-container .base-amount .base-amount-title .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .choose-item-desc {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #ff7b0f;
  margin-top: 0.55555556rem;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container {
  display: flex;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .unit {
  margin-left: 0.61111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #F3938F;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(1) {
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-top-left-radius: 0.77777778rem;
  border-bottom-left-radius: 0.77777778rem;
  text-align: center;
  font-weight: 400;
  color: #414141;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #FF7B0F;
  border-bottom: 1px solid #FF7B0F;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 0.77777778rem;
  border-radius: 2px;
  color: #ff7b0f;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(2) {
  text-align: center;
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-top-right-radius: 0.77777778rem;
  border-bottom-right-radius: 0.77777778rem;
  color: #FF7B0F;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#newTrial-page .trial-container .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #FF7B0F;
  border-bottom: 1px solid #FF7B0F;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 0.77777778rem;
  border-radius: 2px;
  color: #ff7b0f;
}
#newTrial-page .trial-containerpop {
  position: fixed;
  bottom: 0;
  bottom: env(safe-area-inset-bottom);
  bottom: const(safe-area-inset-bottom);
  left: 0;
  right: 0;
  background: #fff;
  height: 70%;
  overflow: auto;
  z-index: 198;
  -webkit-overflow-scrolling: touch;
}
#newTrial-page .trial-containerpop .accumulated-collection {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-containerpop .accumulated-collection .total {
  display: flex;
  padding: 0 1rem 0 0.88888889rem;
  justify-content: space-between;
  align-items: center;
  height: 3.33333333rem;
  color: #4D4D4D;
}
#newTrial-page .trial-containerpop .accumulated-collection .total .total-money {
  color: #F3938F;
  font-weight: bold;
}
#newTrial-page .trial-containerpop .accumulated-collection .show-detail {
  color: #F3938F;
}
#newTrial-page .trial-containerpop .insur-container {
  background-color: #fff;
}
#newTrial-page .trial-containerpop .insur-container .insur-title {
  display: flex;
  align-items: flex-end;
  padding-top: 1.08333333rem;
  padding-left: 0.88888889rem;
}
#newTrial-page .trial-containerpop .insur-container .insur-title p:nth-of-type(1) {
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newTrial-page .trial-containerpop .insur-container .insur-title p:nth-of-type(2) {
  margin-left: 0.58333333rem;
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #8A8A8A;
}
#newTrial-page .trial-containerpop .insur-container .role-container {
  padding: 0.83333333rem 0 0.58333333rem 0;
  padding-left: 0.88888889rem;
  display: flex;
}
#newTrial-page .trial-containerpop .insur-container .role-container p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  border-radius: 2px;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  text-align: center;
}
#newTrial-page .trial-containerpop .insur-container .role-container p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#newTrial-page .trial-containerpop .insur-container .insur-tip {
  background-color: #FFF9F9;
}
#newTrial-page .trial-containerpop .insur-container .insur-tip div {
  padding: 0.44444444rem 0.38888889rem 0.61111111rem 0.36111111rem;
  margin-left: 5px;
  background-color: #FFF9F9;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #F3938F;
}
#newTrial-page .trial-containerpop .insur-container .info-container #born-content {
  border-bottom: none;
  padding-left: 0;
  height: 100%;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info p {
  display: inline-table;
  align-items: center;
  width: 3.75rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info .left-value {
  width: 6.38888889rem;
  flex-shrink: 0;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
  flex-wrap: wrap;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border: 0px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  margin-right: 0.55555556rem;
  margin-top: 0.55555556rem;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info #delIcon {
  width: 1rem;
  height: 1rem;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newTrial-page .trial-containerpop .insur-container .info-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newTrial-page .trial-containerpop .insur-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newTrial-page .trial-containerpop .insur-container .item-info .leftValue {
  display: flex;
  align-items: center;
  width: 6.38888889rem !important;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex-shrink: 0;
}
#newTrial-page .trial-containerpop .insur-container .item-info i {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newTrial-page .trial-containerpop .insur-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newTrial-page .trial-containerpop .insur-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-right: 0.72222222rem;
}
#newTrial-page .trial-containerpop .insur-container .item-info #arrowleft {
  width: 0.44444444rem;
  height: 0.83333333rem;
}
#newTrial-page .trial-containerpop .insur-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newTrial-page .trial-containerpop .insur-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newTrial-page .trial-containerpop .insur-container .item-info .right-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#newTrial-page .trial-containerpop .insur-container .item-info .right-info img {
  margin-right: 0.88888889rem;
}
#newTrial-page .trial-containerpop .insur-container .main-product {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-containerpop .insur-container .main-product .main-product-title {
  margin-top: 0.19444444rem;
  width: 90px;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
  margin-right: 23px;
}
#newTrial-page .trial-containerpop .insur-container .main-product .mainContainer {
  padding: 0.83333333rem 0 0.58333333rem 0;
  display: flex;
}
#newTrial-page .trial-containerpop .insur-container .main-product .mainContainer p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  border-radius: 2px;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  text-align: center;
  margin-right: 10px;
}
#newTrial-page .trial-containerpop .insur-container .main-product .mainContainer p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#newTrial-page .trial-containerpop .insur-container .pay-item {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-containerpop .insur-container .pay-item .pay-item-title {
  margin-top: 0.19444444rem;
  width: 90px;
  margin-right: 23px;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-containerpop .insur-container .pay-item .pay-item-title .to {
  margin-left: 1.66666667rem;
}
#newTrial-page .trial-containerpop .insur-container .pay-item .pay-item-left {
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-containerpop .insur-container .pay-item .pay-item-title-short {
  margin-top: 0.19444444rem;
  width: 5.55555556rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-containerpop .insur-container .pay-item div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newTrial-page .trial-containerpop .insur-container .pay-item div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  background-color: #F6F5F5;
}
#newTrial-page .trial-containerpop .insur-container .pay-item .pay-amnt {
  color: #F3938F;
  font-weight: bold;
  font-size: 0.88888889rem;
}
#newTrial-page .trial-containerpop .insur-container .pay-amnt-item {
  padding-bottom: 0.55555556rem;
  align-items: center;
}
#newTrial-page .trial-containerpop .insur-container .base-amount {
  padding: 0.55555556rem 0.55555556rem 0.55555556rem 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .base-amount-title {
  margin-top: 0.19444444rem;
  text-align: left;
  font-size: 0.77777778rem;
  width: 6.38888889rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .base-amount-title .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item .choose-amt-button {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  background-color: #F6F5F5;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item input {
  width: 130px;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  text-align: center;
  font-size: 0.77777778rem;
  color: #818181;
  border-radius: 2px;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item input::-webkit-input-placeholder {
  color: #DBDBDB;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item input::-moz-placeholder {
  color: #DBDBDB;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-amt-item input::-ms-input-placeholder {
  color: #DBDBDB;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .choose-item-desc {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #F3938F;
  margin-top: 0.55555556rem;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container {
  display: flex;
  align-items: center;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .unit {
  margin-left: 0.61111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #F3938F;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(1) {
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-radius: 2px;
  text-align: center;
  color: #FF7B0F;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #F3938F;
  border-bottom: 1px solid #F3938F;
  border-left: 1px solid #F3938F;
  border-right: 1px solid #F3938F;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #414141;
  border-radius: 0;
  -webkit-appearance: none;
}
#newTrial-page .trial-containerpop .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(2) {
  text-align: center;
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-radius: 2px;
  color: #FF7B0F;
}
#newTrial-page .additional-container {
  background-color: #fff;
}
#newTrial-page .product-introduce {
  margin-top: 10px;
  position: relative;
}
#newTrial-page .product-introduce img {
  display: block;
  width: 100%;
}
#newTrial-page .product-introduce .know {
  position: absolute;
  top: 0.72222222rem;
  right: 0.88888889rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #178aec;
}
#newTrial-page .qa-container {
  background-color: #fff;
  margin-top: 10px;
}
#newTrial-page .qa-container .qa-title {
  width: 100%;
  height: 2.77777778rem;
  line-height: 2.77777778rem;
  padding-left: 0.88888889rem;
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .qa-container .qa-content {
  padding: 0.83333333rem 1.08333333rem 0.83333333rem 0.86111111rem;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .qa-container .qa-content .q-container {
  display: flex;
  align-items: flex-start;
}
#newTrial-page .qa-container .qa-content .q-container img {
  display: block;
  width: 1.22222222rem;
}
#newTrial-page .qa-container .qa-content .q-container p {
  word-break: break-all;
  margin-left: 0.55555556rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newTrial-page .qa-container .qa-content .a-container {
  margin-top: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#newTrial-page .qa-container .qa-content .a-container img {
  display: inline-block;
  width: 1.22222222rem;
}
#newTrial-page .qa-container .qa-content .a-container span {
  word-break: break-all;
  margin-left: 0.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #8a8a8a;
  margin-bottom: 0.27777778rem;
}
#newTrial-page .bottom-footer {
  position: fixed;
  bottom: -1px;
  width: 100%;
  height: 3.33333333rem;
  display: flex;
  align-items: center;
  border-top: 1px solid #e9e9e9;
  background-color: #FFFFFF;
  justify-content: space-between;
}
#newTrial-page .bottom-footer .footer-left {
  background-color: #fff;
  height: 2.77777778rem;
  display: flex;
  align-items: center;
  margin-left: 0.83333333rem;
}
#newTrial-page .bottom-footer .footer-left p {
  font-size: 1.05555556rem;
  font-weight: bold;
  color: #F3938F;
}
#newTrial-page .bottom-footer .footer-left p span:nth-of-type(2) {
  font-size: 0.66666667rem;
  font-weight: bold;
  color: #4D4D4D;
}
#newTrial-page .bottom-footer .footer-left img {
  display: block;
  width: 47px;
}
#newTrial-page .bottom-footer .footer-right {
  width: 7.77777778rem;
  background: #FD6D64;
  font-size: 0.88888889rem;
  color: #ffffff;
  text-align: center;
  line-height: 2.33333333rem;
  border-radius: 1.16666667rem;
  height: 2.33333333rem;
  margin-right: 0.61111111rem;
}
#newTrial-page .duty-model {
  z-index: 300 !important;
}
#newTrial-page .claim-notice {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 200;
  border-radius: 1.11111111rem 1.11111111rem 0px 0px;
}
#newTrial-page .claim-notice .claim-title {
  height: 2.66666667rem;
  width: 100%;
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 2.66666667rem;
  text-align: center;
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#newTrial-page .claim-notice .close {
  position: absolute;
  top: 0;
  width: 1rem;
  top: 0.77777778rem;
  right: 1rem;
}
#newTrial-page .claim-notice .claim-cintainer {
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.66666667rem;
  height: 20.44444444rem;
  overflow-y: auto;
}
#newTrial-page .claim-notice .claim-cintainer .sub-title-container {
  padding: 1rem 0 0 0.88888889rem;
  display: flex;
  align-items: center;
}
#newTrial-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(1) {
  display: inline-block;
  width: 0.16666667rem;
  height: 0.77777778rem;
  background: #ff7b0f;
  border-radius: 0.08333333rem;
}
#newTrial-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(2) {
  margin-left: 0.44444444rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newTrial-page .claim-notice .claim-cintainer .claim-content {
  padding: 1.66666667rem 1.25rem 1rem 1.25rem;
  font-size: 0.77777778rem;
  color: #8a8a8a;
}
#newTrial-page .claim-notice .has-border {
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#newTrial-page .service {
  width: 15%;
  height: 2.78rem;
  float: left;
  display: flex;
  align-items: center;
  border-right: 1px solid #e9e9e9;
}
#newTrial-page .service img {
  width: 1.6rem;
  margin: auto;
}
#newTrial-page .mask {
  display: none;
  position: fixed;
  z-index: 1301;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#newTrial-page .code-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1303;
}
#newTrial-page .code-container .QRCode-background {
  height: 21.5rem;
}
#newTrial-page .code-container .qrcode-content {
  position: absolute;
  /* bottom: 5.2rem; */
  top: 10.7rem;
  left: 0;
  right: 0;
  text-align: center;
}
#newTrial-page .code-container .qrcode-content .code-img {
  width: 5.8rem;
}
#newTrial-page .code-container .qrcode-content .code-img-text {
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
}
#newTrial-page .code-container .qrcode-content p {
  text-align: center;
  background: #178AEC;
  font-size: 0.9rem;
  margin: 0 auto;
  color: white;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1.02rem;
  width: 80%;
  margin-top: 0.5rem;
}
#newTrial-page .save-content-container {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1302;
  display: none;
}
#newTrial-page .save-content-container .save-content {
  font-size: 0.9rem;
  color: #1A1A1A;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e9e9e9;
}
#newTrial-page .info-container .otherType {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newTrial-page .info-container .otherType p {
  width: 3.11111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newTrial-page .info-container .otherType input {
  margin-left: 2.5rem;
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
  width: 13.88888889rem;
}
#newTrial-page .info-container .otherType ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newTrial-page .rightType {
  justify-content: flex-end;
}
#newTrial-page .tableThead {
  background-color: #F8F7FF;
  font-size: 0.66666667rem;
  color: #B7AFFA;
}
#newTrial-page .tableTbody {
  font-size: 0.61111111rem;
}
#newTrial-page .table {
  width: 100%;
  color: #818181;
}
#newTrial-page .table td {
  text-align: center;
  vertical-align: middle;
  padding: 0.38888889rem 0;
}
#newTrial-page #table_wrap > .table {
  line-height: 0.777778rem;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  color: #B7AFFA;
}
#newTrial-page .table tr th:first-child {
  border: 1px solid #B7AFFA;
}
#newTrial-page .table tr th:not(:first-child) {
  border-bottom: 1px solid #B7AFFA;
  border-right: 1px solid #B7AFFA;
  border-top: 1px solid #B7AFFA;
}
#newTrial-page .table tr td:first-child {
  border: 1px solid #B7AFFA;
  border-top: none;
}
#newTrial-page .table tr td:not(:first-child) {
  border-bottom: 1px solid #B7AFFA;
  border-right: 1px solid #B7AFFA;
}
#newTrial-page .table tr th {
  background-color: #F8F7FF;
  font-weight: 400;
}
#newTrial-page .table tr:first-child th:first-child {
  border-top-left-radius: 5px;
}
#newTrial-page .table tr:first-child th:last-child {
  border-top-right-radius: 5px;
}
#newTrial-page .proposal-table {
  padding: 0.83333333rem 5%;
}
#newTrial-page .rateList {
  width: 100%;
  height: 3.33333333rem;
  display: flex;
  justify-content: space-around;
  background-color: #F4F4F4;
}
#newTrial-page .rate {
  width: 5.61111111rem;
  height: 1.88888889rem;
  color: #F3938F;
  font-size: 0.77777778rem;
  text-align: center;
  line-height: 1.88888889rem;
  margin: auto 0;
  background-color: white;
  border: 0.05555556rem solid #FD6D64;
  border-radius: 0.27777778rem;
}
#newTrial-page .rate-action {
  color: white;
  background-color: #FD6D64;
}
#newTrial-page .pay-amnt-duty {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  width: auto;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  border: 1px solid #F3938F !important;
}
#newTrial-page .amount-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#mixImpart-page .impart-title {
  display: flex;
  background: white;
}
#mixImpart-page .impart-title img {
  width: 50%;
  height: 2.77777778rem;
}
#mixImpart-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#mixImpart-page .impart-title-text {
  display: flex;
  justify-content: space-around;
  font-size: 0.77777778rem;
  color: #4D4D4D;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.9rem;
}
#mixImpart-page .impart-title-text .black-text {
  color: #4D4D4D;
  margin: 0;
}
#mixImpart-page .impart-title-text .orange-text {
  color: white;
  margin: 0;
}
#mixImpart-page .warn {
  color: #818181;
  font-size: 0.667rem;
  font-weight: 500;
  background: #FFF2E8;
  padding: 0.55555556rem;
}
#mixImpart-page .impart-info .tip-container {
  background: white;
  padding: 0.5rem 1rem;
}
#mixImpart-page .impart-info .tip-text {
  color: #4D4D4D;
  font-size: 0.89rem;
  padding-left: 0.55rem;
  font-weight: bold;
  border-left: 0.13rem solid #ff7b0f;
}
#mixImpart-page .impart-info .input-container {
  border-top: 1px solid #F2F2F2;
}
#mixImpart-page .impart-info .input-container .input-item {
  color: #4D4D4D;
  height: 2.78rem;
  display: flex;
  align-items: center;
  font-size: 0.78rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background: white;
  border-bottom: 1px solid #F2F2F2;
}
#mixImpart-page .impart-info .input-container .input-item span {
  color: red;
}
#mixImpart-page .impart-info .input-container .input-item input {
  margin-left: 0.72rem;
  margin-right: 0.72rem;
  width: 7rem;
  border: 0;
}
#mixImpart-page .impart-info .impart-title-value {
  color: #4D4D4D;
  font-size: 0.89rem;
  font-weight: bold;
  margin: 0.8rem;
}
#mixImpart-page .impart-info .impart-label {
  padding: 0.8rem;
  font-size: 0.77777778rem;
  color: #818181;
  background: white;
}
#mixImpart-page .impart-desc {
  background: white;
  margin-top: 0.8rem;
}
#mixImpart-page .button-container {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #e7e7e7;
  font-size: 0.88888889rem;
  padding: 0.5rem 0.83333333rem;
}
#mixImpart-page .button-container .left {
  height: 2.61111111rem;
  line-height: 2.61111111rem;
  background: #FFB5B0;
  color: white;
  width: 50%;
  text-align: center;
  border-radius: 1.30555556rem 0 0 1.30555556rem;
}
#mixImpart-page .button-container .right {
  width: 50%;
  height: 2.61111111rem;
  line-height: 2.61111111rem;
  background: #FD6D64;
  color: white;
  text-align: center;
  border-radius: 0 1.30555556rem 1.30555556rem 0;
}
#mixImpart-page input::-webkit-input-placeholder {
  color: #b1b0b0;
}
#mixImpart-page input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b1b0b0;
}
#mixImpart-page input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b1b0b0;
}
#mixImpart-page input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b1b0b0;
}
#receiveDetail-page p {
  margin: 0;
}
#receiveDetail-page .desc-detail {
  width: 100%;
  background-color: #fff;
}
#receiveDetail-page .desc-detail .desc-top {
  text-align: center;
  padding-top: 1.11111111rem;
  font-size: 0.66666667rem;
  font-weight: 400;
  color: #4d4d4d;
}
#receiveDetail-page .desc-detail .desc-top span {
  margin: 0 0.33333333rem;
  display: inline-block;
  width: 2.77777778rem;
  height: 1.44444444rem;
  background: #ffd771;
  opacity: 0.74;
  border-radius: 0.72222222rem;
  text-align: center;
  line-height: 1.44444444rem;
}
#receiveDetail-page .desc-detail .desc-center {
  margin-top: 1.08333333rem;
  text-align: center;
  font-size: 1.94444444rem;
  font-weight: bold;
  color: #ff7b0f;
}
#receiveDetail-page .desc-detail .desc-bottom {
  display: flex;
  margin-top: 2.5rem;
  padding: 0 0.88888889rem 0.88888889rem 0.88888889rem;
  justify-content: space-between;
  font-size: 0.66666667rem;
  font-weight: 400;
  color: #4d4d4d;
}
#receiveDetail-page .receive-desc {
  margin-top: 1.11111111rem;
}
#receiveDetail-page .receive-desc .receive-item {
  padding: 0 0.88888889rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.66666667rem;
  background-color: #fff;
}
#receiveDetail-page .receive-desc .receive-item p:nth-of-type(1) {
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#receiveDetail-page .receive-desc .receive-item p:nth-of-type(2) {
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #8a8a8a;
}
#receiveDetail-page .receive-desc .receive-item:not(:last-child) {
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#receiveDetail-page .receive-time {
  margin-top: 1.11111111rem;
  background-color: #fff;
}
#receiveDetail-page .receive-time .receive-time-name {
  background-color: #fff;
  width: 100%;
  height: 2.77777778rem;
  line-height: 2.77777778rem;
  padding-left: 0.88888889rem;
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#receiveDetail-page .receive-time .receive-title {
  width: 19.05555556rem;
  height: 2.77777778rem;
  margin: 0 auto;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.55555556rem;
  font-size: 0.66666667rem;
  font-weight: bold;
  color: #4d4d4d;
}
#receiveDetail-page .receive-time .receive-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.47222222rem;
  height: 2.66666667rem;
}
#receiveDetail-page .receive-time .receive-detail P:nth-of-type(1) {
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#receiveDetail-page .receive-time .receive-detail P:nth-of-type(2) {
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #8a8a8a;
}
#receiveDetail-page .receive-time .receive-detail:not(:last-child) {
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#newInsure-page {
  /* button */
}
#newInsure-page p {
  margin: 0;
}
#newInsure-page #clauseContainer .mo {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
}
#newInsure-page #clauseContainer .clause-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 88%;
  width: 100%;
  background-color: #fff;
  z-index: 1001;
  border-radius: 0.83333333rem 0.83333333rem 0px 0px;
}
#newInsure-page #clauseContainer .clause-container .close-button {
  width: 2.11111111rem;
  height: 2.15789474rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#newInsure-page #clauseContainer .clause-container #clauseHtml {
  height: calc(82.25%);
}
#newInsure-page #clauseContainer .clause-container .clause-content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#newInsure-page #clauseContainer .clause-container .clauseImg {
  width: 100%;
  display: block;
}
#newInsure-page #clauseContainer .clause-container .clause-footer {
  width: 16.83333333rem;
  height: 2.75rem;
  background: #FC6C63;
  border-radius: 1.38888889rem;
  margin: 0 auto;
  line-height: 2.75rem;
  text-align: center;
  font-size: 0.94444444rem;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 0.22222222rem;
}
#newInsure-page #clauseContainer .clause-title {
  padding-right: 2.63888889rem;
  border-bottom: 0.05555556rem solid #E6E6E6;
}
#newInsure-page #clauseContainer .clause-title #clauseTitle {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#newInsure-page #clauseContainer .clause-title #clauseTitle .item {
  width: fit-content;
  margin-left: 1.25rem;
  height: 2.15789474rem;
  font-size: 0.83333333rem;
  color: #818181;
  font-weight: 500;
  flex-shrink: 0;
  line-height: 2.15789474rem;
}
#newInsure-page #clauseContainer .clause-title #clauseTitle .active {
  border-bottom: 0.16666667rem solid #FC6C63;
  color: #FD6D64;
}
#newInsure-page #clauseContainer #clauseTitle::-webkit-scrollbar {
  display: none;
}
#newInsure-page .un-check {
  width: 0.77777778rem;
  height: 0.77777778rem;
  display: block;
  margin-top: 0.16666667rem;
}
#newInsure-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
#newInsure-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#newInsure-page .tip-unit {
  background: #000000;
  opacity: 0.6;
  border-radius: 5px;
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 10px;
  position: absolute;
  bottom: 1.5rem;
  margin-left: 1.8rem;
}
#newInsure-page .tip-unit .square {
  width: 0;
  height: 0;
  border: 6px solid rgba(151, 151, 151, 0);
  border-top-color: #000000;
  margin: auto;
  margin-top: -2px;
}
#newInsure-page .apply-insure {
  background-color: #fff;
  width: 100%;
  font-size: 1.2em;
  padding: 0.5rem 0.61111111rem;
  display: flex;
  justify-content: space-between;
}
#newInsure-page .loginMaskContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
}
#newInsure-page .loginMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
#newInsure-page .multMainPopMask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
}
#newInsure-page .multMainPopMask .xaccountPop {
  margin: 30px;
  /* padding: 30px; */
  border-radius: 5px;
  background: white;
  z-index: 1100;
  position: absolute;
  display: flex;
  flex-direction: column;
}
#newInsure-page .multMainPopMask .xaccountPop .xpolicyNO {
  display: flex;
}
#newInsure-page .multMainPopMask .xaccountPop .xpolicyNO .xpolicySelect {
  margin-top: 4px;
  margin-right: 5px;
  width: 11px;
  height: 11px;
  background: #FFFFFF;
  border: 1px solid #FD6D64;
  border-radius: 50%;
}
#newInsure-page .multMainPopMask .xaccountPop .xbutton {
  width: 50%;
  display: inline-block;
  border: 0 none;
  line-height: 2.78rem;
  text-align: center;
  margin: 1px;
  font-size: 19px;
  font-weight: 400;
  color: #818181;
}
#newInsure-page .multMainPopMask .xaccountPop .xbutton1 {
  width: 50%;
  display: inline-block;
  border: 0 none;
  line-height: 2.78rem;
  text-align: center;
  margin: 1px;
  font-size: 19px;
  font-weight: 400;
  color: #FD6D64;
}
#newInsure-page .item .items-title,
#newInsure-page .item .items-titles {
  margin-top: 0.56rem;
  padding-top: 1.11rem;
  background: #fff;
  padding: 0 0.83rem;
  font-size: 0.83rem;
  height: 40px;
  line-height: 40px;
}
#newInsure-page .item .items-title span.line,
#newInsure-page .item .items-titles span.line {
  display: inline-block;
  width: 3px;
  margin-top: 0.67rem;
  border-radius: 2px;
  height: 0.83rem;
  background: linear-gradient(0deg, #F05C69 0%, #F8A54E 100%);
  margin-right: 0.4167rem;
}
#newInsure-page .item .items-title span.icon,
#newInsure-page .item .items-titles span.icon {
  float: right;
  font-weight: 400;
  color: #505050;
}
#newInsure-page .item .list-block {
  margin: 0;
}
#newInsure-page .item span.check,
#newInsure-page .item span.checks,
#newInsure-page .item span.checkAddress {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: -3px;
  display: inline-block;
  background: url("../img/check.png") no-repeat;
  background-size: cover;
}
#newInsure-page .item span.check.active,
#newInsure-page .item span.checks.active,
#newInsure-page .item span.checkAddress.active {
  background: url("../img/nocheck.png") no-repeat;
  background-size: cover;
}
#newInsure-page .label-switch .checkbox {
  height: 1.4rem !important;
}
#newInsure-page .label-switch .checkbox:after {
  width: 1.2rem !important;
  height: 1.2rem !important;
}
#newInsure-page .label-switch .checkbox:before {
  height: 1.2rem !important;
}
#newInsure-page .email {
  position: relative;
}
#newInsure-page .email:after {
  content: '';
  width: 65%;
  height: 2px;
  background: #e7e7e7;
  position: absolute;
  top: 0;
  left: 35%;
}
#newInsure-page .offer {
  color: #FEB6B1;
}
#newInsure-page .list-block input[type="text"],
#newInsure-page .list-block input[type="password"],
#newInsure-page .list-block input[type="search"],
#newInsure-page .list-block input[type="email"],
#newInsure-page .list-block input[type="tel"],
#newInsure-page .list-block input[type="url"],
#newInsure-page .list-block input[type="date"],
#newInsure-page .list-block input[type="datetime-local"],
#newInsure-page .list-block input[type="time"],
#newInsure-page .list-block input[type="number"],
#newInsure-page .list-block select,
#newInsure-page .list-block textarea {
  color: #333333;
  font-family: "Source Han Sans CN";
  font-size: 0.83333333rem;
}
#newInsure-page .list-block .item-link .item-inner {
  background-image: url('../img/arrowleft.png');
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(96%) center;
  background-position: calc(96%) center;
}
#newInsure-page .item input::-webkit-input-placeholder {
  color: #b1b0b0;
}
#newInsure-page .item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b1b0b0;
}
#newInsure-page .item input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b1b0b0;
}
#newInsure-page .item input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b1b0b0;
}
#newInsure-page .item .item-title {
  color: #818181;
  font-size: 0.83333333rem;
}
#newInsure-page .apply-insure .money {
  color: #4d4d4d;
  float: left;
  text-align: left;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
}
#newInsure-page .apply-insure .money #actPrem,
#newInsure-page .apply-insure .money #actPrems {
  color: #F3938F;
  font-size: 1.05555556rem;
  margin-left: 0.22222222rem;
  font-weight: bold;
}
#newInsure-page .apply-insure .suan {
  width: 7.77777778rem;
  float: left;
  text-align: center;
  background: #FD6D64;
  display: inline-block;
  color: #fff;
  border-radius: 1.16666667rem;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 0.88888889rem;
}
#newInsure-page #notice a {
  color: #F3938F;
}
#newInsure-page .mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
#newInsure-page .mask .mask-content {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
}
#newInsure-page .mask .mask-content .mask-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#newInsure-page .mask .mask-content #notice-content a {
  color: #ff7a0f;
  display: block;
  text-align: center;
  margin: 7.5px 0;
}
#newInsure-page .mask .mask-content #close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .85rem;
  color: #f8f8f8;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#newInsure-page .mask .mask-content button {
  display: block;
  padding: 7.5px 0;
  width: 60%;
  margin: 10px auto;
  border: 0 none;
  background: #ff7a0f;
  color: #f8f8f8;
  border-radius: 30px;
  text-align: center;
}
#newInsure-page .item-input {
  margin-bottom: -0.4rem;
}
#newInsure-page .gray-btn {
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #808080 !important;
  background-color: #f0f0f0;
}
#newInsure-page .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#newInsure-page .gray-btn-checked {
  background-color: #FFF6F5;
  color: #F3938F !important;
  border-radius: 2px !important;
  border: 1px solid #F3938F !important;
}
#newInsure-page .btn-middle {
  font-size: 0.77777778rem !important;
  border: 0;
  border-radius: 2px !important;
  margin-left: 0.4rem;
  line-height: 1.55555556rem;
  height: 1.55555556rem;
  min-width: 2.56rem;
  padding: 0 0.41666667rem;
  overflow: visible;
}
#newInsure-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#newInsure-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#newInsure-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#newInsure-page .border-bottom-none {
  border-bottom: none;
}
#newInsure-page .border-bottom-has {
  border-bottom: 1px solid #e7e7e7;
}
#newInsure-page .accumulated-collection {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .accumulated-collection .total {
  display: flex;
  padding: 0 1rem 0 0.88888889rem;
  justify-content: space-between;
  align-items: center;
  height: 3.33333333rem;
}
#newInsure-page .accumulated-collection .show-detail {
  width: 70px;
  height: 13px;
  text-align: center;
  line-height: 1.22222222rem;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  color: #FD6D64;
}
#newInsure-page .insur-title {
  display: flex;
  align-items: flex-end;
  padding-top: 1.08333333rem;
  padding-left: 0.88888889rem;
}
#newInsure-page .insur-title p:nth-of-type(1) {
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newInsure-page .insur-title p:nth-of-type(2) {
  margin-left: 0.58333333rem;
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .base-amount {
  padding: 0.55555556rem 0.55555556rem 0.55555556rem 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .base-amount .base-amount-title {
  margin-top: 0.19444444rem;
  text-align: left;
  font-size: 0.77777778rem;
  width: 6.38888889rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .base-amount .base-amount-title .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#newInsure-page .base-amount .right .choose-item-container .choose-item-desc {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #F3938F;
  margin-top: 0.55555556rem;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container {
  display: flex;
  align-items: center;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container .unit {
  margin-left: 0.61111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(1) {
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid  #F3938F;
  border-top-left-radius: 0.77777778rem;
  border-bottom-left-radius: 0.77777778rem;
  text-align: center;
  color: #F3938F;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #F3938F;
  border-bottom: 1px solid  #F3938F;
  border-left: 1px solid #F3938F;
  border-right: 1px solid #F3938F;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #414141;
  border-radius: 0;
  -webkit-appearance: none;
}
#newInsure-page .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(2) {
  text-align: center;
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #F3938F;
  border-top-right-radius: 0.77777778rem;
  border-bottom-right-radius: 0.77777778rem;
  color: #F3938F;
}
#newInsure-page .specail-social {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .specail-social .active {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  border: 1px solid #F3938F!important;
}
#newInsure-page .specail-social .specail-social-title {
  margin-top: 0.19444444rem;
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .specail-social div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newInsure-page .specail-social div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  background-color: #F6F5F5;
}
#newInsure-page .pay-item {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .pay-item .pay-item-title {
  margin-top: 0.19444444rem;
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .pay-item .pay-item-title .to {
  margin-left: 1.66666667rem;
}
#newInsure-page .pay-item .pay-item-left {
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .pay-item .pay-item-title-short {
  margin-top: 0.19444444rem;
  width: 5.55555556rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .pay-item div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newInsure-page .pay-item div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  background-color: #F6F5F5;
}
#newInsure-page .pay-item .pay-amnt {
  color: #F3938F;
  font-weight: bold;
  font-size: 0.88888889rem;
  padding-bottom: 0.41666667rem;
}
#newInsure-page .additional-container {
  background-color: #fff;
}
#newInsure-page .main-product {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .main-product .main-product-title {
  margin-top: 0.19444444rem;
  width: 90px;
  margin-right: 23px;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .main-product .mainContainer {
  padding: 0.83333333rem 0 0.58333333rem 0;
  display: flex;
}
#newInsure-page .main-product .mainContainer p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  border-radius: 2px;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  text-align: center;
  margin-right: 10px;
}
#newInsure-page .main-product .mainContainer p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#newInsure-page .trial-container {
  background: white;
}
#newInsure-page .trial-container .active {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  border: 1px solid #F3938F!important;
}
#newInsure-page .trial-container .leftValue {
  display: flex;
  align-items: center;
  width: 6.38888889rem !important;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex-shrink: 0;
}
#newInsure-page .trial-container .right-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#newInsure-page .trial-container .right-info img {
  margin-right: 0.88888889rem;
}
#newInsure-page .trial-container .right-info #arrowleft {
  width: 0.44444444rem;
  height: 0.83333333rem;
}
#newInsure-page .role-container {
  padding: 0.83333333rem 0 0.58333333rem 0;
  padding-left: 0.88888889rem;
  display: flex;
}
#newInsure-page .role-container p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-radius: 0.77777778rem;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  background-color: #fff;
  text-align: center;
}
#newInsure-page .role-container p:not(:last-child) {
  margin-right: 1.11111111rem;
}
#newInsure-page .insur-tip {
  padding: 0.55555556rem 0.88888889rem;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
#newInsure-page .insur-tip p {
  padding: 0.44444444rem 0.38888889rem 0.61111111rem 0.36111111rem;
  background-color: #fdf0e5;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #8a8a8a;
}
#newInsure-page .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newInsure-page .item-info p {
  display: inline-table;
  align-items: center;
  width: 3.75rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .item-info i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newInsure-page .item-info .left-value {
  width: 6.38888889rem;
}
#newInsure-page .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newInsure-page .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border: 0px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  margin-right: 0.55555556rem;
}
#newInsure-page .item-info #delIcon {
  width: 1rem;
  height: 1rem;
}
#newInsure-page .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newInsure-page .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newInsure-page .insur-container {
  background-color: #fff;
}
#newInsure-page .insur-container .insur-title {
  display: flex;
  align-items: flex-end;
  padding-top: 1.08333333rem;
  padding-left: 0.88888889rem;
}
#newInsure-page .insur-container .insur-title p:nth-of-type(1) {
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newInsure-page .insur-container .insur-title p:nth-of-type(2) {
  margin-left: 0.58333333rem;
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .insur-container .role-container {
  padding: 0.83333333rem 0 0.58333333rem 0;
  padding-left: 0.88888889rem;
  display: flex;
}
#newInsure-page .insur-container .role-container p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  border-radius: 2px;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  text-align: center;
}
#newInsure-page .insur-container .insur-tip {
  padding: 0.55555556rem 0.88888889rem;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
#newInsure-page .insur-container .insur-tip p {
  padding: 0.44444444rem 0.38888889rem 0.61111111rem 0.36111111rem;
  background-color: #fdf0e5;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #8a8a8a;
}
#newInsure-page .insur-container .info-container #born-content {
  border-bottom: none;
  padding-left: 0;
  height: 100%;
}
#newInsure-page .insur-container .info-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newInsure-page .insur-container .info-container .item-info p {
  display: inline-table;
  align-items: center;
  width: 3.75rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .insur-container .info-container .item-info i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newInsure-page .insur-container .info-container .item-info .left-value {
  width: 6.38888889rem;
}
#newInsure-page .insur-container .info-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newInsure-page .insur-container .info-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border: 0px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  margin-right: 0.55555556rem;
}
#newInsure-page .insur-container .info-container .item-info #delIcon {
  width: 1rem;
  height: 1rem;
}
#newInsure-page .insur-container .info-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newInsure-page .insur-container .info-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newInsure-page .insur-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#newInsure-page .insur-container .item-info .leftValue {
  display: flex;
  align-items: center;
  width: 6.38888889rem !important;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex-shrink: 0;
}
#newInsure-page .insur-container .item-info i {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#newInsure-page .insur-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0!important;
}
#newInsure-page .insur-container .item-info .item-value .choose-button {
  display: block!important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 0.77777778rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-right: 0.72222222rem;
}
#newInsure-page .insur-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#newInsure-page .insur-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#newInsure-page .insur-container .main-product {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .insur-container .main-product .main-product-title {
  margin-top: 0.19444444rem;
  width: 90px;
  margin-left: 23px;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .insur-container .main-product .mainContainer {
  padding: 0.83333333rem 0 0.58333333rem 0;
  display: flex;
}
#newInsure-page .insur-container .main-product .mainContainer p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #F6F5F5;
  border-radius: 2px;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  background-color: #F6F5F5;
  text-align: center;
  margin-right: 10px;
}
#newInsure-page .insur-container .main-product .mainContainer p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#newInsure-page .insur-container .pay-item {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .insur-container .pay-item .pay-item-title {
  margin-top: 0.19444444rem;
  width: 90px;
  margin-right: 23px;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .insur-container .pay-item .pay-item-title .to {
  margin-left: 1.66666667rem;
}
#newInsure-page .insur-container .pay-item .pay-item-left {
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .insur-container .pay-item .pay-item-title-short {
  margin-top: 0.19444444rem;
  width: 5.55555556rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .insur-container .pay-item div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#newInsure-page .insur-container .pay-item div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  background-color: #F6F5F5;
}
#newInsure-page .insur-container .pay-item .pay-amnt {
  color: #F3938F;
  font-weight: bold;
  font-size: 0.88888889rem;
}
#newInsure-page .insur-container .pay-amnt-item {
  padding-bottom: 0.55555556rem;
  align-items: center !important;
}
#newInsure-page .insur-container .base-amount {
  padding: 0.55555556rem 0.55555556rem 0.55555556rem 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#newInsure-page .insur-container .base-amount .base-amount-title {
  margin-top: 0.19444444rem;
  text-align: left;
  font-size: 0.77777778rem;
  width: 6.38888889rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#newInsure-page .insur-container .base-amount .base-amount-title .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .choose-item-desc {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #F3938F;
  margin-top: 0.55555556rem;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container {
  display: flex;
  align-items: center;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .unit {
  margin-left: 0.61111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(1) {
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #F3938F;
  border-top-left-radius: 0.77777778rem;
  border-bottom-left-radius: 0.77777778rem;
  text-align: center;
  color: #FF7B0F;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #F3938F;
  border-bottom: 1px solid #F3938F;
  border-left: 1px solid #F3938F;
  border-right: 1px solid #F3938F;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #414141;
  border-radius: 0;
  -webkit-appearance: none;
}
#newInsure-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(2) {
  text-align: center;
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #F3938F;
  border-top-right-radius: 0.77777778rem;
  border-bottom-right-radius: 0.77777778rem;
  color: #F3938F;
}
#newInsure-page .amount-mark {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 199;
  display: none;
}
#newInsure-page .claim-notice {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 200;
  border-radius: 1.11111111rem 1.11111111rem 0px 0px;
}
#newInsure-page .claim-notice .claim-title {
  height: 2.66666667rem;
  width: 100%;
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 2.66666667rem;
  text-align: center;
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#newInsure-page .claim-notice .close {
  position: absolute;
  top: 0;
  width: 1rem;
  top: 0.77777778rem;
  right: 1rem;
}
#newInsure-page .claim-notice .claim-cintainer {
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.66666667rem;
  height: 20.44444444rem;
  overflow-y: auto;
}
#newInsure-page .claim-notice .claim-cintainer .sub-title-container {
  padding: 1rem 0 0 0.88888889rem;
  display: flex;
  align-items: center;
}
#newInsure-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(1) {
  display: inline-block;
  width: 0.16666667rem;
  height: 0.77777778rem;
  background: #ff7b0f;
  border-radius: 0.08333333rem;
}
#newInsure-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(2) {
  margin-left: 0.44444444rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#newInsure-page .claim-notice .claim-cintainer .claim-content {
  padding: 1.66666667rem 1.25rem 1rem 1.25rem;
  font-size: 0.77777778rem;
  color: #8a8a8a;
}
#newInsure-page .claim-notice .has-border {
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#newInsure-page .rateList {
  width: 100%;
  height: 3.33333333rem;
  display: flex;
  justify-content: space-around;
  background-color: #F4F4F4;
}
#newInsure-page .rate {
  width: 5.61111111rem;
  height: 1.88888889rem;
  color: #F3938F;
  font-size: 0.77777778rem;
  text-align: center;
  line-height: 1.88888889rem;
  margin: auto 0;
  background-color: white;
  border: 0.05555556rem solid #FD6D64;
  border-radius: 0.27777778rem;
}
#newInsure-page .rate-action {
  color: white;
  background-color: #FD6D64;
}
#newInsure-page .proposal-table {
  padding: 0.83333333rem 5%;
}
#newInsure-page .tableThead {
  background-color: #F8F7FF;
  font-size: 0.66666667rem;
  color: #B7AFFA;
}
#newInsure-page .tableTbody {
  font-size: 0.61111111rem;
}
#newInsure-page .table {
  width: 100%;
  color: #818181;
}
#newInsure-page .table td {
  text-align: center;
  vertical-align: middle;
  padding: 0.38888889rem 0;
}
#newInsure-page #table_wrap > .table {
  line-height: 0.777778rem;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  color: #B7AFFA;
}
#newInsure-page .table tr th:first-child {
  border: 1px solid #B7AFFA;
}
#newInsure-page .table tr th:not(:first-child) {
  border-bottom: 1px solid #B7AFFA;
  border-right: 1px solid #B7AFFA;
  border-top: 1px solid #B7AFFA;
}
#newInsure-page .table tr td:first-child {
  border: 1px solid #B7AFFA;
  border-top: none;
}
#newInsure-page .table tr td:not(:first-child) {
  border-bottom: 1px solid #B7AFFA;
  border-right: 1px solid #B7AFFA;
}
#newInsure-page .table tr th {
  background-color: #F8F7FF;
  font-weight: 400;
}
#newInsure-page .table tr:first-child th:first-child {
  border-top-left-radius: 5px;
}
#newInsure-page .table tr:first-child th:last-child {
  border-top-right-radius: 5px;
}
#newInsure-page .pay-amnt-duty {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  width: auto !important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 2px;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
  border: 1px solid #F3938F !important;
}
#newInsure-page .amount-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#newInsure-page .list-block ul li:nth-last-child(1) .item-inner {
  border-bottom: 1px solid #e7e7e7;
}
#newLoginContainer .private-content {
  width: 95%;
  margin: 0 auto;
  background-color: white;
  height: 90vh;
  overflow-y: scroll;
  padding-bottom: 80px;
}
#newLoginContainer .private-title {
  text-align: center;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
#newLoginContainer .newLoginClose1,
#newLoginContainer .newLoginClose2 {
  text-align: right;
}
#newLoginContainer .newLoginClose1 img,
#newLoginContainer .newLoginClose2 img {
  width: 1rem;
  height: 1rem;
}
#newLoginContainer input {
  border: none;
}
#newLoginContainer .newLoginContent {
  z-index: 1000;
  background: #ffffff;
  width: 100%;
  padding: 20px;
  border-radius: 10px 10px 0 0;
  position: absolute;
  bottom: 0;
}
#newLoginContainer .newLoginContent1 {
  z-index: 2000;
  height: 100%;
  background: #ffffff;
  width: 100%;
  padding: 20px;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  display: none;
}
#newLoginContainer .newLoginContent2 {
  z-index: 2000;
  height: 100%;
  background: #ffffff;
  width: 100%;
  padding: 20px;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  display: none;
}
#newLoginContainer .newLoginClose {
  text-align: right;
}
#newLoginContainer .newLoginClose img {
  width: 1rem;
  height: 1rem;
}
#newLoginContainer .van-tabs__nav {
  width: 100%;
  display: flex;
  height: 2.2rem;
  line-height: 2.2rem;
  border-bottom: 0.02667rem solid #f1f1f1;
  position: relative;
}
#newLoginContainer .van-tabs__nav .van-tab {
  width: 50%;
  display: inline-block;
  text-align: center;
}
#newLoginContainer .van-tabs__nav .van-tab span {
  height: 100%;
  display: inline-block;
}
#newLoginContainer .van-tabs__nav .redLine {
  width: 1.25rem;
  height: 0.2rem;
  background: -webkit-gradient(linear, right top, left top, from(#F05C69), to(#F8A54E));
  background: linear-gradient(-90deg, #F05C69 0%, #F8A54E 100%);
  margin: 0 auto;
  margin-top: -0.1rem;
}
#newLoginContainer .newLoginInput {
  display: flex;
  border-bottom: 0.01333rem solid #e7e7e7;
  padding-bottom: 10px;
  padding: 0.4rem 0;
  height: 3.2rem;
  line-height: 3.2rem;
}
#newLoginContainer .newLoginInput input {
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
#newLoginContainer .newLoginInput .newLoginLine {
  width: 100%;
}
#newLoginContainer .newLoginInput .newLoginLine input {
  border: none;
  width: 100%;
  display: block;
}
#newLoginContainer .newLoginInput .newLoginCode {
  margin-left: 20px;
}
#newLoginContainer .newLoginInput .newLoginSend {
  color: #f26f42;
  margin-left: 10px;
  width: 8rem;
  text-align: center;
  line-height: 2.2rem;
}
#newLoginContainer .newLoginInputBtn {
  width: 90%;
  margin: 0.26667rem auto;
  margin-top: 0.5rem;
}
#newLoginContainer .newLoginInputBtn p {
  margin: 0;
  background: linear-gradient(183deg, #F49591, #E9726E);
  font-size: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.26667rem;
  color: #fff;
  text-align: center;
}
#newLoginContainer .protocol-container {
  font-size: 12px;
  color: #333333;
  margin-top: 15px;
  padding: 0;
}
#newLoginContainer .protocol-container .protocol-box {
  display: inline-block;
  position: relative;
}
#newLoginContainer .protocol-container .check-block {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  border: 1px solid #333333;
  top: 2px;
  position: absolute;
}
#newLoginContainer .protocol-container .check-block span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 2px;
  background: #333333;
}
#newLoginContainer .protocol-container .protocol-text {
  display: inline-block;
  width: 100%;
  padding-left: 16px;
}
#newLoginContainer .protocol-container a {
  color: #058CFF;
}
#newLoginContainer .protocol-container p {
  display: inline;
  text-indent: 6px;
  line-height: 20px;
}
#newLoginContainer #password {
  width: 85%;
  display: inline-block;
  float: left;
}
#newLoginContainer #pwdType {
  width: 1.5rem;
  margin-top: 0.75rem;
  height: 1rem;
}
#ocrIdVerify-page .top-tip {
  width: 100%;
  padding: 0.83333333rem;
  color: #F3938F;
  background: #FFF9F9;
  font-size: 0.61111111rem;
}
#ocrIdVerify-page .item-container {
  background: white;
}
#ocrIdVerify-page .item-container .item-title {
  height: 2.66666667rem;
  padding-left: 0.83333333rem;
  display: flex;
  align-items: center;
}
#ocrIdVerify-page .item-container .item-title span {
  width: 0.22222222rem;
  height: 0.55555556rem;
  border-radius: 0.11111111rem;
  margin-right: 0.13888889rem;
  background: linear-gradient(0deg, #F05C69 0%, #F8A54E 100%);
}
#ocrIdVerify-page .item-container .item-title p {
  margin: 0;
  color: #414141;
  font-size: 0.88888889rem;
}
#ocrIdVerify-page .item-container .ocr-img-content {
  display: flex;
  justify-content: space-between;
}
#ocrIdVerify-page .item-container .ocr-img-content .img-content {
  position: relative;
  padding: 0.55555556rem 0.83333333rem 0 0.83333333rem;
}
#ocrIdVerify-page .item-container .ocr-img-content .img-content img {
  width: 8.88888889rem;
  height: 7.77777778rem;
}
#ocrIdVerify-page .item-container .ocr-img-content .img-content input {
  width: 8.88888889rem;
  height: 7.77777778rem;
  left: 0.83333333rem;
  top: 0.55555556rem;
  opacity: 0;
  position: absolute;
}
#ocrIdVerify-page .ocr-standerd-container {
  background: white;
  margin-top: 0.55555556rem;
  padding-bottom: 1.11111111rem;
}
#ocrIdVerify-page .ocr-standerd-container .item-title {
  height: 2.66666667rem;
  padding-left: 0.83333333rem;
  display: flex;
  align-items: center;
}
#ocrIdVerify-page .ocr-standerd-container .item-title span {
  width: 0.22222222rem;
  height: 0.55555556rem;
  border-radius: 0.11111111rem;
  margin-right: 0.13888889rem;
  background: linear-gradient(0deg, #F05C69 0%, #F8A54E 100%);
}
#ocrIdVerify-page .ocr-standerd-container .item-title p {
  margin: 0;
  color: #414141;
  font-size: 0.88888889rem;
}
#ocrIdVerify-page .ocr-standerd-container .img-content {
  display: flex;
  justify-content: space-between;
  padding: 0.83333333rem;
}
#ocrIdVerify-page .ocr-standerd-container .img-content img {
  width: 4.44444444rem;
  height: 3.44444444rem;
  display: block;
}
#ocrIdVerify-page .ocr-standerd-container .commit {
  width: 17.5rem;
  height: 2.66666667rem;
  line-height: 2.66666667rem;
  background: #FD6D64;
  border-radius: 1.33333333rem;
  color: white;
  font-size: 0.88888889rem;
  text-align: center;
  margin: 1.11111111rem auto;
}
#ocrIdVerify-page .dialog-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
#ocrIdVerify-page .dialog-container .dialog-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 0.55555556rem;
}
#ocrIdVerify-page .dialog-container .dialog-content .content-container {
  padding-bottom: 0.77777778rem;
}
#ocrIdVerify-page .dialog-container .dialog-content .content-container .titleType {
  margin: 0.72222222rem auto;
  text-align: center;
  color: #F3938F;
  font-size: 0.88888889rem;
  font-weight: bold;
}
#ocrIdVerify-page .dialog-container .dialog-content .content-container .tip-title {
  color: #414141;
  font-size: 0.66666667erm;
  margin-left: 1.38888889rem;
}
#ocrIdVerify-page .dialog-container .dialog-content .content-container .content-text {
  color: #818181;
  font-size: 0.66666667erm;
  margin-left: 1.38888889rem;
}
#ocrIdVerify-page .dialog-container .dialog-content .top-container {
  position: relative;
}
#ocrIdVerify-page .dialog-container .dialog-content .top-container p {
  position: absolute;
  left: 1.27777778rem;
  top: 1.55555556rem;
  right: 30%;
  margin: 0;
  color: white;
  font-size: 0.88888889rem;
}
#ocrIdVerify-page .dialog-container .dialog-content .top-container .dialog-top {
  width: 16.66666667rem;
  height: 6.11111111rem;
  display: block;
}
#ocrIdVerify-page .dialog-container .dialog-content .button-container {
  display: flex;
  border-top: 1px solid #F2F2F2;
}
#ocrIdVerify-page .dialog-container .dialog-content .button-container p {
  width: 50%;
  height: 2.44444444rem;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  text-align: center;
  margin: 0;
}
#insureInfoConfirm-page .container-title {
  height: 2.66666667rem;
  padding-left: 0.83333333rem;
  display: flex;
  align-items: center;
}
#insureInfoConfirm-page .container-title span {
  width: 0.22222222rem;
  height: 0.55555556rem;
  border-radius: 0.11111111rem;
  margin-right: 0.13888889rem;
  background: linear-gradient(0deg, #F05C69 0%, #F8A54E 100%);
}
#insureInfoConfirm-page .container-title p {
  margin: 0;
  color: #414141;
  font-size: 0.88888889rem;
}
#insureInfoConfirm-page .cell-container {
  padding: 0.55555556rem 0;
  margin: 0 0.83333333rem;
  border-bottom: 1px solid #F6F6F6;
  display: flex;
  align-items: center;
}
#insureInfoConfirm-page .cell-container p {
  margin: 0;
}
#insureInfoConfirm-page .cell-container .left-value {
  color: #414141;
  font-size: 0.77777778rem;
  width: 6.66666667rem;
}
#insureInfoConfirm-page .cell-container .right-value {
  color: #414141;
  font-size: 0.77777778rem;
  width: 13.33333333rem;
}
#insureInfoConfirm-page .cell-container .choose-button {
  background: #FFF6F5;
  color: #F3938F;
  font-size: 0.77777778rem;
  min-width: 3.61111111rem;
  height: 1.55555556rem;
  line-height: 1.55555556rem;
  text-align: center;
}
#insureInfoConfirm-page .notice-content {
  padding: 0 0.83333333rem;
}
#insureInfoConfirm-page .notice-content #noticeContent a {
  color: #F3938F;
}
#insureInfoConfirm-page .next-step {
  width: 100%;
  height: 2.66666667rem;
  line-height: 2.66666667rem;
  background: #FD6D64;
  font-size: 0.88888889rem;
  color: white;
  text-align: center;
  margin-top: 0.55555556rem;
}
#commonClause-page p {
  margin: 0;
}
#commonClause-page .clause-back {
  width: 100%;
  display: block;
  height: 7.33333333rem;
}
#commonClause-page .iframe-container {
  width: 92%;
  margin: -5.94444444rem auto 0;
  background: #FFFFFF;
  box-shadow: 0px 0.16666667rem 0.5rem 0px rgba(255, 124, 15, 0.34);
  border-radius: 0.27777778rem;
  position: relative;
}
#commonClause-page .progress-container {
  display: flex;
  width: 100%;
  height: 7.22222222rem;
  background: #FFFFFF;
  border-bottom: 0.05555556rem solid #e9e9e9;
  padding-top: 1.33333333rem;
  justify-content: center;
}
#commonClause-page .progress-container .clause-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#commonClause-page .progress-container .clause-item img {
  display: block;
  width: 1.66666667rem;
  height: 1.66666667rem;
}
#commonClause-page .progress-container .clause-item p {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #9A9A9A;
  position: absolute;
  width: 5.5rem;
  top: 2.77777778rem;
}
#commonClause-page .progress-container .clause-item .active-name {
  color: #000000 !important;
}
#commonClause-page .progress-container .progress-img {
  width: 1.5rem;
  height: 0.47222222rem;
  display: block;
  margin: 0.63888889rem 1.66666667rem 0;
}
#commonClause-page .confirm-text {
  width: 19.16666667rem;
  height: 2.44444444rem;
  background: #FF7B0F;
  box-shadow: 0px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 1.61111111rem auto;
}
#ortherHint-page .dot {
  display: inline-block;
  width: 0.27777778rem;
  height: 0.27777778rem;
  background-color: #FF7C0F;
  vertical-align: middle;
  border-radius: 0.27777778rem;
}
#ortherHint-page h4 {
  line-height: 1.05555556rem;
  font-weight: normal;
  color: #FF7C0F;
  font-size: 0.88888889rem;
  text-align: center;
}
#ortherHint-page p {
  font-size: 0.77777778rem;
  text-indent: 2em;
}
#ortherHint-page .backGround-img {
  width: 100%;
  display: block;
  height: 7.33333333rem;
}
#ortherHint-page .content {
  background: #FFFFFF;
  border-radius: 0.27777778rem;
  position: relative;
  text-align: center;
  height: 100%;
}
#ortherHint-page .button-text {
  width: 19.16666667rem;
  height: 2.44444444rem;
  background: #FF7B0F;
  box-shadow: 0px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 1.61111111rem auto;
}
#ortherHint-page .am-container {
  margin: 0 1rem;
  text-align: left;
}
.call-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin: .3rem 0;
}
.call-table th {
  color: white;
  text-align: center;
  background-color: #c00000;
  border: 1px solid #000;
}
.call-table td {
  text-align: center;
  font-size: .7rem;
  border: 1px solid #000;
}
#paymentSpecial-page {
  /*购买页追加列表弹窗*/
}
#paymentSpecial-page .sign_input {
  width: 13.88888889rem;
  height: 2rem;
  margin-top: 1rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
}
#paymentSpecial-page .sign_input::-webkit-input-placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #BDBDBD;
}
#paymentSpecial-page .sign_tip {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #FF3000;
  margin-top: 0.41666667rem;
}
#paymentSpecial-page .top-container img {
  height: 6.66666667rem;
  display: block;
  width: 100%;
}
#paymentSpecial-page .top-container .tip-content {
  position: absolute;
  top: 2.41666667rem;
  left: 1.77777778rem;
  display: flex;
}
#paymentSpecial-page .top-container .tip-content img {
  width: 0.83333333rem;
  height: 0.83333333rem;
  display: block;
  margin-top: 0.27777778rem;
}
#paymentSpecial-page .top-container .tip-content .tip-text {
  font-size: 0.88888889rem;
  color: white;
  margin: 0;
}
#paymentSpecial-page .top-container .tip-content .tip-text span {
  font-size: 0.63888889rem;
}
#paymentSpecial-page .mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
#paymentSpecial-page .mask .mask-content {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
}
#paymentSpecial-page .mask .mask-content .mask-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#paymentSpecial-page .mask .mask-content #notice-content a {
  color: #ff7a0f;
  display: block;
  text-align: center;
  margin: 7.5px 0;
}
#paymentSpecial-page .mask .mask-content #close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .85rem;
  color: #f8f8f8;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#paymentSpecial-page .mask .mask-content button {
  display: block;
  padding: 7.5px 0;
  width: 60%;
  margin: 10px auto;
  border: 0 none;
  background: #ff7a0f;
  color: #f8f8f8;
  border-radius: 30px;
  text-align: center;
}
#paymentSpecial-page .list-block .item-inner {
  padding: 0 15px;
}
#paymentSpecial-page .form-title {
  margin: 0 0.75rem;
}
#paymentSpecial-page .item-content {
  min-height: 1.78rem;
}
#paymentSpecial-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
}
#paymentSpecial-page .apply-insure {
  color: #ffffff;
  background-color: #fff;
  width: 100%;
  height: 2.78rem;
  line-height: 2.78rem;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  border: 0;
  display: flex;
  padding: 0;
}
#paymentSpecial-page .apply-insure .money {
  color: #ddd;
  flex: 6;
  font-size: 0.65rem;
  text-align: left;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: bold;
  text-indent: 10px;
}
#paymentSpecial-page .apply-insure .money #actPrem,
#paymentSpecial-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 1.28rem;
}
#paymentSpecial-page .apply-insure .suan {
  flex: 4;
  background: #ff7a0f;
  color: #fff;
  display: inline-block;
  height: 2.78rem;
  line-height: 2.78rem;
  font-weight: 400;
  letter-spacing: 1px;
}
#paymentSpecial-page .item {
  background: #fff;
  margin-top: 10px;
  padding-bottom: 10px;
}
#paymentSpecial-page .item .item-inner {
  border-color: transparent;
}
#paymentSpecial-page .item .items-title,
#paymentSpecial-page .item .items-titles {
  margin-top: 0.56rem;
  padding-top: 20px;
  background: #fff;
  padding: 0 15px;
  font-size: 0.83rem;
  height: 40px;
  line-height: 40px;
}
#paymentSpecial-page .item .items-title span.line,
#paymentSpecial-page .item .items-titles span.line {
  display: inline-block;
  width: 3px;
  margin-top: 0.67rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#paymentSpecial-page .item .items-title span.icon,
#paymentSpecial-page .item .items-titles span.icon {
  float: right;
  font-weight: 400;
  color: #505050;
}
#paymentSpecial-page .item .list-block {
  margin: 0;
}
#paymentSpecial-page .item .list-block input[type="text"],
#paymentSpecial-page .item .list-block select,
#paymentSpecial-page .item .list-block option {
  color: #333;
}
#paymentSpecial-page .item .list-block ul {
  border-color: transparent;
}
#paymentSpecial-page .item .list-block .bankcard-input {
  color: #ff7a0f !important;
}
#paymentSpecial-page .item .content-title {
  color: #ff7a0f;
  font-size: 0.85rem;
}
#paymentSpecial-page .item .item-title {
  color: #818181;
}
#paymentSpecial-page .item a.open-about {
  color: #ff7a0f;
}
#paymentSpecial-page .item span.checks {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-left: -0.55555556rem;
  margin-bottom: -3px;
  display: inline-block;
  background: url("../img/check.png") no-repeat;
  background-size: cover;
}
#paymentSpecial-page .item span.checks.active {
  background: url("../img/nocheck.png") no-repeat;
  background-size: cover;
}
#paymentSpecial-page .form-title-block {
  margin: 0 0.75rem;
}
#paymentMode-page {
  /*购买页追加列表弹窗*/
}
#paymentMode-page p {
  margin: 0;
}
#paymentMode-page .top-container img {
  height: 6.66666667rem;
  display: block;
  width: 100%;
}
#paymentMode-page .top-container .tip-content {
  position: absolute;
  top: 2.41666667rem;
  left: 1.77777778rem;
  display: flex;
}
#paymentMode-page .top-container .tip-content img {
  width: 0.83333333rem;
  height: 0.83333333rem;
  display: block;
  margin-top: 0.27777778rem;
}
#paymentMode-page .top-container .tip-content .tip-text {
  font-size: 0.88888889rem;
  color: white;
  margin: 0;
}
#paymentMode-page .top-container .tip-content .tip-text span {
  font-size: 0.63888889rem;
}
#paymentMode-page .DZF img {
  width: 100%;
  height: 6.66666667rem;
  display: block;
}
#paymentMode-page .DZF .tip-content {
  position: absolute;
  top: 1.25rem;
  left: 4.27777778rem;
  text-align: center;
  display: flex;
}
#paymentMode-page .DZF .tip-content .tip-text {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: white;
  margin: 0;
}
#paymentMode-page .DZF .tip-content .to-pay {
  width: 5rem;
  height: 1.66666667rem;
  background: #FFFFFF;
  border-radius: 0.83333333rem;
  text-align: center;
  line-height: 1.66666667rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7C10;
  margin: 0.72222222rem auto 0;
  display: inline-block;
}
#paymentMode-page .mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
#paymentMode-page .mask .mask-content {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
}
#paymentMode-page .mask .mask-content .mask-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
}
#paymentMode-page .mask .mask-content #notice-content a {
  color: #ff7a0f;
  display: block;
  text-align: center;
  margin: 7.5px 0;
}
#paymentMode-page .mask .mask-content #close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .85rem;
  color: #f8f8f8;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
#paymentMode-page .mask .mask-content button {
  display: block;
  padding: 7.5px 0;
  width: 60%;
  margin: 10px auto;
  border: 0 none;
  background: #ff7a0f;
  color: #f8f8f8;
  border-radius: 30px;
  text-align: center;
}
#paymentMode-page .list-block .item-inner {
  padding: 0 0.83333333rem;
}
#paymentMode-page .item-content {
  min-height: 1.78rem;
}
#paymentMode-page .item {
  background: #fff;
}
#paymentMode-page .item .item-inner {
  border-color: transparent;
}
#paymentMode-page .item .items-title,
#paymentMode-page .item .items-titles {
  margin-top: 0.56rem;
  padding-top: 20px;
  background: #fff;
  padding: 0 15px;
  font-size: 0.83rem;
  height: 40px;
  line-height: 40px;
}
#paymentMode-page .item .items-title span.line,
#paymentMode-page .item .items-titles span.line {
  display: inline-block;
  width: 3px;
  margin-top: 0.67rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#paymentMode-page .item .items-title span.icon,
#paymentMode-page .item .items-titles span.icon {
  float: right;
  font-weight: 400;
  color: #505050;
}
#paymentMode-page .item .list-block {
  margin: 0;
  padding-bottom: 0.55555556rem;
  border-bottom: 1px solid #E9E9E9;
}
#paymentMode-page .item .list-block input[type="text"],
#paymentMode-page .item .list-block select,
#paymentMode-page .item .list-block option {
  color: #333;
}
#paymentMode-page .item .list-block ul {
  border-color: transparent;
}
#paymentMode-page .item .list-block .bankcard-input {
  color: #ff7a0f !important;
}
#paymentMode-page .item .content-title-container {
  padding: 0.83333333rem 0.83333333rem;
}
#paymentMode-page .item .content-title-container .content-title {
  color: #ff7a0f;
  font-size: 0.85rem;
  font-weight: 900;
}
#paymentMode-page .item .item-title {
  color: #898989;
  font-size: 0.77777778rem;
}
#paymentMode-page .item a.open-about {
  color: #ff7a0f;
}
#paymentMode-page .item span.checks {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-left: -0.55555556rem;
  margin-bottom: -3px;
  display: inline-block;
  background: url("../img/check.png") no-repeat;
  background-size: cover;
}
#paymentMode-page .item span.checks.active {
  background: url("../img/nocheck.png") no-repeat;
  background-size: cover;
}
#paymentMode-page .item .show-more {
  display: flex;
  justify-content: center;
  height: 2.77777778rem;
}
#paymentMode-page .item .show-more .more-content {
  height: 2.77777778rem;
  line-height: 2.77777778rem;
}
#paymentMode-page .payment-money {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.44444444rem;
  font-size: 0.77777778rem;
  color: #4D4D4D;
  background: white;
  margin-top: 1.11111111rem;
  padding: 0 0.83333333rem;
}
#paymentMode-page .payment-money .right-money {
  color: #FF7B0F;
}
#paymentMode-page .paymode-container {
  background: white;
  border-radius: 0.55555556rem;
  margin: 1.11111111rem 0.55555556rem;
}
#paymentMode-page .paymode-container .paymode-item {
  display: flex;
  padding: 0 0.83333333rem;
  justify-content: space-between;
  align-items: center;
}
#paymentMode-page .paymode-container .paymode-item .mode-icon {
  width: 1.88888889rem;
}
#paymentMode-page .paymode-container .paymode-item .mode-content {
  padding: 0.72222222rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 0.55555556rem;
  margin-left: 0.77777778rem;
  width: 83%;
  border-top: 1px solid #E9E9E9;
}
#paymentMode-page .paymode-container .paymode-item .mode-content img {
  width: 1.11111111rem;
}
#paymentMode-page .paymode-container .paymode-item .mode-content .tips {
  font-size: 0.55555556rem;
  font-weight: bold;
  color: #ff7b0f;
  margin-top: 0.27777778rem;
}
#paymentMode-page .confirm-button {
  width: 80%;
  height: 2.44444444rem;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  color: white;
  background: #FF770F;
  box-shadow: 0px 6px 30px 0px rgba(255, 119, 15, 0.31);
  border-radius: 1.25rem;
  text-align: center;
  margin: 4.44444444rem auto;
}
#payment-page .sign_input {
  width: 13.88888889rem;
  height: 2rem;
  margin-top: 1rem;
  background: #F6F6F6;
  border: none;
  border-radius: 0.16666667rem;
  box-shadow: 0px 0px 0px 0px;
  padding: 0 0.86111111rem;
}
#payment-page .sign_input::-webkit-input-placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #BDBDBD;
}
#payment-page .sign_tip {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #FF3000;
  margin-top: 0.41666667rem;
}
#payment-page .itemtip {
  width: 100%;
  padding: 10px;
  position: absolute;
  top: 5px;
}
#payment-page .bankcard-input {
  color: #818181 !important;
}
#payment-page .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#payment-page .amount-mark {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
#payment-page .claim-notice {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 200;
  border-radius: 1.11111111rem 1.11111111rem 0px 0px;
}
#payment-page .claim-notice .claim-title {
  height: 2.66666667rem;
  width: 100%;
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 2.66666667rem;
  text-align: center;
  border-bottom: 0.05555556rem solid #e9e9e9;
  margin: 0;
}
#payment-page .claim-notice .close {
  position: absolute;
  top: 0;
  width: 1rem;
  top: 0.77777778rem;
  right: 1rem;
}
#payment-page .claim-notice .claim-cintainer {
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.66666667rem;
  height: 20.44444444rem;
  overflow-y: auto;
}
#payment-page .claim-notice .claim-cintainer .sub-title-container {
  padding: 1rem 0 0 0.88888889rem;
  display: flex;
  align-items: center;
}
#payment-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(1) {
  display: inline-block;
  width: 0.16666667rem;
  height: 0.77777778rem;
  background: #ff7b0f;
  border-radius: 0.08333333rem;
}
#payment-page .claim-notice .claim-cintainer .sub-title-container span:nth-of-type(2) {
  margin-left: 0.44444444rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#payment-page .claim-notice .claim-cintainer .claim-content {
  padding: 1.66666667rem 1.25rem 1rem 1.25rem;
  font-size: 0.77777778rem;
  color: #8a8a8a;
  margin: 0;
}
#payment-page .claim-notice .has-border {
  border-bottom: 0.05555556rem solid #e9e9e9;
}
#otherHintSingle-page .dot {
  display: inline-block;
  width: 0.27777778rem;
  height: 0.27777778rem;
  background-color: #FF7C0F;
  vertical-align: middle;
  border-radius: 0.27777778rem;
}
#otherHintSingle-page h4 {
  line-height: 1.05555556rem;
  font-weight: normal;
  color: #FF7C0F;
  font-size: 0.88888889rem;
  text-align: center;
}
#otherHintSingle-page p {
  font-size: 0.77777778rem;
  text-indent: 2em;
}
#otherHintSingle-page .backGround-img {
  width: 100%;
  display: block;
  height: 7.33333333rem;
}
#otherHintSingle-page .content {
  background: #FFFFFF;
  border-radius: 0.27777778rem;
  position: relative;
  text-align: center;
  height: 100%;
}
#otherHintSingle-page .button-text {
  width: 19.16666667rem;
  height: 2.44444444rem;
  background: #FF7B0F;
  box-shadow: 0px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 1.61111111rem auto;
}
#otherHintSingle-page .am-container {
  margin: 0 1rem;
  text-align: left;
}
/*产品试算页面*/
#specialNewTrial-page {
  display: block;
  /* tab */
  /**浮在下面的面板**/
  /* button */
  /* font-color */
}
#specialNewTrial-page .ljjebackground {
  background: url(../../public/img/financial/libackground.png);
  background-size: 100%100%;
  width: 325px;
  height: 127px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#specialNewTrial-page .ljjebackground .ljtitle {
  height: 13px;
  font-size: 13px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #414141;
  margin-top: 15px;
}
#specialNewTrial-page .ljjebackground .ljsum {
  height: 19px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FF7B0F;
  margin-top: 10px;
  margin-bottom: 15px;
}
#specialNewTrial-page .ljjebackground .ljbottom {
  display: flex;
  margin-top: 5px;
}
#specialNewTrial-page .ljjebackground .ljbottom .lj1820 {
  height: 13px;
  font-size: 13px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
}
#specialNewTrial-page .ljjebackground .ljbottom .ljred1820 {
  height: 13px;
  font-size: 13px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #F35162;
}
#specialNewTrial-page #otherParentContainer {
  overflow-x: hidden;
}
#specialNewTrial-page #otherParentContainer p {
  margin: 0;
}
#specialNewTrial-page #otherParentContainer .title-container {
  display: flex;
  padding: 0.83333333rem 0 0 0.86111111rem;
  align-items: center;
}
#specialNewTrial-page #otherParentContainer .title-container .year-icon {
  width: 0.30555556rem;
  height: 0.77777778rem;
  background: #67A6F6;
  border-radius: 0.16666667rem;
}
#specialNewTrial-page #otherParentContainer .title-container .title-text {
  margin-left: 0.22222222rem;
  font-size: 0.83333333rem;
  font-weight: 500;
  color: #414141;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper {
  padding: 0.66666667rem 0 0.61111111rem 0.80555556rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .swiper-slide {
  width: 15.55555556rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer {
  padding-bottom: 0.63888889rem;
  width: 15.55555556rem;
  background: rgba(238, 238, 238, 0.3);
  border-radius: 0.55555556rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .other-content {
  margin: 1.02777778rem 0.83333333rem 0 0.83333333rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #414141;
  height: 5.77777778rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .other-content::-webkit-scrollbar {
  display: none;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-their {
  margin: 0.91666667rem auto 0;
  width: 6.55555556rem;
  height: 1.52777778rem;
  background: #67A6F6;
  border-radius: 0.77777778rem;
  line-height: 1.52777778rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FFFFFF;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top {
  width: 100%;
  background: #EDF5FF;
  display: flex;
  border-radius: 0.55555556rem 0.55555556rem 0px 0px;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .photo {
  display: block;
  width: 2.22222222rem;
  height: 2.22222222rem;
  border-radius: 50%;
  margin: 0.72222222rem 0 0.38888889rem 0.61111111rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right {
  margin-left: 0.44444444rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .name-desc {
  display: flex;
  align-items: flex-end;
  margin-top: 0.88888889rem;
  line-height: 0.88888889rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .name-desc .name {
  font-size: 0.88888889rem;
  font-weight: 500;
  color: #414141;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .name-desc .age {
  margin-left: 0.33333333rem;
  font-size: 0.66666667rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
  line-height: 0.66666667rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .tag-container {
  display: flex;
  align-items: center;
  line-height: 0.77777778rem;
  margin-top: 0.33333333rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .tag-container .tag-point {
  width: 0.27777778rem;
  height: 0.27777778rem;
  background: #67A6F6;
  border-radius: 50%;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .tag-container .tag-point:not(:first-child) {
  margin-left: 0.5rem;
}
#specialNewTrial-page #otherParentContainer .swiper-wrapper .parentSwiperContainer .follow-top .top-right .tag-container .tag {
  margin-left: 0.25rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #67A6F6;
}
#specialNewTrial-page #yearShowConatiner {
  margin-top: -0.86111111rem !important;
  position: relative;
}
#specialNewTrial-page #yearShowConatiner p {
  margin: 0;
}
#specialNewTrial-page #yearShowConatiner .title-container {
  display: flex;
  padding: 0.83333333rem 0 0 0.86111111rem;
  align-items: center;
}
#specialNewTrial-page #yearShowConatiner .title-container .year-icon {
  width: 0.30555556rem;
  height: 0.77777778rem;
  background: #67A6F6;
  border-radius: 0.16666667rem;
}
#specialNewTrial-page #yearShowConatiner .title-container .title-text {
  margin-left: 0.22222222rem;
  font-size: 0.83333333rem;
  font-weight: 500;
  color: #414141;
}
#specialNewTrial-page #yearShowConatiner .year-show-desc-container {
  padding: 1.69444444rem 1.02777778rem 0.66666667rem 1.02777778rem;
  display: flex;
}
#specialNewTrial-page #yearShowConatiner .year-show-desc-container .desc-left {
  width: 5.66666667rem;
  height: 2.75rem;
  background: #67A6F6;
  border-radius: 0.55555556rem 0px 0px 0.55555556rem;
  line-height: 2.75rem;
  font-size: 0.88888889rem;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  flex-shrink: 0;
}
#specialNewTrial-page #yearShowConatiner .year-show-desc-container .desc-right {
  width: 100%;
  height: 2.75rem;
  background: #EDF5FF;
  border-radius: 0px 0.55555556rem 0.55555556rem 0px;
  line-height: 2.75rem;
  text-align: center;
  border: 0.05555556rem solid #67A6F6;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container {
  height: 4.88888889rem;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container {
  width: 17.94444444rem;
  padding-bottom: 0 !important;
  position: relative;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .pointer-img {
  width: 6.94444444rem;
  height: 1.72222222rem;
  display: block;
  margin: 0.91666667rem 0 0.69444444rem 7.8%;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper {
  display: flex;
  align-items: flex-end;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide .swiper-age {
  font-size: 0.83333333rem;
  font-weight: 400;
  color: #818181;
  line-height: 0.83333333rem;
  text-align: center;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide .active {
  font-size: 1.11111111rem;
  line-height: 1.11111111rem;
  font-weight: 500;
  color: #67A6F6;
  margin-left: 0.05555556rem;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
  margin: 0 auto;
  width: 1.41666667rem;
  height: 0.55555556rem;
  display: block;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(23) {
  width: 2.5rem !important;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(23) .active {
  margin-left: 0;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(25) {
  width: 2.5rem !important;
}
#specialNewTrial-page #yearShowConatiner .choose-ages-container .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(25) .active {
  margin-left: -0.11111111rem;
}
#specialNewTrial-page .trialrow {
  border-bottom: 0 none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 2px solid #F6F6F6;
}
#specialNewTrial-page .trialrow input {
  text-align: center;
  color: #317BFF;
  font-size: 0.75rem;
  max-height: 22px;
  border-radius: 3px;
  line-height: 22px;
  border: none;
  width: 89px;
}
#specialNewTrial-page .trialrow input::-webkit-input-placeholder {
  color: #818181;
  text-align: left;
}
#specialNewTrial-page .trialrow input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #818181;
  text-align: left;
}
#specialNewTrial-page .trialrow input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #818181;
  text-align: left;
}
#specialNewTrial-page .trialrow input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #818181;
  text-align: left;
}
#specialNewTrial-page .trialrow .change::-webkit-input-placeholder {
  color: #67A6F6;
  text-align: left;
}
#specialNewTrial-page .trialrow .change::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #67A6F6;
  text-align: left;
}
#specialNewTrial-page .trialrow .change:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #67A6F6;
  text-align: left;
}
#specialNewTrial-page .trialrow .change:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #67A6F6;
  text-align: left;
}
#specialNewTrial-page .trialrow .trialtip {
  position: absolute;
  margin-top: -44px;
  height: 23px;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #67A6F6;
  border-radius: 10px 10px 10px 0px;
  font-size: 11px;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 30px;
}
#specialNewTrial-page .trialrow .trialrighttip {
  position: absolute;
  margin-top: -77px;
  height: 23px;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #67A6F6;
  border-radius: 10px 10px 10px 0px;
  font-size: 11px;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 103px;
}
#specialNewTrial-page .trialrow .trialrowLable {
  font-size: 15px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #414141;
  display: flex;
  /* justify-content: unset; */
  align-items: center;
}
#specialNewTrial-page .trialrow .item-time-black {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialNewTrial-page .trialrow .item-time-black input {
  color: #414141;
  font-size: 0.83rem;
  height: auto;
  border: 0px;
}
#specialNewTrial-page .trialrow .item-time-black:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 46%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #414141;
  border-left: 1px solid #414141;
}
#specialNewTrial-page .body {
  font-family: "Source Han Sans CN", sans-serif;
}
#specialNewTrial-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#specialNewTrial-page .trial-page-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
}
#specialNewTrial-page .list-block {
  overflow-y: auto;
  height: 100%;
  margin: 0;
}
#specialNewTrial-page input {
  height: 22px;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
  line-height: 22px;
}
#specialNewTrial-page .col-15 input {
  text-align: right;
}
#specialNewTrial-page input::-webkit-input-placeholder {
  color: #cccccc;
}
#specialNewTrial-page .picker-items-col {
  width: 100%;
}
#specialNewTrial-page .riskTitle {
  font-size: 0.83rem !important;
  color: #4d4d4d !important;
  font-weight: bold !important;
  padding-left: 4% !important;
}
#specialNewTrial-page #productImg {
  min-height: 10.3rem;
  background: #fff;
}
#specialNewTrial-page #productImg img {
  outline: 0 none;
  border: 0 none;
}
#specialNewTrial-page #amntInput {
  color: #ff7a0f;
  width: 1.5rem;
}
#specialNewTrial-page .list-block .item-input {
  margin-bottom: 0rem;
  margin-top: 0rem;
  height: auto;
}
#specialNewTrial-page .item-inner {
  border-color: transparent !important;
}
#specialNewTrial-page .lists .item-inner {
  padding: 0px 15px;
}
#specialNewTrial-page .border-1 {
  height: 1px;
  width: 92%;
  margin: 0 auto;
  background: #e7e7e7;
  margin-top: 0.83rem;
  margin-bottom: 0.83rem;
}
#specialNewTrial-page .label-width {
  width: 100% !important;
}
#specialNewTrial-page .item-b {
  margin-bottom: 5px;
}
#specialNewTrial-page #diseaseType button {
  width: 27%;
  line-height: 1.5;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-left: 3%;
}
#specialNewTrial-page #diseaseType button:nth-child(1) {
  margin-left: 0 !important;
}
#specialNewTrial-page item-s {
  margin-top: 0.55555556rem !important;
  margin-bottom: 0.27777778rem !important;
}
#specialNewTrial-page .item-inner {
  border-bottom: 1px solid #e7e7e7;
  border-collapse: collapse;
}
#specialNewTrial-page li.item-content {
  padding: 0;
  min-height: 1.3888888rem;
  margin: 1.388888888rem 0;
}
#specialNewTrial-page .h5-item-inner {
  padding: 0 0.83rem;
}
#specialNewTrial-page #trial-page .buttons-tab {
  height: 36px;
}
#specialNewTrial-page .buttons-tab > a.active {
  border-bottom: 0.155rem solid #67A6F6 !important;
  color: #67A6F6 !important;
}
#specialNewTrial-page .buttons-tab > a {
  color: #818181 !important;
}
#specialNewTrial-page .buttons-tab {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  background: #F8F8F8;
  padding: 0;
  font-size: 0.83rem;
}
#specialNewTrial-page .product-main {
  margin-top: 7%;
  min-height: 500px;
  background-color: #fff;
}
#specialNewTrial-page .product-main div {
  background-color: #fff;
}
#specialNewTrial-page .list-block {
  margin: 0;
}
#specialNewTrial-page .payYearMsg {
  white-space: nowrap;
}
#specialNewTrial-page #productTitle {
  display: flex;
  background: #ffffff;
  margin-top: -0.35rem;
}
#specialNewTrial-page #productName {
  color: #ff7a0f;
  font-size: 0.85rem;
  width: 80%;
}
#specialNewTrial-page #thumbsUpBtn {
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
  line-height: 1.5;
  font-size: 0.83rem;
  min-width: 1rem;
  color: #4d4d4d;
}
#specialNewTrial-page #trail-insure {
  margin-bottom: 10px;
  margin-top: 30px;
  border: 0 none;
}
#specialNewTrial-page #trail-insure .col-33 {
  text-align: center;
}
#specialNewTrial-page #trail-insure .col-33 h6 {
  font-size: 1.38rem;
  font-weight: 500;
  color: #ff7a0f;
  margin: 0;
}
#specialNewTrial-page #trail-insure .col-33 p {
  font-size: 0.65rem;
  color: #4d4d4d;
  margin: 0;
}
#specialNewTrial-page #trial {
  margin-bottom: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.5);
  touch-action: none;
}
#specialNewTrial-page #data-picker {
  text-align: right;
}
#specialNewTrial-page .item-time {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialNewTrial-page .item-time input {
  color: #ff7a0f;
  font-size: 0.83rem;
  height: auto;
}
#specialNewTrial-page .item-time:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7a0f;
  border-left: 1px solid #ff7a0f;
}
#specialNewTrial-page .item-time-bule {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialNewTrial-page .item-time-bule input {
  color: #317BFF;
  font-size: 0.83rem;
  height: auto;
}
#specialNewTrial-page .item-time-bule:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #317BFF;
  border-left: 1px solid #317BFF;
}
#specialNewTrial-page .item-bank {
  position: relative;
  margin-right: 0.83333333rem;
  min-height: auto;
}
#specialNewTrial-page .item-bank input {
  color: #ff7b0f;
  font-size: 0.78rem;
  height: auto;
}
#specialNewTrial-page .item-bank:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: -0.61111111rem;
  margin-top: -0.19444444rem;
  transform: rotate(135deg);
  border-top: 1px solid #ff7b0f;
  border-left: 1px solid #ff7b0f;
}
#specialNewTrial-page #purchase {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  max-height: 74%;
  min-height: 9%;
  padding-bottom: 2.61111111rem;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  z-index: 1206;
  padding-top: 0.83rem;
}
#specialNewTrial-page #insureSelect,
#specialNewTrial-page #amntRange {
  direction: rtl;
  font-size: 1rem;
  color: #ff7a0f;
  height: auto;
}
#specialNewTrial-page #insureSelect option,
#specialNewTrial-page #amntRange option {
  direction: ltr;
  font-size: 1rem;
}
#specialNewTrial-page a.item-time:after {
  right: 6px;
}
#specialNewTrial-page .try {
  width: 100%;
  height: 2.72222222rem;
  line-height: 2.72222222rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ebebeb;
  z-index: 1300;
  display: none;
}
#specialNewTrial-page ul {
  list-style: none;
}
#specialNewTrial-page .main {
  clear: both;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
#specialNewTrial-page .pro-duty {
  width: 90%;
  min-height: 70px;
  margin: 6% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #f9edd5;
}
#specialNewTrial-page .pro-duty .pro-duty-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialNewTrial-page .product-detail-tab-top {
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#specialNewTrial-page .content-width {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0d6 !important;
  border-radius: 10px;
}
#specialNewTrial-page .content-width p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
}
#specialNewTrial-page .amount input[type=text] {
  width: 3rem;
  height: 1.5rem;
  text-align: center;
  border: 0 none;
  padding: 0;
}
#specialNewTrial-page .content-width p.pad-15 {
  padding-bottom: 2%;
}
#specialNewTrial-page .content-width p.pad-3 {
  padding: 8% 0 2% 2%;
}
#specialNewTrial-page .content-width p.rp {
  padding-right: 6%;
}
#specialNewTrial-page .content-width span {
  color: #ff7800;
  font-weight: bold;
  font-size: 1.2em;
}
#specialNewTrial-page .protect-range {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #92d0e7;
}
#specialNewTrial-page .protect-range .protect-range-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialNewTrial-page .protect-range .protect-range1-img {
  margin: 1% auto 2% auto;
  width: 90%;
}
#specialNewTrial-page .protect-range1 p {
  font-size: 1.2em;
  font-weight: bold;
  color: #01adf9;
  position: relative;
  margin: 7% auto 2% auto;
}
#specialNewTrial-page .protect-range2 {
  margin: 0 auto;
  width: 95%;
}
#specialNewTrial-page .protect-range2 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding-left: 1.5%;
  margin-bottom: 2%;
}
#specialNewTrial-page .protect-range3 {
  width: 97%;
  background-color: #01adf9 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 1.25% 1.3%;
}
#specialNewTrial-page .protect-range3 p {
  text-align: left;
  font-size: 1.1em;
  color: #FFF;
  padding: 1% 1% 1% 13.5%;
}
#specialNewTrial-page .protect-range3 .protect-range2-img {
  position: absolute;
  width: 10%;
  margin: 2% 0 0 -43%;
}
#specialNewTrial-page .protect-notice {
  width: 100%;
  border-bottom: 3px dotted;
  border-top: 3px dotted;
  border-color: #64ca80;
}
#specialNewTrial-page .protect-notice .protect-notice-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialNewTrial-page .protect-notice .protect-notice1 {
  width: 100%;
  margin: 0 auto;
  background-color: #e7fbef !important;
}
#specialNewTrial-page .protect-notice1 p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 9% 1.5% 4% 3%;
}
#specialNewTrial-page .protect-range img {
  width: 100%;
}
#specialNewTrial-page .lp {
  padding-right: 2%;
}
#specialNewTrial-page .bottom-button-panel {
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ebebeb;
}
#specialNewTrial-page .apply-insure {
  color: #fffffd;
  background-color: #fff;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 1.2em;
  font-weight: bold;
  border: 0;
  padding: 0;
  overflow: hidden;
}
#specialNewTrial-page .apply-insure .service {
  width: 18%;
  height: 60px;
  float: left;
  display: flex;
  align-items: center;
  border-right: 1px solid #e9e9e9;
  flex-direction: column;
}
#specialNewTrial-page .apply-insure .service img {
  width: 1.6rem;
  margin-top: 10px;
}
#specialNewTrial-page .apply-insure .service .qrtitle {
  font-size: 13px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
  margin-top: -22px;
}
#specialNewTrial-page .apply-insure .money {
  color: #4d4d4d;
  width: 42%;
  float: left;
  font-size: 0.75rem;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
#specialNewTrial-page .apply-insure .money #actPrem,
#specialNewTrial-page .apply-insure .money #actPrems {
  color: #ff7a0f;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  letter-spacing: 1px;
  margin-right: 3px;
}
#specialNewTrial-page .apply-insure .suan {
  width: 40%;
  float: left;
  display: inline-block;
  background: #67A6F6;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
#specialNewTrial-page .mask {
  display: none;
  position: fixed;
  z-index: 1301;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#specialNewTrial-page .code-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1303;
}
#specialNewTrial-page .code-container .QRCode-background {
  width: 15.3rem;
}
#specialNewTrial-page .code-container .code-img {
  position: absolute;
  width: 5.8rem;
  bottom: 5.2rem;
  left: 4.75rem;
}
#specialNewTrial-page .code-container .code-img-text {
  position: absolute;
  bottom: 3.8rem;
  left: 0.2rem;
  right: 0.2rem;
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
}
#specialNewTrial-page .code-container p {
  position: absolute;
  bottom: 0.95rem;
  left: 4rem;
  width: 7.2rem;
  text-align: center;
  background: #178AEC;
  font-size: 0.9rem;
  margin: 0;
  color: white;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1.02rem;
}
#specialNewTrial-page .save-content-container {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1302;
  display: none;
}
#specialNewTrial-page .save-content-container .save-content {
  font-size: 0.9rem;
  color: #1A1A1A;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e9e9e9;
}
#specialNewTrial-page .insure-pic {
  width: 98%;
  padding: 3% 0;
}
#specialNewTrial-page .insu-notify {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #7ecae4;
}
#specialNewTrial-page .insu-notify .insu-notify-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialNewTrial-page .insu-notify-tab {
  width: 96%;
  margin: 10% auto 5% auto;
  table-layout: fixed;
}
#specialNewTrial-page .insu-notify-tab td {
  border-bottom: #FFF 4px solid;
  border-right: #FFF 4px solid;
  background-color: #e8f7fe;
  width: 30%;
  padding: 4% 2%;
  font-size: 0.9em;
  color: #666;
  vertical-align: text-top;
}
#specialNewTrial-page .customer-service {
  width: 90%;
  min-height: 100px;
  margin: 10% 4%;
  border-radius: 15px;
  border: 3px dotted;
  border-color: #ff7a0f;
}
#specialNewTrial-page .customer-service .customer-service-img {
  position: absolute;
  margin: -4% 0 0 -30%;
  width: 60%;
}
#specialNewTrial-page .customer-service-tab {
  width: 97%;
  margin: 1.25% 1.3%;
  background-color: #fef0e3 !important;
  border-radius: 10px;
}
#specialNewTrial-page .customer-service-tab p {
  text-align: left;
  font-size: 1.1em;
  color: #666;
  padding: 8% 0 2% 2%;
}
#specialNewTrial-page .gray-btn {
  border: 1px solid #f0f0f0 !important;
  border-radius: 1rem !important;
  font-size: 0.72rem !important;
  color: #818181 !important;
  background-color: #F6F6F6;
}
#specialNewTrial-page .white-btn {
  background-color: #fff;
  border-radius: 4px !important;
  font-size: 0.72rem !important;
  color: #FF7A0F !important;
  border: 1px solid #FF7A0F !important;
}
#specialNewTrial-page .gray-btn-checked {
  background-color: #FF7A0F;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #FF7A0F !important;
}
#specialNewTrial-page .gray-btn-checked-blue {
  background-color: #FAFCFF;
  color: #67A6F6 !important;
  border-radius: 3px !important;
  border: 1px solid #67A6F6 !important;
}
#specialNewTrial-page .btn-middle {
  font-size: 0.72rem !important;
  border: 0;
  border-radius: 3px !important;
  margin-left: 0.4rem;
  line-height: 1.22rem;
  height: 29px;
  min-width: 2.56rem;
  padding: 0 0.6111111rem;
  overflow: visible;
}
#specialNewTrial-page .list-block .label {
  vertical-align: top;
  font-size: 0.78rem;
  color: #4d4d4d;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  line-height: 1.26rem;
}
#specialNewTrial-page .list-block .label .line {
  display: inline-block;
  width: 3px;
  margin-top: 0.16666667rem;
  height: 0.83rem;
  background: #ff7a0f;
  position: absolute;
  margin-left: 0.41666667rem;
}
#specialNewTrial-page .btn-middles {
  margin: 0px 2px 2px 0px;
  font-size: 1em;
  padding: 1.56% 4px 2.01% 4px;
  border: 0;
}
#specialNewTrial-page .rt {
  color: #999;
}
#specialNewTrial-page .font-orange {
  color: #0bb1ef;
}
#specialNewTrial-page .font-notify-top {
  font-size: 1em;
  font-weight: bold;
}
#specialNewTrial-page .font-notify-bottom {
  padding-top: 8%;
  word-break: break-all;
}
#specialNewTrial-page input[type="date"]:before {
  content: attr(placeholder);
  color: #4DB2F6;
}
#specialNewTrial-page input[type="date"] {
  -webkit-appearance: none !important;
}
@media only screen and (max-device-width: 320px) {
  #specialNewTrial-page input[type="date"]:before {
    color: #4DB2F6;
  }
  #specialNewTrial-page .insurance-type {
    font-size: 0.95em;
    padding: 3% 18%;
  }
  #specialNewTrial-page .font-center {
    padding: 0px 1%;
  }
  #specialNewTrial-page .rang-l {
    margin-left: -3%;
  }
  #specialNewTrial-page .rang-r {
    margin-left: 3%;
  }
  #specialNewTrial-page .btn-middles {
    margin: 0px 0px 1px 0px;
    font-size: 1em;
    padding: 1.56% 1px 2.01% 4px;
  }
  #specialNewTrial-page .insur-row-padding {
    margin-right: 17%;
  }
  #specialNewTrial-page .protect-range1 p {
    font-size: 1em;
  }
}
#specialNewTrial-page #trialInfo {
  border-color: transparent !important;
}
#specialNewTrial-page #trialInfo .try {
  z-index: 3;
}
#specialNewTrial-page #trialInfo h6 {
  color: #ff7a0f;
  font-size: 1.38rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: left;
}
#specialNewTrial-page #trialInfo p {
  color: #4d4d4d;
  font-size: 0.62rem;
  margin: 0;
  padding: 0;
  text-align: left;
}
#specialNewTrial-page #clause a {
  color: #ff7a0f !important;
}
a.item-time #specialNewTrial-page:after {
  margin-top: -0.31111111rem;
}
#specialNewTrial-page #amnts button:nth-child(1) {
  margin-left: 0;
}
#specialNewTrial-page #important_statement {
  width: 2.28rem;
  height: 1.25rem;
}
#specialNewTrial-page .closed-font {
  color: #999999!important;
}
#accidentInsurance-page {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#accidentInsurance-page input {
  border-radius: 0;
  -webkit-appearance: none;
}
#accidentInsurance-page .closeImg {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.88888889rem;
}
#accidentInsurance-page #confirmModal {
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
}
#accidentInsurance-page #confirmModal .confirm-tips {
  margin: 4.80555556rem auto 2rem;
  width: 92%;
  height: 2.44444444rem;
  background: #FF7C10;
  box-shadow: 1px 0.16666667rem 0.83333333rem 0px rgba(255, 120, 16, 0.31);
  border-radius: 1.22222222rem;
  text-align: center;
  line-height: 2.44444444rem;
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #FFFFFF;
}
#accidentInsurance-page #confirmModal .tip-container {
  margin: 6.27777778rem auto 0;
  width: 85%;
  border: 0.05555556rem solid #FFA054;
  border-radius: 0.55555556rem;
  position: relative;
}
#accidentInsurance-page #confirmModal .tip-container .title {
  position: absolute;
  font-size: 1.33333333rem;
  font-weight: 400;
  color: #343434;
  top: -1.33333333rem;
  display: flex;
  justify-content: center;
  margin: 0;
}
#accidentInsurance-page #confirmModal .tip-container .title .white-back {
  width: 6.66666667rem;
  background-color: #fff;
  position: relative;
}
#accidentInsurance-page #confirmModal .tip-container .title p {
  text-align: center;
  position: relative;
  z-index: 100000;
}
#accidentInsurance-page #confirmModal .tip-container .title span {
  width: 5.83333333rem;
  height: 0.80555556rem;
  top: 1.11111111rem;
  background: #FFA054;
  border-radius: 0.41666667rem;
  position: absolute;
  left: 0.41666667rem;
}
#accidentInsurance-page #confirmModal .tip-container .content-container {
  padding: 2.16666667rem 1.66666667rem 1.58333333rem 1.66666667rem;
}
#accidentInsurance-page #confirmModal .tip-container .content-container p {
  font-size: 0.88888889rem;
  font-weight: 400;
  color: #343434;
}
#accidentInsurance-page #confirmModal .tip-container .content-container p:nth-of-type(2) {
  margin-top: 1.38888889rem;
}
#accidentInsurance-page .trial-container {
  padding-bottom: 2.5rem;
}
#accidentInsurance-page .fixedNav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
#accidentInsurance-page p {
  margin: 0;
}
#accidentInsurance-page .active {
  background: #FFF6F5 !important;
  color: #F3938F !important;
  border: 1px solid #F3938F !important;
}
#accidentInsurance-page .banner-img {
  width: 100%;
  display: block;
}
#accidentInsurance-page .product-detail-container {
  padding: .75rem;
  background-color: white;
}
#accidentInsurance-page .productName {
  font-size: 0.9rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #414141;
}
#accidentInsurance-page .productAmountInfo {
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
}
#accidentInsurance-page .trial-title {
  border-bottom: 1px solid #e9e9e9;
  height: 2.77777778rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 1rem;
}
#accidentInsurance-page .trial-title p {
  width: 50%;
  font-size: 0.77777778rem;
  font-weight: 400;
  line-height: 2.66666667rem;
  text-align: center;
}
#accidentInsurance-page .trial-title p a {
  padding: .6rem 0;
  color: #8A8A8A;
}
#accidentInsurance-page .trial-title .titleActive a {
  color: #ff7b0f;
  border-bottom: 0.11111111rem solid #ff7b0f;
}
#accidentInsurance-page .productItem {
  background-color: #fff;
}
#accidentInsurance-page .productItem .itemTitle {
  display: flex;
  align-items: center;
  height: 2.7rem;
  border-bottom: 1px solid #E0E0E0;
}
#accidentInsurance-page .productItem .itemTitle .titleImg {
  margin-left: .6rem;
  margin-right: .3rem;
  background: url("../img/product/BHCLOUDSAFE_93/titleImgBg.png");
  width: 1.2rem;
  height: 1.2rem;
  background-size: 100% 100%;
  line-height: 1.2rem;
  text-align: center;
  font-size: .8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
#accidentInsurance-page .productItem .itemTitle .titleText {
  height: 0.9rem;
  line-height: 1rem;
  font-size: .9rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
#accidentInsurance-page .productItem .itemTitle .rightImg {
  position: absolute;
  right: 1rem;
  width: 1rem;
  display: none;
}
#accidentInsurance-page .productItem .itemTitle .show {
  display: block;
}
#accidentInsurance-page .productItem .itemContent {
  text-align: center;
  padding-bottom: .6rem;
}
#accidentInsurance-page .productItem .itemContent .featureImg {
  width: 100%;
}
#accidentInsurance-page .productItem .itemContent .myTable {
  margin: .6rem;
  width: 19.7rem;
  color: #FC8D00;
  border: 1px solid #fc8d00;
  border-radius: .5rem;
}
#accidentInsurance-page .productItem .itemContent .myTable td {
  line-height: .2rem;
  font-size: 0.14rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #fc8d00;
  padding: .11rem 0;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #fc8d00;
}
#accidentInsurance-page .productItem .itemContent .myTable td img {
  width: .15rem;
  height: .15rem;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:nth-child(odd) {
  background: #fee8cc;
  border-bottom: 1px solid #fc8d00;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:nth-child(even) {
  background: #fff;
  border-bottom: 1px solid #fc8d00;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:last-child {
  height: .61rem;
  border-bottom: 0;
}
#accidentInsurance-page .productItem .itemContent .myTable td:last-child {
  border-right: 0;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:first-child td:first-child {
  border-top-left-radius: .05rem;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:first-child td:last-child {
  border-top-right-radius: .05rem;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:last-child td:first-child {
  border-bottom-left-radius: .05rem;
}
#accidentInsurance-page .productItem .itemContent .myTable tr:last-child td:last-child {
  border-bottom-right-radius: .05rem;
}
#accidentInsurance-page .productItem .itemContent .dutyTable {
  margin: .6rem;
  color: #FC8D00;
  border: 1px solid #fc8d00;
  border-radius: .05rem;
}
#accidentInsurance-page .productItem .itemContent .dutyTable .ShowMoreTable {
  display: none;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr td:first-child {
  background: #fc8d00;
  border-bottom: 1px solid #fff;
  display: table-cell;
  vertical-align: middle;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr td:last-child {
  padding: .5rem;
  background: #fff;
  border-bottom: 1px solid #FC8D00;
  display: table-cell;
  vertical-align: middle;
  text-align: justify;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #2a3145;
  line-height: 1rem;
  letter-spacing: .2rem;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr:first-child td:first-child {
  border-top-left-radius: .2rem;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr:first-child td:last-child {
  border-top-right-radius: .2rem;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr:last-child td:first-child {
  border-bottom-left-radius: .2rem;
  border-bottom: 0;
}
#accidentInsurance-page .productItem .itemContent .dutyTable tr:last-child td:last-child {
  border-bottom-right-radius: .2rem;
  border-bottom: 0;
}
#accidentInsurance-page .productItem .itemContent .dutyAnnotation {
  text-align: left;
  height: 2rem;
  line-height: 2rem;
  padding-left: .6rem;
  font-size: .8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
}
#accidentInsurance-page .productItem .itemContent .showMore {
  margin: 0 .45rem;
  font-size: .8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #fc8d00;
  line-height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#accidentInsurance-page .productItem .itemContent .showMore img {
  margin-left: .28rem;
  width: .6rem;
  height: .6rem;
}
#accidentInsurance-page .productItem .itemContent .closeMore {
  margin: 0 .45rem;
  font-size: .8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #fc8d00;
  line-height: 0.66rem;
  display: none;
  align-items: center;
  justify-content: center;
}
#accidentInsurance-page .productItem .itemContent .closeMore img {
  margin-left: .28rem;
  width: .6rem;
  height: .6rem;
}
#accidentInsurance-page .productItem .itemContent .crowdBanner {
  margin: .6rem;
}
#accidentInsurance-page .productItem .itemContent .crowdBanner img {
  margin: auto;
  width: 7.2rem;
  height: 7.3rem;
}
#accidentInsurance-page .productItem .itemContent .crowdText {
  margin: 0rem auto 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17rem;
  height: 3rem;
  background: url("../img/product/BHCLOUDSAFE_93/crowdBg.png");
  background-size: 100% 100%;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #2a3145;
  line-height: 3rem;
}
#accidentInsurance-page .productItem .itemContent .clauseItem {
  padding-left: .6rem;
  text-align: left;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #f26f42;
  border-bottom: 1px solid #E0E0E0;
}
#accidentInsurance-page .productItem .itemContent .clauseItem a {
  color: #f26f42;
}
#accidentInsurance-page .noticeItem {
  margin-top: 10px;
  background-color: #fff;
}
#accidentInsurance-page .noticeItem .itemTitle {
  display: flex;
  align-items: center;
  height: 2.7rem;
  border-bottom: 1px solid #E0E0E0;
}
#accidentInsurance-page .noticeItem .itemTitle .titleImg {
  margin-left: .6rem;
  margin-right: .3rem;
  background: url("../img/product/BHCLOUDSAFE_93/titleImgBg.png");
  width: 1.2rem;
  height: 1.2rem;
  background-size: 100% 100%;
  line-height: 1.2rem;
  text-align: center;
  font-size: .8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
#accidentInsurance-page .noticeItem .itemTitle .titleText {
  height: 0.9rem;
  line-height: 1rem;
  font-size: .9rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
#accidentInsurance-page .noticeItem .itemContent {
  text-align: center;
  padding-bottom: .6rem;
  margin: .6rem;
}
#accidentInsurance-page .noticeItem .itemContent .textContent {
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #414141;
  line-height: 1.2rem;
  text-align: justify;
  text-indent: 2em;
}
#accidentInsurance-page .noticeItem .itemContent .noticeImg {
  width: 100%;
}
#accidentInsurance-page .noticeItem .itemContent .wayBanner {
  margin-top: .6rem;
}
#accidentInsurance-page .noticeItem .itemContent .wayBanner img {
  width: 100%;
}
#accidentInsurance-page .noticeItem .itemContent .wayWarp {
  margin: .6rem auto;
  display: flex;
  height: 5.6rem;
  background: #ffffff;
  border: 1px solid #fc8d00;
  border-radius: .3rem;
}
#accidentInsurance-page .noticeItem .itemContent .wayWarp .wayKey {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 5.6rem;
  background: #fc8d00;
  border-radius: .3rem 0rem 0rem .3rem;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}
#accidentInsurance-page .noticeItem .itemContent .wayWarp .wayValue {
  text-align: justify;
  flex: 1;
  padding: .4rem;
  font-size: 0.7rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #818181;
  line-height: 1.2rem;
}
#accidentInsurance-page .noticeItem .itemContent .translateTitle {
  margin-top: .6rem;
  margin-bottom: .6rem;
  color: #414141;
  font-size: .9rem;
  line-height: 1.1rem;
  text-align: left;
}
#accidentInsurance-page .noticeItem .itemContent .translateContent {
  text-align: justify;
  color: #818181;
  font-size: .8rem;
  line-height: 1rem;
  letter-spacing: 0;
}
#accidentInsurance-page .noticeItem .itemContent .waiver {
  margin: .3rem auto;
  color: #414141;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: justify;
}
#accidentInsurance-page .bottom-button {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #ff7b0f;
  color: white;
  text-align: center;
  line-height: 2.5rem;
}
#accidentInsurance-page .flexContent {
  margin: 1rem;
  display: flex;
}
#accidentInsurance-page .flexContent .imgWarp {
  margin-right: 1rem;
}
#accidentInsurance-page .flexContent .imgWarp img {
  width: 4.5rem;
  height: 4.5rem;
}
#accidentInsurance-page .flexContent .textWarp {
  flex: 1;
  font-size: 0.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  text-align: justify;
  margin-bottom: 1rem;
}
#surgicalInformation-page {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#surgicalInformation-page #confirmModal {
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
}
#surgicalInformation-page .insur-container {
  background-color: #fff;
}
#surgicalInformation-page .insur-container .insur-title {
  display: flex;
  align-items: flex-end;
  padding-top: 1.08333333rem;
  padding-left: 0.88888889rem;
}
#surgicalInformation-page .insur-container .insur-title p:nth-of-type(1) {
  font-size: 0.88888889rem;
  font-weight: bold;
  color: #4d4d4d;
}
#surgicalInformation-page .insur-container .insur-title p:nth-of-type(2) {
  margin-left: 0.58333333rem;
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #4d4d4d;
}
#surgicalInformation-page .insur-container .role-container {
  padding: 0.83333333rem 0 0.58333333rem 0;
  padding-left: 0.88888889rem;
  display: flex;
}
#surgicalInformation-page .insur-container .role-container p {
  width: 3.33333333rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  background-color: #fff;
  text-align: center;
}
#surgicalInformation-page .insur-container .role-container p:not(:first-child) {
  margin-left: 1.11111111rem;
}
#surgicalInformation-page .insur-container .insur-tip {
  padding: 0.55555556rem 0.88888889rem;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
#surgicalInformation-page .insur-container .insur-tip p {
  padding: 0.44444444rem 0.38888889rem 0.61111111rem 0.36111111rem;
  background-color: #fdf0e5;
  font-size: 0.66666667rem;
  font-weight: 500;
  color: #8a8a8a;
}
#surgicalInformation-page .insur-container .info-container #born-content {
  border-bottom: none;
  padding-left: 0;
  height: 100%;
}
#surgicalInformation-page .insur-container .info-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#surgicalInformation-page .insur-container .info-container .item-info p {
  display: inline-table;
  align-items: center;
  width: 3.75rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
}
#surgicalInformation-page .insur-container .info-container .item-info i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#surgicalInformation-page .insur-container .info-container .item-info .left-value {
  width: 6.38888889rem;
}
#surgicalInformation-page .insur-container .info-container .item-info .item-value {
  display: flex;
  align-items: center;
  padding: 0 !important;
}
#surgicalInformation-page .insur-container .info-container .item-info .item-value .choose-button {
  display: block !important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 0.38888889rem;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #818181;
  margin-right: 0.55555556rem;
  background-color: #F6F5F5;
  margin-bottom: .4rem;
  margin-top: .4rem;
}
#surgicalInformation-page .insur-container .info-container .item-info .item-value .active {
  border: 1px solid #ff7b0f;
  color: #fff;
  background-color: #ff7b0f;
}
#surgicalInformation-page .insur-container .info-container .item-info #delIcon {
  width: 1rem;
  height: 1rem;
}
#surgicalInformation-page .insur-container .info-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#surgicalInformation-page .insur-container .info-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#surgicalInformation-page .insur-container .item-info {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.88888889rem;
  height: 2.66666667rem;
  display: flex;
  align-items: center;
}
#surgicalInformation-page .insur-container .item-info .leftValue {
  display: flex;
  align-items: center;
  width: 6.38888889rem !important;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex-shrink: 0;
}
#surgicalInformation-page .insur-container .item-info i {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0.25rem solid #8a8a8a;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  margin-left: 0.13888889rem;
}
#surgicalInformation-page .insur-container .item-info .item-value {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 !important;
}
#surgicalInformation-page .insur-container .item-info .item-value .choose-button {
  display: block !important;
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border-radius: 0.77777778rem;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-right: 0.72222222rem;
}
#surgicalInformation-page .insur-container .item-info .arrowleft {
  width: 0.44444444rem;
  height: 0.83333333rem;
}
#surgicalInformation-page .insur-container .item-info input {
  outline: none;
  border: 0;
  margin-bottom: 0.11111111rem;
  line-height: 1.94444444rem;
}
#surgicalInformation-page .insur-container .item-info ::placeholder {
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #bebebe;
}
#surgicalInformation-page .insur-container .item-info .right-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#surgicalInformation-page .insur-container .item-info .right-info img {
  margin-right: 0.88888889rem;
}
#surgicalInformation-page .insur-container .main-product-title {
  padding-top: 0.86111111rem;
  padding-left: 0.88888889rem;
  font-size: 0.77777778rem;
  font-weight: bold;
  color: #4d4d4d;
}
#surgicalInformation-page .insur-container .pay-item {
  padding: 0.55555556rem 0.72222222rem 0 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#surgicalInformation-page .insur-container .pay-item .pay-item-title {
  margin-top: 0.19444444rem;
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#surgicalInformation-page .insur-container .pay-item .pay-item-title .to {
  margin-left: 1.66666667rem;
}
#surgicalInformation-page .insur-container .pay-item .pay-item-left {
  width: 6.38888889rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#surgicalInformation-page .insur-container .pay-item .pay-item-title-short {
  margin-top: 0.19444444rem;
  width: 5.55555556rem;
  text-align: left;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#surgicalInformation-page .insur-container .pay-item div {
  display: flex;
  flex-wrap: wrap;
  -justify-content: flex-end;
  width: 100%;
}
#surgicalInformation-page .insur-container .pay-item div p {
  min-width: 3.33333333rem;
  padding: 0 0.41666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  line-height: 1.55555556rem;
  text-align: center;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #FF7B0F;
  margin-left: 0;
  margin-right: 0.55555556rem;
  margin-bottom: 0.55555556rem;
}
#surgicalInformation-page .insur-container .pay-item .pay-amnt {
  color: #FF7B0F;
  font-weight: bold;
  font-size: 0.88888889rem;
}
#surgicalInformation-page .insur-container .pay-amnt-item {
  padding-bottom: 0.55555556rem;
  align-items: center;
}
#surgicalInformation-page .insur-container .base-amount {
  padding: 0.55555556rem 0.55555556rem 0.55555556rem 0.88888889rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e9e9e9;
}
#surgicalInformation-page .insur-container .base-amount .base-amount-title {
  margin-top: 0.19444444rem;
  text-align: left;
  font-size: 0.77777778rem;
  width: 6.38888889rem;
  font-weight: 400;
  color: #4d4d4d;
  flex: none;
}
#surgicalInformation-page .insur-container .base-amount .base-amount-title .amount-mark-icon {
  width: 0.72222222rem;
  height: 0.72222222rem;
  display: inline-block;
  margin-left: 0.27777778rem;
  margin-top: 0.27777778rem;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .choose-item-desc {
  font-size: 0.61111111rem;
  font-weight: 400;
  color: #ff7b0f;
  margin-top: 0.55555556rem;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container {
  display: flex;
  align-items: center;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .unit {
  margin-left: 0.61111111rem;
  font-size: 0.77777778rem;
  font-weight: 400;
  color: #F3938F;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(1) {
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-top-left-radius: 0.77777778rem;
  border-bottom-left-radius: 0.77777778rem;
  text-align: center;
  font-weight: 400;
  color: #414141;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #FF7B0F;
  border-bottom: 1px solid #FF7B0F;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 0.77777778rem;
  border-radius: 2px;
  color: #ff7b0f;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item p:nth-of-type(2) {
  text-align: center;
  width: 1.66666667rem;
  height: 1.55555556rem;
  border: 1px solid #ff7b0f;
  border-top-right-radius: 0.77777778rem;
  border-bottom-right-radius: 0.77777778rem;
  color: #FF7B0F;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item {
  display: flex;
  align-items: center;
}
#surgicalInformation-page .insur-container .base-amount .right .choose-item-container .sub-choose-item-container .choose-item input {
  width: 5.55555556rem;
  height: 1.55555556rem;
  border-top: 1px solid #FF7B0F;
  border-bottom: 1px solid #FF7B0F;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 0.77777778rem;
  border-radius: 2px;
  color: #ff7b0f;
}
#surgicalInformation-page .trial-containerpopmask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
#surgicalInformation-page .trial-containerpop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 198;
  -webkit-overflow-scrolling: touch;
}
#surgicalInformation-page .trial-containerpop .submit-info-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .submit-info-title {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #FC8D00;
  font-family: Source Han Sans CN;
  font-size: .9rem;
  color: #FFFFFF;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item-box {
  overflow-y: auto;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList {
  width: 100%;
  font-size: .8rem;
  padding: .6rem 0;
  overflow: hidden;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp {
  white-space: nowrap;
  overflow-x: auto;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp .planItem {
  display: inline-block;
  width: 5.5rem;
  background: #fff;
  border-radius: .2rem;
  height: 2rem;
  border: 1px solid #979797;
  margin-left: .8rem;
  text-align: center;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp .planItem:last-child {
  margin-right: .8rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp .planItem .text {
  font-family: Source Han Sans CN;
  font-size: .8rem;
  color: #414141;
  text-align: center;
  line-height: 2rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp .active {
  border: 1px solid #FC8D00;
  background: #FC8D00;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp .active .text {
  color: #fff;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .planList .planItemWarp::-webkit-scrollbar {
  display: none;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item {
  display: flex;
  align-items: center;
  padding: 0 .6rem;
  line-height: 2rem;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: inset 0 -1px 0 0 #F2F2F2;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item .insure-item-title {
  font-family: Source Han Sans CN;
  font-size: .8rem;
  color: #414141;
  line-height: 1.1rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item .insure-item-value {
  flex: 1;
  font-family: Source Han Sans CN;
  font-size: .16rem;
  color: #414141;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item .insure-item-btn {
  width: .9rem;
  height: .25rem;
  background: #FC8D00;
  border-radius: 5px;
  font-family: Source Han Sans CN;
  font-size: 15px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: .1rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item .insure-item-img {
  margin-left: .05rem;
  font-size: 0;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .insure-item .insure-item-img img {
  width: .17rem;
  height: .17rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .fixed-insure-item {
  display: flex;
  line-height: 1.7rem;
  padding: .5rem .8rem;
  font-weight: bold;
  background: #FFFFFF;
  box-shadow: inset 0 -1px 0 0 #F2F2F2;
  justify-content: space-between;
  align-items: center;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .fixed-insure-item .insure-item-title {
  font-family: Source Han Sans CN;
  font-size: .8rem;
  color: #414141;
  width: 12rem;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .fixed-insure-item .insure-item-value {
  font-family: Source Han Sans CN;
  font-size: .8rem;
  color: #414141;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .footer {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  border-top: 1px solid #FC8D00;
  align-items: center;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .footer .left-footer {
  width: 12rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  text-align: center;
  font-size: .8rem;
  color: #818181;
  font-family: Source Han Sans CN;
}
#surgicalInformation-page .trial-containerpop .submit-info-content .footer .right-footer {
  flex: 1;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-family: Source Han Sans CN;
  font-size: .8rem;
  color: #FFFFFF;
  background: #FC8D00;
}
#surgicalInformation-page .bottom-button {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #ff7b0f;
  color: white;
  text-align: center;
  line-height: 2.5rem;
}
#surgicalSearch-content {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#surgicalSearch-content .addName {
  border: 1px solid #999;
  padding: .15rem;
  border-radius: .3rem;
  margin-top: .5rem;
}
#surgicalSearch-content .search-body {
  width: 100%;
  background-color: #fff;
}
#surgicalSearch-content .search-bar {
  padding: .5rem .8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  background-color: #fff;
  top: 2.4rem;
  left: 0;
  right: 0;
}
#surgicalSearch-content .search-bar .search-bar-input {
  background-color: #f2f2f2;
  border-radius: 1rem;
  height: 1.7rem;
  width: 17rem;
  color: #888888;
  font-size: .8rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .6rem;
}
#surgicalSearch-content .search-bar .search-bar-icon {
  width: .7rem;
  height: .7rem;
}
#surgicalSearch-content .search-bar input {
  outline: none;
  border: 0;
  width: 14rem;
  line-height: 1.5rem;
  background-color: #f2f2f2;
}
#surgicalSearch-content .search-bar .search-bar-btn {
  color: white;
  background-color: #FF7B0F;
  height: 1.7rem;
  line-height: 1.7rem;
  width: 3rem;
  border-radius: .4rem;
  text-align: center;
  font-size: .8rem;
}
#surgicalSearch-content .search-result-body {
  background-color: #fff;
  overflow-y: auto;
  margin-top: 5rem;
}
#surgicalSearch-content .search-result-body .search-result-item {
  padding: .5rem .7rem;
  font-size: .8rem;
  color: #414141;
  border-bottom: 1px solid #ececec;
}