@charset "UTF-8";
/*=================================
*         ShopEx licence
*
* @copyright  Copyright (c) 20015-2016 ShopEx Technologies Inc. (https://account.shopex.cn/product)
*
*   program : wangtengteng@126.com
* ==================================*/
html {
  background: #FFFFFF; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure {
  margin: 0; }

ul, ol, menu {
  list-style: none;
  margin: 0;
  padding: 0; }

blockquote, q {
  quotes: none; }

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

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

fieldset, a img, iframe {
  border: 0 none; }

address, em, i {
  font-style: normal; }

abbr, acronym {
  font-variant: normal; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0; }

input, select, button {
  vertical-align: middle; }

input, textarea, select {
  *font-size: 100%; }

button {
  overflow: visible; }

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0 none;
  padding: 0; }

:active {
  outline: 0 none; }

body {
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
  font-size: 13px; }

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

a:hover {
  color: #ff9700; }

.t-r, .top-header .QQ-box, .form-horizontal .control-label, .iframe-clear {
  text-align: right; }

.clear {
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.body-background {
  background: #F5F5F5; }

.container {
  width: 1200px;
  margin: 0 auto; }

/* webkit, opera, IE9 */
::selection {
  background: #ff8400;
  color: #fff; }

/* mozilla firefox */
::-moz-selection {
  background: #ff8400;
  color: #fff; }

/*header*/
.top-header {
  height: 77px;
  width: 100%;
  min-width: 1223px;
  background: #48BCCB; }
  .top-header .container .nav {
    float: left;
    padding-left: 123px; }
    .top-header .container .nav ul li {
      float: left;
      width: 112px;
      height: 77px;
      line-height: 77px;
      font-size: 14px;
      text-align: center; }
      .top-header .container .nav ul li a {
        display: inline-block;
        height: 77px;
        width: 112px;
        color: #fff; }
    .top-header .container .nav ul li:hover {
      background-color: #005F7F;
      transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s; }

.top-header .top-header-logo {
  float: left;
  width: 83px;
  height: 56px;
  background: url(/static/images/taoda_logo.png) left top no-repeat;
  margin-top: 11px; }

.top-header .top-header-logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px; }

.top-header .top-header-title {
  color: #fff;
  height: 21px;
  line-height: 21px;
  border-left: 1px solid #81D0DB;
  padding-left: 8px;
  font-size: 14px;
  cursor: default;
  float: left;
  margin-top: 28px; }

.top-header .QQ-box {
  color: #fff; }

.mr-20, .iframe-clear a {
  margin-right: 20px; }

/*footer*/
.center-footer {
  background: #efefef;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #333;
  margin-top: 40px; }

/*main wrap*/
.container-page-box {
  background: #ebeef2; }

.page-box-left {
  background: #ebeef2;
  float: left; }

.margin-page-left {
  /*  margin-left: 150px; border-left:1px solid #e8e8e8;*/ }

.page-box-right {
  width: 1025px;
  background: #F5F5F5;
  padding-left: 20px;
  min-height: 769px;
  float: right; }

.left-rotate {
  width: 14px;
  height: 85px;
  position: absolute;
  left: 136px;
  top: 50%;
  margin-top: -42px;
  cursor: pointer; }

.rotate_iconL {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAABVCAYAAAB5AdXlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrs1z2KAjEUB/BHsBkrQWELx49mxcodvIEI1usN9AbeRG+gN9gj6BEsZbdyHAtBwUrbfYGow5hk8lIIwguE4DC/vHz8pxDAo+32h6jggeY4bAURjXCQHQQRzW+/hSP6TiMnKA8ii3KhQkvsJWeISL78o0NGqJCs1DRNLCwosm1DV3Gah7A1hCYVI4cbaooUmjqix1JVKiaU+AldKlwrRj6flgDPxpAhQ4YM3wVerxdIkvjpecEG/n43kOxiKJcrEIZ1O0yD1+wxCIrQ+epCrz+AsFY3QuMebxN8ttpwOh3pS5UTZA+GI8eQIcO3gmcvWKt+zHBceC0V8ZiK73tUeOV7OEPsazLEqvKgei746TpcsfYeFR7brsoYAMRrVflMTo4N50ZO4aFXVhGv1J7pIUe8SGPS15HF5Cb/yf8LMACvnGs21wTK/wAAAABJRU5ErkJggg==") left top no-repeat; }

.rotate_iconR {
  background: url("data:image/png;base64,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") left top no-repeat; }

/*left-menu*/
.left-menu {
  border-top: 2px solid #ff8400;
  padding: 20px 20px 20px 10px;
  width: 125px; }

.left-menu-list dt {
  font-size: 13px;
  padding-left: 20px;
  margin-bottom: 10px; }

.left-menu-list dt a {
  color: #000000; }

.left-menu-list dt a:hover {
  color: #ff8400; }

.left-menu-list dt .left-menu-list-icon {
  display: inline-block;
  background: #e3e5e9;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  position: relative;
  left: 10px;
  cursor: pointer; }

.left-menu-list dt .left-menu-list-icon i {
  color: #999999;
  font-size: 6px;
  position: relative;
  top: -4px; }

.left-menu-list dt .active-menu {
  background: transparent;
  display: none; }

.left-menu-list dt .active-menu i {
  color: #ff8400; }

.left-menu-list dt.active-font a {
  color: #ff8400; }

.left-menu-list dt.active-font .active-menu {
  display: inline-block; }

.left-menu-list dd {
  font-size: 12px;
  height: 26px;
  width: 100px;
  line-height: 26px;
  white-space: nowrap;
  margin-bottom: 1px; }

.left-menu-list dd a {
  color: #909090;
  display: block;
  padding-left: 34px;
  height: 26px;
  width: 100px; }

.left-menu-list dd a:hover, .left-menu-list dd a.menu-on {
  background: #e3e5e9;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.nickMess {
  margin-bottom: 10px;
  color: #ff2f02;
  display: block; }

.message-tip, .circle-user-pic .pull-black-trans .pull-black {
  line-height: 16px;
  background-color: #ff8400;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  padding: 1px;
  left: 9px;
  top: 5px;
  text-align: center;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 3s !important;
  -moz-animation-duration: 3s !important;
  -o-animation-duration: 3s !important;
  animation-duration: 3s !important;
  font-size: 12px;
  font-weight: 500; }

.news-icon {
  width: 16px;
  height: 16px;
  background: url("data:image/png;base64,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") left center no-repeat; }

.letter-tip {
  background-color: #fb4d4e; }

.hand-click {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s !important;
  -moz-animation-duration: 2s !important;
  -o-animation-duration: 2s !important;
  animation-duration: 2s !important; }

/*common_div*/
/* 改版 */
.taoda_banner {
  background: url(/static/images/taoda_banner.png) center top no-repeat;
  width: 100%;
  height: 380px; }
  .taoda_banner .container {
    color: #fff; }
    .taoda_banner .container .title {
      padding: 96px 0 35px 50px; }
      .taoda_banner .container .title .taoda_title {
        font-size: 40px;
        font-weight: bold; }
      .taoda_banner .container .title .des {
        font-size: 40px; }
    .taoda_banner .container .download {
      padding-left: 60px;
      color: #fff;
      font-size: 18px; }
      .taoda_banner .container .download div {
        width: 175px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        border-radius: 4px; }
        .taoda_banner .container .download div.v4 {
          background-color: #A67FFF;
          float: left; }
        .taoda_banner .container .download div.v5 {
          background-color: #FB9FA0;
          float: left;
          margin-left: 32px; }
        .taoda_banner .container .download div .download-title {
          padding-right: 7px; }
          .taoda_banner .container .download div .download-title span {
            position: relative;
            left: 7px;
            top: 6px; }
        .taoda_banner .container .download div a {
          color: #fff; }

.panel {
  background: #fff;
  margin-top: 20px; }
  .panel .platform {
    padding: 40px 50px 20px;
    display: table; }
    .panel .platform ul li {
      float: left;
      width: 190px;
      height: 100px;
      border: 1px solid #e8e8e8;
      line-height: 100px;
      vertical-align: middle;
      text-align: center;
      margin-right: 34px;
      margin-bottom: 20px; }
      .panel .platform ul li img {
        max-width: 190px;
        max-width: 100px;
        vertical-align: middle; }
      .panel .platform ul li:nth-child(5n) {
        margin-right: 0; }
      .panel .platform ul li a {
        width: 190px;
        height: 100px;
        display: inline-block; }

.form-group a {
  text-decoration: underline;
  padding-left: 24px; }

.right-sidebar {
  width: 38px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  right: 0;
  top: 0; }
  .right-sidebar .support {
    position: relative;
    top: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    width: 24px;
    margin: 0 auto;
    margin-top: -250px; }
    .right-sidebar .support div {
      cursor: pointer; }
    .right-sidebar .support .wangwang {
      margin-bottom: 80px; }
    .right-sidebar .support .tech-support {
      margin-bottom: 106px; }
    .right-sidebar .support .attention-wechat {
      width: 38px;
      height: 70px;
      background-color: #48BCCB;
      position: relative;
      left: -7px;
      margin-bottom: 85px; }
      .right-sidebar .support .attention-wechat:hover .wechat-active {
        display: block;
        opacity: 1;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        left: -170px;
        visibility: visible; }
      .right-sidebar .support .attention-wechat .wechat-box {
        width: 24px;
        margin: 0 auto; }
        .right-sidebar .support .attention-wechat .wechat-box img {
          padding-top: 6px; }
      .right-sidebar .support .attention-wechat .wechat-active {
        background-color: #fff;
        color: #24687F;
        width: 170px;
        height: 116px;
        border: 1px solid #24687F;
        position: absolute;
        top: -24px;
        left: -200px;
        visibility: hidden;
        opacity: 0; }
        .right-sidebar .support .attention-wechat .wechat-active p {
          font-size: 12px;
          line-height: 12px;
          display: inline-block;
          border-bottom: 1px solid #24687F;
          padding-top: 12px;
          padding-bottom: 7px; }

/* 改版 */
.panel-border, .member-home .member-intro-wrap {
  border: 1px solid #e8e8e8; }

.panel-message {
  height: 40px;
  padding: 0 20px;
  background-color: #fff8e1;
  line-height: 40px;
  color: #424242; }

.panel-message i {
  color: #ff8400;
  position: relative;
  top: 5px; }

.panel-message .panel-message-word {
  display: inline-block;
  margin: 0 24px; }

.over-hidden {
  overflow: hidden; }

.table_fixed {
  table-layout: fixed; }

.table_fixed td, .table_fixed th {
  word-break: break-all;
  word-wrap: break-word; }

.table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  color: #424242; }

.table th {
  background-color: #f2f4f8;
  padding: 8px;
  line-height: 2;
  text-align: left; }

.table td {
  padding: 8px;
  line-height: 2; }

.table-center th, .table-center td {
  text-align: center; }

.table-border th, .table-border td {
  border-bottom: 1px solid #e8e8e8; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }
.w-230 {
  width: 230px; }

.panel-title {
  border-bottom: 1px solid #e8e8e8;
  height: 40px;
  line-height: 40px; }

.panel-title .panel-title-h {
  float: left;
  color: #424242;
  font-size: 20px;
  padding-left: 19px;
  font-weight: 500; }

.panel-title .panel-title-h .panel-title-tip {
  font-size: 12px;
  padding-left: 10px;
  color: #999; }

.panel-title a {
  float: right; }

.panel-body .large-panel {
  width: 482px;
  height: 228px;
  border: 1px solid #d0e3fc;
  box-shadow: 0 6px 10px #d0e3fc;
  -moz-box-shadow: 0 6px 10px #d0e3fc;
  -webkit-box-shadow: 0 6px 10px #d0e3fc;
  border-radius: 5px;
  margin: 56px auto 34px;
  padding: 15px 0 15px 16px; }
  .panel-body .large-panel .large-panel-picbox {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    overflow: hidden;
    cursor: pointer; }
    .panel-body .large-panel .large-panel-picbox .tag {
      width: 140px;
      height: 30px;
      line-height: 30px;
      background-color: #8048FF;
      color: #fff;
      font-size: 16px;
      letter-spacing: 1;
      transform: rotate(-47deg);
      -ms-transform: rotate(-47deg);
      /* IE 9 */
      -moz-transform: rotate(-47deg);
      /* Firefox */
      -webkit-transform: rotate(-47deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(-47deg);
      /* Opera */
      position: absolute;
      top: 23px;
      left: -38px;
      text-align: center; }
    .panel-body .large-panel .large-panel-picbox .play-pic {
      position: absolute;
      top: 98px;
      left: 98px; }
  .panel-body .large-panel .title {
    color: #333;
    font-size: 28px;
    float: left;
    padding: 63px 0 13px 13px; }
  .panel-body .large-panel .play {
    float: left;
    padding-left: 13px; }
    .panel-body .large-panel .play a {
      color: #07607e;
      text-decoration: underline; }
      .panel-body .large-panel .play a:hover {
        color: #333; }
.panel-body .panel-list-all {
  padding: 0 50px; }
  .panel-body .panel-list-all .panel-list {
    width: 226px;
    height: 242px;
    float: left;
    padding: 16px 6px 0 6px;
    border: 1px solid #d0e3fc;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 40px;
    margin-right: 45px; }
    .panel-body .panel-list-all .panel-list:nth-child(4n) {
      margin-right: 0; }
    .panel-body .panel-list-all .panel-list .panel-list-picbox {
      position: relative;
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer; }
      .panel-body .panel-list-all .panel-list .panel-list-picbox .tag {
        width: 152px;
        height: 20px;
        line-height: 20px;
        background-color: #FB9FA0;
        color: #fff;
        font-size: 14px;
        letter-spacing: 1;
        transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
        /* IE 9+ */
        -moz-transform: rotate(-47deg);
        /* Firefox */
        -webkit-transform: rotate(-47deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(-47deg);
        /* Opera */
        position: absolute;
        top: 15px;
        left: -52px;
        text-align: center; }
    .panel-body .panel-list-all .panel-list .title {
      color: #4b3932;
      font-size: 18px;
      padding: 23px 0 13px 0; }
    .panel-body .panel-list-all .panel-list .play a {
      color: #07607e;
      font-size: 14px;
      text-decoration: underline; }

.panel-break, .circle-items .user-name, .letter-items .user-name, .reply-textarea .comment {
  word-break: break-all;
  word-wrap: break-word; }

.panel-banner {
  height: 10%;
  position: relative;
  width: 100%;
  overflow: hidden; }

.panel-banner img {
  max-width: 100%;
  max-height: 100%; }

.panel-banner .close-btn {
  width: 48px;
  height: 23px;
  line-height: 23px;
  background-color: #4d4b59;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center; }

.panel-minH {
  min-height: 688px; }

.panel-nothing {
  color: #999; }

.pagination {
  display: inline-block;
  margin: 20px 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.5;
  color: #424242;
  background: #fff;
  border: 1px solid #e8e8e8;
  margin-left: -1px; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #ff8400;
  border-color: #ff8400; }

.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.yes-member, .circle-items .send-letter {
  color: #ff8400; }

.no-member {
  color: #dee6f7; }

.light-member {
  color: #4bc140; }

.pick-member {
  color: #2a69b5; }

.money-span {
  color: #ff7330;
  font-family: Arial; }

.link-a {
  color: #909090; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif; }

.container {
  width: 1200px;
  margin: 0 auto; }

.container-page-box {
  background: #ebeef2; }

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

.pr-5, .form-horizontal .control-label em {
  padding-right: 5px; }

.col-md-6 {
  width: 60%; }

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

.form-horizontal .form-group {
  margin-bottom: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box; }

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

.panel-logo {
  padding: 10px;
  position: relative;
  text-align: center;
  float: left;
  width: 210px;
  height: 120px;
  align: center;
  line-height: 2; }