.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px !important;}

::-webkit-scrollbar{ display:none;}

/***** Ñ¡Ôñ°´Å¥Ñùʽ ****/
.tselect-switch-cp{ display: block;}
.tselect-switch-cp__input{position: absolute; left: -9999px;}
.tselect-switch-cp__box{position: relative;
width: 32px;
height: 20px;
border: 2px solid rgba(0, 0, 0, 0.1);
outline: 0;
border-radius: 16px;
box-sizing: border-box;
background-color: #FFFFFF;
-webkit-transition: background-color 0.1s, border 0.1s;
transition: background-color 0.1s, border 0.1s;}

.tselect-switch:before, .tselect-switch-cp__box:before {
    content:" ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px;
    background-color: #FDFDFD;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}
.tselect-switch-cp__box:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box{ border-color: #07C160;
background-color: #07C160; }
.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box:after {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.tcui-actionsheet__title {
    position: relative;
    height: 56px;
    padding: 0 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4;
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.5);
}
.tcui-actionsheet__title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.tcui-actionsheet__cell {
    position: relative;
    padding: 11px;
    text-align: center;
    font-size: 17px;
    line-height: 1.41176471;
}
.mylist-guanli__box .tcui-actionsheet__cell a{ display:block;}
.tcui-mask{ cursor:pointer;}
.tcui-actionsheet__cell{ cursor:pointer;}

.pages li a{ color:#E5375F; border: 1px solid #E5375F;}
.pages li select{ height:30px; width:100%; text-align:center; text-align-last:center; border-color:#ccc; color:#999; }

.tcui-radio label input[type="radio"]{ margin:0; margin-right:4px; -webkit-appearance:none; position:relative; vertical-align:-3px; width:18px; height:18px; border:1px solid #d2d2d2; border-radius:100%; overflow:hidden;}
.tcui-radio label input[type="radio"]:checked:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#07C160;}
.tcui-radio label input[type="radio"]:checked:after{ content:''; position:absolute; left:5px; top:3px; width:3px; height:6px; border-bottom:2px solid #fff; border-right:2px solid #fff; border-bottom-right-radius:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.tcui-uploader__file{ background-size:contain; }

.sec-input input[type=tel]{width: 100%; background: none; border: none;}
.input-control span{ width:6em; }
.input-control .picurl_msg{ font-size:0.8em;margin-left:10px;}

.edu_header{ height:44px; line-height:44px; background:#fff; border-bottom:1px solid #eee; position:relative; }
.edu_header .back{ position:absolute; left:5px;top:0; bottom:0; z-index:1; font-size:0.9em; width:44px; text-align:center; }
.edu_header .back .tciconfont{ font-size:2em; }
.edu_header .title{ text-align:center; margin:0 60px; font-size:1.2em; }
.edu_header .nav-popup{ position:absolute; right:5px;top:0; bottom:0; z-index:1;  width:44px; text-align:center; }
.edu_header .nav-popup .tciconfont{ font-size:1.2em; }
.edu_header .nav-right{ position:absolute; right:5px;top:0; bottom:0; z-index:1; font-size:0.9em; }

.btn-group a, .btn-group button{cursor: pointer;display: inline-block; margin-left: 8px; height: 24px;line-height: 24px;padding: 0 10px; border-radius: 2px;font-size: 0.8em; color: #333; border: 1px solid #ddd; margin-bottom: 5px; min-width: 2em;}
.btn-group a.del-btn{ color:#f00; color:#f00; }

/************************************* index ************************************/

.tcedu-index { }
.tcedu-index .jyhd{ z-index:2; padding:12px 10px 12px 10px; background:#fff; }
.tcedu-index .jyhd .jy_search{  }
.tcedu-index .jyhd .jy_search .search{ display:block; width:100%; height:30px; line-height:30px; color:#ababab; padding:0 15px; font-size:0.9em; background:#F2F2F2; border-radius:15px; }
.tcedu-index .jyhd .jy_search .search .tciconfont{color:#000; vertical-align: -2px; margin-right:5px; }
.tcedu-index .jyhd .jy_sites{ margin-right:10px; }
.tcedu-index .jyhd .jy_sites a{cursor:pointer;text-align:center; line-height:30px; font-size:0.9em; max-width:100px; overflow:hidden; }
.tcedu-index .jyhd .jy_sites a .tciconfont{  }
.tcedu-index .jyhd .jy_sites a .site_name{ display:inline-block; max-width:120px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.tcedu-index .jyhd .jy_my{ width:30px; line-height:30px; text-align:center; margin-left:10px; }
.tcedu-index .jyhd .jy_my .tciconfont{ font-size:1.3em; }

.tcedu-index .index_top_focuspic{ margin-top:0px; padding:0 15px; background:#fff; }
.tcedu-index .index_top_focuspic .index_top_focuspic_box .swiper-slide img{ display:block; border-radius:10px; }

.tcedu-index .jybt{ padding:10px 20px 0; background:#fff; z-index:2; height:28px; line-height:28px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;  }
.tcedu-index .jybt .jybt_item{ font-size:0.8em; color:#000; text-align:center; margin-right:10px; }
.tcedu-index .jybt .jybt_item .num{ color:#f60; margin-left:2px; }
.tcedu-index .jybt .jybt_item img{ width:20px; }

.tcedu-index .index-nav{ background:#fff; padding:5px 10px; z-index:10; position:relative;}
.tcedu-index .index-nav .nav-li{ border-radius:10px; padding:10px 0 25px; }
.tcedu-index .index-nav .nav-li ul li{ margin-top:0; padding:5px 0; }
.tcedu-index .index-nav .nav-li-pic{ position:relative; padding-top:55%; }
.tcedu-index .index-nav .nav-li-pic img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.tcedu-index .index_focuspic{ margin-top:10px; padding:0 10px; }
.tcedu-index .index_focuspic .index_focuspic_box .swiper-slide img{ display:block; border-radius:10px; }

.tcedu-index .index_ruzhu{margin: 10px 15px;  }
.tcedu-index .index_ruzhu .ruzhu_item{ position:relative; border-radius:5px; height:70px; color:#555; display:block; width:100%;}
.tcedu-index .index_ruzhu .ruzhu_item .left{ margin-right:40px;}
.tcedu-index .index_ruzhu .ruzhu_item .left p.title{padding-left:12px; height:40px; line-height:43px; font-size:1.2em;overflow: hidden;    font-weight: 600;}
.tcedu-index .index_ruzhu .ruzhu_item .left p.button{ line-height: 16px;height: 16px; overflow: hidden; padding-left:12px;display:inline-block; font-size:0.8em;}
.tcedu-index .index_ruzhu .ruzhu_item .right{position:absolute;right:10px; top:15px;}
.tcedu-index .index_ruzhu .ruzhu_item .right img{ width:42px; height:42px; }
.tcedu-index .index_ruzhu .index_ruzhu_left{margin-right:8px;background-color: #e3f8ff;}
.tcedu-index .index_ruzhu .index_ruzhu_right{background-color: #fff5e4;}

.tcedu-index .index_rec_course{ margin-top:10px; padding:0 10px; }
.tcedu-index .index_rec_course .rec_course_title{ line-height:36px; height:36px; overflow:hidden; }
.tcedu-index .index_rec_course .rec_course_title .title{ font-weight:600; font-size:1.05em;margin-left: 5px; }
.tcedu-index .index_rec_course .rec_course_title .sub{ font-size:0.8em; color:#999; margin-left:2px }
.tcedu-index .index_rec_course .rec_course_title .more{ float:right; font-size:0.8em; color:#999; margin-left:2px }
.tcedu-index .index_rec_course .rec_course_title .more .tciconfont{ vertical-align:-2px; }
.tcedu-index .index_rec_course .rec_course{ border-radius:10px; background:#fff; padding:10px 10px 25px; }
.tcedu-index .index_rec_course .rec_course .courselist{  }
.tcedu-index .index_rec_course .rec_course .courselist .course_item{ margin-right:8px; width:calc((100vw - 56px)/3); width:-webkit-calc((100vw - 56px)/3); max-width:calc((760px - 56px)/3); max-width:-webkit-calc((760px - 56px)/3); }
.tcedu-index .index_rec_course .rec_course .courselist .course_item:last-child{ margin-right:0; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_hd{ position:relative; padding-top:75%; border-radius:5px; overflow:hidden; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_hd img{ position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; object-fit:cover; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_hd .sell{ position:absolute; bottom:0; left:0; z-index:2; font-size:0.7em; line-height:18px; height:18px; color:#fff; padding:0 5px; background:#F79837; border-top-right-radius:5px;}
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd{ padding:5px 0; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .edu_name{ font-size:0.85em; color:#888;line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .course_name{ font-weight: 600;font-size:0.9em; line-height:18px; max-height:18px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .price{ font-size:0.7em; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .price .how_price{ color:#F79837; margin-right:2px; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .price .how_price span{ font-size:1.5em; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .price .old_price{ text-decoration:line-through; color:#999; }
.tcedu-index .index_rec_course .rec_course .courselist .course_item .item_bd .price .free{  color:#F79837; font-size:1.1em; }

.tcedu-index .index_edu{ margin-top:10px; height:45px;}
.tcedu-index .index_edu .edu_nav{ white-space:nowrap; overflow-x:scroll; height:45px; -webkit-overflow-scrolling: touch;  }
.tcedu-index .index_edu .edu_nav .nav_item{ position:relative; text-align:center; line-height:40px; height:40px; padding:0 15px; display:inline-block; }
.tcedu-index .index_edu .edu_nav .nav_item .text{ font-weight:600; }
.tcedu-index .index_edu .edu_nav .nav_item.on .text{ color:#F79837; }
.tcedu-index .index_edu .edu_nav .nav_item.on .sub{ position:absolute; bottom:3px; left:50%; width:26px; margin-left:-13px; height:3px; background:#F79837; border-radius:2px; }

.edu_list .edu_item{ padding:12px 16px; background:#fff; border-top:10px solid #f7f7f7; }
.edu_list .edu_item:first-child{ border-top:0; }
.edu_list .edu_item .edu_pic{ width:85px; min-width:85px; height:85px; margin-right:10px; }
.edu_list .edu_item .edu_pic img{ width:100%; height:100%; border-radius:5px; object-fit:cover; }
.edu_list .edu_item .edu_main{ width:calc(100% - 95px); width:-webkit-calc(100% - 95px); }
.edu_list .edu_item .edu_main .edu_name{ font-weight:600; font-size:1.05em; line-height:22px; height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.edu_list .edu_item .edu_main .edu_name .top{ display:inline-block; height:18px; line-height:18px; font-weight:400; font-size:0.9em; background:#fff; background:#f00; color:#fff; padding:0 4px; margin-right:4px; border-radius:2px;vertical-align:1px; }

.edu_list .edu_item .edu_main .edu_info{line-height:18px; margin-top:4px; font-size:0.7em; }
.edu_list .edu_item .edu_main .edu_info .ping_socre{ position:relative; display:inline-block; }
.edu_list .edu_item .edu_main .edu_info .ping_socre .socre{ height:14px; line-height:14px; overflow:hidden;}
.edu_list .edu_item .edu_main .edu_info .ping_socre .socre .tciconfont{ font-size:1.1em; color:#eee; padding:0 1px;}
.edu_list .edu_item .edu_main .edu_info .ping_socre .socre_fill{ position:absolute; left:0; top:2px; }
.edu_list .edu_item .edu_main .edu_info .ping_socre .socre_fill .tciconfont{ color:#FE5900; }
.edu_list .edu_item .edu_main .edu_info .socre_num{ color:#FE5900; }
.edu_list .edu_item .edu_main .edu_address{  margin-top:4px;line-height:18px; font-size:0.85em; color:#FE5900; }
.edu_list .edu_item .edu_main .edu_address .course_name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px; width:calc(100vw - 170px); }
.edu_list .edu_item .edu_main .edu_address .course_name .tciconfont{ font-size:1.2em; margin-right:2px; vertical-align:-1px; }
.edu_list .edu_item .edu_main .edu_address .juli{ color:#999; }

.edu_list .edu_item .edu_main .edu_tabs{position:relative; max-height:44px; overflow:hidden; }
.edu_list .edu_item .edu_main .edu_tabs .tab{ position: relative; padding: 0 4px; height:18px; margin-right: 4px; margin-top: 4px; line-height: 18px; float: left; font-size:0.82em; color: #1A8CFF;background: #F1FBFF; border-radius: 2px; }
.edu_list .edu_item .edu_main .line{ margin-top:6px; border-bottom:1px solid #f1f1f1; }
.edu_list .edu_item .edu_main .edu_phb{ display:block; margin-top:6px; height:18px; line-height:18px; font-size:0.85em;color:#555;border-radius:2px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.edu_list .edu_item .edu_main .edu_phb .tciconfont{ float:right; font-weight:600; font-size:1.3em;color:#999; }

.edu_list .edu_item .edu_main .edu_phb .course_icon{ display:inline-block; padding:0 3px; border-radius:1px; margin-right:5px; background:#FD6823; color:#fff; }
.edu_list .edu_item .edu_main .edu_phb .course_icon_ty{ background:#56A5DA; }
.edu_list .edu_item .edu_main .edu_phb .course_icon_ph{ background:#CE9150; }

/************************************* info ************************************/

.tcedu-info .info_header{ background:#fff; position:relative; }
.tcedu-info .info_header .header_hd{ position:relative; z-index:2; padding:15px; }
.tcedu-info .info_header .header_hd .back{ width:28px; height:28px; line-height:28px; text-align:center; margin-right:15px; }
.tcedu-info .info_header .header_hd .back .tciconfont{ color:#fff; font-size:2em; }
.tcedu-info .info_header .header_hd .search{ position:relative;  height:28px; line-height:28px; background:#fff; padding:0 15px; border-radius:14px; }
.tcedu-info .info_header .header_hd .search input{ font-size:0.9em; width:100%; background:transparent; margin:0; border:0; padding:0; line-height:28px; height:28px; }
.tcedu-info .info_header .header_hd .search .tciconfont{ font-size: 0.9em; position:absolute; z-index:1; cursor:pointer; width:40px; height:28px; line-height:28px; text-align:center; right:5px; top:0; }
.tcedu-info .info_header .header_hd .shar{ width:28px; height:28px; line-height:28px; text-align:center; margin-left:15px; }
.tcedu-info .info_header .header_hd .shar .tciconfont{ color:#fff; font-size:1.3em; }

.tcedu-info .info_header .header_edu{ position:relative; z-index:2; padding:10px 15px; }
.tcedu-info .info_header .header_edu .edu_pic{ width:70px; height:70px; min-width:70px; margin-right:10px; }
.tcedu-info .info_header .header_edu .edu_pic img{ width:100%; height:100%; object-fit:cover; border-radius:5px; }
.tcedu-info .info_header .header_edu .edu_main{ color:#fff; width:calc(100% - 80px); width:-webkit-calc(100% - 80px); }
.tcedu-info .info_header .header_edu .edu_main .edu_name{ font-size:1.1em; font-weight:600; line-height:30px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun{ margin-top: 2px; height:18px; line-height:18px; }
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .ping_socre{ position:relative; margin-right:5px; display:inline-block; } 
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .socre{ overflow:hidden;}
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .socre .tciconfont{ font-size:0.8em; color:#eee; padding:0 1px; }
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .socre_fill{ position:absolute; left:0; top:0; }
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .socre_fill .tciconfont{ color:#FE5900; }
.tcedu-info .info_header .header_edu .edu_main .edu_pinglun .pinglun_num{ font-size:0.8em; }
.tcedu-info .info_header .header_edu .edu_main .edu_socre{ margin-top:5px; height:16px; line-height:16px; }
.tcedu-info .info_header .header_edu .edu_main .edu_socre .socre_item{ font-size:0.8em; margin-right:5px; }

.tcedu-info .info_header .header_nav{ position:relative; z-index:2; margin-top:10px; }
.tcedu-info .info_header .header_nav .nav_item{ position:relative; text-align:center; color:#fff; line-height:40px; height:40px; }
.tcedu-info .info_header .header_nav .nav_item.on .sub{ position:absolute; bottom:0; left:50%; margin-left:-13px; width:26px; height:3px; border-radius:2px; background:#fff; }

.tcedu-info .info_photo{ padding:10px 15px 5px; background:#fff; }
.tcedu-info .info_photo .photolist{ overflow-x:scroll; white-space:nowrap;-webkit-overflow-scrolling:touch; height:66px; }
.tcedu-info .info_photo .photolist .photolist_item{ display:inline-block; width:110px; height:66px; margin-right:8px; position:relative; }
.tcedu-info .info_photo .photolist .photolist_item img{ width:100%; height:100%; border-radius:5px; object-fit:cover; }
.tcedu-info .info_photo .photolist .photolist_item .tciconfont{ position:absolute; top:50%; left:50%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; border-radius:100%; background:rgba(0,0,0,0.5); font-size:1.4em; color:#fff; text-align:center; }

.tcedu-info .info_near{ padding:0 15px;background:#fff; }
.tcedu-info .info_near .phb{ height:24px; line-height:24px; padding:8px 0; display:block; }
.tcedu-info .info_near .phb .text{font-size:0.85em; color:#CE9150;display: inline; padding: 2px 5px; border-radius: 3px;}
.tcedu-info .info_near .phb .text .tciconfont{ margin-right:2px; font-size:1.3em; vertical-align: -1px;background-image: -webkit-linear-gradient(bottom, rgb(181 115 44), rgb(236 156 81));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tcedu-info .info_near .phb .more{ float:right; }
.tcedu-info .info_near .phb .more .tciconfont{ font-size:1.4em; color:#aaa; }

.tcedu-info .info_near .address{ display:block; height:24px; line-height:24px; padding:8px 0; border-bottom:1px solid #eee; }
.tcedu-info .info_near .address .text{font-size:0.85em; display:inline;color:#1A8CFF; padding:2px 5px; border-radius:3px;}
.tcedu-info .info_near .address .text .tciconfont{ margin-right:2px; vertical-align:-1px; }
.tcedu-info .info_near .address .more{ float:right; width:50px; text-align:center; color:#999;font-weight:600; border-left:1px solid #ddd; }
.tcedu-info .info_near .address .more .tciconfont{ font-size:1.4em;  }

.tcedu-info .info_box .title{ display:block; background:#fff; padding:15px 15px 5px; height:22px; line-height:22px; overflow:hidden; }
.tcedu-info .info_box .title .text{ font-size:1.05em; font-weight:600; }
.tcedu-info .info_box .title .more{ float:right; }
.tcedu-info .info_box .title .more .tciconfont{ font-size:1.4em; color:#aaa; }

.endvip-popup{ position:fixed; z-index:1000; top:0; left:0; right:0; bottom:0; }
.endvip-popup .endvip-popup__mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); cursor:pointer; }
.endvip-popup .endvip-popup__box{ text-align:center; width:280px; background:#fff; position:absolute;left: 50%; top: 50%; bottom:auto; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:20px; box-sizing:border-box; border-radius:5px; }
.endvip-popup .endvip-popup__box .title{ color:#666; font-size:0.95em; line-height:25px; }
.endvip-popup .endvip-popup__box .subtitle{ font-size:0.8em; line-height:25px; color:#FF530A; }
.endvip-popup .endvip-popup__box .icon{ padding:15px 0 15px; }
.endvip-popup .endvip-popup__box .icon .tciconfont{ font-size:5em; color:#999; }
.endvip-popup .endvip-popup__box .btn{ margin-top:5px; }
.endvip-popup .endvip-popup__box .btn a{ display:inline-block; width:80px; font-size:0.8em; height:26px; line-height:26px; border-radius:13px; background:#FF530A; color:#fff; margin:0 5px; }
.endvip-popup .endvip-popup__box .btn .btn-lt{  }
.endvip-popup .endvip-popup__box .btn .btn-rt{ background:#323234; color:#E4AE93; }

.course_list{ padding:10px 15px; background:#fff; }
.course_list .course_item{ padding:15px 0; border-bottom:1px solid #eee;}
.course_list .course_item .course_pic{ width:100px; height:70px; min-width:100px; position:relative; }
.course_list .course_item .course_pic img{ width:100%; height:100%; object-fit:cover; border-radius:3px; }
.course_list .course_item .course_pic .ty{ position:absolute; top:0; left:0; background:#FB6E00; color:#fff; font-size:0.7em; padding:0 3px;line-height:16px; border-bottom-right-radius:4px; }
.course_list .course_item .course_main{ margin-left:10px; width:calc(100% - 110px); width:-webkit-calc(100% - 110px); overflow:hidden; }
.course_list .course_item .course_main .course_name{ height:20px; line-height:20px; font-size:1.05em; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.course_list .course_item .course_main .course_name .top{ display: inline-block; height: 18px; line-height: 18px; font-weight: 400; font-size: 0.9em; background: #fff; background: #f00; color: #fff; padding: 0 4px; margin-right: 4px; border-radius: 2px; vertical-align: 1px;}
.course_list .course_item .course_main .course_attr{ margin-top:8px; height:16px; overflow:hidden; font-size:0.7em; color:#888; }
.course_list .course_item .course_main .course_attr span{ float:left; line-height:14px; height:16px; margin-right:3px; box-sizing:border-box; border:1px solid #D9D9DA; padding:0 3px; border-radius:2px; }
.course_list .course_item .course_main .course_attr span.type{ color:#FB6E00;border-color:#FFD7A3; }

.course_list .course_item .course_main .course_price{ margin-top:6px; height:20px; line-height:20px; width:100%; }
.course_list .course_item .course_main .course_price .buy_price{ font-size:0.8em; color:#FB6E00; margin-right:5px; }
.course_list .course_item .course_main .course_price .buy_price span{ font-size:1.35em;font-weight:600; }
.course_list .course_item .course_main .course_price .old_price{ font-size:0.8em; text-decoration:line-through; color:#888; }
.course_list .course_item .course_main .course_price .free{ color:#FB6E00; font-size:0.95em; font-weight:600; }
.course_list .course_item .course_main .course_price .edu_name{ float:right; max-width:calc(100% - 110px);max-width:-webkit-calc(100% - 110px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888; font-size:0.7em; }

.course_list .course_item .course_main .course_price .vip-price{ display:inline-block; vertical-align:-4px; font-size:0.7em; color:#50B43F; white-space: nowrap; border-radius:9px; height:18px; line-height:18px; overflow:hidden; }
.course_list .course_item .course_main .course_price .vip-price .vip{height:18px; display:inline-block; position: relative;background:#DCC37D; padding:0px 1px 0 6px; color:#353535; }
.course_list .course_item .course_main .course_price .vip-price .vip:after{content: ''; position: absolute; bottom: 0px; right: -3px;border-top: 18px solid #DCC37D; border-right: 3px solid transparent; border-bottom: 0px solid transparent;  border-left: 2px solid transparent;}
.course_list .course_item .course_main .course_price .vip-price .lijian{height:18px; display:inline-block; background:#353535; padding:0px 6px 0 6px; color:#DCC37D;}

.teacher_list{ padding:10px 15px; background:#fff; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch; }
.teacher_list .teacher_item{ display:inline-block; padding:0 10px; text-align:center; width:70px; overflow:hidden; }
.teacher_list .teacher_item .teacher_pic{ line-height:0; }
.teacher_list .teacher_item .teacher_pic img{ width:70px; height:70px; border-radius:100%; object-fit:cover; }
.teacher_list .teacher_item .teacher_name{  height: 20px; margin-top: 10px; font-size:0.9em; font-weight: 600; line-height: 20px; color: #323232; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.teacher_list .teacher_item .teacher_subject{ height: 16px; margin-top: 4px; font-size: 0.8em; line-height: 16px; color: #666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.info_pinglun_list{ padding:10px 15px; background:#fff; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch;  }
.info_pinglun_list .pinglun_item{ overflow:hidden; position:relative; background:#F5F6F7;width:300px; min-width:300px; height: 160px; padding: 16px; margin-right: 10px; border-radius:4px; }
.info_pinglun_list .pinglun_item .pinglun_hd{  -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.info_pinglun_list .pinglun_item .pinglun_hd img{ width:32px; height:32px; object-fit:cover; border-radius:100%; }
.info_pinglun_list .pinglun_item .pinglun_hd .user_name{ margin-left:8px; color:#888; font-size:0.8em; }
.info_pinglun_list .pinglun_item .pinglun_hd .ping_socre{ margin-left:8px; position:relative; margin-right:5px;  } 
.info_pinglun_list .pinglun_item .pinglun_hd .socre{ overflow:hidden;}
.info_pinglun_list .pinglun_item .pinglun_hd .socre .tciconfont{ font-size:0.8em; color:#FE5900; margin-right:2px; }
.info_pinglun_list .pinglun_item .pinglun_hd .socre_fill{ position:absolute; left:0; top:0; }
.info_pinglun_list .pinglun_item .pinglun_hd .socre_fill .tciconfont{ color:#FE5900; }
.info_pinglun_list .pinglun_item .pinglun_text{max-height: 88px; margin-top: 11px; font-size: 14px; line-height: 22px;letter-spacing: -.1px; color: #262626; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.info_pinglun_list .pinglun_item .pinglun_time{ height:18px; margin-top: 8px;display: block; font-family: arial; font-size: 11px; line-height: 18px; text-align: left; color: #ababab; position: absolute; left: 16px; bottom: 16px;}

.tcedu-info .info_content{padding:10px 15px 10px; background:#fff; font-size:15px; line-height:24px; text-align:justify;color: #262626; word-wrap: break-word;}

.info_footer_box{ height:60px; }
.info_footer_box .info_footer{ position:fixed; bottom:0; left:0; right:0; height:50px; background:#fff; z-index:999; text-align:center; }
.info_footer_box .info_footer .foot_item{ width:50px; min-width:50px;color:#8c8c8c; }
.info_footer_box .info_footer .foot_item .icon{margin:5px auto 0; width:20px; height:20px; line-height:20px; }
.info_footer_box .info_footer .foot_item .icon .tciconfont{ font-size:1.2em; }
.info_footer_box .info_footer .foot_item .text{ font-size:0.7em; height:18px; line-height:18px; margin-top:2px; }
.info_footer_box .info_footer .foot_item.on{ color:#FE5900; }
.info_footer_box .info_footer .foot_item2{ padding:9px 0; }
.info_footer_box .info_footer .foot_item2 .text1{ line-height:32px; height:32px; font-size:1.05em; font-weight:600; }
.info_footer_box .info_footer .foot_item2_1{ color: #1a8cff; background: #E6F7FF; }
.info_footer_box .info_footer .foot_item2_2{ color:#fff; background:#1A8CFF; }

.tcedu-info .info_more_header{ height:89px; }
.tcedu-info .info_more_header .more_header{ height:90px; overflow:hidden; background:#fff; }
.tcedu-info .info_more_header .more_header .header_hd{ position:relative; height:45px; line-height:44px; border-bottom:1px solid #eee; box-sizing:border-box; }
.tcedu-info .info_more_header .more_header .header_hd .back{ position:absolute; z-index:1; left:5px; top:0; width:44px; height:44px; text-align:center; }
.tcedu-info .info_more_header .more_header .header_hd .back .tciconfont{ font-size:1.6em; }
.tcedu-info .info_more_header .more_header .header_hd .nav-popup{ position:absolute; z-index:1; right:5px; top:0; width:44px; height:44px; text-align:center; }
.tcedu-info .info_more_header .more_header .header_hd .nav-popup .tciconfont{ color:#fff; font-size:1.2em; }

.tcedu-info .info_more_header .more_header .header_hd .name{ margin:0 60px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-info .info_more_header .header_nav{ position:relative; height:45px; line-height:44px; border-bottom:1px solid #eee; box-sizing:border-box;}
.tcedu-info .info_more_header .header_nav .nav_item{ position:relative; text-align:center; line-height:44px; height:44px; }
.tcedu-info .info_more_header .header_nav .nav_item.on{ color:#1a8cff; font-weight:600; }
.tcedu-info .info_more_header .header_nav .nav_item.on .sub{ position:absolute; bottom:0; left:50%; margin-left:-13px; width:26px; height:3px; border-radius:2px; background:#1a8cff; }

.tcedu-info .info_course_cate{ height:55px; background:#fff; }
.tcedu-info .info_course_cate .course_cate_nav{padding:12px 0px; box-sizing:border-box; margin:0 15px; height:54px; white-space:nowrap; overflow-x:scroll; -webkit-overflow-scrolling:touch; }
.tcedu-info .info_course_cate .course_cate_nav .nav_item{ color:#595959; width:auto; min-width: 90px; height: 30px; float: left; line-height: 30px; text-align: center; -moz-border-radius: 15px; border-radius: 15px;background: #f5f6f7; margin-right: 10px; }
.tcedu-info .info_course_cate .course_cate_nav .nav_item:last-child{ margin-right:0; }
.tcedu-info .info_course_cate .course_cate_nav .nav_item span{ display:block; font-size:0.7em;  }
.tcedu-info .info_course_cate .course_cate_nav .nav_item.on{ background:#1a8cff; color:#fff; }

.tcedu-info .info_course_search{ padding:10px 15px; } 
.tcedu-info .info_course_search .search{ position:relative; padding:0 15px 0 15px; border:1px solid #eee; border-radius:16px; overflow:hidden;  background:#fff;}
.tcedu-info .info_course_search .search input{ width:100%; height:32px; line-height:32px; padding:0; border:0; margin:0; }
.tcedu-info .info_course_search .search .tciconfont{  font-size: 0.9em; position:absolute; z-index:1; cursor:pointer; width:40px; height:32px; line-height:32px; text-align:center; right:5px; top:0; }

.tcedu-info .video_main{ position:fixed; top:0; left:0; right:0;bottom:0; z-index:99999; background:#000; }
.tcedu-info .video_main .video{ height:100%;  padding: 50px 0; box-sizing: border-box; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.tcedu-info .video_main .video .id_video_box{ background:#fff; max-height:100%; max-width:100%; margin:0 auto;}
.tcedu-info .video_main .video_back{ cursor:pointer; position:absolute; left:10px; top:10px; width:30px; height:30px; line-height:30px; text-align:center;background: rgba(255,255,255,0.6); border-radius: 100%; }
.tcedu-info .video_main .video_back .tciconfont{ font-size:1.8em; }

.teacher_more_list{ background:#fff;padding:0px 15px;}
.teacher_more_list .teacher_item{ padding:15px 0px; border-bottom:1px solid #eee; }
.teacher_more_list .teacher_item:last-child{ border-bottom:none; }
.teacher_more_list .teacher_item .teacher_pic{ width:60px; height:60px; min-width:60px; }
.teacher_more_list .teacher_item .teacher_pic img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.teacher_more_list .teacher_item .teacher_main{ margin-left:10px; width:calc(100% - 70px); width:-webkit-calc(100% - 70px); }
.teacher_more_list .teacher_item .teacher_main .teacher_name{ height: 24px; font-size:1.05em; font-weight: 600; line-height: 24px; }
.teacher_more_list .teacher_item .teacher_main .teacher_subject{height: 18px; margin-top: 4px;font-size: 0.8em; line-height: 18px; color: #8c8c8c;}
.teacher_more_list .teacher_item .teacher_main .teacher_desc{height: 18px; margin-top: 4px;font-size: 0.8em; line-height: 18px; color: #8c8c8c;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.info_more_photo{ padding:20px 16px; background:#fff; }
.info_more_photo .photolist{ }
.info_more_photo .photolist .photolist_item{ float:left; margin-bottom:16px; width:calc((100vw - 48px) / 2); width:-webkit-calc((100vw - 48px) / 2); max-width:calc((760px - 48px) / 2); max-width:-webkit-calc((760px - 48px) / 2); padding-top:calc((100vw - 48px) / 2 * 0.6); padding-top:-webkit-calc((100vw - 48px) / 2 * 0.6); position:relative;}
.info_more_photo .photolist .photolist_item:nth-child(2n){ margin-left:16px; }
.info_more_photo .photolist .photolist_item img{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5px; object-fit:cover; }
.info_more_photo .photolist .photolist_item .tciconfont{ position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin-top:-20px; margin-left:-20px; border-radius:100%; background:rgba(0,0,0,0.5); font-size:2.4em; color:#fff; text-align:center; }

.pinglun_total{ padding:20px 16px; background:#fff; text-align:center; }
.pinglun_total .total_score{ height:40px; line-height:40px; width:50%; border-right:1px solid #eee; box-sizing:border-box;}
.pinglun_total .total_score .score{ font-size:2.5em; font-weight:600; }
.pinglun_total .total_score .num{height:17px; font-size:0.7em; line-height:17px; color:#ababab; }
.pinglun_total .item_score{ height:40px; width:50%;}
.pinglun_total .item_score .item{ line-height:20px; color:#8c8c8c; font-size:0.7em; }

.tcedu-info .pinglun_nav_list{ background:#fff; padding:10px 15px; flex-wrap:wrap; }
.tcedu-info .pinglun_nav_list a{ white-space:nowrap; margin-right:10px; height:30px; line-height:30px; padding:0 12px; border-radius:15px; background:#f5f6f7; color:#595959; font-size:0.7em; }
.tcedu-info .pinglun_nav_list a.on{ background: #1a8cff; color: #fff; }

.pinglun_list{  }
.pinglun_list .pinglun_item{ padding:15px; background:#fff; margin-top:5px; }
.pinglun_list .pinglun_item .pinglun_hd{  }
.pinglun_list .pinglun_item .pinglun_hd .user_pic{ width:36px; min-width:36px; height:36px;  }
.pinglun_list .pinglun_item .pinglun_hd .user_pic img{ width:100%; height:100%; object-fit:cover; border-radius:100%; }
.pinglun_list .pinglun_item .pinglun_hd .user_main{ margin-left:8px; width:calc(100% - 46px); width:-webkit-calc(100% - 46px); }
.pinglun_list .pinglun_item .pinglun_hd .user_main .user_xx{ height:18px; line-height:18px; }
.pinglun_list .pinglun_item .pinglun_hd .user_main .user_xx .name{ font-size:0.8em; font-weight:600; color:#666; }
.pinglun_list .pinglun_item .pinglun_hd .user_main .user_xx .course{ margin-left:5px; font-size:0.7em; color:#888; }
.pinglun_list .pinglun_item .pinglun_hd .user_main .ping_socre {  position:relative;display:inline-block; } 
.pinglun_list .pinglun_item .pinglun_hd .user_main .ping_socre .socre{ overflow:hidden;}
.pinglun_list .pinglun_item .pinglun_hd .user_main .ping_socre .socre .tciconfont{ font-size:0.8em; color:#FE5900; padding:0 1px; }
.pinglun_list .pinglun_item .pinglun_hd .user_main .ping_socre .socre_fill{ position:absolute; left:0; top:0; }
.pinglun_list .pinglun_item .pinglun_hd .user_main .ping_socre .socre_fill .tciconfont{ color:#FE5900; }
.pinglun_list .pinglun_item .pinglun_text{ margin-top:10px; font-size:0.9em; word-break: break-all; line-height: 22px; color: #262626; }
.pinglun_list .pinglun_item .pinglun_photo{ margin-top:16px; }
.pinglun_list .pinglun_item .pinglun_photo a{ float:left; margin-right:5px; width:70px; height:70px; margin-bottom:5px; }
.pinglun_list .pinglun_item .pinglun_photo a img{ width:100%; height:100%; object-fit:cover; border-radius:4px; }
.pinglun_list .pinglun_item .pinglun_time{ height:18px; margin-top:10px; font-size:0.7em;line-height: 18px;color: #ababab;}

/************************************* teacherinfo ************************************/

.tcedu-teacherinfo{  }
.tcedu-teacherinfo .teacher_header{ background:#fff; position:relative; overflow:hidden; }
.tcedu-teacherinfo .teacher_header .head_hd{height:44px; line-height:44px; }
.tcedu-teacherinfo .teacher_header .head_hd .edu_name{ display:block; margin:0 60px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-teacherinfo .teacher_header .head_hd .back{ position:absolute; z-index:1; left:5px; top:0; width:44px; height:44px; text-align:center; }
.tcedu-teacherinfo .teacher_header .head_hd .back .tciconfont{ color:#fff; font-size:1.6em; }
.tcedu-teacherinfo .teacher_header .head_hd .nav-popup{ position:absolute; z-index:1; right:5px; top:0; width:44px; height:44px; text-align:center; }
.tcedu-teacherinfo .teacher_header .head_hd .nav-popup .tciconfont{ color:#fff; font-size:1.2em; }
.tcedu-teacherinfo .teacher_header .head_bd{ position:relative; z-index:2; margin:80px 16px 20px; padding:50px 10px 25px; border-radius:5px;}
.tcedu-teacherinfo .teacher_header .head_bd .user_pic{ position:absolute; width:90px; height:90px; top:-50px; left:50%; margin-left:-45px; padding:3px; box-sizing:border-box; border-radius:100%; background:#fff; }
.tcedu-teacherinfo .teacher_header .head_bd .user_pic img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.tcedu-teacherinfo .teacher_header .head_bd .user_name{ height:32px; line-height:32px; font-size:1.5em; font-weight:600; text-align: center;color:#fff; }
.tcedu-teacherinfo .teacher_header .head_bd .user_desc{height: 18px; margin-top: 5px; font-size: 12px; line-height: 18px; text-align: center; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tcedu-teacherinfo .teacher_header .head_bd .user_main { margin-top: 14px;}
.tcedu-teacherinfo .teacher_header .head_bd .user_main .item{ text-align: center; border-right:1px solid #eee; }
.tcedu-teacherinfo .teacher_header .head_bd .user_main .item:last-child{ border-right:0; }
.tcedu-teacherinfo .teacher_header .head_bd .user_main .item .item_hd{ height: 22px; overflow: hidden; font-size:1em;  font-weight: 600; line-height: 22px;  white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.tcedu-teacherinfo .teacher_header .head_bd .user_main .item .item_bd{ height:17px; margin-top: 3px; display: block; font-size:0.7em; line-height: 17px; color: #fff;}
.tcedu-teacherinfo .teacher_header + .teacher_title{ margin-top:-15px; position:relative; z-index:1; border-top-left-radius:10px; border-top-right-radius:10px; }

.tcedu-teacherinfo .teacher_title{ padding:10px 16px; background:#fff; }
.tcedu-teacherinfo .teacher_title .title{ height:28px; display:block; font-size:1.2em; font-weight:600; line-height:28px; color:#262626; }

.tcedu-teacherinfo .teacher_content{background:#fff; padding:0px 16px 15px; min-height:200px; }
.tcedu-teacherinfo .teacher_content p{ line-height:20px; font-size:0.9em; }

/********************************************************* list *****************************************************/

.tcedu-list{ }
.tcedu-list .list-header{position:fixed; top:0; left:0; right:0; background:#fff; z-index:102}
.tcedu-list .list-header .list-header__hd{  height:40px; line-height:40px; overflow:hidden;padding-top: 5px;}
.tcedu-list .list-header .list-header__hd .back{ width:40px; margin-left:10px; text-align:center; min-width:40px;}
.tcedu-list .list-header .list-header__hd .back .tciconfont{font-size:2em; color:#999;}
.tcedu-list .list-header .list-header__hd .search{ margin-top:6px; margin-left:15px; margin-right:5px; height:30px; line-height:30px; background:#F3F3F3; color:#999; padding:0 15px; border-radius:15px; }
.tcedu-list .list-header .list-header__hd .search .tciconfont{ font-size:1em;vertical-align: -1px;}
.tcedu-list .list-header .list-header__hd .search .search-text{ font-size:0.8em; margin-left:10px;}
.tcedu-list .list-header .list-header__hd .back + .search{ margin-left:10px; }

.tcedu-list .list-header .list-header__hd .xinxi{ margin-left:5px; text-align:center; width:50px; min-width:50px;position:relative; }
.tcedu-list .list-header .list-header__hd .xinxi .tciconfont{ font-size:1.4em; color:#666;}
.tcedu-list .list-header .list-header__hd .xinxi .xinxi-num{ position:absolute; top:4px; left:26px; background:#f00; height:15px; line-height:15px; font-size:0.7em; color:#fff; padding:0 4px; border-radius:100%; }
.tcedu-list .list-header .list-header__hd .wode{ width:40px; min-width:40px; text-align:center; margin-right: 0px; }
.tcedu-list .list-header .list-header__hd .wode .tciconfont{ font-size:1.2em; color:#666;}
.tcedu-list .list-header .list-header__bd{ margin-top:5px; height:40px; text-align:center; }
.tcedu-list .list-header .list-header__bd .nav-hd__item{ cursor:pointer; height:40px; line-height:40px; font-size:0.9em; color:#999;overflow: hidden; }
.tcedu-list .list-header .list-header__bd .nav-hd__item i{ margin-left:5px; display:inline-block; vertical-align: 0px; border:3px solid transparent; border-top-color:#999;}
.tcedu-list .list-header .list-header__bd .nav-hd__item.on{ color:#66B061}
.tcedu-list .list-header .list-header__bd .nav-hd__item.on i{ border-top-color:#66B061;}
.tcedu-list .list-header .list-header__hd .wode{ margin-right:10px; }

.tcedu-list .list-screen{ -webkit-animation:fadeIn 0.5s .1s ease both;-moz-animation:fadeIn 1s .2s ease both; position:fixed; z-index:101; top:90px; left:0; right:0; bottom:0;  }
.tcedu-list .list-screen .list-screen__mask{ cursor:pointer; -webkit-animation:fadeIn 0.5s .1s ease both;-moz-animation:fadeIn 1s .2s ease both; background:rgba(0,0,0,0.5); z-index:0; width:100%; height:100%; position:fixed; top:85px; left:0; right:0; bottom:0;  }
.tcedu-list .list-screen .list-screen__item{ z-index:1; -webkit-animation:Down 0.8s .1s ease both;-moz-animation:Down 1s .2s ease both; height:80%; overflow:hidden; background:#fff; box-sizing:border-box;}

.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__lt{ width:50%; height:100%;  overflow-y:scroll;-webkit-overflow-scrolling:touch; }
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__lt a{ display:block;}
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__lt .zhiwei-lt__item{ cursor:pointer; padding:10px; line-height:20px; color:#666; font-size:1em;  }
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__lt .zhiwei-lt__item.on{ color:#5BBE4F;}
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__rt{ width:50%; background:#FBFBFB; height:100%;  overflow-y:scroll;-webkit-overflow-scrolling:touch; }
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__rt .zhiwei-rt__item{ cursor:pointer; padding:10px; line-height:20px; color:#666; font-size:1em; }
.tcedu-list .list-screen .list-screen__zhiwei .screen-zhiwei__rt .zhiwei-rt__item.on{ color:#5BBE4F;}

.tcedu-list .list-screen .list-screen__item .screen-list__box{ width:100%; height:100%;  overflow-y:scroll;-webkit-overflow-scrolling:touch; }
.tcedu-list .list-screen .list-screen__item .screen-list__box a{ display:block;}
.tcedu-list .list-screen .list-screen__item .screen-list__box .list-box__item{ cursor:pointer; padding:10px 20px; line-height:20px; color:#666; font-size:1em;  }
.tcedu-list .list-screen .list-screen__item .screen-list__box .list-box__item.on{ color:#5BBE4F;}

.tcedu-list .list-screen .list-screen__demand{ position:relative; }
.tcedu-list .list-screen .list-screen__demand .demand-form{position:relative; z-index:0; height:calc(100% - 50px); height:-webkit-calc(100% - 50px); overflow-y:scroll;-webkit-overflow-scrolling:touch; padding:10px 10px 10px; box-sizing:border-box;}
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item{ }
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item .demand-item__title{ line-height:50px; height:50px; font-weight:600;}
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item .demand-item__select .select-term{ cursor:pointer; width:22%; height:36px; color:#444; overflow:hidden; font-size:0.8em; border-radius:18px; float:left; margin-right:4%; margin-bottom:10px; background:#F3F3F3; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item .demand-item__select .select-term:nth-child(4n){margin-right:0; }
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item .demand-item__select .select-term span{ line-height:16px; width:100%; padding:0 5px; box-sizing:border-box; display:block; text-align:center;}
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-item .demand-item__select .select-term.on{color:#66B061;}
.tcedu-list .list-screen .list-screen__demand .demand-botton{background:#fff; z-index:1000; position:absolute; bottom:0; left:0; right:0; height:50px; line-height:50px; text-align:center; border-top:1px solid #eee; }
.tcedu-list .list-screen .list-screen__demand .demand-botton .demand-botton__lt{ width:35%; min-width:35%; }
.tcedu-list .list-screen .list-screen__demand .demand-botton .demand-botton__rt{ color:#fff; background:#3BBB30; }
.tcedu-list .list-screen .list-screen__demand .demand-form .demand-check{  border-top:1px solid #eee; margin-top:5px;;}

.tcedu-list .header_sub_shaix{ position:fixed; top:90px; left:0; right:0; z-index:99; background:#fff; padding:5px 15px; }
.tcedu-list .header_sub_shaix .shaix_box{ overflow:scroll; }
.tcedu-list .header_sub_shaix .shaix_box .sx_item{ cursor:pointer; color:#595959; width:auto; padding:0 12px; height:30px; float:left;line-height:30px; text-align:center; -moz-border-radius:15px; border-radius:15px; background:#f3f3f3; margin-right:10px;white-space:nowrap;font-size: 0.7em;}
.tcedu-list .header_sub_shaix .shaix_box .sx_item.on{background: #1a8cff; color: #fff;}

@-webkit-keyframes Down{
0%{
-webkit-transform:translateY(-100%)}
100%{
-webkit-transform:translateY(0)}
}
@-moz-keyframes Down{
0%{
-moz-transform:translateY(-100%)}
100%{
-moz-transform:translateY(0)}
}

@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

/********************************************************* my *****************************************************/
.tcedu_mylist .mylist-search{ padding:10px 15px;}
.tcedu_mylist .mylist-search .search-box{ height:30px; background:#efefef; border-radius:10px; padding-left:15px}
.tcedu_mylist .mylist-search .search-box input{ border:none;; height:30px; background:transparent; padding:0; font-size:0.8em;}
.tcedu_mylist .mylist-search .search-box .tciconfont{ cursor:pointer; width:35px; height:30px; line-height:30px; text-align:center; font-size:1.05em; color:#999}

.tcedu_mylist .item2-box{ display:-webkit-box; display:-webkit-flex; display:flex; padding: 15px 10px 10px 15px; background: #fff; margin-bottom: 1px;}
.tcedu_mylist .item2-box .item-pic{ width:100px; height:80px; position:relative;}
.tcedu_mylist .item2-box .item-pic img{ height:100%; width:100%; }
.tcedu_mylist .item2-box .item-pic .ty{position: absolute; top: 0; left: 0; background: rgba(251,110,0); color: #fff;font-size: 0.7em; padding: 0 3px; line-height: 16px; border-bottom-right-radius: 4px; }
.tcedu_mylist .item2-box .item-content{ position:relative; padding-right:50px; padding-left:10px; -webkit-box-flex:1; -webkit-flex:1; flex:1; overflow:hidden;}
.tcedu_mylist .item2-box .item-content .content h5{ font-weight: 500; height:20px; font-size:1em; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;margin-bottom: 1px;}
.tcedu_mylist .item2-box .item-content .content h5 span.text-icon{ vertical-align:1px; color: #fff; padding: 0px 1px; background-color: #ff7f00; border-radius: 2px; display: inline-block; font-size: 0.6em; font-weight: 500; height: 16px; line-height: 16px; margin-right: 5px;}

.tcedu_mylist .item2-box .item-content .content .xinxi{ height:24px; margin-top: 0px; line-height:24px; color:#9c9c9c; overflow:hidden; font-size:0.9em; padding:1px 0; }
.tcedu_mylist .item2-box .item-content .content .nr{ height:20px; margin-bottom: 2px; line-height:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#888888; font-size:0.85em;}
.tcedu_mylist .item2-box .item-content .details{text-align:center; position:absolute; right:0; top:10px; }
.tcedu_mylist .btn-group{ border-bottom: 5px solid #f2f2f2;}
.tcedu_mylist .item2-box .item-content .content .time{ height:24px; margin-top:0px; line-height:24px; color:#666; overflow:hidden; font-size:0.9em; padding:1px 0; }
.tcedu_mylist .item2-box .item-content .content .time .t{ color:#f00; }

.tcedu_mylist .vip-box{ padding:10px; background:#FFFBEF; }
.tcedu_mylist .vip-box .vip-box__ts{ font-size:0.9em; line-height:20px; color:#444;}
.tcedu_mylist .vip-box .vip-box__ts .tciconfont{ color:#EB991D;font-size: 1.2em;}
.tcedu_mylist .vip-box .vip-box__ts .num{ color:#f00; margin:0 2px;}
.tcedu_mylist .vip-box .vip-box__ts a{ color:#f00;text-decoration: underline; }

.tese-tags__list{ padding:7px 10px 12px; background:#fff; }
.tese-tags__list label{ float:left; height:30px; line-height:30px; padding:0 6px; border:1px solid #ddd; border-radius:4px; font-size:0.9em; margin-right:5px; margin-top:5px; }
.tese-tags__list input[type="checkbox"]{ display:none; }
.tese-tags__list input:checked + label{ border-color:#3072F6; color:#3072F6; }

.tese-tabs__list{ }
.tese-tabs__list label{ float:left; height:30px; line-height:30px; padding:0 6px; border:1px solid #ddd; border-radius:4px; font-size:0.9em; margin-right:5px; margin-top:5px; }
.tese-tabs__list input[type="checkbox"]{ display:none; }
.tese-tabs__list input[type="radio"]{ display:none; }
.tese-tabs__list input:checked + label{ border-color:#3072F6; color:#3072F6; }

.edit-form i.close{cursor: pointer; padding:0; position: absolute; z-index: 1; top: 0px; right: 0px; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,0,0,0.5);}
.edit-form i.close:before,.edit-form i.close:after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:1px; width:10px; background:#FFF; top:8px;right: 4px;}
.edit-form i.close:before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.tcedu_teacher .cmy_container .teacher_item{ background:#fff; padding:15px; margin-bottom:1px; }
.tcedu_teacher .cmy_container .teacher_item .teacher_avatar{ width:70px; min-width:70px; height:70px; }
.tcedu_teacher .cmy_container .teacher_item .teacher_avatar img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.tcedu_teacher .cmy_container .teacher_item .teacher_main{ margin-left:10px; width:calc(100% - 80px); width:-webkit-calc(100% - 80px); }
.tcedu_teacher .cmy_container .teacher_item .teacher_main .tea_name{ position:relative; height:30px; line-height:30px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:70px; }
.tcedu_teacher .cmy_container .teacher_item .teacher_main .tea_name .uid{ margin-left:5px; font-size:0.8em; color:#666; }

.tcedu_teacher .cmy_container .teacher_item .teacher_main .tea_name .handle{ position:absolute; right:0; top:0; line-height:30px;  margin-left:10px; font-weight:400; font-size:0.8em; }

.tcedu_teacher .cmy_container .teacher_item .teacher_main .tea_subject{ line-height:20px; height:20px; font-size:0.9em; color:#666;} 
.tcedu_teacher .cmy_container .teacher_item .teacher_main .tea_desc{ line-height:20px; height:20px; font-size:0.9em; color:#666;} 

.avatar_upload{ border-bottom:1px solid #eee; }
.avatar_upload .avatar-upload-file{ width:80px; height:80px; position:relative}
.avatar_upload .avatar-upload-file img{ width:100%; height:100%; border-radius:100%; border:1px solid #eee; }
.avatar_upload .uploader-input{ cursor:pointer; position:absolute; width:100%; height:100%; z-index:1; top:0; left:0; opacity:0;}
.avatar_upload .avatar-ts{ margin-left:20px; font-size:0.9em; color:#666; }

.tcedu_coursecate .cmy_container .coursecate_item{ position:relative; padding:0 15px; height:40px; line-height:40px; background:#fff; border-bottom:1px solid #eee; }
.tcedu_coursecate .cmy_container .coursecate_item .name{ font-weight:600; }
.tcedu_coursecate .cmy_container .coursecate_item .sort{ font-size:0.9em; margin-left:5px; color:#999; }
.tcedu_coursecate .cmy_container .coursecate_item .handle{ float:right; }
.tcedu_coursecate .cmy_container .coursecate_item .handle .tciconfont{ display:inline-block; width:40px; height:40px; text-align:center; color:#f00;}
.tcedu_coursecate .cmy_container .coursecate_item .handle .tcicon-edit{ color:#01AAED; }

/********************************************************* pinglun *****************************************************/

.tcedu_pinglun .course_box{ margin:15px 12px; background:#fff; padding:12.edu_list .edu_item .edu_main .edu_address .course_namepx 15px; border-radius:4px; }
.tcedu_pinglun .course_box .course{  }
.tcedu_pinglun .course_box .course .course_pic{ width:80px; height:60px; }
.tcedu_pinglun .course_box .course .course_pic img{ width:100%; height:100%; border-radius:2px; object-fit:cover; }
.tcedu_pinglun .course_box .course .course_main{ margin-left:10px; }
.tcedu_pinglun .course_box .course .course_main .course_name{ font-weight:600; line-height:22px; font-size:1em; }
.tcedu_pinglun .course_box .course .course_main .edu_name{ font-size:0.8em; margin-top:5px; line-height:18px; }

.tcedu_pinglun .pinglun_main{ margin:15px 12px; background:#fff; padding:12px 15px; border-radius:4px; }
.tcedu_pinglun .pinglun_main .pinglun_score{  }
.tcedu_pinglun .pinglun_main .pinglun_score .score_item{  margin-bottom:5px; height:26px; line-height:26px; overflow:hidden; }
.tcedu_pinglun .pinglun_main .pinglun_score .score_item .item_lt{font-size:1.05em; font-weight:600; margin-right:10px; color:#444; }
.tcedu_pinglun .pinglun_main .pinglun_score .score_item .item_rt {  }
.tcedu_pinglun .pinglun_main .pinglun_score .score_item .item_rt .tciconfont{ cursor:pointer; font-size:1.2em; color:#d0cfcf; margin-right:10px; }
.tcedu_pinglun .pinglun_main .pinglun_score .score_item .item_rt .tciconfont.tcicon-grade1{ color:#FE5900; }
.tcedu_pinglun .pinglun_main .pinglun_text{ padding-top:10px; }
.tcedu_pinglun .pinglun_main .pinglun_text textarea{ width:100%; height:160px; background:#FaFaFa; box-sizing:border-box; padding:10px; border:0; border-radius:4px;resize: none; }

.tcedu_pinglun .pinglun_main .pinglun_pic{ margin-top:15px; }
.tcedu_pinglun .pinglun_main .pinglun_pic .pic{ cursor:pointer; width:60px; min-width:60px;height:60px;margin-right:15px; margin-bottom:8px; position:relative; overflow:hidden; }
.tcedu_pinglun .pinglun_main .pinglun_pic .pic img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:0; }
.tcedu_pinglun .pinglun_main .pinglun_pic .pic input{ position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; width:100%; height:100%; opacity:0; }
.tcedu_pinglun .pinglun_main .pinglun_pic .photo{  float:left;  }
.tcedu_pinglun .pinglun_main .pinglun_pic .photo .photo_item{ float:left; position:relative; margin-right:8px; margin-bottom:8px; width:60px; height:60px; }
.tcedu_pinglun .pinglun_main .pinglun_pic .photo .photo_item img{ width:100%; height:100%; object-fit:cover; }
.tcedu_pinglun .pinglun_main .pinglun_pic .photo .photo_item .del{ position:absolute; z-index:1; cursor:pointer; right:-2px; top:-4px; background:#f00; color:#fff; padding:2px 4px; border-radius:100%; }
.tcedu_pinglun .pinglun_main .pinglun_pic .photo .photo_item .del .tciconfont{ font-size:0.7em; }

.tcedu_pinglun .pinglun_main .pinglun_submit{ margin-top:15px; margin-bottom:10px; }
.tcedu_pinglun .pinglun_main .pinglun_submit .btn{ display:inline-block; line-height:44px; height:44px; border-radius:22px; font-size:1.05em; background:#F79837; color:#fff; width:100%; text-align:center; cursor:pointer; }

/********************************************************* courseinfo *****************************************************/

.tcedu_courseinfo .header_hd{ background:#fff; }
.tcedu_courseinfo .header_hd .head_pic{ width:100%; }
.tcedu_courseinfo .header_hd .head_pic img{ display:block; width:100%; object-fit:cover;max-height: 400px; }
.tcedu_courseinfo .header_hd .head_main{ padding:10px; }
.tcedu_courseinfo .header_hd .head_main .m-name{ line-height:30px; }
.tcedu_courseinfo .header_hd .head_main .m-name .title{ font-size:1.2em; font-weight:600; }
.tcedu_courseinfo .header_hd .head_main .m-name .xg{ margin-left:5px; font-size:0.7em; background:#FB6E00; font-weight:600; color:#fff; padding:1px 6px; border-radius:10px; vertical-align: 1px;}
.tcedu_courseinfo .header_hd .head_main .m-tabs{ margin-top:5px; } 
.tcedu_courseinfo .header_hd .head_main .m-tabs span{ float:left; padding:2px 6px; line-height:16px;background:#F5F6F7; color:#888;font-size:0.8em; border-radius:2px; margin-right:5px; margin-bottom:5px; }
.tcedu_courseinfo .header_hd .head_main .m-tabs span.ty{ color:#FB6E00; font-weight:600;}
.tcedu_courseinfo .header_hd .head_main .m-price{ margin-top:5px; height:30px; line-height:24px; }
.tcedu_courseinfo .header_hd .head_main .m-price .buy_price{ color:#FB6E00; }
.tcedu_courseinfo .header_hd .head_main .m-price .buy_price .price{ font-weight:600; font-size:1.5em; }
.tcedu_courseinfo .header_hd .head_main .m-price .old_price{ margin-left:5px; color:#999; text-decoration:line-through; font-size:0.9em; }
.tcedu_courseinfo .header_hd .head_main .m-price .free{ color:#FB6E00; font-size:1.2em;font-weight:600; }
.tcedu_courseinfo .header_hd .head_main .m-price .hour{ float:right; color:#FB6E00; font-size:0.7em; border-radius:2px; border:1px solid #efc48c; line-height:20px; padding:0 4px; margin-left:5px; }
.tcedu_courseinfo .header_hd .head_main .m-price .class{ color:#1A8CFF; border:1px solid #BDE7FF; }

.tcedu_courseinfo .header_hd .head_main .m-teacher{ margin-top:10px; height:20px; line-height:20px; }
.tcedu_courseinfo .header_hd .head_main .m-teacher .teach_title{ font-size:0.9em; color:#ABABAB; margin-right:10px; }
.tcedu_courseinfo .header_hd .head_main .m-teacher .teach{ font-size:0.9em;  }
.tcedu_courseinfo .header_hd .head_main .m-teacher .work{ margin-left:2px; margin-right:5px; color:#999; font-size:0.7em; }

.tcedu_courseinfo .courseinfo_bm_need .courseinfo_title{ margin-top:10px; border-bottom:1px solid #eee; }
.tcedu_courseinfo .courseinfo_bm_need .bm_need{ background:#fff; padding:15px; }
.tcedu_courseinfo .courseinfo_bm_need .bm_need .m-hexiao{ height:24px; line-height:24px; font-size:0.9em; color:#666; }
.tcedu_courseinfo .courseinfo_bm_need .bm_need .m-hexiao .text{ margin-right:5px; }
.tcedu_courseinfo .courseinfo_bm_need .bm_need .m-hexiao .num{ color:#F00; margin-right:5px; }

.tcedu_courseinfo .courseinfo_title{display:block; background:#fff; padding:0 10px; line-height:40px; height:40px; overflow:hidden; }
.tcedu_courseinfo .courseinfo_title .title{ font-size:1.05em; font-weight:600; }
.tcedu_courseinfo .courseinfo_title .more{ float:right; height:40px; }
.tcedu_courseinfo .courseinfo_title .more .tciconfont{ font-size:1.4em; color:#aaa; }

.tcedu_courseinfo .courseinfo_teacher .courseinfo_title{ margin-top:10px; border-bottom:1px solid #eee; }

.tcedu_courseinfo .courseinfo_content{ background:#fff; }
.tcedu_courseinfo .courseinfo_content .courseinfo_title{ margin-top:10px; border-bottom:1px solid #eee; }
.tcedu_courseinfo .courseinfo_content .content{ padding:15px; line-height:22px; font-size:1em; }

.tcedu_courseinfo .edu_box{ background:#fff; padding:20px 15px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tcedu_courseinfo .edu_box .edu_pic{ position: relative; width: 52px; height: 52px; }
.tcedu_courseinfo .edu_box .edu_pic:after{content:" "; position: absolute; width: 197%;height: 197%; top: -50%; left: -50%; border: 1px solid #EBEBEB;transform: scale(0.5);border-radius: 8px; }
.tcedu_courseinfo .edu_box .edu_pic img{ width:100%; height:100%; object-fit:cover;}
.tcedu_courseinfo .edu_box .edu_main{ margin-left:12px; }
.tcedu_courseinfo .edu_box .edu_main .edu_name{ font-size:1.05em; color: #262626; line-height:1; font-weight:600; }
.tcedu_courseinfo .edu_box .edu_main .course_num{ line-height: 1; margin-top: 8px; font-size:0.7em;color:#8C8C8C;}
.tcedu_courseinfo .edu_box .edu_rt{ padding:3px 3px 3px 8px; border-radius:8px; border:1px solid #eee; }
.tcedu_courseinfo .edu_box .edu_rt span{ font-size:0.8em; color:#8C8C8C; vertical-align:middle; }
.tcedu_courseinfo .edu_box .edu_rt span .tciconfont{ vertical-align:-2px; }

.tcedu_courseinfo .course_footer_box{ height:66px; }
.tcedu_courseinfo .course_footer{ position:fixed; z-index:999; bottom:0; left:0; right:0; background:#fff; height:56px;border-top: 1px solid #f2f2f2; }
.tcedu_courseinfo .course_footer .foot_item{ text-align:center; width:50px; min-width:50px;color:#8c8c8c; }
.tcedu_courseinfo .course_footer .foot_item .icon{margin:8px auto 0; width:24px; height:24px; line-height:24px; }
.tcedu_courseinfo .course_footer .foot_item .icon .tciconfont{ font-size:1.3em; }
.tcedu_courseinfo .course_footer .foot_item .icon .tcicon-guanzhu_on{ font-size:1.5em;}
.tcedu_courseinfo .course_footer .foot_item .icon .tcicon-guanzhu{ font-size:1.5em;}
.tcedu_courseinfo .course_footer .foot_item .text{ font-size:0.7em; height:16px; line-height:16px; margin-top:2px; }
.tcedu_courseinfo .course_footer .foot_item2{ text-align:right; padding:5px;}
.tcedu_courseinfo .course_footer .foot_item2 .buy_btn{ cursor:pointer; display:block;  height:46px;line-height:46px; border-radius:23px; background-image:linear-gradient(270deg, #FB6E00 0%, #FEA40D 100%); text-align:center; vertical-align:text-bottom; font-size:1.05em;font-weight:600; color:#FFFFFF; }
.tcedu_courseinfo .course_footer .foot_item2 .buy_btn.bm_end{ background:#ccc; }
.tcedu_courseinfo .course_footer .foot_item.on{ color:#FE5900; }

.tcedu_courseinfo .vip-box{    background: #fff;
    padding: 5px 15px;margin-top:8px;}
.tcedu_courseinfo .vip-box .ykt-box{padding: 3px 0;
    font-size: 1em;
    color: #333333;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;}
.tcedu_courseinfo .vip-box .ykt-box .ykt-content{
    color: #dab106;
    padding-left: 22px;
    background: url(vip_ico.png) no-repeat left center;
    background-size: 18px auto;
}
.tcedu_courseinfo .vip-box .ykt-box .ykt-more{min-width: 80px;
    text-align: right;
    font-size: 0.9em;
    color: #999;}
.tcedu_courseinfo .vip-box .ykt-box .ykt-more .tcicon-jiantou__you{    font-size: 2em;
    vertical-align: -3px;}

.html-haibao-btn{cursor:pointer; font-size:0.82em; padding:0 10px 0 15px; line-height:30px; border-top-left-radius:30px; border-bottom-left-radius:30px; position:fixed;top: 80px; right:0px; z-index: 999; background:rgba(0,0,0,0.6); color: #fff;}
.html-haibao-btn .tciconfont{ margin-right:3px; vertical-align: -2px;}

.new-haibao-btn{
    position: fixed;
    top:80px;
    right: 0px;
    z-index: 999;
    cursor: pointer;
    padding:0 4px 0px 8px;
    height:36px;
    line-height:36px;
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;
    background: #fe2741;
    box-shadow: 1px 5px 2px -4px #f86e6e;
    font-size:0.9em;
    color:#fff;
}

.new-haibao-btn .haibao-text .tciconfont{ 
    vertical-align: -1px;
}

.color-haibao__box{ width:380px; min-height:200px; background:#3cb5f6; padding:20px 15px; box-sizing:border-box; position:absolute; top:-10000px; z-index:999; }
.color-haibao__box .haibao_main{ background:#fff; border-radius:5px; padding:10px; }
.color-haibao__box .haibao_main .haibao_edu{ text-align:center; position:relative; }
.color-haibao__box .haibao_main .haibao_edu .edu_pic{ position:absolute; top:-70px; left:50%; margin-left:-33px; width:60px; height:60px; border-radius:100%; overflow:hidden; border:3px solid #fff; }
.color-haibao__box .haibao_main .haibao_edu .edu_pic img{ width:100%; height:100%; object-fit:cover; }
.color-haibao__box .haibao_main .haibao_edu .edu_name{ font-size:1.2em; line-height:30px; font-weight:600; }
.color-haibao__box .haibao_main .haibao_course{ margin-top:15px; background:#f7f7f7; border-radius:5px; padding:10px; }
.color-haibao__box .haibao_main .haibao_course .course_pic{ width:100px; height:70px; position:relative; }
.color-haibao__box .haibao_main .haibao_course .course_pic img{ width:100%; height:100%; object-fit:cover; border-radius:5px; }
.color-haibao__box .haibao_main .haibao_course .course_pic .ty { position: absolute; top: 0; left: 0; background: #FB6E00; color: #fff; font-size: 0.7em; padding: 0 3px; line-height: 16px; border-bottom-right-radius: 4px;}

.color-haibao__box .haibao_main .haibao_course .course_main{ margin-left:10px;  } 
.color-haibao__box .haibao_main .haibao_course .course_main .course_name{height:50px; max-height:50px; padding:5px 0; overflow:hidden; line-height:20px; }
.color-haibao__box .haibao_main .haibao_course .course_main .course_price{ line-height:20px; height:20px;font-weight:600; color:#FB6E00; }
.color-haibao__box .haibao_main .haibao_course .course_main .course_price .price{ font-size:0.8em; }
.color-haibao__box .haibao_main .haibao_course .course_main .course_price .num{ font-size:1.5em; }
.color-haibao__box .haibao_main .haibao_course .course_main .course_price .free{ font-size:0.9em; }
.color-haibao__box .haibao_main .qrcode{ text-align:center; margin-top:5px; }
.color-haibao__box .haibao_main .qrcode .qr_img{ width:140px; height:140px; margin:0 auto; }
.color-haibao__box .haibao_main .qrcode .qr_img img{ width:100%; height:100%; object-fit:cover; }
.color-haibao__box .haibao_main .qrcode .qr_text{ margin-top:6px;  line-height:20px; font-size:0.9em; color:#666;}

.new-haibao-box{ width: 640px; min-height: 200px; position: absolute; top: -10000px; z-index: 999; background: #fff;}
.new-haibao-box .haibao-bg{ width: 100%; height: auto; display:block; position: relative;}
.new-haibao-box .haibao-qrcode1{ position:absolute; left:10px; bottom:10px;width: 130px; height: 130px;}
.new-haibao-box .haibao-qrcode2{position:absolute; right:15px; bottom:15px; width: 130px; height: 130px;}

.new-haibao-box .user-box1{ position: absolute; left: 150px; bottom: 95px; right:10px; }
.new-haibao-box .user-box1 .userpic{ width:40px; height:40px; border-radius:100%; vertical-align:middle; }
.new-haibao-box .user-box1 .username{ color:#fff; line-height:40px; margin-left: 5px;font-size: 1.2em;}

.new-haibao-box .user-box2{ position: absolute; right: 150px; bottom: 95px; left:10px; text-align: right; }
.new-haibao-box .user-box2 .userpic{ width:40px; height:40px; border-radius:100%; vertical-align:middle; }
.new-haibao-box .user-box2 .username{ color:#fff; line-height:40px; margin-left:5px;font-size:1.2em;}

.tcedu-mask{cursor:pointer; display:none; z-index:101000; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; bottom:0;-webkit-animation:fadeIn 0.5s 0s ease both; -moz-animation:fadeIn 0.5s 0s ease both;}

.goodsinfo-cart{ display:none;-webkit-animation:fadeInUp 0.5s 0s ease both;-moz-animation:fadeInUp 0.5s 0s ease both; position:fixed; background:#fff; bottom:0; left:0;right:0;; height:60%; z-index:101001; }
.goodsinfo-cart .goodsinfo-cart__header{ padding:0 10px; min-height:80px; border-bottom:1px solid #eaeaea; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__pic{background:#fff; margin-top:-20px; min-width:80px; width:80px; height:80px; padding:2px; border-radius:2px; border:1px solid #eee; box-shadow:1px 1px 1px #eee; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__pic img{ width:100%; height:100%; object-fit:cover; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content{ padding-left:10px; padding-top:5px;}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .price{ font-weight:600; color:#FB6E00; font-size:1.2em; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .price i{ font-size:0.6em;font-style:unset}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .goods-price{  height:25px; line-height:25px;}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .goods-price .vip-price{font-size:1.05em; font-weight:600; margin-left:2px;color:#dab106; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .goods-price .vip-price i{ font-size:0.6em;font-style:unset}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .goods-price .vip-name{ display:inline-block; line-height:18px; height:18px; white-space: nowrap; padding:0px 2px; background: #dab106; color:#fff; font-size:0.6em; position: relative; top: -6px;left:10px;}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .goods-price .vip-name:before{content:''; position:absolute;left: -7px; bottom: 0px; border:5px solid transparent; border-right:5px solid #dab106; border-bottom:5px  solid #dab106; }

.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .stock{ color:#999; line-height:20px; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__content .option{ line-height:20px; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__close{ width:22px; min-width:22px; margin-top:10px; }
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__close .close{cursor:pointer; width:22px; height:22px; position:relative; border-radius:100%; border:1px solid #999;}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__close .close::after,.goodsinfo-cart .goodsinfo-cart__header .cart-hd__close .close::before{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:1px; width:12px; background:#999; top:10px;right: 5px;}
.goodsinfo-cart .goodsinfo-cart__header .cart-hd__close .close::before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.goodsinfo-cart .goodsinfo-cart__option{ padding:0 10px; height:calc(100% - 80px - 50px); overflow-y:auto;}
.goodsinfo-cart .goodsinfo-cart__option .option-item{ border-bottom:1px solid #eaeaea;}
.goodsinfo-cart .goodsinfo-cart__option .option-item h5 { line-height:40px; font-size:1em; font-weight:200;}
.goodsinfo-cart .goodsinfo-cart__option .option-item .spec-item{ padding:5px 0 10px; flex-wrap:wrap;}
.goodsinfo-cart .goodsinfo-cart__option .option-item .spec-item span{color:#aaa; cursor: pointer; margin-top:5px; font-size:0.9em; display:inline-block; padding:0 10px; line-height:25px; background:#F5F5F5; border-radius:5px; margin-right:10px; }
.goodsinfo-cart .goodsinfo-cart__option .option-item .spec-item .item{ color:#444}
.goodsinfo-cart .goodsinfo-cart__option .option-item .spec-item span.on{ color:#fff; background:#FB6E00;}

.goodsinfo-cart .goodsinfo-cart__btn{ cursor:pointer; width:calc(100% - 20px); margin:0 auto; border-radius:20px; overflow:hidden; height:40px; line-height:40px; text-align:center; box-sizing:border-box; color:#fff; font-size:1.05em; font-weight:600; }
.goodsinfo-cart .goodsinfo-cart__btn a{ color:#fff;}

@-webkit-keyframes fadeInUp{
0%{-webkit-transform:translateY(500px)}
100%{-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{
0%{-moz-transform:translateY(500px)}
100%{-moz-transform:translateY(0)}}

/********************************************************* coursebuy *****************************************************/

.tcedu_coursebuy .buy_course{ padding:12px 12px 10px; }
.tcedu_coursebuy .buy_course .course{ background:#fff; padding:16px 12px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tcedu_coursebuy .buy_course .course .course_pic{ width:100px; height:60px; }
.tcedu_coursebuy .buy_course .course .course_pic img{ width:100%; height:100%; object-fit:cover; border-radius:2px; }
.tcedu_coursebuy .buy_course .course .course_main{ margin-left:10px; }
.tcedu_coursebuy .buy_course .course .course_main .course_name{ font-size:0.9em; line-height:20px; font-weight:600; }
.tcedu_coursebuy .buy_course .course .course_main .course_option_name{margin-top:4px; font-size:0.85em; line-height:16px; color:#999; }
.tcedu_coursebuy .buy_course .course .course_main .course_price{ margin-top:4px; } 
.tcedu_coursebuy .buy_course .course .course_main .course_price .buy_price{ color:#FB6E00; font-weight:600; font-size:0.8em; }
.tcedu_coursebuy .buy_course .course .course_main .course_price .buy_price .price{ font-size:1.2em; }
.tcedu_coursebuy .buy_course .course .course_main .course_price .old_price{ margin-left:5px; font-size:0.7em; color:#999; text-decoration:line-through; }
.tcedu_coursebuy .buy_course .course .course_main .course_price .vip{ font-size:0.8em; color:#FB6E00; }

.tcedu_coursebuy .buy_form_box{ padding:0px 12px 10px; }
.tcedu_coursebuy .buy_form_box .buy_form{ padding:0 12px; background:#fff; border-radius:4px; }
.tcedu_coursebuy .buy_form_box .input_item{ min-height:56px;  border-bottom:1px solid #eee; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; } 
.tcedu_coursebuy .buy_form_box .input_item:last-child{ border-bottom:0; }
.tcedu_coursebuy .buy_form_box .input_item .item_lt{ font-size:1em; min-width:90px; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt{ text-align:right; text-align-last:right;}
.tcedu_coursebuy .buy_form_box .input_item .item_rt .buy_price{ font-size:0.7em; color:#F00; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt .buy_price .price{ font-size:1.5em;  }
.tcedu_coursebuy .buy_form_box .input_item .item_rt input{ text-align:right; border:none; font-size:0.9em; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt .unit{ font-size:0.9em; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt select{ -webkit-appearance:none; font-size:0.9em; border:none; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt .tciconfont{ vertical-align:-2px; }
.tcedu_coursebuy .buy_form_box .input_item .item_rt .vip_name{ display:inline-block; line-height:16px; height:18px; white-space: nowrap; padding:0px 3px; border:1px solid #dab106; border-radius:3px; color:#dab106; font-size:0.7em; position: relative; margin-right:5px;}
.tcedu_coursebuy .buy_form_box .input_item .item_rt .vip_name:before{content:''; position:absolute;right:-4px; bottom:4px; width:5px; height:5px; border-right:1px solid #dab106; border-bottom:1px solid #dab106; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #fff;}

.tcedu_coursebuy .buy_form_box .input_item .tablist{ padding-top:5px; float:right; }
.tcedu_coursebuy .buy_form_box .input_item .tablist label{ float:left; height:24px; line-height:22px; padding:0 6px; border:1px solid #ddd; border-radius:4px; font-size:0.8em; margin-right:5px; margin-bottom:5px; }
.tcedu_coursebuy .buy_form_box .input_item .tablist input[type="checkbox"]{ display:none; }
.tcedu_coursebuy .buy_form_box .input_item .tablist input:checked + label{ border-color:#3090f6; color:#3090f6; }

.tcedu_coursebuy .buy_footer{ height:75px; }
.tcedu_coursebuy .buy_footer .buy_btn{ cursor:pointer; width:94%; margin:10px auto 0px auto;height:48px; line-height:48px; text-align:center; color:#fff; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #fb6e00), to(#fea40d)); background-image: linear-gradient(270deg, #fb6e00 0, #fea40d 100%); border-radius:24px; }
.tcedu_coursebuy .buy_footer .buy_btn .ico{ font-size:0.7em; }
.tcedu_coursebuy .buy_footer .buy_btn .price{ font-size:1.3em; font-weight:600; }
.tcedu_coursebuy .buy_footer .buy_btn .text{ margin-left:5px;font-size:1.1em; font-weight:600; }
.tcedu_coursebuy .buy_footer .buy_btn.no_pay{ background:#bfbbbb; }

/********************************************************* coursebm *****************************************************/

/********************************************************* mybm *****************************************************/

.mybm_nav{ width:100%; height:40px; border-bottom:1px solid #eee; background:#fff; }
.mybm_nav .nav_item{ text-align:center; line-height:40px; font-size:0.9em; color: #000; position:relative;}
.mybm_nav .nav_item.on{ color:#F0250F;}
.mybm_nav .nav_item.on:after{ content:''; position:absolute; bottom:0; left:50%; width:26px; margin-left:-13px; height:2px; background:#F0250F; }

.mybm-course .mybm-course__list{ }
.mybm-course .mybm-course__list .bm-item{ margin-top:10px; background:#fff;}
.mybm-course .mybm-course__list .bm-item:first-child{margin-top:0; }
.mybm-course .mybm-course__list .bm-item .bm-item__hd{ padding:10px 10px 0; line-height:25px; border-bottom:1px solid #f2f2f2;  }
.mybm-course .mybm-course__list .bm-item .bm-item__hd .time{ font-size:0.8em; color:#999;}
.mybm-course .mybm-course__list .bm-item .bm-item__hd .type{ font-size:0.9em;color:#238206; }
.mybm-course .mybm-course__list .bm-item .bm-item__hd .type_2{ color:#fd0d0d;}
.mybm-course .mybm-course__list .bm-item .bm-item__hd .order{ font-size:0.9em; }
.mybm-course .mybm-course__list .bm-item .bm-item__hd .order .order_status_1{ color:#fd0d0d; }
.mybm-course .mybm-course__list .bm-item .bm-item__hd .order .order_status_2{ color:#238206; }
.mybm-course .mybm-course__list .bm-item .bm-item__hd .order .order_type{ font-size:0.8em; color:#1a7efd; }

.mybm-course .mybm-course__list .bm-item .bm-item__main{ padding:10px; background: #fbfbfb;}
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-pic{ width:112px; height:80px; min-width:112px; position:relative; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-pic img{width:100%; height:100%; object-fit:cover; border-radius:2px; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-pic .ty{ position: absolute; top: 0; left: 0; background: rgba(251,110,0); color: #fff; font-size: 0.7em; padding: 0 3px; line-height: 16px; border-bottom-right-radius: 4px;}

.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent{ margin-left:10px; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__title{ line-height:22px;font-size:1em; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__title .buy_price{ margin-left:5px; font-size:1.05em; color:#F79837; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .price{text-align:right;line-height:30px; width:90px; min-width:90px}
.mybm-course .mybm-course__list .bm-item .bm-item__main .price .buy-price{ font-size:1.05em; color:#F79837; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .price .buy-num{ font-size:0.8em; color:#999}
.mybm-course .mybm-course__list .bm-item .bm-item__main .price a.refund-btn{ border-radius:2px; background: #fff; display:inline-block; margin-top:4px; height:26px; line-height:26px; font-size:0.8em; border:1px solid #eee; color:#999; padding:0 10px;}
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option{ line-height:22px; color:#666; font-size:0.8em; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option .red{ color:#f00; margin:0 2px; font-weight:600; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option .time{ color:#f00; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option img{ width:16px; height:16px; margin-right:3px; vertical-align:text-bottom; border-radius:100%; object-fit:cover;  }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option .xm{  }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option .xm .tciconfont{ font-size:1.2em; margin-right:2px; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option a{ text-decoration:underline; color:#2196f3; }
.mybm-course .mybm-course__list .bm-item .bm-item__main .main-cent .main-cent__option a .tciconfont{ font-size:1.2em; }

.mybm-course .mybm-course__list .bm-item .bm-item__bd{  border-top:1px solid #f2f2f2;}
.mybm-course .mybm-course__list .bm-item .bm-item__bd .bottom{ text-align:right; padding:10px; font-size:0.8em;}
.mybm-course .mybm-course__list .bm-item .bm-item__bd .bottom a{ padding:8px 12px; margin-left:10px; border-radius:20px; border:1px solid #e0e0e0; display: inline-block;}

.order-no__bm{ width:100%; height:calc(100% - 100px); background:#fff;-webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.order-no__bm p{ text-align:center; font-size:0.8em; color:#999; line-height:20px; padding:0 10px;}
.go-more{ display:block; margin:15px auto 0; width:150px; text-align:center; line-height:30px; font-size:0.8em; color:#f00; border-radius:15px; border:1px solid #f00;}

.shenqing-refund__box{ display:none;}
.shenqing-refund__box .shenqing-refund__visible{ width:100%; height:100%; position: fixed; z-index: 1000; top: 0;right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);}
.shenqing-refund__box .tcui-dialog__hd { line-height:30px;min-height: 40px; color:#666}
.shenqing-refund__box .text-border{ position: relative; }
.shenqing-refund__box .text-border textarea{ border-radius: 2px;  border: solid 1px #e2dfdf; border-bottom-color: #e8e6e6;width:100%; z-index: 1; position: relative;height: 70px; min-height: 100%; box-sizing:border-box;font-size:1em; padding: 3px 0 0 3px; -webkit-appearance: none;color: #888888;}
.shenqing-refund__box .weui-dialog__ft{position: relative; line-height: 48px; font-size: 18px;}
.shenqing-refund__box .weui-dialog__ft:after { content: " "; position: absolute;left: 0; top: 0; right: 0;height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.shenqing-refund__box .weui-dialog__ft .detalt{ color:#666;}
.shenqing-refund__box .weui-dialog__ft .primary{ color:#f47944;}
.shenqing-refund__box .weui-dialog__ft .primary:after{content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0;transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.shenqing-refund__box .weui-dialog--visible{visibility: visible; position: absolute;}

/**************************************** mybminfo *************************************/

.orderinfo-main{ background: #fff; overflow:hidden; }
.orderinfo-main h5{ height:50px; line-height:50px; font-size:0.9em; padding:0 15px;font-weight:400; color:#444;}
.orderinfo-main h5 .tciconfont{ font-size: 1.5em; color: #999999; font-weight: 600; margin-right: 5px; vertical-align: -2px;}
.orderinfo-main h5 img{ width:30px; height:30px; border-radius:100%; object-fit:cover; margin-right:5px; vertical-align: middle; }

.orderinfo-main .goods-item__main{ }
.orderinfo-main .goods-item__main .item-main__hd{ padding:10px 15px; margin-top:5px;background: #fbfbfb;}
.orderinfo-main .goods-item__main .item-main__hd:first-child{margin-top:0; }
.orderinfo-main .goods-item__main .main-pic{ width:112px; height:80px; min-width:112px; }
.orderinfo-main .goods-item__main .main-pic img{width:100%; height:100%; object-fit:cover; border-radius:2px; }
.orderinfo-main .goods-item__main .main-cent{ margin-left:10px; }
.orderinfo-main .goods-item__main .main-cent .main-cent__title{ line-height:22px;font-size:1em; }
.orderinfo-main .goods-item__main .price{text-align:right;line-height:30px; width:90px; min-width:90px}
.orderinfo-main .goods-item__main .price .buy-price{ font-size:1.05em; line-height:25px; }
.orderinfo-main .goods-item__main .price .buy-num{ font-size:0.8em; color:#999; line-height:25px;}
.orderinfo-main .goods-item__main .price .refund-btn{ border-radius:2px; background: #fff; display:inline-block; margin-top:4px; height:26px; line-height:26px; font-size:0.8em; border:1px solid #eee; color:#999; padding:0 10px;}

.orderinfo-main .goods-item__main .main-cent .main-cent__option{ line-height:22px; color:#666; font-size:0.8em; }
.orderinfo-main .goods-item__main .main-cent .main-cent__option .red{ color:#f00; margin:0 2px; font-weight:600; }
.orderinfo-main .attr-item{ padding:0 10px;}
.orderinfo-main .attr-item .attr-item__area{ font-size:0.9em; padding:20px 5px; line-height:20px; border-bottom:1px solid #F0F0F0; color:#444; }
.orderinfo-main .attr-item .attr-item__area .attr-item__rt{ color:#f00; }
.orderinfo-main .attr-item .dispatch_price{ color:#999;} 
.orderinfo-main .attr-item .pay_price .attr-item__rt{ font-size:1.2em; color:#f00;}
.orderinfo-main .goods-order{ padding:20px 15px ; color:#999; }
.orderinfo-main .goods-order .goods-order__item{ line-height:25px; font-size:0.9em;}
.orderinfo-main .goods-order .goods-order__item .order_lt{ display:inline-block; width:80px; min-width:80px; }
.orderinfo-main .goods-order .goods-order__item .order_rt{ color:#444 }

.orderinfo-main .goods-qrcode{ width:160px; text-align:center; margin:0 auto}
.orderinfo-main .goods-qrcode img{ width:100%;}
.orderinfo-main .goods-qrcode p{ color: #f60;margin-bottom: 20px;}

.orderinfo-foot{ height:60px; width:100%; background:#fff;}
.orderinfo-footer{ position:fixed; bottom:0; left:0; right:0; height:50px; border-top:1px solid #f0f0f0; background:#fff; z-index:99; }
.orderinfo-footer .orderinfo-footer__item{padding:10px; text-align:center; }
.orderinfo-footer .orderinfo-footer__item a{ display:inline-block; line-height:30px; box-sizing:border-box; width:100%;max-width: 150px; font-size:0.9em; border:1px solid #bfbdbd; color:#615e5e; border-radius:15px}
.orderinfo-footer .orderinfo-footer__item a.cancel{ border:1px solid #444; color:#444}

.fuwu_box2 { padding: 30px 15px 10px 15px; background: #fff; font-size: 1.1em; }
.fuwu_box2 .fuwu_box_top { font-size: 1em; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 35px; }
.fuwu_box2 .fuwu_box_top span { position: absolute; left: 30px; top: -10px; background: #fff; padding: 0 10px; }
.fuwu_box2 .fuwu_log_item .fuwu_border { border: 1px solid #75b5af; width: 12px; height: 12px; border-radius: 20px; }
.fuwu_box2 .fuwu_log_item { position: relative; padding-bottom: 20px; }
.fuwu_box2 .fuwu_log_item .fuwu_border:before { content: ''; position: absolute; left: 6px; top: 20px; z-index: 0; width: 1px; height: 80%; background-color: #e6e6e6; }
.fuwu_box2 .fuwu_log_item:last-child .fuwu_border:before{ display:none; } 
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right { padding-left: 15px; font-size: .8em; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_time { padding-bottom: 5px; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_name { padding-bottom: 10px; font-size: 1.1em; font-weight: bold; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_beizu { line-height: 20px; padding-bottom: 5px; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_beizu .num{ color:#f00; margin-right:2px; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_beizu span.right { color: #666; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_time { line-height: 20px; padding-bottom: 5px; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_time span.right { color: #666; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_user img { width:20px; height:20px; border-radius:30px; object-fit:cover; vertical-align:-4px; }
.fuwu_box2 .fuwu_log_item .fuwu_log_item_right_user span.right { color: red; padding-left:2px; }

/**************************************** search *************************************/

.tcedu-search{ background:#fff;}
.tcedu-search .search-header{ padding:10px 0; border-bottom:1px solid #F9F9F9; height:30px; line-height:30px;}
.tcedu-search .search-header .search-header__lt{ margin-left:10px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height:30px; border-radius:15px; background:#F7F7F7; padding: 0 10px; box-sizing:border-box;}
.tcedu-search .search-header .search-header__lt .tciconfont{ color:#999;}
.tcedu-search .search-header .search-header__lt input{ border:none; font-size:0.8em; background:#F7F7F7; margin-left:5px;min-width: 200px;}
.tcedu-search .search-header .search-header__rt{ width:50px; height:30px; line-height:30px; text-align:center; font-size:0.9em;}

.tcedu-search .search-history{ }
.tcedu-search .search-history .search-history__title{line-height:40px; height:40px; padding:0 10px; font-size:1em; }
.tcedu-search .search-history .search-history__title .clear-history{ cursor:pointer; float:right; font-size:0.8em; color:#F0250F }
.tcedu-search .search-history .history-list{ padding:0 15px; flex-wrap:wrap;}
.tcedu-search .search-history .history-list a{color: #666;margin:0px 8px 8px 0; font-size:0.9em; height:25px; line-height:25px; padding:0 10px; border-radius:4px; background:#F2F2F2; }

/**************************************** mycollect *************************************/

.mylist-notts{ }
.mylist-notts .notts{  height:80px; line-height:80px; text-align:center; color:#666; font-size:0.8em;}
.mylist-notts .notts:after,.mylist-notts .notts:before{ content:''; display:inline-block; width:30px; height:1px; background:#999;vertical-align: 4px; }
.mylist-notts .notts:after{ margin-left:5px;}
.mylist-notts .notts:before{ margin-right:5px;}

.mylist-page{ }
.mylist-page .page-box{ padding:10px 10%; text-align:center;}
.mylist-page .page-box .page-prve{ width:35%; }
.mylist-page .page-box .page-num{ width:30%;; }
.mylist-page .page-box .page-next{ width:35%;; }
.mylist-page .page-box .page a{ display:inline-block; height:26px; font-size:0.85em; line-height:26px; padding:0 15px;border:1px solid #999; color:#666; border-radius:5px; }
.mylist-page .page-box .page a.page-on{ color:#fff; border-color:#3072F6; color:#3072F6; }

/********************************************** footer *******************************************/

.edu-foot{ height:60px; width:100%;}
.edu-foot .edu-footer{ position:fixed; bottom:0; left:0; right:0; height:50px; background:#fff; z-index:99; border-top:1px solid #eee }
.edu-foot .edu-footer .edu-footer__item{ text-align:center; color:#777;}
.edu-foot .edu-footer .edu-footer__item .tciconfont{position:relative;width:32px; margin:0 auto; display:block; padding-top:2px; height:32px; line-height:30px; font-size: 1.6em; padding-top: 2px;}
.edu-foot .edu-footer .edu-footer__item:last-child .tciconfont{ width:50px;}
.edu-foot .edu-footer .edu-footer__item span{ line-height:18px; font-size:0.8em; display:block; }
.edu-foot .edu-footer .edu-footer__item.on{ color:#f00;}

/********************************************** phbinfo *******************************************/

.tcedu-phbinfo .phb_hd_pic{ width:100%; }
.tcedu-phbinfo .phb_hd_pic img{ display:block; width:100%; }
.tcedu-phbinfo .phb_edu_list{ padding:12px; }
.tcedu-phbinfo .phb_edu_list .phb_item{ margin-top:12px; display:block; position:relative; width:100%; background-color:#fff; padding:15px 10px 10px; box-sizing:border-box; box-shadow: 0 1px 10px 0 rgba(80, 85, 96, 0.12); border-radius:4px; }
.tcedu-phbinfo .phb_edu_list .phb_item:first-child{ margin-top:0; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_ranking{ position:absolute; top:0; left:0; height:20px;line-height: 20px; text-align: center; font-size:0.8em;; color: #FFFFFF; padding: 0px 4px; background: rgba(38, 38, 38, 0.7); border-radius: 4px 0 4px 0; }
.tcedu-phbinfo .phb_edu_list .phb_item .ranking_1{ background:#ffc346; }
.tcedu-phbinfo .phb_edu_list .phb_item .ranking_2{ background:#a6c6f5; }
.tcedu-phbinfo .phb_edu_list .phb_item .ranking_3{ background:#e4a467; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd{ width:100%; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_pic{ width:85px; height:85px; box-sizing:border-box; border:1px solid #eee; margin-right:10px; border-radius:5px; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_pic img{ width:100%; height:100%; object-fit:cover; border-radius:5px; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main{ width:calc(100% - 95px); width:-webkit-calc(100% - 95px); }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_name{ height:24px; line-height:24px; font-size:1.05em; font-weight:600; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_tab{ margin:10px 0; height:16px; overflow:hidden; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_tab span{ position: relative; padding: 0 4px; height: 16px; margin-right: 4px; line-height: 16px; float: left; font-size: 0.7em;color: #1A8CFF; background: #F1FBFF; border-radius: 2px; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info{ height:16px; line-height:16px; font-size:0.9em; overflow:hidden; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info{ margin-top:4px; font-size:0.9em; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .ping_socre{ position:relative; display:inline-block; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .ping_socre .socre{ height:14px; line-height:14px; overflow:hidden; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .ping_socre .socre .tciconfont{ font-size:1em; color:#eee; padding:0 1px; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .ping_socre .socre_fill{ position:absolute; left:0; top:0px; overflow:hidden; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .ping_socre .socre_fill .tciconfont{ color:#FE5900; }

.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_info .socre_num{ color:#FE5900; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_address{  margin-top:4px;line-height:18px; font-size:0.8em; color:#999; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_address .course_name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px; width:calc(100vw - 170px); }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .course_name .tciconfont{ font-size:1.2em; margin-right:2px; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .line{ margin-top:6px; border-bottom:1px solid #E5E5E5; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_phb{ margin-top:6px; height:18px; line-height:18px; font-size:0.85em;color:#CE9150; border-radius:2px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-align: center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_phb .tcicon-jiantou__you{ float:right; font-weight:600; font-size:1.3em; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_phb .course_icon{ display:inline-block; padding:0 3px; border-radius:1px; margin-right:5px; background:#FD6823; color:#fff; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_phb .course_icon_ty{ background:#56A5DA; }
.tcedu-phbinfo .phb_edu_list .phb_item .phb_item_hd .item_hd_main .edu_phb .tcicon-phb{ margin-right:2px; font-size:1.5em; vertical-align:-1px;background-image: -webkit-linear-gradient(bottom, rgb(181 115 44), rgb(236 156 81));-webkit-background-clip: text;-webkit-text-fill-color: transparent; }

/************************************* ruzhu ************************************/

.select_cate_popup{ background:#f7f7f7; -webkit-animation:popupDown 0.5s .1s ease both;-moz-animation:popupDown 0.5s .1s ease both; position:fixed; z-index:9999; left:0; bottom:0; right:0; top:0;}
.select_cate_popup .cp_header{ height:44px; line-height:44px; background:#fff; border-bottom:1px solid #eee; position:relative; }
.select_cate_popup .cp_header .cp_title{ text-align:center; margin:0 60px; font-size:1.2em; }
.select_cate_popup .cp_header .cp_header_close { cursor:pointer; position:absolute; left:0; top:0; width:44px; height:44px; }
.select_cate_popup .cp_header .cp_header_close:after,.select_cate_popup .cp_header .cp_header_close:before{ content:''; position:absolute; width:16px; height:2px; background:#444; left:14px; top:21px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.select_cate_popup .cp_header .cp_header_close:after{ transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.select_cate_popup .cp_main{ height:calc(100% - 55px - 100px); height:-webkit-calc(100% - 55px - 100px); padding:5px 0; box-sizing:border-box; }
.select_cate_popup .cp_main .cp_cate_list{ height:100%; background:#fff;}
.select_cate_popup .cp_main .cp_cate_list .list_lt{ width:50%; max-width:50%; height:100%; overflow:hidden; overflow-y:scroll;-webkit-overflow-scrolling: touch; }
.select_cate_popup .cp_main .cp_cate_list .list_lt .lt_item{ cursor:pointer; position:relative; height:40px; line-height:40px; padding:0 15px; border-bottom:1px solid #F4F3F3; }
.select_cate_popup .cp_main .cp_cate_list .list_lt .lt_item:last-child{ border-bottom:none; }
.select_cate_popup .cp_main .cp_cate_list .list_lt .lt_item.on{ background:#FBFAFA; }
.select_cate_popup .cp_main .cp_cate_list .list_lt .lt_item.selected_on:after{ content:'';float:right; width:9px; height:5px; border-bottom:1px solid #FF7253; border-left:1px solid #FF7253; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:14px; }
.select_cate_popup .cp_main .cp_cate_list .list_lt .lt_item.on:after{ content:''; float:right;width:0;height:0; border:5px solid transparent; border-left-color:#aaa; margin-top:15px; transform:rotate(0deg); -webkit-transform:rotate(0deg); }

.select_cate_popup .cp_main .cp_cate_list .list_rt{ width:50%; max-width:50%; overflow:hidden; background:#FBFAFA;  }
.select_cate_popup .cp_main .cp_cate_list .list_rt .rt_box{ width:100%; height:100%; overflow-y:scroll; background:#FBFAFA; -webkit-overflow-scrolling: touch;}
.select_cate_popup .cp_main .cp_cate_list .list_rt .rt_box .rt_item{ cursor:pointer; position:relative; height:40px; line-height:40px; padding:0 15px; border-bottom:1px solid #F4F3F3; }
.select_cate_popup .cp_main .cp_cate_list .list_rt .rt_box .rt_item:last-child{ border-bottom:none; }
.select_cate_popup .cp_main .cp_cate_list .list_rt .rt_box .rt_item.selected_on{ color:#FF7253; }
.select_cate_popup .cp_main .cp_cate_list .list_rt .rt_box .rt_item.selected_on:after{ content:'';float:right; width:9px; height:5px; border-bottom:1px solid #FF7253; border-left:1px solid #FF7253; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:14px; }

.select_cate_popup .cp_foot{ background:#fff; height:100px; }
.select_cate_popup .cp_foot .foot_hd{ height:40px; line-height:40px; overflow:hidden;-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.select_cate_popup .cp_foot .foot_hd .hd_lt{ width:70px; min-width:70px; text-align:center; }
.select_cate_popup .cp_foot .foot_hd .hd_rt{ white-space:nowrap; overflow:scroll; -webkit-overflow-scrolling:touch; }
.select_cate_popup .cp_foot .foot_hd .hd_rt .hd_rt_item{ position:relative; display:inline-block; white-space:nowrap; padding:0px 10px 0 10px; height:30px; line-height:30px; font-size:0.9em; border-radius:15px; background:#f7f7f7; color:#FF7050; margin-right:5px; }
.select_cate_popup .cp_foot .foot_hd .hd_rt .hd_rt_item span.close{ cursor:pointer; display:inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px; position: relative; }
.select_cate_popup .cp_foot .foot_hd .hd_rt .hd_rt_item span.close:after,.select_cate_popup .cp_foot .foot_hd .hd_rt .hd_rt_item span.close:before{ content:''; position:absolute; width:10px; height:2px; background:#888; right:3px; top:7px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.select_cate_popup .cp_foot .foot_hd .hd_rt .hd_rt_item span.close:after{ transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.select_cate_popup .cp_foot .foot_bd{ cursor:pointer; margin:0 10px; background:#FF552E; line-height:40px; text-align:center; color:#fff; }

.theme_color_popup{ position:fixed; top:0; left:0;  right:0; bottom:0; z-index:99; }
.theme_color_popup .theme_color_mask{ position:absolute; top:0; left:0;  right:0; bottom:0; background:rgba(0,0,0,0.5); cursor:pointer; }
.theme_color_popup .theme_color_main{ background:#fff; -webkit-animation:popupDown 0.5s .1s ease both;-moz-animation:popupDown 0.5s .1s ease both; position:absolute; z-index:9999; left:0; bottom:0; right:0; max-height:60%; height:60%; overflow:hidden; }
.theme_color_popup .theme_color_main .theme_title{ height:40px; line-height:40px; padding:5px 40px; text-align:center; font-size:1.05em; font-weight:600; }
.theme_color_popup .theme_color_main .theme_title .close{  }
.theme_color_popup .theme_color_main .theme_title .close{cursor:pointer; padding:0; position:absolute; z-index:1; top:5px; right:5px; width:40px; height:40px; }
.theme_color_popup .theme_color_main .theme_title .close:before,.theme_color_popup .theme_color_main .theme_title .close:after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:2px; width:32px; background:#666; top:18px;right:4px;}
.theme_color_popup .theme_color_main .theme_title .close:before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.theme_color_popup .theme_color_main .theme_list_box{ padding:10px 20px;min-height:200px; height:calc(100% - 110px); height:-webkit-calc(100% - 110px);  box-sizing:border-box;overflow-y:scroll; }
.theme_color_popup .theme_color_main .theme_list{  }
.theme_color_popup .theme_color_main .theme_list label{ float:left; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding:5px; }
.theme_color_popup .theme_color_main .theme_list label .bk{ display:inline-block; width:30px; height:18px; background:#fff; margin-left:4px; }

.theme_color_popup .theme_color_main .theme_btn{ padding:5px 15px 15px; }
.theme_color_popup .theme_color_main .theme_btn span{ display:block; cursor:pointer; width:100%; height:40px; line-height:40px;text-align:center; color:#fff; border-radius:5px; }

@-webkit-keyframes popupDown{
0%{
-webkit-transform:translateY(100%)}
100%{
-webkit-transform:translateY(0)}
}
@-moz-keyframes popupDown{
0%{
-moz-transform:translateY(100%)}
100%{
-moz-transform:translateY(0)}
}

.edit-form .fabu-days__list { padding-bottom: 5px; flex-wrap: wrap; width: 100%; }
.edit-form .fabu-days__list .fabu-days__item { float: left; position: relative; cursor: pointer; margin-right: 10px; margin-bottom: 10px; box-shadow: 1px 1px 3px 0px #eee; border: 1px solid #eee; width: calc(33.3% - 7px); width: calc(33.3% - 7px); padding: 10px 10px; text-align: center; box-sizing: border-box; border-radius: 5px; }
.edit-form .fabu-days__list .fabu-days__item:nth-child(3n) { margin-right: 0; }
.edit-form .fabu-days__list .fabu-days__item .fabu-days__days { line-height: 25px; color: #666; font-weight: 600; }
.edit-form .fabu-days__list .fabu-days__item .fabu-days__price { font-size:1.8em; font-weight: 600; line-height: 30px; color: #EEB161; white-space: nowrap; overflow: hidden; }
.edit-form .fabu-days__list .fabu-days__item .fabu-days__price .yuanico { float: none; display: inline; font-size: 0.5em; color: #EEB161; vertical-align: 1px; }
.edit-form .fabu-days__list .fabu-days__item .fabu-days__desc { min-height: 16px; max-height: 32px; line-height: 16px; color: #999; font-size: 0.8em; overflow: hidden; word-break: break-all; }
.edit-form .fabu-days__list .fabu-days__item .fabu-days__select { display: none; }
.edit-form .fabu-days__list .fabu-days__item.on { background: #FFF6EA; border-color: #E6BC80; }
.edit-form .fabu-days__list .fabu-days__item.on .fabu-days__days { color: #5B330D; white-space: nowrap; overflow: hidden; }
.edit-form .fabu-days__list .fabu-days__item.on .fabu-days__select { display: block; position: absolute; top: 0; right: 0; border: 12px solid transparent; border-top-color: #E6BC80; border-right-color: #E6BC80; }
.edit-form .fabu-days__list .fabu-days__item.on .fabu-days__select:after { content: ''; display: block; width: 4px; height: 8px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 2px; right: 2px; top: -11px; right: -8px; transform: rotate(45deg); }
.edit-form .input-control .show-code{  line-height: 3em; display: inline-block; margin-left: 15px; }

.qubieBox .slide-vip-box{ background:#fff; width:100%; margin:0 auto; max-width: 760px; padding:15px; box-sizing:border-box; }
.qubieBox .slide-vip-box .vip-box{ width:100%; overflow:auto;-webkit-overflow-scrolling: touch; padding-bottom:5px;box-shadow: inset -15px 0px 30px -15px #cacaca; }

.qubieBox .slide-vip-box .vip-box .vip-box__main{ font-size: 0.8em; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-collapse: collapse; text-align: center; }
.qubieBox .slide-vip-box .vip-box .vip-box__main th{border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding:10px 5px; line-height:20px; font-weight:600; }
.qubieBox .slide-vip-box .vip-box .vip-box__main th img{ width:20px; height:20px; vertical-align:-6px; margin-right: 5px;}

.qubieBox .slide-vip-box .vip-box .vip-box__main td{ white-space:nowrap; min-width:80px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding:5px 10px; line-height:25px; box-sizing:border-box; }
.qubieBox .slide-vip-box .vip-box .vip-box__main td .tciconfont{ font-size:1.2em; }
.qubieBox .slide-vip-box .vip-box .vip-box__main td .tcicon-icon-gou{ color:#00CD00; }
.qubieBox .slide-vip-box .vip-box .vip-box__main td .tcicon-icon-x{ color:#f00;}
.qubieBox .slide-vip-box .vip_pormpt{ margin-top:5px; line-height:20px; }
.qubieBox .slide-vip-box .vip_pormpt .text{ font-size:0.8em; color:#797676; }
.qubieBox .slide-vip-box .vip_pormpt .text .red{ color:#FD2E41; }
.qubieBox .slide-vip-box .vip_pormpt .text .tcicon-icon-gou{ color:#00CD00; }
.qubieBox .slide-vip-box .vip_new_txt{ margin-top:10px; line-height:18px} 

.btn-group-block{ padding:0; margin:1em 1.5em 2em; }
.btn-group-block .fabu-num { text-align:center; flex-wrap:wrap;}
.btn-group-block .fabu-num .fabu-num__item{  height:40px; line-height:40px; width:50%; min-width: 50%; white-space: nowrap;}

/**************************************** myhistory *************************************/

.tcedu-myhistory .history_date{ display: block; font-weight: 600; font-size:0.8em; color: #8C8C8C; padding:12px 16px; }
.tcedu-myhistory .edu_list .edu_item .edu_main .edu_name .name{ width:calc(100% - 75px); width:-webkit-calc(100% - 75px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcedu-myhistory .edu_list .edu_item .edu_main .edu_name .time{ text-align:right; font-size:0.7em; font-weight:400; min-width:75px; color:#666; }
.tcedu-myhistory .course_list .course_item .course_main .course_name .name{ width:calc(100% - 75px); width:-webkit-calc(100% - 75px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcedu-myhistory .course_list .course_item .course_main .course_name .time{ text-align:right; font-size:0.7em; font-weight:400; min-width:75px; color:#666; }

/************************************* attrlist ***********************************/

.tcedu-attr .edu-title{ padding:10px; height:30px; line-height:30px; background:#fff; border-bottom:1px solid #eee; font-weight:600; }
.tcedu-attr .attrlist_box { padding: 20px 20px 15px 20px; background: #fff; margin-top:5px; }
.tcedu-attr .attrlist_box .attrlist_box_item { display: flex; height: 40px; line-height: 40px; border-bottom: 1px solid #eaeaea; font-size: 1em; }
.tcedu-attr .attrlist_box .attrlist_box_item .attrlist_box_item_left { flex: 1; }
.tcedu-attr .attrlist_box .attrlist_box_item .attrlist_box_item_left .left .pic{ vertical-align: -5px; margin-right:2px; width:20px; height:20px; border-radius:100%; object-fit:cover; }
.tcedu-attr .attrlist_box .attrlist_box_item .attrlist_box_item_left span.right { color: #9a9696; font-size: 0.9em; }
.tcedu-attr .attrlist_box .attrlist_edit span.attr_edit a { cursor:pointer; color: #06c1ae; }
.tcedu-attr .noattrlist { text-align: center; margin-top: 70px; font-weight: 500; }
.tcedu-attr .addattr { margin-top: 30px; text-align: center; }
.tcedu-attr .addattr a { background: #06c1ae; padding: 8px 40px; color: #fff; border-radius: 3px; }

.tcedu-attr .attrlist_box .ts{ text-align:center; font-size:0.8em; color:#666; }

.no_list_ts{ text-align:center; font-size:0.8em; color:#666; line-height:60px; }

/************************************* manager ***********************************/

.tcui-navbar{ position:relative; }

.manager_edulist{ padding:0;}
.manager_edulist .list-item{ padding:0 15px;  background:#fff;}
.manager_edulist .list-item .list-item__hd{ padding-top:8px; height:25px; line-height:25px; border-bottom:1px solid #eee; }
.manager_edulist .list-item .list-item__hd .hd-lt{ }
.manager_edulist .list-item .list-item__hd .hd-lt .time{ font-size:0.7em; color:#999; }
.manager_edulist .list-item .list-item__hd .hd-lt .expire_status{ font-size:0.85em; color:#3072F6; }
.manager_edulist .list-item .list-item__hd .hd-lt .expire_status_2{ font-size:0.85em; color:#f00; }
.manager_edulist .list-item .list-item__hd .hd-lt .pay_type{ font-size:0.7em; color:#41a704; }
.manager_edulist .list-item .list-item__hd .hd-rt{ float:right; font-size:0.8em;}
.manager_edulist .list-item .list-item__hd .hd-rt.status_1{ color:#41a704; }
.manager_edulist .list-item .list-item__hd .hd-rt.status_2{ color:#f00; }

.manager_edulist .list-item .list-item__main{ padding:10px 0;}
.manager_edulist .list-item .list-item__main .main-lt{position:relative; min-width:100px;width:100px;}
.manager_edulist .list-item .list-item__main .main-lt img{border-radius:2px; width:100%; height:100%; object-fit:cover; }
.manager_edulist .list-item .list-item__main .main-lt .pic{ position:relative;width: 100px;height: 100px;}

.manager_edulist .list-item .list-item__main .main-lt span.number{ display:block; height:20px; line-height:20px;text-align:center; font-size:0.8em; color:#666;}
.manager_edulist .list-item .list-item__main .main-rt{ margin-left:12px; width:calc(100% - 102px); width:-webkit-calc(100% - 102px); overflow:hidden; }
.manager_edulist .list-item .list-item__main .main-rt .title{ height:24px; line-height:24px; font-weight:500; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.manager_edulist .list-item .list-item__main .main-rt .vip{ line-height:24px; font-size:0.8em; color:#ff7f00; }
.manager_edulist .list-item .list-item__main .main-rt .vip .time{ color:#f00; }
.manager_edulist .list-item .list-item__main .main-rt .location{ line-height:25px; height:25px; overflow:hidden;color: #555;font-size: 0.8em;color: #666;}
.manager_edulist .list-item .list-item__main .main-rt .tel{ font-size:0.8em; color:#f47944; text-decoration:underline; }
.manager_edulist .list-item .list-item__main .main-rt .tel .tciconfont{ font-size:1.05em; }
.manager_edulist .list-item .list-item__main .main-rt .edu_info{ line-height:24px; font-size:0.8em;color: #666; }

.manager_edulist .list-item .list-item__bd{ padding:10px 0; border-top:1px solid #eee;}
.manager_edulist .list-item .list-item__bd .item-bd__ts{ float:left; font-size:0.9em; color:#666; line-height:24px; }
.manager_edulist .list-item .list-item__bd .item-bd__ts .num{ color:#f00 }
.manager_edulist .list-item .list-item__bd .item-bd__btn{ text-align: center;}
.manager_edulist .list-item .list-item__bd .item-bd__btn .btn{ cursor:pointer; display: inline-block; margin-left:8px; height:24px; line-height:24px; padding:0 10px; border-radius:2px; font-size:0.8em; color:#333; border:1px solid #ddd;margin-bottom: 5px;}
.manager_edulist .list-item .list-item__bd .item-bd__btn .btn2{cursor:pointer; display: inline-block; min-width: 65px; text-align: center; color: #f00; border:1px solid #f00; height:24px; line-height:24px; padding:0 6px; border-radius:5px; font-size:0.8em; }
.manager_edulist .list-item .list-item__bd .item-bd__btn .del-btn{cursor:pointer; display: inline-block; margin-left:8px; height:24px; line-height:24px; padding:0 10px; border-radius:2px; font-size:0.8em; color:#f00; border:1px solid #f00;margin-bottom: 5px; }

/**************************************** my *************************************/

.tcedu-my{  }
.tcedu-my .my_header{ background:#fff; padding-bottom:25px; }
.tcedu-my .my_header .title{ line-height:44px; font-size:1.2em;text-align:center; position:relative;color: #fff; }
.tcedu-my .my_header .title .nav-popup{ position:absolute; right:10px; top:0; width:44px; height:44px; text-align:center;color: #fff; }
.tcedu-my .my_header .title .nav-edu{ position:absolute; left:15px; top:10px; font-size:0.7em; height:24px; line-height:22px; border:1px solid #fff; padding:0 8px ;border-radius:10px; box-sizing:border-box;color: #fff;box-shadow: 1px 1px 2px #f7f7f7; }
.tcedu-my .my_header .title .nav-edu .tciconfont{margin-right: 5px;vertical-align: bottom;}

.tcedu-my .my_header .user{ padding:15px 40px 5px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tcedu-my .my_header .user .user_pic{ width:50px; height:50px; border-radius:100%; border: 2px solid #fff;}
.tcedu-my .my_header .user .user_pic img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.tcedu-my .my_header .user .user_info{ margin-left:15px; }
.tcedu-my .my_header .user .user_info .user_name{ font-size:1.05em; color:#fff; line-height:22px; font-weight:600; }
.tcedu-my .my_header .user .user_info .user_id{ font-size:0.85em; color:#e2e2e2; line-height:12px; margin-top:4px; }

.tcedu-my .my_header .my_guanxin{  }
.tcedu-my .my_header .my_guanxin .guanxin_item{ text-align:center; padding:8px 0; }
.tcedu-my .my_header .my_guanxin .guanxin_item .text{ line-height:26px;font-size:0.9em; color:#fff; }
.tcedu-my .my_header .my_guanxin .guanxin_item .num{ line-height:26px; font-size:1.3em;color:#fff; }

.tcedu-my .my_order_box{ padding:0 12px; margin-top:-20px; }
.tcedu-my .my_order_box .my_card{ background:#3a3936; background: linear-gradient(270deg,#7d7d7d 0%,#3e3e3e 100%);padding:10px 20px 15px; border-top-left-radius:10px;border-top-right-radius:10px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tcedu-my .my_order_box .my_card img{ width:20px; height:20px; object-fit:cover; margin-right:5px; }
.tcedu-my .my_order_box .my_card .card .card_name{ color:#ffe3c0; font-weight:600; line-height:22px; font-size:1em; }
.tcedu-my .my_order_box .my_card .card .exprice_time{  font-size:0.8em; color:#d6d6d6; }
.tcedu-my .my_order_box .my_card .card_icon .tciconfont{ font-size:1.3em; color:#fff; }
.tcedu-my .my_order_box .my_card + .my_order{ margin-top:-8px; }
.tcedu-my .my_order_box .my_order{ background:#fff; border-radius:10px; }
.tcedu-my .my_order_box .my_order .my_order_title{ padding:5px 20px 0; line-height:40px; height:40px; overflow:hidden; }
.tcedu-my .my_order_box .my_order .my_order_title .title{ font-size:1em; }
.tcedu-my .my_order_box .my_order .my_order_title .more{ font-size:0.8em; color:#999; float:right; }
.tcedu-my .my_order_box .my_order .my_order_title .more .tciconfont{ vertical-align:-1px; }

.tcedu-my .my_order_box .my_order .order_list{ padding:5px 0px 15px; border-radius:10px; }
.tcedu-my .my_order_box .my_order .order_list .order_item{ text-align:center; position:relative; }
.tcedu-my .my_order_box .my_order .order_list .order_item .icon{ color: #555; }
.tcedu-my .my_order_box .my_order .order_list .order_item .icon .tciconfont{ font-size:2em; line-height:28px; }
.tcedu-my .my_order_box .my_order .order_list .order_item .text{ margin-top:8px; line-height:16px; font-size:0.85em; color:#999; }
.tcedu-my .my_order_box .my_order .order_list .order_item .num{ position:absolute; top:-2px; left:50%; margin-left:8px; text-align:center; min-width:18px; line-height:18px; height:18px; padding:0 2px; border-radius:100%; background:#f00; color:#fff; font-size:0.7em; }

.tcedu-my .my_box{ padding:0 12px; border-radius:5px; }
.tcedu-my .my_box .trem{ margin-top:12px; background:#fff; border-radius:10px; }
.tcedu-my .my_box .trem .trem_item{ line-height:44px; padding:0 10px 0 12px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #eee; }
.tcedu-my .my_box .trem .trem_item .tciconfont_lt{ font-size:1.2em; margin-right:10px;}
.tcedu-my .my_box .trem .trem_item .name{ font-size:1em; }
.tcedu-my .my_box .trem .trem_item .more{  font-size:1.2em; color:#999; }
.tcedu-my .my_box .trem .trem_item:last-child{ border-bottom:none; }

.kefu-float{ width: 2.8em;height: 2.8em;position: fixed; bottom: 15%; right: 0.9em; z-index: 9999;}
.kefu-float a{ width: 100%;height: 100%; display: block;}
.kefu-float a img{ width: 100%; height: 100%; display: block;}

/**************************************** edu *************************************/

.tcedu-edu{  }
.tcedu-edu .edu_head{ background:#FA4E2A; position:relative; padding:12px 12px 20px; }
.tcedu-edu .edu_head .edu_info_box{ text-align:center; position:relative; }
.tcedu-edu .edu_head .edu_info_box .edu_info_back{ position:absolute; top:0; left:0;  }
.tcedu-edu .edu_head .edu_info_box .edu_info_back a{ display:block; }
.tcedu-edu .edu_head .edu_info_box .edu_info_back .tciconfont{ line-height:28px; font-size:1.6em; color:#fff; }

.tcedu-edu .edu_head .edu_info{ display:inline-block; max-width:70%; overflow:hidden; }
.tcedu-edu .edu_head .edu_info .edu{  margin:0 auto; line-height:28px; height:28px;overflow:hidden; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center;}
.tcedu-edu .edu_head .edu_info .edu  img{ width:20px; height:20px; border-radius:100%; border:2px solid #F9F8F6; object-fit:cover; }
.tcedu-edu .edu_head .edu_info .edu .edu_name{ position:relative; margin-left:5px; font-size:1.05em;color:#fff; line-height:22px; padding-right:20px; }
.tcedu-edu .edu_head .edu_info .edu .edu_name .jiantou{position:absolute; top:5px; right:0; border-style:solid; border-width:12px 7px; border-color:#fff transparent transparent transparent; }

.tcedu-edu .edu_head .course_bm{ padding:20px 0; }
.tcedu-edu .edu_head .course_bm .course_bm_item{ position:relative; text-align:center; }
.tcedu-edu .edu_head .course_bm .course_bm_item .icon{ line-height:45px; height:45px; }
.tcedu-edu .edu_head .course_bm .course_bm_item .icon .tciconfont{ font-size:2.3em; color:#fff5f2; }
.tcedu-edu .edu_head .course_bm .course_bm_item .text{ margin-top:4px; line-height:16px; font-size:0.8em; color:#fff5f2; }
.tcedu-edu .edu_head .course_bm .course_bm_item .num{ position:absolute; top:-2px; left:50%; margin-left:10px; text-align:center; min-width:18px; line-height:18px; height:18px; padding:0 2px; border-radius:100%; background:#fff; color:#f00; font-size:0.7em; box-sizing:border-box;}

.tcedu-edu .edu_vip{ margin-top:-28px; }
.tcedu-edu .edu_vip{ height:60px; margin:-28px 12px 12px; background:#FBE0C3;border-radius:10px; position:relative; z-index:2; }
.tcedu-edu .edu_vip .vip_main{ -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 12px; }
.tcedu-edu .edu_vip .vip_main .vip_main_lt{ margin-right:10px; }
.tcedu-edu .edu_vip .vip_main .vip_main_lt .vip_name{ line-height:20px; height:20px; font-size:0.95em; color:#a06d26; font-weight:600; }
.tcedu-edu .edu_vip .vip_main .vip_main_lt .vip_name img{ width:16px; height:16px;vertical-align:-3px; object-fit:cover; margin-right:4px; }
.tcedu-edu .edu_vip .vip_main .vip_main_lt .vip_time{ line-height:20px; height:20px; font-size:0.8em;color:#a97227; }
.tcedu-edu .edu_vip .vip_main .vip_main_rt{  }
.tcedu-edu .edu_vip .vip_main .vip_main_rt .go_btn{ display:inline-block; font-size:0.85em; padding:0 12px; line-height:24px; border-radius:12px; border:1px solid #dab076; color:#b17523; }

.tcedu-edu .edu_vip .vip_ts{ text-align:center; line-height:60px; color:#A58457; }
.tcedu-edu .edu_vip .vip_ts a{ text-decoration: underline;color:#ff4848; font-weight:600; }

.tcedu-edu .edu_box{ margin:0 12px 12px; background:#fff; border-radius:5px; position:relative; }
.tcedu-edu .edu_box .edu_box_title{ padding:2px 12px 0; line-height:40px; font-weight:600; font-size:1em; color:#343434; }

.edu_data .data_list{  }
.edu_data .data_list .data_item{ padding:10px 10px 15px; width:calc(100% / 3); width:-webkit-calc(100% / 3); text-align:center; }
.edu_data .data_list .data_item .num{ line-height:30px; font-size:1.5em; color: #f00;}
.edu_data .data_list .data_item .text{ line-height:20px; font-size:0.8em; color:#999; }
.edu_data .data_list .data_item .old{ line-height:20px; font-size:0.8em; color:#999; }

.tcedu-edu .edu_box .edu_tool{  }
.tcedu-edu .edu_box .edu_tool .tool_list{ flex-wrap:wrap; padding:5px 0 15px; }
.tcedu-edu .edu_box .edu_tool .tool_list .tool_item{ position:relative; text-align:center; width:25%; min-width:25%; padding:5px 0; }
.tcedu-edu .edu_box .edu_tool .tool_list .tool_item .icon{ line-height:30px; height:30px;color: #555; }
.tcedu-edu .edu_box .edu_tool .tool_list .tool_item .icon .tciconfont{ font-size:1.8em; }
.tcedu-edu .edu_box .edu_tool .tool_list .tool_item .text{ margin-top:4px; line-height:16px; font-size:0.8em; }
.tcedu-edu .edu_box .edu_tool .tool_list .tool_item .num{ position:absolute; top:0px; left:50%; margin-left:8px; text-align:center; min-width:18px; line-height:18px; height:18px; padding:0 2px; border-radius:100%; background:#f00; color:#fff; font-size:0.7em; box-sizing:border-box; }

/**************************************** manage_msg *************************************/

.editmanage .manage_user{ padding:5px 12px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.editmanage .manage_user .lt{ font-size:0.9em; font-weight:600; white-space:nowrap; }
.editmanage .manage_user .rt{ margin-left:5px; line-height:30px; font-size:0.8em; color:#f00; }
.editmanage .manage_user .rt img{ width:24px; height:24px; margin-right:5px; border-radius:100%; object-fit:cover;vertical-align: -6px; }

.editmanage .manage_msg{ padding:10px 12px; font-size:0.8em; line-height:20px; color:#f00; }
.editmanage .manage_msg .tciconfont{ vertical-align:-2px; margin-right:2px; }

/**************************************** courseoption *************************************/

.editoption{ background:#fff;}
.editoption .spec-list{ padding:10px; background:#fff;}
.editoption .spec-list .spec-list__item{ border:1px solid #eee; padding:10px;margin-bottom: 10px;background-color: #fbfbfb;}
.editoption .spec-list .spec-list__item .item-input{ float:left; width:50%;}
.editoption .spec-list .spec-list__item .item-input span{ line-height:30px; width:75px; min-width:75px;}
.editoption .spec-list .spec-list__item .item-input input{ background:#fff; border:none; border:1px solid #d8d8d8; height:30px; padding:0 5px; margin-bottom:5px;margin-left:5px; margin-right:5px; width:100%;}
.editoption .spec-list .spec-list__item .item-input:first-child{ width:100%;}
.editoption .spec-list .spec-list__item .item-input:first-child input{ width:100%;}
.editoption .spec-list .spec-list__item .item-input.botton{ width:100%;}
.editoption .spec-list .spec-list__item .item-input a{ width:80px; background:#46acf5; color:#fff; text-align:center; line-height:30px; height:30px; display:inline-block;    border-radius: 4px; margin-right: 5px;}
.editoption .spec-list .spec-list__item .item-input a.remove_option{ background:#bfbfbf;}

.editoption .option-refresh {text-align: center; padding:15px 10px;}
.editoption .option-refresh .option-refresh__btn{display:inline-block; margin-right: 5px;  padding: 0 60px;  color: #fff; height: 35px; line-height: 35px; background: #46acf5;border-radius: 5px;}

.edu-kefu__box{cursor:pointer; box-shadow: 0px 0px 3px 2px #eee; position: fixed;  right: 1em; bottom:calc(15% + 3.5em); bottom:-webkit-calc(15% + 3.5em); z-index: 100; width:3em; height:3em; text-align:center; line-height:3em; border-radius: 100%;  overflow: hidden; background:#fff;}
.edu-kefu__box .tciconfont{ font-size:1.8em;color: #0fb52b;}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){
    .edu-foot{padding-bottom:0px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
    .edu-foot .edu-footer{border-bottom: 0px solid #fff;border-bottom-width: constant(safe-area-inset-bottom);border-bottom-width: env(safe-area-inset-bottom);}
    .info_footer_box{padding-bottom:0px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
    .info_footer_box .info_footer{border-bottom: 0px solid #fff;border-bottom-width: constant(safe-area-inset-bottom);border-bottom-width: env(safe-area-inset-bottom);}
    .tcedu_courseinfo .course_footer_box{padding-bottom:0px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
    .tcedu_courseinfo .course_footer{border-bottom: 0px solid #fff;border-bottom-width: constant(safe-area-inset-bottom);border-bottom-width: env(safe-area-inset-bottom);}
}