
.main .flag {
    height: 497px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10px;
}

.main .flag .flagConCate {
    display: flex;
    align-items: center;
}

.main .flag .flagConCate {
    width: 272px;
    height: 60px;
    background: url('/images/fenleiBj.png') no-repeat left top;
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
}

.main .flag .flagConCate .flagConHeaderLogo {
    width: 22px;
    height: 18px;
}

.main .flag .flagConCate .flagConHeaderLogo img {
    width: 100%;
}

.main .flag .flagConCate .flagConHeaderCon {
    font-size: 24px;
    font-family: RTWS YueGothic Trial;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 60px;
}

.main .flag .card-popup {
    transition: transform 0.3s, box-shadow 0.3s;
}

.main .flag .card-popup:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}


.main .flag .flagConWzbk {
    width: 272px;
    height: 65px;
    /*background: url('/images/wuzibiekesitan.png') no-repeat top left;*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;

    line-height: 60px;
    color: #155291;
    font-size: 16px;
}



.main .flag .flagConHskst {
    width: 272px;
    height: 60px;
    /*background: url('/images/hasakesitan.png') no-repeat top left;*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;
    line-height: 60px;
    color: #155291;
    font-size: 16px;
}


.main .flag .flagConJrjsst {
    width: 272px;
    height: 65px;
    /*background: url('/images/jierjisisitan.png') no-repeat top left;*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;
    line-height: 60px;
    color: #155291;
    font-size: 16px;
}


.main .flag .flagConTjkst {
    width: 272px;
    height: 65px;
    /*background: url('/images/tajikesitan.png') no-repeat top left;*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;
    line-height: 60px;
    color: #155291;
    font-size: 16px;
}


.main .flag .flagConTkmst {
    width: 270px;
    height: 65px;
    /*background: url('/images/tukumansitan.png') no-repeat top left;*/
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;
    line-height: 60px;
    color: #155291;
    font-size: 16px;
}


.main .flag .flagConqt {
    width: 272px;
    height: 65px;
    background: url('/images/lianheguo.png') no-repeat top left;
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 0px rgba(4, 44, 123, 0.2);
    border-radius: 6px;
    cursor: pointer;
    line-height: 60px;
    color: #155291;
    font-size: 16px;

}

.flagText {
    padding-left: 135px;
}

.headers {
    /*height: 429px;*/
    background: url('/images/headerBj3.png') no-repeat left top;
    background-size: 100% 100%;
    position: relative;
    /*padding-bottom: 45px;*/
    padding-top: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -90px;
}

.headersParent {
    z-index: 9;
    margin-bottom: 90px;
}

.headersParent .headersTop {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    transition: .3s;
    background: #FFFFFF;
    /*margin-bottom: -90px;*/
    /*margin: 0 auto;*/
}

.headersParent .headersTop .logo {
    width: 293px;
    height: 46px;
    /*padding-top: 26px;*/
}

.headersParent .headersTop .logo img {
    width: 100%;
}

.headersParent .headersTop .nav {
    display: flex;
    /*padding-top: 38px;*/
    /*padding-left: 43px;*/
    font-size: 15px;
}

.pad10 {
    padding: 0 10px;
    color: #D8D7DA;
}

.headersParent .header-sticky .nav .text>a {
    color: #000000;
}

.headersParent .headersTop .nav .text>a {
    transition: .3s;
    color: #000000;
}

.headersParent .headersTop .nav .text>a:hover {
    text-decoration: none;
}

.headersParent .headersTop .vip {
    /*width: 92px;*/
    /*height: 25px;*/
    /*padding-top: 34px;*/
    /*padding-left: 34px;*/
    /*padding-right: 27px;*/
    cursor: pointer;
}

.headersParent .headersTop .vip img {
    /*margin-left: 10px;*/
    /*margin-right: 5px;*/
    width: 109%;
}

.headersParent .headersTop .country {
    /*padding-top: 35px;*/
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.headersParent .headersTop .country img {
    width: 24px;
    height: 24px;
}

.headersParent .headersTop .login {
    width: 88px;
    height: 35px;
    background: #409cff;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    line-height: 33px;
    /*margin-top: 36px;*/
    /*padding: 2px 3px;*/
}

.headersParent .headersTop .login>span {
    color: #fff;
}

.headersParent .headersTop .loginOut {
    /*width: 79px;*/
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 10px;
    /*padding-top: 36px;*/
    /*padding-left: 12px;*/
}

.headersParent .headersTop .loginOut img {
    /*width: 25px;*/
    /*height: 25px;*/
}

.headersParent .headersTop .loginOut span {
    color: #409cff;
    /* text-decoration: underline; */
    display: inline-block;
    padding-bottom: 1px;
    /*border-bottom: 1px solid #155291;*/
}

.headers .search {
    width: 662px;
    height: 235px;
    /*position: absolute;*/
    /*top: 177px;*/
    /*right: 80px;*/
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
    margin-bottom: 45px;
    margin-top: 45px;
}


.headers .search .searchNav {
    /*position: absolute;*/
    /*left: 315px;*/
    /*top: 45px;*/
    font-size: 16px;
    color: #16233D;
    width: 305px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headers .search .searchNav .active {
    color: #fff;
    width: 85px;
    height: 30px;
    line-height: 30px;
    background: #155291;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
}

.headers .search .searchNav .xsj {
    /*position: absolute;*/
    /*left: 147px;*/
    /*top: 30px;*/
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #155291;
}

.headers .search .searchIpt {
    /*position: absolute;*/
    /*left: 26px;*/
    /*top: 95px;*/
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.headers .search .searchIpt .searchIptBg {
    display: flex;
    background: #FFFFFF;
    width: 500px;
    height: 45px;
    line-height: 45px;
    border-radius: 8px;
    padding-left: 14px;

}

.headers .search .searchIpt .searchIptBg .searchIptIcon {
    width: 25px;
    /*height: 25px;*/
    /*padding-right: 20px;*/
}

.headers .search .searchIpt .searchIptBg .searchIptIcon img {
    width: 60%;
}

.headers .search .searchIpt .searchIptBg .iptBox {
    flex: 1;
}

.headers .search .searchIpt .searchIptBg .iptBox input {
    height: 30px;
    width: 98%;
    background: #FFFFFF;
    border: none;
    /*color: #fff;*/
    outline: none;
}

.headers .search .searchIpt .searchIptBg .iptBox>input::-webkit-input-placeholder {
    /*color: #FFF;*/
}

.headers .search .searchIpt .searchIptBg .iptBox>input:-moz-placeholder {
    color: #FFF;
}

.headers .search .searchIpt .searchIptBg .iptBox>input::-moz-placeholder {
    color: #FFF;
}

.headers .search .searchIpt .searchIptBg .iptBox>input:-ms-input-placeholder {
    color: #FFF;
}



.headers .search .searchIpt .searchIptBtn {
    margin-left: 6px;
    width: 95px;
    height: 45px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    background: #0078FB;
    border-radius: 8px;
    color: #fff;
    border: none;
}

.headers .search .searchCount {
    /*position: absolute;*/
    /*left: 50px;*/
    /*top: 153px;*/
    width: 600px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    color: #323A3D;
}
