/* reset开始 */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  height: 100%;
}
body {
  line-height: 1.375;
  font-family: "PingFang-SC-Regular";
  height: 100%;
}
*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item;
}
small {
  font-size: 80%;
}
[hidden],
template {
  display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #494949;
}
a:active,
a:hover {
  outline-width: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.keybut {
  -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-user-select: auto;
  /*webkit浏览器*/
  margin: 0px;
  padding: 0px;
  outline: none;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
input {
  border-radius: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  outline: none;
  border: none;
}
optgroup {
  font-weight: bold;
}
button {
  overflow: visible;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button,
select {
  text-transform: none;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
img {
  border-style: none;
  display: block;
  width: 100%;
  height: auto;
}
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled] {
  cursor: default;
}
/* reset结束 */
/*   医生站开始 */
#app {
  width: 100%;
  padding: 0.625rem /* 10/16 */ 0 1.25rem 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  height: 100%;
  min-height: 95vh;
}
#app .header {
  height: 10.625rem /* 170/16 */;
  width: 100%;
  background: url("../img/headerBg.png") no-repeat center;
  background-size: 100% 100%;
}
#app .headerMain {
  padding: 1.125rem /* 18/16 */ 2.375rem /* 38/16 */ /* 16/16 */ 2.375rem 2.375rem /* 38/16 */ /* 20/16 */;
}
#app .header .h-top {
  display: flex;
}
#app .header .h-top .userLogo {
  position: relative;
}
#app .header .h-top .bigV {
  height: 1.0625rem;
  width: 1.0625rem;
  position: absolute;
  top: 35px;
  right: 9px;
}
.advertising1 {
  padding: 0 1.25rem /* 20/16 */;
  margin-bottom: 0.9375rem /* 15/16 */;
}
.doctorSlide {
  height: 4.375rem /* 70/16 */;
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.875rem /* 30/16 */;
}
.doctorSlide .van-swipe {
  height: 100%;
}
.doctorSlide .van-swipe .van-swipe-item {
  padding: 0 1.25rem /* 20/16 */;
}
.doctorSlide .van-swipe .van-swipe-item img {
  border-radius: 0.25rem /* 4/16 */;
}
.advertising {
  background: #ffffff;
  box-shadow: 0 1px 16px 0 rgba(176, 176, 176, 0.12);
  border-radius: 4px;
  height: 2.5rem;
}
#app .header .h-top .logo {
  height: 3.25rem;
  width: 3.25rem;
  margin-right: 0.8125rem;
  border-radius: 50%;
  overflow: hidden;
}
#app .header .h-top .h-top-r {
  flex: 1;
}
#app .header .h-top .h-top-r .h-p1 {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
#app .header .h-top .h-top-r .h-p1-l {
  display: flex;
  align-content: center;
  align-items: center;
}
#app .header .h-top .h-top-r .name {
  font-size: 1.25rem /* 20/16 */;
  color: #494949;
  display: inline-block;
  max-width: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
#app .header .h-top .h-top-r .span1 {
  display: inline-block;
  border: 1px solid #494949;
  border-radius: 0.25rem;
  color: #494949;
  margin-left: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem /* 18/16 */;
  width: 2.125rem /* 34/16 */;
}
#app .header .h-top .h-top-r .last-span {
  display: inline-block;
  border: 1px solid #494949;
  border-radius: 0.25rem;
  color: #494949;
  margin-left: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem /* 18/16 */;
  width: 4.125rem /* 66/16 */;
  white-space: nowrap;
}
#app .header .h-top .h-top-r .span1 a {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem /* 12/16 */;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
#app .header .h-top .h-top-r .small9 {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
#app .header .h-top .h-top-r .news {
  text-align: right;
  height: 1.5625rem;
  width: 3.25rem;
  background: #ffffff;
  box-shadow: 0 0.1875rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 6.25rem;
  line-height: 1.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app .header .h-top .h-top-r .news img {
  height: 1.5625rem /* 25/16 */;
  width: 3.25rem /* 52/16 */;
}
#app .header .h-top .h-top-r .news span {
  font-size: 0.6875rem;
  color: #565656;
  padding: 0 0.375rem 0 0;
  margin-left: 0.125rem /* 2/16 */;
}
#app .header .h-top .h-top-r .news .small10 {
  text-align: right;
  font-size: 0.75rem;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
#app .header .h-p2 {
  font-size: 0.8125rem;
  color: #494949;
  display: flex;
  align-items: center;
  margin-top: 0.125rem /* 2/16 */;
  align-content: center;
}
#app .header .h-p2 .r-ico {
  height: 0.5625rem;
  width: 0.5625rem;
}
#app .header .h-p3 {
  width: 100%;
  margin-top: 0.5rem;
  overflow: hidden;
}
#app .header .h-p3 span {
  margin-left: 0.5625rem;
  float: left;
  font-size: 0.5625rem;
  color: #494949;
}
.demo-linear-progress {
  width: 7rem;
  float: left;
  position: relative;
  top: 0.1875rem;
}
.mu-linear-progress-background {
  background: rgba(0, 0, 0, 0.13);
  border-radius: 6.25rem;
}
.mu-linear-progress-determinate {
  background: #494949;
  border-radius: 6.25rem;
}
.h-bottom {
  padding: 0 1.25rem /* 20/16 */;
  margin-top: 0.8125rem;
  display: flex;
  justify-content: space-between;
}
.h-bottom div {
  text-align: center;
  position: relative;
}
.h-bottom div .num {
  font-size: 1.125rem;
  color: #303133;
  position: relative;
}
.h-bottom div .hot {
  background: #FF5F4E;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  color: #FFFFFF;
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-bottom div .hot div {
  transform: scale(0.9);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-bottom div .txt {
  font-size: 0.8125rem;
  color: #565656;
}
.headerTag {
  background: #ffffff;
  padding: 0 1.25rem /* 20/16 */;
}
.headerTag .tag-title {
  line-height: 0.9375rem;
  font-size: 0.9375rem;
  color: #494949;
  border-left: 0.1875rem solid #D3977E;
  padding-left: 0.375rem;
}
.headerTag .tag-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.headerTag .tag-box .tag-box-main {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.headerTag .tag-box .tag-box-main .icon-share {
  position: absolute;
  height: 14px;
  width: 18px;
  font-size: 0;
  overflow: hidden;
  line-height: 1;
  top: 0px;
  right: 1px;
}
.headerTag .tag-box .tag-box-main .icontwo {
  height: 14px;
  width: 32px;
  right: -10px;
}
.headerTag .tag-box .tag-box-main .bannerImg {
  height: 2.1875rem /* 35/16 */;
  width: 2.1875rem /* 35/16 */;
}
.headerTag .tag-box .tag-box-main p {
  margin: 0 auto;
  margin-top: 0.3125rem;
  font-size: 0.875rem;
  color: #565656;
}
.inform {
  display: inline-block;
  height: 0.875rem;
  padding: 0 0.3125rem;
  background: #fb4624;
  color: #ffffff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inform span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem /* 12/16 */;
  transform: scale(0.8);
}
.box {
  margin-top: 1.625rem /* 26/16 */;
  padding: 0 0 2.5rem /* 40/16 */ 0 /* 20/16 */;
}
.box .van-tabs__wrap {
  padding: 0 1.25rem /* 20/16 */;
}
.box .van-hairline--top-bottom::after {
  border-top: 1px;
}
.box .van-tabs__line {
  background-color: #cb5f2c;
}
.box .van-tab--active {
  position: relative;
  color: #cb5f2c;
}
.box .van-tab span {
  display: flex !important;
}
.box .van-tabs__nav--line {
  height: 100%;
  padding-bottom: 15px;
  box-sizing: content-box;
  justify-content: space-between !important;
}
.box .van-tab {
  flex: none !important;
}
.box .demo-text {
  padding: 1rem;
  background: #fff;
}
.box .demo-text p {
  margin: 0.5rem 0;
}
.box .mu-tabs {
  font-size: 0.875rem;
  color: #565656;
  background: none;
}
.box .active {
  color: #cb5f2c;
  position: relative;
}
.box .active:before {
  background: #cb5f2c;
  width: 0.9375rem;
  height: 0.125rem;
  content: "";
  position: absolute;
  margin-left: -0.4375rem;
  left: 50%;
  top: 1.25rem;
}
.box .mu-tab-link-highlight {
  background-color: #D3977E;
}
.box .box-title span {
  margin-right: 0.9375rem;
  font-size: 0.875rem;
  transition: 0.3s all;
  position: relative;
}
.box .box-main .box-main-row {
  background: #F4F4F4;
  height: 1.875rem /* 30/16 */;
  font-size: 14px;
  color: #353535;
  padding-left: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
.box .box-main .user-list-all {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0.8125rem /* 13/16 */ 1.25rem /* 20/16 */ 1.0625rem /* 17/16 */ 1.25rem /* 20/16 */;
}
.box .box-main .user-list-all .left {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.box .box-main .user-list-all .left .left-img {
  height: 2.625rem;
  width: 2.625rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  overflow: hidden;
}
.box .box-main .user-list-all .left .left-img img {
  width: 100%;
}
.box .box-main .user-list-all .left .left-txt {
  flex: 1;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p0 {
  font-size: 0.75rem /* 12/16 */;
  color: #a6a6a6;
  margin-top: 0.3125rem /* 5/16 */;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .name {
  font-size: 1.125rem;
  color: #565656;
  margin-right: 6px;
  display: inline-block;
  max-width: 6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .span1 {
  font-size: 0.9375rem;
  color: #a6a6a6;
  margin-right: 5px;
  border: 1px solid #cb5f2c;
  border-radius: 0.5rem /* 8/16 */;
  height: 1rem /* 16/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cb5f2c;
  padding: 0 0.125rem /* 2/16 */;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .span1 a {
  font-size: 0.75rem /* 12/16 */;
  transform: scale(0.8);
  color: #cb5f2c;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .left-txt-p1-l {
  display: flex;
  align-items: center;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .icon {
  height: 18px;
  width: 18px;
  margin-right: 6px;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .left-txt-p1-r {
  font-size: 0.75rem /* 12/16 */;
  color: #b3b3b3;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p1 .color2 {
  color: #cb5f2c;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p2 {
  font-size: 0.9375rem;
  margin-top: 0.25rem /* 4/16 */;
  color: #4a4848;
  display: flex;
  align-items: center;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 95%;
}
.box .box-main .user-list-all .left .left-txt .left-txt-p3 span {
  border: 1px solid #cb5f2c;
  border-radius: 100px;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.375rem;
  text-align: center;
  padding: 0 0.5rem;
  font-size: 13px;
  color: #cb5f2c;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.box .box-main .user-list-all .right {
  width: 1.5625rem;
}
.box .box-main .user-list-all .right p {
  font-size: 12px;
  color: #8b9390;
  margin-bottom: 0.5rem;
  line-height: 1.125rem;
}
.box .box-main .user-list-all .right img {
  margin-top: 0.5rem;
  height: 1.0625rem;
  width: 1.0625rem;
}
.box .box-main .user-list-all .shadow {
  transition: all 0.3;
  height: 1.375rem;
  background: rgba(0, 0, 0, 0.68);
  border-radius: 4px;
  position: absolute;
  z-index: 111;
  right: 32px;
  top: 32px;
  padding: 0 0.8125rem;
  line-height: 20px;
}
.box .box-main .user-list-all .shadow::after {
  content: " ";
  position: absolute;
  top: 0.4rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -6px;
  border-left: 0.4rem solid rgba(0, 0, 0, 0.68);
}
.box .box-main .user-list-all .shadow span {
  font-size: 0.6875rem;
  color: #ffffff;
}
.box .box-main .user-list-all .shadow span:nth-child(2n) {
  margin: 0 1.25rem;
}
/*   医生站结束 */
.banner {
  height: 7.3125rem;
  background: #ccc;
  width: 100%;
}
.userImg {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1.25rem /* 20/16 */;
}
.userImg .userImg-r {
  text-align: center;
  margin-top: 0.1875rem;
}
.userImg .userImg-r p {
  font-size: 0.75rem;
  color: #929896;
}
.userImg .userImg-r img {
  display: block;
  width: 3.8125rem;
  height: 3.8125rem;
}
.userName {
  height: 7.125rem;
  padding: 1.125rem 0;
  padding: 0 1.25rem /* 20/16 */;
}
.userName .user-n {
  font-size: 1.125rem;
  color: #565656;
  margin-bottom: 0.625rem;
}
.userName .userName-main {
  font-size: 1rem;
  color: #929896;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.userName-main {
  font-size: 1rem;
  color: #929896;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.name-r {
  width: 5rem;
  text-align: right;
}
.name-r span {
  font-size: 0.875rem;
  color: #D3977E;
}
.user-box2 {
  padding: 0.9375rem 1.25rem /* 20/16 */;
}
.user-box2 .user-n {
  margin-bottom: 0.6875rem;
}
.user-box2 .user-n a {
  margin-right: 0.8125rem;
}
.user-box2 .user-n span {
  border: 0.0625rem solid #D3977E;
  border-radius: 0.1875rem;
  color: #D3977E;
  font-size: 0.75rem;
}
.oh230 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 14.375rem;
}
.name-l div {
  overflow: hidden;
  width: 14.375rem;
}
.bx {
  border-bottom: 0.0625rem solid #e8e8e8;
}
/* 文章开始 */
.a-listarr {
  display: flex;
  flex-direction: column;
  padding: 0 1.25rem /* 20/16 */;
}
.a-listarr:last-child {
  border-bottom: none;
}
.a-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375rem 0;
}
.a-p1 {
  font-size: 1rem;
  color: #242424;
  font-weight: 600;
}
.a-p2 {
  font-size: 0.75rem;
  color: #a2a2a2;
}
.a-p3 {
  margin-top: 0.3125rem;
}
.a-p3 span {
  border: 1px solid #cb5f2c;
  border-radius: 0.1875rem;
  color: #cb5f2c;
  font-size: 0.8125rem;
  margin-right: 0.375rem;
  padding: 0.0625rem 0.125rem;
}
.a-p4 {
  margin-top: 0.4375rem;
  font-size: 0.875rem;
  color: #606266;
  display: flex;
}
.a-p4 a {
  display: flex;
}
.a-p4 img {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.1875rem;
  position: relative;
  top: 0.125rem;
}
.a-p4 label {
  margin-right: 0.625rem;
}
.a-box-r img {
  height: 0.875rem;
  width: 0.875rem;
}
.articleBigList {
  padding: 0.625rem /* 10/16 */ 0 3.125rem /* 50/16 */ /* 90/16 */ 0;
}
.hover {
  padding: 0 1.25rem /* 20/16 */;
  margin-bottom: 1.25rem /* 20/16 */;
}
.hover button {
  height: 3.125rem /* 50/16 */;
  border: 1px solid #cb5f2c;
  border-radius: 0.25rem /* 4/16 */;
  font-size: 1rem /* 16/16 */;
  color: #cb5f2c;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* 文章结束 */
/* 医生信息开始 */
.u-box1 {
  padding: 1.1875rem 1.25rem 1.25rem 0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 0.5rem #f7f7f7;
}
.u-box1-l {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-box1-l-img img {
  height: 3.75rem;
  width: 3.75rem;
  margin-right: 0.6875rem;
  border-radius: 50%;
}
.u-p1,
.u-p2 {
  line-height: 1.4;
}
.u-p1 {
  display: flex;
  align-items: center;
}
.u-p1 span:first-child {
  font-size: 1.25rem;
  color: #242424;
  font-weight: bold;
}
.u-p1 span:last-child {
  margin-left: 0.625rem;
  font-size: 9px;
  color: #242424;
  border: 1px solid #242424;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.125rem;
}
.u-p2 {
  font-size: 0.875rem;
  color: #242424;
}
.small9 {
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.u-box1-r {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #adadad;
}
.u-box1-r img {
  margin-left: 0.125rem;
  height: 0.875rem;
  width: 0.875rem;
}
.u-box2 {
  height: 3.0625rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.u-box3 {
  border-top: solid 0.5rem #f7f7f7;
}
.u-box3-d {
  display: flex;
  flex-direction: row;
  padding-left: 1.25rem;
  align-items: center;
  height: 2.875rem;
}
.u-box3-d-l {
  display: flex;
  align-items: center;
}
.u-box3-d-l img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.8125rem;
}
.u-fz16 {
  font-size: 1rem;
  color: #242424;
}
.u-fz14 {
  font-size: 0.875rem;
  color: #adadad;
}
.u-box2-l img {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.625rem;
}
.u-box3-d-r {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.u-box3-d-r img {
  height: 0.875rem;
  width: 0.875rem;
}
.u-box2-l span {
  font-size: 1rem;
  color: #242424;
}
.u-box2-r {
  font-size: 0.875rem;
  color: #adadad;
  position: relative;
}
.u-msg {
  margin-right: 1.25rem;
}
.u-msg::after {
  content: "";
  height: 0.375rem;
  width: 0.375rem;
  background: #fb4624;
  position: absolute;
  border-radius: 50%;
  right: 20px;
  top: 7px;
}
.u-box2-r img {
  margin-left: 0.125rem;
  height: 0.875rem;
  width: 0.875rem;
}
.u-box2-l,
.u-box2-r {
  display: flex;
  align-items: center;
}
.bx-1 {
  border-bottom: 1px solid #e8e8e8;
}
.bx-1 {
  position: relative;
}
.bx-1:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e8e8e8;
  color: #e8e8e8;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.mr20 {
  padding-right: 1.25rem;
}
/* 医生信息结束 */
/* 底部导航开始 */
.newMsg {
  position: absolute;
  background: red;
  border-radius: 50%;
  right: -6px;
  top: -6px;
  height: 20px;
  width: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
.tabber {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding-bottom: 0px;
  background: #f8f8f8;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tabber p {
  font-size: 12px;
  margin-top: 1px;
}
.tabber p span {
  font-size: 12px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.tabber .tab-b {
  position: relative;
}
.tabber .tab-b img {
  height: 26px;
  width: 26px;
}
.tabber .active {
  font-size: 10px;
  color: #cb5f2c;
}
.newMsg {
  position: absolute;
  background: red;
  border-radius: 50%;
  right: -6px;
  top: -6px;
  height: 20px;
  width: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
.u-bg1 {
  height: 1.625rem /* 26/16 */;
  width: 1.625rem /* 26/16 */;
  background: url("../img/ico5-7.png") no-repeat center;
}
.u-bg2 {
  height: 1.625rem /* 26/16 */;
  width: 1.625rem /* 26/16 */;
  background: url("../img/ico5-26.png") no-repeat center;
}
.u-bg3 {
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/Slice6.png") no-repeat center;
}
.tab-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
/* 底部导航结束 */
.msgPopup {
  background: #FFFFFF;
  border-radius: 4px;
  width: 90%;
  min-height: 12.5rem /* 200/16 */;
  top: 35%;
}
.msgPopup .mainPopup {
  padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;
}
.msgPopup .mainPopup .title {
  font-size: 16px;
  color: #E6686F;
  font-weight: bold;
}
.msgPopup .mainPopup .text {
  margin-top: 0.3125rem /* 5/16 */;
  font-size: 14px;
  color: #767676;
  line-height: 1.25rem /* 20/16 */;
}
.msgPopup .close {
  font-size: 20px;
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
  position: absolute;
  /* top: -23px; */
  z-index: 9990;
  top: 10px;
  right: 10px;
}
/* 用户列表展示开始 */
.userBox {
  display: flex;
  justify-content: space-between;
  padding: 0.9375rem /* 15/16 */ 0;
  border-bottom: #e8e8e8 1px solid;
}
.userBox-l {
  display: flex;
  flex: 1;
}
.userBox-l .user-tex {
  flex: 1;
}
.userBox-l .user-tex .user-tex-b {
  display: flex;
  flex-wrap: wrap;
}
.userBox-r {
  width: 5rem /* 80/16 */;
  font-size: 1rem;
  color: #f0b63e;
  margin-right: 10px;
  text-align: right;
}
.userBox-r-time {
  font-size: 12px;
  color: #B3B3B3;
  width: 5rem /* 80/16 */;
  margin-right: 10px;
  text-align: right;
}
.user-img {
  height: 3.125rem;
  width: 3.125rem;
  overflow: hidden;
  border-radius: 50%;
}
.user-tex {
  margin-left: 0.6875rem;
}
.user-tex-t {
  font-weight: bold;
  font-size: 1rem;
  color: #242424;
  margin-bottom: 0.375rem /* 6/16 */;
}
.user-tex-b span {
  display: inline-block;
  height: 1.5rem /* 24/16 */;
  border: 1px solid #D3977E;
  border-radius: 3px;
  color: #D3977E;
  font-size: 0.8125rem;
  margin-right: 0.375rem;
  padding: 0 2px;
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  padding: 0 0.375rem /* 6/16 */;
}
.userTitle ul .userBox:last-child {
  border-bottom: none;
}
.userTitle ul {
  margin-left: 1.25rem;
}
.mint-indexsection-index {
  padding: 0;
  height: 1.5rem;
  font-size: 0.9375rem;
  color: #242424;
  padding-left: 1.25rem;
}
.mint-indexlist-nav {
  display: none !important;
}
.u-search {
  padding: 0.8125rem 1.25rem 1px 0.8125rem;
}
.beauty-new {
  height: 3.375rem /* 54/16 */;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.beauty-new .newText {
  display: flex;
  align-items: center;
}
.beauty-new .newText img {
  height: 1.875rem /* 30/16 */;
  width: 1.875rem /* 30/16 */;
  margin-right: 0.625rem /* 10/16 */;
}
.beauty-new .newText div {
  font-size: 15px;
  color: #353535;
}
.beauty-new .newIco {
  display: flex;
  align-items: center;
}
.beauty-new .newIco div {
  border-radius: 50%;
  background: #FA5152;
  font-size: 11px;
  color: #FFFFFF;
  min-width: 1.25rem /* 20/16 */;
  min-height: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem /* 4/16 */;
}
.beauty-new .newIco img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
}
.u-search-top {
  background: #ffffff;
  box-shadow: 0 0.25rem 1rem 0 rgba(63, 63, 63, 0.06);
  border-radius: 0.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
}
.u-search-top input {
  width: 100%;
  height: 100%;
}
.u-search img {
  height: 0.9375rem;
  width: 0.9375rem;
}
.u-search-bottom {
  margin: 0.53125rem 0;
  display: flex;
  flex-direction: row-reverse;
}
.u-search-bottom div {
  display: flex;
  align-items: center;
}
.u-search-bottom span {
  font-size: 0.8125rem;
  color: #606266;
  margin-left: 0.125rem;
}
.page-indexlist-wrapper {
  padding-bottom: 3.75rem;
}
.page-indexlist-wrapper .mint-indexlist-content {
  height: auto!important;
}
.u-input {
  font-size: 0.875rem;
  padding-left: 0.3125rem;
}
.u-input::placeholder {
  color: #bdbdbd;
}
/* 用户列表展示结束 */
.mint-indexlist {
  width: 100%;
  position: relative;
}
.mint-indexlist-content {
  margin: 0;
  padding: 0;
}
.mint-indexsection {
  padding: 0;
  margin: 0;
}
.mint-indexsection-index {
  background-color: #fafafa;
}
.mint-indexsection-index + ul {
  padding: 0;
}
.mint-indexlist-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  background-color: #fff;
  text-align: center;
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mint-indexlist-indicator {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
}
.mint-indexlist-navlist {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mint-indexlist-navitem {
  color: #ccc;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.none-data {
  font-size: 1rem;
  color: #606266;
  width: 100%;
  text-align: center;
  margin-top: 1.8rem;
}
/* list-index-end */
/* 医生注册开始 */
.apps {
  background: #fff;
  width: 100%;
}
.d-main {
  padding: 0 20px;
}
.d-main-p1 {
  margin-top: 2.125rem;
  font-size: 1.125rem;
  color: #aeaeae;
}
.d-form {
  margin-top: 0.25rem;
}
.d-form-tel,
.d-form-code {
  height: 3.125rem;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 7px;
}
.d-form-tel input::placeholder,
.d-form-code input::placeholder {
  font-size: 1rem;
  color: #c3bbb8;
}
.d-form-tel label {
  font-size: 0.75rem;
  color: #606266;
}
.all-sub {
  width: 100%;
  margin-top: 3.125rem;
  background: #c3c3c3;
  border-radius: 4px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  font-size: 1rem;
  color: #ffffff;
}
.all-sub-active {
  background: #D3977E;
}
.d-footer {
  margin-top: 0.6875rem;
}
.d-footer label {
  font-size: 0.6875rem;
  color: #c3bbb8;
}
.d-checkbox-small {
  display: flex;
  align-items: center;
}
.d-checkbox-small i {
  box-sizing: border-box;
  border: solid 1px #d8d8d8;
  border-radius: 1px;
  height: 11px;
  width: 11px;
  display: inline-block;
  margin-right: 0.3125rem;
}
.d-checkbox-small input[type="checkbox"]:checked + i {
  box-sizing: border-box;
  background: url("../img/1-1.png") center center no-repeat #D3977E;
  background-size: 14px 14px;
  border: none;
}
/* 医生注册结束 */
/* 医生信息填写start */
.d2-main-p1 {
  font-size: 1.25rem;
  color: #353535;
  margin-top: 2.625rem;
}
.d2-name {
  margin-top: 0.8125rem;
  border-bottom: 1px solid #d8d8d8;
}
.d2-name input {
  height: 1.3125rem;
  margin: 0.25rem 0;
  font-size: 0.9375rem;
  color: #353535;
}
.d2-sex {
  margin-top: 0.6875rem;
  margin-bottom: 1.5625rem;
}
.d2-sex span {
  display: inline-block;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  width: 3.25rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.8125rem;
}
.d2-sex .sex-active {
  border: 1px solid #D3977E;
  color: #D3977E;
}
.d2-p2 {
  font-size: 20px;
  color: #353535;
}
.d2-form {
  margin-top: 0.75rem;
  height: 7.8125rem;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  padding: 1.0625rem 1.9375rem;
}
.d2-tag1 {
  margin-top: 0.9375rem;
  height: 3.125rem;
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 1.9375rem;
}
.d2-tag1 label {
  font-size: 0.875rem;
  color: #a1a1a1;
}
.d-checkbox-type {
  display: flex;
  align-items: center;
}
.d-checkbox-type i {
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 1px #d8d8d8;
  height: 14px;
  width: 14px;
  display: inline-block;
  margin-right: 0.125rem;
}
.d-checkbox-type input[type="checkbox"]:checked + i {
  box-sizing: border-box;
  background: url("../img/2-1.png") center center no-repeat #D3977E;
  background-size: 14px 14px;
  border: none;
}
.d-checkbox-type span {
  margin-left: 0.125rem;
}
.d2-form-radio span {
  margin-left: 0.125rem;
}
.d2-form-1 {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
}
.d2-main {
  display: flex;
  justify-content: space-between;
}
.d2-main span {
  font-size: 0.8125rem;
  color: #a1a1a1;
}
.m-b-2 {
  font-size: 0.8125rem;
  color: #353535;
  margin: 0.6875rem 0 0.25rem 0;
}
.advice {
  height: 0.75rem;
  width: 0.75rem;
  display: inline-block;
  border: 1px solid #979797;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
input[type="radio"]:checked + .advice {
  border: none;
  background-image: url("../img/1-1.png");
  background-size: 14px 14px;
}
.d2-form-radio {
  display: flex;
  align-items: center;
}
.d2-form-radio label {
  margin-right: 0.125rem;
}
.d2-form-check {
  display: flex;
  align-items: center;
}
.sideType i {
  border: 1px solid #979797;
  border-radius: 2px;
  height: 0.75rem;
  width: 0.75rem;
}
.mu-bottom-sheet {
  padding: 1.25rem 1.25rem 0.625rem 1.25rem;
}
.d2-title {
  font-size: 0.875rem;
  color: #353535;
  border-left: 3px solid #D3977E;
  line-height: 1;
  margin-bottom: 0.75rem;
  padding-left: 0.3125rem;
}
.d2-list {
  margin-bottom: 1.75rem;
  display: flex;
  flex-wrap: wrap;
}
.mt0 {
  margin-top: 0;
}
.d2-list span {
  margin-bottom: 0.75rem;
  width: 6.375rem;
  height: 1.75rem;
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 0.8125rem;
  color: #8a8a8a;
  line-height: 1.625rem;
  text-align: center;
}
.d2-list .acitve-span {
  border: solid 1px #D3977E;
  color: #D3977E;
}
/* 医生信息填写end */
.radius-50 {
  border-radius: 50%;
}
.toastClass {
  background: url('../img/background.png') no-repeat center;
  background-size: 5.625rem /* 90/16 */ 2.1875rem /* 35/16 */;
  position: absolute;
  top: -35px;
  width: 90px;
  height: 35px;
  background-size: 100% 100%;
  left: 50%;
  margin-left: -45px;
  font-size: 12px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  line-height: 1.875rem /* 30/16 */;
}
.flowOver {
  overflow: hidden !important;
  height: 100vh !important;
}
#flow {
  background: #f3f3f3;
  overflow-y: auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  bottom: 0;
  z-index: 10;
}
#flow .imgBoxMain img {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 4px;
}
#flow .pinup-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: 8px;
}
#flow .pinup-item img {
  height: 100%;
  width: 100%;
}
#flow .van-cell {
  padding: 0;
}
#flow .textarea {
  padding: 0 10px;
}
#flow .van-cell__value--alone {
  display: flex;
  align-items: center;
}
#flow .van-field__body {
  width: 100%;
}
#flow .popup-d {
  border-radius: 10px 10px 0 0;
}
#flow .popup-d p {
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2;
}
#flow .popup-d p:last-child {
  border-bottom: none;
}
#flow .popup-d p label {
  width: 100%;
  display: inline-block;
}
#flow .recordings {
  position: absolute;
  width: 10rem;
  height: 10rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 999;
}
#flow .f-system {
  width: 100%;
  height: 1.75rem;
  background: #f9e5ad;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  position: relative;
  z-index: 1500;
}
#flow .f-system .ico-sys {
  height: 1.125rem;
  width: 1.125rem;
}
#flow .f-system .txt-sys {
  font-size: 0.8125rem;
  color: #c39942;
  margin-left: 0.375rem;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
#flow .f-system-hui {
  width: 100%;
  height: 1.75rem;
  background: #000000;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  position: relative;
  z-index: 2000;
}
#flow .f-system-hui .txt-sys {
  font-size: 0.8125rem;
  color: #fff;
  margin-left: 0.375rem;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
#flow .f-system-hui .txt-but {
  display: inline-block;
  border: 1px solid #ffffff;
  border-radius: 4px;
  height: 18px;
  width: 42px;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  color: #ffffff;
}
#flow .groupChat {
  height: 2.5rem;
  background: #eeeeee;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  z-index: 2000;
}
#flow .groupChat .groupChat-one {
  font-size: 0.9375rem;
  color: #979797;
  position: relative;
  display: flex;
  line-height: 38px;
}
#flow .groupChat .groupChat-one .span-b {
  padding-right: 0.375rem;
}
#flow .groupChat .groupChat-one .span-t {
  position: relative;
  top: 9px;
  background: #fff4ee;
  border-radius: 4px;
  font-size: 11px;
  padding: 0 0.25rem;
  display: flex;
  align-items: center;
  height: 17px;
}
#flow .groupChat .active .span-b {
  color: #D3977E;
  border-bottom: 4px solid #D3977E;
}
#flow .groupChat .active .span-t {
  color: #D3977E;
}
#flow .ico-close {
  height: 1.375rem;
  width: 1.375rem;
}
#flow .f-main {
  padding-top: 2.65rem;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
}
#flow .f-main .f-main-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  /*height: calc(100% - 114px);*/
  padding: 0 0 7.5rem 0;
  position: relative;
  z-index: 200;
}
#flow .f-main .f-main-box .list-chat {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 1.875rem 0.625rem 0 0.625rem;
  position: relative;
  z-index: 300;
}
#flow .f-main .f-main-box .list-chat .f-time {
  text-align: center;
  font-size: 0.875rem;
  color: #aeaeae;
  margin: 0.875rem 0;
}
#flow .f-main .f-main-box .list-chat .chat-sys {
  text-align: center;
  font-size: 0.875rem;
  color: #aeaeae;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#flow .f-main .f-main-box .list-chat .chat-sys a {
  color: #D3977E;
  text-decoration: underline;
}
#flow .f-main .f-main-box .list-chat .chat-sys img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
  position: relative;
  top: -2px;
}
#flow .f-main .f-main-box .list-chat .chat-d {
  overflow: hidden;
  width: 100%;
  padding-bottom: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-d .chat-head {
  position: relative;
  display: inline-block;
  top: 0.1rem;
  margin: 0;
  margin-right: 0.6rem;
  margin-left: 0.6rem;
  padding: 0;
  height: 2.5rem;
  width: 2.5rem;
  vertical-align: top;
  overflow: hidden;
}
#flow .f-main .f-main-box .list-chat .chat-d .chat-head img {
  width: 100%;
  object-fit: contain;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}
#flow .f-main .f-main-box .list-chat .chat-d .chat-text {
  position: relative;
  display: inline-block;
  max-width: 69%;
  min-height: 1.2rem;
  height: auto;
  border: none;
  font-size: 1rem;
  padding: 0.75rem;
  margin-bottom: 0.625rem /* 10/16 */;
  border-radius: 0.125rem;
  word-break: break-all;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-text {
  color: #353535;
  background: #ffffff;
  float: left;
  border-radius: 8px;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-text::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  left: -0.3125rem;
  border-right: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-text-left .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-text {
  background: #9deb72;
  color: #353535;
  float: right;
  border-radius: 8px;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-text::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -0.3125rem;
  border-left: 0.4rem solid #9deb72;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-text-right .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-text-right p {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .fz15-black {
  font-size: 15px;
  color: #353535;
}
#flow .f-main .f-main-box .list-chat .fz15-gray {
  font-size: 15px;
  color: #8f8f8f;
}
#flow .f-main .f-main-box .list-chat .pr5 span {
  padding-right: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .mb10 {
  margin-bottom: 0.625rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left {
  overflow: hidden;
  width: 100%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-text {
  float: left;
  background: #fff;
  min-width: 69%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-text::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  left: -0.3125rem;
  border-right: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .share .title,
#flow .f-main .f-main-box .list-chat .chat-card-one-left .shareAddress .title {
  font-size: 1.125rem;
  color: #222222;
  line-height: 1.5625rem;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .share .main,
#flow .f-main .f-main-box .list-chat .chat-card-one-left .shareAddress .main {
  margin-top: 0.625rem;
  display: flex;
  overflow: hidden;
  width: 100%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .share .main div,
#flow .f-main .f-main-box .list-chat .chat-card-one-left .shareAddress .main div {
  font-size: 0.9375rem;
  color: #8f8f8f;
  line-height: 1.3125rem;
  flex: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .share .main img,
#flow .f-main .f-main-box .list-chat .chat-card-one-left .shareAddress .main img {
  margin-left: 0.25rem;
  border-radius: 4px;
  height: 4rem;
  width: 4rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-one-p0 {
  display: flex;
  align-items: center;
  margin-bottom: 1.375rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-one-p0 img {
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .chat-one-p0 span {
  font-size: 1.125rem;
  color: #353535;
  margin-left: 0.125rem;
  font-weight: bold;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-left .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right {
  overflow: hidden;
  width: 100%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-text {
  background: #fff;
  min-width: 69%;
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-text::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -0.3125rem;
  border-left: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .share .title,
#flow .f-main .f-main-box .list-chat .chat-card-one-right .shareAddress .title {
  font-size: 1.125rem;
  color: #222222;
  line-height: 1.5625rem;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .share .main,
#flow .f-main .f-main-box .list-chat .chat-card-one-right .shareAddress .main {
  margin-top: 0.625rem;
  display: flex;
  overflow: hidden;
  width: 100%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .share .main div,
#flow .f-main .f-main-box .list-chat .chat-card-one-right .shareAddress .main div {
  font-size: 0.9375rem;
  color: #8f8f8f;
  line-height: 1.3125rem;
  flex: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .share .main img,
#flow .f-main .f-main-box .list-chat .chat-card-one-right .shareAddress .main img {
  margin-left: 0.25rem;
  border-radius: 4px;
  height: 4rem;
  width: 4rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-one-p0 {
  display: flex;
  align-items: center;
  margin-bottom: 1.375rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-one-p0 img {
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .chat-one-p0 span {
  font-size: 1.125rem;
  color: #353535;
  margin-left: 0.125rem;
  font-weight: bold;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .title {
  text-align: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-one-right .name {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-all-img {
  font-size: 0;
  margin-bottom: 6px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-all-img div {
  width: calc((100% - 16px) /3);
  margin-bottom: 0.5rem /* 8/16 */;
  margin-right: 0.5rem /* 8/16 */;
  position: relative;
}
#flow .f-main .f-main-box .list-chat .chat-all-img div:nth-child(3n) {
  margin-right: 0 /* 8/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-all-img div img {
  border-radius: 0.25rem /* 4/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-all-img div .ico-bf {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#flow .f-main .f-main-box .list-chat .chat-all-bigimg {
  margin-top: 0.1875rem;
  overflow: hidden;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-all-bigimg div {
  position: relative;
}
#flow .f-main .f-main-box .list-chat .chat-all-bigimg div img {
  border-radius: 0.25rem /* 4/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-all-bigimg div .ico-bf {
  height: 54px;
  width: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#flow .f-main .f-main-box .list-chat .chat-one-p5 {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  margin: 1rem 0 0.8125rem 0;
  height: 1.9375rem;
}
#flow .f-main .f-main-box .list-chat .chat-one-p5 span {
  display: inline-block;
  min-width: 6.375rem;
  padding: 0 1rem;
  height: 1.9375rem /* 31/16 */;
  background: #D3977E;
  text-align: center;
  line-height: 1.9375rem;
  color: #ffffff;
  border-radius: 0.25rem /* 4/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-one-p5 a {
  display: inline-block;
  width: 6.375rem;
  height: 1.9375rem;
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  background-size: 100% 100%;
  text-align: center;
  line-height: 1.9375rem;
  color: #ffffff;
  text-decoration: none;
}
#flow .f-main .f-main-box .list-chat .chat-one-p6 {
  color: #d5d5d5;
  text-align: center;
  font-size: 0.8125rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice {
  overflow: hidden;
  width: 100%;
  padding-bottom: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-head {
  position: relative;
  display: inline-block;
  top: 0.1rem;
  margin: 0;
  margin-right: 0.6rem;
  margin-left: 0.6rem;
  padding: 0;
  height: 2.5rem;
  width: 2.5rem;
  vertical-align: top;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-head img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  width: 100%;
  object-fit: contain;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-main {
  position: relative;
  display: inline-block;
  max-width: 69%;
  min-height: 1.2rem;
  word-break: break-word;
  height: auto;
  border: none;
  font-size: 1rem;
  margin-bottom: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-main .chat-voice-longTxet {
  position: relative;
  border-radius: 0.125rem;
  padding: 0.75rem;
  margin-bottom: 0.4375rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-main .chat-voice-longTxet .chat-voice-box {
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-main .chat-voice-longTxet .chat-voice-box img {
  display: inline-block;
  height: 1.3125rem;
  width: 1.3125rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice .numLength {
  font-size: 13px;
  color: #434343;
  position: absolute;
  right: -30px;
  top: 18px;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-text {
  clear: both;
  background: #ffffff;
  border-radius: 4px;
  padding: 0.75rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-text .chat-voice-text-p1 {
  font-size: 1rem;
  color: #353535;
}
#flow .f-main .f-main-box .list-chat .chat-voice .chat-voice-text .chat-voice-text-p2 {
  margin-top: 0.5rem;
  font-size: 0.6875rem;
  color: #c3bbb8;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .numLang {
  right: 0;
  display: inline-block;
  min-width: 1rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-voice-main {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-voice-main .chat-voice-longTxet {
  float: left;
  background: #fff;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-voice-main .chat-voice-longTxet::before {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  left: -0.3125rem;
  border-right: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-voice-main .chat-voice-longTxet .chat-voice-box img {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-voice-main .chat-voice-longTxet .red-no {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  background: red;
  border-radius: 50%;
  top: 1.25rem;
  right: -0.9375rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-voice-left .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-longTxet {
  background: #9deb72;
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-longTxet::before {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -0.3125rem;
  border-left: 0.4rem solid #9deb72;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-longTxet .chat-voice-box {
  text-align: right;
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-longTxet .red-no {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  background: red;
  border-radius: 50%;
  top: 1.25rem;
  left: -0.9375rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-longTxet .numLength {
  position: absolute;
  left: -1.875rem;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-voice-main .chat-voice-text .chat-voice-text-p1 {
  text-align: left;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-voice-right p {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main {
  position: relative;
  margin-bottom: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box {
  position: relative;
  height: 9.3125rem;
  width: 6.5625rem;
  overflow: hidden;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box img {
  border-radius: 0.25rem;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box .img-bf {
  position: absolute;
  top: 0;
  right: 0;
  height: 9.3125rem;
  width: 6.5625rem;
  z-index: 1;
  object-fit: contain;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box .img-bf-video {
  position: absolute;
  top: 0;
  right: 0;
  height: 9.3125rem;
  width: 6.5625rem;
  z-index: 1;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box .ico-bf {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
}
#flow .f-main .f-main-box .list-chat .chat-video .chat-video-main .chat-video-main-box .time-long {
  position: absolute;
  bottom: 0.1875rem;
  right: 0.3125rem;
  font-size: 0.625rem;
  color: #ffffff;
  z-index: 3;
}
#flow .f-main .f-main-box .list-chat .chat-big-top .box-span1 {
  font-size: 0.9375rem;
  color: #353535;
}
#flow .f-main .f-main-box .list-chat .chat-big-top .boxs {
  display: block;
}
#flow .f-main .f-main-box .list-chat .chat-big-top .fz15-gray {
  font-size: 15px;
  color: #8f8f8f;
}
#flow .f-main .f-main-box .list-chat .card-two-ico {
  position: absolute;
  width: 4.25rem;
  height: 3.8125rem;
  top: 0;
  right: 0;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text {
  background: #fff;
  max-width: 69%;
  min-width: 69%;
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  left: -0.3125rem;
  border-right: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .chat-one-p0 {
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .chat-one-p0 img {
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .share .title,
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .shareAddress .title {
  font-size: 1.125rem;
  color: #222222;
  line-height: 1.5625rem;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .share .main,
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .shareAddress .main {
  margin-top: 0.625rem;
  display: flex;
  overflow: hidden;
  width: 100%;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .share .main div,
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .shareAddress .main div {
  font-size: 0.9375rem;
  color: #8f8f8f;
  line-height: 1.3125rem;
  flex: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .share .main img,
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text .shareAddress .main img {
  margin-left: 0.25rem;
  border-radius: 4px;
  height: 4rem;
  width: 4rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-card-one .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-video-right .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-video-right p {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-video-right .chat-video-main {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-video-right .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-video-right .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-video-right .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-video-left p {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .chat-video-main {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-video-left .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-img .chat-video-main {
  margin-bottom: 0.625rem /* 10/16 */;
  height: 9.3125rem;
  width: 6.5625rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-top: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-head {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-img-left p {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .name {
  text-align: left;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-video-main {
  float: left;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-video-main .chat-video-main-box {
  height: 9.3125rem;
  width: 6.5625rem;
  border-radius: 0.25rem /* 4/16 */;
  overflow: hidden;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-img-left .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-img-right .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-img-right p {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .f-main .f-main-box .list-chat .chat-img-right .chat-video-main {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-img-right .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-img-right .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-img-right .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-card-two {
  position: relative;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-head {
  float: right;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main {
  float: right;
  position: relative;
  display: inline-block;
  max-width: 69%;
  min-height: 1.2rem;
  word-break: break-word;
  height: auto;
  border: none;
  font-size: 1rem;
  padding: 0.75rem;
  margin-bottom: 0.625rem /* 10/16 */;
  border-radius: 0.125rem;
  background: #fff;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main::before {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -0.3125rem;
  border-left: 0.4rem solid #fff;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .card-two-ico {
  position: absolute;
  width: 4.25rem;
  height: 3.8125rem;
  top: 0;
  right: 0;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p1 {
  font-size: 1.125rem;
  color: #353535;
  font-weight: bold;
  text-align: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p2 {
  font-size: 0.875rem;
  color: #828282;
  text-align: left;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p3 {
  height: 100%;
  width: 100%;
  margin: 0.625rem 0 0.3125rem 0;
  object-fit: contain;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p4 {
  font-size: 1.125rem;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p4 span:first-child {
  color: #ff1616;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-video-main .chat-card-main .card-two-p4 span:last-child {
  margin-left: 0.4375rem;
  color: #a2a2a2;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .f-main .f-main-box .list-chat .chat-card-two .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .f-main .f-main-box .list-chat .chat-card-two p {
  text-align: right;
  font-size: 13px;
  color: #616161;
  line-height: 1.875rem /* 30/16 */;
  margin-bottom: 0.1875rem;
}
#flow .chat-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 8000;
  background: #f9f9f9;
}
#flow .chat-bottom .chat-bottom-top {
  display: -webkit-box;
  -webkit-overflow-scrolling: touch;
  position: relative;
  /* height: 2rem; */
  padding: 0 0.9375rem;
  /* padding: 12px .9375rem 0 .9375rem; */
  /*overflow-x: scroll;*/
  height: 40px;
  /* line-height: 48px; */
  top: 12px;
}
#flow .chat-bottom .chat-bottom-top::-webkit-scrollbar {
  width: 0 !important;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  display: none;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list {
  position: relative;
  margin-right: 0.75rem;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .list {
  bottom: 62px;
  position: absolute;
  display: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem;
  width: 6.25rem;
  padding: 0.25rem 0.8rem;
  left: -20px;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .list-main p {
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.875rem;
  color: #565656;
  height: 3.0625rem /* 49/16 */;
  text-align: center;
  line-height: 3.0625rem /* 49/16 */;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .list-main p:last-child {
  border-bottom: none!important;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .border-down-empty {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #d8d8d8;
  position: relative;
  top: 11px;
  left: 1px;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .border-down-empty span {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  left: -6px;
  top: -7px;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .actvie {
  display: block;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list .box-span {
  border: 1px solid #D3977E;
  border-radius: 4px;
  font-size: 13px;
  color: #D3977E;
  display: inline-block;
  height: 1.625rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#flow .chat-bottom .chat-bottom-top .chat-bottom-top-list:first-child .actvie {
  left: 0;
}
#flow .chat-bottom .chat-bottom-main {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: flex;
  align-items: flex-end;
}
#flow .chat-bottom .chat-bottom-main .keyboard {
  height: 1.625rem;
  width: 1.625rem;
  display: inline-block;
  background: url("../img/text.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  bottom: 3px;
}
#flow .chat-bottom .chat-bottom-main .keyvoice {
  height: 1.625rem;
  width: 1.625rem;
  display: inline-block;
  background: url("../img/play.png") no-repeat center;
  background-size: 100% 100%;
}
#flow .chat-bottom .chat-bottom-main .keytext {
  margin-left: 0.4375rem;
  display: inline-block;
  width: 12.9375rem;
  height: 2.125rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
#flow .chat-bottom .chat-bottom-main .keybut {
  margin-left: 0.4375rem;
  display: inline-block;
  width: 100%;
  height: 2.125rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  color: #979797;
  flex: 1;
}
#flow .chat-bottom .chat-bottom-main .chat-bottom-main-left {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex: 1;
  margin-right: 0.625rem;
}
#flow .chat-bottom .chat-bottom-main .chat-bottom-main-right {
  display: flex;
  justify-content: space-between;
  width: 6.875rem;
  position: relative;
  align-items: center;
  height: 34px;
}
#flow .chat-bottom .chat-bottom-main .chat-bottom-main-right img {
  display: inline-block;
  height: 1.625rem;
  width: 1.625rem;
}
#flow .chat-bottom .chat-bottom-main .chat-bottom-main-right .send {
  background: #D3977E;
  border-radius: 4px;
  height: 26px;
  width: 2.3125rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#flow .chat-bottom .chat-bottom-main .chat-bottom-main-right .disabled {
  background: #c3c3c3;
}
#flow .chat-bottom .chat-bottom-mainIos {
  padding: 0.5rem 0.5rem 2rem 0.5rem;
}
#flow .chat-bottom .chat-bottom-m {
  height: 12rem;
  width: 100%;
  background: #ccc;
  overflow-x: auto;
}
#flow .chat-bottom .chat-bottom-m .emoji-list {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  overflow-y: auto;
  padding-top: 0.625rem;
}
#flow .chat-bottom .chat-bottom-m .emoji-list li {
  width: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
  font-size: 1.8rem;
}
#flow .chat-bottom .touristMain {
  display: flex;
  padding: 0 1.125rem /* 18/16 */;
  align-items: center;
  align-content: center;
  height: 100%;
}
#flow .chat-bottom .touristMain .touristMain-l {
  height: 3.3125rem /* 53/16 */;
  width: 3.3125rem /* 53/16 */;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.625rem /* 10/16 */;
}
#flow .chat-bottom .touristMain .touristMain-r {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
#flow .chat-bottom .touristMain .touristMain-r .left {
  display: flex;
  flex-direction: column;
}
#flow .chat-bottom .touristMain .touristMain-r .left .left-t span:first-child {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
}
#flow .chat-bottom .touristMain .touristMain-r .left .left-t span:last-child {
  font-size: 0.75rem /* 12/16 */;
  color: #8F8F8F;
  margin-left: 0.3125rem /* 5/16 */;
}
#flow .chat-bottom .touristMain .touristMain-r .left .left-c {
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
  padding: 1px 0 2px 0;
}
#flow .chat-bottom .touristMain .touristMain-r .left .left-b {
  font-size: 13px;
  color: #242424;
}
#flow .chat-bottom .touristMain .touristMain-r .left .left-b span {
  color: #FF1616;
}
#flow .chat-bottom .touristMain .touristMain-r .right div {
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 1.875rem /* 30/16 */;
  width: 4.625rem /* 74/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #FFFFFF;
}
#flow .operation-l {
  padding-bottom: 1.625rem /* 10/16 */;
  overflow: hidden;
}
#flow .operation-l .chat-text-main {
  float: left;
  padding-left: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .operation-l .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .operation-l .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
#flow .operation-r {
  padding-bottom: 1.625rem /* 10/16 */;
  overflow: hidden;
}
#flow .operation-r .chat-text-main {
  float: right;
  padding-right: 3.75rem /* 60/16 */;
  display: flex;
}
#flow .operation-r .chat-text-main span {
  background: #F9F9F9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 1.75rem /* 28/16 */;
  padding: 0 0.875rem /* 14/16 */;
  font-size: 12px;
  color: #787878;
  display: flex;
  align-items: center;
}
#flow .operation-r .chat-text-main span:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
.fileLabel {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  cursor: pointer;
  background: url("../img/img.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  left: -1px;
}
.fileInput {
  display: none;
}
#call {
  background: #f3f3f3;
  overflow-y: auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  bottom: 0;
}
#call .call-main {
  width: 100%;
  padding: 2.3125rem 1.25rem 0 1.25rem;
}
#call .call-main .call-one {
  margin-bottom: 1.25rem;
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 1.0625rem;
  display: flex;
  justify-content: space-between;
}
#call .call-main .call-one .call-one-left {
  overflow: hidden;
  margin-right: 1.25rem;
}
#call .call-main .call-one .call-one-left .title {
  font-size: 1.125rem;
  color: #353535;
  font-weight: bold;
  line-height: 1.5625rem;
}
#call .call-main .call-one .call-one-left .text {
  margin-top: 0.4375rem;
  font-size: 0.875rem;
  color: #8b8b8b;
  line-height: 1.25rem;
}
#call .call-main .call-one img {
  height: 4.5rem;
  width: 6rem;
}
#call .bank {
  position: absolute;
  height: 2.875rem;
  width: 6rem;
  left: 0;
  margin-top: 3.125rem;
}
#chat {
  background: #fff;
  overflow-y: auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  bottom: 0;
  min-height: 100vh;
}
#chat .chat-main {
  padding: 0.75rem 1.25rem;
  height: 90%;
  overflow-y: auto;
}
#chat .chat-main .chat-one {
  height: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
}
#chat .chat-main .chat-one label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
#chat .chat-main .chat-one:last-child.chat-one {
  border-bottom: none;
}
#chat .chat-main .chat-one .chat-one-left {
  display: flex;
  align-items: center;
}
#chat .chat-main .chat-one .chat-one-left .img {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.4375rem;
  border-radius: 50%;
  overflow: hidden;
}
#chat .chat-main .chat-one .chat-one-left .img img {
  width: 100%;
}
#chat .chat-main .chat-one .chat-one-left span {
  font-size: 1rem;
  color: #353535;
}
#chat .chat-main .chat-one .but {
  display: inline-block;
  border-radius: 3px;
  height: 1.5rem;
  width: 5.125rem;
  font-size: 0.8125rem;
  text-align: center;
  line-height: 1.5rem;
}
#chat .chat-main .chat-one .acitveTypeOk {
  background: #D3977E;
  color: #ffffff;
}
#chat .chat-main .chat-one .acitveTypeNo {
  background: none;
  color: #a4a4a4;
  border: 1px solid #979797;
}
#chat .chat-main2 {
  padding: 0.75rem 1.25rem;
  height: 95%;
  overflow-y: auto;
}
#chat .chat-main2 .chat-one {
  padding: 10px 0 10px 0;
  display: flex;
  align-items: center;
}
#chat .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: transparent;
  outline: none;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  background: url("../img/d.png") center center no-repeat;
  background-size: 1rem 1rem;
}
#chat .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"]:after {
  content: "";
  background: url("../img/radio@2X.png") center center no-repeat;
  background-size: 1rem 1rem;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  opacity: 0;
}
#chat .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"]:checked:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
}
#chat .chat-main2 .chat-one:last-child.chat-one {
  border-bottom: none;
}
#chat .chat-main2 .chat-one .chat-one-left {
  margin-left: 1.0625rem;
}
#chat .chat-main2 .chat-one .chat-one-left .p1 {
  font-size: 1rem;
  color: #242424;
  line-height: 1.25rem;
  font-weight: bold;
}
#chat .chat-main2 .chat-one .chat-one-left .p2 {
  font-size: 0.75rem;
  color: #a2a2a2;
  line-height: 1.0625rem;
}
#chat .chat-main2 .chat-one .chat-one-left .p3 {
  margin-top: 0.375rem;
  display: flex;
  flex-wrap: wrap;
}
#chat .chat-main2 .chat-one .chat-one-left .p3 div {
  border: 1px solid #a58375;
  border-radius: 0.1875rem;
  height: 22px;
  text-align: center;
  font-size: 0.8125rem;
  margin-right: 0.4375rem;
  margin-bottom: 0.4375rem;
  color: #D3977E;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
}
#chat .chat-main2 .chat-one .but {
  display: inline-block;
  border-radius: 3px;
  height: 1.5rem;
  width: 5.125rem;
  font-size: 0.8125rem;
  text-align: center;
  line-height: 1.5rem;
}
#chat .chat-main2 .chat-one .acitveTypeOk {
  background: #D3977E;
  color: #ffffff;
}
#chat .chat-main2 .chat-one .acitveTypeNo {
  background: none;
  color: #a4a4a4;
  border: 1px solid #979797;
}
#chat .chat-bottom {
  height: 3.125rem;
  position: absolute;
  bottom: 0;
  background: #f3f3f3;
  width: 100%;
  padding: 0 0.875rem;
  text-align: right;
  line-height: 3.125rem;
}
#chat .chat-bottom button {
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 3.25rem;
  background: #D3977E;
  color: #fff;
  font-size: 12px;
  color: #ffffff;
}
#chat .chat-bottom button a {
  color: #fff;
}
#chat .addUser {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
}
#chat .addUser img {
  margin-right: 0.4375rem;
  height: 1.3125rem;
  width: 1.3125rem;
}
#chat .bank {
  position: absolute;
  width: 7.8125rem /* 125/16 */;
  height: 2.875rem;
  left: 0;
  bottom: 105px;
}
.caseList {
  background: #fff;
  overflow-y: auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  bottom: 0;
  min-height: 100vh;
  padding: 0.625rem /* 10/16 */ 0;
}
.caseList .chat-main2 {
  padding: 0.75rem 1.25rem;
  height: 95%;
  overflow-y: auto;
}
.caseList .chat-main2 .chat-one {
  display: flex;
  align-items: flex-start;
}
.caseList .chat-main2 .chat-one label {
  position: relative;
  top: 1.25rem /* 20/16 */;
}
.caseList .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: transparent;
  outline: none;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  background: url("../img/d.png") center center no-repeat;
  background-size: 1rem 1rem;
}
.caseList .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"]:after {
  content: "";
  background: url("../img/radio@2X.png") center center no-repeat;
  background-size: 1rem 1rem;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  opacity: 0;
}
.caseList .chat-main2 .chat-one .d-checkbox-checkbox input[type="checkbox"]:checked:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
}
.caseList .chat-main2 .chat-one:last-child.chat-one {
  border-bottom: none;
}
.caseList .chat-main2 .chat-one .chat-one-left {
  margin-left: 1.0625rem;
  flex: 1;
}
.caseList .chat-main2 .chat-one .chat-one-left .p1 {
  font-size: 1rem;
  color: #242424;
  line-height: 1.25rem;
  font-weight: bold;
}
.caseList .chat-main2 .chat-one .chat-one-left .p2 {
  font-size: 0.75rem;
  color: #a2a2a2;
  line-height: 1.0625rem;
}
.caseList .chat-main2 .chat-one .chat-one-left .p3 {
  margin-top: 0.375rem;
  display: flex;
  flex-wrap: wrap;
}
.caseList .chat-main2 .chat-one .chat-one-left .p3 div {
  border: 1px solid #D3977E;
  border-radius: 0.1875rem;
  height: 22px;
  text-align: center;
  font-size: 0.8125rem;
  margin-right: 0.4375rem;
  margin-bottom: 0.4375rem;
  color: #D3977E;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
}
.caseList .chat-main2 .chat-one .but {
  display: inline-block;
  border-radius: 3px;
  height: 1.5rem;
  width: 5.125rem;
  font-size: 0.8125rem;
  text-align: center;
  line-height: 1.5rem;
}
.caseList .chat-main2 .chat-one .acitveTypeOk {
  background: #D3977E;
  color: #ffffff;
}
.caseList .chat-main2 .chat-one .acitveTypeNo {
  background: none;
  color: #a4a4a4;
  border: 1px solid #979797;
}
.caseList .chat-bottom {
  height: 3.125rem;
  position: absolute;
  bottom: 0;
  background: #f3f3f3;
  width: 100%;
  padding: 0 0.875rem;
  text-align: right;
  line-height: 3.125rem;
}
.caseList .chat-bottom button {
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 3.25rem;
  background: #D3977E;
  color: #fff;
  font-size: 12px;
  color: #ffffff;
}
.caseList .chat-bottom button a {
  color: #fff;
}
.caseList .addUser {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
}
.caseList .addUser img {
  margin-right: 0.4375rem;
  height: 1.3125rem;
  width: 1.3125rem;
}
.caseList .bank {
  position: absolute;
  width: 7.8125rem /* 125/16 */;
  height: 2.875rem;
  left: 0;
  bottom: 105px;
}
.caseList .restBox {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
  border-radius: 3.91px;
  padding: 1rem 0.75rem 1rem 0.75rem;
  margin-bottom: 1.25rem /* 20/16 */;
}
.caseList .restBox .rest-d1 {
  margin-bottom: 0.625rem;
  display: flex;
}
.caseList .restBox .rest-d1 .rest-d1-l {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  margin-right: 0.5625rem;
  overflow: hidden;
}
.caseList .restBox .rest-d1 .rest-d1-l img {
  width: 100%;
}
.caseList .restBox .rest-d1 .rest-d1-r .p1 {
  font-size: 0.875rem;
  color: #4d4d4d;
  line-height: 1.25rem;
}
.caseList .restBox .rest-d1 .rest-d1-r .p2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
.caseList .restBox .rest-d2 {
  overflow: hidden;
  position: relative;
  height: calc((100vw - 225px));
  width: 100%;
  display: flex;
}
.caseList .restBox .rest-d2 .msg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.caseList .restBox .rest-d2 .img2 {
  position: absolute;
  right: 0;
  width: 34%;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */;
  height: calc((100vw - 232px)/2);
}
.caseList .restBox .rest-d2 .img3 {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc((100vw - 232px)/2);
  width: 34%;
  border-radius: 0.25rem /* 4/16 */;
  overflow: hidden;
}
.caseList .restBox .rest-d2 .img1 {
  position: absolute;
  left: 0;
  overflow: hidden;
  height: calc((100vw - 225px));
  width: 63%;
  border-radius: 0.25rem /* 4/16 */;
}
.caseList .restBox .rest-d3 {
  margin-top: 0.9375rem;
  font-size: 0;
}
.caseList .restBox .rest-d3 span {
  border: 1px solid #D3977E;
  border-radius: 0.25rem;
  display: inline-block;
  height: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: #D3977E;
  line-height: 1.125rem;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 7px;
}
.caseList .restBox .rest-d3 .tag {
  font-size: 0.75rem;
  display: flex;
  margin-bottom: 0.75rem /* 12/16 */;
  flex-wrap: wrap;
}
.caseList .restBox .rest-d3 .tag div {
  display: flex;
  align-items: center;
  height: 1.5rem /* 24/16 */;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  padding: 0 0.75rem /* 12/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #171717;
  border-radius: 0.25rem /* 4/16 */;
  border: 1px solid #cb5f2c;
  color: #cb5f2c;
}
.caseList .restBox .rest-d2-2 {
  overflow: hidden;
  position: relative;
  height: calc((100vw - 270px));
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.caseList .restBox .rest-d2-2 .msg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.caseList .restBox .rest-d2-2 .img1 {
  width: 48.5%;
  border-radius: 0.25rem /* 4/16 */;
  position: relative;
}
.caseList .restBox .rest-d2-2 .img2 {
  width: 48.5%;
  border-radius: 0.25rem /* 4/16 */;
  position: relative;
}
.sentence {
  padding: 0.3125rem /* 5/16 */ 1.25rem /* 20/16 */ 4.375rem /* 70/16 */ 1.25rem /* 20/16 */;
}
.sentence .sentenceChild {
  padding: 0.8125rem /* 13/16 */ 0 0.9375rem /* 15/16 */ 0;
  display: flex;
  flex-direction: column;
}
.sentence .sentenceChild .sen-l {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  line-height: 1.3125rem /* 21/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.sentence .sentenceChild .sen-r {
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem /* 10/16 */;
}
.sentence .sentenceChild .sen-r span {
  display: flex;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  height: 1.625rem /* 26/16 */;
  width: 3.25rem /* 52/16 */;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem /* 14/16 */;
}
.sentence .sentenceChild .sen-r .sen-r-l {
  display: flex;
}
.sentence .sentenceChild .sen-r .sen-r-l span:first-child {
  margin-right: 0.625rem /* 10/16 */;
}
.sentence .sentenceChild .sen-r .sen-r-r {
  display: flex;
}
.sentence .sentenceChild .sen-r .sen-r-r span {
  background: #D3977E;
  color: #fff;
  border: none;
}
.sentence .sen-tar {
  margin-top: 1.125rem /* 18/16 */;
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 0.25rem /* 4/16 */;
  padding: 0.625rem /* 10/16 */;
}
.sentence .add {
  position: fixed;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  height: 3.125rem /* 50/16 */;
  background: #D3977E;
  font-size: 1rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-checkbox-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: transparent;
  outline: none;
  cursor: pointer;
  height: 1.25rem /* 20/16 */;
  width: 1.25rem;
  background: url("../img/d.png") center center no-repeat;
  background-size: 1.125rem 1.125rem;
}
.d-checkbox-checkbox input[type="checkbox"]:after {
  content: "";
  background: url("../img/radio@2X.png") center center no-repeat;
  background-size: 1.125rem 1.125rem;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  opacity: 0;
}
.d-checkbox-checkbox input[type="checkbox"]:checked:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
}
.d-checkbox-checkbox input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: transparent;
  outline: none;
  cursor: pointer;
  height: 1.125rem;
  width: 1.125rem;
  background: url("../img/d.png") center center no-repeat;
  background-size: 1.125rem 1.125rem;
}
.d-checkbox-checkbox input[type="radio"]:after {
  content: "";
  background: url("../img/radio@2X.png") center center no-repeat;
  background-size: 1.125rem 1.125rem;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  opacity: 0;
}
.d-checkbox-checkbox input[type="radio"]:checked:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
}
.but-next {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.75rem;
  font-size: 0.9375rem;
  color: #ffffff;
  text-align: center;
  line-height: 2.75rem;
  background: #D3977E;
}
.horn {
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  position: relative;
  top: -8px;
  left: 10px;
}
.horn .wifi-symbol {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.horn .wifi-circle {
  border: 2px solid #000;
  border-radius: 50%;
  position: absolute;
}
.horn .first {
  width: 2px;
  height: 2px;
  background: #000;
  top: 38px;
  left: 38px;
}
.horn .second {
  width: 15px;
  height: 15px;
  top: 32px;
  left: 32px;
  animation: fadeInOut 1s infinite 0.2s;
}
.horn .third {
  width: 25px;
  height: 25px;
  top: 27px;
  left: 27px;
  animation: fadeInOut 1s infinite 0.4s;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.horn-right {
  transform: rotate(-180deg);
  position: relative;
  top: 10px;
  left: -7px;
}
.textarea {
  min-height: 34px;
  max-height: 216px;
  _height: 120px;
  outline: 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
  padding: 4px;
  word-break: break-all;
  overflow-y: auto;
  background: #fff;
  flex: 1;
  margin-left: 0.4375rem;
}
.card-mian {
  min-height: 100vh;
  padding: 1.875rem /* 30/16 */ /* 40/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
  overflow: hidden;
}
.card-mian .p1-card {
  font-size: 1rem /* 20/16 */;
  color: #242424;
  margin-bottom: 0.5rem /* 8/16 */;
  text-align: center;
  font-weight: bold;
}
.card-mian .p1-card span {
  font-size: 1.5rem /* 24/16 */;
  color: #D3977E;
  line-height: 2.0625rem /* 33/16 */;
}
.card-mian .p2-card {
  display: flex;
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
  margin-bottom: 0.375rem /* 6/16 */;
  position: relative;
  left: 40px;
}
.card-mian .p2-card img {
  margin-right: 0.3125rem /* 5/16 */;
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
}
.card-mian #poster {
  padding: 1.125rem /* 18/16 */ 2.375rem /* 38/16 */;
  background: #FFFFFF;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.09);
}
.card-mian #poster .doctorImg {
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  height: 16.25rem /* 260/16 */;
  width: 16.25rem /* 260/16 */;
  margin: 0 auto;
}
.card-mian #poster .doctorImg .zoomImage {
  width: 100%;
}
.card-mian #poster .c-top {
  margin-bottom: 0.25rem;
  margin: 0.5rem auto 0;
  padding: 0 0 0.5rem 0;
}
.card-mian #poster .c-top .c-top-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.75rem /* 28/16 */;
}
.card-mian #poster .c-top .name {
  font-size: 1.25rem /* 20/16 */;
  color: #000000;
  line-height: 1.875rem;
  font-weight: bold;
}
.card-mian #poster .c-top .job {
  font-size: 0.75rem /* 12/16 */;
  color: #8A8A8A;
  margin-left: 0.375rem /* 6/16 */;
}
.card-mian #poster .c-top .txt {
  font-size: 0.8125rem /* 13/16 */;
  color: #8a8a8a;
  margin-right: 0.375rem;
}
.card-mian #poster .c-top .c-p4 {
  margin-top: 0.25rem;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.9375rem /* 15/16 */;
}
.card-mian #poster .c-top .c-p4 div {
  display: inline-block;
  height: 1.5rem /* 24/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #353535;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.625rem /* 10/16 */;
  background: #F5F5F5;
  border-radius: 12px;
  padding: 0 0.75rem /* 12/16 */;
  margin-bottom: 0.5rem /* 8/16 */;
}
.card-mian #poster .c-top .c-p4 div:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
.card-mian #poster .c-top .c-p4 div img {
  height: 0.6875rem;
  width: 0.6875rem;
  margin-right: 0.25rem;
}
.card-mian #poster .c-bottom {
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-top: 0.375rem /* 6/16 */;
}
.card-mian #poster .c-bottom .c-b-l {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.card-mian #poster .c-bottom .c-b-l .c-p3 {
  font-size: 0.875rem /* 14/16 */;
  color: #000000;
  margin-bottom: 0.25rem;
}
.card-mian #poster .c-bottom .c-b-l .c-p8 {
  max-width: 8.75rem /* 140/16 */;
  font-size: 0.875rem /* 14/16 */;
  margin-bottom: 0.25rem;
  color: #000000;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
}
.card-mian #poster .c-bottom .c-b-l .c-p6 {
  display: flex;
  align-items: center;
  padding-top: 0.25rem /* 4/16 */;
}
.card-mian #poster .c-bottom .c-b-l .c-p6 span {
  font-size: 1.125rem /* 18/16 */;
  color: #FF803E;
}
.card-mian #poster .c-bottom .c-b-l .c-p6 img {
  height: 1.5rem /* 48/16 */;
  width: 1.5rem /* 48/16 */;
  margin-left: 0.5rem /* 8/16 */;
}
.card-mian #poster .c-bottom .c-b-l .c-p7 {
  font-size: 0.8125rem /* 13/16 */;
  color: #FF803E;
}
.card-mian #poster .c-bottom .c-b-r {
  display: flex;
  align-items: center;
  position: relative;
  height: 6.5rem /* 104/16 */;
  width: 6.5rem /* 104/16 */;
  margin-left: 0.625rem;
}
.card-mian #poster .c-bottom .c-b-r .ewm-ico {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
}
.card-mian #poster .cukme {
  font-size: 0.8125rem /* 13/16 */;
  color: #767676;
  text-align: center;
}
.card-mian .jiequ {
  margin-top: 1.25rem /* 20/16 */;
  background: #ffffff;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  padding-bottom: 1.25rem /* 20/16 */;
}
.saveCard {
  padding-top: 0.625rem /* 10/16 */;
}
.saveCard button {
  height: 3.125rem /* 50/16 */;
  border: 1px solid #cb5f2c;
  border-radius: 0.25rem /* 4/16 */;
  font-size: 1rem /* 16/16 */;
  color: #cb5f2c;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#evaluate {
  position: relative;
  background-color: #fff;
  min-height: 100vh;
  height: auto;
  -webkit-overflow-scrolling: auto;
}
#evaluate .Othertag {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
#evaluate .van-actionsheet {
  max-height: 60% !important;
}
#evaluate .liveServices .box-f3 {
  padding: 1.875rem 1.25rem 0 1.25rem;
}
#evaluate .liveServices .box-f3 .top1 {
  display: flex;
  justify-content: space-between;
}
#evaluate .liveServices .box-f3 .top1 .more-tag {
  font-size: 0.875rem;
  color: #bfbfbf;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .title {
  font-size: 20px;
  color: #4d4d4d;
  line-height: 20px;
  padding-left: 6px;
  position: relative;
  font-weight: bold;
}
#evaluate .liveServices .box-f3 .title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  height: 13px;
  width: 3px;
  background: #D3977E;
}
#evaluate .liveServices .box-f3 .box2 {
  background: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  width: 100%;
  margin-top: 1.25rem;
  overflow: hidden;
}
#evaluate .liveServices .box-f3 .box2 .box2-top {
  display: flex;
  justify-content: center;
  height: 3.25rem;
  align-items: center;
}
#evaluate .liveServices .box-f3 .box2 .box2-top .num {
  font-size: 0.875rem;
  color: #353535;
  line-height: 1.25rem;
  margin-left: 1.6875rem;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom {
  padding: 1rem 1.0625rem 1.1875rem 1.0625rem;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom p {
  font-size: 0.875rem;
  color: #b3b3b3;
  line-height: 1.25rem;
  margin-bottom: 9px;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box {
  margin-bottom: 1.3125rem;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 11px;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child:last-child {
  margin-bottom: 0;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate1,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate2,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate3 {
  float: left;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate1 span,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate2 span,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate3 span {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate1 .color,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate2 .color,
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate3 .color {
  color: #D3977E;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate1 {
  width: 45%;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate2 {
  width: 32%;
  text-align: left;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tag-box .tag-box-child .rate3 {
  width: 30%;
  text-align: right;
}
#evaluate .liveServices .box-f3 .box2 .box2-bottom .tp {
  background-image: linear-gradient(-90deg, #ffb772 0%, #D3977E 100%);
  border-radius: 100px;
  height: 2rem;
  width: 7.5rem;
  text-align: center;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #ffffff;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#evaluate .liveServices .box-f3 .box3 {
  margin-top: 1.625rem;
}
#evaluate .liveServices .box-f3 .box3 .top {
  display: flex;
}
#evaluate .liveServices .box-f3 .box3 .top .van-rate__item {
  padding: 0 1px;
}
#evaluate .liveServices .box-f3 .box3 .top img {
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 50%;
}
#evaluate .liveServices .box-f3 .box3 .top .userList {
  margin-left: 0.4375rem;
  position: relative;
  flex: 1;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .name {
  font-size: 18px;
  color: #242424;
  line-height: 20px;
  font-weight: bold;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .time {
  font-size: 0.75rem;
  color: #b3b3b3;
  height: 16px;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .money {
  display: flex;
  align-items: center;
  height: 22px;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .money div .van-rate {
  display: flex;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .money div .van-rate i {
  font-size: 14px!important;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .money .num {
  margin-left: 0.4375rem;
  font-size: 13px;
  color: #b3b3b3;
  font-weight: bold;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .money .num span {
  color: #D3977E;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .operation {
  position: absolute;
  right: 0;
  top: 0;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .operation span {
  display: inline-block;
  border-radius: 100px;
  width: 56px;
  height: 24px;
  text-align: center;
  margin-left: 0.375rem;
  font-size: 12px;
  line-height: 22px;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .operation span:first-child {
  border: 1px solid #d8d8d8;
}
#evaluate .liveServices .box-f3 .box3 .top .userList .operation span:last-child {
  border: 1px solid #D3977E;
  color: #D3977E;
}
#evaluate .liveServices .box-f3 .box3 .top-2 {
  margin-top: 0.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-2 span {
  background: #f9f9f9;
  display: inline-block;
  border-radius: 4px;
  height: 20px;
  font-size: 12px;
  padding: 0 0.5rem;
  color: #646464;
  margin-right: 0.625rem;
  line-height: 20px;
  /* 18/16 */
}
#evaluate .liveServices .box-f3 .box3 .top-3 {
  margin-top: 0.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-3 span {
  font-size: 12px;
  color: #b3b3b3;
  position: relative;
  padding-right: 10px;
  display: inline-block;
  height: 1.25rem /* 20/16 */;
}
#evaluate .liveServices .box-f3 .box3 .top-3 span::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  height: 9px;
  width: 1px;
  background: #b3b3b3;
}
#evaluate .liveServices .box-f3 .box3 .top-3 span:last-child::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 3px;
  height: 12px;
  width: 1px;
  background: transparent;
}
#evaluate .liveServices .box-f3 .box3 .top-4 {
  position: relative;
  z-index: 1;
  margin-top: 0.5rem;
}
#evaluate .liveServices .box-f3 .box3 .top-4 div {
  position: relative;
  z-index: 120;
  font-size: 0.9375rem;
  color: #353535;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-4 .showTxt {
  position: relative;
  top: -20px;
  z-index: 9999;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p1 {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p2 {
  font-size: 0.9375rem;
  color: #353535;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p3 {
  font-size: 0.75rem;
  color: #fe5e31;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-top: 0.625rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p4 {
  font-size: 0.9375rem;
  color: #353535;
  letter-spacing: 0;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p5 {
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p5 div {
  position: relative;
  overflow: hidden;
  width: calc((100vw - 60px) /3);
  height: calc((100vw - 60px) /3);
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p5 div .play {
  width: 3.75rem /* 60/16 */ /* 60/16 */;
  height: 3.75rem /* 60/16 */ /* 60/16 */;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p5 div img:last-child {
  width: 100%;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p5 .childimg {
  float: left;
  margin: 0 5px 5px 0;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 11px 0;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  position: relative;
  top: 5px;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div:last-child {
  margin-right: 0;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div .kan {
  width: 0.8125rem;
  height: 0.5rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div .yan {
  width: 0.75rem;
  height: 0.75rem;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div .zan {
  height: 11px;
  width: 12px;
}
#evaluate .liveServices .box-f3 .box3 .top-5 .p6 div span {
  margin-left: 0.1875rem;
  font-size: 13.67px;
  color: #b3b3b3;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard {
  margin-top: 1.25rem;
  height: 4.5625rem;
  width: 100%;
  background: url("../img/Artboard 24.png") no-repeat center;
  background-size: 100% 4.625rem;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard img {
  height: 2.625rem;
  width: 2.625rem;
  margin-right: 0.5rem;
  border-radius: 50%;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard .card {
  width: 100%;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard .card .c-pt .name {
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5625rem;
  margin-right: 0.625rem;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard .card .c-pt .txt {
  line-height: 0.9375rem;
  font-size: 0.8125rem;
  color: #ffffff;
  margin-right: 0.625rem;
  font-weight: normal;
}
#evaluate .liveServices .box-f3 .box3 .doctorCard .card .c-pb {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .comment {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-top {
  line-height: 1.3125rem;
  display: flex;
  justify-content: space-between;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-top .span-num {
  font-size: 0.9375rem;
  color: #232323;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-top .span-more {
  font-size: 0.75rem;
  color: #b3b3b3;
}
#evaluate .liveServices .box-f3 .box3 .comment .cukSpan {
  color: #D3977E;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom {
  margin-top: 0.75rem;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .no-tip {
  font-size: 12px;
  color: #8a8a8a;
  text-align: center;
  padding-bottom: 20px;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child {
  margin-bottom: 0.625rem;
  display: flex;
  overflow: hidden;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child .c-b-child_IMG {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  margin-right: 0.8125rem;
  overflow: hidden;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child .comment-txt {
  flex: 1;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p1 {
  font-size: 0.8125rem;
  color: #242424;
  letter-spacing: 0;
  line-height: 1.375rem;
  font-weight: bold;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
#evaluate .liveServices .box-f3 .box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p3 {
  font-size: 0.8125rem;
  color: #797979;
  line-height: 1.125rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
#evaluate .liveServices .box-f4-A {
  padding: 0.25rem 1.25rem;
}
#evaluate .liveServices .box-f4-A .child {
  padding: 1.1875rem 0;
}
#evaluate .liveServices .box-f4-A .child:last-child:after {
  border-bottom-width: 0;
}
#evaluate .liveServices .box-f4-A .child .top1 {
  display: flex;
  justify-content: space-between;
}
#evaluate .liveServices .box-f4-A .child .top1 .time {
  font-size: 12px;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
#evaluate .liveServices .box-f4-A .child .top1 .van-rate i {
  padding: 0 2px !important;
}
#evaluate .liveServices .box-f4-A .child .top2 {
  display: flex;
  background: #f3f3f3;
  border-radius: 4px;
  width: 100%;
  height: 3.625rem;
  align-items: center;
}
#evaluate .liveServices .box-f4-A .child .top2 img {
  height: 2.625rem;
  width: 2.625rem;
  border-radius: 50%;
  margin-left: 0.75rem;
}
#evaluate .liveServices .box-f4-A .child .top2 .user {
  margin-left: 0.6875rem;
  display: flex;
  flex-direction: column;
}
#evaluate .liveServices .box-f4-A .child .top2 .user .user-t .name {
  font-size: 0.875rem;
  color: #5f5f5f;
  line-height: 1.25rem;
  font-weight: bold;
}
#evaluate .liveServices .box-f4-A .child .top2 .user .user-t .title {
  font-size: 0.75rem;
  color: #5f5f5f;
  line-height: 1.0625rem;
}
#evaluate .liveServices .box-f4-A .child .top2 .user .user-b {
  font-size: 0.75rem;
  color: #5f5f5f;
  line-height: 1.0625rem;
}
#evaluate .liveServices .box-f4-A .child .top3 {
  margin-top: 0.375rem /* 6/16 */;
}
#evaluate .liveServices .box-f4-A .child .top3 span {
  background: #f9f9f9;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
  display: inline-block;
  height: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: #646464;
  line-height: 1.25rem;
  /* 20/16 */
}
#evaluate .liveServices .box-f4-A .child .top4 {
  margin-top: 0.375rem /* 6/16 */;
  line-height: 1.25rem;
}
#evaluate .liveServices .box-f4-A .child .top4 span {
  font-size: 12px;
  color: #b3b3b3;
  position: relative;
  padding-right: 10px;
}
#evaluate .liveServices .box-f4-A .child .top4 span::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 2px;
  height: 10px;
  width: 1px;
  background: #b3b3b3;
}
#evaluate .liveServices .box-f4-A .child .top4 span:last-child::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 3px;
  height: 12px;
  width: 1px;
  background: transparent;
}
#evaluate .liveServices .box-f4-A .child .top5 {
  font-size: 12px;
  color: #b3b3b3;
  position: relative;
  line-height: 1.0625rem;
}
#evaluate .liveServices .box-f6-A .top6 {
  display: flex;
  align-items: center;
}
#evaluate .liveServices .box-f6-A .top6 div .van-rate {
  display: flex;
  padding: 0 1px;
}
#evaluate .liveServices .box-f6-A .top6 div .van-rate i {
  font-size: 16px!important;
}
#evaluate .liveServices .box-f6-A .top6 .money {
  margin-left: 0.375rem;
  font-size: 13px;
  font-weight: bold;
  color: #b3b3b3;
}
#evaluate .liveServices .box-f6-A .top6 .money span {
  color: #D3977E;
}
#evaluate .liveServices .box-f6-A .top7 {
  font-size: 0.9375rem;
  color: #353535;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
#evaluate .liveServices .box-f6-B {
  padding: 1.25rem 1.25rem 1.875rem 1.25rem;
}
#evaluate .liveServices .box-f6-B .box3 {
  margin-top: 0;
}
#evaluate .liveServices .box-f6-B .box3 .Reply {
  margin-top: 1rem;
  background-image: linear-gradient(-90deg, #ffb772 0%, #D3977E 100%);
  border-radius: 100px;
  height: 2rem;
  width: 7.5rem;
  text-align: center;
  font-size: 0.875rem;
  color: #ffffff;
  margin: 1rem auto 0.9375rem;
}
#evaluate .liveServices .box-f6-B .box3 .top-6 {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 0.375rem 0.625rem;
  margin-top: 1rem;
}
#evaluate .liveServices .box-f6-B .box3 .top-6 .but {
  text-align: right;
}
#evaluate .liveServices .box-f6-B .box3 .top-6 .but span {
  display: inline-block;
  height: 1.3125rem;
  width: 2.625rem;
  border-radius: 0.25rem;
  font-size: 13px;
  text-align: center;
}
#evaluate .liveServices .box-f6-B .box3 .top-6 .but .cancel {
  border: 1px solid #fe5e31;
  color: #fe5e31;
}
#evaluate .liveServices .box-f6-B .box3 .top-6 .but .Sure {
  background: #fe5e31;
  color: #ffffff;
}
#evaluate .pd60 {
  padding-bottom: 60px;
}
#evaluate .make {
  position: fixed;
  padding: 7px 20px;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}
#evaluate .make .make-tar {
  flex: 1;
  margin-right: 0.875rem;
}
#evaluate .make .make-tar textarea {
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 100%;
  padding: 7px 10px;
  color: #000;
}
#evaluate .make .make-tar textarea::placeholder {
  font-size: 0.875rem;
  color: #979797;
}
#evaluate .make .van-cell {
  padding: 0;
}
#evaluate .make .make-cuk {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#evaluate .make .make-cuk span {
  display: inline-block;
  height: 1.625rem;
  padding: 0 0.5rem;
  background: #D3977E;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.625rem;
  text-align: center;
  margin-right: 0.5rem;
}
#evaluate .make .make-cuk img {
  height: 1.125rem;
  width: 1.25rem;
  position: relative;
  top: -3px;
}
#evaluate .make [class*="van-hairline"] {
  position: inherit !important;
}
#evaluate .sub {
  margin-top: 1.25rem;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
}
#evaluate .sub button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.125rem;
  font-size: 0.9375rem;
  color: #ffffff;
  background: #D3977E;
  border-radius: 4px;
}
.lhcenter::after {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-top: 1px;
}
#give {
  width: 100%;
  height: 100%;
}
#give .noticeBar {
  background: #f9e5ad;
  height: 1.75rem /* 28/16 */;
  display: flex;
  padding: 0 1.25rem /* 20/16 */;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8125rem /* 13/16 */;
  color: #c39942;
}
#give .noticeBar .left {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#give .noticeBar .left img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  margin-right: 0.375rem /* 6/16 */;
}
#give .noticeBar .right {
  display: inline-block;
  width: 4rem;
  text-align: right;
}
#give .g-box1 {
  height: 3.75rem /* 60/16 */;
  border-bottom: 0.375rem /* 6/16 */ solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
  position: relative;
  overflow: hidden;
}
#give .g-box1 span {
  position: relative;
}
#give .g-box1 span::before {
  content: "";
  position: absolute;
  height: 0.5rem /* 8/16 */;
  bottom: 0;
  width: 100%;
  background: rgba(211, 151, 126, 0.47);
}
#give .g-box2 {
  padding: 1.125rem /* 18/16 */ 1.25rem 0 1.25rem /* 20/16 */;
}
#give .g-box2 p {
  font-size: 18px;
  color: #242424;
  line-height: 20px;
}
#give .g-box2 textarea {
  margin-top: 0.625rem /* 10/16 */;
  border: 1px solid #e1e1e1;
  border-radius: 0.25rem /* 4/16 */;
  height: 5.125rem /* 82/16 */;
  width: 100%;
  padding: 0.5rem /* 8/16 */;
}
#give .g-box3 {
  padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 0.8125rem /* 13/16 */ 1.25rem;
  border-bottom: 0.375rem /* 6/16 */ solid #f5f5f5;
}
#give .g-box3 .title {
  display: flex;
  justify-content: space-between;
}
#give .g-box3 .title .left {
  font-size: 1.125rem /* 18/16 */;
  color: #000000;
  line-height: 1.25rem /* 20/16 */;
}
#give .g-box3 .title .right {
  font-size: 0.9375rem /* 15/16 */;
  color: #D3977E;
}
#give .g-box3 .main {
  margin-top: 0.4375rem /* 7/16 */;
}
#give .g-box3 .main .child-arr {
  height: 2.625rem /* 42/16 */;
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
}
#give .g-box3 .main .child-arr div {
  float: left;
  display: flex;
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
}
#give .g-box3 .main .child-arr .name {
  width: 44%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#give .g-box3 .main .child-arr .num {
  width: 10%;
  display: flex;
  justify-content: center;
}
#give .g-box3 .main .child-arr .money {
  width: 20%;
  color: #171717;
  display: flex;
  justify-content: center;
}
#give .g-box3 .main .child-arr .edit {
  width: 16%;
  font-size: 14px;
  color: #8a8a8a;
  display: flex;
  justify-content: center;
}
#give .g-box3 .main .child-arr .delect {
  display: flex;
  justify-content: flex-end;
  width: 10%;
}
#give .g-box3 .main .child-arr .delect img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#give .g-box3 .main .addProject {
  border: 1px dotted #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 4.375rem /* 70/16 */;
  width: 100%;
  font-size: 0.9375rem /* 15/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.9375rem /* 15/16 */ 0;
}
#give .g-box3 .main .count {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  line-height: 1.3125rem /* 21/16 */;
}
#give .g-box3 .main .count .top {
  margin-top: 0.625rem /* 10/16 */;
}
#give .g-box3 .main .count .top .right {
  display: inline-block;
}
#give .g-box3 .main .count .top .right input {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 1.625rem /* 26/16 */;
  width: 5rem /* 80/16 */;
  padding: 0 0.5rem;
}
#give .g-box3 .main .count .top .right input::placeholder {
  color: #c3bbb8;
  font-size: 0.875rem /* 14/16 */;
}
#give .g-box3 .main .count .bottom {
  margin-top: 0.4375rem /* 7/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #ff5252;
  height: 1.3125rem /* 21/16 */;
  margin-left: 4.0625rem /* 65/16 */;
}
#give .g-box3 .main .child-one {
  height: 2.75rem /* 44/16 */;
  display: flex;
  align-items: center;
  align-content: center;
}
#give .g-box3 .main .child-one div {
  text-align: left;
}
#give .g-box3 .main .child-one .left {
  width: 54%;
}
#give .g-box3 .main .child-one .right {
  font-size: 15px;
  color: #171717;
  font-weight: bold;
}
#give .g-box3 .setState {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#give .g-box3 .setState .text {
  font-size: 15px;
  color: #353535;
  line-height: 21px;
}
#give .g-box3 .setState .switch {
  line-height: 1;
}
#give .g-box4 {
  padding: 1.25rem /* 20/16 */;
}
#give .g-box4 .p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #000000;
  line-height: 1.25rem /* 20/16 */;
}
#give .g-box4 .main {
  margin-top: 0.4375rem /* 7/16 */;
}
#give .g-box4 .main .van-checkbox-group {
  display: flex;
  flex-direction: column;
}
#give .g-box4 .main .van-checkbox-group .van-checkbox {
  height: 2.75rem /* 44/16 */;
  display: flex;
  align-items: center;
}
#give .g-box4 .main .van-checkbox-group .van-checkbox span {
  font-size: 14px;
  color: #353535;
}
#give .g-box4 .footer-b {
  display: flex;
}
#give .g-box4 .footer-b button {
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 2.5rem /* 40/16 */;
  width: 90%;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  font-size: 1rem /* 16/16 */;
  color: #ffffff;
  justify-content: center;
  margin: 1.25rem auto;
}
#give .g-box4 .footer-b button:first-child {
  background: #fff;
  margin-right: 0.9375rem /* 15/16 */;
  color: #D3977E;
  border: 1px solid #D3977E;
}
#give .g-box4 .footer-b button:last-child {
  background: #D3977E;
}
#give .g-box4 .footer-txt {
  font-size: 0.875rem /* 14/16 */;
  color: #8a8a8a;
}
#give .g-box5 {
  position: relative;
  padding: 1.25rem 1.25rem 0.625rem /* 10/16 */ 1.25rem;
  border-bottom: 0.375rem /* 6/16 */ solid #f5f5f5;
}
#give .g-box5 .p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #000000;
  line-height: 1.25rem /* 20/16 */;
}
#give .g-box5 .main {
  margin-top: 0.4375rem;
}
#give .g-box5 .main .van-radio-group {
  display: flex;
  flex-direction: column;
}
#give .g-box5 .main .van-radio-group .van-radio {
  height: 2.75rem /* 44/16 */;
  display: flex;
  align-items: center;
}
#give .g-box5 .main .van-radio-group .van-radio span {
  font-size: 14px;
  color: #353535;
}
#give .g-box5 .main .oneCheck {
  display: flex;
  align-items: center;
}
#give .g-box5 .main .oneCheck .van-checkbox {
  height: 2.75rem /* 44/16 */;
  display: flex;
  align-items: center;
}
#give .g-box5 .main .oneCheck input {
  height: 26px;
  width: 160px;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 14px;
}
#give .g-box5 .main .oneCheck input::placeholder {
  font-size: 14px;
  color: #d8d8d8;
}
#give .g-box5 .main .twoCheck {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#give .g-box5 .main .twoCheck .tc-l {
  display: flex;
  align-items: center;
}
#give .g-box5 .main .twoCheck .tc-r {
  font-size: 13px;
  color: #D3977E;
  text-decoration: underline;
}
#give .g-box5 .main .twoCheck .hospitalName {
  display: flex;
  margin-left: 8px;
  align-items: center;
}
#give .g-box5 .main .twoCheck .hospitalName .iconShare {
  background: #FFEA4B;
  border-radius: 2px;
  height: 18px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  overflow: hidden;
}
#give .g-box5 .main .twoCheck .hospitalName .iconShare div {
  height: 100%;
  width: 100%;
  color: #626262;
  font-size: 12px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
#give .g-box5 .main .twoCheck .hospitalName .name {
  font-size: 14px;
  color: #353535;
  max-width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#give .g-box5 .select {
  width: 21rem /* 336/16 */;
  height: 14.0625rem /* 225/16 */;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  box-shadow: 0 1px 18px 0 rgba(182, 182, 182, 0.1);
  padding: 0 10px;
}
#give .g-box5 .select ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #E8E8E8;
  height: 2.8125rem /* 45/16 */;
  font-size: 0.875rem /* 14/16 */;
  line-height: 2.8125rem /* 45/16 */;
}
#give .g-box6 {
  position: relative;
  padding: 0 20px;
  border-bottom: 0.375rem /* 6/16 */ solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  height: 51px;
  align-items: center;
}
#give .g-box6 .p1 {
  font-size: 1.125rem;
  color: #000000;
  line-height: 1.25rem;
}
#give .g-box6 .main {
  display: flex;
  align-items: center;
}
#give .g-box6 .main span {
  font-size: 14px;
  color: #8A8A8A;
  margin-right: 4px;
}
#give .g-box6 .main img {
  height: 14px;
  width: 14px;
}
#give .main-select {
  background: #fff;
  padding: 1.25rem /* 20/16 */;
}
#give .main-select .p0 {
  font-size: 1.125rem /* 18/16 */;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
  font-weight: bold;
  margin-bottom: 0.25rem /* 4/16 */;
}
#give .main-select .p1,
#give .main-select .p2,
#give .main-select .p3,
#give .main-select .p4,
#give .main-select .p5,
#give .main-select .p6 {
  height: 2.75rem /* 44/16 */;
  display: flex;
  align-items: center;
  align-content: center;
}
#give .main-select .p1 .left,
#give .main-select .p2 .left,
#give .main-select .p3 .left,
#give .main-select .p4 .left,
#give .main-select .p5 .left,
#give .main-select .p6 .left {
  display: inline-block;
  width: 4.625rem /* 74/16 */;
  text-align: left;
}
#give .main-select .p1 input,
#give .main-select .p2 input,
#give .main-select .p3 input,
#give .main-select .p4 input,
#give .main-select .p5 input,
#give .main-select .p6 input {
  height: 1.625rem /* 26/16 */;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem /* 4/16 */;
  padding: 0 0.5rem /* 10/16 */;
  font-size: 0.875rem /* 14/16 */;
}
#give .main-select .p1 input {
  width: 10rem /* 160/16 */;
}
#give .main-select .p2 input {
  width: 6.875rem /* 110/16 */;
  margin-right: 0.625rem /* 10/16 */;
}
#give .main-select .p3 .number .l {
  display: inline-block;
  width: 0.625rem /* 10/16 */;
}
#give .main-select .p3 .number .c {
  width: 2.5rem /* 40/16 */;
  width: 7.5rem /* 120/16 */;
  display: inline-block;
  text-align: center;
  padding: 0 0;
  display: flex;
  align-items: center;
}
#give .main-select .p3 .number .c input {
  width: 3.75rem /* 60/16 */;
}
#give .main-select .p3 .number input {
  border: none;
}
#give .main-select .p4 .right {
  display: flex;
  align-items: center;
}
#give .main-select .p4 .right input {
  width: 4.625rem /* 74/16 */;
}
#give .main-select .p4 .right .i2 {
  width: 5rem /* 80/16 */;
}
#give .main-select .p5 a {
  font-size: 15px;
  color: #ff5252;
  font-weight: bold;
}
#give .main-select .p6 .tags {
  display: inline-block;
  height: 1.625rem /* 26/16 */;
  border: 1px solid #D3977E;
  border-radius: 0.8125rem /* 13/16 */;
  padding: 0 0.625rem /* 10/16 */;
  color: #D3977E;
  font-size: 0.875rem /* 14/16 */;
  display: flex;
  align-items: center;
  align-content: center;
}
#give .main-select .p6 input {
  width: 8.75rem /* 140/16 */;
  margin-left: 0.75rem /* 12/16 */;
}
#give .ok {
  background: #D3977E;
  height: 3.125rem /* 50/16 */;
  width: 100%;
  font-size: 1rem /* 16/16 */;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 3000;
}
#give .giveList {
  min-height: 15vh;
}
#give .giveList .tagBox {
  display: flex;
  justify-content: space-around;
  background: #FFFFFF;
  height: 2.9375rem /* 47/16 */ /* 40/16 */;
  align-items: center;
  border-bottom: 7px solid #F8F8F8;
  font-size: 15px;
  color: #979797;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
}
#give .giveList .tagBox div {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1.25rem /* 20/16 */;
}
#give .giveList .tagBox .active {
  color: #D3977E;
}
#give .giveList .tagOne {
  padding-top: 2.9375rem /* 47/16 */;
  max-height: 85vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#give .giveList .tagTwo {
  padding-top: 2.9375rem /* 47/16 */;
  max-height: 85vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#give .giveList .child {
  border-bottom: #fafafa solid 1.25rem /* 20/16 */;
  background: #ffffff;
}
#give .giveList .child .p1 {
  background: #ffffff;
  /* 36/16 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem /* 14/16 */ 1.25rem /* 20/16 */ 0.375rem /* 6/16 */ 1.25rem /* 20/16 */;
  line-height: 1;
}
#give .giveList .child .p1 .left {
  font-size: 18px;
  color: #242424;
  font-weight: bold;
}
#give .giveList .child .p1 .left span {
  margin-right: 0.25rem /* 4/16 */;
}
#give .giveList .child .p1 .right {
  font-size: 0.875rem /* 14/16 */;
  color: #979797;
}
#give .giveList .child .p2 {
  margin-top: 0.625rem;
}
#give .giveList .child .p2 a {
  font-weight: bold;
}
#give .giveList .child .p2,
#give .giveList .child .p3,
#give .giveList .child .p4 {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  margin-bottom: 0.5rem /* 8/16 */;
  padding: 0 1.25rem /* 20/16 */;
}
#give .giveList .child .p2 span,
#give .giveList .child .p3 span,
#give .giveList .child .p4 span {
  font-size: 0.9375rem /* 15/16 */;
  color: #797979;
  margin-right: 0.25rem /* 4/16 */;
}
#give .giveList .child .p3 {
  display: flex;
}
#give .giveList .child .p3 a {
  display: inline-block;
  width: 4.6875rem;
  /* 75/16 */
  font-weight: bold;
}
#give .giveList .child .p3 span {
  display: inline-block;
  flex: 1;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#give .giveList .child .p4 {
  display: flex;
}
#give .giveList .child .p4 a {
  width: 3.125rem;
  font-weight: bold;
  display: inline-block;
  min-width: 2.8125rem /* 45/16 */;
}
#give .giveList .child .p4 span {
  flex: 1;
  display: inline-block;
  margin-bottom: 0.25rem /* 4/16 */;
}
#give .giveList .child .p5 {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75rem /* 12/16 */;
  color: #242424;
  align-content: flex-end;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  background: #fff;
  height: 2.1875rem /* 35/16 */;
}
#give .giveList .child .p5 a {
  font-size: 0.75rem /* 12/16 */;
  color: #fe5e31;
}
#give .giveList .child .p5 span {
  font-size: 1rem /* 16/16 */;
  color: #fe5e31;
}
#give .giveList .child .p6 {
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  justify-content: flex-end;
  height: 3.375rem /* 54/16 */;
  align-items: center;
  background: #fff;
}
#give .giveList .child .p6 .p6-1,
#give .giveList .child .p6 .p6-2 {
  border-radius: 0.25rem /* 4/16 */;
  height: 1.875rem /* 30/16 */;
  width: 5.625rem /* 90/16 */;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem /* 14/16 */;
}
#give .giveList .child .p6 .p6-1 {
  border: 1px solid #D3977E;
  color: #D3977E;
}
#give .giveList .child .p6 .p6-2 {
  margin-left: 0.625rem /* 10/16 */;
  border: 1px solid #D3977E;
  color: #D3977E;
}
#give .giveList .child .p7 {
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  font-size: 14px;
  color: #D3977E;
  justify-content: space-between;
  margin-bottom: 0.875rem /* 14/16 */;
}
#give .toSub {
  background: #D3977E;
  border-radius: 4px;
  width: calc((100vw - 140px));
  height: 3.0625rem /* 49/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  font-size: 16px;
  color: #FFFFFF;
}
#give .toSub button {
  display: flex;
  justify-content: center;
}
#give .give-main {
  height: 100vh;
  background: #f8f8f8;
}
#give .give-main .giveBank {
  padding: 0 1.25rem /* 20/16 */;
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1111;
  height: 3.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
#give .give-main .giveBank .search {
  width: 100%;
  height: 2.5rem /* 40/16 */;
  background: #f5f5f5;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#give .give-main .giveBank .search .main {
  display: flex;
  align-items: center;
}
#give .give-main .giveBank .search .main img {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
  margin-right: 0.25rem /* 4/16 */;
}
#give .give-main .giveBank .search .main span {
  font-size: 0.875rem /* 14/16 */;
  color: #b3b3b3;
}
#give .give-main .selectbank {
  background: #f8f8f8;
  padding-top: 3.75rem /* 60/16 */;
  overflow: hidden;
  position: relative;
  height: 100%;
}
#give .give-main .selectbank .select-tag {
  height: 100%;
}
#give .give-main .selectbank .select-tag .van-tabs__line {
  width: 1.875rem /* 30/16 */ !important;
  /* 40/16 */
  margin-left: 1.875rem /* 30/16 */;
  background: #D3977E !important;
}
#give .give-main .selectbank .select-tag .van-tab {
  font-size: 0.9375rem /* 15/16 */;
  color: #3c3b3b;
}
#give .give-main .selectbank .select-tag .van-tab--active {
  font-size: 0.9375rem /* 15/16 */;
  color: #D3977E;
}
#give .give-main .selectbank .select-tag .van-tabs__wrap {
  position: fixed !important;
  top: 2.75rem /* 44/16 */;
}
#give .give-main .selectbank .select-tag .van-tabs__content {
  height: 100%;
}
#give .give-main .selectbank .select-tag .bankOne {
  height: 100%;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main {
  width: 100%;
  height: 100%;
  position: relative;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .left {
  background: #f5f5f5;
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  overflow: scroll;
  background-color: #fafafa;
  -webkit-overflow-scrolling: touch;
  width: 35%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 120px;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .left span {
  display: flex;
  align-items: center;
  height: 2.75rem /* 44/16 */;
  padding-left: 1.25rem /* 20/16 */;
  width: 100%;
  border-left: 0.1875rem /* 3/16 */ solid transparent;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .left .cukspan {
  background: #ffffff;
  border-left: 0.1875rem /* 3/16 */ solid #D3977E;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo {
  width: 65%;
  height: 100%;
  margin-left: 35%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  box-sizing: border-box;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .child-box1 {
  padding: 1rem 1.25rem;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p1 {
  display: flex;
  justify-content: space-between;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p1 .p1-l {
  font-size: 0.9375rem /* 15/16 */;
  color: #3c3b3b;
  line-height: 1.25rem /* 20/16 */;
  font-weight: bold;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p1 .p1-r {
  font-size: 0.875rem /* 14/16 */;
  color: #8a8a8a;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p2 {
  font-size: 0.75rem /* 12/16 */;
  color: #8a8a8a;
  margin: 0.5rem /* 8/16 */ 0 0.25rem 0;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 {
  font-size: 0.75rem /* 12/16 */;
  color: #8a8a8a;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-l {
  font-size: 0.75rem /* 12/16 */;
  line-height: 1.25rem /* 20/16 */;
  color: #fe5e31;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-l span {
  color: #fe5e31;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-r {
  display: flex;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s1 {
  display: inline-block;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  border: 1px solid #dedede;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s2 input {
  width: 1.625rem /* 26/16 */;
  height: 1.125rem /* 18/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  align-content: center;
  text-align: center;
}
#give .give-main .selectbank .select-tag .bankOne .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s3 {
  display: inline-block;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  background: #ff9754;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
#give .give-main .selectbank .select-tag .bankTwo {
  height: 100%;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main {
  width: 100%;
  height: 100%;
  position: relative;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .left {
  background: #f5f5f5;
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  overflow: scroll;
  background-color: #fafafa;
  -webkit-overflow-scrolling: touch;
  width: 35%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 120px;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .left span {
  display: flex;
  align-items: center;
  height: 2.75rem /* 44/16 */;
  padding-left: 1.25rem /* 20/16 */;
  width: 100%;
  border-left: 0.1875rem /* 3/16 */ solid transparent;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .left .cukspan {
  background: #ffffff;
  border-left: 0.1875rem /* 3/16 */ solid #D3977E;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right {
  width: 65%;
  height: 100%;
  padding-left: 15px;
  margin-left: 35%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .title {
  font-size: 0.9375rem /* 15/16 */;
  color: #3c3b3b;
  font-weight: bold;
  margin-bottom: 0.625rem /* 10/16 */;
  margin-top: 1.25rem /* 20/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all .child-d {
  display: inline-block;
  font-size: 0.8125rem /* 13/16 */;
  width: calc((100% - 10px) / 2);
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all .child-d:nth-child(2n) {
  margin-right: 0;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all .child-d div {
  color: #8a8a8a;
  border: 1px solid #d8d8d8;
  height: 1.625rem /* 26/16 */;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem /* 4/16 */;
  white-space: nowrap;
  overflow: hidden;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all .child-d .spancuk {
  border: solid 1px #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  color: #D3977E;
  background: url("../img/checkbox.png") no-repeat center;
  background-position: right bottom;
  background-size: 1.3125rem /* 21/16 */ 1rem /* 16/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .right .child-all .small {
  font-size: 0.75rem /* 12/16 */;
  width: 5.625rem /* 90/16 */;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo {
  width: 65%;
  height: 100%;
  margin-left: 35%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  box-sizing: border-box;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .child-box1 {
  padding: 1rem 1.25rem;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p1 {
  display: flex;
  justify-content: space-between;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p1 .p1-l {
  font-size: 0.9375rem /* 15/16 */;
  color: #3c3b3b;
  line-height: 1.25rem /* 20/16 */;
  font-weight: bold;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p1 .p1-r {
  font-size: 0.875rem /* 14/16 */;
  color: #8a8a8a;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p2 {
  font-size: 0.75rem /* 12/16 */;
  color: #8a8a8a;
  margin: 0.5rem /* 8/16 */ 0 0.25rem /* 4/16 */ 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 {
  font-size: 0.75rem /* 12/16 */;
  color: #8a8a8a;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-l {
  font-size: 0.75rem /* 12/16 */;
  line-height: 1.25rem /* 20/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-l span {
  color: #fe5e31;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-r {
  display: flex;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s1 {
  display: inline-block;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  border: 1px solid #dedede;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s2 input {
  width: 1.625rem /* 26/16 */;
  height: 1.125rem /* 18/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  align-content: center;
  text-align: center;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .rightTwo .rightListAll .p3 .p3-r .p3-r-s3 {
  display: inline-block;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  background: #ff9754;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .error {
  display: flex;
  flex-direction: column;
  width: 65%;
  height: 100%;
  padding-left: 15px;
  margin-left: 35%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 1.25rem 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .error img {
  display: flex;
  justify-content: center;
  height: 7.5625rem /* 121/16 */;
  width: 7.5625rem /* 121/16 */;
  margin: 0 auto;
  margin-top: 3.75rem /* 60/16 */;
}
#give .give-main .selectbank .select-tag .bankTwo .banktwo-main .error p {
  display: flex;
  justify-content: center;
  font-size: 0.875rem /* 14/16 */;
  color: #a4a4a4;
  line-height: 1.25rem /* 20/16 */;
  margin-top: 1.375rem /* 22/16 */;
}
#give .give-main .give-bottom {
  height: 3.125rem /* 50/16 */;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background: #ffffff;
}
#give .give-main .give-bottom .left {
  height: 3.125rem /* 50/16 */;
  flex: 1;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  padding-left: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#give .give-main .give-bottom .left span {
  color: #D3977E;
}
#give .give-main .give-bottom .right {
  height: 3.125rem /* 50/16 */;
  width: 6.25rem /* 100/16 */;
  background-image: linear-gradient(-90deg, #ff9754 0%, #D3977E 83%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
  color: #ffffff;
}
#give .giveSearch {
  position: relative;
  overflow: hidden;
}
#give .giveSearch .s-top1 {
  position: fixed;
  height: 3.625rem /* 58/16 */;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#give .giveSearch .s-top1 .left {
  margin-right: 0.625rem /* 10/16 */;
  flex: 1;
  background: #f5f5f5;
  border-radius: 0.25rem /* 4/16 */;
  height: 2.5rem /* 40/16 */;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem /* 13/16 */;
}
#give .giveSearch .s-top1 .left img {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
}
#give .giveSearch .s-top1 .left input {
  padding-left: 0.8125rem /* 13/16 */;
  flex: 1;
  height: 100%;
}
#give .giveSearch .s-top1 .right {
  font-size: 0.875rem /* 14/16 */;
  color: #b3b3b3;
  display: inline-block;
  width: 1.75rem /* 28/16 */;
}
#give .giveSearch .s-top2 {
  padding: 3.75rem /* 60/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
}
#give .giveSearch .s-top2 p {
  font-size: 0.9375rem /* 15/16 */;
  color: #b3b3b3;
  margin: 1.125rem /* 18/16 */ 0 0.625rem /* 10/16 */ 0;
}
#give .giveSearch .s-top2 .s-top2-main {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.25rem /* 20/16 */;
}
#give .giveSearch .s-top2 .s-top2-main div {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 1.875rem /* 30/16 */;
  padding: 0 1.125rem /* 18/16 */;
  margin: 0 0.625rem /* 10/16 */ 0.625rem /* 10/16 */ 0;
  align-items: center;
  display: flex;
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
}
#give .giveSearch .s-top3 {
  padding: 3.75rem /* 60/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
}
#give .giveSearch .s-top3 p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#give .giveSearch .s-top3 p span {
  font-size: 0.9375rem /* 15/16 */;
  color: #b3b3b3;
  margin: 1.125rem /* 18/16 */ 0 0.625rem /* 10/16 */ 0;
}
#give .giveSearch .s-top3 p img {
  height: 1rem /* 16/16 */;
  width: 1rem /* 16/16 */;
}
#give .giveSearch .s-top3 .s-top2-main {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.25rem /* 20/16 */;
}
#give .giveSearch .s-top3 .s-top2-main div {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 1.875rem /* 30/16 */;
  padding: 0 1.125rem /* 18/16 */;
  margin: 0 0.625rem /* 10/16 */ 0.625rem /* 10/16 */ 0;
  align-items: center;
  display: flex;
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
}
#give .time {
  text-align: center;
  margin-top: 1.25rem /* 20/16 */;
  margin-bottom: 1.25rem /* 20/16 */;
}
#give .time div {
  line-height: 1.875rem;
  /* 30/16 */
}
#doctorInfo {
  min-height: 100vh;
  background: #fff;
  position: relative;
  right: 0;
  left: 0;
}
#doctorInfo input:focus {
  border: 1px solid #D3977E;
}
#doctorInfo .userInfo {
  padding-left: 1.25rem /* 20/16 */;
  margin-top: 1.25rem /* 20/16 */;
}
#doctorInfo .userInfo .u-box {
  display: flex;
  justify-content: space-between;
  height: 2.75rem /* 44/16 */;
  align-items: center;
  padding-right: 0.625rem /* 10/16 */;
}
#doctorInfo .userInfo .u-box .u-box-l {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  display: inline-block;
  width: 5rem /* 80/16 */ /* 60/16 */;
}
#doctorInfo .userInfo .u-box .u-box-r {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
#doctorInfo .userInfo .u-box .u-box-r span {
  font-size: 15px;
  color: #adadad;
  margin-right: 0.25rem /* 4/16 */;
}
#doctorInfo .userInfo .u-box .u-box-r img {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
}
#doctorInfo .address {
  padding: 1.25rem /* 20/16 */;
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
}
#doctorInfo .address .p1 {
  margin-bottom: 0.9375rem /* 15/16 */;
}
#doctorInfo .address .address-box .address-box-child {
  margin-bottom: 0.625rem /* 10/16 */;
  display: flex;
  align-items: center;
}
#doctorInfo .address .address-box .address-box-child input {
  padding: 0 0.625rem /* 10/16 */;
  color: #242424;
  border: 1px solid #d8d8d8;
  font-size: 0.9375rem /* 15/16 */;
  border-radius: 0.25rem /* 4/16 */;
  height: 2.8125rem /* 45/16 */;
  flex: 1;
}
#doctorInfo .address .address-box .address-box-child span {
  font-size: 0.9375rem /* 15/16 */;
  color: #adadad;
  margin-left: 0.6875rem /* 11/16 */;
  display: inline-block;
  width: 1.875rem /* 30/16 */;
}
#doctorInfo .address .p2 {
  margin-top: 0.625rem /* 10/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #D3977E;
}
#doctorInfo .address .search {
  background: #ffffff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.09);
  width: 100%;
  padding: 0.625rem /* 10/16 */ 0.8125rem /* 13/16 */ 0.625rem /* 1/16 */ 0.8125rem;
}
#doctorInfo .address .search input {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 2.8125rem /* 45/16 */;
  padding: 0 0.625rem /* 10/16 */;
  width: 100%;
}
#doctorInfo .address .search .searchList div {
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  font-size: 0.9375rem /* 15/16 */;
  color: #121212;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#doctorInfo .address .search .searchList div:last-child::after {
  border-bottom-width: 0;
}
#doctorInfo .address .footer {
  margin-top: 1.875rem /* 30/16 */;
  display: flex;
  justify-content: space-between;
}
#doctorInfo .address .footer span {
  display: inline-block;
  border-radius: 0.25rem /* 4/16 */;
  font-size: 1rem /* 16/16 */;
  height: 3.0625rem /* 49/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
}
#doctorInfo .address .footer .cancel {
  color: #D3977E;
  background: #fff;
  border: 1px solid #D3977E;
}
#doctorInfo .address .footer .save {
  color: #fff;
  background: #D3977E;
  border: 1px solid #D3977E;
}
#doctorInfo .introduce .tar {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem /* 4/16 */;
  margin-left: 0;
  padding: 0.375rem /* 6/16 */ 0.75rem /* 12/16 */;
  height: 18.75rem /* 300/16 */;
}
#doctorInfo .introduce .tar textarea {
  width: 100%;
  height: 90%;
}
#doctorInfo .introduce .tar textarea::placeholder {
  color: #adadad;
  font-size: 0.9375rem /* 15/16 */;
}
#doctorInfo .introduce .tar p {
  text-align: right;
  font-size: 0.875rem /* 14/16 */;
  color: #3c3b3b;
}
#doctorInfo .user-video {
  padding: 1.25rem /* 20/16 */;
}
#doctorInfo .user-video .van-uploader {
  width: 100%;
}
#doctorInfo .user-video .van-uploader i {
  display: none;
}
#doctorInfo .user-video .user-video-p1 {
  border: 1px solid #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  width: 100%;
  height: 3.0625rem /* 49/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
  color: #D3977E;
}
#doctorInfo .user-video .p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  line-height: 1.5625rem /* 25/16 */;
  margin-top: 2rem /* 32/16 */;
  font-weight: bold;
  margin-bottom: 0.5rem /* 8/16 */;
}
#doctorInfo .user-video .p2 {
  font-size: 0.875rem /* 14/16 */;
  color: #403a3b;
  line-height: 1.25rem /* 20/16 */;
}
#doctorInfo .user-video .video-main {
  position: relative;
  border: 1px solid #d8d8d8;
  width: 100%;
  height: 12.5rem /* 200/16 */;
  margin-top: 1.375rem /* 22/16 */;
}
#doctorInfo .user-video .video-main .play {
  width: 3.75rem /* 60/16 */ /* 60/16 */;
  height: 3.75rem /* 60/16 */ /* 60/16 */;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#doctorInfo .user-title {
  padding: 0 0;
}
#doctorInfo .user-title .title-top {
  padding: 0.625rem /* 10/16 */ 1.25rem 0 1.25rem;
  /* 20/16 */
  display: flex;
  justify-content: space-between;
  height: 3.375rem /* 54/16 */;
  align-items: center;
  border-bottom: 6px solid #ededed;
}
#doctorInfo .user-title .title-top .u-box-l {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  display: inline-block;
  width: 3.75rem /* 60/16 */;
}
#doctorInfo .user-title .title-top .u-box-r {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
#doctorInfo .user-title .title-top .u-box-r span {
  font-size: 15px;
  color: #adadad;
  margin-right: 0.25rem /* 4/16 */;
}
#doctorInfo .user-title .title-top .u-box-r img {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
}
#doctorInfo .user-title-main {
  padding: 1.25rem /* 20/16 */;
}
#doctorInfo .user-title-main .title-p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  height: 1.5625rem /* 25/16 */;
}
#doctorInfo .user-title-main .title-p2 {
  margin-top: 0.4375rem /* 7/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #adadad;
  line-height: 1.3125rem /* 21/16 */;
  margin-bottom: 0.9375rem /* 15/16 */;
}
#doctorInfo .user-title-main .title-img {
  border: 1px solid #e7e7e7;
  width: 100%;
  height: 11.25rem /* 180/16 */;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#doctorInfo .user-title-main .title-img .updateImg {
  position: relative;
}
#doctorInfo .user-title-main .title-img .updateImg .img1 {
  box-shadow: 0 11px 34px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4.38px;
  background-size: 100% 100%;
  height: 8.375rem /* 134/16 */;
  width: 14.375rem /* 230/16 */;
}
#doctorInfo .user-title-main .title-img .updateImg .img2 {
  position: absolute;
  height: 90px;
  width: 90px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#doctorInfo .user-title-main .title-img .updateImg .img2 .van-uploader i {
  display: none;
}
#doctorInfo .user-title-main .title-img .updateImg .img2 .van-uploader .img2-child {
  height: 3.625rem /* 58/16 */;
  width: 3.625rem /* 58/16 */;
}
#doctorInfo .user-title-main .title-img .updateImg .img2 .van-uploader p {
  margin-top: 0.375rem /* 6/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #D3977E;
}
#doctorInfo .doctor-tag .allArr {
  display: flex;
  width: 100%;
}
#doctorInfo .doctor-tag .allArr div {
  width: calc((100vw - 60px) / 3);
  margin-right: 0.625rem /* 10/16 */;
  height: 1.875rem /* 30/16 */;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-size: 0.875rem /* 14/16 */;
  color: #D3977E;
  border: 1px solid #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#doctorInfo .doctor-tag .allArr div:last-child {
  margin-right: 0;
}
#doctorInfo .doctor-tag .tit-p {
  font-size: 0.875rem /* 14/16 */;
  color: #D3977E;
  line-height: 1.25rem /* 20/16 */;
  margin: 0.5625rem /* 9/16 */ 0 0.9375rem /* 15/16 */;
}
#doctorInfo .doctor-tag .tag-box {
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem /* 4/16 */;
}
#doctorInfo .doctor-tag .tag-box textarea {
  width: 100%;
  padding: 0.3125rem /* 5/16 */ 0.625rem /* 10/16 */;
}
#doctorInfo .doctor-tag .tag-box textarea::placeholder {
  font-size: 0.9375rem /* 15/16 */;
  color: #adadad;
}
#doctorInfo .doctor-tag .tag-box p {
  text-align: right;
  font-size: 14px;
  color: #3c3b3b;
  padding-right: 0.625rem /* 10/16 */;
  padding-bottom: 0.375rem /* 6/16 */;
}
#doctorInfo .van-actionsheet {
  max-height: 70%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
#doctorInfo .doctor-van-sheet {
  padding: 1.25rem /* 20/16 */;
  height: 50vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#doctorInfo .doctor-van-sheet .d2-title {
  font-size: 0.875rem;
  color: #353535;
  border-left: 3px solid #D3977E;
  line-height: 1;
  margin-bottom: 0.625rem /* 10/16 */;
  padding-left: 0.3125rem;
}
#doctorInfo .doctor-van-sheet .d2-list {
  display: flex;
  width: calc((100vw - 40px));
}
#doctorInfo .doctor-van-sheet .mt0 {
  margin-top: 0;
}
#doctorInfo .doctor-van-sheet .d2-list span {
  width: calc((100vw - 70px) / 3);
  margin-bottom: 0.9375rem /* 15/16 */;
  margin-right: 0.9375rem /* 15/16 */;
  height: 1.75rem;
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 0.8125rem;
  color: #8a8a8a;
  line-height: 1.625rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#doctorInfo .doctor-van-sheet .d2-list span:nth-child(3n) {
  margin-right: 0;
}
#doctorInfo .doctor-van-sheet .d2-list .acitve-span {
  border: solid 1px #D3977E;
  color: #D3977E;
  background: url("../img/checkbox.png") no-repeat;
  background-position: right bottom;
  background-size: 1.25rem /* 20/16 */ 1.1875rem /* 19/16 */;
}
#doctorInfo .doctor-sub {
  text-align: center;
  width: 100%;
}
#doctorInfo .doctor-sub button {
  width: 90%;
  margin-top: 1.25rem /* 20/16 */;
  margin-bottom: 1.25rem /* 20/16 */;
  background: #D3977E;
  border-radius: 4px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  font-size: 1rem;
  color: #ffffff;
}
#doctorInfo .plan {
  height: 5.5rem /* 88/16 */;
  background: #ffffff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.09);
  display: flex;
  padding: 0 1.25rem /* 20/16 */;
  align-items: center;
}
#doctorInfo .plan .van-slider__bar {
  background-color: #D3977E;
}
#doctorInfo .plan .left {
  height: 3.875rem /* 62/16 */;
  width: 6rem /* 96/16 */;
  background: #d8d8d8;
  border-radius: 4px;
  margin-right: 1.25rem /* 20/16 */;
  position: relative;
}
#doctorInfo .plan .left .ico-1 {
  height: 100%;
  width: 100%;
}
#doctorInfo .plan .left .play {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#doctorInfo .plan .right {
  flex: 1;
  text-align: right;
}
#doctorInfo .plan .right .txt {
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
  margin-bottom: 1rem;
}
#doctorInfo .plan .right .txt span {
  margin-left: 0.625rem /* 10/16 */;
}
#userInfo .content {
  padding: 0.625rem /* 10/16 */ 1.25rem 1.25rem 1.25rem /* 20/16 */;
}
#userInfo .content .isDisplay {
  font-size: 0.875rem /* 14/16 */;
  color: #929896;
  padding: 0.8125rem /* 13/16 */ 0;
}
#userInfo .content .userForm .user {
  padding: 0.75rem 0 /* 12/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#userInfo .content .userForm .user .label {
  width: 7.5rem;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#userInfo .content .userForm .user .time-put {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#userInfo .content .userForm .user .time-put span {
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
}
#userInfo .content .userForm .user .time-put .userImgs {
  border-radius: 50%;
}
#userInfo .content .userForm .user .time-put label {
  display: inline-block;
  height: 3.625rem /* 58/16 */;
  width: 3.625rem /* 58/16 */;
  overflow: hidden;
}
#userInfo .content .userForm .user .time-put .ico-left {
  margin-left: 0.3125rem /* 5/16 */;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
  background: url("../img/Artboard 7.png") no-repeat center;
  background-size: 100% 100%;
}
#userInfo .content .importT {
  margin-top: 0.625rem /* 10/16 */;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 0.625rem /* 10/16 */;
}
#userInfo .content .importT::placeholder {
  font-size: 0.875rem /* 14/16 */;
  color: #c3bbb8;
}
#userInfo .content .subBut {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem /* 30/16 */;
}
#userInfo .content .subBut button {
  height: 3.125rem /* 50/16 */;
  width: 48%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 0.25rem /* 4/16 */;
}
#userInfo .content .subBut button:first-child {
  border: 1px solid #D3977E;
  color: #D3977E;
}
#userInfo .content .subBut button:last-child {
  background: #D3977E;
  color: #fff;
}
#userInfo .content textarea {
  width: 100%;
}
#service {
  position: relative;
  background-color: #fff;
  min-height: 100vh;
  height: auto;
  -webkit-overflow-scrolling: auto;
}
#service .Othertag {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
#service .van-actionsheet {
  max-height: 60% !important;
}
#service .liveServices .impression {
  border-bottom: none;
  overflow: hidden;
}
#service .liveServices .impression .tagAll .tag {
  width: auto;
  padding: 0 0.75rem;
  border-radius: 100px;
}
#service .liveServices .impression .tagAll .tag:nth-child(3n) {
  margin-right: 0.875rem;
}
#service .liveServices .impression .tagAll .tagChecked2 {
  border: 1px solid #D3977E;
  color: #D3977E;
  background: #fffaf7;
}
#service .liveServices .impression .textarea {
  margin-top: 0.75rem;
  width: 100%;
}
#service .liveServices .impression .textarea textarea {
  width: 100%;
  font-size: 0.9375rem;
}
#service .liveServices .impression .textarea textarea::placeholder {
  color: #979797;
}
#service .liveServices .impression .textarea p {
  text-align: right;
  font-size: 0.75rem;
  color: #b7b7b7;
}
#service .liveServices .impression .border {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 0.375rem 0.625rem;
}
#service .liveServices .impression .imgvideo {
  margin-top: 1.875rem;
  display: flex;
}
#service .liveServices .impression .imgvideo .imgList {
  display: flex;
  float: left;
  flex-wrap: wrap;
}
#service .liveServices .impression .imgvideo .imgList .imgChild {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  position: relative;
}
#service .liveServices .impression .imgvideo .imgList .imgChild .img1 {
  height: 5.0625rem;
  width: 5.0625rem;
  border-radius: 0.25rem;
}
#service .liveServices .impression .imgvideo .imgList .imgChild .close {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  height: 1.25rem;
  width: 1.25rem;
}
#service .liveServices .impression .imgvideo .imgList .text-one {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8e8e93;
  line-height: 1.25rem;
  /* 20/16 */
}
#service .liveServices .impression .imgvideo .van-uploader {
  margin-right: 0.625rem;
  height: 5.0625rem;
  width: 5.0625rem;
  border-radius: 0.25rem;
  border: dotted 1px #cfcfcf;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#service .liveServices .impression .imgvideo .van-uploader i {
  display: none;
}
#service .liveServices .impression .imgvideo .van-uploader img {
  height: 1.5rem;
  width: 1.5rem;
}
#service .liveServices .impression .imgvideo .van-uploader p {
  margin-top: 0.1875rem;
  font-size: 12px;
  color: #8e8e93;
}
#service .liveServices .box-f5 {
  padding: 1.25rem 1.25rem 10px 1.25rem;
}
#service .liveServices .box-f5 .textareas {
  margin-top: 0.25rem;
  border: none;
}
#service .liveServices .box-f5 .textareas textarea {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 0.3125rem 0.6875rem;
  font-size: 0.9375rem;
  width: 100%;
}
#service .liveServices .box-f5 .imgvideo {
  margin-top: 1rem;
}
#service .liveServices .box-f5 .title-blod {
  font-size: 1.25rem /* 20/16 */;
  color: #353535;
  line-height: 1.75rem /* 28/16 */;
  margin-bottom: 0.6875rem /* 11/16 */;
  display: flex;
}
#service .liveServices .box-f5 .tagSelect {
  display: flex;
  flex-direction: column;
}
#service .liveServices .box-f5 .tagSelect .child {
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  height: 2.5rem /* 40/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  display: flex;
  align-items: center;
  padding: 0 0.625rem /* 10/16 */;
}
#service .liveServices .box-f5 .tagSelect .child span {
  font-size: 0.9375rem /* 15/16 */;
  color: #6f6f6f;
  margin-left: 0.5rem /* 8/16 */;
}
#service .pd60 {
  padding-bottom: 60px;
}
#service .sub {
  margin-top: 1.25rem;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
}
#service .sub button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.125rem;
  font-size: 0.9375rem;
  color: #ffffff;
  background: #D3977E;
  border-radius: 4px;
}
.mt20 {
  margin-top: 1.25rem /* 20/16 */;
}
.d-checkbox-type input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 19px;
  height: 19px;
  background: url("../img/ico3.png") center center no-repeat;
  background-size: 100% 100%;
  outline: none;
  cursor: pointer;
}
.d-checkbox-type input[type="radio"]:after {
  content: "";
  position: absolute;
  height: 19px;
  width: 19px;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.d-checkbox-type input[type="radio"]:checked:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  box-sizing: border-box;
  background: url("../img/ico4.png") center center no-repeat;
  background-size: 100% 100%;
  border: transparent;
}
#apps {
  background: #fff;
  width: 100%;
  min-height: 100vh;
  position: relative;
  height: auto;
}
.relation {
  padding-bottom: 3.75rem /* 60/16 */;
}
.relation .box-main-1 {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.25rem /* 20/16 */;
  border-bottom: 0.375rem /* 6/16 */ solid #FBFBFB;
  padding: 0 1.25rem 1.25rem /* 20/16 */;
}
.relation .box-main-1 .hospital {
  display: flex;
  flex-direction: column;
  height: 5.125rem /* 82/16 */;
}
.relation .box-main-1 .hospital label {
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  padding-top: 1.4375rem /* 23/16 */;
}
.relation .box-main-1 .hospital input {
  padding-top: 0.625rem /* 10/16 */;
  font-size: 1rem /* 16/16 */;
}
.relation .box-main-1 .hospital input::placeholder {
  font-size: 0.875rem /* 14/16 */;
  color: #ADADAD;
}
.relation .add-sub {
  width: 7.5rem;
  height: 2.125rem;
  line-height: 2.125rem;
  border-radius: 4px;
  color: #D3977E;
  font-size: 0.875rem;
  text-align: center;
  margin: 0.9375rem 0;
  display: inline-block;
}
.relation .footer-but {
  width: 90%;
  background: #C3C3C3;
  border-radius: 4px;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  margin: 0 auto;
  cursor: pointer;
}
.relation .select {
  transition: 0.5s all;
  position: absolute;
  border: 1px solid #e4e7ed;
  margin-top: 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  width: 100%;
  background: #fff;
  font-size: 14px;
  color: #121212;
}
.relation .select ul {
  padding: 0 20px;
}
.relation .select ul li {
  height: 52px;
  line-height: 52px;
  text-indent: 5px;
  border-bottom: 1px solid #d8d8d8;
}
.relation .select ul li:last-child {
  border-bottom: none;
}
.relation .select p {
  height: 40px;
  line-height: 40px;
  text-indent: 5px;
  text-align: center;
}
.relation .big-value {
  position: relative;
}
.relation .activeShow {
  display: none;
}
.relation .search-text {
  color: #D3977E;
}
.relation .select-box {
  position: relative;
}
.patient {
  padding: 2.9375rem 1.25rem 0 1.25rem;
}
.patient .patient-card {
  background: #ffffff;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  margin-top: 0.875rem;
}
.patient .patient-card .patient-card-top {
  height: 5.3125rem;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
}
.patient .patient-card .patient-card-top .info-l {
  margin-left: 1rem;
  height: 3rem;
  width: 3rem;
  overflow: hidden;
  margin-right: 0.6875rem;
}
.patient .patient-card .patient-card-top .info-r .info-r-p1 span {
  display: inline-block;
  max-width: 6.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.125rem;
  color: #353535;
  font-weight: bold;
}
.patient .patient-card .patient-card-top .info-r .info-r-p1 a {
  background: #fffbfa;
  border: 1px solid #ffc49b;
  border-radius: 4px;
  font-size: 11px;
  color: #D3977E;
  padding: 0 0.4375rem;
  margin-left: 0.4375rem;
  display: inline-block;
  max-width: 3.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patient .patient-card .patient-card-top .info-r .info-r-p2 span {
  font-size: 0.8125rem;
  color: #353535;
  margin-right: 0.125rem;
}
.patient .patient-card .patient-card-bottom {
  padding: 1.0625rem 1rem 1.25rem 1rem;
}
.patient .patient-card .patient-card-bottom .info-b-p3 {
  font-size: 0.9375rem;
  color: #353535;
}
.patient .patient-card .patient-card-bottom .info-b-p4 {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  color: #8f8f8f;
}
.patient .patient-card .patient-card-bottom .info-b-imgall {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
.patient .patient-card .patient-card-bottom .info-b-imgall img {
  height: 4.375rem;
  width: 4.375rem;
  border-radius: 0.3125rem;
}
.patient .patient-card .patient-card-bottom .info-b-imgall video {
  height: 4.375rem;
  width: 4.375rem;
}
.patient .time {
  font-size: 0.875rem;
  color: #353535;
  margin-top: 1.0625rem;
}
.patient .money {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  color: #353535;
}
.patient .patient-but {
  display: flex;
  justify-content: space-between;
  margin-top: 4.375rem;
}
.patient .patient-but a {
  width: 46%;
  display: inline-block;
  height: 2.5rem;
  border: 1px solid #D3977E;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: #D3977E;
  text-align: center;
  line-height: 2.375rem;
}
.patient .patient-but .cuk {
  background: #D3977E;
  color: #fff;
}
.diary {
  position: relative;
  width: 100%;
  padding: 1.0625rem 1.25rem 2rem 1.25rem;
}
.diary .bigMain {
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(66, 66, 66, 0.06);
  border-radius: 0.25rem /* 4/16 */;
  padding: 0 1rem /* 16/16 */;
}
.diary .userInfo {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}
.diary .userInfo .img-user {
  height: 3.875rem;
  width: 3.875rem;
  border-radius: 50%;
  overflow: hidden;
}
.diary .userInfo .name {
  font-size: 1.0625rem;
  color: #242424;
  line-height: 1.375rem;
  margin-top: 0.5625rem;
  font-weight: bold;
}
.diary .userInfo .info {
  color: #8a8a8a;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin: 0.1875rem 0 0.3125rem 0;
}
.diary .userInfo .problew {
  display: flex;
  align-items: center;
  justify-content: center;
}
.diary .userInfo .problew .txt {
  width: 100%;
  font-size: 0.875rem;
  color: #353535;
  text-align: center;
}
.diary .userInfo .problew img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
.diary .userBoxs {
  border-top: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  margin-top: 0.875rem /* 14/16 */;
  position: relative;
}
.diary .userBoxs .title1 {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
  text-align: center;
  margin-top: 0.9375rem /* 15/16 */;
}
.diary .userBoxs .title1 span {
  background: url("../img/bg1.png") no-repeat bottom;
  background-size: 4rem 0.5rem;
}
.diary .userBoxs .img-all {
  font-size: 0;
  margin-top: 0.8125rem;
  display: flex;
  flex-wrap: wrap;
}
.diary .userBoxs .img-all div {
  width: calc((100vw - 88px)/3);
  height: calc((100vw - 88px)/3);
  margin-right: 0.5rem /* 8/16 */;
  margin-bottom: 0.5rem /* 8/16 */;
}
.diary .userBoxs .img-all div:nth-child(3n) {
  margin-right: 0;
}
.diary .userBoxs .img-all div img {
  display: inline-block;
  border-radius: 0.25rem;
}
.diary .userBoxs .title2 {
  font-size: 0.9375rem;
  color: #242424;
  line-height: 1.375rem;
  font-weight: normal;
  position: relative;
  display: flex;
  margin-top: 1rem /* 16/16 */;
}
.diary .userBoxs .title2 img {
  width: 100%;
  height: 1.875rem;
  position: absolute;
  top: 0;
}
.diary .userBoxs .title2 .none {
  display: none;
}
.diary .userBoxs .txt1 {
  margin: 0.3125rem 0 0.625rem 0;
  font-size: 0.9375rem;
  color: #797979;
  line-height: 1.375rem;
}
.diary .userBoxs .signature {
  display: flex;
  justify-content: flex-end;
}
.diary .userBoxs .signature .img1 {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 50%;
}
.diary .userBoxs .signature .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0.375rem;
}
.diary .userBoxs .signature .right .img2 {
  height: 1.5625rem;
}
.diary .userBoxs .signature .right .img3 {
  height: 1.2rem;
}
.diary .userBoxs .none {
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0.875rem;
}
.diary .userBoxs .showMore {
  max-height: 3000px;
  margin-bottom: 0;
  overflow: hidden;
  height: 100%;
}
.diary .userBoxs .doctorSignature {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.diary .userBoxs .doctorSignature .left {
  margin-right: 0.375rem /* 6/16 */;
}
.diary .userBoxs .doctorSignature .left .img3 {
  height: 3.125rem /* 50/16 */;
  width: 3.125rem /* 50/16 */;
  overflow: hidden;
  border-radius: 50%;
}
.diary .userBoxs .doctorSignature .right {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.diary .userBoxs .doctorSignature .right .img1 {
  height: 1.5625rem /* 25/16 */;
  width: 6.8125rem /* 125/16 */;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.diary .userBoxs .doctorSignature .right .img1 img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.diary .userBoxs .doctorSignature .right .img2 {
  height: 1.5625rem /* 25/16 */;
  width: 5rem /* 80/16 */ /* 115/16 */;
  overflow: hidden;
}
.diary .courseBox {
  margin-top: 1.25rem;
}
.diary .courseBox .top {
  display: flex;
  justify-content: space-between;
  line-height: 1.5625rem;
}
.diary .courseBox .top .span {
  font-size: 18px;
  color: #242424;
  font-weight: bold;
}
.diary .courseBox .top .right span {
  margin-right: 0.375rem;
  display: inline-block;
  background: #f1f1f1;
  border-radius: 100px;
  height: 1.25rem;
  font-size: 0.75rem;
  color: #373737;
  padding: 0 0.625rem;
  line-height: 1.25rem;
}
.diary .courseBox .top .right span:last-child {
  margin-right: 0;
}
.diary .courseBox .top .right .cukClass {
  color: #ffffff;
  background-image: linear-gradient(-90deg, #ffbb78 0%, #D3977E 86%);
}
.diary .courseBox .coureList {
  margin-top: 0.875rem;
  border-left: 3px solid #e8e8e8;
  position: relative;
}
.diary .courseBox .coureList .mt20 {
  margin-top: 1.25rem;
}
.diary .courseBox .coureList .child {
  margin-top: 1.25rem;
  display: flex;
}
.diary .courseBox .coureList .child .left {
  position: relative;
  width: 0.9375rem;
}
.diary .courseBox .coureList .child .left .sldeImg {
  position: absolute;
  height: 0.625rem;
  width: 0.625rem;
  left: -15px;
  top: -1px;
}
.diary .courseBox .coureList .child .right {
  margin-left: 0.75rem /* 12/16 */;
}
.diary .courseBox .coureList .child .right .rightMain {
  margin-top: 0.9375rem /* 15/16 */;
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0.25rem /* 4/16 */;
  padding: 0.625rem /* 10/16 */;
}
.diary .courseBox .coureList .child .right .time {
  font-size: 0.9375rem;
  color: #242424;
  line-height: 1.3125rem;
  font-weight: bold;
}
.diary .courseBox .coureList .child .right .imgList {
  display: flex;
  flex-wrap: wrap;
}
.diary .courseBox .coureList .child .right .imgList div {
  position: relative;
  display: inline-block;
  width: calc((100vw - 100px)/3);
  height: calc((100vw - 100px)/3);
  margin-right: 0.5rem /* 8/16 */;
  margin-bottom: 0.5rem /* 8/16 */;
  overflow: hidden;
}
.diary .courseBox .coureList .child .right .imgList div:nth-child(3n) {
  margin-right: 0;
}
.diary .courseBox .coureList .child .right .imgList div img {
  border-radius: 0.25rem;
}
.diary .courseBox .coureList .child .right .imgList div .msg {
  position: absolute;
  right: 0;
  bottom: 5px;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.diary .courseBox .coureList .child .right .name {
  margin-top: 0.3125rem;
  font-weight: bold;
  font-size: 0.875rem;
  color: #242424;
  line-height: 1.375rem;
}
.diary .courseBox .coureList .child .right .txt {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  color: #797979;
  line-height: 1.25rem;
}
.diary .courseBox .coureList .bottom {
  display: flex;
  margin-left: 0.75rem;
  margin-top: 0.625rem;
}
.diary .courseBox .coureList .bottom .sldeImg2 {
  position: absolute;
  height: 0.625rem;
  width: 0.625rem;
  left: -15px;
  bottom: -1px;
}
.diary .courseBox .coureList .bottom div {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  position: relative;
  top: 5px;
}
.diary .courseBox .coureList .bottom div .kan {
  width: 0.8125rem;
  height: 0.5rem;
}
.diary .courseBox .coureList .bottom div .yan {
  width: 0.75rem;
  height: 0.75rem;
}
.diary .courseBox .coureList .bottom div .zan {
  height: 0.75rem;
  width: 0.6875rem;
}
.diary .courseBox .coureList .bottom div span {
  margin-left: 0.1875rem;
  font-size: 13.67px;
  color: #b3b3b3;
}
.diary .doctorCard {
  margin-top: 1.25rem;
  height: 4.5625rem;
  width: 100%;
  background: url("../img/Artboard 24.png") no-repeat center;
  background-size: 100% 4.625rem;
  display: flex;
  align-items: center;
  padding: 0 0.8125rem;
}
.diary .doctorCard img {
  height: 2.625rem;
  width: 2.625rem;
  margin-right: 0.5rem;
  border-radius: 50%;
}
.diary .doctorCard .card .c-pt .name {
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5625rem;
  margin-right: 0.625rem;
}
.diary .doctorCard .card .c-pt .txt {
  line-height: 0.9375rem;
  font-size: 0.8125rem;
  color: #ffffff;
  margin-right: 0.625rem;
}
.diary .doctorCard .card .c-pb {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.25rem;
}
.diary .comment {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.diary .comment .c-top {
  line-height: 1.3125rem;
  display: flex;
  justify-content: space-between;
}
.diary .comment .c-top .span-num {
  font-size: 0.9375rem;
  color: #232323;
}
.diary .comment .c-top .span-more {
  font-size: 0.75rem;
  color: #b3b3b3;
}
.diary .comment .cukSpan {
  color: #D3977E;
}
.diary .comment .c-bottom {
  margin-top: 0.75rem;
}
.diary .comment .c-bottom .no-tip {
  font-size: 12px;
  color: #8a8a8a;
  text-align: center;
  padding-bottom: 20px;
}
.diary .comment .c-bottom .c-b-child {
  margin-bottom: 0.625rem;
  display: flex;
  overflow: hidden;
}
.diary .comment .c-bottom .c-b-child img {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  margin-right: 0.8125rem;
}
.diary .comment .c-bottom .c-b-child .comment-txt {
  flex: 1;
}
.diary .comment .c-bottom .c-b-child .comment-txt .txt-p1 {
  display: flex;
  justify-content: space-between;
}
.diary .comment .c-bottom .c-b-child .comment-txt .txt-p1 .s1 {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
  line-height: 1.375rem;
}
.diary .comment .c-bottom .c-b-child .comment-txt .txt-p1 .s2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.375rem;
}
.diary .comment .c-bottom .c-b-child .comment-txt .txt-p2 {
  font-size: 0.9375rem;
  color: #797979;
  line-height: 1.375rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.diary .getmore {
  position: relative;
  font-size: 12px;
  color: #a1a1a1;
  background: #dedede;
  height: 1px;
  width: 100%;
  z-index: 1;
  text-align: center;
  margin: 0.625rem 0 1.25rem 0;
}
.diary .getmore span {
  padding: 0 10px;
  background: #fff;
  position: relative;
  top: -0.5rem;
}
.make {
  position: fixed;
  padding: 7px 20px;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}
.make .make-tar {
  flex: 1;
  margin-right: 0.875rem;
}
.make .make-tar textarea {
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 100%;
  padding: 7px 10px;
  color: #000;
}
.make .make-tar textarea::placeholder {
  font-size: 0.875rem;
  color: #979797;
}
.make .van-cell {
  padding: 0;
}
.make .make-cuk {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.make .make-cuk span {
  display: inline-block;
  height: 1.625rem;
  padding: 0 0.5rem;
  background: #D3977E;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.5rem;
  text-align: center;
  margin-right: 0.5rem;
}
.make .make-cuk img {
  height: 1.125rem;
  width: 1.25rem;
  position: relative;
  top: -3px;
}
.make [class*="van-hairline"] {
  position: inherit !important;
}
.suspend {
  position: fixed;
  top: 0;
  height: 5rem;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(178, 178, 178, 0.09);
  padding: 0.6875rem 2.125rem;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: all 1s;
}
.suspend .txt {
  font-size: 12px;
  color: #242424;
}
.suspend .img img {
  height: 3.625rem;
  width: 3.625rem;
  border-radius: 0.25rem;
  float: left;
}
.suspend .img img:nth-child(2n) {
  margin: 0 6px;
}
.activesuspend {
  opacity: 1;
}
.activeDetails {
  position: fixed;
  top: 0;
  height: 5rem;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(178, 178, 178, 0.09);
  padding: 0.6875rem 3.125rem;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 1s;
}
#home {
  min-height: 100vh;
  background: #fff;
  width: 100%;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */ 3.75rem /* 60/16 */ /* 20/16 */ 1.25rem /* 20/16 */;
}
#home .main .restBox {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
  border-radius: 3.91px;
  padding: 1rem 0.75rem 1rem 0.75rem;
  margin-bottom: 1.25rem /* 20/16 */;
}
#home .main .restBox .problew {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem /* 8/16 */;
}
#home .main .restBox .problew .txt {
  font-size: 0.875rem;
  color: #353535;
  text-align: center;
  padding: 0 3px;
}
#home .main .restBox .problew img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
#home .main .restBox .problew img:first-child {
  position: relative;
  top: -3px;
}
#home .main .restBox .problew img:last-child {
  position: relative;
  top: 3px;
}
#home .main .restBox .rest-d1 {
  margin-bottom: 0.625rem;
  display: flex;
}
#home .main .restBox .rest-d1 .rest-d1-l {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  margin-right: 0.5625rem;
  overflow: hidden;
}
#home .main .restBox .rest-d1 .rest-d1-l img {
  width: 100%;
}
#home .main .restBox .rest-d1 .rest-d1-r .p1 {
  font-size: 0.875rem;
  color: #4d4d4d;
  line-height: 1.25rem;
}
#home .main .restBox .rest-d1 .rest-d1-r .p2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
#home .main .restBox .rest-d2 {
  overflow: hidden;
  position: relative;
  height: calc((100vw - 64px)*2/3);
  width: 100%;
  display: flex;
}
#home .main .restBox .rest-d2 .msg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#home .main .restBox .rest-d2 .img2 {
  position: absolute;
  right: 0;
  height: calc((100vw - 74px)/3);
  width: calc((100vw - 74px)/3);
  overflow: hidden;
  border-radius: 0.25rem;
}
#home .main .restBox .rest-d2 .img2 img {
  width: 100%;
  height: auto;
}
#home .main .restBox .rest-d2 .img3 {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc((100vw - 74px)/3);
  width: calc((100vw - 74px)/3);
  border-radius: 0.25rem;
  overflow: hidden;
}
#home .main .restBox .rest-d2 .img3 img {
  width: 100%;
  height: auto;
}
#home .main .restBox .rest-d2 .img1 {
  position: absolute;
  left: 0;
  overflow: hidden;
  height: calc((100vw - 64px)*2/3);
  width: calc((100vw - 74px)*2/3);
  border-radius: 0.25rem;
}
#home .main .restBox .rest-d2 .img1 img {
  width: 100%;
  height: auto;
}
#home .main .restBox .rest-card {
  overflow: hidden;
  position: relative;
  height: calc((100vw - 80px) / 100 * 70);
  width: 100%;
  display: flex;
}
#home .main .restBox .rest-card .msg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#home .main .restBox .rest-card .img2 {
  position: absolute;
  right: 0;
  height: calc((100% - 10px)/2);
  width: 33.3%;
  overflow: hidden;
  border-radius: 0.25rem;
}
#home .main .restBox .rest-card .img3 {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc((100% - 10px)/2);
  width: 33.3%;
  border-radius: 0.25rem;
  overflow: hidden;
}
#home .main .restBox .rest-card .img1 {
  position: absolute;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 64.4%;
  border-radius: 0.25rem;
}
#home .main .restBox .rest-d3 {
  margin-top: 0.9375rem;
  font-size: 0;
}
#home .main .restBox .rest-d3 span {
  border: 1px solid #D3977E;
  border-radius: 0.25rem;
  display: inline-block;
  height: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: #D3977E;
  line-height: 1.125rem;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 7px;
}
#home .main .restBox .rest-d3 .tag {
  font-size: 0.75rem;
  display: flex;
  margin-bottom: 0.75rem /* 12/16 */;
  flex-wrap: wrap;
}
#home .main .restBox .rest-d3 .tag div {
  display: flex;
  align-items: center;
  height: 1.5rem /* 24/16 */;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  padding: 0 0.75rem /* 12/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #171717;
  border-radius: 0.25rem /* 4/16 */;
  border: 1px solid #cb5f2c;
  color: #cb5f2c;
}
#home .main .restBox .rest-d4 {
  padding: 0 0.3125rem;
}
#home .main .restBox .rest-d4 .title {
  font-size: 0.8125rem;
  color: #242424;
  line-height: 1.375rem;
  font-weight: bold;
}
#home .main .restBox .rest-d4 .txt {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  color: #797979;
  line-height: 1.25rem;
}
#home .main .restBox .mb15 {
  margin-bottom: 0.9375rem;
}
#home .main .restBox .rest-d5 {
  display: flex;
  margin-top: 0.3125rem;
}
#home .main .restBox .rest-d5 div {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  position: relative;
  top: 5px;
}
#home .main .restBox .rest-d5 div .kan {
  width: 0.8125rem;
  height: 0.5rem;
}
#home .main .restBox .rest-d5 div .yan {
  width: 0.75rem;
  height: 0.75rem;
}
#home .main .restBox .rest-d5 div .zan {
  height: 0.6875rem;
  width: 0.75rem;
}
#home .main .restBox .rest-d5 div span {
  margin-left: 0.1875rem;
  font-size: 13.67px;
  color: #b3b3b3;
}
#home .main .restBox .rest-d6 {
  display: flex;
  align-items: center;
}
#home .main .restBox .rest-d6 .txt {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #353535;
}
#home .main .restBox .rest-d6 .txt img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
#home .addBut {
  padding-top: 0.625rem /* 10/16 */;
}
#home .addBut button {
  height: 3.125rem /* 50/16 */;
  border: 1px solid #cb5f2c;
  border-radius: 0.25rem /* 4/16 */;
  font-size: 1rem /* 16/16 */;
  color: #cb5f2c;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#article {
  min-height: 100vh;
  background: #fff;
  width: 100%;
  padding: 1.25rem /* 20/16 */ /* 10/16 */ 1.25rem /* 20/16 */ 1.75rem /* 60/16 */ /* 20/16 */ 1.25rem /* 20/16 */;
}
#article .articleMain {
  position: relative;
}
#article .articleMain .article-box1 .p1 {
  font-size: 1.25rem /* 20/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
}
#article .articleMain .article-box1 .p2 {
  margin-top: 0.9375rem /* 15/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#article .articleMain .article-box1 .p2 .p2-left {
  display: flex;
  align-items: center;
}
#article .articleMain .article-box1 .p2 .p2-left .p2-leftIMG {
  height: 2.0625rem /* 33/16 */;
  width: 2.0625rem /* 33/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#article .articleMain .article-box1 .p2 .p2-left .p2-leftIMG img {
  width: 100%;
}
#article .articleMain .article-box1 .p2 .p2-left .p2-s1 {
  margin-left: 0.625rem /* 10/16 */;
  font-size: 1rem /* 16/16 */;
  color: #242424;
  margin-right: 0.5rem /* 8/16 */;
}
#article .articleMain .article-box1 .p2 .p2-left .p2-s2 {
  margin-right: 0.25rem /* 8/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
  padding-top: 0.25rem /* 4/16 */;
}
#article .articleMain .article-box1 .p2 .p2-right {
  font-size: 0.75rem /* 12/16 */;
  color: #b3b3b3;
}
#article .articleMain .article-box2 {
  margin-top: 0.625rem /* 10/16 */;
}
#article .articleMain .article-box2 .top-box span {
  font-size: 14px;
  color: #ff8a00;
  margin-right: 0.375rem /* 6/16 */;
}
#article .articleMain .article-box2 .bottom-box {
  padding: 1.25rem /* 20/16 */ 0;
}
#article .articleMain .article-box3 {
  margin-top: 1.25rem /* 20/16 */;
  position: relative;
}
#article .articleMain .article-box3 .comment {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
#article .articleMain .article-box3 .comment .c-top {
  line-height: 1.3125rem;
  display: flex;
  justify-content: space-between;
}
#article .articleMain .article-box3 .comment .c-top .span-num {
  font-size: 0.9375rem;
  color: #232323;
}
#article .articleMain .article-box3 .comment .c-top .span-more {
  font-size: 0.75rem;
  color: #b3b3b3;
}
#article .articleMain .article-box3 .comment .cukSpan {
  color: #D3977E;
}
#article .articleMain .article-box3 .comment .c-bottom {
  margin-top: 0.75rem;
}
#article .articleMain .article-box3 .comment .c-bottom .no-tip {
  font-size: 12px;
  color: #8a8a8a;
  text-align: center;
  padding-bottom: 20px;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child {
  margin-bottom: 0.625rem;
  display: flex;
  overflow: hidden;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .c-b-childIMG {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  margin-right: 0.8125rem;
  overflow: hidden;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .c-b-childIMG img {
  width: 100%;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt {
  flex: 1;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p1 {
  font-size: 0.8125rem;
  color: #242424;
  letter-spacing: 0;
  line-height: 1.375rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.375rem /* 6/16 */;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p1 .span-txt {
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p1 .span-num {
  font-size: 0.75rem /* 12/16 */;
  color: #b3b3b3;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
#article .articleMain .article-box3 .comment .c-bottom .c-b-child .comment-txt .c-t-p3 {
  font-size: 0.8125rem;
  color: #797979;
  line-height: 1.125rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
#article .articleMain .article-box3 .wenzhang {
  position: absolute;
  font-size: 12px;
  color: #afafaf;
  padding: 0 0.25rem /* 4/16 */;
  bottom: -10px;
  z-index: 10;
  left: 50%;
  margin-left: -28px;
}
#article .articleMain .article-box4 {
  margin-top: 1.25rem /* 20/16 */;
}
#article .articleMain .article-box4 .box4-child {
  padding: 1.25rem /* 20/16 */ 0;
}
#article .articleMain .article-box4 .box4-child::after {
  border-bottom-width: 0px;
}
#article .articleMain .article-box4 .box4-child .p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  margin-bottom: 0.375rem /* 6/16 */;
}
#article .articleMain .article-box4 .box4-child .p2-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#article .articleMain .article-box4 .box4-child .p2-main .p2-l {
  display: flex;
  align-items: center;
}
#article .articleMain .article-box4 .box4-child .p2-main .p2-l .p2-l-img {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#article .articleMain .article-box4 .box4-child .p2-main .p2-l .p2-l-img img {
  width: 100%;
}
#article .articleMain .article-box4 .box4-child .p2-main .p2-l .s1 {
  margin-left: 0.3125rem /* 5/16 */;
  font-size: 15px;
  color: #3c3e45;
}
#article .articleMain .article-box4 .box4-child .p2-main .p2-l .s2 {
  margin-left: 0.25rem /* 2/16 */;
  font-size: 13px;
  color: #797979;
}
#article .articleMain .article-box4 .box4-child .p2-main .rest-d5 {
  margin-top: 0;
}
#article .articleMain .rest-d5 {
  display: flex;
  margin-top: 0.3125rem;
}
#article .articleMain .rest-d5 div {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  position: relative;
  top: 5px;
}
#article .articleMain .rest-d5 div .kan {
  width: 0.8125rem;
  height: 0.5rem;
}
#article .articleMain .rest-d5 div .yan {
  width: 0.75rem;
  height: 0.75rem;
}
#article .articleMain .rest-d5 div .zan {
  height: 0.6875rem;
  width: 0.75rem;
}
#article .articleMain .rest-d5 div span {
  margin-left: 0.1875rem;
  font-size: 13.67px;
  color: #b3b3b3;
}
#record {
  min-height: 100vh;
  width: 100%;
  background: #fff;
}
#record .main {
  position: relative;
}
#record .main .main-news {
  height: 2.5rem /* 40/16 */;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#record .main .main-news div {
  position: relative;
  font-size: 1rem;
  color: #979797;
  height: 100%;
  display: flex;
  align-items: center;
}
#record .main .main-news .active {
  color: #D3977E;
  border-bottom: 4px solid #D3977E;
}
#record .main .main-info {
  padding: 1.25rem /* 20/16 */;
}
#record .main .main-info .infoMain {
  background: #ffffff;
  box-shadow: 0 2px 16px 0 rgba(66, 66, 66, 0.12);
  border-radius: 4px;
  width: 100%;
  height: 9.1875rem /* 147/16 */;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#record .main .main-info .infoMain .userImgs {
  height: 3.9375rem /* 63/16 */;
  width: 3.9375rem /* 63/16 */;
  border-radius: 50%;
  margin-top: 0.9375rem /* 15/16 */;
  overflow: hidden;
}
#record .main .main-info .infoMain .userImgs img {
  width: 100%;
}
#record .main .main-info .infoMain .p1 {
  font-size: 1rem;
  color: #242424;
  line-height: 1.375rem /* 22/16 */;
  padding: 0.5625rem /* 9/16 */ 0 0.25rem /* 4/16 */ 0;
}
#record .main .main-info .infoMain .p2 span {
  font-size: 0.875rem /* 14/16 */;
  color: #8a8a8a;
  margin-right: 0.5rem /* 8/16 */ /* 4/16 */;
}
#record .main .main-tag {
  margin-top: 1.25rem /* 20/16 */;
  padding: 0 1.25rem /* 20/16 */;
}
#record .main .main-tag .tagOne .top {
  display: flex;
  justify-content: space-between;
}
#record .main .main-tag .tagOne .top .s1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  position: relative;
  padding-left: 0.375rem /* 6/16 */ /* 4/16 */;
}
#record .main .main-tag .tagOne .top .s1::after {
  content: "";
  position: absolute;
  width: 0.1875rem /* 3/16 */;
  height: 0.625rem /* 10/16 */ /* 9/16 */;
  background: #D3977E;
  left: 0;
  top: 4px;
}
#record .main .main-tag .tagOne .top .s2 {
  font-size: 0.875rem /* 14/16 */;
  color: #D3977E;
}
#record .main .main-tag .tagOne .bottom {
  margin-top: 0.625rem /* 10/16 */;
  flex-wrap: wrap;
  display: flex;
}
#record .main .main-tag .tagOne .bottom div {
  height: 1.75rem /* 28/16 */;
  padding: 0 0.75rem /* 12/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #8a8a8a;
  border: 1px dotted #d8d8d8;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  margin: 0 0.75rem /* 12/16 */ 0.75rem /* 12/16 */ 0;
}
#record .main .main-tag .tagOne .bottom div span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#record .main .main-tag .tagOne .bottom div img {
  height: 1rem /* 22/16 */;
  width: 1rem /* 22/16 */;
  position: absolute;
  top: -6px;
  right: -6px;
}
#record .main .main-tag .tagOne .bottom .last {
  border: 1px dotted #D3977E;
  color: #D3977E;
}
#record .main .main-remarkInfo {
  padding: 0 1.25rem;
  margin-top: 1.25rem /* 20/16 */;
}
#record .main .main-remarkInfo .tagOne .top {
  display: flex;
  justify-content: space-between;
}
#record .main .main-remarkInfo .tagOne .top .s1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  position: relative;
  padding-left: 0.375rem /* 6/16 */ /* 4/16 */;
}
#record .main .main-remarkInfo .tagOne .top .s1::after {
  content: "";
  position: absolute;
  width: 0.1875rem /* 3/16 */;
  height: 0.625rem /* 10/16 */ /* 9/16 */;
  background: #D3977E;
  left: 0;
  top: 4px;
}
#record .main .main-remarkInfo .tagOne .top .s2 {
  font-size: 0.875rem;
  color: #D3977E;
}
#record .main .main-remarkInfo .tagOne .top .s2 .a1 {
  color: #D3977E;
  padding-right: 0.625rem /* 10/16 */;
}
#record .main .main-remarkInfo .tagOne .top .s2 .a2 {
  color: #D3977E;
}
#record .main .main-remarkInfo .remarkInfo .addNewInput {
  font-size: 14px;
  color: #D3977E;
  margin-top: 10px;
  padding-bottom: 6px;
}
#record .main .main-remarkInfo .remarkInfo .info {
  display: flex;
  margin-top: 8px;
}
#record .main .main-remarkInfo .remarkInfo .info .van-cell {
  padding: 0;
}
#record .main .main-remarkInfo .remarkInfo .info .van-cell:not(:last-child)::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  right: 0;
  bottom: 0;
  left: 15px;
  border-bottom: none;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
#record .main .main-remarkInfo .remarkInfo .info .info-l {
  font-size: 13px;
  color: #242424;
  width: 68px;
  overflow: hidden;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t {
  padding: 2px 3px;
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  border: 1px solid #D3977E;
  border-radius: 2px;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .van-field--disabled .van-field__control,
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .van-field__right-icon {
  color: #797979;
  opacity: 1;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t textarea {
  width: 100%;
  font-size: 13px;
  color: #242424;
  line-height: 24px;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .van-field__control:disabled {
  color: #797979;
  opacity: 1;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .text {
  flex: 1;
  font-size: 0.9375rem /* 15/16 */;
  color: #797979;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .updeteText {
  min-height: 2.125rem /* 34/16 */;
  border: 0.5px solid #D3977E;
  padding: 0 0.625rem /* 10/16 */;
  border-radius: 0.125rem /* 2/16 */;
  display: flex;
  align-items: center;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .updeteImg {
  display: none;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t .ico {
  margin-left: 0.8125rem /* 13/16 */;
  height: 1rem /* 16/16 */;
  width: 1rem /* 16/16 */;
}
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t input:disabled,
#record .main .main-remarkInfo .remarkInfo .info .info-l .info-r-t textarea:disabled {
  -webkit-text-fill-color: #797979;
  -webkit-opacity: 1;
  color: #797979;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r {
  margin-left: 0.9375rem /* 15/16 */;
  flex: 1;
  display: flex;
  align-items: center;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .saveInfo {
  font-size: 14px;
  color: #D3977E;
  width: 36px;
  text-align: right;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t {
  padding: 2px 3px;
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  border: 1px solid #D3977E;
  border-radius: 2px;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .van-field--disabled .van-field__control,
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .van-field__right-icon {
  color: #797979;
  opacity: 1;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t textarea {
  width: 100%;
  font-size: 13px;
  color: #242424;
  line-height: 24px;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .van-field__control:disabled {
  color: #797979;
  opacity: 1;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .text {
  flex: 1;
  font-size: 0.9375rem /* 15/16 */;
  color: #797979;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .updeteText {
  min-height: 2.125rem /* 34/16 */;
  border: 0.5px solid #D3977E;
  padding: 0 0.625rem /* 10/16 */;
  border-radius: 0.125rem /* 2/16 */;
  display: flex;
  align-items: center;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .updeteImg {
  display: none;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t .ico {
  margin-left: 0.8125rem /* 13/16 */;
  height: 1rem /* 16/16 */;
  width: 1rem /* 16/16 */;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t input:disabled,
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-t textarea:disabled {
  -webkit-text-fill-color: #797979;
  -webkit-opacity: 1;
  color: #797979;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-b {
  display: flex;
  margin-top: 0.625rem /* 10/16 */;
  flex: 1;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-b div {
  border-radius: 0.125rem /* 2/16 */;
  height: 1.75rem /* 28/16 */;
  width: 3.3125rem /* 53/16 */;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-b .confirm {
  color: #FFFFFF;
  background: #D3977E;
}
#record .main .main-remarkInfo .remarkInfo .info .info-r .info-r-b .cancel {
  color: #979797;
  margin-left: 0.625rem /* 10/16 */;
  position: relative;
}
#record .main .main-remarkInfo .remarkInfo .info .info-img {
  flex: 1;
  margin-left: 0.9375rem /* 15/16 */;
}
#record .main .main-remarkInfo .remarkInfo .info .info-img .weui-uploader__file {
  position: relative;
}
#record .main .main-remarkInfo .remarkInfo .info .info-img .uploader_file-ico {
  height: 1rem /* 20/16 */;
  width: 1rem /* 20/16 */;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
#record .main .main-remarkInfo .remarkInfo .infoTwo {
  display: flex;
  flex-direction: column;
}
#record .main .main-remarkInfo .remarkInfo .infoTwo .info-img {
  margin-left: 0;
}
#record .main .main-remarkInfo .remarkInfo .infoTwo .info-l {
  margin-bottom: 10px;
}
#record .main .main-tel {
  padding: 0 1.25rem /* 20/16 */;
  margin-top: 1.25rem /* 20/16 */;
}
#record .main .main-tel .tagOne .top {
  display: flex;
  justify-content: space-between;
}
#record .main .main-tel .tagOne .top .s1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  position: relative;
  padding-left: 0.375rem /* 6/16 */ /* 4/16 */;
}
#record .main .main-tel .tagOne .top .s1::after {
  content: "";
  position: absolute;
  width: 0.1875rem /* 3/16 */;
  height: 0.625rem /* 10/16 */ /* 9/16 */;
  background: #D3977E;
  left: 0;
  top: 4px;
}
#record .main .main-tel .tagOne .top .s2 {
  font-size: 0.875rem /* 14/16 */;
  color: #c3bbb8;
}
#record .main .main-tel .tagOne .bottom-all {
  margin-bottom: 0.625rem /* 10/16 */;
}
#record .main .main-tel .tagOne .bottom {
  height: 2.5rem /* 40/16 */;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
}
#record .main .main-tel .tagOne .bottom .name {
  font-size: 15px;
  color: #353535;
}
#record .main .main-tel .tagOne .bottom .tel {
  margin-left: 2.5rem /* 40/16 */;
  font-size: 15px;
  color: #353535;
}
#record .main .recordList {
  margin-top: 1.25rem /* 20/16 */;
}
#record .main .recordList .tagOne {
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
}
#record .main .recordList .tagOne .tag-l {
  display: flex;
}
#record .main .recordList .tagOne .tag-l .s1 {
  font-size: 0.9375rem;
  color: #353535;
  position: relative;
  padding-left: 0.375rem;
}
#record .main .recordList .tagOne .tag-l .s1::after {
  content: "";
  position: absolute;
  width: 0.1875rem;
  height: 0.625rem;
  background: #D3977E;
  left: 0;
  top: 4px;
}
#record .main .recordList .tagOne .tag-r {
  font-size: 14px;
  color: #D3977E;
  border-bottom: #D3977E solid 2rpx;
}
#record .main .recordList .beauty-main {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  margin-top: 0.625rem /* 10/16 */;
}
#record .main .recordList .beauty-main .child {
  margin-bottom: 1.875rem /* 30/16 */;
}
#record .main .recordList .beauty-main .child .year {
  font-size: 28px;
  color: #353535;
  font-weight: bold;
  margin: 1.875rem /* 30/16 */ 0;
  padding-left: 1.25rem /* 20/16 */;
}
#record .main .recordList .beauty-main .child .d-header {
  display: flex;
  background: #F7F7F7;
  width: 100%;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
  align-items: center;
  margin-bottom: 0.875rem /* 14/16 */;
}
#record .main .recordList .beauty-main .child .d-header .left {
  margin-right: 1.375rem /* 22/16 */;
}
#record .main .recordList .beauty-main .child .d-header .left .l-month {
  font-size: 13px;
  color: #242424;
}
#record .main .recordList .beauty-main .child .d-header .left .l-day {
  font-size: 28px;
  color: #242424;
  font-weight: bold;
}
#record .main .recordList .beauty-main .child .d-header .right {
  font-size: 13px;
  color: #353535;
}
#record .main .recordList .beauty-main .child .d-header .right div {
  line-height: 1.25rem /* 20/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content {
  width: calc((100vw - 4.75rem));
  float: right;
  padding-right: 1rem /* 16/16 */;
  position: relative;
  margin-bottom: 1.875rem;
}
#record .main .recordList .beauty-main .child .d-main-content .d-hidden {
  width: 100%;
  height: 11rem;
  background: #F7F7F7;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #BABABA;
  font-size: 0.8125rem;
}
#record .main .recordList .beauty-main .child .d-main-content .d-hidden img {
  width: 1.875rem;
  height: 1.875rem;
}
#record .main .recordList .beauty-main .child .d-main-content .d-title {
  font-size: 1rem;
  color: #353535;
  font-weight: bold;
  line-height: 1.375rem /* 22/16 */;
  margin-bottom: 0.125rem /* 2/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .d-text {
  font-size: 0.9375rem;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .d-imgList {
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 4.75rem));
}
#record .main .recordList .beauty-main .child .d-main-content .d-imgList div {
  height: 5.5rem /* 88/16 */;
  width: 5.5rem /* 88/16 */;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */;
  margin: 0 0.375rem /* 6/16 */ 0.375rem /* 6/16 */ 0;
}
#record .main .recordList .beauty-main .child .d-main-content .d-video {
  position: relative;
  width: 100%;
  height: 10rem /* 160/16 */;
  border-radius: 4px;
}
#record .main .recordList .beauty-main .child .d-main-content .d-video .d-box {
  width: 100%;
  height: 10rem /* 160/16 */;
  overflow: hidden;
  border-radius: 4px;
}
#record .main .recordList .beauty-main .child .d-main-content .d-video .paly {
  position: absolute;
  height: 5rem /* 80/16 */;
  width: 5rem /* 40/16 */;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#record .main .recordList .beauty-main .child .d-main-content .handle {
  margin-top: 0.3125rem /* 5/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 400;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .left {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 300;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .left .add {
  font-size: 12px;
  color: #8E8E93;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .left .del {
  font-size: 12px;
  color: #576B96;
  margin-left: 1.25rem;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .left img {
  height: 1.0625rem /* 17/16 */;
  width: 1.0625rem /* 17/16 */;
  margin: 0 1.25rem /* 20/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right {
  display: flex;
  position: relative;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .img-one {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
  border-radius: 2px;
  height: 1.125rem /* 18/16 */;
  width: 1.75rem /* 28/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .img-one img {
  width: 0.9375rem /* 15/16 */;
  height: 0.9375rem /* 15/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg {
  opacity: 0;
  position: absolute;
  padding: 0 0.625rem /* 10/16 */;
  right: 2.5rem /* 40/16 */;
  top: -6px;
  z-index: 200;
  display: flex;
  height: 2.5rem /* 40/16 */;
  width: 16.875rem;
  background: #000000;
  border-radius: 4px;
  justify-content: space-around;
  align-items: center;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-one,
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-two {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-one img,
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-two img {
  height: 1.1875rem /* 19/16 */;
  width: 1.1875rem /* 19/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-one span,
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .o-two span {
  font-size: 15px;
  color: #fff;
  margin-left: 5px;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .openImg .px1 {
  color: #404040;
}
#record .main .recordList .beauty-main .child .d-main-content .handle .right .activeOpen {
  z-index: 400;
  opacity: 0.85;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#record .main .recordList .beauty-main .child .d-main-content .review {
  background: #F7F7F7;
  margin-top: 0.625rem /* 10/16 */;
  position: relative;
}
#record .main .recordList .beauty-main .child .d-main-content .review .smimg {
  height: 0.9375rem /* 15/16 */;
  width: 0.9375rem /* 15/16 */;
  margin-right: 0.3125rem /* 5/16 */;
  position: relative;
  top: 2px;
}
#record .main .recordList .beauty-main .child .d-main-content .review::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0.9375rem /* 15/16 */;
  width: 0;
  height: 0;
  border-width: 0.375rem /* 6/16 */;
  border-style: solid;
  border-color: transparent #F7F7F7 transparent transparent;
  transform: rotate(90deg);
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-name {
  font-size: 13px;
  color: #576B96;
  padding: 0.375rem /* 6/16 */ 0.625rem /* 10/16 */;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main {
  display: block;
  font-size: 13px;
  color: #576B96;
  padding: 0.375rem /* 6/16 */ 0.625rem /* 10/16 */;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .pl20 {
  padding-left: 1.25rem /* 20/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .r-content {
  width: 100%;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .r-item {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .r-n {
  display: flex;
  align-items: center;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .r-t {
  font-size: 13px;
  color: #353535;
  line-height: 1.125rem /* 18/16 */;
}
#record .main .recordList .beauty-main .child .d-main-content .review .r-txt-main .r-t .reply {
  font-size: 0.8125rem /* 13/16 */;
  color: #576B96;
  padding-left: 0.25rem /* 4/16 */;
}
#record .main .recordList .beauty-box2-2 {
  margin-top: 0.625rem /* 10/16 */;
  padding: 0 0.625rem /* 10/16 */ 0 1.25rem /* 20/16 */;
  white-space: nowrap;
  overflow-x: auto;
}
#record .main .recordList .beauty-box2-2::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
#record .main .recordList .beauty-box2-2 .childMain {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#record .main .recordList .beauty-box2-2 .childMainA {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#record .main .recordList .beauty-box2-2 .child {
  list-style: none;
  display: inline-block;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 2.5rem /* 40/16 */;
  min-width: 4.75rem /* 76/16 */;
  padding: 0 0.375rem /* 6/16 */;
  margin-right: 0.5rem /* 10/16 */;
  margin-bottom: 0.5rem /* 10/16 */;
}
#record .main .recordList .beauty-box2-2 .child .d1 {
  font-size: 13px;
  color: #8A8A8A;
  white-space: nowrap;
}
#record .main .recordList .beauty-box2-2 .child .d2 {
  color: #8A8A8A;
  line-height: 1;
}
#record .main .recordList .beauty-box2-2 .child .d2 div {
  font-size: 0.75rem /* 12/16 */;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
#record .main .recordList .beauty-box2-2 .child .d3 {
  font-size: 14px;
  color: #8A8A8A;
}
#record .main .recordList .beauty-box2-2 .active {
  background: #FFFAF7;
  border: 1px solid #D3977E;
}
#record .main .recordList .beauty-box2-2 .active div {
  color: #D3977E !important;
}
#record .main .recordList .newBotton {
  margin: 10px 20px 0 20px;
  height: 70px;
  border-radius: 4px;
  border: 1px dotted #d3977e;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#record .main .recordList .newBotton div {
  font-size: 14px;
  color: #d3977e;
  line-height: 21px;
}
#record .main .recordList .mt-1 {
  margin-top: 0.1rem;
}
#record .saveMessage {
  width: 100%;
  min-height: 3.75rem /* 60/16 */;
  background: #F9F9F9;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  display: flex;
  padding: 0 0.625rem /* 10/16 */ 0 0.9375rem /* 15/16 */;
  align-items: center;
  justify-content: center;
}
#record .saveMessage .footerInput {
  min-height: 34px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
#record .saveMessage .van-cell-group {
  background: transparent;
  flex: 1;
}
#record .saveMessage .van-cell-group .van-cell {
  padding: 0;
}
#record .saveMessage .van-cell-group .van-cell textarea {
  padding: 0.25rem /* 4/16 */ 0.8125rem /* 13/16 */;
}
#record .saveMessage .van-cell-group .van-cell textarea::placeholder {
  font-size: 14px;
  color: #979797;
}
#record .saveMessage .tomore {
  margin-left: 1rem /* 16/16 */;
  height: 1.625rem /* 26/16 */;
  width: 2.3125rem /* 37/16 */;
  background: #D3977E;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#record .weui-uploader__bd {
  overflow: initial;
}
#record .weui-uploader__files li {
  height: 105px;
  width: 105px;
}
#record .weui-uploader__input-box {
  height: 105px;
  width: 105px;
}
#record .weui-uploader__input-box {
  background-color: transparent;
  border: 1px dashed #e5e5e5;
}
#record .van-field__control::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
#record .pr {
  text-align: right;
  font-size: 0.8125rem /* 13/16 */;
  color: #c3bbb8;
  margin-top: 0.5625rem /* 9/16 */;
}
#record .addInfo {
  background: #FCFCFC;
  border-radius: 0.375rem /* 6/16 */;
  width: 90%;
  padding: 0.9375rem /* 15/16 */;
}
#record .addInfo .main {
  margin: 1.25rem /* 20/16 */ 0;
}
#record .addInfo .main input {
  padding: 0 0.625rem /* 10/16 */;
  width: 100%;
  border: solid 1px #D3977E;
  border-radius: 2px;
  height: 3.125rem /* 50/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  display: flex;
  align-items: center;
}
#record .addInfo .footer {
  display: flex;
  justify-content: space-between;
}
#record .addInfo .footer div {
  border-radius: 0.25rem /* 4/16 */;
  height: 3.125rem /* 50/16 */;
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
}
#record .addInfo .footer .cancel {
  background: #fff;
  color: #979797;
  position: relative;
}
#record .addInfo .footer .confirm {
  background: #D3977E;
  color: #FFFFFF;
}
#record .cukBut {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #D3977E;
  height: 3.75rem /* 60/16 */;
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 999;
}
#record .cukBut button {
  font-size: 16px;
  color: #FFFFFF;
  width: 11.25rem;
}
#record .cukBut div {
  height: 22px;
  width: 1px;
  background: #fff;
}
#record .van-popup {
  max-height: 60%;
}
#record .popup {
  padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */ 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;
}
#record .popup .top {
  display: flex;
  justify-content: space-between;
}
#record .popup .top input {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 2.5rem /* 40/16 */;
  flex: 1;
  margin-right: 0.875rem /* 14/16 */;
  padding: 0 0.625rem /* 10/16 */;
  font-size: 0.875rem /* 14/16 */;
}
#record .popup .top input::placeholder {
  color: #c3bbb8;
  font-size: 14px;
}
#record .popup .top button {
  background: #cb5f2c;
  border: 1px solid #cb5f2c;
  border-radius: 4px;
  height: 2.5rem /* 40/16 */;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  width: 4.25rem /* 68/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#record .popup .tagtThree {
  margin-top: 1.875rem /* 30/16 */;
  max-height: 50vh;
  overflow-y: auto;
}
#record .popup .tagtThree .top {
  display: flex;
  justify-content: space-between;
}
#record .popup .tagtThree .top .s1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  position: relative;
  padding-left: 0.375rem /* 6/16 */ /* 4/16 */;
}
#record .popup .tagtThree .top .s1::after {
  content: "";
  position: absolute;
  width: 0.1875rem /* 3/16 */;
  height: 0.625rem /* 10/16 */ /* 9/16 */;
  background: #cb5f2c;
  left: 0;
  top: 4px;
}
#record .popup .tagtThree .top .s2 {
  font-size: 0.875rem /* 14/16 */;
  color: #c3bbb8;
}
#record .popup .tagtThree .bottom {
  margin-top: 0.625rem /* 10/16 */;
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 40px));
}
#record .popup .tagtThree .bottom div {
  width: calc((100vw - 64px)/3);
  height: 1.75rem /* 28/16 */;
  padding: 0 0.75rem /* 12/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #8a8a8a;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 0.75rem /* 12/16 */;
  margin-bottom: 0.75rem /* 12/16 */;
}
#record .popup .tagtThree .bottom div:nth-child(3n) {
  margin-right: 0;
}
#record .popup .tagtThree .bottom div span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
#record .popup .tagtThree .bottom div img {
  height: 1rem /* 22/16 */;
  width: 1rem /* 22/16 */;
  position: absolute;
  top: -6px;
  right: -6px;
}
#record .popup .tagtThree .bottom .last {
  border: 1px dotted #cb5f2c;
  color: #cb5f2c;
}
#recordAdd {
  width: 100vw;
  background-color: #ffffff;
  min-height: 100vh;
  padding: 1.875rem /* 30/16 */ 0;
}
#recordAdd .record-update {
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  flex-wrap: wrap;
}
#recordAdd .record-update .recordImg,
#recordAdd .record-update .recordVideo {
  display: flex;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#recordAdd .record-update .recordImg input,
#recordAdd .record-update .recordVideo input {
  opacity: 0;
  height: 1px;
  width: 1px;
}
#recordAdd .record-update .recordImg label,
#recordAdd .record-update .recordVideo label {
  display: block;
  height: 4.75rem /* 76/16 */;
  width: 4.75rem /* 76/16 */;
  overflow: hidden;
}
#recordAdd .record-update .ImgList div {
  height: 4.75rem /* 76/16 */;
  width: 4.75rem /* 76/16 */;
  border-radius: 0.25rem /* 4/16 */;
  overflow: hidden;
  margin-right: 0.375rem /* 6/16 */;
  margin-bottom: 0.375rem /* 6/16 */;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  display: inline-block;
}
#recordAdd .record-update .ImgList .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0px;
  cursor: pointer;
  z-index: 10;
}
#recordAdd .record-update .ImgList .videoIco {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#recordAdd .record-txt {
  margin: 0 1.25rem /* 20/16 */;
  padding: 0.4375rem /* 7/16 */ 0;
}
#recordAdd .record-txt input {
  color: #242424;
  font-size: 15px;
  width: 100%;
}
#recordAdd .record-txt input::placeholder {
  font-size: 15px;
  color: #A1A1A1;
}
#recordAdd .record-tar {
  padding: 0.75rem /* 12/16 */ /* 10/16 */ 1.25rem /* 20/16 */;
  border-bottom: 5px solid #F5F5F5;
}
#recordAdd .record-tar textarea {
  width: 100%;
  color: #242424;
  font-size: 15px;
}
#recordAdd .record-tar textarea::placeholder {
  font-size: 15px;
  color: #A1A1A1;
}
#recordAdd .record-box1 {
  padding: 0.9375rem /* 15/16 */ 0;
  margin: 0 1.25rem /* 20/16 */;
}
#recordAdd .record-box1 .title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem /* 10/16 */;
}
#recordAdd .record-box1 .title .left {
  font-size: 15px;
  color: #242424;
  font-weight: bold;
  width: 8.75rem /* 140/16 */;
}
#recordAdd .record-box1 .title .right {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
#recordAdd .record-box1 .title .right label {
  font-size: 15px;
  color: #A1A1A1;
  margin-right: 0.25rem /* 4/16 */;
  display: block;
  width: 10.625rem /* 170/16 */;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
#recordAdd .record-box1 .title .right input {
  height: 1px;
  width: 1px;
}
#recordAdd .record-box1 .title .right img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
}
#recordAdd .record-box1 .sm-title {
  font-size: 14px;
  color: #242424;
  margin-bottom: 0.3125rem /* 5/16 */;
}
#recordAdd .record-box1 .sm-title span {
  margin-left: 0.375rem /* 6/16 */;
  text-decoration: underline;
  font-size: 14px;
  color: #D3977E;
}
#recordAdd .butSave {
  width: 100%;
  margin-top: 0.625rem /* 10/16 */;
}
#recordAdd .butSave button {
  width: calc((100vw - 40px));
  margin: 0 auto;
  background: #C3C3C3;
  border-radius: 3px;
  height: 3.0625rem /* 49/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #FFFFFF;
}
#recordAdd .butSave span {
  margin-left: 0.375rem /* 6/16 */;
}
#recordAdd .butSave .active {
  background: #D3977E;
  color: #FFFFFF;
}
#myOrder {
  width: 100%;
  background: #fff;
  height: 100%;
  min-height: calc((100vh - 10px));
}
#myOrder .setSwitch {
  min-height: calc((100vh - 30px));
  background: #fff;
  padding: 0 1.25rem;
}
#myOrder .setSwitch .setTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem /* 20/16 */ 0 0.9375rem /* 15/16 */ 0;
}
#myOrder .setSwitch .setTop .setTop-l {
  font-size: 1rem /* 16/16 */;
  color: #242424;
}
#myOrder .setSwitch .setBottom textarea {
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  margin-bottom: 1.875rem /* 30/16 */;
  padding: 0.625rem /* 10/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#myOrder .setSwitch .setBottom textarea::placeholder {
  color: #a1a1a1;
  font-size: 0.9375rem /* 15/16 */;
}
#myOrder .setSwitch .setBottom button {
  width: 100%;
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 3.125rem /* 50/16 */;
  font-size: 1rem /* 16/16 */;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#myOrder .Info {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0.5rem /* 8/16 */;
  height: 5rem /* 80/16 */;
  align-items: center;
  padding: 0 0.6875rem /* 11/16 */;
  margin: 0.625rem 1.25rem 0 1.25rem /* 20/16 */ /* 20/16 */;
}
#myOrder .Info .InfoLeft {
  display: flex;
  align-items: center;
}
#myOrder .Info .InfoLeft .UserImg {
  position: relative;
}
#myOrder .Info .InfoLeft .UserImg .imgOne {
  height: 3.75rem /* 60/16 */;
  width: 3.75rem /* 60/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#myOrder .Info .InfoLeft .UserImg .imgOne img {
  width: 100%;
}
#myOrder .Info .InfoLeft .UserImg .imgTwo {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  position: absolute;
  bottom: 0;
  right: 2px;
}
#myOrder .Info .InfoLeft .s1 {
  font-size: 1.25rem /* 20/16 */;
  color: #242424;
  font-weight: bold;
  margin-left: 0.75rem /* 12/16 */;
}
#myOrder .Info .InfoLeft .s2 {
  margin-left: 0.3125rem /* 5/16 */;
  background: #e9e9e9;
  border-radius: 0.5625rem /* 9/16 */;
  height: 1rem /* 16/16 */;
  padding: 0 0.3125rem /* 5/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#myOrder .Info .InfoLeft .s2 span {
  font-size: 0.625rem /* 10/16 */;
  transform: scale(0.8);
}
#myOrder .Info .InfoRight {
  display: flex;
  align-items: center;
}
#myOrder .Info .InfoRight img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
}
#myOrder .Info .InfoRight span {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
}
#myOrder .InfoList {
  display: flex;
  flex-direction: column;
  margin-top: 1.875rem /* 30/16 */;
  padding: 0 1.25rem /* 20/16 */;
}
#myOrder .InfoList div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9375rem /* 15/16 */;
}
#myOrder .InfoList img {
  height: 0.625rem /* 10/16 */;
  width: 0.625rem /* 10/16 */;
}
#myOrder .InfoList span {
  font-size: 1rem /* 16/16 */;
  color: #242424;
}
#myOrder .InfoList .p2 {
  height: 2.875rem /* 46/16 */;
  display: flex;
  align-items: center;
}
#myOrder .InfoList .p2 .rInfo {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#myOrder .InfoList .p2 .rInfo span {
  font-size: 0.875rem /* 14/16 */;
  color: #B3B3B3;
  margin-right: 0.25rem /* 4/16 */;
}
#myOrder .infoNone div {
  margin-bottom: 0;
}
#myOrder .Myorder {
  height: 2.5rem /* 40/16 */;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #f4f4f4;
  z-index: 111;
  background: #fff;
}
#myOrder .Myorder .tagList {
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  height: 100%;
  justify-content: space-around;
}
#myOrder .Myorder .tagList div {
  font-size: 0.9375rem /* 15/16 */;
  color: #8a8a8a;
  position: relative;
}
#myOrder .Myorder .tagList div .tagRed {
  display: inline-block;
  background: #ee4b3a;
  border: 1px solid #ffffff;
  border-radius: 50%;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  position: absolute;
  top: -7px;
  right: -15px;
}
#myOrder .Myorder .tagList div .tagRed a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #ffffff;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
#myOrder .Myorder .tagList .cuk {
  font-size: 1rem /* 16/16 */;
  color: #cb5f2c;
}
#myOrder .Myorder .tagList .cuk::before {
  content: "";
  position: absolute;
  bottom: -8px;
  width: 1.625rem /* 26/16 */;
  background: #cb5f2c;
  height: 0.1875rem /* 3/16 */;
  left: 50%;
  margin-left: -13px;
}
#myOrder .orderArr {
  background: #fff;
  padding: 2.5rem 0 /* 20/16 */ 3.125rem /* 50/16 */ 0 /* 12/16 */ /* 40/16 */;
}
#myOrder .orderArr .orderRow {
  background: #F4F4F4;
  font-size: 14px;
  color: #353535;
  height: 1.875rem /* 30/16 */;
  padding-left: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#myOrder .orderArr .orderTypeBox {
  display: flex;
  padding: 0.875rem 1.25rem /* 20/16 */ /* 20/16 */;
}
#myOrder .orderArr .orderType {
  display: flex;
  flex-direction: column;
}
#myOrder .orderArr .orderType .orderTypeIMG {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  margin-right: 0.5rem /* 4/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#myOrder .orderArr .orderType .orderTypeIMG img {
  width: 100%;
}
#myOrder .orderArr .orderType .rightText {
  flex: 1;
}
#myOrder .orderArr .orderType .rightText .p1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
}
#myOrder .orderArr .orderType .rightText .p1 .name {
  font-size: 1.125rem;
  color: #565656;
  margin-right: 0.625rem;
  display: inline-block;
  max-width: 6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#myOrder .orderArr .orderType .rightText .p1 .span1 {
  font-size: 0.9375rem;
  color: #a6a6a6;
  margin-right: 5px;
  border: 1px solid #cb5f2c;
  border-radius: 0.5rem /* 8/16 */;
  height: 1rem /* 16/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cb5f2c;
  padding: 0 0.125rem /* 2/16 */;
}
#myOrder .orderArr .orderType .rightText .p1 .span1 a {
  font-size: 0.5625rem;
  transform: scale(0.8);
  color: #cb5f2c;
}
#myOrder .orderArr .orderType .rightText .p1 .p1-l {
  display: flex;
  align-items: center;
}
#myOrder .orderArr .orderType .rightText .p1 .p1-r {
  font-size: 0.75rem /* 12/16 */;
  color: #b3b3b3;
}
#myOrder .orderArr .orderType .rightText .p1 .color2 {
  color: #cb5f2c;
}
#myOrder .orderArr .orderType .rightText .p2 {
  font-size: 13px;
  color: #a6a6a6;
  padding: 0.3125rem /* 5/16 */ 0 1px 0;
}
#myOrder .orderArr .orderType .rightText .p3 {
  font-size: 0.8125rem /* 13/16 */;
  color: #a6a6a6;
}
#myOrder .orderArr .orderType .rightText .p4 {
  display: inline-block;
  max-width: 16.25rem /* 260/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #8f8f8f;
  margin-top: 0.5rem /* 8/16 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#myOrder .orderArr .orderType .rightText .p5 {
  font-size: 14px;
  color: #353535;
  font-weight: bold;
  display: inline-block;
  max-width: 16.25rem /* 260/16 */;
  margin-top: 0.5rem /* 8/16 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#myOrder .van-popup {
  width: 90%;
  background: transparent;
  top: 34%;
}
#myOrder .bankMain {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 0.375rem /* 6/16 */;
  padding: 1.25rem /* 20/16 */ 0.9375rem /* 15/16 */;
}
#myOrder .bankMain .title {
  font-size: 1rem /* 16/16 */;
  color: #242424;
  padding-bottom: 0.625rem /* 10/16 */;
  display: flex;
  justify-content: center;
}
#myOrder .bankMain .tel {
  display: flex;
  margin-top: 0.875rem /* 14/16 */;
  justify-content: center;
  align-items: center;
}
#myOrder .bankMain .tel .tel-box {
  display: flex;
  align-items: center;
}
#myOrder .bankMain .tel .tel-box .t-1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#myOrder .bankMain .tel .tel-box .t-2 {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#myOrder .bankMain .tel .tel-box .butGet {
  margin-left: 0.375rem /* 6/16 */;
  border: 1px solid #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 2.125rem /* 34/16 */;
  font-size: 0.8125rem /* 13/16 */;
  width: 5.375rem /* 86/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
}
#myOrder .bankMain .tel .tel-box .activeD {
  border: 1px solid #DADADA;
  color: #ADADAD;
}
#myOrder .bankMain .codeNumber {
  display: flex;
  justify-content: center;
}
#myOrder .bankMain .codeNumber .write-input {
  position: relative;
  display: flex;
  color: black;
}
#myOrder .bankMain .codeNumber .write-input .vux-no-group-title {
  padding-bottom: 1rem;
}
#myOrder .bankMain .codeNumber .write-input .liMainAll {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  border: 1px solid #E1E1E1;
  overflow: hidden;
}
#myOrder .bankMain .codeNumber .write-input .liMainAll .active {
  border: 1px solid #979797;
  width: 100%;
  height: 100%;
}
#myOrder .bankMain .codeNumber .write-input .liMainAll input:disabled {
  color: #ADADAD;
}
#myOrder .bankMain .codeNumber .write-input li {
  display: inline-block;
  width: 1.75rem;
  height: 1.85rem;
  border: 0.04rem solid #E7E7E7;
  border-radius: 0.25rem;
  list-style-type: none;
  line-height: 1 !important;
  min-height: 1.85rem !important;
  margin: 0 0.11rem;
}
#myOrder .bankMain .codeNumber .write-input li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  resize: none;
  outline: none;
  border: 0;
  padding: 0.5rem 0;
  width: 100%;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 16px;
  background: none !important;
}
#myOrder .bankMain .codeNumber .write-input .realInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  resize: none;
  outline: none;
  border: 0;
  z-index: 50;
  position: absolute;
  padding: 0.61rem 0;
  background: none;
  display: block;
  margin-left: -30%;
  top: 34px;
  opacity: 0;
  caret-color: #fff;
  color: #000;
  text-indent: -5rem;
  font-size: 0.63rem;
  width: 150%;
  top: 1px;
}
#myOrder .bankMain .codeText {
  font-size: 15px;
  color: #ADADAD;
  margin: 0.9375rem /* 15/16 */ 0;
  text-align: center;
}
#myOrder .bankMain .saveBut {
  border-radius: 4px;
  width: 12.875rem /* 206/16 */;
  height: 3.0625rem /* 49/16 */;
  margin: 30px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.1);
}
#myOrder .bankMain .borderColor {
  background: #D3977E;
}
#bankCard {
  background: #F8F8F8;
  position: absolute;
  height: 100%;
  width: 100%;
}
#bankCard input:disabled,
#bankCard input[disabled] {
  color: #242424;
  -webkit-text-fill-color: #242424;
  -webkit-opacity: 1;
  opacity: 1;
}
#bankCard .bankBox .bankTitle {
  padding: 0 1.25rem /* 20/16 */;
  height: 2.8125rem /* 45/16 */;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #242424;
  justify-content: space-between;
}
#bankCard .bankBox .bankTitle .updateBut {
  font-size: 14px;
  color: #D3977E;
}
#bankCard .bankBox .bankSmallTitle {
  font-size: 15px;
  color: #8A8A8A;
  margin-top: 0.8125rem /* 13/16 */;
  padding: 0 1.25rem /* 20/16 */;
}
#bankCard .bankBox .bankSmallTitle span {
  text-decoration: underline;
  color: #D3977E;
}
#bankCard .bankBox .bankContent {
  background: #FFFFFF;
}
#bankCard .bankBox .bankContent .bank-p1 {
  height: 2.8125rem /* 45/16 */;
  margin: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#bankCard .bankBox .bankContent .bank-p1 .bank-p1-l {
  width: 5rem /* 80/16 */;
}
#bankCard .bankBox .bankContent .bank-p1 .bank-p1-r {
  flex: 1;
  font-size: 15px;
  color: #353535;
}
#bankCard .bankBox .bankContent .bank-p1 .bank-p1-r input {
  font-size: 15px;
  color: #353535;
  width: 100%;
}
#bankCard .bankBox .bankContent .bank-p1 .bank-p1-r input::placeholder {
  font-size: 15px;
  color: #dedede;
}
#bankCard .bankBox .bankContent .defaultColor .bank-p1-l {
  color: #8a8a8a;
}
#bankCard .bankBox .bankContent .defaultColor .bank-p1-r {
  color: #8a8a8a;
}
#bankCard .bankBox .saveBut {
  background: #D3977E;
  border-radius: 4px;
  width: calc((100% - 40px));
  height: 3.0625rem /* 49/16 */;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  margin: 30px auto;
  align-items: center;
  justify-content: center;
}
#bankCard1 {
  background: #F8F8F8;
  position: absolute;
  height: 100%;
  width: 100%;
}
#bankCard1 .bankBox .bankTitle {
  height: 0.45rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #242424;
  justify-content: space-between;
}
#bankCard1 .bankBox .bankTitle .updateBut {
  font-size: 0.14rem /* 14/16 */;
  color: #D3977E;
}
#bankCard1 .bankBox .bankSmallTitle {
  font-size: 0.15rem /* 15/16 */;
  color: #8A8A8A;
  margin-top: 0.13rem /* 13/16 */;
  padding: 0 0.2rem /* 20/16 */;
}
#bankCard1 .bankBox .bankSmallTitle span {
  text-decoration: underline;
  color: #D3977E;
}
#bankCard1 .bankBox .bankContent {
  background: #FFFFFF;
}
#bankCard1 .bankBox .bankContent .bank-p1 {
  height: 0.45rem /* 45/16 */;
  margin: 0 0.2rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#bankCard1 .bankBox .bankContent .bank-p1 .bank-p1-l {
  width: 0.8rem /* 80/16 */;
  font-size: 0.15rem;
}
#bankCard1 .bankBox .bankContent .bank-p1 .bank-p1-r {
  flex: 1;
  font-size: 0.15rem /* 15/16 */;
  color: #353535;
}
#bankCard1 .bankBox .bankContent .bank-p1 .bank-p1-r input {
  font-size: 0.15rem /* 15/16 */;
  color: #353535;
  width: 100%;
}
#bankCard1 .bankBox .bankContent .bank-p1 .bank-p1-r input::placeholder {
  font-size: 0.15rem /* 15/16 */;
  color: #dedede;
}
#bankCard1 .bankBox .bankContent .defaultColor .bank-p1-l {
  color: #8a8a8a;
}
#bankCard1 .bankBox .bankContent .defaultColor .bank-p1-r {
  color: #8a8a8a;
}
#bankCard1 .bankBox .saveBut {
  background: #D3977E;
  border-radius: 0.04rem /* 4/16 */;
  width: calc((100% - 40px));
  height: 0.49rem /* 49/16 */;
  font-size: 0.16rem /* 16/16 */;
  color: #FFFFFF;
  display: flex;
  margin: 0.3rem /* 30/16 */ auto;
  align-items: center;
  justify-content: center;
}
#order {
  min-height: 100vh;
  width: 100%;
  background: #fff;
  height: 100%;
}
#order .Myorder {
  height: 2.5rem /* 40/16 */;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 6px solid #f4f4f4;
  z-index: 111;
  background: #fff;
}
#order .Myorder .tagList {
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  height: 100%;
}
#order .Myorder .tagList div {
  font-size: 0.9375rem /* 15/16 */;
  color: #8a8a8a;
  position: relative;
  margin-right: 1.375rem /* 22/16 */;
}
#order .Myorder .tagList .cuk {
  font-size: 1.125rem /* 18/16 */;
  color: #cb5f2c;
}
#order .Myorder .tagList .cuk::before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 1.625rem /* 26/16 */;
  background: #cb5f2c;
  height: 0.1875rem /* 3/16 */;
  left: 50%;
  margin-left: -13px;
}
#order .orderlist {
  padding-top: 2.5rem /* 40/16 */;
}
#order .orderlist .order-list-main {
  border-bottom: 6px solid #f4f4f4;
}
#order .orderlist .order-list-main .order-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#order .orderlist .order-list-main .order-top .userInfo {
  display: flex;
  align-items: center;
  padding: 0.625rem /* 10/16 */ /* 14/16 */ 1.25rem /* 20/16 */ 0.625rem /* 10/16 */ /* 16/16 */ 1.25rem;
}
#order .orderlist .order-list-main .order-top .userInfo .ico-0 {
  height: 1.875rem /* 30/16 */;
  width: 1.875rem /* 30/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#order .orderlist .order-list-main .order-top .userInfo .ico-0 img {
  width: 100%;
}
#order .orderlist .order-list-main .order-top .userInfo .ico-1 {
  height: 0.625rem /* 10/16 */;
  width: 0.625rem /* 10/16 */;
}
#order .orderlist .order-list-main .order-top .userInfo span {
  font-size: 1rem /* 16/16 */;
  color: #242424;
  font-weight: bold;
  margin-right: 0.25rem /* 4/16 */;
  margin-left: 0.4375rem /* 7/16 */;
}
#order .orderlist .order-list-main .order-top .status {
  font-size: 0.75rem;
  /* 12/16 */
  color: #cb5f2c;
  padding: 0 0.625rem;
}
#order .orderlist .order-list-main .projectInfo .child {
  padding: 0.8125rem /* 13/16 */ 0.8125rem /* 13/16 */;
  display: flex;
  background: #fafafa;
}
#order .orderlist .order-list-main .projectInfo .child .child-left {
  height: 5rem /* 80/16 */;
  width: 5rem /* 80/16 */;
  margin-right: 0.4375rem /* 7/16 */;
}
#order .orderlist .order-list-main .projectInfo .child .child-left img {
  height: 5rem /* 80/16 */;
  width: 5rem /* 80/16 */;
  border-radius: 0.25rem /* 4/16 */;
}
#order .orderlist .order-list-main .projectInfo .child .child-right {
  flex: 1;
  width: 10rem;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p1 {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.375rem /* 6/16 */;
  display: flex;
  justify-content: space-between;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p1 span {
  width: 70%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 {
  text-align: right;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem /* 2/16 */;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 .child-right-p2-l {
  display: flex;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 .child-right-p2-l div {
  font-size: 11px;
  color: #353535;
  background: #ffea4b;
  height: 18px;
  padding: 0 0.5rem /* 8/16 */;
  display: flex;
  align-items: center;
  margin-right: 0.5rem /* 4/16 */;
  border-radius: 9px;
  line-height: 1rem /* 16/16 */;
  align-content: center;
  justify-content: center;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p3 {
  text-align: right;
  font-size: 15px;
  color: #353535;
  font-weight: bold;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p3 .right {
  font-size: 0.75rem /* 12/16 */;
}
#order .orderlist .order-list-main .projectInfo .child .child-right .child-right-p4 {
  text-align: right;
  font-size: 0.875rem /* 14/16 */;
  color: #b3b3b3;
}
#order .orderlist .order-list-main .orderTagCuk {
  display: flex;
  height: 3rem /* 48/16 */;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1.25rem /* 20/16 */;
}
#order .orderlist .order-list-main .orderTagCuk .left {
  font-size: 14px;
  color: #353535;
}
#order .orderlist .order-list-main .orderTagCuk .right {
  font-size: 0.75rem /* 12/16 */;
  color: #ff5252;
}
#order .orderlist .order-list-main .orderTagCuk .right span {
  font-size: 16px;
  color: #ff5252;
}
#schedule {
  min-height: 100vh;
  background: #fff;
  width: 100%;
}
#schedule .schedule {
  min-height: 100vh;
}
#schedule .schedule-p {
  position: sticky;
  top: 0;
  background: #fff;
  height: 2.8125rem /* 45/16 */;
  text-align: right;
  padding: 0 1.25rem /* 20/16 */;
  z-index: 999;
  line-height: 2.8125rem /* 45/16 */;
  display: flex;
  justify-content: space-around;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
}
#schedule .schedule-p span {
  display: flex;
  align-items: center;
  color: #242424;
  font-size: 0.875rem /* 14/16 */;
  border-bottom: 2px solid transparent;
}
#schedule .schedule-p .active {
  font-weight: bold;
  border-bottom: 2px solid #D3977E;
  color: #D3977E;
}
#schedule .tabBox {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */ 0 1.25rem /* 20/16 */;
}
#schedule .tabBox .tabOne,
#schedule .tabBox .tabTwo {
  margin-bottom: 0.625rem /* 10/16 */;
  border: 0.0625rem /* 1/16 */ solid #D3977E;
  border-radius: 6px;
  height: 1.5rem /* 24/16 */;
  display: flex;
  overflow: hidden;
}
#schedule .tabBox .tabOne div,
#schedule .tabBox .tabTwo div {
  font-size: 0.75rem /* 12/16 */;
  color: #D3977E;
  display: flex;
  width: 25%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#schedule .tabBox .tabOne div:not(:last-child),
#schedule .tabBox .tabTwo div:not(:last-child) {
  border-right: 1px solid #D3977E;
}
#schedule .tabBox .tabOne .active,
#schedule .tabBox .tabTwo .active {
  background: #D3977E;
  color: #fff;
}
#schedule .allArr {
  height: calc((100vh - 210px));
  overflow-y: auto;
}
#schedule .btn-ops {
  background: #D3977E;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#schedule .orderType {
  display: flex;
  flex-direction: column;
}
#schedule .orderType .time {
  background: #f4f4f4;
  /* 30/16 */
  display: flex;
  flex-direction: column;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
}
#schedule .orderType .time .p1 {
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
}
#schedule .orderType .time .p2 {
  font-size: 0.8125rem /* 13/16 */;
  color: #797979;
  line-height: 1.125rem /* 18/16 */;
}
#schedule .orderType .time .p2 span {
  color: #D3977E;
}
#schedule .orderType .main {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
  display: flex;
}
#schedule .orderType .main .mainImg {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  margin-right: 0.5rem /* 4/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#schedule .orderType .main .mainImg img {
  width: 100%;
}
#schedule .orderType .rightText {
  flex: 1;
}
#schedule .orderType .rightText .p1 {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #242424;
  font-weight: bold;
}
#schedule .orderType .rightText .p1 span:last-child {
  font-weight: normal;
  font-size: 12px;
}
#schedule .orderType .rightText .p1 .type1 {
  color: #ADADAD;
}
#schedule .orderType .rightText .p1 .type2 {
  color: #D3977E;
}
#schedule .orderType .rightText .p2 {
  font-size: 13px;
  color: #a6a6a6;
  padding: 0.3125rem /* 5/16 */ 0 1px 0;
}
#schedule .orderType .rightText .p3 {
  font-size: 0.8125rem /* 13/16 */;
  color: #a6a6a6;
}
#schedule .orderType .rightText .p4 {
  max-width: 16.25rem /* 260/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#schedule .orderType .rightText .p5 {
  font-size: 14px;
  color: #353535;
  font-weight: bold;
  display: inline-block;
  max-width: 16.25rem /* 260/16 */;
  margin-top: 0.5rem /* 8/16 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.not-content .mainBox-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2.25rem /* 36/16 */ 0 2.25rem /* 36/16 */ 0;
}
.not-content .mainBox-top img {
  height: 1.4375rem /* 23/16 */;
  width: 1.4375rem /* 23/16 */;
}
.not-content .mainBox-top p {
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
  margin-top: 0.9375rem /* 15/16 */;
}
.not-content .mainBox-top2 {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
.not-content .mainBox-top2 img {
  margin-top: 6.25rem /* 100/16 */;
  width: 14.5625rem /* 233/16 */;
  height: 7.0625rem /* 113/16 */;
}
.not-content .mainBox-top2 p {
  font-size: 0.875rem /* 14/16 */;
  color: #c1c1c1;
  margin-top: 2.375rem /* 38/16 */;
}
#orderDetails {
  min-height: 100vh;
  width: 100%;
  background: #fff;
  height: 100%;
}
#orderDetails .closed {
  border: 1px solid #dfdfdf;
  border-radius: 100px;
  height: 1.75rem /* 28/16 */;
  width: 6.0625rem /* 97/16 */;
  margin: 1.875rem /* 30/16 */ auto 0;
  font-size: 13px;
  color: #757575;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: absolute;
  bottom: 3.625rem /* 58/16 */;
  left: 50%;
  margin-left: -3rem /* 48/16 */;
}
#orderDetails .orderDetails {
  padding-bottom: 3rem /* 48/16 */;
}
#orderDetails .orderDetails .details-box0 {
  background: url("../img/beauty.png") no-repeat center;
  height: 5rem /* 80/16 */;
  background-size: 100% 100%;
  width: 100%;
  display: flex;
  padding-left: 20px;
  flex-direction: column;
  position: relative;
}
#orderDetails .orderDetails .details-box0 .p1 {
  margin-top: 1.375rem /* 22/16 */;
  font-size: 1.125rem /* 18/16 */;
  color: #ffffff;
  line-height: 1.5625rem;
  /* 25/16 */
}
#orderDetails .orderDetails .details-box0 .p2 {
  position: absolute;
  bottom: 0.6875rem /* 11/16 */;
  right: 1.0625rem /* 17/16 */;
  margin-top: 0.25rem /* 4/16 */;
  font-size: 0.75rem /* 12/16 */;
  color: #ffffff;
}
#orderDetails .orderDetails .details-box1 {
  background: url("../img/1share.png") no-repeat center;
  height: 5rem /* 80/16 */;
  background-size: 100% 100%;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
#orderDetails .orderDetails .details-box1 span {
  font-size: 1.25rem /* 20/16 */;
  color: #ffffff;
  padding-left: 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box1 .p1 {
  margin-top: 1.375rem /* 22/16 */;
  font-size: 18px;
  color: #ffffff;
  line-height: 1.5625rem;
  /* 25/16 */
}
#orderDetails .orderDetails .details-box2 {
  border-bottom: 0.375rem /* 6/16 */ solid #f4f4f4;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 {
  display: flex;
  height: 3.125rem /* 50/16 */;
  align-items: center;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-left {
  display: flex;
  height: 3.125rem /* 50/16 */;
  align-items: center;
  padding: 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-left .o-box2-p1-left-Img {
  height: 1.875rem /* 30/16 */;
  width: 1.875rem /* 30/16 */;
  margin-right: 0.4375rem /* 7/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-left .o-box2-p1-left-Img img {
  width: 100%;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-left span {
  font-size: 1rem;
  color: #242424;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-left .ico-l {
  height: 0.625rem /* 10/16 */;
  width: 0.625rem /* 10/16 */;
  margin-left: 0.25rem /* 4/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-right {
  display: flex;
  padding-right: 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p1 .o-box2-p1-right a {
  border: 1px solid #d8d8d8;
  border-radius: 12.5px;
  height: 1.5rem /* 24/16 */;
  width: 4.125rem /* 66/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #646464;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.625rem /* 10/16 */;
}
#orderDetails .orderDetails .details-box2 .p-name-top {
  position: relative;
  top: -10px;
}
#orderDetails .orderDetails .details-box2 .p-name {
  font-size: 0.8125rem /* 13/16 */;
  color: #a6a6a6;
  padding-left: 3.5rem /* 56/16 */;
  padding-bottom: 0.1875rem /* 3/16 */;
}
#orderDetails .orderDetails .details-box2 .p-project {
  padding-left: 3.5rem /* 56/16 */;
  font-size: 12px;
  color: #a6a6a6;
  padding-bottom: 0.25rem /* 4/16 */;
}
#orderDetails .orderDetails .details-box2 .p-project span {
  font-size: 12px;
  color: #D3977E;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 {
  background: #fafafa;
  height: 6.5rem /* 104/16 */;
  width: 100%;
  padding: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .left {
  height: 5rem /* 80/16 */;
  width: 5rem /* 80/16 */;
  margin-right: 0.6875rem /* 11/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right {
  position: relative;
  top: -16px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-t {
  font-size: 1rem;
  color: #242424;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-b {
  margin-top: 0.4375rem /* 7/16 */;
  display: flex;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-b .right-b-main {
  display: flex;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-b .right-b-main div {
  border-radius: 0.5rem /* 8/16 */;
  background: #ffea4b;
  font-size: 0.625rem /* 10/16 */;
  color: #353535;
  height: 1rem /* 16/16 */;
  width: 3.875rem /* 62/16 */;
  margin-right: 0.625rem /* 10/16 */;
  display: flex;
  justify-content: center;
  align-items: center;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-b .right-b-main div .span-d {
  display: inline-block;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  font-size: 12px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p2 .right .right-b .right-b-r {
  font-size: 0.9375rem /* 15/16 */;
  color: #b3b3b3;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 {
  padding-top: 0.875rem /* 14/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p0 {
  font-size: 1.125rem /* 18/16 */;
  color: #000000;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.5rem /* 8/16 */;
  padding: 0 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 {
  height: 2.625rem /* 42/16 */;
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-l {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-r {
  width: 8.125rem /* 130/16 */;
  display: flex;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-l-color {
  font-size: 15px;
  color: #D3977E;
  line-height: 1;
  position: relative;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-l-color::before {
  content: "";
  position: absolute;
  width: 0.25rem /* 4/16 */ /* 2/16 */;
  height: 1rem /* 12/16 */;
  background: #D3977E;
  left: -20px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-r .p1-r-s1 {
  display: inline-block;
  width: 3.125rem /* 50/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #b3b3b3;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-r .p1-r-s2 {
  font-size: 0.9375rem /* 15/16 */;
  color: #171717;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-r .p1-r-s2 span {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
}
#orderDetails .orderDetails .details-box2 .o-box2-p3 .p1 .p1-r .p1-r-s3 {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 {
  padding: 0 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p1 {
  font-size: 13px;
  color: #242424;
  line-height: 1.375rem /* 22/16 */;
  margin-bottom: 1.5rem /* 8/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 {
  font-size: 13px;
  color: #242424;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem /* 8/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .p2-datetime {
  opacity: 0;
  width: 10px;
  height: 1px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .p2-time {
  font-size: 0.75rem /* 12/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D3977E;
  border-radius: 11px;
  height: 1.375rem /* 22/16 */;
  width: 3.75rem /* 60/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .colorBlue {
  border: 1px solid #0061C3;
  color: #0061C3;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .p2-t {
  font-size: 13px;
  color: #242424;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .p2-r {
  display: flex;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p2 .p2-r div {
  margin-left: 0.5625rem /* 9/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 {
  margin-bottom: 1.5rem /* 8/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t {
  display: flex;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t .set-time {
  font-size: 13px;
  color: #242424;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t .hospitalName {
  display: flex;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t .hospitalName .iconShare {
  background: #FFEA4B;
  border-radius: 2px;
  height: 18px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t .hospitalName .iconShare div {
  color: #626262;
  font-size: 12px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-t .hospitalName .name {
  font-size: 13px;
  color: #242424;
  max-width: 154px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-top .p2-time {
  font-size: 0.75rem /* 12/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D3977E;
  border-radius: 11px;
  height: 1.375rem /* 22/16 */;
  width: 3.75rem /* 60/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-bottom {
  margin-left: 65px;
  display: flex;
  align-items: center;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-bottom img {
  height: 18px;
  width: 18px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-bottom .t1 {
  font-size: 13px;
  color: #242424;
  margin-left: 4px;
}
#orderDetails .orderDetails .details-box2 .o-box2-p4 .p3 .p3-bottom .t2 {
  font-size: 13px;
  color: #D3977E;
  text-decoration: underline;
}
#orderDetails .orderDetails .details-box2 .o-box2-p5 {
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  margin-bottom: 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p5 .left {
  font-size: 13px;
  color: #242424;
  width: 4.0625rem /* 65/16 */;
}
#orderDetails .orderDetails .details-box2 .o-box2-p5 .right {
  margin-left: 0.875rem /* 14/16 */;
  flex: 1;
  display: flex;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box2 .o-box2-p5 .right img {
  border-radius: 4px;
  height: 5rem /* 80/16 */;
  width: 5rem /* 80/16 */;
}
#orderDetails .orderDetails .details-box3 {
  border-bottom: 0.375rem /* 6/16 */ solid #f4f4f4;
}
#orderDetails .orderDetails .details-box3 .p1 {
  height: 2.625rem /* 42/16 */;
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  justify-content: space-between;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-l {
  width: 9.375rem /* 150/16 */;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-l-color {
  font-size: 15px;
  color: #D3977E;
  line-height: 1;
  position: relative;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-l-color::before {
  content: "";
  position: absolute;
  width: 0.25rem /* 4/16 */ /* 2/16 */;
  height: 1rem /* 12/16 */;
  background: #D3977E;
  left: -20px;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-r-color {
  font-size: 1rem /* 16/16 */;
  color: #ff5252;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-r {
  font-size: 0.9375rem /* 15/16 */;
  color: #171717;
}
#orderDetails .orderDetails .details-box3 .p1 .p1-r span {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
}
#orderDetails .orderDetails .details-box3 .p1-one {
  padding: 1.0625rem /* 17/16 */ 1.25rem /* 20/16 */ 1.75rem /* 28/16 */ 0;
  text-align: right;
}
#orderDetails .orderDetails .details-box3 .p1-one .p1-one-t {
  font-size: 0.75rem /* 12/16 */;
  color: #242424;
}
#orderDetails .orderDetails .details-box3 .p1-one .p1-one-t .p1-one-t-s1 {
  font-size: 0.75rem /* 12/16 */;
  color: #ff5252;
}
#orderDetails .orderDetails .details-box3 .p1-one .p1-one-t .p1-one-t-s2 {
  font-size: 1.125rem /* 18/16 */;
  color: #ff5252;
}
#orderDetails .orderDetails .details-box3 .p1-one .p1-one-b {
  font-size: 0.6875rem /* 11/16 */;
  color: #b3b3b3;
}
#orderDetails .orderDetails .details-box4 {
  padding: 1rem /* 16/16 */ 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box4 .title {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  margin-bottom: 0.5625rem /* 9/16 */;
}
#orderDetails .orderDetails .details-box4 .p {
  font-size: 0.8125rem /* 13/16 */;
  color: #8a8a8a;
  margin-bottom: 0.4375rem /* 7/16 */;
}
#orderDetails .orderDetails .details-box4 .p span {
  margin-right: 1rem;
}
#orderDetails .orderDetails .details-box4 .close {
  border: 1px solid #dfdfdf;
  border-radius: 100px;
  height: 1.75rem /* 28/16 */;
  width: 6.0625rem /* 97/16 */;
  margin: 1.875rem /* 30/16 */ auto 0;
  font-size: 13px;
  color: #757575;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
#orderDetails .orderDetails .details-box5 {
  border-bottom: 0.375rem /* 6/16 */ solid #f4f4f4;
  display: flex;
  flex-direction: column;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
}
#orderDetails .orderDetails .details-box5 .d1 {
  font-size: 0.8125rem /* 13/16 */;
  color: #8A8A8A;
  display: flex;
  padding: 0.3125rem /* 5/16 */ 0;
  align-items: flex-end;
}
#orderDetails .orderDetails .details-box5 .d1 .d1-s1 {
  display: inline-block;
  width: 4.125rem /* 66/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #8A8A8A;
}
#orderDetails .orderDetails .details-box5 .d1 .d1-s2 {
  font-size: 0.75rem /* 12/16 */;
  color: #FF5252;
}
#orderDetails .orderDetails .details-box5 .d1 .d1-s3 {
  font-size: 0.9375rem /* 15/16 */;
  color: #FF5252;
  font-weight: bold;
}
#orderDetails .orderDetails .bnone {
  border: none;
}
#orderDetails .detailsFooter {
  position: fixed;
  height: 3rem /* 48/16 */;
  display: flex;
  align-items: center;
  justify-content: space-around;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  padding: 0 1rem /* 16/16 */;
}
#orderDetails .detailsFooter div {
  height: 1.5rem /* 24/16 */;
  border: 1px solid #e7e7e7;
  border-radius: 0.75rem /* 12/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4.625rem /* 74/16 */;
  padding: 0 0.5rem;
  /* 8/16 */
  margin: 0 0.25rem;
  /* 4/16 */
}
#orderDetails .detailsFooter .btn-color {
  color: #D3977E;
  border: #D3977E solid 1px;
}
#orderDetails .Myorder {
  height: 2.5rem /* 40/16 */;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 6px solid #f4f4f4;
  z-index: 111;
  background: #fff;
}
#orderDetails .Myorder .tagList {
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  justify-content: space-between;
  height: 100%;
}
#orderDetails .Myorder .tagList div {
  font-size: 0.9375rem /* 15/16 */;
  color: #8a8a8a;
  position: relative;
}
#orderDetails .Myorder .tagList .cuk {
  font-size: 1.125rem /* 18/16 */;
  color: #D3977E;
}
#orderDetails .Myorder .tagList .cuk::before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 1.625rem /* 26/16 */;
  background: #D3977E;
  height: 0.1875rem /* 3/16 */;
  left: 50%;
  margin-left: -13px;
}
#orderDetails .orderlist {
  padding-top: 2.5rem /* 40/16 */;
}
#orderDetails .orderlist .order-list-main {
  padding: 0.875rem /* 14/16 */ 1.25rem /* 20/16 */ 1rem /* 16/16 */ 1.25rem;
  border-bottom: 6px solid #f4f4f4;
}
#orderDetails .orderlist .order-list-main:last-child {
  border-bottom: 0px;
}
#orderDetails .orderlist .order-list-main .userInfo {
  display: flex;
  align-items: center;
}
#orderDetails .orderlist .order-list-main .userInfo .ico-0 {
  height: 1.875rem /* 30/16 */;
  width: 1.875rem /* 30/16 */;
  border-radius: 50%;
}
#orderDetails .orderlist .order-list-main .userInfo .ico-1 {
  height: 0.625rem /* 10/16 */;
  width: 0.625rem /* 10/16 */;
}
#orderDetails .orderlist .order-list-main .userInfo span {
  font-size: 1rem /* 16/16 */;
  color: #242424;
  font-weight: bold;
  margin-right: 0.25rem /* 4/16 */;
  margin-left: 0.4375rem /* 7/16 */;
}
#orderDetails .orderlist .order-list-main .status {
  font-size: 0.75rem;
  /* 12/16 */
  color: #D3977E;
}
#orderDetails .orderlist .order-list-main .projectInfo {
  margin-top: 0.875rem /* 14/16 */;
}
#orderDetails .orderlist .order-list-main .projectInfo .child {
  margin-bottom: 1.875rem /* 30/16 */;
  display: flex;
}
#orderDetails .orderlist .order-list-main .projectInfo .child:last-child {
  margin-bottom: 0.625rem /* 10/16 */;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-left {
  height: 5.625rem /* 90/16 */;
  width: 5.625rem /* 90/16 */;
  border-radius: 0.25rem /* 4/16 */;
  margin-right: 0.4375rem /* 7/16 */;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right {
  flex: 1;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right .child-right-p1 {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.375rem /* 6/16 */;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 {
  text-align: right;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem /* 2/16 */;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 .child-right-p2-l {
  display: flex;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right .child-right-p2 .child-right-p2-l div {
  font-size: 11px;
  color: #353535;
  background: #ffea4b;
  height: 18px;
  padding: 0 0.5rem /* 8/16 */;
  display: flex;
  align-items: center;
  margin-right: 0.5rem /* 4/16 */;
  border-radius: 9px;
  line-height: 1rem /* 16/16 */;
  align-content: center;
  justify-content: center;
}
#orderDetails .orderlist .order-list-main .projectInfo .child .child-right .child-right-p3 {
  text-align: right;
  font-size: 0.875rem /* 14/16 */;
  color: #b3b3b3;
}
#orderDetails .orderlist .order-list-main .orderTagCuk {
  display: flex;
  margin-top: 0.875rem /* 14/16 */;
  flex-wrap: wrap;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .div-top {
  font-size: 0.75rem /* 12/16 */;
  color: #8a8a8a;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.9375rem /* 15/16 */;
  align-items: flex-end;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .div-top .s1 {
  color: #ff5252;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .div-top .s2 {
  font-size: 1rem;
  font-weight: bold;
  color: #ff5252;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .div-bottom {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .div-bottom div {
  border: 1px solid #d8d8d8;
  border-radius: 12.5px;
  height: 1.5rem /* 24/16 */;
  width: 4.75rem /* 76/16 */;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-left: 0.625rem /* 10/16 */;
  font-size: 0.8125rem /* 13/16 */;
}
#orderDetails .orderlist .order-list-main .orderTagCuk .cukDocter {
  color: #D3977E;
  border: 1px solid #D3977E;
}
#orderDetails .main-popup {
  padding: 1.25rem /* 20/16 */;
}
#orderDetails .main-popup .top {
  font-size: 1.25rem /* 20/16 */;
  color: #353535;
  text-align: center;
  margin-bottom: 1.25rem /* 20/16 */;
}
#orderDetails .main-popup .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#orderDetails .main-popup .bottom div {
  font-size: 0.75rem /* 12/16 */;
  border-radius: 4px;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#orderDetails .main-popup .bottom div:first-child {
  width: 30%;
  border: 1px solid #D3977E;
  color: #D3977E;
}
#orderDetails .main-popup .bottom div:last-child {
  width: 65%;
  background: #D3977E;
  color: #fff;
}
#orderDetails .main-popupTwo {
  padding: 1.625rem /* 26/16 */ 1.25rem /* 20/16 */;
}
#orderDetails .main-popupTwo .p1 {
  font-size: 1rem;
  color: #353535;
  margin-bottom: 0.625rem /* 10/16 */;
  font-weight: bold;
}
#orderDetails .main-popupTwo .p2 {
  font-size: 1rem;
  color: #353535;
  margin-bottom: 0.75rem /* 12/16 */;
}
#orderDetails .main-popupTwo .selectHospital {
  display: flex;
  width: 100%;
  margin-bottom: 1.25rem /* 20/16 */;
  align-items: center;
}
#orderDetails .main-popupTwo .selectHospital .txt {
  flex: 1;
  font-size: 0.9375rem /* 15/16 */;
  color: #8A8A8A;
}
#orderDetails .main-popupTwo .selectHospital .but {
  margin-left: 1.125rem /* 18/16 */;
  border: 1px solid #D3977E;
  border-radius: 13px;
  height: 1.625rem /* 26/16 */;
  width: 3.25rem /* 52/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5rem /* 24/16 */;
}
#orderDetails .main-popupTwo .selectTime {
  margin-bottom: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
}
#orderDetails .main-popupTwo .selectTime label {
  display: inline-block;
  width: 4.375rem /* 70/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
}
#orderDetails .main-popupTwo .selectTime input {
  height: 2.25rem /* 36/16 */;
  flex: 1;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
}
#orderDetails .main-popupTwo .cuk {
  position: relative;
}
#orderDetails .main-popupTwo .imgArr {
  display: flex;
  width: calc((100vw - 10% - 52px));
}
#orderDetails .main-popupTwo .imgArr div {
  position: relative;
  overflow: hidden;
  width: calc((100vw - 10% - 64px) / 3);
  height: calc((100vw - 10% - 64px) / 3);
  margin-right: 0.75rem /* 12/16 */;
  margin-bottom: 0.75rem /* 12/16 */;
}
#orderDetails .main-popupTwo .imgArr div:last-child {
  margin-right: 0;
}
#orderDetails .main-popupTwo .imgArr div .close {
  height: 1rem /* 16/16 */;
  width: 1rem /* 16/16 */;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9991;
}
#orderDetails .main-popupTwo .imgArr div .img {
  border: 1px solid #f3f3f3;
  position: relative;
  z-index: 111;
  width: calc((100vw - 10% - 64px) / 3);
  height: calc((100vw - 10% - 64px) / 3);
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */;
}
#orderDetails .main-popupTwo .imgArr .update {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
}
#orderDetails .main-popupTwo .imgArr .update i {
  display: none;
}
#orderDetails .main-popupTwo .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#orderDetails .main-popupTwo .bottom div {
  border-radius: 4px;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem /* 12/16 */ /* 14/16 */;
}
#orderDetails .main-popupTwo .bottom div:first-child {
  width: 30%;
  border: 1px solid #D3977E;
  color: #D3977E;
}
#orderDetails .main-popupTwo .bottom div:last-child {
  width: 65%;
  background: #D3977E;
  color: #fff;
}
#orderDetails .project .g-box2 {
  border-bottom: 0.375rem /* 6/16 */ solid #f5f5f5;
  padding: 1.125rem /* 18/16 */ 1.25rem /* 20/16 */ 2rem /* 32/16 */ 1.25rem /* 20/16 */;
}
#orderDetails .project .g-box2 .top1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem /* 16/16 */;
  align-items: center;
}
#orderDetails .project .g-box2 .top1 .top1-l {
  font-size: 1.25rem /* 20/16 */;
  color: #242424;
  font-weight: bold;
}
#orderDetails .project .g-box2 .top1 .top1-r {
  font-size: 0.75rem /* 12/16 */;
  color: #8e8e93;
}
#orderDetails .project .g-box2 .top1 .top1-r span {
  margin-left: 0.75rem /* 12/16 */;
}
#orderDetails .project .g-box2 .title {
  font-size: 1.125rem /* 18/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.5625rem /* 9/16 */;
}
#orderDetails .project .g-box2 .main {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  line-height: 1.3125rem;
  /* 21/16 */
}
#orderDetails .project .g-box3 {
  padding: 1.5rem /* 24/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
}
#orderDetails .project .g-box3 .title {
  font-size: 1.125rem /* 18/16 */;
  color: #000000;
  line-height: 1.25rem /* 20/16 */;
  font-weight: bold;
  position: relative;
}
#orderDetails .project .g-box3 .main {
  background: #ffffff;
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 100%;
  margin-top: 1rem;
  position: relative;
}
#orderDetails .project .g-box3 .main .main-p1 {
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1.25rem /* 20/16 */;
}
#orderDetails .project .g-box3 .main .main-p1 .left {
  font-size: 1.125rem /* 18/16 */;
  color: #353535;
  line-height: 1.5625rem /* 25/16 */;
  font-weight: bold;
}
#orderDetails .project .g-box3 .main .main-p1 .left::after {
  content: "";
  position: absolute;
  width: 0.1875rem /* 3/16 */;
  height: 1.1875rem /* 19/16 */;
  background: #D3977E;
  left: 0;
}
#orderDetails .project .g-box3 .main .main-p1 .right {
  font-size: 1rem;
  color: #171717;
  line-height: 1.0625rem /* 17/16 */;
  font-weight: bold;
}
#orderDetails .project .g-box3 .main .main-p1 .right span {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
}
#orderDetails .project .g-box3 .main .main-p2 {
  padding: 0 1.25rem /* 20/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
  padding-bottom: 0.375rem /* 6/16 */;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#orderDetails .project .g-box3 .main .main-p2-color .left {
  font-size: 0.75rem /* 12/16 */;
  color: #ff5252;
}
#orderDetails .project .g-box3 .main .main-p2-color .right {
  font-size: 1rem /* 16/16 */;
  color: #ff5252;
  font-weight: bold;
}
#orderDetails .project .g-box3 .main .main-bottom {
  height: 2.5rem /* 40/16 */;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.875rem /* 14/16 */;
  color: #b3b3b3;
}
#orderDetails .project .g-box3 .moneyMain {
  margin-top: 0.9375rem /* 15/16 */;
}
#orderDetails .project .g-box3 .moneyMain .p1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem /* 10/16 */;
}
#orderDetails .project .g-box3 .moneyMain .p1 .p1-s1 {
  font-size: 0.9375rem /* 15/16 */;
  color: #353535;
}
#orderDetails .project .g-box3 .moneyMain .p1 div {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
}
#orderDetails .project .g-box3 .moneyMain .p1 div .p1-s2 {
  font-size: 0.875rem /* 14/16 */;
  color: #171717;
}
#orderDetails .project .g-box3 .moneyMain .p1 div .fzblod {
  font-size: 1.125rem /* 18/16 */;
  color: #171717;
  font-weight: bold;
}
#orderDetails .van-popup {
  width: 90%;
  border-radius: 8px;
}
#orderDetails .mainBoxOne {
  width: 100%!important;
  border-radius: 0!important;
}
#deal {
  min-height: 100vh;
  width: 100%;
  background: #fff;
}
#deal .WordSection1 {
  padding: 1.25rem /* 20/16 */;
}
#deal .WordSection1 p {
  font-size: 0.75rem /* 12/16 */;
}
#deal .WordSection1 p span {
  font-weight: bold;
}
#deal .dealTwo pre {
  font-size: 0.75rem;
  white-space: pre-wrap;
  padding: 1.25rem /* 20/16 */;
}
#income {
  min-height: 100vh;
  background: #fff;
  width: 100%;
  position: relative;
  z-index: 100;
}
#income .giveSearch {
  position: relative;
  overflow: hidden;
}
#income .giveSearch .s-top5 {
  position: fixed;
  height: 5rem /* 80/16 */;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 6px 6px 0 rgba(178, 178, 178, 0.09);
  z-index: 999;
  background: #fff;
}
#income .giveSearch .s-top5 .bottom {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  height: 2.5rem /* 40/16 */;
}
#income .giveSearch .s-top5 .bottom div {
  display: flex;
  align-items: center;
}
#income .giveSearch .s-top5 .bottom div img {
  margin-left: 0.375rem /* 6/16 */;
  height: 0.375rem /* 6/16 */;
  width: 0.5625rem /* 9/16 */;
}
#income .giveSearch .s-top5 .bottomTwo {
  height: 2.5rem /* 40/16 */;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
#income .giveSearch .s-top5 .bottomTwo div {
  display: flex;
  align-items: center;
  position: relative;
}
#income .giveSearch .s-top5 .bottomTwo div span {
  height: 100%;
  display: flex;
  align-items: center;
}
#income .giveSearch .s-top5 .bottomTwo div span:last-child {
  margin-left: 0.3125rem /* 5/16 */;
}
#income .giveSearch .s-top5 .bottomTwo .monetCuk {
  position: relative;
  color: #D3977E;
}
#income .giveSearch .s-top5 .bottomTwo .monetCuk::before {
  content: '';
  position: absolute;
  background: #D3977E;
  height: 0.125rem /* 2/16 */;
  width: 90%;
  bottom: 0;
  left: 50%;
  margin-left: -45%;
}
#income .giveSearch .s-top4 {
  padding-top: 5rem /* 80/16 */;
}
#income .giveSearch .s-top4 .mainBox-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2.25rem /* 36/16 */ 0 2.25rem /* 36/16 */ 0;
}
#income .giveSearch .s-top4 .mainBox-top img {
  height: 1.4375rem /* 23/16 */;
  width: 1.4375rem /* 23/16 */;
}
#income .giveSearch .s-top4 .mainBox-top p {
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
  margin-top: 0.9375rem /* 15/16 */;
}
#income .giveSearch .s-top4 .mainBox-top2 {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
#income .giveSearch .s-top4 .mainBox-top2 img {
  margin-top: 6.25rem /* 100/16 */;
  width: 14.5625rem /* 233/16 */;
  height: 7.0625rem /* 113/16 */;
}
#income .giveSearch .s-top4 .mainBox-top2 p {
  font-size: 0.875rem /* 14/16 */;
  color: #c1c1c1;
  margin-top: 2.375rem /* 38/16 */;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild {
  padding: 0 1.25rem /* 20/16 */ 3.75rem /* 60/16 */ 1.25rem;
  display: flex;
  flex-direction: column;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child {
  display: flex;
  flex-direction: column;
  padding: 0.875rem /* 14/16 */ 0;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList {
  display: flex;
  height: 5.5rem /* 88/16 */;
  align-items: center;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList img {
  height: 2.25rem /* 36/16 */;
  width: 2.25rem /* 36/16 */;
  margin-right: 0.625rem /* 10/16 */;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .order-r-l {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .order-r-l .name {
  width: 100%;
  font-size: 17px;
  color: #353535;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .order-r-l .time {
  font-size: 13px;
  color: #ADADAD;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .order-r-r {
  text-align: right;
  width: 5rem /* 80/16 */;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .lessen {
  font-size: 16px;
  color: #8E8E93;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .add {
  font-size: 16px;
  color: #FF5252;
}
#income .giveSearch .s-top4 .mainBox .mainBoxChild .right {
  flex: 1;
}
#income .giveSearch .consult {
  flex: 1;
}
#income .giveSearch .consult .consult-child {
  display: flex;
  padding: 0.875rem /* 14/16 */ 0;
}
#income .giveSearch .consult .consult-child:first-child {
  padding-top: 0;
}
#income .giveSearch .consult .consult-child:last-child {
  padding-bottom: 0;
}
#income .giveSearch .consult .consult-child:last-child::after {
  border-bottom-width: 0;
}
#income .giveSearch .consult .consult-child .consult-child-l {
  position: relative;
  top: 0.25rem /* 4/16 */;
}
#income .giveSearch .consult .consult-child .consult-child-l img {
  height: 0.9375rem /* 15/16 */;
  width: 0.9375rem /* 15/16 */;
}
#income .giveSearch .consult .consult-child .consult-child-r {
  flex: 1;
}
#income .giveSearch .consult .consult-child .consult-child-r .p1 {
  font-size: 1rem;
  color: #000000;
}
#income .giveSearch .consult .consult-child .consult-child-r .p2 {
  display: flex;
  align-items: center;
  margin-top: 0.3125rem /* 5/16 */;
  justify-content: space-between;
}
#income .giveSearch .consult .consult-child .consult-child-r .p2 .p2-img1 {
  height: 1.375rem /* 22/16 */;
  width: 1.375rem /* 22/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#income .giveSearch .consult .consult-child .consult-child-r .p2 .p2-img2 {
  margin-left: 0.3125rem /* 5/16 */;
  font-size: 0.75rem /* 12/16 */;
  color: #8e8e93;
}
#income .giveSearch .consult .consult-child .consult-child-r .p2 .p2-img3 {
  margin-left: 1rem;
  margin-left: 0.3125rem /* 5/16 */;
  font-size: 0.75rem /* 12/16 */;
  color: #8e8e93;
}
#income .giveSearch .consult .consult-child .tag {
  font-size: 0.75rem;
  margin-top: 0.625rem /* 10/16 */;
  display: flex;
  flex-wrap: wrap;
}
#income .giveSearch .consult .consult-child .tag div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f5f5f5;
  border-radius: 0.25rem /* 4/16 */;
  height: 1.5rem /* 24/16 */;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  padding: 0 0.75rem /* 12/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #171717;
  border-radius: 0.75rem /* 12/16 */;
  height: 24px;
}
#income .giveSearch .consult .consult-child .tag div img {
  height: 0.6875rem /* 11/16 */;
  width: 0.6875rem /* 11/16 */;
  margin-right: 0.25rem /* 4/16 */;
}
#income .popupBox {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
#income .popupBox .popup-top {
  width: 100%;
  z-index: 9999;
  background-color: #fff;
}
#income .popupBox .popup-top .fixation-b {
  padding: 0 20px;
  display: flex;
  justify-content: space-around;
  height: 2.375rem /* 38/16 */;
  align-items: center;
  font-size: 0.9375rem;
}
#income .popupBox .popup-top .rest-d6 {
  display: flex;
  align-items: center;
}
#income .popupBox .popup-top .rest-d6 .txt {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #353535;
}
#income .popupBox .popup-top .rest-d6 .txt img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
#income .popupBox .paixuList {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 1rem;
}
#income .popupBox .paixuList div {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 2.5rem /* 40/16 */;
  line-height: 2.5rem;
  align-items: center;
  align-content: center;
}
#income .popupBox .paixuList div:active {
  color: #D3977E;
}
#income .popupBox .paixuList div:hover {
  color: #D3977E;
}
#income .popupBox .paixuList .active {
  color: #D3977E;
}
#income .popup-top {
  width: 100%;
  z-index: 9999;
  background-color: #fff;
}
#income .popup-top .fixation-b {
  padding: 0 20px;
  display: flex;
  justify-content: space-around;
  height: 2.375rem /* 38/16 */;
  align-items: center;
  font-size: 0.9375rem;
}
#income .popup-top .rest-d6 {
  display: flex;
  align-items: center;
}
#income .popup-top .rest-d6 .txt {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #353535;
}
#income .popup-top .rest-d6 .txt img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
#income .hdbox {
  position: relative;
  background: #fff;
  padding-bottom: 1.25rem /* 20/16 */;
}
#income .hdbox .hdbox-dataTime {
  width: 35%;
  min-width: 120px;
  overflow: scroll;
  background-color: #fafafa;
  -webkit-overflow-scrolling: touch;
}
#income .hdbox .hdbox-dataTime div {
  position: relative;
  line-height: 44px;
  padding: 0 9px 0 15px;
  font-size: 0.875rem /* 14/16 */;
}
#income .hdbox .hdbox-dataTime .active {
  background: #fff;
  font-weight: 700;
}
#income .shade {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.36);
  z-index: 500;
  display: none;
}
#income .shadeBox {
  display: block;
}
#income .incomeDetails {
  padding: 1.875rem 1.25rem 0 /* 20/16 */;
}
#income .incomeDetails .d1 {
  height: 3.875rem /* 62/16 */;
  width: 3.875rem /* 62/16 */;
  margin: 0 auto;
}
#income .incomeDetails .d2 {
  text-align: center;
  font-size: 16px;
  color: #242424;
  margin-top: 1.25rem /* 20/16 */;
}
#income .incomeDetails .d3 {
  text-align: center;
  margin-top: 0.25rem /* 4/16 */;
  font-size: 1.5rem /* 24/16 */;
  color: #242424;
  font-weight: bold;
}
#income .incomeDetails .d4 {
  margin-top: 3.75rem /* 60/16 */;
}
#income .incomeDetails .d4 p {
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
  margin-bottom: 0.625rem /* 10/16 */;
}
#income .incomeDetails .d4 p span {
  color: #8E8E93;
}
.pulldown {
  background: url("../img/Artboard 37.png") no-repeat center;
  background-size: 12px 7px;
  background-position: right center;
  padding-right: 1rem;
}
.pulldownCuk {
  background: url("../img/Artboard40-1.png") no-repeat center;
  background-size: 12px 7px;
  background-position: right center;
  padding-right: 1rem;
  color: #D3977E;
}
.pulldownRed {
  background: url("../img/Artboard 40.png") no-repeat center;
  background-size: 12px 7px;
  background-position: right center;
  padding-right: 1rem;
  color: #D3977E;
}
.pulldownBrown {
  background: url("../img/topTriangle.png") no-repeat center;
  background-size: 12px 7px;
  background-position: right center;
  padding-right: 1rem;
  color: #D3977E;
}
.aidManage {
  position: relative;
  padding: 0 0 4.375rem /* 70/16 */ 0;
}
.aidManage .filex {
  background: #f9e5ad;
  position: fixed;
  height: 1.75rem /* 28/16 */;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  z-index: 1000;
}
.aidManage .filex img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
.aidManage .filex span {
  margin-left: 0.375rem /* 6/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #c39942;
}
.aidManage .jbBut {
  margin: 0 auto;
  background: url("../img/but.png") no-repeat center;
  height: 1.875rem /* 30/16 */;
  width: 9rem /* 144/16 */;
  background-size: 100% 100%;
  font-size: 0.8125rem /* 13/16 */;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aidManage .manage {
  padding: 0 /* 28/16 */ /* 30/16 */ 1.25rem 1.25rem /* 100/16 */ 1.25rem /* 20/16 */;
}
.aidManage .manage .manageChild {
  padding: 0.875rem /* 14/16 */ 0;
  display: flex;
  justify-content: space-around;
}
.aidManage .manage .manageChild .left {
  height: 2.625rem /* 42/16 */;
  width: 2.625rem /* 42/16 */;
  border-radius: 50%;
  margin-right: 0.5rem /* 8/16 */;
  overflow: hidden;
}
.aidManage .manage .manageChild .left img {
  width: 100%;
}
.aidManage .manage .manageChild .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aidManage .manage .manageChild .right .r-top {
  display: flex;
  justify-content: space-between;
}
.aidManage .manage .manageChild .right .r-top .r-l {
  display: flex;
  align-items: center;
}
.aidManage .manage .manageChild .right .r-top .r-l .r-l-name {
  font-size: 16px;
  color: #242424;
  font-weight: bold;
}
.aidManage .manage .manageChild .right .r-top .r-l .r-l-tag {
  margin-left: 0.1875rem /* 3/16 */;
  background: #efefef;
  border-radius: 6px;
  display: flex;
  align-content: center;
  align-items: center;
  height: 0.875rem /* 14/16 */;
  display: inline-block;
  justify-content: center;
  padding: 0 0.3125rem /* 5/16 */;
}
.aidManage .manage .manageChild .right .r-top .r-l .r-l-tag a {
  font-size: 0.75rem /* 12/16 */;
  transform: scale(0.8);
  color: #8a8a8a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aidManage .manage .manageChild .right .r-top .r-r {
  display: flex;
}
.aidManage .manage .manageChild .right .r-top .r-r div {
  border: 1px solid #cb5f2c;
  border-radius: 11px;
  height: 1.375rem /* 22/16 */;
  width: 4.125rem /* 66/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem /* 12/16 */;
  color: #cb5f2c;
  margin-left: 0.375rem /* 6/16 */;
}
.aidManage .manage .manageChild .right .r-top .r-r span {
  font-size: 0.8125rem /* 13/16 */;
  color: #929896;
}
.aidManage .manage .manageChild .right .r-bottom {
  font-size: 0.8125rem /* 13/16 */;
  color: #5f5f5f;
}
.ManageDocter {
  padding-bottom: 100px;
}
.ManageDocter .jbBut {
  margin: 0 auto;
  background: url("../img/but.png") no-repeat center;
  height: 1.875rem /* 30/16 */;
  width: 9rem /* 144/16 */;
  background-size: 100% 100%;
  font-size: 0.8125rem /* 13/16 */;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ManageDocter .filex {
  background: #f9e5ad;
  position: fixed;
  height: 1.75rem /* 28/16 */;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  z-index: 1000;
}
.ManageDocter .filex img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
.ManageDocter .filex span {
  margin-left: 0.375rem /* 6/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #c39942;
}
.ManageDocter .manage {
  padding: 0 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 1.25rem /* 20/16 */;
  min-height: 80vh;
}
.ManageDocter .manage .child {
  padding: 0.875rem /* 14/16 */ 0;
}
.ManageDocter .manage .child .c-top {
  display: flex;
}
.ManageDocter .manage .child .c-top .c-top-img {
  height: 2.625rem /* 42/16 */;
  width: 2.625rem /* 42/16 */;
  border-radius: 50%;
  margin-right: 0.5rem /* 8/16 */;
  overflow: hidden;
}
.ManageDocter .manage .child .c-top .c-top-img img {
  width: 100%;
}
.ManageDocter .manage .child .c-top .c-top-user .name {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
}
.ManageDocter .manage .child .c-top .c-top-user .address {
  font-size: 0.75rem /* 12/16 */;
  color: #5f5f5f;
}
.ManageDocter .manage .child .c-bottom {
  margin-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
}
.ManageDocter .manage .child .c-bottom div {
  position: relative;
  width: calc((100vw - 70px) / 4);
  height: 1.75rem /* 28/16 */;
  border: 1px solid #d8d8d8;
  border-radius: 0.875rem /* 14/16 */;
  font-size: 13px;
  color: #8a8a8a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
.ManageDocter .manage .child .c-bottom div:nth-child(4n) {
  margin-right: 0;
}
.ManageDocter .manage .child .c-bottom div span {
  position: absolute;
  right: -6px;
  top: -6px;
  margin-left: 0.375rem /* 6/16 */;
  background: #ee4b3a;
  border: 50%;
  padding: 0.125rem /* 2/16 */;
  border-radius: 50%;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  max-height: 1.5rem /* 24/16 */;
  max-width: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ManageDocter .manage .child .c-bottom div span a {
  color: #fff;
  font-size: 0.75rem /* 12/16 */ /* 9/16 */;
  transform: scale(0.8);
}
#error {
  min-height: 100vh;
  width: 100%;
  background: #fff;
}
#error .main {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
#error .main img {
  margin-top: 6.25rem /* 100/16 */;
  width: 14.5625rem /* 233/16 */;
  height: 7.0625rem /* 113/16 */;
}
#error .main p {
  font-size: 0.875rem /* 14/16 */;
  color: #c1c1c1;
  margin-top: 2.375rem /* 38/16 */;
}
#core {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #fff;
}
#core .userInfo .user {
  padding: 0.75rem 0 /* 12/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#core .userInfo .user .label {
  width: 7.5rem;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#core .userInfo .user .time-put {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 3.625rem /* 58/16 */;
  min-height: 3.625rem /* 58/16 */;
}
#core .userInfo .user .time-put label {
  display: inline-block;
  overflow: hidden;
  height: 3.625rem /* 58/16 */;
  width: 3.625rem /* 58/16 */;
  border-radius: 50%;
}
#core .userInfo .user .time-put .time-put-left .spanAll {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#core .userInfo .user .time-put .time-put-left .spanAll span {
  border: 1px solid #D3977E;
  border-radius: 3px;
  color: #D3977E;
  font-size: 0.75rem;
  display: inline-block;
  height: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  padding: 0 0.375rem /* 6/16 */;
  margin-left: 0.4375rem /* 7/16 */;
  margin-bottom: 0.4375rem /* 7/16 */;
}
#core .userInfo .user .time-put .time-put-left .p1 span {
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
  margin-left: 0.375rem /* 6/16 */;
}
#core .userInfo .user .time-put .time-put-left .p2 {
  margin-top: 0.4375rem /* 7/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
  text-align: right;
}
#core .userInfo .user .time-put .time-put-left .p3 {
  width: 12.5rem /* 200/16 */;
  margin-top: 0.5rem /* 8/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #929896;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#core .userInfo .user .time-put span {
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
}
#core .userInfo .user .time-put .ico-left {
  margin-left: 0.3125rem /* 5/16 */;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}
#core .userInfo .userCss {
  padding: 0.75rem 0 /* 12/16 */;
}
#core .userInfo .userCss .top {
  display: flex;
  justify-content: space-between;
}
#core .userInfo .userCss .top .top-left {
  width: 5.625rem /* 90/16 */;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
#core .userInfo .userCss .top .top-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
#core .userInfo .userCss .top .top-right .spanAll {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#core .userInfo .userCss .top .top-right .spanAll span {
  border: 1px solid #D3977E;
  border-radius: 3px;
  color: #D3977E;
  font-size: 0.75rem;
  display: inline-block;
  height: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  padding: 0 0.375rem /* 6/16 */;
  margin-left: 0.4375rem /* 7/16 */;
  margin-bottom: 0.4375rem /* 7/16 */;
}
#core .userInfo .userCss .top .top-right .p1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#core .userInfo .userCss .top .top-right .p1 span {
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
  margin-left: 0.375rem /* 6/16 */;
}
#core .userInfo .userCss .top .top-right .p2 {
  margin-top: 0.4375rem /* 7/16 */;
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
  text-align: right;
}
#core .userInfo .userCss .top .top-right .p3 {
  font-size: 0.9375rem /* 15/16 */;
  color: #929896;
  text-align: right;
}
#core .userInfo .userCss .top .top-right .ico-left {
  margin-left: 0.3125rem /* 5/16 */;
  display: inline-block;
  height: 0.5625rem;
  width: 0.5625rem;
}
#core .userInfo .userCss .bottom {
  font-size: 14px;
  color: #929896;
  margin-top: 0.5rem /* 8/16 */;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.9375rem /* 15/16 */ /* 20/16 */;
}
#core .userInfo .userTop {
  align-items: flex-start;
}
#core .editMy .userCss {
  padding: 0.9375rem /* 15/16 */ 0;
}
#editName {
  position: relative;
  min-height: 100vh;
  background: #F1F1F1;
  padding: 1.25rem /* 20/16 */ 0 5rem /* 80/16 */ 0;
  width: 100%;
}
#editName input {
  height: 3.125rem /* 50/16 */;
  width: 100%;
  background: #fff;
  padding: 0 1.25rem /* 20/16 */;
  font-size: 17px;
  color: #242424;
}
#editName .footer {
  width: 100%;
  display: flex;
  justify-content: center;
}
#editName .footer button {
  width: 90%;
  position: absolute;
  bottom: 5rem /* 80/16 */;
  background: #CB5F2C;
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.125rem /* 50/16 */;
}
.mint-toast {
  z-index: 9998 !important;
}
.gridBut button {
  background: #c3c3c3 !important;
}
.mb10 {
  margin-bottom: 0.625rem /* 10/16 */;
}
.activity footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 60px;
  background: #F8F8F8;
  border-top: 1px solid #E5E5E5;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 999;
}
.activity footer div {
  font-size: 1rem /* 16/16 */;
  color: #353535;
}
.activity footer .active {
  color: #CB5F2C;
}
.activity .activityMain {
  padding-bottom: 3.125rem /* 50/16 */;
}
.activity .activityMain .activeOne {
  padding-top: 1.25rem /* 20/16 */;
}
.activity .activityMain .activeOne .p1 {
  font-size: 1.125rem /* 18/16 */;
  color: #353535;
  padding: 0 1.25rem /* 20/16 */;
  margin-bottom: 20px;
}
.activity .activityMain .activeOne .select {
  margin-top: 0.9375rem /* 15/16 */;
  padding: 0 1.25rem;
  width: calc((100% - 40px));
  margin: 0 auto;
  display: flex;
}
.activity .activityMain .activeOne .select .selectOne,
.activity .activityMain .activeOne .select .selectTwo {
  width: 50%;
  padding: 0.625rem /* 10/16 */;
  font-size: 1rem /* 16/16 */;
  color: #353535;
  position: relative;
  border-radius: 0.25rem /* 4/16 */;
  display: flex;
  align-items: center;
  padding-left: 30px;
}
.activity .activityMain .activeOne .select .selectOne img,
.activity .activityMain .activeOne .select .selectTwo img {
  margin-right: 10px;
  height: 1.375rem /* 22/16 */;
  width: 1.375rem /* 22/16 */;
}
.activity .activityMain .activeOne .select .selectOne::after,
.activity .activityMain .activeOne .select .selectTwo::after {
  position: absolute;
  content: '';
  left: 0;
  height: 1.375rem /* 22/16 */;
  width: 1.375rem /* 22/16 */;
  background: url('../img/ico-select-ok.png') no-repeat center;
  background-size: 22px 22px;
}
.activity .activityMain .activeOne .select .activeImg::after {
  position: absolute;
  content: '';
  left: 0;
  height: 1.375rem /* 22/16 */;
  width: 1.375rem /* 22/16 */;
  background: url('../img/ico-select-no.png') no-repeat center;
  background-size: 22px 22px;
}
.activity .activityMain .activeOne .p2 {
  margin-top: 1.25rem /* 20/16 */;
  text-align: center;
  font-size: 1rem /* 16/16 */;
  color: #CB5F2C;
}
.activity .activityMain .activeOne .img {
  margin-top: 0.625rem;
  width: 100%;
  padding: 0 1.25rem /* 20/16 */;
  position: absolute;
  padding-bottom: 100px;
}
.activity .activityMain .activeOne .img img {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
}
.activity .activityMain .activeTwo .listOne {
  margin-bottom: 1.875rem /* 30/16 */;
}
.activity .activityMain .activeTwo .listOne .time {
  height: 1.75rem /* 28/16 */;
  background: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.625rem /* 26/16 */;
  position: sticky;
  top: 0;
  z-index: 10;
}
.activity .activityMain .activeTwo .listOne .one {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.activity .activityMain .activeTwo .listOne .one span {
  display: flex;
  justify-content: center;
}
.activity .activityMain .activeTwo .listOne .one-p1 {
  height: 2.5rem /* 40/16 */;
  background: #F8F8F8;
}
.activity .activityMain .activeTwo .listOne .one-p1 span {
  font-size: 14px;
  color: #242424;
}
.activity .activityMain .activeTwo .listOne .one-p2 {
  height: 2.8125rem /* 45/16 */;
}
.activity .activityMain .activeTwo .listOne .one-p2 span {
  font-size: 14px;
  color: #242424;
}
.activity .activityMain .activeTwo .listOne .one-p2 span:nth-child(1n) {
  color: #8A8A8A;
  width: 15%;
}
.activity .activityMain .activeTwo .listOne .one-p2 span:nth-child(2n) {
  color: #8A8A8A;
  width: 15%;
}
.activity .activityMain .activeTwo .listOne .one-p2 span:nth-child(3n) {
  color: #242442;
  font-weight: bold;
  width: 20%;
}
.activity .activityMain .activeTwo .listOne .one-p2 span:nth-child(4n) {
  color: #242442;
  width: 20%;
}
.activity .activityMain .activeTwo .listOne .one-p2 span:nth-child(5n) {
  color: #CB5F2C;
  width: 20%;
}
.activity .activityMain .activeTwo .listOne .activeRow {
  background: #FFF5F0;
}
.activity .activityMain .activeThree {
  padding: 0 1.25rem /* 20/16 */;
}
.activity .activityMain .activeThree .user {
  height: 4.8125rem /* 77/16 */;
  display: flex;
  align-items: center;
}
.activity .activityMain .activeThree .user .user-l {
  height: 3.125rem /* 50/16 */;
  width: 3.125rem /* 50/16 */;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.625rem /* 10/16 */;
}
.activity .activityMain .activeThree .user .user-r {
  flex: 1;
}
.activity .activityMain .activeThree .user .user-r .user-r-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem /* 5/16 */;
}
.activity .activityMain .activeThree .user .user-r .user-r-top .s1 {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
}
.activity .activityMain .activeThree .user .user-r .user-r-top .s2 {
  font-size: 0.75rem /* 12/16 */;
  color: #B3B3B3;
}
.activity .activityMain .activeThree .user .user-r .user-r-bottom {
  font-size: 0.8125rem /* 13/16 */;
  color: #ADADAD;
}
.activity .activityMain .activeThree .user .user-r .userActive {
  color: #CB5F2C;
}
.activity .activityMain .activeThree .no-data {
  min-height: 80vh;
  margin-bottom: -60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #8A8A8A;
}
.errorPublic {
  background: url('../img/err1.png') no-repeat center;
  height: 9.375rem /* 150/16 */;
  width: 16.5625rem /* 265/16 */;
  margin: 8.75rem /* 140/16 */ auto 0;
  background-size: 100% 100%;
}
.errorText {
  width: 100%;
  margin: 9rem /* 120/16 */ auto 2.5rem /* 40/16 */;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorText p {
  position: absolute;
  font-size: 0.9375rem /* 15/16 */;
  bottom: -40px;
  color: #a4a4a4;
  text-align: center;
}
.errorsPublic {
  background: url('../img/error.png') no-repeat center;
  height: 9.375rem /* 150/16 */;
  width: 280px;
  margin: 7.5rem /* 120/16 */ auto 2.5rem /* 40/16 */;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorsPublic p {
  position: absolute;
  font-size: 0.875rem /* 14/16 */;
  bottom: -40px;
  color: #a4a4a4;
  text-align: center;
}
.errorsPublicImg {
  background: url('../img/error.png') no-repeat center;
  height: 9.375rem /* 150/16 */;
  width: 280px;
  margin: 2.5rem /* 40/16 */ auto 2.5rem /* 40/16 */;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorsPublicImg p {
  position: absolute;
  font-size: 0.875rem /* 14/16 */;
  bottom: -70px;
  color: #a4a4a4;
  text-align: center;
}
.qrbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.qrbox .p1 {
  margin-top: 1.875rem /* 30/16 */;
  font-size: 18px;
  color: #4D4D4D;
}
.qrbox img {
  margin-top: 11.2vw;
  height: 9.875rem /* 158/16 */;
  width: 9.875rem /* 158/16 */;
}
.qrbox .p2 {
  font-size: 15px;
  color: #A4A4A4;
  margin-top: 1.25rem /* 20/16 */;
}
[v-cloak] {
  display: none;
}
.restBoxNew {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
  border-radius: 3.91px;
  padding: 1rem 0.75rem 1rem 0.75rem;
}
.restBoxNew .rest-d1 {
  margin-bottom: 0.625rem;
  display: flex;
  border-radius: 50%;
}
.restBoxNew .rest-d1 .rest-d1-l {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.5625rem;
  overflow: hidden;
}
.restBoxNew .rest-d1 .rest-d1-r .p1 {
  font-size: 0.875rem;
  color: #4d4d4d;
  line-height: 1.25rem;
}
.restBoxNew .rest-d1 .rest-d1-r .p2 {
  font-size: 0.75rem;
  color: #b3b3b3;
  line-height: 1.0625rem;
}
.restBoxNew .rest-d2 {
  overflow: hidden;
  position: relative;
  height: calc((100vw - 4.625rem)*2/3);
  width: 100%;
  display: flex;
}
.restBoxNew .rest-d2 .msg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  font-size: 0.6875rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.36);
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.restBoxNew .rest-d2 .img2 {
  position: absolute;
  left: 0;
  width: 31%;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */;
}
.restBoxNew .rest-d2 .img3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31%;
  border-radius: 0.25rem /* 4/16 */;
  overflow: hidden;
}
.restBoxNew .rest-d2 .img1 {
  position: absolute;
  right: 0;
  overflow: hidden;
  height: 100%;
  width: 65.5%;
  border-radius: 0.25rem /* 4/16 */;
}
.restBoxNew .palteboxMain {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.restBoxNew .palteboxMain .paltebox1-l,
.restBoxNew .palteboxMain .paltebox1-r {
  position: relative;
  font-size: 0;
  width: calc((100vw - 4.625rem) / 2);
  height: calc((100vw - 4.625rem) / 2);
  border-radius: 0.25rem;
  overflow: hidden;
}
.restBoxNew .palteboxMain .paltebox1-l img,
.restBoxNew .palteboxMain .paltebox1-r img {
  position: relative;
  z-index: 1;
  border-radius: 0.25rem;
}
.restBoxNew .palteboxMain .paltebox1-l span,
.restBoxNew .palteboxMain .paltebox1-r span {
  position: absolute;
  z-index: 2;
  display: inline-block;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.36);
  font-size: 0.6875rem;
  color: #fff;
  text-align: center;
  right: 0;
  bottom: 0;
}
.restBoxNew .rest-d3 {
  margin-top: 0.9375rem;
  font-size: 0;
}
.restBoxNew .rest-d3 span {
  border: 1px solid #D3977E;
  border-radius: 0.25rem;
  display: inline-block;
  height: 1.25rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: #D3977E;
  line-height: 1.125rem;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 7px;
}
.restBoxNew .rest-d4 {
  padding: 0 0.3125rem;
}
.restBoxNew .rest-d4 .title {
  font-size: 0.8125rem;
  color: #242424;
  line-height: 1.375rem;
  font-weight: bold;
}
.restBoxNew .rest-d4 .txt {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  color: #797979;
  line-height: 1.25rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.restBoxNew .mb15 {
  margin-bottom: 0.9375rem;
}
.restBoxNew .rest-d5 {
  display: flex;
  padding: 0 0.3125rem;
  margin-top: 0.3125rem;
}
.restBoxNew .rest-d5 div {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  position: relative;
  top: 5px;
}
.restBoxNew .rest-d5 div .kan {
  width: 0.8125rem;
  height: 0.5rem;
}
.restBoxNew .rest-d5 div .yan {
  width: 0.75rem;
  height: 0.75rem;
}
.restBoxNew .rest-d5 div .zan {
  width: 0.75rem;
}
.restBoxNew .rest-d5 div span {
  margin-left: 0.1875rem;
  font-size: 13.67px;
  color: #b3b3b3;
}
.restBoxNew .rest-d6 {
  display: flex;
  align-items: center;
}
.restBoxNew .rest-d6 .txt {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #353535;
}
.restBoxNew .rest-d6 .txt img {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
.restBoxNew .seeDetails {
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.625rem /* 10/16 */;
}
.restBoxNew .seeDetails span {
  font-size: 0.875rem /* 14/16 */;
}
.restBoxNew .seeDetails i {
  font-size: 12px;
}
#pullDoctor {
  position: relative;
}
#pullDoctor .pullBox {
  padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 0 1.25rem /* 20/16 */;
  border-bottom: 5px solid #F5F5F5;
}
#pullDoctor .pullBox .title {
  font-size: 18px;
  color: #242424;
  font-weight: bold;
}
#pullDoctor .pullBox .child {
  display: flex;
  padding: 0.9375rem /* 15/16 */ 0;
  align-items: center;
}
#pullDoctor .pullBox .child .left .cukRadio {
  display: block;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
  background: url('../img/ico6-8.png') no-repeat center;
  background-size: 1.125rem /* 18/16 */ 1.125rem /* 18/16 */;
}
#pullDoctor .pullBox .child .left .activeRadio {
  background: url('../img/ico6-9.png') no-repeat center;
  background-size: 1.125rem /* 18/16 */ 1.125rem /* 18/16 */;
}
#pullDoctor .pullBox .child .right {
  margin-left: 0.625rem /* 10/16 */;
}
#pullDoctor .pullBox .child .right .r-one {
  display: flex;
  align-items: center;
}
#pullDoctor .pullBox .child .right .r-one .name {
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  display: block;
  max-width: 5rem /* 80/16 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#pullDoctor .pullBox .child .right .r-one .hospital {
  flex: 1;
  font-size: 13px;
  color: #A1A1A1;
  margin-left: 0.3125rem /* 5/16 */;
}
#pullDoctor .pullBox .child .right .r-two {
  display: flex;
  margin-top: 0.4375rem /* 7/16 */;
}
#pullDoctor .pullBox .child .right .r-two .tag {
  display: flex;
  height: 1.25rem /* 20/16 */;
  padding: 0 0.5rem /* 8/16 */;
  background: #F9F9F9;
  border-radius: 4px;
  font-size: 13px;
  color: #646464;
  align-items: center;
  justify-content: center;
  margin-right: 0.4375rem /* 7/16 */;
}
#pullDoctor .pullBox1 {
  padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */ 0 1.25rem /* 20/16 */;
}
#pullDoctor .pullBox1 .title {
  font-size: 18px;
  color: #242424;
  font-weight: bold;
}
#pullDoctor .pullBox1 .name {
  width: 100%;
  height: 2.5rem /* 40/16 */;
  padding: 0.5625rem /* 9/16 */ 0;
}
#pullDoctor .pullBox1 .name::placeholder {
  font-size: 14px;
  color: #C3BBB8;
}
#pullDoctor .pullBox1 .smallTitle {
  font-size: 16px;
  color: #242424;
  margin-top: 1.25rem /* 20/16 */;
}
#pullDoctor .pullBox1 .allTag {
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 25px));
}
#pullDoctor .pullBox1 .allTag span {
  display: block;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  height: 1.75rem /* 28/16 */;
  width: 6.4375rem /* 103/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666666;
  margin-right: 0.8125rem /* 13/16 */;
  margin-top: 0.625rem /* 10/16 */;
  position: relative;
}
#pullDoctor .pullBox1 .allTag .activeTag {
  border: 1px solid #D3977E;
  color: #D3977E;
  background: url('../img/checkbox.png') no-repeat center;
  background-position: right bottom;
  background-size: 1.375rem /* 22/16 */ 1rem /* 16/16 */;
}
#pullDoctor .pullBox1 .tarText textarea {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  padding: 5px 10px;
}
#pullDoctor .pullBox1 .tarText textarea::placeholder {
  font-size: 0.9375rem /* 15/16 */;
  color: #979797;
}
#pullDoctor .pullBox1 .imgList {
  display: flex;
  width: calc((100vw - 20px));
  margin-top: 0.625rem /* 10/16 */;
}
#pullDoctor .pullBox1 .imgList .imgvideo {
  display: flex;
  float: left;
  flex-wrap: wrap;
}
#pullDoctor .pullBox1 .imgList .imgvideo .imgChild {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  position: relative;
}
#pullDoctor .pullBox1 .imgList .imgvideo .imgChild .img1 {
  height: 5.0625rem;
  width: 5.0625rem;
  border-radius: 0.25rem;
}
#pullDoctor .pullBox1 .imgList .imgvideo .imgChild .close {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  height: 1.25rem;
  width: 1.25rem;
}
#pullDoctor .pullBox1 .imgList .imgvideo .videoChild {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  position: relative;
}
#pullDoctor .pullBox1 .imgList .imgvideo .videoChild .img1 {
  height: 5.0625rem;
  width: 5.0625rem;
  border-radius: 0.25rem;
}
#pullDoctor .pullBox1 .imgList .imgvideo .videoChild .close {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  height: 1.25rem;
  width: 1.25rem;
}
#pullDoctor .pullBox1 .imgList .imgvideo .videoChild .play {
  height: 5.0625rem /* 81/16 */;
  width: 5.0625rem /* 81/16 */;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
#pullDoctor .pullBox1 .imgList .imgvideo .text-one {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8e8e93;
  line-height: 1.25rem;
  /* 20/16 */
}
#pullDoctor .pullBox1 .imgList .van-uploader {
  margin-right: 0.625rem;
  height: 5.0625rem;
  width: 5.0625rem;
  border-radius: 0.25rem;
  border: dotted 1px #cfcfcf;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#pullDoctor .pullBox1 .imgList .van-uploader i {
  display: none;
}
#pullDoctor .pullBox1 .imgList .van-uploader img {
  height: 1.5rem;
  width: 1.5rem;
}
#pullDoctor .pullBox1 .imgList .van-uploader p {
  margin-top: 0.1875rem;
  font-size: 12px;
  color: #8e8e93;
}
#pullDoctor .butSave {
  width: calc((100vw - 40px));
  margin: 30px auto;
  height: 49px;
  background: #C3C3C3;
  border-radius: 4px;
  font-size: 15px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pullDoctor .activeColor {
  background: #D3977E;
}
#pullDoctor .selectProject .doctor-van-sheet {
  padding: 1.25rem;
  height: 50vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#pullDoctor .selectProject .doctor-van-sheet .d2-title {
  font-size: 0.875rem;
  color: #353535;
  border-left: 3px solid #D3977E;
  line-height: 1;
  margin-bottom: 0.625rem;
  padding-left: 0.3125rem;
}
#pullDoctor .selectProject .doctor-van-sheet .d2-list {
  display: flex;
  width: calc((100vw - 40px));
}
#pullDoctor .selectProject .doctor-van-sheet .mt0 {
  margin-top: 0;
}
#pullDoctor .selectProject .doctor-van-sheet .d2-list span {
  width: calc((100vw - 70px) / 3);
  margin-bottom: 0.9375rem /* 15/16 */;
  margin-right: 0.9375rem /* 15/16 */;
  height: 1.75rem;
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 0.8125rem;
  color: #8a8a8a;
  line-height: 1.625rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pullDoctor .selectProject .doctor-van-sheet .d2-list span:nth-child(3n) {
  margin-right: 0;
}
#pullDoctor .selectProject .doctor-van-sheet .d2-list .acitve-span {
  border: 1px solid #D3977E;
  color: #D3977E;
  background: url('../img/checkbox.png') no-repeat center;
  background-position: right bottom;
  background-size: 1.25rem 1.1875rem;
}
.helpSubscribe .doctorArr {
  padding: 1.4375rem /* 23/16 */ 1.25rem /* 20/16 */ 0 1.25rem /* 20/16 */;
  border-bottom: 0.375rem /* 6/16 */ solid #F4F4F4;
}
.helpSubscribe .doctorArr .title {
  font-size: 1.125rem /* 18/16 */;
  color: #353535;
}
.helpSubscribe .doctorArr .van-radio-group .van-radio {
  padding: 0.5rem /* 8/16 */ 0;
}
.helpSubscribe .doctorArr .van-radio-group .van-radio:last-child {
  padding-bottom: 0.9375rem /* 15/16 */;
}
.helpSubscribe .doctorArr .van-radio-group .InfoT {
  font-size: 0.9375rem /* 15/16 */;
  color: #6F6F6F;
}
.helpSubscribe .doctorArr .van-radio-group .infoB {
  display: flex;
  margin-top: 0.3125rem /* 5/16 */;
}
.helpSubscribe .doctorArr .van-radio-group .infoB div {
  background: #F9F9F9;
  border-radius: 0.25rem /* 4/16 */;
  height: 1.25rem /* 20/16 */;
  padding: 0 0.5625rem /* 9/16 */;
  display: flex;
  font-size: 12px;
  color: #8A8A8A;
  align-items: center;
  justify-content: center;
  margin-right: 0.625rem /* 10/16 */;
}
.helpSubscribe .addInfo {
  padding: 1.25rem /* 20/16 */;
}
.helpSubscribe .addInfo .title {
  font-size: 1.0625rem /* 17/16 */;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
  padding-bottom: 0.625rem /* 10/16 */;
}
.helpSubscribe .addInfo .name,
.helpSubscribe .addInfo .type,
.helpSubscribe .addInfo .time,
.helpSubscribe .addInfo .longText {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem /* 20/16 */;
}
.helpSubscribe .addInfo .name input,
.helpSubscribe .addInfo .type input,
.helpSubscribe .addInfo .time input,
.helpSubscribe .addInfo .longText input {
  font-size: 14px;
  color: #242424;
  height: 2.5rem /* 40/16 */;
  width: 100%;
  border: 1px solid #DADADA;
  border-radius: 0.25rem /* 4/16 */;
  padding: 0 0.625rem /* 10/16 */;
}
.helpSubscribe .addInfo .name input::placeholder,
.helpSubscribe .addInfo .type input::placeholder,
.helpSubscribe .addInfo .time input::placeholder,
.helpSubscribe .addInfo .longText input::placeholder {
  color: #ADADAD;
}
.helpSubscribe .addInfo .name textarea,
.helpSubscribe .addInfo .type textarea,
.helpSubscribe .addInfo .time textarea,
.helpSubscribe .addInfo .longText textarea {
  width: 100%;
  height: 5rem /* 80/16 */;
  font-size: 14px;
  color: #242424;
  border: 1px solid #DADADA;
  border-radius: 0.25rem /* 4/16 */;
  padding: 0.625rem /* 10/16 */;
}
.helpSubscribe .addInfo .name textarea::placeholder,
.helpSubscribe .addInfo .type textarea::placeholder,
.helpSubscribe .addInfo .time textarea::placeholder,
.helpSubscribe .addInfo .longText textarea::placeholder {
  color: #ADADAD;
}
.helpSubscribe .addInfo .weui-cells {
  height: 2.5rem /* 40/16 */;
  width: 100%;
  border: 1px solid #DADADA;
  border-radius: 0.25rem /* 4/16 */;
}
.helpSubscribe .addInfo .weui-cells .weui-select {
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 0.625rem /* 10/16 */;
  font-size: 14px;
}
.helpSubscribe .butAdd {
  background: #F76C1D;
  width: 100%;
  height: 3.0625rem /* 49/16 */;
  display: flex;
  font-size: 1rem /* 16/16 */;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
}
#beauty {
  width: 100vw;
  padding-bottom: 1.25rem /* 20/16 */;
}
#beauty .beauty-new {
  height: 3.375rem /* 54/16 */;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1.25rem /* 20/16 */;
}
#beauty .beauty-new .newText {
  font-size: 15px;
  color: #353535;
}
#beauty .beauty-new .newIco {
  display: flex;
  align-items: center;
}
#beauty .beauty-new .newIco div {
  border-radius: 50%;
  background: #FA5152;
  font-size: 11px;
  color: #FFFFFF;
  min-width: 1.25rem /* 20/16 */;
  min-height: 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem /* 4/16 */;
}
#beauty .beauty-new .newIco img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
}
#beauty .beauty-box2-2 {
  margin: 1.25rem /* 20/16 */ 0 0.625rem /* 10/16 */ 0;
  padding: 0 0.625rem /* 10/16 */ 0 1.25rem /* 20/16 */;
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}
#beauty .beauty-box2-2 .child {
  height: 1.875rem /* 30/16 */;
  padding: 0 0.625rem /* 10/16 */;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #DADADA;
  border-radius: 4px;
  font-size: 14px;
}
#beauty .beauty-box2-2 .child .d1 {
  font-size: 0.875rem /* 14/16 */;
  color: #8A8A8A;
  white-space: nowrap;
}
#beauty .beauty-box2-2 .child .d2 {
  color: #8A8A8A;
  line-height: 1;
}
#beauty .beauty-box2-2 .child .d2 div {
  font-size: 0.75rem /* 12/16 */;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
#beauty .beauty-box2-2 .child .d3 {
  font-size: 14px;
  color: #8A8A8A;
}
#beauty .beauty-box2-2 .active {
  border: 1px solid #D3977E;
  background: #FFFAF7;
}
#beauty .beauty-box2-2 .active div {
  font-size: 14px;
  color: #D3977E !important;
}
#beauty .beauty-main {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#beauty .beauty-main .child {
  margin-bottom: 1.875rem /* 30/16 */;
}
#beauty .beauty-main .child .year {
  font-size: 28px;
  color: #353535;
  font-weight: bold;
  margin: 1.875rem /* 30/16 */ 0;
  padding-left: 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .newData {
  padding: 0 1.25rem /* 20/16 */;
  font-size: 1.25rem /* 20/16 */;
  color: #242424;
  margin: 0.625rem /* 10/16 */ 0 0.9375rem /* 15/16 */ 0;
  font-weight: bold;
}
#beauty .beauty-main .child .beautyTime {
  padding: 0 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .beautyTime .left {
  margin-right: 1.375rem /* 22/16 */;
}
#beauty .beauty-main .child .beautyTime .left .l-month {
  font-size: 13px;
  color: #242424;
}
#beauty .beauty-main .child .beautyTime .left .l-day {
  font-size: 28px;
  color: #242424;
  font-weight: bold;
}
#beauty .beauty-main .child .d-date-title {
  display: flex;
  background: #F7F7F7;
  width: 100%;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
  align-items: center;
  margin-bottom: 0.875rem /* 14/16 */;
}
#beauty .beauty-main .child .d-date-title .left {
  margin-right: 1.375rem /* 22/16 */;
}
#beauty .beauty-main .child .d-date-title .left .l-month {
  font-size: 13px;
  color: #242424;
}
#beauty .beauty-main .child .d-date-title .left .l-day {
  font-size: 28px;
  color: #242424;
  font-weight: bold;
}
#beauty .beauty-main .child .d-date-title .right {
  font-size: 13px;
  color: #353535;
}
#beauty .beauty-main .child .d-date-title .right div {
  line-height: 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .d-header {
  display: flex;
  width: 100%;
  padding: 0.625rem /* 10/16 */ 0.875rem /* 14/16 */ 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .d-header .left {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 14px;
}
#beauty .beauty-main .child .d-header .right {
  font-size: 13px;
  color: #353535;
  flex: 1;
}
#beauty .beauty-main .child .d-header .right .rightTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem /* 5/16 */;
}
#beauty .beauty-main .child .d-header .right .rightTop .name {
  font-size: 16px;
  color: #576B96;
}
#beauty .beauty-main .child .d-header .right .rightTop .setBox {
  height: 1.5rem /* 24/16 */;
  font-size: 13px;
  color: #576B96;
  padding: 0 0.5625rem /* 9/16 */;
  background: #F7F7F7;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
#beauty .beauty-main .child .d-header .right .rightBtm {
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */ 0.3125rem /* 5/16 */ 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .d-header .right .rightBtm div {
  line-height: 1.125rem /* 18/16 */;
  padding-bottom: 0.3125rem /* 5/16 */;
}
#beauty .beauty-main .child .d-header .noneMsg {
  height: 11rem /* 176/16 */;
  width: 17.25rem /* 276/16 */;
  position: relative;
  top: 1.875rem /* 30/16 */;
}
#beauty .beauty-main .child .d-header .noneMsg img {
  width: 100%;
  height: 100%;
}
#beauty .beauty-main .child .d-main-content {
  width: calc((100vw - 70px));
  float: right;
  padding-right: 1rem /* 16/16 */;
  position: relative;
}
#beauty .beauty-main .child .d-main-content .d-title {
  font-size: 1rem;
  color: #353535;
  font-weight: bold;
  line-height: 1.375rem /* 22/16 */;
  margin-bottom: 0.125rem /* 2/16 */;
}
#beauty .beauty-main .child .d-main-content .d-text {
  font-size: 0.9375rem;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#beauty .beauty-main .child .d-main-content .d-imgList {
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 70px));
}
#beauty .beauty-main .child .d-main-content .d-imgList div {
  height: 5.5rem /* 88/16 */;
  width: 5.5rem /* 88/16 */;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */;
  margin: 0 0.375rem /* 6/16 */ 0.375rem /* 6/16 */ 0;
}
#beauty .beauty-main .child .d-main-content .d-video {
  position: relative;
  width: 100%;
  height: 10rem /* 160/16 */;
  border-radius: 4px;
}
#beauty .beauty-main .child .d-main-content .d-video .d-box {
  width: 100%;
  height: 10rem /* 160/16 */;
  overflow: hidden;
  border-radius: 4px;
}
#beauty .beauty-main .child .d-main-content .d-video .paly {
  position: absolute;
  height: 5rem /* 80/16 */;
  width: 5rem /* 40/16 */;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#beauty .beauty-main .child .d-main-content .handle {
  margin-top: 0.3125rem /* 5/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 400;
}
#beauty .beauty-main .child .d-main-content .handle .left {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 300;
}
#beauty .beauty-main .child .d-main-content .handle .left .add {
  font-size: 12px;
  color: #8E8E93;
}
#beauty .beauty-main .child .d-main-content .handle .left .del {
  font-size: 12px;
  color: #576B96;
}
#beauty .beauty-main .child .d-main-content .handle .left img {
  height: 1.0625rem /* 17/16 */;
  width: 1.0625rem /* 17/16 */;
  margin: 0 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .d-main-content .handle .right {
  display: flex;
  position: relative;
}
#beauty .beauty-main .child .d-main-content .handle .right .img-one {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
  border-radius: 2px;
  height: 1.125rem /* 18/16 */;
  width: 1.75rem /* 28/16 */;
}
#beauty .beauty-main .child .d-main-content .handle .right .img-one img {
  width: 0.9375rem /* 15/16 */;
  height: 0.9375rem /* 15/16 */;
}
#beauty .beauty-main .child .d-main-content .handle .right .openImg {
  opacity: 0;
  position: absolute;
  padding: 0 0.625rem /* 10/16 */;
  right: 2.5rem /* 40/16 */;
  top: -6px;
  z-index: 200;
  display: none;
  height: 2.5rem /* 40/16 */;
  width: 16.875rem;
  background: #000000;
  border-radius: 4px;
  justify-content: space-around;
  align-items: center;
}
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-one,
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-two {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-one img,
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-two img {
  height: 1.1875rem /* 19/16 */;
  width: 1.1875rem /* 19/16 */;
}
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-one span,
#beauty .beauty-main .child .d-main-content .handle .right .openImg .o-two span {
  font-size: 15px;
  color: #fff;
  margin-left: 5px;
}
#beauty .beauty-main .child .d-main-content .handle .right .openImg .px1 {
  color: #404040;
}
#beauty .beauty-main .child .d-main-content .handle .right .activeOpen {
  z-index: 400;
  display: flex;
  opacity: 0.85;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#beauty .beauty-main .child .d-main-content .review {
  background: #F7F7F7;
  margin-top: 0.625rem /* 10/16 */;
  position: relative;
}
#beauty .beauty-main .child .d-main-content .review .smimg {
  height: 0.9375rem /* 15/16 */;
  width: 0.9375rem /* 15/16 */;
  margin-right: 0.3125rem /* 5/16 */;
  position: relative;
  top: 2px;
}
#beauty .beauty-main .child .d-main-content .review::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0.9375rem /* 15/16 */;
  width: 0;
  height: 0;
  border-width: 0.375rem /* 6/16 */;
  border-style: solid;
  border-color: transparent #F7F7F7 transparent transparent;
  transform: rotate(90deg);
}
#beauty .beauty-main .child .d-main-content .review .r-name {
  font-size: 13px;
  color: #576B96;
  padding: 0.375rem /* 6/16 */ 0.625rem /* 10/16 */;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main {
  display: block;
  font-size: 13px;
  color: #576B96;
  padding: 0.375rem /* 6/16 */ 0.625rem /* 10/16 */;
  line-height: 1.25rem /* 20/16 */;
  display: flex;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .pl20 {
  padding-left: 1.25rem /* 20/16 */;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .r-content {
  width: 100%;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .r-item {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .r-n {
  display: flex;
  align-items: center;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .r-t {
  font-size: 0.8125rem;
  color: #353535;
  line-height: 1.125rem /* 18/16 */;
}
#beauty .beauty-main .child .d-main-content .review .r-txt-main .r-t .reply {
  font-size: 0.8125rem /* 13/16 */;
  color: #576B96;
  padding-left: 0.25rem /* 4/16 */;
}
#beauty .saveMessage {
  width: 100%;
  min-height: 3.75rem /* 60/16 */;
  background: #F9F9F9;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  display: flex;
  padding: 0 0.625rem /* 10/16 */ 0 0.9375rem /* 15/16 */;
  align-items: center;
  justify-content: center;
}
#beauty .saveMessage .footerInput {
  min-height: 34px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
#beauty .saveMessage .van-cell-group {
  background: transparent;
  flex: 1;
}
#beauty .saveMessage .van-cell-group .van-cell {
  padding: 0;
}
#beauty .saveMessage .van-cell-group .van-cell textarea {
  padding: 0.25rem /* 4/16 */ 0.8125rem /* 13/16 */;
}
#beauty .saveMessage .van-cell-group .van-cell textarea::placeholder {
  font-size: 14px;
  color: #979797;
}
#beauty .saveMessage .tomore {
  margin-left: 1rem /* 16/16 */;
  height: 1.625rem /* 26/16 */;
  width: 2.3125rem /* 37/16 */;
  background: #D3977E;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#newsRecord {
  background: #fff;
  padding: 0 1.25rem /* 20/16 */;
}
#newsRecord .newsBox {
  padding: 0.625rem /* 10/16 */ 0;
  display: flex;
  justify-content: space-between;
}
#newsRecord .newsBox .newsLeft {
  display: flex;
  flex: 1;
  margin-right: 1.875rem /* 30/16 */;
}
#newsRecord .newsBox .newsLeft .usersImg {
  height: 3rem /* 48/16 */;
  width: 3rem /* 48/16 */;
  overflow: hidden;
  margin-right: 0.625rem /* 10/16 */;
  border-radius: 50%;
}
#newsRecord .newsBox .newsLeft .userNews {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#newsRecord .newsBox .newsLeft .userNews .name {
  font-size: 0.875rem /* 14/16 */;
  color: #576B96;
  line-height: 1.25rem /* 20/16 */;
}
#newsRecord .newsBox .newsLeft .userNews .text {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
  font-weight: normal;
}
#newsRecord .newsBox .newsLeft .userNews .like img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#newsRecord .newsBox .newsLeft .userNews .time {
  font-size: 0.75rem /* 12/16 */;
  color: #8E8E93;
  line-height: 1.0625rem /* 17/16 */;
}
#newsRecord .newsBox .newsLeft .userNews .mb5 {
  margin-bottom: 0.3125rem /* 5/16 */;
}
#newsRecord .newsBox .newsLeft .userNews .delText {
  background: #F7F7F7;
  font-size: 11px;
  color: #8A8A8A;
  padding: 0 0.4375rem /* 7/16 */;
  height: 1.125rem /* 18/16 */;
  display: flex;
  align-items: center;
  width: 5.5rem /* 80/16 */;
}
#newsRecord .newsBox .newsRight {
  height: 3.75rem /* 60/16 */;
  width: 3.75rem /* 60/16 */;
}
#newsRecord .newsBox .newsRight .r-text {
  font-size: 0.75rem /* 14/16 */;
  color: #3a3b3d;
  line-height: 1.25rem /* 20/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-word;
}
#newsRecord .history-msg {
  color: #8A8A8A;
  font-size: 0.9375rem;
  text-align: center;
  margin: 1.25rem 0;
}
.setPopup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.05);
  height: 2.5rem /* 40/16 */;
  padding: 0 1.25rem /* 20/16 */;
  position: fixed;
  z-index: 8000;
  width: 100%;
}
.setPopup .setPopupLeft,
.setPopup .setPopupRight {
  display: flex;
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
}
.setPopup .setPopupLeft .default,
.setPopup .setPopupRight .default {
  display: flex;
  align-items: center;
}
.setPopup .setPopupLeft .default .trigon,
.setPopup .setPopupRight .default .trigon {
  margin-left: 0.25rem /* 4/16 */;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #8A8A8A transparent;
  transform: rotate(180deg);
}
.setPopup .setPopupLeft .active,
.setPopup .setPopupRight .active {
  color: #D3977E;
}
.setPopup .setPopupLeft .active .trigon,
.setPopup .setPopupRight .active .trigon {
  border-color: transparent transparent #D3977E transparent;
  transform: rotate(0deg);
}
.popupSection {
  width: 100%;
  height: 90%;
  overflow-y: auto;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}
.cityBottom {
  display: flex;
  justify-content: space-between;
  height: 3.125rem /* 50/16 */;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1000;
}
.cityBottom div {
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
}
.cityBottom div:first-child {
  color: #D3977E;
  background: #fff;
}
.cityBottom div:last-child {
  background: #D3977E;
  color: #fff;
}
.selectPopupMain {
  width: 100%;
  padding: 3.125rem /* 50/16 */ /* 15/16 */ 1.25rem /* 20/16 */ 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
.selectPopupMain .boxOne .title,
.selectPopupMain .boxTwo .title {
  font-size: 14px;
  color: #242424;
  margin-bottom: 0.625rem /* 10/16 */;
  font-weight: bold;
}
.selectPopupMain .boxOne .labelGather,
.selectPopupMain .boxTwo .labelGather {
  display: flex;
  flex-wrap: wrap;
}
.selectPopupMain .boxOne .labelGather div,
.selectPopupMain .boxTwo .labelGather div {
  background: #F5F5F5;
  border-radius: 1.25rem /* 20/16 */;
  height: 1.875rem /* 30/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.9375rem /* 15/16 */;
  margin-right: 0.625rem /* 10/16 */;
  font-size: 0.8125rem /* 13/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  color: #242424;
}
.selectPopupMain .boxOne .labelGather .active,
.selectPopupMain .boxTwo .labelGather .active {
  background: #FFF8F6;
  border: 1px solid #D3977E;
  color: #D3977E;
}
.selectPopupMain .boxTwo {
  padding-top: 1.875rem /* 30/16 */;
}
.selectPopupMain .boxTwo .boxTwoMain {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectPopupMain .boxTwo .boxTwoMain .title {
  font-size: 14px;
  color: #242424;
  margin-bottom: 0;
  font-weight: bold;
  display: flex;
}
.selectPopupMain .boxTwo .boxTwoMain .title .img {
  margin-left: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime {
  display: flex;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeText {
  font-size: 0.8125rem /* 13/16 */;
  color: #8A8A8A;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeSelect {
  display: flex;
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
  position: relative;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeSelect i {
  margin-left: 0.625rem /* 10/16 */;
  color: #D8D8D8;
  font-size: 0.875rem /* 14/16 */;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeSelect .listTime {
  position: absolute;
  z-index: 1000;
  top: 1.4375rem /* 23/16 */;
  left: -2.5rem /* 40/16 */;
  background: #FFFFFF;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18);
  border-radius: 0.25rem /* 4/16 */;
  width: 7.125rem /* 114/16 */;
  min-height: 6.25rem /* 100/16 */;
  padding: 0.625rem /* 10/16 */ 0;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeSelect .listTime p {
  font-size: 13px;
  color: #242424;
  display: flex;
  justify-content: center;
  padding: 0.625rem /* 10/16 */ 0;
}
.selectPopupMain .boxTwo .boxTwoMain .setTime .timeSelect .listTime .activeP {
  color: #D3977E;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo {
  display: flex;
  align-items: center;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeStart,
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeEnd {
  height: 1.875rem /* 30/16 */;
  width: 6rem /* 96/16 */;
  position: relative;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeStart .timeText,
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeEnd .timeText {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0.625rem /* 10/16 */;
  color: #979797;
  border: 1px solid #E8E8E8;
  border-radius: 20px;
  padding: 5px 10px;
  width: 6rem /* 96/16 */;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeStart .weui-input,
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeEnd .weui-input {
  height: 1.875rem /* 30/16 */;
  width: 6rem /* 96/16 */;
  font-size: 12px;
  opacity: 0;
  height: 1px;
  width: 1px;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeStart .weui-input::placeholder,
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .timeEnd .weui-input::placeholder {
  color: #8A8A8A;
}
.selectPopupMain .boxTwo .boxTwoMain .setTimeTwo .close {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
.selectPopupMain .boxTwo .labelGather {
  padding: 0.9375rem /* 15/16 */ 0 0.3125rem /* 5/16 */ 0;
}
.cityTree {
  height: 250px!important;
  overflow-y: auto;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}
.cityTree .van-tree-select {
  height: 100%!important;
  overflow-y: auto;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}
.cityTree .title {
  font-size: 14px;
  color: #242424;
  margin-bottom: 0.625rem /* 10/16 */;
  font-weight: bold;
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
.cityTree .van-tree-select__nav-item--active {
  border-color: #D3977E;
}
.cityTree .van-tree-select__item--active {
  font-size: 15px;
  color: #D3977E;
}
.cityTree .van-tree-select__selected {
  display: none;
}
.setPopups {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.05);
  height: 2.5rem /* 40/16 */;
  padding: 0 1.25rem /* 20/16 */;
  z-index: 8000;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}
.sortBox {
  padding: 3.125rem /* 50/16 */ 0 /* 20/16 */ 3.75rem /* 60/16 */ /* 20/16 */ 0 /* 20/16 */;
}
.sortBox .sortMain {
  border-bottom: 6px solid #F4F4F4;
}
.sortBox .pbnone {
  border-bottom: 6px solid transparent;
}
.sortBox .sortOne {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sortBox .sortOne .sortOneL {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  display: flex;
  align-items: center;
}
.sortBox .sortOne .sortOneL img {
  margin-left: 0.625rem /* 10/16 */;
  width: 1.25rem /* 20/16 */;
  height: 1.25rem /* 20/16 */;
}
.sortBox .sortOne .sortOneR {
  display: flex;
}
.sortBox .sortOne .sortOneR div {
  background: #F5F5F5;
  border-radius: 20px;
  height: 1.875rem /* 30/16 */;
  padding: 0 0.9375rem /* 15/16 */;
  font-size: 13px;
  color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sortBox .sortOne .sortOneR div:last-child {
  margin-left: 0.625rem /* 10/16 */;
}
.sortBox .sortOne .sortOneR .active {
  background: #FFF8F6;
  border: 1px solid #D3977E;
  color: #D3977E;
}
.userBox {
  display: flex;
  justify-content: space-between;
  padding: 0.9375rem /* 15/16 */ 0;
  border-bottom: #e8e8e8 1px solid;
}
.userBox .userBox-l {
  display: flex;
  flex: 1;
}
.userBox .userBox-l .user-tex {
  flex: 1;
}
.userBox .userBox-l .user-tex .user-tex-b {
  display: flex;
  flex-wrap: wrap;
}
.userBox .userBox-r {
  width: 5rem /* 80/16 */;
  font-size: 1rem;
  color: #f0b63e;
  margin-right: 10px;
  text-align: right;
}
.userBox-r-time {
  font-size: 12px;
  color: #B3B3B3;
  width: 5rem /* 80/16 */;
  margin-right: 10px;
  text-align: right;
}
.user-img {
  height: 3.125rem;
  width: 3.125rem;
  overflow: hidden;
  border-radius: 50%;
}
.user-tex {
  margin-left: 0.6875rem;
}
.user-tex-t {
  font-weight: bold;
  font-size: 1rem;
  color: #242424;
  margin-bottom: 0.375rem /* 6/16 */;
}
.user-tex-b span {
  display: inline-block;
  height: 1.5rem /* 24/16 */;
  border: 1px solid #D3977E;
  border-radius: 3px;
  color: #D3977E;
  font-size: 0.8125rem;
  margin-right: 0.375rem;
  padding: 0 2px;
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  padding: 0 0.375rem /* 6/16 */;
}
.userTitle ul .userBox:last-child {
  border-bottom: none;
}
.userTitle ul {
  margin-left: 1.25rem;
}
.mint-indexsection-index {
  padding: 0;
  height: 1.5rem;
  font-size: 0.9375rem;
  color: #242424;
  padding-left: 1.25rem;
}
.mint-indexlist-nav {
  display: none !important;
}
#herd {
  min-height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  background: #F1F1F1;
  overflow: hidden;
}
#herd .herdMain .herdList {
  padding-bottom: 3.75rem /* 60/16 */;
}
#herd .herdMain .herdList .time {
  font-size: 0.875rem /* 14/16 */;
  color: #AEAEAE;
  text-align: center;
  padding: 1.25rem /* 20/16 */ 0 0 0;
}
#herd .herdMain .herdList .arrChild {
  background: #F7F7F7;
  border: 1px solid #E8E8E8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin: 1.25rem /* 20/16 */;
}
#herd .herdMain .herdList .arrChild .childTop {
  font-size: 0.875rem /* 14/16 */;
  color: #8A8A8A;
  background: #f7f7f7;
  padding: 0.4375rem /* 7/16 */ 0.9375rem /* 15/16 */ 0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */;
}
#herd .herdMain .herdList .arrChild .childTop .nameArr {
  display: flex;
}
#herd .herdMain .herdList .arrChild .childTop .nameArr .nameArrL {
  line-height: 1.25rem /* 20/16 */;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#herd .herdMain .herdList .arrChild .childTop .nameArr .open {
  line-height: 1.25rem /* 20/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
  width: 1.875rem /* 30/16 */;
}
#herd .herdMain .herdList .arrChild .childTop .nameArrShow .open {
  font-size: 0.8125rem /* 13/16 */;
  text-align: right;
  color: #D3977E;
}
#herd .herdMain .herdList .arrChild .childTop .showType {
  display: none;
}
#herd .herdMain .herdList .arrChild .childButtom {
  background: #fff;
  padding: 1.25rem /* 20/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .imgType {
  padding-bottom: 1.25rem /* 20/16 */;
  margin: 0 auto ;
  height: 12.5rem /* 200/16 */;
  width: 12.5rem /* 200/16 */;
  overflow: hidden;
}
#herd .herdMain .herdList .arrChild .childButtom .handleType {
  display: flex;
  justify-content: flex-end;
}
#herd .herdMain .herdList .arrChild .childButtom .handleType .dOne,
#herd .herdMain .herdList .arrChild .childButtom .handleType .dTwo {
  font-size: 0.75rem /* 12/16 */;
  color: #8A8A8A;
  border: 1px solid #E8E8E8;
  border-radius: 0.6875rem /* 11/16 */;
  height: 1.375rem /* 22/16 */;
  padding: 0 0.375rem /* 6/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#herd .herdMain .herdList .arrChild .childButtom .handleType .dOne {
  margin-right: 0.375rem /* 6/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .handleType .isActive {
  opacity: 0.4;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType {
  background: #9DEB72;
  border-radius: 3px;
  position: relative;
  height: 2.5rem /* 40/16 */;
  margin: 0 auto 1.25rem /* 20/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType::before {
  content: " ";
  position: absolute;
  top: 0.8rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: -0.3125rem;
  border-left: 0.4rem solid #9deb72;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .chat-voice-longTxet {
  height: 100%;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .chat-voice-longTxet .chat-voice-box {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */ 0 0.625rem /* 10/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .chat-voice-longTxet .chat-voice-box .horn {
  left: -30px;
  top: -10px;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .chat-voice-longTxet .chat-voice-box .horn .wifi-symbol {
  transform: rotate(-45deg);
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .chat-voice-longTxet .chat-voice-box .numLang {
  font-size: 13px;
  color: #434343;
}
#herd .herdMain .herdList .arrChild .childButtom .voiceType .imgO {
  width: 1.25rem /* 40/16 */;
  height: 1.25rem /* 40/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .textType {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  padding-bottom: 1.25rem /* 20/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .imgTextType {
  padding-bottom: 1.25rem /* 20/16 */;
}
#herd .herdMain .herdList .arrChild .childButtom .imgTextType .text {
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
}
#herd .herdMain .herdList .arrChild .childButtom .imgTextType .essay {
  padding-top: 0.5rem /* 8/16 */;
  overflow: hidden;
}
#herd .herdMain .herdList .arrChild .childButtom .imgTextType .essay .essayL {
  float: left;
  font-size: 15px;
  color: #8F8F8F;
  flex: 1;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-word;
  width: calc((100% - 82px));
}
#herd .herdMain .herdList .arrChild .childButtom .imgTextType .essay .essayR {
  float: right;
  margin-left: 1.25rem /* 20/16 */;
  height: 3.875rem /* 62/16 */;
  width: 3.875rem /* 62/16 */;
  overflow: hidden;
}
#herd .herdMain .addHerd {
  height: 3.0625rem /* 49/16 */;
  background: #fff;
  font-size: 16px;
  color: #D3977E;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}
#herd .showOver {
  position: absolute;
  width: 50%;
  top: 50%;
  background: #fff;
  height: 300px;
}
#herdMain {
  min-height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  background: #F1F1F1;
}
#herdMain .u-search {
  background: #FFFFFF;
  box-shadow: 0 5px 8px 0 rgba(63, 63, 63, 0.06);
  border-radius: 4px;
  padding-bottom: 0.625rem /* 10/16 */;
}
#herdMain .page-indexlist-wrapper {
  height: calc((100vh - 150px));
  overflow-y: auto;
}
#herdMain .page-indexlist-wrapper .userTitle {
  background: #fff;
}
#herdMain .page-indexlist-wrapper .userTitle .letter {
  background: #F7F7F7;
  height: 1.5rem /* 24/16 */;
  padding: 0 1.25rem /* 20/16 */;
  font-size: 15px;
  color: #242424;
  display: flex;
  align-items: center;
}
#herdMain .page-indexlist-wrapper .userTitle .userBox {
  display: flex;
  padding: 1.25rem /* 20/16 */;
  border-bottom: none;
}
#herdMain .page-indexlist-wrapper .userTitle .userBox .userBoxLeft {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
  margin-right: 1.25rem /* 20/16 */;
}
#herdMain .page-indexlist-wrapper .userTitle .userBox .userBoxRight {
  display: flex;
  flex: 1;
}
#herdMain .page-indexlist-wrapper .userTitle .userBox .userBoxRight .userBox-r-time {
  margin-right: 0;
}
#herdMain .selectBox {
  height: 3.125rem /* 50/16 */;
  position: fixed;
  background: #F9F9F9;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1.25rem /* 20/16 */;
  justify-content: space-between;
  z-index: 1600;
  bottom: 0;
}
#herdMain .selectBox .selectBoxLeft {
  display: flex;
  align-items: center;
}
#herdMain .selectBox .selectBoxLeft .imgBox {
  font-size: 14px;
  color: #8A8A8A;
}
#herdMain .selectBox .selectBoxLeft .imgBox img {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
}
#herdMain .selectBox .selectBoxLeft .text {
  padding-left: 5px;
  font-size: 0.875rem /* 14/16 */;
  color: #8A8A8A;
}
#herdMain .selectBox .selectBoxRight {
  display: flex;
  align-items: center;
  background: #D3977E;
  border-radius: 4px;
  height: 1.625rem /* 26/16 */;
  padding: 0 0.625rem /* 10/16 */;
  font-size: 0.75rem /* 12/16 */;
  color: #FFFFFF;
}
#herdMain .chat-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
#herdMain .chat-bottom .chat-bottom-top {
  display: -webkit-box;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 0.9375rem;
  height: 40px;
  top: 12px;
}
#herdMain .chat-bottom .chat-bottom-top::-webkit-scrollbar {
  width: 0 !important;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  display: none;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list {
  position: relative;
  margin-right: 0.75rem;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .list {
  bottom: 62px;
  position: absolute;
  display: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem;
  width: 6.25rem;
  padding: 0.25rem 1.2rem;
  left: -20px;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .list-main p {
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.875rem;
  color: #565656;
  height: 3.0625rem /* 49/16 */;
  text-align: center;
  line-height: 3.0625rem /* 49/16 */;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .list-main p:last-child {
  border-bottom: none!important;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .border-down-empty {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #d8d8d8;
  position: relative;
  top: 11px;
  left: 1px;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .list .border-down-empty span {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  left: -6px;
  top: -7px;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .actvie {
  display: block;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list .box-span {
  border: 1px solid #D3977E;
  border-radius: 4px;
  font-size: 13px;
  color: #D3977E;
  display: inline-block;
  height: 1.625rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list:first-child .list::before {
  content: " ";
  position: absolute;
  bottom: -6px;
  border-right: 0.4rem solid transparent;
  border-left: 0.4rem solid transparent;
  width: 0;
  height: 0;
  right: 4rem;
  border-top: 0.4rem solid #fff;
}
#herdMain .chat-bottom .chat-bottom-top .chat-bottom-top-list:first-child .actvie {
  left: 0;
}
#herdMain .chat-bottom .chat-bottom-main {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: flex;
  align-items: flex-end;
}
#herdMain .chat-bottom .chat-bottom-main .keyboard {
  height: 1.625rem;
  width: 1.625rem;
  display: inline-block;
  background: url("../img/text.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  bottom: 3px;
}
#herdMain .chat-bottom .chat-bottom-main .keyvoice {
  height: 1.625rem;
  width: 1.625rem;
  display: inline-block;
  background: url("../img/play.png") no-repeat center;
  background-size: 100% 100%;
}
#herdMain .chat-bottom .chat-bottom-main .keytext {
  margin-left: 0.4375rem;
  display: inline-block;
  width: 12.9375rem;
  height: 2.125rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
#herdMain .chat-bottom .chat-bottom-main .keybut {
  margin-left: 0.4375rem;
  display: inline-block;
  width: 100%;
  height: 2.125rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  color: #979797;
  flex: 1;
}
#herdMain .chat-bottom .chat-bottom-main .chat-bottom-main-left {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex: 1;
  margin-right: 0.625rem;
}
#herdMain .chat-bottom .chat-bottom-main .chat-bottom-main-right {
  display: flex;
  justify-content: space-between;
  width: 6.875rem;
  position: relative;
  align-items: center;
  height: 34px;
}
#herdMain .chat-bottom .chat-bottom-main .chat-bottom-main-right img {
  display: inline-block;
  height: 1.625rem;
  width: 1.625rem;
}
#herdMain .chat-bottom .chat-bottom-main .chat-bottom-main-right .send {
  background: #D3977E;
  border-radius: 4px;
  height: 26px;
  width: 2.3125rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#herdMain .chat-bottom .chat-bottom-main .chat-bottom-main-right .disabled {
  background: #c3c3c3;
}
#herdMain .chat-bottom .chat-bottom-m {
  height: 12rem;
  width: 100%;
  background: #ccc;
  overflow-x: auto;
}
#herdMain .chat-bottom .chat-bottom-m .emoji-list {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  overflow-y: auto;
  padding-top: 0.625rem;
}
#herdMain .chat-bottom .chat-bottom-m .emoji-list li {
  width: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
  font-size: 1.8rem;
}
#herdMain .chat-bottom .touristMain {
  display: flex;
  padding: 0 1.125rem /* 18/16 */;
  align-items: center;
  align-content: center;
  height: 100%;
}
#herdMain .chat-bottom .touristMain .touristMain-l {
  height: 3.3125rem /* 53/16 */;
  width: 3.3125rem /* 53/16 */;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.625rem /* 10/16 */;
}
#herdMain .chat-bottom .touristMain .touristMain-r {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left {
  display: flex;
  flex-direction: column;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left .left-t span:first-child {
  font-size: 1rem;
  color: #242424;
  font-weight: bold;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left .left-t span:last-child {
  font-size: 0.75rem /* 12/16 */;
  color: #8F8F8F;
  margin-left: 0.3125rem /* 5/16 */;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left .left-c {
  font-size: 0.8125rem /* 13/16 */;
  color: #242424;
  padding: 1px 0 2px 0;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left .left-b {
  font-size: 13px;
  color: #242424;
}
#herdMain .chat-bottom .touristMain .touristMain-r .left .left-b span {
  color: #FF1616;
}
#herdMain .chat-bottom .touristMain .touristMain-r .right div {
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 1.875rem /* 30/16 */;
  width: 4.625rem /* 74/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #FFFFFF;
}
#herdMain .toNameArr {
  background: #fff;
  padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
}
#herdMain .toNameArr .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#herdMain .toNameArr .top .topLeft {
  font-size: 0.8125rem /* 13/16 */;
  color: #8A8A8A;
}
#herdMain .toNameArr .top .topRight {
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
}
#herdMain .toNameArr .bottom {
  margin-top: 0.9375rem /* 15/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#herdMain .toNameArr .bottom .bottomRight {
  width: 2.75rem /* 44/16 */;
  text-align: right;
  font-size: 13px;
  color: #D3977E;
}
#herdMain .toNameArr .bottom .bottomLeft {
  flex: 1;
  font-size: 0.875rem /* 14/16 */;
  color: #242424;
  padding: 9px;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#herdMain .toNameArr .bottomTwo {
  align-items: baseline;
}
#herdMain .toNameArr .bottomTwo .bottomLeft {
  white-space: normal;
}
.flowPopup {
  background: #FFFFFF;
  border-radius: 4px;
  width: 90%;
  padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;
}
.flowPopup .flowBox img {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  margin: 0 auto;
}
.flowPopup .flowBox .f-d1 {
  padding-top: 1.5625rem /* 25/16 */;
  font-size: 15px;
  color: #8A8A8A;
}
.flowPopup .flowBox .f-d1 span {
  text-decoration: underline;
}
.flowPopup .flowBox .f-d2 {
  padding: 0.9375rem /* 15/16 */ 0;
  font-size: 15px;
  color: #8A8A8A;
}
.flowPopup .flowBox .f-d2 span {
  color: #FE5E31;
}
.flowPopup .flowBox .f-d3 {
  font-size: 15px;
  color: #8A8A8A;
  padding-bottom: 1.875rem /* 30/16 */;
}
.flowPopup .flowBox .f-d4 {
  display: flex;
}
.flowPopup .flowBox .f-d4 div {
  height: 2.375rem /* 38/16 */;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flowPopup .flowBox .f-d4 .back {
  border: 1px solid #D3977E;
  width: 6.625rem /* 106/16 */;
  margin-right: 0.5rem /* 8/16 */;
  color: #D3977E;
}
.flowPopup .flowBox .f-d4 .confirm {
  flex: 1;
  background: #C3C3C3;
  color: #fff;
}
.flowPopup .flowBox .f-d4 .active {
  background: #fff;
  color: #D3977E;
  border: 1px solid #D3977E;
}
.flowPopupBox {
  background: #FFFFFF;
  border-radius: 0.5rem /* 8/16 */;
  width: 80%;
  padding: 1.5625rem /* 25/16 */ 1.25rem /* 20/16 */;
}
.flowPopupBox .main .title {
  font-size: 1rem;
  color: #565656;
  line-height: 1.375rem /* 22/16 */;
  padding-bottom: 0.3125rem /* 5/16 */;
  font-weight: bold;
  text-align: center;
}
.flowPopupBox .main .boxRow {
  margin-top: 0.625rem /* 10/16 */;
  border: 0.0625rem /* 1/16 */ solid #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  width: 100%;
  height: 3.125rem /* 50/16 */;
  font-size: 1rem /* 16/16 */;
  color: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flowPopupBox .main .active {
  background: #D3977E;
  color: #fff;
}
.nextBut {
  background: #D3977E;
  border-radius: 6.25rem /* 100/16 */ 0 0 6.25rem /* 100/16 */;
  position: absolute;
  right: 0;
  bottom: 11.875rem /* 190/16 */;
  display: flex;
  font-size: 1rem /* 16/16 */;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  height: 2.5rem /* 40/16 */;
  width: 5.625rem /* 90/16 */;
  z-index: 1900;
}
#guide {
  background: #F8F8F8;
  min-height: 100vh;
  width: 100%;
  position: relative;
}
#guide .guideMain {
  padding: 1.25rem /* 20/16 */;
}
#guide .guideMain .title {
  font-size: 1rem /* 16/16 */;
  color: #242424;
  letter-spacing: 0;
  line-height: 1.25rem /* 20/16 */;
}
#guide .guideMain .guideArr .child {
  margin-top: 1.25rem /* 20/16 */;
  background: #FFFFFF;
  width: 100%;
  min-height: 6.5rem /* 104/16 */;
  padding: 0.9375rem /* 15/16 */ 0.9375rem /* 15/16 */ 0.625rem /* 10/16 */ 0.9375rem /* 15/16 */;
}
#guide .guideMain .guideArr .child .doctorInfo {
  display: flex;
}
#guide .guideMain .guideArr .child .doctorInfo .infoLeft {
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  border-radius: 50%;
  overflow: hidden;
}
#guide .guideMain .guideArr .child .doctorInfo .infoRight {
  padding-left: 0.625rem /* 10/16 */;
}
#guide .guideMain .guideArr .child .doctorInfo .infoRight .name {
  font-size: 1rem /* 16/16 */;
  color: #242424;
  font-weight: bold;
  line-height: 1;
}
#guide .guideMain .guideArr .child .doctorInfo .infoRight .address {
  margin-top: 0.375rem /* 6/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #979797;
  line-height: 1.125rem /* 18/16 */;
}
#guide .guideMain .guideArr .child .serveMain {
  margin-top: 0.9375rem /* 15/16 */;
  display: flex;
  flex-wrap: wrap;
}
#guide .guideMain .guideArr .child .serveMain div {
  background: #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 1.5rem /* 24/16 */;
  padding: 0 0.375rem /* 6/16 */;
  font-size: 0.875rem /* 14/16 */;
  color: #fff;
  display: flex;
  align-items: center;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
}
#guide .guideMain .guideArr .child .serveMain div:last-child {
  margin-right: 0;
}
#selectProject {
  min-height: 100vh;
  width: 100%;
  position: relative;
}
#selectProject .van-checkbox__icon {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
}
#selectProject .van-checkbox__label {
  flex: 1;
}
#selectProject .projectMain .projectArr {
  padding: 0 1.25rem /* 20/16 */ 3.75rem /* 60/16 */ 1.25rem /* 20/16 */;
}
#selectProject .projectMain .projectArr .project .main {
  display: flex;
  margin-top: 1.25rem /* 20/16 */;
}
#selectProject .projectMain .projectArr .project .main .mainLeft {
  height: 5.625rem /* 90/16 */;
  width: 5.625rem /* 90/16 */;
}
#selectProject .projectMain .projectArr .project .main .mainRight {
  padding-left: 0.9375rem /* 15/16 */;
  flex: 1;
}
#selectProject .projectMain .projectArr .project .main .mainRight .title {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  letter-spacing: 0;
  line-height: 1.25rem /* 20/16 */;
  font-weight: bold;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-word;
  min-height: 2.5rem /* 40/16 */;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg {
  margin-top: 0.3125rem /* 5/16 */;
  display: flex;
  justify-content: space-between;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgT {
  display: flex;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgT .ico {
  display: flex;
  align-items: baseline;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgT .ico div {
  color: #FE5E31;
  transform: scale(0.8);
  font-size: 0.625rem /* 10/16 */;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgT .num {
  font-size: 1rem /* 16/16 */;
  color: #FE5E31;
  line-height: 1.375rem /* 22/16 */;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgB .textL {
  font-size: 0.75rem /* 12/16 */;
  color: #8E8E93;
}
#selectProject .projectMain .projectArr .project .main .mainRight .msg .msgB .textR {
  font-size: 0.75rem /* 12/16 */;
  color: #FF803E;
}
#selectProject .projectMain .projectBotttom {
  background: #F3F3F3;
  height: 3.125rem /* 50/16 */;
  padding: 0 0.9375rem /* 15/16 */;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  min-width: 3.1875rem /* 51/16 */;
}
#selectProject .projectMain .projectBotttom div {
  background: #D3977E;
  border-radius: 4px;
  height: 1.625rem /* 26/16 */;
  padding: 0 0.375rem /* 6/16 */;
  font-size: 0.75rem /* 12/16 */;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patient-select {
  padding: 1.25rem 1.625rem 0 1.625rem;
  position: relative;
}
.patient-select p {
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
}
.patient-select p:last-child {
  border-bottom: none;
}
.patient-select p label {
  display: inline-block;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cuk-but {
  margin-top: 9.375rem;
  width: 100%;
  height: 2.75rem;
  background: #D3977E;
  font-size: 0.9375rem;
  color: #ffffff;
}
.goIndex {
  position: fixed;
  bottom: 150px;
  height: 24px;
  z-index: 1000;
  left: 0;
  width: 84px;
  background: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.goIndex span {
  font-size: 13px;
  color: #D3977E;
}
.goIndex img {
  height: 12px;
  width: 12px;
}
.m-chat-emoji {
  position: absolute;
  top: -12rem;
  height: 12rem;
  left: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: #fff;
}
.m-chat-emoji .emoji-channel {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 1rem;
}
.m-chat-emoji .emoji-channel .emoji-album {
  display: inline-block;
  padding: 0.1rem;
  width: 1.8rem;
  height: 1.8rem;
  border-right: 1px solid #f0f0f0;
}
.m-chat-emoji .emoji-channel .emoji-album img {
  margin: 0;
  display: block;
  width: inherit;
  height: inherit;
}
.m-chat-emoji .emoji-channel .emoji-album.active {
  background-color: #f0f0f0;
}
.m-chat-emoji .emoji-content {
  position: relative;
  width: 100%;
  height: 10rem;
  background-color: #f0f0f0;
  overflow-y: auto;
}
.m-chat-emoji .emoji-content .cnt {
  position: relative;
  display: block;
  margin: 0.4rem auto;
  text-align: left;
}
.m-chat-emoji .emoji-content .emoji-item {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 2px;
  vertical-align: middle;
}
.m-chat-emoji .emoji-content .emoji-item img {
  width: inherit;
  height: inherit;
}
.m-chat-emoji .emoji-content .pinup-item {
  width: 44px;
  height: 44px;
}
.giveAddress {
  position: relative;
}
.giveAddress .navMsg {
  position: fixed;
  display: flex;
  background: #F9E5AD;
  height: 1.75rem /* 28/16 */;
  padding: 0 1.25rem /* 20/16 */;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.giveAddress .navMsg .ico {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
}
.giveAddress .navMsg .text {
  margin-left: 0.375rem /* 6/16 */;
  font-size: 0.8125rem /* 13/16 */;
  color: #C39942;
}
.giveAddress .navMsg .text span {
  text-decoration: underline;
}
.giveAddress .arrList {
  padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */;
  position: relative;
}
.giveAddress .arrList .child {
  padding: 0.9375rem /* 15/16 */ 0;
}
.giveAddress .arrList .child .hospitalName {
  font-size: 0.9375rem /* 15/16 */;
  color: #242424;
  line-height: 1.3125rem /* 21/16 */;
}
.giveAddress .arrList .child .hospitalAddress {
  margin-top: 0.5rem /* 8/16 */;
  display: flex;
}
.giveAddress .arrList .child .hospitalAddress .ico {
  height: 0.875rem /* 14/16 */;
  width: 0.875rem /* 14/16 */;
  position: relative;
  top: 0.25rem /* 4/16 */;
}
.giveAddress .arrList .child .hospitalAddress .text {
  font-size: 0.8125rem /* 13/16 */;
  color: #B3B3B3;
  line-height: 1.125rem /* 18/16 */;
  margin-left: 0.3125rem /* 5/16 */;
}
.giveAddress .butSet {
  margin-top: 1.25rem /* 20/16 */;
}
.giveAddress .butSet .fr {
  display: flex;
  justify-content: flex-end;
}
.giveAddress .butSet .fr div {
  border-radius: 4px;
  width: 3.25rem /* 52/16 */;
  height: 1.625rem /* 26/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem /* 14/16 */;
}
.giveAddress .butSet .fr .butOne {
  border: 1px solid #D3977E;
  color: #D3977E;
  margin-right: 0.625rem /* 10/16 */;
}
.giveAddress .butSet .fr .butTwo {
  font-size: 0.875rem /* 14/16 */;
  background: #D3977E;
  color: #fff;
}
.playVideo {
  background: #000;
  width: 100%;
  padding-bottom: 0.625rem /* 10/16 */;
  height: 100%;
  position: fixed;
  z-index: 3000;
  z-index: 9900;
}
.playVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.playVideo .video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 0.625rem /* 10/16 */;
  left: 0.625rem /* 10/16 */;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 50%;
}
.playVideo .closeVideo {
  text-align: center;
  width: 5rem /* 80/16 */;
  border-radius: 0.625rem /* 10/16 */;
  height: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  background: #ccc;
  font-size: 0.8125rem /* 13/16 */;
  justify-content: center;
  margin: 4.5rem /* 70/16 */ auto 1.25rem /* 20/16 */;
}
.playVideo .activePaly button {
  display: none!important;
}
.playVideo .vjs-big-play-button {
  display: none!important;
}
#my-video {
  margin: 0 auto 1.25rem /* 20/16 */;
  width: 100%;
  max-width: 100%;
  height: 80%;
  overflow: hidden;
  position: relative;
  top: 2.5rem /* 40/16 */;
}
#Insurance .main {
  position: relative;
}
#Insurance .main .header {
  height: 15rem /* 240/16 */;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#Insurance .main .header .title {
  position: absolute;
  top: 4.6875rem /* 75/16 */;
  left: 1.6875rem /* 27/16 */;
  font-size: 2rem /* 32/16 */;
  color: #FAFAFA;
  line-height: 2.4375rem /* 39/16 */;
  z-index: 200;
}
#Insurance .main .header .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
#Insurance .main .boxMain {
  padding-bottom: 6.25rem /* 100/16 */;
}
#Insurance .main .boxMain .tab {
  background: #F7F7F7;
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
  display: flex;
  justify-content: space-between;
}
#Insurance .main .boxMain .tab .tabLabel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(((100vw - 60px) / 3));
  background: #FFFFFF;
  border-radius: 0.25rem /* 4/16 */;
  height: 3.75rem /* 60/16 */;
  transition: all 0.3s;
}
#Insurance .main .boxMain .tab .tabLabel div {
  color: #D3977E;
}
#Insurance .main .boxMain .tab .tabLabel .title {
  font-size: 1.125rem /* 18/16 */;
  line-height: 1.5625rem /* 25/16 */;
}
#Insurance .main .boxMain .tab .tabLabel .num {
  font-size: 0.6875rem /* 11/16 */;
  line-height: 1rem /* 16/16 */;
}
#Insurance .main .boxMain .tab .active {
  background: #D3977E;
}
#Insurance .main .boxMain .tab .active div {
  color: #fff;
}
#Insurance .main .boxMain .main {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
#Insurance .main .boxMain .main .p1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem /* 10/16 */;
}
#Insurance .main .boxMain .main .p1 div {
  font-size: 0.875rem /* 14/16 */;
  color: #353535;
  line-height: 1.25rem /* 20/16 */;
}
#Insurance .main .boxMain .main .p1 .p1-l {
  width: 10rem /* 160/16 */;
}
#Insurance .main .boxMain .main .p1 .p1-r-b {
  flex: 1;
  float: right;
}
#Insurance .main .boxMain .main .p1 .p1-r {
  font-size: 0.9375rem /* 15/16 */;
  color: #FF5252;
  line-height: 1.3125rem /* 21/16 */;
}
#Insurance .main .boxMain .main .p1 .tar {
  text-align: right;
}
#Insurance .main .fixedBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200;
  background: #fff;
}
#Insurance .main .fixedBottom .top {
  height: 2.625rem /* 42/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Insurance .main .fixedBottom .top .van-checkbox .van-checkbox__icon {
  font-size: 0.75rem /* 12/16 */;
  height: auto;
}
#Insurance .main .fixedBottom .top .van-checkbox .van-icon {
  font-size: 12px;
}
#Insurance .main .fixedBottom .top .van-checkbox .van-checkbox__label {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
  line-height: 1.0625rem /* 17/16 */;
}
#Insurance .main .fixedBottom .top .oneColor {
  font-size: 0.75rem /* 12/16 */;
  color: #D3977E;
  line-height: 1.0625rem /* 17/16 */;
}
#Insurance .main .fixedBottom .top .towColor {
  font-size: 0.75rem /* 12/16 */;
  color: #353535;
  line-height: 1.0625rem /* 17/16 */;
}
#Insurance .main .fixedBottom .bottom {
  display: flex;
  height: 3.125rem /* 50/16 */;
}
#Insurance .main .fixedBottom .bottom .boxOne {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}
#Insurance .main .fixedBottom .bottom .boxOne .boxOneT {
  font-size: 0;
}
#Insurance .main .fixedBottom .bottom .boxOne .boxOneT .icon {
  font-size: 0.75rem /* 12/16 */;
  color: #FF5252;
}
#Insurance .main .fixedBottom .bottom .boxOne .boxOneT .num {
  font-size: 1.125rem /* 18/16 */;
  color: #FF5252;
  line-height: 1.5625rem /* 25/16 */;
}
#Insurance .main .fixedBottom .bottom .boxOne .boxOneB {
  font-size: 0.6875rem /* 11/16 */;
  color: #B3B3B3;
}
#Insurance .main .fixedBottom .bottom .boxTwo {
  width: 8rem /* 128/16 */;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
}
#Insurance .main .fixedBottom .bottom .colorO {
  color: #D3977E;
}
#Insurance .main .fixedBottom .bottom .colorT {
  background: #D3977E;
  color: #fff;
}
#Insurance .main .myState {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#Insurance .main .myState img {
  margin-top: 2.5rem /* 40/16 */;
  margin-bottom: 1.25rem /* 20/16 */;
  height: 3.75rem /* 60/16 */;
  width: 3.75rem /* 60/16 */;
}
#Insurance .main .myState .title {
  font-size: 18px;
  color: #000000;
  line-height: 1.5625rem /* 25/16 */;
}
#Insurance .main .myState .smaTitle {
  font-size: 16px;
  color: #242424;
  margin-top: 0.3125rem /* 5/16 */;
}
#Insurance .insuranceMoney {
  width: 100%;
  min-height: 100vh;
  background: #F7F7F7;
  position: relative;
}
#Insurance .insuranceMoney .header {
  height: 8.75rem /* 140/16 */;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 4.375rem /* 70/16 */;
  background: #fff;
  flex-direction: column;
}
#Insurance .insuranceMoney .header .title {
  font-size: 0.9375rem /* 15/16 */;
  color: #B3B3B3;
  line-height: 1.3125rem /* 21/16 */;
}
#Insurance .insuranceMoney .header .money {
  margin-top: 0.625rem /* 10/16 */;
  font-size: 34px;
  color: #242424;
  line-height: 3rem /* 48/16 */;
}
#Insurance .insuranceMoney .tab {
  margin-top: 1.5rem /* 24/16 */;
  display: flex;
  padding: 0 1.25rem /* 20/16 */;
  justify-content: space-between;
}
#Insurance .insuranceMoney .tab div {
  background: #FFFFFF;
  border-radius: 0.25rem /* 4/16 */;
  font-size: 1rem /* 16/16 */;
  color: #353535;
  width: calc(((100vw - 50px) / 2));
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Insurance .insuranceMoney .bottomLab {
  position: absolute;
  bottom: 3.75rem /* 60/16 */;
  font-size: 12px;
  color: #353535;
  display: flex;
  justify-content: center;
  width: 100%;
}
#Insurance .insuranceMoney .bottomLab span {
  color: #D3977E;
}
 [class*=borderpx]::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #979797;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.borderpx--top::after {
  border-top-width: 1px;
}
.borderpx--left::after {
  border-left-width: 1px;
}
.borderpx--right::after {
  border-right-width: 1px;
}
.borderpx--bottom::after {
  border-bottom-width: 1px;
}
.borderpx--top-bottom::after {
  border-width: 1px 0;
}
.borderpx--surround::after {
  border-width: 1px;
}
#lightCase {
  position: relative;
}
#lightCase .main .lightTab .van-tabs__wrap {
  background: #FFFFFF;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
}
#lightCase .main .lightTab .van-tabs__line {
  background: #D3977E;
}
#lightCase .main .lightTab .tabOne {
  position: relative;
  height: calc((100vh - 45px));
  overflow: hidden;
}
#lightCase .main .lightTab .tabOne .lightButtom {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #D3977E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
  color: #FFFFFF;
  height: 3.125rem /* 50/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain {
  height: calc((100vh - 100px));
  overflow-y: auto;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab {
  display: flex;
  border: 1px solid #D3977E;
  border-radius: 0.375rem /* 6/16 */;
  height: 1.5rem /* 24/16 */;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 15px;
  z-index: 200;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  font-size: 0.75rem /* 12/16 */;
  color: #D3977E;
  height: 100%;
  background: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab .nav:not(:last-child) {
  border-right: solid 1px #D3977E;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab .nav:first-child {
  border-radius: 5px 0 0 5px;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab .nav:last-child {
  border-radius: 0 5px 5px 0;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .tab .active {
  background: #D3977E;
  color: #FFFFFF;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section {
  margin-top: 0.9375rem /* 15/16 */;
  height: calc((100vh - 160px));
  overflow-y: auto;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section::-webkit-scrollbar {
  display: none;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionOne {
  display: flex;
  flex-wrap: wrap;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionOne .videoBox {
  width: 100%;
  border: 1px solid #E8E8E8;
  position: relative;
  max-height: 15.5rem /* 248/16 */;
  margin-bottom: 0.9375rem /* 15/16 */;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionOne .videoBox .videoBgImg {
  height: 10.625rem /* 170/16 */;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */ 0;
  position: relative;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionOne .videoBox .videoBgImg .iconPlay {
  position: absolute;
  height: 3.375rem /* 54/16 */;
  width: 3.375rem /* 54/16 */;
  top: 50%;
  left: 50%;
  z-index: 200;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionOne .videoBox .videoText {
  font-size: 1rem /* 16/16 */;
  color: #353535;
  letter-spacing: 0;
  line-height: 1.75rem /* 28/16 */;
  margin: 0.625rem /* 10/16 */ 0.9375rem /* 15/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo {
  display: flex;
  flex-wrap: wrap;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox {
  border: 1px solid #E8E8E8;
  position: relative;
  max-height: 100%;
  margin-bottom: 0.9375rem /* 15/16 */;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox .imgBoxMain {
  padding: 0.625rem /* 10/16 */ 0.9375rem /* 15/16 */ 0 0.9375rem /* 15/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox .imgBoxMain .imgArrShow {
  display: flex;
  flex-wrap: wrap;
  width: calc((100vw - 60px));
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox .imgBoxMain .imgArrShow .imgChild {
  width: calc(((100vw - 88px) / 3));
  height: calc(((100vw - 88px) / 3));
  overflow: hidden;
  margin: 0 0.5rem /* 8/16 */ 0.5rem /* 8/16 */ 0;
  border-radius: 0.25rem /* 4/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox .imgBoxMain .imgArrShow .imgChild:nth-child(3n) {
  margin-right: 0;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionTwo .imgBox .videoText {
  font-size: 1rem /* 16/16 */;
  color: #353535;
  letter-spacing: 0;
  line-height: 1.75rem /* 28/16 */;
  margin: 0 0.9375rem /* 15/16 */ 0.625rem /* 10/16 */ 0.9375rem /* 15/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionThree .serverMsg {
  display: flex;
  background: #F9E5AD;
  border-radius: 4px 4px 0 0;
  padding: 0.4375rem /* 7/16 */ 0.625rem /* 10/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionThree .serverMsg img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#lightCase .main .lightTab .tabOne .tabOneMain .caseTabMain .section .sectionThree .serverMsg div {
  padding-left: 0.375rem /* 6/16 */;
  font-size: 12px;
  color: #C39942;
  line-height: 1.0625rem /* 17/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#lightCase .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 300;
  bottom: 0;
}
#lightCase .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #212227;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#lightCase .closeBox {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  right: 1.25rem /* 20/16 */;
  top: 1.25rem /* 20/16 */;
  z-index: 100;
}
#lightCase .closeBoxBack {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  left: 1.25rem /* 20/16 */;
  top: 1.25rem /* 20/16 */;
  z-index: 100;
}
#lightCase .playVideoBox {
  background: #000;
  width: 100%;
  padding-bottom: 0.625rem /* 10/16 */;
  height: calc((100vh - 60px));
}
#lightCase .playVideoBox video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#lightCase .playVideoBox .video-poster {
  position: absolute;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lightCase .playVideoBox .video-poster .poster-img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#lightCase .playVideoBox .video-poster .iconPlay {
  position: absolute;
  height: 3.375rem /* 54/16 */;
  width: 3.375rem /* 54/16 */;
  top: 50%;
  left: 50%;
  z-index: 200;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#lightCase .playVideoBox .video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 0.625rem /* 10/16 */;
  left: 0.625rem /* 10/16 */;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 50%;
}
#lightCase .playVideoBox .closeVideo {
  text-align: center;
  width: 5rem /* 80/16 */;
  border-radius: 0.625rem /* 10/16 */;
  height: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  background: #ccc;
  font-size: 0.8125rem /* 13/16 */;
  justify-content: center;
  margin: 4.5rem /* 70/16 */ auto 1.25rem /* 20/16 */;
}
#lightCase .playVideoBox .vjs-playing .vjs-big-play-button {
  display: none!important;
}
#lightCase #my-video {
  margin: 0 auto 1.25rem /* 20/16 */;
  width: 100%;
  max-width: 100%;
  height: 80%;
  overflow: hidden;
  position: relative;
  top: 2.5rem /* 40/16 */;
}
#lightCase .myVideoBox {
  margin: 0 auto 1.25rem /* 20/16 */;
  width: 100%;
  max-width: 100%;
  height: 80%;
  overflow: hidden;
  position: relative;
  top: 2.5rem /* 40/16 */;
}
#lightCase .text {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.3125rem /* 5/16 */ 1.25rem /* 20/16 */;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 1.125rem /* 18/16 */;
  text-align: left;
  min-height: 3.75rem /* 60/16 */;
  padding-bottom: 1.25rem /* 20/16 */;
}
#goodCase .main {
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
  position: relative;
}
#goodCase .main .labelTab {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 15px;
  z-index: 100;
}
#goodCase .main .labelTab .labelMain {
  white-space: nowrap;
  overflow-x: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
}
#goodCase .main .labelTab .labelMain::-webkit-scrollbar {
  display: none;
}
#goodCase .main .labelTab .labelMain .label {
  border: 1px solid transparent;
  border-radius: 1.25rem /* 20/16 */;
  height: 1.875rem /* 30/16 */;
  padding: 0 0.9375rem /* 15/16 */;
  font-size: 13px;
  color: #646464;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  background: #F5F5F5;
  margin-right: 0.625rem /* 10/16 */;
}
#goodCase .main .labelTab .labelMain .active {
  background: #FFF8F6;
  border: 1px solid #D3977E;
  color: #D3977E;
}
#goodCase .main .sectionBox {
  height: calc((100vh - 60px));
  overflow-y: auto;
  position: relative;
  top: 0.9375rem /* 15/16 */;
}
#goodCase .main .sectionBox::-webkit-scrollbar {
  display: none;
}
#goodCase .main .sectionBox .sectionOne {
  display: flex;
  flex-wrap: wrap;
}
#goodCase .main .sectionBox .sectionOne .videoBox {
  width: 100%;
  border: 1px solid #E8E8E8;
  position: relative;
  max-height: 15.5rem /* 248/16 */;
  margin-bottom: 0.9375rem /* 15/16 */;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
#goodCase .main .sectionBox .sectionOne .videoBox .videoBgImg {
  height: 10.625rem /* 170/16 */;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem /* 4/16 */ 0;
  position: relative;
}
#goodCase .main .sectionBox .sectionOne .videoBox .videoBgImg .iconPlay {
  position: absolute;
  height: 3.375rem /* 54/16 */;
  width: 3.375rem /* 54/16 */;
  top: 50%;
  left: 50%;
  z-index: 200;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#goodCase .main .sectionBox .sectionOne .videoBox .videoText {
  font-size: 1rem /* 16/16 */;
  color: #353535;
  letter-spacing: 0;
  line-height: 1.75rem /* 28/16 */;
  margin: 0.625rem /* 10/16 */ 0.9375rem /* 15/16 */;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
#goodCase .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 300;
  bottom: 0;
}
#goodCase .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #212227;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#goodCase .closeBox {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  right: 1.25rem /* 20/16 */;
  top: 1.25rem /* 20/16 */;
  z-index: 100;
}
#goodCase .closeBoxBack {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  left: 1.25rem /* 20/16 */;
  top: 1.25rem /* 20/16 */;
  z-index: 100;
}
#goodCase .playVideoBox {
  background: #000;
  width: 100%;
  padding-bottom: 0.625rem /* 10/16 */;
  height: calc(100vh - 100px);
  position: absolute;
  top: 0;
}
#goodCase .playVideoBox video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#goodCase .playVideoBox .video-poster {
  position: absolute;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#goodCase .playVideoBox .video-poster .poster-img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#goodCase .playVideoBox .video-poster .iconPlay {
  position: absolute;
  height: 3.375rem /* 54/16 */;
  width: 3.375rem /* 54/16 */;
  top: 50%;
  left: 50%;
  z-index: 200;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#goodCase .playVideoBox .video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 0.625rem /* 10/16 */;
  left: 0.625rem /* 10/16 */;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 50%;
}
#goodCase .playVideoBox .closeVideo {
  text-align: center;
  width: 5rem /* 80/16 */;
  border-radius: 0.625rem /* 10/16 */;
  height: 1.5rem /* 24/16 */;
  display: flex;
  align-items: center;
  background: #ccc;
  font-size: 0.8125rem /* 13/16 */;
  justify-content: center;
  margin: 4.5rem /* 70/16 */ auto 1.25rem /* 20/16 */;
}
#goodCase .playVideoBox .vjs-playing .vjs-big-play-button {
  display: none!important;
}
#goodCase #my-video {
  margin: 0 auto 1.25rem /* 20/16 */;
  width: 100%;
  max-width: 100%;
  height: 80%;
  overflow: hidden;
  position: relative;
  top: 2.5rem /* 40/16 */;
}
#goodCase .myVideoBox {
  margin: 0 auto 1.25rem /* 20/16 */;
  width: 100%;
  max-width: 100%;
  height: 80%;
  overflow: hidden;
  position: relative;
  top: 2.5rem /* 40/16 */;
}
#goodCase .text {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.3125rem /* 5/16 */ 1.25rem /* 20/16 */;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 1.125rem /* 18/16 */;
  text-align: left;
  min-height: 3.75rem /* 60/16 */;
  padding-bottom: 1.25rem /* 20/16 */;
}
#updateCase {
  position: relative;
}
#updateCase .nav {
  background: #FFFAF7;
  height: 2.5rem /* 40/16 */;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#updateCase .nav span {
  font-size: 14px;
  color: #D3977E;
}
#updateCase .nav img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#updateCase .videoImgBox {
  height: calc((100vh - 100px));
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem /* 15/16 */ 0 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
#updateCase .updateMain .van-uploader__preview {
  height: calc(((100vw - 54px) / 2));
  width: calc(((100vw - 54px) / 2));
}
#updateCase .updateMain .van-uploader__preview .van-uploader__preview-image {
  width: 100%;
  height: 100%;
}
#updateCase .updateMain .van-uploader__upload {
  height: calc(((100vw - 54px) / 2));
  width: calc(((100vw - 54px) / 2));
  overflow: hidden;
}
#updateCase .updateMain .van-uploader__upload .van-icon-plus:after {
  content: "照片案例";
  font-size: 14px;
  position: absolute;
  top: 25px;
  width: 60px;
  left: -14px;
  height: 20px;
}
#updateCase .recordVideoBox {
  border: 1px dashed #e5e5e5;
  border-radius: 4px;
  display: inline-block;
  height: calc(((100vw - 4rem) / 2));
  width: calc(((100vw - 4rem) / 2));
  margin-bottom: 0.625rem /* 10/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#updateCase .recordVideoBox .hintText {
  font-size: 0.8125rem /* 13/16 */;
  color: #AEAEAE;
  letter-spacing: 0;
  line-height: 1.25rem /* 20/16 */;
}
#updateCase .recordVideoBox input {
  opacity: 0;
  height: 1px;
  width: 1px;
}
#updateCase .recordVideoBox label {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#updateCase .recordVideoBox label img {
  height: 2.75rem /* 44/16 */;
  width: 2.75rem /* 76/16 */;
}
#updateCase .seevideo {
  display: inline-block;
  height: calc(((100vw - 56px) / 2));
  width: calc(((100vw - 56px) / 2));
  border-radius: 4px;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  position: relative;
}
#updateCase .seevideo .videobg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
#updateCase .seevideo .videoIco {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#updateCase .seevideo .close {
  position: absolute;
  top: -8px;
  right: -8px;
  color: #969799;
  font-size: 18px;
  background-color: #fff;
  border-radius: 100%;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#updateCase .longText {
  width: 100%;
  margin: 0.625rem /* 10/16 */ auto 0.625rem /* 10/16 */;
}
#updateCase .longText textarea {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  width: 100%;
  padding: 0.625rem /* 10/16 */;
}
#updateCase .longText textarea::placeholder {
  font-size: 15px;
  color: #AEAEAE;
}
#updateCase .saveBut {
  position: fixed;
  background: #D3977E;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  width: 100%;
  bottom: 0;
}
#editCase {
  position: relative;
}
#editCase .nav {
  background: #FFFAF7;
  height: 2.5rem /* 40/16 */;
  padding: 0 1.25rem /* 20/16 */;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#editCase .nav span {
  font-size: 14px;
  color: #D3977E;
}
#editCase .nav img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#editCase .serverMsg {
  display: flex;
  background: #F9E5AD;
  border-radius: 4px 4px 0 0;
  padding: 0.4375rem /* 7/16 */ 0.625rem /* 10/16 */;
}
#editCase .serverMsg img {
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#editCase .serverMsg div {
  padding-left: 0.375rem /* 6/16 */;
  font-size: 12px;
  color: #C39942;
  line-height: 1.0625rem /* 17/16 */;
  font-weight: normal;
  overflow: hidden;
}
#editCase .videoImgBox {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
}
#editCase .updateMain .van-uploader__preview {
  margin: 0 6px 8px 0;
  height: calc(((100vw - 56px) / 2));
  width: calc(((100vw - 56px) / 2));
}
#editCase .updateMain .van-uploader__preview .van-uploader__preview-image {
  width: 100%;
  height: 100%;
}
#editCase .updateMain .van-uploader__upload {
  margin: 0 6px 8px 0;
  height: calc(((100vw - 56px) / 2));
  width: calc(((100vw - 56px) / 2));
  overflow: hidden;
}
#editCase .updateMain .van-uploader__upload .van-icon-plus:after {
  content: "照片案例";
  font-size: 14px;
  position: absolute;
  top: 25px;
  width: 60px;
  left: -14px;
  height: 20px;
}
#editCase .recordVideoBox {
  border: 1px dashed #e5e5e5;
  border-radius: 4px;
  display: inline-block;
  height: calc(((100vw - 56px) / 2));
  width: calc(((100vw - 56px) / 2));
  margin-bottom: 0.625rem /* 10/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
#editCase .recordVideoBox .hintText {
  font-size: 0.8125rem /* 13/16 */;
  color: #AEAEAE;
  letter-spacing: 0;
  line-height: 1.25rem /* 20/16 */;
}
#editCase .recordVideoBox input {
  opacity: 0;
  height: 1px;
  width: 1px;
}
#editCase .recordVideoBox label {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#editCase .recordVideoBox label img {
  height: 2.75rem /* 44/16 */;
  width: 2.75rem /* 76/16 */;
}
#editCase .seevideo {
  display: inline-block;
  height: calc(((100vw - 56px) / 2));
  width: calc(((100vw - 56px) / 2));
  border-radius: 4px;
  margin-right: 0.625rem /* 10/16 */;
  margin-bottom: 0.625rem /* 10/16 */;
  position: relative;
}
#editCase .seevideo .videobg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
#editCase .seevideo .videoIco {
  position: absolute;
  height: 2.5rem /* 40/16 */;
  width: 2.5rem /* 40/16 */;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#editCase .seevideo .close {
  position: absolute;
  top: -8px;
  right: -8px;
  color: #969799;
  font-size: 18px;
  background-color: #fff;
  border-radius: 100%;
  height: 1.125rem /* 18/16 */;
  width: 1.125rem /* 18/16 */;
}
#editCase .longText {
  width: 100%;
  padding: 0.625rem /* 10/16 */ 0;
}
#editCase .longText textarea {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  width: 100%;
  padding: 0.625rem /* 10/16 */;
}
#editCase .longText textarea::placeholder {
  font-size: 15px;
  color: #AEAEAE;
}
#editCase .saveBut {
  background: #D3977E;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  width: 100%;
  bottom: 0;
}
#editCase .closeBut {
  background: #fff;
  height: 3.125rem /* 50/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #D3977E;
  width: 100%;
  bottom: 0;
}
#doctorPhoto .vjs-playing .vjs-big-play-button {
  display: none!important;
}
#doctorPhoto .main {
  padding: 1.25rem /* 20/16 */;
}
#doctorPhoto .main .boxVideo .title {
  display: flex;
  justify-content: space-between;
}
#doctorPhoto .main .boxVideo .title .big {
  font-size: 16px;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
}
#doctorPhoto .main .boxVideo .title .small {
  font-size: 14px;
  color: #B3B3B3;
}
#doctorPhoto .main .boxVideo .input {
  width: 1px;
  height: 1px;
  opacity: 0;
  display: inherit;
}
#doctorPhoto .main .boxVideo .updateBox {
  margin-top: 0.9375rem /* 15/16 */;
  background: #FFF9F8;
  border: 1px dotted #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 6rem /* 96/16 */;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#doctorPhoto .main .boxVideo .updateBox div {
  font-size: 15px;
  color: #DBAA97;
  line-height: 1.3125rem /* 21/16 */;
}
#doctorPhoto .main .boxVideo .updateBox img {
  margin-top: 0.375rem /* 6/16 */;
  height: 1.5rem /* 24/16 */;
  width: 1.5rem /* 24/16 */;
}
#doctorPhoto .main .boxVideo .videoMsg {
  margin-top: 0.625rem /* 10/16 */;
  display: flex;
  justify-content: flex-end;
}
#doctorPhoto .main .boxVideo .videoMsg .text {
  border: 1px solid #D3977E;
  border-radius: 12px;
  height: 1.5rem /* 24/16 */;
  min-width: 6.75rem /* 108/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
  margin-left: 0.5rem /* 8/16 */;
}
#doctorPhoto .main .boxVideo .videoMsg .textPhoto {
  border: 1px solid #D3977E;
  border-radius: 12px;
  height: 1.5rem /* 24/16 */;
  min-width: 6.75rem /* 108/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem /* 13/16 */;
  color: #D3977E;
  margin-left: 0.5rem /* 8/16 */;
}
#doctorPhoto .main .showVideo {
  position: relative;
  width: 100%;
  margin-top: 0.9375rem /* 15/16 */;
  height: 15.875rem /* 254/16 */;
  border-radius: 0.25rem /* 4/16 */;
}
#doctorPhoto .main .showVideo .iconPlay {
  border-radius: 0.125rem /* 2/16 */;
  background: rgba(0, 0, 0, 0.4);
  min-width: 4.375rem /* 70/16 */;
  min-height: 1.875rem /* 30/16 */;
  display: flex;
  padding: 0 0.625rem /* 10/16 */;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 1.25rem /* 20/16 */;
  left: 1.25rem /* 20/16 */;
  z-index: 4000;
}
#doctorPhoto .main .showVideo .iconPlay img {
  height: 0.75rem /* 12/16 */;
  width: 0.75rem /* 12/16 */;
}
#doctorPhoto .main .showVideo .iconPlay span {
  font-size: 0.8125rem /* 13/16 */;
  color: #FFFFFF;
}
#doctorPhoto .main .showVideo .Video {
  height: 100%;
  width: 100%;
  position: relative;
}
#doctorPhoto .main .showVideo .Video .vjs-big-play-button {
  display: none;
}
#doctorPhoto .main .showVideo .Video .video-poster {
  position: absolute;
  width: 100%;
  height: 15.875rem /* 254/16 */;
  top: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#doctorPhoto .main .showVideo .Video .video-poster .bg-img {
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-filter: blur(1.25rem /* 20/16 */);
  -moz-filter: blur(1.25rem /* 20/16 */);
  -o-filter: blur(1.25rem /* 20/16 */);
  -ms-filter: blur(1.25rem /* 20/16 */);
  filter: blur(1.25rem /* 20/16 */);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
#doctorPhoto .main .showVideo .Video .video-poster .poster-img {
  position: absolute;
  height: 15.875rem /* 254/16 */;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#doctorPhoto .main .showVideo #myVideo {
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#doctorPhoto .main .showVideo .close {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
  position: absolute;
  top: -0.375rem /* 6/16 */;
  right: -0.375rem /* 6/16 */;
}
#doctorPhoto .main .imgbox {
  margin-top: 1.25rem /* 20/16 */;
}
#doctorPhoto .main .imgbox .imgMain .title {
  display: flex;
  justify-content: space-between;
}
#doctorPhoto .main .imgbox .imgMain .title .big {
  font-size: 16px;
  color: #242424;
  line-height: 1.25rem /* 20/16 */;
}
#doctorPhoto .main .imgbox .imgMain .title .small {
  font-size: 14px;
  color: #B3B3B3;
}
#doctorPhoto .main .imgbox .imgMain .updateBox {
  margin-top: 0.9375rem /* 15/16 */;
  background: #FFF9F8;
  border: 1px dotted #D3977E;
  border-radius: 0.25rem /* 4/16 */;
  height: 6rem /* 96/16 */;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#doctorPhoto .main .imgbox .imgMain .updateBox div {
  font-size: 15px;
  color: #DBAA97;
  line-height: 1.3125rem /* 21/16 */;
}
#doctorPhoto .main .imgbox .imgMain .updateBox img {
  margin-top: 0.375rem /* 6/16 */;
  height: 1.5rem /* 24/16 */;
  width: 1.5rem /* 24/16 */;
}
#doctorPhoto .main .imgbox .showImgBox {
  display: flex;
  flex-wrap: wrap;
  width: 94vw;
  margin-top: 0.9375rem /* 15/16 */;
}
#doctorPhoto .main .imgbox .showImgBox .child {
  margin: 0 0.625rem /* 10/16 */ 0.625rem /* 10/16 */ 0;
  position: relative;
}
#doctorPhoto .main .imgbox .showImgBox .child .childImg {
  width: calc(((100vw - 60px)/3));
  height: calc(((100vw - 60px)/3));
  position: relative;
}
#doctorPhoto .main .imgbox .showImgBox .child .childImg img {
  border-radius: 0.25rem /* 4/16 */;
}
#doctorPhoto .main .imgbox .showImgBox .child .close {
  height: 1.25rem /* 20/16 */;
  width: 1.25rem /* 20/16 */;
  position: absolute;
  top: -0.375rem /* 6/16 */;
  right: -0.375rem /* 6/16 */;
}
#doctorPhoto .main .imgbox .showImgBox .addChild {
  width: calc(((100vw - 60px)/3));
  height: calc(((100vw - 60px)/3));
  margin: 0 0.625rem /* 10/16 */ 0.625rem /* 10/16 */ 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem /* 1/16 */ dotted #CFCFCF;
  border-radius: 0.25rem /* 4/16 */;
}
#doctorPhoto .main .imgbox .showImgBox .addChild img {
  height: 1.875rem /* 30/16 */;
  width: 1.875rem /* 30/16 */;
}
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
  .card-mian .p2-card {
    left: 15px;
  }
  #income .giveSearch .s-top4 .mainBox .mainBoxChild .child .orderList .order-r .order-r-l .name {
    width: 9.375rem /* 150/16 */;
  }
  #app .header .h-top .h-top-r .last-span {
    display: inline-block;
    width: 2.5rem;
    white-space: nowrap;
    overflow: hidden;
  }
  #flow .chat-bottom .chat-bottom-top .chat-bottom-top-list {
    margin-right: 2px;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .tabber {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding-bottom: 10px;
    background: #f8f8f8;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}