.maskCon{position: fixed;top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; background: rgba(0,0,0,0.8);}
.maskAlert{position: fixed; left: 50%; top: 50%; background: #fff;  z-index: 999}
.wapMask{width: 65%;  left: 17.5%; top: 30%; border-radius: 10px}
.wapText{width: 88%; font-size: 30px;  padding: 10% 6% 10% 6%; line-height: 70px; text-align: center}
.wapSure{width: 100%; color: #000; font-size: 33px; line-height: 80px; height: 80px; text-align: center}
.alertLine{width: 100%; background: #dadada; height: 2px; position: absolute; left: 0; bottom: 80px}
.pcMask{width: 450px;  margin-left: -225px; margin-top: -100px}
.pcText{width: 410px;  color: #000; font-size: 18px; padding: 30px 20px;  text-align: center; }
.pcSure{width: 450px; color: #000; font-size: 20px; text-align: center; line-height: 50px; cursor: pointer}

.mod-orient-layer {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 120;
    display: none;
}
.mod-orient-layer__content {
    position: absolute;
    width: 100%;
    top: 45%;
    margin-top: -75px;
    text-align: center;
}
.mod-orient-layer__icon-orient {
    display: inline-block;
    width: 67px;
    height: 109px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out;
    -webkit-background-size: 67px;
    background-size: 67px;
}
.mod-orient-layer__desc {
    margin-top: 20px;
    font-size: 15px;
    color: #ffffff;
}
.mod-orient-layer__desc {
    margin-top: 20px;
    font-size: 15px;
    color: #ffffff;
}
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    50% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    60% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}
@-webkit-keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    50% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    60% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}