.face_1{background:url(../app_images/face_1.png)  no-repeat;background-size:504px 24px}
._15{height:24px;width:24px;background-position:0 0 !important;}
._16{height:24px;width:24px;background-position:-24px 0 !important;}
._14{height:24px;width:24px;background-position:-48px 0 !important;}
._12{height:24px;width:24px;background-position:-72px 0 !important;}
._13{height:24px;width:24px;background-position:-96px 0 !important;}
._20{height:24px;width:24px;background-position:-120px 0 !important;}
._21{height:24px;width:24px;background-position:-144px 0 !important;}
._19{height:24px;width:24px;background-position:-168px 0 !important;}
._17{height:24px;width:24px;background-position:-192px 0 !important;}
._18{height:24px;width:24px;background-position:-216px 0 !important;}
._11{height:24px;width:24px;background-position:-240px 0 !important;}
._4{height:24px;width:24px;background-position:-264px 0 !important;}
._5{height:24px;width:24px;background-position:-288px 0 !important;}
._3{height:24px;width:24px;background-position:-312px 0 !important;}
._1{height:24px;width:24px;background-position:-336px 0 !important;}
._2{height:24px;width:24px;background-position:-360px 0 !important;}
._9{height:24px;width:24px;background-position:-384px 0 !important;}
._10{height:24px;width:24px;background-position:-408px 0 !important;}
._8{height:24px;width:24px;background-position:-432px 0 !important;}
._6{height:24px;width:24px;background-position:-456px 0 !important;}
._7{height:24px;width:24px;background-position:-480px 0 !important;}
.face_2{background:url(../app_images/face_2.png)  no-repeat;background-size:504px 24px}
._36{height:24px;width:24px;background-position:0 0 !important;}
._37{height:24px;width:24px;background-position:-24px 0 !important;}
._35{height:24px;width:24px;background-position:-48px 0 !important;}
._33{height:24px;width:24px;background-position:-72px 0 !important;}
._34{height:24px;width:24px;background-position:-96px 0 !important;}
._41{height:24px;width:24px;background-position:-120px 0 !important;}
._42{height:24px;width:24px;background-position:-144px 0 !important;}
._40{height:24px;width:24px;background-position:-168px 0 !important;}
._38{height:24px;width:24px;background-position:-192px 0 !important;}
._39{height:24px;width:24px;background-position:-216px 0 !important;}
._32{height:24px;width:24px;background-position:-240px 0 !important;}
._25{height:24px;width:24px;background-position:-264px 0 !important;}
._26{height:24px;width:24px;background-position:-288px 0 !important;}
._24{height:24px;width:24px;background-position:-312px 0 !important;}
._22{height:24px;width:24px;background-position:-336px 0 !important;}
._23{height:24px;width:24px;background-position:-360px 0 !important;}
._30{height:24px;width:24px;background-position:-384px 0 !important;}
._31{height:24px;width:24px;background-position:-408px 0 !important;}
._29{height:24px;width:24px;background-position:-432px 0 !important;}
._27{height:24px;width:24px;background-position:-456px 0 !important;}
._28{height:24px;width:24px;background-position:-480px 0 !important;}
.face_3{background:url(../app_images/face_3.png)  no-repeat;background-size:504px 24px}
._57{height:24px;width:24px;background-position:0 0 !important;}
._58{height:24px;width:24px;background-position:-24px 0 !important;}
._56{height:24px;width:24px;background-position:-48px 0 !important;}
._54{height:24px;width:24px;background-position:-72px 0 !important;}
._55{height:24px;width:24px;background-position:-96px 0 !important;}
._62{height:24px;width:24px;background-position:-120px 0 !important;}
._63{height:24px;width:24px;background-position:-144px 0 !important;}
._61{height:24px;width:24px;background-position:-168px 0 !important;}
._59{height:24px;width:24px;background-position:-192px 0 !important;}
._60{height:24px;width:24px;background-position:-216px 0 !important;}
._53{height:24px;width:24px;background-position:-240px 0 !important;}
._46{height:24px;width:24px;background-position:-264px 0 !important;}
._47{height:24px;width:24px;background-position:-288px 0 !important;}
._45{height:24px;width:24px;background-position:-312px 0 !important;}
._43{height:24px;width:24px;background-position:-336px 0 !important;}
._44{height:24px;width:24px;background-position:-360px 0 !important;}
._51{height:24px;width:24px;background-position:-384px 0 !important;}
._52{height:24px;width:24px;background-position:-408px 0 !important;}
._50{height:24px;width:24px;background-position:-432px 0 !important;}
._48{height:24px;width:24px;background-position:-456px 0 !important;}
._49{height:24px;width:24px;background-position:-480px 0 !important;}
.face_4{background:url(../app_images/face_4.png)  no-repeat;background-size:504px 24px}
._78{height:24px;width:24px;background-position:0 0 !important;}
._79{height:24px;width:24px;background-position:-24px 0 !important;}
._77{height:24px;width:24px;background-position:-48px 0 !important;}
._75{height:24px;width:24px;background-position:-72px 0 !important;}
._76{height:24px;width:24px;background-position:-96px 0 !important;}
._83{height:24px;width:24px;background-position:-120px 0 !important;}
._84{height:24px;width:24px;background-position:-144px 0 !important;}
._82{height:24px;width:24px;background-position:-168px 0 !important;}
._80{height:24px;width:24px;background-position:-192px 0 !important;}
._81{height:24px;width:24px;background-position:-216px 0 !important;}
._74{height:24px;width:24px;background-position:-240px 0 !important;}
._67{height:24px;width:24px;background-position:-264px 0 !important;}
._68{height:24px;width:24px;background-position:-288px 0 !important;}
._66{height:24px;width:24px;background-position:-312px 0 !important;}
._64{height:24px;width:24px;background-position:-336px 0 !important;}
._65{height:24px;width:24px;background-position:-360px 0 !important;}
._72{height:24px;width:24px;background-position:-384px 0 !important;}
._73{height:24px;width:24px;background-position:-408px 0 !important;}
._71{height:24px;width:24px;background-position:-432px 0 !important;}
._69{height:24px;width:24px;background-position:-456px 0 !important;}
._70{height:24px;width:24px;background-position:-480px 0 !important;}
.face_5{background:url(../app_images/face_5.png)  no-repeat;background-size:504px 24px}
._99{height:24px;width:24px;background-position:0 0 !important;}
._100{height:24px;width:24px;background-position:-24px 0 !important;}
._98{height:24px;width:24px;background-position:-48px 0 !important;}
._96{height:24px;width:24px;background-position:-72px 0 !important;}
._97{height:24px;width:24px;background-position:-96px 0 !important;}
._104{height:24px;width:24px;background-position:-120px 0 !important;}
._105{height:24px;width:24px;background-position:-144px 0 !important;}
._103{height:24px;width:24px;background-position:-168px 0 !important;}
._101{height:24px;width:24px;background-position:-192px 0 !important;}
._102{height:24px;width:24px;background-position:-216px 0 !important;}
._95{height:24px;width:24px;background-position:-240px 0 !important;}
._88{height:24px;width:24px;background-position:-264px 0 !important;}
._89{height:24px;width:24px;background-position:-288px 0 !important;}
._87{height:24px;width:24px;background-position:-312px 0 !important;}
._85{height:24px;width:24px;background-position:-336px 0 !important;}
._86{height:24px;width:24px;background-position:-360px 0 !important;}
._93{height:24px;width:24px;background-position:-384px 0 !important;}
._94{height:24px;width:24px;background-position:-408px 0 !important;}
._92{height:24px;width:24px;background-position:-432px 0 !important;}
._90{height:24px;width:24px;background-position:-456px 0 !important;}
._91{height:24px;width:24px;background-position:-480px 0 !important;}


.face_1,.face_2,.face_3,.face_4,.face_5,.face_6{
    margin-left: auto;
    margin-right: auto;
}
.swip{
    margin-left: auto;
    margin-right: auto;
}

.pub-faces {
    background: #F0EFF5;
    padding: 25px 0 17px;
}
.pub-faces .ui-carousel {
    margin: auto;
    /*width: 320px;*/
    overflow: hidden;
}
.ui-carousel {
    position: relative;
    -webkit-transform: translate(0,0);
}
.pub-faces .face-panel-wrap {
    overflow: hidden;
}
.ui-carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: initial;
}
ol, ul {
    list-style: none;
}
.pub-faces .face-panel {
    float: left;
}
.ui-carousel-item {
    position: relative;
    -webkit-transition: .2s ease-in-out left;
    transition: .2s ease-in-out left;
    -webkit-transform: translate(0,0);
}
li {
    list-style: none;
}

.pub-faces .ui-carousel-indicators {
    position: relative;
    left: initial;
    width: initial;
    bottom: initial;
    margin-left: -7px;
    margin-top: 0;
}
.ui-carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 11;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    list-style: none;
    -webkit-transform: translate(0,0);
    text-align: center;
}
.pub-faces .ui-carousel-indicators li {
    margin: 0 3px;
}
.pub-faces .ui-carousel-indicators li {
    background-color: #ddd;
}
.ui-carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px;
    border-radius: 8px;
    background-color: rgba(255,255,255,.3);
}
.ui-carousel-inner>.js-active {
    left: 0;
    z-index: 10;
}
.ui-carousel-inner>.js-show, .ui-carousel-inner>.js-active, .ui-carousel-inner>.js-next, .ui-carousel-inner>.js-prev {
    display: block;
}

.pub-faces .ui-carousel-indicators li.js-active {
    background-color: #64b5e8;
}
.ui-carousel-indicators li.js-active {
    background-color: #fff;
}
.pub-faces .ui-carousel-indicators li {
    margin: 0 3px;
}
.pub-faces .ui-carousel-indicators li {
    background-color: #ddd;
}
.ui-carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px;
    border-radius: 8px;
    background-color: rgba(255,255,255,.3);
}

.pub-faces .face-panel span {
    width: 14.285714285714286%;
    /*height: 45px;*/
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}

/* 自定义qq表情样式 */
.pub-faces{
    background:white !important;
    padding: 0 0 0 !important;
}
.express{
    padding: 8px 0 8px 0;
}

.frameshape .face_1{background:url(../app_images/face_pc_1.png)  no-repeat;background-size:auto}
.frameshape .face_2{background:url(../app_images/face_pc_2.png)  no-repeat;background-size:auto}
.frameshape .face_3{background:url(../app_images/face_pc_3.png)  no-repeat;background-size:auto}
.frameshape .face_4{background:url(../app_images/face_pc_4.png)  no-repeat;background-size:auto}
.frameshape .face_5{background:url(../app_images/face_pc_5.png)  no-repeat;background-size:auto}