@charset "UTF-8";



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td {

  margin: 0;

  padding: 0;

}



body,

button,

input,

select,

textarea {

  font: 12px/1.5tahoma, arial, \5b8b\4f53;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

}



address,

cite,

dfn,

em,

var {

  font-style: normal;

}



code,

kbd,

pre,

samp {

  font-family: couriernew, courier, monospace;

}



p,

span,

a,

em,

table {

  font-size: 14px;

  color: #333333;

}



ul,

ol {

  list-style: none;

}



a {

  text-decoration: none;

  cursor: pointer;

  color: #333333;

}



a:hover {

  text-decoration: none;

}



sup {

  vertical-align: text-top;

}



sub {

  vertical-align: text-bottom;

}



legend {

  color: #000;

}



fieldset,

img {

  border: 0;

}



button,

input,

select,

textarea {

  border-radius: 2px;

  font-size: 100%;

  outline: none;

  border: 1px solid #DDDDDD;

}



button {

  border-style: none;

}



textarea {

  resize: none;

  border-color: #f2f2f2;

  padding: 5px;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #eee;

}



.relativeDiv {

  position: relative;

}



.bold {

  font-weight: 700;

}



.hide {

  display: none;

}



.clearfix:after {

  content: "";

  display: block;

  clear: both;

}



.clearfix {

  zoom: 1;

}



.blueBlock:after {

  content: "";

  display: inline-block;

  height: 8px;

  width: 8px;

  background-color: #00a8d4;

}



.fr {

  float: right;

}



.fl {

  float: left;

}



-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 1000px white inset;

}



input[type=text]:focus,

input[type=password]:focus,

textarea:focus {

  -webkit-box-shadow: 0 0 0 1000px white inset;

}



.icon {

  display: inline-block;

  vertical-align: middle;

  width: 25px;

  height: 25px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100%;

}



.icon-crown {

  background-image: url(../img/crown.png);

}



.icon-diamod-purple {

  background-image: url(../img/diamod-purple.png);

}



.icon-diamod-blue {

  background-image: url(../img/diamod-blue.png);

}



.icon-diamod-gray {

  background-image: url(../img/diamod-gray.png);

}



.icon-year {

  background-image: url(../img/yearviplogo.png);

}



.icon-over {

  width: 20px;

  height: 25px;

  background-image: url(../img/over.png);

}



.icon-free {

  width: 20px;

  height: 25px;

  background-image: url(../img/freecourse.png);

}



.ft-16 {

  font-size: 16px;

}



.text-center {

  text-align: center;

}



.content-pad20 {

  padding: 20px 0;

}



.content-padT20 {

  padding-top: 20px;

}



.content-padB20 {

  padding-bottom: 20px;

}



.content-box {

  width: 1230px;

  margin: 0 auto;

}



.content-box label {

  font-size: 16px;

  font-weight: 700;

}



.content-white {

  background-color: #FFFFFF;

}



.content-gray {

  background-color: #F2F2F2;

}



.content-gray2 {

  background-color: #F8F8F8;

}



.content-gray3 {

  background-color: #B6B6B6;

}



.content-gray4 {

  padding: 20px 0;

  background-color: #f9f9f9;

}



.content-blue {

  background-color: #00A8D4;

  color: #FFFFFF;

}



.content-greend {

  background-color: #86cf00;

  color: #FFFFFF;

}



.btn {

  display: inline-block;

  text-align: center;

  cursor: pointer;

}



.btn-small {

  width: 120px;

  height: 30px;

  line-height: 30px;

  border-radius: 15px;

}



.btn-middle {

  width: 150px;

  height: 30px;

  line-height: 30px;

  border-radius: 15px;

}



.btn-radius {

  border-radius: 5px;

}



.btn-white {

  background-color: #FFFFFF;

  color: #000000;

  border: 1px solid #666666;

}



.btn-black {

  background-color: #666666;

  color: #FFFFFF;

}



.btn-blue {

  background-color: #00A8D4;

  color: #FFFFFF;

}



.btn-red {

  background-color: #e84e40;

  color: #FFFFFF;

}



.btn-blue-o {

  color: #00A8D4;

  width: 140px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #00A8D4;

}



.btn-blue1 {

  background-color: #00A8D4;

  color: #FFFFFF;

}



.btn-green {

  background-color: #86cf00;

  color: #FFFFFF;

}



.btn-orange {

  background-color: #FF9900;

  color: #FFFFFF;

}



.btn-gray {

  background-color: #B6B6B6;

  color: #FFFFFF;

}



.btn-sub {

  display: block;

  margin-bottom: 20px;

  font-size: 20px;

  color: #FFFFFF;

  width: 400px;

  height: 55px;

  line-height: 55px;

  border-radius: 5px;

  background-color: #00A8D4;

  border: 0px;

}



.hearder-logo,

.hearder-searchBox {

  display: inline-block;

  vertical-align: middle;

}



.hearder-searchBox {

  position: relative;

  margin-left: 45px;

}



.hearder-searchBox input {

  height: 38px;

  width: 487px;

  padding-left: 12px;

  border: 1px solid #00A8D4;

}



.hearder-searchBox .searchButton {

  display: block;

  text-align: center;

  position: absolute;

  top: 0;

  right: 0;

  height: 38px;

  width: 50px;

  background-color: #00A8D4;

}



.hearder-searchBox .searchButton .fa {

  text-align: center;

  line-height: 38px;

  font-size: 16px;

}



.hearder-user {

  float: right;

  position: relative;

  line-height: 84px;

}



.hearder-user ul {

  display: inline-block;

}



.hearder-user li {

  display: inline-table;

  padding: 0 10px;

}



.hearder-user li a {

  color: #000;

  font-size: 14px;

}



.hearder-user li img {

  vertical-align: middle;

  width: 38px;

  height: 38px;

  border-radius: 50%;

}



.hearder-user li .icon {

  margin: 0 5px;

}



.hearder-user .li-his .icon-clock {

  height: 21px;

  width: 21px;

  vertical-align: middle;

  background-image: url(../img/icon-clock.png);

}



.hearder-user .li-his span {

  font-size: 16px;

  vertical-align: middle;

  color: #999;

}



.hearder-user .li-mobile .icon-mobile {

  height: 21px;

  width: 13px;

  vertical-align: middle;

  background-image: url(../img/icon-mobile.png);

}



.hearder-user .li-mobile span {

  vertical-align: middle;

  font-size: 16px;

  color: #f00;

}



.hearder-user .li-not {

  position: relative;

}



.hearder-user .li-not span {

  display: inline-block;

  position: absolute;

  top: 40px;

  left: 15px;

  line-height: 13px;

  text-align: center;

  width: 15px;

  height: 15px;

  border-radius: 15px;

  color: #FFFFFF;

  background-color: #FF0000;

}



.hearder-user .li-list {

  position: relative;

}



.hearder-user .li-list .icon {

  position: absolute;

  height: 21px;

  width: 55px;

  bottom: 15px;

  right: -30px;

}



.hearder-user .li-list .icon-hy01 {

  background-image: url(../img/icon-hy01.png);

}



.hearder-user .li-list .icon-hy02 {

  width: 43px;

  background-image: url(../img/icon-hy02.png);

}



.hearder-user .li-list .icon-hy03 {

  width: 43px;

  background-image: url(../img/icon-hy03.png);

}



.hearder-user .li-list .icon-hy04 {

  background-image: url(../img/icon-hy04.png);

}



.hearder-user .li-list:hover .user-det {

  display: block;

}



.user-det {

  display: none;

  position: absolute;

  width: 120px;

  line-height: 40px;

  top: 60px;

  right: 0;

  background-color: #fff;

  border: 1px solid #DDDDDD;

  z-index: 9999;

}



.user-det ul {

  width: 100%;

}



.user-det .fa {

  font-size: 16px;

  width: 25px;

  color: #333333;

  margin-right: 5px;

}



.user-det li {

  opacity: 0.7;

  filter: alpha(opacity=70);

  display: block;

  margin-left: 0;

  padding: 0 18px;

  border-bottom: 1px solid #DDDDDD;

  line-height: 40px;

}



.user-det li a {

  font-size: 12px;

  font-weight: 400;

}



.user-det li:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}



.li-jhm span {

  font-size: 16px;

}



.li-jhm span:hover {

  color: #00bcee;

}



.hearder-user .user-his {

  display: none;

  position: absolute;

  top: 60px;

  width: 350px;

  right: 0;

  background-color: #fff;

  border: 1px solid #DDDDDD;

  z-index: 9999;

  padding: 0 20px;

  overflow: hidden;

  white-space: nowrap;

}



.hearder-user .user-his .user-his-item {

  *zoom: 1;

}



.hearder-user .user-his .user-his-item:after {

  clear: both;

  content: '\20';

  display: block;

  height: 0;

  line-height: 0;

  overflow: hidden;

}



.hearder-user .user-his h3 {

  font-size: 16px;

  font-weight: 400;

  line-height: 40px;

  color: #999999;

}



.hearder-user .user-his span {

  float: right;

  font-size: 12px;

  color: #999999;

  width: 120px;

  line-height: 25px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.hearder-user .user-his span .fa-tv {

  margin-right: 5px;

}



.hearder-user .user-his a {

  float: left;

  font-size: 12px;

  max-width: 165px;

  line-height: 25px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.hearder-user .user-his a:hover {

  color: #00A8D4;

}



.hearder-user .user-his .user-his-bot {

  border-top: 1px solid #DDDDDD;

  margin-top: 10px;

  padding: 0 10px;

}



.hearder-user .user-his .user-his-bot a {

  float: right;

  line-height: 40px;

}



.hearder-user .user-mobile {

  width: 350px;

  display: none;

  position: absolute;

  top: 60px;

  left: -60px;

  background-color: #fff;

  border: 1px solid #DDDDDD;

  z-index: 9999;

  padding: 0 20px;

  overflow: hidden;

  white-space: nowrap;

}



.hearder-user .user-mobile .ttxcx {

  width: auto;

  height: auto;

}



.content-blue .content-box {

  margin-top: 1px;

  height: 60px;

}



.content-blue .topNav {

  line-height: 60px;

}



.content-blue .topNav li {

  position: relative;

  display: inline-table;

  height: 60px;

}



.content-blue .topNav li a {

  display: inline-block;

  height: 60px;

  font-size: 16px;

  color: #f8f8f8;

  padding: 0 5px;

}



.content-blue .topNav li:last-child a {

  color: #ffff66;

}



.content-blue .topNav li:hover .nav-ul {

  display: block;

}



.content-blue .topNav .cur a {

  background: rgba(0, 0, 0, 0.2);

}



.content-blue .topNav .fa-angle-down {

  margin-left: 3px;

  font-size: 20px;

}



.content-blue .topNav .nav-ul {

  display: none;

  position: absolute;

  font-size: 0;

  z-index: 10000;

  width: 235px;

  padding: 9px 0;

  top: 50px;

  left: -10px;

  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);

  border: 1px solid #eee;

  border-radius: 4px;

  background-color: #FFF;

  line-height: 40px;

}



.content-blue .topNav .nav-ul a {

  display: inline-block;

  width: 110px;

  padding-left: 10px;

  font-size: 14px;

  height: 40px;

  color: #333;

  text-align: center;

  background-color: transparent;

}



.content-blue .topNav .nav-ul a:hover {

  color: #00A8D4;

}



.content-blue .topNav .nav-ul a:first-child::before {

  border-bottom: 8px solid #fff;

  border-left: 8px solid rgba(255, 255, 255, 0);

  border-right: 8px solid rgba(255, 255, 255, 0);

  top: -8px;

  content: '';

  width: 0;

  height: 0;

  left: 45%;

  margin-left: -50px;

  position: absolute;

}



.slider-box {

  padding-bottom: 10px;

}



.slider-box .slider {

  position: relative;

  height: 350px;

}



.slider-box .slider .pic li {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.slider-box .slider img {

  width: 1230px;

  height: 350px;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.otherAbout {

  padding-top: 20px;

  padding-bottom: 40px;

}



.otherAbout div {

  width: 240px;

  float: left;

}



.otherAbout div p {

  margin-top: 20px;

}



.otherAbout div p img {

  width: 135px;

  height: 135px;

}



.otherAbout a:hover {

  color: #AE4141;

}



.curriculum {

  width: 103%;

  padding-top: 10px;

}



.curriculum .curriculum-box {

  position: relative;

  display: inline-block;

  width: 290px;

  margin: 0 18px 18px 0;

  padding: 10px;

  cursor: pointer;

}



.curriculum .curriculum-box p {

  display: block;

  line-height: 25px;

  margin-bottom: 5px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.curriculum .curriculum-box .icon {

  position: absolute;

  display: block;

}



.curriculum .curriculum-box .icon-year {

  width: 30px;

  height: 30px;

  background-image: none;

}



.curriculum .curriculum-box img {

  width: 100%;

  height: 160px;

}



.curriculum .curriculum-box span {

  font-size: 12px;

  color: #999999;

  vertical-align: top;

}



.curriculum .curriculum-box span:last-child {

  float: right;

}



.curriculum .curriculum-box .curriculum-point {

  position: absolute;

  display: inline-block;

  left: 10px;

  top: 148px;

  width: 93%;

  line-height: 22px;

  background-color: rgba(0, 0, 0, 0.4);

  padding-left: 5px;

  color: #fff;

}



.active a {

  color: #00A8D4;

}



.slider-dot {

  position: absolute;

}



.slider-dot ul {

  display: inline-block;

  padding: 0 10px;

}



.slider-dot li {

  display: inline-table;

  background-color: #999;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  border-radius: 10px;

}



.slider-dot .active {

  background-color: #00A8D4;

}



.slider-dot-right {

  text-align: center;

  right: 20px;

  bottom: 10px;

}



.slider-dot-center {

  text-align: center;

  width: 100%;

  bottom: 10px;

}



.title-choice-ul {

  margin-top: 20px;

  border-bottom: 1px solid #DDDDDD;

}



.title-choice-ul li {

  position: relative;

  padding: 0 20px;

  min-width: 80px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  display: inline-table;

}



.title-choice-ul li a {

  color: #999999;

  font-size: 16px;

}



.title-choice-ul .active {

  border-bottom: 2px solid #00A8D4;

}



.title-choice-ul .active a {

  color: #00A8D4;

}



.slider-sm-dot {

  position: relative;

  text-align: center;

  margin-top: 10px;

}



.slider-sm-dot ul {

  display: inline-block;

}



.slider-sm-dot li {

  display: inline-table;

  width: 40px;

}



.slider-sm-dot a {

  display: inline-block;

  background-color: #999;

  width: 10px;

  height: 10px;

  border-radius: 10px;

}



.slider-sm-dot .active {

  border-bottom: none;

}



.slider-sm-dot .active a {

  background-color: #00A8D4;

}



.comper-contact {

  padding: 20px;

  height: 100px;

  line-height: 60px;

  background-color: #FFFFFF;

}



.comper-contact .comper-contact-item {

  display: inline-block;

}



.comper-contact .comper-contact-item:not(:first-child) {

  padding: 0 20px;

  margin-left: 10px;

  border-left: 1px solid #DDDDDD;

}



.comper-contact .comper-contact-item i {

  color: #666666;

  margin: 0 10px;

  font-size: 40px;

  vertical-align: middle;

}



.comper-contact span {

  font-size: 16px;

}



.train-cur-class {

  min-height: 150px;

  padding: 20px 30px;

}



.train-cur-class ul {

  margin: 20px 40px;

  margin-left: 55px;

}



.train-cur-class ul li {

  display: inline-table;

  margin-left: 25px;

}



.train-cur-class ul li a {

  font-size: 16px;

}



.list-four {

  margin: 30px 0;

  padding: 20px;

  border: 1px solid #F2F2F2;

}



.list-four .list-four-item {

  margin: 30px 0;

}



.list-four .list-four-item ul {

  padding: 0 20px;

}



.list-four .list-four-item li {

  list-style: disc;

  margin-left: 30px;

  border-bottom: 1px dotted #DDDDDD;

  padding: 15px 0;

}



.list-four .list-four-item li span {

  vertical-align: bottom;

  display: inline-block;

  font-size: 16px;

}



.list-four .list-four-item li span:first-child {

  width: 500px;

  padding-right: 30px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.list-four .list-four-item li span:not(:first-child) {

  width: 200px;

}



.list-three {

  margin: 20px 0;

  padding: 20px;

  background-color: #FFFFFF;

  border: 1px solid #F2F2F2;

}



.list-three .list-three-item {

  margin: 30px 0;

}



.list-three .list-three-item ul {

  padding: 0 20px;

}



.list-three .list-three-item li {

  list-style: disc;

  margin-left: 30px;

  border-bottom: 1px dotted #DDDDDD;

  padding: 15px 0;

}



.list-three .list-three-item li span {

  font-size: 16px;

}



.list-three .list-three-item li span:first-child {

  display: inline-block;

  width: 750px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  vertical-align: middle;

}



.list-three .list-three-item li span:last-child {

  float: right;

}



.red {

  color: #FF0000;

}



.red a {

  color: #FF0000;

}



.red span {

  color: #FF0000;

}



.pink-p {

  color: #ec6567;

}



.gray-p {

  color: #999999;

}



.green {

  color: #009900;

}



.green a {

  color: #009900;

}



.green span {

  color: #009900;

}



.gray {

  color: #666666;

}



.gray a {

  color: #666666;

}



.gray span {

  color: #666666;

}



.pagination-box {

  text-align: center;

}



.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}



.pagination a,

.pagination span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #428bca;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}



.pagination a:hover,

.pagination a:focus,

.pagination span:hover,

.pagination span:focus {

  color: #2a6496;

  background-color: #eee;

  border-color: #ddd;

}



.pagination li {

  display: inline-block;

}



.pagination .current {

  z-index: 1;

  border-color: #428bca;

}



#AllObjMsg {

  font-family: "Microsoft Yahei", sans-serif;

  display: none;

  padding: 25px 30px 25px 30px;

  min-width: 80px;

  text-align: center;

  font-size: 15px;

  z-index: 99999;

  left: 45%;

  top: 45%;

  margin-left: -70px !important;

  margin-top: -30px !important;

  margin-top: -30px;

  margin-left: -70px;

  position: fixed !important;

  /*FF IE7*/

  position: absolute;

  /*IE6*/

  border: 1px #A3A3A3 solid;

  line-height: 30px;

  background: #FFFFFF;

  _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);

}



#AllObjMsg a {

  margin-top: 15px;

  font-size: 15px;

}



.btn-xs,

.btn-lg {

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  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;

  border-radius: 4px;

}



.btn-success {

  color: #fff;

  background-color: #5cb85c;

  border-color: #4cae4c;

}



.btn-success:hover,

.btn-success:focus,

.btn-success.focus,

.btn-success:active,

.btn-success.active,

.open>.dropdown-toggle.btn-success {

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}



.btn-danger {

  color: #fff;

  background-color: #d9534f;

  border-color: #d43f3a;

}



.btn-danger:hover,

.btn-danger:focus,

.btn-danger.focus,

.btn-danger:active,

.btn-danger.active,

.open>.dropdown-toggle.btn-danger {

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925;

}



.floater {

  position: fixed;

  _position: absolute;

  right: 0;

  top: 70%;

  margin-top: -200px;

  z-index: 200;

  box-shadow: 0 4px 12px 0 rgba(7, 17, 27, 0.1);

  background-color: #fff;

  text-align: center;

}



.floater .floater-box {

  background-color: #FFFFFF;

  box-shadow: 0 4px 12px 0 rgba(7, 17, 27, 0.1);

  position: absolute;

  width: 172px;

  height: 228px;

  bottom: 0px;

  right: 60px;

  -webkit-transition: opacity .25s, transform .3s;

  -moz-transition: opacity .25s, transform .3s;

  transition: opacity .25s, transform .3s;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transform-origin: 100% 95%;

  -ms-transform-origin: 100% 95%;

  transform-origin: 100% 95%;

}



.floater .floater-box .btn {

  padding: 3px;

}



.floater .fa {

  color: #D9DDE1;

  font-size: 22px;

}



.floater .fa-commenting {

  color: #12b7f5;

}



.floater span {

  font-size: 12px;

  line-height: 12px;

  display: none;

}



.floater .floater-item {

  display: block;

  cursor: pointer;

  width: 58px;

  height: 57px;

  padding: 16px;

  line-height: 20px;

  border-bottom: 1px solid #edf1f2;

}



.floater .floater-item .fa-qq,

.floater .floater-item .fa-phone-square {

  color: #12b7f5;

  font-size: 16px;

  margin-right: 5px;

}



.floater .floater-item:hover .fa {

  display: none;

}



.floater .floater-item:hover .floater-box {

  cursor: default;

  padding: 20px;

  text-align: left;

  display: block;

  visibility: visible;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  max-width: none;

}



.floater .floater-item:hover .floater-box p {

  margin-bottom: 5px;

  line-height: 20px;

}



.floater .floater-item:hover .floater-box img {

  margin: 12px;

}



.floater .floater-item:hover .floater-box .fa {

  display: inline-block;

}



.floater .floater-item:hover span {

  display: inline-block;

}



.tplist {

  position: fixed;

  line-height: 40px;

  background-color: #F2F2F2;

  width: 100%;

  z-index: 1001;

  border-bottom: 1px solid #F2F2F2;

}



.tplist a {

  margin-left: 20px;

}



.tplist a:not(:first-child) {

  font-weight: 700;

  color: red;

}



.tplist .tplist-message {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  padding-top: 7px;

  height: 40px;

  float: right;

}



.tplist .tplist-message a {

  margin: 0;

}



.tplist .tplist-message .tplist-ul-title {

  background-color: #fff;

}



.tplist .tplist-message .tplist-ul-title p {

  font-size: 12px;

  color: #333;

  border-bottom: 1px solid #eee;

  font-weight: 400;

  text-align: center;

  height: 48px;

  line-height: 48px;

  margin: 0 16px;

}



.tplist .tplist-message .tplist-ul-list {

  position: absolute;

  top: 10px;

  display: none;

  width: 350px;

  overflow: hidden;

  text-align: left;

  font-size: 0;

  border-radius: 5px;

  background-color: #f3f3f3;

  border: 1px solid #eee;

  z-index: 1002;

}



.tplist .tplist-message .tplist-ul-list span {

  display: inline-block;

  font-size: 12px;

  color: #999;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.tplist .tplist-message .tplist-ul-list span:hover {

  color: #333;

}



.tplist .tplist-message .tplist-ul-list ul {

  position: relative;

  padding: 10px 16px;

  background-color: #fff;

}



.tplist .tplist-message .tplist-ul-list li {

  height: 32px;

  line-height: 32px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.tplist .tplist-message .tplist-ul-list .tplist-more {

  background-color: #f3f3f3;

  border-bottom-left-radius: 16px;

  border-bottom-right-radius: 16px;

  text-align: center;

}



.tplist .tplist-message .tplist-ul-list .tplist-more a {

  font-size: 12px;

  color: #999;

  line-height: 45px;

}



.tplist .tplist-message .tplist-ul-list .tplist-more a:hover {

  color: #333;

}



.tplist .tplist-message .tplist-ul-list .tplist-null {

  padding: 30px 0;

  background-color: #fff;

  text-align: center;

}



.tplist .tplist-message .tplist-ul-list .tplist-null img {

  width: 100px;

}



.tplist .tplist-message .tplist-ul-list .tplist-null p {

  font-size: 12px;

  color: #ccc;

}



.tplist .tplist-message .tplist-ul-scroll {

  display: block;

  height: 28px;

  padding: 0 16px;

  width: 350px;

  overflow: hidden;

  text-align: left;

  font-size: 0;

  background-color: #fff;

  border: 1px solid #ddd;

}



.tplist .tplist-message .tplist-ul-scroll span {

  font-size: 12px;

  color: #999;

}



.tplist .tplist-message .tplist-ul-scroll span:hover {

  color: #333;

}



.tplist .tplist-message .tplist-ul-scroll ul {

  position: relative;

}



.tplist .tplist-message .tplist-ul-scroll li {

  height: 28px;

  line-height: 28px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.tplist .tplist-message .tplist-wrapper {

  display: inline-block;

  width: 350px;

}



.tplist .tplist-notice {

  display: inline-block;

  position: relative;

  cursor: pointer;

  height: 28px;

  width: 28px;

  background-color: #00baeb;

  border-radius: 50%;

  padding: 0 7px;

  line-height: 35px;

  margin-left: 20px;

  vertical-align: top;

}



.tplist .tplist-notice img {

  height: 17px;

  width: auto;

  margin-bottom: 1px;

  animation: noticemove 0.5s linear infinite alternate;

  -webkit-animation: noticemove 0.5s linear infinite alternate;

}



.tplist .tplist-notice em {

  display: none;

  border: 2px solid #fff;

  top: -5px;

  right: -10px;

  position: absolute;

  text-align: center;

  height: 20px;

  width: 20px;

  line-height: 17px;

  font-size: 10px;

  color: #fff;

  background: #f00;

  border-radius: 50%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.tplist .tplist-notice.cur em {

  display: block;

}



@keyframes noticemove {

  0% {

    transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    -o-transform: rotate(15deg);

  }



  50% {

    transform: rotate(0);

    -ms-transform: rotate(0);

    -moz-transform: rotate(0);

    -webkit-transform: rotate(0);

    -o-transform: rotate(0);

  }



  100% {

    transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -moz-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    -o-transform: rotate(-15deg);

  }

}



@-webkit-keyframes noticemove {

  0% {

    transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    -o-transform: rotate(15deg);

  }



  50% {

    transform: rotate(0);

    -ms-transform: rotate(0);

    -moz-transform: rotate(0);

    -webkit-transform: rotate(0);

    -o-transform: rotate(0);

  }



  100% {

    transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -moz-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    -o-transform: rotate(-15deg);

  }

}



.hot-tip {

  position: absolute;

  top: 7px;

  right: 0;

}



.hearder-user li .qrcode img {

  border-radius: 0;

  width: auto;

  height: auto;

}



.qrcode {

  display: inline-block;

  margin-right: 10px;

}



.rcon {

  float: right;

}



.rcon .txt {

  line-height: 28px;

  font-size: 17px;

  color: #666;

  font-weight: normal;

}



.rcon .store {

  display: block;

  width: 150px;

  height: 44px;

  margin-top: 10px;

  background: url(../img/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat;

}



.store.apple {

  background-position: 0 -28px;

}



.store.android {

  background-position: 0 -76px;

}



.alert-fixed {

  display: none;

  position: fixed;

  top: 0;

  bottom: 0;

  width: 100%;

  background-color: rgba(103, 103, 103, 0.3);

}



.alert-box {

  position: absolute;

  top: 20%;

  left: 50%;

  margin-left: -250px;

  background-color: #fff;

  border-radius: 16px;

  width: 500px;

}



.alert-top {

  padding-top: 30px;

  text-align: center;

  height: 100px;

  border-top-left-radius: 16px;

  border-top-right-radius: 16px;

  background-image: url(../img/guide-login.png);

}



.alert-top .alert-tit {

  cursor: pointer;

  margin: 0 15px;

  display: inline-block;

}



.alert-top .alert-tit span {

  color: #fff;

  font-size: 26px;

}



.alert-top .alert-tit em {

  display: block;

  margin-top: 5px;

  height: 6px;

  border-radius: 5px;

}



.alert-top .alert-tit.cur span {

  font-weight: 700;

}



.alert-top .alert-tit.cur em {

  background-color: #fff;

}



.alert-login {

  display: none;

}



.alert-login:first-child {

  display: block;

}



.alert-login .login-box {

  padding: 30px 70px;

}



.alert-login .login-box .login-item {

  position: relative;

  height: 40px;

  margin-bottom: 20px;

}



.alert-login .login-box .login-item input::-webkit-input-placeholder {

  color: #ccc;

}



.alert-login .login-box .login-item input::-moz-input-placeholder {

  color: #ccc;

}



.alert-login .login-box .login-item input::-ms-input-placeholder {

  color: #ccc;

}



.alert-login .login-box .login-item .login-inp {

  width: 100%;

  line-height: 40px;

  border: 1px solid #ddd;

  border-radius: 4px;

  font-size: 14px;

  padding-left: 40px;

  padding-right: 20px;

}



.alert-login .login-box .login-item .login-inp-sm {

  width: 210px;

  vertical-align: middle;

}



.alert-login .login-box .login-item .icon {

  position: absolute;

  left: 12px;

}



.alert-login .login-box .login-item .login-code {

  cursor: pointer;

  display: inline-block;

  float: right;

  width: 130px;

  height: 40px;

  border-radius: 4px;

  vertical-align: middle;

  background-color: #ccc;

}



.alert-login .login-box .login-item .login-code .code-btn {

  font-size: 14px;

  color: #00CAFF;

  text-align: center;

  width: 100%;

  background-color: #fff;

  cursor: pointer;

  line-height: 40px;

  border: 1px solid #00CAFF;

  border-radius: 4px;

}



.alert-login .login-box .login-item .login-code .code-btn.dis {

  cursor: no-drop;

  border-color: #ccc;

  color: #ccc;

}



.alert-login .forget-text {

  cursor: pointer;

  font-size: 14px;

  color: #ccc;

  text-align: center;

  margin-bottom: 20px;

}



.login-btn-box {

  padding: 0 70px 30px 70px;

}



.login-btn-box .login-btn {

  width: 100%;

  cursor: pointer;

  border-radius: 4px;

  background-color: #00CAFF;

  color: #fff;

  text-align: center;

  line-height: 40px;

}



.alert-close {

  text-align: center;

  position: absolute;

  width: 100%;

  bottom: -70px;

}



.tq-box {

  margin-left: -280px;

  width: 560px;

  padding: 30px 0;

  text-align: center;

}



.tq-box .tq-text {

  font-size: 20px;

  color: #333;

  font-weight: 700;

}



.tq-box .tq-text span {

  font-size: 20px;

  font-weight: 700;

  color: #fa7c8d;

}



.tq-box .tq-item {

  display: inline-block;

  vertical-align: top;

  margin: 0 25px;

}



.tq-box .tq-item img {

  width: 200px;

  height: 200px;

}



.tq-box .tq-item p {

  font-size: 18px;

  color: #333;

  font-weight: 700;

}



.tq-bg {

  height: 500px;

  background-image: url(../img/guide-bg.png);

  background-position: 50%;

  background-size: 105%;

}



.tq-bg .tqa-box {

  padding: 135px 90px 0 90px;

  text-align: center;

}



.tq-bg a {

  display: block;

  font-size: 18px;

  color: #fff;

  opacity: 0.8;

  font-weight: 700;

  line-height: 35px;

}



.tq-bg a:hover {

  opacity: 1;

}



.tq-bg a:nth-child(1) {

  margin-bottom: 55px;

}



.tq-bg a:nth-child(2) {

  margin-bottom: 55px;

}



.tq-bg p {

  display: block;

  font-size: 18px;

  color: #dedede;

  cursor: no-drop;

  font-weight: 700;

  line-height: 35px;

}



.tq-bg p:nth-child(1) {

  margin-bottom: 55px;

}



.tq-bg p:nth-child(2) {

  margin-bottom: 55px;

}



.alert-btn {

  display: inline-block;

  width: 130px;

  font-size: 16px;

  cursor: pointer;

  border-radius: 17px;

  background-color: #00CAFF;

  color: #fff;

  text-align: center;

  line-height: 34px;

}



.guide-user {

  width: 18px;

  height: 40px;

  background-image: url(../img/guide-user.png);

}



.guide-pwd {

  width: 18px;

  height: 40px;

  background-image: url(../img/guide-pwd.png);

}



.guide-tel {

  width: 18px;

  height: 40px;

  background-image: url(../img/guide-tel.png);

}



.guide-close {

  cursor: pointer;

  width: 40px;

  height: 40px;

  background-image: url(../img/guide-close.png);

}



.free-alert-box {

  z-index: 9999;

  position: fixed;

  bottom: 90px;

  left: 10px;

  cursor: pointer;

}



.free-alert-box img {

  height: 100px;

  /* width: 180px; */

}



.fix-bar {

  position: fixed;

  bottom: 200px;

  right: 20px;

  width: 65px;

  z-index: 1001;

}



.fix-bar .fix-bar-item {

  position: relative;

  padding: 10px 0;

  display: block;

  height: 70px;

  text-align: center;

  background-color: #00bcee;

}



.fix-bar .fix-bar-item .fix-text {

  margin-top: 8px;

  display: block;

  font-size: 12px;

  color: #fff;

}



.fix-bar .fix-bar-item:not(:last-child) {

  border-bottom: 1px solid #f9f9f9;

}



.fix-bar .fix-bar-item .fix-bar-div {

  box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.18);

  border-radius: 4px;

  display: none;

  position: absolute;

  width: 180px;

  height: 180px;

  left: -200px;

  padding: 20px;

  bottom: 0;

  background-color: #fff;

}



.fix-bar .fix-bar-item .fix-bar-div img {

  height: auto;

  width: 100%;

}



.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg {

  text-align: left;

}



.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg span {

  font-size: 14px;

  color: #333;

}



.fix-bar .fix-bar-item .fix-bar-div .fa {

  font-size: 16px;

  color: #12B7F5;

  margin-right: 5px;

}



.fix-bar .fix-bar-item .fix-bar-div .fbd-num {

  margin-top: 10px;

  font-size: 14px;

  color: #333;

}



.fix-bar .fix-bar-item .fix-bar-div-cl {

  position: absolute;

  right: -5px;

  top: 130px;

  width: 0;

  height: 0;

  border-top: 5px solid transparent;

  border-left: 5px solid #fff;

  border-bottom: 5px solid transparent;

}



.fix-bar .fix-bar-item:hover {

  background-color: #00A8D4;

}



.fix-bar .fix-bar-item:hover .fix-bar-div {

  display: block;

}



.fix-qq {

  width: 22px;

  height: 25px;

  background-image: url(../img/fix-qq.png);

}



.fix-msg {

  width: 25px;

  height: 25px;

  background-image: url(../img/fix-msg.png);

}



.fix-tel {

  width: 25px;

  height: 25px;

  background-image: url(../img/fix-tel.png);

}



.fix-app {

  width: 18px;

  height: 25px;

  background-image: url(../img/fix-app.png);

}



.fix-code {

  width: 28px;

  height: 25px;

  background-image: url(../img/fix-code.png);

}



.content-b-bottom {

  border-bottom: 1px solid #DDDDDD;

}



.mainNav {

  margin-bottom: 20px;

  background-color: #FFFFFF;

}



.mainNav .topNav {

  height: 60px;

  line-height: 60px;

}



.mainNav .topNav .bg-blue {

  width: 220px;

  padding: 10px 22px;

  height: 61px;

  line-height: 40px;

  color: #fff;

  background-color: #00A8D4;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.mainNav .topNav .bg-blue span {

  color: #FFFFFF;

  font-size: 16px;

}



.mainNav .topNav li {

  position: relative;

  display: inline-table;

  padding-left: 20px;

}



.mainNav .topNav li .fa-angle-down {

  margin-left: 3px;

  font-size: 20px;

}



.mainNav .topNav li .nav-ul {

  display: none;

  position: absolute;

  font-size: 0;

  z-index: 10000;

  width: 235px;

  padding: 9px 0;

  top: 50px;

  left: -10px;

  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);

  border: 1px solid #eee;

  border-radius: 4px;

  background-color: #FFF;

  line-height: 40px;

}



.mainNav .topNav li .nav-ul a {

  display: inline-block;

  width: 110px;

  padding-left: 10px;

  font-size: 14px;

  height: 40px;

  color: #333;

  text-align: center;

}



.mainNav .topNav li .nav-ul a:hover {

  color: #00A8D4;

}



.mainNav .topNav li .nav-ul a:first-child::before {

  border-bottom: 8px solid #fff;

  border-left: 8px solid rgba(255, 255, 255, 0);

  border-right: 8px solid rgba(255, 255, 255, 0);

  top: -8px;

  content: '';

  width: 0;

  height: 0;

  left: 45%;

  margin-left: -50px;

  position: absolute;

}



.mainNav .topNav li:hover .navdiv,

.mainNav .topNav li:hover .nav-ul {

  display: block;

}



.mainNav .topNav li:first-child {

  vertical-align: top;

  padding-left: 0;

}



.mainNav .topNav li:first-child a {

  color: #fff;

}



.mainNav .topNav li a {

  font-size: 16px;

}



.mainNav .topNav li a:hover {

  color: #AE4141;

}



.navdiv-main {

  margin-left: 20px;

}



.navdiv-main h4 {

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

}



.navdiv-main .btn {

  margin: 10px 20px 10px 0;

  border: 1px solid #DDDDDD;

}



.navdiv-main .btn:hover {

  background-color: #00A8D4;

  color: #FFFFFF !important;

}



.slider-bg {

  position: relative;

  min-width: 1230px;

  height: 300px;

}



.leftsideBar {

  position: relative;

}



.leftsideBar .menuContent {

  float: left;

  width: 220px;

  border: 1px solid #333333;

  background-color: rgba(0, 0, 0, 0.7);

  background-color: #000000 \0;

}



.leftsideBar .menuContent .item {

  cursor: pointer;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  height: 75px;

}



.leftsideBar .menuContent .item:last-child {

  border-bottom: none;

  height: 73px;

}



.leftsideBar .menuContent .item:hover {

  background-color: white;

}



.leftsideBar .menuContent .item:hover a {

  color: #333333;

}



.leftsideBar .menuContent .item:hover i {

  color: #333333;

}



.leftsideBar .menuContent .item a {

  display: block;

  padding: 24px 22px;

  font-size: 16px;

  font-weight: 400;

  color: #FFFFFF;

}



.leftsideBar .menuContent .item a label {

  cursor: pointer;

  font-weight: 400;

}



.leftsideBar .menuContent .item a span {

  color: #DDDDDD;

}



.leftsideBar .menuContent .item a span:hover {

  color: #AE4141;

}



.leftsideBar .menuContent .item a i {

  font-size: 22px;

  float: right;

  color: #FFFFFF;

  opacity: 0.8;

}



.leftsideBar .menuContent .item .itemHot {

  margin-top: 10px;

}



.rightsideBar .slider {

  float: left;

  position: relative;

  width: 768px;

  height: 300px;

}



.rightsideBar .slider .pic li {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.rightsideBar .slider img {

  width: 768px;

  height: 300px;

}



.rightsideBar .userPanel {

  position: relative;

  z-index: 999;

  float: left;

  width: 242px;

  height: 300px;

  text-align: center;

  padding: 15px 0;

  border-top: 1px solid #DDDDDD;

  background-color: #FFFFFF;

}



.rightsideBar .userPanel img {

  width: 100px;

  height: 100px;

  margin: 15px 0;

  border-radius: 100px;

}



.rightsideBar .userPanel .userPanel-mes {

  margin-left: 50px;

  text-align: left;

}



.rightsideBar .userPanel .userPanel-mes p {

  line-height: 30px;

}



.rightsideBar .userPanel .userPanel-mes a {

  display: inline-block;

  margin-top: 10px;

  padding: 5px 40px;

  background-color: #F9F9F9;

  border: 1px solid #DDDDDD;

}



.rightsideBar .landingPanel {

  position: relative;

  z-index: 1000;

  float: left;

  width: 242px;

  height: 300px;

  text-align: center;

  background-color: #FFFFFF;

}



.rightsideBar .landingPanel a,

.rightsideBar .landingPanel span {

  font-size: 12px;

}



.rightsideBar .landingPanel label {

  font-weight: normal;

}



.rightsideBar .landingPanel .arrow:after {

  content: '';

  display: inline-block;

  width: 0;

  height: 0;

  border-width: 5px;

  border-style: solid;

  border-color: transparent;

  border-left-color: #00A8D4;

}



.rightsideBar .landingPanel .relativeDiv .fa {

  position: absolute;

  top: 12px;

  left: 30px;

}



.rightsideBar .landingPanel .fa {

  color: #DDDDDD;

}



.rightsideBar .landingPanel input[type="text"],

.rightsideBar .landingPanel input[type="password"] {

  width: 200px;

  height: 30px;

  font-size: 12px;

  margin: 5px 0;

  padding: 5px 5px 5px 25px;

  border: 1px solid #DDDDDD;

  background: none;

}



.rightsideBar .landingPanel input[type="checkbox"] {

  margin-right: 5px;

  margin-bottom: 1px;

  vertical-align: text-bottom;

}



.rightsideBar .landingPanel .login {

  display: block;

  height: 34px;

  width: 200px;

  line-height: 34px;

  background-color: #00A8D4;

  color: #fff;

  border: none;

  border-radius: 5px;

  margin: 0 auto;

  margin-top: 35px;

}



.rightsideBar .landingPanel .otherLogin {

  display: inline-block;

  width: 192px;

  margin: 0 auto;

  margin-top: 10px;

}



.rightsideBar .landingPanel .otherLogin a {

  display: inline-block;

  width: 92px;

  text-align: left;

  opacity: 0.5;

  filter: alpha(opacity=50);

  color: #333333;

  margin: 5px 0;

}



.rightsideBar .landingPanel .otherLogin a:nth-child(1),

.rightsideBar .landingPanel .otherLogin a:nth-child(2),

.rightsideBar .landingPanel .otherLogin a:nth-child(4) {

  opacity: 0.8;

  filter: alpha(opacity=80);

}



.rightsideBar .landingPanel .otherLogin a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}



.rightsideBar .landingPanel .otherLogin .fa {

  display: inline-block;

  width: 25px;

  height: 25px;

  line-height: 25px;

  font-size: 15px;

  text-align: center;

  color: #fff;

  background-color: #666666;

  border-radius: 50px;

  margin-right: 5px;

  vertical-align: middle;

}



.rightsideBar .landingPanel .otherLogin .fa-wechat {

  font-size: 20px;

  color: #1aad19;

  background-color: #FFFFFF;

}



.rightsideBar .landingPanel .otherLogin .fa-arrow-right {

  font-size: 20px;

  color: #00A8D4;

  background-color: #FFFFFF;

}



.rightsideBar .landingPanel .otherLogin .fa-qq {

  font-size: 20px;

  color: #12b7f5;

  background-color: #FFFFFF;

}



.rightsideBar .imgNav {

  float: left;

  height: 95px;

  width: 103%;

  padding-top: 30px;

}



.rightsideBar .imgNav a {

  margin-right: 8px;

}



.rightsideBar .imgNav p {

  display: inline-block;

  height: 56px;

  width: 163px;

  border: 1px solid #DDDDDD;

  font-size: 18px;

  border-radius: 5px;

  text-align: center;

  line-height: 56px;

}



.rightsideBar .imgNav p:hover {

  background-color: #00A8D4;

  color: #fff;

}



.listLarge {

  width: 560px;

}



.listMiddle {

  width: 375px;

}



.listSmall {

  width: 217px;

}



.list {

  float: left;

  margin-right: 35px;

}



.list .redDit:after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  height: 5px;

  width: 5px;

  margin-right: 10px;

  background-color: #990000;

  border-radius: 100px;

}



.list .listTitle {

  height: 30px;

  line-height: 30px;

  border-bottom: 1px solid #DDDDDD;

}



.list .listTitle h2 {

  display: inline-block;

}



.list .listTitle a {

  font-size: 12px;

  float: right;

}



.list .listTitle a:hover {

  text-decoration: underline;

}



.list .list-img-content {

  padding-top: 18px;

}



.list .list-img-content-item {

  margin-bottom: 18px;

  padding-left: 5px;

}



.list .list-img-content-item img {

  float: left;

}



.list .list-img-content-item:hover strong {

  text-decoration: underline;

}



.list .list-img-content-item .list-img-content-item-text {

  display: inline-block;

  padding-left: 5px;

  width: 425px;

}



.list .list-img-content-item .list-img-content-item-text p {

  color: #999999;

  font-size: 12px;

}



.list .list-img-content-item .list-img-content-item-text p span {

  font-size: 12px;

}



.list .list-img-content-item .list-img-content-item-text p .border-span {

  height: 12px;

  line-height: 12px;

  margin-left: 5px;

  border-left: 1px solid;

  padding-left: 5px;

  display: inline-block;

}



.list .list-img-content-item .list-img-content-item-text .list-img-content-item-text-lim {

  height: 37px;

  line-height: 20px;

  margin-top: 5px;

  margin-bottom: 5px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.list .list-content {

  padding-top: 10px;

}



.list .list-content ul li {

  height: 25px;

  line-height: 25px;

  margin-bottom: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.list .list-content ul li:hover span {

  text-decoration: underline;

}



.list .ranking {

  color: #999999;

}



.list .ranking li span {

  color: #999999;

}



.list .ranking li span:first-child {

  display: inline-block;

  width: 100px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.list .ranking img {

  width: 25px;

  height: 25px;

  border-radius: 25px;

  margin-right: 5px;

  vertical-align: text-bottom;

}



.list .ranking .bold {

  color: #000;

}



.list .ranking .bold span {

  color: #000;

}



.list .ranking li span:last-child {

  float: right;

}



.qqGroup {

  float: left;

  text-align: center;

  width: 104%;

}



.qqGroup h4 {

  font-size: 18px;

  line-height: 30px;

}



.qqGroup .qqGroup-box {

  padding-top: 20px;

}



.qqGroup .qqGroup-item {

  float: left;

  border-radius: 8px;

  width: 200px;

  height: 100px;

  padding: 10px 0;

  margin-right: 8px;

}



.qqGroup .qqGroup-item p {

  font-size: 12px;

}



.qqGroup .qqGroup-item em {

  display: inline-block;

  width: 140px;

  height: 20px;

  line-height: 20px;

  background-color: #DDDDDD;

  color: #000;

  margin: 5px 0;

  border-radius: 15px;

}



.qqGroup .qqGroup-blue p:first-child {

  color: #f00;

}



.qqGroup .qqGroup-blue em {

  background-color: #00A8D4;

  color: #fff;

}



.menuContent-item {

  display: none;

  position: absolute;

  top: 0;

  left: 220px;

  width: 1014px;

  height: 300px;

  padding-left: 30px;

  background-color: #FFFFFF;

  z-index: 99;

  border: 1px solid #F2F2F2;

}



.menuContent-item li {

  padding: 15px 0;

}



.menuContent-item li:not(:last-child) {

  border-bottom: 1px solid #F2F2F2;

}



.menuContent-item h4 {

  display: inline-block;

  font-size: 14px;

  width: 80px;

  line-height: 40px;

  color: #00A8D4;

}



.menuContent-item span {

  font-size: 14px;

  line-height: 40px;

}



.menuContent-item span:not(:last-child) {

  padding-right: 10px;

  margin-right: 10px;

  border-right: 1px solid #F2F2F2;

}



.menuContent-item a {

  font-size: 14px;

}



.menuContent-item img {

  position: absolute;

  width: 160px;

  height: 180px;

  right: 30px;

  bottom: 20px;

}



.menuContent-item .index-video {

  display: inline-block;

  width: 50%;

  height: 100%;

}



.menuContent-item .index-video img {

  position: relative;

  right: auto;

  bottom: auto;

  width: 100%;

  height: auto;

}



.menuContent-item .index-video-nav {

  display: inline-block;

  width: 49%;

  padding: 20px 0;

  padding-left: 10px;

  vertical-align: top;

}



.menuContent-item .index-video-nav h2 {

  font-size: 20px;

  color: #333;

  margin-bottom: 10px;

}



.menuContent-item .index-video-nav a {

  display: block;

  font-size: 14px;

  color: #369;

  margin-bottom: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.menuContent-item .index-video-nav a:hover {

  text-decoration: underline;

}



.menuContent-text,

.menuContent-link {

  display: inline-block;

  vertical-align: middle;

  width: 880px;

  height: 100%;

}



.menuContent-link a {

  display: inline-block;

  max-width: 200px;

  padding: 5px 20px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  border: 1px solid #00A8D4;

  vertical-align: middle;

}



.menuContent-link a:not(:last-child) {

  margin-right: 30px;

}



.curList h2 {

  display: inline-block;

  font-size: 24px;

  font-weight: 400;

  margin-bottom: 10px;

}



.curriculum-box-s {

  font-size: 0;

  position: relative;

  display: inline-block;

  width: 220px;

  margin: 0 0 40px 25px;

  cursor: pointer;

}



.curriculum-box-s h3,

.curriculum-box-s p {

  font-weight: 400;

  display: block;

  line-height: 30px;

  margin-bottom: 5px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.curriculum-box-s img {

  width: 100%;

  height: auto;

}



.curriculum-box-s span {

  display: inline-block;

  min-height: 16px;

  font-size: 12px;

  color: #999999;

  vertical-align: top;

}



.curriculum-box-s span:last-child {

  float: right;

}



.curriculum-box-s .curriculum-point {

  position: absolute;

  display: inline-block;

  left: 0;

  bottom: 57px;

  width: 100%;

  line-height: 22px;

  background-color: rgba(0, 0, 0, 0.4);

  padding-left: 5px;

  color: #fff;

}



.curriculum-sidebar {

  width: 220px;

}



.curriculum-sidebar img {

  width: 220px;

  height: 340px;

}



.curriculum-sidebar .more-cur {

  display: block;

  height: 60px;

  line-height: 60px;

  margin-top: 15px;

  text-align: center;

  background-color: #FFFFFF;

  border: 1px solid #F2F2F2;

  border-radius: 5px;

  color: #999999;

}



.curriculum-sidebar .curriculum-ol {

  list-style: decimal;

}



.curriculum-sidebar .curriculum-ol li {

  cursor: pointer;

  overflow: hidden;

  white-space: nowrap;

  color: #999999;

  padding: 12.5px 0;

  font-size: 14px;

}



.curriculum-sidebar .curriculum-ol li h3 {

  font-weight: 400;

}



.curriculum-sidebar .curriculum-ol li:hover {

  text-decoration: underline;

}



.curriculum-sidebar .curriculum-ol li:first-child {

  padding-top: 0;

}



.curriculum-sidebar .curriculum-ol li:last-child {

  padding-bottom: 0;

}



.curriculum-sidebar .curriculum-ol li .curriculum-ol-num {

  display: inline-block;

  vertical-align: top;

  width: 18px;

  height: 18px;

  font-size: 12px;

  margin-right: 8px;

  text-align: center;

  color: #FFFFFF;

  background-color: #DDDDDD;

}



.curriculum-inline {

  width: 1030px;

  font-size: 0;

}



.cur-choice-ul {

  display: inline-block;

  padding-left: 20px;

}



.cur-choice-ul li {

  display: inline-table;

  line-height: 40px;

  margin: 0 20px;

}



.cur-choice-ul a {

  font-size: 16px;

}



.cur-choice-ul .active {

  border-bottom: 2px solid #00A8D4;

}



.curList-content {

  position: relative;

}



.curList-head-four {

  width: 103%;

  border-bottom: 1px solid #F2F2F2;

  font-size: 0;

}



.curList-head-four img {

  /*width: 290px;*/

  /*height: 165px;*/
    
    width: 150px;

  height: 150px;

  border-radius: 5px;

}



.curList-head-four-item {

  position: relative;

  display: inline-block;

  margin-right: 20px;

}



.curList-head-four-p {

  position: absolute;

  display: inline-block;

  left: 0;

  bottom: 4px;

  width: 100%;

  line-height: 30px;

  font-weight: 400;

  background-color: rgba(0, 0, 0, 0.4);

  padding-left: 5px;

  color: #fff;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.curList-list {

  display: inline-block;

  width: 47%;

  vertical-align: top;

}



.curList-list .curList-list-item {

  cursor: pointer;

  vertical-align: top;

  margin: 20px 0;

  overflow: hidden;

}



.curList-list .curList-list-item:first-child {

  margin-top: 0;

}



.curList-list .curList-list-item:last-child {

  margin-bottom: 0;

}



.curList-list .curList-list-item span {

  height: 15px;

  line-height: 15px;

  overflow: hidden;

}



.curList-list .curList-list-item .blue-p {

  display: inline-block;

  color: #00A8D4;

  margin-right: 10px;

  padding-right: 10px;

  border-right: 1px solid #DDDDDD;

}



.curList-list .curList-list-item .blue-p a {

  color: #00A8D4;

}



.curList-list .curList-list-item .blue-p:hover {

  text-decoration: underline;

}



.curList-list .curList-list-item .curList-list-con {

  font-weight: 400;

  display: inline-block;

  width: 65%;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.curList-list .curList-list-item .curList-list-con:hover {

  text-decoration: underline;

}



.curList-list .curList-list-item .blue-dot {

  display: inline-block;

  width: 5px;

  height: 5px;

  border-radius: 5px;

  background-color: #00A8D4;

  margin: 5px;

}



.curList-block {

  width: 100%;

}



.curList-block .curList-list-item {

  display: inline-block;

  width: 47%;

  margin: 13px 10px;

}



.curList-block .curList-list-item:first-child {

  margin-top: 13px;

}



.curList-block .curList-list-item:last-child {

  margin-bottom: 13px;

}



.more-a {

  position: absolute;

  top: -40px;

  right: 5px;

  line-height: 40px;

}



.more-a:hover {

  text-decoration: underline;

}



.curList-siderbar {

  display: inline-block;

  position: relative;

}



.curList-siderbar img {

  width: 220px;

  height: 330px;

}



.curList-siderbar .btn {

  position: absolute;

  bottom: 5%;

  left: 50%;

  margin-left: -75px;

}



.curList-siderbar-hor {

  display: inline-block;

  position: relative;

}



.curList-siderbar-hor img {

  width: 470px;

  height: 135px;

}



.curList-siderbar-hor .btn {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -15px;

  margin-left: -75px;

}



.curList-img {

  display: inline-block;

}



.curList-img img {

  display: block;

  width: 375px;

  height: 155px;

}



.curList-img img:first-child {

  margin-bottom: 15px;

}



.curList-teacher {

  display: inline-block;

  width: 1000px;

  padding-left: 10px;

  vertical-align: top;

}



.curList-teacher-item {

  cursor: pointer;

  display: inline-block;

  margin: 0 35px 10px 0;

}



.curList-teacher-item img {

  width: 125px;

  height: 125px;

}



.curList-teacher-item .cti-content {

  padding-top: 10px;

}



.curList-teacher-item .cti-content .ctic-span {

  display: inline-block;

  width: 60px;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

}



.curList-teacher-item .cti-content .ctic-r {

  color: #999999;

}



.friendly-link label {

  line-height: 40px;

}



.friendly-link span {

  display: inline-block;

  margin: 0 40px 10px 0;

}



.curList-content-table td {

  padding: 5px;

}



.cur-nav {

  width: 102%;

  font-size: 0;

}



.cur-nav img {

  width: 198px;

  margin-right: 8px;

  margin-bottom: 10px;

  border-radius: 5px;

}



.cur-nav img:hover {

  box-shadow: 3px 3px 5px #DDDDDD;

}



.cur-nav a {

  font-size: 0;

}



.jp-cour {

  width: 103%;

  font-size: 0;

  padding-bottom: 50px;

}



.jp-cour .jp-title {

  position: relative;

  margin-bottom: 20px;

}



.jp-cour .jp-title h2 {

  font-size: 24px;

  font-weight: 700;

}



.jp-cour .jp-title .more-a {

  line-height: 31px;

  right: 40px;

  top: 0;

}



.jp-cour .jp-item {

  display: inline-block;

  margin-right: 16px;

  margin-bottom: 25px;

  width: 233px;

}



.jp-cour .jp-item .jp-img {

  width: 233px;

}



.jp-cour .jpi-title {

  display: block;

  width: inherit;

  line-height: 30px;

  font-size: 14px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-bottom: 5px;

}



.jp-cour .jpi-price {

  color: #F00;

  float: right;

}



/* 底部浮动条 */

.quicklogin a {

  display: inline-block;

  line-height: 35px;

  padding: 0 10px;

  font-size: 14px;

  color: #666;

}



.quicklogin a:hover,

.pop-login-sns a:hover {

  color: #333;

}



.widget-main {

  display: none;

  width: 100%;

  height: 80px;

  /* line-height: 80px; */

  position: fixed;

  left: 0;

  bottom: 0;

  z-index: 1000;

  background: rgba(0, 0, 0, 0.7);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);

  /*IE6-8*/

}



.widget-box {

  position: relative;

  width: 1130px;

  margin: 0 auto;

  overflow: hidden;

  height: 100%;

  color: #eee;

  line-height: 80px;

}



.widget-box * { float: left; }



.widget-box a { color: #eee; }



.widget-box a:hover { color: #fff; }



.widget-box .slogn { font-size: 18px; }



.widget-box .quicklogin { position: relative; text-align: center; font-size: 14px; }

.widget-box .quicklogin span { color: #FFF; }



.widget-box .quick-box a { display: inline-block; border: 1px solid transparent; margin: 24px 10px 0 10px; color: #fff; border-radius: 5px; }

.widget-box .quick-box a .fa { font-size: 20px; line-height: 35px; margin-right: 5px; }



.widget-box .reg-btn { background: #f0ad4e; }



.widget-box .reg-btn:hover { background: #ed9c28; }



.widget-box .qq-btn { background: #56abe4; }



.widget-box .qq-btn:hover { background: #1d9ad6; }



.widget-box .weixina { background: #3bae56; }



.widget-box .weixina:hover { background: #47a447; }



.widget-box .weibo-btn { background: #eb4f38; }



.widget-box .weibo-btn:hover { background: #ff5222; }



.widget-box .icons-qq-widget { background-position: 0px -60px; }



.widget-box .icons-weixin-widget { background-position: -30px -60px; }



.widget-box .icons-weibo-widget { background-position: -60px -60px; }



.widget-box .pop-sns { margin-top: 3px; }



.widget-box-close {

  position: absolute;

  top: 9px;

  right: 140px;

  width: 25px;

  height: 25px;

  line-height: 25px;

  display: inline-block;

  font-size: 15px;

  color: #eee;

  text-align: center;

  cursor: pointer;

}



.widget-box-close:hover {

  text-decoration: none;

}



.sig-group a {

  font-size: 14px;

}



.lecturers {

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;

}



.lecturers .lecturer-item {

  display: inline-block;

  position: relative;

  left: 0;

  width: 220px;

  height: 460px;

  cursor: pointer;

  -webkit-transition: all .24s;

  transition: all .24s;

  margin-left: 0;

  overflow: hidden;

}



.lecturers .lecturer-item:hover .info {

  padding-top: 20px;

}



.lecturers .lecturer-item:hover .info .title,

.lecturers .lecturer-item:hover .m-course-wiki {

  margin-bottom: 20px;

}



.lecturers .lecturer-item:hover .cover-mask,

.lecturers .lecturer-item:hover .cover {

  height: 240px;

  background-size: 100%;

}



.lecturers .lecturer-item-mask {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 100;

  bottom: 0;

  left: 0;

  background-image: -webkit-gradient(linear, left bottom, left top, from(#222), color-stop(65%, rgba(34, 34, 34, 0)));

  background-image: linear-gradient(0deg, #222, rgba(34, 34, 34, 0) 65%);

}



.lecturers .cover {

  width: 100%;

  height: 330px;

  -webkit-transition: all .5s;

  transition: all .5s;

  position: relative;

  z-index: 2;

  -webkit-transition: all .4s;

  transition: all .4s;

  background-repeat: no-repeat;

  background-size: 150%;

}



.lecturers .cover-mask {

  width: 100%;

  height: 330px;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all .4s;

  transition: all .4s;

  background-image: radial-gradient(50% 100%, #8e9398 0, #7c8187 100%);

}



.lecturers .info {

  position: relative;

  z-index: 100;

  width: 100%;

  height: 240px;

  overflow: hidden;

  background: #222;

  text-align: center;

  padding-top: 16px;

  box-sizing: border-box;

}



.lecturers .info .name {

  font-size: 24px;

  color: #fff;

  line-height: 36px;

  margin-bottom: 10px;

  font-weight: 600;

}



.lecturers .info .divider {

  width: 50px;

  height: 1px;

  background: #fa0;

  margin: 0 auto 12px;

}



.lecturers .info .title {

  font-size: 14px;

  color: #999;

  margin-bottom: 34px;

  -webkit-transition: all .3s;

  transition: all .3s;

  height: 21px;

  line-height: 21px;

}



.lecturers .info .desc {

  width: 168px;

  height: 84px;

  margin: 0 auto;

  text-align: left;

  font-size: 14px;

  color: #fff;

  letter-spacing: 0;

  line-height: 21px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}



/*# sourceMappingURL=index_new.css.map */





/* ----底部框------ */





.widget-warp {

  height: 100%;

  width: 100%;

  display: flex;

}



.widget-box .widget-text {

  color: #fff;

  font-size: 18px;

  display: flex;

  align-items: center;



}

.widget-inpWarp{

  display: flex;

  margin-left: 30px;

}

.widget-inpWarp .inp-item{

  display: flex;

  align-items: center;

  margin-right: 20px;

}

.widget-inpWarp input{

  width: 200px;

  height: 30px;

  margin-left: 10px;

}

.widget-inpWarp .submit-btn{

  color: white;

  background-color: red;

  height: 30px;

  width: 60px;

  cursor: pointer;

}



/*课程组合训练营*/

.home-series { display: inline-block; margin-bottom: 30px; }

.home-series .over-box{ width: 103%; }

.home-series .home-series-tit span { font-size: 18px; font-weight: 700; color: #333; padding-left: 8px; }

.home-series .home-series-tit a { line-height: 24px; float: right; font-size: 12px; color: #999; }



.home-series-main { /*width: 108%;*/ }

.home-series-main .hsm-item { display: inline-block; width: 237px; margin: 20px 10px 0 0;box-shadow: 0px 0px 15px 0px #d9d9d9;border-radius: 8px;}

.home-series-main .hsm-item img { height: auto; width: 237px;border-radius: 8px 8px 0 0; }

.home-series-main .hsm-item .hsm-msg .wzy-inofo{border-bottom: 1px solid #eee;padding-bottom: 8px;margin-top: 20px;}

.home-series-main .hsm-item .hsm-msg .wzy-inofo p{height: 25px;line-height: 25px;color: #999;font-size: 12px;}

.home-series-main .hsm-item .hsm-msg .wzy-price{text-align: right;font-size: 22px;color:red;height: 30px;line-height: 30px;margin-top: 5px;margin-top:20px;}

.home-series-main .hsm-item .hsm-msg .wzy-price span{font-size: 10px;margin-right: 3px;}

.home-series-main .hsm-item .hsm-msg .ms{float: left;color: #444;font-size: 14px;height: 30px;line-height: 30px;}



/*微专业*/

.home-series-main-2{float: left;margin-right: 12px;}

.home-series-main-2 .hsm-item-2 { display: inline-block; width: 292px; margin: 20px 8px 0 0; /*background-color: rgb(242, 242, 242);*/border-radius:8px;font-family: PingFang SC;box-shadow:0px 0px 15px 0px #d9d9d9;}

.home-series-main-2 .hsm-item-2 img { height: auto; width: 292px;border-radius: 8px 8px 0 0; }

.home-series-main-2 .hsm-item-2 .hsm-msg { padding: 10px; }

.home-series-main-2 .hsm-item-2 .hsm-msg p { font-size: 16px; color: #000; line-height: 30px;height: 30px;}

.home-series-main-2 .hsm-item-2 .hsm-msg .wzy-inofo{border-bottom: 1px solid #eee;padding-bottom: 8px;margin-top: 20px;}

.home-series-main-2 .hsm-item-2 .hsm-msg .wzy-inofo p{height: 25px;line-height: 25px;color: #999;font-size: 12px;}

.home-series-main-2 .hsm-item-2 .hsm-msg .wzy-price{text-align: right;font-size: 22px;color:red;height: 30px;line-height: 30px;margin-top: 5px;margin-top:20px;}

.home-series-main-2 .hsm-item-2 .hsm-msg .wzy-price span{font-size: 10px;margin-right: 3px;}

.home-series-main-2 .hsm-item-2 .hsm-msg .ms{float: left;color: #444;font-size: 14px;}

/*微专业*/

.szsz{color: red;font-size: 16px;}



.home-series-main .hsm-item .hsm-msg { padding: 10px; }

.home-series-main .hsm-item .hsm-msg p { font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.home-series-main .hsm-item .hsm-bot { padding-top: 14px; }

.home-series-main .hsm-item .hsm-bot .hsm-price { font-size: 12px; color: #999; }

.home-series-main .hsm-item .hsm-bot .hsm-red { font-size: 12px; color: #f00; float: right; }





/*软件入门*/

.rjrm{margin: 20px 0px 0 0;}

.rjlist{background: hsla(0,0%,89.4%,.4);border-radius: 4px;width: 232px;height: 80px;float: left;padding: 14px 15px;margin-right: 16px;}

.rjlist a{display: inline-block;color: #333;}

.rjlist .rlogo{width: 50px;height: 50px;float: left;border-radius: 4px;}

.rjlist .text-truncate{margin: 0px 10px 10px 18px;display: inline-block;vertical-align: middle;max-width: 90px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.rjlist .csl{font-size: 12px;color: #666;margin-left: 69px;}

/*软件入门*/



/* ---------- */