@import 'theme.scss';
body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form,
fieldset {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
// 输入框
.input{
    outline: none;
    border: 0;
    cursor: pointer;

    &::-webkit-input-placeholder { color:#aaa; }
    &::-moz-placeholder { color:#aaa; }
    &:-ms-input-placeholder { color:#aaa; }
    &:-moz-placeholder { color:#aaa; }
}
.input-primary{ background: #1E9FFF; }
// 弹窗
.popup-title{
    background: #3069F4;
    color: #fff;
    font-size: .18rem;
    font-weight: 600;
    text-align: center;
}
.layui-layer-title{
    padding: 0 !important;
    border-bottom: 0 !important;
}
.layui-layer,
.layui-layer-title{
    border-radius: .15rem .15rem 0 0 !important;
}

.layui-layer-content{
    height: 100% !important;
}

.layui-layer{
    overflow: hidden;
}

.layui-layer-iframe iframe {
    height: 100% !important;
}

.layui-layer-iframe iframe video{
    width: 80% !important;
}

// 隐藏
.hidden{
    display: none;
}

.hiddenImportant{
    display: none !important;
}

.v-hidden{
    visibility: hidden;
}

.green-text{
    color: $green;
}

.yellow-text{
    color: $yellow;
}

.orange-text{
    color: #F77345;
}

.red-text{
    color: $red;
}

.purple-text{
    color: #7A96F4;
}

.pink-text{
    color: #F9729F;
}

.blue-text{
    color: $blue;
}

// nodata
.noData{
    font-size: .18rem;
    color: #cbcbcb;
    text-align: center;
    padding-top: .1rem;
    width: 100%;
}


.header-item{
    position: absolute;
    height: .7rem;
    background: #072363;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 .2rem;
    @include V-center;
    justify-content: space-between;

    .name{
        font-size: .24rem;
        color: $white;
        @include H-V-center;

        .icon_font{
            font-size: .32rem;
        }

        .icon-vertical_line{
            color: #6D97C0;
        }
    }

    .right-item{
        @include V-center;
        font-size: .2rem;

        .tab{
            @include H-V-center;
            color: #AFC7DD;

            .sub-tab{
                display: flex;
                align-items: center;
            }

            a{
                color: #AFC7DD;
            }

            .tab-item{
                cursor: pointer;
            }

            .active{
                color: $white;
            }

            .icon_font{
                margin: 0 .1rem;
            }
        }
        
        .back-item{
            background: #1E3D84;
            color: #FFF;
            font-size: .16rem;
            padding: 0.05rem 0.2rem;
            border-radius: .15rem;
            margin-left: .3rem;
            cursor: pointer;
        }

        .user-info{
            margin: 0 .7rem 0 .3rem;
            @include H-V-center;

            img{
                width: .42rem;
                height: .42rem;
                background: #1B4C78;
                border: .02rem solid #407CB2;
                border-radius: 50%;
                z-index: 9;
            }

            select{
                background: #1E3D84;
                color: $white;
                font-size: .16rem;
                padding: .05rem .1rem .05rem .2rem;
                border-radius: 0 .15rem .15rem 0;
                margin-left: -0.1rem;
            }
        }
    }
}

// container
.container{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;

    .toggle{
        position: fixed;
        color: $white;
        right: .2rem;
        z-index: 99;
        height: .7rem;
        @include V-center;

        .icon_font{
            font-size: .3rem;
            cursor: pointer;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
            @include H-V-center;
        }
    }

    .content{
        position: absolute;
        width: 100vw;
        height: calc(100% - .7rem);
        left: 0;
        bottom: 0;
        
        .map{
            position: absolute;
            width: 100vw;
            height: 100%;
            background-image: url(../../images/img_beijing.png) !important;
            background-size: 100% 100% !important;
            background-repeat: no-repeat !important;        

            .amap-icon img{
                width: 100%;
                height: 100%;
            }

            .amap-info-close{
                top: .2rem;
                right: .32rem !important;
            }
            
            .amap-info-content{
                background: transparent !important;
                box-shadow: none !important;

                .marker-info{
                    position: relative;

                    .icon-icon_zs-01,
                    .icon-icon_zx-01,
                    .icon-icon_yx-01,
                    .icon-icon_ys-01
                    {
                        position: absolute;
                        color: #00BDE5;
                        font-size: .16rem;
                    }

                    .icon-icon_zs-01{
                        left: 0;
                        top: -.03rem;
                    }

                    .icon-icon_ys-01{
                        right: 0;
                        top: -.03rem;
                    }

                    .icon-icon_zx-01{
                        left: 0;
                        bottom: -0.04rem;
                    }

                    .icon-icon_yx-01{
                        right: 0;
                        bottom: -0.04rem;
                    }
                }
            }

            .amap-logo{
                display: none !important;
            }
        }
    }
}

// header
.hide-header{
    .header-item{
        display: none;
    }

    .content{
        height: 100%;
    }

    .toggle{
        .icon_font{
            background: rgba(63, 217, 255, .7);
        }
    }
}


.layui-laydate{
    border-color: #2D64E8 !important;
    .layui-laydate-header i:hover, .layui-laydate-header span:hover{
        color: #2D64E8 !important;
    }
    .layui-laydate-content{
        background-color: #071C67;
        border: 1px solid #071C67 !important;
    }
    .layui-laydate-list{
        background-color: #071C67;
    }
    .laydate-month-list>li{
        color: #989898;
    }
    .layui-laydate-content td{
        color: #fff;
    }
    .layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev{
        color: #727272 !important;       
    }
    .layui-laydate-content th{
        color: #fff;
    }
    .layui-laydate-footer{
        background-color: #071C67 !important;
        border: 1px solid #071C67 !important;
    }
    .layui-laydate-preview{
        display: none;
    }
    .laydate-btns-confirm,
    .laydate-btns-now,
    .laydate-footer-btns span{
        background: #2D64E8;
        color: #fff;
        border-color: #2D64E8;
        &:hover {
            color: #fff;
            opacity: .8;
        }
    }
    .layui-laydate-content td:hover, .layui-laydate-list li:hover{
        background-color: #2D64E8;
        color: #fff;
    }
    .layui-laydate-header{
        background-color: #071C67;
        color: #fff;
        border-color: #071C67;
    }
}