

.mem_lev{
    height:40px;
    position:relative;
}
.mem_lev:hover .mem_lev_info{
    opacity: 11;
    z-index: 11;
}
.mem_lev_info{
    width: 372px;
    height: 361px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    position:absolute;
    top: 27px;
    left:0;
    opacity:0;
    z-index:-33;
    /*    transition:.3s;*/
    border-top:1px solid transparent;
}

.left:hover .mem_linfo{
    opacity:0;
}

.left:hover .mem_lev_info{
    z-index:2;
    opacity:1;
}

.mem_lev_info .mydear{
    padding-left: 14px;
    width: 114px;
    height: 38px;
    position: absolute;
    left: -1px;
    top: -40px;
    background-color: #ffffff;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
}

.mem_lev_info .mbz1{
    float:left;
}

.mem_lev_info .mbz2{
    width:20px;
    height:40px;
    float:left;
}

.mem_lev_info .mbz2.lv1{
    background:url(/file/wsw/index/mem/img/2-1.png) center right no-repeat;
}

.mem_lev_info .mbz2.lv2{
    background:url(/file/wsw/index/mem/img/2-2.png) center right no-repeat;
}

.mem_lev_info .mbz2.lv3{
    background:url(/file/wsw/index/mem/img/2-3.png) center right no-repeat;
}

.mem_lev_info .mbz2.lv4{
    background:url(/file/wsw/index/mem/img/2-4.png) center right no-repeat;
}


.mem_lev_1{
    width:330px;
    height:100px;
    margin:0 auto;
    overflow:hidden;
    border-bottom:1px solid #ebebeb;
}

.mem_lev_1 .hl_img{
    width:68px;
    height:72px;
    float:left;
    margin-top:16px;
    position:relative;
}

.mem_lev_1 .hl_img .hl_head{
    display:block;
    width:60px;
    height:60px;
    margin: 2px auto;
    border-radius:50%;
}

.mem_lev_1 .hl_img .mem_lev_k{
    width:68px;
    height:72px;
    position:absolute;
    top:0;
    left:0;
}

.mem_lev_1 .hl_img .mem_lev_k.k1{
    background:url(/file/wsw/index/mem/img/1-1.png);
}

.mem_lev_1 .hl_img .mem_lev_k.k2{
    background:url(/file/wsw/index/mem/img/1-2.png);
}

.mem_lev_1 .hl_img .mem_lev_k.k3{
    background:url(/file/wsw/index/mem/img/1-3.png);
}

.mem_lev_1 .hl_img .mem_lev_k.k4{
    background:url(/file/wsw/index/mem/img/1-4.png);
}

.mem_lev_1 .h1_txt{
    width:250px;
    height:60px;
    margin:30px 0 0 10px;
    float:right;
}

.mem_lev_1 .h1_txt .h1_txt1{
    width:100%;
    height:16px;
    font-size:12px;
    line-height:16px;
}

.mem_lev_1 .h1_txt .h1_txt1 .h1_username{
    float:left;
    color:#333333;
}

.mem_lev_1 .h1_txt .h1_txt1 .h1_info{
    float:right;
    color:999999;
}

.mem_lev_1 .h1_txt .h1_txt1 .h1_info .h1_li{
    float:left;
    padding:0 8px;
    border-left:1px solid #999999;
}

.mem_lev_1 .h1_txt .h1_txt1 .h1_info .h1_li:first-child{
    border-left:0;
}

.mem_lev_1 .h1_txt .h1_txt2{
    width:100%;
    height:16px;
    line-height:16px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #ff7100;
    margin-top:12px;
}

.mem_lev_2{
    width:320px;
    height:102px;
    overflow:hidden;
    margin:0 auto;
}

.mem_lev_2 .mem_li{
    width:80px;
    height:102px;
    overflow:hidden;
    float:left;
    text-align:center;
}

.mem_lev_2 .mem_li .lev_img{
    width:100%;
    height:56px;
}

.mem_lev_2 .mem_li:nth-child(1) .lev_img{
    background:url(/file/wsw/index/mem/img/3-1-2.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(1) .lev_img.on{
    background:url(/file/wsw/index/mem/img/3-1.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(2) .lev_img{
    background:url(/file/wsw/index/mem/img/3-2-2.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(2) .lev_img.on{
    background:url(/file/wsw/index/mem/img/3-2.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(3) .lev_img{
    background:url(/file/wsw/index/mem/img/3-3-2.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(3) .lev_img.on{
    background:url(/file/wsw/index/mem/img/3-3.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(4) .lev_img{
    background:url(/file/wsw/index/mem/img/3-4-2.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li:nth-child(4) .lev_img.on{
    background:url(/file/wsw/index/mem/img/3-4.png) center bottom no-repeat;
}

.mem_lev_2 .mem_li .lev_n{
    width:100%;
    height:30px;
    line-height:30px;
    font-size: 12px;
    color: #666666;
}

.mem_lev_3{
    width:100%;
    height:158px;
    background-color: #f6f6f6;
}

.mem_lev_3 .mem_lev_3_1{
    width:330px;
    height:42px;
    overflow:hidden;
    margin:0 auto;
}

.mem_lev_3 .mem_lev_3_1 .tit{
    width:72px;
    height:42px;
    font-size: 16px;
    color: #333333;
    line-height:42px;
    float:left;
}

.mem_lev_3 .mem_lev_3_1 .to_up{
    width: 57px;
    height: 22px;
    background-color: #ff7100;
    border-radius: 6px;
    float:left;
    margin-top:10px;
    font-size: 12px;
    color: #ffffff;
    line-height:22px;
    text-align:center;
}

.mem_lev_3 .mem_lev_3_1 .to_up .to_up_txt{
    display:inline-block;
    height:22px;
}

.mem_lev_3 .mem_lev_3_1 .to_up .to_up_txt::after{
    content:"";
    width:0;
    height:0;
    display:block;
    float:right;
    border-left:5px solid #ffffff;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:0;
    margin-top:6px;
    margin-left:2px;
}

.mem_lev_3 .mem_lev_3_2{
    width:332px;
    height:86px;
    margin:16px auto 0;
    border-bottom:1px solid #ebebeb;
}

.mem_lev_3 .mem_lev_3_2 .mem_li{
    width:110px;
    height:68px;
    float:left;
    border-right:1px dashed #cfcfcf;
    text-align:center;
    overflow:hidden;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:last-child{
    border-right:0;
}

.mem_lev_3 .mem_lev_3_2 .mem_li .ml_img{
    width:31px;
    height:31px;
    margin:10px auto 0;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(1) .ml_img{
    background:url(/file/wsw/index/mem/img/5-1.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(1):hover .ml_img{
    background:url(/file/wsw/index/mem/img/5-1-2.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(2) .ml_img{
    background:url(/file/wsw/index/mem/img/5-2.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(2):hover .ml_img{
    background:url(/file/wsw/index/mem/img/5-2-2.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(3) .ml_img{
    background:url(/file/wsw/index/mem/img/5-3.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:nth-child(3):hover .ml_img{
    background:url(/file/wsw/index/mem/img/5-3-2.png) center no-repeat;
}

.mem_lev_3 .mem_lev_3_2 .mem_li .ml_txt{
    height:26px;
    line-height:26px;
    font-size:12px;
    color:#888888;
}

.mem_lev_3 .mem_lev_3_2 .mem_li:hover .ml_txt{
    color:#ff7100;
}
.memfix{
    width:116px;
    height:165px;
    position:fixed;
    right:40px;
    top:300px;
    background:url(/file/wsw/index/mem/mem_fix.png?t=2) center no-repeat;
    z-index:99999;
}

.com-top{

}

.com-top .com-top-nav{
    width: 100%;
    background-color: #f6f6f6;
    color:rgba(118,118,118,0.8);
    height: 40px;
    font-size: 12px;
    line-height: 40px;
}
.com-top .com-top-nav .left-menus{
    float: left;

}
.com-top .com-top-nav .left-menus >   span:nth-child(1){
    margin-right: 20px;
}
.com-top .com-top-nav .right-infos{
    float: right;
}
.com-top .com-top-nav  .right-infos li{
    float: left;
    padding:0 10px;
    position: relative;
}

.com-top .com-top-nav  .right-infos li:not(:last-child):after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #767676;
    opacity: 0.8;
    position: relative;
    top: 2px;
    right: -10px;

}
.com-top .com-top-nav  .right-infos li:nth-child(2) .qr {
    width: 118px;
    height: 118px;
    background-image: url(http://cdn.fengxiangqu.com/fxq/new_index/main/img/qrcode.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.5s,opacity 0.5s;
    opacity: 0;
    top: 60px;
    z-index: 1;
    pointer-events: none;
}
.com-top .com-top-nav  .right-infos li:nth-child(2) .qr:before {
    content: '';
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}
.com-top .com-top-nav  .right-infos li:nth-child(2):hover .qr {
    top: 40px;
    opacity: 1;
    z-index: 999;
}
nav {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
}
nav .cont > *{
    position: relative;
    top: 50px;
    transform: translateY(-50%);
}
nav .cont{
    position: relative;
    height: 100%;
}
nav .logo{
    width: 240px;
    height: 39px;
    background:url(http://cdn.fengxiangqu.com/fxq/op-others/kfwb/1-1.png)center center no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

}
nav .menus{
    float: right;
    height: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    color: #767676;
    font-weight: bold;
    margin-left: 60px;
}
nav  .kb-menus{
    float: right;
    height: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    color: #767676;
    margin-right: 35px;
    position:relative;
    z-index:88;
}
nav  .kb-menus li{
    float: left;
    margin-left: 25px;
    position: relative;
}
nav  .kb-menus li .list:after{
    content: '';
    display: inline-block;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(118,118,118,0.5) transparent transparent transparent;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
nav  .kb-menus li .list:hover:after{
    border-color: #ff7e00 transparent transparent transparent;
}
nav  .kb-menus li .erji-list{
    position: absolute;
    top: 22px;
    height: 0;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    background-color: #ffffff;
    box-shadow: 0px 3px 16px 0px rgba(136, 136, 136, 0.35);
    border-radius: 4px;
    text-align: center;
    margin-top: -4px;
    z-index: -99;
    opacity: 0;
    transition: .3s;
}
nav  .kb-menus li:hover  .erji-list{
    z-index: 999;
    opacity: 1;
    height: auto;
}
nav  .kb-menus li:hover  .erji-list > div{
    padding:10px 0 ;
    text-align: center;
    color:#767676;
}
nav  .kb-menus li:hover  .erji-list > div:hover{
    color: #ff7e00;
}

nav .menus li{
    float: left;
    margin-right: 25px;
    position: relative;
}
nav .menus li:before{
    display: block;
    content: '';
    width: 0px;
    height: 2px;
    /*background-color: #2b57bf;*/
    background-image: linear-gradient(#ff7101, #ff7101), linear-gradient(#405dd3, #405dd3);
    border-radius: 1px;
    transition: 0.3s;
    position:absolute;
    bottom:-7px;
    left:50%;
    transform: translate(-50%,0);
}
nav .menus li:hover:before{
    width: 100%;
}


nav .kb-menus li:not(.list):before{
    display: block;
    content: '';
    width: 0px;
    height: 2px;
    /*background-color: #2b57bf;*/
    background-image: linear-gradient(#ff7101, #ff7101), linear-gradient(#405dd3, #405dd3);
    border-radius: 1px;
    transition: 0.3s;
    position:absolute;
    bottom:-7px;
    left:50%;
    transform: translate(-50%,0);
}
nav .kb-menus li:not(.list):hover:before{
    width: 100%;
}
nav .menus li:last-child:after{
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 19px;
    background-color: #767676;
    right: -25px;
    top : 0;
}
/*nav .menus li:hover,nav  .kb-menus li:hover{
    color: #ff7e00;
}*/
nav   .btn-zxkf{
    float: right;
    width: 111px;
    height: 40px;
    background-color: #ff7e00;
    border-radius: 20px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
nav   .btn-zxkf:before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("http://cdn.fengxiangqu.com/fxq/op-others/kfwb/5-2.png")center  center no-repeat;
    position: relative;
    top: 2px;
    margin-right: 6px;


}
.cont{
    width: 1200px;
    margin:0 auto;
}


.cont ul.fu > li.list:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 8px 6px 0;
    border-style: solid;
    border-color: #bababa transparent transparent;
    margin-left: 7px;
    position: relative;
    top: 0px;
    border-radius: 2px;
}
.cont ul.fu > li.list:hover:after{
    border-color: #2b57bf transparent transparent;
}
.cont ul.fu > li.list:not(:last-child){
    margin-right: 21px;
    font-weight: 200;
}
.cont ul.fu > li.list .menu-childs{
    position: absolute;
    top: 22px;
    height: 0px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    background-color: #ffffff;
    box-shadow: 0px 3px 16px 0px rgba(136, 136, 136, 0.35);
    border-radius: 4px;
    text-align: center;
    margin-top: -4px;
    z-index: -1;
    opacity: 0;
    transition: .3s;
}
.cont ul.fu >  li.list:hover .menu-childs{
    height:auto;
    transition: .3s;
    z-index: 1;
    opacity:1;
}
.cont ul.fu > li.list .menu-childs li:hover{
    color: #2b57bf;
}
.cont ul.fu > li.list .menu-childs li{
    font-size: 16px;
    line-height: 16px;
    color: #333;
}

.cont ul.fu > li.list .menu-childs li{
    margin-bottom: 10px;
}
.cont ul.fu > li.list .menu-childs li:nth-child(1) {
    margin-top: 15px;
}
.list:hover {
    background-color: #ffffff;
}
.list:hover {
    border-radius: 6px 6px 0px 0px;
    background-color: #ffffff;
}
.list:hover > a {
    color: #ff7100;
}
.list:hover .list:after {
    border-color: #ff7100 transparent transparent transparent;
}
.list:hover .ol {
    opacity: 1;
    z-index: 100000;
}
.list .ol {
    width: 166px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 0px 6px 6px 6px;
    z-index: -1000;
}
.list .ol .li {
    width: 166px;
    height: auto;
    float: left;
    margin-left:0px;
    margin-top: 0px;
    padding-bottom: 20px;
}
.list .ol .li div {
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1em;
    margin-top: 14px;
    text-align: left;
    cursor: pointer;
    position: relative;
}
.list .ol .li div:hover{
    color: #ff7100 !important;
}

.list .ol .li div.new:after{
    content:'';
    display: block;
    width:25px;
    height:13px;
    position: absolute;
    top:0;
    right:28px;
    animation: heart .6s ease-in-out 1.2s infinite alternate;
    background: url("http://cdn.fengxiangqu.com/fxq/new_index/main/img/1-7.png")center center no-repeat;
}

.list .ol .li div.hot:after{
    content:'';
    display: block;
    width:25px;
    height:13px;
    position: absolute;
    top:0;
    right:28px;
    animation: heart .6s ease-in-out 1.2s infinite alternate;
    background: url("http://cdn.fengxiangqu.com/fxq/new_index/main/img/1-8.png")center center no-repeat;
}
.list .ol .li div:first-child {
    margin-top: 30px;
    margin-bottom: 5px;
}
.list .ol .li div:hover {
    color: #ff7100;

}

.list .ol li:hover {
   background-color: #ffffff;
}

/*header .swiper-container .cont nav ul .list .d-menu div .dlist .li a{*/
/*color:#333333;*/
/*}*/