/*公共样式*/

@charset "utf-8";

/* @media (min-width: 320px) {
    html {
        font-size: 20px;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 22.5px;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 23.4375px;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 24px;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 25.875px;
    }
}

@media (min-width: 448px) {
    html {
        font-size: 28px;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 30px;
    }
}

@media (min-width: 512px) {
    html {
        font-size: 32px;
    }
}

@media (min-width: 544px) {
    html {
        font-size: 34px;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 36px;
    }
}

@media (min-width: 608px) {
    html {
        font-size: 38px;
    }
}

@media (min-width: 640px) {
    html {
        font-size: 40px;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 46.875px;
    }
} */


/* #cover {
    text-align: center;
    display: block;
    position: absolute;
    z-index: 9999;
    bottom: 0rem;
    padding-top: 50%;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
} */


/* CSS Document */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
code,
em,
img,
small,
strong,
sub,
sup,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input,
textarea,
select {
    outline: none;
    resize: none;
    -webkit-appearance: none;
    font-family: '苹方';
}

*select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

html {
    height: 100%;
}

body {
    min-height: 100%;
    background-color: #f7f7f7;
    font-family: '苹方';
    /* display: none; */
}

.body_bto {
    padding-bottom: 2.45rem;
}

img {
    border: none
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}


/* 没有    图片 */

body .nodataimg {
    display: block;
    width: 100%;
    /* margin-top: 3rem; */
}

body .huibu {
    position: fixed;
    z-index: 15;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0em;
    left: 0;
}


/*公共 清除浮动*/


/* 我的 */

.myde {
    position: relative;
}

.myde_top {
    position: relative;
    min-height: 6.5rem;
}

.myde_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.myde_top_con {
    position: relative;
    padding: 0.75rem 0.6rem;
}

.myde_top_con_l {
    float: left;
    max-width: 11rem;
}

.myde_top_con_l_img {
    width: 3.1rem;
    height: 3.1rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 0.1rem solid #fff;
    float: left;
}

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

.myde_top_con_l_text {
    float: left;
    margin-left: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 3.1rem;
}

.myde_top_con_name {
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.05rem;
    font-weight: bold;
    padding-top: 0.75rem;
    padding-bottom: 0.35rem;
    display: inline-block;
}

.myde_top_con_text2 {
    font-size: 0.5rem;
    color: #fff;
    line-height: 0.75rem;
    display: block;
}

.myde_top_con_r {
    float: right;
}

.myde_top_con_r a {
    display: block;
    text-align: center;
    padding-top: 0.85rem;
}

.myde_top_con_r a i {
    display: block;
    font-size: 0.8rem;
    color: #fff;
    font-weight: bold;
}

.myde_top_con_r a span {
    font-size: 0.5rem;
    color: #fff;
    line-height: 0.75rem;
}

.myde_main {
    margin: 0 0.6rem;
    top: -0.9rem;
    position: relative;
    background-color: #fff;
    padding-bottom: 0.6rem;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.myde_main_top {
    padding: 0.6rem 0.5rem;
    overflow: hidden;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    box-shadow: 0 0.05rem 0.3rem 0 rgba(0, 0, 0, 0.1)
}

.myde_main_top>div {
    width: 50%;
    float: left;
}

.myde_main_top>div>a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around;
}

.myde_main_top_img {
    display: block;
    width: 1.375rem;
    float: left;
    margin-right: 0.25rem;
}

.myde_main_top>div>a>div {
    margin-left: -0.5rem;
}

.myde_main_top>div>a h2 {
    font-size: 0.6rem;
    color: #333;
    line-height: 0.7rem;
}

.myde_main_top>div>a p {
    font-size: 0.45rem;
    color: #00a9bf;
}

.myde_main_top_jt {
    display: block;
    width: 0.25rem;
    /* margin-left: auto; */
}

.my_de_function_new {
    position: relative;
}

.my_de_function_new>p {
    margin-left: 0.5rem;
    padding-right: 0.5rem;
    border-bottom: 0.025rem solid #f1f2f3;
    line-height: 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.4rem;
}

.my_de_function_new>p>a {
    width: 13rem;
    font-size: 0.6rem;
    color: #333;
}

.my_de_function_new>p>a i {
    color: #00b8c1;
    font-size: 0.6rem;
    margin-right: 0.25rem;
}

.my_de_function_new>p .iconright {
    font-size: 0.6rem;
    color: #ccc;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden;
    place-self: center flex-start;
}


/* 编辑个人资料 */


/* 编辑个人信息 */

.edit_personal_information {
    overflow: hidden;
}

.edi_top_bor_f {
    background-color: #fff;
    margin-bottom: 0.5rem;
}

.my_de_edi_hade {
    overflow: hidden;
}

.edi_top {
    background-color: #fff;
}

.edi_top p {
    font-size: 0.6rem;
    color: #333333;
    min-height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0.6rem;
    border-bottom: 0.025rem solid #ebebeb;
}

.edi_top p i,
.edi_top p span {
    line-height: 1.85rem;
    display: inline-block;
}

.edi_top p span {
    min-width: 3.5rem;
}

.edi_top p span:nth-child(3) {
    margin-left: auto;
}

.upload-head {
    position: relative;
    margin: 0.6rem auto 1rem;
    display: block;
    text-align: center;
    overflow: hidden;
}

.edi_top p>i {
    font-size: 0.75rem;
    color: #6f6f6f;
    margin-right: 0.25rem;
}

#preview1 {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

#preview1 img {
    display: block;
    width: 100%;
    height: 100%;
}

#preview1>font {
    font-size: 0.4rem;
    width: 100%;
    line-height: 0.7rem;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0%;
    z-index: 10;
    background-color: #6f6f6f;
    z-index: 10;
    bottom: 0;
}

.upload-head input[type="file"] {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    top: 0rem;
    left: 50%;
    margin-left: -1.875rem;
    opacity: 0;
    z-index: 11;
}

.edi_top p>img {
    width: 0.25rem;
    margin-left: 0.5rem;
}

.edi_top p>input {
    width: 9rem;
}

.edi_top p>input,
.edi_top p>select {
    color: #333333;
    line-height: 1.5rem;
    border: 0;
    text-align: right;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    font-size: 0.6rem;
    background-color: #ffffff;
    max-width: 4.7rem;
}

.edi_top p>select {
    -webkit-appearance: none;
    background: url("https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/xiala.png") no-repeat right;
    background-size: 1rem;
    padding-right: 0.8rem;
}

.edit_con>div textarea {
    background-color: #ebebeb;
    color: #333333;
    border: 0.025rem solid #d4d4d4;
    min-height: 4.05rem;
    width: 10.3rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    resize: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    line-height: 1rem;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    padding-left: 0.25rem;
    float: right;
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

.edi_pohoe {
    margin-left: auto;
    min-width: 10.5rem;
    min-height: 1rem;
    font-size: 0.6rem;
    color: #00b8c1;
    text-align: right;
}

.edi_pohoe img {
    width: 0.4rem;
    vertical-align: -0.1rem;
}

.edit_con>div {
    padding: 0 1rem;
    overflow: hidden;
}

.edit_con_div {
    border-bottom: 0.025rem solid #ebebeb;
}

.edit_con>div p {
    font-size: 0.6rem;
    color: #333333;
    min-height: 2.25rem;
    float: left;
}

.edit_con>div p i,
.edit_con>div p span {
    line-height: 2.25rem;
    display: inline-block;
}

.edit_con>div p i {
    font-size: 0.75rem;
    color: #666666;
    /* margin-right: 0.25rem; */
}

.wanshan_tishi {
    font-size: 0.6rem;
    color: #007eff;
    line-height: 1.5rem;
    text-align: center;
}

.edit_ok {
    margin: 1.7rem 1rem;
}

.edit_ok button {
    background-color: #007eff;
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color: #ffffff;
    width: 100%;
    display: block;
    letter-spacing: 0.1rem;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}


/* 认证资料 */


/* 完善资料详情 */

.wszl {
    width: 100%;
    min-height: 100%;
    background-color: #f7f7f7;
}

.wszl_top {
    padding: 0.5rem 0.6rem;
    background-color: #00b8c1;
    /* margin-bottom: 0.5rem; */
    border-bottom: 0.025rem solid #eeeeee;
}

.wszl_top p {
    padding: 0;
    line-height: 0.9rem;
    font-size: 0.55rem;
    color: #fff;
}

.wszl_top p span {
    width: 3.5rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
    text-align: right;
    display: inline-block;
}


/* .wszl_top p span:first-child {
    margin-right: 1.5rem;
} */

.wszl form {
    display: block;
    padding: 0 0.6rem;
    background-color: #fefefe;
}

.wszl form>p {
    padding: 0;
    line-height: 2.5rem;
    font-size: 0.6rem;
    color: #333333;
    border-bottom: 0.025rem solid #eeeeee;
    overflow: hidden;
}

.wszl form>p span {
    min-width: 2.5rem;
    display: inline-block;
    letter-spacing: 0.01rem;
    font-size: 0.6rem;
    color: #333;
    margin-right: 1.5rem;
}

.fl_l span {
    float: left;
}

.wszl form>p input {
    min-width: 8rem;
    color: #999999;
    text-align: left;
    line-height: 1rem;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0.6rem;
    background-color: transparent;
}

.wszl form>p select {
    max-width: 4.5rem;
    -webkit-appearance: none;
    background: url('https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/xiala.png') no-repeat right;
    background-size: 1rem;
    padding-right: 0.8rem;
    color: #999999;
    line-height: 1.5rem;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    font-size: 0.6rem;
}

.wszl form>p textarea {
    color: #999;
    border: 0;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0.6rem;
    background-color: transparent;
    display: inline-block;
    width: 9rem;
    max-height: 2.5rem;
    /* height: 4.5rem; */
    -webkit-appearance: none;
    padding: 0.85rem 0 0;
    outline: none;
    resize: none;
}

.wszl form>p textarea::-webkit-input-placeholder,
.wszl form>p input::-webkit-input-placeholder,
.wszl form>p select::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.wszl form .zigezheng {
    margin-bottom: 0.8rem;
    overflow: hidden;
}

.wszl form>div>p {
    color: #333333;
    font-size: 0.6rem;
    line-height: 1rem;
    margin-top: 0.65rem;
}

.zgz_img_ck {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0.5rem 0;
    border-bottom: 0.025rem solid #eeeeee;
}

.zgz_img {
    flex-shrink: 0;
    width: 5.325rem;
    height: 3.35rem;
    border: 0.025rem solid #999999;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    overflow: hidden;
    position: relative;
}

.zgz_img img {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-top: 0 !important;
}

.zgz_img input {
    display: none;
}

.zj_shuoming {
    font-size: 0.6rem;
    color: #999;
    line-height: 1.5rem;
    text-align: center;
    padding-bottom: 0.5rem;
}

.wszl_tijiao,
.wszl_fanhui {
    display: block;
    margin: 0 auto;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    width: 11rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}

.wszl_tijiao {
    background-color: #00b8c1;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
    color: #fff;
    margin-top: 1rem;
}

.wszl_fanhui {
    color: #666;
    margin-top: 0.5rem;
}


/* 修改手机号 */


/* 修改手机号 */

.xg_phone p {
    padding: 0 0.6rem;
    border-bottom: 0.025rem solid #e2e2e2;
}

.xg_phone_p1 {
    font-size: 0.6rem;
    color: #333333;
    line-height: 2.125rem;
    display: flex;
}

.xg_phone_p1 input {
    line-height: 2.125rem;
    width: 100%;
    color: #999999;
    font-size: 0.6rem;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
}

.xg_phone_p2 {
    font-size: 0.6rem;
    line-height: 2.125rem;
}

.xg_phone_p2 input {
    background-color: transparent;
    line-height: 2.125rem;
    width: 9.5rem;
    font-size: 0.6rem;
    color: #999999;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.xg_phone_p2 span {
    font-size: 0.6rem;
    color: #00b8c1;
    float: right;
}

.xg_phone_p2 span bb {
    border-left: 0.025rem solid #c1c1c1;
    padding-left: 0.4rem;
}

.xg_phone button {
    display: block;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    width: 11rem;
    border-radius: 2rem;
    margin: 2.5rem auto;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    background-color: #00b8c1;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
    color: #fff;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* 完善资料 */

.wszl_phone {
    position: relative;
    overflow: hidden;
    padding-bottom: 1rem;
}

.wszl_phone_bg {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.wszl_phone_main {
    position: relative;
    margin: 7.25rem 1.1rem 0;
    background-color: #fff;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    min-height: 11.5rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
}

.wszl_phone_img {
    position: relative;
    top: -1.8rem;
    width: 3.8rem;
    height: 3.8rem;
    overflow: hidden;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(83, 144, 227, 0.7);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
}

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

.wszl_phone_main_form {
    display: block;
    position: relative;
    top: -0.5rem;
}

.wszl_phone_main_form>div {
    padding: 0 0.7rem;
}

.wszl_phone_main_form>div p {
    border-bottom: 0.025rem solid #ededed;
}

.wszl_phone_p1 {
    font-size: 0.6rem;
    color: #333333;
    line-height: 2.125rem;
    display: flex;
}

.wszl_phone_p1 input {
    line-height: 0.9rem;
    width: 100%;
    color: #999999;
    font-size: 0.6rem;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
}

.wszl_phone_p2 {
    font-size: 0.6rem;
    line-height: 2.125rem;
}

.wszl_phone_p2 input {
    background-color: transparent;
    line-height: 0.9rem;
    width: 8.1rem;
    font-size: 0.6rem;
    color: #999999;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.wszl_phone_p2 span {
    font-size: 0.6rem;
    color: #00b8c1;
    float: right;
}

.wszl_phone_p2 span bb {
    border-left: 0.025rem solid #c1c1c1;
    padding-left: 0.4rem;
}

.wszl_phone_main_form button {
    display: block;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    width: 11rem;
    border-radius: 2rem;
    margin: 1.8rem auto;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    background-color: #00b8c1;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
    color: #fff;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.rz_alert {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}

.rz_alert_con {
    width: 10.3rem;
    background-color: #fff;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    margin: 5rem auto 0;
    position: relative;
    z-index: 30;
}

.rz_alert_con_top {
    position: relative;
    overflow: hidden;
}

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

.rz_alert_con_top>p {
    font-size: 0.75rem;
    line-height: 1.2rem;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 7.4rem;
    font-weight: bold;
    width: 100%;
}

.rz_alert_con_select {
    height: 2.1rem;
    display: flex;
    align-items: center;
    position: relative;
}

.rz_alert_con_select a {
    flex-shrink: 0;
    width: 50%;
    font-size: 0.6rem;
    color: #333333;
    text-align: center;
}

.rz_alert_con_select a b {
    color: #00b8c1;
    display: block;
    border-left: 0.025rem solid #cccccc;
}


/* 活动列表页 */

.activity_list_ck {
    width: 100%;
}

.activity_list {
    padding: 0.8rem 0.6rem;
    overflow: hidden;
}

.activity_list_slide {
    background-color: #fff;
    margin-bottom: 0.8rem;
    overflow: hidden;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.activity_list_slide>a {
    display: block;
}

.activity_list_slide>a>img {
    display: block;
    width: 100%;
    height: 6.6rem;
}

.activity_list_slide>a .activity_list_slide_title {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #00b8c1;
    padding: 0.5rem 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.3rem;
}

.activity_list_slide_con {
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.3rem;
}

.activity_list_slide_con_l {
    flex-shrink: 0;
    /* max-width: 10rem; */
    width: 10rem;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.activity_list_slide_con_l h2 {
    padding-left: 0.5rem;
    font-size: 0.6rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.activity_list_slide_con_l p {
    padding-left: 0.5rem;
    font-size: 0.5rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.activity_list_slide_con_l p i {
    font-size: 0.5rem;
    margin-right: 0.15rem;
}

.activity_list_slide_con_r {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    margin-right: 0.5rem;
}

.activity_list_slide_con_r>span {
    flex-shrink: 0;
    display: inline-block;
    text-align: center;
    font-size: 0.5rem;
    color: #fff;
    background-color: #00b8c1;
    min-width: 3.4rem;
    line-height: 1rem;
    border-radius: 0.35rem;
    -webkit-border-radius: 0.35rem;
    -moz-border-radius: 0.35rem;
    -ms-border-radius: 0.35rem;
    -o-border-radius: 0.35rem;
}

.activity_list_slide_con_r .activity_over {
    background-color: #999;
}

.activity_list_slide_con_r>p {
    font-size: 0.4rem;
    color: #666;
    text-align: center;
}

.activity_list_slide_con_r>p i {
    font-size: 0.4rem;
}


/* 活动详情 */

.activity_details {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.activity_details_banner_ck {
    z-index: 9;
    position: relative;
    height: 6.55rem;
    margin: 0.9rem 0.6rem 0;
    overflow: hidden;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 0.025rem solid #cccccc;
    box-shadow: 0 0.05rem 0.3rem 0 rgba(0, 0, 0, 0.2)
}

.activity_details_banner {
    width: 100%;
    display: block;
    height: 100%;
}

.activity_details_con {
    position: relative;
    background-color: #fff;
    padding: 0.5rem 0.6rem;
    top: -0.1rem;
}

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

.activity_details_go {
    display: block;
    width: 12rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
}

.activity_details_over {
    display: block;
    width: 12rem;
    background-color: #bbbbbb;
    font-size: 0.6rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}


/* 活动报名信息页 */

.activity_information {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: -0.5rem;
}

.activity_information_h2 {
    padding: 0 0.6rem;
    font-size: 0.6rem;
    color: #333;
    margin-top: 0.5rem;
    line-height: 1.5rem;
    background-color: #fff;
}

.activity_information_h2 i {
    font-size: 0.6rem;
    color: #00b8c1;
    margin-right: 0.15rem;
    font-weight: normal;
}

.activity_information_p {
    background-color: #fff;
    padding: 0.5rem 0 0 0.6rem;
    min-height: 1.5rem;
    display: flex;
    border-bottom: 0.025rem solid #eeeeee;
}

.activity_information_p span {
    flex-shrink: 0;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color: #666;
    margin-right: 0.8rem;
}

.activity_information_p p {
    line-height: 0.8rem;
    font-size: 0.6rem;
    margin-top: 0.3rem;
    color: #333;
    font-weight: bold;
}


/* 课程列表页 */


/* 课程列表页 搜索框 */

.search_hb_gy_video {
    /* position: absolute;
    left: 0;
    top: 0;
    z-index: 51; */
    background-color: #fff;
    /* line-height: 1.6rem; */
    position: relative;
    padding: 0.35rem 0 0rem 0.6rem;
    /* border-bottom: 0.025rem solid #eeeeee; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gy_video_class_ck {
    position: relative;
    max-width: 4.5rem;
    display: flex;
    align-items: center;
}

.gy_video_class_ck .iconkecheng {
    font-size: 0.6rem;
    color: #00b8c1;
}

.gy_video_class_ck .iconxiala {
    font-size: 0.5rem;
    color: #333;
}

.gy_video_class_ck select {
    background-color: #fff;
    margin: 0 0.15rem;
    max-width: 2.9rem;
    font-size: 0.6rem;
    line-height: 1.65rem;
    color: #333;
    border: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
}

.search_hb_gy_video input {
    display: inline-block;
    width: 10.3rem;
    /*margin-left: 0.6rem;*/
    /*margin-right: 0.2rem;*/
    height: 1.5rem;
    font-size: 0.6rem;
    color: #999;
    /* line-height: 2.45rem; */
    border: none;
    outline: none;
    background: #eeeeee;
    /*text-align: center;*/
    padding: 0 1.5rem 0 0.5rem;
    box-sizing: border-box;
    border-radius: 0.35rem;
    -webkit-border-radius: 0.35rem;
    -moz-border-radius: 0.35rem;
    -ms-border-radius: 0.35rem;
    -o-border-radius: 0.35rem;
    margin-right: 0.6rem;
}

.search_hb_gy_video .a_1 {
    position: absolute;
    display: block;
    width: 1.5rem;
    right: 0.6rem;
    text-align: center;
    top: 0.45rem;
}

.search_hb_gy_video .a_1 i {
    display: inline-block;
    font-size: 0.8rem;
    color: #999;
}

.search_search {
    font-size: 0.6rem;
    color: #333;
    background-color: #eeeeee;
    width: 2.2rem;
    line-height: 1.65rem;
    display: inline-block;
    border-radius: 0.25rem;
    text-align: center;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.search_search_js {
    color: #fff;
    background-color: #3187b6;
}

.search_search_a {
    font-size: 0.6rem;
    color: #333333;
    /* background-color: #f5f5f5; */
    /* padding: 0.2rem 0.3rem; */
    /* margin-left: 0.65rem; */
}

.gy_video_and_img {
    padding: 0 0.6em 0.5rem;
    border-bottom: 0.025rem solid #eeeeee;
    line-height: 1.2rem;
    overflow: hidden;
}

.joint_work_select_area {
    background-color: #fff;
    /* margin-bottom: 0.5rem; */
}

.joint_work_select_area .gy_video_and_img {
    padding: 0rem 0;
}

.gy_video_and_img>span {
    width: 50%;
    font-size: 0.7rem;
    color: #666666;
    display: inline-block;
    letter-spacing: 0.05rem;
    text-align: center;
    float: left;
    /* margin-left: 3.7rem; */
    padding: 0.5rem 0;
}

.gy_video_and_img span:nth-child(2) {
    float: right;
    margin-left: 0;
    /* margin-right: 3.7rem; */
}

.joint_work_select_area .gy_video_and_img>span {
    width: 50%;
    font-size: 0.6rem;
    color: #666666;
    display: inline-block;
    letter-spacing: 0.05rem;
    text-align: center;
    float: left;
    margin-left: 0;
    position: relative;
}

.joint_work_select_area .gy_video_and_img>span>span {
    display: inline-block;
    min-width: 4.8rem;
    text-align: center;
    /* background-color: #f7f7f7; */
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    position: relative;
}

.joint_work_select_area .gy_video_and_img>span:last-child {
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-right: 0;
}

.gy_video_and_img .gy_video_and_img_span {
    color: #00b8c1;
}

.joint_work_select_area .gy_video_and_img .gy_video_and_img_span {
    color: #00b8c1;
    font-weight: bold;
}

.joint_work_select_area .gy_video_and_img .gy_video_and_img_span span {
    font-size: 0.75rem;
}

.joint_work_select_area .gy_video_and_img .gy_video_and_img_span::before {
    content: '';
    position: absolute;
    bottom: 0rem;
    width: 1.1rem;
    height: 0;
    left: 50%;
    margin-left: -0.55rem;
    border-top: none;
    border-bottom: solid 0.18rem #00b8c1;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}


/* 课程列表页 收费的 */

.gy_video_and_img_ck {}

.gy_index_video_list {
    padding: 0.6rem;
    overflow: hidden;
}

.gy_index_video_list li {
    background-color: #fff;
    float: left;
    list-style: none;
    overflow: hidden;
    padding: 0.3rem 0.3rem 0.25rem;
    width: 6.5rem;
    margin-bottom: 0.5rem;
    /* border-bottom: 0.05rem solid #ddd; */
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.gy_index_video_list li:nth-child(2n) {
    float: right;
}

.gy_index_video_list li>a {
    display: block;
}

.gy_index_video_img {
    width: 6.5rem;
    height: 3.75rem;
    background-color: #d3f1ee;
    overflow: hidden;
    position: relative;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

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

.gy_index_video_img span {
    background-color: rgba(131, 146, 144, 0);
    color: #ffffff;
    font-size: 0.4rem;
    line-height: 0.7rem;
    padding: 0 0.2rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
}

.gy_index_video_img dd {
    position: absolute;
    top: 0rem;
    right: -0.1rem;
    color: #fff;
    width: 1.6rem;
    line-height: 0.75rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    overflow: hidden;
    font-size: 0.5rem;
    text-align: center;
    background-color: #ff6000;
}

.gy_index_video_img dd img {
    width: 100%;
}

.gy_index_video_img_bf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gy_index_video_img_bf img {
    flex-shrink: 0;
    display: block;
    width: 1.25rem;
}

.gy_index_video_h2 {
    font-size: 0.5rem;
    font-weight: 550;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    line-height: 1rem;
    /* margin-bottom: 0.2rem; */
}

.gy_index_video_h3 {
    font-size: 0.45rem;
    font-weight: 550;
    color: #999;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-weight: normal;
    -webkit-box-orient: vertical;
    line-height: 0.65rem;
    /* margin-bottom: 0.2rem; */
}

.gy_index_video_parameter {
    /* display: flex;
    justify-content: space-between; */
}

.gy_index_video_parameter>div {
    /* height: 2.5rem; */
}

.gy_index_video_parameter span,
.gy_index_video_parameter p {
    font-size: 0.4rem;
    display: block;
    color: #333333;
}

.gy_index_video_parameter p {
    display: flex;
    justify-content: space-between;
}

.gy_index_video_parameter p>span {
    flex-shrink: 0;
    display: inline-block;
    max-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    color: #999999;
}

.gy_index_video_parameter p>span:nth-child(1) {
    max-width: 65%;
}

.gy_index_video_parameter span {
    /* margin-top: 0.5rem; */
}

.gy_index_video_parameter span i {
    font-size: 0.55rem;
}


/* 视频列表  免费的 */

.course_list_gratis .gy_video_and_img_ck {
    /* background-color: #fff; */
    margin-bottom: 2.05rem;
}

.course_list_gratis .gy_index_video_list {
    padding: 0.6rem;
    overflow: hidden;
}

.course_list_gratis .gy_index_video_list li {
    list-style: none;
    overflow: hidden;
    padding: 0 0 0.25rem 0;
    background-color: transparent;
    width: 100%;
    margin-bottom: 0.5rem;
    /* border-bottom: 0.05rem solid #ddd; */
}

.course_list_gratis .gy_index_video_list li:nth-child(2n) {}

.course_list_gratis .gy_index_video_list li>a {
    display: flex;
    justify-content: space-between;
}

.course_list_gratis .gy_index_video_img {
    width: 6.5rem;
    height: 3.75rem;
    background-color: #d3f1ee;
    overflow: hidden;
    position: relative;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

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

.course_list_gratis .gy_index_video_img span {
    background-color: rgba(131, 146, 144, 0);
    color: #ffffff;
    font-size: 0.4rem;
    line-height: 0.7rem;
    padding: 0 0.2rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
}

.course_list_gratis .gy_index_video_img dd {
    position: absolute;
    top: 0rem;
    right: -0.1rem;
    color: #fff;
    width: 1.6rem;
    line-height: 0.75rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    overflow: hidden;
    font-size: 0.5rem;
    text-align: center;
    background-color: #ff6000;
}

.course_list_gratis .gy_index_video_img dd img {
    width: 100%;
}

.course_list_gratis .gy_index_video_h2 {
    font-size: 0.5rem;
    font-weight: 550;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1rem;
    /* margin-bottom: 0.2rem; */
}

.course_list_gratis .gy_index_video_parameter {
    width: 7.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.course_list_gratis .gy_index_video_parameter>div {}

.course_list_gratis .gy_index_video_parameter span,
.course_list_gratis .gy_index_video_parameter p {
    font-size: 0.4rem;
    display: block;
    color: #333333;
}

.course_list_gratis .gy_index_video_parameter p {
    display: flex;
    justify-content: space-between;
}

.course_list_gratis .gy_index_video_parameter p>span {
    flex-shrink: 0;
    display: inline-block;
    max-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
}

.course_list_gratis .gy_index_video_parameter p>span:nth-child(1) {
    max-width: 65%;
}

.course_list_gratis .gy_index_video_parameter span {
    /* margin-top: 0.5rem; */
}

.course_list_gratis .gy_index_video_parameter span i {
    font-size: 0.55rem;
}


/* 视频详情页 */


/* 课程------------------------------- */

.D-video {
    padding-bottom: 0.25rem;
    background-color: #fff;
    /* margin-bottom: 0.5rem; */
}

.D-video-content {
    position: relative;
    width: 16rem;
    height: 9rem;
    overflow: hidden;
}

.gy_video_fix1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.gy_video_fix1 img:nth-child(1) {
    width: 100%;
    height: 100%;
}

.gy_video_fix1 img:nth-child(2) {
    position: absolute;
    width: 3rem;
    left: 50%;
    top: 50%;
    margin: -1.5rem;
}

.gy_video_fix2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
}

.gy_video_fix2_p {
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.25rem;
    text-align: center;
    margin: 1rem 0;
}

.gy_video_fix2_p2 {
    font-size: 0.55rem;
    color: #fff;
    line-height: 0.85rem;
    text-align: center;
}

.gy_video_fix2_p2 span {
    margin-right: 0.5rem;
}

.gy_video_fix2>a {
    display: block;
    width: 8rem;
    line-height: 1.25rem;
    font-size: 0.6rem;
    color: #fff;
    background-color: #00b8c1;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    text-align: center;
    margin: 1rem auto;
}

.gy_video_fix3 {
    width: 100%;
    height: 9rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.gy_video_fix3 .iconwangluobanji {
    font-size: 1.6rem;
    margin-top: 2.5rem;
    display: inline-block;
    margin-bottom: 0.25rem;
}

.gy_video_fix3 p {
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.gy_video_fix3 .iconguanbi {
    position: absolute;
    font-size: 0.7rem;
    top: 0.75rem;
    right: 0.75rem;
}

.gy_video_fix4 {
    width: 10.9rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    bottom: 2.26rem;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    overflow: hidden;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.gy_video_fix4>p {
    padding-left: 0.6rem;
    color: #fff;
    font-size: 0.5rem;
    line-height: 1.5rem;
}

.gy_video_fix4>p i {
    font-size: 0.7rem;
    margin-right: 0.15rem;
    vertical-align: middle;
}

.gy_video_fix4>p span {
    color: #00b8c1;
}

.D-video .D-video-content video {
    display: block;
    width: 16rem;
    height: 9rem;
    object-fit: fill;
    object-position: 0 0;
}

.D-video .D-video-content>p {
    padding: 0.2rem 0.5rem;
    font-size: 0.55rem;
    color: #4c4c4c;
    line-height: 0.9rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.D-video .D-video-content>img {
    display: block;
    width: 16rem;
    height: 9rem;
}

.course_nav {
    padding: 0 0.6rem;
    background-color: #ffffff;
    border-bottom: 0.025rem solid #eeeeee;
}

.course_nav ul {
    height: 0.85rem;
}

.course_nav li {
    height: 0.85rem;
    margin: 0.5rem 0;
    width: 50%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    border-right: 0.05rem solid #00b8c1;
}

.course_nav li span {
    display: block;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #333333;
    margin: 0 1.5rem;
    padding-bottom: 0.38rem;
    letter-spacing: 0.1rem;
}

.course_nav li span bb {
    font-size: 0.4rem;
    color: #007eff;
    line-height: 0.65rem;
    letter-spacing: 0.025rem;
    margin-left: -0.25rem;
}

.course_nav li:last-child {
    border: 0;
}

.course_nav .course_li span {
    color: #00b8c1;
    position: relative;
    /* border-bottom: 0.1rem solid #007eff; */
}

.course_nav .course_li span::before {
    content: '';
    position: absolute;
    bottom: 0rem;
    width: 1.25rem;
    height: 0;
    left: 50%;
    border-top: none;
    margin-left: -0.675rem;
    border-bottom: solid 0.05rem #00b8c1;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    /* background-origin: padding-box, border-box;
    background-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #64a4f4 0%, #8ecaff 100%);
    border-image: linear-gradient(-90deg, #64a4f4, #8ecaff); */
}

.D_video_jianjie {
    background-color: #ffffff;
}

.D_video_jianjie_abs {
    padding: 0.4rem 0.6rem;
    /* border-bottom: 0.025rem solid #ebebeb; */
}

.D_video_jianjie_abs p {
    font-size: 0.5rem;
    color: #333333;
}

.D_video_jianjie_abs p:nth-child(1) {
    font-size: 0.7rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
    line-height: 0.8rem;
}

.D_video_jianjie_abs p:nth-child(1) span {
    color: #eeeeee;
    background-color: #ff8942;
    font-size: 0.5rem;
    padding: 0.1rem 0.2rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    display: inline-block;
}

.gy_video_jianjie_js {
    font-size: 0.65rem;
    color: #333333;
    font-weight: 600;
    margin: 0.3rem 0;
}

.D_video_jianjie_rw {
    padding: 0rem 0.6rem 0;
    /* border: 0.025rem solid #e6e6e6; */
    border-right: 0;
    border-left: 0;
    position: relative;
}

.D_video_jianjie_rw>a {
    display: block;
}

.gy_video_jianjie_rw {
    font-size: 0.65rem;
    line-height: 1.2rem;
    color: #333333;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.gy_video_jianjie_rw>bb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    background-color: rgb(111, 108, 125);
}

.gy_video_jianjie_rw>bb>img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.gy_video_jianjie_rw span {
    margin-left: 0.9rem;
    font-size: 0.6rem;
}

.gy_video_jianjie_rw span:nth-child(3) {
    font-size: 0.5rem;
    margin-left: 0.3rem;
}

.gy_video_jianjie_rw span:nth-child(4) {
    margin-left: auto;
    font-size: 0.5rem;
}

.gy_video_jianjie_rw span>i {
    font-size: 0.5rem;
}


/* 展开收起的 */

.gy_video_jianjie {}

.gy_video_jianjie p:nth-child(1) {
    font-size: 0.65rem;
    color: #333;
    line-height: 1.3rem;
    font-weight: 600;
}

.gy_video_jianjie>font {
    font-size: 0.5rem;
    color: #00b8c1;
    float: right;
    margin-right: .5rem;
    margin-bottom: .3rem;
}

.gy_video_jianjie_abs {
    font-size: 0.5rem;
    line-height: 0.9rem;
    word-break: break-all;
    overflow: hidden;
    margin-bottom: .1rem;
    letter-spacing: 1px;
}

.D_video_rele_list {
    background-color: #ffffff;
    /* padding-bottom: 1rem; */
}

.D_video_rele_list>p {
    font-size: 0.65rem;
    color: #333333;
    padding: 0 0.6rem;
    font-weight: 600;
    margin-top: 0.3rem;
    overflow: hidden;
}

.D_video_rele_list>p a {
    font-size: 0.5rem;
    color: #666;
    font-weight: normal;
    float: right;
}

.D_video_rele_list>p a i {
    font-size: 0.5rem;
    margin-left: 0.25rem;
}


/* 评论 */

.gy_video_comment {
    width: 100%;
    padding-bottom: 2.5rem;
    background: #fff;
    overflow: hidden;
    min-height: 14rem;
}

.gy_video_comment_tips {
    color: #00b8c1;
    font-size: 0.55rem;
    background-color: #e5f8f9;
    line-height: 1.5rem;
    padding-left: 0.6rem;
    text-align: center;
}

.gy_video_comment_tips span {
    text-align: center;
    display: inline-block;
    min-width: 1.5rem;
    color: #fff;
    line-height: 0.8rem;
    padding: 0.05rem 0.15rem;
    background-color: #007eff;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
}

.gy_video-case-wrap {
    padding: 0.6rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gy_video-case-wrap .gy_video-case-wrap-title {
    margin-bottom: 0.25rem;
    font-size: 0.6rem;
    color: #4c4c4c;
    line-height: 1rem;
}

.gy_video-case-wrap .gy_video-case-comment-wrap {
    margin-bottom: 0.2rem;
    border-bottom: 0.025rem solid #eeeeee;
    overflow: hidden;
}

.gy_video-case-comment-head-ck {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.gy_video-case-comment-head {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.gy_video-case-comment-head a {
    display: block;
}

.gy_video-case-comment-head img {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
}

.gy_video-case-comment-head-text {
    flex-shrink: 0;
    font-size: 0.45rem;
    color: #666666;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gy_video-comment-content {
    /* border-bottom: 0.025rem solid #eaedf1; */
    padding-bottom: 0.4rem;
    margin-top: 0.2rem;
}

.gy_video_kf {
    position: relative;
}

.gy_video_kf_ck {
    justify-content: space-between;
    display: flex;
    margin-bottom: 0.2rem;
}

.gy_video-comment-content .clearfix {
    position: relative;
}

.gy_video-comment-content .gy_video_kf_ck .clearfix::after {
    /* content: '';
    border-top: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    border-right: 0.3rem solid #f7f7f7;
    position: absolute;
    top: 0.45rem;
    left: -0.28rem; */
    /* //这里的top:27px，left:-7px是为了遮盖住.c-main:before生成的箭头，使箭头边框呈现颜色 */
}

.gy_video_kf .gy_video-comment-content-intr {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gy_video_kf .gy_video-comment-content-intr span {
    border: 0.025rem solid #eeeeee;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.gy_video_kf .gy_video-comment-content-intr span img {
    display: block;
    width: 100%;
    height: 100%;
}

.gy_video_kf .gy_video-comment-content-intr p {
    font-size: 0.4rem;
    color: #00b8c1;
    text-align: center;
}

.gy_video-comment-content-answer-ck {
    width: 10rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    position: relative;
    background-color: #f7f7f7;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.gy_video-comment-content-answer {
    font-size: 0.5rem;
    color: #333333;
    line-height: 0.75rem;
    word-break: break-all;
    word-wrap: break-word;
}

.gy_video-comment-content-list {
    background-color: #fafafa;
    padding: 0.25rem;
    margin-bottom: 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gy_video-comment-content-list li {
    padding: 0.125rem 0;
}

.gy_video-comment-content-list li p {
    font-size: 0.55rem;
    color: #333333;
    line-height: 0.75rem;
}

.gy_video-comment-content-list li p span {
    color: #4083c7;
    display: inline-block;
    margin-right: 0.075rem;
}

.gy_video-comment-content-list a {
    display: block;
    color: #4083c7;
    font-size: 0.55rem;
}

.gy_video-comment-content-bottom-time {
    font-size: 0.5rem;
    color: #bababa;
    line-height: 0.75rem;
    float: left;
}

.gy_video-comment-content-bottom-right {
    /* float: right; */
    /* position: absolute; */
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.55rem;
}

.gy_video-comment-content-bottom-right a {
    font-size: 0.5rem;
    color: #00b8c1;
    line-height: 0.75rem;
}

.gy_video-comment-content-bottom-right i {
    font-size: 0.55rem;
    /* vertical-align: middle; */
    display: inline-block;
    color: #ccc;
    margin-right: 0.125rem;
}

.gy_video-comment-content-bottom-right .yidianzan {
    color: #00b8c1;
}

.gy_video-comment-content-bottom-right i:nth-child(2) {
    margin-left: 0.3rem;
}

.gy_video-case-position {
    position: fixed;
    bottom: -0.08rem;
    width: 100%;
    height: 2.1rem;
    background-color: #fff;
    padding: 0.45rem 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, .2) 0rem 0rem 0.5rem;
}

.gy_video-case-position input[type='text'] {
    width: 9.975rem;
    height: 1.1rem;
    background-color: #ffffff;
    border-radius: 0.625rem;
    /* padding: 0 0.625rem 0 1.375rem; */
    padding: 0 0 0 0.25rem;
    border: none;
    outline: none;
    font-size: 0.55rem;
    color: #b3b3b3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gy_video-case-position .gy_video-case-position-icon {
    position: fixed;
    bottom: 0.5rem;
    left: 0.85rem;
    color: #b3b3b3;
    font-size: 0.6rem;
    z-index: 3;
}

.gy_video-case-position .gy_video-case-position-send {
    display: block;
    font-size: 0.5rem;
    color: #666;
    background-color: #eeeeee;
    line-height: 1.3rem;
    letter-spacing: 0.05rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    text-align: center;
}

.gy_video-case-position .gy_video-case-position-send i {
    font-size: 0.5rem;
}


/* 国药视频详情页相关css */

.gy_video_chapter {
    padding: 0 0 0.4rem;
    border-bottom: 0.5rem solid #f7f7f7;
}

.gy_video_chapter p {
    font-size: 0.65rem;
    color: #333333;
    line-height: 1.3rem;
    /* width: 14rem; */
    padding: 0 0.6rem;
    margin: 0 auto;
    font-weight: 600;
}

.gy_video_chapter p span {
    float: right;
    font-size: 0.5rem;
}

.gy_video_chapter p span i {
    font-size: 0.5rem;
}

.gy_video_chapter_index {
    /* width: 15rem; */
    height: 2.25rem;
    margin-top: 0.3rem;
    margin-left: 1rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.gy_video_chapter_index>ul {
    /* overflow: hidden;
    overflow-x: auto; */
    /* height: 100%; */
    display: table;
    white-space: nowrap;
    /* width: 100%; */
    /* overflow: auto; */
}

.gy_video_chapter_index li {
    display: inline-block;
    list-style: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    background-color: #f7f7f7;
    position: relative;
    margin-right: 0.54rem;
    text-align: center;
    line-height: 2.25rem;
    color: #333;
    font-size: 0.8rem;
}

.gy_video_chapter_index .gy_video_chapter_index_li {
    color: #00b8c1;
}

.gy_video_chapter_index li span {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    background-color: #00b8c1;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    /* display: flex; */
    font-size: 0.5rem;
}

.gy_video_chapter_index .gy_video_chapter_index_li img {
    display: block;
}

.gy_video_chapter_index li img {
    position: absolute;
    bottom: 0;
    left: 0.1rem;
    width: 0.45rem;
    height: 0.45rem;
    display: none;
}

.gy_video_question {
    padding: 0.5rem 1rem;
    border-bottom: 0.025rem solid #ebebeb;
}

.gy_video_question p {
    font-size: 0.65rem;
    color: #333333;
    line-height: 1.3rem;
    margin-bottom: 0.4rem;
}

.gy_video_question img {
    width: 100%;
}

.gy-fixd-message {
    position: fixed;
    top: -0.05rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #eeeeee;
    z-index: 999;
    padding: 0.5rem 0.6rem;
}

.gy-fixd-message>i {
    font-size: 0.75rem;
    color: #ffffff;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background-color: #bebebe;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -0.75rem;
    bottom: 2rem;
}

.gy-fixd-message h2 {
    font-size: 0.75rem;
    color: #333333;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}

.gy-fixd-message textarea {
    height: 5rem;
    width: 100%;
    background-color: #f7f7f7;
    font-size: 0.65rem;
    color: #666666;
    line-height: 0.8rem;
    display: block;
    padding: 2%;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    border: 0;
}

.gy-fixd-message button {
    width: 12.3rem;
    background-color: #00b8c1;
    line-height: 1.55rem;
    color: #ffffff;
    border: 0;
    outline: none;
    font-size: 0.7rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin: 1.5rem auto;
    display: block;
}


/* 我的留言 */

.gy_my_comment {
    /* padding: 0 0.6rem; */
}

.gy_my_comment h2 {
    font-size: 0.75rem;
    color: #333;
    line-height: 1.5rem;
    font-weight: normal;
}

.gy_video-case-comment_ck {
    overflow: hidden;
    overflow-y: auto;
    max-height: 12rem;
}

.gy_my_comment .gy_video-case-comment-wrap {
    margin-bottom: 0.2rem;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video-case-comment-head {
    float: left;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.5rem;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video-case-comment-head a {
    display: block;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video-case-comment-head img {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video-comment-content {
    width: 12.9rem;
    float: left;
    /* border-bottom: 0.025rem solid #eaedf1; */
    padding-bottom: 0.2rem;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video_kf {
    float: right;
}

.gy_my_comment .gy_video-case-comment-wrap .gy_video-comment-content .clearfix {
    position: relative;
}

.gy_my_comment .gy_video-comment-content-intr {
    display: block;
    font-size: 0.55rem;
    color: #999999;
    line-height: 0.75rem;
    margin-bottom: 0.2rem;
}

.gy_my_comment .gy_video-comment-content-intr span {
    display: inline-block;
    font-size: 0.6rem;
    color: #333333;
    line-height: 0.75rem;
}

.gy_my_comment .gy_video_kf .gy_video-comment-content-intr span {
    color: #007eff;
    border-left: 0.15rem solid #007eff;
    padding-left: 0.3rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 0.7rem;
    margin-left: 0.15rem;
}

.gy_my_comment .gy_video-comment-content-intr span:nth-child(2) {
    color: #fff;
    background-color: #007eff;
    padding: 0 0.25rem;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
}

.gy_my_comment .gy_video-comment-content-answer {
    font-size: 0.65rem;
    color: #333333;
    line-height: 0.9rem;
    margin-bottom: 0.2rem;
    word-break: break-all;
    word-wrap: break-word;
    width: 10.5rem;
    padding: 0.25rem 0;
}

.gy_my_comment .gy_video-comment-content-list {
    background-color: #fafafa;
    padding: 0.25rem;
    margin-bottom: 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gy_my_comment .gy_video-comment-content-list li {
    padding: 0.125rem 0;
}

.gy_my_comment .gy_video-comment-content-list li p {
    font-size: 0.55rem;
    color: #333333;
    line-height: 0.75rem;
}

.gy_my_comment .gy_video-comment-content-list li p span {
    color: #4083c7;
    display: inline-block;
    margin-right: 0.075rem;
}

.gy_my_comment .gy_video-comment-content-list a {
    display: block;
    color: #4083c7;
    font-size: 0.55rem;
}

.gy_my_comment .gy_video-comment-content-bottom-time {
    font-size: 0.5rem;
    color: #bababa;
    line-height: 0.75rem;
    float: left;
}

.gy_my_comment .gy_video-comment-content-bottom-right {
    /* float: right; */
    position: absolute;
    bottom: 0.45rem;
    right: 0;
    text-align: right;
    font-size: 0.5rem;
    color: #b2b2b2;
}

.gy_my_comment .gy_video-comment-content-bottom-right a {
    font-size: 0.5rem;
    color: #00b8c1;
    line-height: 0.75rem;
}

.gy_my_comment .gy_video-comment-content-bottom-right i {
    font-size: 0.6rem;
    /* vertical-align: middle; */
    display: inline-block;
    margin-right: 0.125rem;
}


/* 我的留言结束 */


/* 图文课程详情页 */

.img_text_details {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.img_text_details_title {
    margin: 0.5rem 0.6rem;
    border-bottom: 0.025rem solid #eeeeee;
    /* margin: 0.5rem 0; */
}

.img_text_details_title h2 {
    font-size: 0.9rem;
    line-height: 1.8rem;
    color: #464646;
    word-break: break-all;
    word-wrap: break-word;
    height: auto;
    margin: 0;
    padding: 0;
    /* font-weight: normal; */
}

.img_text_details_title p {
    display: flex;
    font-size: 0.6rem;
    color: #939393;
    line-height: 1rem;
    margin: 0;
    margin-bottom: 0.4rem;
}

.img_text_details_title p span:nth-child(1) {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 0.25rem;
}

.img_text_details_title p span img {
    display: block;
    width: 100%;
    height: 100%;
}

.img_text_details_title p .img_text_details_title_time {
    margin-left: auto;
}

.img_text_details_main {
    padding: 0 0.6rem 0.5rem;
}

.img_text_details_main>p {
    line-height: 1 !important;
}

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

.img_text_details_main table {
    width: 100% !important;
}

.img_text_details_main_foot {
    padding: 0 0.6rem 0.5rem;
    display: flex;
    justify-content: space-between;
}

.img_text_details_main_foot span {
    font-size: 0.45rem;
    line-height: 0.65rem;
    color: #00b8c1;
}

.img_text_details_main_foot span i {
    font-size: 0.45rem;
    margin-right: 0.15rem;
    color: #00b8c1;
}

.img_text_details_main_foot span .yidianzan {
    color: #00b8c1;
}

.img_text_details .gy_video_comment {
    padding-bottom: 1.5rem;
    min-height: auto;
}

.daka_ck {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 7.5rem;
    height: 4.3rem;
    background-color: rgba(0, 0, 0, 0.6);
    margin-left: -3.75rem;
    margin-top: -2.15rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.daka_ck .iconwangluobanji {
    font-size: 1.1rem;
    display: inline-block;
    margin-top: 0.8rem;
}

.daka_ck p {
    font-size: 0.5rem;
    line-height: 0.9rem;
}

.img_text_details_pay {
    width: 100%;
    position: relative;
    padding-bottom: 1rem;
    /* left: 0;
    bottom: 0;
    z-index: 999;
    padding-top: 50%;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 60%); */
}

.img_text_details_pay .gy_video_fix2_p {
    font-size: 0.75rem;
    color: #666;
    line-height: 1.2rem;
    text-align: center;
    margin: 0.2rem 0;
}

.img_text_details_pay .gy_video_fix2_p2 {
    font-size: 0.55rem;
    color: #666;
    line-height: 0.85rem;
    text-align: center;
}

.img_text_details_pay a {
    display: block;
    width: 8rem;
    line-height: 1.25rem;
    font-size: 0.6rem;
    color: #fff;
    background-color: #00b8c1;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    text-align: center;
    margin: 0.25rem auto;
}


/* 专家列表页 */

.search_hb {
    padding: 0.6rem;
    background-color: #fff;
    line-height: 1.5rem;
    position: relative;
}

.search_hb input {
    display: inline-block;
    width: 100%;
    height: 1.5rem;
    font-size: 0.6rem;
    color: #666;
    border-radius: 0.35rem;
    background-color: #eeeeee;
    border: none;
    outline: none;
    padding: 0 2rem 0 0.5rem;
    box-sizing: border-box;
    -webkit-border-radius: 0.35rem;
    -moz-border-radius: 0.35rem;
    -ms-border-radius: 0.35rem;
    -o-border-radius: 0.35rem;
}

.search_hb .a_1 {
    position: absolute;
    display: block;
    width: 1.5rem;
    padding-left: 0.5rem;
    right: 0.6rem;
    text-align: center;
    top: 0.65rem;
}

.search_hb .a_1 i {
    display: inline-block;
    font-size: 0.8rem;
    color: #999;
}

.home_ms_zl_list {
    margin: 0.6rem;
    overflow: hidden;
}

.home_ms_zl_list .ms_zl_list li {
    list-style: none;
    padding: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    background-color: #fff;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.2)
}

.ms_zl_list_left {
    margin-right: 0.5rem;
    width: 3.375rem;
    height: 3.375rem;
    overflow: hidden;
    border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    float: left;
}

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

.ms_zl_list_right {
    display: flex;
    /* align-content: space-between; */
    flex-direction: column;
    height: 3.375rem;
    position: relative;
}

.ms_zl_list_right h2 {
    font-size: 0.6rem;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.8rem;
    /* margin-top: 0.5rem; */
}

.ms_zl_list_right h2 span {
    color: #333333;
    font-size: 0.45rem;
    /* margin-left: 0.35rem; */
    /* display: block; */
    font-weight: normal;
}

.ms_zl_list_right>span {
    font-size: 0.45rem;
    color: #333333;
    display: inline-block;
    margin: 0.15rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ms_zl_list_right_div {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ms_zl_list_right_div p {
    font-size: 0.55rem;
    color: #333;
    line-height: 0.7rem;
    display: flex;
    align-items: flex-end;
}

.ms_zl_list_right_div p>i {
    font-size: 0.55rem;
    color: #00b8c1;
    margin-right: 0.3rem;
}

.ms_zl_list_right_div p span {
    margin-left: auto;
    flex-shrink: 0;
    font-size: 0.45rem;
    color: #fff;
    background-color: #00b8c1;
    float: right;
    line-height: 1rem;
    padding: 0 0.3rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.ms_zl_list_right_div p span>i {
    font-size: 0.65rem;
    margin-right: 0.3rem;
}


/* 专家主页 */

.expert_home_ck {
    position: relative;
    overflow: hidden;
}

.expert_home_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.expert_home_top {
    background: url('https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/expert_home_top_bg_03.png') no-repeat;
    background-size: 100% auto;
    position: relative;
    margin: 2.8rem 0.6rem 0;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.expert_home_top_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.expert_home_img {
    top: -1.6rem;
    position: relative;
    width: 3.375rem;
    height: 3.375rem;
    overflow: hidden;
    border: 0.05rem solid #3a73ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
    background-color: #eeeeee;
}

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

.expert_home_name {
    top: -1.6rem;
    position: relative;
    font-size: 0.9rem;
    line-height: 1rem;
    color: #333;
    text-align: center;
    margin: 0.2rem 0;
}

.expert_home_text {
    top: -1.6rem;
    position: relative;
    font-size: 0.5rem;
    line-height: 0.7rem;
    color: #666;
    text-align: center;
    margin-bottom: 0.5rem;
}

.expert_home_abs {
    background-color: #fff;
    top: -1.6rem;
    font-size: 0.5rem;
    min-height: 2.1rem;
    position: relative;
    color: #999999;
    padding: 0.5rem 0.5rem 0;
    line-height: 0.75rem;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.expert_home_a {
    background-color: #fff;
    top: -1.6rem;
    padding: 0 0.5rem 0.2rem;
    border-radius: 0.25rem;
    display: block;
    text-align: right;
    font-size: 0.5rem;
    position: relative;
    color: #00b8c1;
    line-height: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.expert_home_main {
    margin: 0 0 1.5rem;
}

.expert_home_main_p {
    padding: 0 0.6rem;
    line-height: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expert_home_main_p span {
    font-size: 0.6rem;
    color: #333;
    font-weight: bold;
    position: relative;
    padding-left: 0.5rem;
    display: block;
}

.expert_home_main_p span::before {
    content: '';
    position: absolute;
    top: 0.45rem;
    width: 0.15rem;
    height: 0.7rem;
    left: 0.6rem;
    border-top: none;
    margin-left: -0.45rem;
    background-color: #00b8c1;
    /* border-bottom: solid 0.15rem #00b8c1; */
}

.expert_home_main_p a {
    font-size: 0.45rem;
    color: #666;
}

.expert_home_main_kc {
    margin-left: 0.6rem;
}

.expert_home_main_kc .gy_index_video_list {
    padding: 0;
    overflow: auto;
    display: flex;
    -webkit-overflow-scrolling: touch;
}

.expert_home_main_kc .gy_index_video_list li:nth-child(2n) {
    float: left;
}

.expert_home_main_kc .gy_index_video_list li {
    margin-right: 0.8rem;
    flex-shrink: 0;
    width: 6.7rem;
    padding: 0.5rem 0.5rem 0.3rem;
}

.expert_home_main_kc .gy_index_video_img {
    flex-shrink: 0;
    width: 6.7rem;
}

.expert_home_main_activ {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.1rem;
}

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

.expert_home_main_activ_p {
    font-size: 0.45rem;
    font-weight: normal;
    color: #999;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.65rem;
}

.expert_home_main_activ_p i {
    font-size: 0.45rem;
    margin-right: 0.15rem;
}

.expert_home_main_kc .gy_index_video_parameter p>span {
    max-width: 100%;
}

.lianxiwomen {
    position: fixed;
    right: 0;
    z-index: 90;
    top: 13.25rem;
}

.lianxiwomen>a {
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #00b8c1;
    color: #fff;
    font-size: 0.35rem;
}

.lianxiwomen>a img {
    display: block;
    width: 100%;
    height: 100%;
}

.lianxiwomen>a i {
    font-size: 0.35rem;
}

.lianxiwomen>a span {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}

.expert_home_main_img_kc {
    padding: 0 0.6rem;
}

.expert_home_main_img_kc_list li {
    list-style: none;
    overflow: hidden;
    padding: 0.5rem 0.6rem;
    background-color: transparent;
    /*width: 100%;
    */
    margin-bottom: 0.5rem;
    background-color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.expert_home_main_img_kc_list li>a {
    display: flex;
    justify-content: space-between;
}

.expert_home_main_img_kc_img {
    width: 5.45rem;
    height: 3rem;
    background-color: #d3f1ee;
    overflow: hidden;
    position: relative;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

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

.expert_home_main_img_kc_parameter {
    width: 7.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.expert_home_main_img_kc_h2 {
    font-size: 0.5rem;
    font-weight: 550;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1rem;
}

.expert_home_main_img_kc_parameter>p {
    display: flex;
    justify-content: flex-end;
    font-size: 0.4rem;
    color: #333333;
}

.expert_home_main_img_kc_parameter>p span {
    flex-shrink: 0;
    display: inline-block;
    max-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    font-size: 0.4rem;
    color: #333333;
}


/* 专家详情页 */

.expert_home_details {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.expert_home_details_bg {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

.expert_home_details_top {
    position: relative;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border: 0.05rem solid #3a73ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0.75rem auto 0;
    background-color: #eeeeee;
}

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

.expert_home_details_con {
    padding: 1.5rem 0.6rem 4rem;
}

.expert_home_details_con_h2 {
    position: relative;
}

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

.expert_home_details_con_text {
    padding: 0 0 0 0.45rem;
}

.expert_home_details_con_text li {
    font-size: 0.5rem;
    color: #333;
    line-height: 0.7rem;
    padding-left: 0.8rem;
    list-style: none;
    background: url('https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/style_dian_03.png') no-repeat;
    background-size: 0.4rem 0.4rem;
    background-position-y: 0.1rem;
    margin-bottom: 0.35rem;
}


/* 案例上传 */

.case_upload {
    position: relative;
    overflow: hidden;
}

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

.case_upload_form>div {
    position: relative;
    background-color: #fff;
    padding: 1.175rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.case_upload_form_bg {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
}

.case_upload_form>div>h1 {
    position: relative;
    font-size: 0.75rem;
    color: #00b8c1;
    line-height: 1rem;
    /* padding-top: 1rem; */
}

.case_upload_form>div>p {
    position: relative;
    font-size: 0.6rem;
    color: #333333;
    line-height: 0.75rem;
    padding-top: 0.5rem;
    font-weight: bold;
}

.case_upload_form .font_red {
    color: red !important;
}

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

.case_upload_form_input>input {
    width: 100%;
    display: block;
    line-height: 1.5rem;
    height: 1.5rem;
    border: 0.025rem solid #eeeeee;
    background-color: #f5f5f5;
    font-size: 0.45rem;
    color: #666666;
    padding: 0 0.5rem 0;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-top: 0.5rem;
}

.case_upload_form_select {
    position: relative;
}

.case_upload_form_select>select {
    width: 100%;
    margin-top: 0.5rem;
    display: block;
    line-height: 1.5rem;
    height: 1.5rem;
    border: 0.025rem solid #eeeeee;
    font-size: 0.45rem;
    color: #999999;
    padding: 0 0.5rem 0;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    padding-right: 1.5rem;
    background: url('https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/xiala.png') no-repeat right;
    background-size: 1rem;
    background-color: #f5f5f5;
    background-position-x: 12.3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.case_upload_form_radio {
    position: relative;
}

.case_upload_form_radio>div {
    overflow: hidden;
}

.case_upload_form_radio>div>span {
    display: block;
    float: left;
    width: 4.2rem;
    font-size: 0.45rem;
    color: #333333;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

.case_upload_form_radio>div>span:nth-child(3n+1) {
    margin-left: 0;
}

.case_upload_form_radio>div>span input {
    vertical-align: -0.1rem;
    margin-right: 0rem;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    border: 0;
    background: url('https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/xuankuang_08.png') no-repeat center -0.625rem;
    background-size: 100% auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-right: 0.25rem;
}

.case_upload_form_radio>section {
    display: flex;
}

.case_upload_form_radio>section>textarea {
    width: 100%;
    margin-top: 0.25rem;
    display: block;
    font-size: 0.5rem;
    padding: 0.25rem 0.5rem;
    border: 0.025rem solid #eeeeee;
    background-color: #f5f5f5;
    color: #999999;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    line-height: 0.75rem;
    height: 1.6rem;
}

.case_upload_form_radio>p {
    font-size: 0.45rem;
    color: #333;
    padding-top: 0.5rem;
}

.case_upload_form_radio>span {
    font-size: 0.4rem;
    color: #333333;
    line-height: 0.75rem;
    display: block;
    margin-top: 0.3rem;
}

.case_upload_form_img {
    position: relative;
}

.case_upload_form_img_ck {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.case_upload_form_img_ck>div {
    /* margin-top: 0.5rem; */
    overflow: hidden;
    flex-shrink: 0;
    width: 3.65rem;
    height: 3.65rem;
    border: 0.025rem solid #eeeeee;
}

.case_upload_form_img_ck>div img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
}

.case_upload_form_img_ck>div input {
    display: none;
}

.case_upload_form_img_ck>img {
    display: block;
    flex-shrink: 0;
    width: 4.175rem;
    height: 3.65rem;
}

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

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

.case_upload_form_textarea {
    position: relative;
    margin-top: 0.5rem;
    display: flex;
}

.case_upload_form_textarea>span {
    position: absolute;
    left: 0.5rem;
    top: 0.25rem;
    font-size: 0.5rem;
    color: #999;
}

.case_upload_form_textarea textarea {
    display: block;
    width: 100%;
    font-size: 0.5rem;
    padding: 0.25rem 0.5rem;
    border: 0.025rem solid #eeeeee;
    background-color: #f5f5f5;
    color: #999999;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    line-height: 0.75rem;
    height: 1.6rem;
}

.case_upload_form>div>span {
    position: relative;
    font-size: 0.5rem;
    color: #666;
    display: block;
    padding-top: 0.5rem;
}

.case_upload .tijiao {
    display: block;
    width: 12rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
}

.case_upload .quxiao {
    display: block;
    width: 12rem;
    background-color: #ccc;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
}


/* 案例提交确认页 */

.case_upload_qr .case_upload_form>div>p {
    display: flex;
}

.case_upload_qr .case_upload_form>div>p span:nth-child(1) {
    flex-shrink: 0;
    display: block;
    min-width: 3rem;
}

.case_upload_form_p {
    position: relative;
    margin-top: 0.3rem;
    display: flex;
    font-size: 0.5rem;
    color: #333;
    line-height: 0.75rem;
}

.case_upload_form_p span:nth-child(1) {
    display: block;
    flex-shrink: 0;
    /* min-width: 3rem; */
}

.case_upload_qr .case_upload_form>div {
    overflow: hidden;
}

.case_upload .zancun {
    display: block;
    width: 12rem;
    background-color: #ff8942;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
}

.case_upload_qr .yaweibiaoji {
    margin-bottom: 1rem;
}

.case_upload_form_p_no_t_m {
    margin-top: 0.25rem;
}

.case_upload_qr .case_upload_form>div>span {
    font-weight: bold;
    padding-top: 0;
}

.case_uploading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.case_uploading>img {
    display: block;
    width: 100%;
}


/* 我的课程  学习记录 */

.study_record {
    /* padding-bottom: 2.45rem; */
    overflow: hidden;
}

.study_record .gy_video_and_img {
    background-color: #fff;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 0.5rem;
}

.study_record .gy_video_and_img span {
    position: relative;
}

.study_record .gy_video_and_img .gy_video_and_img_span::before {
    content: '';
    position: absolute;
    bottom: 0.2rem;
    width: 0.9rem;
    height: 0;
    left: 50%;
    right: 0;
    border-top: none;
    margin-left: -0.45rem;
    border-bottom: solid 4px #00b8c1;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.study_record .gy_video_and_img>bb {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #eee;
    margin-top: -0.6rem;
    margin-left: -0.05rem;
}

.study_record .my_de_course {
    background-color: #fff;
    overflow: hidden;
    /* padding-top: 0.5rem; */
}

.my_de_video {
    padding: 0.05rem 0 2rem;
    border-bottom: 0.025rem solid #ebebeb;
}

.my_de_video>p {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
}

.my_de_video>p>span {
    line-height: 1.675rem;
}

.my_de_video>p>span:nth-child(1) {
    width: 0.1rem;
    height: 0.75rem;
    background-color: #007eff;
    display: inline-block;
    text-align: center;
    margin-right: 0.35rem;
}

.my_de_video>p>span:nth-child(2) {
    font-size: 0.6rem;
    color: #333333;
}

.my_de_video>p>span:nth-child(3) {
    font-size: 0.45rem;
    float: right;
    color: #999999;
}

.my_de_video>p i {
    font-size: 0.65rem;
    color: #ffffff;
}

.my_de_video_list_ck {
    overflow: hidden;
    /* padding-top: 0.5rem; */
}

.my_de_video_list {
    min-height: 3.7rem;
    padding: 0.5rem 1rem 0;
    background-color: #ffffff;
}

.my_de_video_list>a {
    display: inline-block;
}

.my_de_video_list_left {
    float: left;
    width: 7.525rem;
    height: 3.25rem;
    position: relative;
}

.my_de_video_list_left p:nth-child(1) {
    font-size: 0.6rem;
    line-height: 0.8rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.my_de_video_list_left p:nth-child(2) {
    font-size: 0.4rem;
    color: #666666;
    margin: 0.7rem 0 0 0;
}

.my_de_video_list_left p:nth-child(2) i {
    font-size: 0.375rem;
    color: #666666;
    margin-right: 0.21rem;
}

.my_de_video_list_left p:nth-child(3) {
    position: absolute;
    bottom: 0;
    line-height: 0.75rem;
    font-size: 0.5rem;
    color: #999999;
}

.my_de_video_list_left p:nth-child(3) i {
    font-size: 0.45rem;
    margin-right: 0.21rem;
}

.my_de_video_list_left progress {
    border: 0;
    background-color: #dedede;
    width: 7.95rem;
    height: 0.15rem;
    overflow: hidden;
    -webkit-appearance: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    display: inline;
}

progress::-webkit-progress-bar {
    /* // 整个进度条的背景 谷歌 */
    background: rgba(255, 255, 255, 0.3);
}

progress::-ms-fill {
    /* 对于IE10+，用::-ms-fill设置进度条完成进度的背景色。 */
    /* background: #ff6000; */
}

progress::-moz-progress-bar {
    /* 对于firefox，用::-moz-progress-bar设置进度条完成进度的背景色。 */
    background: #ff6000;
}

progress::-webkit-progress-value {
    /* 对于webkit浏览器，使用::-webkit-progress-value设置进度条完成进度的背景色。 */
    background: #ff6000;
}

.my_de_video_list_right {
    width: 5.75rem;
    height: 3.25rem;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 0.7rem;
}

.my_de_video_list_right img:nth-child(1) {
    width: 100%;
    height: 100%;
    display: block;
}

.my_de_video_list_right .my_de_video_study {
    position: absolute;
    left: 0;
    bottom: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 0.15rem;
    overflow: hidden;
    -webkit-appearance: none;
    display: inline-block;
}

.my_de_video_list_right>span {
    background-color: rgba(131, 146, 144, 0);
    color: #ffffff;
    font-size: 0.5rem;
    line-height: 0.75rem;
    padding: 0 0.25rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
}

.my_de_img_list .my_de_video_list_left p:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0.8rem;
}


/* .my_de_video_list_right img:nth-child(2) {
    width: 1.25rem;
    position: absolute;
    left: 50%;
    margin-left: -0.625rem;
    top: 50%;
    margin-top: -0.625rem;
} */


/* 我的活动 */

.myde_activity .activity_list {
    padding-top: 0;
}


/* 我的病例 */

.myde_case_ck {
    overflow: hidden;
}

.myde_case_list {
    margin: 0.6rem;
}

.myde_case_list_slide {
    position: relative;
    padding: 0.5rem;
    overflow: hidden;
    border-radius: 0.25rem;
    background-color: #fff;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.myde_case_list_slide>a {
    display: flex;
    justify-content: space-between;
}

.myde_case_list_img {
    flex-shrink: 0;
    width: 3.95rem;
    height: 3.95rem;
    border: 0.025rem solid #e7e7e7;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    overflow: hidden;
}

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

.myde_case_list_text {
    width: 9.25rem;
    flex-shrink: 0;
    height: 3.95rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.myde_case_list_name>p {
    font-size: 0.55rem;
    color: #333;
    line-height: 0.75rem;
}

.myde_case_list_name>p span:nth-child(1) {
    margin-right: 0.85rem;
}

.myde_case_list_text>span {
    font-size: 0.5rem;
    color: #999;
}

.myde_case_list_slide>span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.5rem;
    color: #fff;
    line-height: 0.75rem;
    padding: 0 0.3rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.myde_case_list_slide>.wtj {
    background-color: #ff8942;
}

.myde_case_list_slide>.dxg {
    background-color: #00b8c1;
}

.myde_case_list_slide>.ywc {
    background-color: #999999;
}


/* 我的点券 */

.myde_ticket_ck {
    overflow: hidden;
}

.myde_ticket_top {
    position: relative;
    min-height: 8.35rem;
    overflow: hidden;
}

.myde_ticket_bg {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
}

.myde_ticket_top>h1 {
    position: relative;
    font-size: 2rem;
    color: #00b8c1;
    text-align: center;
    margin-top: 1.85rem;
}

.myde_ticket_top>p {
    position: relative;
    font-size: 0.6rem;
    color: #00b8c1;
    text-align: center;
    /* margin-top: 0.5rem; */
    top: -0.5rem;
}

.myde_ticket_btn {
    margin: 0 0.6rem;
    background-color: #fff;
    overflow: hidden;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    display: flex;
    height: 2.8rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -1.8rem;
}

.myde_ticket_btn>a {
    flex-shrink: 0;
    position: relative;
    width: 50%;
    font-size: 0.7rem;
    color: #333;
    display: inline-block;
    letter-spacing: 0.05rem;
    text-align: center;
    float: left;
    /* margin-left: 3.7rem; */
    padding: 0.5rem 0;
}

.myde_ticket_btn>a i {
    font-size: 0.7rem;
    margin-right: 0.15rem;
    color: #00b8c1;
}

.myde_ticket_btn>a img {
    vertical-align: middle;
    margin-right: 0.15rem;
}

.myde_ticket_btn>bb {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #eee;
    margin-top: -0.6rem;
    margin-left: -0.05rem;
}

.my_ticket_tishi_img {
    margin: 0.5rem 0.6rem;
    position: relative;
    top: -1.8rem;
}

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


/* 点券账单 */

.ticket_bill_details_ck {
    position: relative;
    top: -1.8rem;
    margin: 0 0.6rem;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.ticket_bill_details {
    padding: 0.3rem 0;
    background-color: #fff;
}

.ticket_bill_details_title {
    line-height: 1.75rem;
    padding: 0 0.25rem;
    /* background-color: #f7f7f7; */
    overflow: hidden;
}

.ticket_bill_details_title p {
    font-size: 0.6rem;
    color: #333;
    font-weight: 600;
    letter-spacing: 0.01rem;
}

.ticket_bill_details_title p span {
    float: left;
}

.ticket_bill_details_title p .ticket_get,
.ticket_bill_details_title p .ticket_use {
    float: right;
}

.ticket_bill_details_title p .ticket_get font {
    color: #fcaf02;
    font-weight: normal;
    margin-right: 0.5rem;
}

.ticket_bill_details_title p .ticket_use font {
    color: #999999;
    font-weight: normal;
}

.ticket_bill_details_list {
    /* margin: 0 0.6rem; */
    padding: 0 0.25rem;
    background-color: #fff;
    border-bottom: 0.025rem solid #eeeeee;
    line-height: 1.4rem;
    font-size: 0.5rem;
    overflow: hidden;
}

.ticket_bill_details_list_time {
    color: #999999;
    margin-right: 1rem;
    float: left;
}

.ticket_bill_details_list_text {
    color: #333;
    font-size: 0.5rem;
    display: inherit;
    float: left;
    max-width: 10rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ticket_bill_details_list_text span {
    /* margin-right: 0.25rem; */
}

.ticket_bill_details_list_text font {
    width: 5.5rem;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: -0.5rem;
    text-overflow: ellipsis;
}

.ticket_bill_details_list_number {
    float: right;
}

.ticket_list_out .ticket_bill_details_list_number {
    color: #999999;
}

.ticket_list_get .ticket_bill_details_list_number {
    color: #fcaf02;
}


/* 我的消息 */

.myde_messages {
    position: relative;
}

.myde_messages_ck {
    margin: 0 0.6rem;
    overflow: hidden;
}

.myde_messages_con {
    overflow: hidden;
}

.myde_messages_con_list {
    border-radius: 0.25rem;
    padding: 0.5rem;
    background-color: #fff;
    margin-bottom: 0.5rem;
    overflow: hidden;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.myde_messages_con_list>a {
    display: block;
}

.myde_messages_con_head {
    float: left;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.25rem;
}

.myde_messages_con_head img {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
}

.myde_messages_con_content {
    width: 12.15rem;
    float: right;
    padding-bottom: 0.4rem;
}

.myde_messages_con_content_intr {
    display: block;
    font-size: 0.4rem;
    color: #999999;
    line-height: 0.6rem;
}

.myde_messages_con_content_intr>font {
    margin-bottom: 0.1rem;
    display: block;
}

.myde_messages_con_content_answer {
    font-size: 0.5rem;
    color: #666;
    line-height: 0.65rem;
    margin-bottom: 0.2rem;
    word-break: break-all;
    word-wrap: break-word;
}

.myde_messages_con_content_intr>b {
    background-color: #fff;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.myde_messages_con_content_intr>b img {
    display: block;
    width: 100%;
    height: 100%;
}

.myde_messages_con_content_intr>span {
    color: #00b8c1;
    margin-left: 0.2rem;
}

.myde_messages_kf {
    margin-top: 0.1rem;
    position: relative;
    padding: 0.25rem 0.5rem;
    background-color: #f7f7f7;
    width: 11.15rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.myde_messages_kf::after {
    width: 0px;
    height: 0px;
    border-width: 0.5rem;
    border-style: solid;
    border-color: transparent transparent #f7f7f7 transparent;
    position: absolute;
    content: ' ';
    left: 0.6rem;
    top: -0.85rem;
}

.myde_messages_kf .myde_messages_con_content_intr {
    display: flex;
    margin-bottom: 0.25rem;
    align-items: center;
}

.myde_notice_con {
    overflow: hidden;
}

.myde_notice_con_list {
    padding: 0.5rem 0.5rem 0.1rem;
    background-color: #fff;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.myde_notice_con_list>a {
    display: block;
}

.myde_notice_con_list_h1 {
    font-size: 0.5rem;
    color: #333;
    line-height: 0.7rem;
    margin-bottom: 0.3rem;
}

.myde_notice_con_list_h1 i {
    color: #00b8c1;
    font-size: 0.6rem;
    margin-right: 0.2rem;
}

.myde_notice_con_list_h1 span {
    font-size: 0.4rem;
    color: #999;
}

.myde_notice_con_list_div {
    font-size: 0.5rem;
    color: #333;
    line-height: 0.75rem;
    padding-bottom: 1.1rem;
    border-bottom: 0.025rem solid #eeeeee;
}

.myde_notice_con_list_p {
    justify-content: space-between;
    align-items: center;
    display: flex;
    font-size: 0.45rem;
    color: #00b8c1;
    line-height: 1.2rem;
    overflow: hidden;
}

.myde_notice_con_list_p i {
    font-size: 0.45rem;
}

.myde_code {
    position: relative;
}

.myde_code_top {
    width: 100%;
}

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

.myde_code_main {
    top: -2.35rem;
    margin: 0 0.6rem;
    background-color: #fff;
    min-height: 15.65rem;
    position: relative;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.myde_code_main h1 {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    color: #333;
    line-height: 2.35rem;
}

.myde_code_main h1 span {
    border-bottom: 0.05rem solid #333;
}

.myde_code_main>p {
    text-align: center;
    font-size: 0.5rem;
    line-height: 0.75rem;
    margin-top: 0.4rem;
    color: #999999;
}

.myde_code_main img {
    position: relative;
    display: block;
    width: 8rem;
    margin: 0.75rem auto;
}

.myde_code_main>span {
    display: block;
    width: 8rem;
    line-height: 1.6rem;
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    background: linear-gradient(to right, #bef1ee 0%, #08bfc7 100%);
    margin: 0 auto 1.2rem;
    box-shadow: 0 0rem 0.3rem 0 rgba(0, 184, 193, 1);
}


/* 打卡记录 */

.sign_in {
    position: relative;
}

.sign_in_banner {
    position: relative;
    min-height: 8.95rem;
    overflow: hidden;
}

.sign_in_banner img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}

.sign_in_banner h1 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    color: #fff;
    padding: 0.8rem 0.6rem 0.2rem;
    /* margin-top: 0.8rem; */
    text-shadow: 0.1rem 0.15rem 0.1rem #009fa7;
}

.sign_in_banner p {
    padding: 0 0.6rem;
    position: relative;
    font-size: 0.6rem;
    color: #fff;
    line-height: 0.9rem;
}

.sign_in_banner p b {
    font-size: 0.75rem;
}

#cldFrame {
    top: -2.35rem;
    position: relative;
    margin: 0 0.6rem;
    overflow: hidden;
    background-color: #fff;
    /* margin-top: -4.95rem; */
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    padding-bottom: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

#cldBody {}

.cldFrame #top {
    position: relative;
    height: 1.8rem;
    text-align: left;
    line-height: 1.8rem;
    padding: 1rem 0.5rem 0;
    /* margin-bottom: 2.5rem; */
    /* border-bottom: 0.025rem dashed #007eff; */
}

.cldFrame #topDate {
    font-size: 0.6rem;
    color: #666666;
    font-weight: bold;
    text-align: left;
}

.cldFrame .curDate {
    color: red;
    font-weight: bold;
}

.cldFrame table {
    background-color: #ffffff;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.cldFrame #week {
    /* background-color: #007eff; */
}

.cldFrame #week td {
    /* font-size: 15px; */
}

.cldFrame td {
    height: 1.8rem;
    width: 2.1rem;
    text-align: center;
    font-size: 0.7rem;
    color: #999;
}

.cldFrame #tbody td span {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cldFrame .td_span {
    background-color: #ff8942;
    color: #fff
}

.cldFrame #left,
.cldFrame #right {
    position: absolute;
    width: 60px;
    height: 60px;
}

.cldFrame #left {
    left: 0px;
}

.cldFrame #right {
    right: 0px;
}

.cldFrame #left:hover,
.cldFrame #right:hover {
    background-color: rgba(30, 30, 30, 0.2);
}

.sign_ok {
    display: block;
    width: 10.9rem;
    line-height: 1.75rem;
    text-align: center;
    font-size: 0.75rem;
    color: #fff;
    margin: 1rem auto;
    background-color: #cccccc;
    overflow: hidden;
    border-radius: 1.8rem;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    -ms-border-radius: 1.8rem;
    -o-border-radius: 1.8rem;
}

.sign_go {
    display: block;
    width: 10.9rem;
    line-height: 1.75rem;
    text-align: center;
    font-size: 0.75rem;
    color: #fff;
    margin: 1rem auto;
    background-color: #00b8c1;
    overflow: hidden;
    border-radius: 1.8rem;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    -ms-border-radius: 1.8rem;
    -o-border-radius: 1.8rem;
}


/* 点券充值 */

.ticket_recharge {
    padding: 0.6rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.ticket_recharge>p {
    font-size: 0.75rem;
    color: #333;
    line-height: 0.9rem;
    font-weight: bold;
    margin-bottom: 0.75rem;
}

.ticket_recharge_jiner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 1.3rem;
}

.ticket_recharge_jiner>span {
    font-size: 0.6rem;
    flex-shrink: 0;
    display: inline-block;
    width: 3.05rem;
    color: #333;
    line-height: 1.8rem;
    background-color: #e0e6e9;
    text-align: center;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.ticket_recharge_jiner .ticket_recharge_jiner_span {
    background-color: #00b8c1;
    color: #fff;
}

.ticket_recharge_qt_jiner {
    position: relative;
    margin-bottom: 2rem;
}

.ticket_recharge_qt_jiner input {
    padding-left: 0.8rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
    width: 5.75rem;
    background-color: transparent;
    border: 0;
    border-bottom: 0.01rem solid #f2f2f2;
    color: #333;
}

.ticket_recharge_fs {
    position: relative;
    margin-bottom: 3.5rem;
}

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

.ticket_recharge_form {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 2.5rem;
    display: flex;
    bottom: 0;
    left: 0;
}

.ticket_recharge_form form {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.ticket_recharge_form form>p {
    font-size: 0.65rem;
    color: #333;
    margin-left: 0.6rem;
}

.ticket_recharge_form form>p font {
    font-size: 0.8rem;
    margin-left: 0.35rem;
    color: #ff8942;
}

.ticket_recharge_form form>p input {
    color: #ff8942;
    font-size: 0.8rem;
    background-color: transparent;
    border: 0;
    width: 3rem;
}

.ticket_recharge_form form>span {
    text-align: center;
    margin-right: 0.3rem;
    flex-shrink: 0;
    font-size: 0.7rem;
    line-height: 1.5rem;
    min-width: 3.5rem;
    color: #fff;
    background-color: #00b8c1;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}


/* 金融服务 */

.money_service {
    position: relative;
    margin: 0.9rem 0.6rem;
}

.money_service_list {
    margin-bottom: 1rem;
    background-color: #fcfcfc;
    overflow: hidden;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border: 0.025rem solid #dddddd;
}

.money_service_list>a {
    display: block;
}

.money_service_list_img {
    width: 100%;
    height: 6.6rem;
    overflow: hidden;
}

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

.money_service_list_h2 {
    line-height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}


/* 特惠采购 */

.thcg {
    position: relative;
}

.thcg_con {
    margin: 0.5rem 0.6rem;
    overflow: hidden;
}

.thcg_con_list {
    background-color: #ffffff;
    float: left;
    width: 7.05rem;
    overflow: hidden;
    border: 0.025rem solid #fdfdfd;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.thcg_con_list:nth-child(2n) {
    float: right;
}

.thcg_con_list>a {
    display: block;
}

.thcg_con_list_img {
    width: 100%;
    height: 6.5rem;
    overflow: hidden;
}

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

.thcg_con_list>a h2 {
    font-size: 0.5rem;
    color: #333;
    line-height: 0.75rem;
    padding: 0 0.25rem;
    margin: 0.15rem 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    min-height: 1.5rem;
}

.thcg_con_list>a p {
    color: #999;
    font-size: 0.45rem;
    line-height: 0.65rem;
    padding: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.thcg_con_list>a span {
    background-color: #00b8c1;
    display: block;
    width: 4.65rem;
    line-height: 0.9rem;
    overflow: hidden;
    text-align: center;
    font-size: 0.45rem;
    color: #fff;
    font-weight: bold;
    border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    margin: 0.5rem auto;
}


/* 分期购 个人险 */

.fenqi_geren {
    position: relative;
}

.fenqi_geren>a {
    display: block;
}

.fenqi_geren>a img {
    display: block;
    width: 100%;
}


/* 用户协议 */

.user_agreement {
    position: relative;
    overflow: hidden;
}

.user_agreement>img {
    display: block;
    width: 100%;
}

.user_agreement_a {
    display: block;
    width: 12rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1.75rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
}


/* 医生登录 */

.logo_on {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.logo_on>img {
    display: block;
    width: 100%;
}

.logo_on>form {
    display: block;
    width: 100%;
}

.logo_on_form_div {
    padding: 0 1.2rem;
    overflow: hidden;
}

.logo_on_form_div>p {
    margin-top: 1rem;
    font-size: 0.6rem;
}

.logo_on_form_div>p span {
    display: block;
    color: #323232;
    line-height: 0.75rem;
    font-weight: bold;
}

.logo_on_form_div>p input {
    color: #323232;
    line-height: 1rem;
    height: 1.8rem;
    width: 100%;
    border: 0;
    border-bottom: 0.025rem solid #bfbfbf;
}

.logo_on_form_div>h3 {
    display: flex;
    justify-content: space-between;
    line-height: 1.75rem;
    font-size: 0.6rem;
    color: #323232;
    margin-bottom: 1.5rem;
}

.logo_on_form_div>h3 a {
    color: #323232;
}

.logo_on_form_p {
    text-align: center;
    font-size: 0.6rem;
    color: #323232;
    line-height: 1.5rem;
}

.logo_on_form_p input {
    vertical-align: -0.1rem;
    margin-right: 0rem;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    border: 0;
    background: url(https://xlymyycoss.oss-cn-beijing.aliyuncs.com/image/xuankuang_08.png) no-repeat center -0.625rem;
    background-size: 100% auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.logo_on_form_p a {
    color: #00b8c1;
}

.logo_on_btn {
    display: block;
    width: 10.9rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 0.75rem auto 2.5rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
}


/* 忘记密码 */

.forgot_passwor {
    position: relative;
    overflow: hidden;
}

.forgot_passwor>form {
    display: block;
    width: 100%;
}

.forgot_passwor>form>div {
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 4.3rem;
}

.forgot_passwor .logo_on_form_div>p {
    position: relative;
}

.forgot_passwor .logo_on_form_div>p font {
    position: absolute;
    right: 0;
    bottom: 0rem;
    /* line-height: 1.8rem; */
    padding: 0.5rem 0;
    color: #00b8c1;
}

.forgot_passwor .logo_on_form_div>p font b {
    border-left: 0.025rem solid #00b8c1;
    font-weight: normal;
    padding-left: 0.5rem;
}

.forgot_passwor_ok {
    display: block;
    width: 10.9rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 2rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1);
}


/* 专家工作台 */

.expert_work_three {
    overflow: hidden;
    height: 2.9rem;
    position: relative;
    top: -1.8rem;
}

.expert_work_three>div {
    width: 33.333333%;
    float: left;
    height: 100%;
}

.expert_work_three>div a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.expert_work_three>div span {
    flex-shrink: 0;
    width: 1.3rem;
    height: 1.3rem;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.expert_work_three>div span i {
    font-size: 0.6rem;
    color: #fff;
}

.expert_work_three>div p {
    text-align: center;
    font-size: 0.5rem;
    color: #666;
    line-height: 0.95rem;
}

.expert_work_three>div:nth-child(1) span {
    background-color: #6ccaff;
}

.expert_work_three>div:nth-child(2) span {
    background-color: #ff8942;
}

.expert_work_three>div:nth-child(3) span {
    background-color: #8dd54e;
}

.expert_work_ck .myde_case_list {
    margin: 0 0.6rem;
}


/* 专家工作台后加 我的消息入口 */

.expert_my_messages_go {
    position: absolute;
    right: 0.6rem;
    top: 0.5rem;
    z-index: 99;
}

.expert_my_messages_go>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.expert_my_messages_go>a>div {
    position: relative;
    text-align: center;
    font-size: 0.6rem;
    color: #fff;
}

.expert_my_messages_go>a>div i {
    font-size: 0.6rem;
    color: #fff;
}

.expert_my_messages_go>a>div b {
    width: 0.15rem;
    height: 0.15rem;
    display: inline-block;
    overflow: hidden;
    background-color: #ff0000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 0.15rem;
    right: 0;
}

.expert_my_messages_go>a>span {
    font-size: 0.45rem;
    line-height: 0.65rem;
    color: #fff;
    text-align: center;
}


/* 医生端病例详情页 */

.case_order_number {
    padding: 0 1.175rem;
    background-color: #00b8c1;
    line-height: 1.6rem;
    font-size: 0.75rem;
    color: #fff;
}


/* 医生我的收益 */

.wode_shouyi {
    flex-shrink: 0;
    width: 1.025rem;
    display: inline-block;
}

.wode_shouyi_jl a {
    font-size: 0.9rem;
    color: #333;
    font-weight: bold;
    padding: 0.5rem 0;
}


/* 联系客服 */

.call_kefu {
    position: relative;
    overflow: hidden;
}

.call_kefu>form {
    display: block;
    width: 100%;
}

.call_kefu_form {
    background-color: #fff;
    padding: 0.5rem 0.6rem 1.6rem;
    overflow: hidden;
}

.call_kefu_form>p {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #333;
    margin-bottom: 0.35rem;
}

.call_kefu .wancheng {
    display: block;
    width: 10.9rem;
    background-color: #00b8c1;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
}

.call_kefu .quxiao {
    display: block;
    width: 10.9rem;
    background-color: #ccc;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.95rem;
    text-align: center;
    letter-spacing: 0.05rem;
    margin: 1rem auto;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    /* box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 184, 193, 1); */
}

.call_kefu select {
    margin-bottom: 0.9rem;
    background-position-x: 13.2rem;
}

.call_kefu .case_upload_form_textarea textarea {
    margin-bottom: 0.9rem;
    min-height: 8rem;
    padding: 0.5rem;
}


/* 医生修改个人资料 */

.doc_edit .edi_pohoe span {
    color: #333333;
}


/* 修改密码 */

.edi_myde_password {
    width: 100%;
    background-color: #f7f7f7;
    height: 100%;
}

.edi_myde_password p {
    padding: 0 0.6rem;
    background-color: #fff;
    border-bottom: 0.025rem solid #eeeeee;
    line-height: 2.5rem;
    font-size: 0.6rem;
    color: #333333;
    overflow: hidden;
}

.edi_myde_password p span {
    min-width: 4rem;
    display: inline-block;
    letter-spacing: 0.01rem;
    font-size: 0.6rem;
    color: #333;
    margin-right: 0.1rem;
}

.edi_myde_password p input {
    min-width: 8rem;
    color: #999;
    text-align: left;
    line-height: 1.5rem;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0.6rem;
    background-color: transparent;
}

.edi_myde_password>form>span {
    display: block;
    width: 10.9rem;
    background-color: #00b8c1;
    color: #fff;
    margin: 2.5rem auto;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}


/* 修改姓名 */

.edi_myde_name {
    width: 100%;
    background-color: #f7f7f7;
    height: 100%;
}

.edi_myde_name input {
    width: 14.8rem;
    padding: 0 0.6rem;
    line-height: 1.95rem;
    display: block;
    color: #333333;
    text-align: left;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0.6rem;
    background-color: #ffffff;
}

.edi_myde_name span {
    display: block;
    width: 10rem;
    background-color: #007eff;
    color: #fff;
    margin: 2.5rem auto;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}


/* 编辑个人资料详情页 */

.doc_edit_personal_information {
    position: relative;
    overflow: hidden;
}

.doc_edit_personal_information>form {
    display: block;
    width: 100%;
    overflow: hidden;
}

.doc_edit_personal_information_form {
    position: relative;
    overflow: hidden;
}

.doc_edit_personal_information_top {
    background-color: #fff;
    margin-bottom: 0.5rem;
}

.doc_edit_personal_information_top>p {
    padding: 0 0.6rem;
    border-bottom: 0.025rem solid #e2e2e2;
    line-height: 2rem;
    font-size: 0.6rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.doc_edit_personal_information_top>p span {
    flex-shrink: 0;
    min-width: 3rem;
}

.doc_edit_personal_information_top>p input {
    flex-shrink: 0;
    width: 11rem;
    border: 0;
    font-size: 0.5rem;
}

.doc_edit_personal_information_main {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 0.5rem 0.6rem;
}

.doc_edit_personal_information_main_slide {
    position: relative;
    margin: 0.25rem 0 0.75rem;
}

.doc_edit_personal_information_main_slide>p {
    font-size: 0.6rem;
    color: #333;
    line-height: 1.5rem;
}

.textarea_rongqi {
    position: relative;
    overflow: hidden;
}

.textarea_slide {
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin: 0.4rem 0;
}

.textarea_slide>textarea {
    display: block;
    padding: 0.5rem;
    padding-right: 0rem;
    /* margin-right: 1rem; */
    width: 13rem;
    height: 3rem;
    font-size: 0.5rem;
    color: #333;
    border: 0;
    background-color: transparent;
}

.textarea_slide>i {
    position: absolute;
    right: 0rem;
    top: 0.55rem;
    width: 1rem;
    height: 1rem;
    font-size: 0.8rem;
    color: #00b8c1;
    display: block;
}

.textarea_rongqi_add {
    width: 2.5rem;
    font-size: 0.8rem;
    color: #00b8c1;
    display: block;
    margin-left: auto;
    text-align: right;
    padding: 0 0.195rem;
}

.doc_edit_personal_information>.jj_demo_none {
    display: none;
}

.doc_edit_personal_information_btn {
    display: block;
    width: 10.9rem;
    background-color: #00b8c1;
    color: #fff;
    margin: 1rem auto 2rem;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.75rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border: 0;
}


/* 医生端我的消息 */

.expert_my_messages_list {
    overflow: hidden;
    position: relative;
    padding: 0 0.6rem;
}

.expert_my_messages_list_slide {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-top: 0.5rem;
}

.expert_my_messages_list_slide_con {
    display: flex;
    padding: 0.5rem 0.5rem 0;
    justify-content: space-between;
}

.expert_my_messages_list_slide_con .iconkechengbiao {
    font-size: 0.65rem;
    color: #00b8c1;
}

.expert_my_messages_list_slide_con_text {
    position: relative;
    width: 12.6rem;
    display: flex;
    flex-direction: column;
}

.expert_my_messages_list_slide_con_text>h2 {
    font-size: 0.6rem;
    color: #333333;
    line-height: 0.75rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.expert_my_messages_list_slide_con_text>span {
    font-size: 0.45rem;
    color: #999999;
    margin-bottom: 0.6rem;
    margin-top: 0.2rem;
}

.expert_my_messages_list_slide_a {
    display: block;
    padding: 0 0.5rem;
    border-top: 0.025rem solid #eeeeee;
    line-height: 1.5rem;
    height: 1.5rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    font-size: 0.45rem;
    color: #00b8c1;
}

.expert_my_messages_list_slide_a i {
    font-size: 0.45rem;
}


/* 医生端我的消息详情 */

.expert_my_messages_details {
    overflow: hidden;
}

.expert_my_messages_details_doc {
    background-color: #fff;
    overflow: hidden;
    padding: 0.5rem 0.6rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.expert_my_messages_details_doc_top {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.expert_my_messages_details_doc_top_img {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 0.25rem;
    background-color: #eee;
}

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

.expert_my_messages_details_doc_top>p {
    font-size: 0.45rem;
    color: #666666;
}

.expert_my_messages_details_doc_top>p span:nth-child(2) {
    color: #999999;
}

.expert_my_messages_details_all_text {
    font-size: 0.5rem;
    color: #666666;
}

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

.expert_my_messages_details_kf {
    background-color: #fff;
    overflow: hidden;
    padding: 0.5rem 0.6rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    /* margin-top: 0.7rem; */
    position: relative;
}

.expert_my_messages_details_kf_ck {
    padding-top: 0.7rem;
    position: relative;
}

.expert_my_messages_details_kf_ck .iconiup {
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 1rem;
    top: -0.3rem;
}

.expert_my_messages_details_kf .expert_my_messages_details_doc_top_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expert_my_messages_details_kf .expert_my_messages_details_doc_top_img i {
    font-size: 1rem;
    color: #fff;
}


/* 关注公众号 */

.guanzhugongzhonghoa,
.shangchuananli {
    overflow: hidden;
}

.guanzhugongzhonghoa img,
.shangchuananli img {
    display: block;
    width: 100%;
}


/* 提交结果页 */

.wszl2 {
    padding: 0 0.6rem 10rem;
    background-color: #f7f7f7;
    /* width: 100%; */
    min-height: 100%;
}

.wszl2>img {
    display: block;
    width: 100%;
}

.wszl2>p {
    font-size: 0.65rem;
    line-height: 0.9rem;
    color: #999;
    text-align: center;
}

.wszl2>p b {
    color: #ff6000;
}

.wszl2>div {
    padding: 0 0.5rem;
    overflow: hidden;
    margin-top: 4rem;
}

.wszl2>div a {
    width: 6rem;
    line-height: 1.6rem;
    display: inline-block;
    font-size: 0.6rem;
    border-radius: 1.6rem;
    -webkit-border-radius: 1.6rem;
    -moz-border-radius: 1.6rem;
    -ms-border-radius: 1.6rem;
    -o-border-radius: 1.6rem;
    text-align: center;
    letter-spacing: 0.05rem;
    background-color: #007eff;
    color: #fff;
}

.wszl2 .hulue {
    float: left;
}

.wszl2 .ljqw {
    float: right;
}


/* 厂商详情页 */

.manufacturer_details {
    overflow: hidden;
    position: relative;
}

.manufacturer_details_bg {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

.manufacturer_details_top {
    position: relative;
    width: 3.4rem;
    height: 3.4rem;
    overflow: hidden;
    border: 0.025rem solid #eeeeee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 2.4rem auto 0;
}

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

.manufacturer_details_name {
    text-align: center;
    font-size: 0.75rem;
    color: #00b8c1;
    line-height: 1rem;
    position: relative;
}

.manufacturer_details_con {
    padding: 2.1rem 0.6rem 1rem;
    overflow: hidden;
}

.manufacturer_details_con>p {
    font-size: 0.6rem;
    color: #333;
    line-height: 1rem;
    font-weight: bold;
}

.manufacturer_details_con>p i {
    font-size: 0.6rem;
    font-weight: normal;
    color: #3dc9d0;
}

.manufacturer_details_con_text {
    padding-left: 0.8rem;
    font-size: 0.5rem;
    color: #333333;
    line-height: 0.9rem;
}


/* 后添加 滚动提示 */

.roll_tips {
    background-color: #00b8c1;
    padding-left: 0.6rem;
    overflow: hidden;
    position: relative;
    line-height: 1.5rem;
}

.roll_tips_con {
    display: flex;
    height: 1.5rem;
    align-items: center;
    justify-content: space-between;
}

.roll_tips_con>a {
    flex-shrink: 0;
    width: 13.8rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.roll_tips_con>a i {
    font-size: 0.75rem;
    color: #fff;
}

.roll_tips_con>a marquee {
    width: 12.5rem;
    color: #fff;
    font-size: 0.5rem;
    white-space: nowrap;
    display: inline-block;
}

.roll_tips_con>a marquee span {
    color: #ffa800;
}

.roll_tips_con>i {
    font-size: 0.75rem;
    color: #fff;
    padding-right: 0.6rem;
}


/* 新加 新加  新加 */


/* 新加 新加  新加 */


/* 新加 新加  新加 */


/* 新加 新加  新加 */


/* 新加 新加  新加 */


/* 新加 新加  新加 */

.navi_ck {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2.05rem;
}

.navi {
    padding: 0 0.6rem;
    background-color: #fff;
    height: 2.05rem;
    margin-top: 0.25rem;
    display: flex;
}

.navi>a {
    width: 25%;
}

.navi>a div {
    /* width: 25%; */
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.navi>a div>img {
    width: 1rem;
}

.navi>a div>span {
    font-size: 0.45rem;
    color: #999999;
    font-weight: bold;
}

.navi>a div>img:nth-child(2) {
    display: none;
}

.navi>a .xz>img:nth-child(2) {
    display: block;
}

.navi>a .xz>img:nth-child(1) {
    display: none;
}

.navi>a .xz>span {
    color: #00b8c2;
}

.new_index {
    overflow: hidden;
    margin-bottom: 2.05rem;
}

.n_index_banner {
    width: 100%;
    height: 7.8rem;
}

.n_index_banner .swiper-container {
    width: 100%;
    height: 7.8rem;
}

.n_index_banner a {
    width: 100%;
    height: 100%;
    display: block;
}

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


/* .Y-appointment-banner .swiper-pagination {
    width: auto !important;
    left: 0.5rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    line-height: 0.8rem;
} */

.n_index_banner .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.1rem;
    border-radius: 0;
    margin: 0 0.15rem 0 0 !important;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
}

.n_index_banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}

.bx_class {
    background-color: #fff;
    padding: 0 0 1rem 0.6rem;
    margin-bottom: 0.25rem;
}

.h2 {
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0.6rem 0 0;
    font-weight: bold;
    font-size: 0.6rem;
    color: #00b8c2;
}

.i {
    display: inline-block;
    width: 0.15rem;
    height: 0.7rem;
    background-color: #00b8c2;
    margin-right: 0.25rem;
}

.go_a {
    margin-left: auto;
    font-weight: normal;
    font-size: 0.5rem;
    color: #999;
}

.bx_class_ck {
    /* margin-left: 0.6rem; */
}

.bx_class_ck_con_swiper {
    padding: 0;
    overflow: auto;
    display: flex;
    -webkit-overflow-scrolling: touch;
}

.bx_class_ck_con_swiper_item {
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
    width: 7.05rem;
    height: 3.2rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.bx_class_ck_con_swiper_item:not(:last-child) {
    margin-right: 0.25rem;
}

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

.suotou {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suotou>i {
    font-size: 0.75rem;
    color: #ffffff;
}

.cp_infor {
    padding: 0 0.6rem;
    background-color: #ffffff;
}

.expert_slide {
    overflow: hidden;
}

.expert_slide_item {
    margin-bottom: 0.75rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.expert_slide_item_img {
    flex-shrink: 0;
    width: 7rem;
    height: 4.05rem;
    overflow: hidden;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

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

.expert_slide_item_text {
    width: 7.3rem;
    height: 4.05rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.expert_slide_item_title {
    font-size: 0.6rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.expert_slide_item_js {
    font-size: 0.45rem;
    display: flex;
    justify-content: space-between;
}

.expert_slide_item_js>span {
    font-size: 0.45rem;
    color: #666666;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expert_slide_item_js i {
    font-size: 0.5rem;
    margin-right: 0.25rem;
}

.zj_pen {
    padding: 0 0.6rem;
    background-color: #fff;
}

.zj_pen_slide {
    overflow: hidden;
}

.zj_pen_slide_item {
    margin-bottom: 0.75rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.zj_pen_slide_item_img {
    flex-shrink: 0;
    width: 7rem;
    height: 4.05rem;
    overflow: hidden;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

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

.slide_item_text {
    width: 7.3rem;
    height: 4.05rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slide_item_title {
    font-size: 0.6rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.slide_item_js {
    font-size: 0.45rem;
    display: flex;
    justify-content: space-between;
}

.slide_item_js>span {
    font-size: 0.45rem;
    color: #666666;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slide_item_js i {
    font-size: 0.5rem;
    margin-right: 0.25rem;
}


/* 新加专家课页 */

.new_expert {
    margin-bottom: 2.05rem;
}

.new_expert .home_ms_zl_list {
    margin: 0 0.1rem;
}

.new_expert .ms_zl_list_left {
    width: 4.125rem;
    height: 4.125rem;
}

.new_expert .ms_zl_list_right {
    height: 4.125rem;
}

.new_expert .ms_zl_list_right h2 {
    font-size: 0.7rem;
}

.new_expert .ms_zl_list_right h2 span {
    font-size: 0.5rem;
}

.new_expert .ms_zl_list_right>span {
    font-size: 0.5rem;
}

.new_expert .ms_zl_list_right_div p {
    font-size: 0.45rem;
}

.new_bank {
    overflow: hidden;
}

.new_bank_nav {
    padding: 0 0.6rem;
    background-color: #fff;
    margin-bottom: 0.5rem;
}

.new_bank_nav_swiper {
    padding: 0;
    overflow: auto;
    display: flex;
    height: 2rem;
    align-items: center;
    -webkit-overflow-scrolling: touch;
}

.new_bank_nav_swiper span {
    flex-shrink: 0;
    font-size: 0.6rem;
    color: #666666;
    margin-right: 0.8rem;
}

.new_bank_nav_swiper .span_x {
    font-weight: bold;
    color: #00b8c1;
    position: relative;
}

.new_bank_nav_swiper .span_x::before {
    content: '';
    position: absolute;
    bottom: -0.15rem;
    width: 100%;
    height: 0;
    right: 0;
    border-top: none;
    /*margin-left: -0.45rem;
    */
    border-bottom: solid 0.1rem #308fc1;
    border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
}

.new_bank_swiper {
    padding: 0.5rem 0.6rem;
    background-color: #ffffff;
}

.new_bank_slider {
    margin-bottom: 0.8rem;
}

.new_bank_slider>a {
    display: flex;
    width: 100%;
    /* height: ; */
    justify-content: space-between;
}

.new_bank_img {
    width: 5.5rem;
    height: 3.01rem;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

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

.new_bank_tetx {
    width: 8.9rem;
    height: 3.01rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new_bank_title {
    font-size: 0.6rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.new_bank_tetx_div {
    display: flex;
    justify-content: space-between;
    font-size: 0.5rem;
    color: #666666;
}

.new_bank_tetx_div i {
    margin-right: 0.2rem;
}

.new_bank_tetx_div .iconw_laoshi {
    font-size: 0.5rem;
    color: #00b8c1;
}

.new_bank_tetx_div .iconguankanrenshu {
    font-size: 0.5rem;
}


/* 医患沟通首页 */

.link_to {
    overflow: hidden;
}

.link_to_banner {
    margin: 0.75rem 0.6rem;
    overflow: hidden;
    height: 7rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    position: relative;
}

.link_to_banner img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.link_to_banner h2 {
    position: relative;
    padding: 2rem 1.6rem 0.45rem 3.9rem;
    font-size: 0.8rem;
    color: #ffffff;
    line-height: 1rem;
}

.link_to_banner p {
    position: relative;
    padding: 0 1.6rem 0 3.9rem;
    font-size: 0.6rem;
    color: #ffffff;
    line-height: 0.75rem;
}

.link_to_main {
    margin: 0 0.6rem 1.2rem;
    overflow: hidden;
}

.link_to_slider {
    background-color: #fff;
    position: relative;
    width: 7.15rem;
    height: 8.25rem;
    overflow: hidden;
    float: left;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.link_to_slider_suo {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.link_to_slider_suo>i {
    font-size: 1.3rem;
    color: #fff;
}

.link_to_slider:nth-child(2n) {
    float: right;
}

.link_to_slider img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.link_to_slider p {
    position: relative;
    font-size: 0.8rem;
    color: #222b3a;
    line-height: 1rem;
    padding: 1rem 0.4rem 0;
}


/* 测试 */

.new_test {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.game_bg1 {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.game_bg2 {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.shaceng {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}

.new_test_main {
    z-index: 10;
    overflow: hidden;
    position: relative;
    margin: 2.15rem 1rem 0;
    background-color: #fff;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.zm_game_over_con_h2 {
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.75rem;
    letter-spacing: 0.2rem;
}

.zm_game_over_con_h2 img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.zm_game_over_con_h2>span {
    position: relative;
}

.new_test_main_con {
    margin: 1.5rem 0 0;
    overflow: hidden;
}

.new_test_main_con_title {
    margin: 0 0.4rem;
    font-size: 0.7rem;
    color: #333333;
    line-height: 0.9rem;
    border-bottom: 0.1rem dashed #eeeeee;
}

.new_test_main_con_title>span {
    padding: 0 1.5rem;
    display: inline-block;
}

.new_test_main_con_div {
    margin-top: 0.6rem;
    overflow: hidden;
}

.new_test_main_con_div>p {
    padding-bottom: 0.5rem;
    margin: 0 1.5rem;
    font-size: 0.6rem;
    color: #666;
    line-height: 0.7rem;
    overflow: hidden;
}

.new_test_main_con_div_radio {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 1;
    float: left;
}

.new_test_main_con_div_radio>span {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background: #fff;
    border-radius: 50%;
    border: 0.05rem solid #00b8c1;
    /* -webkit-transition: all .1s linear;
    transition: all .1s linear; */
    box-shadow: none;
}

.new_test_main_con_div_radio>span::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: 0.5rem;
    background: #fff;
    content: "";
    /* -webkit-transition: all .1s linear;
    transition: all .1s linear; */
}

.new_test_main_con_div_radio>input {
    opacity: 0;
    position: absolute;
    vertical-align: middle;
    top: 0;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0;
    -webkit-appearance: radio;
}

.new_test_main_con_div_p .new_test_main_con_div_radio>span {
    background-color: #00b8c1;
}

.new_test_main_con_div_p .new_test_main_con_div_radio>span::after {
    width: 0.4rem;
    height: 0.4rem;
    font-weight: 700;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: -0.2rem;
    left: 50%;
    margin-left: -0.2rem;
    background: #fff;
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.new_test_main_con_div_A {
    margin-left: 0.45rem;
    line-height: 0.85rem;
    max-width: 9.4rem;
    display: inline-block;
}


/* 多选 */

.new_test_main_con_div2 {
    margin-top: 0.6rem;
    overflow: hidden;
}

.new_test_main_con_div2>p {
    padding-bottom: 0.5rem;
    margin: 0 1.5rem;
    font-size: 0.6rem;
    color: #666;
    line-height: 0.7rem;
    overflow: hidden;
}

.new_test_main_con_div2_radio {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 1;
    float: left;
}

.new_test_main_con_div2_radio>span {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background: #fff;
    border-radius: 50%;
    border: 0.05rem solid #00b8c1;
    /* -webkit-transition: all .1s linear;
    transition: all .1s linear; */
    box-shadow: none;
}

.new_test_main_con_div2_radio>span::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: 0.5rem;
    background: #fff;
    content: "";
    /* -webkit-transition: all .1s linear;
    transition: all .1s linear; */
}

.new_test_main_con_div2_radio>input {
    opacity: 0;
    position: absolute;
    vertical-align: middle;
    top: 0;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0;
    -webkit-appearance: radio;
}

.new_test_main_con_div2_p .new_test_main_con_div2_radio>span {
    background-color: #00b8c1;
}

.new_test_main_con_div2_p .new_test_main_con_div2_radio>span::after {
    width: 0.4rem;
    height: 0.4rem;
    font-weight: 700;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: -0.2rem;
    left: 50%;
    margin-left: -0.2rem;
    background: #fff;
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.new_test_main_con_div2_A {
    margin-left: 0.45rem;
    line-height: 0.85rem;
    max-width: 9.4rem;
    display: inline-block;
}

.new_test_main_con_btn {
    box-shadow: 0rem 0.25rem 0.3rem 0rem #00b8c1;
    margin: 2rem 1.5rem;
    overflow: hidden;
    line-height: 1.75rem;
    text-align: center;
    color: #fff;
    background-color: #00b8c1;
    border-radius: 1.75rem;
    -webkit-border-radius: 1.75rem;
    -moz-border-radius: 1.75rem;
    -ms-border-radius: 1.75rem;
    -o-border-radius: 1.75rem;
}

.new_test_result {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.huiceng {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.new_test_result_div {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100%;
}

.new_test_result_div1_bg {
    /* position: absolute; */
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

.new_test_result_div_h3 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #ba614d;
    padding: 12rem 3rem 0;
    text-align: center;
}

.new_test_result_div_p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 16.8rem;
    font-size: 0.6rem;
    color: #999999;
    text-align: center;
}

.new_test_result_div_btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4.55rem;
    font-size: 0.6rem;
    color: #999999;
    text-align: center;
}

.new_test_result_div_btn>img {
    display: block;
    width: 100%;
    height: auto;
}

.goto_home {
    text-decoration: underline;
    font-size: 0.6rem;
    color: #ffffff;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3.1rem;
}


/* 4个why详情 */

.new_four_why {
    overflow: hidden;
}

.zm_imdex_con_three_question {
    /* width: 100%; */
    /* display: none; */
    /* background: #fff; */
    /* padding: 0.7rem 0; */
}

.zm_imdex_con_three_question_list {
    background: #ffffff;
    padding: 0.5rem 0.6rem;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-bottom: 0.25rem;
    /* transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; */
}

.zm_imdex_con_three_question_list>a {
    display: block;
}

.zm_imdex_con_three_question_list_title {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #1e9ba9;
    margin: 0.25rem 0;
}

.zm_imdex_con_three_question_list_answers {
    height: 1.65rem;
    font-size: 0.6rem;
    overflow: hidden;
    transition: all 0.5s;
    word-break: break-all;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.zm_imdex_con_three_question_list_answers_open {
    display: block;
    height: auto;
}


/* .zm_imdex_con_three_question_list_answers>span:nth-child(1) {
    display: inline-block;
    width: 0.8rem;
    line-height: 0.8rem;
    overflow: hidden;
    text-align: center;
    font-size: 0.6rem;
    color: #ffffff;
    background-color: #00b8c1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
} */

.zm_imdex_con_three_question_list_answers>span:nth-child(2) {
    /* color: #333333;
    line-height: 1rem;
    font-size: 0.6rem;
    letter-spacing: 0.025rem; */
}

.open_close_btn {
    display: block;
    text-align: right;
    font-size: 0.5rem;
    color: #999999;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.open_close_btn i {
    font-size: 0.6rem;
    margin-left: 0.2rem;
}

.open_btn .iconxia {
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/* 常规术式解答 */

.new_rule_answer {
    overflow: hidden;
}

.new_rule_answer_slide {
    background-color: #ffffff;
    padding: 0.8rem 0.6rem;
    overflow: hidden;
    margin-bottom: 0.25rem;
}

.new_rule_answer_slide_title {
    font-size: 0.7rem;
    color: #333333;
    line-height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.new_rule_answer_slide_con {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.new_rule_answer_slide_con_text {
    flex-shrink: 0;
    width: 9.5rem;
    max-height: 2.6rem;
    line-height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 0.6rem;
    color: #333333;
}

.new_rule_answer_slide_con_img {
    flex-shrink: 0;
    width: 4.45rem;
    height: 2.6rem;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

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

.new_rule_answer_slide_con_p {
    margin: 0.8rem 0 0;
    font-size: 0.5rem;
    color: #999999;
}

.new_rule_answer_slide_con_p i {
    font-size: 0.6rem;
    margin-right: 0.2rem;
}

.new_rule_answer_slide_con_p span {
    margin-right: 0.75rem;
}


/* 术式解答详情 */

.new_rule_answer_details {
    overflow: hidden;
}

.new_rule_answer_details_con {
    background-color: #ffffff;
    padding: 0.6rem 0.6rem 1rem;
}

.new_rule_answer_details_con_title {
    font-size: 0.7rem;
    color: #333333;
    line-height: 1rem;
    border-bottom: 0.05rem solid #eeeeee;
    padding-bottom: 0.5rem;
}

.new_rule_answer_details_con_main {
    padding: 0.6rem 0 0;
}

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

.new_rule_answer_details_foot {
    height: 1.3rem;
    display: flex;
    padding: 0 0.6rem;
    align-items: center;
    justify-content: space-between;
}

.new_rule_answer_details_foot span {
    font-size: 0.6rem;
    color: #666666;
}

.new_rule_answer_details_foot span i {
    margin-right: 0.2rem;
    font-size: 0.6rem;
    color: #666666;
}

.new_rule_answer_details_zan {
    display: flex;
    width: 4.2rem;
    height: 1.5rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 0.6rem;
    color: #008bc1;
    font-weight: bold;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    /* margin: 0.7rem auto; */
    background-color: #def1f1;
}

.new_rule_answer_details_zan i {
    margin-left: 0.25rem;
    color: #00b8c1;
    font-size: 0.6rem;
}

.new_rule_answer_details_zan_ok {
    background-color: #00b8c1;
    pointer-events: none;
    color: #ffffff;
}

.new_rule_answer_details_zan_ok i {
    color: #fff;
}


/* 案例解析list */

.case_analysis {
    overflow: hidden;
    background-color: #fff;
    padding: 0 0.6rem 0.5rem;
}

.case_analysis_slider {
    padding: 0.8rem 0;
    border-bottom: 0.05rem solid #eeeeee;
    overflow: hidden;
}

.case_analysis_slider>a {
    display: flex;
    justify-content: space-between;
}

.case_analysis_slider_img {
    flex-shrink: 0;
    width: 7rem;
    height: 4.1rem;
    overflow: hidden;
    border-radius: 0.35rem;
    -webkit-border-radius: 0.35rem;
    -moz-border-radius: 0.35rem;
    -ms-border-radius: 0.35rem;
    -o-border-radius: 0.35rem;
}

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

.case_analysis_slider_text {
    flex-shrink: 0;
    width: 7.1rem;
    display: flex;
    height: 4.1rem;
    flex-direction: column;
}

.case_analysis_slider_title {
    font-size: 0.7rem;
    color: #333333;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.case_analysis_slider_lable {
    font-size: 0.45rem;
    color: #999999;
    margin-top: 0.2rem;
}

.case_analysis_slider_lable span {
    display: inline-block;
    padding: 0.05rem 0.2rem;
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-right: 0.25rem;
}

.case_analysis_slider_see {
    font-size: 0.6rem;
    color: #999999;
    margin-top: auto;
}

.case_analysis_slider_see i {
    color: #999999;
    font-size: 0.6rem;
    margin-right: 0.2rem;
}


/* 案例解析详情 */

.case_analysis_details {
    overflow: hidden;
}

.case_analysis_details .new_rule_answer_details_con_title p {
    margin-top: 0.25rem;
    overflow: hidden;
    font-size: 0.45rem;
}

.case_analysis_details .new_rule_answer_details_con_title span {
    display: inline-block;
    padding: 0.1rem 0.25rem;
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-right: 0.25rem;
    float: left;
}


/* 常见问题解答 */

.common_question_list {
    overflow: hidden;
    margin-bottom: 2.45rem;
}

.common_question_list_slider {
    padding: 0.75rem 0.6rem;
    background-color: #fff;
    margin-bottom: 0.25rem;
    overflow: hidden;
    position: relative;
}

.common_question_list_slider_hui {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 10;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    color: #f7f7f7;
    line-height: 0.9rem;
}

.common_question_list_slider_hui i {
    font-size: 1rem;
    margin-bottom: 0.8rem;
}

.common_question_list_slider_title {
    font-size: 0.7rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0.7rem;
    border-bottom: 0.05rem solid #eeeeee;
}

.common_question_list .common_question_list_slider_title {
    margin-top: 0.5rem;
}

.common_question_list_slider_title>span {
    font-size: 0.65rem;
    display: inline-block;
    background-color: #00b8c1;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}

.common_question_list_slider_text {
    margin: 0.5rem 0;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.common_question_list_slider_text>span {
    font-size: 0.65rem;
    display: inline-block;
    background-color: #57b7f7;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}

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

.common_question_list_slider_foot_lable {
    overflow: hidden;
    display: flex;
}

.common_question_details .common_question_list_slider_foot_lable {
    margin-bottom: 1rem;
}

.common_question_list_slider_foot_lable>span {
    color: #999;
    display: inline-block;
    padding: 0.1rem 0.25rem;
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    margin-right: 0.25rem;
    font-size: 0.45rem;
}

.common_question_progress {
    overflow: hidden;
    position: absolute;
    right: 0;
    display: flex;
    top: 0;
}

.common_question_progress span {
    display: inline-block;
    width: 2.25rem;
    /* line-height: 1rem; */
    font-size: 0.5rem;
    line-height: 0.75rem;
    text-align: center;
    color: #f7f7f7;
    background-color: #cccccc;
    overflow: hidden;
    border-bottom-left-radius: 0.2rem;
}

.common_question_progress .common_question_progress_no {
    background-color: #f2983d;
}

.common_question_list_slider_foot_method {
    overflow: hidden;
    font-size: 0.6rem;
    color: #999999;
    margin-left: auto;
}

.common_question_list_slider_foot_method span {
    margin-left: 0.7rem;
}

.common_question_list_slider_foot_method span i {
    font-size: 0.6rem;
    margin-right: 0.2rem;
}

.common_question_details .common_question_list_slider_foot_method {
    overflow: hidden;
    font-size: 0.6rem;
    color: #999999;
    margin-left: initial;
    display: flex;
}

.common_question_details .common_question_list_slider_foot_method>span {
    margin-left: 0.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 1.8rem;
    min-width: 2.2rem;
}

.common_question_details .common_question_list_slider_foot_method>span i {
    font-size: 0.7rem;
    margin-right: 0;
}

.common_question_details .common_question_list_slider_foot_method>span .iconkanguo {
    font-size: 0.9rem;
}


/* 常见问题解答详情 */

.common_question_details {
    overflow: hidden;
    background-color: #fff;
    padding: 0.75rem 0.6rem;
}

.common_question_details_h2 {
    font-size: 0.75rem;
    color: #333333;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    font-weight: bold;
    border-bottom: 0.05rem solid #eeeeee;
}

.common_question_details_h2>span {
    font-size: 0.7rem;
    display: inline-block;
    background-color: #00b8c1;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    font-weight: initial;
    overflow: hidden;
    color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}

.common_question_details_p {
    font-size: 0.55rem;
    color: #999999;
    font-weight: normal;
}

.common_question_details_p>span {
    margin-right: 0.25rem;
}

.common_question_details_p>span bb {}

.common_question_details_con {
    overflow: hidden;
    padding: 0.5rem 0;
}

.common_question_details_con_span {
    font-size: 0.7rem;
    display: inline-block;
    background-color: #57b7f7;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    float: left;
    margin-top: 0.35rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}

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

.common_question_details_recommend {
    padding: 1rem 0.6rem;
    overflow: hidden;
}

.common_question_details_recommend>h2 {
    font-size: 0.7rem;
    color: #333333;
    line-height: 1rem;
}

.common_question_details_recommend_slider {
    font-size: 0.6rem;
    color: #666666;
    line-height: 0.9rem;
    margin-top: 0.45rem;
    letter-spacing: 0.025rem;
}

.common_question_details_recommend_slider a {
    font-size: 0.6rem;
    color: #666666;
    line-height: 0.9rem;
    letter-spacing: 0.025rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.common_question_details_recommend_slider span {
    font-size: 0.6rem;
    display: inline-block;
    background-color: #00b8c1;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-right: 0.15rem;
    vertical-align: middle;
}

.common_question_wenda_list .common_question_list_slider_foot_method {
    margin-right: auto;
    margin-left: initial;
}

.common_question_wenda_list .common_question_list_slider_foot_method span {
    margin-left: 0;
    margin-right: 0.7rem;
}

.common_question_wenda_list .common_question_list_slider_foot {
    height: 1.5rem;
}

.common_question_wenda_list .common_question_list_slider {
    padding-bottom: 0;
}

.common_question_label {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 2.45rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.common_question_label_slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-size: 0.55rem;
}

.common_question_label_slide i {
    font-size: 1.15rem;
}

.common_question_label_slide_xz {
    color: #00b8c1;
}

.common_question_label_slide_xz i {
    color: #00b8c1;
}

.go_index {
    position: fixed;
    z-index: 999;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
    background-color: rgba(0, 184, 193, 0.6);
    right: 0;
    bottom: 3.45rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.go_index i {
    font-size: 1.2rem;
    color: #fff;
}

.common_question_wenda_details .common_question_details {
    padding: 0;
    background: initial;
}

.common_question_wenda_details .common_question_details_h2 {
    padding: 0.7rem 0.6rem 0.25rem;
    margin-bottom: 0.6rem;
    background: #fff;
}

.common_question_wenda_details .common_question_details_con {}

.common_question_wenda_details .common_question_wenda_details_label {
    padding: 0 0.6rem;
    min-height: 7.95rem;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.common_question_wenda_details_label_slider {
    display: flex;
    justify-content: space-evenly;
}

.common_question_details_con_ck {
    background-color: #fff;
    padding: 0 0.6rem 0.6rem;
    display: none;
}

.common_question_wenda_details_label span {
    display: inline-block;
    width: 4.05rem;
    height: 1.8rem;
    text-align: center;
    margin-top: 1.1rem;
    line-height: 1.8rem;
    overflow: hidden;
    background-color: #00b8c1;
    color: #fff;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.common_question_wenda_details_label img {
    display: none;
    /* display: block; */
    width: 100%;
    height: auto;
}

.common_question_wenda_details_p {
    height: 1.55rem;
    display: flex;
    align-items: center;
    border-top: 0.025rem solid #e5f8f9;
    border-bottom: 0.025rem solid #e5f8f9;
    font-size: 0.6rem;
    color: #00b8c1;
}

.common_question_wenda_details_p>b {
    display: inline-block;
    width: 0.11rem;
    height: 0.4rem;
    background-color: #00b8c1;
    margin-left: 0.3rem;
    margin-right: 0.25rem;
}