body {
    margin: 0;
    padding: 0;
    background-color: #f6f7f8;
    font-size: 14px;
    font-family: arial;
    font: normal 14px/20px;
    color: #000;
}

html,
body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: auto;
}

li {
    list-style-type: none;
}

a,
a:hover {
    text-decoration: none;
    color: #000;
}

/* a:hover{} */
p {
    margin: 0;
    padding: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

button,
input {
    outline: none;
    -webkit-appearance: none;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-app-region: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    border: 0;
    outline: none;
    appearance: none;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    background: url(../img/checkbox.png) no-repeat;
    border-radius: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
    display: inline-block;
}

input[type=checkbox]:active,
input[type=radio]:active {
    border: 0px;
}

input[type=checkbox]:hover {
    border: 0px;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: url(../img/checkbox_ok.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
    outline: none;
    border-radius: 0.0625rem;
    display: inline-block;
    border: 0;
    background-color: #fff;
}

input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
    content: url(../img/checkbox.png) no-repeat;
    display: none;
    position: relative;
    outline: none;
    top: 0px;
    right: 0px;
    left: 0px;
    border: 0;
}

.mainContainer {
    padding-bottom: 1.25rem;
    padding-top: 0.75rem;
    background: #fff url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/mainBg.jpg) no-repeat left top;
    background-size: 100% auto;
    min-height: 100%;
}

/*菜单*/
.tabBarNav {
    background: #fff;
    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.0);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    height: 1.375rem;
}

.tabBarNavItem {
    flex: 1;
    text-align: center;
}

.tabBarNavItem a {
    display: block;
    font-size: 0.267rem;
    color: #000;
}

.tabBarNavItem a label {
    display: block;
    margin: 0 auto;
}

.tabBarNavItem a span {
    display: block;
    margin-top: 0.0625rem;
}

.tabBarNavItem a.active {
    color: #3ad9bb;
}

.tabBarNavItem a .home {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarHome.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.tabBarNavItem a.active .home {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarHomeActive.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.tabBarNavItem a .discuss {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarDiscuss.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.tabBarNavItem a.active .discuss {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarDiscussActive.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.tabBarNavItem a .user {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarUser.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.tabBarNavItem a.active .user {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/tabBarUserActive.png) no-repeat;
    width: 0.533rem;
    height: 0.533rem;
    background-size: 0.533rem 0.533rem;
}

.mainTop {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.3125rem 0.375rem 0.3125rem;
}

.mainLocation {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 0.375rem;
    margin-right: 0.375rem;
}

.mainLocation span {
    max-width: 2.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.locationIcon {
    background: url(../img/locationIcon.png) no-repeat;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
}

.topSearch {
    flex: 1;
    background: #fff;
    border-radius: 0.1625rem;
    height: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topSearch input {
    border: 0;
    height: 0.875rem;
    width: calc(100% - 1.5rem);
    background: transparent;
    font-size: 0.375rem;
    padding: 0 0.3125rem;
}

.topSearch span {
    position: relative;
    font-size: 0.375rem;
    padding: 0 0.3125rem;
    line-height: 0.875rem;
}

.topSearch span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1px;
    height: calc(200% - 1.0rem);
    background: #333;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.homeSwiper {
    margin: 0.25rem 0.5rem 0 0.5rem;
    border-radius: 0.16rem;
    box-shadow: 0 0.0533rem 0.1067rem  rgba(58, 217, 187, 0.5);
}

.small-swiper {
    padding: 0 0.3125rem 0.125rem 0.3125rem;
}

.swiper-container {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    border-bottom: 0;
    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;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.16rem;
}

.swiper-pagination-bullet {
    width: 0.1875rem;
    height: 0.1875rem;
    display: inline-block;
    border: 1px #fff solid;
    border-radius: 0.25rem;
    background: transparent;
    opacity: 1.0;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 0.1875rem;
    height: 0.1875rem;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 2px;
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 5px;
}

.swiper-banner .swiper-wrapper .swiper-slide {
    width: 100%;
}

.swiper-banner .swiper-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 0.125rem;
}


.mainToolsBox {
    padding: 0.333rem 0.5rem;
}

.mainTitle {
    font-size: 0.4375rem;
    font-weight: bold;
    padding-left: 0.25rem;
    border-left: 0.0875rem #3AD9BB solid;
}

.mainTools {
    display: flex;
    flex-wrap: wrap;
}

.mainToolsItem {
    width: 1.5rem;
    margin-right: 1.125rem;
    margin-top: 0.3125rem;
}

.mainToolsItem:nth-child(4n+0) {
    margin-right: 0;
}

.mainToolsItem a {
    display: block;
    font-size: 0.3125rem;
    color: #3e3e3e;
}

.mainToolsItem i {
    display: block;
}

.mainToolsItem i img {
    display: block;
    width: 1.375rem;
    margin: 0 auto;
    border-radius: 0.375rem;
}

.mainToolsItem span {
    display: block;
    text-align: center;
    margin-top: 0.0625rem;
}

.mainToolsNone {
    position: relative;
    margin-top: -0.25rem;
}

.mainToolsNone img {
    display: block;
    margin: 0 auto;
    width: 5.0rem;
}

.courseBox {
    padding: 0 0.3125rem;
}

.eyesIcon {
    background: url(../img/eyes.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.linkIcon {
    background: url(../img/link.png) no-repeat;
    width: 0.375rem;
    height: 0.375rem;
    background-size: 0.375rem 0.375rem;
}

.commentIcon {
    background: url(../img/comment.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.zanIcon {
    background: url(../img/zan.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.playIcon {
    background: url(../img/playIcon.png) no-repeat;
    width: 0.75rem;
    height: 0.75rem;
    background-size: 0.75rem 0.75rem;
}

.videoIcon {
    background: url(../img/videoIcon.png) no-repeat;
    width: 0.375rem;
    height: 0.375rem;
    background-size: 0.375rem 0.375rem;
}

.courseItem {
    margin: 0.375rem 0 0 0;
    display: flex;
    overflow: hidden;
}

.courseImg {
    overflow: hidden;
    position: relative;
    width: 4.0rem;
    height: 2.5rem;
    border-radius: 0.125rem;
}

.courseImg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.courseImg i {
    position: absolute;
    left: 50%;
    margin-left: -0.375rem;
    top: 50%;
    margin-top: -0.375rem;
}

.courseImg span {
    position: absolute;
    font-size: 0.2875rem;
    padding: 0 0.125rem;
    height: 0.5rem;
    line-height: 0.5625rem;
    left: 0.125rem;
    top: 0.125rem;
    background: linear-gradient(to bottom, #ffebce, #ffd58b);
    color: #7f4500;
    border-radius: 0.0625rem;
}

.courseInfo {
    position: relative;
    width: calc(100% - 4.25rem);
    margin-left: 0.25rem;
}

.courseInfo h4 {
    font-size: 0.40375rem;
    text-align: justify;
    height: 1.875rem;
}

.courseNum {
    display: flex;
    align-items: center;
    font-size: 0.3125rem;
    margin-top: 0.125rem;
}

.courseNumItem {
    display: flex;
    align-items: center;
    margin-right:0.5rem;
    color: #000;
    font-size: 0.3125rem;
}

.courseNumItem span {
    margin-left:0.125rem;
}

.courseNumItem:last-child {
    margin-right: 0;
}

.courseMainNum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.125rem;
}

.courseWatch {
    font-size: 0.3125rem;
}

.courseWatch span.green {
    color: #3ad9bb;
}

.courseWatch span.orange {
    color: #ffa800;
}

.mainLive {
    padding: 0.3125rem 0.3125rem 0.0625rem 0.3125rem;
}

.mainLiveItem {
    position: relative;
    margin: 0.3125rem 0 0 0;
}

.mainLiveImg {
    position: relative;
}

.mainLiveImg img {
    display: block;
    width: 100%;
    border-radius: 0.125rem;
}

.liveState {
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
}

.liveState img {
    height: 0.5rem;
    display: block;
    border-radius: 0.0625rem;
}

.mainLiveInfo {
    padding: 0.1875rem 0 0 0;
}

.mainLiveInfo h4 {
    font-weight: bold;
    font-size: 0.375rem;
    text-align: justify;
    overflow: hidden;
}

.mainLiveInfo p {
    display: flex;
    align-items: center;
    font-size: 0.3125rem;
    color: #555a5e;
    line-height: 0.5rem;
    margin-top: 0.125rem;
}

.mainLiveInfo p span {
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
}

.mainLiveInfo p span:last-of-type {
    margin-right: 0;
}

.mainLiveInfo p b {
    font-size: 0.375rem;
    color: #0054ff;
    padding: 0 0.125rem;
}

.hotIcon {
    background: url(../img/hotIcon.png) no-repeat;
    width: 0.375rem;
    height: 0.375rem;
    background-size: 0.375rem 0.375rem;
}

.mainDiscuss {
    padding: 0.25rem 0.3125rem;
}

.mainDiscussItem {
    padding: 0.3125rem 0.3125rem 0.25rem 0.3125rem;
    margin: 0.3125rem 0 0 0;
    border-radius: 0.125rem;
    background: #fff;
    box-shadow: 0 0.0625rem 0.3125rem rgba(73, 78, 85, 0.1);
}

.mainCircleList {
    column-count: 2;
    column-gap: 0.25rem;
    margin-top: 0.3125rem;
}

.mainCircleItem {
    background: #fff;
    break-inside: avoid;
    overflow: hidden;
    border-radius: 0.125rem;
    margin-bottom: 0.3125rem;
    box-shadow: 0 0.0625rem 0.3125rem rgba(73, 78, 85, 0.1);
}

.mainCircleImg {
    max-height: 5.0rem;
    overflow: hidden;
    border-radius: 0.125rem;
}

.mainCircleImg img {
    width: 100%;
    display: block;
}

.mainCircleText {
    padding: 0.1625rem 0.25rem;
    font-size: 0.34375rem;
    text-align: justify;
}

.mainCircleUser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.25rem 0.25rem 0.25rem;
}

.mainCirclePic {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 100%;
    overflow: hidden;
}

.mainCirclePic img {
    width: 100%;
    display: block;
}

.mainCircleInfo {
    width: calc(100% - 2.3125rem);
}

.mainCircleInfo span {
    display: block;
    font-size: 0.3125rem;
}

.mainCircleInfo label {
    display: block;
    color: #929297;
    font-size: 0.25rem;
}

.mainCircleTime {
    font-size: 0.25rem;
    color: #929297;
    margin-top: 0.5rem;
    text-align: right;
}

.discussContainer {
    padding-bottom: 1.375rem;
    padding-top:2.6875rem;
    height: 100%;
}

.discussItem {
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.0rem;
    position:relative;
    
}
.discussItem::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:2px #eaeaea solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.discussItem:last-child::after{border:0;}
.liangyanyiyu {
	overflow:hidden;
    padding: 0.25rem 0 0.56rem 0;
    border-bottom:0.1333rem #e6e6e6 solid;
}
.xinfuVideo{border-bottom:0.1333rem #e6e6e6 solid; padding: 0.25rem 0.5rem;}
.discussItem .discussTitle{margin-bottom:0.1625rem;}
.liangyanyiyu .discussTitle{padding:0 0.5rem;}
.discussItem:last-child {
    margin-bottom: 0.25rem;
}
.xinfuVideo .eyesIcon,.discussItem .eyesIcon{
    background: url(../img/eyes.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}
.xinfuVideo .commentIcon,.discussItem .commentIcon{
    background: url(../img/comment.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.xinfuVideo .zanIcon,.discussItem .zanIcon{
    background: url(../img/zan.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.xinfuVideo .discussNumItem.active .zanIcon,.discussItem .discussNumItem.active .zanIcon{
    background: url(../img/zan-active.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}
.discussItem a {
    display: block;
}

.discussTitle {
    display: flex;
    align-items: center;
    justify-content:space-between;
    margin-bottom: 0.0625rem;
    overflow:hidden;
}
.discussTitle span{font-weight:500; font-size: 0.4267rem;}
.discussTitle a{color:#808080; position:relative; right:-0.0875rem; line-height:0.5rem; font-size:0.32rem; display:flex; align-items:center;}
.discussTitle a i{font-size:0.375rem;}
.discussTitle label {
    margin-right:0;
}
.discussH4{font-size:0.32rem; margin-bottom:0.215rem;}

.videoIcon2 {
    background: url(../img/videoIcon2.png) no-repeat;
    width: 0.4375rem;
    height: 0.4375rem;
    background-size: 0.4375rem 0.4375rem;
}

.discussText {
    font-size: 0.32rem;
    color: #383838;
    text-align: justify;
    margin-bottom: 0.25rem;
    line-height:0.5625rem;
    text-indent:0.64rem;
}

.discussText p {
    margin-bottom: 0.25rem;
}

.discussText p:last-child {
    margin: 0;
}

.discussText p img {
    width: 100%;
    display: block;
}

.discussText p video {
    width: 100%;
    display: block;
}
.discussDetailTop{margin-bottom:0.32rem;}
.discussDetailTopTitle{font-size:0.3733rem; font-weight:bold; text-align:center;}
.discussDetailTopTime{font-size:0.32rem; margin-top:0.0875rem; color:#808080; text-align:center;}
.discussImg {
    display: flex;
    flex-wrap: wrap;
}

.discussImgItem {
    flex: 1;
    min-width: 30%;
    margin-right: 0.1625rem;
    margin-bottom: 0.1625rem;
    border-radius: 0.125rem;
    overflow: hidden;
}

.discussImgItem:last-child {
    margin-right: 0;
}

.discussImgItem:nth-child(3n+0) {
    margin-right: 0;
}

.discussImgItem img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.discussNum {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discussNumItem {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #000;
    height: 0.625rem;
}

.discussNumItem span {
    margin-left: 0.0625rem;
    position: relative;
    top:0.015625rem;
}

.discussNumItem.active .zanIcon {
    background: url(../img/zan-active.png) no-repeat;
    width: 0.5867rem;
    height: 0.4933rem;
    background-size: 0.5867rem 0.4933rem;
}

.discussNumItem.active {
    color: #3ad9bb;
}

.discussPicture{display:flex; flex-wrap:wrap; justify-content:space-between; margin:0.25rem 0.5rem;}
.discussPictureItem{width:calc(50% - 0.10667rem); margin-top:0.2133rem; margin-right:0.2133rem;}
.discussPictureItem:nth-child(2n+0){margin-right:0;}
.discussPictureItem img{width:100%; display:block;}
.discoverTab {
    font-size: 0.4375rem;
    padding: 0 0.5rem;
    background: #f6f7f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.25rem;
    position: fixed;
    top: 1.625rem;
    left: 0;
    right: 0;
    z-index: 99;
}

.discoverTab span {
    position: relative;
    padding: 0 0.2133rem;
    color: #000;
    height:0.64rem;
    display:flex;
    align-items:center;
    font-size:0.32rem;
    font-weight:500;
}

.discoverTab span:last-child {
    margin-right: 0;
}

.discoverTab span.active {
    color: #fff;
    background: #3ad9bb;
    border-radius: 0.16rem;
}

.discoverTab span.active:after {
    content: "";
    position: absolute;
    border-radius: 0.125rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0px;
    background: linear-gradient(to right, #3ad9bb, #17dcd1);
}

.discussSearch {
    padding: 0.375rem 0.5rem 0.25rem 0.5rem;
    background: #f6f7f8;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
}

.discussSearchCont {
    border: 1px #3ad9bb solid;
    border-radius: 0.125rem;
}

.discussSearch input {
    background: transparent;
    border: 0;
    height: 1.0rem;
    width: calc(100% - 1.5rem);
    font-size: 0.375rem;
    padding: 0 0.3125rem;
    border-radius: 0.125rem;
}

.discussSearch button {
    position: absolute;
    font-size: 0.375rem;
    background: transparent;
    width: 1.625rem;
    border: 0;
    border-left: 1px #ddd solid;
    right: 0.5rem;
    top: 0.5625rem;
    bottom: 0.4375rem;
}

.discussSwiper .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: scale(0.88);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.88);
    transform-origin:50% 50%;
}

.discussSwiper .swiper-slide-active,
.discussSwiper .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin:0 0.125rem;
}

.discussSwiper .swiper-slide.swiper-slide-active  img {
    border-radius:0.16rem;
    margin:0 auto;
}

.discussSwiper {
	margin-top:0.42rem;
}
.discussSwiper .swiper-pagination{display:none;}
.discussNews{padding:0 0.5rem;}
.discussNews .discussTitle{margin-bottom:0; padding-top:0.2667rem;}
.discussWen {
    padding: 0.3733rem 0;
    position:relative;
    display: flex;
    align-items:flex-start;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.0);
}
.discussWen::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:2px #eaeaea solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.discussWen:last-child::after{border:0;}
.discussWenImg {
    width: 2.4rem;
}

.discussWenImg img {
    width: 2.4rem;
    height: 1.68rem;
    display: block;
    object-fit: cover;
    border-radius:0.16rem;
}

.discussWenInfo {
    flex: 1;
    margin-left: 0.267rem;
}

.discussWenTitle {
    display: flex;
    font-size: 0.32rem;
    min-height:0.8125rem;
}

.discussWenTitle span {
    flex: 1;
    margin-left:0;
    text-align: justify;
}

.discussWenTitle label {
    background: #3ad9bb;
    font-size: 0.34375rem;
    color: #fff;
    height: 0.5625rem;
    width: 0.5625rem;
    line-height: 0.5625rem;
    border-radius: 100%;
    text-align: center;
}
.discussWen i{width:0.4rem; height:0.333rem; background-size:0.4rem 0.333rem; margin-top:0.0625rem;}
.discussWen .courseNumItem{font-size:0.2667rem;}
.discussTabCont {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.discussTabCont div.show {
    display: block;
}

.discussImgText {
    height: 100%;
    position: relative;
    border-top: 1px #3ad9bb solid;
}

.discussImgText .classifyRight {
    background: transparent;
}

.discussImgText .discoverItem {
    background: transparent;
}

.discussAQ {
    background: #fff;
    padding: 0.3125rem;
}

.questionTitle {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 0.375rem;
    margin-top: 0.125rem;
    margin-bottom: 0.375rem;
}

.questionTitle label {
    background: #4bdbc4;
    position: relative;
    left: -0.3125rem;
    color: #fff;
    width: 0.625rem;
    text-align: center;
    font-weight: normal;
    height: 0.625rem;
    line-height: 0.625rem;
}

.questionTitle label::after {
    content: "";
    position: absolute;
    right: -0.25rem;
    top: 0;
    border-left: 0.25rem #4bdbc4 solid;
    border-top: 0.3125rem transparent solid;
    border-bottom: 0.3125rem transparent solid;
}

.questionTitle span {
    margin-left: 0.25rem;
}

.discussAQ a {
    display: block;
}

.questionAnswer {
    background: #fff;
    border-radius: 0.125rem;
    padding: 0.5rem;
}

.deatilQustion {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 0.4375rem;
    margin-top: 0.125rem;
    margin-bottom: 0.5rem;
}

.deatilQustion label {
    background: #4bdbc4;
    position: relative;
    color: #fff;
    width: 0.625rem;
    text-align: center;
    font-weight: normal;
    height: 0.5rem;
    line-height: 0.625rem;
}

.deatilQustion label::after {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    border-top: 0.25rem #4bdbc4 solid;
    border-left: 0.3125rem transparent solid;
    border-right: 0.3125rem transparent solid;
}

.deatilQustion span {
    margin-left: 0.25rem;
    color: #3AD9BB;
}

.deatilAnswer {
    font-size: 0.4375rem;
    text-align: justify;
}

.deatilAnswer label {
    color: #3AD9BB;
}

.detailContainer {
    padding-top: 0.3125rem;
    padding-bottom: 1.5rem;
    overflow: auto;
}

.detailContainer2 {
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}

.discussDetail {
    padding:0.25rem 0.5rem 0.5rem 0.5rem;
    position:relative;
}
.discussDetail::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:2px #eaeaea solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.discussVideo video{width:100%; display:block;}
.discussVideoInfo{padding:0.5rem; position:relative;}
.discussVideoInfo::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:2px #eaeaea solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.discussVideoInfoTitle{font-size:0.3733rem; margin-bottom:0.2133rem; font-weight:500;}
.discussVideoInfoText{font-size:0.32rem; color:#383838; line-height:0.5333rem;}
.discussVideoInfoNav{display:flex; align-items:center; justify-content:flex-end; margin-top:0.25rem;}
.discussVideoInfoNav .discussNumItem{margin-left:0.4267rem;}
.hotRecommend {
    margin-top: 0.25rem;
    padding: 0.3125rem 0.3125rem 0 0.3125rem;
    overflow: hidden;
}



.commentBox {
    margin-top: 0.5rem;
}

.commentAllTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem;
}

.commentAllTitle span {
    font-weight: bold;
    font-size:0.3733rem;
}

.commentAllTitle a {
    font-size: 0.3125rem;
    color: #3AD9BB;
}

.commentList {
    min-height: 5.0rem;
    position: relative;
    margin-top:-0.125rem;
}

.commentItem {
    padding: 0.5rem;
    position: relative;
}

.commentItem::after {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: calc(200% - 2.0rem);
    height: 200%;
    pointer-events: none;
    border-bottom: 1px #e5e5e5 solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.commentItem:last-child::after {
    border: 0;
}

.commentTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commentUser {
    display: flex;
    align-items: center;
    width: calc(100% - 0.75rem);
}

.commentUserPic {
    width: 0.9333rem;
    height: 0.9333rem;
    border-radius: 100%;
    object-fit:cover;
    overflow: hidden;
}

.commentUserPic img {
    width: 100%;
    display: block;
}

.commentUserInfo {
    width: calc(100% - 1.0rem);
    margin-left: 0.24rem;
}

.commentUserInfo span {
    font-size: 0.32rem;
    overflow: hidden;
    color: #000;
    display:block;
    font-weight:500;
}

.commentUserInfo label {
    color: #1e1e1e;
    font-size: 0.24rem;
}

.commentText {
    padding: 0.2667rem 0 0 0;
    font-size: 0.32rem;
    text-align: justify;
    line-height: 0.5rem;
    margin-left:1.1733rem;
    color:#383838;
}
.commentReplyBtn{ margin-left:1.1733rem; display:flex; margin-top:0.1625rem;}
.commentReplyBtn a{position:relative; color:#7f7f7f; font-size:0.24rem; text-align:center; width:0.8rem; height:0.4rem; display:flex; align-items:center; justify-content:center;}
.commentReplyBtn a::after{
	content: "";
    position: absolute;
    left:-1px;
    top:-1px;
    width:200%;
    height: 200%;
    pointer-events: none;
    border:1px #7f7f7f solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    border-radius:0.16rem;
}
.commentItem .zanIcon{width:0.4267rem; height:0.36rem; background-size:0.4267rem 0.36rem; opacity:0.7;}
.commentItem .discussNumItem.active .zanIcon{width:0.4267rem; height:0.36rem; background-size:0.4267rem 0.36rem;}
.commentItem .discussNumItem{color:#808080; font-size:0.2933rem;}
.commentItem .discussNumItem span{ margin-right:0.0625rem;}
.discussDetailBot {
    background: #fff;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3125rem;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.3125rem;
    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.0);
}

.discussFb {
    background: #f6f7f9;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 1.0rem;
    padding: 0 0.3125rem;
    flex:1;
    font-size: 0.3125rem;
}

.discussDetailBot .discussNum {
    width: 2.75rem;
}

.commentList .pageNone {
    margin-top: -1.625rem;
}

.commentList .pageNone div {
    padding: 0;
}

.commentList .pageNone div img {
    width: 5.0rem;
}

.releaseComments {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out 0s;
}

.releaseComments.show {
    opacity: 1.0;
    pointer-events: auto;
}

.releaseComments::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.releaseCommentsCont {
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    border-radius: 0.25rem 0.25rem 0 0;
}

.releaseCommentsTitle {
    font-size: 0.375rem;
    line-height: 1.25rem;
    padding: 0 0.3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.releaseCommentsTitle label {
    font-size: 0.5rem;
    color: #666;
}

.releaseCommentsTextarea textarea {
    width: 100%;
    border: 0;
    outline: none;
    height: 3.0rem;
    font-size: 0.375rem;
    padding: 0 0.3125rem;
}

.releaseCommentsTextarea button {
    display: block;
    margin: 0 0 0.25rem auto;
    color: #3ad9bb;
    border: 0;
    background: transparent;
    height: 1.0rem;
    width: 1.75rem;
    font-size: 0.375rem;
}

.discussRecommendItem {
    margin: 0.3125rem 0 0.375rem 0;
    display: flex;
    align-items: flex-start;
}

.discussRecommendImg {
    width: 3.0rem;
    height: 2.0rem;
    border-radius: 0.125rem;
    overflow: hidden;
    position: relative;
}

.discussRecommendImg img {
    width: 100%;
    height: 100%;
    display: block;
}

.discussRecommendImg i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.3125rem;
    margin-top: -0.3125rem;
}

.discussRecommendImg span {
    position: absolute;
    font-size: 0.2875rem;
    padding: 0 0.125rem;
    height: 0.5rem;
    line-height: 0.5125rem;
    left: 0.125rem;
    top: 0.125rem;
    background: linear-gradient(to bottom, #ffebce, #ffd58b);
    color: #7f4500;
    border-radius: 0.0625rem;
}

.discussRecommendInfo {
    width: calc(100% - 3.25rem);
    margin-left: 0.25rem;
    position: relative;
    height: 2.0rem;
}

.discussRecommendInfo h4 {
    font-size: 0.40375rem;
    text-align: justify;
    height: 1.5rem;
}

.acupointsContainer {
    height: 100%;
    overflow: auto;
}

.acupointsTabs {
    background: #fff;
    display: flex;
    align-items: center;
    height: 1.25rem;
    position: relative;
    z-index: 999;
}

.acupointsTabs::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 2;
    pointer-events: none;
    border-bottom: 2px #3ad9bb solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.acupointsTabsItem {
    flex: 1;
    font-size: 0.40375rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acupointsTabsItem.active a {
    color: #3ad9bb;
    position: relative;
    font-weight: bold;
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
}

.acupointsTabsItem.active a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 0.0rem;
    height: 2px;
    background-color: #3ad9bb;
}

/* .tabPane{display:none; height:100%; overflow:auto; -webkit-overflow-scrolling:touch;  position:relative;} */
.tabPane {
    display: none;
    height: 100%;
    position: relative;
}

.tabCont {
    height: calc(100% - 2.34375rem);
}

.tabCont div.show {
    display: block;
}

.tabPane.active {
    display: block;
}

.classifyNav {
    position: absolute;
    z-index: 99;
    height: 100%;
    top: 0;
    font-size: 0.375rem;
    left: 0;
    width: 3.0rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #ebecf1;
}
.classifyNav::-webkit-scrollbar{width:0;}
.otMenuItem {
    position: relative;
    font-size: 0.375rem;
    color: #333;
    cursor: pointer;
    width: 100%;
    text-align: center;
    line-height: 1.375rem;
}

.otMenuItem i {
    display: none;
}

.otMenuItem.active {
    background-color: #3ad9bb;
    font-size: 0.375rem;
    font-weight: bold;
    position: relative;
    color: #fff;
}

.otMenuItem.active i {
    display: block;
}

.icon-tap {
    width: 0.0875rem;
    border-radius: 0.125rem;
    height: 0.75rem;
    display: block;
    background: #3ad9bb;
    position: absolute;
    top: 50%;
    margin-top: -0.375rem;
    left: 0;
}

.classifyRight {
    position: absolute;
    z-index: 99;
    background: #fff;
    left: 3.0rem;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.classifyRight::-webkit-scrollbar{width:0;}
.acupointsRtt {
    padding: 0.3125rem;
}

.acupointsRttImg img {
    width: 100%;
    display: block;
}

.acupointsRttTitle {
    text-align: center;
    font-size: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acupointsRttTitle span {
    background: #f7f8f9;
    flex: 1;
    line-height: 0.875rem;
    padding: 0 0.3125rem;
    border-radius: 0.125rem;
}

.acupointsList {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.3125rem 0.3125rem 0 0.3125rem;
}

.acupointsItem {
    width: 48%;
    margin-bottom: 0.3125rem;
}

.acupointsItem a {
    display: block;
}

.acupointsImg img {
    display: block;
    border-radius: 0.125rem;
    width: 100%;
}

.acupointsName {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.375rem;
    margin-top: 0.125rem;
}

.acupointsName i {
    margin-left: 0.125rem;
}

.acupointsDetail {
    min-height: 100%;
    background: #fff;
}

.acupointsVideo {
    height: 6.0rem;
    position: sticky;
    top: 0;
}

.acupointsVideo video {
    width: 100%;
    display: block;
}

.acupointsDetailCont {
    padding: 0.3125rem;
    font-size: 0.375rem;
}

.acupointsDetailCont p img {
    width: 100%;
    display: block;
}

.acupointsDetailCont p {
    margin-bottom: 0.25rem;
    text-align: justify;
}

.acupointsDetailCont p b {
    font-size: 0.40375rem;
}

.courseVip {
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    padding-top: 1.625rem;
}

.courseVip span {
    font-size: 0.375rem;
    width: 100%;
    text-align: center;
    display: block;
}

.courseVip label {
    font-size: 0.3125rem;
    width: 100%;
    text-align: center;
    opacity: 0.6;
    display: block;
    margin: 0.25rem 0;
}

.courseVip button {
    background: #ff9812;
    border: 0;
    color: #fff;
    padding: 0 0.25rem;
    display: block;
    margin: 0 auto;
    font-size: 0.375rem;
    height: 0.75rem;
    border-radius: 0.5rem;
}

.courseBox {
    padding: 0.3125rem;
    background: #fff;
}

.courseDetail {
    height: 100%;
    background: #fff;
}

.courseDetailCont {
    position: relative;
    z-index: 99;
    padding: 0rem 0.3125rem 0.3125rem 0.3125rem;
    top: 3.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background: #fff;
    height: calc(100% - 10.5rem);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.courseDetailTop {
    position: relative;
    padding-bottom: 0.375rem;
}

.courseDetailTop::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 2;
    pointer-events: none;
    border-bottom: 1px #eee solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.courseTitle {
    font-size: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.courseDetailJc {
    margin-top: 0.375rem;
}

.courseDetailJcTitle {
    font-size: 0.4375rem;
    color: #3ad9bb;
    font-weight: bold;
}

.courseDetailJcText {
    font-size: 0.375rem;
    text-align: justify;
    line-height: 0.625rem;
    margin-top: 0.25rem;
}

.courseDetailJcText p {
    margin-top: 0.125rem;
}

.courseTj {
    margin-top: 0.375rem;
}

.course2Box {
    padding: 0.3125rem;
    background: #fff;
}

.course2Box .courseList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.course2Box .courseItem {
    width: calc(50% - 0.125rem);
    display: block;
}

.course2Box .courseImg {
    width: 100%;
}

.course2Box .courseImg video {
    width: 100%;
    display: block;
}

.course2Box .courseInfo {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-top: 0.125rem;
}

.course2Box .courseInfo h4 {
    font-size: 0.34375rem;
    text-align: center;
    height: auto;
}

.course2Box .courseInfo .courseNumItem {
    margin: 0;
}

.userContainer {
    background: #fff url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/mainBg.jpg) no-repeat;
    width: 100%;
    background-size: 100% auto;
    min-height: 100%;
    padding-bottom: 1.5rem;
}

.userTop {
    padding: 0.5rem 0.48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.userInfoImg {
    width: 1.867rem;
    overflow: hidden;
    border-radius: 100%;
    border: 2px #fff solid;
}

.userInfoImg img {
    width: 100%;
    display: block;
}

.userInfo {
    margin-left: 0.2875rem;
    width: calc(100% - 2.2875rem);
    color:#fff;
}

.userName {
    font-size: 0.48rem;
    font-weight: 500;
}

.userLevel {
    margin-top: 0.065rem;
    font-size: 0.32rem;
}

.userLevel img {
    width: 1.5rem;
    display: block;
}

.userRh {
    font-size: 0.4375rem;
    color:#fff;
}

.userWallet {
    display: flex;
    justify-content: space-between;
    background:#fff;
    border-radius:0.16rem;
    margin:0.333rem;
    box-shadow: 0px 0.1333rem 0.1867rem rgba(111, 209, 191, 0.1);
}
.userWalletItem{flex:1;}
.userWalletItem a {
    display: block;
    text-align: center;
    padding:0.45rem 0;
}

.userWalletItem b {
    font-size: 0.5867rem;
    display: block;
    color:#3ad9bb;
}

.userWalletItem span {
    color: #000;
    display: block;
    font-size: 0.373rem;
    margin-top:0.03125rem;
}

.userBlock {
    background: #fff;
    border-radius: 0.125rem;
    margin: 0.2875rem 0.3125rem;
}

.userLineNavItem {
    display: flex;
    align-items: center;
    height: 1.25rem;
}

.userLineNavItem a {
    flex: 1;
    padding: 0 0.3125rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userLineNavTitle {
    display: flex;
    align-items: center;
}

.userLineNavTitle i {
    width: 0.5rem;
    display: block;
}

.userLineNavTitle i img {
    width: 0.5rem;
    display: block;
}

.userLineNavTitle span {
    font-size: 0.375rem;
    margin-left: 0.1625rem;
}

.userLineNavRight {
    font-size: 0.3125rem;
}

.userLiveBox {
    background: #fff;
    margin: 0.2875rem 0.3125rem;
    border-radius: 0.125rem;
}

.userLiveTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3125rem;
    font-size: 0.3125rem;
}

.userLiveTitle span {
    font-weight: bold;
    font-size: 0.40375rem;
}

.userLiveList {
    padding: 0 0.3125rem 0.3125rem 0.3125rem;
}

.userLiveItem {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.3125rem;
}

.userLiveItem:last-child {
    margin-bottom: 0;
}

.userLiveImg {
    width: 3.0rem;
    height: 2.0rem;
    overflow: hidden;
    border-radius: 0.125rem;
}

.userLiveImg img {
    height: 2.0rem;
    display: block;
}

.userLiveInfo {
    margin-left: 0.25rem;
    width: calc(100% - 3.25rem);
}

.userLiveInfo h4 {
    text-align: justify;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 0.375rem;
    height: auto;
    min-height: 1.4375rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.userLiveInfo p {
    display: flex;
    align-items: center;
    font-size: 0.3125rem;
    color: #555a5e;
    line-height: 0.5rem;
    margin-top: 0.125rem;
}

.userLiveInfo p span {
    margin-right: 0.25rem;
    display: flex;
    align-items: center;
}

.userLiveInfo p span:last-of-type {
    margin-right: 0;
}

.userLiveInfo p b {
    font-size: 0.375rem;
    color: #0054ff;
    padding: 0 0.125rem;
}

.userNav {
    background: #fff;
    margin: 0.333rem;
    border-radius: 0.16rem;
    box-shadow: 0px 0.1333rem 0.1867rem rgba(111, 209, 191, 0.1);
}

.userNavTitle {
    font-weight: 500;
    font-size: 0.48rem;
    padding:0 0.4rem;
    line-height:1.333rem;
}

.userNavList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0.115rem;
    margin:0 -0.125rem;
}

.userNavItem {
    width: 25%;
    text-align: center;
    position:relative;
}

.userNavItem a {
    display: block;
    padding: 0 0 0.5867rem 0;
    color: #485251;
    margin-top:0.1625rem;
}

.userNavItem i {
    display: block;
    margin: 0 auto;
    width: 0.8rem;
}

.userNavItem i img {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    margin: 0 auto;
}

.userNavItem span {
    display: block;
    font-size: 0.373rem;
    margin-top: 0.1875rem;
    color:#000;
}

.userNavItem label {
    position: absolute;
    background: #ff6000;
    border-radius: 0.5rem;
    color: #fff;
    top: -0;
    right: 50%;
    margin-right: -0.4375rem;
    min-width: 0.34375rem;
    padding: 0 0.0625rem;
    height: 0.34375rem;
    line-height: 0.40375rem;
    font-size: 0.25rem;
}

.userVip {
    margin: 0 0.333rem 0.333rem 0.333rem;
    background: url(../img/userVip.png) no-repeat;
    border-radius: 0.16rem;
    padding: 0 0.25rem 0 0.25rem;
    height: 1.25rem;
    background-size: 100% 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0.125rem 0.3125rem rgb(0, 0, 0, 0.06);
}

.userVipTitle {
    width: 3.25rem;
    color: #674f25;
    font-size: 0.5rem;
    font-weight: bold;
    font-style: oblique;
}

.userVipInfo {
    width: calc(100% - 4.625rem);
    color: #91774b;
    font-size: 0.34375rem;
}

.userVipBtn {
    font-size: 0.34375rem;
    color: #ff5a00;
    line-height: 1.25rem;
}

.userVipBtn a {
    display: block;
    color: #ff5a00;
}

.userServier{margin:0.333rem;}
.userServier button{background:url(https://cdnxfgj.csyipeng.com/xfgjapp/static/normalImg/servierBtn.jpg) no-repeat; border:0; height:1.6rem; width:100%; border-radius:0.16rem; background-size:100% 1.6rem;}

.loginBox {
    background: #fff;
    min-height: 100%;
}

.loginBox2 {
    background: #fff;
    min-height: 100%;
}

.loginWelcome {
    padding: 2.5rem 0.875rem 1.125rem 0.875rem;
}

.loginWelcome span {
    display: block;
    font-size: 0.625rem;
}

.loginWelcome label {
    display: block;
    font-size: 0.375rem;
    color: #737d81;
}

.loginForm {
    padding: 0 0.875rem;
}

.userIcon {
    background: url(../img/userIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background-size: 0.5rem 0.5rem;
}

.cellphoneIcon {
    background: url(../img/phoneIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background-size: 0.5rem 0.5rem;
}

.userValCodeIcon {
    background: url(../img/verificationCodeIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background-size: 0.5rem 0.5rem;
}

.passwordIcon {
    background: url(../img/passwordIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background-size: 0.5rem 0.5rem;
}

.loginInput {
    position: relative;
    margin-bottom: 0.4375rem;
}

.loginInput span {
    position: absolute;
    left: 0.3125rem;
    top: 0.3125rem;
}

.loginInput::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 2;
    pointer-events: none;
    border-bottom: 0px #ddd solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.loginInput input {
    height: 1.1875rem;
    padding: 0 0.5rem 0 1.125rem;
    font-size: 0.4375rem;
    border: 0;
    background: #f6f7f8;
    border-radius: 0.125rem;
    width: 100%;
}

.loginInput input::placeholder {
    font-size: 0.4375rem;
}

.loginBtn {
    margin-top: 0.875rem;
}

.loginBtn button {
    background: linear-gradient(to right, #3ad9bb, #22b8c3);
    box-shadow: 0 0.125rem 0.3125rem rgba(15, 151, 143, 0.2);
    width: 100%;
    color: #fff;
    border-radius: 0.125rem;
    border: 0;
    font-size: 0.4375rem;
    height: 1.1875rem;
}

.healthRecordNav {
    background: #fff;
    border-radius: 0.125rem;
    margin: 0.3125rem;
    display: flex;
}

.healthRecordNav a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.0rem 0.75rem;
    font-size: 0.375rem;
}

.healthIcon img {
    width: 1.5rem;
    display: block;
}

.healthInfo {
    width: calc(100% - 2.5rem);
}

.healthInfo span {
    font-size: 0.5rem;
    display: block;
}

.healthInfo label {
    font-size: 0.25rem;
    display: block;
    color: #627677;
    margin-top: 0.3125rem;
}

.healthItem {
    background: #fff;
    border-radius: 0.125rem;
    margin: 0.3125rem;
    padding: 0.3125rem;
}

.healthName {
    font-weight: bold;
    font-size: 0.40375rem;
}

.healthChartInfo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.125rem 0;
}

.healthChartInfoItem {
    width: 31%;
    font-size: 0.34375rem;
    white-space: nowrap;
    color: #383d3d;
    padding: 0.0625rem 0;
}

.healthChartInfoItem label {
    color: #737d81;
}

.healthAll {
    font-size: 0.34375rem;
    color: #40d6be;
    text-align: justify;
}

.healthChartInfoItem2 {
    width: 50%;
    font-size: 0.34375rem;
    white-space: nowrap;
    color: #383d3d;
    padding: 0.0625rem 0;
}

.healthChartInfoItem2 label {
    color: #737d81;
}

.boundYq {
    padding-top: 2.5rem;
}

.boundYqImg img {
    width: 8.0rem;
    display: block;
    margin: 0 auto;
}

.boundYqTips {
    text-align: center;
    font-size: 0.375rem;
    margin-top: 0.25rem;
}

.boundBtn {
    text-align: center;
    margin-top: 0.375rem;
}

.boundBtn button {
    width: 3.25rem;
    margin: 0 auto;
    font-size: 0.375rem;
    height: 1.0rem;
    color: #40d6be;
    background: transparent;
    border: 1px #40d6be solid;
    border-radius: 1.0rem;
}

.tranGoldForm {
    background: #fff;
    border-radius: 0.125rem;
    margin-bottom: 0.25rem;
    padding: 0 0.3125rem;
}

.tranGoldInput {
    display: flex;
    justify-content: space-between;
    font-size: 0.375rem;
    line-height: 1.375rem;
    position: relative;
}

.tranGoldInput::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px #e6e6e6 solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.tranGoldInput:first-child::after {
    height: 0;
    border: 0;
}

.tranGoldInput2 {
    display: flex;
    justify-content: space-between;
    font-size: 0.375rem;
    line-height: 1.375rem;
    position: relative;
}

.tranGoldInput2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px #e6e6e6 solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.tranGoldInput2:first-child::after {
    height: 0;
    border: 0;
}

.tranGoldInput span {
    width: 2.0rem;
}

.tranGoldInput label {
    position: absolute;
    right: 0;
}

.tranGoldInput input {
    width: calc(100% - 2.0rem);
    font-size: 0.375rem;
    height: 1.375rem;
    border: 0;
}

.tranGoldInput textarea {
    height: 2.0rem;
    width: calc(100% - 2.0rem);
    padding: 0.375rem 0;
    border: 0;
    resize: none;
    font-size: 0.375rem;
    line-height: 0.625rem;
}

.tranGoldInput2 button {
    margin: 0;
    width: 100%;
    color: #FF5400;
    height: 1.375rem;
    background: transparent;
    font-size: 0.375rem;
    border: 0;
}

.tranGoldInput select {
    border: 0;
    width: calc(100% - 2.0rem);
    background: transparent;
    line-height: 1.375rem;
    outline: none;
    font-size: 0.375rem;
    height: 1.3125rem;
    -webkit-appearance: none;
}

.commonBtn {
    padding: 0.3125rem;
    display: flex;
}

.commonBtn button {
    background: linear-gradient(to right, #3ad9bb, #22b8c3);
    box-shadow: 0 0.125rem 0.3125rem rgba(15, 151, 143, 0.2);
    flex: 1;
    color: #fff;
    border-radius: 0.125rem;
    border: 0;
    font-size: 0.4375rem;
    height: 1.1875rem;
}

.noticeItem {
    background: #fff;
    margin: 0.3125rem;
    border-radius: 0.125rem;
}

.noticeItem.read .noticeTitle label {
    display: none;
}

.noticeTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3125rem;
}

.noticeTitle {
    display: flex;
    align-items: center;
    width: calc(100% - 3.0rem);
    position: relative;
}

.noticeTitle i {
    width: 0.625rem;
}

.noticeTitle i img {
    width: 0.625rem;
    display: block;
    border-radius: 100%;
}

.noticeTitle b {
    font-size: 0.40375rem;
    margin-left: 0.25rem;
    width: calc(100% - 1.0rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noticeTitle label {
    background: #ff0000;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100%;
    border: 2px #fff solid;
    position: absolute;
    left: 0.5rem;
    top: 0rem;
}

.noticeTime {
    font-size: 0.3125rem;
    color: #999;
}

.noticeText {
    margin: 0 0.3125rem 0.375rem 0.3125rem;
    font-size: 0.34375rem;
    color: #737d81;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noticeMore {
    position: relative;
}

.noticeMore::after {
    content: "";
    position: absolute;
    left: 0.3125rem;
    top: 0;
    width: calc(200% - 1.3125rem);
    height: 200%;
    border-top: 1px #eee solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.noticeMore a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.375rem;
    line-height: 1.25rem;
    padding: 0 0.3125rem;
}

.noticeMore a label {
    font-size: 0.3125rem;
}

.noticeDetail {
    min-height: 100%;
    background: #fff;
    padding: 0.3125rem;
}

.noticeDetailTitle {
    font-size: 0.5rem;
    font-weight: bold;
    padding-top: 0.125rem;
}

.noticeDetailTime {
    font-size: 0.34375rem;
    color: #777;
    padding: 0.25rem 0 0 0;
}

.noticeDetailCont p {
    font-size: 0.375rem;
    line-height: 0.625rem;
    margin-top: 0.375rem;
    text-align: justify;
}

.noticeDetailCont p img {
    width: 100%;
    display: block;
}

.addressItem {
    background: #fff;
    border-radius: 0.125rem;
    padding: 0 0.3125rem;
    margin-bottom: 0.25rem;
}

.addressName {
    padding-top: 0.25rem;
}

.addressName span {
    padding-right: 0.3125rem;
    font-size: 0.40375rem;
}

.addressText {
    font-size: 0.375rem;
    margin-top: 0.125rem;
    color: #334455;
}

.addressItemBot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
    position: relative;
}

.addressItemBot::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-top: 1px #eee solid;
    transform: scale(0.5);
    pointer-events: none;
    transform-origin: 0 0;
}

.addressItemBotLf {
    font-size: 0.34375rem;
    display: flex;
    align-items: center;
}

.addressItemBotLf radio {
    transform: scale(0.65);
    transform-origin: 0 50%;
}

.addressItemBotLf label {
    position: relative;
    color: #666;
    margin-left: 0.125rem;
}

.addressItemBotBtn {
    display: flex;
    align-items: center;
}

.addressItemBotBtn button {
    font-size: 0.34375rem;
    border: 0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    height: 1.25rem;
    padding: 0 0 0 0.25rem;
    margin-left: 0.125rem;
}

.addressItemBotBtn button span {
    font-size: 0.4375rem;
    padding-right: 0.125rem;
}

.fixedBtn {
    padding: 0;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.tranGoldSwitch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.375rem;
    height: 1.375rem;
    position: relative;
}

.tranGoldSwitch::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px #e6e6e6 solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.switch {
    display: block;
    float: right;
    height: 0.625rem;
}

/*售后*/
.shMainContainer {
    min-height: 100%;
    background: #1fd1c4 url(/static/img/shouhouBg.jpg) no-repeat;
    background-size: 100% auto;
    overflow: auto;
}

.shContainer {
    min-height: 100%;
    background: linear-gradient(to bottom, #49dcb7, #1fd1c4);
    overflow: auto;
}

.shMainNav {
    padding: 0.3125rem;
    overflow: hidden;
}

.shMainNavItem {
    padding: 1.125rem 0.875rem 1.375rem 0.875rem;
    overflow: hidden;
    position: relative;
    margin: 0.625rem 0.375rem;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.1);
    border-radius: 0.1625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shMainNavItem a {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.shMainNavIcon {
    width: 1.0rem;
}

.shMainNavIcon img {
    width: 100%;
    display: block;
}

.shMainNavTitle {
    width: calc(100% - 2.25rem);
    position: relative;
}

.shMainNavTitle span {
    display: block;
    font-size: 0.625rem;
    color: #37363b;
    padding-right: 0.5rem;
}

.shMainNavTitle label {
    display: block;
    text-transform: uppercase;
    font-size: 0.25rem;
    color: #aeadaf;
    margin-top: 0.0625rem;
}

.shMainNavTitle::after {
    content: " ";
    position: absolute;
    left: 0;
    height: 2px;
    width: 0.375rem;
    bottom: -0.25rem;
    background: #40e6bb;
}

.afterSaleService {
    padding: 0.5rem;
    overflow: hidden;
}

.afterSaleServiceItem {
    padding: 0.75rem 0.625rem;
    margin-bottom: 0.5rem;
    background: rgba(255, 255, 255, 0.99);
    border-radius: 0.1625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.afterSaleServiceItem a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.afterSaleServiceTitle {
    width: calc(100% - 1.75rem);
    color: #37363b;
}

.afterSaleServiceTitle span {
    display: block;
    font-size: 0.4375rem;
    font-weight: bold;
}

.afterSaleServiceTitle label {
    display: block;
    font-size: 0.34375rem;
    opacity: 0.8;
    margin-top: 0.0625rem;
}

.saleServiceContainer {
    min-height: 100%;
    padding-bottom: 1.5rem;
}

.saleServiceAddTop {
    padding: 0.3125rem;
}

.saleServiceAddTopText {
    background:#fff;
    border-radius:0.25rem;
    color: #005352;
    padding: 0.3125rem;
    font-size: 0.4rem;
    border:0.015625rem #80d1c8 solid;
}

.serviceView {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.3125rem 0 0 0;
}

.serviceView button {
    flex: 1;
    margin-right: 0.3125rem;
    border-radius: 0.25rem;
    height: 1.1467rem;
    color: #086661;
    font-weight: bold;
    background: #3ad9bb;
    border: 0;
    font-size: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serviceView button:last-child {
    margin-right: 0;
}

.serviceView button span {
    margin-left: 0.125rem;
}

.wechatIcon {
    background: url(/static/img/wechat.png) no-repeat;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
}

.telephoneIcon {
    background: url(https://cdnxfgj.csyipeng.com/xfgjapp/static/xfgjsh/server.png) no-repeat;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
}

.afterSaleServiceForm {
    margin: 0.25rem 0;
    border-radius: 0.125rem;
    overflow: hidden;
}

.afterSaleServiceAdd {
    padding: 0.3125rem;
}

.afterSaleServiceFormItem {
    position: relative;
    padding:0;
    color: #005352;
    font-size: 0.4rem;
}

.afterSaleServiceFormItem::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-bottom: 0px #eee solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.afterSaleServiceFormItem:last-child::after {
    border: 0;
}

.afterSaleServiceFormItem:last-child {
    padding-top: 0.125rem;
}

.afterSaleServiceFormTitle {
    font-size: 0.5rem;
    color: #005352;
    font-weight: bold;
    line-height: 0.625rem;
    margin-bottom: 0.375rem;
}

.buyAddress {
    background:#fff;
    border-radius:0.25rem;
    color: #005352;
    padding: 0.3125rem;
    font-size: 0.4rem;
    border:0.015625rem #80d1c8 solid;
    margin-bottom: .2875rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
}

.orderDetailAddressText {
    flex:1;
}

.orderDetailAddressText span {
    font-size: .375rem;
    color: #000;
    margin-right: .25rem
}

.orderDetailAddressText div {
    font-size: .375rem;
    color: #000;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .125rem;
    display: -ms-flexbox;
    display: flex
}

.orderDetailAddressText div:first-child {
    margin-top: 0
}
.orderDetailAddressRh {
    font-size: .375rem;
    color:#005352;
}

.afterSaleServiceFormInput {
	position: relative;
    display: flex;
    color: #005352;
    font-size: 0.40375rem;
    margin: 0.25rem 0;
    border:0.015625rem #80d1c8 solid;
    border-radius:0.33rem;
    padding:0 0.25rem;
    background:#fff;
}

.afterSaleServiceFormInput span {
    width: 2.0rem;
    line-height:0.875rem;
}

.afterSaleServiceFormInput input {
    width: calc(100% - 2.0rem);
    background:transparent;
    color: #000;
    height:0.875rem;
    border: 0;
    padding: 0;
    font-size: 0.375rem;
    border-radius:0;
}

.afterSaleServiceFormInput input::placeholder {
    color: #000;
    opacity: 0.6;
}

.afterSaleServiceFormInput textarea {
    width: calc(100% - 2.0rem);
    background:transparent;
    color: #000;
    height: 2.0rem;
    border: 0;
    outline: none;
    padding:0.225rem 0;
    font-size: 0.375rem;
    border-radius: 0;
}

.afterSaleServiceFormInput textarea::placeholder {
    color: #000;
    opacity: 0.6;
}

.afterSaleServiceFormInput select {
    border: 0;
    width: calc(100% - 2.0rem);
    background: transparent;
    line-height:0.875rem;
    outline: none;
    font-size: 0.375rem;
    height:0.875rem;
    -webkit-appearance: none;
}

.locationSelcet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 2.0rem);
    padding: 0 0.125rem;
    color: #000;
    height:0.875rem;
    border-radius: 0.125rem;
}
.afterSaleServiceFormInput .locationSelcet{
	height:0.875rem;
	color:#000;
	padding:0;
	border:0;
}
.afterSaleServiceFormInput .locationSelcet select {
    width: 2.25rem;
    color: #000;
    text-align: center;
    height:0.875rem;
    
}

.afterSaleServiceFormInput2 {
    position: relative;
}

.afterSaleServiceFormInput2 input {
    width: 100%;
    background:#fff;
    border: 0;
    color: #086661;
    font-size: 0.40375rem;
    padding:0 0.3125rem;
    height:1.0625rem;
    line-height:1.0625rem;
    border-radius: 0.25rem;
    border:0.015625rem #80d1c8 solid;
}

.afterSaleServiceFormInput2 input::placeholder {
    color: #086661;
    opacity: 0.6;
}

.afterSaleServiceFormInput2 button.cameraBtn {
    position: absolute;
    z-index: 2;
    color: #086661;
    padding: 0;
    right: 0;
    top: 0;
    font-size: 0.75rem;
    height: 1.125rem;
    line-height: 1.125rem;
    background: transparent;
    border: 0;
    width: 1.125rem;
}

.nextOneBtn {
    height: 1.0rem;
    margin: 0;
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0.375rem;
    z-index: 9;
}

.nextOneBtn button {
    width: 4.325rem;
    border: 0;
    font-size: 0.625rem;
    background-color: #3ad9bb;
    height: 1.0625rem;
    line-height: 1.0625rem;
    color: #fff;
    margin: 0 auto;
    border-radius:0.33rem;
}

.selectMerchandise {
    padding: 0.3125rem;
}

.goodChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.25rem 0.5rem 0 0.5rem;
}

.goodChoose div {
    width: calc(50% - 0.25rem);
    position: relative;
    background: #f5f6f7;
    border-radius: 0.33rem;
    text-align: center;
}

.goodChoose div img {
    width: 100%;
    display: block;
    border-radius: 0.33rem;
}

.goodChoose div.active {
    background: #2195ec;
    color: #fff;
    border: 0;
}

.goodChoose div label {
    color: #fff;
    display: none;
    font-size: 0.375rem;
    padding: 0 0.125rem;
    line-height: 0.625rem;
    height: 0.625rem;
    position: absolute;
    border-radius:0.5rem;
    background: #086661;
    right:-0.0625rem;
    top:-0.0625rem;
}

.goodChoose div.active label {
    display: block;
}

.afterSaleServiceCodeImg {
    margin-top: 0.3125rem;
}

.afterSaleServiceCodeImg img {
    width: 100%;
    display: block;
    border-radius: 0.25rem;
}

.afterSaleServiceCheckTitle {
    color: #005352;
    font-size: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.25rem;
}

.afterSaleServiceCheckTitle span {
    font-size: 0.5rem;
}

.afterSaleServiceCheckTitle.active label {
    transform: rotate(180deg);
}

.afterSaleServiceCheckbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #005352;
    margin-top:-0.25rem;
}

.checkboxGroupItem {
    display: flex;
    align-items: center;
    font-size: 0.40375rem;
    min-width: 33%;
    margin: 0.1625rem 0;
}

.checkboxGroupItem span {
    margin-left: 0.125rem;
}

.afterSaleServiceOther {
    margin-top: 0.25rem;
}

.afterSaleServiceTextarea textarea {
    width: 100%;
    outline: none;  
    height: 2.625rem;
    border-radius: 0.25rem;
    color: #6c8987;
    background:#f6f7f8;
    border: 0.015625rem #3ad9bb solid;
    font-size: 0.40375rem;
    padding: 0.3125rem;
}

.afterSaleServiceTextarea textarea::placeholder {
    color: #6c8987;
    opacity: 0.6;
}

.afterSaleServiceUpdate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.afterSaleServiceUpdateItem {
    width: 31.33%;
    margin-right: 0.25rem;
    border-radius: 0.25rem;
    overflow: hidden;
    margin-top: 0.0625rem;
    height:2.75rem;
}

.afterSaleServiceUpdateItem:nth-child(3n+0) {
    margin-right: 0;
}

.afterSaleServiceUpdateItem img {
    width: 100%;
    height:2.75rem;
    object-fit: cover;
    display: block;
}

.afterSaleServiceUpdateItem video {
    width: 100%;
    height: 100%;
    display: block;
}

.afterSaleServiceUpdateBtn {
    width: 31.33%;
    margin-right: 0;
    height:2.625rem;
    margin-top:0;
}

.afterSaleServiceUpdateBtn button {
    border-radius: 0.25rem;
    padding-top: 0.125rem;
    color: #6c8987;
    background:#f6f7f8;
    border: 0.015625rem #3ad9bb solid;
    width: 100%;
    height:2.75rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 0.625rem;
}

.afterSaleServiceUpdateBtn button span {
    display: block;
    width: 100%;
    font-size: 1.25rem;
}

.afterSaleServiceUpdateBtn button label {
    display: block;
    width: 100%;
    font-size: 0.25rem;
    margin-top: 0.25rem;
}

.afterSaleServiceCheckCont {
    display: block;
}

.servierPopup {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out 0s;
}

.servierPopup.show {
    opacity: 1.0;
    pointer-events: auto;
}

.mask {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.servierPopupCont {
    position: absolute;
    left: 1.0rem;
    right: 1.0rem;
    top: 50%;
    margin-top: -5.0rem;
    background: #fff;
    overflow: hidden;
    border-radius: 0.25rem;
}

.servierPopupImg img {
    width: 100%;
    display: block;
}

.servierPopupTime {
    font-size: 0.375rem;
    padding: 0.3125rem;
}

.servierPopupTime span {
    display: block;
    line-height: 0.625rem;
}

.servierPopupBtn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.125rem 0;
}

.servierPopupBtn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 2;
    pointer-events: none;
    border-top: 1px #e6e6e6 solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.servierPopupBtn button {
    flex: 1;
    margin-right: 0.3125rem;
    border-radius: 0.125rem;
    height: 1.125rem;
    color: #151b79;
    font-weight: bold;
    background: transparent;
    border: 0;
    font-size: 0.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servierPopupBtn button:last-child {
    margin-right: 0;
}

.servierPopupBtn button span {
    margin-left: 0.125rem;
}

.afterSaleServiceRecordItem {
    background: rgba(255, 255, 255, 0.99);
    padding: 0.3125rem;
    border-radius: 0.125rem;
    margin: 0.25rem;
}

.afterSaleServiceRecordGood {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.afterSaleServiceRecordGood span {
    font-size: 0.4375rem;
    font-weight: bold;
    width: calc(100% - 1.75rem);
}

.afterSaleServiceRecordGood label {
    color: #0094e8;
    font-size: 0.34375rem;
}

.afterSaleServiceRecordText {
    padding: 0.125rem 0 0 0;
    font-size: 0.34375rem;
    color: #666;
    display: flex;
}

.afterSaleServiceRecordText span {
    width: calc(100% - 1.75rem);
}

.afterSaleServiceRecordText label {
    width: 1.75rem;
}

.afterSaleServiceRecordBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0.3125rem;
    position: relative;
    padding-top: 0.3125rem;
}

.afterSaleServiceRecordBtn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 1px #e6e6e6 solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.afterSaleServiceRecordBtn button {
    margin: 0 0 0 0.25rem;
    background: transparent;
    border: 0;
    position: relative;
    font-size: 0.375rem;
    height: 0.725rem;
    line-height: 0.75rem;
    padding: 0 0.34375rem;
}

.afterSaleServiceRecordBtn button:first-child {
    margin-left: 0;
}

.afterSaleServiceRecordBtn button::after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.03125rem;
    width: 200%;
    height: 200%;
    border: 1px #666 solid;
    border-radius: 1.0rem;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.progressLine {
    padding: 0.5rem 0 0.375rem 0;
    display: flex;
}

.progressLineItem {
    flex: 1;
    position: relative;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    padding-top: 0.3125rem;
    font-size: 0.3125rem;
}

.progressLineItem::before {
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 2px rgba(255, 255, 255, 0.6) solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.progressLineItem:first-child::before {
    left: 50%;
    width: 0;
}

.progressLineItem:last-child::before {
    left: -50%;
}

.progressLineItem label {
    width: 0.1625rem;
    height: 0.1625rem;
    z-index: 2;
    position: absolute;
    top: -0.08125rem;
    left: 50%;
    margin-left: -0.08125rem;
    border-radius: 0.25rem;
    display: block;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.3);
}

.progressLineItem.finshed label {
    background: #fff;
    width: 0.3125rem;
    height: 0.3125rem;
    margin-left: -0.1625rem;
    top: -0.1625rem;
    border: 0.125rem #fff solid;
}

.progressLineItem.finshed {
    color: #fff;
}

.progressLineItem.finshed::before {
    border-top: 2px #fff solid;
}

.afterSaleServiceDetailCenter {
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.15);
    margin: 0.3125rem;
    padding: 0.125rem 0;
}


.afterSaleServiceDetailInfo {
    display: flex;
    padding: 0;
    font-size: 0.375rem;
    position: relative;
    color: #fff;
}

.afterSaleServiceDetailName {
    width: 2.0rem;
}

.afterSaleServiceDetailVaule {
    width: calc(100% - 2.0rem);
}

.afterSaleServiceDetailVaule img {
    width: 100%;
    display: block;
}

.afterSaleServiceDetailBkName {
    font-weight: bold;
    font-size: 0.375rem;
    margin-bottom: 0.125rem;
}

.afterSaleServiceDetailBkMs {
    font-size: 0.375rem;
    padding: 0.125rem 0;
}

.afterSaleServiceDetailBkMsTitle {
    font-size: 0.375rem;
    margin-bottom: 0.125rem;
}

.afterSaleServiceDetailBkMsText {
    opacity: 0.8;
    text-align: justify;
}

.afterSaleServiceImgItem {
    flex: 1;
    margin-right: 3%;
    background: #000;
    border-radius: 0.125rem;
    overflow: hidden;
    margin-top: 0.125rem;
}

.afterSaleServiceImgItem:last-child {
    margin-right: 0;
}

.afterSaleServiceImgItem img {
    width: 100%;
    display: block;
}

.afterSaleServiceImgItem video {
    width: 100%;
    height: 2.75rem;
    display: block;
}

.maintenanceListCenter {
    padding: 0.3125rem;
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.15);
    margin: 0.3125rem;
}

.maintenanceList {
    position: relative;
}

.maintenanceHeader::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px rgba(255, 255, 255, 0.5) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.maintenanceHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin-top: 0.25rem;
    line-height: 1.125rem;
    font-size: 0.375rem;
    position: relative;
}

.maintenanceHeader span {
    text-align: center;
}

.maintenanceHeader span:last-of-type {
    text-align: right;
    width: 180rpx;
}

.maintenanceHeader span:nth-of-type(2) {
    width: 100rpx;
    text-align: right;
}

.maintenanceHeader span:nth-of-type(3) {
    width: 180rpx;
    text-align: right;
}

.maintenanceHeader span:first-of-type {
    text-align: left;
    width: calc(100% - 460rpx);
}

.maintenanceItems {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
    font-size: 0.375rem;
    line-height: 0.625rem;
    padding: 0.25rem 0;
}

.maintenanceAll {
    text-align: right;
    font-size: 0.375rem;
    line-height: 0.625rem;
    position: relative;
    padding-top: 0.3125rem;
}

.maintenanceAll::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px rgba(255, 255, 255, 0.5) solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.maintenanceAll label {
    padding-left: 0.5rem;
    color: #fff;
}

.maintenanceMs {
    width: 100%;
    color: #ff0000;
    font-size: 0.375rem;
    margin-top: 0.125rem;
}

.maintenanceSendImg img {
    width: 100%;
    display: block;
}

.maintenanceItem {
    font-size: 0.375rem;
    margin-bottom: 0.3125rem;
    color: #fff;
}

.maintenanceItem:last-child {
    margin-bottom: 0.25rem;
}

.afterSaleServiceAddressTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.40375rem;
    padding: 0.25rem 0.3125rem 0 0.3125rem;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.afterSaleServiceAddressTitle button {
    color: #fff;
    border: 0;
    background: #ffae00;
    font-size: 0.3125rem;
    border-radius: 0.5rem;
    height: 0.75rem;
    width: 1.5rem;
}

.logisticsBox {
    margin: 0.3125rem;
    border-radius: 0.125rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    padding: 0.125rem 0;
}

.logisticsItem {
    display: flex;
    padding: 0.25rem 0.3125rem;
    color: #fff;
    font-size: 0.375rem;
}

.logisticsItem label {
    width: 2.0rem;
}

.logisticsItem span {
    width: calc(100% - 2.0rem);
}

.expressNumber {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0.3125rem;
    font-size: 0.375rem;
}

.expressNumberName {
    display: flex;
    align-items: center;
    line-height: 0.625rem;
}

.expressNumberName span {
    margin-right: 0.25rem;
}

.expressCopy button {
    background: transparent;
    border: 0;
    height: 0.625rem;
    font-size: 0.375rem;
    color: #fff;
}

.expressCopy button[disabled] {
    opacity: 0.5;
}

.sendGood {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.125rem;
    margin: 0.3125rem;
    padding: 0.3125rem 0.3125rem 0.125rem 0.3125rem;
}

.sendGoodHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin-top: 0.25rem;
    line-height: 1.25rem;
    font-size: 0.375rem;
    position: relative;
}

.sendGoodHeader span {
    text-align: center;
}

.sendGoodHeader span:last-of-type {
    text-align: right;
    width: 2.25rem;
}

.sendGoodHeader span:nth-of-type(2) {
    width: 2.0rem;
}

.sendGoodHeader span:nth-of-type(3) {
    width: 2.25rem;
    text-align: right;
}

.sendGoodHeader span:first-of-type {
    text-align: left;
    width: calc(100% - 6.0rem);
}

.sendGoodList {
    padding-top: 0.125rem;
}

.sendGoodItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.1875rem 0;
    color: #fff;
    font-size: 0.375rem;
    position: relative;
}

.sendGoodHeader::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.sendGoodName {
    width: 3.25rem;
}

.sendGoodNum {
    width: 4.0rem;
}

.sendGoodNum input {
    font-size: 0.375rem;
    width: 2.0rem;
    height: 0.75rem;
    border: 0;
    color: #fff;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.0625rem;
}

.sendGoodNum input[disabled] {
    color: #fff;
    opacity: 0.7;
}

.sendGoodNum input::placeholder {
    color: #fff;
    opacity: 0.7;
}

.afterSaleServiceTips {
    color: #ff0000;
    font-size: 0.375rem;
    margin: 0 0.3125rem;
    border-radius: 0.125rem;
    background-color: #fffced;
    padding: 0.25rem 0.3125rem;
}

.sendExpressTypeZxjj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0.3125rem;
    border-radius: 0.125rem;
    margin: 0.375rem 0.3125rem 0.25rem 0.3125rem;
    background: rgba(255, 255, 255, 0.2);
}

.sendExpressTypeZxjj::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: 0 0;
    border: 0px #fff solid;
    border-radius: 0.25rem;
}

.sendExpressTypeShr {
    background: #17b1a5;
    font-size: 0.375rem;
    color: #fff;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.125rem;
    line-height: 0.75rem;
    text-align: center;
}

.sendExpressTypeAddress {
    width: calc(100% - 1.0rem);
}

.addressSendText {
    font-size: 0.34375rem;
    color: #fff;
    margin-top: 0.125rem;
}

.addressSendName {
    padding-top: 0px;
    color: #fff;
}

.addressSendName span {
    padding-right: 0.25rem;
    font-size: 0.375rem;
}

.sendExpressTypeTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.3125rem 0 0.3125rem;
}

.sendExpressTypeNav {
    display: flex;
    align-items: center;
}

.sendExpressTypeTop .afterSaleServiceFormTitle {
    margin-bottom: 0;
}

.sendExpressTypeNavItem {
    flex: 1;
    background: #fff;
    color: #83868e;
    height: 0.8125rem;
    line-height: 0.85rem;
    border-radius: 1.0rem;
    padding: 0 0.375rem;
    font-size: 0.375rem;
    margin-left: 0.25rem;
}

.sendExpressTypeNavItem.active {
    background: #17b1a5;
    color: #fff;
}

.sendExpressTWo {
    padding: 0.1625rem 0;
}

.submitOrder {
    margin: 0 0.3125rem;
}

.submitOrder button {
    border: 0;
    background: #17b1a5;
    color: #fff;
    width: 100%;
    border: 0;
    border-radius: 0.125rem;
    height: 1.125rem;
    font-size: 0.375rem;
}

.blanceMoney {
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.15);
    margin: 0.3125rem;
    padding: 0.1625rem 0.3125rem;
}

.blanceMoneyItem {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    font-size: 0.375rem;
    color: #fff;
}

.blanceMoneyItem label {
    color: #fff;
    width: 2.75rem;
}

.blanceMoneyItem span {
    width: calc(100% - 2.75rem);
    text-align: right;
}

.blanceMoneyAll {
    text-align: right;
    font-weight: bold;
    font-size: 0.40375rem;
    line-height: 1.125rem;
}

.blanceMoneyAll span {
    color: #d49364;
}

.orderPaySuccessTop {
    padding: 2.0rem 0 0 0;
}

.courseEnterSuccess {
    min-height: 100%;
    padding-bottom: 0.75rem;
}

.successTop {
    padding: 0.5rem 0;
}

.successIcon img {
    width:4.0rem;
    display: block;
    margin: 0 auto;
}

.successTipsText {
    text-align: center;
    font-size: 0.4375rem;
    color: #086661;
    padding:0.375rem 0 0.25rem 0;
}

.failureTipsText {
    text-align: center;
    font-weight: bold;
    font-size: 0.4375rem;
    color: #e01e0b;
    padding: 0.25rem 0;
}

.successsText {
    width: 65%;
    margin: 0 auto;
    color: #086661;
    font-size: 0.5825rem !important;
    text-align: justify;
    line-height:1.125rem;
}

.successsText div {
    margin: 0.125rem 0;
}

.sendTipsText {
    font-size: 0.3125rem;
    color: #999;
    text-align: center;
}

.successBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem auto 0 auto;
    width:65%;
}

.successBtn button {
    background: #3ad9bb;
    width: 3.0625rem;
    border: 0;
    margin: 0;
    border-radius: 0.25rem;
    color: #fff;
    line-height: 1.125rem;
    font-size: 0.4375rem;
}

.question img {
    width: 100%;
    display: block;
}

.sendAddressItem {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.125rem;
    margin: 0.3125rem;
    color: #fff;
}

.sendAddressName {
    display: flex;
    padding: 0.3125rem;
    font-size: 0.40375rem;
    line-height: 0.5rem;
}

.sendAddressName span {
    margin-right: 1.0rem;
}

.sendAddressText {
    font-size: 0.375rem;
    padding: 0 0.3125rem;
}

.sendAddressBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.3125rem;
    position: relative;
    margin-top: 0.3125rem;
}

.sendAddressBtn button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 0.375rem;
}

.sendAddressBtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 1px rgba(255, 255, 255, 0.5) solid;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.sendAddressTips {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sendAddressTips.show {
    opacity: 1.0;
    pointer-events: auto;
}

.sendAddressTips::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.sendAddressTipsCont {
    position: relative;
    z-index: 99;
    background: #fff;
    border-radius: 0.25rem;
    width: 80%;
}

.sendAddressTipsContTop {
    padding: 0.75rem;
    text-align: center;
}

.sendAddressTipsContTitle {
    font-size: 0.40375rem;
}

.sendAddressTipsContText {
    font-size: 0.34375rem;
    color: #666;
    margin-top: 0.25rem;
}

.sendAddressTipsContBtn {
    position: relative;
    display: flex;
}

.sendAddressTipsContBtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 1px #e6e6e6 solid;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.sendAddressTipsContBtn button {
    flex: 1;
    border: 0;
    background: transparent;
    font-size: 0.375rem;
    height: 1.375rem;
    color: #FF0000;
}

/*素材*/
.commonContainer {
    min-height: 100%;
    overflow: auto;
}

.materialContainer {
    min-height: 100%;
    padding-top: 1.1875rem !important;
    background: #fff;
}

.mainSearch {
    padding: 0.3125rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
}

.mainSearch a {
    background: #f3f4f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.875rem;
    border-radius: 0.125rem;
    padding: 0 0.3125rem;
    font-size: 0.3125rem;
}

.mainSearch a label {
    font-size: 0.5rem;
}

.waterfallBox {
    padding-top: 0.3125rem;
}

.waterfall {
    display: block;
    position: relative;
    padding: 0 0.3125rem;
    overflow: hidden;
    column-count: 2;
    column-gap: 0.25rem;
}

.waterfallColumn {
    display: block;
    position: relative;
    width: calc(50% - 0.125rem);
    float: left;
    box-sizing: border-box;
}

.waterfallColumn:nth-child(2n+0) {
    float: right;
}

.article {
    display: block;
    margin: 0 0 0.25rem 0;
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06);
    transition: all 100;
    overflow: hidden;
    position: relative;
}

.article img {
    width: 100%;
    display: block;
}

.collectBtn {
    position: absolute;
    right: 0.0rem;
    top: 0.0rem;
    z-index: 9;
}

.collectBtn button {
    margin: 0;
    display: flex;
    align-items: center;
    color: #fff;
    border: 0;
    padding: 0 0.125rem;
    height: 0.625rem;
    border-radius: 0.0rem;
    font-size: 0.34375rem;
    background: rgba(0, 0, 0, 0.3);
}

.collectBtn button.active {
    color: #ff3c00;
}

.collectBtn button label {
    font-size: 0.375rem;
}

.collectBtn button.deleteBtn {
    padding: 0 0.125rem;
}

.materialMainNav {
    padding: 0.0625rem 0.3125rem 0.375rem 0.3125rem;
    overflow: hidden;
    border-bottom: 0.25rem #f5f6f7 solid;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.waterfallTitle {
    padding: 0.3125rem;
    font-size: 0.375rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.waterfallTitle label {
    color: #999;
}

.materialMainNavItem {
    width: 1.5rem;
    margin-right: 1.125rem;
    margin-top: 0.3125rem;
}

.materialMainNavItem:nth-child(4n+0) {
    margin-right: 0;
}

.materialMainNavItem a {
    display: block;
    font-size: 0.3125rem;
}

.materialMainNavItem i {
    display: block;
}

.materialMainNavItem i img {
    display: block;
    width: 1.125rem;
    margin: 0 auto;
    border-radius: 0.75rem;
}

.materialMainNavItem span {
    display: block;
    text-align: center;
    margin-top: 0.0625rem;
    color: #666;
}

.materialList {
    background: #fff;
    padding: 0.3125rem;
    min-height: 100%;
    font-size: 0;
}

.materialItem {
    width: calc(50% - 0.1625rem);
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 0.125rem;
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.materialItem:nth-child(2n+0) {
    margin-right: 0;
}

.materialItem img {
    width: 100%;
    display: block;
}

.materialItem span {
    font-size: 0.34375rem;
    color: #fff;
    display: flex;
    padding: 0.25rem;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}

.materialTop {
    background: #fff;
    padding: 0.3125rem 0.3125rem 0 0.3125rem;
}

.materialListBanner {
    overflow: hidden;
    position: relative;
    border-radius: 0.125rem;
}

.materialListBanner img {
    width: 100%;
    display: block;
}

.materialListDown {
    font-size: 0.34375rem;
    color: #fff;
    display: flex;
    padding: 0.375rem 0.25rem 0.25rem 0.25rem;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.materialTab {
    background: #fff;
    display: flex;
    align-items: center;
    height: 1.25rem;
    position: sticky;
    top: 0;
    z-index: 999;
}

.materialTab::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 2;
    pointer-events: none;
    border-bottom: 0px #eee solid;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.materialTabItem {
    flex: 1;
    font-size: 0.375rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.materialTabItem a {
    color: #666;
}

.materialTabItem.active a {
    color: #000;
    position: relative;
    font-weight: bold;
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
}

.materialTabItem.active a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 0.125rem;
    height: 3px;
    background-color: #000;
}

.tabPane {
    display: none;
    height: 100%;
    position: relative;
}

/* .materialTabCont{height:calc(100% - 1.25rem);} */
.materialTabCont div.show {
    display: block;
}

.tabPane.active {
    display: block;
}

.materialVideoItem {
    padding: 0.3125rem;
    background: #fff;
    margin-top: 0.25rem;
}

.materialVideo {
    position: relative;
}

.materialVideo img {
    width: 100%;
    display: block;
    border-radius: 0.125rem;
}

.materialVideo video {
    width: 100%;
    display: block;
    border-radius: 0.125rem;
}

.videoItemInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.materiaVideoTitle {
    font-size: 0.375rem;
    width: calc(100% - 2.5rem);
}

.materiaVideoDown button {
    background: transparent;
    position: relative;
    border: 0;
    color: #1d78e6;
    font-size: 0.375rem;
    height: 0.75rem;
    width: 2.0rem;
}

.materiaVideoDown button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px #1d78e6 solid;
    border-radius: 0.25rem;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.materiaVideoDown button label {
    font-size: 0.5rem;
}

.materialTabCont .waterfallBox {
    background: #fff;
    margin-top: 0.25rem;
}

.searchHeader {
    padding: 0.3125rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchHeaderLf {
    background: #f3f4f5;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.875rem;
    border-radius: 0.125rem;
    padding: 0 0.3125rem;
    font-size: 0.3125rem;
}

.searchHeaderLf input {
    background: transparent;
    border: 0;
    font-size: 0.3125rem;
    height: 0.875rem;
    width: calc(100% - 1.0rem);
}

.searchHeaderLf label {
    font-size: 0.5rem;
}

.searchHeaderRh {
    font-size: 0.375rem;
    width: 1.125rem;
    text-align: right;
}


/*打卡*/
.signContaier {
    min-height: 100%;
}

.signBanner {
    margin:0.333rem;
}

.signBanner img {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 0.16rem;
}

.signNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.453rem 0.56rem;
    background:#fff;
    margin:0.333rem;
    border-radius:0.16rem;
    box-shadow:0 0.0533rem 0.1067rem rgba(32, 32, 32, 0.1);
}


.signNavItem i {
    display: block;
    width: 1.067rem;
    height: 1.067rem;
    margin: 0 auto;
}

.signNavItem i img {
    width: 100%;
    display: block;
}

.signNavItem span {
    display: block;
    text-align: center;
    font-size: 0.373rem;
    margin-top: 0.125rem;
    color: #000;
}
.signRules img{width:100%; display:block;}
.signBox {
    background: #fff;
    margin: 0.333rem;
    border-radius: 0.16rem;
    overflow: hidden;
}

.calendarMonth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3125rem;
    position: relative;
    font-size: 0.40375rem;
    line-height: 1.25rem;
}

.calendarMonth::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-bottom: 1px #e6e6e6 solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.calendarMonthLf {
    display: flex;
    align-items: center;
    transform: rotate(180deg);
    transform-origin: 0.1625rem;
}

.calendarMonthLf label {
    display: block;
    width: 0.5875rem;
}

.calendarMonthRh {
    display: flex;
    align-items: center;
}

.calendarMonthRh label {
    width: 0.5875rem;
    text-align: right;
}

.calendarWeek {
    display: flex;
    line-height: 0.6875rem;
    margin-top: 0.25rem;
    padding: 0 0.125rem;
}

.calendarWeek text {
    flex: 1;
    font-size: 0.375rem;
    text-align: center;
    color: #999;
}

.dayList {
    display: Flex;
    flex-wrap: wrap;
    padding: 0.1625rem 0.125rem;
    border-radius: 0.5rem;
    background: #fff;
}

.daysItem {
    width: 14.28%;
    text-align: center;
    padding: 0.1875rem 0;
    position: relative;
}

.daysItem span {
    display: block;
    font-size: 0.375rem;
    height: 0.75rem;
    line-height: 0.785rem;
    color: #8d9ab0;
}

.daysItem label {
    color: #fff;
    position: absolute;
    display: none;
    top: -0.1875rem;
    left: 50%;
    margin-left: -0.1625rem;
    background: #d5b880;
    width: 0.3125rem;
    height: 0.3125rem;
    line-height: 0.3125rem;
    border-radius: 100%;
    text-align: center;
    font-size: 0.25rem;
}

.daysItem.signed span {
    color: #fff;
    background: #3ad9bb;
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.785rem;
    margin: 0 auto;
    border-radius: 100%;
}

.daysItem.patch span {
    color: #fff;
    background: #d4d8dc;
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.785rem;
    margin: 0 auto;
    border-radius: 100%;
}

.daysItem.active span {
    color: #3ad9bb;
    background: #fff;
    position: relative;
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.785rem;
    margin: 0 auto;
    border-radius: 100%;
}

.daysItem.active span::after {
    content: "";
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px #3ad9bb solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.daysItem.disabled text {
    color: #bbb;
}

.calendarWeek {
    display: flex;
    line-height: 0.6875rem;
    margin-top: 0.25rem;
    padding: 0 0.125rem;
}

.calendarWeek span {
    flex: 1;
    font-size: 0.375rem;
    text-align: center;
    color: #999;
}

.calendarSl {
    display: flex;
    align-items: center;
    padding-bottom: 0.375rem;
}

.calendarSlItem {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.3125rem;
}

.calendarSlItem label {
    width: 0.25rem;
    height: 0.25rem;
    background: #d4d8dc;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
}

.calendarSlItem label.signed {
    background: #3ad9bb;
}

.taskSignTop {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0.34375rem;
    background: -webkit-linear-gradient(bottom left, #25c9ba, #40e6bb);
    background-size: 100% auto;
}

.signUserImg {
    width: 1.575rem;
    border-radius: 100%;
    overflow: hidden;
    border: 0.0625rem #fff solid;
}

.signUserImg img {
    width: 100%;
    display: block;
}

.signUserInfo {
    font-size: 0.4375rem;
    width: calc(100% - 3.625rem);
    margin-left: 0.25rem;
}

.signUserName {
    font-size: 0.4375rem;
    margin-bottom: 0.125rem;
}

.taskSignDateNum {
    font-size: 0.375rem;
    color: #fff;
}

.taskSignDateNum label {
    opacity: 0.8;
}

.taskSignDateNum span {
    font-size: 0.4375rem;
    font-weight: bold;
    color: #ffc000;
    opacity: 1.0;
    padding: 0 0.0625rem;
}

.taskSignPointNum {
    font-size: 0.3125rem;
    color: #999;
    margin-top: 0.125rem;
}

.taskSignPointNum span {
    color: #5570ff;
}

.signBtn button {
    background: linear-gradient(to bottom, #ffab1a, #ff6b1a);
    box-shadow: 0 0.03125rem 0 #de550a;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.375rem;
    color: #fff;
    border: 0;
    border-radius: 0;
    width: 2.25rem;
    padding: 0;
    border-radius: 1.0rem;
}

.signBtn button[disabled] {
    opacity: 0.5;
    color: #fff;
}

.signRecord {
    background: #fff;
    border-radius: 0.16rem;
    margin: 0.333rem;
}

.signRecordTitle {
    font-size: 0.4375rem;
    font-weight: bold;
    line-height: 1.25rem;
    position: relative;
    padding: 0 0.3125rem;
}

.signRecordTitle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-bottom: 1px #e6e6e6 solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.signRecordList {
    padding: 0.125rem 0;
}

.signRecordItem {
    display: flex;
    align-items: flex-start;
    font-size: 0.40375rem;
    padding: 0.25rem 0.3125rem;
}

.signRecordItem2 {
    font-size: 0.40375rem;
    padding: 0.25rem 0.3125rem;
}

.signRecordItem2 .signRecordLabel {
    width: auto;
}

.signRecordItem2 .signRecordPic {
    width: 100%;
    margin-top: 0.25rem;
}

.signRecordItem2 .signRecordPic div {
    flex: 1;
}

.signRecordItem2 .signRecordPic .signRecordPicItems {
    object-fit: cover;
    width: 31.3%;
}

.signRecordItem2 .signRecordPic .signRecordPicItems:last-child {
    margin-right: 0;
}

.signRecordItem2 .signRecordText {
    width: 100%;
    margin-top: 0.125rem;
    text-align: justify;
}

.signRecordLabel {
    width: 2.125rem;
}

.signRecordText {
    width: calc(100% - 2.125rem);
    text-align: justify;
}

.signRecordPic {
    width: calc(100% - 2.125rem);
    display: flex;
}

.signRecordPicItem {
    margin-right: 0.25rem;
    width: 31%;
    height: 2.625rem;
    overflow: hidden;
    border-radius: 0.125rem;
}

.signRecordPicItem:last-child {
    margin-right: 0;
}

.signRecordPicItem img {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 0.125rem;
    object-fit: cover;
}

.signRecordPicItem span {
    display: block;
    text-align: center;
    color: #615f5c;
    font-size: 0.34375rem;
    line-height: 0.6875rem;
}

.signInSetting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.40375rem;
    position: relative;
    background: #fff;
    padding: 0.3125rem;
}

.signInSetting::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 0px #e6e6e6 solid;
    width: 200%;
    height: 200%;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.switch {
    display: block;
    float: right;
    height: 0.75rem;
}

.switch input[type="checkbox"] {
    display: none;
}

.switch input[type="checkbox"]+label {
    display: inline-block;
    width: 1.3125rem;
    height: 0.75rem;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
}

.switch input[type="checkbox"]+label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0.6875rem;
    height: 0.6875rem;
    border: 0.03125rem #ddd solid;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

#switch:checked+label.red {
    background: #04be02;
}

#switch:checked+label.red:after {
    background: #fff;
}

#switch:checked+label:after {
    left: calc(100% - 0.75rem);
    border: 0.03125rem #04be02 solid;
}

#switch+label {
    background: #ddd;
    border-radius: 60px;
}

#switch+label:after {
    background: #fff;
    border-radius: 50%;
}

/*页面无内容提示*/
.pageNone {
    text-align: center;
    left: 0;
    font-size: 0.34375rem;
    color: #999;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -2.875rem;
}

.pageNone div {
    padding: 0.1875rem 0;
}

.pageNone div img {
    width: 3.25rem;
    display: block;
    margin: 0 auto;
}

.noneBtn {
    background: #fe2c55;
    font-size: 0.375rem;
    width: 3.75rem;
    height: 1.0rem;
    color: #fff;
    border: 0;
    border-radius: 1.0rem;
}

.noneInfor {
    position: absolute;
    width: 100%;
    top: 4.625rem;
    text-align: center;
    color: #b8b8b8;
    font-size: 0.40375rem;
}

.noneInfor div img {
    width: 2.375rem;
    display: block;
    margin: 0 auto 0.375rem auto;
}

.signRecord {
    position: relative;
    min-height: 5.5rem;
}

.signRecord .pageNone {
    margin-top: -1.25rem;
}

.punchInForm {
    background: #fff;
    padding: 0.3125rem;
}

.punchInItem {
    display: flex;
    align-items: center;
    font-size: 0.375rem;
    margin-bottom: 0.375rem;
}

.punchInInput {
    background: #f7f8fa;
    padding: 0 0.3125rem;
    border-radius: 0.125rem;
    height: 1.0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.punchInInput select {
    height: 1.0rem;
    width: calc(100% - 1.0rem);
    outline: none;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    font-size: 0.375rem;
}

.punchInInput input {
    height: 1.0rem;
    font-size: 0.375rem;
    width: calc(100% - 1.0rem);
    outline: none;
    border: 0;
    background: transparent;
}

.punchInItem2 {
    font-size: 0.375rem;
    margin-bottom: 0.375rem;
}

.punchInItem2:last-child {
    margin-bottom: 0;
}

.punchInUpdate {
    display: flex;
    align-items: center;
    margin-top: 0.25rem;
}

.punchInImg {
    width: 31.5%;
    margin-right: 0.25rem;
    border-radius: 0.125rem;
    height: 2.875rem;
    overflow: hidden;
    position: relative;
}

.punchInImg img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    object-fit: cover;
}

.punchInImg span {
    position: absolute;
    right: 0;
    border-radius: 0 0 0 0.5rem;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.3125rem;
    line-height: 0.5rem;
    padding: 0 0.125rem;
}

.punchInUpdateBtn {
    width: 31.5%;
}

.punchInUpdateBtn button {
    width: 100%;
    height: 2.875rem;
    background: #f7f8fa;
    border-radius: 0.125rem;
    border: 0;
    font-size: 1.25rem;
    color: #dcdee0;
}

.punchInUpdate textarea {
    width: 100%;
    height: 4.5rem;
    line-height: 0.625rem;
    background: #f7f8fa;
    outline: none;
    font-size: 0.375rem;
    border: 0;
    resize: none;
    border-radius: 0.125rem;
    padding: 0.25rem 0.3125rem;
}

.signCommonBtn {
    padding: 0.375rem 0.8125rem;
}

.signCommonBtn button {
    background: #3ad9bb;
    width: 100%;
    line-height: 1.0rem;
    font-size: 0.375rem;
    border: 0;
    color: #fff;
    border-radius: 1.0rem;
}

.teamItem {
    background: #fff;
    margin: 0 0 0.25rem 0;
    padding: 0.3125rem;
    border-radius: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.teamPic {
    width: 2.0rem;
    height: 2.0rem;
}

.teamPic img {
    width: 2.0rem;
    display: block;
    border-radius: 1.0rem;
    height:2.0rem;
    object-fit: cover;
}

.teamInfo {
    width: calc(100% - 3.0rem);
}

.teamUserName {
    font-size: 0.4375rem;
}

.teamUserText {
    font-size: 0.34375rem;
    color: #616066;
    margin-top: 0.0625rem;
}

.teamRh {
    font-size: 0.375rem;
}

.teamDetail {
    margin-top: 0.3125rem;
}

.discoverItem {
    background: #fff;
    margin: 0 0 0.25rem 0;
    padding: 0.3125rem;
}

.discoverUser {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discoverUserPic {
    width: 1.0rem;
    height: 1.0rem;
    border-radius: 100%;
    overflow: hidden;
}

.discoverUserPic img {
    width: 100%;
    display: block;
}

.discoverUserInfo {
    width: calc(100% - 4.125rem);
}

.discoverUserInfo span {
    display: block;
    font-size: 0.40375rem;
}

.discoverUserInfo label {
    display: block;
    color: #929297;
    font-size: 0.34375rem;
    margin-top: 0.0875rem;
}

.discoverTime {
    font-size: 0.34375rem;
    color: #929297;
    margin-top: 0.625rem;
    width: 2.75rem;
    text-align: right;
}

.discoverInfo {
    margin-top: 0.25rem;
}

.discoverText {
    font-size: 0.375rem;
    text-align: justify;
}

.discoverImg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.125rem;
}

.discoverImgItem {
    width: calc(33.33% - 0.1125rem);
    margin: 0.1625rem 0.1625rem 0 0;
    height: 2.5rem;
    overflow: hidden;
}

.discoverImgItem:nth-child(3n+0) {
    margin-right: 0;
}

.discoverImgItem img {
    width: 100%;
    height: 2.5rem;
    display: block;
    position: relative;
    object-fit: cover;
}

.rankingBox {
    height: 100%;
    background: linear-gradient(to bottom, #40e6bb, #25c9ba);
    overflow: hidden;
}

.rankingTab {
    overflow: hidden;
    width: 5.25rem;
    margin: 0.375rem auto;
    border: 1px #fff solid;
    height: 0.825rem;
    border-radius: 1.0rem;
    overflow: hidden;
}

.rankingTab ul {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    -webkit-box-align: center;
    display: flex;
    display: -webkit-flex;
}

.rankingTab ul li {
    font-size: 0.375rem;
    flex: 1;
    text-align: center;
    height: 0.825rem;
    line-height: 0.875rem;
}

.rankingTab ul li.active a {
    position: relative;
    background: #fff;
    display: block;
    height: 0.825rem;
    color: #25c9ba;
    opacity: 1.0;
    font-size: 0.375rem;
}

.rankingTab ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.rankingTab-pane {
    display: none;
    height: 100%;
}

.rankingCont div.show {
    display: block;
}

.rankingCont {
    margin: 1.25rem 0 0.3125rem 0;
    border-radius: 0.125rem;
    height: calc(100% - 2.875rem);
}

.rankingTop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    color: #fff;
}

.rankingTopTwo,
.rankingTopOne,
.rankingTopThree {
    flex: 1;
    position: relative;
}

.rankingTopTwo {
    border-radius: 0.125rem 0 0 0;
}

.rankingTopThree {
    border-radius: 0 0.125rem 0 0;
}

.rankingTopOne {
    box-shadow: 0 -0.3125rem 0.25rem rgba(0, 0, 0, 0.0);
    position: relative;
}

.rankingTopImg {
    width: 1.5rem;
    margin: 0 auto;
}

.rankingTopName {
    font-size: 0.375rem;
    margin-top: 0.125rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rankingTopNum {
    text-align: center;
    margin-top: 0.125rem;
}

.rankingTopNum label {
    display: block;
    font-size: 0.3125rem;
    opacity: 0.7;
}

.rankingTopNum span {
    display: block;
    font-size: 0.375rem;
    margin-top: 0.0625rem;
    font-weight: bold;
}

.rankingTopOne .rankingTopImg {
    width: 2.25rem;
    height: 2.25rem;
    background: #ffdb32;
    padding: 3px;
    border-radius: 100%;
    overflow: hidden;
}

.rankingTopOne .rankingTopImg img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
}

.rankingTopTwo .rankingTopImg {
    background: #c6d3e2;
    width: 1.875rem;
    height: 1.875rem;
    padding: 3px;
    border-radius: 100%;
    overflow: hidden;
}

.rankingTopTwo .rankingTopImg img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    margin: 0 auto
}

.rankingTopThree .rankingTopImg {
    background: #efba94;
    width: 1.875rem;
    height: 1.875rem;
    padding: 3px;
    border-radius: 100%;
    overflow: hidden;
}

.rankingTopThree .rankingTopImg img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    margin: 0 auto
}

.rankingOneNum {
    background: url(/static/img/rankingOne.png) no-repeat;
    top: -0.75rem;
    line-height: 1.25rem;
    left: 50%;
    margin-left: -0.625rem;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 1.25rem;
    height: 0.84375rem;
    background-size: 1.25rem 0.84375rem;
}

.rankingTwoNum {
    background: url(/static/img/rankingTwo.png) no-repeat;
    top: -0.5625rem;
    line-height: 0.875rem;
    left: 50%;
    margin-left: -0.5rem;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 1.0rem;
    height: 0.625rem;
    background-size: 1.0rem 0.625rem;
}

.rankingThreeNum {
    background: url(/static/img/rankingThree.png) no-repeat;
    top: -0.5625rem;
    line-height: 0.875rem;
    left: 50%;
    margin-left: -0.5rem;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 1.0rem;
    height: 0.625rem;
    background-size: 1.0rem 0.625rem;
}

.rankingList {
    height: calc(100% - 4.125rem);
    background: #fff;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.rankingUserItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0.3125rem;
}

.rankingUserLevel {
    font-size: 0.375rem;
    text-align: center;
    width: 0.5rem;
}

.rankingUserInfo {
    display: flex;
    width: calc(100% - 2.5rem);
    align-items: center;
}

.rankingUserInfo i {
    width: 1.125rem;
    height: 1.125rem;
    overflow: hidden;
    border-radius: 100%;
}

.rankingUserInfo i img {
    width: 1.125rem;
    display: block;
}

.rankingUserInfo span {
    font-size: 0.375rem;
    margin-left: 0.25rem;
}

.rankingUserNum {
    text-align: center;
    margin-top: 0.125rem;
}

.rankingUserNum label {
    display: block;
    font-size: 0.3125rem;
    color: #999;
}

.rankingUserNum span {
    display: block;
    font-size: 0.375rem;
    margin-top: 0.0625rem;
}



.toolNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 0.25rem 0;
    border-radius: 0.1625rem;
    margin: 0 0.5rem;
    flex-wrap: wrap;
}

.toolNavItem {
    margin: 0;
    display: flex;
    border-radius: 0.125rem;
    width: calc(33.33% - 0.15rem);
}

.toolNavItem a {
    flex: 1;
    padding: 0.3125rem 0.34375rem;
    color:#383838;
}

.toolNavItem a i {
    width: 1.2rem;
    display: block;
    margin: 0 auto;
}

.toolNavItem a i img {
    width: 1.2rem;
    display: block;
    border-radius:100%;
    box-shadow:0 0.0533rem 0.1067rem  rgba(58, 217, 187, 0.5);
}

.toolNavItem a span {
    display: block;
    text-align: center;
    margin-top: 0.1625rem;
    font-size: 0.373rem;
    white-space: nowrap;
}

.productTools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.productToolsItem {
    position: relative;
    display: flex;
    width: calc(50% - 0.15rem);
}


.productToolsItem a {
    flex: 1;
    display: flex;
    align-items: center;
}

.productToolsItem a i {
    width: 1.125rem;
}

.productToolsItem a img {
    width:100%;
    display: block;
    border-radius:0.16rem;
    box-shadow:0 0.0533rem 0.1067rem  rgba(58, 217, 187, 0.5);
}

.productToolsItem a span {
    margin-left: 0.2875rem;
    font-size: 0.375rem;
    white-space: nowrap;
}

.welcomeBanner {
    padding: 0.3125rem;
}

.welcomeBanner img {
    width: 100%;
    display: block;
    border-radius: 0.125rem;
}

.acupointsRttImg {
    position: relative;
}

.acupointsRttImg span {
    position: absolute;
    right: 0;
    bottom: 0.125rem;
    width: 2.0rem;
    height: 0.875rem;
    background: #fff;
}

.courseMain {
    padding-top: 1.5rem;
    position: relative;
    height: calc(100% - 1.25rem);
}

.courseVideoItem {
    width: 100%;
}

.courseVideo video {
    width: 100%;
    display: block;
}

.courseVideoName {
    font-weight: bold;
    font-size: 0.4375rem;
    text-align: center;
    padding: 0.25rem 0.3125rem;
}

.courseTop {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px #4bdbc4 solid;
    justify-content: space-between;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    height: 1.25rem;
}

.courseTopNav {
    width: 3.0rem;
    text-align: center;
    font-size: 0.40375rem;
}

.courseTopNav.active a {
    color: #4bdbc4;
    font-weight: bold;
}

.courseTopSearch {
    margin: 0 0.3125rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.0rem;
    border: 1px #4bdbc4 solid;
}

.courseTopSearch input {
    background: transparent;
    border: 0;
    width: calc(100% - 1.5rem);
    height: 0.75rem;
    font-size: 0.375rem;
    padding: 0 0.375rem;
}

.courseTopSearch button {
    background: transparent;
    height: 0.75rem;
    padding: 0 0.3125rem;
    border: 0;
    border-left: 1px #f4f5f7 solid;
    height: 0.75rem;
    font-size: 0.34375rem;
}

.courseSpanLink {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.34375rem;
    margin-bottom: 0.625rem;
    margin-top: 0.4375rem;
}

.courseSpanLink a {
    background: #3ad9bb;
    margin-right: 0.1875rem;
    height: 0.625rem;
    line-height: 0.6725rem;
    padding: 0 0.25rem;
    border-radius: 0.5rem;
    color: #fff;
}

.courseSpanLink a:last-of-type {
    margin-right: 0;
}

.acupointsTop {
    background: #fff;
    display: flex;
    padding: 0.375rem 0 0 0;
}


/*中医AI智能辨证*/
.customerBox {
    padding: 2.5625rem 0 1.5rem 0;
    overflow: auto;
}

.customerHeader {
    position: fixed;
    display: flex;
    align-items: center;
    padding: 0 0.3125rem 0.3125rem 0.3125rem;
    background: #fff;
    top: 1.3125rem;
    left: 0;
    right: 0;
    z-index: 999;
}

.customerHeader input {
    background: #f5f7f9;
    border: 0;
    width: 100%;
    height: 0.875rem;
    border-radius: 1.0rem;
    padding: 0 1.0rem;
    font-size: 0.375rem;
}

.customerHeader label {
    position: absolute;
    color: #888;
    font-size: 0.5rem;
    top: 0.0rem;
    left: 0.625rem;
}

.customerHeaderInput {
    flex: 1;
    line-height: 0.875rem;
    display: flex;
    align-items: center;
}

.customerHeaderBtn {
    margin-left: 0.25rem;
}

.customerHeaderBtn button {
    background: #4bdbc4;
    padding: 0 0.25rem;
    height: 0.875rem;
    border-radius: 1.0rem;
    color: #fff;
    border: 0;
    font-size: 0.375rem;
    display: block;
}

.customerItem {
    background: #fff;
    position: relative;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.3125rem;
}

.customerItem.active {
    border: 1px #4bdbc4 solid;
}

.customerTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customerPhoneNumber {
    font-size: 0.34375rem;
    color: #7e8786;
}

.customerName {
    display: flex;
    align-items: center;
}

.customerName span {
    font-size: 0.4375rem;
}

.customerName label {
    background: #4bdbc4;
    margin-left: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 0.125rem;
    color: #fff;
    height: 0.5rem;
    line-height: 0.525rem;
    font-size: 0.3125rem;
}

.customerName label.red {
    background: #ff7c1c;
}

.customerName label.orange {
    background: #ffb71c;
}

.customerName i {
    margin-left: 0.125rem;
}

.femaleIcon {
    background: url(../img/femaleIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}

.maleIcon {
    background: url(../img/maleIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}

.customerCenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customerArea {
    margin-top: 0.25rem;
    font-size: 0.34375rem;
    color: #7e8786;
}

.customerInfo {
    display: flex;
    align-items: center;
    margin-top: 0.0875rem;
    font-size: 0.34375rem;
    color: #7e8786;
}

.customerInfo span {
    padding-right: 0.5rem;
    position: relative;
}

.customerInfo span:last-child {
    padding: 0;
}

.customerInfo span::after {
    content: "";
    position: absolute;
    right: 0.25rem;
    top: 0.0875rem;
    height: calc(200% - 0.25rem);
    width: 1px;
    background: #7e8786;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.customerInfo span:last-child::after {
    width: 0;
}

.customerEdit {
    position: absolute;
    right: 0.3125rem;
    bottom: 0.25rem;
}

.customerEdit a {
    display: block;
}

.editIcon {
    display: block;
    background: url(../img/editIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}

.editWhiteIcon {
    display: block;
    background: url(../img/editWhiteIcon.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}

.customerForm {
    background: #fff;
}

.customerAddItem {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.25rem 0.3125rem;
    font-size: 0.40375rem;
}

.customerAddItem::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-top: 1px #e6e6e6 solid;
    transform: scale(0.5);
    pointer-events: none;
    transform-origin: 0 0;
}

.customerAddItem:first-child::after {
    border: 0;
}

.customerAddName {
    width: 2.75rem;
}

.customerAddName label {
    color: #ff0000;
}

.customerAddInput {
    flex: 1;
    position: relative;
}

.customerAddInput input {
    height: 1.0rem;
    background: transparent;
    width: 100%;
    font-size: 0.40375rem;
    border: 0;
}

.customerAddInput select {
    border: 0;
    background: transparent;
    height: 1.0rem;
    font-size: 0.40375rem;
    width: 100%;
    -webkit-appearance: none;
}

.customerAddInput label {
    position: absolute;
    outline: none;
    right: 0;
    line-height: 1.0rem;
    font-size: 0.40375rem;
}

.constitutionBanner img {
    width: 100%;
    display: block;
}

.constitutionCheckedCustomer {
    background: #fff;
    margin: 0.3125rem;
    border-radius: 0.25rem;
}

.constitutionCheckedTitle {
    text-align: center;
    position: relative;
    font-size: 0.4375rem;
    line-height: 1.25rem;
}

.constitutionCheckedTitle::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-bottom: 1px #e6e6e6 solid;
    transform: scale(0.5);
    pointer-events: none;
    transform-origin: 0 0;
}

.constitutionCheckedCont {
    padding: 0.3125rem;
}

.constitutionCheckedAddBtn {
    margin-bottom: 0.3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.constitutionCheckedAdd {
    display: flex;
    margin: 0 0.3125rem 0 0;
    flex: 1;
    background: #49dbc4;
    border-radius: 1.0rem;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 0.4375rem;
    height: 1.125rem;
}

.constitutionCheckedAdd:last-child {
    margin-right: 0;
}

.constitutionCheckedAdd label {
    font-size: 0.625rem;
    margin-right: 0.125rem;
}

.constitutionCustomer {
    position: relative;
}

.constitutionCheckedBtn {
    position: absolute;
    line-height: 0.75rem;
    right: 0;
    color: #49dbc4;
    font-size: 0.375rem;
    bottom: -0.125rem;
}

.constitutionDialog {
    position: fixed;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: -20.0rem;
    z-index: 999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}

.constitutionDialog.show {
    opacity: 1.0;
    pointer-events: auto;
    bottom: 0;
    transition-duration: 0.3s;
}

.constitutionDialog::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.constitutionDialogCont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 1.0rem;
    z-index: 999;
    background: #f6f7f9;
    border-radius: 0.375rem 0.375rem 0 0;
}

.constitutionDialogTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.40375rem;
    padding: 0 0.375rem;
    height: 1.5rem;
}

.constitutionDialogTitle label {
    font-size: 0.625rem;
    color: #999;
}

.noteGoodSearch {
    position: relative;
    flex: 1;
    margin-right: 0.75rem;
}

.noteGoodSearch input {
    background: #fff;
    width: 100%;
    border: 0;
    height: 0.8125rem;
    font-size: 0.375rem;
    border-radius: 1.0rem;
    padding: 0 0.5rem 0 0.875rem;
}

.noteGoodSearch span {
    position: absolute;
    font-size: 0.4375rem;
    left: 0.3125rem;
    color: #678;
    top: 0;
    line-height: 0.8125rem;
}

.constitutionCustomerList {
    height: calc(100% - 3.375rem);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.constitutionCustomerList .customerItem {
    margin-top: 0;
}

.constitutionProgressLine {
    background: #fff;
    display: flex;
    padding: 0.5rem 0.3125rem 0.375rem 0.3125rem;
}

.constitutionProgressItem {
    flex: 1;
    position: relative;
    text-align: center;
    color: #bfc3c6;
    padding-top: 0.3125rem;
    font-size: 0.375rem;
}

.constitutionProgressItem::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 300%;
    height: 200%;
    border-top: 2px #bfc3c6 solid;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(0.5);
}

.constitutionProgressItem:first-child::before {
    left: 50%;
    width: 0;
}

.constitutionProgressItem:last-child::before {
    left: -51%;
}

.constitutionProgressItem:first-child {
    text-align: left;
}

.constitutionProgressItem:first-child label {
    left: 0;
}

.constitutionProgressItem:last-child {
    text-align: right;
}

.constitutionProgressItem:last-child label {
    right: 0;
    left: auto;
}

.constitutionProgressItem label {
    width: 0.1625rem;
    height: 0.1625rem;
    z-index: 2;
    position: absolute;
    top: -0.08125rem;
    left: 50%;
    margin-left: -0.08125rem;
    border-radius: 0.25rem;
    display: block;
    margin: 0 auto;
    background: #bfc3c6;
}

.constitutionProgressItem.finshed label {
    background: #18ccc0;
    width: 0.3125rem;
    height: 0.3125rem;
    margin-left: -0.1625rem;
    top: -0.1625rem;
    border: 0.125rem #18ccc0 solid;
}

.constitutionProgressItem:first-child.finshed label {
    margin-left: 0;
}

.constitutionProgressItem.finshed {
    color: #18ccc0;
}

.constitutionProgressItem.finshed::before {
    border-top: 2px #18ccc0 solid;
}

.constitutionQuestionCont {
    background: #fff;
}

.constitutionQuestionCenter {
    margin-top: 0.25rem;
}

.constitutionQuestionHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3125rem;
    font-size: 0.375rem;
}

.constitutionQuestionHeader button {
    background: transparent;
    position: relative;
    border: 0;
    color: #18ccc0;
    font-size: 0.375rem;
    width: 1.5rem;
    height: 0.75rem;
}

.constitutionQuestionHeader button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-radius: 0.25rem;
    border: 1px #18CCC0 solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.constitutionQuestionHeader button:disabled {
    color: #bfc3c6;
}

.constitutionQuestionHeader button:disabled::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-radius: 0.25rem;
    border: 1px #bfc3c6 solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.constitutionQuestionItem {
    padding: 0.125rem 0.3125rem 0 0.3125rem;
}

.constitutionQuestionTitle {
    display: flex;
    align-items: center;
    font-size: 0.375rem;
}

.constitutionQuestionTitle label {
    background: #ff8400;
    color: #fff;
    font-size: 0.3125rem;
    border-radius: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.55rem;
}

.constitutionQuestionTitle span {
    margin-left: 0.1625rem;
}

.constitutionQuestionAnswer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 0.25rem;
    font-size: 0.375rem;
}

.constitutionQuestionAnswer label {
    background: #18ccc0;
    color: #fff;
    font-size: 0.3125rem;
    border-radius: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.55rem;
}

.constitutionQuestionAnswer span {
    margin-right: 0.1625rem;
    background: #f0f2f5;
    border-radius: 0.125rem 0 0.25rem 0.25rem;
    padding: 0 0.5rem;
    line-height: 0.625rem;
}

.constitutionQuestionChecked {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 0.375rem;
}

.constitutionQuestionChecked::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 1px #ddd solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.constitutionQuestionCheckedTd {
    flex: 1;
    font-size: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.constitutionQuestionCheckedTd span {
    margin-left: 0.1625rem;
}

.constitutionQuestionWz {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.375rem 0;
}

.constitutionQuestionWzItem {
    background: #f1f2f6;
    text-align: center;
    border-radius: 0.125rem;
    color: #666;
    width: 48.5%;
    height: 1.0rem;
    line-height: 1.0rem;
    font-size: 0.375rem;
    margin: 0.125rem 0;
}

.constitutionQuestionWzItem.active {
    background: #18ccc0;
    color: #fff;
}

.constitutionSzTitle {
    padding: 0.3125rem;
    font-size: 0.375rem;
    line-height: 0.625rem;
}

.constitutionUpdate {
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3125rem 0.375rem 0.3125rem;
}

.constitutionUpdateItem {
    width: 100%;
    margin-top: 0.375rem;
}

.constitutionUpdateItem:first-child {
    margin-top: 0;
}

.constitutionUpdateItem button {
    width: 100%;
    height: 5.0rem;
    border: 0;
    font-size: 2.0rem;
    color: #cbced5;
    background: #f4f5f9;
    border-radius: 0.125rem;
}

.constitutionUpdateItem span {
    display: block;
    text-align: center;
    color: #567;
    font-size: 0.34375rem;
    margin-top: 0.125rem;
}

.constitutionUpdateImg {
    border-radius: 0.125rem;
    overflow: hidden;
    position: relative;
}

.constitutionUpdateImg img {
    width: 100%;
    height: 5.0rem;
    display: block;
    object-fit: cover;
}

.constitutionUpdateImg label {
    position: absolute;
    right: 0;
    top: 0;
    background: #ff0000;
    color: #fff;
    padding: 0 0.125rem;
    font-size: 0.3125rem;
    height: 0.4375rem;
    line-height: 0.5rem;
}

.tabs {
    z-index: 9;
    background: #fff;
    height: 1.25rem;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.tabsItem {
    border-bottom: 0px #eee solid;
    font-size: 0.375rem;
    text-align: center;
    line-height: 1.25rem;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
}

.tabsItem.active span {
    position: relative;
    color: #18ccc0;
    font-size: 0.375rem;
}

.tabsItem.active span:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #18ccc0;
}

.tabsItem span {
    display: inline-block;
    color: #777;
    position: relative;
}

.tabcont {
    padding-top: 1.25rem;
}

.tab-pane {
    display: none;
}

.tabcont div.show {
    display: block;
}

.tab-pane.active {
    display: block;
}

.dialecticalReportItem {
    background: #fff;
    border-radius: 0.25rem;
    margin: 0.3125rem;
    padding: 0.3125rem;
}

.dialecticalReportMs {
    background: #f6f7f9;
    line-height: 0.625rem;
    margin: 0.3125rem 0;
    color: #4f515d;
    border-radius: 0.25rem;
    padding: 0.3125rem;
    font-size: 0.375rem;
    text-align: justify;
}

.dialecticalReportMs h4 {
    font-weight: 500;
    font-size: 0.375rem;
    color: #000;
}

.dialecticalReportBot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.34375rem;
}

.dialecticalReportTime {
    color: #999;
}

.dialecticalReportBtn {
    display: flex;
    align-items: center;
}

.dialecticalReportBtn a {
    margin-left: 0.25rem;
    line-height: 0.625rem;
}

.dialecticalReportBtn a.zxBtn {
    color: #18CCC0;
}

.dialecticalReportBtn a.detailBtn {
    color: #3c4142;
}

.dialecticalReportSatus {
    color: #00a6ff;
    font-size: 0.34375rem;
}

.dialecticalReportItem .customerInfo {
    margin-top: 0.125rem;
}

.dialecticalReportDetail {
    /*background: linear-gradient(to bottom, #4bdbc4, #18ccc0);*/
    min-height: 100%;
    overflow: auto;
}

.dialecticalReportCustomer {
    display: flex;
    color: #fff;
    background: url(../img/healthUserBg.jpg) no-repeat;
    position: relative;
    background-size: 100% auto;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.4375rem;
}

.dialecticalReportCustomerImg {
    width: 1.5rem;
}

.dialecticalReportCustomerImg img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    display: block;
    object-fit: cover;
}

.dialecticalReportCustomerRh {
    flex: 1;
    margin-left: 0.25rem;
}

.dialecticalReportCustomerName {
    display: flex;
    align-items: center;
}

.dialecticalReportCustomerName span {
    font-size: 0.4375rem;
}

.dialecticalReportCustomerName label {
    background: #4bdbc4;
    margin-left: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 0.125rem;
    color: #fff;
    height: 0.5rem;
    line-height: 0.5625rem;
    font-size: 0.3125rem;
}

.dialecticalReportCustomerName i {
    margin-left: 0.125rem;
}

.dialecticalReportCustomerInfo {
    display: flex;
    align-items: center;
    margin-top: 0.1625rem;
    font-size: 0.34375rem;
    color: #fff;
}

.dialecticalReportCustomerInfo span {
    padding-right: 0.625rem;
    position: relative;
}

.dialecticalReportCustomerInfo span:last-child {
    padding: 0;
}

.dialecticalReportCustomerInfo span::after {
    content: "";
    position: absolute;
    right: 0.3125rem;
    top: 0.0875rem;
    height: calc(200% - 0.25rem);
    width: 1px;
    background: #fff;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.dialecticalReportCustomerInfo span:last-child::after {
    width: 0;
}

.dialecticalReportCustomerTime {
    color: #fff;
    font-size: 0.34375rem;
    margin-top: 0.1625rem;
}

.dialecticalReportResult {
    background: #fff;
    margin: 0 0.3125rem 0.3125rem 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.375rem;
}

.dialecticalReportResultTitle {
    font-size: 0.4375rem;
    font-weight: bold;
}

.dialecticalReportResultText {
    font-size: 0.375rem;
    color: #4f515d;
    text-align: justify;
    line-height: 0.625rem;
    margin: 0.3125rem 0;
}

.dialecticalReportResultSee {
    text-align: center;
    text-decoration: underline;
    font-size: 0.375rem;
    color: #999;
    line-height: 0.75rem;
}

.dialecticalReportResultBtn {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    margin-bottom: 0.125rem;
}

.dialecticalReportResultBtn button {
    background: transparent;
    position: relative;
    color: #18CCC0;
    font-size: 0.40375rem;
    border: 0;
    height: 1.0rem;
    flex: 1;
    margin: 0 0.125rem;
}

.dialecticalReportResultBtn button::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 200%;
    height: 200%;
    border-radius: 2.0rem;
    border: 1px #18CCC0 solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.dialecticalReportContent {
    background: #fff;
    margin: 0 0.3125rem 0.3125rem 0.3125rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
}

.dialecticalReportTable {
    text-align: justify;
    margin: 0.3125rem 0;
    font-size: 0.375rem;
    line-height: 0.625rem;
}

.dialecticalReportTable p {
    margin: 0.125rem 0;
}

.dialecticalReportTable p b {
    font-size: 0.40375rem;
}

.dialecticalReportTable p span {
    color: #000;
    font-weight: bold;
}

.dialecticalReportContentTitle {
    font-size: 0.4375rem;
    font-weight: bold;
    line-height: 1.25rem;
    position: relative;
    margin-bottom: 0.25rem;
}

.dialecticalReportContentTitle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-bottom: 0px #ddd solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.dialecticalReportCont{
	background:#fff; 
	margin:0 0.3125rem 0.3125rem 0.3125rem;
	padding:0.373rem 0.373rem 1.0rem 0.373rem;
	border-radius:0.25rem;
}
.dialecticalReportResultHeader{
	display:flex;
	align-items:center;
	font-size:0.5333rem;
	font-weight:bold;
}
.bsjgIcon{
	background: url(../img/bianshijieguo.png) no-repeat;
	width:0.6rem;
	height:0.6rem;
	background-size:0.6rem 0.6rem;
}
.hlfaIcon{
	background: url(../img/hulifangan.png) no-repeat;
	width:0.6rem;
	height:0.6rem;
	background-size:0.6rem 0.6rem;
}
.dialecticalReportResultHeader span{
	margin:0 0 0 0.125rem;
}
.dialecticalReportResultHeader label{
	font-size:0.2667rem;
	position:relative;
	bottom:-0.125rem;
}
.dialecticalReportResultState{
	display:flex;
	align-items:center;
	font-size:0.4267rem;
	font-weight:500;
	margin-top:0.2667rem;
	margin-bottom:0.125rem;
}
.dialecticalReportResultStateTab{
	display:flex;
	align-items:center;
}
.dialecticalReportResultStateTab span{
	height:0.8rem;
	line-height:0.88rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.667rem;
	border-radius:0.16rem;
	color:#3ad9bb;
	border:0.02667rem #3ad9bb solid;
	font-size:0.4267rem;
	text-align:center;
	margin-right:0.125rem;
}
.dialecticalReportResultStateTab span.active{
	background:#3ad9bb;
	color:#000;
}

.dialecticalReportResultStateLargeTab{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0.2667rem 0;
	font-weight:500;
}
.dialecticalReportResultStateLargeTab span{
	height:1.12rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:4.1067rem;
	border-radius:0.16rem;
	color:#3ad9bb;
	border:0.02667rem #3ad9bb solid;
	font-size:0.48rem;
	text-align:center;
}
.dialecticalReportResultStateLargeTab span.active{
	background:#3ad9bb;
	color:#000;
}

.nursingPlanTab{
	display:flex;
	align-items:center;
	margin-top:0.32rem;
	font-weight:500;
}

.nursingPlanTab span{
	height:0.667rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.973rem;
	border-radius:0.16rem;
	color:#3ad9bb;
	font-size:0.3467rem;
	text-align:center;
	margin-right:0.2433rem;
	border:0.02667rem #3ad9bb solid;
}
.nursingPlanTab span:last-of-type{margin-right:0;}
.nursingPlanTab span.active{
	background:#3ad9bb;
	color:#fff;
}

.discussTabCont div.show {
    display: block;
}

.nursingPlanTabPane{
    display: none;
    position: relative;
}

.nursingPlanCont div.show{
    display: block;
}

.nursingPlanTabPane.active{
    display: block;
}

.dialecticalReportTd{margin-bottom:0.4375rem;}
.dialecticalReportTd b{color:#3ad9bb; font-size:0.4267rem;}
.dialecticalReportTd p{color:#383838; margin:0.0625rem 0; font-size:0.32rem; line-height:0.5333rem;}
/* .dialecticalReportTd p span{color:#000; font-weight:bold;} */
.dialecticalReportTd p label{color:#2a82e4;}
/* .dialecticalReportTd img{width:100%; display:block;} */
.dialecticalReportTd video{width:100%; display:block;}
.nursingPlanVideo video{width:100%; display:block;}
.nursingPlanIntro{
	color:#383838; text-align:justify; margin:0.0625rem 0; font-size:0.32rem; line-height:0.5333rem;
}
.dialecticalReportZdjgBtn{
	display:flex; 
	justify-content:center;
	margin-top:-0.1875rem;
	margin-bottom:0.125rem;
}
.dialecticalReportZdjgBtn button{
	height:1.0667rem; 
	color:#3ad9bb; 
	font-size:0.3733rem;
	border-radius:1.0rem;
	flex:1;
	border:0.01333rem #3ad9bb solid;
	background:#fff;
}
.dialecticalReportFixedBtn{
	position:fixed;
	left:0.6855rem;
	right:0.6855rem;
	bottom:0.5rem;
}
.dialecticalReportFixedBtn button{
	height:1.0667rem; 
	color:#fff; 
	font-size:0.3733rem;
	border-radius:0.16rem;
	width:100%;
	border:0;
	background:#3ad9bb;
	
}

.healthRecordCustomer {
    background: url(../img/healthUserBg.jpg) no-repeat;
    position: relative;
    background-size: 100% auto;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.4375rem;
}

.healthRecordCustomerInfo {
    display: flex;
    align-items: center;
    color: #fff;
}

.healthRecordCustomerBot {
    margin-top: 1.0rem;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.healthRecordCustomerTel {
    font-size: 0.34375rem;
}

.healthRecordCustomerPoint {
    display: flex;
    align-items: flex-end;
    font-size: 0.40375rem;
}

.healthRecordCustomerPoint b {
    font-size: 1.0rem;
    margin-right: 0.0625rem;
    position: relative;
    bottom: -0.1625rem;
}

.dialecticalReportCustomerEdit {
    position: absolute;
    right: 0.4375rem;
    top: 0.4375rem;
}

.dialecticalReportCustomerEdit a {
    display: block;
}

.dialecticalReportCustomerEdit a label {
    display: block;
}

.healthRecordLxTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.0rem;
    padding: 0 0.3125rem;
    position: relative;
}

.healthRecordLxTitle span {
    font-size: 0.4375rem;
    font-weight: 500;
}

.healthRecordLxTitle a {
    font-size: 0.34375rem;
    color: #999;
}

.healthRecordRecommend .dialecticalReportItem {
    margin-top: 0;
}

.customerBot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    bottom: -0.125rem;
    font-size: 0.34375rem;
    line-height: 0.75rem;
    flex: 1;
}

.customerBot a {
    display: block;
    color: #18CCC0;
}

.teeatmentAddCustomer {
    background: url(../img/healthUserBg.jpg) no-repeat;
    color: #fff;
    position: relative;
    background-size: 100% auto;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.4375rem;
}

.teeatmentAddCustomer .customerBot a {
    color: #fff;
}

.teeatmentAddCustomer .customerInfo {
    color: #fff;
}

.teeatmentAddCustomer .customerArea {
    color: #fff;
}

.teeatmentAddCustomer .customerPhoneNumber {
    color: #fff;
}

.teeatmentAddCustomer .customerName label {
    background: #0cb8ad;
}

.teeatmentAddCustomer .customerName label.red {
    background: #ff7c1c;
}

.teeatmentAddCustomer .customerName label.orange {
    background: #ffb71c;
}

.teeatmentForm {
    background: #fff;
    margin: 0.3125rem;
    border-radius: 0.25rem;
    padding: 0.3125rem;
}

.teeatmentJdTitle {
    font-size: 0.40375rem;
    line-height: 0.75rem;
}

.teeatmentTextare textarea {
    width: 100%;
    outline: none;
    padding-top: 0.3125rem;
    border: 0;
    resize: none;
    font-size: 0.375rem;
    height: 8.0rem;
}

.teeatmentTextare textarea::-webkit-input-placeholder {
    color: #aaa;
}
.constitutionCard{
	margin-bottom:0.333rem;
}
.constitutionCard a {
    display: block;
}

.constitutionCard a img {
    width: 100%;
    border-bottom:0 #fff solid;
    display: block;
    border-radius: 0.16rem;
    box-shadow: 0 0.0533rem 0.1067rem  rgba(58, 217, 187, 0.5);
}

.customerAddInput {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customerAddInput div {
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
    height: 1.0rem;
}

.customerAddInput div span {
    margin-left: 0.1625rem;
}

.customerAddInput input[type=checkbox],
.customerAddInput input[type=radio] {
    background: url(../img/checkbox.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}

.customerAddInput input[type=checkbox]:checked,
.customerAddInput input[type=radio]:checked {
    background: url(../img/checkbox_ok.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem 0.5rem;
}



.constitutionQuestionDialog {
    position: fixed;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: -20.0rem;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.constitutionQuestionDialog.show {
    opacity: 1.0;
    pointer-events: auto;
    bottom: 0;
    transition-duration: 0.3s;
}

.constitutionQuestionDialog::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.constitutionQuestionTipCont {
    position: relative;
    padding: 0.40375rem;
    width: 9.0rem;
    z-index: 999;
    background: #fff;
    border-radius: 0.375rem;
}

.constitutionQuestionTipTitle {
    font-size: 0.475rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.0rem;
}

.constitutionQuestionTipText {
    margin: 0.25rem 0;
    max-height: 10.5rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    line-height: 0.625rem;
    color: #666;
    text-align: justify;
    font-size: 0.375rem;
}

.constitutionQuestionTipText img {
    width: 100%;
    display: block;
}

.constitutionQuestionTipText p {
    margin: 0 0 0.1625rem 0;
}

.constitutionQuestionTipText p:last-child {
    margin: 0;
}

.constitutionQuestionTipBtn {
    padding: 0.25rem 0 0 0;
    display: flex;
}

.constitutionQuestionTipBtn button {
    background: linear-gradient(to right, #3ad9bb, #22b8c3);
    box-shadow: 0 0.125rem 0.3125rem rgba(15, 151, 143, 0.2);
    flex: 1;
    color: #fff;
    border-radius: 0.125rem;
    border: 0;
    font-size: 0.4375rem;
    height: 1.1875rem;
}

.commonHeader {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    height: 1.3125rem;
    line-height: 1.3125rem;
    background-size: 100% auto;
    display: flex;
    align-items: center;
}

.commonHeaderTitle {
    width: calc(100% - 2.0rem);
    text-align: center;
    font-size: 0.4375rem;
}

.headerEdit {
    font-size: 0.40375rem;
    width: 1.5rem;
    text-align: center;
}

.backPage {
    font-size: 0.5rem;
    min-width: 1.0rem;
    text-align: center;
}

.backPage span {
    display: block;
    transform: rotate(180deg);
}

.commonContainer {
    padding-top: 1.3125rem;
}

.dropdownSelect {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    top: 2.5rem;
    background: #fff;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    pointer-events: none;
}

.dropdownSelect.show {
    opacity: 1.0;
    pointer-events: auto;
    transition-duration: 0.3s;
}

.dropdownSelectItem {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    font-size: 0.375rem;
}

.dropdownSelectItem::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.25rem;
    width: 200%;
    height: calc(200% - 1.0rem);
    border-right: 1px #e6e6e6 solid;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.dropdownSelectItem:last-child::after {
    border: 0;
}

.dropdownSelectItem select {
    border: 0;
    max-width: 2.5rem;
    font-size: 0.375rem;
    height: 1.125rem;
    outline: none;
    -webkit-appearance: none;
    background: transparent;
}

.dropdownSelectItem label {
    margin-left: 0;
}

.dropdownSelectItem option {
    text-align: center;
}

.dialecticalReportBox {
    overflow: auto;
}

.healthRecordBox {
    overflow: auto;
}

.healthRecordLxTitle::after {
    content: "";
    position: absolute;
    left: 0.3125rem;
    bottom: 0.275rem;
    width: 1.6875rem;
    height: 0.1625rem;
    background: linear-gradient(to top, #ff7800, transparent);
}

.dialecticalReportResultLine {
    position: relative;
    color: #fff;
    padding-left: 0.25rem;

}

.dialecticalReportContentTitle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-bottom: 0px #ddd solid;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}

.dialecticalReportResultLine b {
    font-size: 0.5rem;
    position: relative;
    z-index: 999;
}

.dialecticalReportResultLine span {
    font-weight: normal;
    position: relative;
    z-index: 999;
}

.dialecticalReportResultLine::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.03125rem;
    width: 5.5rem;
    height: 0.75rem;
    background: linear-gradient(to top, #18ccc0, #18ccc0);
}

.commonFixedBtn {
    position: fixed;
    z-index: 999;
    left: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
}
.tipsDialog{
    position:fixed;
    opacity:0;
    pointer-events:none; 
    left:0; top:0; 
    right:0; 
    bottom:0; 
    padding-top:0; 
    z-index:999; 
    display:flex; 
    align-items:center; 
    justify-content:center;
}
.tipsDialog.show{opacity:1.0; pointer-events:auto;}
.tipsDialog::after{content:""; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6);}
.tipsBox{position:relative; z-index:999; width:80%;} 
.tipsDiaTitle{text-align:center; font-size:0.4375rem; font-weight:bold; line-height:1.5rem;}
.tipsDiaCenter{padding:0; background:#fff;  border-radius:0.32rem; overflow:hidden; max-height:15.0rem; overflow:auto; -webkit-overflow-scrolling:touch;}
.tipsDiaCenter::-webkit-scrollbar{width:0;}
.tipsDiaImg img{width:100%; display:block; border-radius:0.32rem;}
.tipsDiaText{padding:0 0.5rem 0.4375rem 0.5rem; line-height:0.625rem; color:#444; text-align:justify;}
.tipsDiaText p{margin:0;}
.tipsDiaTextP{
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 0.51375rem;
}
.tipsClose{position:absolute; right:0; left:0; bottom:-1.5rem; display:flex; justify-content:center;}
.tipsClose .closeIcon{background:url(../img/closeIcon.png) no-repeat; width:0.64rem; height:0.64rem; background-size:0.64rem 0.64rem;}
.commentReplyItem{margin:0.5rem 0 0 1.1733rem;}
.commentReplyItem .commentUserPic{width:0.8rem; height:0.8rem;}

.medalTop {
  background: #3ad9bb;
  padding: 0.75rem;
}
.medalHeaderImg img {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  object-fit: cover;
  display: block;
  border-radius: 100%;
}
.medalLevelName {
  text-align: center;
  font-size: 0.4375rem;
  color: #fff;
  margin-top: 0.25rem;
}
.medalProgress {
  margin: 0.5rem 0.5rem 0 0.5rem;
  overflow: hidden;
  border-radius: 0.25rem;
  position: relative;
  height: 0.1875rem;
  background: rgba(255, 255, 255, 1.8);
}
.medalProgress div {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.25rem;
  background: #ff9c00;
}
.medalNextLevel {
  text-align: center;
  color: #fff;
  font-size: 0.375rem;
  margin-top: 0.25rem;
}
.medalNextLevel b {
  font-size: 0.4375rem;
}
.medalList {
  display: flex;
  flex-wrap: wrap;
  margin: 0.3125rem 0.25rem 0.5rem 0.25rem;
}
.medalItem {
  width: 48%;
  margin-right: 4%;
  margin-top: 0.3125rem;
}
.medalItem:nth-child(2n + 0) {
  margin-right: 0;
}
.medalItem i {
  display: block;
}
.medalItem img {
  width: 2.875rem;
  display: block;
  margin: 0 auto;
}
.medalItem span {
  display: block;
  font-size: 0.34375rem;
  text-align: center;
  margin-top: 0.125rem;
}
.medalRules {
  padding: 0.25rem 0.5rem 0.375rem 0.5rem;
  border-radius: 0.25rem;
  margin: 0.375rem;
  background: #fff;
  text-align: justify;
}
.medalRulesTitle {
  font-weight: bold;
  line-height: 0.75rem;
  font-size: 0.40375rem;
}
.medalRulesText {
  font-size: 0.34375rem;
  color: #444;
  line-height: 0.5rem;
}
.medalRulesText p {
  margin-top: 0.125rem;
}
.medalList {
  background: #fff;
  padding-bottom: 0.5rem;
  margin: 0.375rem;
  border-radius: 0.25rem;
}
.medalItem span {
  font-weight: bold;
  color: #ff5400;
}


.table-container {
  width: 100%;
  max-width: 600px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
table {
  width: 100%;
  border-collapse: collapse;
  background: white;
}
th,
td {
  padding: 16px 24px;
  text-align: left;
  border-bottom: 1px solid #e1e5eb;
}
th {
  background-color: #3ad9bb;
  color: white;
  font-weight: 600;
}
tr:nth-child(even) {
  background-color: #f8fafc;
}
tr:hover {
  background-color: #f1f5f9;
}
@media (max-width: 480px) {
  th,
  td {
    padding: 12px 16px;
  }
}


.userLevel {
  display: flex;
  align-items: center;
}
.userLevel img {
  width: 2rem;
}