.nice-select {

    background: none;

    border-radius: 0;

    border: 1px solid #9FA0A0;

    text-align: center;

    height: .5rem;

    line-height: .5rem;

    font-weight: lighter

}



.nice-select .current {

    color: #898989;

    font-size: .24rem

}



.nice-select .list {

    border-radius: 0

}



.nice-select .list .option {

    text-align: center;

    font-size: .24rem;

    color: #898989;

    font-weight: lighter

}



.nice-select .list .option:hover {

    color: #fff;

    background: #00a0e9

}



.nice-select .list .option.selected {

    font-weight: lighter

}



.nice-select:active,

.nice-select.open,

.nice-select:focus {

    border: 1px solid #9FA0A0

}



.smile {

    display: flex;

    align-items: unset;

    justify-content: flex-start;

    flex-direction: column;

    flex-flow: column;

    max-width: 12.14rem;

    margin: 0 auto;

    margin-top: 1.49rem;

    padding: .15rem

}



.smile span {

    cursor: pointer

}



.smile .smile-title,

.smile .message h1 {

    font-size: .65rem;

    color: #00a0e9;

    display: flex;

    align-items: center;

    justify-content: center

}



.smile .smile-title .face-deep1,

.smile .message h1 .face-deep1 {

    width: .7rem;

    height: .7rem;

    background: url(../image/face11.png) center/100% no-repeat;

    display: inline-block;

    float: left;

    margin-right: 5px;

    margin-right: 15px

}



.smile .message {

    margin-bottom: 1.33rem

}



.smile .message h1 {

    margin-bottom: .34rem

}



.smile .message p {

    text-align: center

}



.smile .messge-form {

    width: 80%;

    margin: 0 10%

}



.smile .messge-form img {

    float: left

}



.smile .messge-form input,

.smile .messge-form textarea {

    width: calc(100% - .45rem);

    border: 1px solid #9FA0A0;

    height: .7rem;

    font-size: .24rem;

    padding-left: .43rem;

    margin-bottom: .5rem;

    font-weight: lighter;

    color: #9FA0A0;

    background: none;

    float: left

}



.smile .messge-form textarea {

    height: 4.51rem;

    padding-top: .39rem;

    margin-bottom: 0;

    color: #00a0e9;

    font-family: 'SourceHanSansCN-Light'

}



.smile .messge-form textarea::-webkit-input-placeholder {

    color: #00a0e9;

    font-family: "SourceHanSansCN-Light"

}



.smile .messge-form textarea:-moz-placeholder {

    color: #00a0e9;

    font-family: "SourceHanSansCN-Light"

}



.smile .messge-form textarea::-moz-placeholder {

    color: #00a0e9;

    font-family: "SourceHanSansCN-Light"

}



.smile .messge-form textarea:-ms-input-placeholder {

    color: #00a0e9;

    font-family: "SourceHanSansCN-Light"

}



.smile h3 {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: .24rem;

    padding-left: 1.56rem;

    margin-bottom: .46rem;

    margin-top: .98rem

}



.smile h3.smile-question {

    padding-left: 0;

    color: #00a0e9;

    font-size: .36rem;

    justify-content: center;

    font-weight: 500;

    flex-flow: wrap

}



.smile h3.smile-question>a {

    color: #00a0e9;

    border-bottom: 2px solid #00a0e9

}



.smile h3.smile-question>a .special-font {

    font-size: .36rem

}



.smile h3 p {

    display: flex;

    align-items: center;

    justify-content: center;

    width: .3rem;

    height: .3rem;

    min-height: 18px;

    min-width: 18px;

    background-image: url(../image/smile-bg.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 50%;

    color: #00a0e9;

    margin-right: 10px;

    font-size: .16rem

}



.smile .question-detail {

    margin-top: 1.04rem

}



.smile .result {

    margin-bottom: 1.04rem

}



.smile a.reload {

    font-size: .21rem;

    width: 120px;

    height: .42rem;

    line-height: .42rem;

    text-align: center;

    color: #fff;

    background: #00a0e9;

    display: block;

    margin-top: .5rem;

    margin: auto auto;

}



.smile .teeth-status {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-flow: wrap

}



.smile .teeth-status span {

    position: relative;

    width: 30%;

    border: 1px solid #595757;

    line-height: 0;

    margin-bottom: .3rem

}



.smile .teeth-status span[value="1"] {

    border: 1px solid #00a0e9

}



.smile .teeth-status span input {

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.smile .teeth-status span img {

    width: 100%

}



.smile .history {

    display: flex;

    align-items: center;

    justify-content: center

}



.smile .history span {

    color: #fff;

    font-size: .24rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.22rem;

    height: 1.22rem;

    min-height: 18px;

    min-width: 18px;

    background-color: #B5B5B6;

    border-radius: 50%;

    margin: 0 20px;

}



.smile .history span:first-child {

    margin-right: 1.6rem

}



.smile .age,

.smile .gender {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.smile .age span,

.smile .gender span {

    width: 1.38rem;

    height: 1.22rem;

    background: #B5B5B6;

    display: inline-block;

    line-height: 1.22rem;

    font-size: .24rem;

    text-align: center;

    color: #fff

}



.smile .age span:last-child,

.smile .gender span:last-child {

    margin-right: 0

}



.smile .gender {

    justify-content: center

}



.smile .gender span:first-child {

    margin-right: 1.6rem

}



.smile span.visited {

    background: #00a0e9 !important

}



.smile i.fa-angle-double-down {

    font-size: .5rem;

    color: #00a0e9;

    text-align: center;

    margin-top: 1.14rem;

    display: inline-block

}



.smile button.btn {

    height: 52px;

    line-height: 52px;

    font-size: .21rem;

    width: 100%;

    font-weight: lighter;

    margin-bottom: 1.38rem;

    float: left

}



.btn-wrap button {

    width: 50px;

    background: #00a0e9;

    border: 0;

    height: 30px;

    color: #fff;

}



.smile p {

    font-size: .24rem;

    line-height: .4rem;

    text-align: justify

}



.smile .smile-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-top: 1.24rem;

    margin-bottom: 1.06rem

}



.smile .smile-link a {

    font-size: .24rem;

    color: #00a0e9;

    border-bottom: 1px solid #00a0e9;

    display: flex;

    align-items: center;

    justify-content: center

}



.smile .smile-link a i {

    color: #00a0e9;

    font-size: .24rem;

    margin-left: 10px

}



.smile .code-box {

    display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 999999

}



.smile .code-box .container {

    width: 310px;

    margin: 100px auto;

    display: inline-block

}



.smile .code-box .container #msg {

    width: 100%;

    line-height: 40px;

    font-size: 14px;

    text-align: center

}



.smile .code-box .container #captcha {

    background: #999

}



.smile .code-box .container .sliderText {

    font-size: 14px

}



.smile .code-box .container #msg {

    color: #FFF

}



.process {

    max-width: 12.97rem;

    margin: 0 auto;

    margin-top: 2.39rem;

    padding: 15px

}



.process h1.big-title {

    font-size: .65rem;

    color: #00a0e9;

    margin-bottom: 1.84rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.process h1.big-title .face-deep5 {

    width: .7rem;

    height: .7rem;

    background: url(../image/face3.png) center/100% no-repeat;

    display: inline-block;

    float: left;

    margin-right: 5px;

    margin-right: 15px

}



.process figure {

    position: relative;

    float: left;

    margin-bottom: 0.6rem;

    width: 100%

}



.process figure.f1 {

    margin-bottom:0.6rem

}



.process figure.f35 div._con figcaption {

    margin-left: 0;

    margin-right: .56rem

}



.process figure h3 {

    border-bottom: 1px solid #28A7E1

}



.process figure h3 span._title {

    display: flex;

    align-items: flex-end;

    justify-content: flex-start;

    font-size: .36rem;

    border-bottom: 4px solid #00a0e9;

    width: 40%;

    color: #00a0e9;

    font-weight: 500

}



.process figure h3 span._title p {

    display: flex;

    align-items: center;

    justify-content: center;

    width: .38rem;

    height: .38rem;

    min-height: 18px;

    min-width: 18px;

    border-radius: 50%;

    border: 2px solid #00a0e9;

    margin-left: 15px;

    font-size: .3rem

}



.process figure div._con {

    padding: .43rem 0;

    border-bottom: 1px solid #28A7E1;

    overflow: hidden

}



.process figure div._con img {

    width: 40%;

    float: left

}



.process figure div._con figcaption {

    width: calc(60% - .56rem);

    float: left;

    font-size: .21rem;

    margin-left: .56rem;

    line-height: .42rem;

    margin-top: .57rem;

    text-align: justify

}



.process figure div._con figcaption p {

    color: #28A7E1

}



@media screen and (max-width: 414px) {

    .process figure div._con figcaption {

        margin-top: 0rem

    }

}



.process figure div._con a {

    color: #00a0e9;

    font-size: .36rem;

    position: absolute;

    right: 0;

    bottom: .25rem;

    border-bottom: 2px solid #00a0d9

}



.process figure div._con a i {

    font-size: .45rem;

    margin-left: 10px

}



.process ._banner {

    display: block;

    width: 100%;

    float: left;

    overflow: hidden;

    background: rgba(89, 87, 87, 0.6);

    margin: .81rem 0 1.76rem;

    padding: .55rem 0 1.04rem

}



.process ._banner #certify {

    width: 100%

}



.process ._banner #certify .swiper-slide {

    background: rgba(255, 255, 255, 0.6);

    box-shadow: unset;

    width: 4rem;

    height: auto;

    opacity: 0

}



.process ._banner #certify .swiper-slide img {

    width: 100%

}



.process ._banner #certify .swiper-slide-prev,

.process ._banner #certify .swiper-slide-next {

    opacity: 1

}



.process ._banner #certify .swiper-slide-active {

    background: #fff;

    opacity: 1

}

.process ._banner #certify .swiper-slide-active img[class*="-1"],
.process ._banner #certify .swiper-slide:not(.swiper-slide-active) img:not([class*="-1"]) {
    display: inline-block;
}

.process ._banner #certify .swiper-slide-active img:not([class*="-1"]),
.process ._banner #certify .swiper-slide:not(.swiper-slide-active) img[class*="-1"] {
    display: none;
}

.process ._banner #certify .swiper-button-prev {

    left: 30px;

    background: url("../image/left-arrow.png") center/100% no-repeat

}



.process ._banner #certify .swiper-button-next {

    right: 30px;

    background: url("../image/right-arrow.png") center/100% no-repeat

}



@media screen and (max-width: 414px) {

    .process ._banner #certify .swiper-button-prev,

    .process ._banner #certify .swiper-button-next {

        display: none

    }

}



.process ._banner p {

    font-size: .21rem;

    line-height: .42rem;

    width: calc(100% - .6rem);

    margin: 0 auto;

    color: #fff;

    padding: 0 .3rem

}



.process ._banner p .special-font {

    font-size: .21rem;

}



.course {

    margin-bottom: 2.4rem;

    margin-top: .77rem

}



.course figure {

    position: relative;

    width: 100%

}



.course figure h3 {

    font-size: .36rem

}



.course figure.ce {

    width: 65.23%;

    padding: .99rem 17.4%

}



@media screen and (max-width: 768px) {

    .course figure.ce {

        width: 90%;

        padding: .99rem 5%

    }

}



.course figure._banner {

    line-height: 0;

    margin-bottom: 13px

}



.course figure._banner img {

    width: 100%

}



.course figure._banner figcaption {

    position: absolute;

    top: 0;

    right: 0;

    max-width: 6.72rem;

    margin-right: 2.31rem;

    margin-top: 2.33rem

}



.course figure._banner figcaption h1 {

    font-size: .65rem;

    line-height: .7rem;

    margin-bottom: .49rem
    color: #fff;

}



.course figure._banner figcaption p {

    font-size: .21rem;

    line-height: .42rem;
    padding-top: 25px;

    text-align: justify

}



@media screen and (max-width: 735px) {

    .course figure._banner figcaption {

        position: relative;

        margin: 15px;

        max-width: 100%

    }

}



.course figure._ad {

    background: rgba(0, 160, 217, 0.5);

    display: flex;

    align-items: center;

    justify-content: center

}



.course figure._ad figcaption {

    border: 1px solid #fff;

    height: 2.99rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.course figure._ad figcaption:first-child {

    border-right: 0

}



.course figure._ad figcaption h3 {

    width: .89rem;

    color: #fff;

    margin: 0 .6rem

}



.course figure._ad figcaption p {

    font-size: .21rem;

    line-height: .42rem;

    color: #fff;

    margin-left: .44rem;

    max-width: 7.61rem;

    text-align: justify

}



.course figure._ad figcaption img {

    width: 1.45rem;

    margin: 0 .44rem

}



@media screen and (max-width: 735px) {

    .course figure._ad {

        flex-direction: column

    }

    .course figure._ad figcaption {

        width: 100%;

        height: auto;

        padding: 15px 0;

        display: flex;

        flex-direction: column

    }

    .course figure._ad figcaption:first-child {

        border-right: 1px solid #fff;

        border-bottom: 0

    }

    .course figure._ad figcaption p {

        margin: 15px

    }

}



.course figure._title {

    background: rgba(89, 87, 87, 0.5);

    margin-top: 13px

}



.course figure._title figcaption {

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: .2rem .43rem;

    width: calc(100% - .86rem)

}



.course figure._title figcaption h3 {

    color: #fff

}



.course figure._title figcaption i {

    color: #fff;

    font-size: .5rem

}



.course figure.ce-li {

    margin-top: .62rem;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: wrap

}



.course figure.ce-li figcaption {

    width: calc(50% - 103px);

    float: left;

    border: 2px solid #595757;

    margin-bottom: .36rem;

    padding: .42rem 42px;

    height: 4.5rem

}



.course figure.ce-li figcaption:nth-child(2n+1) {

    margin-right: 15px

}



.course figure.ce-li figcaption:nth-child(2n) {

    margin-left: 15px

}



.course figure.ce-li figcaption h1 {

    font-size: .65rem;

    font-weight: 600;

    margin-bottom: .39rem

}



.course figure.ce-li figcaption h5 {

    font-size: .21rem;

    font-weight: 600;

    line-height: .42rem

}



.course figure.ce-li figcaption p {

    font-size: .21rem;

    line-height: .42rem

}



.course figure.ce-li figcaption p .special-font,

.course figure.ce-li figcaption h5 .special-font {

    font-size: .21rem;

}



.course figure.ce-li figcaption._more {

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: .72rem

}



@media screen and (max-width: 735px) {

    .course figure.ce-li figcaption {

        width: calc(100% - 88px);

        margin: 0 0 .36rem 0 !important;

        height: auto;

        min-height: 4.5rem

    }

}



.teeth {

    margin-bottom: 2.4rem;

    margin-top: .77rem

}



.teeth figure {

    position: relative;

    margin-bottom: .3rem

}



.teeth figure._banner img {

    width: 100%

}



.teeth figure._banner figcaption {

    position: absolute;

    right: 0;

    top: 0

}



.teeth figure._banner figcaption h1 {

    width: 7.29rem;

    font-size: .65rem;

    line-height: 1.5rem;

    margin-right: 3.26rem;

    margin-top: 2.65rem;

    color: #00a0e9

}



.teeth figure._banner figcaption h1 p {

    font-size: .36rem;

    color: #595757;

    line-height: .50rem

}



@media screen and (max-width: 1023px) {

    .teeth figure._banner figcaption h1 {

        margin-right: 1rem;

        margin-top: 1.65rem

    }

}



@media screen and (max-width: 735px) {

    .teeth figure._banner figcaption {

        position: relative;

        top: -10px

    }

    .teeth figure._banner figcaption h1 {

        margin: 15px

    }

}



.teeth figure.th {

    max-width: 14.21rem;

    padding: 0 15px;

    margin-left: auto;

    margin-right: auto;

    height: 5.47rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.teeth figure.th.th135 {

    background: rgba(201, 202, 202, 0.5)

}



.teeth figure.th.th246 {

    background: rgba(84, 195, 241, 0.5)

}



.teeth figure.th img {

    width: 5.31rem;

    max-width: 90%;

    float: left;

    margin: 30px .74rem 30px

}



.teeth figure.th figcaption {

    width: 40%;

    float: left;

    margin-bottom: 30px

}



.teeth figure.th figcaption h3 {

    font-size: .36rem;

    color: #00a0e9;

    margin-bottom: .51rem

}



.teeth figure.th figcaption h3 .special-font {

    font-size: .36rem

}



.teeth figure.th figcaption p {

    font-size: .21rem;

    line-height: .42rem;

    text-align: justify

}



.teeth figure.th figcaption p .special-font {

    font-size: .21rem

}



.teeth figure.th._link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-top: 1.24rem;

    margin-bottom: 1.06rem;

    height: auto

}



.teeth figure.th._link a {

    font-size: .24rem;

    color: #00a0e9;

    border-bottom: 1px solid #00a0e9;

    display: flex;

    align-items: center;

    justify-content: center

}



.teeth figure.th._link a i {

    color: #00a0e9;

    font-size: .24rem;

    margin-left: 10px

}



@media screen and (max-width: 414px) {

    .teeth figure.th {

        height: auto;

        flex-flow: wrap

    }

    .teeth figure.th figcaption {

        width: 100%

    }

}



.organization {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.organization h1 {

    font-size: .65rem;

    color: #00a0e9;

    margin: 1.2rem 15px .49rem;

    text-align: center

}



.organization div.search {

    width: 100%;

    background: rgba(0, 160, 233, 0.5);

    text-align: center

}



.organization div.search .search-box {

    max-width: 10.49rem;

    width: calc(100% - 30px);

    margin: 2.31rem 15px;

    position: relative;

    display: inline-block;

    width: calc(100% - 30px)

}



.organization div.search .search-box.toTop {

    margin: 0;

}



.organization div.search .search-box input {

    width: calc(100% - .29rem);

    height: .83rem;

    border: 2px solid #fff;

    background: none;

    float: left;

    font-size: .36rem;

    color: #fff;

    padding-left: .25rem

}



.organization div.search .search-box input::-webkit-input-placeholder {

    color: #fff;

    font-weight: lighter

}



.organization div.search .search-box input::-moz-placeholder {

    color: #fff;

    font-weight: lighter

}



.organization div.search .search-box input:-ms-input-placeholder {

    color: #fff;

    font-weight: lighter

}



.organization div.search .search-box i.search-icon {

    width: .52rem;

    height: 100%;

    position: absolute;

    top: 0;

    right: .32rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.organization div.search .search-box i.search-icon:hover img {

    width: 80%;

}



.organization div.result {

    max-width: 10.49rem;

    width: calc(100% - 30px);

    margin-top: 1.58rem;

    margin-bottom: 2.45rem

}



.organization div.result h3 {

    background: #00a0e9;

    color: #fff;

    font-size: .36rem;

    text-align: center;

    padding: .22rem 0

}



.organization div.result span._title {

    font-size: .21rem;

    border: 1px solid #9FA0A0;

    border-top: 0;

    float: left;

    width: calc(100% - .54rem);

    padding: .26rem;

    color: #898989

}



.organization div.result ul.result-list {

    float: left;

    min-height: 1.08rem;

    border: 1px solid #9FA0A0;

    border-top: 0;

    width: calc(100% - .22rem);

    padding: .1rem

}



.organization div.result ul.result-list li {

    margin: 10px auto;

    float: left;

    width: 100%

}



.organization div.result ul.result-list li h4 {

    font-size: .21rem;

    float: left;

    width: 100%;

    margin-bottom: .1rem

}



.organization div.result ul.result-list li span {

    font-size: .21rem;

    float: left;

    width: 100%

}



.question {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin-top: 1.49rem

}



.question .question-title {

    font-size: .65rem;

    color: #00a0e9;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 2.07rem;

}



.question .question-title .face-deep1 {

    width: .7rem;

    height: .7rem;

    background: url(../image/face11.png) center/100% no-repeat;

    display: inline-block;

    float: left;

    margin-right: 5px;

    margin-right: 15px

}



.question figure {

    padding: .15rem;

    width: 11.2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px dashed #595757;

    margin-bottom: 1.21rem;

    position: relative

}



.question figure h1 {

    background: rgba(0, 160, 233, 0.5);

    font-size: .65rem;

    color: #fff;

    width: 10%;

    height: calc(100% - 25px);

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    padding-top: 25px

}



.question figure h1 p {

    font-size: .27rem

}



.question figure figcaption {

    padding: .47rem .41rem .91rem;

    margin-left: 10%

}



.question figure figcaption p {

    font-size: .21rem;

    line-height: .42rem;

    text-align: justify

}



.question figure figcaption span {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: .89rem

}



.question figure figcaption span img {

    max-width: 7.68rem;

    width: 100%

}



@media (max-width: 735px) {

    .question figure {

        width: calc(100% - .3rem);

        padding: 0;

        margin-right: auto;

        margin-left: auto;

        flex-direction: column

    }

    .question figure h1 {

        position: relative;

        width: 100%;

        height: auto;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: row;

        padding-bottom: 25px

    }

    .question figure h1 p {

        font-size: .65rem

    }

    .question figure figcaption {

        margin-left: 0

    }

}



.question ._notice {

    background: rgba(0, 160, 233, 0.6);

    height: 3.19rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    margin-bottom: .83rem

}



.question ._notice p {

    padding: .15rem;

    max-width: 11.2rem;

    color: #fff;

    font-size: .27rem;

    line-height: .54rem

}



.question ._notice p i {

    font-size: .27rem;

    color: #fff;

    margin-right: 15px

}



.share-case {

    display: flex;

    align-items: unset;

    justify-content: flex-start;

    flex-direction: column;

    flex-flow: column;

    max-width: 12.14rem;

    margin: 0 auto;

    margin-top: 1.49rem;

    padding: .15rem  

  }

  .share-case .share-title {

    margin-bottom: 1.13rem;

  }

  

  .share-case .share-title,

  .share-case .message h1 {

    display: flex;

    font-size: .65rem;

    color: #00a0e9;

    align-items: center;

    justify-content: center

  }

  

  .share-case .share-title .face-deep5,

  .share-case .message h1 .face-deep5 {

    width: .7rem;

    height: .7rem;

    background: url(../image/face11.png) center/100% no-repeat;

    float: left;

    margin-right: 5px;

    margin-right: 15px

  }

  

  .share-case .share-item .title{

    float:left;

    width: calc(100% - 40px);

    padding: 10px 20px;

    line-height: .51rem;

    background: #00a0e9;

    color:#fff;

  }

  

  .share-case .share-item .title li {

    float:left;

    width: calc(50% - 26px);

    margin-right: 26px;

  }

  

  .share-case .share-item .title li:last-child {

    margin-left: 20px;

    margin-right: 0;

  }

  

  .share-case .share-item .title h3 {

    float:left;

    font-size: .24rem !important;

    color:#fff;

  }

  

  .share-case .share-item .title img {

    width: .33rem;

    margin-top: .15rem;

    float:right;

  }

  

  .share-case .share-item .share-con,

  .share-case .share-item .share-add{

    float: left;

    width: 100%;

    background:rgba(220, 221, 221, .5);

  }

  .share-case .share-item .c-title  {

    font-size: .24rem;

    color: #00a0e9;

    font-weight: bold;

    margin-bottom: .325rem;

  }

  

  .share-case .share-item .share-add .c-title {

    width: calc(100% - 30px);

    padding: 25px 15px 0;

    margin-bottom: 0;

  }

  

  

  .share-case .share-item .share-con .share-con-item,

  .share-case .share-item .share-add .share-add-item {

    float:left;

    width: calc(50% - 30px);

    padding: 25px 15px 0;

    font-size: .21rem;

  }



  .share-case .share-item .share-con .share-con-item em,

  .share-case .share-item .share-add .share-add-item em{

    float:left;

    font-style: normal;

  }

  

  .share-case .share-item .share-con .share-con-item:nth-child(3n+1) {

    width: calc(50% - 36px);

    border-right: 6px solid #fff;

  }

  

  .share-case .share-item .share-con .share-con-item span,

  .share-case .share-item .share-add .share-add-item span {

    float:left;

    width: 100%;

    line-height: .4rem;

  }

  

  .share-case .share-item .share-con .share-con-item span strong,

  .share-case .share-item .share-con .share-con-item span p,

  .share-case .share-item .share-con .share-con-item span q,

  .share-case .share-item .share-add .share-add-item span strong,

  .share-case .share-item .share-add .share-add-item span p,

  .share-case .share-item .share-add .share-add-item span q{

    float:left;

  }

  

  .share-case .share-item .share-con .share-con-item span strong,

  .share-case .share-item .share-add .share-add-item span strong {

    margin-right: .15rem;

    margin-left: .15rem;

    font-weight: 600;

  }

  

  .share-case .share-item .share-con .share-con-item span p{

    width: calc(100% - .85rem);

    float:right;

  }

  

  .share-case .share-item .share-con .share-con-item span p strong,

  .share-case .share-item .share-add .share-add-item span p strong {

    margin: 0;

  }

  

  .share-case .share-item .share-con .share-img-box-group{

    float:left;

    width: 100%;

    margin-bottom: -2px;

  }

  .share-case .share-item .share-con .share-img-box-group ul {

    float:left;

    width: 50%;

    text-align: center;

  }

  

  .share-case .share-item .share-con .share-img-box-group ul:first-child {

    width: calc(50% - 6px);

    border-right: 6px solid #fff;

  }

  

  .share-case .share-item .share-con .share-img-box-group ul .share-img-box{

    float: left;

    width: 44%;

    margin-top: .86rem;

    margin-bottom: 1.13rem;

    margin-left: 3%;

    margin-right: 3%;

  }

  

  .share-case .share-item .share-con .share-img-box-group ul .share-img-box img {

    width: 100%;

  }

  

  .share-case .smile-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-top: 1.24rem;

    margin-bottom: 1.06rem

  }

  

  .share-case .smile-link a {

    font-size: .24rem;

    color: #00a0e9;

    border-bottom: 1px solid #00a0e9;

    display: flex;

    align-items: center;

    justify-content: center

  }

  

  .share-case .smile-link a i {

    color: #00a0e9;

    font-size: .24rem;

    margin-left: 10px

  }

  

  .share-case .special-font {

    font-size: .21rem;

  }

  

  .share-add{

    border-bottom: 6px solid #fff;

  }

  .share-add-bottom {

    float:left;

    width: calc(100% - 30px);

    padding: 1rem .15rem;

  }

  

  .share-add-img-top,

  .share-add-img-bottom {

    float:left;

    width: 86%;

    margin: 0 7%;

  }

  

  

  .share-add-img-top h3{

    float:left;

    width: calc(50% - 4.5px);

    height: 100%;

    height: 1.5rem;

    line-height: 1.5rem;

    margin-right: 9px;

    font-size: .31rem;

    color:#fff;

    text-align:center;

    background:rgba(0, 160, 233, 0.6);

  }

  

  .share-add-img-right{

    float:left;

    width: calc(50% - 4.5px);

  }

  

  .share-add-img-right img {

    float:left;

    width: calc(50% - 5.5px);

    height: 1.5rem;

    margin-right: 9px;

  }

  

  .share-add-img-right img:last-child{

    margin-right: 0;

  }

  

  .share-add-img-bottom img,

  .share-add-img-bottom h3 {

    float:left;

    width: calc(25% - 7px);

    margin-top: 9px;

    margin-right: 9px;

    font-size: .21rem;

    text-align: center;

  }

  

  .share-add-img-bottom img {

    height: 1.5rem;

  }

  

  .share-add-img-bottom img:nth-child(4n),

  .share-add-img-bottom h3:last-child {

    margin-right: 0;

  }