@charset "UTF-8";
.share li {
  margin: 0rem 0.2702702702702703rem;
}
.modal-open .modal {
  z-index: 1041;
}
.form-horizontal .control-label {
  padding-top: 0 !important;
}
.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
  color: #ccc;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
  -ms-zoom: 0.6;
}
.video-js .vjs-mute-control .vjs-icon-placeholder::before, .vjs-icon-volume-high::before {
  -ms-zoom: 0.6;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before, .vjs-icon-fullscreen-enter::before {
  -ms-zoom: 0.6;
}
.video-live .vjs-fullscreen-control {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  display: none !important;
}
.btn-file:hover {
  color: #000 !important;
}
.hoverImg {
  overflow: hidden;
}
.hoverImg img {
  width: 100%;
  height: 100%;
}
.section .box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  height: 0.9459459459459459rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
}
.header {
  padding: 0.40540540540540543rem 0 0.08108108108108109rem;
  /*width: 32.432432432432435rem;*/
  margin: 0rem auto 0.5405405405405406rem;
  z-index: 10;
  position: relative;
}
.header .left {
  position: absolute;
  left: 0.7027027027027027rem;
  top: 0.40540540540540543rem;
  width: 3.135135135135135rem;
  height: 2.8378378378378377rem;
  font-size: 0;
}
.header .left img {
  width: 100%;
  height: 100%;
}
.header .center {
  font-size: 0.3783783783783784rem;
}
.header .center li {
  padding: 0 0.2702702702702703rem 0.21621621621621623rem;
}
.header .center li i {
  font-size: 0.32432432432432434rem;
  color: #999;
}
.header .center .active a {
  color: #00a0ea;
}
.header .right {
  padding-top: 0;
}
.header .right li {
  float: right;
  margin-left: 0.4864864864864865rem;
  margin-right: 0.4864864864864865rem;
}
.header .right li a {
  display: block;
}
.header .right li a img {
  border-radius: 50%;
}
.nav {
  font-size: 0.4594594594594595rem;
  padding: 0.32432432432432434rem 0 0.6216216216216216rem;
  display: flex;
  z-index: 10;
}
.nav ul {
  width: 100%;
}
.nav li {
  float: left;
  margin: 0 0.4594594594594595rem;
}
.nav li a {
  height: 1rem;
  line-height: 1rem;
}
.nav .first {
  margin-left: 0;
}
.nav .last {
  margin: 0;
  float: right;
  position: relative;
}
.nav .last #two_code {
  width: 2.972972972972973rem !important;
  height: 2.972972972972973rem !important;
  position: absolute;
  right: 1.027027027027027rem;
  top: -1.837837837837838rem;
  display: block;
}
.nav .last #two_code img {
  width: 100%;
  height: 100%;
}
.nav .active {
  border-bottom: 0.05405405405405406rem solid #00a0ea;
  color: #00a0ea;
}
.nav button {
  font-size: 0.4864864864864865rem;
  padding: 0.13513513513513514rem 0.5405405405405406rem;
}
.nav_bar ul li {
  text-align: center;
}
.banner .inner {
  margin: 0 auto;
  width: 32.432432432432435rem;
}
.banner .carousel-indicators li {
  background: #6ec0f0;
  border: 0.02702702702702703rem solid #6ec0f0;
  margin: 0 0.2702702702702703rem;
  width: 0.2702702702702703rem !important;
  height: 0.2702702702702703rem !important;
}
.banner .carousel-indicators .active {
  background: #f5f5f5;
  border: 0.02702702702702703rem solid #f5f5f5;
  width: 0.2702702702702703rem;
  height: 0.2702702702702703rem;
}
.section .first {
  background: #ffffff;
}
.section .auto {
  padding-bottom: 1.1891891891891893rem;
}
.section .title {
  padding: 0.8378378378378378rem 0;
  position: relative;
}
.section .title h4 {
  font-size: 0.5405405405405406rem;
  padding-left: 0.5405405405405406rem;
  border-left: 0.10810810810810811rem solid #00a0ea;
  /*float: left;*/
}
.section .title ul {
 width:95%; margin: 10px auto 0;
}
.section .title ul li {

    float: left;
    text-align: center;
     width: 33.3%;
}
.section .title ul li a { display:block; width:95%; margin:0 auto;  border: 1px solid #e1e1e1; border-radius:5px; line-height:34px}


.section .title .more {
  font-size: 0.43243243243243246rem;
  color: #999; position: absolute; right: 10px; top: 0;
  /*float: right;*/
}
.section .title .more-con{
  align-items: center; position: relative; height: 40px; line-height: 40px;
}
.section .title .more-con h5 { line-height:26px}

.section .title .left { position:absolute; left:10px; top:0px; width:80px}
.section .title .left img { display:block; width:80px}
.section .title .right { position:absolute; right:10px; top:2px; width:74px}
.section .title .right img { display:block; width:74px;height: 76px;}

.section .banner { overflow:hidden; width:100%; margin:0 auto;}
.section .banner img { display:block; width:100%;}

.section .index_video { overflow:hidden; width:100%; margin:0 auto}
.section .index_video img { display:block; width:100%}
.section .tac2 { width:93%; margin:10px auto}
.section .tac2 a { display:block; text-align:center; line-height:34px; border-radius:5px; background:rgba(255,0,0,0.05); margin-top:10px; font-size:16px}


.section .title .more i {
  font-weight: 100;
  color: #999;
}
.section .title .moreOl {
  position: absolute;
  padding: 0;
  margin: 0;
  display: none;
  opacity: 0;
  top: 2rem;
  right: 0rem;
  background: #9fc5fd;
  color: #fff;
  font-size: 0.40540540540540543rem;
  width: 7.5rem;
  z-index: 10;
  box-shadow: 0rem -0.05405405405405406rem 0.2702702702702703rem #9fc5fd;
}
.section .title .moreOl > li {
  float: left;
  border-radius: 0.21621621621621623rem;
  box-sizing: border-box;
  font-size: 0.43243243243243246rem;
  width: 3.675675675675676rem;
  text-align: center;
  padding: 0.13513513513513514rem 0;
}
.section .title .moreOl > li a {
  display: block;
  border: 0.02702702702702703rem solid #eee;
  padding: 0.2702702702702703rem 0;
  width: 90%;
  position: relative;
  left: 5%;
  top: 5%;
  cursor: pointer;
  height: 90%;
}
.section .title .moreOl > li > a {
  color: #444;
}
.section .title .moreOl > li > a:hover {
  background: #00a0ea;
  color: #fff !important;
  box-shadow: 0.05405405405405406rem 0.05405405405405406rem 0.2702702702702703rem #6ec0f0;
}
.section .title .moreOl > li .hover {
  background: #00a0ea;
  color: #fff !important;
  box-shadow: 0.05405405405405406rem 0.05405405405405406rem 0.2702702702702703rem #6ec0f0;
}
.section .title .moreOl > li ol {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border-top: 0.05405405405405406rem solid #00a0ea;
  background: #d3dff0;
  box-shadow: 0rem 0.05405405405405406rem 0.2702702702702703rem #d3dff0;
}
.section .title .moreOl > li ol a {
  color: #333;
  font-size: 0.3783783783783784rem;
}
.section .title .moreOl > li ol a:hover {
  background: #6ec0f0;
  color: #fff !important;
  box-shadow: 0.05405405405405406rem 0.05405405405405406rem 0.2702702702702703rem #6ec0f0;
}
.section .title .moreOl > li ol li {
  width: 7.351351351351352rem;
  float: left;
  padding: 0.13513513513513514rem 0;
}
.section .title .moreOl .last {
  width: 7.351351351351352rem;
}
.section .title .moreOl .last a {
  width: 95%;
  position: relative;
  left: 2.5%;
  top: 5%;
  cursor: pointer;
  height: 90%;
}
.section .title .moreOl .last.hover > a {
  background: #00a0ea;
  color: #fff !important;
  box-shadow: 0.05405405405405406rem 0.05405405405405406rem 0.2702702702702703rem #6ec0f0;
}
.section .title .moreOl .last.hover ol {
  display: block;
}
.section .content ul {
  align-items: center;
}
.section .content li {
  width: 5.8108108108108105rem;
  margin-right: 0.8378378378378378rem;
  margin-bottom: 0.9459459459459459rem;
  float: left;
}
.section .content li a > img {
  width: 100%;
}
.section .content li .box {
  box-sizing: border-box;
  border: 0.02702702702702703rem solid #999;
  border-radius: 0 0 0.10810810810810811rem 0.10810810810810811rem;
  border-top: none;
  padding: 0 0.35135135135135137rem;
}
.section .content li .box img {
  width: 0.43243243243243246rem;
  height: 0.40540540540540543rem;
}
.section .content li h5 {
  font-size: 0.43243243243243246rem;
  font-weight: bold;
  font-weight: bolder;
  line-height: 0.9459459459459459rem;
}
.section .content li p {
  font-size: 0.3783783783783784rem;
  line-height: 0.4864864864864865rem;
}
.section .content li span {
  font-size: 0.3783783783783784rem;
  color: #fd3232;
  line-height: 1.162162162162162rem;
}
.section .content li span img {
  position: relative;
  margin-right: 0.10810810810810811rem;
}
.section .cutUl {
  font-size: 0.3783783783783784rem;
  margin: 0 auto;
  display: inline-block;
}
.section .cutUl li {
  padding: 0.6216216216216216rem 0.16216216216216217rem;
  display: inline-block;
}
.section .cutUl a {
  border-radius: 50%;
  width: 0.4864864864864865rem;
  height: 0.4864864864864865rem;
  display: block;
  text-align: center;
}
.section .cutUl .activeBg a {
  color: #F5F5F5;
  background: #00a0ea;
}
.section .cutUl .omit {
  position: relative;
  top: -0.10810810810810811rem;
}
.section .cutUl .prevPage a, .section .cutUl .nextPage a {
  width: auto;
}
.section .second h5 {
  padding-top: 0.32432432432432434rem;
}
.section .second .box > span {
  position: relative;
  top: -0.32432432432432434rem;
  margin-bottom: -0.21621621621621623rem;
}
.section .second .current {
  top: 0 !important;
}
.footer {
  background: #f8f8f8;
  text-align: center;
}
.footer ul {
  display: inline-block;
  padding: 0.5405405405405406rem 0;
}
.footer li {
  float: left;
  padding: 0 0.972972972972973rem;
  font-size: 0.3783783783783784rem;
  line-height: 0.4864864864864865rem;
}
.footer .noBor {
  border: none;
}
.footer span {
  color: #999;
}
.modal-content {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modal-dialog {
  width: 100% !important;
}
.close {
  position: absolute;
  right: -0.40540540540540543rem;
  opacity: 1;
  text-align: center;
  top: -0.40540540540540543rem;
  width: 1.0810810810810811rem;
  height: 1.0810810810810811rem;
  background: #00a0ea;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0rem 0rem 0.2702702702702703rem 0.13513513513513514rem #e3e3e3;
  font-size: 0.6756756756756757rem;
}
.close i {
  position: relative;
  top: -0.05405405405405406rem;
}
.popUp {
  background: #fff;
  position: relative;
  margin: 0 auto;
  border-radius: 0.21621621621621623rem;
  box-sizing: border-box;
}
.loginBox {
  width: 19.62162162162162rem;
  height: 15.135135135135135rem;
  padding: 0.2702702702702703rem 1.054054054054054rem;
}
.loginBoxPhone {
  /*width: 19.62162162162162rem;*/
  height: 15.135135135135135rem;
  padding: 0.2702702702702703rem 1.054054054054054rem;
}
.loginBox .close {
  background: #00a0ea;
}
#register input, #login input, #retrievePassword input, #bindPhone input {
  border-radius: 0.21621621621621623rem !important;
  font-size: 0.5405405405405406rem;
  width: 100%;
  padding: 0.32432432432432434rem 0.5135135135135135rem;
  height: auto !important;
  margin-bottom: 0.5405405405405406rem;
  border: 0.05405405405405406rem solid #e0e0e0;
}
#register input[type=checkbox], #login input[type=checkbox], #retrievePassword input[type=checkbox], #bindPhone input[type=checkbox] {
  width: 0.5405405405405406rem !important;
  height: 0.5405405405405406rem !important;
  border-radius: 0 !important;
  padding: 0 !important;
  top: 0;
}
#register input[type=checkbox]:checked, #login input[type=checkbox]:checked, #retrievePassword input[type=checkbox]:checked, #bindPhone input[type=checkbox]:checked {
  border-color: #00a0ea;
}
#register input[type=checkbox]:checked:after, #login input[type=checkbox]:checked:after, #retrievePassword input[type=checkbox]:checked:after, #bindPhone input[type=checkbox]:checked:after {
  width: 0.5405405405405406rem !important;
  left: -0.05405405405405406rem;
  top: 0rem;
  height: 0.5405405405405406rem !important;
}
#register input[type=radio], #login input[type=radio], #retrievePassword input[type=radio], #bindPhone input[type=radio] {
  width: auto;
  border: none !important;
  color: #e0e0e0;
  font-size: 0.43243243243243246rem;
}
#register input[type=submit], #login input[type=submit], #retrievePassword input[type=submit], #bindPhone input[type=submit] {
  background: #00a0ea;
  border: none;
  margin-top: 0.6486486486486487rem;
  color: #fff;
}
#register h5, #login h5, #retrievePassword h5, #bindPhone h5 {
  font-size: 0.7027027027027027rem;
  text-align: center;
  margin-bottom: 0.21621621621621623rem;
  height: 1.7297297297297298rem;
  line-height: 1.7297297297297298rem;
  border-bottom: 0.05405405405405406rem solid #e0e0e0;
}
#register h6, #login h6, #retrievePassword h6, #bindPhone h6 {
  height: 1.5675675675675675rem;
  line-height: 1.5675675675675675rem;
  font-size: 0.7027027027027027rem;
  color: #999;
}
#register ul, #login ul, #retrievePassword ul, #bindPhone ul {
  padding-bottom: 0.21621621621621623rem;
  padding-left: 1.0810810810810811rem;
  border-left: 0.02702702702702703rem solid #e0e0e0;
}
#register li a, #login li a, #retrievePassword li a, #bindPhone li a {
  margin-bottom: 0.5405405405405406rem;
  display: block;
  padding: 0.2702702702702703rem 0.5405405405405406rem;
  color: #fff;
}
#register li a img, #login li a img, #retrievePassword li a img, #bindPhone li a img {
  margin-right: 0.16216216216216217rem;
}
#register li span, #login li span, #retrievePassword li span, #bindPhone li span {
  display: inline-block;
  width: 0.6486486486486487rem;
  height: 0.4864864864864865rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 0.10810810810810811rem;
}
#register li span img, #login li span img, #retrievePassword li span img, #bindPhone li span img {
  display: inline-block;
}
#register li .one, #login li .one, #retrievePassword li .one, #bindPhone li .one {
  background: #2ebfde;
}
#register li .two, #login li .two, #retrievePassword li .two, #bindPhone li .two {
  background: #4bcc4d;
}
#register li .three, #login li .three, #retrievePassword li .three, #bindPhone li .three {
  background: #f9aa29;
}
#register li .four, #login li .four, #retrievePassword li .four, #bindPhone li .four {
  background: #1d58bc;
}
#register li .five, #login li .five, #retrievePassword li .five, #bindPhone li .five {
  background: #2ebfde;
}
#register .leftPosition, #login .leftPosition, #retrievePassword .leftPosition, #bindPhone .leftPosition {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #999;
  font-size: 0.43243243243243246rem;
}
#register .leftPositionPhone {
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  color: #999;
  font-size: 0.43243243243243246rem;
}
#register .rightPosition, #login .rightPosition, #retrievePassword .rightPosition, #bindPhone .rightPosition {
  left: 1.1081081081081081rem;
}
#register .rightPosition a, #login .rightPosition a, #retrievePassword .rightPosition a, #bindPhone .rightPosition a {
  color: #00a0ea !important;
}
#register .rightPosition span, #login .rightPosition span, #retrievePassword .rightPosition span, #bindPhone .rightPosition span {
  width: 5.405405405405405rem !important;
}
#register .verCode, #login .verCode, #retrievePassword .verCode, #bindPhone .verCode {
  width: 3.7837837837837838rem;
}
#register .verCodeBtn, #login .verCodeBtn, #retrievePassword .verCodeBtn, #bindPhone .verCodeBtn {
  padding: 0.32432432432432434rem 0;
  width: 3.7837837837837838rem;
  text-align: center;
  font-size: 0.5405405405405406rem;
  border: 0.05405405405405406rem solid #e0e0e0;
  border-radius: 0.21621621621621623rem;
  color: #c7c7c7;
  background: #fff;
}
#register .sentTime, #login .sentTime, #retrievePassword .sentTime, #bindPhone .sentTime {
  border-color: #00a0ea;
  color: #00a0ea;
}
#register .left, #login .left, #retrievePassword .left, #bindPhone .left {
  padding-right: 1.0810810810810811rem;
  padding-top: 0.2702702702702703rem;
  width: 57%;
  position: relative;
  height: 88%;
}
#register .right, #login .right, #retrievePassword .right, #bindPhone .right {
  width: 43%;
  position: relative;
  height: 88%;
  font-size: 0.4864864864864865rem;
}
.loginInformation img {
  position: relative;
  top: 0.2702702702702703rem;
  margin-right: 0.13513513513513514rem;
}
.loginHeadPortrait {
  position: relative;
  display: block;
}
.loginHeadPortrait img {
  border-radius: 50%;
  border: 0.02702702702702703rem solid #00a0ea;
}
.loginHeadPortrait i {
  display: block;
  width: 0.2702702702702703rem;
  height: 0.2702702702702703rem;
  background: #fd3232;
  position: absolute;
  right: -0rem;
  top: -0rem;
  border-radius: 50%;
}
.videoWarp .inner {
  background: #375172;
}
.videoWarp .auto {
  padding-bottom: 0;
}
.videoWarp h5 {
  padding-left: 0.5405405405405406rem;
  font-size: 0.5945945945945946rem;
  color: #fff;
  position: relative;
}
.videoWarp h5 span {
  position: absolute;
  right: 0.5405405405405406rem;
  top: 0.13513513513513514rem;
  font-size: 0.32432432432432434rem;
  line-height: 1.0810810810810811rem;
}
.videoWarp h5 span a {
  height: 1.0810810810810811rem;
  line-height: 1.0810810810810811rem;
  color: #00a0ea;
  background: #fff;
  display: inline-block;
  text-align: center;
  font-size: 0.43243243243243246rem;
  margin-right: 0.5405405405405406rem;
}
.videoWarp h5 span img {
  border-radius: 50%;
  width: 1.0810810810810811rem;
  height: 1.0810810810810811rem;
  margin-left: 0.2702702702702703rem;
}
.videoWarp .videoBox {
  display: flex;
  display: -webkit-flex;
}
.videoWarp .videoLeft {
  position: relative;
}
.videoWarp .videoLeft .notPlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 22.7027027027027rem;
  height: 24.18918918918919rem;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
}
.videoWarp .videoLeft .notPlay p {
  font-size: 0.5945945945945946rem;
  margin-top: 10.675675675675675rem;
  display: inline-block;
  width: 13.91891891891892rem;
  height: 2.1621621621621623rem;
  line-height: 2.1621621621621623rem;
  background: #fff;
  border-radius: 1.0810810810810811rem;
}
.videoWarp .videoRight {
  float: right;
  flex: 1;
}
.videoWarp .videoRight .top {
  padding-left: 0.5405405405405406rem;
  color: #fff;
}
.videoWarp .videoRight .top img {
  position: relative;
  top: 0.43243243243243246rem;
  margin-right: 0.2702702702702703rem;
}
.videoWarp .videoRight .ask {
  background: #1b2c3c;
  height: 14.18918918918919rem;
  box-sizing: border-box;
}
.videoWarp .videoRight .notAsk {
  color: #fff;
  text-align: center;
  padding-top: 3.324324324324324rem;
}
.videoWarp .videoRight .notAsk p {
  font-size: 0.5405405405405406rem;
  line-height: 1.2972972972972974rem;
}
.videoWarp .videoRight .canAsk {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 2.7027027027027026rem;
}
.videoWarp .videoRight .canAsk .text {
  height: 12.162162162162161rem;
  overflow: hidden;
}
.videoWarp .videoRight .canAsk .text ul {
  padding: 0.2702702702702703rem 0.8108108108108109rem;
  overflow: scroll;
}
.videoWarp .videoRight .canAsk .text img {
  width: 1.0810810810810811rem;
  height: 1.0810810810810811rem;
  border-radius: 50%;
}
.videoWarp .videoRight .canAsk .text li {
  position: relative;
  padding: 0.13513513513513514rem 0;
}
.videoWarp .videoRight .canAsk .text span {
  position: absolute;
  left: 1.135135135135135rem;
  top: 1.135135135135135rem;
  width: 0.1891891891891892rem;
  height: 0.1891891891891892rem;
  border-radius: 50%;
  background: #fff;
}
.videoWarp .videoRight .canAsk .text span.second {
  left: 1.0810810810810811rem;
  top: 1.0810810810810811rem;
  width: 0.13513513513513514rem;
  height: 0.13513513513513514rem;
  background: #fff;
}
.videoWarp .videoRight .canAsk .text p {
  border-radius: 0.05405405405405406rem;
  background: #fff;
  line-height: 0.6756756756756757rem;
  padding: 0.08108108108108109rem 0.2702702702702703rem;
  box-sizing: border-box;
  margin-top: 1.0810810810810811rem;
  max-width: 6.756756756756757rem;
  display: inline-block;
  font-size: 0.3783783783783784rem;
}
.videoWarp .videoRight .canAsk .text .stuSpeack img {
  float: right;
}
.videoWarp .videoRight .canAsk .text .stuSpeack span {
  right: 1.135135135135135rem;
  left: auto;
}
.videoWarp .videoRight .canAsk .text .stuSpeack span.second {
  right: 1.0810810810810811rem;
  left: auto;
}
.videoWarp .videoRight .canAsk .bot {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.videoWarp .videoRight .canAsk .bot ul {
  background: #333;
  padding: 0.16216216216216217rem 0.2702702702702703rem;
}
.videoWarp .videoRight .canAsk .bot li {
  float: left;
  padding: 0 0.2702702702702703rem;
}
.videoWarp .videoRight .canAsk .askBtn {
  padding: 0.16216216216216217rem 0.08108108108108109rem;
  background: #fff;
  position: relative;
}
.videoWarp .videoRight .canAsk .askBtn .dontSend {
  background: #fd3232;
  position: absolute;
  top: -1.8918918918918919rem;
  right: 10%;
  width: 70%;
  border-radius: 0.13513513513513514rem;
  padding: 0.40540540540540543rem;
  color: #fff;
  font-size: 0.3783783783783784rem;
  line-height: 0.5405405405405406rem;
}
.videoWarp .videoRight .canAsk .askBtn input {
  border: none;
  line-height: 1.0810810810810811rem;
}
.videoWarp .videoRight .canAsk .askBtn button {
  float: right;
  font-size: 0.43243243243243246rem;
  background: #00a0ea;
  color: #fff;
}
.videoWarp .videoRight .videoNav {
  height: 1.3513513513513513rem;
  background: #333;
  font-size: 0.4864864864864865rem;
  line-height: 1.3513513513513513rem;
}
.videoWarp .videoRight .videoNav a {
  color: #fff;
  box-sizing: border-box;
}
.videoWarp .videoRight .videoNav li {
  width: 50%;
  text-align: center;
  float: left;
}
.videoWarp .videoRight .videoNav .active a {
  color: #fd3232 !important;
  border-bottom: 0.05405405405405406rem solid #fd3232;
  display: inline-block;
  height: 1.3513513513513513rem;
}
#register.register form span, #bindPhone form span {
  font-size: 0.43243243243243246rem;
  color: #e0e0e0;
}
#register.register form .select, #bindPhone form .select {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  background: none;
}
#register.register .loginBox li a, #bindPhone .loginBox li a {
  padding: 0.4594594594594595rem;
}
#register.register .error, #bindPhone .error {
  color: #fd3232 !important;
}
#register.register .dropdownWarp, #bindPhone .dropdownWarp {
  position: relative;
}
#register.register .dropdown, #bindPhone .dropdown {
  position: absolute;
  left: 0;
  top: 0;
}
#register.register .dropdown.country, #bindPhone .dropdown.country {
  position: relative;
  left: 0;
  top: 0;
  padding-bottom: 0.2702702702702703rem;
}
#register.register .dengerTime, #bindPhone .dengerTime {
  border-color: #fd3232;
  color: #fd3232;
}
#register.register .glyphicon-remove, #bindPhone .glyphicon-remove {
  font-weight: normal;
  font-size: 0.32432432432432434rem;
  color: #fd3232;
  position: relative;
  left: -0.6216216216216216rem;
  top: 0.32432432432432434rem;
  cursor: pointer;
  border-radius: 50%;
  border: 0.02702702702702703rem solid #fd3232;
  padding: 0.05405405405405406rem;
}
#register.register .verCode, #bindPhone .verCode {
  width: 4.594594594594595rem;
}
#register.register #country, #bindPhone #country {
  background: #fff;
  border: 0.02702702702702703rem solid #999;
  padding: 0 0.5405405405405406rem 0.02702702702702703rem;
  margin-left: 0.32432432432432434rem;
}
#register.register #country span, #bindPhone #country span {
  font-size: 0.43243243243243246rem !important;
  line-height: 0.43243243243243246rem;
  height: 0.43243243243243246rem;
  color: #00a0ea;
}
#register.register #country i, #bindPhone #country i {
  padding-left: 0.13513513513513514rem;
}
#register.register .country, #bindPhone .country {
  font-size: 0.5945945945945946rem;
}
#register.register .country ul, #bindPhone .country ul {
  left: 2.8378378378378377rem;
}
#register.register .country li, #bindPhone .country li {
  min-width: 4.864864864864865rem !important;
}
#register.register .dLabel, #bindPhone .dLabel {
  padding: 0.35135135135135137rem;
  background: none;
}
#register.register .dLabel span, #bindPhone .dLabel span {
  color: #333;
  font-size: 0.5405405405405406rem;
}
#register.register .dLabel i, #bindPhone .dLabel i {
  font-size: 0.3783783783783784rem;
  color: #999;
  padding-left: 0.10810810810810811rem;
}
#register.register .phoneEmail, #bindPhone .phoneEmail {
  padding-left: 2.4324324324324325rem;
}
#register.register .dropdown-menu, #bindPhone .dropdown-menu {
  cursor: pointer;
  min-width: 2.1621621621621623rem;
  text-align: center;
  padding: 0;
}
#register.register .dropdown-menu li, #bindPhone .dropdown-menu li {
  line-height: 0.9459459459459459rem !important;
}
#register.register .agreementText, #bindPhone .agreementText {
  font-size: 0.3783783783783784rem;
  padding-top: 0.13513513513513514rem;
}
#register.register .agreementText a, #bindPhone .agreementText a {
  color: #00a0ea;
  font-weight: bold;
  font-weight: bolder;
}
#register.register .loginBox, #bindPhone .loginBox {
  height: 17.2972972972973rem;
}
#register.register .leftPosition, #bindPhone .leftPosition {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: 0.8378378378378378rem;
  padding-bottom: 0.8378378378378378rem;
}
#register.register .leftPosition a, #bindPhone .leftPosition a {
  padding: 0;
  margin: 0;
  display: inline-block;
}
#retrievePassword form {
  padding-top: 0.40540540540540543rem;
}
#retrievePassword .loginBox {
  padding: 0.6486486486486487rem 1.5675675675675675rem 3.108108108108108rem;
  width: 12.702702702702704rem;
  height: auto;
  background-image: url(../images/retrievePassword_bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
#retrievePassword .verCode {
  width: 5.405405405405405rem;
}
#retrievePassword input[type=submit] {
  margin-bottom: 0;
}
#retrievePassword .verCodeBtn {
  background: #00a0ea;
  border: none;
  color: #fff;
}
#retrievePassword .dengerTime {
  background: #999;
  color: #fff;
}
#bindPhone input::-webkit-input-placeholder {
  color: #fff !important;
}
#bindPhone input {
  color: #000;
}
#bindPhone .dragBox {
  background: #fff;
  width: 100%;
  height: 1.0810810810810811rem;
  line-height: 1.0810810810810811rem;
  border-radius: 0.21621621621621623rem;
  margin-bottom: 0.5405405405405406rem;
  border: none;
  padding: 0.2702702702702703rem;
  position: relative;
}
#bindPhone .dragBox img {
  width: 0.5405405405405406rem;
  height: 0.5405405405405406rem;
  position: relative;
  left: 0.2702702702702703rem;
  top: 0.2702702702702703rem;
  cursor: pointer;
}
#bindPhone .verCodeBtn {
  border: 0.05405405405405406rem solid #fff;
  background: none;
  color: #fff;
}
#bindPhone .glyphicon.glyphicon-remove {
  border-color: #fff;
}
#bindPhone .error {
  border-color: #fd3232;
}
#bindPhone input[type=submit] {
  border: none;
  background: #efefef;
  color: #999;
}
#bindPhone input[type=submit].success {
  background: #fd3232;
  color: #fff;
}
#bindPhone .loginBox {
  width: 15.297297297297296rem;
  height: 14.756756756756756rem;
  background: #00a0ea;
}
#bindPhone form {
  width: 8.91891891891892rem;
  margin: 2.4324324324324325rem auto 0;
}
#bindPhone input {
  background: none;
  border: 0.05405405405405406rem solid #fff;
}
#beginInform .loginBox {
  width: 12.675675675675675rem;
  height: 13.513513513513514rem;
  padding: 0;
  position: relative;
}
#beginInform .title {
  border-radius: 0.21621621621621623rem;
  z-index: 5;
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 1.3513513513513513rem;
  line-height: 1.3513513513513513rem;
  text-align: center;
  color: #fff;
  font-size: 0.5405405405405406rem;
}
#beginInform .title button {
  box-shadow: 0rem 0rem 0.2702702702702703rem 0.13513513513513514rem #fff;
  background: #fff;
  font-size: 0.3783783783783784rem;
  width: 1.7297297297297298rem;
  text-align: left;
  box-sizing: border-box;
  padding-left: 0.21621621621621623rem;
  line-height: 2.4324324324324325rem;
  height: 1.7297297297297298rem;
  right: -0.6756756756756757rem;
  top: -0.6756756756756757rem;
  color: #00a0ea;
}
#beginInform .bg {
  position: relative;
  top: -0.5675675675675675rem;
}
#beginInform p {
  font-size: 0.4864864864864865rem;
  text-align: center;
  height: 3.5135135135135136rem;
  line-height: 3.5135135135135136rem;
}
#beginInform .text {
  text-align: center;
}
#beginInform button {
  width: 9.675675675675675rem;
  height: 1.2972972972972974rem;
  padding: 0;
  border-radius: 0.6486486486486487rem;
  background: #00a0ea;
  color: #fff;
}
.redioBox {
  background: #333;
  height: 1.3513513513513513rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.redioBox .progressBar {
  position: absolute;
  top: -0.10810810810810811rem;
  left: 0;
  background: #989898;
  height: 0.10810810810810811rem;
  width: 100%;
}
.redioBox .progressBar span {
  width: 2%;
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
  background: #00a0ea;
}
.redioBox .progressBar span strong {
  position: absolute;
  top: -0.08108108108108109rem;
  right: 0;
  border-radius: 50%;
  background: #fff;
  width: 0.2702702702702703rem;
  height: 0.2702702702702703rem;
}
.redioBox .playField > * {
  float: left;
  cursor: pointer;
}
.redioBox .playField {
  color: #fff;
  font-size: 0.4864864864864865rem;
  line-height: 1.3513513513513513rem;
}
.redioBox time {
  margin-right: 8.108108108108109rem;
  margin-left: 0.2702702702702703rem;
}
.redioBox .playField > img {
  padding: 0.32432432432432434rem;
}
.redioBox .playField .voice {
  height: 1.3513513513513513rem;
  padding: 0.2972972972972973rem;
  margin-right: 0.2702702702702703rem;
}
.redioBox .playField .voice img {
  margin-right: 0.2702702702702703rem;
}
.redioBox .playField .voice > * {
  float: left;
}
.redioBox .playField .voice .voiceBar {
  width: 3.945945945945946rem;
  height: 0.10810810810810811rem;
}
.redioBox .playField .voice .voiceBar span {
  height: 0.10810810810810811rem;
  position: relative;
  top: 0.2702702702702703rem;
  display: block;
  width: 100%;
  background: #00a0ea;
}
.redioBox .playField .voice .voiceBar span strong {
  width: 0.2702702702702703rem;
  display: block;
  position: absolute;
  right: 0;
  top: -0.08108108108108109rem;
  height: 0.2702702702702703rem;
  border-radius: 50%;
  background: #fff;
}
.redioBox .wideScreen {
  margin-left: 0.40540540540540543rem;
  margin-right: 0.5405405405405406rem;
}
#anchorRecommend .loginBox {
  width: 12.702702702702704rem;
  height: 12.162162162162161rem;
  padding: 0;
  background: none;
}
#anchorRecommend .close {
  top: 1.3513513513513513rem;
  right: 0.32432432432432434rem;
  z-index: 5;
}
#anchorRecommend .text {
  text-align: center;
  width: 12.702702702702704rem;
  height: 10.864864864864865rem;
  /*background-image: url(../images/anchorRecommend_bg.png);
   */
  background-repeat: no-repeat;
  position: relative;
  background-position: left bottom;
}
#anchorRecommend .text img {
  /*width: 7.243243243243243rem;
   */
  /*height: 7.243243243243243rem;
   */
  /*border-radius: 50%;
   */
  /*margin: 1.8918918918918919rem 0.5945945945945946rem 0 0;
   */
  margin-top: 1.8918918918918919rem;
}
#anchorRecommend .text a {
  width: 3.972972972972973rem;
  height: 1.0810810810810811rem;
  background: #00a0ea;
  display: inline-block;
  line-height: 1.0810810810810811rem;
  border-radius: 0.10810810810810811rem;
  box-shadow: 0rem 0rem 0.2702702702702703rem 0.02702702702702703rem #e3e3e3;
  color: #fff;
  font-size: 0.5405405405405406rem;
}
#anchorRecommend .text button {
  width: 9.45945945945946rem;
  box-sizing: content-box;
  height: 1.837837837837838rem;
  line-height: 1.837837837837838rem;
  border: 0.08108108108108109rem solid #fff;
  border-radius: 0.918918918918919rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f1551b;
  color: #fff;
}
#anchorRecommend .first {
  position: absolute;
  font-size: 0.6486486486486487rem;
  left: 0.43243243243243246rem;
  top: 1.2702702702702702rem;
  color: #fff;
}
#hlbts .loginBox {
  width: 12.972972972972974rem;
  height: auto;
  padding: 0;
  padding-bottom: 0.8108108108108109rem;
}
#hlbts .loginBox .close {
  background: #fff;
  color: #00a0ea;
}
#hlbts .loginBox .title {
  height: 1.3513513513513513rem;
  border-top-left-radius: 0.21621621621621623rem;
  text-align: center;
  font-size: 0.5405405405405406rem;
  background: #00a0ea;
  color: #fff;
  line-height: 1.3513513513513513rem;
}
#hlbts .loginBox .text .ulBox {
  height: auto;
  max-height: 11.891891891891891rem;
  margin-top: 0.5405405405405406rem;
}
#hlbts .loginBox .text .ulBox th {
  text-align: center;
  font-weight: normal;
  background: #00a0ea;
  color: #fff;
}
#hlbts .loginBox .text .ulBox table {
  width: 90%;
  border-bottom: 0.02702702702702703rem solid #ddd;
}
#hlbts .loginBox .text .ulBox tr, #hlbts .loginBox .text .ulBox td {
  font-size: 0.3783783783783784rem;
  font-weight: normal;
}
#hlbts .loginBox .text .ulBox td:nth-of-type(1) {
  text-align: center;
}
#hlbts .loginBox .text .ulBox .scrollbar {
  max-height: 11.891891891891891rem;
}
#hlbts .loginBox .text .confirm {
  width: 2.7027027027027026rem;
  height: 0.8648648648648649rem;
  line-height: 0.8108108108108109rem;
  margin: 1.3513513513513513rem 0.6756756756756757rem 0;
  color: #999;
  background: #fff;
  border: 0.02702702702702703rem solid #e0e0e0;
  font-size: 0.3783783783783784rem;
}
#hlbts .loginBox .text .consent {
  background: #00a0ea;
  border-color: #00a0ea;
  color: #fff;
}
.clear {
  zoom: 1;
}
.auto {
  margin: 0 auto;
  /*width: 32.432432432432435rem;
   */
}
.clear:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.priBg {
  background: #00a0ea !important;
}
.priCo {
  color: #00a0ea !important;
}
.active {
  color: #00a0ea !important;
}
.active a {
  color: red !important;
}
.primaryBtn {
  background: #00a0ea;
  padding: 0;
  text-align: center;
  color: #fff;
  border-radius: 0.21621621621621623rem;
}
.btnBg {
  background: #00a0ea;
  color: #F5F5F5;
  border: 0.05405405405405406rem solid #00a0ea;
}
.btnBor {
  color: #00a0ea;
  border: 0.05405405405405406rem solid #00a0ea;
  background: none;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.inputCheckBox input[type='checkbox'] {
  width: 0.40540540540540543rem;
  height: 0.40540540540540543rem;
  background-color: #fff;
  -webkit-appearance: none;
  border: 0.02702702702702703rem solid #e0e0e0;
  outline: none;
  position: relative;
  top: 0.08108108108108109rem;
}
.inputCheckBox input[type=checkbox]:checked {
  background: #00a0ea;
  border-color: #00a0ea;
}
.checkBoxTitle input[type=checkbox]:checked {
  background: #fff;
  border-color: #e0e0e0;
}
.inputCheckBox input[type=checkbox]:checked:after {
  position: absolute;
  right: 0rem;
  top: -0.05405405405405406rem;
  display: block;
  width: 0.3783783783783784rem;
  height: 0.3783783783783784rem;
  content: "\2714";
  text-align: center;
  font-size: 0.32432432432432434rem;
  color: #fff;
}
.checkBoxTitle input[type=checkbox]:checked:after {
  color: #00a0ea;
}
.inputRadio input[type='radio'] {
  width: 0.2972972972972973rem;
  height: 0.2972972972972973rem;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 50%;
  border: 0.02702702702702703rem solid #e0e0e0;
  outline: none;
  position: relative;
  top: 0.15rem !important;
}
.inputRadio input[type=radio]:checked:after {
  position: absolute;
  left: 0.02702702702702703rem;
  top: 0.02702702702702703rem;
  display: block;
  width: 0.1891891891891892rem;
  height: 0.1891891891891892rem;
  content: "";
  background: #00a0ea;
  border-radius: 50%;
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  /*原为flex*/
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.video-js .vjs-play-control {
  /*增加float*/
  float: left;
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  /*增加float*/
  float: right;
}
.vjs-big-play-button {
  display: none !important;
}
.vjs-live .vjs-progress-control {
  display: block !important;
}
.video-js .vjs-live-control {
  display: none !important;
}
#my-video .vjs-poster {
  background: url(../images/logo_01.png) no-repeat !important;
  background-size: 30% auto !important;
  background-position: 50% 40% !important;
  background-color: #999 !important;
}
#my-video1 .vjs-poster {
  background: url(../images/logo_01.png) no-repeat !important;
  background-size: 30% auto !important;
  background-position: 50% 40% !important;
  background-color: #999 !important;
}
.vjs-poster {
  background: auto !important;
}
.videoBox {
  width: 100%;
  position: relative;
}
.videoBox .video-js {
  width: 100%;
  height: 100%;
}
.videoBox video {
  width: 100%;
  height: 100%;
}
.logoBg {
  width: 1.8918918918918919rem;
  height: 1.6486486486486487rem;
  position: absolute;
  z-index: 2147483648;
  left: 0.2702702702702703rem;
  bottom: 1.4864864864864864rem;
  background: url(../images/logo_png.png) no-repeat;
  background-size: 100% 100%;
}
/*# sourceMappingURL=base.css.map */



.user_1 { padding:20px; background-color:#fff; border-bottom:1px #ddd solid; overflow:hidden}
.user_1 img { display:block; width:60px; height:60px; border-bottom:1px #ccc solid; float:left; margin-right:20px; border-radius:50%}
.user_1 p { font-size:16px; line-height:30px}
.user_1 p.studentb { font-size:14px; color:#888}

.user_2 { width:95%; margin:15px auto 0 auto;}
.user_2 ul { background-color:#fff}
.user_2 ul li { line-height:48px; position: relative; border-bottom:1px #ddd solid; padding:0 15px; font-size:16px}
.user_2 ul li a { display:block}
.user_2 ul li i.fa { line-height:42px; display:block; float:left; width:30px; color:#337ab7}
.user_2 ul li i.fa-angle-right { color:#888; float:right; font-size:16px; width:auto}

.user_2 .tac { text-align:center; text-align:center; line-height:34px; border-radius:5px; background:rgba(255,0,0,0.03); margin-top:15px; font-size:16px;}
.user_2 .tac a { display:block; color:red}