/*光标闪动效果*/
.guangbiao {
    border-left: .1em solid red;
    animation: cursorImg 1s infinite steps(1, start);
}
@keyframes cursorImg {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
/*end*/


/*去掉输入框type为number时的上下箭头*/
/*谷歌*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*火狐*/
input[type="number"] {
    -moz-appearance: textfield;
}


div[contenteditable="true"] {
    -webkit-user-select: text;
}


/*对象左右移动效果*/
.CssJianTouMcX {
    animation: moveX 0.4s infinite steps(1, start);
}
@-webkit-keyframes moveX{
    0%,
    100% {
        transform:translateX(0);
    }
    50%{
        transform:translateX(1%);
    }
}
/*end*/

/*英语科的播放课文箭头效果transform:translateX(-1.5%);*/
/*.CssEnglishJianTouMcX {
    animation: moveEnglishX 0.4s ease-in-out 0.8s infinite alternate;
    -webkit-animation: moveEnglishX 0.4s ease-in-out 0.8s infinite alternate;
    -moz-animation: moveEnglishX 0.4s ease-in-out 0.8s infinite alternate;
}
@keyframes moveEnglishX{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-1.5%);
    }
}*/
/*end*/

/*模糊效果*/
.CssMyBlur{
    -webkit-filter: blur(5px); /* Chrome, Opera */

    -moz-filter: blur(5px);

    -ms-filter: blur(5px);

    filter: blur(5px);

}
/*模糊效果1*/
.CssMyBlur1{
    -webkit-filter: blur(1px); /* Chrome, Opera */

    -moz-filter: blur(1px);

    -ms-filter: blur(1px);

    filter: blur(1px);

}
/*投影效果*/
.CssMyShadow{
    -webkit-filter: drop-shadow(2px 2px 1px black);

    -moz-filter: drop-shadow(2px 2px 1px black);

    -ms-filter: dropshadow(2px 2px 1px black);

    filter: drop-shadow(2px 2px 1px black);

}
/*end*/
/*闪烁效果*/
.CssMyTwinkling {
    -webkit-animation: myTwinkling 2s infinite ease-in-out
}
@-webkit-keyframes myTwinkling {
    0%,100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}
@keyframes myTwinkling {
    0%,100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}
/*end*/
/*自身旋转效果*/
.CssRotateOneself {
    animation: rotateOneself 3s linear infinite;
}
@-webkit-keyframes rotateOneself {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}
/*end*/
/*.CssAddShadow {
    -webkit-filter:drop-shadow(0 0 15px #EEBF23);
    filter:drop-shadow(0 0 15px #EEBF23);
}
p {
    font-family: 'Audiowide';
    text-align: center;
    color: #00a67c;
    font-size: 7em;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}*/
.CssAddScaleChange{
    -webkit-animation: addShadowChange 3s infinite ease-in-out
}
@-webkit-keyframes addShadowChange {
    0% ,100%{
        transform: scale(1,1)
    }
    50% {
        transform: scale(1.5,1.5)
    }
}
@keyframes addShadowChange {
    0% ,100%{
        transform: scale(1,1)
    }
    50% {
        transform: scale(1.5,1.5)
    }
}
/*svg {
-webkit-transform: translate3d(0px, 0px,0) ;
     transform: translate3d(0px, 0px,0);
 }
body {
-webkit-transform: translate3d(0px, 0px,0) ;
     transform: translate3d(0px, 0px,0);
 }*/
/*svg transform{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}*/

select_englishPlay {
    background: transparent;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 0.7rem;
    color: #666;
    text-align-last: center;
    /*border: 1px solid #fff;*/
}
option{
    text-align:center;
}