@media screen and (orientation: portrait) {
    html {
        width: 100%;
        height: 100%;
        background-color: white;
        overflow: hidden;

    }

    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-user-drag: none;
    }

    #main {
        position: absolute;
        background-color: yellow;
        background: url("../images/background.jpg")
    }
}

@media screen and (orientation: landscape) {
    html {
        width: 100%;
        height: 100%;
        background-color: white;
    }

    body {
        width: 100%;
        height: 100%;
        background-color: white;
        overflow: hidden;
        position: fixed;
    }

    #main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: yellow;
        background: url(../images/background.jpg);
        width: 1600px;
        height: 1180px;
        top: 0px;
        /* left: 390px; */
        transform: rotate(0) scale(0.74);
        transform-origin: 0px 0px;
    }
}

/* #main p {
    margin: auto;
    margin-top: 20px;
    text-align: center;
} */


@media only screen and (max-width: 480px) {
    #main {}
}






/* html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

body {
    color: #333;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    background: url("../images/background.jpg")
} */

a,
ins {
    text-decoration: none;
}

a:hover {
    /* color: #dd3c3c;
    text-decoration: underline */
}

ol,
ul {
    list-style: none
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    font-style: normal;
}

.clear {
    clear: both
}

.mb15 {
    margin-bottom: 15px
}

.webwidth {
    margin: 0 auto;
    position: relative;

}


.head {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    height: 150px;
}

.head .fh {
    position: absolute;
    width: 80px;
    height: 80px;
    margin-right: 100px;
    margin-left: 15px;
}

.head .fh img {
    width: 80px;
    height: 80px;
}

.head .logo {
    float: left;
    margin-left: 30px;
}

.fhd .logo {
    float: left;
    margin-left: 100px;
}

.head .logo img {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    border: #06F 5px solid
}

.head .logomc {
    float: left;
    font-size: 30px;
    margin-left: 10px;
    margin-top: 10px;
    font-weight: bold;
    /* margin-left: 15px;
    margin-top: 10px; */
}

/* .head .logomc .mc1 {
    float: left;
    font-size: 30px;
    margin-left: 15px;
    margin-top: 10px;
} */

.head .logomc .mc1 .mc2 {
    float: left;
    font-size: 30px;
    margin-left: 15px;
    margin-top: 10px;
    font-weight: bold;
    color: #3d3d3d;

}


.head .logomc .mc3 {

    float: left;
    font-size: 25px;
    margin-left: 15px;
    /* margin-top: 5px; */
    width: 200px;
}



.head .logomc span {
    display: block;
    font-size: 25px;
    font-weight: initial;
    /* margin-top: 10px; */
}


.head .logovip {
    float: left;
    font-size: 30px;
    margin-left: 10px;
    margin-top: 15px;
}


.head .logovip img {
    float: left;
    /* margin-top: 10px; */
    width: 30px;
}



.head .logovip span {
    /* display: none; */
    float: left;
    /* font-size: 20px; */
    /* margin-top: 10px; */
    /* color: #777777; */
    margin-left: 5px;
    color: #3d3d3d;
    /* font-weight: bold; */

}



.head .head_r {

    width: 550px;
    height: 120px;
    background-color: #fff;
    margin-left: 500px;
    text-align: center;
    margin: 0 auto;
    border-radius: 60px;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.head .head_r li {
    float: left;
    margin-left: 45px;
    margin-top: 15px;
}

.head .head_r li img {
    height: 50px
}

.head .head_r li span {
    display: block;
    text-align: center;
    color: #777777;
    font-size: 30px;
}




.webwidth2 {
    margin: 0 auto;
    position: relative;
    /* width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px); */
}

.main {
    /* margin-top: 20px; */
}

.main .main_bt {
    overflow: hidden
}

.main .main_bt img {
    margin-top: 5px;
    float: left;
    height: 30px;
    height: 30px;
}

.main .main_bt span {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 35px;
    padding-left: 10px;
    color: #606060;
    font-weight: bold;
}

.main .main_bt .xinpin {

    color: #f6360e;
}

.main_l {
    /* widtrgb(255, 0, 0)%; */
    float: left;
    margin-left: 20px;
    /* margin-right: 20px; */
}


.main_l .ul {
    margin-top: 10px;
}

.main_l .ul .li {
    position: relative;
    /* height: calc(100vh - 410px); */
    width: 450px;
    height: 760px;
    overflow: hidden;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    box-shadow: 0px 8px 20px 0 #73737349;

}

.main_l .ul .li img {

    /* height: 90%; */
    height: 680px;
    /* position: relative; */
    width: 100%;
    border-radius: 20px;
    /* z-index: 1; */
}

.main_l .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #ffffff;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_l .ul .li em {
    position: absolute;
    width: 60px;
    top: 0px;
    right: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #dd3c3c;
    color: #FFF;
    border-radius: 0px 0px 10px 10px;
    text-align: center
}








.main_l2 {
    /* widtrgb(255, 0, 0)%; */
    float: left;
    margin-left: 20px;
    /* margin-right: 20px; */
}


.main_l2 .ul {
    margin-top: 10px;
}

.main_l2 .ul .li {
    position: relative;
    /* height: calc(100vh - 410px); */
    width: 900px;
    height: 760px;
    overflow: hidden;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    box-shadow: 0px 8px 20px 0 #73737349;

}

.main_l2 .ul .li img {

    /* height: 90%; */
    height: 680px;
    /* position: relative; */
    width: 100%;
    border-radius: 20px;
    /* z-index: 1; */
}

.main_l2 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #ffffff;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_l2 .ul .li em {
    position: absolute;
    width: 60px;
    top: 0px;
    right: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #dd3c3c;
    color: #FFF;
    border-radius: 0px 0px 10px 10px;
    text-align: center
}








.main_r {
    /* float: left; */
    width: 1410px;
    margin-right: 20px;
}

/* .main_r .ul {
    margin-top: 10px;
} */

.main_r .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: -moz-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 15px 0 #73737349
}

.main_r .ul .li img {
    /* width: 100%; */
    margin-left: -5%;
    height: 290px;
    /* position: relative; */
    /* border-radius: 20px; */
    /* z-index: 1;*/
}

.main_r .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}


.main_r .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r .ul .li em.mf {

    /* background: #03c8d4; */
    background: #ff008c;

}


.main_r .ul .li em.xm {

    /* background: #ff008c; */
    background: #03c8d4;

}


.main_r2 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r2 .ul .li em.mf {

    background: #ff008c;

}


.main_r2 .ul .li em.xm {

    background: #03c8d4;

}



.main_r_fanni .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r_fanni .ul .li em.mf {

    background: #ff008c;

}


.main_r_fanni .ul .li em.xm {

    background: #03c8d4;

}


.main_r3 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r3 .ul .li em.mf {

    background: #ff008c;

}


.main_r3 .ul .li em.xm {

    background: #03c8d4;

}



.main_r4 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r4 .ul .li em.mf {

    background: #ff008c;

}


.main_r4 .ul .li em.xm {

    background: #03c8d4;

}




.main_r5 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r5 .ul .li em.mf {

    background: #ff008c;

}


.main_r5 .ul .li em.xm {

    background: #03c8d4;

}



.main_r6 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r6 .ul .li em.mf {

    background: #ff008c;

}


.main_r6 .ul .li em.xm {

    background: #03c8d4;

}


.main_r7 .ul .li em.vip {

    background: #ffdd9a;
    color: #5f4802;

}

.main_r7 .ul .li em.mf {

    background: #ff008c;

}


.main_r7 .ul .li em.xm {

    background: #03c8d4;

}



.main_r2 {
    width: 1890px;
    margin-left: 20px;
}

.main_r2 .ul {
    /* margin-left: -10px; */
}


.main_r2 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r2 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r2 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r2 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}



.main_r_fanni {
    float: left;
    width: 960px;
}

.main_r_fanni .ul {
    /* margin-left: -10px; */
}


.main_r_fanni .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r_fanni .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r_fanni .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r_fanni .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}



.main_r3 {
    width: 480px;

}


.main_r3 .ul {
    margin-left: 20px;
}


.main_r3 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r3 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r3 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r3 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}





.main_r4 {
    float: left;
    width: 960px;
}


.main_r4 .ul {
    /* margin-left: -10px; */
}


.main_r4 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r4 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r4 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r4 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}







.main_r5 {
    float: left;
    width: 960px;
}


.main_r5 .ul {
    /* margin-left: -10px; */
}


.main_r5 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r5 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r5 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r5 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}




.main_r6 {
    float: left;
    width: 480px;
}


.main_r6 .ul {
    /* margin-left: -10px; */
}


.main_r6 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r6 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r6 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r6 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}




.main_r7 {
    float: left;
    width: 960px;
}


.main_r7 .ul {
    /* margin-left: -10px; */
}


.main_r7 .ul .li {
    position: relative;
    /* width: -webkit-calc(33.3333333% - 10px); */
    /* width: calc(31%); */
    /* height: calc((100vh - 430px)/2); */
    width: 450px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 8px 20px 0 #73737349;
}

.main_r7 .ul .li img {
    margin-left: -5%;
    height: 290px;
}

.main_r7 .ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 65px;
    line-height: 50px;
    background: #FFF;
    color: #777777;
    padding-left: 10px;
    font-size: 40px;
    text-align: center;
}

.main_r7 .ul .li em {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #ff008c;
    color: #FFF;
    border-bottom-left-radius: 20px;
    text-align: center;
    font-size: 26px;
}







.imgview {

    border-radius: 20px;
    overflow: hidden;
    height: 290px;
}



.jbys {
    /* background-image: linear-gradient(#f2f6ff, #5793edfa); */
    /* min-height: 100vh */
}


.bbzx_r_1 {
    background: #fff;
    /* border: #FFF 2px solid; */
    text-align: center;
    height: 150px;
    line-height: 150px;
    /* margin-top: 100px; */
    font-size: 50px;
    /* font-weight: bold; */
    color: #989898;
    box-shadow: 0px 2px 10px 0 #73737349;

}



.bbzx_l {
    float: left;
    width: 20%;

    background-color: #59c2f2;
    padding-bottom: 100%;

}

.bbzx_l ul {}

.bbzx_l ul li {

    background: #59c2f2;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 45px;
    cursor: pointer
}

.bbzx_l ul li span {

    float: left;
    margin-left: 80px;
    color: #fff;

}

.bbzx_l ul li span img {

    width: 60px;
    height: 60px;
    float: left;
    margin-top: 45px;
    margin-right: 20px;
}



.bbzx_l ul li.on {
    background: #a4e3ff;

}

.bbzx_r {
    float: right;
    width: 80%;
    height: 62%;
    background-color: #eee;
    padding-bottom: 100%;

}


.bbzx_r_zhanghao {

    width: 95%;
    height: 200px;
    background-color: #dff5ff;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 20px;
}


.bbzx_r_zhanghao ul {}

.bbzx_r_zhanghao ul li {
    font-size: 30px;
    line-height: 50px;
    margin-left: 30px;

    color: #909090;


}

.exitbtn {
    display: inline-block;
    width: 180px;
    height: 80px;
    line-height: 80px;
    background-color: #59c2f2;
    font-size: 30px;
    text-align: center;
    border-radius: 20px;
    margin-top: 65px;
    margin-right: 30px;

    float: right;

}

.exitbtn a {
    color: #fff;

}



.bbzx_r_zhanghao_login {
    display: inline-block;

    width: 300px;
    height: 100px;
    line-height: 100px;

    background-color: #59c2f2;
    font-size: 35px;
    text-align: center;
    border-radius: 20px;


    margin-top: 65px;
    margin-left: 50px;
}

.loginok {

    padding-top: 25px;
    width: 500px;
    line-height: 60px;
    float: left;
}



.bbzx_r_zhanghao_login a {
    color: #fff;
}

.bbzx_r_zhanghao_login a {

    height: 50px;
    text-align: center;
}

.bbzx_zl {
    width: 95%;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;

}

.bbzx_r_jbzl {

    width: 95%;
    /* height: 200px; */
    background-color: #dff5ff;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 20px;

}


.bbzx_r_jbzl li {
    font-size: 40px;
    line-height: 50px;
    margin-left: 30px;
    color: #909090;
    margin-bottom: 15px;
}

.jbzl {
    padding-top: 25px;
    height: 260px;
}


.bbzx_zl ul li {

    font-size: 30px;
    line-height: 50px;
    margin-left: 30px;
    color: #909090;

}



.bbzx_da {
    padding: 10px;
    font-size: 20px;
}

.bbzx_da_nav {
    margin-left: 70px;
}

.bbzx_da_nav ul {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bbzx_da_nav ul li {
    display: inline-block;
    width: auto;
    height: 80px;
    line-height: 80px;
    background-color: #59c2f2;
    font-size: 30px;
    text-align: center;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    color: #fff;
}



.bbzx_da_nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 40px;
}

.bbzx_da_nav ul li.on {
    /* background: #FC3;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center; */

    display: inline-block;
    width: auto;
    height: 80px;
    line-height: 80px;
    background-color: #ffa135;
    font-size: 30px;
    text-align: center;
    border-radius: 15px;
    margin-right: 20px;
    color: #fff;
}


.bbzx_da_sw {
    height: inherit;
    overflow-y: auto;
    /* height: fit-content; */
}

.bbzx_da_sw1 {
    position: relative;
    min-height: 400px;
    margin-left: 60px;
    padding-top: 55px;
    font-size: 40px;
    color: #909090;

}

.bbzx_da_sw1 p {
    padding-bottom: 20px;
    width: 800px;
}

.bbzx_da_sw1 p span {
    font-weight: bold
}

.bbzx_da_sw1 .nlt {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 700px;
    height: 600px;
    margin-top: 25px;
}


.bbzx_da_sw2 {

    padding-bottom: 15px;
}


.bbzx_da_sw2 p {
    width: 100%;
    font-size: 30px;
    color: #909090;
    text-align: center;
    line-height: 100px;
}


.bbzx_da_sw2_bt {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #909090;
    margin-left: 60px;
    margin-bottom: 15px;
}

.bbzx_da_sw2 ul {}

.bbzx_da_sw2 ul li {
    background: rgb(244, 244, 244);
    /* border: #CCC 1px solid; */
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
    width: 95%;
    font-size: 40px;
    border-radius: 15px;
}

.bbzx_da_sw2 ul li .tp {
    /* width: 180px;
    height: auto;
    float: left; */
    margin-left: 0px;
}

.bbzx_da_sw2 ul li .tp img {
    width: 180px;
    height: auto;
    margin-top: 10px;
    margin-left: 10px;
}

.bbzx_da_sw2 ul li div {
    float: left;
    height: 120px;
    line-height: 120px;
    margin-left: 40px;
}



.yzm {
    width: 500px;
    position: relative;
    /* background: #eee; */
}

.yzm .bg {
    position: absolute;
}

.yzm .bg img {
    width: 800px;
    /* height: 700px; */
}


.yzm h1 {

    width: 700px;
    /* text-align: center; */
    margin-left: 270px;
    padding-top: 175px;
    /* margin-top: 100px; */
    position: relative;
    color: #724400;
    font-size: 35px;
}

.yzm .form {
    width: 500px;
    position: absolute;
    overflow: hidden;
    margin-top: 40px;
    margin-left: 150px;

}

.yzm .yzm1 {
    float: left;
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
    width: 100px;
    height: 60px;
    background: #ffd7ba;
    border-radius: 20px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}

.yzm .yzm1 input {
    height: 60px;
    line-height: 30px;
    width: 200px;
    font-size: 30px;
}

.yzm .yzm2 {
    float: left;
    font-size: 50px;
    margin-left: 80px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}

.yzm .yzm3 {
    float: left;
}

.yzm .yzm4 {
    float: left;
    margin-left: 10px;
}

.yzm .yzm3 img {
    cursor: pointer;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background: #fc3;
    width: 90px;
    height: 60px;
    font-size: 30px;
    border-radius: 15px;
}

.yzm .yzm4 {
    cursor: pointer;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background: #d1d1d1;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 15px;
}


.yzm .yzm4 img {
    width: 40px;
    height: auto;
    margin-left: 12px;
    margin-top: 10px;
}


.sjjp {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 15px;
}

.sjjp>.item {
    cursor: pointer;
    margin-top: 10px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: rgb(255, 202, 30);
    /* border: 1px solid #666; */
    border-radius: 45px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-weight: bold;
}




.layui-layer {

    background-color: transparent !important;

}


.tableborder {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.tableborder .header {
    background: #59c2f2;
    color: #fff;
}



.tableborder td,
.tableborder th {
    border: 1px solid #fff;
    padding: 8px;
}

.tableborder tr:nth-child(even) {
    background-color: #fff;
}

.tableborder tr:hover {
    background-color: #ddd;
}

.tableborder th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}




.tableborder .input {
    width: 256px;
    height: 28px;
    background: #fdfdfd;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
}


.tableborder .select {
    width: 60px;
    height: 28px;
    background: #fdfdfd;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
}



.tableborder .tiy {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 18px;
    margin-top: 15px;
    margin-bottom: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #e9686b;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 2px;
}

.bbzx_r_add {

    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}

.addbb {
    width: 120px;
    height: 60px;
    line-height: 60px;
    border: none;
    display: inline-block;
    outline: 0;
    background-color: #e9686b;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    text-align: center;


}

.addbb a {
    color: #fff;
}


.picScroll {
    position: relative;
}

.picScroll .prev,
.picScroll .next {
    position: absolute;
    left: -30px;
    top: 240px;
    display: block;
    width: 18px;
    height: 28px;
    overflow: hidden;
    background: url(../images/icons.png) -40px 0 no-repeat;
    cursor: pointer;
}

.picScroll .next {
    left: auto;
    right: -30px;
    background-position: -120px 0;
}

.picScroll .prevStop {
    background-position: 0 0;
}

.picScroll .nextStop {
    background-position: -80px 0;
}

.tplb {}

.tplb ul {}

.tplb ul .li {
    position: relative;
    width: 390px;
    height: 208px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.tplb ul .li img {
    width: 390px;
    height: 200px;
}

.tplb ul .li span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #0000007d;
    color: #FFF;
    padding-left: 10px;
    font-size: 16px
}

.tplb ul .li em {
    position: absolute;
    width: 60px;
    top: 0px;
    right: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #dd3c3c;
    color: #FFF;
    border-radius: 0px 0px 10px 10px;
    text-align: center
}

.bbxc {}

.bbxc ul {}

.bbxc ul li {
    float: left;
    width: 188px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bbxc ul li img {
    width: 100%;
    height: 120px;
}

.bbxc ul li .rq {
    text-align: center;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}



.swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
    /* width: 1920px; */
}

.swiper-wrapper {
    height: calc(100vh - 200px) !important;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    /* width: 100%; */
    width: 1920px;
    height: 100%;
    position: relative;
    width: auto !important;

}

.swiper-slide2 {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    /* width: 100%; */
    width: 1920px;
    height: 100%;
    position: relative;


}


.main_l .ul .li .imgview2 em {
    position: absolute;
    width: 60px;
    top: 10px;
    right: 10px;
    display: block;
    height: 90px;
    background: url(../images/hot.png) no-repeat;
    background-size: 60px auto;
    color: #FFF;
    border-radius: 0px 0px 10px 10px;
    text-align: center
}

.cwts {
    text-align: center;
    color: #F00;
    position: absolute;
    top: 60px;
    left: 170px;
}