*{
    touch-action: manipulation;
}
#primary-menu {
    display: flex;
}
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select, textarea{
    font:normal normal normal 0.14rem / 0.28rem "Source Han Sans SC"!important;
}
.lh_20{
    line-height: 20px;
}
.nl-dark-blue{
    color: #4394F9;
}
.dis_table{
    display: table!important;
}
.dis_cell{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}
.dis_none{
    display: none;
}
.dis_inlineBlock{
    display: inline-block;
    vertical-align: middle;
}
.alignnone{
    margin:0 auto!important;
}
.aButton .layui-layer-btn0{
    width: 100% !important;
}
.aButton .layui-layer-btn0 div{
    width: 100% !important;
}
input::-webkit-input-placeholder {
    color:#b8bcbe;
    font-size:0.12rem;
}
input:-moz-placeholder {
    color:#b8bcbe;
    font-size:0.12rem;
}
input::-moz-placeholder {
    color:#b8bcbe;
    font-size:0.12rem;
}
input:-ms-input-placeholder {
    color:#b8bcbe;
    font-size:0.12rem;
}
.icon-goback{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    text-align: center;
}
.icon-pull-left{
    display: table;
    width: 44px;
    text-align: left;
    line-height: 20px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 13px;
}
.noCopy{
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.nl-pc{
    display: block;
}
.nl-mobile{
    display:none;
}
/*  */
.a-btn{
    position: absolute;
    display: block;
    width: 250px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 125px;
    background: -webkit-linear-gradient(90deg,#68AAFE, #2484FE);
    background: -o-linear-gradient(90deg,#68AAFE, #2484FE);
    background: -moz-linear-gradient(90deg,#68AAFE, #2484FE);
    background: linear-gradient(90deg,#68AAFE, #2484FE);
    left: 50%;
    margin-left: -125px;
    font-size: 0.15rem;
    color: #fff;
    padding: 0;
    bottom:30px;
    z-index: 900;
}
.a-btn.a-btn-top{
    bottom: 85px;
}
.a-btn.a-btn-table{
    display: table;
}
.a-btn.a-btn-table div{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}
a.a-btn:hover{
    color: #fff!important;
}
.a-btn.disabled{
    background: -webkit-linear-gradient(90deg,#919191,#b8bcbe);
    background: -o-linear-gradient(90deg,#919191,#b8bcbe);
    background: -moz-linear-gradient(90deg,#919191,#b8bcbe);
    background: linear-gradient(90deg,#919191,#b8bcbe);
    border: none;
}
.a-two{
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    background: rgba(67, 148, 249, 1);
    border:1px solid rgba(67, 148, 249, 1);
    display: table;
    float: left;
    height: 100%;
}
.a-two-one.a-two{
    border:none;
    width:100%;
    border-radius: 22.5px;
}

.a-two div{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}
.a-two.left{
    border-radius: 125px 0 0  125px;
    border-right:1px solid #fff;
}
.a-two.right{
    border-left:1px solid #fff;
    border-radius:  0 125px 125px 0;
}
.a-btn.two{
    background: transparent;
}
.a-two.disabled{
    background:#fff;
    color:#d8d6d6;
    border:1px solid #d8d6d6;
}
/* 上滑bottom下拉 */
.selectBottom{
    position: relative;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s, z-index 0.4s;
    transition: opacity 0.4s, z-index 0.4s;
}
.selectBottom-show{
    opacity: 1;
    z-index: 10000;
    visibility: visible;
}
.selectBottom * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.grayLayer{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f6f6f6;
    background: rgba(0,0,0,.3);
    z-index: 888;
    display: block;
}
.selectBox{
    width: 100%;
    /* display: block; */
    position: fixed;
    z-index: 889;
    color: #262626;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    bottom: -350px;
    left: 0;
}
.share-bgs{
    position: absolute;
    width: 100%;
    height: 100%;
}
.selectBottom-show .selectBox {
    bottom: 0;
}
.selectOption{
    font-size: 0.16rem;
    position: relative;
    background: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.selectOption i{
    position: absolute;
    left:-webkit-calc(50% - 70px);
    left:calc(50% - 70px);
    top: 0;
    color: rgba(67, 148, 249, 1);
    font-size: 0.3rem;
}
.shareItem{
    height: 180px;
    overflow: hidden;
    position: relative;
}
.shareContent{
    width: 80px;
    height:65px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -32.5px;
}

.shareTop{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    background:url(./image/share/share.png)  no-repeat;
    background-size: auto 100%;
}
.wechatTimeline{background-position:0 0;}
.wechatFriend{background-position:-40px 0;}
.qqFriend{background-position:-80px 0;}
.shareTop i{
    font-size: 0.30rem;
}
.shareBottom{
    color: rgba(175, 173, 173, 1);
    font-size: 0.14rem;
    text-align: center;
}

/* 加载更多 */
.flow-default{
    position: relative;
    padding-bottom: 35px;
}
table .layui-flow-more{
    bottom: -35px;
}
.layui-flow-more{
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
    width: 100%;
}
.layui-flow-more a.img-box{
    display: block;
    width: 33px;
    height: 33px;
    margin: auto;
    background: transparent url(./image/loading.gif) no-repeat center center !important;
    background-size: contain!important;
}
/* 没有数据 */
.no-info{
    padding-top: 50px;
    text-align: center;
    font-size: 0.16rem;
    color: rgba(38, 38, 38, 0.6);
}
/* 表单 */
.nl-page-form{
    background: #fff;
}
.nl-form-tips{
    text-align: left;
    font-size: 0.12rem;
    background: #f6f6f6;
    line-height: 0.18rem;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-inputs{
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin-left:auto;
    margin-right:auto;
}
.form-input-row{
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(241, 241, 241, 1);
    color: rgba(38, 38, 38, 0.6);
}
.form-input-row.no_edit{
    color: rgba(38, 38, 38, 0.3);
}
.form-input-row.no_edit .nl-input{
    color: rgba(38, 38, 38, 0.3);
}
a.form-input-row:hover{
    color: rgba(38, 38, 38, 0.6);
}
.form-input-label{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.12rem;
    line-height: 20px;
    padding: 15px 0;
}
.form-input-label div{
    display: inline;
}

.nl-page-form input.nl-input,
.nl-page-form div.nl-input{
    font-size: 0.12rem!important;
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    border:none;
    text-align: left;
    padding-left: 20px;
    background: #fff;
    color: #262626;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 0;
}
.nl-page-form div.nl-input{
     line-height: 20px;
}
.nl-page-form div.nl-input div{
    display: inline;
}
.form-input-right{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.12rem;
    line-height: 20px;
    text-align: center;
}
.form-input-right div{
    display: inline;
}
.img-zoos{
    padding:  15px 15px 0 15px;
    overflow: hidden;
}
.post-img{
    width: 62px;
    height: 62px;
    border: 1px dashed #333;
    position: relative;
    margin-right: 8px;
    float: left;
    margin-bottom: 5px;
}
.post-img.no-dash{
    border: 1px solid #eee;
    overflow: hidden;
}
.suggest-row .post-img:last-child{
    margin-right: 0;
}
.add-zoo{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.img-zoo{
    /* position: absolute; */
    width: 62px;
    height: 62px;
    /* left: 0;
    top: 0; */
}
.img-zoo img{
    z-index: 2;
}
.transverse{
    position: relative;
    width: 40px;
    height: 1px;
    background: #333;
    top: 50%;
    left: 50%;
    margin-left: -20px;
}
.vertical{
    position: relative;
    width: 1px;
    height: 40px;
    background: #333;
    top: 50%;
    left: 50%;
    margin-top: -20px;
}
.del{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 20px;
    height: 20px;
    text-align: right;
}
.del i{
    font-size: 0.19rem;
}
.hide{
    display: none;
}
.show{
    display: block;
}

.imgBox{
    display: flex;
    align-items: center;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.imgBox img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: auto;
}
.main-header{
    opacity: 1;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 988;
    height: 44px;
    background-color: #f7f7f8;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    display: block;
}

.main-page{
    position: absolute;
    overflow: scroll;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.form-page{
    position: absolute;
    overflow: scroll;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transform:translate3d(100%, 0px, 0px);
}
/* 布局 */

/* 缺省页面 */

.no-info-page{
    width: 50%;
    margin: 50% auto auto auto;
    text-align: center;
}
.no-info-img img{
    max-width: 100%;
    margin: auto;
}
p.no-info-text{
    text-align: center;
    font-size: 0.16rem;
    margin-top: 30px;
    margin-bottom: 30px;
}
.no-info-page .a-btn{
    position: relative;
    bottom: 0;
}
/* mobile header */
.mui-bar-nav {
    top: 0;
    border-bottom: 1px solid #f2f2f2;
}
.mui-bar {
    position: fixed;
    z-index: 1001;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mui-title {
    display: table;
    line-height: 20px;
    font-size: 0.17rem;
    font-weight: 500;
    line-height: 20px;
    height: 46px;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    margin: auto;
    text-align: center;
    color: #262626;
}
.mui-title div,
.mui-right-header div{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.mui-right-header{
    display: table;
    width: 80px;
    height: 44px;
    text-align: right;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 0;
}

.mui-pull-left.nl-goback_tip,
.nl-gobac-b{
    display: table;
    width: 44px;
    height: 90px;
    text-align: left;
    line-height: 20px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 0;
}
.mui-pull-left.nl-goback_tip div,
.mui-pull-left.nl-gobac-b div{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.mui-pull-left.nl-goback,
.nl-gobac-b{
    display: table;
    width: 44px;
    height: 90px;
    text-align: left;
    line-height: 20px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 0;
}
.mui-pull-left.nl-goback div,
.mui-pull-left.nl-gobac-b div{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: #2484FE;
}
.search-warapper{
    padding: 10px 0;
}
.search-zoo{
    display: inline-block;
    width: 100%;
    position: relative;
}
.search-btn{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 80px;
    height: 35px;
    border-top-right-radius: 17.5px;
    border-bottom-right-radius: 17.5px;
    padding: 0;
    color: #fff;
    display:table;
}
.search-btn span{
    vertical-align:middle;
    display:table-cell;
    text-align: center;
}
.search-zoo .search-Icon {
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: 0.20rem;
    margin-top: -12px;
}
.search-zoo input[type="text"].serach-Input{
    display: block;
    width:100%;
    height: 35px;
    margin-bottom: 0;
    border-radius: 20px;
    background-color: #f6f6f6;
    padding: 0;
    padding-left: 40px;
    border: none;
}

.share-bg{
    position:fixed;
    z-index:9999999;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(103, 167, 245, 0.64);
    display:block;
}
.share-box{
    width:75%;
    position: relative;
    top:10%;
    left:15%;
    text-align:right;
}
p.share-font{
    /* position: relative;
    top: 10%; */
    margin-top: 20px;
    text-align:center;
    color:#fff;
    font-size:0.16rem
}
.content table.nl-table{
    position: relative;
    border-color:transparent;
}
.nl-table-wapper{
    overflow-x: auto;
    padding-bottom: 35px;
    width: 100%;
}
.content .nl-table tbody tr:nth-child(odd){
    background-color: rgba(246, 250, 255, 1);
}
.content .nl-table td{
    border-color:transparent;
    text-align: center;
    font-size:0.13rem;
    white-space: nowrap;
    padding: 3px;
}
.content .nl-table thead tr td{
    color: rgba(38, 38, 38, 1);
}
.content .nl-table tbody tr td{
    color: rgba(38, 38, 38, 0.8);
}
.content .nl-table tbody td div.table_content,
.content .nl-table thead td div.table_content
{
    text-align: center;
    margin: auto;
    white-space:normal;
    line-height: 20px;
    min-width: 40px;
    max-width: 100px;
}
/* 透明遮罩 */
.Glass{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=60);
    background: transparent;
    z-index: 1;
}
.grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    grid-column-gap: 10px;
}
.grid.grid3{
    grid-template-columns: repeat(3,1fr);
}
.grid>li,.grid>li>div{
    margin-bottom: 10px;
}
.grid>li:last-child,.grid>li>div:last-child{
    margin-bottom: 0;
}
 
@media screen and (max-width: 1199px){
    #page.top0{
        top:0;
    }
    .grid{
        grid-template-columns: repeat(1,1fr);
    }
    .mui-pull-left.nl-goback,
    .nl-gobac-b{
        height: 44px;
        color: #2484FE;
    }
    .mui-pull-left.nl-goback_tip,
    .nl-gobac-b{
        height: 44px;
        color: #2484FE;
    }
    .have-footer{
        padding-bottom: 60px;
    }
    .have-bottom{
        padding-bottom: 80px;
    }
    .have-bottom-footer{
        padding-bottom: 160px;
    }
    .mui-bar {
        position: fixed;
        border:1px solid #f3f3f3;
    }
    .mui-bar,.main-header{
        display: block;
    }
    /* 布局 */
    .nl-border{
        min-height: auto;
        border: none;
    }
    .userCenter-wrapper{
        display: none;
    }
    .width-margin{
        /* position: relative; */
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        margin-left:auto;
        margin-right:auto;
    }
    .width-left{
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        left: 15px;
    }
    .width-padding{
        /* position: relative; */
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }
    /* 布局 */
    .a-btn{
        position: fixed;
        top: auto;
        bottom: 30px;
    }
    .a-btn.get_footer{
        bottom:80px;
    }
    .a-btn.focus_none{
        position: absolute;
        bottom: 30px;
    }
    .a-btn.a-btn-top.focus_none{
        position: absolute;
        bottom: 85px;
    }
    .layui-form-item .layui-input-inline {
        margin: 0;
    }


    .nl-pc{
        display: none;
    }
    .nl-mobile{
        display:block;
    }
}
@media screen and (min-width: 321px) and (max-width: 1199px){

}
@media screen and (max-width: 320px){
/* iphone5以下 */
    .a-btn{
        width: 200px;
        margin-left: -100px;
    }
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    body {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .have-footer{
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
    .have-bottom{
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
    .have-bottom-footer{
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
    .a-btn{
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
    .grayLayer{
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
}
.layui_check .layui-form-checkbox[lay-skin=primary]{
    width: 100%;
    margin-top: 15px;
}
.layui_check .layui-form-checkbox[lay-skin=primary] span{
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
    padding-right: 10px;
    white-space: normal;
    color: rgba(38, 38, 38, 0.8);
    line-height: 0.24rem;
}
.layui_check .layui-form-checkbox[lay-skin=primary] i{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}
.layui_check .layui-form-radio * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
}
.layui_check .layui-form-radio div{
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
    color: rgba(38, 38, 38, 0.8);
    line-height: 0.24rem;
}
.layui_check .layui-form-radio{
    width: 100%;
    margin-right: 0;
}

._search_input{
    font-size: 0;
}
.search_btn{
    width:65px;
    height:53px;
    background:rgba(104,170,254,1);
    border-radius:6px;
    font-size: 0.14rem;
    text-align: center;
    line-height: 53px;
}
.search_btn.disabled{
    background:#919191;
}
.input_area{
    position: relative;
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
    margin-right: 10px;
    font-size: 0.12rem;
}
.input_icon{
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -14px;
}
.input_area input[type='text']{
    width:100%;
    padding: 0 36px;
    margin: 0;
    height:53px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(177,177,177,1);
    border-radius:6px;
}
.input_area .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 52px;
}
.input_area .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 51px;
}
.input_area .select2-container--default .select2-selection--single,
.input_area input[type='text']{
    width:100%;
    padding: 0 36px;
    margin: 0;
    height:53px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(177,177,177,1);
    border-radius:6px;
}
#page .select2-container .select2-selection--single:focus{
    outline: none;
}
.tips_zone{
    position: fixed;
    display: none;
    z-index: 1002;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.tips_zone.canShow{
    display:block;
}
.tips_bg{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #eee;
    background: rgba(0,0,0,.3);
    z-index: 1003;
    display: block;
}
.tips_wrapepr{
    width: 100%;
    display: block;
    position: fixed;
    color: black;
    left: 50%;
    top:50%;
    transform: translate3d(-50%, -50%, 0);
    background: white;
    border-radius: 8px;
    z-index: 1003;
}
.tips_wrapepr img{
    width: 100%;
    z-index: 1004;
}
.tips_close{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 0;
    line-height: 14px;
    text-align: center;
    z-index: 1005;
    font-size: 0.16rem;
    font-weight: bold;
    background: rgba(0,0,0,.4);
    color: #fff;
}

.top-nav{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 101;
    border-bottom: 1px solid #f3f3f3;
}
.top-nav-btn{
    position: relative;
    text-align: center;
    display: block;
    /* float: left; */
}
.top-nav-btn:last-child{
    margin-right: 0;
}
.top-nav-btn>a,
.top-nav-btn>div:first-child
{
    /* position: relative; */
    display: block;
    margin: auto;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.btns_wrap{
    min-width: 94%;
    position: absolute;
    top: 45px;
    left: 3%;
    z-index: 2;
    box-shadow: 1px 1px 1px 0px #b8bcbe;
    max-height: 240px;
    overflow-x:hidden;
}
.menu_btn{
    display: block;
    /* width: 100%; */
    padding: 5px 2px;
    background: #fff;
    font-size: 0.12rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.swiper-content{
    width: 100%;
    display:block;
}
.swiper-content.img-box img{
    width:100%;
}
.top-nav-btn.active>a:after,
.top-nav-btn.active>.show_btns_wrap:after
{
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 5px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    box-sizing: border-box;
    pointer-events: none;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #2484FE;
}
.scroll_{
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll_view_content{
    width: 100%;
    white-space: nowrap;
}
.scroll_view_box{
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    overflow-x: scroll;
}
.f32 {
    background: url('./image/flags/sprite_gj.png') no-repeat top left;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-position: 0 -1088px;
}
.fastbannerform__span{vertical-align: middle; padding: 0 2px;}
.f32.NOFLAG{background-position: 0 -7520px;}
.f32.bl { background-position: 0 0; }
.f32.bm { background-position: 0 -32px; }
.f32.bn, .f32.BRU { background-position: 0 -64px; }
.f32.bo { background-position: 0 -96px; }
.f32.br, .f32.BRD, .f32.BRA { background-position: 0 -128px; }
.f32.bs { background-position: 0 -160px; }
.f32.bt { background-position: 0 -192px; }
.f32.bw, .f32.BWA { background-position: 0 -224px; }
.f32.by, .f32.BLA { background-position: 0 -256px; }
.f32.bz { background-position: 0 -288px; }
.f32.ca, .f32.CAD, .f32.CAN { background-position: 0 -320px; }
.f32.cc { background-position: 0 -352px; }
.f32.cd, .f32.COD { background-position: 0 -384px; }
.f32.cf { background-position: 0 -416px; }
.f32.cg { background-position: 0 -448px; }
.f32.ch, .f32.CHF, .f32.CHE { background-position: 0 -480px; }

.f32.ci, .f32.CIV { background-position: 0 -512px; }
.f32.ck { background-position: 0 -544px; }
.f32.cl { background-position: 0 -576px; }
.f32.cm, .f32.CMR { background-position: 0 -608px; }
/* 中国 */
.f32.cn, .f32.CNY, .f32.CHN { background-position: 0 -640px; }
.f32.co, .f32.COL { background-position: 0 -672px; }
.f32.cr, .f32.CRI { background-position: 0 -704px; }
.f32.cu { background-position: 0 -736px; }
.f32.cv { background-position: 0 -768px; }
.f32.cw { background-position: 0 -800px; }
.f32.cx { background-position: 0 -832px; }
.f32.cy { background-position: 0 -864px; }
.f32.cz, .f32.CZK, .f32.CZE { background-position: 0 -896px; }
.f32.de, .f32.DEU { background-position: 0 -928px; }
.f32.dj { background-position: 0 -960px; }
.f32.dk, .f32.DKK, .f32.DNK { background-position: 0 -992px; }
.f32.dm { background-position: 0 -1024px; }
.f32.do { background-position: 0 -1056px; }
.f32.dollar { background-position: 0 -1088px; }
.f32.dz, .f32.DZA { background-position: 0 -1120px; }
.f32.ec, .f32.ECU { background-position: 0 -1152px; }
.f32.ee, .f32.EST { background-position: 0 -1184px; }
.f32.eg, .f32.EGY { background-position: 0 -1216px; }

.f32.eh { background-position: 0 -1248px; }
.f32.er { background-position: 0 -1280px; }
.f32.es, .f32.ESP, .f32.SP { background-position: 0 -1312px; }
.f32.et { background-position: 0 -1344px; }
.f32.eu, .f32.EUR { background-position: 0 -1376px; }
.f32.fi, .f32.FIN { background-position: 0 -1408px; }
.f32.fj { background-position: 0 -1440px; }
.f32.fk { background-position: 0 -1472px; }
.f32.fm { background-position: 0 -1504px; }
.f32.fo { background-position: 0 -1536px; }
.f32.fr, .f32.FRA { background-position: 0 -1568px; }

.f32.ga { background-position: 0 -1600px; }
.f32.gb, .f32.en, .f32.GBP, .f32.GBR { background-position: 0 -1632px; }
.f32.gd { background-position: 0 -1664px; }
.f32.ge, .f32.GEO { background-position: 0 -1696px; }
.f32.gg { background-position: 0 -1728px; }
.f32.gh, .f32.GHA { background-position: 0 -1760px; }
.f32.gi { background-position: 0 -1792px; }
.f32.gl { background-position: 0 -1824px; }
.f32.gm { background-position: 0 -1856px; }
.f32.gn { background-position: 0 -1888px; }
.f32.GOLD, .f32.gold { background-position: 0 -1920px; }
.f32.gq { background-position: 0 -1952px; }
.f32.gr, .f32.GRC { background-position: 0 -1984px; }
.f32.gs { background-position: 0 -2016px; }
.f32.gt, .f32.GTM { background-position: 0 -2048px; }
.f32.gu { background-position: 0 -2080px; }
.f32.gw { background-position: 0 -2112px; }
.f32.gy { background-position: 0 -2144px; }
/* 香港 */
.f32.hk, .f32.HKD { background-position: 0 -2176px; }
.f32.hn { background-position: 0 -2208px; }
.f32.hr { background-position: 0 -2240px; }
.f32.ht { background-position: 0 -2272px; }
.f32.hu, .f32.HUF, .f32.HUN { background-position: 0 -2304px; }

.f32.ic { background-position: 0 -2336px; }
.f32.id, .f32.IDR, .f32.IDN { background-position: 0 -2368px; }
.f32.ie { background-position: 0 -2400px; }
.f32.il, .f32.ISR { background-position: 0 -2432px; }
.f32.im { background-position: 0 -2464px; }
.f32.in, .f32.INR, .f32.IND { background-position: 0 -2496px; }
.f32.iq, .f32.IRQ { background-position: 0 -2528px; }
.f32.ir, .f32.IRN { background-position: 0 -2560px; }
.f32.is, .f32.ISL { background-position: 0 -2592px; }
.f32.it, .f32.ITA { background-position: 0 -2624px; }

.f32.je { background-position: 0 -2656px; }
.f32.jm, .f32.JAM { background-position: 0 -2688px; }
.f32.jo, .f32.JOR { background-position: 0 -2720px; }
.f32.jp, .f32.JPY, .f32.JPN { background-position: 0 -2752px; }

.f32.ke, .f32.KEN { background-position: 0 -2784px; }
.f32.kg, .f32.KGZ { background-position: 0 -2816px; }
.f32.kh, .f32.KHM { background-position: 0 -2848px; }
.f32.ki { background-position: 0 -2880px; }
.f32.km { background-position: 0 -2912px; }
.f32.kn { background-position: 0 -2944px; }
.f32.kp, .f32.KOR { background-position: 0 -2976px; }
.f32.kr, .f32.KRW { background-position: 0 -3008px; }
.f32.kw { background-position: 0 -3040px; }
.f32.ky { background-position: 0 -3072px; }
.f32.kk, .f32.kz, .f32.KZT, .f32.KAZ { background-position: 0 -3104px; }

.f32.la, .f32.LAO { background-position: 0 -3136px; }
.f32.lb { background-position: 0 -3168px; }
.f32.lc { background-position: 0 -3200px; }
.f32.li { background-position: 0 -3232px; }
.f32.lk, .f32.LKA { background-position: 0 -3264px; }
.f32.lr { background-position: 0 -3296px; }
.f32.ls { background-position: 0 -3328px; }
.f32.lt, .f32.LTL, .f32.LTU { background-position: 0 -3360px; }
.f32.lu { background-position: 0 -3392px; }
.f32.lv, .f32.LVL, .f32.LVA { background-position: 0 -3424px; }
.f32.ly, .f32.LBY { background-position: 0 -3456px; }

.f32.ma, .f32.MAR { background-position: 0 -3488px; }
.f32.mc { background-position: 0 -3520px; }
.f32.md, .f32.MDA { background-position: 0 -3552px; }
.f32.me { background-position: 0 -3584px; }
.f32.mf { background-position: 0 -3616px; }
.f32.mg { background-position: 0 -3648px; }
.f32.mh { background-position: 0 -3680px; }
.f32.mk { background-position: 0 -3712px; }
.f32.ml { background-position: 0 -3744px; }
.f32.mm { background-position: 0 -3776px; }
.f32.mn, .f32.MNG { background-position: 0 -3808px; }
/* 澳门 */
.f32.mo { background-position: 0 -3840px; }
.f32.mp { background-position: 0 -3872px; }
.f32.mq { background-position: 0 -3904px; }
.f32.mr { background-position: 0 -3936px; }
.f32.ms { background-position: 0 -3968px; }
.f32.mt { background-position: 0 -4000px; }
.f32.mu, .f32.MRI { background-position: 0 -4032px; }
.f32.mv, .f32.MDV { background-position: 0 -4064px; }
.f32.mw { background-position: 0 -4096px; }
.f32.mx, .f32.MXN, .f32.MEX { background-position: 0 -4128px; }
.f32.my, .f32.MYR, .f32.MYS, .f32.MS { background-position: 0 -4160px; }
.f32.mz { background-position: 0 -4192px; }

.f32.na, .f32.NAM { background-position: 0 -4224px; }
.f32.nc { background-position: 0 -4256px; }
.f32.ne { background-position: 0 -4288px; }
.f32.nf { background-position: 0 -4320px; }
.f32.ng, .f32.NGN, .f32.NGR { background-position: 0 -4352px; }
.f32.ni { background-position: 0 -4384px; }
.f32.nl, .f32.NED { background-position: 0 -4416px; }
.f32.no, .f32.NOK, .f32.NOR { background-position: 0 -4448px; }
.f32.np { background-position: 0 -4480px; }
.f32.nr { background-position: 0 -4512px; }
.f32.nu { background-position: 0 -4544px; }
.f32.nz, .f32.NZD, .f32.NZL { background-position: 0 -4576px; }

.f32.om, .f32.OMR { background-position: 0 -4608px; }

.f32.pa, .f32.PAN { background-position: 0 -4640px; }
.f32.pe, .f32.PER { background-position: 0 -4672px; }
.f32.pf { background-position: 0 -4704px; }
.f32.pg { background-position: 0 -4736px; }
.f32.ph, .f32.PHL { background-position: 0 -4768px; }
.f32.pk, .f32.PAK { background-position: 0 -4800px; }
.f32.pl, .f32.PLN, .f32.POL { background-position: 0 -4832px; }
.f32.pn { background-position: 0 -4864px; }
.f32.pr { background-position: 0 -4896px; }
.f32.ps, .f32.PSE { background-position: 0 -4928px; }
.f32.pt, .f32.PRT { background-position: 0 -4960px; }
.f32.pw { background-position: 0 -4992px; }
.f32.py, .f32.PRY { background-position: 0 -5024px; }

.f32.qa, .f32.QAR { background-position: 0 -5056px; }

.f32.ro, .f32.ROU { background-position: 0 -5088px; }
.f32.rs, .f32.SRB { background-position: 0 -5120px; }
.f32.ru, .f32.RUB, .f32.RUR, .f32.RUS { background-position: 0 -5152px; }
.f32.rw { background-position: 0 -5184px; }

.f32.sa, .f32.SAR, .f32.SAU { background-position: 0 -5216px; }
.f32.sb { background-position: 0 -5248px; }
.f32.sc { background-position: 0 -5280px; }
.f32.sd, .f32.SDN { background-position: 0 -5312px; }
.f32.se, .f32.SEK, .f32.SWE { background-position: 0 -5344px; }
.f32.sg, .f32.SGD, .f32.SGP { background-position: 0 -5376px; }
.f32.sh { background-position: 0 -5408px; }
.f32.si, .f32.SVN { background-position: 0 -5440px; }
/* .f32.SILVER, .f32.silver { background-position: 0 -5472px; } */
.f32.sk, .f32.SVK { background-position: 0 -5504px; }
.f32.sl { background-position: 0 -5536px; }
.f32.sm { background-position: 0 -5568px; }
.f32.sn { background-position: 0 -5600px; }
.f32.so { background-position: 0 -5632px; }
.f32.sr { background-position: 0 -5664px; }
.f32.ss { background-position: 0 -5696px; }
.f32.st { background-position: 0 -5728px; }
.f32.sv, .f32.SLV { background-position: 0 -5760px; }
.f32.sy { background-position: 0 -5792px; }
.f32.sz { background-position: 0 -5824px; }

.f32.tc { background-position: 0 -5856px; }
.f32.td { background-position: 0 -5888px; }
.f32.tf { background-position: 0 -5920px; }
.f32.tg { background-position: 0 -5952px; }
.f32.th, .f32.THA { background-position: 0 -5984px; }
.f32.tj, .f32.TJK { background-position: 0 -6016px; }
.f32.tk { background-position: 0 -6048px; }
.f32.tl { background-position: 0 -6080px; }
.f32.tm, .f32.TKM { background-position: 0 -6112px; }
.f32.tn, .f32.TUN { background-position: 0 -6144px; }
.f32.to { background-position: 0 -6176px; }
.f32.tr, .f32.TUR { background-position: 0 -6208px; }
.f32.tt, .f32.TTO { background-position: 0 -6240px; }
.f32.tv { background-position: 0 -6272px; }
/* 台湾 */
/*.f32.tw, .f32.TWD { background-position: 0 -6304px; } 台湾原旗, 后改为五星红旗*/
.f32.tw, .f32.TWD { background-position: 0 -640px; } /*台湾用五星红旗*/
.f32.tz { background-position: 0 -6336px; }

.f32.ua, .f32.UAH, .f32.UKR { background-position: 0 -6368px; }
.f32.ug, .f32.UGA { background-position: 0 -6400px; }
.f32.us, .f32.USD { background-position: 0 -6432px; }
.f32.uy { background-position: 0 -6464px; }
.f32.uz, .f32.oz, .f32.UZB { background-position: 0 -6496px; }

.f32.va { background-position: 0 -6528px; }
.f32.vc { background-position: 0 -6560px; }
.f32.ve, .f32.VEN { background-position: 0 -6592px; }
.f32.vg { background-position: 0 -6624px; }
.f32.vi { background-position: 0 -6656px; }
.f32.vn, .f32.VNM, .f32.VI { background-position: 0 -6688px; }
.f32.vu { background-position: 0 -6720px; }

.f32.wf { background-position: 0 -6752px; }
.f32.ws { background-position: 0 -6784px; }

.f32.ye, .f32.YEM { background-position: 0 -6816px; }
.f32.yt { background-position: 0 -6848px; }
.f32.za, .f32.ZAR, .f32.ZAF { background-position: 0 -6880px; }
.f32.zm, .f32.ZMB { background-position: 0 -6912px; }
.f32.zw, .f32.ZWE { background-position: 0 -6944px; }

.f32.abkhazia { background-position: 0 -6976px; }
.f32.bc { background-position: 0 -7008px; }
.f32.bat { background-position: 0 -7040px; }
.f32.commonwealth { background-position: 0 -7072px; }
.f32.england { background-position: 0 -7104px; }
.f32.gosquared { background-position: 0 -7136px; }
.f32.kosovo { background-position: 0 -7168px; }
.f32.mars { background-position: 0 -7200px; }
.f32.nk { background-position: 0 -7232px; }
.f32.nato { background-position: 0 -7264px; }
.f32.noc { background-position: 0 -7296px; }
.f32._olympics { background-position: 0 -7328px; }
.f32._red-cross { background-position: 0 -7360px; }
.f32.scotland { background-position: 0 -7392px; }
.f32.somaliland { background-position: 0 -7424px; }
.f32.southossetia { background-position: 0 -7456px; }
.f32._united-nations { background-position: 0 -7488px; }
.f32._unknown { background-position: 0 -7520px; }
.f32.wales { background-position: 0 -7552px; }



.f32.ac{ background-position: 0 -3295px; }
.f32.ad { background-position: 0 -7584px; }
.f32.ae, .f32.AED, .f32.ARE, .f32.ar { background-position: 0 -7616px; }
.f32.af, .f32.AFG { background-position: 0 -7648px; }
.f32.ag { background-position: 0 -7680px; }
.f32.ai { background-position: 0 -7712px; }
.f32.al { background-position: 0 -7744px; }
.f32.am, .f32.ARM { background-position: 0 -7776px; }
.f32.an { background-position: 0 -7808px; }
.f32.ao { background-position: 0 -7840px; }
.f32.aq { background-position: 0 -7872px; }
.f32.arg { background-position: 0 -7904px; }
.f32.as { background-position: 0 -7936px; }
.f32.at, .f32.AUT { background-position: 0 -7968px; }
.f32.au, .f32.AUD, .f32.AUS { background-position: 0 -8000px; }
.f32.aw { background-position: 0 -8032px; }
.f32.ax { background-position: 0 -8064px; }
.f32.az, .f32.AZE { background-position: 0 -8096px; }
.f32.ba, .f32.BIH { background-position: 0 -8128px; }
.f32.bb { background-position: 0 -8160px; }
.f32.bd, .f32.BGD { background-position: 0 -8192px; }
.f32.be, .f32.BEL { background-position: 0 -8224px; }
.f32.bf { background-position: 0 -8256px; }
.f32.bg, .f32.BGN, .f32.BGR { background-position: 0 -8288px; }
.f32.bh, .f32.BHD, .f32.BRN { background-position: 0 -8320px; }
.f32.bi { background-position: 0 -8352px; }
.f32.bj { background-position: 0 -8384px; }

.f32.empty { background-position: 0 -999999px; }


/* .f32.CYP { background-position: 0 -864px; }
.f32.KOS { background-position: 0 -7168px; }
.f32.HND { background-position: 0 -2208px; }
.f32.TZA { background-position: 0 -6336px; }
.f32.MMR { background-position: 0 -3776px; }
.f32.LSO { background-position: 0 -3328px; }
.f32.LBN { background-position: 0 -3168px; } */
@media screen and (max-width: 414px){
    .scroll_::-webkit-scrollbar {
        display: none;
    }
}
/**
 * *顶部公用菜单
 */
.content .btns_wrap_b{
    display: block;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    min-width: 95px;
    background: #fff;
    color: #333;
    box-shadow: 1px 1px 1px 0px #b8bcbe;
    padding:0 10px;
}
.btns_wrap_b li {
    height: 38px;
    line-height: 38px;
}
.btns_wrap_b li a {
    display: block;
    color: #333;
    font-size: 12px;
}
#load .load-wrap > svg {
    display: none;
}