/* 预设样式 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    /*vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}


html {
    color: #333333;
    font-family: sans-serif;
    font-size: 14px;
    min-width: 1200px;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
}

button {
    /*font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", sans-serif;*/
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
body {
    line-height: 1;
    min-width: 1200px;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

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

.clearfix {
    display: inline-table;
}

/* - Hides from IE-mac - \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
.fr{
    float:right;
}
/* - End hide from IE-mac - */

/* 样式组件 */
/* -float- */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* -font- */
.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px !important;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}

.f-26 {
    font-size: 26px;
}

.f-28 {
    font-size: 28px;
}

.f-30 {
    font-size: 30px;
}

.f-36 {
    font-size: 36px;
}

.f-48 {
    font-size: 48px;
}

.f-bold {
    font-weight: bold;
}

.f-italic {
    font-style: italic;
}

.f-underline {
    text-decoration: underline;
}
.fc-orange {
    color: #F60
}
.fc-red {
    color:#F00;
}
.fc-gray {
    color: #999
}
.fc-fff {
    color: #fff;
}
/* -margin- */
.ml-5 {
    margin-left: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}
.mt10{
    margin-top:10px;
}
.mb-10 {
    margin-bottom: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.mr-25 {
    margin-right: 25px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.mr-35 {
    margin-right: 35px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-50 {
    margin-right: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.mr-60 {
    margin-right: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.mr-70 {
    margin-right: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.ml-80 {
    margin-left: 70px;
}

.mr-80 {
    margin-right: 70px;
}

.mt-80 {
    margin-top: 70px;
}

.mb-80 {
    margin-bottom: 70px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

/* -color- */
.cl-ff{
    color: #fff;
}

.cl-54 {
    color: #555;
}

.cl-51 {
    color: #333333;
}

.cl-100 {
    color: #646464;
}

.cl-102 {
    color: #666;
}

.cl-119 {
    color: #777;
}

.cl-125 {
    color: #7d7d7d;
}

.cl-153 {
    color: #999;
}

.cl-165 {
    color: #a5a5a5;
}

.cl-183 {
    color: #b7b7b7;
}

.cl-204 {
    color: #ccc;
}

.cl-220 {
    color: #dcdcdc;
}

.cl-238 {
    color: #eeeeee;
}

.cl-red {
    color: #ff5054;
}

.cl-blue {
    color: #4ab3f3;
}

.cl-yellow {
    color: #fddf58;
}

.cl-orange {
    color: #fa8233;
}

.cl-green {
    color: #06afdc;
}

.cl-pink {
    color: #faa4c7;
}

.bg-246 {
    background: #f6f6f6;
}

.txt-center{
    text-align: center;
}
.txt-c {
    text-align:center;
}
.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}

input, textarea {
    display: block;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0.6em;
    box-sizing: border-box !important;
    color: #333;
    font-size: 17px;
    line-height: 1.5em;
}

.recommend-listeners .inner,.feelings .inner{
    width: 1000px !important;
}

a {
    color: #747474;
    text-decoration: none;
}

a:hover {
    color: #06afdc;
    text-decoration: none;
}

.m-center {
    margin-left: auto;
    margin-right: auto;
}

/* border normal */
.brd-t {
    border-top: 1px solid #eeeeee;
}

.brd-b {
    border-bottom: 1px solid #eeeeee;
}

.brd-l {
    border-left: 1px solid #eeeeee;
}

.brd-r {
    border-right: 1px solid #eeeeee;
}

.content-wrap {
    height: 100%;
    margin: 0 auto;
    width: 1100px;
    /*position: relative;
  display: table;*/
}

.borderRadiusHalf {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/* icons */
.icon-phone {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) -3px -2px;
    display: block;
    height: 16px;
    width: 9px;
}

.icon-heart {
    background: url(https://static.ydlcdn.com/v3/images/pc/icons.png) no-repeat 0 6px;
    display: block;
    height: 94px;
    width: 108px;
}

.icon-person {
    background: url(https://static.ydlcdn.com/v3/images/pc/icons.png) no-repeat -155px 0;
    display: block;
    height: 94px;
    width: 108px;
}

.icon-talk {
    background: url(https://static.ydlcdn.com/v3/images/pc/icons.png) no-repeat -295px 0;
    display: block;
    height: 94px;
    width: 108px;
}

.icon-people {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -25px -1px;
    display: block;
    height: 12px;
    width: 14px;
}

.icon-plus {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -61px 0;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-tick {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -284px 2px;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-share {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -85px -1px;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-share-qq-space {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -111px 0;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-share-weixin {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -137px 0;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-share-sina {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -163px 0;
    display: block;
    height: 16px;
    width: 16px;
}

.icon-backend {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat 0 -187px;
    display: block;
    height: 64px;
    width: 63px;
}

.icon-time-line {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -229px 0;
    display: block;
    height: 110px;
    width: 25px;
}

/* link */
.link-normal {
    color: #0093e7;
}

.link-normal:hover {
    color: #83b900;
    text-decoration: none;
}

/* btns */
.btn-blue {
    background: #119cff;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 190px;
}

.btn-blue:hover {
    background: #2ba7ff;
    color: #ffffff;
    text-decoration: none;
}

.btn-blue-a {
    background: #119cff;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 210px;
}

.btn-blue-a:hover {
    background: #2ba7ff;
    color: #ffffff;
    text-decoration: none;
}

.btn-simple {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    cursor: pointer;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 95px;
}

.btn-simple:hover {
    border: 1px solid #c4c4c4;
    color: #999999;
    text-decoration: none;
}

.btn-simple-disable {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    cursor: pointer;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 95px;
}

.btn-simple-disable:hover {
    color: #999999;
    text-decoration: none;
}

.btn-confirm {
    background: #119cff;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100px;
}

.btn-confirm:hover {
    background: #2ba7ff;
    color: #ffffff;
    text-decoration: none;
}

.btn-cancel {
    background: #cfcfcf;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100px;
}

.btn-cancel:hover {
    background: #d5d5d5;
    color: #ffffff;
    text-decoration: none;
}

.btn-green-small {
    background: #4ab3f3;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 92px;
}

.btn-green-small:hover {
    background: #06afdc;
    color: #ffffff;
    text-decoration: none;
}

.connecting {
    background: #fcf8e4;
    border-radius: 4px;
    color: #bf9758;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 92px;
}

.absent {
    background: #dddddd;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 92px;
}
.listener-card .order{
    background: #FFFFFF;
    border-radius: 4px;
    color: #333;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 145px;
    border: 1px solid #efefef;
}
/* top */
.top {
    background: #323232;
    display: block;
}

.top .inner {
    width: 1100px;
    margin: 0 auto;
}

.top .greet {
    height: 36px;
    line-height: 36px;
    margin: 0;
}

.top-nav .icon-phone {
    margin-top: 11px;
}

.top-nav {
    list-style: none;
    margin: 0;
}

.top-nav li {
    float: left;
    line-height: 36px;
    margin-left: 10px;
}

/* header */
.header {
    font-size: 16px;
    padding: 15px 0;
}

.header a:hover {
    text-decoration: none;
}

.header .logo {
    float: left;
    padding-top: 16px;
}

.header .nav {
    float: left;
    margin-left: 125px;
}

.header .nav .item {
    float: left;
    position: relative;
}

.header .nav .item .coupinTips {
    position: absolute;
    left: -10px;
    top: 0;
    width: 105px;
    height: 28px;
    background-image: url('https://static.ydlcdn.com/v2/images/nav_coupinTips.png');
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.ydlcdn.com/v2/images/nav_coupinTips.png',  sizingMethod='scale');
    display:none;
}

@media \0screen\,screen\9 {
    .header .nav .item .coupinTips {
        background-image: none;
    }
}

.header .nav .item.m {
    margin-left: 45px;
}

.header .log {
    float: right;
}

.header .log a {
    color: #06afdc;
    display: inline-block;
    width: 55px;
    height: 30px;
    border: 1px solid #06afdc;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
}

.header .log a:hover {
    background: #06afdc;
    color: #fff;
    -webkit-transition:  all .5s;
    -moz-transition:  all .5s;
    -ms-transition:  all .5s;
    -o-transition:  all .5s;
    transition:  all .5s;
}

.header .log .fa {
    margin-right: 10px;
}

.header .logged {
    float: right;
    padding-top: 12px;
    position: relative;
}

.header .logged .avatar {
    float: left;
}

.header .logged .number{
    float: left;
    line-height: 32px;
    margin-left: 10px;
}

.header .logged .fa,
.psy-fm .nav .tab .logged .fa {
    margin-left: 10px;
}

.header .logged .avatar img,
.psy-fm .nav .tab .logged .avatar img {
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

.header .logged .dropdown-menu,
.psy-fm .nav .tab .logged .dropdown-menu {
    background: #fff;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #dddddd;
    color: #b6b6b6;
    /*display: block;*/
    display: none;
    right: 0;
    line-height: 40px;
    /*opacity: 1;*/
    opacity: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    position: absolute;
    text-align: left;
    top: 65px;
    /*top: 55px;*/
    z-index: 10;
}

.header .logged .dropdown-menu a,
.psy-fm .nav .tab .logged .dropdown-menu a {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    /*width: 80px;*/
    width: 100px;
}

.header .logged .dropdown-menu a:hover,
.psy-fm .nav .tab .logged .dropdown-menu a:hover {
    background: #f6f6f6;
}

.header .logged .dropdown-menu:after,
.header .logged .dropdown-menu:before {
    bottom: 100%;
    right: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.header .logged .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}
.header .logged .dropdown-menu:before,
.psy-fm .nav .tab .logged .dropdown-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #dddddd;
    border-width: 8px;
    margin-left: -8px;
}
.dropdown-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}

/* footer */
.footer {
    clear: both;
    overflow: hidden;
    background: #424343;
    color: #c5c5c5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.footer .item {
    float: left;
    width: 25%;
    text-align: left;
}

.footer .item dt {
    color: #f5f5f5;
    font-size: 16px;
    margin-bottom: 15px;
}

.footer .item dd {
    font-size: 12px;
    line-height: 26px;
}

.footer a {
    display: block;
    color: #c5c5c5;
    text-decoration: none
}

.footer a:hover {
    text-decoration: underline
}

.footer .copyrights {
    clear: both;
    font-size: 0.8em;
    border-top: 1px solid #565656;
    padding: 0.5em 1em
}

.footer .company {
    border-top: 1px solid #4d4e4e;
    font-size: 12px;
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
}

/* line */
.body .line {
    padding: 40px 0;
}

.body .line .title {
    font-size: 24px;
    text-align: center;
}

.body .line .sub-title {
    color: #999999;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.line .inner {
    position: relative;
}

.line .inner .pre {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat 0 -38px;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 58px;
    left: -60px;
    position: absolute;
    top: 0;
    width: 30px;
}

.line .inner .pre:hover {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat 0 -106px;
}

.line .inner .next {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -39px -38px;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 58px;
    right: -60px;
    position: absolute;
    top: 0;
    width: 30px;
}

.line .inner .next:hover {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -39px -106px;
}

/* phone-talk */
.phone-talk .banner {
    background: url(https://static.ydlcdn.com/v3/images/banner01.jpg) no-repeat center;
    display: block;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
}

.phone-talk .banner .desc {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    text-align: center;
    width: 380px;
}

.phone-talk .banner .desc .tt {
    color: #715b48;
    font-size: 36px;
}

.phone-talk .banner .desc .sub-txt {
    color: #715b48;
    font-size: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.phone-talk .desc.line h1 {
    font-size: 24px;
    line-height: 40px;
}

.phone-talk .desc.line .l-left p {
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.phone-talk .desc.line .l-left {
    font-size: 14px;
    float: left;
    width: 330px;
}

.phone-talk .desc.line .l-right {
    float: right;
    padding-top: 40px;
    width: 620px;
}

.phone-talk .desc.line .l-right .item {
    box-sizing: border-box;
    float: left;
    padding-right: 40px;
    width: 33.33%;
+width: 26.8%;
}

.phone-talk .desc.line .l-right .item p {
    line-height: 24px;
    margin-top: 20px;
}

.phone-talk .desc.line .l-right .item .txt {
    font-size: 14px;
}

.phone-talk .recommend-listeners.line {
    background: #f6f6f6;
}

.phone-talk .recommend-listeners.line .inner {
    position: relative;
}

.phone-talk .recommend-listeners.line .inner .list {
    overflow: hidden;
    position: relative;
}

.phone-talk .recommend-listeners.line .inner .list .item {
    float: left;
+margin-left: 6px;
}

.phone-talk .recommend-listeners.line .inner .list .item.m {
    margin-left: 26px;
    margin-right: 26px;
}

.phone-talk .recommend-listeners.line .inner .pre,
.phone-talk .recommend-listeners.line .inner .next {
    top: 264px;
    outline: none;
}

.listener-card {
    background: #ffffff;
    border: 1px solid #efefef;
    border-radius: 9px;
    box-sizing: border-box;
    height: 414px;
    padding: 30px 40px;
    position: relative;
    text-align: center;
    width: 316px;
+width: 230px;
}

.listener-card .tt {
    font-size: 20px;
    margin-top: 20px;
}

.listener-card .sub-tt {
    font-size: 12px;
    margin-top: 10px;
}

.listener-card .desc {
    color: #a5a5a5;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}

.listener-card .gender {
    margin-left: 5px;
}

.listener-card .avatar {
    border-radius: 50%;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 130px;
}

.listener-card .tags {
    color: #a5a5a5;
    font-size: 12px;
    margin-top: 15px;
}

.listener-card .tags .it {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 2px 5px;
}

.listener-card .btn {
    font-size: 16px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.listener-card .count {
    color: #a5a5a5;
    font-size: 12px;
    margin-top: 15px;
}

.listener-card .count .txt {
    padding-left: 20px;
    position: relative;
}

.listener-card .count .icon-people {
    left: 0;
    position: absolute;
    top: 0;
}

.listener-card .audio {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999999;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    right: 92px;
    padding-left: 9px;
    padding-right: 9px;
    position: absolute;
    text-align: center;
    top: 130px;
}

.listener-card .audio .time {
    padding-left: 15px;
    position: relative;
}

.listener-card .audio .voice {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat 0 0;
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 10px;
}

.listener-card .audio.playing .voice.p0 {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -48px 0;
}

.listener-card .audio.playing .voice.p1 {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -12px 0;
}

.listener-card .audio.playing .voice.p2 {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -24px 0;
}

.listener-card .audio.playing .voice.p3 {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -36px 0;
}

.listener-card .audio.playing .voice.p4 {
    background: url(https://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat 0 0;
}

/* feelings */
.phone-talk .feelings.line .inner .pre,
.phone-talk .feelings.line .inner .next {
    top: 110px;
    outline: none;
}

.phone-talk .feelings.line .list {
    padding-top: 50px;
    overflow: hidden;
}

.phone-talk .feelings .list {
    position: relative;
}

.phone-talk .feelings.line .list .item {
    float: left;
}

.phone-talk .feelings.line .list .item.m {
    margin-left: 26px;
    margin-right: 26px;
}

.feel-card {
    background: #f6f6f6;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 30px;
    padding: 30px 35px;
    position: relative;
    width: 316px;
+width: 244px;
}

.feel-card .avatar {
    border-radius: 50%;
    display: block;
    height: 48px;
    left: 134px;
    position: absolute;
    overflow: hidden;
    top: -24px;
    width: 48px;
}

.feel-card .tt {
    color: #aaaaaa;
    font-size: 12px;
    text-align: center;
}

.phone-talk .qa.line {
    background: #f6f6f6;
+height: 500px;
}

/* pop-window */
.pop-window {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    display: none;
    width: 500px;
}

.window-title {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    line-height: 45px;
    padding-left: 20px;
    position: relative;
}

.window-title .close {
    color: #aaaaaa;
    cursor: pointer;
    display: block;
    font-size: 24px;
    height: 15px;
    line-height: 15px;
    right: 14px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 15px;
}

.window-body {
    background-color: #fff;
    font-size: 12px;
    line-height: 26px;
    padding: 20px;
    text-align: center;
}

/* bread crumbs */
.bread-crumbs {
    color: #999999;
    font-size: 16px;
    padding: 10px 0;
}

.bread-crumbs .link {
    color: #999999;
    font-size: 16px;
}

.bread-crumbs .delimiter {
    margin-left: 10px;
    margin-right: 10px;
}

.bread-crumbs .curr-title {
    color: #777777;
    font-size: 22px;
}

/* expert-home */
.expert-home .content {
    padding-top: 40px;
}

.expert-home .expert-left {
    float: left;
    width: 700px;
}

.expert-home .expert-right {
    float: right;
    width: 260px;
}

.expert-home .consult-box {
    background: #ffffff;
    border-top: 2px solid #dddddd;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 100;
}

.expert-home .consult-box p {
    line-height: 24px;
}

.expert-home .consult-box .btn {
    margin-top: 20px;
}

.expert-home .consult-box .other {
    margin-top: 20px;
}

.expert-home .consult-box .other .btn-watch {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    cursor: pointer;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 95px;
}

.expert-home .consult-box .other .btn-watch:hover {
    border: 1px solid #c4c4c4;
    color: #999999;
    text-decoration: none;
}

.expert-home .consult-box .other .btn-watch .icon {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -61px 0;
    display: block;
    height: 16px;
    width: 16px;
}


.expert-home .consult-box .other .btn-watch.disable {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    cursor: pointer;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 95px;
}

.expert-home .consult-box .other .btn-watch.disable .icon {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -284px 2px;
    display: block;
    height: 16px;
    width: 16px;
}

.btn-watch.disable:hover {
    color: #999999;
    text-decoration: none;
}

.expert-home .consult-box .other .ic-base {
    padding-left: 25px;
    position: relative;
}

.expert-home .consult-box .other .ic-base .ic {
    left: 0;
    position: absolute;
    top: 0;
}

.expert-home .consult-box .other .share {
    position: relative;
}

.expert-home .consult-box .other .share .share-dropdown {
    background: #ffffff;
    border: 1px solid #c4c4c4;
    border-radius: 0 4px 4px 4px;
    display: none;
    left: -1px;
    position: absolute;
    top: 35px;
    width: 124px;
}

.expert-home .consult-box .other .share .share-dropdown .white {
    background: #ffffff;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 95px;
}

.expert-home .consult-box .other .share .share-dropdown .item {
    line-height: 35px;
    padding-left: 20px;
}

.expert-home .consult-box .other .share .share-dropdown .item:hover {
    background: #f6f6f6;
}

.expert-home .consult-box .other .share .share-dropdown .item a {
    color: #999999;
    display: block;
    padding-left: 30px;
    position: relative;
    text-align: left;
}

.expert-home .consult-box .other .share .share-dropdown .item a:hover {
    text-decoration: none;
}

.expert-home .consult-box .other .share .share-dropdown .item .ic {
    left: 0;
    position: absolute;
    top: 9px;
}

/* expert-home e-info */
.expert-home .e-info .i-left {
    float: left;
}

.expert-home .e-info .i-left .avatar {
    border-radius: 50%;
    display: block;
    height: 190px;
    width: 190px;
}

.expert-home .e-info .i-right {
    float: left;
    margin-left: 35px;
    padding-top: 15px;
    width: 475px;
}

.expert-home .e-info .i-right .tags .item {
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 3px 10px;
}

.expert-home .e-info .i-right .desc {
    border-top: 1px solid #eeeeee;
    margin-top: 30px;
    padding-top: 15px;
}

.expert-home .e-info .i-right .desc table td {
    line-height: 24px;
    padding: 5px 0;
}

.expert-home .e-info .i-right .data .item {
    background: url(https://static.ydlcdn.com/v3/images/pc/sprite.png) no-repeat -91px -36px;
    float: left;
    height: 120px;
    margin-right: 25px;
    width: 120px;
}

.expert-home .e-info .i-right .data .item .num {
    box-sizing: border-box;
    color: #8ad500;
    font-size: 24px;
    height: 80px;
    padding-top: 40px;
    text-align: center;
}

.expert-home .e-info .i-right .data .item .txt {
    background: #ffffff;
    color: #999999;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.expert-home .title {
    line-height: 30px;
    padding-left: 40px;
    position: relative;
}

.expert-home .title .tt-ic {
    background: #86d600;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 30px;
}

.expert-home .title .txt {
    color: #333333;
    font-size: 24px;
}

.expert-home .e-summary {
    padding-top: 30px;
}

.expert-home .e-summary .ctt {
    line-height: 25px;
    margin-top: 20px;
}

.expert-home .e-summary .ctt .card-line {
    background: #fbfbfb;
    padding: 30px;
}

.expert-home .e-answers {
    padding-top: 30px;
}

.expert-home .e-answers table p {
    line-height: 20px;
}

.expert-home .e-thanks {
    padding-top: 30px;
}

.expert-home .e-thanks .avatar {
    border-radius: 50%;
    display: block;
    height: 61px;
    width: 61px;
}

.expert-home .e-thanks td {
    padding-top: 20px;
}

.expert-home .e-thanks .col-1 {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.recommend-experts {
    background: #f6f6f6;
    padding: 30px 0;
}

.recommend-experts .item {
    float: left;
}

.recommend-experts .item.m {
    margin-left: 26px;
    margin-right: 26px;
}

.topic p, .topic ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.topic a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.topic .link-blue {
    color: #86d2ff;
    font-size: 14px;
    font-weight: normal;
}
.topic .inner {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
.topic .brdcrumb {
    color: #787878;
    font-size: 14px;
    line-height: 50px;
}
.topic .brdcrumb .delimiter {
    margin-left: 5px;
    margin-right: 5px;
}
.topic .headx {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding-left: 25px;
}
.topic .headx .l-left {
    float: left;
    width: 518px;
}
.topic .headx .l-left .txt {
    color: #787878;
    font-size: 14px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}
.topic .headx .l-left .ttx {
    font-size: 50px;
    margin: 30px 0;
}
.topic .headx .l-right {
    float: right;
}
.topic .linex {
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    padding: 20px 25px;
}
.topic .linex .l-left {
    float: left;
    width: 462px;
}
.topic .linex .l-right {
    float: right;
    width: 462px;
}
.topic .linex .tt {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
}
.topic .linex .txt {
    color: #787878;
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
}
.topic .pic-model {
    display: block;
    height: 180px;
    position: relative;
    overflow: hidden;
    width: 462px;
}
.topic .pic-model .mo {
    background: url(https://static.ydlcdn.com/v3/images/topic/pic-mo-bg.png) repeat;
    color: #ffffff;
    font-size: 24px;
    line-height: 180px;
    left: 0;
    height: 180px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.topic .linex .triple-column {

}
.topic .linex .triple-column .t-item {
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
    margin-top: 10px;
    width: 33.3%;
}
.topic .linex .triple-column .t-item.m {
    border-left: 1px solid  #f6f6f6;
    padding-left: 20px;
}
.topic .linex .triple-column .t-tt {
    border-bottom: 2px solid #40b8ff;
    padding: 5px 10px;
}
.topic .linex .triple-column .t-list {
    margin-top: 25px;
}
.topic .linex .triple-column .t-list li {
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.topic .tag-list .tag {
    background: #36b4ff;
    border-radius: 18px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 14px;
    padding: 10px 18px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.topic .tag-list .tag:hover {
    background: #46c3ff;
    color: #ffffff;
    text-decoration: none;
}
.topic .btn-connect {
    background: #35cf56;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height:30px;
    line-height: 30px;
    width: 88px;
}
.topic .btn-connect:hover {
    background: #3ad663;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    height:30px;
    line-height: 30px;
    width: 88px;
}
.topic .btn-connecting {
    background: #ff7474;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: default;
    display: block;
    height:30px;
    line-height: 30px;
    width: 88px;
}
.topic .btn-absent {
    background: #c8c8c8;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: default;
    display: block;
    height:30px;
    line-height: 30px;
    width: 88px;
}
/* topic-solution */
.topic-solution {

}
.topic-solution .phone-talk {
    border-top: 3px solid #40b8ff;
    float: left;
    width: 330px;
}
.topic-solution .tt {
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    line-height: 45px;
    padding-left: 10px;
}
.topic-solution .phone-talk .ex-list .item {
    border-bottom: 1px solid #eeeeee;
    padding: 30px 10px;
}
.topic-solution .phone-talk .ex-list .item .i-left {
    float: left;
}
.topic-solution .phone-talk .ex-list .item .i-right {
    float: right;
    width: 224px;
}
.topic-solution .phone-talk .ex-list .item .avatar {
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
.topic-solution .phone-talk .ex-list .item .txt {
    color: #787878;
    font-size: 12px;
    line-height: 20px;
}
.topic-solution .phone-talk .ex-list .item .i-top {
    line-height: 30px;
}
.topic-solution .phone-talk .ex-list .item .i-bottom {
    margin-top: 5px;
}
.topic-solution .phone-talk .ex-list .item .name {
    float: left;
    font-size: 16px;
}
.topic-solution .phone-talk .ex-list .item [class^="btn-"] {
    float: right;
}
.topic-solution .qa {
    border-top: 3px solid #40b8ff;
    float: right;
    width: 640px;
}
.topic-solution .qa-list .item {
    padding: 15px 20px;
}
.topic-solution .qa-list .item.m {
    border-top: 1px solid #eeeeee;
}
.topic-solution .qa-list .item .question a {
    color: #40b8ff;
    font-size: 14px;
}
.topic-solution .qa-list .item .answer {
    margin-top: 15px;
}
.topic-solution .qa-list .item .answer .a-left {
    float: left;
}
.topic-solution .qa-list .item .answer .a-right {
    float: right;
    width: 530px;
}
.topic-solution .qa-list .item .answer .avatar {
    border-radius: 50%;
    height: 55px;
    width: 55px;
}
.topic-solution .qa-list .item .answer .author {
    line-height: 30px;
}
.topic-solution .qa-list .item .answer .name {
    color: #40b8ff;
}
.topic-solution .qa-list .item .answer .name:hover {
    text-decoration: none;
}
.topic-solution .qa-list .item .answer .honor {
    color: #787878;
    font-size: 12px;
    margin-left: 20px;
}
.topic-solution .qa-list .item .answer .txt {
    color: #787878;
    font-size: 12px;
    line-height: 25px;
}
.topic-solution .qa-list .item .link-blue {
    font-size: 12px;
}
/*edit by peng*/
.bed{
    background: #eee;
    width: 100%;
    /*padding: 20px 0;*/
    margin-bottom: 40px;
}
.video-left{
    oveflow: hidden;
    width: 680px;
    border-right: 1px solid #eee;
}
.video-left,.video-right{
    float: left;
    margin-top: 30px;
}
.video-tab-tog{
    margin: 0 auto;
    width: 500px;
    padding:10px;
    overflow: hidden;
}
.video-tab-tog li{
    float: left;
    margin: 0 6px;
    border-radius: 2px;
}
.video-tab-tog li a{
    display: inline-block;
    width: 64px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #eee;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    border-radius: 2px;
}
.video-tab-tog li a:hover,.video-tab-tog li a.current{
    background: #009ce7;
    color: #fff;
}
.video-tab-tog-points{
    font-size: 18px;
    line-height: 30px;
}
.video-right{
    width: 274px;
    padding: 10px 4px 0 36px;
}
.video-title li{
    float: left;
    height: 40px;
    margin-right: 10px;
}
.video-title{
    height: 60px;
}
.video-title li a{
    padding: 10px;
    display: inline-block;
    height: 14px;
    font-size: 15px;
}
.video-title li a:hover,
.video-title li a.current{
    border-bottom: 2px solid #86d800;
    text-decoration: none;
    color: #86d800;
}
.video-list,.video-right{
    overflow: hidden;
}
.vl-ul li{
    float: left;
    margin: 0 16px 10px 0;
    width: 205px;
    /*height: 183px;*/
}
.vl-ul li img{
    width: 100%;
}
.vl-title,.vl-title-count{
    margin: 10px 0;
}
.vl-title a{
    display: inline-block;
    white-space: nowrap;
    width: 205px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
}
.vl-title-count,.hot-video-count{
    font-size: 12px;
    color: #666;
}
.hot-video-count{
    margin-top: 2px;
}
.tabs-search-title,.hot-video-title{
    font-size: 20px;
}
.hot-video-title{
    margin-bottom: 30px;
}
.tabs-list{
    overflow: hidden;
    margin: 40px 0;
}
.tabs-list li{
    float: left;
    padding: 8px 10px;
    background: #eee;
    margin: 0 10px 10px 0;
}
.tabs-list li a{
    font-size: 12px;
}
.hv-ul{
    overflow: hidden;
    margin-bottom: 14px;
    width: 100%;
}
.hv-ul li{
    float: left;
}
.hv-list-title{
    line-height: 18px;
}
.hv-ul-img{
    width: 100px;
}
.hv-ul-text{
    width: 170px;
}

.video-relate-title{
    font-size: 20px;
    margin-bottom: 20px;
}
.vDetail-eye{
    display: inline-block;
    width: 22px;
    height: 17px;
    margin-right: 10px;
    background: url(https://static.ydlcdn.com/v3/images/video-detail/video-detail-1x@eye.png);
}
.vDetail-time,.vDetail-count{
    display: inline;
    color: #666;
}
.vDetail-count-line{
    padding: 0 15px;
    color: #eee;
}
.vDetail-left-text{
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin: 30px 0;
}
.veDetail-author{
    width: 280px;
    height: 83px;
    border: 1px solid #eee;
}
.vDetail-share{
    margin: 30px 0;
}
.vDetail-head-title{
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
}
.vDetail-player {
    height: 550px;
    background: #000;
    margin-bottom: 20px;
    padding-top: 30px;
    width: 100%;
}
.veDetail-author-div {
    float: left;
}

.veDetail-author-div img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin: 10px;
}

.vDetail-author-text {
    color: #0091ea;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.vDetail-author-post {
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

/*video-list-detail--end*/
.tag-relate-title{
    color: #333;
    font-size: 16px;
    margin-bottom: 30px;
}

.video-tab-tog li a.tag-end{
    background: #ddd;
}

/*psy-at*/
/*psychologist at*/
.psy-ban {
    left: -960px;
    margin-left: 50%;
    position: relative;
}
.psy-at-ban {
    overflow: hidden;
    width: 100%;
    height: 320px;
    background: url("https://static.ydlcdn.com/v3/images/psychologist-at/psy-at-ban.png") no-repeat center center;
}
.psy-ban-btnPosi {
    position: absolute;
    left: 50px;
    top: 214px;
}

.psy-at-inner {
    height: 320px;
    position: relative;
}

.area-secLeft-question {}

.psy-cont-div1,
.psy-cont-div2,
.psy-cont-div3,
.psy-cont-div4,
.psy-cont-div5,
.psy-cont-div6 {
    padding: 50px 0;
}
.psy-cont-div1 {
    height: 430px;
}
.psy-cont-table1 {
    height: 430px;
    width: 1000px;
}
.psy-td1 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/user-precision.png) no-repeat 123px 52px;
    height: 215px;
    position: relative;
    width: 33.33%;
    vertical-align: bottom;
}
.psy-cont-title {
    font-size: 24px;
    width: 1000px;
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
}

.psy-cont-titleMore {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #666;
}

.psy-td2,
.psy-td3,
.psy-td4,
.psy-td5,
.psy-td6 {
    position: relative;
    vertical-align: bottom;
}
.psy-td2 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/assistant.png) no-repeat 123px 52px;
}
.psy-td3 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/growth-promotion.png) no-repeat 123px 52px;
}
.psy-td4 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/reward-training.png) no-repeat 123px 52px;
}
.psy-td5 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/special-home.png) no-repeat 123px 52px;
}
.psy-td6 {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/wide-friend,.png) no-repeat 123px 52px;
}
.psy-num-icon{
    background-color: #b7e1ff;
    box-sizing: border-box;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-family: "Microsoft YaHei";
    font-style: italic;
    font-size: 20px;
    font-weight: bold;
    height: 26px;
    margin-right: 6px;
    padding: 3px 0 0 5px;
    width: 26px;
}
.psy-td-cont1 {
    font-size: 20px;
    padding: 20px 0;
    margin-top: 80px;
    margin-left: 94px;
}
.psy-td-cont2 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.psy-td-pwdh1 {
    width: 215px;
    margin: 0 auto;
    line-height: 18px;
}
.psy-cont-div2 {
    height: 325px;
    background: #f9f9f9;
}

.psy-inner-title {
    position: relative;
}

.psy-cont-table2 {
    width: 1000px;
}

.psy-tb-td1 {
    position: relative;
}

.psy-teach-img {
    border-radius: 80px;
    height: 160px;
    margin: 0 auto;
    margin-top: 60px;
    overflow: hidden;
    width: 160px;
}

.psy-cont-table2 dd{
    text-align: center;
}

.psy-cont-table2 li {
    float: left;
    margin:0 50px;
}

.psy-cont-table2 li dl {
+width: 231px;
}

.psy-teach-intro {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    width: 222px;
}

.psy-teach-name {
    font-size: 20px;
    margin: 27px 0 18px 0;
}

.psy-ban-teac01,
.psy-ban-teac02 {
    display: inline-block;
    height: 300px;
    position: absolute;
    top: 25px;
    width: 236px;
}

.psy-ban-teac01 {
    left: 436px;
}

.psy-ban-teac02 {
    left: 676px;
}

.pcd-cont1 {
    color: #333;
    font-size: 24px;
    height: 156px;
}

.pcd-cont1-icons {
    height: 90px;
    padding: 40px 0;
    width: 1000px;
}

.pcd-face-icon {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/face-icon.png) no-repeat;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 20px;
}

.pcd-cont2-div1 {
    padding: 40px 0 50px 0;
    text-align: center;
}

.pcd-qq-icon,
.pcd-weixin-icon {
    height: 29px;
+height: 18px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: middle;
    cursor: pointer;
}

.pcd-qq-icon {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-qq-icon.png) no-repeat 10px center;
    padding: 7px 9px 10px 30px;
}

.pcd-qq-icon:hover {
    color: #9bd916;
    text-decoration: none;
}

.pcd-weixin-icon {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-weixin.png) no-repeat 10px center;
    /*width: 95px;*/
    position: relative;
    padding: 7px 9px 10px 36px;
}

.pcd-weixin-pop {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/weixin-pop-box.png) no-repeat;
    /*display: inline-block;*/
    display: none;
    float: left;
    height: 231px;
    left: -100px;
    position: absolute;
    top: -231px;
    width: 304px;
}

.pcd-weixin-icon:hover {
    color: #9bd916;
    text-decoration: none;
}

.pcd-phone-icon {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-phone-icon.png) no-repeat 10px center;
    box-sizing: border-box;
    display: inline-block;
    height: 29px;
    padding: 6px 9px 0 33px;
    border: 1px solid #ccc;
    border-radius: 2px;

+line-height: 18px;
    vertical-align: middle;
    /*width: 179px;*/
}

.pcd-icon-text {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 3px 0 10px;
    vertical-align:middle;
    width: 328px;
}

.psy-immediate {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-immediate.png);
    display: inline-block;
    height: 50px;
    width:170px;
}

.psy-immediate:hover{
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-immediate-aft.png)
}

.psy-btn {
    margin: 0 auto;
    text-align: center;
}

.psy-cont-div4 {
    background: #f9f9f9;
}

.psy-inner {
    position: relative;
    padding: 60px 0 20px 0;
}

.psy-dl-pad {
    padding-bottom: 40px;
}

.psy-text1 {
    color: #90cb15;
    font-size: 18px;
    line-height: 38px;
    padding-right: 19px;
}

.psy-text2 {
    font-size: 15px;
}

.psy-text3 {
    color: #90cb15;
    font-size: 14px;
    margin-bottom: 12px;
}

.psy-text4 {
    line-height: 29px;
}

.psy-char-q {
    color: #90cb15;
    font-family: 'Microsoft Yahei';
    font-size: 18px;
    font-weight: bold;
    margin-right: 14px;
}

.psy-char-a {
    color: #82c3f1;
    font-family: 'Microsoft Yahei';
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-right: 14px;
}

.psy-dt-title {
    font-size: 14px;
    font-family: 'Microsoft Yahei';
    font-weight: bold;
}

.psy-dl-text {
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    vertical-align: top;
    width: 972px;
}

.psy-dt {
    margin-bottom: 14px;
}

.psy-cont-div6 {
    background: #f9f9f9;
}

.psy-cont-text1,
.psy-cont-text2,
.psy-cont-text3 {
    color: #666;
    font-family: 'Microsoft Yahei';
    font-style: italic;
    line-height: 28px;
    padding-bottom: 26px;
    width: 536px;
}

.psy-inner-bg {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-inner-bg.png) no-repeat 500px 0;
}

.psy-inner-sonDiv {
    background: url(https://static.ydlcdn.com/v3/images/psychologist-at/psy-inner-bgText.png) no-repeat;
    height: 118px;
    position: relative;
    width: 560px;
}

.psy-btn-posi {
    bottom: 0;
    left: 0;
    position: absolute;
}

/*end by peng*/

/*end by peng*/
/*倾诉首页*/
.phone_price{
    border:1px solid #ff8800;
    height:40px;
    line-height:40px;
    padding-left:15px;
    position:relative;
}
.phone_price .tips_30{
    background:#ff8800;
    color:#fff;
    position:absolute;
    right:0;
    width:60%;
    text-align:center;
}
.phone_price .orange{
    color:#ff8800;
}
.phone_price strong{
    font-weight:bold;
}
.fl{float:left}
.phone_price .tips_30 a{
    color:#fff;
}
/*pop phone_bind*/
.pop-window2 {
    /*background: #ffffff;*/
    /*border: 1px solid #adadad;*/
    /*border-radius: 5px;*/
    /*box-sizing: border-box;*/
    /*bottom: 0;*/
    /*display: none;*/
    /*!*height: 40%;*!*/
    /*height: 400px;*/
    /*left: 0;*/
    /*margin: auto;*/
    /*right: 0;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*width: 400px;*/
    /*z-index: 101;*/
    /*padding: 0 30px;*/
    /*-webkit-animation-name: pop;*/
    /*-webkit-animation-duration: .3s;*/
    /*line-height: 1.8em;*/



    background: #ffffff;
    border: 1px solid #adadad;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    /*height: 40%;*/
    height: 400px;
    left: 50%;
    margin-left: -200px;
    position: fixed;
    top: 50%;
    margin-top: -200px;
    width: 400px;
    z-index: 101;
    padding: 0 30px;
    -webkit-animation-name: pop;
    -webkit-animation-duration: .3s;
    line-height: 1.8em;
}
.pop-window2 .title {
    margin: 0;
    line-height: 1.8;
    margin-bottom:20px;
}
.pop-window2 .top-x{
    height: 30px;
}
.pop-window2 .close-x {
    background: url(https://static.ydlcdn.com/v3/images/icons.png) no-repeat -79px 0;
    background-size: 100px 100px;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 12px;
    right: 15px;
    position: absolute;
    top: 15px;
    width: 12px;
}
.fc-green{
    color:#83b900;
}
.pop-window2 .input_item {
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pop-window2 .input {
    width: 310px;
    font-size: 14px;
    position: relative;
    z-index: 1;
    height: 40px;
    line-height: 1;
    line-height: 44px\9;
    padding-right: 13px;
    padding-left: 13px;
    vertical-align: middle;
    color: #333;
    border-width: 1px;
    border-style: solid;
    outline: 0;
}
.pop-window2 .input_white, .pop-window2 .dropbtn_white {
    border-color: #E6E6E6;
    background-color: #f8f8f8;
}
.pop-window2 .input_item+.input_item {
    margin-top: 20px;
}
.pop-window2 .input_group>input.last_child {
    font-size: 14px;
    width: 148px;
    padding: 0;
}
.pop-window2 .input_group>input:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pop-window2 .input_group>input.first_child {
    width: 162px;
}
.pop-window2 .input_group>input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pop-window2 .btn_green.btn_active {
    color: #fff;
    border-color: #00a2ff;
    background-color: #00a2ff;
}
.pop-window2 .btn_green.btn_cancle {
    color: #888;
    border-color: #F9F9F9;
    background-color: #F9F9F9;
}
.pop-window2 .btn_green.btn_disabled {
    color: #fff;
    border-color: #c0e4f9;
    background-color: #c0e4f9;
    cursor:default;
}
.pop-window2 .btn_green.btn_stop {
    color: #fff;
    border-color: #E05454;
    background-color: #E05454;
    width:100%;
}
.pop-window2 .input_group input {
    float: left;
}
label, select, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
    cursor: pointer;
}
.pop-window2 .btn_green {
    color: #00b38a;
    border-color: #00b38a;
    background-color: #fff;
}
.pop-window2 .btn_lg {
    font-size: 18px;
    line-height: 46px;
    height: 46px;
}
.pop-window2 .btn {
    font-size: 16px;
    display: inline-block;
    height: 44px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    outline: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: .05s linear;
    -o-transition: .05s linear;
    transition: .05s linear;
}
.pop-window2 .yzm {
    width: 100px;
    height: 42px;
    vertical-align: middle;
    display: inline;
}
.pop-window2 .btn_block {
    display: block;
    width: 100%;
}
.pop-window2 .btn_both {
    display: block;
    width: 40%;
    display: inline;
    margin:0 4%;
}
.pop-window2 .input_warning, .pop-window2 .dropbtn_warning {
    border-color: #ff4351;
}
.pop-window2 .input_tips {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 5px;
    line-height: 18px;
    color: red;
}
.input:focus{
    border-color:#00a2ff
}

/*area topic page*/
/*eidt by peng*/
.area-topic-ban {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/area-topic-ban.png) no-repeat center center;
    height: 400px;
}

.area-topic-inner {
    height: 400px;
    position: relative;

    /*background: red;*/
    /*position: absolute;*/
    /*background: red;*/
    /*top: 0;*/
    /*left: 0;*/
}

.area-bann-icon {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/map-icon.png) no-repeat;
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    width: 60px;
}

.area-ban-text1 {
    color: #fff;
    font-size: 60px;
    padding-top: 145px;
}

.area-ban-text2 {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 60px;
}

.area-ban-num {
    font-weight: bold;
    font-size: 18px;
    margin: 0 6px;
}

.radio-station {
    box-sizing: border-box;
    background: url(https://static.ydlcdn.com/v3/images/area-topic/radio-station.png) no-repeat;
    color: #fff;
    height: 200px;
    overflow: hidden;
    padding: 10px 0 0 64px;
    position: absolute;
    right: 0;
    top: 108px;
    width: 236px;
}

.radio-stationTitle {
    line-height: 24px;
}

.radio-station-mask {
    background: url(../images/area-topic/radio-station-bg.png);
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 236px;
    display: none;
}

.radio-station-mask1 {
    background: url(../images/area-topic/radio-station-erwei.png) no-repeat center center;
    background-size: 70%;
    height: 200px;
    left: 0;
    position: absolute;
    top: 200px;
    width: 236px;
}

.area-cont-title,
.area-cont3-title {
    height: 100px;
    position: relative;
}

.area-cont-title1,
.area-cont3-title1 {
    font-size: 30px;
    line-height: 100px;
}

.area-cont-title3{
    line-height: 100px;
    position: absolute;
    right: 0;
}

.area-cont-title2 {
    left: 270px;
    margin: 40px 0;
    position: absolute;
}

.area-cont-title2 a,
.area-cont2-box a{
    color: #666;
    display: inline-block;
    float: left;
    position: relative;
    width: 76px;
    height: 16px;
    text-align:center;
}

.area-cont2 {
    padding-bottom: 28px;
    overflow: hidden;
}

.area-cont2-section1 {
    overflow: hidden;
    float: left;
}

.area-cont2-section {
    overflow: hidden;
}

.area-cont2-section1 p {
    width: 240px\9;
}

.area-cont-title2 a:hover,
.area-cont-title2 .area-current,
.area-cont2-box a:hover,
.area-cont2-box .area-current{
    color: #7DC400;
    text-decoration: underline;
}

.area-cont-title2 li {
    float: left;
}

.area-cont1-div {
    height: 320px;
}

.area-cont1 {
    background: #f6f6f6;
    padding-bottom: 60px;
}

.area-cont1-div dl {
    background: #fff;
    float: left;
    height: 320px;
    width: 235px;
}

.area-psy01,
.area-psy02,
.area-psy03,
.area-psy04{
    height: 235px;
    width: 235px;
    /*background: red;*/
}

.area-dl {
    margin-right: 20px;
    position: relative;
}

.area-dl1 {
    position: relative;
}

.area-psy-name {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 7px 0;
    text-align: center;
}

.area-psy-help {
    color: #666;
    font-size: 14px;
    text-align: center;
}

.area-help-num {
    margin: 0 3px;
}

.area-Advertisement {
    background: #ccc;
    height: 120px;
    margin-top: 30px;
}

.area-psyImage-icon {
    width: 38px;
    height: 49px;
    background: url(../images/area-topic/area-psyImage-icon.png);
    position: absolute;
    top: 0;
    right: 15px;
}

.area-praise-num {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 30px;
    text-align: center;
}

.area-cont2-title2,
.area-cont3-title2 {
    height: 15px;
    overflow: hidden;
    left: 269px;
    position: absolute;
    /*background: red;*/
    top: 40px;
    width: 304px;
}

.area-cont2-title3,
.area-cont3-title3 {
    left: 600px;
    position: absolute;
    top: 40px;
}

.area-cont2-title3 a{
    color: #666;
}

.area-cont2-title3 a:hover {
    color: #7DC400;
}

.area-go-left,
.area-go-right {
    cursor: pointer;
    display: inline-block;
    height: 28px;
    position: absolute;
    top: 32px;
    width: 15px;
}

.area-go-left {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/area-left-icon.png);
    left: 258px;
}

.area-go-right {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/area-right-icon.png);
    left: 572px;
}


.area-cont2-div {
    display: inline-block;
    height: 28px;
    left: 310px;
    position: absolute;
    top: 0;
}

.area-cont2-div a{
    display: inline-block;
    width: 76px;
}

.area-cont2-box,
.area-cont3-box {
    display: inline-block;
    height: 15px;
    right: 0px;
    position: absolute;
    top: 1px;
    width: 304px;
}

.keyWord-cont3-title3 {
    left: 628px;
    position: absolute;
    top: 40px;
}

.area-cont2-title4,
.area-cont3-title4 {
    font-size: 30px;
    left: 680px;
    line-height: 100px;
    line-height: normal\9;
    position: absolute;
}

.area-cont2-secLeft,
.area-cont2-secRight{
    border: 1px solid #ccc;
    float: left;
    margin-right: 17px;
    padding: 30px 10px 10px 20px;
    width: 290px;
}

.area-secLeft-question,
.area-secLeft-answer {
    box-sizing: border-box;
    padding-left: 42px;
    width: 292px;
}

.area-secLeft-question {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/area-question-icon.png) no-repeat top left;
}

.area-secLeft-answer {
    background: url(https://static.ydlcdn.com/v3/images/area-topic/area-answer-icon.png) no-repeat top left;
    margin: 14px 0;
}

.acs-title {
    color: #0081ce;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 248px;
    white-space: nowrap;
}

.acs-question-text,
.acs-answer-text {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
}

.acs-question-text {
    border-bottom: 1px dashed #999;
}

.area-answer-author {
    border-top: 1px solid #ccc;
    padding: 18px 0;
    /*background: red;*/
    position: relative;
}

.area-text-link {
    color: #0081ce;
}

.area-author-img {
    background: red;
    border-radius: 40px;
    height: 80px;
    overflow: hidden;
    width: 80px;
}

.area-author-intro {
    color: #999;
    left: 100px;
    position: absolute;
    top: 38px;
}

.area-author-position {
    color: #666;
    font-size: 15px;
    left: 100px;
    position: absolute;
    top: 64px;
}

.keyWord-author-link {
    display: inline-block;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.area-author-name {
    color: #2292d5;
    font-size: 18px;
}

.area-author-help {
    color: #8fa710;
    margin: 0 3px;
}

.area-auth-img {
    height: 80px;
    width: 80px;
}

.area-up-icon {
    background: url(../images/area-topic/area-upIcon.png);
    display: inline-block;
    height: 15px;
    left: 132px;
    position: absolute;
    top: -13px;
    width: 19px;
}

.area-cont2-section2,
.keyWord-cont3-section2 {
    /*background: red;*/
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    float:left;
    /*height:383px;*/
    width:320px;
}

.area-cont2-section2 {
    padding: 30px 10px 26px 20px;
}

.keyWord-cont3-section2 {
    background: #fff;
    position: relative;
    height: 382px;
}

.area-cont2-helpNum {
    color: #8fa710;
    font-size: 16px;
    line-height: 28px;
}

.area-cont2-sec2-text1 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
}

.area-cont2-sec2-text2 {
    color: #666;
    padding: 20px 0;
}

.area-release-time {
    color: #999;
}

.area-pourOut {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #ccc;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    height: 158px;
    margin-bottom: 19px;
    padding: 10px;
    width: 100%;
}

.area-pourOut-submit {
    background: #8fa710;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}

.area-pourOut-submit:hover {
    background: #88d600;
}

.area-asker-name {
    margin: 0 4px;
}

.area-cont3 {
    padding-bottom: 50px;
    background: #f6f6f6;
    overflow: hidden;
}

.area-cont2-title5 {
    float: right;
    line-height: 100px;
}

.area-cont3 .cont3-box {
    float: left;
    overflow: hidden;
    width: 680px;
}

.area-cont3-div1,
.area-cont3-div2,
.area-cont3-div3 {
    float: left;
}

.area-cont3-div3 .inner-mask {
    background: #000;
    height: 40px;
    left: 0;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 320px;
}

.area-cont3-div3 .tt {
    color: #fff;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    left: 0;
    padding: 12px 15px;
    position: absolute;
    top: 0;
}

.area-cont3-div1,
.area-cont3-div2 {
    margin-right: 18px;
    width: 322px;
}

.acdiv1-text-li {
    width: 325px;
}

.acdiv1-text-li a:hover {
    color: #7DC400;
}

.acdiv1-text-li {
    position: relative;
}

.acdiv1-textImg {
    width: 100%;
    overflow: hidden;
}

.acdiv1-img {
    width: 130px;
    height: 110px;
    overflow: hidden;
    float: left;
}

.acdiv1-text {
    box-sizing: border-box;
    float: left;
    width: 185px;
    height: 100%;
    padding-left: 20px;
}

.acdiv1-img1 {
    width: 130px;
}

.acdiv1-text-title {
    font-size: 16px;
    line-height: 26px;
    margin: 6px 0 15px 0;
    width:175px;
}

.acdiv1-text-author {
    font-size: 14px;
    color: #666;
}

.area-circle-icon {
    font-size: 24px;
    vertical-align: middle;
    font-weight: bold;
}

.acdiv1-text-author1 {
    /*float: right;*/
    position: absolute;
    right: 14px;
    line-height: 30px;
    color: #666;
}

.acdiv1-text-title1 {
    color: #333;
    letter-spacing: 1px;
}

.area-cont3-div3 {
    height: 230px;
    width: 320px;
    overflow: hidden;
    position: relative;
}

.area-shuffling-figure {
    height: 230px;
    width: 320px;
}

.area-shuffling-figure li {
    width: 320px;
    height: 230px;
    position: absolute;
    display: none;
}

.area-shuffling-figure li img{
    width: 320px;
    height: 230px;
}

.area-figure-btn a {
    cursor: pointer;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #999;
    margin: 0 3px;
}

.area-figure-btn {
    position: absolute;
    top: 200px;
    left: 130px;
}

.area-figure-btn .figure-btn-current {
    background: #fff;
}

.area-cont3-title5 {
    line-height: 100px;
    position: absolute;
    right: 0;
}

.ac4div1-leftTitle {
    width: 135px;
    line-height: 24px;
}

.ac4div1-leftTitle a {
    font-size: 14px;
}

.area-test-number {
    margin: 0 6px;
    color: #7DC400;
}

.ac4div1-leftText {
    color: #999;
    margin-top: 6px;
}

.ac4div1-left dl{
    float: left;
}

.ac4div1-leftImge {
    width: 135px;
}

.ac4div1-leftDl {
    margin-right: 40px;
}

.ac4div1-right {
    float: right;
    height: 170px;
    overflow: hidden;
    position: relative;
    width: 320px;
}

.ac4div1-right .box {
    height: 170px;
    position: relative;
    width: 2200px;
    left: 0;
}

.ac4div1-right .box-left,
.ac4div1-right .box-right {
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 58px;
    position: absolute;
    top: 55px;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.ac4div1-right .box-left {
    background:#000 url(../images/area-topic/box-left.png) no-repeat center center;
    left: 0;
}

.ac4div1-right .box-left:hover,
.ac4div1-right .box-right:hover {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.ac4div1-right .box-right {
    background:#000 url(../images/area-topic/box-right.png) no-repeat center center;
    right: 0;
}

.ac4div1-right .box li {
    float: left;
}

.area-cont4 {
    padding-bottom: 70px;
    overflow: hidden;
}


/*keyWord-topic-page*/
.area-topic-banImg {
    width: 100%;
}

.keyWord-ban-info {
    oveflow: hidden;

}

.kbi-tt {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
    padding: 20px 0 10px 0;
}

.kbi-text {
    color: #828282;
    letter-spacing: 1px;
    line-height: 26px;
}

.keyWord-topic-ban {
    padding-bottom: 20px;
}

.keyWord-topic-ban .banner {
    background: #865;
    height: 298px;
    width: 100%;
    border: 1px solid #865;
}

/*.keyWord-topic-ban .banner .mask {*/
/*width: 370px;*/
/*height: 150px;*/
/*position: absolute;*/
/*top: 75px;*/
/*left: 30px;*/
/*background: #000;*/
/*opacity: .4;*/
/*-khtml-opacity: .4;*/
/*-moz-opacity: .4;*/
/*filter: alpha(opacity=40);*/
/*}*/
.keyWord-topic-ban .banner .inner {
    position: relative;
}
.keyWord-topic-ban .banner .layer {
    padding: 0 20px 0 30px;
    display: inline-block;
    position: relative;
    height: 150px;
    min-width: 300px;
    top: 75px;
    left: 40px;
    background-image: url(https://static.ydlcdn.com/v3/images/keyWord-topic/wenli.png);
    background-repeat: repeat;
    background-image: -webkit-image-set(url(https://static.ydlcdn.com/v3/images/keyWord-topic/wenli.png) 1x,url(https://static.ydlcdn.com/v3/images/keyWord-topic/wenli@2x.png));
}

.keyWord-topic-ban .banner .layer .tt {
    font-size: 34px;
    margin-bottom: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 1px;
    margin-top: 35px;
}

.keyWord-topic-ban .banner .layer .txt {
    font-size: 18px;
    color: #fff;
    opacity: .8;
    -khtml-opacity: .8;
    -moz-opacity: .8;
    filter: alpha(opacity=80);
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keyWord-topic-ban .banner .back-imgInfo {
    width: 100%;
    height: 300px;
    position: relative;
    background: #fff;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

/*modify key-word banner*/


.keyWord-cont1 {
    background: #d7d7d7;
    padding-bottom: 60px;
}

.kcl-img {
    width: 100%;
}

.kcl-dl {
    width: 320px;
    float: left;
    margin-right: 20px;
}

.kcl-dlText {
    line-height: 24px;
    padding-top: 10px;
    color: #828282;
    position: relative;
}

.kcl-dlText a {
    bottom: 0;
    color: #0072c5;
    position: absolute;
    right: 0;
}

.keyWord-cont2-left,
.keyWord-cont2-left1 {
    overflow: hidden;
}

.keyWord-cont2-left1 {
    padding-bottom: 36px;
}

.keyWord-cont2-left {
    width: 680px;
}

.keyWord-cont2-left,
.keyWord-cont2-right {
    float: left;
}

.kc2l2-p {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    white-space: nowrap;
}

.kc2l2-p a {
    color: #828282;
}

.kc2l2-p a:hover {
    color: #7DC400;
}

.kc2l2-dlTitle {
    font-size: 16px;
}

.kc2l2-dlTitle-more {
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
}

.kc2l2-dl {
    float: left;
    width: 200px;
}

.kc2l2-p1 {
    position: relative;
}

.kc2l2-dlImg {
    width: 200px;
}

.kc2l2-dd {
    padding-top: 20px;
}

.kc2l2-dl-margin {
    margin-right: 30px;
}

.keyWord-cont2-left2 {
    overflow: hidden;
    padding: 20px 0 40px 0;
}

.keyWord-cont2-right {
    /*height: 400px;*/
    width: 320px;
    /*background: red;*/
}

.keyWord-cont2 {
    overflow: hidden;
}

.kc2r-imgTitle {
    width: 100%;
}

.kc2r-title1 {
    color: #444;
    line-height: 36px;
    font-size: 16px;
}

.kc2r-div1 dl {
    float: left;
    margin-bottom: 10px;
    width: 150px;
}

.kc2r-div1 {
    padding-top: 20px;
    overflow: hidden;
}

.kc2r-div1-p {
    line-height: 24px;
}

.kc2r-dlMargin {
    margin-right: 20px;
}

.keyWord-test-number {
    color: #7DC400;
    font-size: 15px;
    margin-right: 6px;
}

.keyWord-cont3 {
    background: #d7d7d7;
    overflow: hidden;
    padding-bottom: 55px;
}

.keyWord-cont3-bg {
    background: #fff;
}

.keyWord-cont3-title5 {
    color: #828282;
    position: absolute;
    top: 30px;
    right: 16px;
    line-height: 20px;
}

.keyWord-help-num {
    margin: 0 6px;
    color: #7DC400;
    font-size: 16px;
}

.keyWord-cont2-box {
    /*position: absolute;*/
    position: relative;
    /*left: 340px;*/

    /*top: 40px;*/
    top: -8px;
    margin-left: 20px;
}

.keyWord-cont2-box a {
    margin: 0 6px;
}

.actitle-btn {
    display: inline-block;
    width: 135px;
    height: 40px;
    background: #8fa710;
    position: relative;
    /*top: 28px;*/
    top: -5px;
    text-align:center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

.actitle-btn:hover {
    background: #88d600;
    color: #fff;
    text-decoration: none;
}

.keyWord-cont5-title2 a {
    color: #fff;
    display: inline-block;
    width: 64px;
    font-size: 14px;
    height: 20px;
    border-radius: 10px;
    background: #0072c5;
    text-align: center;
    line-height: 20px;
}

.keyWord-cont5-title2 {
    position: absolute;
    right: 0;
    top: 34px;
}

.keyWord-figures {
    width: 1000px;
    height: 170px;
    pverflow: hidden;
}

.keyWord-figure-ul li {
    float: left;
}

.keyWord-figure-li1,
.keyWord-figure-li2 {
    margin-right: 20px;
}

.area-cont3-section2 {
    width: 320px;
    background: red;
    height: 300px;
}

.keyWord-cont3-bg {
    bakground: #fff;
}

/*.keyWord-figure1-ul {*/
/*width: 320px;*/
/*height: 382px;*/
/*position: relative;*/
/*}*/

.keyWord-cont3-title {
    font-size: 20px;
    text-align: center;
    padding-top: 152px;
}

.keyWord-cont3-text {
    color: #828282;
    font-size: 14px;
    line-height: 24px;
    margin-left: 72px;
    padding-top: 15px;
    width: 195px;
}

.keyWord-cont3-div1,
.keyWord-cont3-div2,
.keyWord-cont3-div3 {
    height: 382px;
    width: 320px;
}

.keyWord-cont3-div1 {
    background: url(../images/keyWord-topic/003.png) no-repeat center 50px;
    display: none;
    /*text-align: left;*/
}

.keyWord-cont3-div2 {
    background: url(../images/keyWord-topic/001.png) no-repeat center 50px;
    display: none;
}

.keyWord-cont3-div3 {
    background: url(../images/keyWord-topic/002.png) no-repeat center 50px;
    display: none;
}

.keyWord-figure2-ul li{
    float: left;
}

.keyWord-cont4 {
    padding-bottom: 90px;
}

.figure-btn {
    background: #8fa710;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 60px;
    left: 80px;
    padding-top: 13px;
    position: absolute;
    text-align: center;
    top: 270px;
    width: 160px;
}

.figure-btn:hover {
    color: #fff;
    text-decoration: none;
}

.figure-btn .txt {
    color: #c1ce7a;
    font-size: 14px;
    line-height: 24px;
}

.btns {
    position: absolute;
    bottom: 20px;
    left: 128px;
}

.btns a {
    background: #bcbcbc;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 6px;
    margin: 0 6px;
    width: 6px;
}

.btns .current {
    background: #8fa710;
}



.areaMask {
    display: none;
}

.areaMask .msk {
    background: #000;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    position: fixed;
    top: 0;
    height: 0;
    width: 100%;
}

.areaMask .inn {
    background: #fff;
    box-sizing: border-box;
    height: 455px;
    padding: 30px;
    position: fixed;
    left: 50%;
    margin-left: -250px;
    top: 130px;
    width: 500px;
}

.areaMask .inn .tt1 {
    color: #24adff;
    font-size: 29px;
}

.areaMask .inn .tt2 {
    color: #7dc400;
    font-size: 16px;
    padding: 11px 0 40px 0;

}

.areaMask .inn .cont {
    overflow: hidden;
}

.areaMask .inn .cont .list {
    overflow: hidden;
    width: 500px;
}

.areaMask .inn .cont .list li {
    padding: 0 70px 18px 0;
    float: left;
}

.areaMask .inn .cont .list li a {
    color: #828282;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.areaMask .inn .cont .list li a:hover {
    color: #7dc400;
}



/*psy-fm.html*/
.psy-fm {
    width: 100%;
    width: 1600px\9;
    height: 100%;
    height: 986px\9;
    /*background: url(../images/psy-fm/bg002.png) no-repeat;*/
    background-size: cover;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='https://static.ydlcdn.com/v3/images/psy-fm/bg002.png',
            sizingMethod='scale');
    overflow-y: scroll;
    overflow-x: hidden\9;
}

.psy-fm .nav {
    position: relative;
    z-index: 2;
}

.psy-fm .nav .bg {
    background: #000;
    width: 100%;
    height: 65px;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.psy-fm .nav .logo {
    width: 188px;
    height: 65px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    text-align: center;
    padding: 10px 0 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.psy-fm .nav .logo a {
    display: inline-block;
    height: 40px;
    width: 160px;
    overflow: hidden;
}

.psy-fm .nav .logo a img {
    height: 100%;
}

.psy-fm .nav .tab .ls li {
    float: left;
    line-height: 60px;
    margin-left: 1px;
    width:100px;
    height:65px;
    text-align: center;
}

.psy-fm .nav .tab .ls li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 100%;
    width: 100%;
}

.psy-fm .nav .tab .ls li a:hover,
.psy-fm .nav .tab .ls li .current,
.psy-fm .nav .tab .login a:hover {
    text-decoration: underline;
}

.psy-fm .nav .tab {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    padding-left: 240px;
    width: 100%;
}

.psy-fm .nav .tab .login {
    position: absolute;
    right: 60px;
    *right: 300px;
    top: 0px;
}

.psy-fm .nav .tab .ls {
    overflow: hidden;
}

.psy-fm .nav .tab .login a,
.psy-fm .nav .tab .login .line {
    font-size: 16px;
    color: #fff;
}

.psy-fm .nav .tab .login a {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

.psy-fm .nav .tab .logged {
    padding-top: 14px;
    position: absolute;
    right: 60px;
    top: 0;
}

.psy-fm .nav .tab .logged .number {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    float: right;
    line-height: 32px;
    margin-left: 10px;
}

.psy-fm .nav .tab .logged .number .usr-name {
    display: inline-block;
    font-style: normal;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.psy-fm .nav .tab .logged .arrow {
    color: #fff;
    font-size: 26px;
    vertical-align: middle;
}

.psy-fm .nav .tab .logged .right {
    overflow: hidden;

}

.psy-fm .nav .tab .logged .avatar {
    float: right;
}

.psy-fm .nav .tab .logged .avatar img {
    float: left;
}

#pop .pop-list {
    background: #fff;
    margin: 45px 0 0 40px;
    width: 103px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ddd;
    padding: 10px 0;
    display: none;
}

#pop .pop-list .angle {
    border: 8px solid transparent;
    border-bottom-color: #ddd;
    position: absolute;
    bottom: 216px;
    left: 102px;
}

#pop .pop-list li a {
    padding: 12px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #666;
}

#pop .pop-list li a:hover {
    background: #f6f6f6;
    color: #83b900;
}




.psy-fm .section .music-box {
    width: 600px;
    height: 240px;
    border: 1px solid #fff;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -300px;
}

.psy-fm .section .music-box .cover-author {
    float: left;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 240px;
}

.psy-fm .section .music-box .cover-author .imge {
    width: 240px;
    height: 240px;
}

.psy-fm .section .music-box .cover-author .msk {
    background: #000;
    height: 240px;
    left: 0;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    position: absolute;
    top: 0px;
    width: 240px;
}

.psy-fm .section .music-box .cover-author .msk-box{
    height: 240px;
    left: 0;
    position: absolute;
    top: -240px;
    width: 240px;
}

.psy-fm .section .music-box .cover-author .msk-box .txt {
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    left: 0;
    line-height: 24px;
    position: absolute;
    /*height: 240px;*/
    padding: 10px;
    width: 240px;
    *width: 228px;
}

.psy-fm .section .music-box .cover-author a {
    display: inline-block;
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
    z-index: 100;
}

.psy-fm .section .music-box .cover-author .icon {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat 0 -122px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    background-size: 192px 164px;
    -webkit-background-size: 192px 164px;
    display: inline-block;
    height: 18px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 18px;
}

.psy-fm .section .music-box .right {
    box-sizing: border-box;
    float: right;
    height: 240px;
    padding: 35px 30px;
+padding: 24px;
    width: 360px;
+width: 295px;
}

.psy-fm .section .music-box .right .txt .tt1 {
    width: 300px;
    height: 90px;
    padding-bottom: 8px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.psy-fm .section .music-box .right .txt .tt1 .name {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    word-wrap: break-word;
+font-weight: normal;
}



.psy-fm .section .music-box .txt .txt-info {
    color: #727272;
    font-size: 12px;
}

.psy-fm .section .music-box .txt .txt1 {
    margin-left: 15px;
}

.psy-fm .section .Qcode {
    background: #fff;
    position: absolute;
    bottom: 25px;
    right: 25px;
    box-sizing: border-box;
}

.psy-fm .section .Qcode .ew {
    width: 122px;
    height: 122px;
    background-image: url('https://static.ydlcdn.com/v3/images/qr.png');
    background-size: 122px 122px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='https://static.ydlcdn.com/v3/images/qr.png',
            sizingMethod='scale');

    margin: 0 20px 20px 20px;
}

.psy-fm .section .Qcode .tt{
    color: #212121;
    padding: 12px 20px 8px 25px;
}

.psy-fm .section .Qcode .tt .phone {
    display: inline-block;
    width: 11px;
    height: 16px;
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -49px -106px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
    vertical-align: middle;
    margin-right: 5px;
}

.psy-fm .section .music-box .player {
    width: 100%;
    height: 121px;
    box-sizing: border-box;
    /*padding: 25px 0 30px 0;*/

}

.psy-fm .section .music-box .player .time {
    text-align: right;
    padding-bottom: 8px;
}

.psy-fm .section .music-box .player .leftTime {
    color: #727272;
}

.psy-fm .section .music-box .player .process {
    height: 3px;
    background: #c2c2c2;
    border-radius: 1px;
    position: relative;
    margin-bottom: 25px;
}

.psy-fm .section .music-box .player .process .pslider {
    display: inline-block;
    height: 3px;
    /*width: 100px;*/
    background: #0086f1;
    position: absolute;
    top: 0;
    left: 0;
}

.psy-fm .section .music-box .player .audio-btns {
    position: relative;
}

.psy-fm .section .music-box .player .audio-btns span {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.psy-fm .section .music-box .player .audio-btns span .animate-num {
    color: red;
    display: none;
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    left: 5px;
    position: absolute;
    top: 6px;
}

.psy-fm .section .music-box .player .audio-btns .pre,
.psy-fm .section .music-box .player .audio-btns .next {
    width: 22px;
    height: 22px;
}

.psy-fm .section .music-box .player .audio-btns .icon1,
.psy-fm .section .music-box .player .audio-btns .icon2 {
    display: inline-block;
    width: 22px;
    height: 22px;
}

.psy-fm .section .music-box .player .audio-btns .icon1:hover {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -46px -48px;
}

.psy-fm .section .music-box .player .audio-btns .icon1 {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -69px -48px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
}

.psy-fm .section .music-box .player .audio-btns .icon2 {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat 0 -48px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
}

.psy-fm .section .music-box .player .audio-btns .icon2:hover {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -23px -48px;
}

#play-btn {
    display: inline-block;
    width: 48px;
    height: 48px;
}

.psy-fm .section .music-box .player .audio-btns .pause {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -48px 0;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
}

.psy-fm .section .music-box .player .audio-btns .play {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -144px 0;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
}

.psy-fm .section .music-box .player .audio-btns .pause:hover {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat 0 0;
}

.psy-fm .section .music-box .player .audio-btns .play:hover {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -96px 0;
}

.psy-fm .section .music-box .player .audio-btns .icon4 {
    width: 36px;
    height: 36px;
    background: url(../images/psy-fm/icons.@1x.png) no-repeat 0 -70px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
    display: inline-block;
}

/*.psy-fm .section .music-box .player .audio-btns .icon4:hover,*/
.psy-fm .section .music-box .player .audio-btns .isCollect {
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -36px -70px;
}

.psy-fm .section .music-box .player .audio-btns .pause-box {
    padding: 0 30px;
}

.psy-fm .section .music-box .player .audio-btns .heart {
    position: absolute;
    right: 0;
    top: 6px;
}

.psy-fm .section .play-list-box .list-btn {
    width: 40px;
    height: 120px;
    background: #000;
    filter: alpha(opcaity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    position: fixed;
    top: 50%;
    margin-top: -60px;
    cursor: pointer;
}

.psy-fm .section .play-list-box .list-btn .tt {
    width: 20px;
    margin-left: 10px;
    color: #fff;
    margin-top: 30px;
}

.psy-fm .section .play-list-box .play-list {
    width: 300px;
    height: 600px;
    position: absolute;
    top: 100px;
    left: -340px;
    z-index: 1;
}

.psy-fm .section .play-list-box .play-list .box1 .cont,
.psy-fm .section .play-list-box .play-list .box2 .cont {
    width: 300px;
    height: 560px;
    *height: 596px;
    position: relative\9;
    overflow-x: hidden\9;
    *overflow-y: scroll;
}


.psy-fm .section .play-list-box .play-list .box1 .cont li div,
.psy-fm .section .play-list-box .play-list .box2 .cont li div {
    float: left;
}

.psy-fm .section .play-list-box .play-list .box1 .cont li .link,
.psy-fm .section .play-list-box .play-list .box2 .cont li .link {
    width: 280px;
    height: 80px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.psy-fm .section .play-list-box .play-list .box1 .cont .hr,
.psy-fm .section .play-list-box .play-list .box2 .cont .hr {
    position: absolute;
    bottom: 0;
    left: 11px;
    width: 274px;
    margin: 0;
    padding: 0;
    border-color: rgba(255, 255, 255, 0.15);
}

.psy-fm .section .play-list-box .play-list .box1 .cont .author-img,
.psy-fm .section .play-list-box .play-list .box2 .cont .author-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.psy-fm .section .play-list-box .play-list .box1 .cont .author-info,
.psy-fm .section .play-list-box .play-list .box2 .cont .author-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    padding:10px;
    width: 222px;
    /**width: 190px;*/
    width: 190px\9;
}

.psy-fm .section .play-list-box .play-list .box1 .cont .author-info .music-name,
.psy-fm .section .play-list-box .play-list .box2 .cont .author-info .music-name {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.psy-fm .section .play-list-box .play-list .box1 .cont .author-info .author-name,
.psy-fm .section .play-list-box .play-list .box2 .cont .author-info .author-name {
    color: #fff;
    font-size: 12px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.psy-fm .section .play-list-box .play-list .box1 .cont .author-img img,
.psy-fm .section .play-list-box .play-list .box2 .cont .author-img img {
    height: 50px;
    width: 50px;
}

.psy-fm .section .play-list-box .play-list .box2 .empty {
    padding-top: 100px;
}

.psy-fm .section .play-list-box .play-list .box2 .empty p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

.psy-fm .section .play-list-box .play-list .box2 .empty p .icon4 {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -32px -107px;
    background-img: -webkit-image-set(url(../images/psy-fm/icons.@1x.png) 1x,url(../images/psy-fm/icons.@2x.png) 2x);
    -webkit-background-size: 192px 164px;
    background-size: 192px 164px;
}

.psy-fm .section .play-list-box .play-list .mask {
    width: 300px;
    height: 640px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    z-index: -100;
}

.psy-fm .section .play-list-box .play-list .btn {
    display: inline-block;
    width: 40px;
    height: 120px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 300px;
    margin-top: -70px;
}

.psy-fm .section .play-list-box .play-list .btn .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 48px 0 0 8px;
    background: url(../images/psy-fm/icons.@1x.png) no-repeat 0 -140px;
}

.psy-fm .section .play-list-box .play-list .tt {
    overflow: hidden;
}


.psy-fm .section .play-list-box .play-list .tt a {
    width: 150px;
    height: 40px;
    float: left;
    background: #000;
    color: #fff;
    line-height: 40px;
    text-align: center;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    font-size: 16px;
}

.psy-fm .section .play-list-box .play-list .tt a:hover {
    text-decoration: none;
}

.psy-fm .section .play-list-box .play-list .tt .current {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.psy-fm .section .play-list-box .play-list .cont li {
    box-sizing: border-box;
    height: 80px;
+height: 50px;
    position: relative;
    padding:15px 0 15px 15px;
}

.psy-fm .section .play-list-box .play-list .cont li:hover,
.psy-fm .section .play-list-box .play-list .cont .hover {
    background: #000;
    filter: alpha(opacity=56);
    -moz-opacity: .56;
    -khtml-opacity: .56;
    opacity: .56;
}

/*.psy-fm .section .play-list-box .play-list .cont li a {*/
/*width: 202px;*/
/*display: inline-block;*/
/*padding: 12px 0;*/
/*float: right;*/
/*font-size: 14px;*/
/*color: #fff;*/
/*position: absolute;*/
/*left: 62px;*/
/*}*/

#musicList2 {
    height: 560px;
}

.psy-fm .section .play-list-box .play-list .cont li a:hover {
    text-decoration: none;
}

.psy-fm .section .play-list-box .play-list .cont li .icon {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../images/psy-fm/icons.@1x.png) no-repeat -32px -107px;
    position: absolute;
    left: 35px;
    top: 12px;
}

.psy-fm .section .play-list-box .play-list .cont li .icon1 {
    background: url(../images/psy-fm/icons.gif) no-repeat ;
    display: inline-block;
    height: 16px;
    left: 32px;
    position: absolute;
    top: 29px;
    width: 16px;
}

.psy-fm .section .play-list-box .play-list .cont li .no-more,
.psy-fm .section .play-list-box .play-list .cont li .loading {
    text-align: center;
    font-size: 14px;
    color: #999;
}
/*end by peng*/
/*new footer*/
.newFooter .inner .item {
    float: left;
    border-left: 1px solid #ededed;
    text-align: left;
    width: 19%;
    padding: 0;

}
.newFooter .inner .item .phoneNumber {
    font-size: 20px;
    color: #06afdc;
}
.newFooter .inner .item .icon25 {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(//static.ydlcdn.com/v3/images/expert-search/img07.png) no-repeat center center;
    margin-left: 18%;
}
.newFooter .inner .item p,
.newFooter .inner .item h3 {
    margin-left: 18%;
    line-height: 24px;
}
.newFooter .inner .item h3 {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
}
.newFooter {
    background: #fff;
    color: #333;
    width:1100PX;
    margin:0 auto;
}
.newFooter .inner {
    border-top: 1px solid #ededed;
    padding: 20px 0;
    overflow: hidden;
}
.newFooter a,
.newFooter p {
    color: #333;
    font-size: 14px;
}
.newFooter .inner .contact .txt {
    font-size: 14px;
}

.newFooter .inner .tc {
    text-align: center;
    line-height: 24px;
}
.newFooter .inner .txt1 a {
    display: inline-block;
    margin: 0 10px;
}
.newFooter .inner .link .tt {
    font-size: 14px;
    color: #333;
}
.newFooter .Qcode img {
    width: 138px;
    height: 138px;
}

.newFooter .link-tabs {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    height: 20px;
}

.newFooter .link-tabs li {
    float: left;
    margin-right: 60px;
}

.newFooter .link-tabs li a {
    padding: 6px 0;
}

.newFooter .link-tabs li a:hover,
.newFooter .link-tabs li a.current {
    color: #06afdc;
    text-decoration: none;
    border-bottom: 1px solid #06afdc;
}


.newFooter .link-items .link-item {
    display: none;
    text-align: left;
    padding-top: 20px;
}
.newFooter .link-items .link-item  a {
    color: #666;
    display: inline-block;
    margin: 0 20px 0 0 !important;
    line-height:24px;
}

.newFooter .link-items {
    min-height: 100px;
}

/*thanks-wall*/
.thanks-banner {
    max-width: 1600px;
    height: 400px;
    background: url(../images/thanks-wall/banner.png) no-repeat;
    position: relative;
}

.thanks-banner .content-wrap {
    position: relative;
}

.thanks-banner .layer {
    width: 340px;
    height: 395px;
    position: absolute;
    right: 0;
    top: 80px;
    z-index:100;
}

.thanks-banner .layer .info {
    padding: 40px 30px 60px 30px;
    width: 280px;
    background: #ffb300;
    overflow: hidden;
}

.thanks-banner .layer .experts {
    padding: 20px 40px 20px 30px;
    height: 120px;
    background: #ff9800;
    overflow: hidden;
}

.thanks-banner .layer .experts .item {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.thanks-banner .layer .info .txt {
    letter-spacing: 1px;
    color: #fff;
    line-height: 34px;
    font-size: 24px;
}

.thanks-banner .layer .info .txt .experts-total {
    margin-right: 6px;
}

.thanks-banner .layer .experts .imge {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}

.thanks-banner .layer .experts .txt {
    float: left;
    margin-left: 16px;
}

.thanks-banner .layer .experts .txt .expert-info {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 6px 0;
}

.thanks-banner .layer .experts .txt .expert-info .expert-name {
    margin-left: 6px;
}

.thanks-banner .layer .experts .txt .receive-info {
    color: #fff;

}

.thanks-banner .layer .experts .txt .receive-info .recieve-time {
    margin-right: 6px;
}

.thanks-banner .layer .experts .txt .receive-info .rceive-from {
    margin: 0 6px;
}

.solve-info {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 20px 0 10px 0;
    line-height: 1.2;

}
.solve-info .number-boxs-thanks,
.solve-info .number-boxs-praise {
    margin-right: 10px;
}
.solve-info-praise {
    padding: 0;
    border: 0;
}

.solve-info .number-boxs {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    height: 22px;
}

.solve-info .number-box {
    display: inline-block;
    zoom: 1;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    border: 1px solid #fff;
    overflow: hidden;
    margin-right: 3px;
    text-align: center;
    -webkit-border-radius:  2px;
    -moz-border-radius: 2px;
    border-radius:  2px;
}

.solve-info .number-box .numbers {
    width: 20px;
    display: inline-block;
    zoom: 1;
    /* position: relative; */
}

.solve-info .number-box .numbers em {
    width: 100%;
    height: 20px;
    display: block;
    line-height: 22px;
    margin-bottom: 1px;
    font-style: normal;
    font-size: 18px;
}

.thanks-content {
    background: #f5f5f5;
    overflow: hidden;
}

.thanks-content .tt {
    width: 100%;
    height: 100px;
    padding: 80px 0;
}

.thanks-content .tt .txt {
    margin-left: 20px;
}

.thanks-content .tt .txt .tt1 {
    font-size: 48px;
    color: #424242;
    letter-spacing: 2px;
}

.thanks-content .tt .txt .tt2 {
    font-size: 28px;
    color: #9e9e9e;
    margin-top: 10px;
}

.thanks-content .tt .txt .tt1 .words {
    color: #e0e0e0;
    font-weight: normal;
    letter-spacing: 6px;
}

.thanks-content .tabs {
    height: 80px;
    background: #fff;
    margin-bottom: 20px;
}

.thanks-content .tabs li {
    color: #9e9e9e;
    float: left;
    width: 33.3%;
    text-align: center;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
}

.thanks-content .tabs li.current {
    color: #424242;
    border-bottom: 2px solid #ff9800;
}


.thanks-content .tab-box {
    overflow: hidden;
}

.thanks-content .tab-box .tab {
    display: none;
}

.thanks-content .tab-box .tab .items {
    width: 1130px;
}

.thanks-content .tab-box .tab .line {
    margin-bottom: 20px;
    overflow: hidden;
}

.thanks-content .tab-box .tab .expert {
    position: relative;
    /*color: #fff;*/
    width: 260px;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
}

/*.thanks-content .tab-box .tab .expert-noneMargin {*/
/*margin-left: 0;*/
/*}*/

.thanks-content .expert-oneBack {
    background: #FFA500;
}

.thanks-content .expert-twoBack {
    background: #FB7878;
}

.thanks-content .expert-threeBack {
    background:#78D452;
}

.thanks-content .expert-fourBack {
    background:#9F79EA;
}

.thanks-content .expert-fiveBack {
    background: #FFD38E;
}

.thanks-content .expert-sixBack {
    background: #F7C3CB;
}

.thanks-content .expert-sevenBack {
    background: #ABE4A1;
}

.thanks-content .expert-eightBack {
    background: #B2BDF3;
}



.thanks-content .praise-oneBack {
    background: #dcf1ff;
}



.thanks-content .praise-twoBack {
    background: #ffe6e3;
}

.thanks-content .praise-threeBack {
    background: #ffebcc;
}

.thanks-content .praise-fourBack {
    background: #f7e3ff;
}

.thanks-content .tab-box .tab .expert .basic-info {
    padding: 50px 50px 20px 50px;
    position: relative;
}




.thanks-content .tab-box .tab .expert .basic-info .tab-number {
    font-family: "Microsoft YaHei";
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #FF6363;
    width: 50px;
    height: 50px;
    -webkit-border-radius:  50%;
    -moz-border-radius: 50%;
    border-radius:  50%;
    position: absolute;
    top: 160px;
    right: 55px;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-oneNumber {
    background: #fff;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-twoNumber {
    background: #b71c1c;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-threeNumber {
    background: #4a148c;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-fourNumber {
    background: #0d47a1;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-fiveNumber {
    background: #ffe0b2;
    color: #ff9800;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-sixNumber {
    background: #ffcdd2;
    color: #f44336;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-sevenNumber {
    background: #e1bee7;
    color: #9c27b0;
}

.thanks-content .tab-box .tab .expert .basic-info .tab-eightNumber {
    background: #bbdefb;
    color: #2196f3;
}


.thanks-content .tab-box .tab .expert img {
    width: 140px;
    height: 140px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 6px solid #fff;
}

.thanks-content .tab-box .tab .expert .expert-name {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 10px 0;
}

.thanks-content .tab-box .tab .expert .expert-info {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.thanks-content .tab-box .tab .expert .expert-info .work-year {
    font-size: 16px;
    margin: 0 6px;
}

.thanks-content .tab-box .tab .expert .help-info {
    height: 55px;
    padding: 20px 20px;
    background: #fff;
}

.thanks-content .tab-box .tab .expert .help-info .help-number {
    color: #757575;
    font-size: 22px;
    margin-bottom: 10px;
}

.thanks-content .tab-box .tab .expert .help-info .praise-number {
    color: #ff9800;
    font-size: 22px;
    margin-bottom: 10px;
}

.thanks-content .tab-box .tab .expert .help-info .praise,
.thanks-content .tab-box .tab .expert .help-info .help {
    width: 50%;
    text-align: center;
}

.thanks-content .tab-box .tab .expert .help-info  .txt {
    font-size: 14px;
    color: #bdbdbd;
}

.thanks-content .list li .item {
    width: 260px;
    float: left;
    position: relative;
}

.thanks-content .list li .item .comment {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #444;
    position: relative;
}

.thanks-content .list li .item .comment:before {
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10px;
}

.thanks-content .list li .item .comment-expert {
    background: #fff;
    color: #7f8c8d;
    padding: 15px 20px;
    overflow: hidden;
}

.thanks-content .list li .item .comment-expert .userName {
    margin: 0 8px;
}

.thanks-content .list li .item .comment-expert .userImge {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}

.thanks-content .list li .item .comment-expert .expertImge {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.thanks-content .list li .item .comment-expert .expert-info {
    color: #95a5a6;
    margin-top: 10px;
}

.thanks-content .list li .item .comment-expert .expertName {
    color: #27ae60;
    margin-left: 8px;
}
.thanks-content  .loadMore {
    color: #95a5a6;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 10px 50px;
    font-size: 16px;
    background: #fff;
    position: relative;
    left: 50%;
    text-decoration: none;
    margin: 50px 0 50px -82px;
}

.thanks-content  .loadMore:hover {
    background: #95a5a6;
    color: #fff;
}

.thanks-content  .noMore {
    background: #95a5a6;
    color: #fff;
    cursor: default;
}

.link-cover {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}




.back-top,
.weChat,
.fixed-notification,
.appDown {
    display: block;
    width: 64px;
    height: 69px;
    position: fixed;
    right: 10px;
    margin-bottom: 5px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    font-size: 12px;
    line-height: 9;
    border-radius: 2px;
    transition: 0.3s background ease;
}


.back-top {
    bottom: 81px;
    /*bottom: 152px;*/
    background: #fff url(https://static.ydlcdn.com/v3/images/float_icon_topGray@2x.png) no-repeat center 10px;
    background-size: 32px 32px;
    border: 1px solid #efefef;
    color: #666;
}

.qqChat {
    display: none;
    position: fixed;
    right: 10px;
    width: 75px;
    height: 100px;
    bottom: 370px;
    background: url(https://static.ydlcdn.com/v3/images/online_service@2x.png) no-repeat center 0;
    background-size: 100%;
    text-indent: -270px;
    overflow: hidden;
    z-index: 200;
}

.weChat {
    /*bottom: 223px;*/
    bottom: 158px;
    background: #fff url(https://static.ydlcdn.com/v3/images/float_icon_weixinGray@2x.png) no-repeat center 10px;
    background-size: 32px 32px;
    margin-bottom: 5px;
    /*opacity:0.7;*/
    border: 1px solid #efefef;
    color: #666;
    /*display: none;*/
}

#tbox .codePop {
    position: fixed;
    bottom: 54px;
    right: 104px;
    z-index: 10;
    box-shadow: 1px 1px 8px 2px #dcdcdc;
    width: 180px;
    height: 180px;
    display: none;
    /*border: 1px solid #dcdcdc;*/
}

#tbox .codePop img {
    border: 10px solid #fff;
}

#tbox .codePop:before {
    content: '';
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 10px solid transparent;
    border-left-color: #fff;
    position: absolute;
    right: -20px;;
    top: 19px;
}

.appDown {
    /*bottom: 223px;*/
    bottom: 158px;
    background: #fff url(https://static.ydlcdn.com/v3/images/float_icon_appGray@2x.png) no-repeat center 10px;
    background-size: 32px 32px;
    margin-bottom: 5px;
    /*opacity:0.7;*/
    border: 1px solid #efefef;
    color: #666;
}

.fixed-notification {
    bottom: 234px;
    background: #fff url(https://static.ydlcdn.com/v3/images/float_icon_noticeGray@2x.png) no-repeat center 10px;
    background-size: 32px 32px;
    /*opacity:0.7;*/
    border: 1px solid #efefef;
    color: #666;
}

.weChat:hover {
    cursor: pointer;
    background: #f3f3f3 url(https://static.ydlcdn.com/v3/images/float_icon_weixinGreen@2x.png) no-repeat center 10px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    color: #666;
    text-decoration: none;
}

.appDown:hover {
    cursor: pointer;
    background: #f3f3f3 url(https://static.ydlcdn.com/v3/images/float_icon_appGreen@2x.png) no-repeat center 10px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    color: #666;
    text-decoration: none;
}

.fixed-notification:hover,
.fixed-notification.hasMsg {
    cursor: pointer;
    background: #f3f3f3 url(https://static.ydlcdn.com/v3/images/float_icon_noticeGreen@2x.png) no-repeat center 10px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    color: #666;
    text-decoration: none;
}


.fixed-notification .click-me {
    background: #fd0100;
    border-radius: 50%;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 12px;
}

.back-top:hover {
    background: #f3f3f3 url(https://static.ydlcdn.com/v3/images/float_icon_topGreen@2x.png) no-repeat center 10px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    color: #666;
    text-decoration: none;
}

/*advertisment*/
.advert {
    width: 100%;
    margin: 30px 0;
}

.advert img {
    width: 100%;
}

/*newHeader*/

.fc-1dc {
    color: #06afdc !important;
}
.newHeader .home-menu {
    width: 100%;
    border-bottom: 2px solid #06afdc;
    /*overflow: hidden;*/
    height: 44px;
}

.newHeader  .home-menu .content-wrap {
    *z-index: 100;
}

.newHeader .home-menu .home-menu-ctn {
    position: relative;
}

.newHeader .main-menu-nav {
    margin-left: 201px;
    height: 44px;
}

.newHeader .main-menu-nav .last {
    float: right;
}

.newHeader .last #usrHover-pop {
    padding: 0;
}
.newHeader .main-menu-nav .header-redPacket {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.newHeader .main-menu-nav .header-redPacket img {
    width: 100%;
}
.newHeader .main-menu-nav .last .register {
    font-size: 14px;
    color: #6e6e6e;
    padding-left: 0;
}

.newHeader .main-menu-nav .last .register:hover {
    color: #06afdc;
}

.newHeader .main-menu-nav .last .login {
    padding: 1px 6px;
    width: 43px;
    height: 23px;
    margin-top: 10px;
    border:1px solid #06afdc;
    line-height: 23px;
    color: #06afdc;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.newHeader .main-menu-nav .last .login:hover {
    background-color: #06afdc;
    border:1px solid #06afdc;
    color: #fff;
}

.newHeader .main-menu-nav .fa {
    margin-left: 10px;
    font-size: 16px;
}

.newHeader .main-menu-nav a:hover,
.newHeader .main-menu-nav a.current {
    text-decoration: none;
    color: #06afdc;
}

.newHeader .main-menu-nav .nav-pop {
    position: absolute;
    width: 136px;
    left: 0;
    top: 46px;
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 2px 2px 6px #ccc;
    z-index: 100;
    background: #fff;
}

.newHeader .main-menu-nav .nav-pop li {
    display: block;
    background: #fff;
}

.newHeader   .main-menu-nav .nav-pop li:hover {
    background: #f6f6f6;
}

.newHeader .nav-login {
    position: absolute;
    right: 0;
    top: 0;
}

.newHeader .main-menu-nav>li {
    float: left;
    position: relative;
}

.newHeader .main-menu-nav li a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    height: 44px;
    padding: 0 23px;
    line-height: 46px;
    text-align: center;
}

.newHeader  .main-category-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.newHeader  .main-category-nav .nav-cats li {
    /*padding: 12px 0 12px 60px;*/
    background: #06afdc;
    border-bottom: 1px solid #06afdc;
    border-left: 1px solid #06afdc;
    height: 44px;
    width: 179px;
}

.newHeader .main-category-nav .nav-cats li:hover {
    background: #fff;
    color: #06afdc;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt{
    color: #fff;
    font-size: 16px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 12px 0;
    width: 100%;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt:hover {
    text-decoration: none;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt i,
.newHeader .main-category-nav .main-nav-tt .icon-zzj {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 25px;
    vertical-align: middle;
    background-image: url(https://static.ydlcdn.com/v3/images/icon_sprite.png);
    background-image: -webkit-image-set(url(https://static.ydlcdn.com/v3/images/icon_sprite.png) 1x,url(https://static.ydlcdn.com/v3/images/icon_sprite@2x.png) 2x);
    -webkit-background-size: 500px 750px;
    background-size: 500px 750px;
    background-repeat: no-repeat;
}

.newHeader .main-category-nav .main-nav-tt .icon-zzj {
    background-position: 0 2px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-lahy {
    background-position: 0 -38px;
}

.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-lahy {
    background-position: -200px -38px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-qxyl {
    background-position: 0 -80px;
}

.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-qxyl {
    background-position: -200px -80px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-rjgx {
    background-position: 0 -118px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-rjgx {
    background-position: -200px -118px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-hzjy {
    height: 26px;
    background-position: 0 -160px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-hzjy {
    background-position: -200px -160px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-zcfz {
    background-position: 0 -200px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-zcfz {
    background-position: -200px -200px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-xxl {
    background-position: 0 -240px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-xxl {
    background-position: -200px -240px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-qblx {
    background-position: 0 -280px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-qblx {
    background-position: -200px -280px;
}
.newHeader  .main-category-nav .nav-cats li p {
    line-height: 1em;
}

.newHeader  .main-category-nav .nav-cats li .subcats-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 450px;
    height: 327px;
    background: #fff;
    /*padding: 18px 35px;*/
    position: absolute;
    top: 44px;
    left: 180px;
    display: none;
    border-top: 2px solid #06afdc;
    border-right: 1px solid #06afdc;
    border-bottom: 1px solid #06afdc;
    z-index: 100;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .subItem-tt{
    font-size: 16px;
    color: #333;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs {
    padding: 10px 0;
    margin: 18px 35px;
}


.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs a,
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    margin-right: 16px;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs a:hover,
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs a:hover {
    color: #06afdc;
    text-decoration: underline;
}

.newHeader .main-category-nav .main-nav-tt {
    background: #06afdc;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    width: 180px;
    height: 44px;
    line-height: 46px;
}

.newHeader .main-category-nav .nav-cats-wrapper {
    display: none;
    z-index: 10000;
}

.newHeader .main-category-nav .nav-subcats-wrapper {
    display: none;
}

.newHeader .main-category-nav .nav-subcats-wrapper div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #06afdc;
    width: 450px;
    height: 200px;
    position: absolute;
    top: 46px;
    left: 185px;
}

.newHeader .nav-bar .nav .left {
    color: #a9a9a9;
    font-size: 12px;
    line-height: 36px;
    float: left;
}

.newHeader .nav-bar .nav .left a {
    color: #a9a9a9;
}

.newHeader .nav-bar .nav .left .divideLine {
    color: #494949;
    margin-left: 6px;
}

.newHeader .nav-bar .nav .left .qcode {
    cursor: default;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 6px;
    position: relative;
}
.newHeader .nav-bar .nav .left .qcode .icon-weixin {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.newHeader .nav-bar .nav .left .qcode .qcode-pop {
    float: left;
    padding: 10px;
    position:  absolute;
    height: 120px;
    left: 0;
    top: 38px;
    background: #fff;
    display: none;
    box-shadow: 0 0 10px #dddddd;
    z-index: 120;
}
.newHeader .nav-bar .nav .left .qcode .qcode-pop img {
    height: 120px;
    width: 120px;
}


.newHeader .nav-bar .nav .left .fa{
    margin-right: 4px;
}

.newHeader .nav-bar .nav .pull-right li a {
    color: #a9a9a9;
}

.newHeader .nav-bar {
    height: 36px;
    width: 100%;
    background: #323232;
}

.newHeader .nav-bar .nav {
    height: 36px;
}

.newHeader .logo-search {
    height: 100px;
    padding-top: 30px;
    width: 100%;
}

.newHeader .logo-search .content-wrap {
    *z-index: 200;
}



.newHeader .logo-search .logo {
    float: left;
    display: inline-block;
    width: 370px;
}

.newHeader .logo-search .logo img {
    width: 100%;
}

.newHeader .logo-search .search-area {
    float: left;
    margin-left: 90px;
    position: relative;
    z-index: 20;
}

.newHeader .logo-search .search-area .focus-pop {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 42px;
    *top: 46px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    display: none;
}

.newHeader .logo-search .search-area .focus-pop .txt,
.newHeader .logo-search .search-area .focus-pop .search-lists li {
    padding-left: 20px;
    height: 28px;
    line-height: 28px;
}

.newHeader .logo-search .search-area .focus-pop .txt {
    font-size: 12px;
    color: #737373;
}

.newHeader .logo-search .search-area .focus-pop .search-lists li:hover,
.newHeader .logo-search .search-area .focus-pop .txt:hover {
    background: #eee;
}

.newHeader .logo-search .search-area .focus-pop .search-lists li a {
    color: #484848;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    width: 100%;
}

.newHeader .logo-search form {
    width: 356px;
    height: 35px;
    *height: 40px;
    margin-top: 7px;
}

.newHeader .logo-search .phone-contact {
    float: right;
}

.newHeader .logo-search form .search-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #06afdc;
    border-right: none;
    width: 256px;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    outline: none;
    font-size: 16px;
    -webkit-appearance: none;
}

.newHeader .logo-search form .submit-input {
    font-size: 18px;
    box-sizing: border-box;
    color: #fff;;
    width: 100px;
    *width: 87px;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    *padding: 10px 0 6px 0;
    border: 2px solid #06afdc;
    background: #06afdc;
    outline: none;
    border-radius: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.newHeader .logo-search form .submit-input:hover {
    background: #03B94C;
}

.newHeader .logo-search .phone-contact .phone-icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin: 2px 8px 0 0;
    text-align: center;
    line-height: 40px;
}

.newHeader .logo-search .phone-contact .phone-icon img {
    width: 100%;
}

.newHeader .logo-search .phone-contact .contact-info {
    float: left;
}

.newHeader .logo-search .phone-contact .contact-info .phone-numer {
    font-size: 22px;
    color: #06afdc;
    line-height: 1em;
}
.newHeader .logo-search .phone-contact .contact-info .server-time {
    font-size: 12px;
    color: #999;
    line-height: 1.4rem;
}
.newHeader .logged .dropdown-menu {
    top: 45px;left: -9px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #dddddd;
    width: 120px;
    background: #fff;
    position: absolute;
    text-align: center;
    padding: 10px 0;
    display: none;
    z-index: 10000;
}
.newHeader .logged .name {
    display: inline-block;
    zoom: 1;
    width: 50px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0;
    font-size:16px !important;
}
.newHeader .logged .dropdown-menu a {
    padding: 0 !important;
    width: 100%;
    color: #747474 !important;
}
.newHeader .logged .dropdown-menu a:hover {
    background: #f6f6f6;
    color: #83b900 !important;
}

.newHeader .logged .dropdown-menu:before {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
    pointer-events: none;
    top: -21px;
    left: 60px;
}

.newHeader .logged .dropdown-menu:after {
    content: '';
    position: absolute;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    top: -18px;
    left: 61px;
}

.newHeader .logged #usrHover-pop {
    display: inline-block;
    height: 54px;
}

.newHeader .logged #usrHover-pop img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    /*margin-bottom: 10px;*/
    vertical-align: middle;
}
#listen-popBox{
    margin-top:-6px;
}


/*help center*/
.helpCenter{
    margin-top:50px
}
.helpCenter .contWrap {
    position: relative;
    padding-left: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 400px;
}

.helpCenter .contWrap .navs {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ececec;
}

.helpCenter .contWrap .navs li {
    border: 1px solid #ececec;
    border-bottom: none;
}

.helpCenter .contWrap .navs li a {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    height:44px;
    line-height: 44px;
    font-size: 14px;
    border-left: 2px solid transparent;
    color:#333;
}

.helpCenter .contWrap .navs .current a,
.helpCenter .contWrap .navs li a:hover {
    border-left-color: #06afdc;
    color: #06afdc;
    text-decoration: none;
    border-left:3px solid;
}

.helpCenter .tt0 {
    font-size: 22px;
    line-height: 40px;
    border-bottom: 2px solid #ececec;
    margin-bottom: 10px;
}

.helpCenter .oneSide {
    margin-bottom: 26px;
}

.helpCenter .oneSide .selfService {
    overflow: hidden;
    padding: 10px 0;
}

.helpCenter .oneSide .selfService dl dt {
    text-align: center;
    margin-bottom: 10px;
}

.helpCenter .oneSide .selfService dl {
    float: left;
    text-align: center;
    margin: 0 40px;
}

.helpCenter .oneSide .selfService dt span {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../images/pc/helpCenter-icons@1x.png);
    background-image: -webkit-image-set(url(../images/pc/helpCenter-icons@1x.png) 1x,url(../images/pc/helpCenter-icons@2x.png) 2x);
    background-repeat: no-repeat;
    margin: 0 auto;
}

.helpCenter .oneSide .selfService dt .icon1 {
    background-position: 0 2px;
}
.helpCenter .oneSide .selfService dt .icon2 {
    background-position: -36px 2px;
}

.helpCenter .oneSide .selfService dt .icon3 {
    background-position: -72px 2px;
}

.helpCenter .oneSide .selfService dt .icon4 {
    background-position: -110px 2px;
}

.helpCenter .oneSide .selfService dt .icon5 {
    background-position: -149px 2px;
}

.helpCenter .oneSide .selfService dt .icon6 {
    background-position: -186px 2px;
}

.helpCenter .twoSide {
    overflow: hidden;
    margin-bottom: 26px;
}

.helpCenter .twoSide .item {
    width: 48%;
}

.helpCenter .twoSide .item ul a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}

.helpCenter .twoSide .item ul a:hover {
    text-decoration: none;
}

.helpCenter .twoTable .tt0 {
    border-bottom: none;
}

.helpCenter .twoTable table {
    width: 100%;
    border: 1px solid #ececec;
    text-align: center;
}

.helpCenter .twoTable table tr:first-child td {
    width: 50%;
    border: 1px solid #ececec;
}

.helpCenter .twoTable dt {
    padding: 10px 0;
}

.helpCenter .twoTable dd {
    padding: 10px 0;
}

.helpCenter .twoTable .oneLine td {
    height: 50px;
}

.helpCenter .twoTable a {
    text-decoration: none;
}
.helpCenter .questionLists{
    margin-bottom: 50px;
}
.helpCenter .questionLists a{
    color:#0066cc;
}
.helpCenter .questionLists li {
    padding: 20px 0;
    border-bottom: 1px dashed #ececec;
    cursor: pointer;
}

.helpCenter .questionLists li dt {
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.helpCenter .questionLists li dd {
    line-height: 22px;
    margin-top: 12px;
    color: #333;
    display: none;
    margin-left: 30px;
    padding: 15px 0;
    font-size: 14px;
}

.helpCenter .questionLists .downIcon,
.helpCenter .questionLists .upIcon {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    background: url(../images/pc/help_ral.jpg) no-repeat;
}

.helpCenter .questionLists .upIcon {
    background-position: 0 -15px;
    display: none;
}

.helpCenter .questionLists .ddShow .upIcon {
    display: block;
}
/*chat*/
#ydlChatBtnBox{
    position: fixed; z-index: 2147483583; box-sizing: content-box; height: 43px; bottom: 0px; padding: 0px 40px; border-radius: 4px 4px 0px 0px; right: 100px; transition: all 0.3s ease-in-out 0.1s; background:#71ca78;
}
#ydlChatBtn{
    text-decoration: none; outline: none; font-family: "Microsoft Yahei", Arial, Helvetica; color: #fff; font-size: 16px; display: inline-block; margin: 0; padding: 0; border: none; line-height:43px; float:none;
}

#ydlChatBtn img{
    vertical-align: middle; width: 25px; border:none; margin: 2px 8px 0 0; float: none; position: static; height: 21px;
}
#ydlChatBtn span{
    font-family: Microsoft Yahei, Arial, Helvetica; color: #fff; font-size:16px; margin: 0; padding: 0;
}
#ydlChatCount{
    height: 30px; width: 30px; line-height: 30px; border: 1px solid #FFFFFF; border-radius: 50%; background-color: red; color: #FFFFFF; text-align: center; position: absolute; right: -15px; top: -15px;

}

/*global message*/

.message_success,
.message_fail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 90px;
    padding-left: 124px;
    font-size: 18px;
    font-weight: bold;
    color: #06afdc;
    line-height: 90px;
    background: #eff9e4 url(../images/icons/message_success.png) no-repeat 50px center;
    border: 1px solid #ececec;
}

.message_fail {
    color: #333;
    background: #fceed6 url(../images/icons/message_fail.png) no-repeat 50px center;
}

.message_txt {
    padding-left: 64px;
    border: 1px solid #ececec;
}

.message_txt .link {
    color: #3f8ae7;
}

.message_txt p {
    font-size: 14px;
    line-height: 24px;
    padding: 28px 0;
}

.btn_small_fill,
.btn_small_empty {
    line-height: 1;
    padding: 12px 30px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #06afdc;;
}

.btn_small_fill {
    background: #06afdc;
    color: #fff;
}

.btn_small_empty {
    border-color: #dcdcdc;
    text-decoration: none;
}

.btn_small_empty:hover,
.btn_small_fill:hover {
    text-decoration: none;
    color: #fff;
}

.btn_small_empty:hover {
    background: #06afdc;
}

.message_btns {
    padding-bottom: 28px;
}

.rechargeSuc .codeInCharge {
    border: 1px solid #ececec;
    margin: 30px 0;
}
.blockImg {
    width: 100%;
}

.rechargeSuc .txtInCharge .Tt {
    font-size: 20px;
}

.rechargeSuc .txtInCharge .tt01 {
    font-size: 14px;
    font-weight: bold;
    margin: 30px 0 16px;
}

.rechargeSuc .txtInCharge .txt01  {
    font-size: 14px;
    line-height: 20px;
    color: #555;
}
.rechargeSuc .txtInCharge a{
    color:#0066cc
}
.marginTop30 {
    margin-top: 30px;
}

.rechargeSuc .txtInCharge .moreHelp {
    display: block;
    color: #3f8ae7;
    margin: 30px 0;
}

.rechargeSuc .progresser ul{
    overflow: hidden;
}

.rechargeSuc .progresser ul{
    overflow: hidden;
}

.message_btns a {
    margin-right: 10px;
}

.rechargeSuc .progresser ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;
    border-bottom: 2px solid #d5d5d5;
}

.rechargeSuc .progresser ul li .number {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background: #d5d5d5;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    font-size: 16px;
    margin-right: 6px;
}

.rechargeSuc .progresser ul .complete {
    border-color: #06afdc;
    color: #06afdc;
}

.rechargeSuc .progresser ul .complete .number {
    background: #06afdc;
}

/*fillOrder*/
.borderRadius {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.overflowHidden {
    overflow: hidden;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.fc-ff4800 {
    color: #ff4800;
}

.fillOrder .expertInfo {
    padding: 26px 0 26px 76px;
    position: relative;
    line-height: 1.8;
    border-bottom: 1px solid #e8e9e9;
}

.fillOrder .expertInfo .image {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 20px;
}

.fillOrder .serviceSelect .tt,
.fillOrder .askerInfo .tt {
    padding: 26px 0 16px;
}
.fillOrder .serviceSelect .serviceItems li {
    float: left;
    padding: 10px 16px;
    line-height: 1.6;
    border: 1px solid #cacaca;
    margin-left: 16px;
    cursor: pointer;
}

.fillOrder .serviceSelect .serviceItems li .price {
    color: #ff6633;
}

.fillOrder .serviceSelect .serviceItems li:first-child {
    margin-left: 0;
}

.fillOrder .serviceSelect .serviceItems li.sel {
    background: #34cd65;
    color: #fff;
    border-color: #34cd65;
}

.fillOrder .serviceSelect .serviceItems li.sel .price {
    color: #fff;
}

.fillOrder .styleSelect,
.fillOrder .durationSelect,
.fillOrder .countSelect {
    padding: 26px 0 26px 126px;
    position: relative;
    height: 20px;
}
.fillOrder .styleSelect {
    margin-top: 18px;
}
.fillOrder .styleSelect .tt,
.fillOrder .durationSelect .tt,
.fillOrder .countSelect .tt {
    position: absolute;
    left: 0;
    top: 28px;
}

.fillOrder .styleSelect input {
    width: auto;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    z-index: 2;
}
.fillOrder .styleSelect .item {
    position: relative;
    margin-right: 60px;
    float: left;
}

.fillOrder .styleSelect .item .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    border: 1px solid #c3c3c3;
    z-index: 1;
}

.fillOrder .styleSelect label {
    padding-left: 20px;
}

.fillOrder .styleSelect input:checked+.icon:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #34cd65;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}

.countBox {
    width: 60px;
    padding: 0 40px;
    position: relative;
    border: 1px solid #dcdcdc;
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-bordre-radius: 4px;
    margin-top: -12px;
}

.countBox input {
    padding: 0;
    border: none;
    height: 100%;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    outline: none;
    text-align: center;
}

.countBox .reduce,
.countBox .add {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.countBox .reduce {
    left: 0;
    top: 0;
}

.countBox .reduce:before {
    content: '';
    display: block;
    width: 14px;
    height: 1px;
    background-color: #444;
    position: absolute;
    left: 12px;
    top: 20px;
}

.countBox .add {
    right: 0;
    top: 0;
}

.countBox .add:before,
.countBox .add:after {
    content: '';
    display: block;
    position: absolute;
    background: #444;
}

.countBox .add:after {
    width: 14px;
    height: 1px;
    top: 18px;
    left: 12px;
}

.countBox .add:before {
    width: 1px;
    height: 14px;
    left: 19px;
    top: 12px;
}

.countBox .disabled.reduce:before,
.countBox .disabled.add:before,
.countBox .disabled.add:after {
    background: #dcdcdc;
}

.fillOrder .priceInfo {
    border-top: 1px solid #dcdcdc;
    padding: 24px 0;
    background: #fef9e8;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 1.8;
    margin: 24px 0;
}

.fillOrder .priceInfo .total {
    font-size: 18px;
    color: #ff6633;
}

.fillOrder .askerInfo .infoBox {
    padding: 20px 26px;
    border: 1px solid #dcdcdc;
    background: #f0f0f0;
    position: relative;
}

.fillOrder .askerInfo .infoBox .item {
    margin-bottom: 16px;
    padding-left: 100px;
    position: relative;
}

.fillOrder .askerInfo .infoBox input[type="text"] {
    width: 270px;
    height: 40px;
}

.fillOrder .askerInfo .infoBox .item .itemTt {
    position: absolute;
    right: 970px;
    top: 14px;
}

.fillOrder .askerInfo .infoBox .item.warn input,
.fillOrder .askerInfo .infoBox .item.warn textarea {
    border-color: #ff6633;
}

.fillOrder .askerInfo .infoBox .item .warnTxt {
    display: none;
}

.fillOrder .askerInfo .infoBox .item.warn .warnTxt {
    display: block;
    position: absolute;
    top: 12px;
    left: 388px;
    color: #ff6633;
}

.fillOrder .submitInfo .btn {
    display: block;
    width: 360px;
    height: 56px;
    background: #34cd65;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    margin: 40px auto 20px
}

.fillOrder .submitInfo .btn:hover，
.fillOrder .submitInfo p a:hover  {
    text-decoration: none;
}

.fillOrder .submitInfo p a {
    color: #1481f0;
}
/*fill order timeBox*/

.fillOrder .durationSelect {
    height: auto;
}

.fillOrder .durationSelect .timeBox {
    background: #f7f8f9;
    padding: 10px 0;
    overflow: hidden;
}

.fillOrder .durationSelect .timeBox .ulTt {
    float: left;
    width: 96px;
}

.fillOrder .durationSelect .timeBox li {
    text-align: center;
    line-height: 60px;
    font-size: 14px;
}

.fillOrder .durationSelect .timeBox .firstLi {
    padding-left: 10px;
}

.fillOrder .durationSelect .timeBox .cell {
    background: #fff;
    width: 80px;
    height: 60px;
    margin: 4px 4px 0 0;
    position: relative;
}

.fillOrder .durationSelect .timeBox .cell.canOrder {
    background: #35c6c7;
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
}

.fillOrder .durationSelect .timeBox .cell.ordered p:first-of-type,
.fillOrder .durationSelect .timeBox .cell.canOrder p:first-of-type {
    padding-top: 14px;
}
.fillOrder .durationSelect .timeBox .cell:not(.title) {
    /*cursor: pointer;*/
}
.fillOrder .durationSelect .timeBox .cell.allOrder {
    background: #e2e2e2;
    color: #a5a5a5;
    cursor: default;
}

.fillOrder .durationSelect .timeBox .cell.ordered {
    background: #34cd65;
    color: #fff;
    line-height: 1.4;
    cursor: default;
}

.fillOrder .durationSelect .timeBox .selectCont {
    float: left;
}

.fillOrder .durationSelect .timeBox .selectCont li {
    float: left;
}

.fillOrder .durationSelect .timeBox .selectCont .pageBtn {
    width: 24px;
    margin-top: 4px;
    height: 316px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 316px;
}

.fillOrder .durationSelect .timeBox .selectCont .pageBtn.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
    background: #e4e4e4;
}

.fillOrder .durationSelect .timeBox .selectCont .pageBtn:hover {
    background: #e4e4e4;
}
.fillOrder .durationSelect .timeBox .selectCont .scrollCont {
    width: 756px;
    height: 320px;
    margin: 0 32px;
    overflow: hidden;
    position: relative;
}

.fillOrder .durationSelect .timeBox .selectCont .scrollCont ul {
    overflow: hidden;
}

.fillOrder .durationSelect .timeBox .selectCont .scrollCont .date {
    line-height: 1.4;
    padding-top: 14px;
}
.fillOrder .durationSelect .timeBox .selectCont .scrollCont .day  {
    line-height: 1.4;
}

.fillOrder .durationSelect .timeBox .cell.canOrder select {
    width: 100%;
    background: #35c6c7;
    border: none;
    color: #fff;
    outline: none;
    -webkit-appearence: none;
    font-size: 16px;
}

.fillOrder .durationSelect .timeBox .cell.canOrder select option {
    border: none;
    outline: none;
}



.expertJoin .tt {
    padding: 20px 0 36px 0;
    font-size: 22px;
    color: #5d5d5d;
}

.expertJoin .tt_progress {
    height: 116px;
    border: 1px solid #ededed;
    padding: 0 116px;
}

.expertJoin .tt_progress dl {
    float: left;
    text-align: center;
    padding: 30px 80px;
}

.expertJoin .tt_progress dl dt {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #d3d3d3;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.expertJoin .tt_progress dl dt:before,
.expertJoin .tt_progress dl dt:after {
    content: '';
    display: block;
    width: 108px;
    height: 1px;
    background: #d3d3d3;
    position: absolute;
}
.expertJoin .tt_progress dl dt:before {
    right: 20px;
    top: 10px;
}

.expertJoin .tt_progress dl dt:after {
    left: 20px;
    top: 10px;
}

.expertJoin .tt_progress dl.complete dt {
    background-color: #3fca69;
}

.expertJoin .tt_progress dl.complete dt:before,
.expertJoin .tt_progress dl.complete dt:after {
    background-color: #3fca69;
}

.expertJoin .tt_progress dl dd {
    font-size: 14px;
    color: #999;
    margin-top: 12px;
}

.expertJoin .basicInfo {
    padding: 20px;
    border: 1px solid #ededed;
    margin-top: 20px;
    font-size: 16px;
}

.expertJoin .basicInfo .tt1 {
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    font-size: 20px;
    font-weight: 700;
}

.expertJoin .basicInfo .basicInfo_inner {
    padding: 20px 0;
}

.expertJoin .basicInfo .basicInfo_inner .item {
    padding-left: 152px;
    position: relative;
    margin: 20px 0;
}

.expertJoin .basicInfo .basicInfo_inner .item_tt {
    position: absolute;
    right: 936px;
    top: 12px;
    font-size: 16px;
}

.expertJoin .basicInfo .basicInfo_inner .input1 {
    width: 375px;
}

.expertJoin .basicInfo .basicInfo_inner .item .img {
    width: 194px;
    height: 194px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadCertificate .img{
    position: relative;
    margin-bottom: 20px;
    width:190px;
    height:120px;
    border:0;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadCertificate .uploadBtn{
    position: absolute;
    top:0;
    left: 0;
    left:-245px\9;
    width:100%;
    width:200%\9;
    height:100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;

}
.certi-tip{
    font-size:16px;
    color:#999;
}
.certi-marT{
    margin-top:10px;
}
.expertJoin .basicInfo .basicInfo_inner .item .img img {
    width: 100%;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadCertificate .img img {
    width: 100%;
    height:100%;
}
.upload-img-close{
    position: absolute;
    top:0;
    right:0;
    z-index: 5;
    width:34px!important;
    height:34px!important;
    cursor: pointer;
}
.close-none{
    display: none;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadImg {
    height: 250px;
    position: relative;
}

.expertJoin .basicInfo .basicInfo_inner .item .uploadCertificate {
    height: 270px;
    position: relative;
}
.degree-height{
    height:auto!important;
    overflow:hidden;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadImg .example {
    padding-left: 370px;
    width: 200px;
    line-height: 1.6;
    font-size: 16px;
    position: relative;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadImg .userhead-eg-new {
    padding-left: 290px;
    width: 480px;
}
.certi-sure-tip{
    font-size:16px;
    color:#999;
    position: absolute;
    left:156px;
    top:96px;
}
.certi-sure-tip.pass{
    top:168px;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadImg .exampleImg {
    width: 198px;
    position: absolute;
    left: 154px;
    top: 0;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadCertificate .exampleImg {
    width:285px;
}
.expertJoin .basicInfo .basicInfo_inner .item .degree-height .exampleImg {
    width:134px;
    height: 91px;
}
.expert-fix-btn{
    float: left;
    margin-left: 150px;
    width:229px;
    height:50px;
    border-radius: 4px;
    border:1px solid #34cd65;
}
.expert-return-btn{
    float: left;
    margin-left: 10px;
    width:229px;
    height:50px;
    border-radius: 4px;
    border:1px solid #dcdcdc;
    color:#333!important;
    background-color: #fff!important;
}
.expertJoin .basicInfo .basicInfo_inner .item .uploadImg .exampleTt {
    position: absolute;
    left: 89px;
    top: -4px;
}

.expertJoin .basicInfo .basicInfo_inner .item .uploadBox {
    position: absolute;
    bottom: 6px;
    left: 0px;
}

.expertJoin .basicInfo .basicInfo_inner .item .uploadBox label {
    display: block;
    width: 195px;
    height: 40px;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 40px;
    color: #2fa553;
    font-size: 16px;
}

.expertJoin .basicInfo .basicInfo_inner .item .uploadBtn {
    width: 195px;
    height: 40px;
    outline: none;
}
.expertJoin .basicInfo .basicInfo_inner .item .sexSel {
    overflow: hidden;
    padding-top: 10px;
}
.expertJoin .basicInfo .basicInfo_inner .item .sexSel input[type="radio"] {
    display: inline-block;
    width: auto;
}

.expertJoin .basicInfo .basicInfo_inner .item .sexItem {
    margin-right: 20px;
}

.expertJoin .basicInfo .basicInfo_inner .item textarea {
    width: 600px;
    height: 160px;
}

.expertJoin .basicInfo .basicInfo_inner .item .textareaTt {
    padding: 12px 0;
}

.expertJoin .basicInfo input[type="button"] {
    background: #06afdc;
    color: #fff;
    outline: none;
    margin-top: 20px;
}

.expertJoin .basicInfo .basicInfo_inner .item select {
    width: 130px;
    height: 40px;
    border-color: #dcdcdc;
    margin-right: 10px;
    font-size: 16px;
    padding-left: 10px;
    outline: none;
}

.expertJoin .basicInfo .basicInfo_inner .item .phoneProto {
    font-size: 14px;
    color: #3b99fc;
}
/***********************************诊断记录********************************************/
.diagnoseRecord{
    margin-bottom:100px;
    font-size:16px;
}
.diagnoseRecord a:hover{
    text-decoration:none;
}
.diagnoseRecord .overH{
    overflow:hidden;
}
.diagnoseRecord .fl{
    float:left;
}
.diagnoseRecord .fr{
    float:right;
}
.diagnoseRecord input[type='text']{
    display:inline-block;
    width:260px;
    height:40px;
    border:1px solid #ebebeb;
    outline:none;
}
.diagnoseRecord input[type='radio']{
    width:13px;
    height:13px;
    display:inline-block;
    outline:none;
}
.diagnoseRecord label{
    display:inline-block;
    margin-right:15px;
}
.diagnoseRecord label input{
    margin-right:5px;
}
.diagnoseRecord select{
    display:inline-block;
    width:260px;
    height:40px;
    border:1px solid #ebebeb;
    outline:none;
    box-sizing:border-box;
    padding-left:10px;
}
.diagnoseRecord textarea{
    height:150px;
    border:none;
    resize:none;
    outline:none;
    font-size:16px !important;
}
.diagnoseRecord input::-webkit-input-placeholder, .diagnoseRecord textarea::-webkit-input-placeholder {
    color:#b3b3b3;
}
.diagnoseRecord input:-moz-placeholder, .diagnoseRecord textarea:-moz-placeholder {
    color:#b3b3b3;
}
.diagnoseRecord input::-moz-placeholder,.diagnoseRecord  textarea::-moz-placeholder {
    color:#b3b3b3;
}
.diagnoseRecord input:-ms-input-placeholder, .diagnoseRecord textarea:-ms-input-placeholder {
    color:#b3b3b3;
}
.diagnoseRecord p.title{
    color:#999;
    padding:23px 0px;
}
.diagnoseRecord p.title span{
    color:#444;
    font-size:24px;
}
.diagnoseRecord .diagnoseRecord_details{
    width:100%;
    min-height:50px;
    border:1px solid #ebebeb;
}
.diagnoseRecord .diagnoseRecord_details .job,
.diagnoseRecord .dialog--visible2 .job{
    position:relative;
}
.diagnoseRecord .diagnoseRecord_details .job .chooseJob,
.diagnoseRecord .dialog--visible2 .job .chooseJob{
    color:#b3b3b3;
    position:absolute;
    left:65px;
    top:13px;
}
.diagnoseRecord .diagnoseRecord_details .userInfo{
    padding:20px 25px;
    border-bottom:1px solid #ebebeb;
}
.diagnoseRecord .diagnoseRecord_details .userInfo img{
    width:80px;
    height:80px;
    border-radius:50%;
    margin-right:15px;
}
.diagnoseRecord .diagnoseRecord_details .userInfo p{
    font-size:14px;
    color:#888;
    margin-bottom:10px;
}
.diagnoseRecord .diagnoseRecord_details .userInfo p.userName{
    color:#444;
    font-size:20px;
    font-weight:bold;
}
.diagnoseRecord .diagnoseRecord_details .userInfo a{
    color:#1b7ff0;
}
.diagnoseRecord .diagnoseRecord_details .table{
    padding:20px 25px;
}
.diagnoseRecord .diagnoseRecord_details .table div.item{
    margin-bottom:30px;
}
.diagnoseRecord .diagnoseRecord_details .table div.item .item_inner,
.diagnoseRecord .dialog--visible2 .table div.item .item_inner{
    border:1px solid #ebebeb;
    padding:10px;
    margin-top:10px;
}
.diagnoseRecord .diagnoseRecord_details .table span.fc-red,
.diagnoseRecord .dialog--visible2 .table span.fc-red{
    display:inline-block;
    width:10px;
    height:10px;
}
.diagnoseRecord .diagnoseRecord_details .table .counter,
.diagnoseRecord .dialog--visible2 .table .counter{
    color:#999;
    text-align:right;
}
.diagnoseRecord .diagnoseRecord_details .todo,
.diagnoseRecord .diagnoseRecord_details .consultTopic a{
    background:#3fca69;
    text-align:center;
    color:#fff;
    border-radius:5px;
}
.diagnoseRecord .diagnoseRecord_details .todo{
    display:block;
    height:44px;
    line-height:44px;
    font-size:20px;
}
.diagnoseRecord .diagnoseRecord_details .consultTopic a{
    display:inline-block;
    width:110px;
    height:35px;
    line-height:35px;
    margin-left:10px;
    border:1px solid transparent;
}
.diagnoseRecord .diagnoseRecord_details .consultTopic img{
    vertical-align:middle;
    margin-top:-2px;
    margin-right:10px;
}
.diagnoseRecord .consultTopic  .topicContent{
    padding-top:20px;
    margin-bottom:-20px;
}
.diagnoseRecord.diagnoseRecord_first .consultTopic  .topicContent{
    display:none;
}
.diagnoseRecord .mask--visible,
.diagnoseRecord .mask--visible1,
.diagnoseRecord .mask--visible2,
.diagnoseRecord .mask--visible_commit{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:1000;
    display:none;
}
.diagnoseRecord .dialog--visible,
.diagnoseRecord .dialog--visible2{
    width:800px;
    min-height:500px;
    border-radius:5px;
    background:#fff;
    position:fixed;
    left:50%;
    margin-left:-400px;
    top:5%;
    z-index:1001;
    display:none;
}
.diagnoseRecord .dialog--visible1,
.diagnoseRecord .dialog--visible_commit{
    width:300px;
    height:160px;
    border-radius:5px;
    background:#fff;
    position:fixed;
    left:50%;
    margin-left:-150px;
    top:50%;
    margin-top:-80px;
    z-index:1001;
    display:none;
}
.diagnoseRecord .dialog--visible_commit{
    height:145px;
}
.diagnoseRecord .dialog--visible1 h3,
.diagnoseRecord .dialog--visible1 p{
    padding:18px;
    text-align:center;
}
.diagnoseRecord .dialog--visible1 h3{
    color:#444;
    font-size:17px;
}
.diagnoseRecord .dialog--visible_commit h3{
    overflow:hidden;
    padding:10px 18px;
}
.diagnoseRecord .dialog--visible1 p,
.diagnoseRecord .dialog--visible_commit p{
    padding-top:0px;
    color:#888;
    line-height:20px;
}
.diagnoseRecord .dialog--visible_commit p{
    color: #333;
    font-size:15px;
    line-height:21px;
    padding:0px 18px 20px 18px;
}
.diagnoseRecord .dialog--visible1 .btnDiv,
.diagnoseRecord .dialog--visible_commit .btnDiv{
    border-top:1px solid #ebebeb;
    width:100%;
    display: flex;
}
.diagnoseRecord .dialog--visible1 .btnDiv a,
.diagnoseRecord .dialog--visible_commit .btnDiv a{
    height:48px;
    line-height:48px;
    text-align:center;
    font-size:18px;
}
.diagnoseRecord .dialog--visible1 .btnDiv a.cancel,
.diagnoseRecord .dialog--visible_commit .btnDiv a.cancel{
    display:inline-block;
    width:149px;
    border-right:1px solid #ebebeb;
    color:#444;
}
.diagnoseRecord .dialog--visible1 .btnDiv a.sure,
.diagnoseRecord .dialog--visible_commit .btnDiv a.sure{
    display:inline-block;
    width:145px;
    border:none;
    color:#3fca69;
}
.diagnoseRecord .dialog--visible .deleteDialog,
.diagnoseRecord .dialog--visible2 .deleteDialog{
    padding:10px 15px;
    border-bottom:1px solid #ebebeb;
}
.diagnoseRecord .dialog--visible .deleteDialog img,
.diagnoseRecord .dialog--visible2 .deleteDialog img{
    cursor:pointer;
}
.diagnoseRecord .dialog--visible .headerTopic{
    padding:10px 15px 0px 15px;
    max-height:90px;
    overflow-y:auto;
}
.diagnoseRecord .dialog--visible .headerTopic .title{
    color:#888;
    padding:5px 0px 15px 0px;
    font-size:14px;
}
.diagnoseRecord .dialog--visible .headerTopic span,
.diagnoseRecord .consultTopic  .topicContent span{
    display:inline-block;
    padding:2px 5px;
    background:#3fca69;
    border:1px solid transparent;
    color:#fff;
    border-radius:20px;
    margin:0px 15px 10px 0px;
    cursor:pointer;
    font-size:14px;
}
.diagnoseRecord .dialog--visible .headerTopic span img,
.diagnoseRecord .consultTopic  .topicContent span img{
    width:10px;
    height:10px;
    margin-left:5px;
}
.diagnoseRecord .dialog--visible .navtab{
    width:130px;
}
.diagnoseRecord .dialog--visible .navtab a{
    display:inline-block;
    height:40px;
    line-height:40px;
    width:100%;
    text-align:center;
    font-size:15px;
    color:#444;
}
.diagnoseRecord .dialog--visible .navtab a.active{
    background:#f0f0f0;
}
.diagnoseRecord .dialog--visible .topicItem{
    background:#f0f0f0;
    width:670px;
    min-height:400px;
    box-sizing:border-box;
    padding:10px 20px;
}
.diagnoseRecord .dialog--visible .topicItem .tab{
    display:none;
}
.diagnoseRecord .dialog--visible .topicItem .show{
    display:block;
}
.diagnoseRecord .dialog--visible .topicItem span{
    padding:7px 12px;
    border: 1px solid #ececec;
    background: #fff;
    border-radius: 20px;
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    color: #444;
    cursor:pointer;
}
.diagnoseRecord .dialog--visible .topicItem span.show1{
    color:#3fca69;
    border:1px solid #3fca69;
}
.diagnoseRecord .dialog--visible .topicItem span img{
    display:none;
}
.diagnoseRecord .dialog--visible .actionBtn{
    padding:10px 40px;
    text-align:right;
}
.diagnoseRecord .dialog--visible .actionBtn a,
.diagnoseRecord .dialog--visible2 .actionBtn a{
    display:inline-block;
    width:130px;
    height:35px;
    line-height:35px;
    background:#3fca69;
    color:#fff;
    text-align:center;
    border-radius:10px;
    margin-left:5px;
}
.diagnoseRecord_second .clientIntro .rewrite{
    color:#1b7ff0;
}
.diagnoseRecord_second .clientIntro .span1{
    margin-right:10px;
}
.diagnoseRecord_second  .link,
.diagnoseRecord_second .diagnoseRecord_details .consultTopic a.openDialog{
    display: inline-block;
    width: 180px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    background:#fff;
    color:#3fca69;
    border:1px solid #3fca69;
    text-align:center;
    border-radius:5px;
}
.diagnoseRecord_second .diagnoseRecord_details .consultTopic a.openDialog{
    width:110px;
}
.diagnoseRecord_second .dialog--visible .headerTopic .title{
    display:none;
}
.diagnoseRecord_second .dialog--visible2,
.diagnoseRecord_second .dialog--visible2 textarea{
    font-size:15px !important;
}
.diagnoseRecord_second .dialog--visible2 .table{
    box-sizing:border-box;
    padding:10px 10px 0px 10px;
}
.diagnoseRecord_second .dialog--visible2 .table div.item{
    margin-bottom:15px;
}
.diagnoseRecord_second .dialog--visible2 input[type='text'],
.diagnoseRecord_second .dialog--visible2 select{
    height:30px;
}
.diagnoseRecord_second .dialog--visible2 .job .chooseJob{
    top:7px;
}
.diagnoseRecord_second .dialog--visible2 .actionBtn{
    text-align:right;
    margin:0px 10px 10px 0px;
}

.new-up-btn{
    float: left;
    margin-right: 90px;
    position: relative;
    width:190px;
    height:120px;
}
.new-up-btn.new-diff-right{
    margin-right:20px;
}
.new-eg-area{
    overflow:hidden;
}
.new-eg-title{
    font-size:16px;
    color:#999;
    margin-right:15px;
}
.upload-imgs-area{
    max-width:615px;
}
.new-eg-content img{
    margin-bottom: 15px;
    width:134px;
    height:91px;
}
.new-up-item{
    float:left;
    position: relative;
    margin:0 10px 10px 0;
    width:190px;
    height:120px;
}
.up-item-img{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
}
.new-agree-radio{
    margin:1px 20px 0 0;
    width:auto!important;
}
.new-phone-proto{
    font-size: 16px!important;
}
.new-clear-line{
    overflow:hidden;
}
.up-head-img{
    width:120px!important;
    height:120px!important;
}
.userhead-file-img{
    width:120px!important;
    height:120px!important;
    position: relative;
}
.userhead-file-img input{
    position: absolute;
    top:0;
    left: 0;
    width:100%!important;
    height: 100%!important;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.height-130{
    height:130px!important;
}
.quali-img{
    width:190px!important;
    height:120px!important;
}
.quali-show-img{
    width:190px!important;
    height:120px!important;
}
/*专家入驻失败*/
.msg-fail-pc-new{
    padding-left:120px;
    font-size:20px;
    font-weight:normal;
    background: #fff5ea url(../images/icons/message_fail.png) no-repeat 63px center;
    background-size:37px 36px;
}
.msg-fail-result{
    padding:30px 0 13px 0!important;
}
.msg-ques-tip{
    padding:0 0 17px 0!important;
}
.msg-fail-circle{
    display: inline-block;
    position: relative;
    top:-3px;
    margin-right:12px;
    width:4px;
    height:4px;
    background-color:#333;
    border-radius: 50%;
}
.zj-xz-img{
    margin:0 0 26px 13px;
    width:105px;
    height:105px;
}
.zj-up-show-img{
    width:120px!important;
    height:120px!important;
}

/*首页下载引导*/
.download-guide{
    position: fixed;
    bottom:0;
    left:-100%;
    width:100%;
    height:156px;
    z-index:600;
    text-align: center;
    background-color: rgba(36,44,57,.9);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5364457,endColorstr=#e5364457)";
}
.download-pic{
    position: absolute;
    left:50%;
    bottom:0;
    margin-left:-467.5px;
    width:935px;
    height:202px;
    text-align:left;
}
.download-pic .pic-content{
    width:719px;
    height:100%;
}
.download-ewm{
    position: absolute;
    right:0;
    top:46px;
    width:180px;
    height:156px;
    background:rgba(0,0,0,.2);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)";
}
.download-ewm img{
    display: block;
    margin:18px auto 6px;
    width:104px;
    height:104px;
}
.download-ewm p{
    font-size:15px;
    color:#fff;
    text-align:center;
}
.pic-close{
    position: absolute;
    right:-42px;
    top:62px;
    cursor: pointer;
}
.download-thumbnail{
    position: fixed;
    left:-130px;
    bottom:40px;
    z-index: 1000;
    width:130px;
    height:116px;
    cursor: pointer;
}

/*底部新样式*/
.clearfix-wyj:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lasted-article-cols {
    margin: 40px auto 0;
    width: 1100px;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lasted-article-rec-3 .lasted-article-block {
    float: left;
    width: 33.33333333%;
    border-right: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lasted-article-rec-3 .block-1 {
    padding: 0 25px 0 30px;
}

.lasted-article-rec-3 .block-2 {
    padding: 0 27px 0 27px;
}

.lasted-article-rec-3 .block-3 {
    padding: 0 40px 0 18px;
    border-right: 0;
}

.lasted-article-block h2 {
    padding-bottom: 19px;
    font-size: 18px;
    color: #333;
    line-height: 1;
}

.lasted-article-block h2 a {
    float: right;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}
.lasted-article-block h2 a:hover{
    text-decoration: none;
}

.lasted-article-block h2 a img {
    position: relative;
    top: -1px;
    margin-left: 6px;
}

.lasted-article-main {
    display: block;
    margin-bottom: 26px;
}

.lasted-article-main:hover h3 {
    text-decoration: underline;
}

.lasted-article-main-img {
    margin-right: 12px;
    width: 105px;
    height: 69px;
}

.lasted-article-main-info {
    width: 189px;
}

.lasted-article-main-info h3 {
    width: 189px;
    height: 35px;
    margin: 8px 0 10px 0;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    overflow:hidden;
}

.lasted-article-main-info h4 {
    font-size: 12px;
    color: #999;
    line-height: 1;
}

.lasted-article-rec-ul li {
    margin-top: 15px;
    line-height: 1;
}

.lasted-article-rec-ul .lasted-dot {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-right: 6px;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    border-radius: 50%;
}

.lasted-article-rec-ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lasted-article-rec-2, .lasted-article-rec-3 {
    padding: 33px 0 37px 0;
}

.lasted-article-rec-2 .lasted-article-block {
    float: left;
    width: 50%;
    border-right: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lasted-article-rec-2 .block-1 {
    padding: 0 53px 0 30px;
}

.lasted-article-rec-2 .block-2 {
    padding: 0 44px 0 54px;
    border-right: 0;
}

.lasted-article-rec-2 .lasted-article-main-info {
    width: 332px;
}
.lasted-article-rec-2 .lasted-article-main-info h3 {
    width: 332px;
}

.lasted-expert-alltips {
    margin: 47px auto 0;
    padding-bottom: 50px;
    width: 1100px;
}

.lasted-expert-alltips h3 {
    position: relative;
    margin:0 30px 30px 0;
    font-size: 18px;
    color: #333;
    line-height: 1;
    cursor: pointer;
}
.lasted-expert-alltips h3.active{
    color:#06afdc;
}
.lasted-expert-alltips h3.active:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 3px;
    background-color: #06afdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

}

.lasted-expert-alltips li {
    float: left;
}

.lasted-expert-alltips li a {
    display: block;
    margin: 0 10px 10px 0;
    padding: 8px;
    line-height: 1;
    font-size: 14px;
    color: #666;
    background-color: #f3f3f3;
    border:1px solid #f3f3f3;
}
.lasted-expert-alltips li a:hover{
    color:#22c25f;
    border:1px solid #34cd65;
    background-color: #fff;
    text-decoration: none;
}

.show-none {
    display: none;
}

.lasted-expert-alltips .show-more {
    float: left;
    width: 38px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #eaeaea;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lasted-article-title{
    position: relative;
    font-size: 18px !important;
    color: #333 !important;
    font-weight: bold;
}
.margT-43{
    margin-top:43px;
}
.margB-0{
    margin-bottom: 0;
}
/*seo调整*/
.order-service-title{
    padding: 40px 0 50px;
    font-size: 20px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.order-service-wrapper{
    padding: 0 40px;
}
.order-service-text{
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-bottom: 16px;
}

/*2020-04-02 bronson edit*/
.mian {
    width: 100%;
    height: auto;
}
.container-gray {
    background-color: #f3f4f5;
}
.white-bg {
    background: #fff; border-radius: 10px;
}
.white-bg1{
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}
.content_main {
    width: 1180px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    overflow: hidden;
}
.content_main1{
    display: flex;
    width: 1180px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    overflow: inherit;
}
.left-content-tag{
    position: absolute;
    top: 0px;
    left: -104px;
    width: 100px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 10px 0 0 10px;
    color: #999;
}
.left-content-tag > li{
    height: 40px;
    line-height: 40px;
}
.left-content-tag .active{
    background: #06afdc;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.left-content-tag .active a{
    background: #06afdc;
    width: 100px;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.content-tag-img{
    margin-right: 6px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.content_main .bread-crumbs {
    /* height: 50px; */
    line-height: 30px;
    margin-top: -20px;
}
.content_main .bread-crumbs span, .content_main .bread-crumbs a {
    color: #888;
    font-size: 12px;
}
.content_main .bread-crumbs .experts-number {
    float: right;
}
.content_main .select-box {
    border: 1px solid #ededed;
    overflow: hidden;
    line-height: 180%; background: #FFFFFF; margin-bottom: 20px; width: 100%; /*padding: 20px 0;*/
}
.content_main .select-box .type {
    overflow: hidden;
}
.content_main .select-box .select-name, .content_main .select-box .lists, .content_main .select-box .lists li {
    float: left;
}
.content_main .select-box .select-name {
    display: inline-block;
    width: 100px;
    text-align: right;
    background: #f8f8f8;
    padding: 6px 10px 6px 6px;
    font-size: 14px;
}
.content_main .select-box .lists {
    width: 86%;
    padding-top: 4px;
    margin-left: 17px;
}
.content_main .select-box .lists li a {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    margin: 0 2px;
    line-height: 180%;
}
.content_main .select-box .lists .selected, .content_main .select-box .lists li a:hover {
    background: #4ab3f3;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.content_main .content-main-left {
    width: 840px;border-radius: 10px; float: left;
    min-height: 858px;
}
.content_main .content-main-left .left-content{padding: 30px;}
.content_main .content-main-left .left-content .filter {
    overflow: hidden;
}
.content_main .content-main-left .left-content .filter a {
    float: left;
    text-align: center;
    color: #555555;
    text-decoration: none;
    margin-right: 1.3em;
    height: 2em;
    line-height: 2.2em;
    border-bottom: 2px solid #fff;
}
.content_main .content-main-left .left-content .filter a.active {
    color: #1da1f2;
    border-bottom: 2px solid #1da1f2;
}
#expertsitem .item {
    width: 100%;
    overflow: hidden;
    padding: 36px 0;
    border-bottom: 1px solid #ededed;
}
#expertsitem .item .img {
    float: left;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* overflow: hidden; */
}
#expertsitem .item .info {
    float: left;
    width: 78%;
    margin-left: 4%;
    font-size: 13px;
    color: #888;
}
#expertsitem .item .info h3, #expertsitem .item .info h3 a {
    font-size: 22px;
    color: #333; line-height: 40px;
}
#expertsitem .item .info h3 .icon22 {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 21px;
    height: 18px;
    margin: 0 20px 0 15px;
    vertical-align: middle;
    background-image: url(https://static.ydlcdn.com/v2/images/credit.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.ydlcdn.com/v2/images/credit.png', sizingMethod='scale');
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    zoom: 1;
    *display: inline;
}
#expertsitem .item .info .txt {
    height: 30px;clear: both;
}
#expertsitem .item .info .txt p {
    float: left;
}
#expertsitem .item .info .number1 {
    font-style: normal;
    color: #1da1f2;
    font-weight: bold;
    margin: 0 2px;
}
#expertsitem .item .info .txt .good-at {
    width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
    line-height: 20px;
    cursor: pointer;
}
/* #expertsitem .item:last-child {
    border: none;
} */
#expertsitem .item .info .tabs {
    margin-top: 10px;clear: both;overflow: hidden;
}
#expertsitem .item .info .tabs s {
    text-decoration: none;
    display: inline-block;
    padding: 0 8px;
    border: 1px solid #D8D8D8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-right: 5px;
}
#expertsitem .item .info .tabs .right .contact {
    width: 50px;
    *display: inline;
    zoom: 1;
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding-left: 30px;
    position: relative;
    line-height: 1.8;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}
#expertsitem .item .info .tabs .contact .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url(../images/service_icons_1x.png);
    background-image: -webkit-image-set(url(../images/service_icons_1x.png) 1x,url(../images/service_icons_2x.png) 2x);
    -webkit-background-size: 140px 75px;
    background-size: 140px 75px;
    background-repeat: no-repeat;
    background-position: -49px 0;
    left: 4px;
    top: 5px;
}
#expertsitem .item .info .tabs .btn {
    width: 84px;
    height: 28px;
    display: inline-block;
    background: #00b992;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
}
#expertsitem .item .info .txt .price-info {
    width: 20%;
    text-align: right;
    font-size: 13px;
    color: #888;
    margin-top: -6px;
}
#expertsitem .item .info .txt .price-info .price {
    font-size: 25px;
    color: #ff6600;
    vertical-align: baseline; display: inline-block;    margin: 0 5px;
}
#expertsitem .item .info .txt .number {
    text-align: right;
    height: 50px;
    width: 25%;
    font-size: 14px;
    color: #888;
}
.content_main .content-main-right {
    width: 280px;
    margin-bottom: 30px;
    margin-left: 20px;
    border-radius: 10px;
    padding: 20px;
    float: right;
}

#articleListM .item {
    margin-top: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 0;
}
#articleListM .item img {
    height: 98px;
    width: 160px;
    display: block;
    border-radius: 4px;
    background: #f3f4f5;
}
#articleListM .item .right {
    min-width: 0;
    margin-left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#articleListM .item .right .title {
    font-weight: 700;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #333;
    padding-right: 80px;
    /* max-height: 20px; */
    width: 520px;
    line-height: 1.5;
    /* -webkit-line-clamp: 1; */
}
#articleListM .item .right .desc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    max-height: 40px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    line-clamp: 2;
    width: 520px;
}
#articleListM .item .right .info span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    margin-left: 18px;
    line-height: 14px;
}
#articleListM .item .right .info a {
    background: #f1f5f9;
    border-radius: 19px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999;
    padding: 2px 10px;
    text-decoration: none;
    margin-left: 18px;
    line-height: 12px;
}
#articleListM .item .statistics {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ccc;
    position: absolute;
    right: 0;
    top: 0;
}
#articleListC .top {
    padding: 0 30px;
    background: #fff;
}
#articleListM .item .right .info a:first-child,
#articleListC .top .second-tag-m a:first-child {
    margin-left: 0;
}
#articleListC .top .second-tag-m a {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}
#articleListC .top .title {
    margin-top: 20px;
    font-family: PingFangSC-Medium;
    font-size: 22px;
    color: #333;
    font-weight: 700;
}
#articleListC .top .first-tag-m {
    margin-top: 20px;
}
#articleListC .top .first-tag-m a {
    background: #ddefff;
    border-radius: 6px;
    padding: 2px 7px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #6c798c;
}
#articleListC .top .info {
    margin-top: 20px;
}
#articleListC .top .info span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    margin-left: 31px;
}
#articleListC .top .info span:first-child {
    margin-left: 0;
}
#articleListC .top .info .like {
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAWJJREFUOBGdUb9LhVAUTp+JzgVB8fbg1d/QUHP/hKjQGA0t7UFDU4EiiqvjGxtyi2hqK3BxiGrzDfEyfzz7jnhDedeEd+B6zj3fd75zPFdY6zHP85Qsy54A7wuC8GYYxphHFXlJyuV5fgY3V1V1q6qqnz6exANc1x0XRXEuiuIR/CY4Hzwe5bgToPsVsKmu648Q2EbcK7A0gW3bBxj5GGeXOsDvYAef8ALdEVfkmQlhGEpxHNdCI1iapg8Ap1jaBZEgeILiG1bQ8qemaV6LURTNsO1vOrAvkFVFUS4ZEUK3siyr7YMpLOB5zUGHBQVBEIwQ9267Jjcfy7LuHcc5pGtnieheton/xBNM8bIkgMSggO/7G+Apmqa9rySAJ6bur1RM1nlGAIMTlGU5QV09Pgl0doD7oAA4f/9PAvUE2Op6Ey+amDCuYco9AHcMlLD5GS5ZkiQsl7GA58Gnp37mYSvlfgFUCZOefijCWQAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: 16px 16px;
}
#articleListC .top .info .comment {
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAONJREFUOBHFUjEOwjAMbCIUdWWHvV9BPIGhW/MNFhYGNoZmZmeDh7DwAFZeECnpOaqjNrSoAgm8JL7cObFzWfZlCNIbY1a0eO8XU+oJIR7gVYjrrBUYgBrAZUqBuq7X4Btwl4EPwE8RdjmskV3wkz23ELVcOQLJRmsd5sbwS4GUwMSx9TctvHvV/1sIMyBnkTnGBpXixG3dmHELFTkLB8HK3DPyAvgBFierx2jFFQG9PyUAIq+UmltrtxBupJQ759wRRS2dp8Ev6OEQ3wGc8zwvyrJ89g6TZKjACTfvceMt4Q6mDVAsTQ044xzyAAAAAElFTkSuQmCC) no-repeat 0;
    background-size: 16px 16px;
}
#articleListC .top .info .read {
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVdJREFUOBHFUrFKxEAQTZaN/YGtIEIsLCyuEK5MI36AYGcRjPEDPBEl1YGF5weYC6SwM/gBYpPywOKKKywMiKClkPQJie/FXTmu0ytuYJjZ9+bNTDZrGMs2c36BOI43yrI8Ab5nmuY6+aZp3hEeLcu6dV33jZi23wZpmsosy/ogTuExRA9SyhcWVlW1hWb7SF34jW3bQ8dxKnJtgzAMV5E/wV8xpY8pHyTnDdutYbsh8E34ru/7X2aSJCt5no8B3AO4pggNLUwcYItDnpHfIQ/Al4o/QzzodDo9URTFJQ4TLWYBxQjbQogdOnOFkTZU7QSDLyTOR/AeCW2cTKHneZ/Eoig6ruv6Gem5rkEcoOlYzAD/SiWmRVAGcE93UN884mRiqBkR07yKAbUCF3EFoIuL48W0BoINp1xbrT5VWMur2i61i//Gn5mGsdBD0k0Y//qUZ7XLyb8Bad22Y5CHpisAAAAASUVORK5CYII=) no-repeat 0;
    background-size: 16px 16px;
}
.article-body-m {
    padding: 0 20px;
    margin-top: 69px;
}
.article-body-m .cover-con {
    text-align: center;
}
.article-body-m .cover-con img {
    max-width: 100%;
}
.article-body-m .yyl-editor {
    margin-top: 30px;
    color: #444;
    font-size: 16px;
    line-height: 1.8;
    word-break: break-all;
}
.article-body-m .yyl-editor .img{max-width: 100%;}
.article-body-m .button {
    display: inline-block;
    text-align: center;
    background: #00a2ff;
    color: #fff !important;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 0;
    margin: 10px 10px 80px 0;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.2em;
    width: 240px;
}
/*pagination*/
.page-wrap .pagination {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
.page-wrap .pagination a,
.page-wrap .pagination .current {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    display: inline-block;
    margin-right: 5px;
    border-radius: 3px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #f3f4f5;
}
.page-wrap .pagination .current {
    color: #fff;
    background-color: #0b8bff;
}
.page-wrap .pagination li a {
    display: block;
}
/*ceshi*/
.left-content .swiper-container {
    width: 780px;
    height: 378px;
    border-radius: 10px;
}
.left-content .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.left-content .swiper-container .swiper-main a {
    display: block;
    width: 100%;
}
.left-content .swiper-container .slide-img {
    width: 675px;
    height: 378px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 675px 378px;
}
.ceshi-img{
    width: 100%;
}
.left-content .content-ul li {
    list-style: none;
    height: 155px;
    border-bottom: 1px solid #f0f0f0;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}
.left-content .content-ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.left-content .content-ul li a {
    text-decoration: none;
    overflow: hidden;
    display: block;
}
.left-content .content-ul li .content-title {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #333;
    letter-spacing: .25px;
    text-align: left;
    margin-top: 20px;
    margin-right: 197px;
}
.left-content .content-ul li .content-describe {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 1.4em;
    height: 4.2em;
    margin-top: 10px;
    margin-right: 197px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}
.left-content .content-ul li.content-tis {
    margin-top: 17px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 14px;
}
.left-content .content-ul li .content-tis span {
    position: relative;
    margin-right: 50px;
    line-height: 18px;
}
.left-content .content-ul li .content-img {
    width: 173px;
    height: 115px;
    position: absolute;
    right: 0;
    top: 20px;
    background-color: #eee;
    border-radius: 4px;
    overflow: hidden;
}
.left-content .content-ul li .content-img img{width: 100%;}
.left-content .content-ul li .content-price {
    background: rgba(74,74,74,.5);
    border-radius: 0 0 0 4px;
    width: 54px;
    height: 29px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    line-height: 29px;
}
/*咨询师详情页*/
.teacher-homepage-PC {
    position: relative;
    width: 100%;
}
.teacher-homepage-PC a, .teacher-homepage-PC a:active, .teacher-homepage-PC a:focus, .teacher-homepage-PC a:hover {
    color: #404040;
    text-decoration: none;
    outline: 0;
    star: expression(this.onFocus=this.blur());
}
.teacher-homepage-PC .teacher-homepage-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar {
    width: 1200px;
    height: 68px;
    margin: 0 auto;
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar .navbar-item {
    display: inline-block;
    height: 64px;
    line-height: 68px;
    padding: 0 20px;
    font-size: 16px;
    color: #2a3033;
}
.teacher-homepage-PC .teacher-homepage-navbar .navbar .navbar-item.on {
    border-bottom: 4px solid #559aff;
    color: #498ff5;
    font-weight: 700;
}
.teacher-homepage-PC .bg-banner {
    z-index: -1;
    width: 100%;
    height: 232px;
    background: url(../images/bg-banner-teacher-homepage.jpg) center center no-repeat;
}
.teacher-homepage-PC .main-container {
    width: 1200px;
    margin: -235px auto 0 auto;
}
.teacher-homepage-PC .main-container .header {
    /*height: 186px;*/
    z-index: 9;
}
.teacher-homepage-PC .main-container .header .teacher-photo {
    float: left;
    width: 190px;
    height: 190px;
    -webkit-border-radius: 6px;
    border-radius: 20px;
    border: 5px solid rgba(255,255,255,.2);
}
.teacher-homepage-PC .main-container .header .info-container {
    padding-left: 236px;
}
.teacher-homepage-PC .main-container .header .info-container .topm {
    height: 90px;
    padding: 5px 0px;
    color: #fff;
}
.teacher-homepage-PC .main-container .header .info-container .topm .info {
    float: left; display: inline;
}
.teacher-homepage-PC .main-container .header .info-container .topm .info .name {
    font-size: 36px;
    margin-bottom: 18px;
}
.teacher-homepage-PC .main-container .header .info-container .topm .info .name .location:before { margin-right: 5px;font-size: 19px}
.teacher-homepage-PC .main-container .header .info-container .topm .info .name .location {
    font-size: 16px;
    padding-left: 60px
}
.teacher-homepage-PC .main-container .header .info-container .topm .info .name .tag {
    position: relative;
    top: -7px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f55e6d;
    font-size: 14px;
    color: #fff;
}
.teacher-homepage-PC .main-container .header .info-container .topm .info .prof-title {
    font-size: 18px;
}
.teacher-homepage-PC .main-container .header .info-container .topm .share-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    float: right;
    height: 90px;
    line-height: 48px;
    padding-right: 20px;
}
.teacher-homepage-PC .main-container .header .info-container .topm .share-bar .label {
    float: left;
    font-size: 16px;
}
.teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-douban, .teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-sina_weibo, .teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-wechat {
    margin-top: 1px;
    color: #fff;
    font-size: 28px;
}
.teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9px!important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 18px;
    color: #fff;
    font-size: 18px;
}
.teacher-homepage-PC .bdshare-button-style0-16 a {
    background-image: none!important;
    line-height: 42px!important;
}
.teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-douban, .teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-sina_weibo, .teacher-homepage-PC .main-container .header .info-container .topm .share-bar .share-bar-btn.icon-wechat {
    margin-top: 1px;
    color: #fff;
    font-size: 28px;
}
.teacher-homepage-PC .main-container .header .info-container .bottom {
    height: 90px;
    padding: 15px 0;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info {
    float: left;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item {
    display: inline-block;
    margin-right: 51px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .label {
    color: #9EA7B4;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .cont {
    color: #0B8BFF;
}

.teacher-homepage-PC .main-container .header .info-container .bottom .info .info-item .location {
    height: 45px;
    font-size: 34px;
    color: #0b8bff;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group {
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn {
    display: inline-block;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    border: 1px solid #9EA7B4;
    color: #464C5B;
    font-size: 22px;
    padding: 11px 33px;
    margin-right: 21px;
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn.grey-btn {
}
.teacher-homepage-PC .main-container .header .info-container .bottom .opt-group .opt-btn .icon-tick {
    font-size: 20px;
}
.teacher-homepage-PC .main-container .content-container {
    clear: both;
    overflow: hidden;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content {
    float: left;
    width: 770px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block {
    position: relative;
    padding-top: 120px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block:first-of-type {
    margin-top: -50px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .block-title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    padding-bottom: 40px;
    border-bottom: 2px solid #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .block-title .triangle {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background-color: #0b8bff;
}
.icon-teacherpage-new-PC {
    display: inline-block;
    background: url(../images/ic-sprite-teacherhomepage.png) no-repeat;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item {
    padding: 40px 0 0;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-bookmark, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-ppl, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-vip {
    float: left;
    width: 66px;
    height: 66px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-vip {
    background-position: -227px -290px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-bookmark {
    background-position: -339px -290px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .ic-ppl {
    background-position: -450px -290px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .icon-open_quote {
    line-height: 45px;
    top: 0;
    left: 92px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail {
    margin-left: 115px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .title {
    font-size: 20px;
    color: #2a3033;
    font-weight: 700;
    margin-bottom: 20px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .txt {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-bottom: 12px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags {
    height: 74px;
    line-height: 32px;
    font-size: 16px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags .tag {
    float: left;
    margin-right: 8px;
    margin-top: 10px;
    color: #333;
    padding: 0 10px;
    border: 1px solid #ccc;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .general-info-item .detail .tags .sub-tag {
    float: left;
    color: #666;
    padding: 0 16px;
    border: 1px solid #ccc;
    border-left: none;
}
.detail .edu-item .time{
    margin-bottom: 12px;
}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer {
    position: relative;
    margin-top: 40px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px;
    margin-left: 38px;
    width: 734px;
    -webkit-box-shadow: 0 8px 27px 0 rgba(18,74,157,.1);
    box-shadow: 0 8px 27px 0 rgba(18,74,157,.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .referrer .content .txt {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .thanks-note-tips {
    position: absolute;
    top: 125px;
    left: 115px;
    font-size: 16px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .thanks-note {
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info {
    height: 44px;
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .avatar {
    float: left;
    margin-right: 10px;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 9px 0 rgba(0,0,0,.17);
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.17);
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .name {
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.teacher-homepage-PC .main-container .content-container .thanks-note .info .time {
    float: right;
    line-height: 44px;
    font-size: 14px;
    color: #999;
}
.teacher-homepage-PC .main-container .content-container .thanks-note .txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 716px;
    padding: 14px;
    margin-left: 54px;
    margin-top: -3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .view-more-thanks {
    position: relative;
    left: 50%;
    margin-top: 30px;
    margin-left: -60px;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #0b8bff;
    font-size: 16px;
    color: #0b8bff;
    text-align: center;
}
.teacher-homepage-PC .main-container .content-container .no-more-thanks {
    margin: 30px auto 0;
    width: 206px;
    font-size: 16px;
    color: #666666;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .thanks-note:last-of-type {
    border-bottom: none;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item {
    padding-top: 40px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .label {
    float: left;
    width: 115px;
    font-size: 16px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .label .num {
    position: relative;
    top: -1px;
    font-size: 12px;
    color: #7f8f99;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition {
    height: 113px;
    margin-left: 115px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content {
    width: 586px;
    float: left;
    padding-right: 70px;
    height: 113px;
    overflow: hidden;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap {
    position: relative;
    float: right;
    width: 170px;
    height: 113px;
    margin-left: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap .pic-wrap-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2);
    display: none;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .pic-wrap .pic {
    width: 170px;
    height: 113px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .title {
    margin-bottom: 14px;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-weight: 700;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .show-content .txt {
    font-size: 16px;
    color: #999;
    line-height: 24px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 112px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .label {
    float: left;
    width: 115px;
    font-size: 16px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .questions {
    display: inline-block;
    margin-right: 10px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .questions .question {
    margin-bottom: 20px;
    font-size: 16px;
    color: #999;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .answers {
    display: inline-block;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .interview-container .answers .answer {
    margin-bottom: 16px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 329px;
    padding: 10px;
    margin-top: 40px;
    -webkit-box-shadow: 0 9px 24px 0 rgba(138,152,173,.24);
    box-shadow: 0 9px 24px 0 rgba(138,152,173,.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .teacher-photo {
    width: 550px;
    height: 310px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .signature-container {
    position: relative;
    display: inline-block;
    width: 193px;
    height: 310px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .image-card .signature-container .signature {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: FangSong;
    height: 280px;
    font-size: 24px;
    letter-spacing: 3px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item {
    padding-top: 40px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .label {
    float: left;
    width: 115px;
    font-size: 16px;
    color: #666;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt {
    margin-left: 115px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .title {
    margin-bottom: 24px;
    color: #333;
    font-weight: 700;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .brief-info-item .txt .publication .book .time {
    margin-bottom: 5px;
    color: #999;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .declaration {
    padding: 20px 30px;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f3f4f5;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart {
    width: 100%;
    height: 170px;
    margin-top: 40px;
    margin-left: -24px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step {
    float: left;
    width: 160px;
    text-align: center;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 {
    background-position: -42px -412px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .before-line {
    left: -45px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line {
    background-color: transparent;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .before-line {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    width: 46px;
    height: 1px;
    background-color: #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line {
    right: -45px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .before-line {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    width: 46px;
    height: 1px;
    background-color: #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 {
    position: relative;
    width: 73px;
    height: 75px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step1 .before-line, .teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 .after-line {
    background-color: transparent;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step2 {
    background-position: -157px -412px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step3 {
    background-position: -280px -412px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step4 {
    background-position: -397px -412px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .ic-step5 {
    background-position: -512px -412px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step .label {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step.step5 {
    width: 117px;
    text-align: right;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .flow-chart .step.step5 .label {
    position: relative;
    left: 23px;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more .triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -2px;
    display: inline-block;
    border: 5px solid transparent;
    border-left: 5px solid #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .teacher-homepage-content .block .column-item .exhibition .view-more {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 112px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.teacher-homepage-PC .teacher-homepage-footer {
    width: 100%;
    height: 265px;
    margin-top: 120px;
    background-color: #3d434e;
    margin-bottom: -30px;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 55px;
    width: 1200px;
    height: 265px;
    margin: 0 auto;
    color: #fff;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .title {
    font-size: 22px;
    margin-bottom: 30px;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .online-time {
    font-size: 16px;
    margin-bottom: 10px;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact {
    font-size: 16px;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt {
    position: relative;
    margin-right: 40px;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .ic-qrcode {
    position: relative;
    top: 5px;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-position: -41px -340px;
    cursor: pointer;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container {
    position: absolute;
    top: -115px;
    left: 97px;
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    display: none;
}
.teacher-homepage-PC .teacher-homepage-footer .footer-content .contact .txt .qr-code-container.magnify {
    -webkit-animation: magnifyImg .2s ease-out forwards;
    animation: magnifyImg .2s ease-out forwards;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    margin-top: 70px;
    padding: 8px 30px 0;
    background: #fff;
    -webkit-box-shadow: 0 8px 27px 0 rgba(18,74,157,.1);
    box-shadow: 0 8px 27px 0 rgba(18,74,157,.1);
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block.fixed {
    position: fixed;
    top: 30px;
    left: 50%;
    bottom: auto;
    margin-left: 240px;
    z-index: 10;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way {
    margin-top: 30px;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .txt {
    /* position: relative;
    top: -4px; */
    display: inline-block;
    font-size: 16px;
    color: #333;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-way .price {
    float: right;
    /* line-height: 45px; */
    font-size: 16px;
    color: #0b8bff;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-btn {
    display: inline-block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    margin-top: 38px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-color: #0b8bff;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .yuyue-btn:hover {
    opacity: .8;
    filter: Alpha(opacity=80);
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance {
    padding-top: 30px;
    padding-bottom: 30px;
    clear: both;
    overflow: hidden;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item {
    float: left;
    width: 134px;
    margin-left: 7px;
    margin-right: 7px;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item .icon-tick_circle_b {
    margin-top: -1px;
    font-size: 12px;
    color: #ccc;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .assurance .item .txt {
    font-size: 12px;
    color: #999;
}
.teacher-homepage-PC .main-container .content-container .yuyue-notice-block .notice-btn {
    font-size: 16px;
    line-height: 55px;
    color: #333;
    text-align: center;
    border-top: 1px solid #eaeaea;
    cursor: pointer;
}
.course-content
{
    display: block;
    overflow: hidden;
    width: 100%; background: white;
}
.card-lists{
    display: flex;
    flex-wrap: wrap;
}
.course-content .card_list {
    width: 33%;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 15px;
}
.course-content .card_list .box {
    display: block;
    overflow: hidden;
    clear: both;
    max-width: 1000px;
    padding: 0.5em 0em;
    margin: 1em auto;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #ebebeb;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-content .card_list .box.article {
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}
.course-content .card_list .box.article a.event_banner {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 207px;
    text-align: right;
    vertical-align: bottom;
}
.course-content .card_list .box.article a.event_banner img{
    width: 100%;
    height: 100%;
}
.course-content .card_list .box.article div.title {
    margin: 0;
    padding: 16px 10px;
    color: #333;
    font-size: 14px;
    border: none;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-content .card_list .box .content{line-height: 30px; padding-right: 20px;}
.course-content .card_list .box .content .author {
    display: block;
    font-size: 0.8em;
    color: #888;
    padding: 0.5em 1em;
    overflow: hidden;
    line-height: 2em;
}
.course-content .card_list .box .content .txt{float: right;display: flex;}
.course-content .card_list .box .content .txt .pastprice{
    font-size: 12px;
    color: #fe6969;
    text-decoration: line-through;
    padding-right: 6px;
}
.course-content .card_list .box .content .txt .nowprice{
    font-size: 14px;
    color: #fe6969;
    font-weight: 700;
}

/*about*/
.main .b-slider-box{width: 100%; height: 270px;background: url(../images/about_baner.jpg) no-repeat 50% 50%;}
.main .about-content{width: 1210px; margin: 20px auto; overflow: hidden;}
.main .about-content .icon-menu-arr {
    position: absolute;
    width: 7px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    right: 30px;
    background-image: url(//misc.360buyimg.com/JDC_aboutjd/css/i/bg.png);
}
.main .about-content .l-menu-wp {
    width: 208px;
    float: left;
    font-size: 16px;
}
.main .about-content .l-menu-wp .l-menu-item {
    position: relative;
    border-bottom: 1px solid #999;
    height: 62px;
    line-height: 62px;
}
.main .about-content .l-menu-wp .h-current {
    background-color: #06afdc;
}
.main .about-content .l-menu-wp .h-current a{color: #FFFFFF;}
.main .about-content .l-menu-wp .h-current .icon-menu-arr, .main .about-content .l-menu-wp .h-current:hover .icon-menu-arr {
    background-position: -7px 0;
}
.main .about-content .l-menu-item .g-block {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 30px;
}
.main .about-content  .l-content-wp {
    overflow: hidden;
    padding-left: 66px;
    padding-right: 66px;
}
.main .about-content  .l-content-wp .o-hd{margin-bottom: 30px;}
.main .about-content  .l-content-wp .o-hd .title {
    font-size: 32px;
}
.main .about-content  .l-content-wp .o-hd  small {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    display: block;
    padding-top: 8px;
    text-transform: Uppercase;
}
.main .about-content  .l-content-wp .mod-s01 {
    padding: 25px 36px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.main .about-content  .l-content-wp .mod-s01 p{
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
    line-height: 1.7;
    margin-bottom: 20px;
    width: 100%;
}
.mod-s01 .title {
    font-size: 16px; line-height: 30px;
}