/* CSS Document */
@font-face {
    font-family: 'iconfont';  /* project id 1114132 */
    src: url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.eot');
    src: url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.woff') format('woff'),
    url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1114132_xhv649cfsbf.svg#iconfont') format('svg');
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 0.32rem;
    font-family: '微软雅黑', -apple-system, Helvetica, sans-serif;
    color: #333;
    line-height: normal;
    background: #fff;
}

a {
    color: #333;
    text-decoration: none;
}

li {
    list-style: none;
}

em {
    font-style: normal;
}

.clear {
    clear: both;
}

.clear30 {
    clear: both;
    height: 0.3rem;
}

.clear10 {
    clear: both;
    height: 0.10rem;
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.margin-30 {
    margin: 0.3rem;
}
/*login start*/
.login-bodybg {
    background: #f2f8fd;
}
.login-top {
    height: 5rem; background: url("../images/wenli.png") center bottom no-repeat;
    background-size: cover;
}
.login-img {
    padding: 1.5rem 0 0.3rem 0; text-align: center;
}
.login-img img {
    height: 1rem;
}
.login-txt {
    font-size: 0.35rem; font-weight: bold; color: #fff; text-shadow: 0 0 2px #666; text-align: center; letter-spacing: 0.1em;
}

.login-box {
    margin-top: -0.65rem;
    margin-right: 0.6rem;
    margin-left: 0.6rem;
    padding: 0.3rem 0.4rem;
    border: 1px solid #f3f3f3;
    border-radius: 0.2rem;
    box-shadow: 0 0 15px rgba(226,226,227,0.5);
    background: #fff;
    height: 6.6rem;
}
.copayr {
    width:100%; font-size: 0.28rem; color: #666; text-align: center; padding-top: 0.6rem;
}
.copayr p {
    padding: 0.05rem;
}

.form-group {
    padding: 0.4rem 0.2rem;
}
.form-group .form-item {
    margin-top: 0.5rem;
    padding:0 10px;
    border-radius: 5px;
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
.form-group .form-item input {
    outline: none;
    border: 0;
    background-color: transparent;
    color: #333;
    height: 0.8rem;
    font-size: 0.28rem;
    width: 55%;
    margin-left: 12%;
}
.form-group .form-item input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 0.28rem;
}
.form-group .form-item input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 0.28rem;
}
.form-group .form-item input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 0.28rem;
}
.form-group .form-item input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 0.28rem;
}
.form-group .form-item label img {
    width: 0.35rem;
    position: absolute;
    margin-top: 0.2rem;
}
.form-group .form-item button {
    outline: none;
    background: transparent;
    border: 1px #00cc99 dashed;

}
.button-group {
    padding: 0.2rem 0;
}
.button-group button {
    outline: none;
    border: 0;
    width: 90%;
    height: 0.8rem;
    margin-top: 4%;
    border-radius: 20px;
    margin-left: 4%;
    color: #ffffff;
    font-size: 0.28rem;
}
.button-group .login-btn {
    background: rgb(82,196,249);
    background: linear-gradient(90deg, rgba(82,196,249,1) 0%, rgba(92,105,227,1) 100%);
    color: #fff;
}
.zc-item {
    padding: 0 0.2rem; color: #999; font-size: 0.28rem; justify-content: flex-end; align-items: center;
}
/*login end*/

/*index start*/
.topbox {
    height: 3.7rem;
    background: url("../images/wenli.png") center bottom no-repeat;
    background-size: cover;
    padding-top: 0.3rem;
}
.top-sea {
    border-radius: 50px;
    background: rgba(255,255,255,0.2);
    margin: 0 0.3rem;
}
.top-sea a {
    font-size: 0.24rem;
    display: inline-table;
    padding: 0.15rem 0.3rem;
    color: #fff;
    display: flex;
}
.top-sea span {
    font-size: 0.30rem;
    color: #fff; padding-right: 0.2rem;
}
.icon-sea:before {
    content: "\e685";
}

.top-text {
    padding: 0.7rem 0;
    font-size: 0.45rem; font-weight: bold; color: #fff; text-shadow: 0 0 2px #666; text-align: center; letter-spacing: 0.1em;
}
.top-text span {
    color: #ffcb4d;
}

.partbox {

}
.partbox a {
    padding: 0.05rem 0.2rem; background: #fff; border-radius: 50px; margin: 0 auto; font-size: 0.24rem;
}
.partbox span {
    padding-right: 0.1rem; color: #4daf34;
}
.icon-zuzhi:before {
    content: "\e68d";
}

.listbox {
    flex-direction:row;
    flex-wrap:wrap;
    align-content:flex-start;
    padding: 0.15rem;
}
.listbox .list {
    width: 50%;
}
.listbox .list a {
    margin: 0.15rem;
    display: block;
}
.list-img {
    position: relative; height: 2.2rem;
    overflow: hidden;
    border-radius: 0.1rem;
}
.list-img img {
    width: 100%; min-height: 100%;
}
.list-img span {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    padding: 0 0.2rem;
    color: #fff;
    font-size: 0.28rem;
    border-radius: 0 0 0.1rem 0.1rem;
    background: rgb(255,162,0);
    background: linear-gradient(90deg, rgba(255,162,0,1) 0%, rgba(255,195,70,1) 100%);
}
.list-text {
    font-size: 0.30rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0.1rem 0;
    max-height: 0.75rem;
    line-height: 1.8;
    font-weight: 600;
}

.title1 {
    padding: 0.3rem;
}
.title1 .txt {
    font-size: 0.4rem; font-weight: bold; position: relative;
}
.title1 .txt:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -0.12rem;
    right: 0;
    height: 1px;
    border-bottom: 0.25rem solid #ffc142;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: -1;
}
/*index end*/

/*menu*/
.foot-line {
    height: 53px;
}
.icon-home:before {
    content: "\e68e";
}

.icon-shis:before {
    content: "\e657";
}

.icon-wode:before {
    content: "\e677";
}

.weui-tabbar__icon span {
    font-size: 22px;
}

.weui-tabbar {
    background: #fff;
    position: fixed;
}

.weui-bar__item--on span {
    background: linear-gradient(to bottom, #ffc143, #ffa302);
    -webkit-background-clip: text;
    color: transparent;
}

.weui-tabbar:before {
    border-top: 1px solid #e5e5e5;
}

.weui-tabbar__label {
    font-size: 12px;
}

.weui-bar__item--on .weui-tabbar__label {
    color: #ffa302 !important;
}

/*menu end*/

/*播放页*/
.play-top2 {
    position: fixed; height: 7rem; z-index: 100; width: 100%;
}
.play-top{
    background-color:black;width: 100%;height: 100%;
}
#rqk {
    height: 5rem; background: #000; overflow: hidden; position: relative;
}
#play-dd {
    width: 100%;
    height:5.5rem; overflow: hidden;
    background: #000; color: #fff; font-size: 0.32rem;
    justify-content: center; align-items: center; flex-direction: column;  position: absolute; z-index: 1; top:0;
}
#play-dd img {
    width: 100%; height: 100%;
}
#colorfulPulse {
    height: 40px;
    margin:0 auto;
}

#colorfulPulse span {
    display: inline-block;
    width: 6px;
    height: 30px;
    animation-name: scale;
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -ms-animation-name: scale;
    -o-animation-name: scale;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
span.item-1 {
    background: #2ecc71;
}
span.item-2 {
    background: #3498db;
}
span.item-3 {
    background: #9b59b6;
}
span.item-4 {
    background: #e67e22;
}
span.item-5 {
    background: #c0392b;
}
span.item-6 {
    background: #e74c3c;
}
span.item-7 {
    background: #e74c8c;
}

.item-1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
}

.item-2 {
    animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -ms-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
}

.item-3 {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -ms-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
}

.item-4 {
    animation-delay: -0.7s;
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
    -ms-animation-delay: -0.7s;
    -o-animation-delay: -0.7s;
}

.item-5 {
    animation-delay: -0.6s;
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    -ms-animation-delay: -0.6s;
    -o-animation-delay: -0.6s;
}

.item-6 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -ms-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
}

.item-7 {
    animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -ms-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
}

@-webkit-keyframes scale {
    0%, 40%, 100% {
        -moz-transform: scaleY(0.2);
        -ms-transform: scaleY(0.2);
        -o-transform: scaleY(0.2);
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }

    20%, 60% {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@-moz-keyframes scale {
    0%, 40%, 100% {
        -moz-transform: scaleY(0.2);
        -ms-transform: scaleY(0.2);
        -o-transform: scaleY(0.2);
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }

    20%, 60% {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@-ms-keyframes scale {
    0%, 40%, 100% {
        -moz-transform: scaleY(0.2);
        -ms-transform: scaleY(0.2);
        -o-transform: scaleY(0.2);
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }

    20%, 60% {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes scale {
    0%, 40%, 100% {
        -moz-transform: scaleY(0.2);
        -ms-transform: scaleY(0.2);
        -o-transform: scaleY(0.2);
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }

    20%, 60% {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

#play-dd h1 {
    color: #fff;
    text-shadow:1px 1px 2px #000;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1.5px;
    text-align: center;
/*    width: 155px;*/
    margin-top: 10px;
    -webkit-animation: fade 2s infinite;
    -moz-animation: fade 2s infinite;
}
@-webkit-keyframes fade {
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade {
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade {
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
@-o-keyframes fade {
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }

@keyframes fade {
    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
}
/*#rqk canvas {
    height: 5rem;
}*/
.quanping-canvas {
     position: fixed; z-index: 19;
    transform-origin: top left;
    transform: rotate(90deg) translate(0,-100vmin);
    display: flex;
    justify-content: center;
}
.quanping-canvas canvas {
    height: 100%; width: inherit !important;
}
.ss-btngroup {
    position:absolute; bottom: 0.2rem; left: 0; z-index: 20; width: 100%;
    display: none;
}
.quanping-canvas .ss-btngroup {
    transform: none !important;
}
.quanping {
    padding-right: 0.2rem; display: block; float: right;
}
.quanping-w {
    position: fixed;
    bottom: 0.2rem; left: 0.2rem;
    z-index: 999999; display: none;
}
.dis-block {
    display: block;
}
.bofang {
    padding-left: 0.2rem; display: block; float: left;
}
.icon-quanping:before {
    content: "\e698"; color: #fff; font-size: 0.6rem; filter:alpha(opacity=50);-moz-opacity:0.8;
    opacity:0.8;text-shadow: 1px 1px 2px #000;
 }
.icon-quanping2:before {
    content: "\e6ac"; color: #fff; font-size: 0.6rem; filter:alpha(opacity=50);-moz-opacity:0.8;
    opacity:0.8; text-shadow: 1px 1px 2px #000;
}
.icon-bofang:before {
    content: "\e694"; color: #fff; font-size: 0.6rem; filter:alpha(opacity=50);-moz-opacity:0.8;
    opacity:0.8;text-shadow: 1px 1px 2px #000;
}
.icon-bofang2:before {
    content: "\e696"; color: #fff; font-size: 0.6rem; filter:alpha(opacity=50);-moz-opacity:0.8;
    opacity:0.8;text-shadow: 1px 1px 2px #000;
}
.play-title {
    padding: 0.3rem; justify-content: center; align-items: center; background: #E5E5E5;
}
.play-t {
    font-weight: bold;
}
.play-btnbox {
    text-align: center; padding-left:0.2rem;
}
.play-btnbox a p {
    font-size: 0.24rem;
}

.icon-shoucang:before {
    content: "\e690";
}
.icon-fanhui:before {
    content: "\e692";
}
.icon-shoucang2 {
    background: linear-gradient(to bottom, #ffc143, #ffa302);
    -webkit-background-clip: text;
    color: transparent;
}
.icon-shoucang2:before {
    content: "\e68f";
}

.shis-listbox {
    padding: 0.3rem; padding-top: 6.5rem;
}
.shis-listbox2 {
    padding: 0.3rem; padding-top: 0.3rem;
}
.x-jqlist {
    padding-bottom: 0.3rem;
}
.x-jqlist-img {
    width: 55%; margin-right: 0.2rem; height: 1.8rem; overflow: hidden; position: relative; border-radius: 3px;
}
.x-jqlist-img img {
    width: 100%; min-height: 100%;
}
.x-jqlist-img span {
    position: absolute;
    z-index: 1; 
    bottom:0; 
    left: 0; 
    padding: 2px 5px;
    font-size: 0.24rem;
    color: #fff; 
    border-radius: 0 5px 0 0;
    background-color:rgba(90,90, 54, 0.6);
    /*background: rgb(22,160,133);*/
    /*background: linear-gradient(90deg, rgba(22,160,133,0.9) 0%, rgba(255,196,0,0.9) 100%);*/
}
.x-jqlist-r {
    justify-content:space-between; flex-flow:column; display: flex; font-size: 0.28rem; font-weight: bold;
}
/*播放页 end*/

/*我的*/
.wo-h-box {
    width: 100%; position: absolute; top:2.3rem;
}
.wo-head {
    margin: 0 0.3rem;
    border: 1px solid #f3f3f3;
    border-radius: 0.2rem;
    box-shadow: 0 0 15px rgba(226,226,227,0.5);
    background: #fff;
}
.wo-htitle {
    text-align: center; color: #fff; position: absolute;
    top:-1.2rem;
}
.wo-box {
    flex-direction: column;
    justify-content: center;
    align-content:center;
    align-items: center;
    padding-top: 0.65rem;
}
.wo-img {
    width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 5px solid #fff; overflow: hidden; position: absolute;
    top:-0.6rem;
}
.wo-img img {
    width: 100%; height: 100%;

}
.wo-box p {
    padding-top: 0.2rem; font-weight: bold;
}

.wo-list {
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0.6rem 0 0.3rem 0;
    position: relative;
}
.wo-list .weui-flex__item {
    text-align: center; font-size:0.24rem;
}

.wo-list:before {
    content: " ";
    position: absolute;
    left: 0.3rem;
    right: 0.3rem;
    top: 0.3rem;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 1;
}

.icon-qiehuan:before {
    content: "\e689"; font-size: 0.34rem;
}
.list-img i {
    position: absolute; top:0.1rem; right: 0.1rem;
}

.wo-list-text {
    align-items: center; font-size: 0.28rem; font-weight: bold; margin: 0.15rem;
}
.wo-list-text2 {
    font-size: 0.20rem; font-weight: normal; text-align: center;
}
.wo-list-text2 a {
    margin:0 !important; margin-left: 0 !important;
}

/*我的 end*/

/*实时*/
.ss-top {
    height: 3.5rem; padding-top: 0.2rem; background: url(../images/wenli2.png) center bottom no-repeat; background-size: cover;
}
.ss-top .top-text {
    padding: 0 !important; font-size: 0.36rem;
}
.ss-top .text {
    font-size: 0.24rem; color: #fff; padding: 0 0.3rem; padding-top: 0.4rem;
}
.ss-seabox {
    align-items: center; padding-bottom: 0.2rem;
}
.ss-sea-right {
    padding-right: 0.3rem; text-align: right; padding-top: 0.05rem;
}
.ss-sea-right a {
    color: rgba(255,255,255,0.8); font-size: 0.5rem;
}
.ss-sea-right a:hover,a:active {
    color: #fff;
}
.icon-ss-wo:before {
    content: "\e60d";
}

.ss-logo-img {
    padding: 0.25rem; text-align: center;
}
.ss-logo-img img {
    height: 1rem;
}

.ss-box {
    height: calc(100% - 3.7rem); overflow: auto;
}
.ss-left {
    width: 2rem; height: 100%; overflow:hidden; position: relative;
}
.ss-left:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #E5E5E5;
    color: #eeeeee;
    z-index: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
}
.ss-l {
    width: 2rem; height: 100%; overflow: auto;
}
.ss-l-a {
    height: 0.8rem; align-items: center; font-size: 0.28rem; font-weight: bold; position: relative; padding-left: 0.4rem;
}
.ss-l-a:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #E5E5E5;
    color: #eeeeee;
    z-index: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
}
.ss-l-a i {
    font-style:normal; color: #999999; font-size: 0.24rem;
}
.ss-l-active {
    background: #f0f0f0;
}
.ss-l-active span {
    background: linear-gradient(to bottom, #ffc143, #ffa302);
    -webkit-background-clip: text;
    color: transparent;
}
.ss-l-active:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    width: 0.16rem;
    background: rgb(255,162,0);
    background: linear-gradient(360deg, rgba(255,162,0,1) 0%, rgba(255,195,70,1) 100%);
    z-index: 1;
}

.ss-right {
    height: 100%; overflow: auto; position: relative;
}
.ss-right-t {
    padding: 0.3rem 0.3rem 0 0.3rem;
}
.ss-right-t a {
    background: #e5e5e5;
    border-radius: 0.1rem;
    font-size: 0.24rem; color: #959595; padding: 0.1rem 0.2rem; margin-right: 0.3rem;
}
.ss-right-t .a-active {
    background: rgb(255,162,0);
    background: linear-gradient(270deg, rgba(255,162,0,1) 0%, rgba(255,195,70,1) 100%);
    color: #fff;
}
.ss-right .list-img {
    height: 1.5rem;
}
.ss-right .list-img span {
    right: 0; bottom: 0; top:inherit; border-radius: 0.1rem 0 0 0 !important; 
  /*  font-size: 0.1rem; */
    padding: 0.05rem 0.15rem;
}
.ss-right .list-text {
    font-size: 0.24rem; height: 0.3rem; overflow: hidden;
}
.ss-right .list a {
    margin-bottom: 0.05rem;
}
.ss-right .list:first-child {
    width: 100%;
}
.ss-right .list:first-child .list-img{
    height: 2.4rem;
}
/*实时 end*/

/*搜索页*/
.v-sea-box {
    padding: 0.2rem 0.4rem;
    position: relative;
    display: flex;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff !important;
}

.v-sea-box:before, .v-sea-box:after {
    content: normal !important;
}

.v-sea-box-bar {
    box-shadow: 0 0 10px #e0e0e0;
    border-radius: 2px;
    padding: 2px 30px;
}

#btn-ss {
    margin-left: 10px;
    line-height: 28px;
    white-space: nowrap;
}

.v-sea-title {
    padding: 0.4rem 0.4rem 0 0.4rem;
    font-size: 0.36rem;
    font-weight: bold;
}

#rmss-list {
    padding: 0.4rem;
}

#rmss-list .weui-badge {
    background: #EEEEEE;
    color: #333;
    margin: 5px 4px;
    padding: 4px 8px;
}

.weui-popup__container {
    z-index: 999;
}
.weui-popup__modal {
    background: #fff;
}
.qcls {
    font-size: 0.28rem; color: #0bb20c; font-weight: normal;
}
/*搜索页 end*/
.jqfh {
    position: relative;
    top: 0.1rem;
    left: 0.4rem;
    z-index: 9999999;
    height: 0.15rem;
    width: 0.15rem;
}

.jqfh:after {
    content: " ";
    display: inline-block;
    height: 0.2rem;
    width: 0.2rem;
    border-width: 0 0 1px 1px;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    text-shadow: 0 0 5px #333;
}