body{
    background:#f0f2f5;
    /*font-family:"Microsoft Yahei";*/
    color: #999999;
    font-size: 14px;
}
/*����*/
.Y_width1200{
    width:1198px;
    border: 1px solid #dfe1e6;
    background:#fff;
    margin: 20px auto 0px;
}
.Y_width1160{
     width: 1160px;
     margin: 0px auto;
 }
.Y_width1120{
    width: 1120px;
    margin: 0px auto;
}
.Y_clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.Y_cb{
    clear: both;
    height: 0px;
}
.Y_ml10{
   margin-left: 10px;
}
.Y_mr10{
    margin-right: 10px;
}
.Y_mr20{
   margin-right: 20px;
}
.Y_mt20{
    margin-top: 20px;
}
.Y_mt30{
    margin-top: 30px;
}
.Y_mb30{
    margin-bottom: 30px;
}
.floatl{float:left;}
.floatr{float:right;}
.Y_width1200 .Y_dashedline{
    border-bottom:1px dashed #dfe1e6;
    width:1160px;
    margin:0px auto;
}
.Y_width1200 .Y_solidline{
    border-bottom:1px solid #dfe1e6;
    margin:10px 0px;
}
.Y_width1200 a{
    font-size: 14px;
    color:#999;
    padding:2px 10px;
/*     margin-right: 10px; */
    text-decoration: none;
    font-size: 14px;
}
.Y_width1200 a.Y_active{
    color: #fff;
    background:#32b0eb;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 3px;
    margin-right: 10px;
}
.Y_width1200 a.Y_active:hover{
    color: #fff;
    background:#32b0eb;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 3px;
    margin-right: 10px;
}
.Y_color{
    color:#32b0eb ;
}
.Y_width1200 a:hover{
    color:#32b0eb ;
    border-color:#32b0eb ;
}
/*������������ʦ�б�ҳ����������*/
/*����*/
.Y_nav{
    height: 114px;
}
.Y_nav .Y_width1160>div{
    margin-top: 25px;
    color: #7c7b7b;
}
.Y_nav b{
    margin-right: 30px;
    font-size: 14px;
}
.Y_nav a.Y_active{
    border-color:#32b0eb;
}
.Y_nav a{
    border: 1px solid #c7c7c7;
    border-radius: 3px;
}

/*��ʦ�б�*/
.Y_teacher_list{
    padding: 30px 0px 20px;
}
.Y_teacher{
    width: 356px;
    height:150px ;
    padding:0px 30px 0px 0px;
    float: left;
}
.Y_teacher .Y_pic>a{
    padding: 0px;
    margin: 0px;
}
.Y_teacher > div{
    float:left;
}
.Y_teacher span{
    font-size: 14px;
}
.Y_teacher .Y_teachername{
    margin-right: 20px;
}
.Y_teacher .Y_class_brief{
    margin-left: 20px;
    line-height: 28px;
    height: 150px;
    position:relative;
    overflow: hidden;
    width:185px;
}
.Y_teacher .Y_star .iconfont{
    font-size: 12px;
    color: #fb9f1b;
}
.Y_teacher .subject{
    width: 184px;
}
.Y_teacher .subject span{
    display: inline-block;
    float: left;
    font-size: 14px;
}
.Y_teacher .subject .subject_content{
    height: 60px;
    width: 142px;
    overflow: hidden;
}
.Y_teacher .Y_teacher_bottom .Y_people{
    position: absolute;
    bottom:-6px;
    left:0px;
}
.Y_teacher .Y_teacher_bottom .Y_main_page{
    font-size: 14px;
    color:#32b0eb;
    border: 1px solid #32b0eb;
    padding: 0px 12px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    position:absolute;
    left:0px;
    bottom:0px;
}
.Y_page{
    text-align: center;
    margin:70px 0px 30px;
}
.Y_page span{
    padding: 2px 6px;
    border:1px solid #c7c7c7;
    border-radius: 4px;
    margin-right: 20px;
}
.Y_page a{
    padding: 2px 10px;
    border:1px solid #c7c7c7;
    border-radius: 4px;
    color:#999;
    text-decoration: none;
    margin:0px 4px;
}
.Y_page a:hover{
    border-color:#32b0eb;
    color:#32b0eb;
}
.Y_page .Y_uppage,.Y_page .Y_nextpage{
    padding:2px 14px;
    border:1px solid #c7c7c7;
    border-radius: 4px;
    color:#999;
}
.Y_page a.Y_active{
    color: #fff;
    background:#32b0eb;
    border: 1px solid #32b0eb;
}

/* ------------------------------------------------1 */
/*老师课程*/
.Y_teacherbrief{
    margin:20px 0px;
    line-height: 28px;
}
.Y_teacherbrief span a{
    padding:0px;
    margin: 0px;
}
.Y_teacherbrief span{
    font-size: 14px;
}
.Y_teacherbrief>span{
    display: block;
    float: left;
}
.Y_teacherbrief .head_pic{
    width: 154px;
    height: 154px;
    text-align: center;
    padding: 11px;
    background: #f4f6f9;
/*     cursor: pointer; */
}
.Y_teacherbrief .brief{
     width: 795px;
    margin-left:30px;
}
.Y_teacherbrief .Y_teachername,.Y_teacherbrief .score {
    font-size: 18px;
    color: #666;
}
.Y_teacherbrief .Y_star .iconfont {
    font-size: 16px;
    color: #fb9f1b;
}
.Y_teacherbrief .brief ul li{
    float: left;
    padding: 0 30px;
    border-right:1px solid #dfe1e6;;
    margin-top: 20px;
    text-align: center;
}
.Y_teacherbrief .brief ul li p{
    font-size: 16px;
}
.Y_teacherbrief .brief ul li p.num{
    font-size: 14px;
}
.Y_teacherbrief .brief ul li:first-child{
    padding-left:0px;
}
.Y_teacherbrief .brief ul li:last-child{
    border:0px;
}
.Y_teacherbrief .brief .brief_content{
    width: 800px;
    font-size: 12px;
}
/*增加*/
.Y_teacherbrief .brief .teacher_brief_content{
    width: 795px;
    font-size: 12px;
    height:60px;
    position:relative;
    overflow: hidden;
}
.Y_teacherbrief .brief .teacher_brief_content .iconfont{
    position: absolute;
    right:0px;
    bottom:0px;
    font-size: 14px;
    cursor: pointer;
}
.Y_teacherbrief .brief .teacher_brief_content .iconfont.rotate{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
/*结束*/
/* -----------------------------------------------0 */

/* /*��ʦ�γ�*/ */
/* .Y_teacherbrief{ */
/*     width:850px; */
/*     margin:20px 0px; */
/*     line-height: 28px; */
/* } */
/* .Y_teacherbrief span a{ */
/*     padding:0px; */
/*     margin: 0px; */
/* } */
/* .Y_teacherbrief span{ */
/*     font-size: 14px; */
/* } */
/* .Y_teacherbrief>span{ */
/*     display: inline-block; */
/*     float: left; */
/* } */
/* .Y_teacherbrief .good span.subject{ */
/*     margin-right: 10px; */
/* } */
/* .Y_teacherbrief .Y_morecontent{ */
/*     width: 580px; */
/*     margin-left: 20px; */
/* } */
/* .Y_teacherbrief .Y_teachername, .Y_teacherbrief .score{ */
/*     font-size: 18px; */
/*     color:#666; */
/* } */
/* .Y_teacherbrief .Y_brief_content>span{ */
/*     display: inline-block; */
/*     float: left; */
/* } */
/* .Y_teacherbrief .Y_brief_content .content{ */
/*     width: 500px; */
/*     height: 90px; */
/*     overflow: hidden; */
/* } */
/* .Y_morecontent  .Y_star .iconfont{ */
/*     font-size: 12px; */
/*     color: #fb9f1b; */
/* } */

.choose{
    height: 44px;
    line-height: 44px;
}
.Y_title{
    height: 49px;
    width: 1160px;
    line-height: 60px;
    border-bottom: 1px solid #dfe1e6;
}
.Y_title a{
    float: left;
    display: inline-block;
    height: 48px;
    margin-right: 20px;
    font-size: 14px;
    padding: 0px;
}
.Y_title a.active{
    border-bottom: 2px solid #32b0eb;
}
.Y_width1132{
    width: 1132px;
    margin-top: 30px;
    height: 206px;
}
.Y_width1132 .Y_classcontent{
    width: 680px;
    height:206px;
    margin-left: 20px;
}
.Y_width1132>div{
    float: left;
}
.Y_width1132:hover{
    background:#eee;
}
.Y_width1132.active{
    background:#eee;
}
 .Y_classcontent h1{
    font-size: 18px;
    color: #666;
    line-height: 32px;
}
 .Y_classcontent p{
     width: 470px;
    max-height: 70px;
    overflow: hidden;
     line-height: 20px;
}
.Y_classcontent p.type{
    margin-top: 6px;
}
 .Y_classcontent p span.money{
    font-size: 24px;
    color: #666;
    line-height: 50px;
    margin-right: 20px;
}
.Y_classcontent .brief_bottom {
    font-size: 14px;
}
.Y_classcontent .brief_bottom span{
    line-height: 30px;
}
.Y_classcontent .brief_bottom a{
    color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
}
.Y_classcontent .brief_bottom a.buy{
    background: #fa7373;
}

.allclass .content li .word .word_bottom a.study {
    color: #fff;
    border-radius: 4px;
    padding: 4px 16px;
    background: #32b0eb;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.choose{
    height: 44px;
    line-height: 44px;
}
/* ---------------------------------------- */
/*全部课程*/
.allclass  .content li{
    padding: 20px 160px 20px 20px;
    height: 148px;
     border-bottom: 1px solid #f4f6f9;
}
.allclass  .content li:last-child{
    border-bottom:0px;
}
.allclass  .content li:hover{
    background: #f4f6f9;
}
.allclass  .content li.active{
    background: #f4f6f9;
}
.allclass  .content li>div{
    float: left;
    height: 100%;
}
.allclass  .content li .pic{
    width: 270px;
}
.allclass  .content li .word{
    width: 680px;
    margin-left: 30px;
    position: relative;
}

.allclass  .content li .word h1{
    font-size: 18px;
    color: #474747;
    line-height: 32px;
}
.allclass  .content li .word p{
    line-height: 28px;
}
.allclass  .content li .word .word_bottom{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.allclass  .content li .word .word_bottom span{
    margin-right: 20px;
}
.allclass  .content li .word .word_bottom span.money{
    color:#f63234;
    font-size: 18px;
}
.allclass  .content li .word .word_bottom a.buy{
    color: #fff;
    border-radius: 4px;
    padding: 4px 16px;
    background: #f63234;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
/* //////////////////////////// */

.elseteacher .Y_title{
    height: 59px;
    line-height: 76px;
    border-bottom: 1px solid #dfe1e6;
    font-size: 18px;
    color:#32b0eb ;
}
.elseteacher ul li a{
    padding: 0px;
    margin: 0px;
}
.elseteacher ul li{
    width: 100px;
    text-align: center;
    float: left;
    color: #666666;
    margin: 30px 32px 20px 0px;
}
.elseteacher ul li:hover{
    color: #32b0eb;
}
.elseteacher ul li.mr0{
    margin-right: 0px;
}
.elseteacher ul li p{
    line-height: 36px;
    font-size: 14px;
}

/*ѧԱ����*/
.student_say{
    display:none;
}
.Y_evaluate li a{
    padding: 0px;
    margin: 0px;
    color:#333;
}
.Y_evaluate a:hover{
   color:#333;
}
.Y_evaluate li{
   padding-top: 30px;
}
.Y_evaluate li.border0{
    border-bottom:0px;
}
.Y_evaluate li span{
    float: left;
    color:#333;
    font-size: 14px;
}
.Y_evaluate li .Y_content{
    width:1000px;
   margin-left:20px;
    border-bottom: 1px solid #dfe1e6;
}
.Y_evaluate li .Y_content p span.say{
    width: 850px;
}
.Y_evaluate li .Y_content p.time span{
    margin-right: 20px;
    line-height: 40px;
    color: #999;
    font-size: 12px;
}
.Y_reportcomment{
    width: 912px;
    margin: 0px auto;
    padding-bottom: 40px;
    position: relative;
}
.Y_reportcomment .opcity{
    height:260px ;
    width: 960px;
    position: absolute;
    top:0px;
    text-align:center;
    line-height: 220px;
    font-size: 14px;
    color: #333;
}
.Y_reportcomment .opcity a{
    padding: 0px;
    margin: 0px;
    color:#32b0eb;
}
.Y_reportcomment textarea{
    width: 890px;
    height: 120px;
    font-size: 14px;
    line-height: 24px;
}
.report_top span.report{
    font-size: 16px;
    color: #3d3d3d;
    float: left;
    line-height: 40px;
}
.report_top span.word{
    font-size: 12px;
    color: #666666;
    float: right;
    line-height: 40px;
}
.Y_reportcomment .text{
    width: 900px;
}
.Y_reportcomment .Y_teacher_score span{
    font-size: 12px;
}
.Y_reportcomment .Y_teacher_score .iconfont{
    font-size: 16px;
    color: #fb9f1b;
    cursor: pointer;
}
.Y_reportcomment .pub_btn{
    padding:4px 18px;
    color: #fff;
    background: #32b0eb;
    border-radius: 4px;
    border-color:#32b0eb;
}

/*��ʦ��̬*/
.teacher_trend{
    display:none;
}
.teacher_trend .Trend{
    margin: 20px 0px 0px 0px;
}
.teacher_trend .fnt_color{
   color: #32b0eb;
}
.Trend>div{
    float: left;
}
.teacher_trend .Trend a{
    padding: 0px;
    margin: 0px;
}
.teacher_trend .Y_content{
    width: 1020px;
    margin-left: 20px;
}
.teacher_trend .Y_content a:hover{
    color:#333;
}
.Y_content a{
    color:#333;
    font-size: 14px;
    line-height: 24px;
    padding:0px
}
.Y_content a:hover{
    text-decoration: none;
}
.Y_content p{
    font-size: 12px;
    line-height: 24px;
    font-size: 12px;
}
.Y_content p.word{
    padding-right: 140px;
    color: #333;
    font-size: 14px;
}
.teacher_trend .Y_content span.Y_time{
    margin-right: 20px;
    font-size: 12px;
}
.Y_content span.Praise{
    margin-right: 30px;
}
.trend_pic{
    margin: 10px 0px;
    min-width:350px;
}
.Y_icon>span{
    cursor: pointer;
}
.Y_icon .iconfont{
    font-size: 18px;
}
.trend_pic a.Y_pic{
    display: block;
    width:80px;
    height: 80px;
    background: #000000;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    position: relative;
}
.trend_pic a.Y_pic img{
    position: absolute;
    left: 0px;
    top:0px;
}

/*��ʦ״̬����չ��*/
.teacher_trend .Y_talk{
    width:1148px;
    border: 1px solid #dfe1e6;
    background:#f7f7f7;
    margin: 10px auto 0px -20px;
    position: relative;
    padding:20px 0px 50px 50px;
    color: #333;
    display:none;
}
.teacher_trend .Y_talk img.sanjiao{
    position: absolute;
    top:-10px;
    left:205px;
}
.teacher_trend .Y_talk>div.headicon,.teacher_trend .Y_talk>div.content{
    float:left;
}
.teacher_trend .Y_talk .content{
    width:1010px;
    margin-left: 20px;
}
.teacher_trend .Y_talk .listmore{
    width: 100px;
    margin:20px auto 0px;
    text-align: center;
    color: #32b0eb;
    font-size: 14px;
}
.teacher_trend .content .textarea-box{
    width: 800px;
    position: relative;
}
.teacher_trend .content .textarea-box .buy-comment{
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    width: 800px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
/*结束*/
.teacher_trend .content .textarea-box{
    width: 800px;
}
.teacher_trend .Y_talk .content textarea{
    height:24px;
    width:778px;
    padding:4px 10px;
    font-size:14px;
    border-radius: 0px;
    border-color: #c7c7c7;
    line-height: 24px;
    overflow: hidden;
    resize: none;
}
.textarea-box button{
    width: 80px;
    height:32px;
    background: #32b0eb;
    border-radius: 4px;
    border:0px;
    color: #fff;
    float:right;
    margin: 20px 0px;
    font-size:14px;
}
.Y_talk_content{
    margin: 14px 0px;
}
.Y_talk_content>div{
    float: left;
}
.teacher_trend .Y_talk_content .content{
    width:900px ;
}
.Y_talk_content .say_people span{
/*     display: inline-block; */
/*     float: left; */
    color: #333;
}
.teacher_trend .Y_talk_content .say_people .people_word{
    width: 600px;
}
.Y_talk_content .people_name{
   min-width: 50px;
}
.Y_talk_content .people_name a{
    color: #32b0eb;
}
.Y_talk_content .people_name a:hover{
    text-decoration: none;
}
.Y_talk_content span{
    font-size: 14px;
}
.Y_talk_content p.time{
    color: #999;
    font-size: 12px;
    line-height: 28px;
}
p.time span{
    margin-right: 20px;
    font-size: 12px;
}

/*��ʦ��������չ��*/
.teacher_comment{
    width: 1200px;
    margin: 0px auto;
    background:#f0f2f5;
    margin-top: 20px;
}
.teacher_comment .comment_content{
    width: 858px;
    border: 1px solid #dfe1e6;
    float: left;
    background: #fff;
    margin-right: 20px;
}
.teacher_comment .else{
    width:320px ;
    float: left;
}
.teacher_comment .else_content{
    width:318px;
    border: 1px solid #dfe1e6;
    background: #fff;
    text-align: center;
}
.teacher_comment .content_box{
    width: 780px;
    margin: 20px 0px 0px 20px;
}
.teacher_comment .Y_content{
    width: 670px;
    margin-left: 20px;
}
.teacher_comment p.word{
    padding-right: 0px;
}
.teacher_comment .comment_box{
    margin-top: 20px;
}
.teacher_comment .comment_box>div{
    float: left;
}
.teacher_comment .comment_box .textarea-box{
    width:700px ;
    margin-left: 20px;
}
.teacher_comment .comment_box textarea{
    height: 24px;
    width: 680px;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 0px;
    border-color: #c7c7c7;
    line-height: 24px;
    overflow: hidden;

}
.teacher_comment .all_comment{
    width: 800px;
    margin-left: 20px;
}
.teacher_comment .content{
    width: 670px;
    margin-left: 20px;
}
.teacher_comment .people_word{
    width:590px;
}
.teacher_comment .else_content .teacher_head{
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #32b0eb;
    border-radius: 60px;
    margin: 10px auto;
    padding: 10px;
    overflow: hidden;
}
.teacher_comment .else_content .teacher_head .pic_box{
    width:100px ;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
}
.teacher_comment .else_content p{
    color: #333;
}
.teacher_comment .else_content a:hover{
    text-decoration: none;
    color: #333;
}
.teacher_comment .else_content .head_pic{
    width: 240px;
    margin: 0px auto;
}
.teacher_comment .else_content .head_pic>a{
    float: left;
    margin: 5px;
}
.teacher_comment .else_content .Y_box{
    width: 145px;
    height: 48px;
    border: 1px solid #cfd1d4;
    margin: 20px auto;
    background: #f2f3f3;
}
.teacher_comment .else_content .Y_box>span{
    display: inline-block;
    width: 72px;
    height: 48px;
    float: left;
    color: #333;
}
.teacher_comment .else_content .Y_box>span p{
    line-height: 24px;
}
.teacher_comment .else_content .Y_box>span.note{
    border-right: 1px solid #cfd1d4;
}
.teacher_comment .else_content_down{
    width:318px;
    margin-top:20px;
    border: 1px solid #dfe1e6;
    background: #fff;
    border-radius: 2px;
}
.else_content_down .else_note{
    padding: 0px 20px 0px 10px;
    height: 40px;
    background: #dddfe2;
    font-size: 14px;
    line-height: 40px;
    color: #333;
}
.teacher_comment .else_content_down ul li{
    padding: 0px 20px 0px 10px;
    color:#999;
    height:58px;
    border-bottom: 1px dashed #dddfe2;
}
.teacher_comment .else_content_down ul li a{
    display: block;
    font-size:14px;
    color:#333;
    line-height: 32px;
}
.teacher_comment .else_content_down ul li a:hover{
    text-decoration: none;
}
.teacher_comment .else_content_down ul li span{
    font-size: 12px;
}

.pagination_one li:nth-child(1) {
    display: none;
}

.pagination_two li:nth-child(1) {
    display: none;
}

.pagination_three li:nth-child(1) {
    display: none;
}

.tlist li  img{
  border-radius: 50%;
}
/* a img{
	background:#F2F1F1;
} */

.MEIQIA-ICON {
    background-size: 40px auto !important;
    background-repeat: no-repeat !important;
    background-image:
            url('https://resource.meiqia.com/dist/images/icon-mq.png?v=1ewhyinw6pm')
    !important;
}

#page {
    text-align: center;
    margin: 50px auto;
    clear: both;
    margin-bottom: 0px;
}
#page li, #mpage li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
#page li a, #mpage li a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    color: #999;
    transition: all 0.5s;
}

a.xuanz {
    border: none;
    background: #fe862f;
    border-color: #fe862f!important;
    background: #e40006;
    border-color: #e40006!important;
    color: #fff!important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
(min--moz-device-pixel-ratio: 2) , only screen and
(-o-min-device-pixel-ratio: 2/1) , only screen and
(min-device-pixel-ratio: 2) {
    .MEIQIA-ICON {
        background-image:
                url('https://resource.meiqia.com/dist/images/icon-mq@2x.png?v=1ewhyinw6pm')
        !important;
    }
}

.MEIQIA-ICON-CHAT1 {
    background-position: 0 0 !important;
}

.MEIQIA-ICON-CHAT2 {
    background-position: 0 -20px !important;
}

.MEIQIA-ICON-CHAT3 {
    background-position: 0 -40px !important;
}

.MEIQIA-ICON-CHAT4 {
    background-position: 0 -60px !important;
}

.MEIQIA-ICON-CHAT5 {
    background-position: 0 -80px !important;
}

.MEIQIA-ICON-CHAT6 {
    background-position: 0 -100px !important;
}

.MEIQIA-ICON-CHAT7 {
    background-position: 0 -120px !important;
}

.MEIQIA-ICON-CHAT8 {
    background-position: 0 -140px !important;
}

.MEIQIA-ICON-CHAT9 {
    background-position: 0 -160px !important;
}

.MEIQIA-ICON-CHAT10 {
    background-position: 0 -180px !important;
}

.MEIQIA-ICON-CHAT11 {
    background-position: 0 -200px !important;
}

.MEIQIA-ICON-CHAT12 {
    background-position: 0 -220px !important;
}

.MEIQIA-ICON-TICKET1 {
    background-position: -20px 0 !important;
}

.MEIQIA-ICON-TICKET2 {
    background-position: -20px -20px !important;
}

.MEIQIA-ICON-TICKET3 {
    background-position: -20px -40px !important;
}

.MEIQIA-ICON-TICKET4 {
    background-position: -20px -60px !important;
}

.MEIQIA-ICON-TICKET5 {
    background-position: -20px -80px !important;
}

.MEIQIA-ICON-TICKET6 {
    background-position: -20px -100px !important;
}

.MEIQIA-ICON-TICKET7 {
    background-position: -20px -120px !important;
}

.MEIQIA-ICON-TICKET8 {
    background-position: -20px -140px !important;
}

.MEIQIA-ICON-TICKET9 {
    background-position: -20px -160px !important;
}

.MEIQIA-ICON-TICKET10 {
    background-position: -20px -180px !important;
}

.MEIQIA-ICON-TICKET11 {
    background-position: -20px -200px !important;
}

.MEIQIA-ICON-TICKET12 {
    background-position: -20px -220px !important;
}
</style>
  <style type="text/css" id="MEIQIA-PANEL-STYLE">
                                                #MEIQIA-PANEL-HOLDER {
                                                    position: fixed;
                                                    bottom: 0px;
                                                    right: 60px;
                                                    z-index: -1;
                                                    width: 688px;
                                                    height: 540px;
                                                    padding: 0;
                                                    margin: 0;
                                                    overflow: hidden;
                                                    visibility: hidden;
                                                    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
                                                    border: 1px solid #eee\0;
                                                    *border: 1px solid #eee;
                                                }

#MEIQIA-IFRAME {
    display: none;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

#MEIQIA-DRAG-HANDLE {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 140px;
    z-index: 3;
    width: auto;
    height: 60px;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    cursor: move;
}

#MEIQIA-DRAG-MASK {
    display: none;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}
</style>
  <style type="text/css" id="MEIQIA-BTN-STYLE">
                                              #MEIQIA-BTN-HOLDER {
                                                  display: none;
                                                  position: fixed;
                                                  bottom: 400px;
                                                  right: 0;
                                                  z-index: 2147483647;
                                                  width: auto;
                                                  height: auto;
                                                  padding: 0;
                                                  margin: 0;
                                                  border: 0;
                                                  font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
                                                  'Microsoft YaHei', sans-serif;
                                                  background-color: transparent;
                                              }

#MEIQIA-BTN, #MEIQIA-BTN span, #MEIQIA-BTN div, #MEIQIA-BTN img {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

#MEIQIA-BTN {
    display: block;
    width: 40px;
    height: auto;
    max-height: 90vh;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    cursor: pointer;
    text-decoration: none;
    background-color: #ff9500;
}

#MEIQIA-BTN #MEIQIA-BTN-ICON {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 10px 10px;
}

#MEIQIA-BTN #MEIQIA-BTN-LINE {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .08);
    background-color: #000\9;
    opacity: .1\9;
    filter: alpha(opacity = 10) \9;
    vertical-align: middle;
}

#MEIQIA-BTN #MEIQIA-BTN-TEXT {
    display: block;
    box-sizing: content-box;
    max-height: 80%;
    padding: 0 10px;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    line-height: 1.428571429;
    font-size: 16px;
    color: #fff;
    word-break: break-all;
    word-wrap: break-word;
    letter-spacing: 5px;
    *width: 16px;
    *letter-spacing: 5px;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#MEIQIA-BTN #MEIQIA-CIRCLE {
    position: absolute;
    display: none;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    border-radius: 15px;
    background-color: #ff3b30;
}

#MEIQIA-BTN #MEIQIA-BUBBLE {
    position: absolute; /*bottom: 40%;*/
    bottom: 0;
    display: none;
    width: 260px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    color: #000;
    text-align: left;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    line-height: 1.428571429;
    background-color: #fff;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW1 {
    position: absolute;
    z-index: 2;
    font-size: 0;
    line-height: 0;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW2 {
    position: absolute;
    z-index: 1;
    font-size: 0;
    line-height: 0;
}

#MEIQIA-BTN {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

#MEIQIA-BTN #MEIQIA-CIRCLE {
    top: -13px;
    left: -13px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE {
    right: 60px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW1 {
    right: -8px; /*top: 20px;*/
    bottom: 20px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #fff;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW2 {
    right: -10px; /*top: 19px;*/
    bottom: 21px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #f7f7f7;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-CLOSE {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    background-position: -5px -245px;
    cursor: pointer;
}

#MEIQIA-BTN #MEIQIA-BUBBLE:hover #MEIQIA-BUBBLE-CLOSE {
    display: block;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-INSIDE {
    margin: 12px 18px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-AVATAR {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    margin-right: 6px;
    vertical-align: top;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
}

#MEIQIA-BTN #MEIQIA-BUBBLE-NAME {
    display: inline-block;
    margin-top: 3px;
    font-size: 16px;
    color: #000;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-MSG {
    *height: 40px;
    max-height: 40px;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    color: #000;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-MSG img {
    width: 16px;
    height: 16px;
}
</style>
  <style type="text/css" id="MEIQIA-INVITE-STYLE">
                                                 #MEIQIA-INVITE, #MEIQIA-INVITE div, #MEIQIA-INVITE span {
                                                     float: none;
                                                     width: auto;
                                                     height: auto;
                                                     padding: 0;
                                                     margin: 0;
                                                     border: 0;
                                                     background: none;
                                                 }

#MEIQIA-INVITE {
    position: fixed;
    z-index: 2147483647;
    display: none;
    width: 340px;
    height: 130px;
    margin-bottom: 64px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    text-align: left;
    cursor: pointer;
    color: #000;
    line-height: 1.428571429;
    background-color: #fff;
}

#MEIQIA-INVITE #MEIQIA-INVITE-ARROW1, #MEIQIA-INVITE #MEIQIA-INVITE-ARROW2
{
    position: absolute;
    font-size: 0;
    line-height: 0;
}

#MEIQIA-INVITE #MEIQIA-INVITE-ARROW1 {
    z-index: 2;
}

#MEIQIA-INVITE #MEIQIA-INVITE-ARROW2 {
    z-index: 1;
}

#MEIQIA-INVITE {
    right: 60px;
    bottom: 400px;
}

#MEIQIA-INVITE #MEIQIA-INVITE-ARROW1 {
    right: -8px;
    top: 60px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #fff;
}

#MEIQIA-INVITE #MEIQIA-INVITE-ARROW2 {
    right: -9px;
    top: 59px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #f7f7f7;
}

#MEIQIA-INVITE #MEIQIA-INVITE-CLOSE {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: 0 -260px;
}

#MEIQIA-INVITE #MEIQIA-INVITE-CLOSE:hover {
    background-position: 0 -300px;
}

#MEIQIA-INVITE #MEIQIA-INVITE-INSIDE {
    width: 300px;
    height: 44px;
    margin: 46px 20px 0;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    color: #000; /*word-break: break-all;*/
}