body {

    font-size: 14px;

    font-family: dsp, PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei Light', 'microsoft yahei', simsun, sans-serif;

}



.ten_bg1 {



    height: 460px;

    background: url(/public/image/ten_bg1.jpg) no-repeat center center;

    width: 100%;

    margin-top: -1px;

    overflow: hidden;

}



@media (min-width:760px) {

    .cont {

        width: 1120px;

        margin: 0 auto;

    }



    .f_14 {

        font-size: 14px;

    }



    .f_16 {

        font-size: 16px;

    }



    .f_18 {

        font-size: 18px;

    }



    .f_20 {

        font-size: 20px;

    }



    .f_24 {

        font-size: 24px;

    }



    .f_30 {

        font-size: 30px;

    }



    .f_36 {

        font-size: 36px;

    }



    .f_48 {

        font-size: 48px;

    }



    .cl {

        clear: both;

    }



    .tit_msg {

        text-align: center;

        margin-top: 155px;

    }



    .tit_msg .txt {

        color: #fff;

        margin-bottom: 20px;

    }





    .imgs {

        width: 375px;

        height: 45px;

        margin: 115px auto 0;

    }



    .imgs span {

        float: left;

        width: 148px;

        height: 45px;

        background: url(../image/tencent.png) no-repeat;

    }



    .imgs span.t_ads {

        background-position: 0 0;

        margin-right: 75px;

    }



    .imgs span.tui {

        background-position: -195px -264px;

    }



    .ten_bg {

        background: #f1f3f8;

        padding: 55px 0;

        text-align: center;

    }



    .ten_bg_white {

        background: #fff;

        padding: 70px 0 0;

        text-align: center;

    }



    .tit {

        color: #333;

        margin: 0 auto 35px;

    }



    .small {

        color: #999;

        line-height: 23px;

        font-family: microsoft yahei;

    }



    .types {

        width: 1049px;

        margin: 60px auto 0;

        /* border:1px solid #b3cae6; */

        /* background: #fff; */

        height: 500px;

    }



    .types .box {

        float: left;

        position: relative;

        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;

        width: 322px;

        height: 460px;

        background: #fff;

        /* border: 1px solid #b3cae6; */

        border-top: 1px solid #b3cae6;

        border-bottom: 1px solid #b3cae6;

        border-right: 1px solid #b3cae6;

    }



    .types .box .top_msg {

        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;

        background: #e2e8f6;

        height: 130px;

        padding-top: 25px;

        position: absolute;

        width: 100%;

    }



    .types .box .top_msg .ads_logo1,

    .types .box .top_msg .ads_logo2,

    .types .box .top_msg .ads_logo3 {

        width: 50px;

        height: 10px;

        padding: 25px 0 15px;

        margin: 0 auto 15px;

        background: url(../image/tencent.png) no-repeat 0 0;

    }



    .types .box .top_msg .ads_logo1 {

        background-position: 0 -130px

    }



    .types .box .top_msg .ads_logo2 {

        background-position: -62px -130px

    }



    .types .box .top_msg .ads_logo3 {

        background-position: -126px -130px

    }



    .types .box .bottom_msg {

        position: absolute;

        top: 130px;

        padding-top: 25px;

        font-family: '微软雅黑';

        /*height:305px;*/

        color: #333;

        width: 100%;

        margin: 30px auto 0;

    }



    .types .box .bottom_msg .bot_cont {

        width: 251px;

        margin: 0 auto;

    }



    .types .box .title {

        color: #333;

    }



    .types .box .t_small {

        color: #999;

        margin-top: 5px;

        font-size: 14px;

    }



    .types .box .bottom_msg p {

        line-height: 25px;

        color: #333;

        text-align: left;

    }



    .types .box .bottom_msg p.small {

        color: #999;

        margin-bottom: 25px;

    }



    .types .box:first-child {

        border-left: 1px solid #b3cae6;

    }



    .look_info {

        background: #fff;

        border: 1px solid #2579dd;

        border-radius: 3px;

        width: 172px;

        margin: 27px auto 0;

        cursor: pointer;

        color: #2579dd;

        font-family: inherit;

        text-align: center;

        line-height: 36px;

        height: 36px;

    }



    .look_info a {

        color: #2579dd;

        text-decoration: none;

    }



    .types .box.active {

        z-index: 100;

        border: 1px solid #2579dd;

        box-shadow: 0 0 20px rgba(33, 145, 215, 0.5);

        width: 400px;

        height: 500px;

        position: relative;

        /* box-sizing: border-box; */

    }



    .types .box.active .top_msg .ads_logo1 {

        background-position: 0 -60px

    }



    .types .box.active .top_msg .ads_logo2 {

        background-position: -62px -60px

    }



    .types .box.active .top_msg .ads_logo3 {

        background-position: -126px -63px

    }



    .types .box.active .top_msg {

        background: #009bf8;

        top: -20px;

        border-right: 2px solid #009bf8;

        left: -1px;

    }



    .types .box.active .title {

        color: #fff;

    }



    .types .box.active .t_small {

        color: #84d1ff;

    }



    .types .box.active .bottom_msg .look_info {

        margin-top: 46px;

    }



    .mr {

        margin-top: 20px;

        margin-bottom: 4px

    }



    .ten_bg2 {

        height: 265px;

        background: url(../image/ten_bg2.jpg) no-repeat center center;

        width: 100%;

        margin-top: -1px;

        overflow: hidden;

    }



    .ten_bg3 {

        height: 265px;

        background: url(/public/image/ten_bg3.jpg) no-repeat center center;

        width: 100%;

        margin-top: 55px;

        overflow: hidden;

    }



    .ten_bg4 {

        height: 265px;

        background: url(/public/image/ten_bg4.jpg) no-repeat center center;

        width: 100%;

        /* margin-top: 55px; */

        overflow: hidden;

    }



    .white {

        color: #fff;

    }



    .number {

        font-family: 'microsoft yahei Light', 'microsoft yahei';

        margin-top: 75px;

    }



    .number span {

        margin-right: 15px;

    }



    .number.f_30.white {}



    .introduce {

        line-height: 30px;

        margin-top: 25px;

    }



    .ten_bg .cont .img {

        margin-bottom: -5px;

    }



    .ten_bg_white .cont div.title {

        margin-bottom: 60px;

    }



    .boxs {

        margin-top: 55px;

    }



    .boxs .t_box {

        font-family: '微软雅黑';

        border: 1px solid #b3cae6;

        background: #fff;

        padding: 30px 25px;

        width: 308px;

        height: 78px;

        float: left;

        margin-right: 13px;

        margin-bottom: 17px;

    }



    .t_box .ico {

        width: 50px;

        height: 100%;

        float: left;

    }



    .t_box .ico span {

        width: 50px;

        display: block;

        height: 50px;

        background: url(../image/tencent.png) no-repeat;

        margin-top: 20px;

    }



    .t_box .ico.address span {

        background-position: 0 -200px;

    }



    .t_box .ico.sex span {

        background-position: -65px -193px;

        height: 52px;

    }



    .t_box .ico.phone span {

        background-position: -125px -196px;

    }



    .t_box .ico.love span {

        background-position: 0 -263px;

    }



    .t_box .ico.degree span {

        background-position: -64px -263px;

        width: 52px;

    }



    .t_box .ico.interest span {

        background-position: -126px -266px;

    }



    .t_box .int_msg {

        float: left;

        text-align: left;

        width: 230px;

        margin-left: 25px;

    }



    .t_box .int_msg .title {

        margin-bottom: 10px;

    }





    .swiper-container {

        position: relative;

        width: 100%;

        height: 500px;

        /*background: #000;*/

        overflow: hidden;

        margin-top: 60px;

    }



    .swiper-container .button-prev,

    .swiper-container .button-next {

        position: absolute;

        width: 41px;

        height: 80px;

        background: url(../image/tencent.png);

        top: 38%;

        cursor: pointer;

        z-index: 99;

    }



    .swiper-container .button-prev {

        left: 0;

        background-position: 0 -320px;

    }



    .swiper-container .button-next {

        right: 0;

        background-position: -56px -320px;

    }



    .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

    }



    .swiper-container-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        bottom: 0;

    }



    .scroll {

        position: relative;

    }



    .scroll .bmw_img,

    .adv_img {

        widht: 100%;

        height: 320px;

        background: url(/public/image/adv_roll_1.jpg) no-repeat center center;

    }



    .scroll .adv_img {

        widht: 100%;

        height: 320px;

    }



    .scroll .scroll_cont {

        position: absolute;

        top: 0;

        width: 100%;

        height: 235px;

        background: rgba(0, 0, 0, 0.3);

        padding-top: 85px;

    }



    .scroll .scroll_cont .brand {

        float: left;

        width: 265px;

    }



    .scroll .scroll_cont .brand span {

        display: block;

        width: 150px;

        height: 150px;

        background: url(/public/image/brand_logo.png) no-repeat;

        margin-left: 90px;

    }



    .scroll .scroll_cont .bmw span {

        background-position: 0 0;

    }



    .scroll .scroll_cont .text {

        font-family: '微软雅黑';

        text-align: left;

        float: left;

        margin-left: 20px;

        width: 775px;

        line-height: 25px;

    }



    .scroll .scroll_cont .text .title {

        margin-bottom: 45px;

    }



    .data {

        background: #008de8;

        padding: 45px 0;

        height: 60px;

    }



    .data .d_box {

        float: left;

        width: 372px;

        font-family: '微软雅黑';

        border-left: 1px solid #fff;

    }



    .data .d_box:first-child {

        border-left: none;

    }



    .data .d_box p:first-child {

        margin-bottom: 3px

    }



    .bmw_data,

    .baic_data {

        background: #008de8;

    }



    .vip_data,

    .levis_data,

    .letv_data {

        background: #606ae5

    }



    .lining_data,

    .skoda_data,

    .fm_data {

        background: #18af7d

    }



    .levis_data .d_box {

        width: 49.5%;

    }





    .scroll .scroll_cont .bmw span {

        background-position: 0 0;

    }



    .scroll .scroll_cont .vip span {

        background-position: -179px 0;

    }



    .scroll .scroll_cont .lining span {

        background-position: -354px 0;

    }



    .scroll .scroll_cont .baic span {

        background-position: 0px -164px;

    }



    .scroll .scroll_cont .levis span {

        background-position: -179px -164px;

    }



    .scroll .scroll_cont .skoda span {

        background-position: -354px -164px;

    }



    .scroll .scroll_cont .finger span {

        background-position: 0px -326px;

    }



    .scroll .scroll_cont .letv span {

        background-position: -179px -326px;

    }



    .scroll .scroll_cont .fm span {

        background-position: -354px -326px;

    }



    .ten_bg .cont .small {

        margin-bottom: 50px;

    }



    .room_boxs {

        width: 100%;

        margin-top: 65px;

    }



    .room_boxs .r_box {

        float: left;

        width: 25%;

        text-align: center;

    }



    .room_boxs .r_box .room {

        border-radius: 230px;

        height: 230px;

        width: 230px;

        line-height: 230px;

        margin: 0 auto;

    }



    .room_boxs .r_box .room1 {

        border: 3px solid #77cb88;

        color: #77cb88;

    }



    .room_boxs .r_box .room2 {

        border: 3px solid #5ab1fc;

        color: #5ab1fc;

    }



    .room_boxs .r_box .room3 {

        border: 3px solid #645ece;

        color: #645ece;

    }



    .room_boxs .r_box .room4 {

        border: 3px solid #ee5e6c;

        color: #ee5e6c;

    }



    .room_boxs .r_box .text {

        width: 217px;

        text-align: left;

        margin: 30px auto;

        font-family: 微软雅黑;

        line-height: 28px;

        /* box-shadow: 0 0 black; */

    }



    .qq_cont,

    .move_cont {

        float: left;

        height: 555px;

        width: 530px;

        margin-top: 20px;

    }



    .qq_cont .qq_box,

    .move_cont .move_box {

        width: 100%;

        height: 333px;

        border: 1px solid #b3cae6;

        background: #fff;

        width: 440px;

        padding: 55px 50px 0;

        text-align: left;

    }



    .qq_cont {

        margin-left: 10px;

        margin-right: 30px;

    }



    .qq_cont .bt_img,

    .move_cont .bt_img {

        margin: -15px auto;

    }



    .qq_cont .qq_box .qq_ico {

        width: 135px;

        height: 130px;

        background: url(../image/tencent.png) no-repeat -205px 0;

        margin: 0 auto;

    }



    .move_cont .move_box .move_ico {

        width: 150px;

        height: 130px;

        margin: 0 auto;

        background: url(../image/tencent.png) no-repeat -205px -138px;

    }



    .qq_cont .qq_box .f_24,

    .move_cont .move_box .f_24 {

        text-align: center;

        margin: 22px 0 28px;

    }



    .tags {

        width: 100%;

        height: 535px;

        margin-bottom: 60px;

        margin-top: 35px;

    }



    .tags .left_tag {

        width: 210px;

        height: 100%;

        border: 1px solid #d0d0d0;

        float: left;

        background: #fff

    }



    .tags .left_tag p {

        text-align: center;

        line-height: 78px;

    }



    .tags .left_tag ul li {

        height: 50px;

        line-height: 50px;

        text-align: center;

        color: #333;

        text-indent: 25px;

        text-align: left;

        cursor: pointer;

        border-bottom: 1px solid #d0d0d0;

    }



    .tags .left_tag ul li:first-child {

        border-top: 1px solid #d0d0d0;

    }



    .tags .left_tag ul li.active {

        background: #17adf2;

        color: #fff;

    }



    .tags .tag_cont {

        background: #fff;

        width: 895px;

        margin-left: 10px;

        border: 1px solid #d0d0d0;

        height: 100%;

        float: left;

        text-align: center;

    }



    .tags .tag_cont img {

        margin: 45px auto 0;

    }



    .move_platform {

        margin-bottom: 0

    }



    .tags.move_platform .tag_cont .fl_img {

        float: left;

        margin-left: 80px;

        margin-right: 20px

    }



    .tags.move_platform .tag_cont .fr_text {

        float: left;

        width: 445px;

        margin-top: 185px;

        text-align: left;

    }



    .tags.move_platform .tag_cont .fr_text .fr_title {

        margin-bottom: 15px;

    }



    .tags.move_platform .tag_cont .fr_text .small {

        line-height: 28px;

    }





    /*浮动头部*/

    .head {

        position: fixed;

        top: 0;

        display: none;

        width: 100%;

        height: 0;

        line-height: 44px;

        z-index: 999;

        background: #363636;

    }



    .head .head_cont {

        width: 1120px;

        margin: 0 auto;

    }



    .head .head_cont .hd_title {

        font-family: inherit;

        color: #9e9e9e;

        float: left;

    }



    .head .head_cont .hd_nav {

        float: left;

        margin-left: 75px;

    }



    .head .head_cont .hd_nav a {

        color: #fff;

        padding: 15px 20px;

        /* height: 16px; */

        text-align: center;

        border-right: 1px solid #5c5c61;

        cursor: pointer;

        margin-left: -10px;

    }



    .head .head_cont .hd_nav a:first-child {

        border-left: 1px solid #5c5c61;

    }



    .head .head_cont .hd_nav a.active {

        background: #009bf8

    }

}