body {
       background: #fff;
   }
   
   .index header {
       box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%);
   }
   
   .index header .top {
       height: 100px;
   }
   
   .index header .top .logo {
       width: auto;
       margin-top: 25px;
   }
   
   .index header .top .qrcode {
       width: 72px;
       height: 72px;
   }
   
   .index header .menu {
       margin-top: 25px;
       margin-left: 130px;
       width: 100%;
   }
   
   .index header .menu ul li {
       float: left;
       line-height: 42px;
       color: #363636;
       font-size: 16px;
       position: relative;
       display: flex;
       margin-right: 50px;
       font-weight:600
   }
   
   .index header .menu a:hover {
       color: #e5414f;
   }
   
   .index header .menu ul li:hover .sublist {
       display: block;
   }
   
   .index header .menu .sublist {
       width: 100%;
       position: absolute;
       z-index: 999;
       top: 41px;
       left: -8px;
       display: none;
       text-align: center;
   }
   
   .index header .menu ul li .sublist a {
       width: 80px;
       height: 42px;
       display: block;
       background-color: #c6282a;
       color: #fff;
   }
   
   .index header .menu .sign_in .user_1 {
       width: 88px;
       height: 28px;
       background-color: #e5414f;
       border-radius: 8px;
       display: inline-block;
       margin-right: 10px;
   }

    .index header .menu .sign_in .user_2 {
        /*width: 105px;*/
        height: 28px;
        background-color: #e5414f;
        border-radius: 8px;
        display: inline-block;
        margin-right: 10px;
    }

   .index header .menu .sign_in .user_1 img {
       vertical-align: middle;
       padding: 5px 0 0 12px;
   }

    .index header .menu .sign_in .user_2 img {
        vertical-align: middle;
        padding: 5px 0 0 12px;
    }

   .index header .menu .sign_in .user_1 span {
       display: inline-block;
       padding: 4px 0 0 5px;
       vertical-align: middle;
       font-size: 14px;
       color: #fff;
   }

    .index header .menu .sign_in .user_2 span {
        display: inline-block;
        padding: 4px 10px 0 5px;
        vertical-align: middle;
        font-size: 14px;
        color: #fff;
    }

   .index header .menu .sign_in .register {
       width: 88px;
       height: 28px;
       background-color: #fff;
       border-radius: 8px;
       border: 1px solid #e5414f;
       display: inline-block;
   }
   
   .index header .menu .sign_in .register img {
       vertical-align: middle;
       padding: 5px 0 0 12px;
   }
   
   .index header .menu .sign_in .register span {
       display: inline-block;
       padding: 4px 0 0 5px;
       vertical-align: middle;
       font-size: 14px;
       color: #e5414f;
   }

    .index header .menu .sign_in .logout {
        width: 88px;
        height: 28px;
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid #e5414f;
        display: inline-block;
    }

        .index header .menu .sign_in .logout img {
            vertical-align: middle;
            padding: 5px 0 0 12px;
        }

        .index header .menu .sign_in .logout span {
            display: inline-block;
            padding: 4px 0 0 5px;
            vertical-align: middle;
            font-size: 14px;
            color: #e5414f;
        }
   
   .central {
       height: 400px;
       margin-top: 23px;
   }
   
   .central .pro_list {
       width: 220px;
       height: 396px;
       background-color: #e5414f;
   }
   
   .central .pro_list ul li {
       width: 100%;
       height: 80px;
   }
   
   .central .pro_list ul li .img_pz {
       height: 80px;
   }
   
   .central .pro_list ul li .img_pz img {
       margin: 31px 0 0 25px;
   }
   
   .central .pro_list ul li .img_pz span {
       font-size: 16px;
       color: #fff;
       display: block;
       margin: -32px 0 0 60px;
   }
   
   .central .pro_list ul li .img_pz p {
       font-size: 14px;
       color: #fff;
       opacity: 0.6;
       margin: -1px 0 0 61px;
   }
   
   .central .banner {
       width: 700px;
       height: 396px;
       margin-left: 5px;
   }
   
   .central .user_singn {
       width: 270px;
       height: 396px;
       box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%);
   }
   
   .central .user_singn .user_black {
       width: 270px;
       height: 176px;
   }
   
   .central .user_singn .user_black .us {
       padding: 30px 0 0 20px;
   }
   
   .central .user_singn .user_black .us span {
       font-size: 16px;
       color: #666666;
   }
   
   .central .user_singn .user_black .bt {
       margin: 18px 0 0 20px;
   }
   
   .central .user_singn .user_black .bt .dl {
       display: inline-block;
       width: 110px;
       height: 32px;
       background-color: #e5414f;
       line-height: 32px;
       text-align: center;
       font-size: 14px;
       color: #fff;
       border-radius: 15px;
       margin-left: -5px;
   }
   
   .central .user_singn .user_black .bt .zc {
       display: inline-block;
       width: 110px;
       height: 32px;
       background-color: #fff;
       line-height: 32px;
       text-align: center;
       font-size: 14px;
       color: #e5414f;
       border-radius: 15px;
       border: 1px solid #e5414f;
       margin-left: 10px;
   }
   
   .central .user_singn .news_list {
       width: 270px;
       height: 224px;
   }
   
   .central .user_singn .news_list .dd {
       padding-top: 20px;
       margin-left: 18px;
       font-size: 18px;
       color: #363636;
   }
   
   .central .user_singn .news_list ul {
       margin-top: 10px;
       margin-left: 18px;
   }
   
   .central .user_singn .news_list ul li a {
       line-height: 28px;
       font-size: 14px;
       color: #666666;
       transition: 0.3s;
   }
   
   .central .user_singn .news_list ul li:hover a {
       color: #e5414f;
   }
   
   .online {
       display: block;
       margin-top: 30px;
   }
   
   .online .top .left_imgpz span {
       font-size: 22px;
       color: #262626;
       vertical-align: middle;
       margin-left: 5px;
   }
   
   .online .top {
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .online .top .left_imgpz .p {
       width: 70px;
       margin: -27px 0 0 128px;
       font-size: 12px;
       color: #b7b7b7;
   }
   
   .online .top .right {
       margin-top: -22px;
   }
   
   .online .top .right a {
       font-size: 16px;
       color: #999999;
   }
   
   .online .lr {
       height: 283px;
   }
   
   .online .lr ul {
       margin-top: 20px;
   }
   
   .online .lr ul li {
       position: relative;
       background-color: #fff;
       width: 252px;
       height: 283px;
       box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%);
       border-radius: 10px;
       transition: all 0.5s;
       float: left;
   }
   
   .online .lr ul li:nth-last-child(2),
   .online .lr ul li:nth-last-child(3),
   .online .lr ul li:nth-last-child(4) {
       margin-right: 63px;
   }
   
   .online .lr ul li:hover {
       transform: scale(1.02);
   }
   
   .online .lr ul li:hover a .itp p {
       color: #e5414f;
   }
   
   .online .lr ul li a .itp {
       text-align: center;
   }
   
   .online .lr ul li a .itp .itp_img {
       padding-top: 42px;
   }
   
   .online .lr ul li a .itp h2 {
       font-size: 16px;
       color: #363636;
       padding-bottom: 15px;
   }
   
   .online .lr ul li a .itp p {
       width: 211px;
       font-size: 14px;
       color: #666666;
       line-height: 25px;
       display: block;
       margin: 0 auto;
       transition: all 0.3s;
   }
   
   .online .lr ul li a .itp .hx {
       position: absolute;
       bottom: 26px;
       left: 47.5%;
       width: 16px;
       height: 1px;
       background-color: #10d18f;
   }
   
   .tools {
       margin-top: 50px;
   }
   
   .tools .top .left_imgpz span {
       font-size: 22px;
       color: #262626;
       vertical-align: middle;
       margin-left: 5px;
   }
   
   .tools .top {
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .tools .top .left_imgpz .p {
       width: 270px;
       margin: -27px 0 0 128px;
       font-size: 12px;
       color: #b7b7b7;
   }
   
   .tools .top .right {
       margin-top: -22px;
   }
   
   .tools .top .right a {
       font-size: 16px;
       color: #999999;
   }
   
   .tools .lr {
       margin-top: 20px;
       height: 300px;
   }
   
   .tools .lr ul li {
       width: 389px;
       height: 138px;
       box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%);
       margin-right: 16px;
       margin-bottom: 14px;
       float: left;
   }
   
   .tools .lr ul li a h2 {
       font-size: 18px;
       color: #363636;
       font-weight: bold;
       padding: 23px 0 0 23px
   }
   
   .tools .lr ul li a .left {
       margin: 3px 0 0 23px;
   }
   
   .tools .lr ul li a .left img {
       display: inline-block;
   }
   
   .tools .lr ul li a .hx {
       display: inline-block;
       width: 1px;
       height: 13px;
       background-color: #eeeeee;
       margin: -3px 16px;
   }
   
   .tools .lr ul li a .left p {
       display: inline-block;
       font-size: 12px;
       color: #7b7b7b;
       margin-top: -8px;
       line-height: 25px;
   }
   
   .tools .lr ul li a .left img {
       transition: all 0.5s;
   }
   
   .tools .lr ul li a .mid {
       width: 324px;
       margin: 8px 0 0 23px;
   }
   
   .tools .lr ul li a .good {
       transition: all 0.5s;
       margin: -30px 18px 0 0;
   }
   
   .tools .lr ul li a .arrow {
       margin: -25px 18px 0 0;
   }
   
   .tools .lr ul li:hover a .good {
       transform: scale(1.3);
   }
   
   .tools .lr ul li:hover a .left img {
       transform: scale(1.05);
   }
   
   .gift {
       margin-top: 50px;
   }
   
   .gift .top .left_imgpz span {
       font-size: 22px;
       color: #262626;
       vertical-align: middle;
       margin-left: 5px;
   }
   
   .gift .top {
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .gift .top .left_imgpz .p {
       width: 70px;
       margin: -27px 0 0 128px;
       font-size: 12px;
       color: #b7b7b7;
   }
   
   .gift .top .right {
       margin-top: -22px;
   }
   
   .gift .top .right a {
       font-size: 16px;
       color: #999999;
   }
   
   .gift .lr {
       height: 800px;
       background-color: #ec5658;
       margin-top: 20px;
   }
   
   .gift .lr ul {
       padding-top: 15px;
   }
   
   .gift .lr ul li {
       position: relative;
       width: 280px;
       height: 372px;
       background-color: #fff;
       margin: 0 0 20px 16px;
       float: left;
   }
   
   .gift .lr ul li a {
       padding-top: 10px;
   }
   
   .gift .lr ul li a .img_1 {
       position: absolute;
       top: 80px;
   }
   
   .gift .lr ul li a .pz {
       position: absolute;
       bottom: 16px;
   }
   
   .gift .lr ul li a .img_2 {
       position: absolute;
       top: 50px;
   }
   
   .gift .lr ul li a .img_3 {
       position: absolute;
       top: 60px;
   }
   
   .gift .lr ul li a .img_4 {
       position: absolute;
       top: 0px;
   }
   
   .gift .lr ul li a h2 {
       font-size: 16px;
       color: #000;
       line-height: 25px;
   }
   
   .gift .lr ul li a span {
       margin-top: 10px;
       color: #ee0404;
       font-size: 18px;
   }
   
   .gift .lr ul li a .hx {
       width: 212px;
       height: 1px;
       background-color: #eee;
       margin-top: 10px;
   }
   
   .gift .lr ul li a p {
       font-size: 14px;
       color: #999999;
       margin-top: 10px;
   }
   
   .traffic {
       margin-top: 50px;
   }
   
   .traffic .top .left_imgpz span {
       font-size: 22px;
       color: #262626;
       vertical-align: middle;
       margin-left: 5px;
   }
   
   .traffic .top {
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .traffic .top .left_imgpz .p {
       width: 70px;
       margin: -27px 0 0 128px;
       font-size: 12px;
       color: #b7b7b7;
   }
   
   .traffic .top .right {
       margin-top: -22px;
   }
   
   .traffic .top .right a {
       font-size: 16px;
       color: #999999;
   }
   
   .traffic .tra_list {
       margin-top: 20px;
       height: 220px;
   }
   
   .traffic .tra_list ul li {
       float: left;
       transition: all 0.8s;
   }
   
   .traffic .tra_list ul li:nth-child(2),
   .traffic .tra_list ul li:nth-child(3),
   .traffic .tra_list ul li:nth-child(4) {
       margin-left: 26px;
   }
   
   .traffic .tra_list ul li:hover {
       transform: scale(1.02);
   }
   
   .traffic .tra_list ul li .list_gg {
       width: 280px;
       height: 220px;
       border-radius: 10px;
       text-align: center;
   }
   
   .traffic .tra_list ul li .list_gg img {
       margin-top: 36px;
   }
   
   .traffic .tra_list ul li .list_gg p {
       font-size: 20px;
       color: #fff;
       margin-top: 20px;
   }
   
   .traffic .tra_list ul li .list_gg a {
       width: 110px;
       height: 30px;
       background-color: #fff;
       line-height: 30px;
       font-size: 14px;
       text-align: center;
       border-radius: 8px;
       display: inline-block;
       margin-top: 25px;
   }
   
   .ds_school {
       margin-top: 50px;
   }
   
   .ds_school .top .left_imgpz span {
       font-size: 22px;
       color: #262626;
       vertical-align: middle;
       margin-left: 5px;
   }
   
   .ds_school .top {
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .ds_school .top .left_imgpz .p {
       width: 270px;
       margin: -27px 0 0 128px;
       font-size: 12px;
       color: #b7b7b7;
   }
   
   .ds_school .top .right {
       margin-top: -22px;
   }
   
   .ds_school .top .right a {
       font-size: 16px;
       color: #999999;
   }
   
   .ds_school .lr {
       margin-top: 20px;
       height: 444px;
   }
   
   .ds_school .lr ul li .vidd .img {
       display: block;
       position: relative;
   }
   
   .ds_school .lr ul li {
       float: left;
       margin-bottom: 25px;
       margin-right: 26px;
       width: 280px;
       height: 190px;
   }
   
   .ds_school .lr ul li .img .bg {
       width: 280px;
       height: 190px;
       background-color: rgba(0, 0, 0, 0.4);
   }
   
   .ds_school .lr ul li .img .bg h3 {
       position: absolute;
       bottom: 10px;
       left: 20px;
       font-size: 14px;
       color: #fff;
   }
   
   .ds_school .lr ul li .img .bg .views {
       position: absolute;
       bottom: 10px;
       right: 20px;
       font-size: 12px;
       color: #999999;
   }
   
   .ds_school .lr ul li .img .bg .views img,
   .ds_school .lr ul li .img .bg .views span {
       vertical-align: middle;
   }
   
   .ds_school .lr ul li .img {
       position: relative;
       width: 280px;
       height: 190px;
   }

    .ds_school .lr ul li .img button {
        position: absolute;
        top: 38%;
        left: 41%;
        width: 45px;
        height: 45px;
        background: url(/Image/public/tt_images/plal_button.png) no-repeat;
        background-size: contain;
        outline: none;
        border: none;
    }
   
   footer {
       position: relative;
       margin-top: 70px;
       width: 100%;
       height: 180px;
       background-color: #313131;
   }

    footer .w12 {
        height: 160px;
    }
   
   footer .top {
       display: inline-block;
       margin-top: 50px;
   }
   
   footer .hx {
       width: 1200px;
       height: 1px;
       background-color: #fff;
       opacity: 0.05;
       margin-top: 50px;
   }
   
   footer .top ul li {
       float: left;
       margin-right: 50px;
   }
   
   footer .top ul li a {
       font-size: 16px;
       color: #fff;
   }
   
   footer .top ul li a:hover {
       color: #e5414f;
   }
   
   footer .logo {
       margin-top: 30px;
   }
   
   footer .logo a {
       font-size: 45px;
       color: #fff;
       font-weight: bold;
       float: left;
   }
   
   footer .logo .hx_1 {
       width: 1px;
       height: 43px;
       background-color: #fff;
       float: left;
       margin: 3px 65px 0;
       opacity: 0.05;
   }
   
   footer .contact {
       float: left;
       margin-top: -25px;
   }
   
   footer .contact p {
       font-size: 14px;
       color: #999999;
       line-height: 30px
   }
   
   footer .ewm {
       position: absolute;
       right: 18.5%;
       top: 70px;
   }
   
   footer .ewm p {
       font-size: 14px;
       color: #999;
       margin-top: 8px;
       text-align: center;
   }
   
   .ds_tool {
       padding-top: 6px;
       background-color: #f7f7f7;
   }
   
   .ds_tool .top a {
       font-size: 16px;
       color: #666666;
   }
   
   .ds_tool .lr {
       height: 1200px;
   }
   
   .ds_tool .lr ul {
       margin-top: 20px;
   }
   
   .ds_tool .lr ul li {
       position: relative;
       background-color: #fff;
       width: 280px;
       height: 270px;
       box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 13%);
       border-radius: 5px;
       transition: all 0.5s;
       float: left;
       margin-right: 26px;
       margin-bottom: 23px;
   }
   
   .ds_tool .lr ul li:hover {
       transform: scale(1.02);
   }
   
   .ds_tool .lr ul li:hover a .itp p {
       color: #e5414f;
   }
   
   .ds_tool .lr ul li a .itp {
       text-align: center;
   }
   
   .ds_tool .lr ul li a .itp .itp_img {
       padding-top: 42px;
   }
   
   .ds_tool .lr ul li a .itp h2 {
       font-size: 16px;
       color: #363636;
       margin-top: 15px;
       padding-bottom: 15px;
   }
   
   .ds_tool .lr ul li a .itp p {
       width: 211px;
       font-size: 14px;
       color: #666666;
       line-height: 25px;
       display: block;
       margin: 0 auto;
       transition: all 0.3s;
   }

    .ds_tool .lr ul li a .itp .hx {
        position: absolute;
        bottom: 40px;
        left: 35.5%;
        width: 76px;
        height: 2px;
    }
   
   .school_com {
       padding-top: 6px;
       height: 2900px;
       background-color: #f7f7f7;
   }
   
   .school_com .top a {
       font-size: 16px;
       color: #666666;
   }
   
   .school_com .lr {
       height: 1450px;
   }
   
   .school_com .lr .head {
       width: 1200px;
       height: 73px;
       background-color: #fff;
       margin-top: 18px;
   }
   
   .school_com .lr .head ul li {
       position: relative;
       width: 240px;
       height: 73px;
       float: left;
   }
   
   .school_com .lr .head ul li a {
       width: 90px;
       height: 73px;
       display: block;
       margin-left: 33%;
   }
   
   .school_com .lr .head ul li:hover a span {
       color: #e5414f;
   }
   
   .school_com .lr .head ul li a:hover {
       border-bottom: 2px solid #e5414f;
   }
   
   .school_com .lr .head ul li a img {
       width: 20px;
       height: 19px;
       position: absolute;
       top: 28px;
       left: 77px;
   }
   
   .school_com .lr .head ul li a span {
       position: absolute;
       top: 25px;
       left: 104px;
       font-size: 16px;
       color: #363636;
   }
   
   .school_com .lr .head ul li .hx {
       width: 1px;
       height: 20px;
       background-color: #e5e5e5;
       margin-top: 29%;
       margin-left: -70%;
       display: inline-block;
   }

    .school_com .lr .head_list {
        width: 1250px;
        height: 1250px;
        margin-top: 28px;
    }
   
   .school_com .lr .head_list ul li {
       width: 286px;
       height: 250px;
       background-color: #fff;
       border-radius: 8px;
       float: left;
       margin-right: 18px;
       margin-bottom: 22px;
   }
   
   .school_com .lr .head_list ul li a h2 {
       font-size: 16px;
       color: #363636;
       line-height: 25px;
       width: 260px;
       display: inline-block;
       margin: 22px 0 0 14px;
   }
   
   .school_com .lr .head_list ul li:hover a h2 {
       color: #e5414f;
   }
   
   .school_com .lr .head_list ul li a .ban {
       display: inline-block;
       margin: 8px 0 0 14px;
   }
   
   .school_com .lr .head_list ul li a .views {
       margin: 16px 0 0 14px;
   }
   
   .school_com .lr .head_list ul li a .views span {
       font-size: 12px;
       color: #999999;
   }
   
   .school_com .lr .head_list ul li a .time {
       margin: 16px 15px 0 0;
   }
   
   .school_com .lr .head_list ul li a .time span {
       font-size: 12px;
       color: #999999;
   }
   
   .page {
       margin: 20px 0;
       text-align: center;
       padding-bottom: 20px;
   }
   
   .page_num a {
       display: inline-block;
       line-height: 30px;
       width: 30px;
       height: 30px;
       border: 1px solid #ccc;
       background-color: #ffffff;
       border-radius: 7px;
       color: #000;
       font-size: 14px;
   }
   
   .page_num .pn_prev,
   .page_num .pn_next {
       width: 52px;
   }
   
   .page_num a:hover {
       background-color: #d9241e;
       color: #ffffff;
   }
   
   .page_skip a {
       display: inline-block;
       line-height: 30px;
       width: 30px;
       height: 30px;
       border: 1px solid #ccc;
       background-color: #f7f7f7;
       border-radius: 7px;
       color: #000;
       font-size: 14px;
   }
   
   .news {
       padding-top: 6px;
       height: 1460px;
       background-color: #f7f7f7;
   }
   
   .news .top a {
       font-size: 16px;
       color: #666666;
   }
   
   .news .lr {
       height: 1450px;
       margin-top: 16px;
   }
   
   .news .lr .new_lest {
       width: 840px;
       height: 1373px;
       background-color: #fff;
   }
   
   .news .lr .new_lest .hrad {
       width: 840px;
       height: 57px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .news .lr .new_lest .hrad h2 {
       font-size: 20px;
       margin: 15px 0 0 32px;
       color: #262626;
       display: inline-block;
   }
   
   .news .lr .new_lest .mid {
       height: 1160px;
       margin: 0 auto;
   }
   
   .news .lr .new_lest .mid ul li {
       width: 780px;
       height: 167px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .news .lr .new_lest .mid ul li:hover a .pz h3 {
       color: #e5414f;
   }
   
   .news .lr .new_lest .mid ul li a .img {
       margin-top: 22px;
   }
   
   .news .lr .new_lest .mid ul li a .pz {
       position: relative;
       margin: 22px 0 0 27px;
   }
   
   .news .lr .new_lest .mid ul li a .pz h3 {
       font-size: 16px;
       color: #000000;
       margin-bottom: 12px;
       transition: all 0.3s;
   }
   
   .news .lr .new_lest .mid ul li a .pz p {
       font-size: 14px;
       color: #888;
       line-height: 25px;
       margin-bottom: 14px;
   }
   
   .news .lr .new_lest .mid ul li a .pz .views {
       position: absolute;
       right: 104px;
       bottom: 1px;
   }
   
   .news .lr .new_lest .mid ul li a .pz .views img {
       vertical-align: middle;
   }
   
   .news .lr .new_lest .mid ul li a .pz .views span {
       vertical-align: middle;
       font-size: 12px;
       color: #999;
   }
   
   .news .lr .new_lest .mid ul li a .pz .time {
       position: absolute;
       right: 12px;
       bottom: -20px;
   }
   
   .news .lr .new_lest .mid ul li a .pz .time img {
       vertical-align: middle;
   }
   
   .news .lr .new_lest .mid ul li a .pz .time span {
       vertical-align: middle;
       font-size: 12px;
       color: #999;
   }
   
   .news .lr .new_right {
       width: 340px;
       height: 510px;
       background-color: #fff;
   }
   
   .news .lr .new_right .head {
       width: 395px;
       height: 57px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .news .lr .new_right .head h2 {
       font-size: 20px;
       color: #262626;
       margin: 15px 0 0 26px;
       display: inline-block;
   }
   
   .news .lr .new_right .head a {
       float: right;
       font-size: 16px;
       color: #999999;
       margin-right: 25px;
       margin-top: 19px;
   }
   
   .news .lr .new_right .head a:hover {
       color: #e5414f;
   }
   
   .news .lr .new_right .list {
       margin: 20px 0 0 26px;
       overflow: hidden;
   }
   
   .news .lr .new_right .list ul li {
       width: 275px;
       font-size: 16px;
       color: #262626;
       line-height: 41px;
       cursor: pointer;
       word-break: keep-all;
       /* 不换行 */
       white-space: nowrap;
       /* 不换行 */
       overflow: hidden;
       /* 内容超出宽度时隐藏超出部分的内容 */
       text-overflow: ellipsis;
       /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
   }
   
   .news .lr .new_right .list ul li b {
       margin-right: 10px;
   }
   
   .gift_list {
       padding-top: 6px;
       height: 2200px;
       background-color: #f7f7f7;
   }
   
   .gift_list .top a {
       font-size: 16px;
       color: #666666;
   }
   
   .gift_list .lr {
       height: 1890px;
       margin-top: 16px;
   }
   
   .gift_list .lr .head {
       height: 115px;
       background-color: #fff;
   }
   
   #wrap {
       width: 1200px;
       height: 193px;
       margin: 25px 0 0 25px;
       display: inline-block;
   }
   
   #top {
       width: 1200px;
       height: 145px;
       font-family: 'Microsoft yahei';
   }
   
   #top p {
       margin-bottom: 22px;
   }
   
   #top p font {
       font-size: 14px;
       color: #999999;
       margin-right: 27px;
   }

    #top p span {
        font-size: 14px;
        color: #666;
        border: 1px solid #e5e5e5;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        width: 96px;
        height: 28px;
        cursor: pointer;
        border-radius: 3px;
        margin-right: 19px;
        margin-bottom: 10px;
    }

    #top p span.on {
        border-radius: 3px;
        border: 2px solid #e5414f;
        color: #e5414f;
        background: url('/Image/public/tt_images/on.png') no-repeat right bottom;
    }
   
   .gift_list .lr .mid {
       margin-top: 22px;
       height: 1900px;
       background-color: #fff;
   }
   
   .w1140 {
       width: 1140px !important;
       margin: 0 auto;
   }
   
   .gift_list .lr .mid .w1140 .liul li {
       width: 263px;
       height: 435px;
       border: 1px solid #eeeeee;
       margin-top: 34px;
       margin-bottom: -7px;
       display: inline-block;
       margin-right: 20px;
   }
   
   .gift_list .lr .mid .w1140 .liul li a .in {
       width: 240px;
       height: 112px;
       border-bottom: 1px solid #e5e5e5;
       margin: 0 auto;
   }
   
   .gift_list .lr .mid .w1140 .liul li a .in h3 {
       font-size: 16px;
       color: #363636;
       margin-top: 10px;
       margin-bottom: 20px;
       margin-left: 8px;
   }
   
   .gift_list .lr .mid .w1140 .liul li a .in p {
       display: inline-block;
       font-size: 14px;
       color: #666666;
       margin-right: 5px;
       margin-left: 8px;
       margin-bottom: 10px;
   }
   
   .gift_list .lr .mid .w1140 .liul li a .in h2 {
       font-size: 20px;
       color: #e5414f;
       margin-left: 8px;
   }
   
   .gift_list .lr .mid .w1140 .liul li a .in h2 em {
       font-size: 14px;
       color: #e5414f;
   }
   
   .gift_list .lr .mid .w1140 .liul li .fk {
       width: 55px;
       height: 23px;
       background-color: #f1f1f1;
       border-radius: 8px;
       color: #e5414f;
       font-size: 12px;
       text-align: center;
       line-height: 23px;
       margin: -22px 10px 0 0;
   }
   
   .gift_list .lr .mid .w1140 .liul li .bom p {
       display: inline-block;
       font-size: 14px;
       color: #666666;
   }
   
   .gift_list .lr .mid .w1140 .liul li .bom .stock {
       margin-left: 20px;
       margin-top: 12px;
   }
   
   .gift_list .lr .mid .w1140 .liul li .bom .sales {
       margin-right: 10px;
       margin-top: 12px;
   }
   
   .gift_list .lr .mid .w1140 .liul li .bom span {
       font-size: 12px;
       color: #e5414f;
   }