.swal-icon--error {
    border-color: #f27474;
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

.swal-icon--error__x-mark {
    position: relative;
    display: block;
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

.swal-icon--error__line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.swal-icon--error__line--left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.swal-icon--error__line--right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

@-webkit-keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes animateXMark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.swal-icon--warning {
    border-color: #f8bb86;
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

.swal-icon--warning__body {
    width: 5px;
    height: 47px;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    position: absolute;
    left: 50%;
    background-color: #f8bb86
}

.swal-icon--warning__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -4px;
    bottom: -11px
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}

.swal-icon--success {
    border-color: #a5dc86
}

.swal-icon--success:after, .swal-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal-icon--success:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.swal-icon--success:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px;
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

.swal-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid hsla(98, 55%, 69%, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    background-color: #fff;
    padding: 1px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal-icon--success__line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.swal-icon--success__line--tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.swal-icon--success__line--long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

.swal-icon--info {
    border-color: #c9dae1
}

.swal-icon--info:before {
    width: 5px;
    height: 29px;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px
}

.swal-icon--info:after, .swal-icon--info:before {
    content: "";
    position: absolute;
    left: 50%;
    background-color: #c9dae1
}

.swal-icon--info:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px
}

.swal-icon {
    width: 80px;
    height: 80px;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 20px auto
}

.swal-icon:first-child {
    margin-top: 32px
}

.swal-icon--custom {
    width: auto;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0
}

.swal-icon img {
    max-width: 100%;
    max-height: 100%
}

.swal-title {
    color: rgba(0, 0, 0, .65);
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    padding: 13px 16px;
    font-size: 27px;
    line-height: normal;
    text-align: center;
    margin-bottom: 0
}

.swal-title:first-child {
    margin-top: 26px
}

.swal-title:not(:first-child) {
    padding-bottom: 0
}

.swal-title:not(:last-child) {
    margin-bottom: 13px
}

.swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box
}

.swal-text:first-child {
    margin-top: 45px
}

.swal-text:last-child {
    margin-bottom: 45px
}

.swal-footer {
    text-align: right;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.swal-button-container {
    margin: 5px;
    display: inline-block;
    position: relative
}

.swal-button {
    background-color: #7cd1f9;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer
}

.swal-button[not:disabled

]
:hover {
    background-color: #78cbf2
}

.swal-button:active {
    background-color: #70bce0
}

.swal-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43, 114, 165, .29)
}

.swal-button[disabled] {
    opacity: .5;
    cursor: default
}

.swal-button::-moz-focus-inner {
    border: 0
}

.swal-button--cancel {
    color: #555;
    background-color: #efefef
}

.swal-button--cancel[not:disabled

]
:hover {
    background-color: #e8e8e8
}

.swal-button--cancel:active {
    background-color: #d7d7d7
}

.swal-button--cancel:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, .29)
}

.swal-button--danger {
    background-color: #e64942
}

.swal-button--danger[not:disabled

]
:hover {
    background-color: #df4740
}

.swal-button--danger:active {
    background-color: #cf423b
}

.swal-button--danger:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(165, 43, 43, .29)
}

.swal-content {
    padding: 0 20px;
    margin-top: 20px;
    font-size: medium
}

.swal-content:last-child {
    margin-bottom: 20px
}

.swal-content__input, .swal-content__textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .14);
    padding: 10px 13px;
    border-radius: 2px;
    transition: border-color .2s
}

.swal-content__input:focus, .swal-content__textarea:focus {
    outline: none;
    border-color: #6db8ff
}

.swal-content__textarea {
    resize: vertical
}

.swal-button--loading {
    color: transparent
}

.swal-button--loading ~ .swal-button__loader {
    opacity: 1
}

.swal-button__loader {
    position: absolute;
    height: auto;
    width: 43px;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    pointer-events: none;
    opacity: 0
}

.swal-button__loader div {
    display: inline-block;
    float: none;
    vertical-align: baseline;
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    margin: 2px;
    opacity: .4;
    border-radius: 7px;
    background-color: hsla(0, 0%, 100%, .9);
    transition: background .2s;
    -webkit-animation: swal-loading-anim 1s infinite;
    animation: swal-loading-anim 1s infinite
}

.swal-button__loader div:nth-child(3n+2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.swal-button__loader div:nth-child(3n+3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes swal-loading-anim {
    0% {
        opacity: .4
    }
    20% {
        opacity: .4
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .4
    }
}

@keyframes swal-loading-anim {
    0% {
        opacity: .4
    }
    20% {
        opacity: .4
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .4
    }
}

.swal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s
}

.swal-overlay:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.swal-overlay--show-modal {
    opacity: 1;
    pointer-events: auto
}

.swal-overlay--show-modal .swal-modal {
    opacity: 1;
    pointer-events: auto;
    box-sizing: border-box;
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s;
    will-change: transform
}

.swal-modal {
    width: 478px;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    position: static;
    margin: 20px auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}

@media (max-width: 500px) {
    .swal-modal {
        width: calc(100% - 20px)
    }
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}</style>

<!-- Google Tag Manager -->
<style type="text/css">
                      .agl-hover {
                          outline: 2px solid rgba(244, 67, 54, 0.99) !important;
                          background-color: rgba(244, 67, 54, 0.2) !important;
                          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
                      }

.agl-highlight-current {
    outline: 2px solid rgba(255, 87, 34, 0.99) !important;
    background-color: rgba(255, 87, 34, 0.4) !important;
}

.agl-highlight-similar {
    outline: 2px dashed rgba(255, 87, 34, 0.99) !important;
    background-color: rgba(255, 87, 34, 0.4) !important;
}

.agl-highlight-group {
    outline: 4px double rgba(255, 87, 34, 0.99) !important;
    background-color: rgba(255, 87, 34, 0.4) !important;
}

.agl-cover-current {

    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9 !important;

    outline: 2px solid rgba(33, 33, 33, 0.99) !important;
    background-color: rgba(33, 33, 33, 0.6) !important;
}

.agl-cover-similar {

    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9 !important;

    outline: 2px dashed rgba(33, 33, 33, 0.99) !important;
    background-color: rgba(33, 33, 33, 0.6) !important;
}

.agl-cover-group {

    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9 !important;

    outline: 4px double rgba(33, 33, 33, 0.99) !important;
    background-color: rgba(33, 33, 33, 0.6) !important;
}

.agl-cover-focus {
    outline: 3px solid rgba(255, 165, 0, 0.99) !important;
    background-color: rgba(255, 165, 0, 0.4) !important;
}


/*底部*/
.dib_bg{
    background-color: #333;
    margin-top: 30px;
}
.dib_box{
    /* width: 100%; */
    margin: 0 53px;
    padding: 34px 0;
}
.dib_box ul li a{
    font-size: 13px;
    color: #ccc;
    display: block;
    float: left;
    margin-right: 22px;
}
.dib_box dl{
    width: 699px;
}
.dib_box dl dd,.dib_box dl dt{
    font-size: 13px;
    color: #ccc;
    float: left;
    margin-right: 42px;
    margin-top: 20px;
}
.dib_box dl dd,.dib_box dl dt a{
    color: #ccc;
}
.dib_box span{
    font-size: 13px;
    color: #ccc;
    margin-top: 20px;
    display: block;
}
.dib_box span a{
    font-size: 13px;
    color: #ccc;
    margin-top: 20px;
}
.dib_box span a:hover,.dib_box ul li a:hover{
    color: #24A5E6;
}
.db{
    padding-right: 500px;
    position: relative;
}
.ewm{
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 60px;
}
.ewm div{
    width: 100px;
    margin: 0 21px;
    float: left;
}
.ewm div img{
    width: 100px;
    height: 100px;
    display: block;
}
.ewm div p{
    font-size: 13px;
    color: #ccc;
    text-align: center;
    margin-top: 8px;
}
.db_{
    font-size: 13px;
    color: #ccc;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #000;
}
.db_ a{
    color: #ccc;
}
/*——————————————————————在线客服——————————————————*/
.zaix_box{
    position: fixed;
    right: 20px;
    bottom: 50px;
    cursor: pointer;
}
.zaix_box ul{
    width: 60px;
}
.zaix_box ul li{
    width: 60px;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 9px;
}
.zaix_box ul li img{
    margin: 0 auto;
    display: block;
}
.zaix_box ul li p{
    font-size: 13px;
    color: #b2b2b2;
    text-align: center;
    margin-bottom: 7px;
}
.zaix_box ul li:hover{
    background-color: #24a5e6;
}
.zaix_box ul li:hover p{
    color: #fff;
}
.zaix_box ul li img:nth-child(2){
    display: none;
}
.zaix_box ul li:hover img:nth-child(2){
    display: block;
}
.zaix_box ul li:hover img:nth-child(1){
    display: none;
}
.zaix_box ul li:hover .ziji b img{
    display: block;
}
.zaix_box ul li{
    position: relative;
}
.ziji{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.ziji{
    position: absolute;
    width: 300%;
    bottom: 0;
    left: -300%;
}
.xf{
    background:#24a5e6;
    padding-bottom: 10px;
    margin-right: 12px;
    padding-top: 4px;
}
.ziji span{
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    display: block;
}
.ziji a{
    font-size: 13px;
    display: block;
    background-color: #fff;
    color: #333;
    text-align: center;
    padding: 5px;
    margin: 20px 5px 0;
}
.ziji b{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff;
    display: block;
}
.ziji b img{
    width: 120px;
    height: 120px;
}
.ziji{
    display: none;
}
.zaix_box ul li:hover .ziji{
    display: block;
}
.csj{
    width: 8px;
    height: 17px;
    position: absolute;
    right: 4px;
    bottom: 10px;
}




/* 新 */
.m2 {
    padding: 55px 0 50px;
    /* background: #fff url(../images/m2_bg.jpg) center top no-repeat; */
    background-size: cover;
}
.inner {
    width: 1200px;
    margin: 0 auto;
}
.inner .m2_tit {
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m2_tit.png) center no-repeat;
}

.inner .pub_tit {
    font-size: 42px;
    color: #0d0d0d;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
}

.pub_tit span {
    color: #4b89f8;
}
.pub_tit {
    font-size: 42px;
    color: #0d0d0d;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
}
.m2_cont {
    position: relative;
    display: flex;
    margin: 36px 0 40px;
    justify-content: space-between;
}
.m2_item {
    width: 224px;
    height: 322px;
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m2_item1.png) center no-repeat;
}
.m2_item_tit {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    margin-top: 32px;
}
.m2_item_tit span {
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}
.m2_item_txt {
    width: 188px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 25px auto 15px;
    font-size: 18px;
}
.m2_item_num {
    width: 82px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 36px;
    color: #4d88f2;
    margin: 65px auto 0;
    font-weight: bold;
}
.m2_item:nth-child(even) .m2_item_num {
    color: #ff9700;
    margin: 3px auto 0;
}
.m2_item:nth-child(even) .m2_item_tit {
    margin-top: 5px;
} 
.m2_item:nth-child(even) {
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m2_item2.png) center no-repeat;
    margin-top: 66px;
}
.m3 {
    padding: 55px 0 60px 0;
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m3_bg.png) top right no-repeat;
}

.m3_cont_top {
    height: 275px;
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m3_cont_top.png) center no-repeat;
    margin: 38px 0 30px;
    display: flex;
}
.m3_cont_top ul {
    width: 287px;
    padding-top: 30px;
}
.m3_cont_top ul li {
    width: 192px;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin: 0 auto 36px;
    position: relative;
    background: -webkit-linear-gradient(#fffffe, #dbe4f0);
    background: -o-linear-gradient(#fffffe, #dbe4f0);
    background: -moz-linear-gradient(#fffffe, #dbe4f0);
    background: linear-gradient(#fffffe, #dbe4f0);
}
.m3_cont_top_tit {
    width: 67px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-top: 76px;
    line-height: 24px;
}
.m3_list_wrap {
    margin: 20px 0 0 42px;
    width: 754px;
}
.m3_list {
    line-height: 78px;
    border-bottom: 1px dashed #dbe4ef;
    font-size: 18px;
    color: #333333;
}
.m3_list strong {
    font-size: 20px;
    color: #4b89f8;
    padding-left: 28px;
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m3_jt.png) left center no-repeat;
}
.m3_cont_bot {
    display: flex;
    justify-content: space-between;
}
.m3_item {
    width: 279px;
    height: 287px;
    background: url(https://donshedugroup.oss-cn-beijing.aliyuncs.com/images/riyuketang/m3_item.png) center no-repeat;
}
.m3_icon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}
.m3_item_tit {
    font-size: 24px;
    color: #4b89f8;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
}
.m3_item_txt {
    line-height: 32px;
    font-size: 18px;
    color: #333333;
    width: 230px;
    text-align: center;
    margin: 0 auto 20px;
}