/* 预???样?? */
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: #1da1f2;
}

.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: #1da1f2;
  text-decoration: underline;
}

.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: #1da1f2;
  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 {
  border-bottom: 1px solid #ececec;
  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: #1da1f2;
  display: inline-block;
  width: 55px;
  height: 30px;
  border: 1px solid #1da1f2;
  text-align: center;
  line-height: 30px;
  margin-left: 10px;
}

.header .log a:hover {
  background: #1da1f2;
  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: 30px 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: #1da1f2;
}
.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: #1da1f2;
  text-decoration: none;
  border-bottom: 1px solid #1da1f2;
}


.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: #1da1f2 !important;
}
.newHeader .home-menu {
  width: 100%;
  border-bottom: 2px solid #1da1f2;
  /*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: #1da1f2;
}

.newHeader .main-menu-nav .last .login {
  padding: 1px 6px;
  width: 43px;
  height: 23px;
  margin-top: 10px;
  border:1px solid #1da1f2;
  line-height: 23px;
  color: #1da1f2;
  -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: #1da1f2;
  border:1px solid #1da1f2;
  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: #1da1f2;
}

.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: #1da1f2;
  border-bottom: 1px solid #1da1f2;
  border-left: 1px solid #1da1f2;
  height: 44px;
  width: 179px;
}

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

.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 #1da1f2;
  border-right: 1px solid #1da1f2;
  border-bottom: 1px solid #1da1f2;
  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: #1da1f2;
  text-decoration: underline;
}

.newHeader .main-category-nav .main-nav-tt {
  background: #1da1f2;
  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 #1da1f2;
  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 #1da1f2;
  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 #1da1f2;
  background: #1da1f2;
  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: #1da1f2;
  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: #1da1f2;
  color: #1da1f2;
  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: #1da1f2;
  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 #1da1f2;;
}

.btn_small_fill {
  background: #1da1f2;
  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: #1da1f2;
}

.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: #1da1f2;
  color: #1da1f2;
}

.rechargeSuc .progresser ul .complete .number {
  background: #1da1f2;
}

/*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: #1da1f2;
  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:#1da1f2;
}
.lasted-expert-alltips h3.active:after{
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 3px;
  background-color: #1da1f2;
  -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;
}

/* pc官网70周年动画效果 */
.reset-body .activity-box{
  position: relative;
}
.reset-body .activity-box .renpmbacktop{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.reset-body .activity-box .renpmbacktop.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.reset-body .activity-box .renpmbacktop.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes bounceIn{
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  -ms-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  0%, 20%, 40%, 60%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}