header,
header h2 {
    float: left;
    width: 100%
}

.pt_no {
    padding-top: 0
}

html body {
    background-color: #f4f4f4;
    -webkit-tap-highlight-color: transparent;
    font: 14px/1.5 Arial, Helvetica, sans-serif
}

footer p em,
html em,
html i,
html sub,
html sup {
    font-style: normal
}

header em,
header h2,
header strong {
    line-height: 1.1733333333333333rem
}

html article,
html aside,
html audio,
html body,
html dd,
html div,
html dl,
html footer,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html header,
html iframe,
html input,
html label,
html nav,
html ol,
html p,
html section,
html select,
html td,
html textarea,
html th,
html time,
html ul,
html video {
    margin: 0;
    padding: 0
}

html article,
html aside,
html audio,
html canvas,
html footer,
html header,
html nav,
html section,
html video {
    display: block
}

html textarea {
    resize: none
}

html input,
html textarea {
    outline: 0
}

html input[type=text] {
    -webkit-appearance: none
}

html iframe,
html img {
    border: 0
}

html li,
html ol,
html ul {
    list-style: none
}

html a {
    text-decoration: none;
    outline: 0;
    list-style-type: none;
    color: #333
}

html h1,
html h2,
html h3,
html strong {
    font-weight: 400
}

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

.site_nav_new em,
header em,
header strong {
    display: inline-block;
    position: absolute
}

.site_nav_new i,
header,
header em,
header h2,
header strong {
    height: 1.1733333333333333rem
}

html .clearfix {
    zoom: 1
}

html sub,
html sup {
    vertical-align: baseline
}

header {
    background-color: #3ca3f7
}

header strong {
    background: url(../images/fanhui.png) left center no-repeat;
    background-size: .28rem .4533333333333333rem;
    left: .4rem;
    top: 0;
    color: #fff;
    text-indent: .4rem;
    font-size: .4266666666666667rem;
    text-align: left
}

header h2 {
    text-align: center;
    font-size: .5333333333333333rem;
    color: #fff
}

header em {
    right: .4rem;
    top: 0;
    background: url(../images/menu.png) left center no-repeat;
    background-size: .4533333333333333rem .36rem;
    width: .4533333333333333rem
}

.site_nav_new,
.site_nav_new i {
    float: left;
    overflow: hidden;
    width: 100%
}

.site_nav_new {
    position: fixed;
    top: 0;
    display: none;
    z-index: 99999999
}

.site_nav_new i {
    background: rgba(51, 51, 51, .6)
}

.site_nav_new em {
    background: url(../images/top_sanjiao.png) no-repeat;
    background-size: .29333333333333333rem .14666666666666667rem;
    width: .29333333333333333rem;
    height: .14666666666666667rem;
    z-index: 9999999;
    top: 1.0733333333333333rem;
    right: .45rem
}

.site_nav_new .site_nav_con ul,
.site_nav_new .site_nav_con ul li {
    width: 100%;
    float: left;
    overflow: hidden
}

.site_nav_new .site_nav_con {
    padding: 0 .4rem;
    overflow: hidden;
    background-color: #e9e9e9;
    height: auto;
    display: block
}

.site_nav_new .site_nav_con ul li {
    height: 2rem;
    line-height: 2rem;
    position: relative
}

.site_nav_new .site_nav_con ul li.daohang strong {
    color: #2477e3;
    font-size: .37333333333333335rem;
    float: left;
    width: 2rem;
    margin-right: .3rem;
    line-height: 2rem;
    display: inline-block;
    text-align: center;
    font-weight: inherit
}

.site_nav_new .site_nav_con ul li.daohang a {
    display: inline-block;
    background-color: #fff;
    float: left;
    overflow: hidden;
    height: 1.2rem;
    margin: .4rem 0;
    line-height: 1.2rem;
    font-size: .37333333333333335rem;
    width: 2.8rem;
    text-align: center
}

.site_nav_new .site_nav_con ul li.fuwu {
    line-height: 2rem;
    float: left;
    overflow: hidden;
    width: 100%;
    padding-bottom: .37333333333333335rem;
    height: auto
}

.site_nav_new .site_nav_con ul li.fuwu strong {
    color: #2477e3;
    font-size: .37333333333333335rem;
    float: left;
    height: 1.5rem;
    width: 22%;
    margin-right: 4%;
    text-align: center;
    font-weight: inherit
}

.site_nav_new .site_nav_con ul li.fuwu a {
    background-color: #fff;
    float: left;
    overflow: hidden;
    height: 1.2rem;
    margin: .4rem 4% 0 0;
    line-height: 1.2rem;
    font-size: .37333333333333335rem;
    width: 22%;
    text-align: center
}

footer,
footer p,
footer p a,
footer p em {
    font-size: .32rem
}

.site_nav_new .site_nav_con ul li.fuwu a:nth-child(4n) {
    margin-right: 0
}

.site_nav_new .site_nav_con ul li:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #ccc;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.classify>h2,
.classify>h2 em,
.classify>h2 i,
.tab_list>h2,
.tab_list>h2 em,
.tab_list>h2 i,
footer p a {
    display: inline-block
}

.site_nav_new .site_nav_con ul li:last-child {
    border: none !important
}

.site_nav_new .site_nav_con ul li:last-child:before {
    height: 0 !important
}

.site_nav_new sub {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 40rem;
    background: rgba(51, 51, 51, .6)
}

footer {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: .2rem 0;
    text-align: center;
    background: #3d4049;
    float: left;
    overflow: hidden
}

footer p {
    margin-bottom: .2rem;
    line-height: .4rem;
    color: #696d7a
}

footer p a {
    margin-bottom: .1rem;
    padding: 0 .3rem;
    color: #696d7a
}

footer p:first-child {
    color: #fff;
    padding-top: .2rem
}

footer p:first-child a {
    color: #fff
}

footer .backToTop {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    z-index: 2;
    width: 1rem;
    height: .68rem;
    background: url(../images/icon_arrow_01.png) center center no-repeat #36373a;
    background-size: .8rem auto;
    text-indent: -9999em
}

.banner,
.banner a,
.banner a img,
.classify,
.classify>h2 {
    width: 100%;
    float: left
}

.classify>h2,
.classify>h2 i {
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    text-align: center
}

.classify {
    overflow: hidden;
    margin-bottom: .26666667rem
}

.classify>h2 {
    background-color: #fff;
    padding-top: .1rem
}

.classify>h2 em {
    background: url(../images/title_1.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .53333333rem;
    height: 100%;
    float: left
}

.classify>h2 p {
    float: left;
    margin-left: .13333333rem;
    color: #000;
    font-size: .48rem;
    line-height: 1.33333333rem
}

.classify span {
    float: left;
    width: 92%;
    padding: 0 4% .4rem;
    background-color: #fff
}

.classify span a {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 15px;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    background-color: #f8f8f8;
    color: #555;
    font-size: .4rem;
    margin-bottom: .13333333333333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classify span a:nth-child(4n) {
    margin-right: 0
}

.classify span a.more {
    color: #3ca3f7;
    background: url(../images/more.png) 75% center no-repeat;
    background-size: .37333333333333335rem .37333333333333335rem;
    height: .8rem;
    line-height: .8rem;
    text-indent: -.45rem
}

.tab_list,
.tab_list ol,
.tab_list>h2 {
    background-color: #fff;
    float: left
}

.tab_list>h2,
.tab_list>h2 i {
    height: 1.33333333rem;
    text-align: center
}

.tab_list>h2,
.tab_list>h2 i,
.tab_list>h2 p {
    line-height: 1.33333333rem
}

.tab_list,
.tab_list>h2 {
    width: 100%
}

.tab_list>h2 em {
    background: url(../images/title_2.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .53333333rem;
    height: 100%;
    float: left
}

.tab_list>h2 p {
    float: left;
    margin-left: .13333333rem;
    color: #000;
    font-size: .48rem
}

.tab_list .slide {
    float: left;
    overflow: hidden;
    width: 92%;
    padding: 0 4%;
    background-color: #f8f8f8
}

.tab_list .slide li {
    height: 1.0666666666666667rem;
    line-height: 1.0666666666666667rem;
    width: 16.66666667%;
    float: left;
    text-align: center
}

.tab_list .slide li a {
    float: left;
    width: 100%;
    color: #333;
    font-size: .4rem
}

.tab_list .slide li.btn {
    border-bottom: 1px solid #3ca3f7;
    box-sizing: border-box
}

.tab_list .slide li.btn a {
    color: #3ca3f7
}

.tab_list ol {
    width: 100%
}

.tab_list ol li {
    float: left;
    width: 100%;
    display: none;
    padding: .4rem 0 0
}

.tab_list>section:first-child {
    margin-top: .4rem
}

.tab_list section {
    float: left;
    width: 92%;
    padding-bottom: .4rem;
    margin: 0 4% .4rem;
    position: relative
}

.tab_list section span {
    float: left;
    width: 2.933333333333333rem;
    height: 1.96rem;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: .2rem
}

.tab_list section span a {
    float: left;
    width: 100%;
    height: 1.96rem;
    display: inline-block
}

.tab_list section span a img {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.tab_list section span a strong {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) center center no-repeat;
    background-size: .8rem .8rem;
    display: inline-block
}

.tab_list section span a i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .96rem;
    height: .4rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    line-height: .4rem
}

.tab_list section h2 {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tab_list section h2 a {
    color: #000;
    font-size: .42666667rem
}

.tab_list section p {
    margin-top: .10666667rem
}

.tab_list section p a {
    color: #555;
    font-size: .37333333rem
}

.tab_list section em {
    position: absolute;
    left: 3.133333333333333rem;
    bottom: .4rem;
    color: #999;
    font-size: .37333333rem
}

.tab_list section em sub {
    background: url(../images/play_icon.png) no-repeat;
    width: .41333333rem;
    height: .41333333rem;
    display: inline-block;
    float: left;
    background-size: .38666667rem .38666667rem
}

.tab_list section em i {
    float: left;
    height: .38666667rem;
    line-height: .38666667rem;
    margin-left: .10666667rem
}

.tab_list section em sup {
    background: url(../images/dot_icon.png) no-repeat;
    width: .4rem;
    height: .42666667rem;
    display: inline-block;
    float: left;
    background-size: .37333333rem .4rem;
    margin-left: .4rem
}

.tab_list section:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.tab_list section:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.tab_list section:last-child:before {
    height: 0
}

.page {
    float: left;
    width: 92%;
    padding: 0 4%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    font-size: 0
}

.page a {
    background-color: #f4f4f4;
    display: inline-block;
    text-align: center;
    height: .9333333333333333rem;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 0 .31rem;
    line-height: .9333333333333333rem;
    font-size: .4266666666666667rem;
    color: #999;
    margin: .4rem .1rem .5333333333333333rem 0
}

.page a.btn {
    background-color: #39b2fb;
    color: #fff;
    border: 1px solid #39b2fb
}

.classify_list {
    float: left;
    width: 100%;
    background-color: #fff
}

.classify_list ul {
    width: 29%;
    float: left
}

.classify_list ul li {
    float: left;
    width: 100%;
    height: 1.2rem
}

.classify_list ul li a {
    float: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    line-height: 1.2rem;
    background-color: #f4f4f4;
    color: #333;
    font-size: .4rem
}

.classify_list ul li.btn a {
    background: url(../images/btn.png) left center no-repeat #fff;
    background-size: .10666666666666667rem .4rem;
    color: #3ca3f7
}

.classify_list ol {
    float: left;
    width: 68%;
    padding-left: 3%
}

.classify_list ol li,
.doc_header {
    width: 100%;
    float: left
}

.classify_list ol li a {
    float: left;
    height: .7333333333333333rem;
    line-height: .7333333333333333rem;
    border-radius: 25px;
    border: 1px solid #f0f0f0;
    color: #555;
    font-size: .37333333333333335rem;
    margin-top: .26666666666666666rem;
    margin-right: .2rem;
    padding: 0 .26666666666666666rem;
    background-color: #f8f8f8
}

.classify_list .scroll-content {
    overflow: hidden;
    outline: 0
}

.doc_header {
    background-color: #fff;
    height: 2.70666667rem
}

.doc_header span {
    float: left;
    width: 1.76rem;
    height: 1.76rem;
    position: relative;
    margin-left: 4%;
    margin-top: .4rem;
    margin-right: .26666667rem;
    border-radius: 50%;
    overflow: hidden
}

.doc_header p,
.doc_header p em {
    height: .4rem;
    line-height: .4rem
}

.doc_header span img {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: -5px
}

.doc_header p {
    margin-top: .53333333rem;
    margin-bottom: .13333333rem;
    font-size: .48rem;
    color: #333;
    display: inline-block
}

.doc_header p i {
    float: left
}

.doc_header p em {
    padding: 0 3px;
    font-size: .32rem;
    color: #3ca3f7;
    border: 1px solid #3ca3f7;
    border-radius: 4px;
    margin-left: .26666667rem;
    box-sizing: border-box;
    float: left
}

.doc_header h3 {
    color: #777;
    font-size: .37333333rem;
    margin-bottom: .06666667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.doc_video {
    float: left;
    width: 100%;
    margin-top: .26666667rem
}

.doc_video .doc_tab {
    float: left;
    width: 100%;
    height: 1.06666667rem;
    line-height: 1.06666667rem
}

.doc_video .doc_tab a {
    float: left;
    width: 50%;
    color: #333;
    font-size: .42666667rem;
    text-align: center
}

.doc_video .doc_tab a.btn {
    color: #3ca3f7;
    border-bottom: 1px solid #3ca3f7;
    box-sizing: border-box
}

.doc_video .doc_skilled,
.doc_video .doc_synopsis {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative
}

.doc_video .doc_skilled span,
.doc_video .doc_synopsis span {
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
    width: 92%;
    margin: 0 4%;
    color: #000;
    font-size: .42666667rem
}

.doc_video .doc_skilled span i,
.doc_video .doc_synopsis span i {
    float: left;
    background: url(../images/doc_synopsis.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .50666667rem;
    height: 1.2rem;
    display: inline-block;
    margin-right: .13333333rem
}

.doc_video .doc_skilled span strong,
.doc_video .doc_synopsis span strong {
    height: 1.2rem;
    line-height: 1.26666667rem;
    display: inline-block;
    font-size: .48rem
}

.doc_video .doc_skilled span em,
.doc_video .doc_synopsis span em {
    float: right;
    background: url(../images/bottom_sanjiao.png) center center no-repeat;
    background-size: .48rem .26666667rem;
    width: .48rem;
    height: 1.2rem;
    display: inline-block
}

.doc_video .doc_skilled p,
.doc_video .doc_synopsis p {
    float: left;
    width: 92%;
    margin: 0 4% .4rem;
    color: #777;
    font-size: .37333333rem;
    height: 1.1rem;
    overflow: hidden;
    line-height: .58666667rem
}

.doc_video .doc_skilled sub,
.doc_video .doc_synopsis sub {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.doc_video .doc_skilled span i {
    float: left;
    background: url(../images/doc_skilled.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .50666667rem;
    height: 1.2rem;
    display: inline-block;
    margin-right: .13333333rem
}

.doc_video .doc_skilled sub {
    height: 0
}

.ajax_video,
.more_video {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: .26666667rem
}

.ajax_video>span,
.more_video>span {
    float: left;
    width: 100%;
    height: 1.2rem;
    background-color: #fff;
    margin-top: .26666667rem;
    position: relative
}

.ajax_video>span i,
.more_video>span i {
    float: left;
    background: url(../images/video.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .50666667rem;
    height: 1.2rem;
    display: inline-block;
    margin-left: 4%
}

.ajax_video>span h2,
.more_video>span h2 {
    float: left;
    height: 1.2rem;
    line-height: 1.26666667rem;
    margin-left: .13333333rem;
    font-size: .48rem;
    color: #000
}

.ajax_video>span em,
.more_video>span em {
    float: right;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-right: 4%;
    font-size: .37333333rem;
    color: #999
}

.ajax_video>span:before,
.more_video>span:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.ajax_video strong,
.more_video strong {
    float: left;
    width: 92%;
    margin: 0 4%
}

.specialist,
.title h1 {
    margin-top: .26666667rem
}

.ajax_video strong a,
.more_video strong a {
    float: left;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    position: relative
}

.ajax_video strong a h2,
.more_video strong a h2 {
    float: left;
    width: 70%;
    color: #000;
    font-size: .42666667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ajax_video strong a em,
.more_video strong a em {
    float: right;
    text-align: right;
    color: #58aeff;
    font-size: .37333333rem;
    background: url(../images/play_list.png) left center no-repeat;
    background-size: .42666667rem .42666667rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-indent: .6rem
}

.ajax_video strong a:before,
.more_video strong a:before,
.title p::after {
    content: '';
    left: -50%;
    background: #e5e5e5;
    transform: scale(.5);
    pointer-events: none
}

.ajax_video strong a:before,
.more_video strong a:before {
    display: block;
    position: absolute;
    top: 0;
    width: 200%;
    height: 1px;
    -webkit-transform: scale(.5)
}

#example_video_1 {
    float: left;
    width: 100% !important;
    height: 5.62666667rem !important
}

#example_video_1 .vjs-poster {
    background-size: 100% 100%
}

.title {
    background: #fff;
    float: left;
    width: 92%;
    padding: 0 4%
}

.title h1 {
    float: left;
    font-size: .53333333rem;
    width: 100%;
    color: #000
}

.title p {
    color: #999;
    font-size: .37333333rem;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: .26666667rem;
    margin-top: .13333333rem
}

.title span em,
.title span>i {
    color: #888;
    text-indent: .53333333rem
}

/*.title p::after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 200%;
    height: 1px;
    -webkit-transform: scale(.5)
}*/
.title span.time {
    height: 0.5rem;
    float: left;
    /*width: 100%;*/
    position: relative
}
.title span.hit {
    height: 0.5rem;
    float: right;
    /*width: 100%;*/
    position: relative
}

.title span em {
    float: left;
    background: url(../images/con_playicon.png) left center no-repeat;
    background-size: .38666667rem .38666667rem;
    /*height: 1.06666667rem;*/
    /*line-height: 1.17333333rem;*/
    font-size: .37333333rem
}

.title span strong,
.title span>i {
    float: right;
    height: 1.06666667rem;
    font-size: .37333333rem
}

.title span>i {
    background: url(../images/praise.png) left center no-repeat;
    background-size: .4rem .4rem;
    line-height: 1.17333333rem
}

.title span>i.btn {
    background: url(../images/praise_hover.png) left center no-repeat;
    background-size: .4rem .4rem;
    color: #3ca3f7
}

.title span sub {
    position: absolute;
    color: #3ca3f7;
    right: 7px;
    bottom: 13px;
    opacity: 0;
    display: none
}

.title span sub.animation {
    display: inline-block;
    animation: praise .8s;
    -moz-animation: praise .8s;
    -webkit-animation: praise .8s;
    -o-animation: praise .8s
}

@-moz-keyframes praise {
    100% {
        opacity: 0;
        bottom: 25px
    }
}

.title span strong {
    line-height: 1.06666667rem;
    margin-left: .13333333rem;
    color: #888;
    text-indent: .13333333rem
}

.title span strong b {
    float: left;
    font-size: .4rem;
    opacity: .5
}

.specialist {
    float: left;
    width: 100%;
    background: #fff;
    padding-bottom: .53333333rem
}

.specialist h2 {
    float: left;
    width: 100%;
    color: #000;
    font-size: .48rem;
    margin-top: .6rem;
    margin-bottom: .4rem
}

.specialist h2 em {
    width: .09333333rem;
    height: .37333333rem;
    background: #3ca3f7;
    display: inline-block;
    border-radius: 5px;
    margin-right: .33333333rem
}

.specialist dl {
    float: left;
    width: 92%;
    padding: 0 4%;
    height: 2.66666667rem
}

.specialist dl dt {
    float: left;
    width: 1.76rem;
    height: 2.66666667rem;
    position: relative;
    margin-right: .33333333rem
}

.specialist dl dt a:first-child i {
    position: absolute;
    width: 1.76rem;
    height: 1.76rem;
    background: #f8f8f8;
    border-radius: 50%;
    overflow: hidden
}

.specialist dl dt a:first-child i img {
    float: left;
    width: 100%;
    height: 100%
}

.specialist dl dt a:last-child {
    position: absolute;
    top: 2.02666667rem;
    width: 1.76rem;
    background: #16a4fa;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    border-radius: 5px;
    padding: 3px 0;
    -moz-box-shadow: 0 0 7px #3ca3f7;
    -webkit-box-shadow: 0 0 7px #3ca3f7;
    box-shadow: 0 0 7px #3ca3f7
}

.specialist dl dt a.none {
    display: none
}

.specialist dl dd {
    height: 2.66666667rem;
    overflow: hidden
}

.interview h2 em,
.review>h2 em {
    height: .37333333rem;
    display: inline-block;
    margin-right: .33333333rem
}

.specialist dl dd p:nth-of-type(1) {
    color: #000;
    font-size: .37333333rem;
    padding: 1px 0
}

.specialist dl dd p:nth-of-type(1) em {
    color: #16a4fa;
    font-size: .37333333rem;
    border: 1px solid #16a4fa;
    box-sizing: border-box;
    margin-left: .26666667rem;
    padding: 2px 3px 1px
}

.specialist dl dd p:nth-of-type(2) {
    color: #999;
    font-size: .37333333rem;
    margin-top: .26666667rem
}

.specialist dl dd p:nth-of-type(3) {
    color: #999;
    font-size: .37333333rem;
    margin-top: .09333333rem;
    line-height: .58666667rem
}

.interview,
.review {
    margin-top: .26666667rem;
    float: left
}

.review {
    width: 100%;
    background: #fff
}

.review>h2 {
    float: left;
    width: 100%;
    color: #000;
    font-size: .48rem;
    margin-top: .6rem;
    margin-bottom: .4rem
}

.review>h2 em {
    width: .09333333rem;
    background: #3ca3f7;
    border-radius: 5px
}

.review .tab_list {
    padding-top: 0;
    overflow: hidden
}

.review .tab_list>section h2 a {
    font-size: 16px !important
}

.review .tab_list>section em i,
.review .tab_list>section p a {
    font-size: 14px !important
}

.review .tab_list>section span,
.review .tab_list>section span a,
.review .tab_list>section span a img {
    width: 125px;
    height: 83px
}

.review .tab_list>section p {
    margin-bottom: 10px
}

.review .tab_list>section em {
    position: relative;
    left: auto;
    right: auto;
    bottom: 0
}

.interview {
    width: 100%;
    background: #fff
}

.interview h2 {
    float: left;
    width: 100%;
    color: #000;
    font-size: .48rem;
    margin-top: .6rem;
    margin-bottom: .26666667rem
}

.interview h2 em {
    width: .09333333rem;
    background: #3ca3f7;
    border-radius: 5px
}

.interview p,
.interview strong {
    width: 92%;
    margin: 0 4%;
    position: relative;
    float: left
}

.interview p {
    color: #555;
    font-size: .42666667rem;
    line-height: .64rem;
    padding-bottom: .4rem
}

.interview strong {
    height: 1.06666667rem;
    line-height: 1.06666667rem;
    text-align: center;
    color: #16a4fa;
    font-size: .37333333rem;
    display: inline-block
}

.interview strong:before,
.voice_index>a:before {
    display: block;
    left: -50%;
    background: #e5e5e5;
    transform: scale(.5);
    content: '';
    pointer-events: none
}

.interview strong:before {
    position: absolute;
    top: 0;
    width: 200%;
    height: 1px;
    -webkit-transform: scale(.5)
}

.voice_index>h2,
.voice_index>h2 i {
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    display: inline-block;
    text-align: center
}

.voice_index {
    float: left;
    width: 100%;
    background: #fff;
    margin: .26666667rem 0
}

.voice_index>h2 {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-top: .1rem
}

.voice_index>h2 em {
    background: url(../images/voice_icon.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .53333333rem;
    height: 100%;
    display: inline-block;
    float: left
}

.voice_index>h2 p {
    float: left;
    margin-left: .13333333rem;
    color: #000;
    font-size: .48rem;
    line-height: 1.33333333rem
}

.voice_index>h3 {
    float: left;
    width: 100%;
    color: #000;
    font-size: .48rem;
    margin-top: .6rem
}

.voice_index>h3 em {
    width: .09333333rem;
    height: .37333333rem;
    background: #3ca3f7;
    display: inline-block;
    border-radius: 5px;
    margin-right: .33333333rem
}

.voice_index>h3+section:before {
    height: 0
}

.voice_index>a {
    float: left;
    width: 92%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #16a4fa;
    font-size: .37333333rem;
    display: inline-block;
    position: relative;
    margin: 0 4%
}

.voice_index>a:before {
    position: absolute;
    top: 0;
    width: 200%;
    height: 1px;
    -webkit-transform: scale(.5)
}

.voice_bor {
    float: left;
    width: 100%;
    background: #fff
}

.voice_bor .voice_list:before {
    bottom: 0 !important;
    top: inherit
}

.voice_bor .voice_list:last-child {
    padding-bottom: .26666667rem !important
}

.voice_bor .voice_list:last-child:before {
    height: 0
}

.voice_bor+.page {
    padding-bottom: .26666667rem
}

.voice_list {
    float: left;
    width: 92%;
    margin: 0 4%;
    position: relative;
    padding: .61333333rem 0
}

.voice_list h2 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/ask_icon.png) left center no-repeat;
    background-size: .4rem .4rem;
    height: .53333333rem;
    line-height: .53333333rem;
    text-indent: .53333333rem
}

.voice_list h2 a {
    font-size: .42666667rem;
    color: #000
}

.voice_list span {
    float: left;
    width: 100%;
    margin-top: .26666667rem
}

.voice_list span a {
    float: left;
    width: 5.33333333rem;
    background: #f4f4f4;
    border-radius: 50px;
    height: 1.2rem
}

.voice_list span a i {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    background: #e8e8e8;
    border-radius: 50%;
    overflow: hidden
}

.voice_list span a i img {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem
}

.voice_list span a em {
    float: left;
    background: url(../images/voice_play.png) center center no-repeat;
    width: 1.06666667rem;
    height: 1.2rem;
    display: inline-block;
    background-size: .45333333rem .30588235rem
}

.voice_list span a sub {
    color: #555;
    font-size: .37333333rem;
    height: 1.2rem;
    line-height: 1.26666667rem
}

.voice_list span a sub sup {
    font-size: .37333333rem;
    color: #fa7e6d;
    margin-left: .13333333rem
}

.voice_list span p {
    height: 1.2rem;
    line-height: 1.26666667rem;
    color: #999;
    font-size: .37333333rem;
    text-indent: .13333333rem
}

.voice_list span p i {
    background: url(../images/accept.png) left center no-repeat;
    background-size: .37333333rem .34666667rem;
    width: .42666667rem;
    height: 1.2rem;
    display: inline-block;
    float: left;
    margin-left: .53333333rem
}

.voice_list span strong {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .26666667rem;
    color: #555;
    font-size: .37333333rem
}

.voice_list:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    top: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.voice_content {
    float: left;
    width: 92%;
    background-color: #fff;
    padding: .53333333rem 4% 0
}

.voice_content h1 {
    float: left;
    font-size: .53333333rem;
    color: #000;
    width: 100%
}

.voice_content p {
    float: left;
    color: #999;
    font-size: .37333333rem;
    margin-top: .13333333rem
}

.voice_content .voice {
    float: left;
    width: 100%;
    background: #f4f4f4;
    height: 2.4rem;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 6px;
    margin-top: .53333333rem
}

.voice_content .voice .audiojs {
    background: 0 0;
    float: left;
    width: 100%;
    height: 2.4rem;
    box-shadow: none;
    -webkit-box-shadow: none
}

.voice_content .voice .audiojs .play-pause {
    float: left;
    border: 0;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0
}

.voice_content .voice .audiojs .play-pause .error,
.voice_content .voice .audiojs .play-pause .loading,
.voice_content .voice .audiojs .play-pause .pause,
.voice_content .voice .audiojs .play-pause .play {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    margin: .4rem 0 0 .53333333rem
}

.voice_content .voice .audiojs .play-pause .play {
    background: url(../images/audiojs.png) center center no-repeat #56ce57;
    background-size: 1.6rem 1.6rem !important;
    -moz-box-shadow: 0 0 10px rgba(86, 206, 87, .7);
    -webkit-box-shadow: 0 0 10px rgba(86, 206, 87, .7);
    box-shadow: 0 0 10px rgba(86, 206, 87, .7)
}

.voice_content .voice .audiojs .play-pause .pause {
    background: url(../images/audiojs_play.gif) center center no-repeat #56ce57;
    background-size: 1.6rem 1.6rem !important;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px rgba(86, 206, 87, .7);
    -webkit-box-shadow: 0 0 10px rgba(86, 206, 87, .7);
    box-shadow: 0 0 10px rgba(86, 206, 87, .7)
}

.voice_content .voice .audiojs .play-pause .loading {
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 1.6rem 1.6rem !important;
    overflow: hidden
}

.voice_content .voice .audiojs .play-pause .error {
    background: url(../images/err.png) center center no-repeat;
    background-size: 1.6rem 1.6rem !important;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px rgba(244, 53, 49, .7);
    -webkit-box-shadow: 0 0 10px rgba(244, 53, 49, .7);
    box-shadow: 0 0 10px rgba(244, 53, 49, .7)
}

.voice_content .voice .audiojs .time {
    border: 0;
    text-shadow: 0 0 0 transparent;
    width: 6.13333333rem;
    padding: 0;
    margin: 0
}

.voice_content .voice .audiojs .time em {
    color: #999;
    font-size: .32rem;
    float: left
}

.voice_content .voice .audiojs .time strong {
    color: #999;
    font-size: .32rem;
    float: right
}

.voice_content .voice .audiojs .au_play {
    width: 6.13333333rem;
    position: relative;
    float: left;
    margin-top: .4rem;
    color: #555;
    font-size: .37333333rem;
    padding-bottom: .2rem
}

.voice_content .voice .audiojs .scrubber {
    border: 0;
    width: 6.13333333rem;
    margin: 0;
    height: 6px;
    background: #e8e8e8;
    border-radius: 5px
}

.voice_content .voice .audiojs .loaded {
    background: #e8e8e8
}

.voice_content .voice .audiojs .progress {
    background: #56ce57
}

.voice_content span {
    float: left;
    width: 100%;
    color: #999;
    font-size: .37333333rem;
    height: 1.2rem;
    line-height: 1.2rem;
    position: relative
}

.voice_content span sup {
    background: url(../images/accept.png) left center no-repeat;
    background-size: .4rem .4rem;
    height: 1.2rem;
    display: inline-block;
    float: left;
    text-indent: .53333333rem;
    line-height: 1.26666667rem;
    font-size: .37333333rem
}

.voice_content span i {
    float: right;
    background: url(../images/praise.png) left center no-repeat;
    background-size: .4rem .4rem;
    text-indent: .53333333rem;
    font-size: .37333333rem;
    color: #888;
    height: 1.06666667rem;
    line-height: 1.17333333rem
}

.voice_content span i.btn {
    background: url(../images/praise_hover.png) left center no-repeat;
    background-size: .4rem .4rem;
    color: #3ca3f7
}

.voice_content span sub {
    position: absolute;
    color: #3ca3f7;
    right: 7px;
    bottom: 13px;
    opacity: 0;
    display: none
}

.voice_content span sub.animation {
    display: inline-block;
    animation: praise .8s;
    -moz-animation: praise .8s;
    -webkit-animation: praise .8s;
    -o-animation: praise .8s
}

@keyframes praise {
    0% {
        opacity: 1;
        bottom: 13px
    }

    100% {
        opacity: 0;
        bottom: 25px
    }
}

@-moz-keyframes praise {
    0% {
        opacity: 1;
        bottom: 13px
    }

    100% {
        opacity: 0;
        bottom: 25px
    }
}

@-webkit-keyframes praise {
    0% {
        opacity: 1;
        bottom: 13px
    }

    100% {
        opacity: 0;
        bottom: 25px
    }
}

@-o-keyframes praise {
    0% {
        opacity: 1;
        bottom: 13px
    }

    100% {
        opacity: 0;
        bottom: 25px
    }
}

.footer_provide {
    height: .93333333rem;
    float: left;
    width: 100%;
    line-height: .93333333rem;
    font-size: .32rem;
    color: #aaa;
    text-align: center
}

.footer_provide sub,
.footer_provide sup {
    height: 1px;
    width: .4rem;
    background: #ccc;
    top: .42666667rem
}

.footer_provide p {
    position: relative;
    display: inline-block
}

.footer_provide sub {
    position: absolute;
    left: -.66666667rem
}

.footer_provide sup {
    position: absolute;
    right: -.66666667rem
}

#sliding>h2,
#sliding>h2 i {
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    text-align: center
}

#sliding,
#sliding>h2 {
    width: 100%;
    position: relative;
    float: left
}

#sliding {
    background: #fff;
    margin: 0 0 .26666667rem
}

#sliding>h2 {
    display: inline-block;
    background-color: #fff;
    padding-top: .1rem
}

#sliding>h2 i {
    display: inline-block
}

#sliding>h2 em {
    background: url(../images/sliding.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .53333333rem;
    height: 100%;
    display: inline-block;
    float: left
}

#sliding>h2 p {
    float: left;
    margin-left: .13333333rem;
    color: #000;
    font-size: .48rem;
    line-height: 1.33333333rem
}

#sliding>h2:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

#sliding .slide_page {
    position: absolute;
    bottom: .53333333rem;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
    left: 0;
    z-index: 99999999
}

#sliding .slide_page .box_flex {
    display: inline-block;
    text-align: center;
    height: .16rem;
    width: .16rem;
    border: 1px solid #3ca3f7;
    box-sizing: border-box;
    font-size: 0;
    border-radius: 50%
}

#sliding .slide_page .box_flex.on {
    width: .49333333rem;
    height: .16rem;
    border-radius: 50px;
    background: #3ca3f7;
    transition: .1s;
    margin: 0 .13333333rem
}

#sliding .tabbox,
#sliding .tabbox>section,
#sliding .tempWrap {
    width: 100%;
    float: left
}

#sliding .tempWrap {
    margin-top: .4rem;
    padding-bottom: 1.2rem
}

#sliding .tabbox>section>div {
    float: left;
    width: 44.5%;
    margin-left: 4%;
    margin-bottom: .4rem
}

#sliding .tabbox>section>div span {
    float: left;
    width: 100%;
    height: 2.98666667rem;
    overflow: hidden;
    position: relative
}

#sliding .tabbox>section>div span a,
#sliding .tabbox>section>div span a img {
    float: left;
    width: 100%
}

#sliding .tabbox>section>div span i {
    position: absolute;
    left: .08rem;
    bottom: .08rem;
    width: .8rem;
    height: .48rem;
    font-size: .32rem;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    text-align: center
}

#sliding .tabbox>section>div span em,
#sliding .tabbox>section>div span strong {
    width: .8rem;
    height: .56rem;
    position: absolute;
    left: .13333333rem;
    top: 0;
    color: #fff;
    line-height: .50666667rem;
    display: inline-block;
    text-align: center
}

#sliding .tabbox>section>div span strong {
    background: url(../images/new_tag.png) left center no-repeat;
    background-size: .8rem .56rem
}

#sliding .tabbox>section>div span em {
    background: url(../images/hot_tag.png) left center no-repeat;
    background-size: .8rem .56rem
}

#sliding .tabbox>section>div a.doc_title {
    float: left;
    width: 100%;
    color: #333;
    font-size: .37333333rem;
    margin-top: .13333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sliding .tabbox>section>div a.positioning {
    background: url(../images/positioning.png) left center no-repeat;
    background-size: .25333333rem .32rem;
    color: #aaa;
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 100%;
    text-indent: .4rem;
    margin-top: .06666667rem
}

#sliding .tabbox>section>div:nth-child(2n) {
    margin-left: 3%
}

.banner_mobile {
    float: left;
    width: 100%;
    position: relative
}

.banner_mobile .search {
    position: absolute;
    height: .88rem;
    top: .53333333rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column
}

.banner_mobile .search form {
    display: flex;
    background: no-repeat rgba(0, 0, 0, .15);
    height: .88rem;
    margin: 0 .73333333rem;
    border: 0;
    border-radius: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 0;
    outline: 0
}

.banner_mobile .search form input,
.search_mobile form input {
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.banner_mobile .search form input {
    border: 0;
    text-align: center;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: .37333333rem
}

.banner_mobile .search form i {
    background: url(../images/search.png) center center no-repeat;
    background-size: .33333333rem .33333333rem;
    position: absolute;
    width: .4rem;
    height: .88rem;
    padding: 0 .4rem;
    right: 0;
    top: 0;
    display: none;
    z-index: 9
}

.banner_mobile .search form ::-webkit-input-placeholder {
    color: #fff;
    font-size: .37333333rem;
    background: url(../images/search.png) 28% center no-repeat;
    background-size: .33333333rem .33333333rem;
    text-align: center
}

.banner_mobile .search form :-moz-placeholder {
    color: #fff;
    font-size: .37333333rem;
    background: url(../images/search.png) 28% center no-repeat;
    background-size: .33333333rem .33333333rem;
    text-align: center
}

.banner_mobile .search form ::-moz-placeholder {
    color: #fff;
    font-size: .37333333rem;
    background: url(../images/search.png) 28% center no-repeat;
    background-size: .33333333rem .33333333rem;
    text-align: center
}

.banner_mobile .search form :-ms-input-placeholder {
    color: #fff;
    font-size: .37333333rem;
    background: url(../images/search.png) 28% center no-repeat;
    background-size: .33333333rem .33333333rem;
    text-align: center
}

.banner_mobile a,
.banner_mobile a img {
    float: left;
    width: 100%
}

.res_num {
    float: left;
    width: 100%;
    height: .64rem;
    text-align: center;
    padding-top: .2rem;
    background: #fff
}

.res_num p {
    text-indent: .4rem;
    color: #fff;
    font-size: .32rem;
    line-height: .64rem;
    background: rgba(60, 163, 247, .5)
}

.search_mobile {
    background: #fff;
    width: 100%;
    height: 1.2rem;
    display: flex;
    flex-direction: column
}

.search_mobile form {
    display: flex;
    flex: 1;
    margin: .2rem .4rem 0;
    background: #f4f4f4;
    border-radius: 5px;
    position: relative;
    outline: 0
}

.search_mobile form input {
    border: 0;
    text-indent: .93333333rem;
    font-size: .37333333rem;
    color: #555;
    width: 100%
}

.search_mobile form i {
    background: url(../images/search_list.png) center center no-repeat;
    background-size: .33333333rem .33333333rem;
    position: absolute;
    display: inline-block;
    width: .4rem;
    height: 1rem;
    padding: 0 .4rem;
    left: 0;
    top: 0;
    z-index: 9
}

.video_column {
    float: left;
    width: 100%;
    position: relative;
    padding: .4rem 0 .2rem
}

.video_column span {
    margin: 0 4%;
    float: left;
    width: 92%
}

.video_column span a {
    height: .74666667rem;
    display: flex;
    color: #555;
    font-size: .34666667rem;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
    background: #f5f6f6;
    margin-right: .2rem;
    width: 2.06666667rem;
    border-radius: 4px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video_column span a i {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #ccc;
    margin-left: .13333333rem;
    transform: rotate(180deg)
}

.video_column span a.click i {
    transform: rotate(0)
}

.video_column span a.none {
    display: none
}

.video_column span a.btn {
    background: #92c5ef;
    color: #fff
}

.video_column span a:last-child.more {
    float: right
}

.video_column:before {
    display: block;
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 200%;
    height: 1px;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    pointer-events: none
}

.parenting_classify {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: .26666667rem
}

.parenting_classify section {
    float: left;
    width: 92%;
    padding: 0 4% .4rem;
    height: .74666667rem;
    margin-top: .53333333rem
}

.parenting_classify section i {
    background: url(../images/title_2.png) center center no-repeat;
    background-size: .48rem .48rem;
    width: .74666667rem;
    height: .74666667rem;
    display: inline-block;
    float: left
}

.parenting_classify section p {
    color: #000;
    font-size: .48rem;
    float: left
}

.parenting_classify section span {
    float: right;
    width: 3.6rem;
    height: .74666667rem;
    line-height: .74666667rem;
    border: 1px solid #2e9aff;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden
}

.parenting_classify section span a {
    color: #2e9aff;
    float: left;
    width: 50%;
    font-size: .4rem;
    text-align: center
}

.parenting_classify section span a.btn {
    background: #2e9aff;
    color: #fff
}

.parenting_classify>span {
    float: left;
    width: 92%;
    padding: 0 4% .4rem;
    background-color: #fff
}

.parenting_classify>span a {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 15px;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    background-color: #f8f8f8;
    color: #555;
    font-size: .4rem;
    margin-bottom: .13333333333333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.parenting_classify>span a.btn {
    background: #2e9aff;
    color: #fff
}

.parenting_classify>span a:nth-child(4n) {
    margin-right: 0
}

.parenting_classify>span a.more {
    color: #3ca3f7;
    background: url(../images/more.png) 75% center no-repeat;
    background-size: .37333333333333335rem .37333333333333335rem;
    height: .8rem;
    line-height: .8rem;
    text-indent: -.45rem
}

.parenting_menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none
}

.parenting_menu strong {
    position: absolute;
    top: 0;
    left: 0;
    height: 55%;
    width: 100%
}

.parenting_menu .parenting_menu_con {
    position: fixed;
    z-index: 99999;
    background: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7.8rem
}

.parenting_menu .parenting_menu_con h3 {
    float: left;
    width: 100%;
    color: #3ca3f7;
    font-size: .48rem;
    position: relative;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    text-indent: .4rem
}

.parenting_menu .parenting_menu_con h3 i {
    float: right;
    background: url(../images/x.png) center center no-repeat;
    background-size: .32rem .32rem;
    width: .32rem;
    height: 1.33333333rem;
    display: inline-block;
    margin-right: .4rem
}

.more_ajax span:before,
.parenting_menu .parenting_menu_con h3:before {
    display: block;
    content: '';
    width: 200%;
    height: 1px;
    pointer-events: none
}

.parenting_menu .parenting_menu_con h3:before {
    position: absolute;
    left: -50%;
    bottom: 0;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5)
}

.parenting_menu .parenting_menu_con section {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 6.2rem;
    padding-top: .26666667rem
}

.parenting_menu .parenting_menu_con section a {
    float: left;
    height: .74666667rem;
    line-height: .74666667rem;
    padding: 0 .26666667rem;
    margin-left: .26666667rem;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-radius: 50px;
    margin-bottom: .26666667rem
}

.parenting_menu .parenting_menu_con section a.btn {
    background: #3ca3f7;
    color: #fff;
    border-color: #3ca3f7
}

.parenting_menu .parenting_menu_con section a:last-child {
    margin-bottom: .53333333rem
}

.parenting_menu .scroll-content {
    overflow: hidden;
    outline: 0
}

.more_ajax {
    float: left;
    width: 100%;
    background: #fff;
    height: 1.46666667rem;
    line-height: 1.46666667rem;
    text-align: center;
    color: #999;
    font-size: .37333333rem
}

.more_ajax span {
    float: left;
    width: 92%;
    margin: 0 4%;
    position: relative
}

.more_ajax span i {
    background: url(../images/more_ajax.png) left center no-repeat;
    height: 1.46666667rem;
    background-size: .29333333rem .29333333rem;
    display: inline-block;
    text-indent: .4rem
}

.more_ajax span:before {
    position: absolute;
    left: -50%;
    top: 0;
    background: #e5e5e5;
    transform: scale(.5);
    -webkit-transform: scale(.5)
}

.shareBox,
.whChatShareBox {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0
}

.shareBox,
.shareBox .share,
.whChatShareBox {
    width: 100%;
    height: 100%
}

.shareBox {
    background: rgba(0, 0, 0, .8);
    display: none
}

.shareBox .share {
    background: url(../images/share.png) center center no-repeat;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.whChatShareBox {
    background: rgba(0, 0, 0, .8);
    display: none
}

.whChatShareBox .share {
    background: url(../images/share2.png) right .4rem no-repeat;
    width: 95%;
    height: 100%;
    background-size: 4.29333333rem auto;
    display: flex;
    justify-content: center;
    align-items: center
}