html, body {
    margin: 0px;
    padding: 0px;
    -ms-overflow-style: none;
    /*火狐下隐藏滚动条*/
    overflow: -moz-scrollbars-none;
}
*{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
input , texteare{
    -webkit-user-select:auto;
    -webkit-appearance: none;
}
::-webkit-scrollbar {
    display: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    /*padding-bottom: 140px;*/
}



@media screen and (orientation: portrait) {
    /*竖屏 css*/
    .cover{
        display: none;
    }
    .signCont{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #dbe0e0;
        overflow: hidden;
    }


    .signCont .canvas-box{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 100;
        height: 100%;
        width: 100%;
        overflow: hidden;
        transform: translateY(0);
        display: block;
    }


    .rotate{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .signCont .canvas-box #canvas-map {
        width: 100%;
        height: 100%;
        display: block;
    }

    /*单独旋转*/
    .signCont .btn-box {
        position: absolute;
        top: 0%;
        left: 0;
        z-index: 1000;
        text-align: center;
        width: 110px;
        height: 100%;
        background: #fff;
        font-size: 30px;
    }

    .signCont .btn-box .del-btn,
    .signCont .btn-box .sure-btn {
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        display: inline-block;
        width: 150px;
        height: 110px;
        line-height: 110px;
        background-color: #fff;
        position: absolute;
        -webkit-transform: rotate(90deg) translateY(100%);
        -webkit-transform-origin: bottom right;
        transform: rotate(90deg) translateY(100%);
        transform-origin: bottom right;
    }
    .signCont .btn-box .del-btn{
        bottom: 150px;
        right: 0;
    }
    .signCont .btn-box .sure-btn {
        background: #1890ff;
        color: #fff;
        bottom: 0;
        right: 0;
    }
    .signCont .tip{
        display: inline-block;
        width: 240px;
        height: 110px;
        line-height: 110px;
        background-color: #fff;
        position: absolute;
        -webkit-transform: rotate(90deg) translateY(100%);
        -webkit-transform-origin: bottom right;
        transform: rotate(90deg) translateX(100%);
        transform-origin: top right;
        letter-spacing: 4px;
        text-align: center;
        top: 0;
        right: 0;
        color: red;
    }

    /*按钮整体旋转*/
    /*.btn-box {*/
    /*    position: absolute;*/
    /*    width: 100vh;*/
    /*    height: 100px;*/
    /*    line-height: 100px;*/
    /*    top: 0;*/
    /*    left: 100px;*/
    /*    background: #fff;*/
    /*    font-size: 26px;*/
    /*    -webkit-transform: rotate(90deg);*/
    /*    -moz-transform: rotate(90deg);*/
    /*    -ms-transform: rotate(90deg);*/
    /*    transform: rotate(90deg);*/
    /*    transform-origin: 0% 0%;*/
    /*    z-index: 999;*/
    /*}*/
    /*.signCont .btn-box .del-btn,*/
    /*.signCont .btn-box .sure-btn {*/
    /*    -webkit-tap-highlight-color:rgba(0,0,0,0);*/
    /*    display: inline-block;*/
    /*    width: 150px;*/
    /*    height: 100px;*/
    /*    line-height: 100px;*/
    /*    background-color: #fff;*/
    /*    text-align: center;*/
    /*}*/
    /*.signCont .btn-box .del-btn{*/
    /*    float: right;*/
    /*    font-size: 26px;*/
    /*}*/
    /*.signCont .btn-box .sure-btn {*/
    /*    float: right;*/
    /*    background: #1890ff;*/
    /*    color: #fff;*/
    /*    font-size: 26px;*/
    /*}*/
    /*.signCont .tip{*/
    /*    background-color: #fff;*/
    /*    color: red;*/
    /*    margin-left: 30px;*/
    /*    letter-spacing: 3px;*/
    /*    display: inline-block;*/
    /*}*/
}

@media screen and (orientation: landscape) {
    /*横屏下手机旋转展示遮罩*/
    .cover{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        color: #fff;
    }
    .signCont{
        display: none;
    }
    /*画布样式*/
    /*.signCont{*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    right: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: #dbe0e0;*/
    /*    overflow: hidden;*/
    /*}*/
    /*.signCont .canvas-box{*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    right: 0;*/
    /*    z-index: 100;*/
    /*    height: 100%;*/
    /*    width: 100%;*/
    /*    overflow: hidden;*/
    /*    transform: translateY(0);*/
    /*    display: block;*/
    /*}*/
    /*.rotate{*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: relative;*/
    /*}*/
    /*.signCont .canvas-box #canvas-map {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    display: block;*/
    /*}*/

    /*横屏 按钮文字单独旋转在底部*/
    /*.signCont .btn-box {*/
    /*    position: absolute;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    z-index: 1000;*/
    /*    text-align: center;*/
    /*    width: 100%;*/
    /*    height: 60px;*/
    /*    background: #fff;*/
    /*    font-size: 16px;*/
    /*}*/

    /*.signCont .btn-box .del-btn,*/
    /*.signCont .btn-box .sure-btn {*/
    /*    -webkit-tap-highlight-color: rgba(0,0,0,0);*/
    /*    display: inline-block;*/
    /*    width: 80px;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    background-color: #fff;*/
    /*    position: absolute;*/
    /*}*/
    /*.signCont .btn-box .del-btn{*/
    /*    bottom: 0;*/
    /*    right: 80px;*/
    /*}*/
    /*.signCont .btn-box .sure-btn {*/
    /*    background: #1890ff;*/
    /*    color: #fff;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*}*/
    /*.signCont .tip{*/
    /*    display: inline-block;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    background-color: #fff;*/
    /*    letter-spacing: 4px;*/
    /*    text-align: center;*/
    /*    color: red;*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    font-size: 16px;*/
    /*    margin-left: 30px;*/
    /*}*/

    /*横屏模式在侧边展示*/
    /*.signCont .btn-box {*/
    /*    position: absolute;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    z-index: 100;*/
    /*    text-align: center;*/
    /*    width: 60px;*/
    /*    height: 100%;*/
    /*    background: #fff;*/
    /*    font-size: 16px;*/
    /*}*/

    /*.signCont .btn-box .del-btn,*/
    /*.signCont .btn-box .sure-btn {*/
    /*    -webkit-tap-highlight-color:rgba(0,0,0,0);*/
    /*    display: inline-block;*/
    /*    width: 60px;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    background-color: #fff;*/
    /*    position: absolute;*/
    /*    -webkit-transform: rotate(90deg) translateY(100%);*/
    /*    -webkit-transform-origin: bottom right;*/
    /*    transform: rotate(90deg) translateY(100%);*/
    /*    transform-origin: bottom right;*/
    /*}*/
    /*.signCont .btn-box .del-btn{*/
    /*    bottom: 60px;*/
    /*    right: 0;*/
    /*}*/
    /*.signCont .btn-box .sure-btn {*/
    /*    background: #1890ff;*/
    /*    color: #fff;*/
    /*    bottom: 0;*/
    /*    right: 0;*/
    /*}*/
    /*.signCont .tip{*/
    /*    display: inline-block;*/
    /*    width: 110px;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    background-color: #fff;*/
    /*    position: absolute;*/
    /*    -webkit-transform: rotate(90deg) translateY(100%);*/
    /*    -webkit-transform-origin: bottom right;*/
    /*    transform: rotate(90deg) translateX(100%);*/
    /*    transform-origin: top right;*/
    /*    letter-spacing: 4px;*/
    /*    text-align: center;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    color: red;*/
    /*}*/

    /* 横屏模式下边整体旋转 */
    /*.btn-box {*/
    /*    position: absolute;*/
    /*    width: 100vw;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    background: #fff;*/
    /*    font-size: 26px;*/
    /*    z-index: 999;*/
    /*}*/

    /*.signCont .btn-box .del-btn,*/
    /*.signCont .btn-box .sure-btn {*/
    /*    -webkit-tap-highlight-color:rgba(0,0,0,0);*/
    /*    display: inline-block;*/
    /*    width: 60px;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    font-size: 14px;*/
    /*    background-color: #fff;*/
    /*    text-align: center;*/
    /*}*/
    /*.signCont .btn-box .del-btn{*/
    /*    float: right;*/
    /*}*/
    /*.signCont .btn-box .sure-btn {*/
    /*    float: right;*/
    /*    background: #1890ff;*/
    /*    color: #fff;*/
    /*}*/
    /*.tip{*/
    /*    background-color: #fff;*/
    /*    color: red;*/
    /*    margin-left: 30px;*/
    /*    letter-spacing: 3px;*/
    /*    font-size: 16px;*/
    /*    height: 60px;*/
    /*    line-height: 60px;*/
    /*    float: left;*/
    /*}*/
}
