@charset "utf-8";

body {
  /* overflow-x: hidden; */
  font-family: "宋体, SimSun";
  font-size: 14px;
  color: #34495e;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

* {
  margin: 0;
  padding: 0;


}

a {
  color: #34495e;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
  border: 0;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.cl {
  clear: both;
}

.rel {
  position: relative;
}

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

.hide {
  display: none;
}

.gray {
  color: #979fa3;
}

.green {
  color: #1abc9c !important;
}

.orange {
  color: #ea8010 !important;
}

.error {
  font-size: 12px;
  color: #d42114;
}

.ipt {
  border: 0;
  border-bottom: solid 1px #f1f1f1;
  width: 100%;
}

.close {
  cursor: pointer;
  font-weight: bold;
  color: #1abc9c;
  position: absolute;
  font-size: 30px;
  right: 10px;
  top: 0;
}

input:focus {
  outline: none;
}

input:submit {
  cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}

.cmt_search_hl {
  font-style: normal;
  color: #1abc9c;
  font-size: inherit;
}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  background: #fff url(../images/loading.gif) no-repeat center;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.cnt {
  width: 1170px;
  margin: 0 auto;
}

.advertisement_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.popupAdvertisement {
  position: fixed;
  top: 171px;
  left: 25%;
  z-index: 1002;
  width: 100%;
}

.popupAdvertisement .advertisement_img {
  width: 50%;
  height: 714px;
  display: inline-block;
}

.popupAdvertisement .advertisement_img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.popupAdvertisement .advertisement_close {
  width: 40px;
  height: 80px;
  top: -97px;
  position: absolute;
  left: 40%;
}

.popupAdvertisement .advertisement_close img {
  width: 100%;
}

.header {
  height: 60px;
  line-height: 60px;
  /* padding: 0 4%; */
  min-width: 1170px;
  max-width: 1170px;
  margin: 0 auto;
}

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

.header .search_out_logo {
  padding-top: 0px;
  margin-right: 111px;
  position: relative;
}

.header .logo img {
  height: 20px;
}

.header .search_out_logo img {
  width: 106px;
  height: 56px;
}

.header .search_out_logo span {
  font-size: 24px;
  line-height: 40px;
  color: #1abc9c;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: -57px;
}

.header .drop {
  padding-left: 10px;
  float: left;
  cursor: pointer;
  position: relative;
  z-index: 100;
  width: 100px;
  text-align: right;
}

.header .drop span {
  padding-top: 17px;
  text-align: center;
  color: #979fa3;
}

.header .drop span a {
  color: #3e3e3e;
  height: 24px;
  display: inline-block;
  margin-right: 0;
  line-height: 24px;
  border-radius: 6px;
  padding-top: 17px;
}

.header .drop span a:hover {
  font-weight: bold;
}

.header .drop span a.on {
  color: #17c699;
  font-weight: bold;
}

.header .drop .drop_list {
  padding-top: 38px;
  width: 114px;
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: -1;
  display: none;
  border-radius: 3px;
}

.shaddow {
  -moz-box-shadow: 0px 0px 5px #f1f1f1;
  -webkit-box-shadow: 0px 0px 5px #f1f1f1;
  box-shadow: 0px 0px 5px #f1f1f1;
}

.header .drop .drop_list a {
  color: #3e3e3e;
  display: block;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  background: #ffffff;
}

.header .drop .drop_list a:hover {
  background: #17c699;
  color: #ffffff;
}

.header .drop .drop_list a:last-child {
  border: 0;
}

.header .show_drop span {
  text-align: center;
  /* color: #fff; */
}

.header .show_drop span a {
  color: #17c699;
}

.header .navi {
  float: left;
  padding-right: 10px;
}

.header .navi ul li {
  padding-top: 17px;
  float: left;
  text-align: center;
  list-style: none;
}

.header .navi ul li a {
  color: #3e3e3e;
  display: block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 6px;
  font-size: 14px;
  margin-left: 28px;
}

.header .navi ul li a:hover,
.header .navi ul li a.on {
  /*background: #1bc69a;*/
  color: #17c699;
  font-weight: bold;
}

.header .header_right {
  float: right;
}

.header .header_right .code {
  width: 13px;
  float: left;
}

.header .header_right .code a {
  display: block;
  background: url(../images/phone.png) no-repeat center center;
  position: relative;
}

.header .header_right .code a:hover {
  /*background-position: center bottom;*/
}

.header .header_right .code a .show_code {
  display: none;
  width: 223px;
  height: 248px;
  text-align: center;
  position: absolute;
  top: 50px;
  left: -100px;
  background: url(../images/show_code.png) no-repeat center;
  z-index: 2;
}

.header .header_right .code a .show_code img {
  width: 200px;
  height: 200px;
  margin-top: 35px;
}

.header .header_right .code a:hover .show_code {
  display: block;
}

.header .header_right #userLogin {
  float: left;
  padding-left: 25px;
}

.header .header_right .show_drop .user_menu {
  display: block;
}

.header .header_right .w {
  float: left;
  color: #979fa3;
}

.header .header_right .w a {
  color: #3e3e3e;
  font-size: 15px;
}

.header .header_right .login_succ {
  float: left;
  color: #3e3e3e;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.header .header_right .login_succ img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  margin-top: 12px;
  border-radius: 100%;
  float: left;
}

.header .header_right .login_succ span {
  float: left;
  min-width: 100px;
  text-align: center;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header .header_right .login_succ .logout {
  color: #fff;
}

.header .header_right .user_menu {
  background: #1bc69a;
  position: absolute;
  min-width: 100px;
  top: 48px;
  right: 0;
  border-radius: 4px;
  padding: 6px 10px 6px;
  z-index: -1;
  display: none;
}

.header .header_right .user_menu a {
  color: #fff;
  display: block;
  border-bottom: 1px solid #fff;
  line-height: 35px;
  text-align: center;
}

.header .header_right .user_menu a:last-child {
  border: 0;
}

.header .search {
  float: right;
  position: relative;
  margin-right: 28px;
}

.header .search_out {
  float: left;
}

.header .search .text {
  line-height: 32px;
  width: 242px;
  position: relative;
  border-radius: 35px;
  height: 32px;
  top: 12px;
  background: url(../images/search.png) no-repeat 230px center;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  padding-left: 14px;
}

.header .search .text:hover {
  border: 1px solid #1abc9c;
}

.header .search .search_btn {
  cursor: pointer;
  padding: 0 10px;
  text-align: right;
  border-radius: 0 5px 5px 0;
  right: 0;
  top: 21px;
  position: absolute;
  border: none;
  height: 34px;
  width: 77px;
  color: #fff;
  background: #1abc9c;
}

.header .search_out .search_btn {
  cursor: pointer;
  padding: 0 10px;
  text-align: right;
  border-radius: 0 5px 5px 0;
  right: 0;
  top: 12px;
  text-align: center;
  position: absolute;
  border: none;
  height: 34px;
  width: 77px;
  color: #fff;
  background: #1abc9c;
}

/* input::-webkit-input-placeholder {
  color: #ababab;
  opacity: 1;
  line-height: 32px;
} */

.header .search ul {
  display: none;
  list-style: none;
  position: absolute;
  z-index: 100;
  background: #ffffff;
  width: 282px;
  padding: 2px 7px 0 7px;
  top: 55px;
  box-shadow: 0 0 15px #ccc;
}

.header .search ul li {
  height: 35px;
  border-bottom: 1px solid rgba(175, 175, 175, 0.5);
  line-height: 35px;
  padding: 0 17px;
}

.header .search ul li:last-child {
  border: none;
}

.header .search ul li p {
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  float: left;
}

.header .search ul li .search_index {
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 70%;
  float: left;
  margin-right: 20px;
  color: #424242;
  position: relative;
}

.header .search ul li p a {
  text-decoration: none;
  width: 80%;
}

.header .search ul li .fork {
  display: none;
  background: url(../images/history_del.png) no-repeat;
  right: 15px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  margin-top: 8px;
}

.header .search ul .on {
  background: rgba(247, 244, 244, 0.966);
}

.header .search ul .clear_history {
  text-align: right;
}

.header .search ul .enter_search {
  line-height: 47px;
}

.header .search .search_out_icon {
  cursor: pointer;
}

.index_banner {
  overflow: hidden;
  position: relative;
  z-index: 1;
  min-width: 1170px;
  width: 100%;
  background: #f7f7f7;
}

.index_banner ul li img {
  /* background: no-repeat center center;
  background-size: contain;
  height: 314px; */
  display: block;
  width: 100%;
}

.index_banner ul li a {
  display: block;
}

.index_banner .num {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 20px;
}

.index_banner .num span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  background: #d9dcdf;
  cursor: pointer;
}

.index_banner .num span.on {
  background: #1abc9c;
}

.banner-list {
  position: relative;
  z-index: 1;
  min-width: 1170px;
  width: 100%;
  background: #f7f7f7;
}

.banner-list ul .banner-a {
  width: 100%;
}

.banner-list ul .banner-img {
  width: 100%;
  /* vertical-align: middle;
  max-height: 314px;
  object-fit: cover; */
}

.banner-list .num {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 20px;
}

.banner-list .num span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  background: #d9dcdf;
  cursor: pointer;
}

.banner-list .num span.on {
  background: #1abc9c;
}

.college_banner {
  background: url(../images/index_banner.jpg) no-repeat center top;
  background-size: cover;
  height: 280px;
}

.login_mask,
.login_mask1 {
  background: url(../images/mask.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 100;
  display: none;
}

.login_mask1 {
  display: block;
}

/* .login_mask .login,
.login_mask1 .login */
.login_mask1 .login {
  background: #fff;
  width: 565px;
  margin: 140px auto 0;
  padding: 38px 0;
  position: relative;
}

.login_mask .login .close,
.login_mask1 .login .close {
  background: #bdbdbd;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 40px;
  cursor: pointer;
}

.login_mask .login .close:after,
.login_mask1 .login .close:after {
  content: "\2715";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 30px;
}

.login_mask .login .login_type {
  line-height: 44px;
  padding-left: 30px;
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  overflow: hidden;
}

.login_mask .login .login_type ul li {
  float: left;
  list-style-type: none;
  padding: 0 6px;
  margin: 0 10px;
  color: #979fa3;
  border-bottom: 4px solid #fff;
  cursor: pointer;
}

.login_mask .login .login_type ul li.on {
  font-size: 18px;
  color: #151515;
  border-bottom-color: #1abc9c;
}

.login_mask .login .login_cnt {
  padding: 0 60px;
  position: relative;
}

.login_mask .login .login_cnt ul li {
  padding-top: 22px;
  height: 58px;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
}

.login_mask .login .login_cnt ul li input {
  border: 0;
  outline: none;
  line-height: 58px;
  height: 58px;
  width: 310px;
  background: url(../images/login_icon.png) no-repeat;
  padding-left: 30px;
}

.login_mask .login .login_cnt ul li input::-webkit-input-placeholder {
  line-height: 58px;
}

.login_mask .login .login_cnt ul li input.tel {
  background-position: left -182px;
}

.login_mask .login .login_cnt ul li input.pwd {
  background-position: left -60px;
}

.login_mask .login .login_cnt ul li input.code {
  background-position: left -140px;
}

.login_mask .login .login_cnt ul li input.code2 {
  background-position: left 18px;
}

.login_mask .login .login_cnt ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.login_mask .login .login_cnt ul li .get_code {
  width: 100px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  background: #1abc9c;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.login_mask .login .login_cnt .rem {
  line-height: 55px;
  height: 55px;
}

.login_mask .login .login_cnt .rem label {
  float: left;
  color: #979fa3;
}

.login_mask .login .login_cnt .rem label input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.login_mask .login .login_cnt .rem a {
  float: right;
  color: #979fa3;
}

.login_mask .login .login_cnt .btn input {
  width: 100%;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
}

.login_mask .login .login_cnt .no_reg {
  line-height: 46px;
  text-align: center;
  color: #17d1ac;
}

.login_mask .login .login_cnt .no_reg a {
  font-weight: bold;
  color: #17d1ac;
}

.login_mask .login .login_cnt .notice {
  color: #f02626;
  line-height: 30px;
  text-align: right;
  position: absolute;
  left: 60px;
  top: 274px;
}

.login_mask .login .login_cnt .notice a {
  color: #17d1ac;
}

.login_mask .login .reg_next {
  display: none;
}

.login_mask .login .reg_next .w {
  background: url(../images/reg_next.png) no-repeat top center;
  padding-top: 160px;
  text-align: center;
  line-height: 90px;
  font-size: 18px;
}

.login_mask .login .reg_next .btn a {
  display: block;
  width: 500px;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 0 auto;
  border-radius: 6px;
  color: #fff;
}

.play_video .video_top {
  height: 64px;
  background: #242424;
}

.play_video .menu {
  float: left;
  height: 64px;
  line-height: 64px;
  color: #b5b5b5;
  background: url(../images/menu.png) no-repeat 0 top;
  padding-left: 28px;
  margin-left: 34px;
  cursor: pointer;
}

.play_video .menu_active,
.play_video .menu:hover {
  color: #fff;
  background-position: 0 -64px;
}

.play_video .switch {
  float: right;
  margin-right: 45px;
  padding: 0 10px;
  line-height: 64px;
  cursor: pointer;
  color: #b5b5b5;
  background: url(../images/switch.png) no-repeat left center;
  padding-left: 46px;
  position: absolute;
  top: 0;
  right: 0;
}

.play_video .msg {
  float: left;
  height: 64px;
  line-height: 64px;
  color: #b5b5b5;
  background: url(../images/menu.png) no-repeat 0 -128px;
  padding-left: 38px;
  margin-left: 34px;
  cursor: pointer;
  position: relative;
}

.play_video .msg span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #ed3f3b;
  position: absolute;
  top: 15px;
  left: 25px;
  display: none;
}

.play_video .msg_active,
.play_video .msg:hover {
  color: #fff;
  background-position: 0 -192px;
}

.play_video .video_block {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
}

.play_video .video_block .video_list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20%;
  background: #171819;
  padding: 15px 0;
  overflow: auto;
  z-index: 2;
  display: none;
}

.play_video .video_block .video_list a {
  display: block;
  margin: 0 auto;
  line-height: 30px;
  padding: 20px 0;
  border-bottom: 1px solid #414144;
  color: #fff;
  padding-left: 24px;
}

.play_video .video_block .video_list a:hover {
  color: #1acdaa;
}

.play_video .video_block .video_msg_list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 363px;
  background: #171819;
  padding: 15px 0;
  overflow: auto;
  z-index: 2;
  display: none;
}

.play_video .video_block .video_msg_list ul {
  padding: 17px 17px 0 17px;
}

.play_video .video_block .video_msg_list ul li {
  list-style: none;
  border-bottom: 1px solid #414144;
  line-height: 28px;
  padding-bottom: 15px;
  padding-left: 10px;
}

.play_video .video_block .video_msg_list ul li div span b {
  color: #1acdaa;
  float: left;
}

.play_video .video_block .video_msg_list ul li div span i {
  color: #1acdaa;
  font-style: normal;
  float: right;
}

.play_video .video_block .video_msg_list ul li p {
  clear: both;
  color: #fff;
  line-height: 24px;
  padding: 2px 0;
  word-break: break-all;
}

.play_video .video_block .video_msg_list .leave {
  position: fixed;
  width: 363px;
  bottom: 80px;
}

.play_video .video_block .video_msg_list .leave input {
  background: #282b2c;
  width: 220px;
  height: 40px;
  line-height: 40px;
  border: 0;
  border-radius: 40px;
  padding: 0 20px;
  margin-left: 10px;
  color: #fff;
  float: left;
}

.play_video .video_block .video_msg_list .leave button {
  background: #1acdaa;
  border: 0;
  line-height: 40px;
  color: #fff;
  width: 50px;
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}

.lrb-b {
  margin-top: 20px;
  padding: 0 17px 0 17px;
}

.chat-send-content {
  width: 79%;
  height: 30px;
  border: 1px solid #4b4b4b;
  border-radius: 10px 10px;
  background: #ffffff94;
  margin-top: 0px;
  display: block;
  float: left;
  padding-left: 10px;
  color: #000;
}

.lrb-b #chat-submit {
  display: block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  background: #ffffff94;
  border-radius: 10px 10px;
  text-align: center;
  border: 1px solid #4b4b4b;
  float: right;
}

.play_video .video_block .small {
  position: absolute;
  width: 320px;
  height: 240px;
  right: 50px;
  bottom: 100px;
  cursor: move;
  z-index: 3;
}

.play_video .video_block .small b {
  display: block;
  width: 54px;
  height: 54px;
  background: url(../images/mask.png);
  position: absolute;
  top: 23px;
  left: 31px;
  cursor: pointer;
}

.play_video .video_block .small b:after {
  content: "\2715";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  color: #fff;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  font-weight: normal;
}

.play_video .video_block .big {
  width: 100%;
  height: 100%;
  z-index: 1;
  margin-left: 0%;
}

.play_video .video_block .big b {
  display: none;
}

.play_video .video_block .video_cnt {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main {
  background: #f7f7f7;
  padding-bottom: 24px;
  min-width: 1170px;
  margin: 0 auto;
}

.main-search-bg {
  width: 1170px;
}

.main .news_slogan {
  background: url(../images/news_slogan.jpg) no-repeat top center;
  background-size: cover;
  height: 282px;
}

.main .xl_slogan {
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 282px;
}

.main .xl_slogan .xl_mask {
  background: url(../images/xl_mask.png);
  height: 100%;
}

.main .xl_slogan .xl_mask .count_num {
  margin-top: 50px;
}

.main .xl_slogan .cnt {
  padding-top: 36px;
}

.main .xl_slogan img {
  width: 390px;
  height: 220px;
  float: left;
}

.main .xl_slogan .w {
  float: left;
  width: 700px;
  padding-right: 20px;
  padding-left: 30px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.main .xl_slogan .w h6 {
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 20px;
  font-weight: normal;
}

.main .xl_slogan .w p {
  line-height: 26px;
  color: #fff;
  font-size: 18px;
  padding-bottom: 20px;
}

.main .xl_slogan .w span {
  line-height: 32px;
  font-size: 18px;
  color: #fff;
  background: url(../images/xl_icon.png) no-repeat left center;
  padding-left: 30px;
  float: left;
}

.main .xl_slogan .w a {
  float: left;
  line-height: 32px;
  color: #fff;
  min-width: 110px;
  background: #1bc69a;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  margin-left: 16px;
  box-sizing: border-box;
  padding: 0 15px;
  text-shadow: none;
}

.main .xl_slogan .w a.buy {
  background: #ea8010;
}

.main .xl_slogan .w a.bought {
  background: #ababab;
  color: #fff;
  cursor: default;
}

.main .main_cnt {
  background: #fff;
  padding: 30px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;

  position: relative;
  top: 30px;
}

.main .main_cnt .main_left {
  float: left;
  width: 772px;
  position: relative;
}

.main .main_cnt .main_right {
  float: right;
  width: 312px;
}

.main .main_cnt .index_logo {
  height: 140px;
  width: 1170px;
  margin-left: -30px;
  text-align: center;
  background: #fff;
  padding: 20px 0;
  /* margin-top: -106px; */
  border-radius: 6px;
  position: relative;
  z-index: 2;
}

.main .main_cnt .college_intro {
  position: relative;
  background: #fff;
  min-height: 160px;
  padding-left: 240px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 35px;
}

.main .main_cnt .college_intro .college_logo {
  position: absolute;
  width: 196px;
  height: 196px;
  background: #fff;
  border-radius: 100%;
  top: -100px;
  left: 30px;
}

.main .main_cnt .college_intro .college_logo img {
  width: 196px;
  height: 196px;
  border-radius: 100%;
}

.main .main_cnt .college_intro h4 {
  line-height: 65px;
  font-size: 24px;
  font-weight: normal;
}

.main .main_cnt .college_intro p {
  line-height: 24px;
  color: #979fa3;
  font-size: 17px;
}

.main .main_cnt .coll_top {
  min-height: 70px;
  zoom: 1;
  overflow: hidden;
  width: 772px;
  background: #fff;
  z-index: 10;
  left: 0;
  top: 0;
}

.main .main_cnt .coll_top a {
  line-height: 38px;
  /* width: 60px; */
  text-align: center;
  display: block;
  float: left;
  margin-right: 3px;
  margin-bottom: 10px;
  padding: 0 14px;
}

.main .main_cnt .coll_top a:hover,
.main .main_cnt .coll_top a.on {
  background: #1abc9c;
  color: #fff;
  border-radius: 4px;
}

.main .main_cnt .main_left .coll_list ul li {
  clear: both;
  list-style: none;
  margin-bottom: 53px;
}

.main .main_cnt .main_left .coll_list ul li a {
  display: block;
  zoom: 1;
  overflow: hidden;
}

.main .main_cnt .main_left .coll_list ul li .img {
  float: left;
  width: 192px;
  height: 107px;
  position: relative;
}

.main .main_cnt .main_left .coll_list ul li .img img {
  width: 100%;
  height: 100%;
}

.main .main_cnt .main_left .coll_list ul li .img .ser {
  background: url(../images/ser.png) no-repeat center;
  width: 91px;
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main .main_cnt .main_left .coll_list ul li .img span {
  position: absolute;
  background: url(../images/mask.png);
  width: 75px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  right: 5px;
  bottom: 5px;
  border-radius: 4px;
}

.main .main_cnt .main_left .coll_list ul li .w {
  float: right;
  width: 560px;
  position: relative;
}

.main .main_cnt .main_left .coll_list ul li .w h5 {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main .main_cnt .main_left .coll_list ul li .w .para {
  line-height: 36px;
  height: 36px;
}

.main .main_cnt .main_left .coll_list ul li .w .para font.look_back {
  width: 92px;
  height: 20px;
  background-color: #ababab;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  line-height: 20px;
}

.main .main_cnt .main_left .coll_list ul li .w .para font.live_review {
  width: 74px;
  height: 20px;
  background-color: #90c3c3;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  line-height: 20px;
}

.main .main_cnt .main_left .coll_list ul li .w .para span {
  display: block;
  float: left;
  background: url(../images/para_icon.png) no-repeat left center;
  padding-left: 24px;
  padding-right: 40px;
  color: #979fa3;
}

.main .main_cnt .main_left .coll_list ul li .w .para span.count {
  background-position: -154px center;
}

.main .main_cnt .main_left .coll_list ul li .w .para span.date {
  background: url(../images/date.png) no-repeat left center;
}

.main .main_cnt .main_left .coll_list ul li .w .para i {
  float: right;
  font-style: normal;
  color: #979fa3;
}

.main .main_cnt .main_left .coll_list ul li .w .author b {
  display: block;
  font-size: 12px;
  font-weight: normal;
  width: 74px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 5px;
  float: left;
}

.main .main_cnt .main_left .coll_list ul li .w .author b.surgery {
  border: 1px solid #17d1ac;
  color: #17d1ac;
}

.main .main_cnt .main_left .coll_list ul li .w .author b.meeting {
  border: 1px solid #1b91ec;
  color: #1b91ec;
}

.main .main_cnt .main_left .coll_list ul li .w .author b.course {
  border: 1px solid #f59c28;
  color: #f59c28;
}

.main .main_cnt .main_left .coll_list ul li .w .author b.interview {
  border: 1px solid #1ac05c;
  color: #1ac05c;
}

.main .main_cnt .main_left .coll_list ul li .w .author .name {
  float: left;
  line-height: 26px;
  margin-left: 20px;
  font-size: 16px;
}

.main .main_cnt .main_left .coll_list ul li .w .author .addr {
  clear: both;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 530px;
  overflow: hidden;
}

.main .main_cnt .main_left .coll_list ul li .w p {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #979fa3;
  padding-top: 10px;
}

.main .main_cnt .main_left .coll_list ul li .w i {
  position: absolute;
  font-style: normal;
  right: 0;
  bottom: 0;
}

.main .main_cnt .main_left .coll_list ul li .adv img {
  width: 100%;
  height: 194px;
}

.main .main_cnt .main_left .coll_list .more {
  text-align: center;
}

.main .main_cnt .main_left .news_list .more {
  text-align: center;
}

.search_out_null {
  padding-bottom: 24px;
  min-width: 1170px;
  min-height: 800px;
  display: none;
}

.search_out_null .result_null {
  line-height: 800px;
  text-align: center;
  font-size: 18px;
  color: #ccc;
}

.main .main_cnt .main_left .news_top {
  line-height: 26px;
  width: 772px;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 10;
}

.main .main_cnt .main_left .news_top a {
  color: #979fa3;
  margin-right: 35px;
  float: left;
  padding: 0 2px;
  margin-bottom: 14px;
}

.main .main_cnt .main_left .news_top a:hover {
  background: #f1f1f1;
}

.main .main_cnt .main_left .news_top a.on {
  color: #1abc9c;
  font-size: 16px;
}

.main .main_cnt .main_left .news_top .order {
  float: right;
}

.main .main_cnt .main_left .news_top .order select {
  height: 30px;
  width: 130px;
}

.main .main_cnt .main_left .news_banner {
  margin-top: 83px;
}

.main .main_cnt .main_left .news_banner .news_slider {
  width: 772px;
  height: 193px;
  overflow: hidden;
  position: relative;
}

.main .main_cnt .main_left .news_banner ul li {
  list-style: none;
  position: relative;
}

.main .main_cnt .main_left .news_banner ul li img {
  width: 772px;
  height: 193px;
}

.main .main_cnt .main_left .news_banner ul li p {
  position: absolute;
  line-height: 26px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/mask.png);
  color: #fff;
  padding: 5px 10px;
}

.main .main_cnt .main_left .news_banner .num {
  text-align: center;
  clear: both;
  padding: 7px;
}

.main .main_cnt .main_left .news_banner .num span {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #d9dcdf;
  margin: 0 5px;
}

.main .main_cnt .main_left .news_banner .num span.on {
  background: #1abc9c;
}

.main .main_cnt .main_left .news_list ul li {
  zoom: 1;
  overflow: hidden;
  margin-top: 13px;
}

.main .main_cnt .main_left .news_list ul li h5 {
  font-weight: normal;
  font-size: 18px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main .main_cnt .main_left .news_list ul li h5 a {
  font-size: 18px;
}

.main .main_cnt .main_left .news_list ul li h5 a:hover {
  color: #1abc9c;
}

.main .main_cnt .main_left .news_list ul li p {
  font-size: 16px;
  color: #979fa3;
  line-height: 24px;
}

.main .main_cnt .main_left .news_list ul li span {
  color: #a1a8af;
  float: left;
  line-height: 30px;
}

.main .main_cnt .main_left .news_list ul li i {
  color: #a1a8af;
  font-style: normal;
  float: right;
  line-height: 30px;
}

.main .main_cnt .main_left .topic_list ul li {
  height: px;
}

#scrollCnt {
  position: relative;
  min-height: 40px;
}

.header .search_out .text {
  width: 640px !important;
  height: 34px !important;
  background: unset;
  background-color: #f5f5f5;
  border-radius: 3px;
}

.search_out .search_out_icon {
  cursor: pointer;
}

.search_out .search_out_icon span {
  z-index: 2;
  right: 47px;
  position: absolute;
  top: 27px;
}

.search_out .search_out_icon span img {
  width: 19px;
  height: 19px;
}

.search .search_out_icon span {
  z-index: 2;
  right: -27px;
  position: absolute;
  top: 20px;
}

.search .search_out_icon span img {
  width: 19px;
  height: 19px;
}

.search_out ul {
  width: 700px !important;
  display: none;
}

.search_out ul li .fork {
  display: none;
}

.main_search_out_list {
  background: #fff;
  display: none;
}

.main_search_out_list .main_cnt {
  min-height: 500px;
}

.search_out_navi_wrap {
  width: 1170px;
  margin: 0 auto;
}

.search_out_navi_wrap .search_out_navi {
  display: flex;
  list-style: none;
  margin-left: 0px;
}

.search_out_navi_wrap .search_out_navi li {
  width: 118px;
  height: 30px;
  text-align: center;
  padding: 7px;
  margin-right: 80px;
}

.search_out_navi_wrap .search_out_navi li a {
  font-size: 17px;
  white-space: nowrap;
}

.main_search_out_list .search_out_num {
  width: 600px;
  margin: 30px 0 0 0px;
  color: #ababab;
}

.main_search_out_list .search_out_num .over_num {
  display: none;
}

.main_search_out_list .search_out_num .couse_total {
  color: #ababab;
}

.main_search_out_list .search_out_num .lives_total {
  color: #ababab;
}

.main_search_out_list .search_out_num .post_total {
  color: #ababab;
}

.main_search_out_list .search_out_num .search_out_num_show {
  color: #ababab;
}

.main_search_out_list .search_out_num .enter_search {
  color: #ababab;
  padding-left: 0px;
}

.page {
  padding: 30px 0;
  zoom: 1;
  overflow: hidden;
  clear: both;
}

.page .page_num {
  float: left;
}

.page .page_num a {
  display: inline-block;
  width: 46px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ecf0f1;
  font-size: 16px;
  margin-right: 4px;
}

.page .page_num a.cur {
  color: #fff;
  background: #1abc9c;
}

.page .page_ctrl {
  float: right;
}

.page .page_ctrl a {
  display: inline-block;
  width: 46px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #1abc9c;
  color: #fff;
  font-size: 20px;
  margin-left: 2px;
}

.main_lt {
  padding-bottom: 30px;
}

.main_lt .main_title {
  border-bottom: 0;
}

.main .main_cnt .main_right .block h5,
.main_title {
  font-weight: normal;
  height: 26px;
  border-left: 3px solid #1abc9c;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 10px;
  font-size: 16px;
}

.main .main_cnt .main_right .block h5 span,
.main_title span {
  font-size: 16px;
  float: left;
}

.main .main_cnt .main_right .block h5 a {
  float: right;
  color: #1abc9c;
}

.main .main_cnt .main_right .hot ul li {
  margin-top: 13px;
  list-style: none;
  zoom: 1;
  overflow: hidden;
}

.main .main_cnt .main_right .hot ul li img {
  width: 134px;
  height: 75px;
  float: left;
}

.main .main_cnt .main_right .hot ul li p {
  float: right;
  width: 165px;
}

.main .main_cnt .main_right .topic {
  border-bottom: 1px solid #e7e7e7;
  padding: 30px 0;
  margin-bottom: 30px;
}

.main .main_cnt .main_right .topic ul li {
  margin-top: 13px;
  list-style: none;
  position: relative;
}

.main .main_cnt .main_right .topic ul li img {
  width: 100%;
  height: 174px;
}

.main .main_cnt .main_right .topic ul li p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/mask.png);
  line-height: 40px;
  padding: 0 10px;
  overflow: hidden;
  color: #fff;
}

.main .main_cnt .main_right .adv img {
  width: 310px;
  margin-bottom: 30px;
}

.main .main_cnt .main_right .recommend {
  margin-bottom: 30px;
}

.main .main_cnt .main_right .recommend ul {
  padding-top: 10px;
}

.main .main_cnt .main_right .recommend ul li {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style: none;
  background: url(../images/circel_dot.png) no-repeat left center;
}

.main .main_cnt .main_right .recommend ul li a {
  padding-left: 10px;
}

.main .main_cnt .main_right .forecast .forecast_cnt {
  height: 650px;
  overflow: hidden;
  position: relative;
  margin-top: 25px;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul {
  top: 0;
  left: 10px;
  right: 0;
  position: absolute;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li {
  list-style: none;
  height: 130px;
  border-left: 1px solid #c7c7c7;
  position: relative;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li:last-child {
  border: 0;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li a {
  display: block;
  height: 130px;
  position: relative;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li a span {
  position: absolute;
  width: 162px;
  right: 3px;
  bottom: 29px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/mask.png);
  padding: 5px;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li a:hover .date {
  color: #1abc9c;
  background-image: url(../images/date1.png);
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li a:hover img {
  border-color: #1abc9c;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li .date {
  position: absolute;
  color: #5f5f5f;
  background: url(../images/date.png) no-repeat left 12px #fff;
  left: -5px;
  padding-left: 22px;
  padding-top: 10px;
  line-height: 16px;
  font-size: 12px;
}

.main .main_cnt .main_right .forecast .forecast_cnt ul li img {
  width: 172px;
  height: 98px;
  float: right;
  border: 3px solid #fff;
}

.main .main_cnt .main_right .weibo .weibo_cnt {
  height: 210px;
}

.position {
  line-height: 50px;
  /* border-top: 1px solid #e7e7e7; */
  color: #979fa3;
}

.position a {
  color: #979fa3;
}

.main .position {
  border: 0;
}

.content .detail {
  padding: 20px 0;
  border-bottom: 1px solid #f3f3f3;
  zoom: 1;
  overflow: hidden;
  padding-bottom: 0;
  width: 100%;
}

.content .detail .detail_cnt {
  width: 772px;
  float: left;
}

.content .detail h4 {
  font-weight: normal;
  font-size: 22px;
  line-height: 46px;
}

.content .detail .para {
  line-height: 34px;
}

.content .detail .para span {
  margin-right: 30px;
  color: #979fa3;
}

.content .detail .label {
  line-height: 34px;
  background: url(../images/label.png) no-repeat left center;
  padding-left: 20px;
}

.content .detail .label span {
  color: #979fa3;
  margin-right: 30px;
}

.content .detail .w {
  padding-top: 20px;
  line-height: 30px;
  word-wrap: break-word;
  color: #34495e;
}

.content .detail .w * {
  font-family: 宋体, SimSun !important;
}

.content .detail .w p {
  padding-bottom: 10px;
}

.content .detail .w img {
  max-width: 450px;
  margin: 0 auto;
  display: block;
  height: auto !important;
}

.content .detail .w a {
  color: #1abc9c;
}

.content .detail .couse_info {
  zoom: 1;
  overflow: hidden;
  margin-bottom: 24px;
}

.content .detail .couse_info a {
  display: block;
  position: relative;
  height: 100%;
}

.content .detail .couse_info .img {
  float: left;
  position: relative;
  width: 500px;
  height: 280px;
}

.content .detail .couse_info .img img {
  width: 100%;
  height: 100%;
}

.content .detail .couse_info .img span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/play.png) no-repeat center;
}

.content .detail .couse_info .w {
  padding-left: 30px;
  float: left;
  width: 610px;
}

.content .detail .couse_info .w h5 {
  line-height: 30px;
  font-size: 22px;
  font-weight: normal;
}

.content .detail .couse_info .w span {
  line-height: 50px;
  color: #979fa3;
  background: url(../images/para_icon.png) no-repeat -150px center;
  padding-left: 30px;
}

.content .detail .couse_info .w span.fr {
  background: none;
}

.content .detail .couse_info .w p {
  line-height: 24px;
  color: #979fa3;
  clear: both;
}

.content .detail .couse_info .w a.buy {
  display: block;
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  background: #ea8010;
  border-radius: 4px;
  color: #fff;
}

.content .detail .couse_info .w a.bought {
  display: block;
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  background: #ababab;
  border-radius: 4px;
  color: #fff;
  cursor: default;
}

.content .detail .couse_intro .tabs {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #1abc9c;
  /* width: 460px; */
}

.content .detail .couse_intro .tabs .score {
  display: none;
}

.content .detail .couse_intro .tabs ul li {
  display: block;
  float: left;
  width: 110px;
  text-align: center;
  background: #ebeef2;
  margin-right: 8px;
  cursor: pointer;
  list-style: none;
}

.content .detail .couse_intro .tabs ul li.on {
  background: #1abc9c;
  color: #fff;
}

.content .detail .couse_intro .tabs_cnt {
  padding-top: 18px;
  min-height: 480px;
}

.content .detail .couse_intro .author .author_info {
  height: 100px;
  padding-bottom: 18px;
}

.content .detail .couse_intro .author .author_info img {
  float: left;
  width: 110px;
  height: 100px;
}

.content .detail .couse_intro .author .author_info .author_para {
  float: left;
  padding-left: 18px;
}

.content .detail .couse_intro .author .author_info h5 {
  line-height: 30px;
  font-weight: normal;
  font-size: 20px;
}

.content .detail .couse_intro .author .author_info p {
  line-height: 24px;
  color: #979fa3;
}

.content .detail .couse_intro .author .author_detail {
  line-height: 24px;
  word-break: break-all;
  margin-bottom: 18px;
}

.content .detail .couse_intro .author .author_detail * {
  font-size: 16px;
}

.content .detail .couse_intro .author .author_detail p {
  padding-bottom: 20px;
}

.content .detail .couse_intro .course {
  line-height: 24px;
}

.content .detail .couse_intro .course p {
  font-size: 14px;
}

.content .detail .couse_intro .course img {
  max-width: 100%;
}

.content .detail .couse_intro .chapter {
  zoom: 1;
  overflow: hidden;
  width: 700px;
}

.content .detail .couse_intro .chapter a {
  display: block;
  float: left;
  width: 316px;
  height: 117px;
  margin-right: 24px;
  border: 1px solid #e1e4eb;
  margin-bottom: 24px;
}

.content .detail .couse_intro .chapter a img {
  width: 100%;
  height: 100%;
}

.content .detail .agreement {
  line-height: 24px;
  font-size: 16px;
}

.content .detail .agreement h4 {
  text-align: center;
  padding-bottom: 10px;
}

.content .detail .agreement p {
  padding-bottom: 10px;
}

.content .detail .detail_right {
  float: right;
  width: 312px;
}

.content .detail .detail_right .block h5 {
  font-weight: normal;
  height: 26px;
  border-left: 3px solid #1abc9c;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 10px;
  font-size: 16px;
}

.content .detail .detail_right .block h5 span {
  font-size: 16px;
  float: left;
}

.content .detail .detail_right .block h5 a {
  float: right;
  color: #1abc9c;
}

.content .detail .detail_right .hot ul li {
  margin-top: 13px;
  list-style: none;
  zoom: 1;
  overflow: hidden;
}

.content .detail .detail_right .hot ul li img {
  width: 134px;
  height: 75px;
  float: left;
}

.content .detail .detail_right .hot ul li p {
  float: right;
  width: 165px;
}

.content .detail .detail_right .topic {
  border-bottom: 1px solid #e7e7e7;
  padding: 30px 0;
  margin-bottom: 30px;
}

.content .detail .detail_right .topic ul li {
  margin-top: 13px;
  list-style: none;
  position: relative;
}

.content .detail .detail_right .topic ul li img {
  width: 100%;
  height: 174px;
}

.content .detail .detail_right .topic ul li p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/mask.png);
  line-height: 40px;
  padding: 0 10px;
  overflow: hidden;
  color: #fff;
}

.content .detail .detail_right .adv img {
  width: 310px;
  height: 140px;
  margin-bottom: 30px;
}

.content .detail .detail_right .recommend ul {
  padding-top: 10px;
}

.content .detail .detail_right .recommend ul li {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style: none;
  background: url(../images/circel_dot.png) no-repeat left center;
}

.content .detail .detail_right .recommend ul li a {
  padding-left: 10px;
}

.content .error {
  padding: 110px 0;
  text-align: center;
}

.content .error .err_404 {
  background: url(../images/error.png) no-repeat center top;
  height: 237px;
}

.content .error .err_500 {
  background: url(../images/error.png) no-repeat center bottom;
  height: 237px;
}

.content .error .w {
  font-size: 18px;
  line-height: 28px;
  color: #979fa3;
  padding-top: 20px;
}

.content .error .w a {
  font-size: 18px;
  color: #1abc9c;
}

.content .login {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.content .login #loginWrap {
  background: #fff;
}

.content .login .login_img {
  float: left;
  width: 577px;
}

.content .login .block {
  width: 540px;
  min-height: 404px;
  border: 1px solid #cbcbcb;
  float: left;
  padding-top: 40px;
  position: relative;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.login_mask .content .login .block,
.login_mask .left-login-img .bac-img {
  border: none;
}

.login_mask .login .close-login.close {
  background: url(https://test-image.medtrib.cn/image/post/picture/5/c9072c01-bf2e-4df9-8b41-4c4097b9910e.png) no-repeat left center;
  background-size: 84px 25px;
  width: 84px;
  height: 25px;
  top: -35px;
  right: -18px;
}

.login_mask .left-login-img {
  padding-left: 0;
}

.login_mask .content .login {
  width: 1054px;
  margin: 0 auto;
  left: 50%;
  margin-left: -527px;
  top: 50%;
  margin-top: -222px;
  position: absolute;
  padding-top: 0;
  overflow: initial;
}

.login_mask .login .close-login.close:after {
  content: "";
}

.content .login .login_type {
  line-height: 44px;
  padding-left: 30px;
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  overflow: hidden;
}

.content .login .login_type ul li {
  float: left;
  list-style-type: none;
  padding: 0 6px;
  margin: 0 10px;
  color: #979fa3;
  border-bottom: 4px solid #fff;
  cursor: pointer;
}

.content .login .login_type ul li.on {
  font-size: 18px;
  color: #151515;
  border-bottom-color: #1abc9c;
}

.content .login .login_cnt .notice,
.content .reg_cnt .notice {
  color: #f02626;
  line-height: 30px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 70px;
}

.content .login .login_cnt .notice {
  top: 273px;
  left: 30px;
  right: auto;
}

.content .login .login_cnt {
  padding: 0 30px;
  position: relative;
}

.content .login .login_cnt ul li {
  padding-top: 22px;
  height: 58px;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
}

.content .login .login_cnt ul li input {
  border: 0;
  outline: none;
  line-height: 58px;
  height: 58px;
  width: 310px;
  background: url(../images/login_icon.png) no-repeat;
  padding-left: 30px;
}

.content .login .login_cnt ul li input.tel {
  background: none;
  padding-left: 10px;
}

.content .login .login_cnt ul li span#areaNum {
  background: url(../images/login_icon_drop.png) no-repeat right center;
  padding-right: 15px;
  background-size: 12px 7px;
  cursor: pointer;
}

.content .login .login_cnt ul li input.pwd {
  background-position: left -60px;
}

.content .login .login_cnt ul li input.code {
  background-position: left -140px;
}

.content .login .login_cnt ul li input.code2 {
  background-position: left 18px;
  width: 350px;
}

.content .login .login_cnt ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.content .login .login_cnt ul li .get_code {
  width: 100px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  background: #1abc9c;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.content .login .login_cnt .rem {
  line-height: 55px;
  height: 55px;
}

.content .login .login_cnt .rem label {
  float: left;
  color: #979fa3;
}

.content .login .login_cnt .rem label input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.content .login .login_cnt .rem a {
  float: right;
  color: #979fa3;
}

.content .login .login_cnt .btn input {
  width: 100%;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
}

.content .login .login_cnt .no_reg {
  line-height: 46px;
  text-align: center;
  color: #17d1ac;
}

.content .login .login_cnt .no_reg a {
  font-weight: bold;
  color: #17d1ac;
}

.content .reg_cnt {
  width: 540px;
  margin: 65px auto;
  position: relative;
}

.content .reg_cnt h5 {
  line-height: 44px;
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  overflow: hidden;
  padding-left: 30px;
  font-weight: normal;
}

.content .reg_cnt h5 span {
  border-bottom: 4px solid #1abc9c;
  display: block;
  float: left;
  padding: 0 8px;
  font-size: 18px;
}

.content .reg_cnt h5 .fr {
  font-size: 16px;
}

.content .reg_cnt h5 .fr a {
  color: #1abc9c;
  font-size: 16px;
}

.content .reg_cnt ul li {
  padding-top: 22px;
  height: 58px;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 5px;
}

.content .reg_cnt ul li input {
  border: 0;
  outline: none;
  line-height: 58px;
  height: 58px;
  width: 390px;
  background: url(../images/login_icon.png) no-repeat;
  padding-left: 30px;
}

.content .reg_cnt ul li input.tel {
  background-position: left 18px;
  background: none;
}

.content .reg_cnt ul li input.pwd {
  background-position: left -60px;
}

.content .reg_cnt ul li input.code {
  background-position: left -140px;
}

.content .reg_cnt ul li input.code2 {
  background-position: left 18px;
  background: none;
}

.content .reg_cnt ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.content .reg_cnt ul li .get_code {
  width: 100px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  background: #1abc9c;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.content .reg_cnt .rem {
  line-height: 55px;
  height: 55px;
}

.content .reg_cnt .rem label {
  float: left;
  color: #979fa3;
}

.content .reg_cnt .rem label input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.content .reg_cnt a {
  color: #1abc9c;
}

.content .reg_cnt .btn {
  padding-top: 30px;
}

.content .reg_cnt .btn input {
  width: 100%;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
}

.content .reg_cnt .btn input.unable {
  background: #979fa3;
  color: #ddd;
  cursor: no-drop;
}

.content .reg_cnt .face {
  text-align: center;
  padding-top: 35px;
}

.content .reg_cnt .face img {
  width: 80px;
  height: 80px;
}

.content .reg_cnt .up_btn span {
  color: #868c90;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.content .reg_cnt .up_btn {
  width: 55px;
  height: 20px;
  line-height: 20px;
  margin: 10px auto;
  text-align: center;
  border: 1px solid #aeb6bb;
  display: block;
  overflow: hidden;
  position: relative;
}

.content .reg_cnt .up_btn input {
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.content .complete_cnt {
  width: 540px;
  margin: 65px auto;
}

.content .complete_cnt h5 {
  line-height: 44px;
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  overflow: hidden;
  padding-left: 30px;
  font-weight: normal;
}

.content .complete_cnt h5 span {
  border-bottom: 4px solid #1abc9c;
  display: block;
  float: left;
  padding: 0 8px;
  font-size: 18px;
}

.content .complete_cnt h5 .fr {
  font-size: 16px;
}

.content .complete_cnt h5 .fr a {
  color: #1abc9c;
  font-size: 16px;
}

.content .complete_cnt ul li {
  padding-top: 22px;
  height: 58px;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 5px;
}

.content .complete_cnt ul li.location {
  background: url(../images/complete_icon.png) no-repeat left -194px;
  padding-left: 30px;
}

.content .complete_cnt ul li .slt1 {
  width: 540px;
  height: 58px;
  line-height: 58px;
  text-indent: 30px;
  border: 0;
  outline: none;
  background: url(../images/complete_icon.png) no-repeat left 20px;
}

.content .complete_cnt ul li .slt2 {
  height: 33px;
  line-height: 33px;
  border: 1px solid #e7e7e7;
  outline: none;
  margin-top: 12px;
  margin-right: 40px;
  border-radius: 4px;
  min-width: 122px;
}

.content .complete_cnt ul li input {
  border: 0;
  outline: none;
  line-height: 58px;
  height: 58px;
  width: 390px;
  background: url(../images/complete_icon.png) no-repeat;
  padding-left: 30px;
}

.content .complete_cnt ul li input.nickname {
  background-position: left -56px;
}

.content .complete_cnt ul li input.email {
  background-position: left -138px;
}

.content .complete_cnt ul li input.company {
  background-position: left -280px;
}

.content .complete_cnt ul li input.pwd {
  background: url(../images/login_icon.png) no-repeat left -60px;
}

.content .complete_cnt ul li.hospital {
  background: url(../images/complete_icon.png) no-repeat 5px -260px;
  padding-left: 30px;
}

.content .complete_cnt ul li.address {
  display: none;
}

.content .complete_cnt ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.content .complete_cnt ul li .get_code {
  width: 100px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  background: #1abc9c;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.content .complete_cnt a {
  color: #1abc9c;
}

.content .complete_cnt .btn {
  padding-top: 30px;
}

.content .complete_cnt .btn input {
  width: 100%;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
}

.content .complete_cnt .face {
  text-align: center;
  padding-top: 35px;
}

.content .complete_cnt .face img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.content .complete_cnt .up_btn span {
  color: #868c90;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.content .complete_cnt .up_btn {
  width: 55px;
  height: 20px;
  line-height: 20px;
  margin: 10px auto;
  text-align: center;
  border: 1px solid #aeb6bb;
  display: block;
  overflow: hidden;
  position: relative;
}

.content .complete_cnt .up_btn input {
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.content .login_sucess {
  background: url(../images/login_bg.png) no-repeat center 70px;
  height: 650px;
  margin: 45px auto 0;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 60px;
  text-align: center;
}

.content .login_sucess .welcome {
  line-height: 32px;
  font-size: 18px;
  color: #1abc9c;
}

.content .login_sucess .back {
  line-height: 32px;
}

.main_couse {
  background: none;
}

.main_couse .main_cnt {
  padding: 0;
}

.main_couse .main_cnt .main_left,
.main_couse .main_cnt .main_right {
  padding-top: 30px;
}

.main_couse .main_cnt .main_left ul li a {
  display: block;
  line-height: 34px;
  font-size: 18px;
}

.main_couse .main_cnt .main_left ul li a:hover {
  color: #1abc9c;
}

.main_couse .main_cnt .main_left ul li {
  list-style: none;
  zoom: 1;
  overflow: hidden;
  padding-bottom: 20px;
}

.main_couse .main_cnt .main_left ul li span {
  float: left;
  color: #979fa3;
  line-height: 28px;
}

.main_couse .main_cnt .main_left ul li i {
  float: right;
  color: #979fa3;
  line-height: 28px;
  font-style: normal;
}

/*裁剪*/
.cutpic_mask {
  background: url(../images/mask.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  position: fixed;
  overflow: auto;
}

.cutpic {
  width: 530px;
  z-index: 1001;
  background: #fff;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -265px;
}

.cutpic img {
  width: 100%;
}

.cutpic .btn {
  text-align: center;
  margin: 30px auto;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  cursor: pointer;
}

.cutpic .cancel {
  float: left;
  margin-left: 60px;
  background: #ebeef2;
}

.cutpic .confirm {
  float: right;
  margin-right: 60px;
  background: #1abc9c;
  color: #fff;
}

.user_cnt {
  padding-top: 30px;
}

.user_cnt .user_left {
  float: left;
  width: 260px;
}

.user_cnt .user_left ul {
  padding-left: 70px;
}

.user_cnt .user_left ul li {
  line-height: 60px;
  height: 60px;
  list-style: none;
  position: relative;
}

.user_cnt .user_left ul li span {
  position: absolute;
  width: 105px;
  right: 0;
  top: 50%;
  border-top: 1px solid #41A09A;
  display: none;
}

.user_cnt .user_left ul li span b {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #41A09A;
  top: -4px;
  left: -4px;
}

.user_cnt .user_left ul li.on span {
  display: block;
}

.user_cnt .user_left ul li a {
  display: block;
  float: left;
  position: relative;
}

.user_cnt .user_left ul li a.on,
.user_cnt .user_left ul li a:hover {
  color: #41A09A;
}

.user_cnt .user_right {
  width: 680px;
  float: left;
  border: 1px solid #41A09A;
  border-radius: 6px;
}

.user_cnt .user_right .tabs {
  border-bottom: 1px solid #EEEEEE;
  padding-top: 25px;
  zoom: 1;
  overflow: hidden;
}

.user_cnt .user_right .tabs ul {
  padding-left: 30px;
  overflow: hidden;
}

.user_cnt .user_right .tabs ul li {
  line-height: 44px;
  border-bottom: 4px solid #fff;
  float: left;
  margin-right: 40px;
  list-style: none;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  color: #131212;
}

.user_cnt .user_right .tabs ul li.on {
  border-color: #41A09A;
  color: #41A09A;
}

.user_cnt .user_right .tabs_cnt {
  padding: 35px 30px;
}

.user_cnt .user_right .tabs_cnt .face {
  text-align: center;
}

.user_cnt .user_right .tabs_cnt .face img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.user_cnt .user_right .tabs_cnt .up_btn span {
  color: #868c90;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.user_cnt .user_right .tabs_cnt .up_btn {
  width: 55px;
  height: 20px;
  line-height: 20px;
  margin: 10px auto;
  text-align: center;
  border: 1px solid #aeb6bb;
  display: block;
  overflow: hidden;
  position: relative;
}

.user_cnt .user_right .tabs_cnt .up_btn input {
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.user_cnt .user_right .tabs_cnt ul li {
  padding-top: 22px;
  height: 58px;
  list-style: none;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 5px;
}

.user_cnt .user_right .tabs_cnt ul li.location {
  background: url(../images/complete_icon.png) no-repeat left -194px;
  padding-left: 30px;
  position: relative;
}

.user_cnt .user_right .tabs_cnt ul li.location input {
  padding-left: 0;
  background: none;
}

.user_cnt .user_right .tabs_cnt ul li .slt1 {
  width: 540px;
  height: 58px;
  line-height: 58px;
  padding-left: 30px;
  border: 0;
  outline: none;
  background: url(../images/complete_icon.png) no-repeat left 20px;
}

.user_cnt .user_right .tabs_cnt ul li .slt2 {
  height: 33px;
  line-height: 33px;
  border: 1px solid #e7e7e7;
  outline: none;
  margin-top: 12px;
  margin-right: 20px;
  border-radius: 4px;
  min-width: 122px;
}

.user_cnt .user_right .tabs_cnt ul li.location #hospital {
  max-width: 200px;
  margin-right: 0;
}

.user_cnt .user_right .tabs_cnt ul li input {
  border: 0;
  outline: none;
  line-height: 58px;
  height: 58px;
  width: 390px;
  background: url(../images/complete_icon.png) no-repeat;
  padding-left: 30px;
}

.user_cnt .user_right .tabs_cnt ul li input.nickname {
  background-position: left -56px;
}

.user_cnt .user_right .tabs_cnt ul li input.email {
  background-position: left -138px;
}

.user_cnt .user_right .tabs_cnt ul li input.tel {
  background: url(../images/login_icon.png) no-repeat left 18px;
  float: left;
}

.user_cnt .user_right .tabs_cnt ul li input.company {
  background-position: left -280px;
}

.user_cnt .user_right .tabs_cnt ul li.hispotal {
  background: url(../images/complete_icon.png) no-repeat left -260px;
  padding-left: 30px;
}

.user_cnt .user_right .tabs_cnt ul li.mens {
  background: url(../images/complete_icon.png) no-repeat left 42px;
  padding-left: 30px;
}

.user_cnt .user_right .tabs_cnt ul li .edit_tel {
  float: left;
  width: 100px;
  text-align: center;
  line-height: 40px;
  margin-top: 9px;
  border-radius: 4px;
  border: 1px solid #aeb6bb;
  cursor: pointer;
}

.user_cnt .user_right .tabs_cnt ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.user_cnt .user_right .tabs_cnt ul li .get_code {
  width: 100px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  background: #1abc9c;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.user_cnt .user_right .tabs_cnt .btn {
  padding-top: 30px;
}

.user_cnt .user_right .tabs_cnt .btn input {
  width: 100%;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
}

.user_cnt .user_right .tabs_cnt .page {
  padding: 20px 0 5px;
}

.user_cnt .user_right .edit_pwd {
  display: none;
}

.user_cnt .user_right .edit_pwd ul li input {
  background: url(../images/login_icon.png) no-repeat left -60px;
  float: left;
}

.user_cnt .user_right .user_history dl dd {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 20px;
}

.user_cnt .user_right .user_history dl dd img {
  width: 192px;
  height: 107px;
}

.user_cnt .user_right .user_history dl dd div {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/mask.png);
}

.user_cnt .user_right .user_history dl dd div span {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  line-height: 30px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user_cnt .user_right .buy_list dl dd {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 20px;
}

.user_cnt .user_right .buy_list dl dd i {
  position: absolute;
  background: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-style: normal;
  text-align: center;
  width: 55px;
  left: 0px;
  right: 0px;
}

.user_cnt .user_right .buy_list dl dd i.series {
  background: url(../images/series.png) no-repeat 9px center;
  text-align: left;
  padding-left: 25px;
  width: 30px;
}

.user_cnt .user_right .buy_list dl dd i.waiting {
  z-index: 10;
  width: 100%;
  bottom: 30px;
  line-height: 107px;
  font-size: 14px;
}

.user_cnt .user_right .buy_list dl dd img {
  width: 192px;
  height: 107px;
}

.user_cnt .user_right .buy_list dl dd .title {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  background: url(../images/mask.png);
}

.user_cnt .user_right .buy_list dl dd .title span {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  line-height: 30px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user_cnt .user_right .buy_list dl dd .buy_info {
  line-height: 30px;
}

.user_cnt .user_right .buy_list dl dd .buy_info span {
  color: #34495e;
  font-size: 12px;
}

.user_cnt .user_right .buy_list dl dd .buy_info span font {
  font-size: 12px;
}

.edit_tel_mask {
  background: url(../images/mask.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 100;
  display: none;
}

.edit_tel_mask .edit_tel_cnt {
  background: #fff;
  width: 440px;
  margin: 140px auto 0;
  padding: 20px 0 35px;
  position: relative;
  border-radius: 6px;
}

.edit_tel_mask .edit_tel_cnt .close {
  /* background: #bdbdbd; */
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 40px;
  cursor: pointer;
  z-index: 10;
  text-align: center;
}

.edit_tel_mask .edit_tel_cnt .close:after {
  content: "\2715";
  width: 100%;
  height: 100%;
  color: #868686;
  text-align: center;
  font-size: 20px;
}

.edit_tel_mask .edit_tel_cnt .login_type {
  line-height: 44px;
  padding-left: 30px;
  border-bottom: 1px solid #f7f7f7;
  zoom: 1;
  overflow: hidden;
  position: relative;
  padding-bottom: 4px;
}

.edit_tel_mask .edit_tel_cnt .login_type ul li {
  float: left;
  list-style-type: none;
  /* padding: 0 6px;
  margin: 0 10px; */
  padding-right: 6px;
  margin-right: 10px;
  font-size: 18px;
  color: #41A09A;
}

.border-span {
  position: absolute;
  background: #41A09A;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 4px;
  bottom: 0;
  width: 90px;
  left: 30px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block {
  padding: 0 30px;
  position: relative;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block .notice {
  color: #f02626;
  line-height: 30px;
  text-align: right;
  position: absolute;
  bottom: 50px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li {
  padding-top: 30px;
  list-style: none;
  /* border-bottom: 1px solid #e7e7e7; */
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul.my-info-ul li {
  border-bottom: none;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul.my-info-ul li input.code2 {
  width: 268px;
  margin-right: 10px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li input {
  border: 0;
  outline: none;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
  /* line-height: 58px; */
  height: 44px;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 14px;
  /* width: 310px; */
  /* background: url(../images/login_icon.png) no-repeat;
  padding-left: 30px; */
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li .readonly-tel {
  background: #F7F7F7;
  color: #A6A6A6;
  border-radius: 6px;
  padding-left: 15px;
  font-size: 14px;
  border: 1px solid #EEEEEE;
  overflow: hidden;
  box-sizing: border-box;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li .readonly-tel input {
  background: none;
  color: #A6A6A6;
  border: none;
  padding-left: 5px;
  font-size: 14px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li input.tel {
  background-position: left 18px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li input.code {
  background-position: left -140px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li input.code2 {
  background-position: left 18px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li img {
  width: 100px;
  height: 40px;
  vertical-align: middle;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block ul li .get_code {
  width: 100px;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  background: #41A09A;
  line-height: 44px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block .btn {
  padding-top: 30px;
}

.edit_tel_mask .edit_tel_cnt .edit_tel_block .btn input {
  width: 100%;
  background: #41A09A;
  font-size: 16px;
  border: 0;
  height: 46px;
  border-radius: 6px;
  color: #fff;
}

#survey {
  padding: 0 110px;
}

.survey_date {
  line-height: 30px;
  text-align: right;
  color: #ababab;
  padding: 0 20px;
  font-size: 12px;
}

.survey {
  border: 1px solid #cdd2d5;
  margin: 0 0 10px;
  border-radius: 5px;
  overflow: hidden;
}

.survey .survey_img {
  border-bottom: 1px solid #cdd2d5;
}

.survey .survey_img img {
  width: 100%;
}

.survey h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  padding: 10px 15px;
  background: #eef2f5;
  border-bottom: 1px solid #cdd2d5;
  color: #151515;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  word-break: break-all;
}

.survey h1 em {
  font-style: normal;
  font-size: 18px;
  color: #151515;
}

.survey .pk_cnt {
  clear: both;
  zoom: 1;
  overflow: hidden;
  position: relative;
}

.survey .pk_cnt:after {
  content: " ";
  background: #000;
  filter: alpha(opacity=30);
  opacity: 0.3;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.survey .pk_cnt .pk_left {
  width: 50%;
  float: left;
  position: relative;
  z-index: 1;
}

.survey .pk_cnt .pk_right {
  width: 50%;
  float: right;
  position: relative;
  z-index: 1;
}

.survey .pk_cnt img {
  width: 100%;
}

.survey .pk_cnt .pk_both {}

.survey .pk_cnt .pk_line {
  border-left: 1px solid #fff;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 50%;
  margin-left: -1px;
  z-index: 3;
}

.survey .pk_cnt .pk {
  position: absolute;
  width: 50%;
  bottom: 20px;
  text-align: center;
  z-index: 3;
}

.survey .pk_cnt .pk_left {
  left: 0;
}

.survey .pk_cnt .pk_right {
  right: 0;
}

.survey .pk_cnt .pk em {
  color: #fff;
  font-style: normal;
  padding: 0 10px 10px;
  display: block;
  word-break: break-all;
}

.survey .pk_cnt .pk b {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  border: 1px dashed #fff;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  font-weight: normal;
}

.survey .pk_cnt .pk b.on {
  background: #33c7c2;
  border-color: #33c7c2;
}

.survey .pk_rate {
  height: 18px;
  display: none;
}

.survey .pk_rate b {
  background: #33c7c2;
  height: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  display: block;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  width: 0%;
}

.survey .pk_rate b.rightB {
  float: right;
  border-radius: 0;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.survey .pk_result {
  height: 30px;
  line-height: 30px;
  background: #eef2f5;
  border-top: 1px solid #cdd2d5;
  padding-left: 10px;
  position: relative;
  display: none;
}

.survey .pk_result span {
  color: #ababab;
}

.survey .pk_result a {
  position: absolute;
  right: 10px;
  color: #5d78b3;
}

.survey ul,
.survey ul li {
  list-style: none;
  max-width: 100% !important;
}

.survey .chose {
  background: #fff;
}

.survey .chose ul li {
  position: relative;
  padding: 10px;
  padding-right: 0;
}

.survey .chose ul li label {
  display: block;
}

.survey .chose ul li .chose_result {
  position: absolute;
  width: 50px;
  text-align: center;
  color: #cdd2d5;
  top: 10px;
  right: 0;
  line-height: 28px;
  font-size: 12px;
}

.survey .chose ul li .chose_result font {
  color: #151515;
}

.survey .chose ul li .chose_result input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.survey .chose ul li .chose_cnt {
  padding-right: 50px;
  padding-bottom: 10px;
  line-height: 28px;
}

.survey .chose ul li .chose_cnt p {
  color: #151515;
  word-break: break-all;
}

.survey .chose ul li .chose_cnt .chose_rate {
  width: 75%;
  background: #eef2f5;
  height: 5px;
  margin-top: 12px;
  line-height: 0;
  font-size: 0;
  position: relative;
  display: ;
}

.survey .chose ul li .chose_cnt .chose_rate b {
  background: #33c7c2;
  height: 5px;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 0%;
}

.survey .chose ul li .chose_cnt em {
  font-style: normal;
  line-height: 24px;
  color: #cdd2d5;
  font-size: 14px;
  position: absolute;
  right: -50px;
  top: -10px;
}

.survey .chose ul li .cur_num {
  font-size: 14px;
  color: #cdd2d5;
  padding-top: 5px;
}

.survey .chose ul li .pic_cnt {
  padding-bottom: 10px;
  padding-right: 10px;
  position: relative;
  line-height: 20px;
  font-size: 14px;
  color: #151515;
  word-break: break-all;
}

.survey .chose ul li .pic_cnt .img {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 4px;
  left: 0;
}

.survey .chose ul li .pic_cnt .img img {
  width: 100%;
  height: 100%;
}

.survey .chose ul li .pic_cnt .intro {
  padding-left: 90px;
  line-height: 20px;
  min-height: 80px;
  font-size: 14px;
  color: #151515;
  word-break: break-all;
}

.survey .chose ul li .pic_rate {
  width: 75%;
  background: #eef2f5;
  height: 5px;
  line-height: 0;
  font-size: 0;
  position: relative;
  display: none;
}

.survey .chose ul li .pic_rate b {
  background: #33c7c2;
  height: 5px;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 0%;
}

.survey .chose ul li .pic_rate em {
  font-style: normal;
  line-height: 24px;
  color: #cdd2d5;
  font-size: 14px;
  position: absolute;
  right: -60px;
  top: -10px;
}

.survey .hide_rate .pic_rate,
.survey .hide_rate .cur_num {
  display: none !important;
}

.survey .chose ul li.right {
  background: #b5ffb7;
}

.survey .chose ul li.error {
  background: #ffb5b5;
  text-align: left;
}

.survey .chose ul li.error .chose_result,
.survey .chose ul li.right .chose_result {
  color: #151515;
}

.survey .chose .analysis {
  background: #eef2f5;
  border-top: 1px dashed #cdd2d5;
  padding: 5px;
  line-height: 28px;
  zoom: 1;
  overflow: hidden;
  display: none;
}

.survey .chose .analysis p {
  padding: 0 2em;
}

.survey .chose .analysis a {
  float: right;
  display: block;
  color: #5d78b3;
}

.survey .pic_ul li {
  border: 1px solid #cdd2d5;
  border-radius: 5px;
  margin-bottom: 5px;
}

.survey .pic_ul li .title {
  height: 50px;
  line-height: 50px;
  background: #eef2f5;
  border-bottom: 1px solid #cdd2d5;
  padding: 0 15px;
  font-size: 18px;
}

.survey .pic_ul li .title span {
  color: #151515;
  float: left;
}

.survey .pic_ul li .title font {
  float: right;
  color: #151515;
  font-size: 12px;
}

.survey .pic_ul li .title font input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.survey .pic_ul li .pic_cnt {
  padding: 10px;
  position: relative;
}

.survey .pic_ul li .pic_cnt .img {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.survey .pic_ul li .pic_cnt .intro {
  padding-left: 90px;
  line-height: 20px;
  min-height: 80px;
}

.survey .pic_ul li .pic_cnt .pic_rate {
  width: 75%;
  margin-top: 10px;
  background: #eef2f5;
  height: 5px;
  line-height: 0;
  font-size: 0;
  position: relative;
}

.survey .pic_ul li .pic_cnt .pic_rate b {
  background: #33c7c2;
  height: 5px;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 70%;
}

.survey .pic_ul li .pic_cnt .pic_rate em {
  font-style: normal;
  line-height: 24px;
  color: #cdd2d5;
  font-size: 14px;
  position: absolute;
  right: -50px;
  top: -10px;
}

.survey .pic_btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #cdd2d5;
  border: 1px solid #cdd2d5;
  border-radius: 5px;
}

.survey .pic_btn a {
  display: block;
  color: #cdd2d5;
}

.survey .pic_btn a.on {
  color: #63d3cf;
}

#survey .btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #cdd2d5;
  border: 1px solid #cdd2d5;
  margin: 0 0 10px;
}

#survey .btn a {
  display: block;
  color: #63d3cf;
  cursor: pointer;
}

#survey .btn_active {
  cursor: default;
}

.cmt-video {
  position: relative;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cmt-video:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: url(../images/play.png) center no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -45px;
  margin-top: -45px;
}

.cmt-audio {
  margin-top: 10px;
  position: relative;
}

.cmt-audio .audio_notice {
  line-height: 1.5em;
  height: 1.5em;
  position: relative;
}

.cmt-audio .audio_notice span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.9em;
  color: #8a9094;
}

.cmt-audio .audio_notice a {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.9em;
  color: #00bb9c;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAlCAYAAAA5iwvJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkNFRDQyRkQxQ0M1MTFFNjk5REFDRkRDRUEzNDYxM0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkNFRDQyRkUxQ0M1MTFFNjk5REFDRkRDRUEzNDYxM0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0VENDJGQjFDQzUxMUU2OTlEQUNGRENFQTM0NjEzQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0VENDJGQzFDQzUxMUU2OTlEQUNGRENFQTM0NjEzQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PidnTgsAAAOMSURBVHjaxJhraI1xHMefs9Fy3SXjpE4kNCIhhGYuEyvXWt5oaLTMC8ob3s2QeKHkxay5FKEI5dKmaKJpLs3ywl2mydJWxKbFzPH9bd/pOf/9n+c8Z+c5//OtTzv7X57zO//n+7/9AuFw2NIpcPe05VGzwEowD0wFIZDGup+gBbwGdeAOaPTy0HD+Vm35IGtgGg5KwHYwyaXdMNYLq8ERBl8JqkBnrF+cMoD2paAJHI0SrJNywDHwgT84kKiAR4BaUAFGWfErCE7wmSGvnWKxhFggz6W+HTwC78E30AUywWT6O9Oh32LwBKwBT/0MeLSm7De4DE5xUnW7vMn5QGbSJpCqGe37YBmo98sS5zjr+3SVHi7il3W79P0LHoJievi6ps0QUMOVxpeAX/D1bga5oBA0D8C7Ypl1YBttY1c6f0y6X6tEC0e6zodJJwt9gWZpmwgOO3UK6DYObBri11bLjFZxVO2DJ0HNwebREHWEEaxsCo/BRkMB3wKH1DDAAa+WkN1oPDjO2WtCB8EbpawAg5fjGjAaLMGfHfw3i1uoCf0C+zTlWxwDphXOKPVrDVrjCie1+v2OI9xnBVWmrPGHa3vEuQMDGewXsGIFVSatUaspmxkRsIMVrCRZ47mmbII6wk5WSIY1PmnKstXDzxdQzv/FGouUDuW2zyG291MLwAaXelneMvi5K2KnQ4UsLWVKh8GcEIlSkOeULA9tK9SNQ7cdhxJsA3ljOz20+wj2qAE3aRrOMDDZLjgcOe0qxtmiQw1Yd6PNN7Skyf3uq5MVEOy9flszCuX1vFIaF9LHVpKs0WMFt8OP+mrGMGgrSdbosYJbwGc1ZfttyRGT1vhvBceA0UASHdWaW0CZoYD7rBFhhWg3Dtm/G5QkR5hb9E1DgWdj8No83enQsJFJDvUWcAksNRGtLthol9C94J3mKl7N/EK8ymWOIqaNKSVKJkeu49+V8jQmTmo8HppUSZ9r4AEnuMyZaX4ELHrJW22Hpk5SrG957c/TZHPsSqWVLrLPelvdUCZjPMlLqqqOKaQbXJPVg1ER+cHbttiojfbJYHZortWbenVSq58BiyRZNxuct3qTdzqNBMtJLJI0V5VflrDrM0e6hCMYr+QZpbRKeyICFklS7yQYB3Zpzh1eJJbZzatPJZ9p+W0JVZ28MgnTwQqwEEwBY63e5LdI0rHN/GGSO74NnsXzWv4JMACDAtkbxEAN/wAAAABJRU5ErkJggg==") left center no-repeat;
  background-size: auto 12px;
  padding-left: 15px;
  display: block;
}

.cmt-audio audio {
  position: absolute;
  width: 48px;
  height: 85%;
  z-index: 3;
  display: none;
}

.audio_cnt {
  border: 1px solid #c0c5c9;
  background: #e5eaed;
  height: 42px;
  border-radius: 4px;
  line-height: 42px;
  position: relative;
  z-index: 2;
}

.audio_cnt .audio_ctrl {
  width: 55px;
  height: 42px;
  left: 0;
  top: 0;
}

.audio_cnt .audio_play {
  background: url(../images/audio-play.png) no-repeat center;
  background-size: 32px auto;
}

.audio_cnt .audio_pause {
  background: url(../images/audio-pause.png) no-repeat center;
  background-size: 32px auto;
}

.audio_cnt .audio_loading {
  background: url(../images/audio-loading.png) no-repeat center;
  background-size: 32px auto;
  -webkit-animation: loading 1s linear infinite;
}

.audio_cnt .audio_title {
  position: absolute;
  top: 0;
  left: 55px;
  right: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #82868a;
}

.audio_cnt .audio_time {
  position: absolute;
  width: 55px;
  text-align: center;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #82868a;
}

.pdf_list {
  clear: both;
  padding: 0 20px 10px;
  list-style: none;
}

.pdf_list li {
  background: url(../images/pdf_icon.png) no-repeat left 8px;
  padding-left: 30px;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px dotted #eaeaea;
  list-style: none;
}

.pdf_list li a {
  display: block;
  padding: 10px 0;
  word-break: break-all;
  color: #1abc9c;
}

.pdf_list li a:active {
  background: #dadada;
}

.content .offline .img {
  background: url(../images/offline.png) no-repeat center;
  width: 153px;
  height: 200px;
  margin: 130px auto 0;
}

.content .offline .w {
  line-height: 106px;
  font-size: 18px;
  color: #979fa3;
  text-align: center;
  padding-bottom: 150px;
}

.null {
  font-size: 18px;
  text-align: center;
  line-height: 140px;
}

.null a {
  color: #1abc9c;
  font-size: 18px;
}

.pay_cnt {
  padding-left: 130px;
  width: 825px;
  border-bottom: 1px solid #e7e7e7;
}

.pay_cnt .pay_couse {
  padding: 25px 0;
  zoom: 1;
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
}

.pay_cnt .pay_couse div {
  float: left;
}

.pay_cnt .pay_couse .img {
  width: 150px;
  height: 85px;
}

.pay_cnt .pay_couse .img img {
  width: 100%;
  height: 100%;
}

.pay_cnt .pay_couse .title {
  width: 490px;
  line-height: 30px;
  padding-left: 25px;
  color: #34495e;
  font-size: 16px;
}

.pay_cnt .pay_couse .old_price {
  text-align: right;
  float: right;
  color: #ababab;
  text-decoration: line-through;
  padding-top: 70px;
  padding-right: 20px;
}

.pay_cnt .pay_discount {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 5px;
  padding-right: 20px;
}

.pay_cnt .pay_discount span {
  color: #1abc9c;
}

.pay_cnt .pay_money {
  text-align: right;
  line-height: 60px;
  padding-right: 20px;
}

.pay_cnt .pay_money font {
  color: #ea8010;
  font-size: 18px;
}

.pay_cnt .pay_order {
  line-height: 40px;
  margin: 40px 0;
}

.pay_cnt .pay_type .title {
  line-height: 44px;
  font-size: 18px;
}

.pay_cnt .pay_type .pay_tabs {
  padding: 20px 0;
  zoom: 1;
  overflow: hidden;
}

.pay_cnt .pay_type .pay_tabs span {
  display: block;
  line-height: 46px;
  border: 2px solid #ababab;
  text-align: center;
  padding-left: 50px;
  padding-right: 22px;
  font-size: 16px;
  float: left;
  margin-right: 36px;
  cursor: pointer;
  background: url(../images/pay_type.png) no-repeat;
}

.pay_cnt .pay_type .pay_tabs span.spanys_bg {
  display: block;
  line-height: 46px;
  border: 2px solid #ababab;
  text-align: center;
  padding-left: 50px;
  padding-right: 22px;
  font-size: 16px;
  float: left;
  margin-right: 36px;
  cursor: pointer;
  background: url(../images/ys_logo_bg.png) 6px 6px no-repeat;
}

.pay_cnt .pay_type .pay_tabs span.spanys_bg i {
  font-style: normal;
  margin-right: 5px;
}

.pay_cnt .pay_type .pay_tabs span.wx {
  background-position: 4px center;
}

.pay_cnt .pay_type .pay_tabs span.ali {
  background-position: -176px center;
}

.pay_cnt .pay_type .pay_tabs span.on {
  border-color: #1abc9c;
}

.pay_cnt .pay_type .pay_tabs_cnt {}

.pay_cnt .pay_type .wx_pay {
  background: url(../images/scan.png) no-repeat 280px center;
  margin-bottom: 50px;
  height: 260px;
}

.pay_cnt .pay_type .wx_pay .qr_img {
  width: 240px;
  height: 240px;
  padding-top: 10px;
}

.pay_cnt .pay_type .wx_pay .qr_img img {
  width: 100%;
  height: 100%;
}

.pay_cnt .pay_type .ali_pay {
  padding: 60px 0;
  display: none;
}

.pay_cnt .pay_type .ali_pay a {
  display: block;
  width: 140px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  background: #1bc69a;
}

.pay_cnt .pay_type .ali_pay button.ljzf {
  cursor: pointer;
  border: none;
  display: block;
  width: 140px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  background: #1bc69a;
}

.pay_cnt .pay_type .ali_pay button.y_E_buzhu {
  border: none;
  display: none;
  width: 270px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  background: #1bc69a;
}

.pay_cnt .pay_success {
  border-bottom: 1px solid #e7e7e7;
  line-height: 65px;
  background: url(../images/pay_sucess.png) no-repeat left center;
  padding-left: 56px;
  margin-top: 60px;
  font-size: 16px;
  color: #34495e;
}

.pay_cnt .pay_info {
  color: #34495e;
  font-size: 14px;
  line-height: 30px;
  padding: 20px 0;
}

.pay_cnt .go_btn {
  background: #1bc69a;
  line-height: 42px;
  width: 140px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 4px;
  margin-bottom: 96px;
}

.pay_cnt .pay_service {
  height: 115px;
  margin-bottom: 30px;
}

.pay_cnt .pay_service .img {
  width: 115px;
  height: 115px;
  float: left;
  margin-right: 20px;
}

.pay_cnt .pay_service .img img {
  width: 100%;
  height: 100%;
}

.pay_cnt .pay_service p {
  line-height: 115px;
  color: #ababab;
  font-size: 14px;
}

.pay_mask {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.pay_popcont {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -268px;
  margin-top: -117px;
  background: #fff;
  width: 536px;
  height: 234px;
  z-index: 1000;
}

.pay_title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #ededed;
}

.pay_title span.pay_title_span {
  float: left;
  font-size: 16px;
  color: #151515;
  padding-left: 15px;
}

.pay_title i.pay_close {
  margin-top: 5px;
  margin-right: 5px;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  width: 20px;
  height: 20px;
  float: right;
  font-size: 16px;
  color: #151515;
}

.paycontent_erwm {
  background: url(../images/pay_wxczma.png) no-repeat;
  width: 160px;
  height: 160px;
  float: left;
  background-size: cover;
  margin: 20px 0 0 20px;
}

.paycontent_right {
  float: left;
  margin-left: 30px;
  width: 305px;
}

.paycontent_right p {
  font-size: 18px;
  font-weight: bold;
  margin-top: 50px;
}

.paycontent_right i {
  font-size: 16px;
  display: block;
  margin-top: 20px;
  font-style: normal;
}

.pop_mask {
  background: url(../images/mask.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 999;
}

.pop_mask .pop_box {
  background: #fff;
  width: 380px;
  margin: 200px auto 0;
  position: relative;
}

.pop_mask .pop_box i {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../images/pop_close.png) no-repeat center;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.pop_mask .pop_box h5 {
  line-height: 45px;
  padding-left: 18px;
  background: #1bc69a;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
}

.pop_mask .pop_box .notice {
  padding: 60px 10px;
  line-height: 24px;
  font-size: 18px;
  text-align: center;
  word-break: break-all;
  color: #34495e;
}

.pop_mask .pop_btn {
  text-align: center;
  border-top: 1px solid #ababab;
}

.pop_mask .pop_btn .pop_btn_cnt {
  width: 50%;
  float: left;
}

.pop_mask .pop_btn input {
  width: 100%;
  font-size: 18px;
  border: 0;
  height: 60px;
  background: #fff;
}

.pop_mask .pop_btn input.confirm {
  font-weight: bold;
  color: #1bc69a;
}

.pop_mask .pop_btn input.cancel {
  color: #ababab;
  border-left: 1px solid #ababab;
}

.buy_mask,
.score_mask {
  background: url(../images/mask.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 100;
  display: none;
}

.cantMove {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.score_mask {
  overflow: scroll;
}

.score_mask .score_box {
  width: 580px;
  padding-bottom: 30px;
  position: absolute;
  left: 50%;
  margin-left: -385px;
  top: 20%;
  background: #fff;
  border-radius: 6px;
}

.score_mask .score_box .title {
  text-align: center;
  padding-top: 70px;
  font-size: 18px;
  padding-bottom: 30px;
  color: #252323;
}

.buy_mask .buy_box {
  width: 770px;
  padding-bottom: 30px;
  position: absolute;
  left: 50%;
  margin-left: -385px;
  top: 20%;
  background: #fff;
}

.buy_mask .buy_box h5 {
  line-height: 45px;
  padding-left: 18px;
  background: #1bc69a;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
}

.buy_mask .buy_box i {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../images/pop_close.png) no-repeat center;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.score_mask .score_box i {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/close_scro@2x.png) no-repeat center;
  top: 15px;
  right: 15px;
  cursor: pointer;
  background-size: 100% 100%;
}

.buy_mask .buy_box .pay_couse {
  padding: 25px 20px;
  zoom: 1;
  overflow: hidden;
}

.buy_mask .buy_box .pay_couse .img {
  width: 150px;
  height: 85px;
  float: left;
}

.buy_mask .buy_box .pay_couse .img img {
  width: 100%;
  height: 100%;
}

.buy_mask .buy_box .pay_couse .title {
  float: right;
  width: 550px;
  color: #34495e;
}

.buy_mask .buy_box .course_price {
  text-align: right;
  padding-right: 20px;
}

.buy_mask .buy_box .btn {
  padding-top: 70px;
}

.buy_mask .buy_box .btn input {
  display: block;
  border: 0;
  cursor: pointer;
  float: right;
  width: 140px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  margin-right: 35px;
}

.buy_mask .buy_box .btn input.confirm {
  background: #1bc69a;
}

.buy_mask .buy_box .btn input.cancel {
  background: #ababab;
}

.footer {
  clear: both;
  min-width: 1170px;
}

.footer .related {
  padding: 20px 30px;
  width: 1110px;
}

.footer .related .navi {
  float: left;
  width: 120px;
}

.footer .related .navi a {
  display: block;
  line-height: 30px;
  color: #979fa3;
}

.footer .related h5 {
  font-size: 16px;
  font-weight: normal;
  line-height: 50px;
}

.footer .related .qr {
  float: left;
  margin-left: 80px;
}

.footer .related .qr ul li {
  list-style: none;
  float: left;
  width: 115px;
  text-align: center;
}

.footer .related .qr ul li span {
  line-height: 34px;
  display: block;
  color: #979fa3;
  text-align: center;
}

.footer .related .qr ul li img {
  width: 92px;
  height: 92px;
}

.footer .related .links {
  clear: both;
}

.footer .related .links .links_cnt a {
  margin-right: 30px;
  line-height: 40px;
}

.footer .qualification {
  background: #ecf0f3;
  text-align: center;
  line-height: 30px;
  padding: 20px 0;
}

.main .xl_slogan .w .jp_title {
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 67px;
}

.main_cnt .main_left .jp_xl_content {}

.main_cnt .main_left .jp_father_title {
  border-top: 1px solid #d4cfcf;
}

.main_cnt .main_left .jp_father_title .title {
  font-size: 18px;
  color: #3c485c;
  line-height: 65px;
  position: relative;
}

.main_cnt .main_left .jp_father_title .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 21px;
  padding: 10px 10px;
}

/* .main_cnt .main_left .child_title_wrapper{display:none} */
.main_cnt .main_left .child_title_wrapper .child_title {
  line-height: 40px;
}

.main_cnt .main_left .child_title_wrapper .child_title .child_title_icon {
  width: 12px;
  height: 16px;
  display: inline-block;
}

.main_cnt .main_left .child_title_wrapper .child_title .child_title_info {
  font-size: 16px;
  color: #3c485c;
  margin-left: 5px;
  cursor: pointer;
}

.main_cnt .main_left .child_title_wrapper .child_title .child_title_after {
  font-size: 14px;
  color: #ababab;
  margin-right: 10px;
  cursor: pointer;
}

.main_cnt .main_left .child_title_wrapper {
  margin-left: 5px;
}

/* 抽奖部分 */
/* 抽奖 */
/* 10-50人 */
.reward {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1500;
}

.reward .close {
  position: absolute;
  width: 3rem;
  top: 32%;
  right: 40%;
  text-align: center;
  height: 3rem;
}

.reward .title {
  position: absolute;
  left: 48%;
  top: 35%;
  font-size: 1.88rem;
  color: rgba(255, 255, 255, 1);
  line-height: 2.63rem;
  font-weight: 500;
}

.reward .close img {
  width: 50% !important;
  height: 50%;
}

.reward .reward_content {
  position: absolute;
  left: 39%;
  top: 40%;
  width: 26rem;
  z-index: 1505;
}

.reward .reward_content img {
  width: 100%;
}

.reward #scroll_con1 {
  font-size: 0.33rem;
  list-style: none;
  top: 0;
  font-weight: 400;
  line-height: 0.46rem;
  color: rgba(128, 72, 55, 1);
  font-family: PingFangSC-Regular;
}

.reward .reward_content #scrollBox {
  width: 19rem;
  top: 46%;
  left: 18%;
  position: absolute;
  height: 1.38rem;
  overflow: hidden;
  z-index: 1510;
  height: 1.38rem;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(128, 72, 55, 1);
  line-height: 1.38rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reward .reward_content #scrollBox .all {
  height: 1.38rem;
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(128, 72, 55, 1);
  line-height: 1.38rem;
}

.reward .reward_content #scrollBox span {
  font-size: 1rem;
  color: rgba(128, 72, 55, 1);
  font-weight: 400;
}

.reward #scroll_con2 {
  font-size: 0.33rem;
  list-style: none;
  top: 0;
  font-weight: 400;
  line-height: 0.46rem;
  color: rgba(128, 72, 55, 1);
  font-family: PingFangSC-Regular;
}

/* 抽奖10人之下 */
.gif_area {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1501;
}

.gifpic_wrap {
  width: 3rem;
  height: 2rem;
  display: relative;
  bottom: 20%;
}

.gif_area .close {
  z-index: 1502;
  top: 38%;
  left: 55%;
  position: absolute;
  display: inline-block;
  width: 3rem;
  right: 4rem;
  height: 3rem;
  text-align: center;
}

.gif_area .close img {
  width: 50% !important;
  height: 50%;
}

.gif_area .title {
  position: absolute;
  left: 48%;
  top: 40%;
  font-size: 1.88rem;
  color: rgba(255, 255, 255, 1);
  line-height: 2.63rem;
  font-weight: 500;
}

.gifpic_wrap {
  width: 375px;
  left: 40%;
  top: 36%;
  position: absolute;
  bottom: 20%;
}

.gifpic_wrap img {
  width: 100%;
}

#picID {
  z-index: 1505;
}

/* 抽奖结果 */
.getReward_result {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1501;
  display: none;
}

.getReward_result .close {
  z-index: 5;
  top: 24%;
  position: absolute;
  display: inline-block;
  width: 3rem;
  right: 40%;
  text-align: center;
  height: 3rem;
}

.getReward_result .close img {
  width: 50% !important;
  height: 50%;
}

.getReward_result .content_wrap {
  width: 13rem;
  position: absolute;
  top: 27%;
  left: 30%;
}

/* 中奖样式 */
.getReward_result .content_wrap span {
  position: absolute;
  z-index: 1502;
  text-align: center;
}

.getReward_result .content_wrap .is_getReward_yes {
  display: none;
}

.getReward_result .content_wrap .is_getReward_yes .getReward_name {
  position: absolute;
  top: 9rem;
  color: rgba(214, 102, 84, 1);
  line-height: 1.38rem;
  font-size: 1rem;
  width: 16.88rem;
  left: 18.5rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.getReward_result .content_wrap .is_getReward_yes .getRewardcode_codeOr_cry {
  width: 10rem;
  line-height: 1.75rem;
  color: rgba(140, 57, 43, 1);
  font-weight: 500;
  font-size: 1.25rem;
  position: absolute;
  left: 21.5rem;
  top: 15rem;
}

.getReward_result .content_wrap .is_getReward_yes .getReward_bot {
  width: 19rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 5rem;
  left: 17rem;
  right: 1rem;
  color: rgba(121, 57, 46, 1);
  font-weight: 400;
  line-height: 1.06rem;
}

.getReward_result .content_wrap .is_getReward_yes img {
  display: inline-block;
  width: 800px;
}

/* 未中奖样式 */
.getReward_result .content_wrap .is_getReward_no {
  position: absolute;
  width: 400px;
  left: 80%;
}

.getReward_result .content_wrap .is_getReward_no .cry {
  width: 50px;
  position: absolute;
  display: inline-block;
  left: 12rem;
  top: 43%;
}

.getReward_result .content_wrap .is_getReward_no .cry img {
  width: 100%;
}

.getReward_result .content_wrap .is_getReward_no .chadian {
  font-size: 18px;
  font-weight: 500;
  color: rgba(214, 102, 84, 1);
  line-height: 1.38rem;
  position: absolute;
  top: 17rem;
  left: 9rem;
}

.getReward_result .content_wrap .is_getReward_no .getReward_name {
  font-size: 14px;
  color: rgba(121, 57, 46, 1);
  font-weight: 400;
  line-height: 1.06rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 2rem;
}

.getReward_result .content_wrap .is_getReward_no .fail {
  display: inline-block;
  width: 388px;
}

/* 优惠券的页面css */
.user_cnt .coupon_list_right {
  width: 750px;
  float: left;
  border: 1px solid #1abc9c;
}

.coupon_cnt {
  border: none;
  padding-left: 0;
  width: 1170px;
}

.pay_cnt .pay_couse .no_u_coupon_price {
  text-decoration: inherit;
}

.pay_cnt .coupon_course {
  border: none;
}

.pay_cnt .coupon_course .title {
  width: 639px;
}

.pay_cnt .pay_couse .no_u_coupon_price b {
  color: rgba(25, 188, 156, 1);
}

.pay_cnt .coupon_area {}

.pay_cnt .coupon_area p.title {
  font-size: 16px;
  line-height: 48px;
}

.pay_cnt .coupon_area .couponlist .u_coupon {
  position: relative;
  display: inline-block;
  background-image: url(../images/buy_bg1_nor@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 366px;
  height: 192px;
  margin-left: 4px;
  padding: 30px;
}

.pay_cnt .coupon_area .couponlist .u_coupon:hover {
  background-image: url(../images/buy_bg1@2x.png);
}

.pay_cnt .coupon_area .couponlist .n_u_coupon {
  position: relative;
  display: inline-block;
  background-image: url(../images/buy_bg2@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 366px;
  height: 192px;
  margin-left: 4px;
  padding: 30px;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon:hover {
  background-image: url(../images/buy_bg2@2x.png);
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .price {
  width: 110px;
  margin-top: 20px;
  text-align: center;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .info {
  margin-top: 16px;
  width: 150px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .info .title {
  line-height: 30px;
  font-size: 15px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .info .condition {
  color: #b1b1b1;
  font-size: 12px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .info .condition i {
  color: #b1b1b1;
  font-size: 12px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .info .title b {
  font-size: 15px;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 22px;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon .t_info .info .title b {
  font-size: 15px;
  letter-spacing: 1px;
  color: rgba(37, 35, 35, 0.4);
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .price .p_num {
  color: rgba(25, 188, 156, 1);
  font-size: 40px;
  font-weight: 500;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon .t_info .price .p_num {
  color: rgba(37, 35, 35, 0.4);
  font-size: 40px;
  font-weight: 500;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .price .p_type {
  color: #b1b1b1;
  font-size: 12px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .pretty {
  top: 10px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .t_info .radioSelect {
  left: 25px;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon .t_info .pretty {
  width: 45px;
  height: 34px;
  background-image: url(../images/coupons_pic_no@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 5px;
  top: 21px;
}

.pay_cnt .coupon_area .couponlist .u_coupon i {
  font-style: inherit;
}

.pay_cnt .coupon_area .couponlist .u_coupon .b_info {
  float: left;
  position: absolute;
  bottom: 30px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .b_info .type {
  width: 48px;
  height: 16px;
  background: rgba(25, 188, 156, 0.3);
  border-radius: 12px;
  display: inline-block;
  text-align: center;
}

.pay_cnt .coupon_area .couponlist .u_coupon .b_info .type i {
  color: rgba(25, 188, 156, 1);
  font-size: 12px;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon .b_info .type {
  width: 48px;
  height: 16px;
  background: rgba(158, 157, 157, 0.3);
  border-radius: 12px;
  display: inline-block;
  text-align: center;
}

.pay_cnt .coupon_area .couponlist .n_u_coupon .b_info .type i {
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .b_info .date {
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
  letter-spacing: 1px;
}

.pay_cnt .coupon_area .couponlist .u_coupon .b_info .date i {
  color: rgba(170, 170, 170, 1);
  font-size: 12px;
}

.pay_cnt .coupon_area .sel_coupon_info {
  margin-top: 20px;
  color: rgba(255, 156, 0, 1);
  text-align: right;
  padding-right: 45px;
}

.pay_cnt .coupon_area .sel_coupon_info i {
  color: rgba(255, 156, 0, 1);
  font-style: inherit;
}

.pay_cnt .coupon_area .x_j_num {
  padding-right: 45px;
  margin-top: 20px;
  text-align: right;
  color: rgba(77, 77, 77, 1);
}

.pay_cnt .coupon_area .x_j_num i {
  font-style: inherit;
  color: rgba(25, 188, 156, 1);
}

.pay_cnt .coupon_area .pay_btn_area {
  text-align: right;
  padding-right: 45px;
  margin-top: 40px;
}

.pay_cnt .coupon_area .pay_btn_area .gobuy {
  border: none;
  background: rgba(255, 156, 0, 1);
  border-radius: 20px;
  display: inline-block;
  width: 110px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.pay_cnt .coupon_area .pay_btn_area .cancel {
  border: none;
  background: rgba(214, 216, 216, 1);
  border-radius: 20px;
  display: inline-block;
  width: 110px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.my_coupon_can_use .c_u_coupon_list {
  margin-top: 20px;
  margin-right: 10px;
  display: inline-block;
  background-image: url(../images/bg_nor@2x.png);
  width: 213px;
  height: 238px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 19px;
}

.my_coupon_can_use .c_u_coupon_list:hover {
  background-image: url(../images/bg@2x.png);
}

.user_cnt .user_right .my_coupon_can_use {
  padding-top: 0;
}

.my_coupon_can_use .c_u_coupon_list .faceValue {
  text-align: center;
  color: #b1b1b1;
  font-size: 12px;
}

.my_coupon_can_use .c_u_coupon_list .faceValue span {
  color: #19bc9c;
  font-weight: bold;
  font-size: 30px;
}

.my_coupon_can_use .c_u_coupon_list .title {
  padding: 0 10%;
  width: 79%;
  text-align: center;
  color: rgba(37, 35, 35, 1);
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 38px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.my_coupon_can_use .c_u_coupon_list .info {
  margin-top: 10px;
  text-align: center;
}

.my_coupon_can_use .c_u_coupon_list .info .type {
  color: rgba(25, 188, 156, 1);
  background: rgba(25, 188, 156, 0.3);
  border-radius: 12px;
  display: inline-block;
  width: 48px;
  font-size: 12px;
  height: 16px;
  margin-right: 4px;
}

.my_coupon_can_use .c_u_coupon_list .info .useValue {
  color: rgba(139, 139, 139, 1);
  font-weight: 400;
  font-size: 12px;
}

.my_coupon_can_use .c_u_coupon_list .info .useValue i {
  font-style: inherit;
  color: rgba(139, 139, 139, 1);
  font-size: 12px;
}

.my_coupon_can_use .c_u_coupon_list .date {
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
  color: rgba(139, 139, 139, 1);
}

.my_coupon_can_use .c_u_coupon_list .date span {
  font-size: 12px;
  color: rgba(139, 139, 139, 1);
}

.my_coupon_can_use .c_u_coupon_list .goUse {
  margin-top: 34px;
  text-align: center;
  color: #9e9d9d;
}

.my_coupon_can_use .c_u_coupon_list .goUse .on {
  cursor: pointer;
  border-radius: 20px;
  width: 110px;
  height: 32px;
  display: inline-block;
  background: rgba(255, 156, 0, 1);
  color: rgba(255, 255, 255, 1);
  line-height: 32px;
}

.my_coupon_can_use .c_u_coupon_list .goUse .go_use_btn {
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid rgba(255, 157, 0, 1);
  width: 110px;
  height: 32px;
  display: inline-block;
  color: rgba(255, 156, 0, 1);
  line-height: 32px;
}

.my_coupon_can_use .c_u_coupon_list .goUse .go_use_btn:hover {
  background: rgba(255, 156, 0, 1);
  color: rgba(255, 255, 255, 1);
}

/* 不可用 */
.my_coupon_nocan_use {
  padding-left: 77px !important;
}

.my_coupon_nocan_use .c_u_coupon_list {
  height: 214px;
  width: 193px;
  background-image: url(../images/bg1@2x.png);
}

.my_coupon_nocan_use .c_u_coupon_list:hover {
  background-image: url(../images/bg1@2x.png);
}

.my_coupon_nocan_use .c_u_coupon_list .faceValue span {
  color: #9e9d9d;
  font-weight: bold;
  font-size: 30px;
}

.my_coupon_nocan_use .c_u_coupon_list .title {
  color: #9e9d9d;
}

.my_coupon_nocan_use .c_u_coupon_list .info .type {
  color: #fff;
  background: rgba(158, 157, 157, 0.3);
}

.my_coupon_nocan_use .c_u_coupon_list .goUse {
  margin-top: 37x;
}

.my_coupon_can_use .c_u_coupon_list .info .useValue {
  color: #9e9d9d;
  font-weight: 400;
  font-size: 12px;
}

.my_coupon_can_use .c_u_coupon_list .info .useValue i {
  font-style: inherit;
  color: #9e9d9d;
  font-size: 12px;
}

.my_coupon_can_use .c_u_coupon_list .date {
  margin-top: 6px;
  color: #9e9d9d;
}

.my_coupon_can_use .c_u_coupon_list .date span {
  color: #9e9d9d;
}

/* 我的优惠券列表页，没有优惠券的时候显示 */
.my_coupon_can_use .no_coupon {
  margin-top: 100px;
}

.my_coupon_can_use .no_coupon .img_bg {
  margin: 0 auto;
  display: block;
  background-image: url(../images/coupons_pic_empty_pc@2x.png);
  background-size: 100% 100%;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
}

.my_coupon_can_use .no_coupon .info {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: rgba(177, 177, 177, 1);
}

/* 项目e站 */
.main .main_cnt .main_left .business_list {
  width: 1000px;
  min-height: 420px;
}

.main .main_cnt .main_left .business_list ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.main .main_cnt .main_left .business_list ul li {
  width: 30%;
  margin-left: 30px;
  margin-bottom: 26px;
}

.main .main_cnt .main_left .business_list ul li .img {
  width: 300px;
  height: 169px;
}

.main .main_cnt .main_left .business_list ul li .img img {
  width: 100%;
  height: 100%;
}

.main .main_cnt .main_left .business_list ul li .title {
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}

.main .main_cnt .main_left .business_list .business_null {
  height: 199px;
  width: 259px;
  margin: 0 auto;
}

.main .main_cnt .main_left .business_list .business_null img {
  width: 100%;
}

.main .main_cnt .main_left .business_list .business_null_info {
  font-size: 20px;
  color: rgba(62, 62, 62, 1);
  font-family: MicrosoftYaHeiUI;
  line-height: 25px;
  text-align: center;
  margin-top: 20px;
}

/* 滑块验证 */
/* #loginSubmit-Vercode {
  display: none;
} */
/* #loginSubmit-none {
  display: none;
} */
.geetest_panel .geetest_small .geetest_feedback {
  display: none !important;
}

.geetest_panel .geetest_copyright {
  display: none;
}

.cpt-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  text-align: center;
  animation-duration: 0.3s;
  max-width: 300px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  word-wrap: break-word;
}

.stars {
  padding: 5px;
  margin-bottom: 10px;
  text-align: center;
  display: inline-block;
}

.stars-wrapper div {
  text-align: center;
}

.stars-wrapper div span {
  width: 100px;
  display: inline-block;
  font-size: 15px;
  position: relative;
  top: -5px;
  text-align: left;
}

.stars li {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/Star_nor@2x.png);
  margin-right: 5px;
  background-size: 100%;
}

.stars span {
  display: inline-block;
  width: 150px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(37, 35, 35, 1);
  line-height: 15px;
}

/* 显示评分数 */
.stars li.on {
  background: url(../images/star_sel@2x.png);
  background-size: 100%;
}

.comment .title {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #b1b1b1;
  line-height: 15px;
  margin-bottom: 27px;
}

.comment_sub_btn {
  margin: 0 auto;
  width: 200px;
  height: 38px;
  background: rgba(197, 197, 197, 1);
  border-radius: 25px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 59px;
}

.comment_sub_btn span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 38px;
}

.score {
  display: none;
}

.score_mask .on {
  background: #41a09a;
}

.comment .on {
  background: #41a09a;
}

.noClick {
  pointer-events: none;
}

#resBox {
  position: absolute;
  top: 30%;
  background: #ffffff;
  left: 50%;
  margin-left: -270px;
  width: 555px;
  min-height: 40px;
  border: solid 1px #f1f1f1;
  box-shadow: 0px 0px 5px #f1f1f1;
  display: none;
  padding: 20px;
}

#resultList {
  margin-top: 20px;
}

#resultList ul {
  padding-bottom: 20px;
}

#resultList li {
  height: 50px;
  line-height: 40px;
  padding: 0 20px;
  border: none;
  cursor: pointer;
  position: relative;
  list-style: none;
}

#resultList li .h-pos {
  font-style: normal;
  position: absolute;
  bottom: 0;
  line-height: 12px;
  left: 20px;
  font-size: 0.875rem;
  color: #b1b1b1;
}

#addHospital {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #1abc9c;
  font-weight: 500;
  border-top: solid 1px #f1f1f1;
  padding-left: 20px;
  background: #ffffff;
}

#mask {
  background: #000000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

#areaBox {
  position: absolute;
  top: 110px;
  left: 40px;
  width: 450px;
  background: #ffffff;
  padding: 15px;
  display: none;
  box-shadow: 1px 2px 8px #b1b1b1;
}

#areaBox .norm {
  color: #17bc9c;
}

#areaBox i {
  color: #151515;
  padding-right: 10px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
}

#areaBox .container-area {
  word-break: break-all;
}

#areaBox li {
  line-height: 45px;
  color: #252323;
  font-size: 14px;
  border-bottom: solid 1px #dddddd;
  text-indent: 10px;
}

#areaBox .index {
  background: #e9e9e9;
  line-height: 28px;
  text-indent: 10px;
  color: #595959;
}

#areaCodeBox {
  height: 260px;
  overflow: scroll;
}

/* @media screen and (max-width: 1920px) {
  .index_banner ul li {
    height: 480px;
  }
  .index_banner {
    height: 480px;
  }
}
@media screen and (max-width: 1680px) {
  .index_banner ul li {
    height: 420px;
  }
  .index_banner {
    height: 420px;
  }
}
@media screen and (max-width: 1440px) {
  .index_banner ul li {
    height: 360px;
  }
  .index_banner {
    height: 360px;
  }
}
@media screen and (max-width: 1366px) {
  .index_banner ul li {
    height: 341px;
  }
  .index_banner {
    height: 341px;
  }
}
@media screen and (max-width: 1280px) {
  .index_banner ul li {
    height: 320px;
  }
  .index_banner {
    height: 320px;
  }
}
@media screen and (max-width: 1100px) {
  .index_banner ul li {
    height: 275px;
  }
  .index_banner {
    height: 275px;
  }
} 
@media screen and (max-width: 1024px) {
  .index_banner ul li {
    height: 256px;
  }
  .index_banner {
    height: 256px;
  }
}  */
/* 登录密码过期 */
.login-tips-wrap {
  display: none;
}

.login-tips-cont {
  padding: 30px;
  text-align: center;
}

.login-tips-cont p {
  font-size: 18px;
}

.login-tips-cont .go-login-page {
  width: 150px;
  display: block;
  text-align: center;
  background: #1abc9c;
  font-size: 18px;
  border: 0;
  height: 60px;
  border-radius: 6px;
  color: #fff;
  line-height: 60px;
  margin: 40px auto 0;
}

.pwd-tips {
  font-size: 12px;
  padding-top: 3px;
  color: #858585;
}

.disabled-comment {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}

.newsHint {
  padding: 12px 17px;
  background: rgba(50, 50, 53, 1);
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  border-radius: 4px;
  color: #fff;
}

#userInfoPhoneCont #areaNum {
  background: url(../images/login_icon.png) no-repeat;
  background-position: right -202px;
  padding-right: 20px;
  cursor: pointer;
}

.area-code-border {
  border-left: 1px solid #DEDEDE;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.left-login-img {
  width: 514px;
  float: left;
  padding-left: 57px;
  position: relative;
}

.left-login-img .download-btn {
  position: absolute;
  width: 258px;
  height: 46px;
  background: url(https://test-image.medtrib.cn/image/post/picture/5/8432d5e2-fd8f-464e-b70b-2b78b2fd7baa.png) no-repeat left center;
  background-size: 100% 100%;
  right: 31px;
  bottom: 99px;
}

.left-login-img .password-left-img {
  display: none;
}

.left-login-img .bac-img {
  display: block;
  width: 100%;
  border: 1px solid #e9e9e9;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

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

.right-login-tab .code-tab {
  background: url(https://test-image.medtrib.cn/image/post/picture/5/c28890e2-c60e-4584-8795-8b97ed131d2a.png) no-repeat left center;
  width: 125px;
  height: 110px;
  background-size: 100% 100%;
  cursor: pointer;
  display: none;
}

.right-login-tab .passwd-tab {
  background: url(https://test-image.medtrib.cn/image/post/picture/5/b68bec62-c4ce-4d0d-a065-0f800ac51504.png) no-repeat left center;
  width: 125px;
  height: 110px;
  background-size: 100% 100%;
  cursor: pointer;
}

.login-code-box {
  width: 190px;
  height: 190px;
  border-radius: 6px;
  border: 1px solid #41A09A;
  margin: 0 auto;
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
  margin-top: 30px;
}

.code-tips-text {
  color: #292929;
  font-size: 16px;
  font-weight: bold;
  background: url(https://test-image.medtrib.cn/image/post/picture/5/caea8355-b21c-45b3-b4fa-864ff9603928.png) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 20px;
  margin-top: 24px;
  margin-left: 100px;
}

.login_mask .code-tips-text {
  margin-left: 125px;
}

.login-code-box .code-status {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 26px;
  top: 26px;
  background: rgba(255, 255, 255, .9);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.code-success {
  color: green;
  line-height: 160px;
  display: none;
}

.code-timeout {
  color: #999;
  padding-top: 40px;
  box-sizing: border-box;
  display: none;
}

.code-timeout .refresh-code {
  background: url(https://test-image.medtrib.cn/image/post/picture/5/b21a69c4-c3d7-474d-bbaa-00b959098f9b.png) no-repeat left center;
  width: 20px;
  height: 27px;
  background-size: 100% 100%;
  display: inline-block;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 10px;
}

#qrcode {
  line-height: 180px;
  text-align: center;
  font-size: 16px;
}

#refreshCodeBtn {
  cursor: pointer;
  padding: 5px;
}

.download-app-btn {
  background: #ebebeb;
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  color: #41A09A;
  display: block;
  margin: 30px auto 0;
  width: 250px;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}