@import "plugin/sprite.css";

/* 面包屑 */
.crumbs-box, .crumbs-boxMW{
    margin: .1rem 0;
    background: #FFFFFF;
}
.crumbs-box{
    padding: .25rem 1.2rem;
    display: flex;
    align-items: flex-end;
}
.crumbs-box a, .crumbs-boxMW a{
    color: #AEB3AB;
    font-size: .14rem;
    font-weight: 400;
}
.crumbs-box span, .crumbs-boxMW span{
    color: #465339;
    font-size: .2rem;
    font-weight: 400;
}

.crumbs-boxMW{
    padding: .25rem 0;
}
.crumbs-boxMW .innerContainer{
    display: flex;
    align-items: flex-end;
}
.crumbs-boxMW .max-inner{
    display: flex;
    align-items: flex-end;
    max-width: 1520px;
    margin: 0 auto;
    position: relative;
}

.paddingWrap{
    padding: .5rem .8rem .6rem;
    background: #fff;
}

/* 公共容器 */
/* banner */
.box-bannerTop{
    width: 100%;
    position: relative;
}
.box-bannerTop .banner{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-contentPos, .banner-contentPos100{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.banner-contentPos{
    height: calc(100% - .7rem);
}
.banner-contentPos100,
.banner-contentPos .innerContainer,
.banner-contentPos100 .innerContainer{
    height: 100%;
}

/* btn */
.btn-filter{
    font-family: Microsoft YaHei;
    color: #333333;
    position: relative;
    display: flex;
    align-items: center;
}
.btn-filter .icon-arrow{
    display: block;
    width: .16rem;
    height: .05rem;
    background: url("/common/images/icons/select-bg.png") no-repeat;
    background-size: 100%;
    transform: rotate(-180deg);
    margin-left: .05rem;
}
.btn-filter .arrowClose{
    transform: rotate(0deg);
    margin-left: .13rem;
}

/* 搜索 */
.search-complex input::placeholder,
.search-complex textarea::placeholder {
    color: #b8bbc2;
    font-size: inherit;
}

.search-complex .input-icon, .search-complex .input{
    position: relative;
    min-height: 0.56rem;
    line-height: 0.56rem;
    background-color: #fff;
    color: #596477;
    font-size: 0.16rem;
    box-sizing: border-box;
    border-radius: .02rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-complex .input-icon{
    display: block;
    overflow: hidden;
    border: none;
    min-width: 0;
}
.search-complex .input-icon .icon{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.1rem;
    margin-left: 0.14rem;
    z-index: 1;
}

.search-complex .input{
    width: 100%;
    height: 100%;
    padding-left: .5rem;
    padding-right: .1rem;
    border: 0.01rem solid #c8c8ca;
    border-right: none;
}
.search-complex .input:focus{
    border-color: #3A60FB;
}

.search-complex .button, .search-complex .button-primary{
    display: inline-block;
    vertical-align: middle;
    min-width: 1.68rem;
    min-height: 0.56rem;
    line-height: 0.56rem;
    padding: 0 0.2rem;
    text-align: center;
    color: #fff;
    background: #031236;
    cursor: pointer;
    border-radius: .02rem;
    font-size: 0.16rem;
    box-sizing: border-box;
}
.search-complex .button{
    float: right;
}

/* input */
input.c-text::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
    color: #D4D6D9;
}
input.c-text:-moz-placeholder{    /* Firefox版本4-18 */
    color: #D4D6D9;
}
input.c-text::-moz-placeholder{    /* Firefox版本19+ */
    color: #D4D6D9;
}
input.c-text:-ms-input-placeholder{   /* IE浏览器 */
    color: #D4D6D9;
}
.c-search{
    display: block;
    width: .22rem;
    height: .22rem;
    background: url("../images/icons/icon-search.png") no-repeat;
    background-size: 100%;
}
.search-btn{
    line-height: 0.38rem;
    background: #159368;
    border-radius: 0 0.02rem 0.02rem 0;
    padding: 0 .2rem;
    color: #fff;
    font-size: 0.16rem;
}

/* select */
.c-text, .c-select, .input.select, .box-dropDown .select{
    width: 4rem;
    line-height: .36rem;
    border: .01rem solid #D4D6D9;
    border-right: none;
    border-radius: 0.02rem 0  0 0.02rem;
    padding: 0 .2rem;
    color: #262E3D;
    cursor: pointer;
}
.c-select, .input.select, .box-dropDown .select{
    width: 1.5rem;
    height: .38rem;
    border-radius: 0.02rem;
    border: .01rem solid #D4D6D9;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: .14rem;
    background: #fff url(/common/images/icons/select-bg.png) no-repeat right center;
}
.input.select{
    width: 1.14rem;
}

/* 条件筛选 */
.type-SFC{
    margin-top: .14rem;
}
.type-SFC .list{
    float: left;
    width: calc(100% - 80px);
}
.type-SFC .list li, .type-SFC .scree-region{
    float: left;
    margin: .16rem .6rem 0 0;
    display: flex;
    align-items: center;
}
.type-SFC .scree-region{
    margin: 0 .6rem 0 0;
}

.type-SFC .list li:last-of-type,
.type-SFC .list .scree-region:last-of-type{
    margin-right: 0;
}

.type-SFC .list li h6, .type-SFC .scree-region h6{
    font-size: 0.16rem;
    color: #262E3D;
    margin-right: 0.15rem;
}
.type-SFC .list li .select, .type-SFC .scree-region .select{
    min-width: 1.88rem;
    height: .4rem;
    border-radius: 0.03rem;
    border: none;
    padding: 0 .1rem;
    background: #F0F2F6 url(../images/common/select-iconBottom.png) no-repeat right 0.1rem center;
    margin-right: .2rem;
    font-size: 0.14rem;
    color: #444;
    appearance: none;
}
.type-SFC .btn-search{
    float: right;
    border: none;
    font-size: 0.16rem;
    line-height: 0.4rem;
    color: #FFFFFF;
    background: #0A1E52;
    padding: 0 .2rem;
    border-radius: 0.02rem;
    margin-top: .08rem;
}

.radio-list{

}
.radio-list label, .checkbox-list label{
    float: left;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    line-height: .4rem;
    color: #444;
    margin-right: .3rem;
    cursor: pointer;
}
.radio-list label:last-of-type,
.checkbox-list label:last-of-type{
    margin-right: 0;
}
.radio-list input[type=radio],.radio-list .noRadio{
    position: relative;
    width: .14rem;
    height: .14rem;
    border: .01rem solid #E0E0E0;
    margin-right: .05rem;
    border-radius: 50%;
    vertical-align: middle;
}
.radio-list input[type=radio]:checked:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    border: .01rem solid #0A1E52;
    border-radius: 50%;
}
.radio-list input[type=radio]:checked:after,.radio-list .noRadio:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .08rem;
    height: .08rem;
    background: #0A1E52;
    border-radius: 50%;
    border: 0.02rem solid #fff;
}
.radio-list .noRadio:after{
    background: #999;
}

.checkbox-list label{

}
.checkbox-list input[type=checkbox]{
    cursor: pointer;
    position: relative;
    border-radius: .02rem;
    width: .14rem;
    height: .14rem;
    border: .01rem solid #E0E0E0;
    margin-right: .05rem
}
.checkbox-list input[type=checkbox]:checked:after {
    background-color: #0A1E52;
    content: "\2713";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.12rem;
    line-height: 0.12rem;
    color: #fff;
    text-align: center;
    border: .01rem solid #0A1E52;
    border-radius: .02rem;
    font-size: .12rem;
}
.checkbox-list input[type=checkbox]:disabled:after{
    background: #F3F4F6;
    border: .01rem solid #E5E5E8;
    color: #999;
}

/* cheacked */
.checkbox{
    cursor: pointer;
    position: relative;
    background: #fff;
}
.checkbox .pos{
    position: absolute;
    right: -0.08rem;
    top: -0.07rem;
}
.checkbox input[type="checkbox"] {
    display: none;
    /*width: 0;*/
    /*height: 0;*/
}
.checkbox .icon{
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
}
.checkbox .icon-checkbox {
    border: .01rem solid #EDEDED;
    background: #fff;
}
.checkbox .icon-checkbox-checked {
    background: url(/common/images/icons/icon-checked.png) no-repeat;
    background-size: 100%;
}


/* 表格 */
.table-box{
    margin-top: .2rem;
}
.common-table{
    border-top: .01rem solid #D6DAE0;
}
.common-table tr th,
.common-table tr td{
    color: #262E3D;
    font-size: 0.16rem;
    line-height: 0.26rem;
    padding: .12rem .1rem;
    border-bottom: .01rem solid #D6DAE0;
}
.common-table tr td{
    color: #5A6576;
}
.common-table thead tr{
    background: #E9EDF2;
}
.common-table tbody tr{
    background: #FCFCFD;
}
.common-table tbody tr:nth-of-type(even){
    background: #F5F6F7;
}
.common-table tr .sort{
    /*display: inline-flex;*/
    line-height: .26rem;
}
.common-table tr .sort-left{
    text-align: left;
}
.common-table tr .sort span{
    display: inline-block;
    font-size: .14rem;
    line-height: .26rem;
}
.common-table tr .sort .icon-sort{
    display: inline-block;
    width: .09rem;
    height: .12rem;
    background: url(/common/images/icons/icon-sort.png) no-repeat;
    background-size: contain;
    margin-left: .05rem;
}
.full-nameBox{
    font-size: 0.14rem;
    color: #5A6576;
    margin-bottom: .15rem;
}
.full-nameBox strong{}

.table-tips{
    margin-top: .3rem;
}
.table-tips p{
    font-size: 0.14rem;
    color: #5A6576;
    line-height: 0.26rem;
}

/* 分页 */
.pager-wrap{
    position: relative;
    min-height: .4rem;
    margin: .8rem 0 0;
}
.pager-wrap .select,
.pager-wrap .select-small{
    width: 0.8rem;
    height: 0.4rem;
    padding-left: .15rem;
    border: .01rem solid #A4A9AF;
    border-radius: 0.02rem;
}
.pagination-wrap .pagination-tip {
    line-height: .24rem;
    color: #8F97A7;
    margin-bottom: .05rem;
}
.pagination-wrap .pagination .sizes{
    float: left;
}
.pagination-wrap .pagination .sizes .pagination-tip{
    margin-top: -0.29rem;
}
.pagination-wrap .pagination .pagers {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}
.pagination-wrap .pagination .pagers .pager,
.pagination-wrap .pagination .pagers .pager-split {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    line-height: .38rem;
    margin: 0 .1rem;
    border: .01rem solid #e4e5e8;
    text-align: center;
    box-sizing: border-box;
    color: #8d96a6;
    border-radius: .02rem;
    cursor: pointer;
}
.pagination-wrap .pagination .pagers .pager.active,
.pagination-wrap .pagination .pagers .pager:hover {
    color: #031236;
    border-color: #031236;
}

.pagination-wrap .pagination .pagers .pager-info {
    display: inline-block;
    padding: 0 .6rem;
    color: #8d96a6;
    line-height: .4rem;
}
.pagination-wrap .pagination .pagers .icon {
    display: inline-block;
    width: .14rem;
    height: .25rem;
    margin: 0 .1rem;
    cursor: pointer;
}
.icon-arrow-left-mute{
    background: url(/common/images/icons/icon-page-left.png) no-repeat;
    background-size: 100%;
}
.icon-arrow-right-active {
    background: url(/common/images/icons/icon-page-right.png) no-repeat;
    background-size: 100%;
}
.pagination-wrap .pagination .pagers .icon.disabled {
    cursor: default;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
}


.pagination-wrap .pagination .page-jump {
    float: right;
    display: flex;
    align-items: center;
}
.pagination-wrap .pagination .page-jump .button {
    width: auto;
    min-width: 0;
    min-height: .4rem;
    line-height: .4rem;
    padding: 0 .2rem;
    background: #031236;
    border: none;
    color: #fff;
    border-radius: 0 0.02rem 0.02rem 0;
}
.pagination-wrap .pagination .page-jump .input,
.pagination-wrap .pagination .page-jump .input-small{
    width: .6rem;
    min-height: .38rem;
    line-height: .38rem;
    border: .01rem solid #a4a9af;
    vertical-align: top;
    border-right: none;
    border-radius: .02rem 0 0 .02rem;
    padding: 0 .15rem;
    color: #031236;
}

/* 提示 */
.data-sources {
    margin-top: .2rem;
    color: #AEB3AB;
}
.data-sources p {
    font-size: .12rem;
    line-height: .2rem;
}


/* 弹窗 */
/* 弹窗-放大 */
.mask-amp-box .common-mask-content {
    width: auto;
    background: transparent;
    padding: 0;
}
.mask-amp-box .common-mask-bg {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 40px 40px 30px;
}
.mask-amp-box .img-box {
    width: 600px;
    height: 450px;
    /*background: #fff;*/
    position: relative;
    /*box-shadow: 0 3px 24px 0 rgba(0,0,0,0.1);*/
}
.mask-amp-box .img-box img {
    max-width: 600px;
    max-height: 450px;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 24px 0 rgba(0,0,0,0.5);
}
.mask-amp-box .close-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    position: relative;
    border-radius: 50%;
    margin: 20px auto 0;
}
.mask-amp-box .icon-close {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: url(/common/images/common/close-icon-white.png) no-repeat;
}

/* toast */
.common-msg-box, .toast-container{
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: .15rem 1rem;
    border-radius: .04rem;
    z-index: 9999;
}
.common-msg-box p, .toast-container h6{
    color: #fff;
    font-size: .18rem;
    font-weight: bold;
}
.common-msg-box.success, .toast-container.success{
    background: #1AAF54;
}
.common-msg-box.error, .toast-container.error{
    background: #EA3E3D;
}


/* loading - map */
.map-loadingBox{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 .01rem .1rem 0 rgba(13,92,254,0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.loading{
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    -webkit-animation: rotation 1s ease-in-out infinite;
    -moz-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.15rem;
    margin-top: -0.15rem;
    border: .02rem solid #031236;
}
.loading:after{
    width: .05rem;
    height: .05rem;
    border-radius: 100%;
    position: absolute;
    content: "";
    background-color: #031236;
}
@-webkit-keyframes rotation{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    0%{-moz-transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}