.box, .boxbg {
  position: relative;
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto; }

.title_bm {
  width: 4.2666666667rem;
  font-size: 0.32rem;
  color: #fff;
  margin: 0 auto;
  margin-top: 11vh; }
  .title_bm p {
    text-align: center;
    line-height: 0.5066666667rem;
    font-weight: 400; }
    .title_bm p span {
      font-size: 0.3733333333rem;
      display: inline-block;
      margin-top: 0.1333333333rem; }

.boxbg {
  position: fixed;
  height: 100vh;
  background: url(../image/bg_online.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
  right: 0; }

.bm_list {
  width: 100%;
  overflow: hidden;
  margin-top: 1.92rem; }
  .bm_list .list_a {
    width: 50%;
    height: 6.4666666667rem;
    float: left;
    text-align: center;
    color: #ffffff;
    position: relative; }
    .bm_list .list_a img {
      width: 3.3866666667rem;
      height: 3.3866666667rem;
      margin: 0 auto; }
    .bm_list .list_a h1, .bm_list .list_a h2 {
      font-size: 0.4rem; }
    .bm_list .list_a h1 {
      margin: 0.2666666667rem 0; }
    .bm_list .list_a h3 {
      position: absolute;
      bottom: 0;
      left: .9rem;
      width: 3.1333333333rem;
      height: 1.0133333333rem;
      background: url("../image/btn_bm.png") no-repeat;
      background-size: 100% 100%; }
      .bm_list .list_a h3 a {
        display: block;
        height: 100%; }

.study_car_top {
  width: 10rem;
  height: 5.3333333333rem; }
  .study_car_top img {
    width: 100%;
    height: 100%; }

.study_car_content {
  width: 100%;
  overflow: hidden; }
  .study_car_content h1 {
    font-size: 0.48rem;
    color: #000;
    font-weight: 400;
    margin-top: 0.6666666667rem;
    text-align: center;
    margin-bottom: 0.7333333333rem; }
  .study_car_content p {
    width: 8.8666666667rem;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #000;
    line-height: 0.64rem;
    text-indent: 0.64rem;
    padding-bottom: 0.7333333333rem; }

.btn_bm {
  width: 4.76rem;
  height: 1.0933333333rem;
  background: url("../image/btn_bm1.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 0.9333333333rem;
  margin-bottom: 1.3333333333rem; }

.write_info_box {
  width: 9.4666666667rem;
  height: 97vh;
  margin-top: 0.2666666667rem;
  margin-left: 0.2666666667rem;
  background-color: #ffffff; }

.write_list {
  width: 100%;
  height: 1.2933333333rem;
  overflow: hidden; }
  .write_list .icon_tory {
    font-size: 0.32rem;
    width: 0.6666666667rem;
    margin-right: 0.08rem;
    text-align: right;
    color: #53a6fa;
    line-height: 1.4rem;
    display: block;
    float: left; }
  .write_list .info_content {
    width: 8rem;
    height: 1.2933333333rem;
    border-bottom: 0.0133333333rem solid #eeeeee;
    float: left;
    position: relative; }
    .write_list .info_content i {
      display: inline-block;
      line-height: 1.2933333333rem;
      padding-left: 0.1333333333rem; }
    .write_list .info_content input {
      /*line-height:rem(97px);*/ }
    .write_list .info_content .user_code {
      width: 2.4rem; }
    .write_list .info_content #dateSelectorTwo {
      width: 50%; }
    .write_list .info_content em {
      width: 0.28rem;
      height: 0.1866666667rem;
      display: inline-block;
      background: url("../image/down.png") no-repeat;
      background-size: 100% 100%;
      float: right;
      margin-top: 0.5533333333rem; }
    .write_list .info_content u {
      text-decoration: none;
      width: 2.3733333333rem;
      text-align: center;
      height: 1.04rem;
      line-height: 1.04rem;
      border: 0.0133333333rem solid #53a6fa;
      color: #53a6fa;
      border-radius: 0.3rem;
      font-size: 0.4rem;
      display: inline-block;
      margin-top: 0.1133333333rem;
      position: absolute;
      right: 0; }

.choose_sex {
  display: inline-block;
  float: right;
  margin-top: 0.3333333333rem;
  margin-left: 0.5866666667rem; }
  .choose_sex b {
    width: 0.3466666667rem;
    height: 0.3466666667rem;
    display: inline-block;
    background: url("../image/off.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: super;
    margin-right: 0.4rem; }
  .choose_sex img {
    width: 0.56rem;
    height: 0.6266666667rem;
    display: inline-block; }

.sex_active b {
  background: url("../image/on.png") no-repeat;
  background-size: 100% 100%; }

.is_agree {
  width: 100%;
  height: 0.3733333333rem;
  text-align: center;
  margin-top: 0.8533333333rem; }
  .is_agree .btn_dui {
    width: 0.3733333333rem;
    height: 0.3733333333rem;
    display: inline-block;
    background: url("../image/dui_off.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle; }
  .is_agree .dui_active {
    background: url("../image/dui_on.png") no-repeat;
    background-size: 100% 100%; }
  .is_agree b {
    color: #686868;
    line-height: 0.3733333333rem;
    font-size: 0.32rem; }
    .is_agree b span {
      font-size: 0.32rem;
      color: #53a6fa; }

.hetong_box {
  width: 100%;
  height: 100%;
  z-index: 9;
  position: absolute;
  top: -200%;
  background-color: #fff; }
  .hetong_box h1 {
    color: #000;
    font-size: 0.48rem;
    font-weight: 400;
    text-align: center;
    margin-top: 0.76rem;
    margin-bottom: 0.7333333333rem; }
  .hetong_box p {
    width: 8.8666666667rem;
    line-height: 0.64rem;
    font-size: 0.32rem;
    margin: 0 auto;
    text-indent: 0.64rem; }

.agree_none {
  width: 100%;
  height: 2rem; }

.btn_agree, .btn_next {
  width: 7.68rem;
  height: 1.0933333333rem;
  background: url("../image/btn_agree.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 2.6666666667rem;
  display: none; }

.btn_next {
  bottom: 2.6133333333rem;
  background: url("../image/next_off.png") no-repeat;
  background-size: 100% 100%;
  display: block; }

.next_active {
  background: url("../image/next_on.png") no-repeat;
  background-size: 100% 100%; }

.orderTop {
  width: 100%;
  height: 5.3333333333rem;
  overflow: hidden; }
  .orderTop img {
    width: 100%;
    height: 100%; }

.goodsName {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.4666666667rem;
  margin-top: 0.4666666667rem;
  margin-bottom: 0.4rem; }
  .goodsName b {
    float: left;
    color: #000;
    font-size: 0.4rem; }
  .goodsName i {
    float: right;
    color: #868686;
    font-size: 0.32rem; }

.goodsPrice {
  padding: 0 0.4666666667rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #e60012;
  font-size: 0.48rem;
  padding-bottom: 0.2666666667rem;
  border-bottom: 0.0266666667rem solid #dcdcdc; }

.orderBox {
  width: 100%;
  overflow: hidden;
  background-color: #f6f6f6; }

.orderInfo {
  width: 9.44rem;
  height: 6.8133333333rem;
  margin: 0 auto;
  margin-top: 0.2666666667rem;
  border: 0.0133333333rem solid #eeeeee;
  border-radius: 0.0533333333rem;
  background-color: #fff; }

.order_info_tab {
  width: 100%;
  height: 1rem;
  overflow: hidden; }
  .order_info_tab b {
    width: 0.36rem;
    height: 0.4rem;
    display: inline-block;
    background: url("../image/info_icon.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 0.2rem;
    margin-top: 0.3rem;
    vertical-align: middle;
    float: left; }
  .order_info_tab i {
    font-size: 0.3733333333rem;
    color: #000;
    line-height: 1rem;
    display: inline-block;
    vertical-align: middle;
    float: left; }

.infoList {
  width: 7.8rem;
  margin: 0 auto; }
  .infoList li {
    height: 1.0133333333rem;
    line-height: 1.0133333333rem;
    border-bottom: 0.0133333333rem solid #e0e0e0; }
    .infoList li b {
      display: block;
      float: left;
      font-size: 0.3466666667rem;
      color: #5a5a5a; }
    .infoList li i {
      display: block;
      float: right;
      font-size: 0.3333333333rem;
      color: #1f92ef; }

.orderFooter_none {
  width: 100%;
  height: 1.6rem; }

.orderFooter {
  width: 100%;
  height: 1.3333333333rem;
  position: fixed;
  bottom: 0;
  background-color: #fff; }
  .orderFooter i {
    display: inline-block;
    font-size: 0.3466666667rem;
    color: #000;
    line-height: 1.3333333333rem;
    margin-left: 0.7333333333rem; }
    .orderFooter i span {
      color: #e60012; }
  .orderFooter .btn_buy {
    width: 2.6666666667rem;
    height: 1.3333333333rem;
    line-height: 1.3333333333rem;
    text-align: center;
    background-color: #e60012;
    color: #fff;
    font-size: 0.3466666667rem;
    float: right; }

.success_img {
  width: 100%;
  height: 7.0666666667rem;
  overflow: hidden;
  margin-top: 1.16rem; }
  .success_img img {
    width: 100%;
    height: 100%; }

.pay_money {
  width: 100%;
  height: 0.4666666667rem;
  line-height: 0.4666666667rem;
  text-align: center;
  color: #707070;
  font-size: 0.32rem; }

.menu_two {
  width: 100%;
  overflow: hidden;
  margin-top: 1.8133333333rem; }
  .menu_two a {
    width: 3.5733333333rem;
    height: 1.0933333333rem;
    display: block;
    float: left; }
    .menu_two a img {
      width: 100%;
      height: 100%; }
  .menu_two a:first-child {
    margin-left: 0.8rem; }
  .menu_two a:last-child {
    float: right;
    margin-right: 0.8rem; }

.login_title {
  padding-left: 1rem;
  padding-top: 1.64rem;
  margin-bottom: 2.2133333333rem;
  font-size: 0.8rem;
  font-weight: 400; }

.login_list {
  width: 8rem;
  height: 2.0666666667rem;
  margin: 0 auto;
  border-bottom: 0.0133333333rem solid #eeeeee; }
  .login_list b {
    width: 1.7333333333rem;
    line-height: 2.0666666667rem;
    display: block;
    float: left;
    color: #53a6fa;
    font-size: 0.4rem; }
  .login_list .login_phone, .login_list .login_code {
    border: 0;
    outline: 0;
    font-size: 0.4rem;
    height: 2.0666666667rem;
    float: left;
    background-color: transparent; }
  .login_list .login_code {
    width: 2.4rem; }
  .login_list .get_code {
    width: 2.4rem;
    height: 1.0666666667rem;
    border: 1px solid #53a6fa;
    border-radius: 0.3rem;
    text-align: center;
    line-height: 1.0666666667rem;
    font-size: 0.3466666667rem;
    color: #53a6fa;
    display: block;
    float: right;
    margin-top: 0.4866666667rem;
    text-decoration: none; }

.btn_login {
  width: 7.68rem;
  height: 1.0933333333rem;
  /*position: fixed;
  bottom:rem(196px);
  left:rem(87px);*/
  margin: 0 auto;
  margin-top: 4rem; }
  .btn_login img {
    width: 100%;
    height: 100%; }

.login_tab {
  width: 8rem;
  margin: 0 auto;
  margin-top: 0.4666666667rem;
  overflow: hidden;
  display: none; }
  .login_tab b {
    width: 0.4533333333rem;
    height: 0.4533333333rem;
    background: url("../image/icon_warn.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle; }
  .login_tab i {
    color: #e60012;
    font-size: 0.4rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: bottom; }

.percenterTop {
  width: 100%;
  height: 5.76rem;
  background: url("../image/per_bg.png") no-repeat;
  background-size: 100% 100%;
  position: relative; }
  .percenterTop .perHead {
    width: 2.6666666667rem;
    padding-top: 1.6666666667rem;
    margin: 0 auto;
    text-align: center; }
    .percenterTop .perHead img {
      width: 1.3466666667rem;
      height: 1.3466666667rem;
      border-radius: 1.3466666667rem;
      display: block;
      text-align: center;
      margin: 0 auto; }
    .percenterTop .perHead b {
      font-size: 0.4rem;
      color: #22a9f9;
      background-color: #fff;
      border-radius: 0.32rem;
      padding: 0.0666666667rem 0.2666666667rem;
      display: inline-block;
      margin-top: 0.2rem; }
  .percenterTop .study_time {
    width: 2rem;
    position: absolute;
    right: 1rem;
    top: 2.16rem;
    text-align: center; }
    .percenterTop .study_time b {
      display: block;
      font-size: 0.8rem;
      font-weight: 400;
      color: #fff; }
    .percenterTop .study_time i {
      font-size: 0.32rem;
      font-weight: 400;
      color: #fff;
      margin-top: 0.2rem;
      display: inline-block; }

.percenterMenu {
  width: 100%;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
  margin-top: 0.2666666667rem; }
  .percenterMenu li {
    width: 9.4666666667rem;
    height: 1.4666666667rem;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb; }
    .percenterMenu li a {
      width: 100%;
      height: 100%;
      display: block; }
    .percenterMenu li img {
      width: 0.7466666667rem;
      height: 0.7466666667rem;
      display: inline-block;
      margin: 0.3333333333rem 0.6666666667rem 0 0.3733333333rem; }
    .percenterMenu li i {
      font-size: 0.4533333333rem;
      line-height: 1.4666666667rem;
      color: #000;
      font-weight: 400;
      display: inline-block;
      vertical-align: top; }
    .percenterMenu li em {
      width: 0.2133333333rem;
      height: 0.3733333333rem;
      background: url("../image/icon_next.png") no-repeat;
      background-size: 100% 100%;
      float: right;
      margin-top: 0.5466666667rem;
      margin-right: 0.2rem; }
  .percenterMenu li:last-child {
    border-bottom: 0; }

.per_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  height: 1.3333333333rem;
  border-top: 0.0266666667rem solid #EEEEEE;
  background-color: #fff; }
  .per_footer li {
    width: 50%;
    float: left; }
    .per_footer li .foot_img {
      width: 0.6rem;
      height: 0.6rem;
      background: url("../image/foot_icon01.png") no-repeat;
      background-size: 100% 100%;
      display: block;
      margin: 0.1333333333rem auto; }
    .per_footer li .foot_item {
      text-align: center;
      font-size: 0.32rem;
      color: #cccccc; }
    .per_footer li .foot_img_1 {
      background: url("../image/foot_icon02.png") no-repeat;
      background-size: 100% 100%; }
    .per_footer li .foot_img_2 {
      background: url("../image/foot_icon01_1.png") no-repeat;
      background-size: 100% 100%; }
    .per_footer li .foot_img02_1 {
      background: url("../image/foot_icon02_1.png") no-repeat;
      background-size: 100% 100%; }
    .per_footer li .foot_item_1 {
      color: #1e89eb; }

.perInfo {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.headImg {
  margin: 0 0.2666666667rem;
  height: 1.7333333333rem;
  line-height: 1.7333333333rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #eeeeee; }
  .headImg b {
    width: 2.6266666667rem;
    display: inline-block;
    font-size: 0.4rem;
    color: #000;
    margin-left: 0.5333333333rem; }
  .headImg .genggai_head {
    width: 0.9066666667rem;
    height: 0.9066666667rem;
    border-radius: 0.9066666667rem;
    position: relative;
    float: right;
    margin-top: 0.4133333333rem;
    margin-right: 0.2666666667rem; }
  .headImg img {
    width: 100%;
    height: 100%;
    border-radius: 0.9066666667rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .headImg #file {
    width: 0.9066666667rem;
    height: 0.9066666667rem;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; }
  .headImg i {
    width: 0.16rem;
    height: 0.2933333333rem;
    display: inline-block;
    background: url("../image/icon_next_1.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 0.4rem;
    margin-top: 0.72rem; }
  .headImg .xiugaiName {
    font-size: 0.4rem;
    color: #626262;
    font-weight: 400;
    border: 0;
    outline: none; }
  .headImg .user_code {
    width: 2.4rem;
    font-size: 0.4rem; }
  .headImg u {
    width: 2.3733333333rem;
    height: 1.04rem;
    border-radius: 0.3rem;
    color: #53a6fa;
    font-size: 0.4rem;
    text-align: center;
    line-height: 1.04rem;
    display: inline-block;
    float: right;
    border: 1px solid #53a6fa;
    text-decoration: none;
    margin-top: 0.3466666667rem; }

.perInfo:first-child .headImg {
  margin-top: 0.5333333333rem;
  margin-bottom: 0.48rem; }

.perInfo:nth-of-type(3) .headImg, .perInfo:nth-of-type(4) .headImg {
  border-top: 0; }

.btn_keep {
  width: 7.68rem;
  height: 1.0933333333rem;
  margin: 0 auto;
  margin-top: 0.9333333333rem; }
  .btn_keep img {
    width: 100%;
    height: 100%; }

.yuyueTop {
  width: 100%;
  height: 4rem;
  background: url("../image/yuyue_top.png") no-repeat;
  background-size: 100% 100%; }

.head_left {
  width: 3.5066666667rem;
  float: left;
  margin-top: 0.9333333333rem;
  text-align: center; }
  .head_left img {
    width: 1.3466666667rem;
    height: 1.3466666667rem;
    border-radius: 1.3466666667rem;
    margin: 0 auto;
    display: block; }
  .head_left .uesr_name {
    font-size: 0.32rem;
    color: #22a9f9;
    background-color: #fff;
    padding: 0.0666666667rem 0.1333333333rem;
    border-radius: 0.2133333333rem;
    margin-top: 0.2666666667rem;
    display: inline-block; }

.study_right {
  width: 2rem;
  float: right;
  overflow: hidden;
  margin-right: .9rem;
  text-align: center; }
  .study_right .study_num {
    font-size: 0.8rem;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-top: 1.1733333333rem; }
  .study_right i {
    font-size: 0.32rem;
    color: #fff;
    margin-top: 0.2666666667rem;
    display: block;
    font-weight: 400; }

.yuyueMenu {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff; }
  .yuyueMenu li {
    width: 25%;
    height: 1.28rem;
    line-height: 1.28rem;
    float: left;
    text-align: center; }
    .yuyueMenu li b {
      font-size: 0.4rem;
      color: #000;
      font-weight: 400;
      display: inline-block; }
  .yuyueMenu .yuyue_cur b {
    color: #53a6fa;
    padding: 0 0.1333333333rem;
    border-bottom: 0.0533333333rem solid #53a6fa; }

.no_yuyue, .btn_yuyue {
  width: 4.0666666667rem;
  height: 4.3733333333rem;
  margin: 0 auto;
  margin-top: 1.44rem;
  display: none; }
  .no_yuyue img, .btn_yuyue img {
    width: 100%;
    height: 100%; }

.btn_yuyue {
  width: 7.68rem;
  height: 1.0933333333rem;
  margin-top: 1.1333333333rem; }

.hide {
  display: none; }

.yuyue-content {
  width: 100%;
  height: 100%;
  margin-top: 0.2666666667rem; }

.yuyueList {
  width: 9.4666666667rem;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  background-color: #fff; }

.yList_top {
  width: 100%;
  height: 1.0666666667rem;
  line-height: 1.0666666667rem;
  border-bottom: 1px solid #EEEEEE; }
  .yList_top b {
    float: left;
    margin-left: 0.5333333333rem;
    color: #313131;
    font-size: 0.3466666667rem;
    display: inline-block; }
  .yList_top i {
    float: right;
    color: #a0a0a0;
    font-size: 0.32rem;
    display: inline-block;
    margin-right: 0.5333333333rem; }

.yList_info {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0.6rem 0;
  border-bottom: 1px solid #EEEEEE; }
  .yList_info .yu_user_head {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
    border-radius: 1.0666666667rem;
    float: left;
    margin-left: 0.5333333333rem; }
  .yList_info .yu_user_info {
    float: left;
    margin-left: 0.48rem; }
    .yList_info .yu_user_info .user_name {
      font-size: 0.4rem;
      color: #000;
      display: block; }
    .yList_info .yu_user_info .user_fun {
      font-size: 0.32rem;
      color: #626262;
      display: block;
      margin-top: 0.0666666667rem; }
  .yList_info .yu_date {
    float: right;
    margin-right: 0.5333333333rem;
    text-align: right; }
    .yList_info .yu_date .yu_week {
      font-size: 0.3466666667rem;
      color: #000;
      display: block; }
    .yList_info .yu_date .yu_times {
      font-size: 0.32rem;
      color: #1b1b1b;
      display: block;
      margin-top: 0.1333333333rem; }

.yuyue_btn {
  width: 100%;
  height: 1.0666666667rem; }
  .yuyue_btn .click_yuyue, .yuyue_btn .click_jindu {
    width: 1.84rem;
    height: 0.7733333333rem;
    margin-top: 0.1333333333rem;
    border-radius: 0.4rem;
    text-align: center;
    line-height: 0.8rem;
    float: right;
    margin-right: 0.3333333333rem;
    background-color: #53a6fa;
    color: #fff;
    font-size: 0.3466666667rem;
    border: 1px solid #53a6fa; }
  .yuyue_btn .click_jindu {
    background-color: #fff;
    border: 1px solid #53a6fa;
    color: #53a6fa; }

.full_bg {
  background-color: gray;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  z-index: 10;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5; }

.yu_tan {
  width: 7.4666666667rem;
  height: 8.8rem;
  position: absolute;
  display: none;
  z-index: 11; }
  .yu_tan .yu_tan_box {
    width: 7.4666666667rem;
    height: 6.6666666667rem;
    border-radius: 0.2666666667rem;
    background-color: #fff;
    text-align: center;
    position: relative; }
    .yu_tan .yu_tan_box .tan_car {
      width: 5.4133333333rem;
      height: 3.5733333333rem;
      margin-top: 0.1333333333rem; }
    .yu_tan .yu_tan_box .tan_text {
      width: 5.5333333333rem;
      margin: 0 auto;
      text-align: center;
      font-size: 0.48rem;
      font-weight: 400;
      color: #000;
      margin-top: 0.5333333333rem; }
    .yu_tan .yu_tan_box .btn_qr {
      width: 100%;
      height: 1.3066666667rem;
      line-height: 1.3066666667rem;
      text-align: center;
      border-bottom-left-radius: 0.2666666667rem;
      border-bottom-right-radius: 0.2666666667rem;
      color: #fff;
      background-color: #4ca8f2;
      font-size: 0.48rem;
      font-weight: 400;
      position: absolute;
      bottom: 0; }
  .yu_tan .cancel {
    width: 0.9333333333rem;
    height: 0.9333333333rem;
    margin: 0 auto;
    background: url("../image/cancel.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 1.2rem; }

.choose_ping_box {
  width: 100%;
  height: 100%;
  padding-top: 0.2666666667rem; }

.choose_ping {
  width: 9.4133333333rem;
  height: 5.28rem;
  margin: 0 auto;
  background-color: #fff;
  border: 0.0266666667rem solid #eeeeee; }
  .choose_ping li {
    width: 4.6933333333rem;
    text-align: center;
    float: left;
    border-right: 0.0266666667rem solid #EEEEEE;
    margin-top: 1.0266666667rem; }
    .choose_ping li img {
      width: 1.5733333333rem;
      height: 1.5733333333rem;
      display: block;
      margin: 0 auto; }
    .choose_ping li b {
      font-size: 0.4rem;
      color: #000;
      display: block;
      margin-top: 0.2666666667rem; }
  .choose_ping li:last-child {
    border-right: 0; }

.ping_content {
  width: 9.4133333333rem;
  margin: 0 auto;
  background-color: #fff;
  border: 0.0266666667rem solid #eeeeee; }

.ping_title {
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 0.0266666667rem solid #EEEEEE; }
  .ping_title img {
    width: 0.4266666667rem;
    height: 0.4266666667rem;
    display: inline-block;
    vertical-align: sub;
    margin-left: 0.3733333333rem;
    margin-right: 0.2666666667rem; }
  .ping_title b {
    font-size: 0.4rem;
    font-weight: 400;
    color: #000; }

.pingList {
  border-bottom: 0.0266666667rem solid #EEEEEE;
  overflow: hidden;
  padding-bottom: 0.5333333333rem; }
  .pingList span {
    width: 2.6133333333rem;
    height: 0.7466666667rem;
    line-height: 0.8rem;
    border: 0.0266666667rem solid #24b5ff;
    font-size: 0.4rem;
    font-weight: 400;
    color: #24b5ff;
    display: inline-block;
    border-radius: 0.4rem;
    text-align: center;
    margin-left: 0.5866666667rem;
    float: left;
    margin-top: 0.5333333333rem; }
  .pingList span:first-child, .pingList span:nth-of-type(4) {
    margin-left: 0.1333333333rem; }
  .pingList .ping_active {
    background-color: #24b5ff;
    color: #fff; }

.cha_cur {
  display: none; }

.ping_area {
  height: 4rem;
  position: relative; }
  .ping_area #wordtext {
    width: 8.88rem;
    height: 3.0666666667rem;
    padding: 0.4666666667rem 0.2666666667rem;
    color: #b5b5b5;
    resize: none; }
  .ping_area #wordage {
    position: absolute;
    right: 0.2666666667rem;
    bottom: .05rem;
    font-weight: 400;
    color: #b5b5b5;
    font-size: 0.4rem; }

.btn_tijiao {
  width: 7.68rem;
  height: 1.0933333333rem;
  margin: 0 auto;
  margin-top: 0.44rem; }
  .btn_tijiao img {
    width: 100%;
    height: 100%; }

.topbg {
  width: 100%;
  height: 0.2666666667rem;
  background-color: #f6f6f6; }

.ping_deatil {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE; }
  .ping_deatil h1 {
    width: 9.3333333333rem;
    height: 1.1333333333rem;
    line-height: 1.1333333333rem;
    border-bottom: 2px solid #EEEEEE;
    margin: 0 auto; }
    .ping_deatil h1 span {
      color: #000;
      font-size: 0.4rem;
      font-weight: 400;
      margin-left: 0.32rem;
      display: inline-block; }

.ping_info {
  width: 9.3333333333rem;
  margin: 0 auto;
  border-bottom: 0; }
  .ping_info .yu_user_head {
    width: 1.5866666667rem;
    height: 1.5866666667rem;
    border-radius: 1.5866666667rem;
    margin-left: 0.32rem; }
  .ping_info .yu_user_info .user_name, .ping_info .yu_date .yu_week {
    margin-top: 0.2rem; }
  .ping_info .yu_user_info .user_fun, .ping_info .yu_date .yu_times {
    margin-top: 0.1333333333rem; }

.ping_show {
  width: 9.4133333333rem;
  margin: 0 auto; }

.ping_text {
  padding: 0.6666666667rem 0.4rem; }
  .ping_text p {
    font-size: 0.4rem;
    color: #b5b5b5;
    line-height: 0.72rem;
    text-indent: 0.8rem; }

.Myorder {
  width: 100%;
  height: 100%;
  padding-top: 0.2666666667rem; }
  .Myorder .orderList {
    width: 9.4666666667rem;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 auto; }
    .Myorder .orderList h1 {
      width: 100%;
      height: 1.0666666667rem;
      line-height: 1.0666666667rem;
      border-bottom: 1px solid #EEEEEE; }
      .Myorder .orderList h1 b {
        color: #53a6fa;
        display: block;
        float: left;
        font-size: 0.3466666667rem;
        margin-left: 0.5333333333rem; }
      .Myorder .orderList h1 i {
        color: #a0a0a0;
        font-size: 0.32rem;
        float: right;
        margin-right: 0.5333333333rem;
        display: block; }
    .Myorder .orderList .order_head {
      width: 100%;
      height: 1.0666666667rem;
      line-height: 1.0666666667rem;
      padding: 0.6266666667rem 0;
      border-bottom: 1px solid #EEEEEE; }
      .Myorder .orderList .order_head img {
        width: 1.0666666667rem;
        height: 1.0666666667rem;
        border-radius: 1.0666666667rem;
        float: left;
        margin-left: 0.5333333333rem; }
      .Myorder .orderList .order_head b {
        font-size: 0.4rem;
        color: #000;
        display: block;
        float: left;
        margin-left: 0.48rem; }
      .Myorder .orderList .order_head i {
        color: #1b1b1b;
        font-size: 0.32rem;
        display: block;
        float: right;
        margin-right: 0.5333333333rem; }
      .Myorder .orderList .order_head .coach_intro {
        width: 6.4rem;
        float: left;
        margin-left: 0.5066666667rem; }
        .Myorder .orderList .order_head .coach_intro u {
          display: block;
          text-decoration: none;
          font-size: 0.4rem;
          color: #000; }
        .Myorder .orderList .order_head .coach_intro h3 {
          margin-top: 0.2rem;
          overflow: hidden; }
          .Myorder .orderList .order_head .coach_intro h3 span {
            width: 1.76rem;
            color: #626262;
            font-size: 0.32rem;
            display: inline-block;
            float: left; }
          .Myorder .orderList .order_head .coach_intro h3 em {
            width: 4.6rem;
            color: #b5b5b5;
            display: inline-block;
            float: left;
            font-size: 0.32rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: .51rem; }
    .Myorder .orderList .order_details, .Myorder .orderList .tell_jiaolian {
      width: 100%;
      height: 1.0666666667rem; }
      .Myorder .orderList .order_details img, .Myorder .orderList .tell_jiaolian img {
        width: 1.8666666667rem;
        height: 0.8rem;
        margin-top: 0.1333333333rem;
        margin-right: 0.5333333333rem;
        float: right; }
    .Myorder .orderList .tell_jiaolian img {
      width: 2.9333333333rem;
      height: 0.8rem; }

.order_info_tab em {
  width: 2.8933333333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.1333333333rem;
  text-align: center;
  color: #53a6fa;
  font-size: 0.3733333333rem;
  float: right;
  display: block;
  border: 1px solid #53a6fa;
  margin-top: 0.0933333333rem;
  margin-right: 0.3733333333rem; }
  .order_info_tab em a {
    color: #53a6fa;
    font-size: 0.3733333333rem; }

.btn_back {
  width: 7.68rem;
  height: 1.0933333333rem;
  margin: 0 auto;
  margin-top: 1.5333333333rem; }
  .btn_back img {
    width: 100%;
    height: 100%; }

.shouceBox {
  width: 100%;
  height: 100%;
  padding-top: 0.2666666667rem; }

.ceList {
  width: 9.4666666667rem;
  height: 2.4rem;
  margin: 0 auto;
  padding: 0.5333333333rem 0;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0.2666666667rem;
  overflow: hidden; }
  .ceList a {
    width: 100%;
    height: 100%;
    display: block; }
  .ceList img {
    width: 3rem;
    height: 2.4rem;
    border-radius: 4px;
    float: left;
    margin-left: 0.6266666667rem;
    margin-right: 0.5733333333rem; }
  .ceList .ce_content {
    width: 4.6666666667rem;
    float: left; }
    .ceList .ce_content h1 {
      font-size: 0.4rem;
      font-weight: 400;
      color: #000;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      padding: 0.16rem 0; }
    .ceList .ce_content p {
      font-size: 0.3466666667rem;
      color: #898989;
      line-height: 0.5066666667rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }

.detailsTop {
  width: 100%;
  height: 5.3333333333rem;
  overflow: hidden; }
  .detailsTop img {
    width: 100%;
    height: 100%; }

.ce_title {
  font-size: 0.48rem;
  font-weight: 400;
  color: #000;
  text-align: center;
  padding: 0.6666666667rem 0; }

.ce_editor {
  padding: 0 0.5333333333rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  margin-bottom: 0.4666666667rem; }
  .ce_editor b {
    float: left; }
  .ce_editor i {
    float: right; }

.ce_con {
  padding: 0 0.5333333333rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.64rem;
  text-indent: 0.64rem; }

.btn_ping {
  width: 7.68rem;
  height: 1.0933333333rem;
  margin: 0 auto;
  margin-top: 0.4666666667rem; }
  .btn_ping img {
    width: 100%;
    height: 100%; }

.study_detail {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #EEEEEE;
  margin-top: 0.2666666667rem; }
  .study_detail .ping_title {
    width: auto;
    margin: 0 0.2666666667rem; }
    .study_detail .ping_title img {
      margin-left: 0.5066666667rem; }

.studyList {
  margin: 0 0.2666666667rem;
  border-bottom: 1px solid #EEEEEE; }
  .studyList h1 {
    font-size: 0.4rem;
    color: #1b1b1b;
    padding: 0.4rem 0.2666666667rem; }
  .studyList h2 {
    margin: 0 0.2666666667rem;
    padding-bottom: 0.4666666667rem;
    overflow: hidden; }
    .studyList h2 b {
      float: left;
      font-size: 0.32rem;
      color: #626262; }
    .studyList h2 i {
      float: right;
      font-size: 0.32rem;
      color: #7d7d7d; }

.yu_menu {
  width: 100%;
  height: 1.1733333333rem;
  background-color: #fff;
  border-bottom: 0.0266666667rem solid #EEEEEE; }
  .yu_menu li {
    width: 50%;
    height: 1.1466666667rem;
    line-height: 1.1466666667rem;
    float: left;
    text-align: center; }
    .yu_menu li a {
      width: 100%;
      height: 100%;
      display: block; }
    .yu_menu li b {
      display: inline-block;
      color: #bfbfbf;
      font-size: 0.3733333333rem;
      font-weight: 400; }
    .yu_menu li .yu_cur {
      color: #53a6fa;
      border-bottom: 0.0533333333rem solid #53a6fa; }

.day_list {
  width: 1.1733333333rem;
  margin: 0 auto;
  height: 1.4666666667rem;
  text-align: center;
  font-size: 0.32rem;
  margin: 0.0933333333rem;
  overflow: hidden; }
  .day_list b {
    display: block;
    margin: 0.2rem 0; }

.day_bg {
  width: 1.1733333333rem;
  height: 1.28rem;
  border-radius: 4px;
  background-color: #53a6fa;
  color: #fff; }

.yu_container {
  width: 9.4666666667rem;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #eee;
  padding-top: 0.48rem;
  margin: 0 auto; }

.time_list {
  width: 2.6133333333rem;
  height: 1.0133333333rem;
  line-height: 1.04rem;
  text-align: center;
  font-size: 0.32rem;
  border-radius: 0.08rem;
  color: #626262;
  border: 0.0266666667rem solid #626262;
  margin-left: 0.3733333333rem;
  float: left;
  margin-bottom: 0.2666666667rem;
  position: relative; }

.time_bor {
  color: #53a6fa;
  border: 0.0266666667rem solid #53a6fa; }

.time_bg_icon {
  color: #fff;
  background-color: #53a6fa;
  border: 0.0266666667rem solid #53a6fa; }

.coachBox {
  margin: 0.2666666667rem;
  background-color: #fff;
  border: 1px solid #EEEEEE; }
  .coachBox .yu_time {
    width: 8.64rem;
    height: 1.12rem;
    line-height: 1.12rem;
    margin: 0 auto;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden; }
    .coachBox .yu_time h1 {
      color: #000;
      font-size: 0.4rem; }
  .coachBox .coachList {
    width: 8.64rem;
    margin: 0 auto;
    border-bottom: 1px solid #EEEEEE;
    padding: 0.5333333333rem 0;
    overflow: hidden; }
    .coachBox .coachList a {
      width: 1.5866666667rem;
      height: 1.5866666667rem;
      float: left;
      margin-right: 0.3333333333rem; }
      .coachBox .coachList a img {
        width: 100%;
        height: 100%; }
    .coachBox .coachList .coach_title {
      width: 4.5333333333rem;
      float: left; }
      .coachBox .coachList .coach_title b {
        font-size: 0.4rem;
        color: #000;
        display: block;
        margin: 0.2rem 0; }
      .coachBox .coachList .coach_title h1 {
        width: 100%;
        font-size: 0.32rem;
        color: #626262;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1; }
    .coachBox .coachList .coach_yu {
      width: 2.1333333333rem;
      height: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      background-color: #53a6fa;
      color: #fff;
      font-size: 0.4rem;
      border-radius: 0.4rem;
      margin-top: 0.3466666667rem;
      float: right; }
  .coachBox .coachList:last-child {
    border-bottom: 0; }

.none {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.coach_tab {
  width: 9.4666666667rem;
  margin: 0 auto;
  border-bottom: 0.0266666667rem solid #EEEEEE;
  overflow: hidden;
  padding-bottom: 0.5333333333rem; }
  .coach_tab span {
    width: 2.6666666667rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.4rem;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    border-radius: 0.4rem;
    text-align: center;
    margin-left: 0.5rem;
    float: left;
    margin-top: 0.5333333333rem;
    background-color: #24b5ff; }
  .coach_tab span:nth-of-type(3n+1) {
    margin-left: 0.2333333333rem; }

.ping_list {
  width: 9.4666666667rem;
  margin: 0 auto;
  overflow: hidden;
  border-bottom: 1px solid #EEEEEE; }
  .ping_list h1 {
    padding: 0 0.4rem;
    font-size: 0.4rem;
    color: #000;
    margin: 0.6666666667rem 0; }
  .ping_list h2 {
    padding: 0 0.4rem;
    overflow: hidden;
    padding-bottom: 0.2666666667rem; }
    .ping_list h2 b, .ping_list h2 i {
      display: inline-block;
      float: left;
      font-size: 0.32rem;
      color: #6c6c6c; }
    .ping_list h2 i {
      float: right; }

.ping_list:last-child {
  border-bottom: 0; }

.btn_yuyue_none {
  width: 100%;
  height: 1.8933333333rem;
  background-color: #f6f6f6; }

.btn_yuyue1 {
  width: 100%;
  height: 1.0933333333rem;
  position: fixed;
  bottom: 0.4rem;
  text-align: center; }
  .btn_yuyue1 img {
    width: 7.68rem;
    height: 1.0933333333rem; }

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