body, html {
    background: #f2f2f2;
    width: 100%;
    height: 100vh;
}

.container {
    background: #f2f2f2;
    width: 100%;
    padding-top: 75px;
}

.container_wrap {
    height: 75px;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    border-bottom: 1px solid #e7e7e7;
}

.container_wrap_top{
    height: 18px;
    padding: 1px calc(50% - 600px) 0 calc(50% - 600px);
    border-bottom: 1px solid #e7e7e7;
    background-color: #f2f2f2;
    font-size: 12px;
    color: #666;
}

.container_wrap_nav {
    width: 1200px;
    margin: 3px auto;
    height: 55px;
}

.register_top {
    width: 1200px;
    margin: 0 auto;
    height: 55px;
}

.regiser_logo {
    width: 100px;
    position: relative;
}

.logoT11 {
    top: 11px;
}

.logoT13 {
    top: 13px;
}

.regiser_line {
    width: 2px;
    height: 17px;
    background: #D3D3D3;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 18px;
}

.login_line {
    width: 2px;
    height: 13px;
    background: #D3D3D3;
    display: inline-block;
    position: relative;
    top: 3px;
}

.regiser_text {
    color: #D3D3D3;
    font-size: 16px;
    position: relative;
    top: 15px;
}

.register_top_left, .register_top_right {
    height: 55px;
}

.downIcons {
    position: relative;
    top: 15px;
}

.regiser_all {
    position: relative;
    top: 11px;
}

.register_content {
    width: 60%;
    margin: 50px auto 0px auto;
    background: #fff;
    min-height: 475px;

}

.register_logo_width {
    width: 120px;
}

.register_content_title {
    margin: 20px 0;
}

.username, .mobile, .password {
    width: 290px;
    margin: 10px auto 20px auto;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
}

.regBtn {
    width: 290px;
    margin: 10px auto 20px auto;
    padding: 10px 0;
    border-radius: 4px;
    background-color: #19b188;
    color: #fff;
    font-size: 14px;
    border: 0;
    cursor: pointer;
}

.verification {
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    width: 180px;
}

#username, #mobile, #password, #verification {
    border: none;
    width: 250px;
    height: 29px;
}

#verification {
    width: 140px;
}

.userIcon {
    padding: 5px 8px;
    display: inline-block;
    border-right: 1px solid #f0f0f0;
}

.userIcons {
    padding: 7px 13px;
    display: inline-block;
    border-right: 1px solid #f0f0f0;
}

.verificeCode {
    color: #fff;
    background: #19b188;
    font-size: 12px;
    float: right;
    border: 0;
    padding: 7px 15px;
    border-radius: 4px;
    position: relative;
}

.verificeCode:hover {
    cursor: pointer;
}

.verification_wrap {
    width: 290px;
    margin: 10px auto 20px auto;
}

.annotation {
    width: 290px;
    margin: -10px auto;
}

.annotation span {
    float: left;
}

.margin15 {
    margin-left: 15px;
}

#LoginRight {
    cursor: pointer;
}

.layui-layer-title {
    border-bottom: none;
    background-color: #fff;
}

.loginContent_all {
    padding: 20px 0;
}

.loginContent_title {
    color: #333;
}

.loginContent_subtitle {
    margin: 10px 0;
}

.loginContent_username, .loginContent_password,.loginContent_code {
    width: 270px;
    border: 1px solid #f0f0f0;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

#loginContent_username, #loginContent_password, #ret_mobile, #ret_password, #ret_code,#binding_mobile,#binding_code,#binding_password{
    border: 0;
    height: 30px;
    padding-left: 10px;
    width: 150px;
}

.loginContent_wrap {
    margin: 40px 0 0 0;
}

.loginContent_login, .loginContent_login_text {
    width: 270px;
    margin: 0 auto 20px auto;
}

.register_btn {
    width: 100%;
    border: none;
}

.register_btn:hover {
    cursor: pointer;
}

.loginContent_ways {
    margin: 30px auto;
}

.container_wrap_nav_left span {
    line-height: 50px;
    height: 50px;
    margin: 0 20px;
}

.container_wrap_nav_right span {
    line-height: 50px;
    height: 50px;
    margin: 0 2px;
}

.hotIcon {
    width: 25px;
    position: relative;
    top: -6px;
}

.searchIcon {
    width: 20px;
    margin-right: 15px;
    margin-top: 12px;
    padding: 5px;
    cursor: pointer;
}
.searchIcons {
    width: 20px;
    cursor: pointer;
}

.footer_wrap_content, .course_free, .banner_sub, .online_vip_content, .course_all_list, .tag_table_wrap, .search_nav_list,
.search_nav_list_item_all, .courseDetail_wrap_content, .courseDetail_wrap_foot_wrap, .selected_course_content,
.selected_course_mes_wrap, .banner_index_wrap, .selected_course_mes_wrap_name, .content_vip, .pay_ways_weixin_content,
.pay_ways_zhifu_content {
    width: 1200px;
    margin: 0 auto;
}
.banner_index_wrap{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.content_vip, .pay_ways_weixin_content, .pay_ways_zhifu_content {
    margin: 30px auto 60px auto;
}

.courseDetail_wrap_top {
    width: 100%;
    background: #fff;
}

.footer_wrap_content {
    padding: 20px 0 10px 0;
}

.footer_logo {
    width: 220px;
}

.footer_wrap_content_left {
    width: 50%;
}

.footer_wrap_content_middle {
    margin-left: 10%;
}

.footer_wrap_content_right {
    width: 20%;
}

.footer_texts {
    letter-spacing: 1.5px;
    line-height: 20px;
}

.footer_wrap_content_middle div {
    margin-bottom: 7px;
}

.borderjoin {
    border: 1px solid #666;
    border-radius: 10px;
    padding: 2px 13px;
}

.footer_nav_list ul {
    margin: 15px 0;
}

.footer_nav_list ul li {
    display: inline-block;
    padding-right: 10px;
}

.footer_nav_list ul li:first-child {
    padding-left: 0;
}

.block {
    display: block;
}

.footer_nav_list ul li:last-child {
    padding-right: 0;
}

.footer_line {
    height: 1px;
    background: #666;
    width: 100%;
}

.course_ways_left {
    background: #f0f0f0;
    padding: 10px 20px;
}

.course_ways_right {
    margin-left: 20px;
}

.buy_btn {
    position: relative;
    background: #c92f23;
    width: 100px;
    padding: 5px 20px;
    margin-left: 20px;
    line-height: 24px;
}

.banner_index {
    background: #2a2b30;
    width: 100%;
    height: 400px;
    position: relative;
}

.banner-container {
    width: 100%;
    height: 100%;
    position: absolute!important;
    top: 0!important;
}

.banner_index_nav {
    background: #2b343b;
    position: absolute;
    width: 150px;
    height: 100%;
    overflow: hidden;
    pointer-events: all;
}

.banner_index_nav ul {
    padding: 15px 0;
    height: calc(100% - 60px);
    overflow: hidden;
}

.banner_index_nav ul li a {
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 10px 20px;
}

.banner_index_box {
    position: absolute;
    width: 220px;
    height: 380px;
    background: #fff;
    right: 0;
    margin: 10px 0;
    border-radius: 6px;
    z-index: 20;
    pointer-events: all;
    overflow: hidden;
}

.boxWidth {
    width: 45px;
    padding-top: 25px;
    padding-bottom: 10px;
}
.banner-color-l{
    width: calc(50% - 450px);
    height: 100%;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.banner-image{
    width: 830px;
}
.banner-color-r{
    width: calc(50% - 380px);
    height: 100%;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.line_black {
    width: 15px;
    height: 1px;
    background: #c0a071;
    display: inline-block;
    vertical-align: middle;
}

.line_texts {
    margin: 0 10px;
    display: inline-block;
}

.course_all {
    font-size: 12px;
}

.course_icon {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.course_all {
    margin: 20px 0;
}

.course_all div {
    margin-bottom: 10px;
}

.btn_join {
    border-radius: 6px;
    background: #c0a071;
    width: 100px;
    margin: 0 auto;
    padding: 2px 5px;
}

.course_free_title {
    margin: 30px 0 20px 0;
}

.course_free_list {
    margin: 0 -0.5%;
}

.course_free_list>div {
    width: calc(19% - 2px);
    float: left;
    margin: 0.5%;
}

.course_free_list div a {
    display: inline-block;
    width: 100%;
}

.course_bao_left {
    width: 15% !important;
    height: 400px;
    background: #67ac90;
    margin: 5px 0;
    overflow: hidden;
}

.course_bao_middle {
    width: 85%;
}

.course_bao_middle_child {
    width: calc(50% - 10px);
    float: left;
    margin: 8px 0 10px 10px;
}

.course_bao_middle_left {
    background: #19a7a9;
    width: 100%;
    height: 160px;
}

.course_bao_right_content_right {
    background: #4a6c88;
    width: 49.5%;
    height: 80px;
}

.course_bao_right {
    width: 82%;
}

.course_bao_text {
    height: 50px;
    background: #fff;
}

.study_btn {
    background: #c92f23;
    border: none;
    padding: 3px 16px;
    margin-left: 6px;
}

.online_vip {
    background: #f1f1f1;
    width: 100%;
}

.online_vip_content_box {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}

.online_vip_content_box1 {
    width: 30%;
    background: #fff;
    float: left;
}
.online_vip_content_box1:nth-child(2) {
    margin: 0 5%;
}

.online_vip_content_box_all {
    border-bottom: 1px solid #ccc;
    padding: 15px 0 25px 0;
}

.online_vip_content_box1_title {
    border-bottom: 1px solid #ccc;
    line-height: 50px;
}

.online_vip_content_box1_left {
    width: 37%;
    margin-top: 69px;
}

.online_vip_content_box1_right {
    width: 63%;
    height: 256px;
}

.vipText, .svipText {
    position: relative;
    top: 2px;
    left: -36px;
}

.svipText {
    left: -41px;
}

.dagouIcon {
    width: 16px;
    vertical-align: middle;
}

.online_vip_content_box1_right div {
    padding: 10px 0;
}

.left_join, .right_join {
    background: #2fb7bf;
    border: none;
    padding: 6px 50px;
}

.right_join {
    background: #fdb801;
}

.close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
}

.course_all_content_left {
    width: 144px;
}

.course_all_content_right {
    width: 86%;
}

.course_all_content_left_nav {
    background: #fff;
    border: 1px solid #10a97b;
    width: 100%;
}

.course_all_content_left_nav ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
    text-align: center;
}

.course_all_content_left_nav ul li:last-child {
    border-bottom: 0px;
}

.course_all_content_left_nav ul li:first-child {
    padding-top: 20px;
}

.course_all_content_left_nav ul li:last-child {
    padding-bottom: 20px;
}

.course_all_content_right_nav {
    width: 100%;
    background: #fff;
    padding: 10px 10px;
}

.course_all_content_right_nav_right {
    padding-right: 18px;
}

.course_all_content_right_nav_left ul li {
    float: left;
}

.course_item_title{
    padding: 12px 8px;
}

.course_item_bottom{
    padding: 0 8px 12px 8px;
}

.course_hover_item ul {
    display: none;
    padding-top: 11px;
    position: absolute;
    right: calc(50% - 600px);
    z-index: 2;
}

.course_all_content_right_nav_right:hover .course_hover_item ul {
    display: block;
}

.course_hover_item ul li {
    padding: 10px 20px;
    background: #fff;
}

.course_all_content_right_list {
    margin: 1% -1%;
}

.course_all_content_right_list>div {
    float: left;
    width: 31.5%;
    padding: 0.7%;
}

.banner_class_course_list {
    width: 60%;
    margin: 0 auto;
}

.starIcon {
    vertical-align: middle;
    width: 12px;
    position: relative;
    top: -3px;
}

.marginR5 {
    margin-right: 5px;
}

.banner_class_course_list_ment_left {
    width: 30%;
}

.banner_class_course_list_ment_right {
    width: 70%;
}

.banner_class_course_list_ment_detail_left {
    width: 400px;
    height: 250px;
}

.banner_class_course_list_ment_detail_right {
    width: calc(100% - 440px);
    margin-left: 40px;
}

.bg {
    background: #ccc;
    position: relative;
}

.detail_bg {
    position: relative;
    background-image: url(../img/pic.png);
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.pic_avator {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 40px);
}

.banner_class_course_list_ment_left_mes {
    position: absolute;
    top: calc(50% + 80px);
    left: 20px;
    right: 20px;
    line-height: 18px;
    height: 72px;
    overflow: hidden;
    text-align: center;
}

.banner_class_course_list_ment_detail {
    position: relative;
}
.banner_class_course_list_ment_right_wrap {
    position: relative;
    padding: 9% 6% 8% 6%;
}

.banner_class_course_list_ment_right_wrap_all {
    height: 250px;
    position: relative;
}
.course_ways{
    position: absolute;
    bottom: 0;
}

.course_title {
    color: #333;
    font-size: 26px;
}

.course_time, .course_time_detail {
    margin: 0 -10px;
}

.course_time div, .course_time_detail div {
    float: left;
    width: 90px;
    border-right: 1px solid #f0f0f0;
    padding: 0 10px;
    height: 42px;
}

.course_time_detail div {
    border-right: 1px solid #C9C5C5;
}

.course_time div:last-child, .course_time_detail div:last-child {
    width: 150px;
    border-right: 0;
    height: 42px;
}

.update {
    display: block;
}

.course_time {
    margin-top: 20px;
    margin-bottom: 50px;
}

.course_time_detail {
    margin-top: 30px;
    margin-bottom: 60px;
}

.vipFree {
    position: relative;
    margin-left: 5px;
}

.courseBg {
    width: 78px;
    vertical-align: middle;
}

.vipTexts {
    position: absolute;
    top: 2px;
    right: 9px;
}

.searchAll {
    position: relative;
}

.searchText {
    position: absolute;
    top: 5px;
    width: 18px;
    right: 8px;
}

.tag_table {
    width: 100%;
    background: #2b343b;
    height: 160px;
}

.tags_mess {
    display: inline-block;
    vertical-align: middle;
}

.tags_mess li {
    float: left;
    border: 1px solid #444c52;
    padding: 2px 11px;
    margin: 0 5px;
}

.closeTag {
    width: 8px;
}

.tag_table_wrap_all {
    border-bottom: 1px solid #444c52;
}

.search_nav_list_item {
    display: inline-block;
    vertical-align: middle;
}

.search_nav_list_item li {
    float: left;
    padding: 0 25px;
}

.search_nav_list_item_all_wrap {
    margin: 20px 0 30px 0;
}

.search_nav_list_item_all_wrap .search_nav_list_item_all_wrap_list {
    float: left;
    width: 32%;
    margin: 1% 0.5%;
    border: 1px solid #ddd;
}

.course_free_mes_wrap {
    padding: 3% 5%;
    background-color: #fff;
}

.color019944 {
    color: #10a97b;
}

.course_try {
    border: 1px solid #10a97b;
    padding: 3px 15px;
    background: #fff;
    margin-top: 8px;
}

.courseDetail_wrap_foot_wrap_left {
    width: 66%;
    margin-right: 1%;
    background: #fff;
}

.courseDetail_wrap_foot_wrap_right {
    width: 33%;
}

.course_tab {
    margin: 3% 5%;
}

.course_teacher_mes {
    padding: 0% 10% 6% 10%;
    background: #fff;
}

.courseDetail_wrap_foot_wrap_right_content {
    padding: 6% 10%;
    background: #fff;
}

.course_teacher_mes_info {
    margin: 15px 0;
}

.course_tab_list {
    margin: 0 -5%;
}

.course_tab_wrap {
    border-bottom: 1px solid #e7e7e7;
}

.course_tab_list li {
    float: left;
    margin: 0 5%;
    padding-bottom: 6px;
    cursor: pointer;
}

.course_tab_list li a {
    color: #333;
}

.line019944 {
    background: #10a97b;
    width: 2px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;

}

.course_teacher_mes_left {
    width: 100px;
}

.course_teacher_mes_right {
    width: calc(100% - 100px);
    margin-top: 5px;
    height: 75px;
}
.teacherPic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.lineHeight20 {
    line-height: 20px;
}

.teacherpics {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-bottom: -7px;
}

.studentpics {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.course_teacher_mes ul {
    width: 100%;
}

.course_teacher_mes ul li {
    float: left;
    width: 21%;
    text-align: center;
    margin-bottom: 10px;
}

.tabs-1_title, .tabs-1_sub_title-1-1 {
    background: #f0f0f0;
    padding: 14px;
    font-size: 16px;
    margin: 15px 0;
    /* padding-left: 30px; */
    /* margin-left: 21px; */
    border-radius: 5px;
}

.tabs-1_sub_title-2-1,.tabs-1_sub_title-3-1,.tabs-1_sub_title-4-1,.tabs-1_sub_title-5-1{
    margin: 6px 0;
    margin-left: 20px;
}

.tabs-1_sub_title-1-0,.tabs-1_sub_title-2-0,.tabs-1_sub_title-3-0,.tabs-1_sub_title-4-0,.tabs-1_sub_title-5-0{
    padding: 8px 10px 8px 10px;
}

.tabs-1_sub_content ul li {
    padding: 8px 10px;
}

#tabs_container {
    margin-top: 20px;
}

.arrowIcon {
    width: 10px;
}

.tabs {
    display: none;
}

.study_width {
    width: 80px;
}

#user_input {
    width: calc(100% - 98px);
    height: 128px;
    resize: none;
    border: 1px solid #ccc;
    padding: 8px;
}

.public_btn {
    background: #10a97b;
    border: none;
    padding: 3px 16px;
}

.width50 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comments_time {
    height: 35px;
}

.comments_user_content_all {
    border-bottom: 1px solid #ccc;
}

.comments_user_content_all:last-child {
    border-bottom: 0 !important;
}

.comments_user_content_all_left {
    width: 80px;
}

.comments_user_content_all_right {
    width: calc(100% - 81px);
    margin-top: 7px;
}

.notcieWidth {
    width: 23px;
    vertical-align: middle;
}

.portraitWidth {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
}

.notcieNum {
    font-size: 12px;
    width: 20px;
    padding: 1px 2px;
    height: 20px !important;
    background: #c92f23;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -18px;
    text-align: center;
}

.progress_pay_one, .progress_pay_two {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #10a97b;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
}

.progress_pay_two {
    background: #999;
}

.progress_pay_line {
    width: 260px;
    height: 1px;
    display: inline-block;
    background: #cccc;
}

.progress_pay_left, .progress_pay_last {
    position: relative;
}

.progress_pay_one {
    margin-left: 28px;
}

.buy_course {
    position: relative;
    /*left: 12px;*/
}

.pay_success {
    position: relative;
    margin-left: -12px;
}

.progress_pay {
    width: 380px;
    margin: 0px auto;
    padding: 40px 0;
}

.selected_course_mes_wrap {
    border-bottom: 1px solid #ccc;
}

.selected_course_mes_wrap_name_wrap {
    border-bottom: 1px solid #ccc;
}

.selected_course_mes_wrap_name_left {
    width: 25%;
}

.selected_course_mes_wrap_name_middle {
    padding: 2% 3%;
}

.selected_down {
    width: 20px;
    position: relative;
    right: 28px;
    top: 4px;
}

.weixin, .zhifubao {
    width: 25px;
    margin-top: 2px;
}

.weixin_pay {
    border: 1px solid #19b188;
    padding: 3px 20px;
    margin-right: 30px;
}

.zhifubao_pay {
    border: 1px solid #ccc;
    padding: 3px 20px;
    margin-right: 30px;
}

.service_weixin_pay, .service_zhifubao_pay {
    border: 1px solid #19b188;
    width: 147px;
    text-align: center;
    height: 49px;
    line-height: 49px;
}

.service_ways_left-all {
    height: 49px;
    line-height: 49px;
}

.service_zhifubao_pay {
    border: 1px solid #ccc;
}

.pay_all {
    background: #fc583d;
    width: 137px;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
}

.selected_course_mes_list {
    background: #fff;
    width: 64%;
    margin: 0 auto;
    padding: 0 3%;
}

.selected_course_content {
    background: #f6f6f6;
}

.paddingB60 {
    padding-bottom: 60px;
}

.selected_course_content_detail{
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.selected_course_content_detail_wrap {
    margin: 0 8% 0 8%;
    padding-top: 30px;
    /* border-bottom: 1px solid #ccc; */
}

.selected_course_content_detail_wrap_name, .selected_course_content_detail_wrap_price_all, .selected_course_content_detail_wrap_pay_all {
    margin: 15px 8% 0px 8%;
}

.selected_course_content_detail_wrap_price_all {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.selected_course_content_detail_wrap_name_left {
    width: 25%;
}

.pic_logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.selected_course_content_detail_wrap_name_middle {
    margin: 20px 3%;
}

.selected_course_content_detail_wrap_price_left {
    float: left;
    margin-right: 5%;
}

.selected_course_content_detail_wrap_price_left_coupons {
    float: left;
}

#coupons {
    padding: 3px 5px;
    width: 135px;
}

.content_vip_wrap {
    padding: 5% 20% 10% 20%;
}

.vipIcon, .svipIcon {
    width: 30px;
}

.service_ways {
    height: 52px;
    line-height: 49px;
}

.service_ways_vip {
    width: 147px;
    border: 1px solid #ff5f2b;
    height: 49px;
    line-height: 49px;
    text-align: center;
    cursor: pointer;
}

.service_ways_svip {
    width: 147px;
    border: 1px solid #ccc;
    height: 49px;
    line-height: 49px;
    text-align: center;
    cursor: pointer;

}

.service_time_right {
    border: 1px solid #ff5f2b;
}

.service_time_year {
    border-bottom: 1px solid #ff5f2b;
}

.service_time_year, .service_time_day {
    height: 25px;
    /* width: 147px; */
    width: 180px;
    line-height: 25px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.service_time_left {
    margin-right: 12px;
    height: 73px;
    line-height: 73px;
}

.service_price {
    background: #f0f1f5;
    padding: 10px 15px;
}

.btn_kaitong {
    background: #fe8431;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.pay_ways_weixin_notice {
    padding: 50px 20px;
    background: #f6f6f6;
}

.zhi {
    width: 449px;
    margin: 0 auto;
    display: block;
    padding: 30px 0 50px 0;
}

.pay_success_content {
    padding: 20px 20px 40px 20px;
    height: 400px;
}

.success_notice {
    margin-top: 150px;
    font-size: 24px;
}

.tab-menu {
    width: 81px;
}

.tab-box {
    width: calc(85% - 81px);
}

.tab-menu li {
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    cursor: pointer;
}

.tab-menu li img {
    width: 12px;
    margin-right: 10px;
    vertical-align: middle;
}

.img14 {
    width: 14px !important;
}

.tab-box {
    margin-left: 15%;
    margin-top: 20px;
}

.marginBottom {
    border-bottom: 1px solid #ccc;
}

.anquan_btn {
    width: 100%;
    border: none;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

.sao_code {
    width: 180px;
    margin: 0 auto;
}

.background2323 {
    background: #232323;
}

.bingding {
    width: 154px;
    border-radius: 10px;
    padding: 5px 25px;
    display: inline-block;
}

.change {
    color: #fff !important;
}

/* 个人中心*/
.wrapper_tab {
    margin: 20px 0;
}

.wrapper_tab li {
    float: left;
    color: #666666;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.course_tab_mime li {
    float: left;
    color: #666666;
    font-size: 12px;
    margin-right: 18px;
}

.products .main {
    display: none;
    width: 49%;
}

.products .course_tabs, .products .myorder {
    display: none;
}

.products .main:first-child, .products .course_tabs:first-child, .products .myorder:first-child {
    display: block;
}

.width80 {
    width: 80px;
}

.common {
    width: 100%;
}

#nickname, #password_yuan, #password_new, #password_sure, #code, #newPsd {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 5px;
    width: calc(100% - 12px);
    color: #666;
}

.common_left {
    width: 65px;
    text-align: right;
}

.common_right {
    width: calc(100% - 75px);
}

.xiu_btn, .jiebang_btn {
    color: #1ab188;
}

#birthDate select {
    width: calc(33% - 3px);
    padding: 4px 0;
}

.wrap_all {
    background: #fff;
}

.common {
    margin-bottom: 20px;
}

.baocun, .sure_btn, .xiu_sure, .xiuwechat_sure, .retrieve-btn {
    padding: 10px 0px;
    margin-top: 50px;
    border-radius: 4px;
}

.xiu_mobile_content, .xiu_weixin_content, .scan_weixin_content {
    width: 100%;
}

.xiu_mobile_content_wrap, .xiu_weixin_content_wrap {
    border: 1px solid #ccc;
    border-top-color: transparent;
    width: calc(100% - 2px);
    margin-top: -21px;
}

.zhanghao_anquan {
    text-align: center;
    padding: 10px 0;
}

.common_imput {
    width: 300px;
    margin: 20px auto;
}

.old_mobile_input, .new_mobile_input, .yanzheng_input, .yanwechat_input {
    padding: 6px 8px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.fasong, .fawechat {
    padding: 6px 10px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
}

.xiu_sure, .xiuwechat_sure {
    margin-bottom: 70px;
}

.kaitou {
    position: relative;
    top: 25px;
    left: -37px;
}

.down_icon {
    width: 12px;
}

.xiu_mobile_content, .xiu_weixin_content, .scan_weixin_content {
    display: none;
    margin-top: 20px;
}

.selectedLineRed {
    border-bottom: 1px solid #c92f23;
}

.selectedLineRed a {
    color: #c92f23 !important;
}

.course_tabs {
    margin: 4% -2%;
}

.course_tab_mime > div {
    float: left;
    width: 35%;
    margin: 2%;
}

.course_free_mes_all {
    width: calc(100% - 2px);
}

.course_free_mes_all_name {
    padding: 13px 20px;
    border-top: 1px solid #ccc;
}

.myorder > ul {
    width: 100%;
    background: #eee;
    padding: 10px 0;
}

.myorder_detail > ul {
    margin: 15px 0;
}

.myorder > ul > li, .myorder_detail > ul > li {
    float: left;
    color: #666;
    font-size: 12px;
    text-align: center;
}

.myorder > ul > li:nth-child(1), .myorder_detail > ul > li:nth-child(1) {
    width: 38%;
}

.myorder > ul > li:nth-child(2), .myorder_detail > ul > li:nth-child(2) {
    width: 20%;
}

.myorder > ul > li:nth-child(3), .myorder_detail > ul > li:nth-child(3) {
    width: 20%;
}

.myorder > ul > li:nth-child(4), .myorder_detail > ul > li:nth-child(4) {
    width: 22%;
}

.vip_mine {
    width: 15px;
}

.course_mine {
    width: 13px;
}

#nav_user{
    position: relative;
}

.center_pldown {
    z-index: 102;
    border: 1px solid #dddddd;
    background: white;
    position: absolute;
    right: -15px;
    top: 100%;
    padding: 10px 34px;
    box-shadow: 1px 1px 20px rgba(0,0,0,.1);
    border-radius: 4px;
    display: none;
}

.center_wrp_arrow {
    width: 20px;
    height: 6px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -10px;
    z-index: 104;
    display: none;
}

.center_pldown a {
    padding: 0 14px;
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 36px;
    white-space: nowrap;
    height: auto;
    position: relative;
}

.center_pldown a:hover {
    color: #10a97b;
}

.center_pldown a.exit {
    border-top: 1px solid #ddd;
    margin-top: 7px;
    padding-top: 7px;
}
#sexALL input{
    margin-left: 6px;
}
#sexALL input:first-child{
    margin-left: 0;
}
.banner_class_course_list_ment{
    box-shadow: 1px 1px 8px rgba(0,0,0,.06);
    border-radius: 6px;
}
.banner_course{
    margin: 8px;
}
.banner_course>div{
    margin-top: 10px;
}
.banner_course_t{
    height: 18px;
    overflow: hidden;
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.commom_header_red_point{
    width: 6px;
    position: absolute;
    top: 10px;
    right: -2px;
}
.commom_pldown_red_point{
    width: 6px;
    position: absolute;
    top: 0;
    right: -10px;
}
.user_red_point{
    width: 6px!important;
    position: absolute;
    top: 0;
    right: -20px;
}

.font18{
    font-size: 18px;
    font-weight: 600;
}