/* 首页 */ body { margin: 0; padding: 0; } .user input::-webkit-input-placeholder { color: #ccc; } .user input:-moz-placeholder { color: #ccc; } .user input::-moz-placeholder { color: #ccc; } .user input:-ms-input-placeholder { color: #ccc; } .pwd input::-webkit-input-placeholder { color: #ccc; } .pwd input:-moz-placeholder { color: #ccc; } .pwd input::-moz-placeholder { color: #ccc; } .pwd input:-ms-input-placeholder { color: #ccc; } .yzm input::-webkit-input-placeholder { color: #ccc; } .yzm input:-moz-placeholder { color: #ccc; } .yzm input::-moz-placeholder { color: #ccc; } .yzm input:-ms-input-placeholder { color: #ccc; } .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 998; display: none; } .main { position: fixed; width: 320px; height: 400px; background: #fff; z-index: 999; left: 50%; margin-left: -160px; top: 50%; margin-top: -200px; display: none; } .main_reg { position: fixed; width: 320px; height: 460px; background: #fff; z-index: 999; left: 50%; margin-left: -160px; top: 50%; margin-top: -230px; display: none; } .main_find { position: fixed; width: 320px; height: 460px; background: #fff; z-index: 999; left: 50%; margin-left: -160px; top: 50%; margin-top: -230px; display: none; } .logoLogin { padding: 20px 0 0 0; text-align: center; } .logoLogin img { width:70%; } .award { text-align: center; } .zhiyin { text-align: center; } .user, .pwd { width: 100%; text-align: center; position: relative; margin: 20px 0; } .yzm { width: 100%; position: relative; padding-left: 46px; } .user input, .pwd input { width: 230px; height: 40px; line-height: 40px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #d7d7d7; text-indent: 30px; outline: none; } .yzm input { width: 130px; height: 40px; line-height: 40px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #d7d7d7; text-indent: 30px; outline: none; } .user img, .pwd img, .yzm img { width: 30px; position: absolute; left: 50px; top: 5px; } .fuzhu { display: flex; flex-direction: row; width: 240px; margin: 0 auto; justify-content: space-between; } .grayText { color: #ccc; } .btnClose, .regClose { position: absolute; top: 5px; right: 5px; } .tixing { color: #ccc; font-size: 12px; width: 100%; text-align: center; padding-top: 20px; } .btn-login { width: 80%; height: 40px; line-height: 40px; padding: 0; margin: 0; background: #2956b4; color: #fff; text-align: center; border: none; border-radius: 0px; } .btn-reset { width: 80%; height: 40px; line-height: 40px; padding: 0; margin: 0; background: #2956b4; color: #fff; text-align: center; border: none; border-radius: 0px; } .denglu { text-align: center; } .sideBar { position: fixed; bottom: 300px; right: 0; z-index: 1000; display: flex; flex-direction: column; } .sideBar .item { width: 40px; height: 60px; background: #f90; text-align: center; position: relative; } .kefu_tit { color: #fff; font-size: 12px; border-bottom: 1px solid #fff; } .sideBar .item img { width: 100%; cursor: pointer; } .side_kefu .item { width: 100px; height: 120px; } .side_kefu .item span { display: block; } .side_kefu img { width: 100px !important; } .bg img { width: 100%; } .banner { margin: 0; padding: 0; position: relative; } .nav { position: absolute; top: 0; width: 100%; } .navList { list-style: none; } .navList li { float: left; margin: 0 20px; height: 60px; line-height: 60px; color: #fff; } .navList li a { color: #fff; text-decoration: none; font-size: 18px; } .navList li button { width: 120px; } .kami { background: none; color: #fff; } .threeButton { position: absolute; top: 58%; width: 100%; z-index: 99; display: none; } .threeButton button { width: 140px; height: 40px; } .swiper-slide button { width: 200px; } .modelTit{ font-size: 40px; position: absolute; z-index: 2; display: block; bottom: 20px; } .youshiTit{ font-size: 40px; position: absolute; z-index: 2; top: 180px; width: 100%; text-align: center; color: #fff; left: 0; } .dituTit{ font-size: 40px; position: absolute; z-index: 2; bottom: 0; color: #badcff; display: block; left: 0; top: 100px; } .useTit{ font-size: 40px; position: absolute; z-index: 2; top: 150px; width: 100%; text-align: center; color: #fff; } .helpTit{ font-size: 40px; position: absolute; z-index: 2; top:100px; width: 100%; text-align: center; color: #000; left: 0; } .youshiTit{ width: 100%; position: absolute; top: 130px; left: 0; text-align: center; font-size: 40px; color: #fff; } .tit_cp,.tit_map,.tit_news{ position: relative; } .tit_youshi span:first-child{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 80px; } .tit_cp span,.tit_map span,.tit_news span,.tit_youshi span{ width: 100%; } .tit_cp img,.tit_youshi img,.tit_news img,.tit_map img{ width: 100%; } .tit_news { width: 1100px; } .tit { padding: 50px 0 20px 0; } .chanpinText { text-align: center; } .pro{ padding-bottom: 50px; background:#f5f5f5; } .swiper-container { width: 100%; height: 100%; padding: 0 50px; } .swiper-slide { margin-top: 30px; margin-bottom: 70px; text-align: center; font-size: 8px; background: #fff; display: flex; flex-direction: column; align-items: center; border: 1px solid #f5f5f5; padding-top: 10px; } .swiper-slide p { padding: 10px 40px; } .swiper-slide:hover { -moz-box-shadow: 2px 2px 10px #7D7D7D; -webkit-box-shadow: 2px 2px 10px #7D7D7D; box-shadow: 2px 2px 10px #7D7D7D; } .chakan { color: #7d96b3; } .titCard { font-size: 24px; font-weight: bold; color: #0777ff; margin-top:20px; } .youshiBg img { width: 100%; } .youshi { position: relative; margin: 0; padding: 0; } .map img { width: 100%; } .d1 { position: absolute; z-index: 997; top: 30%; width: 100%; text-align: center; } .d2, .d3, .d4, .d5, .d6, .d1 { display: none; } .d1 img { width: 800px; } .dailiImg{ position: absolute; left: 50%; margin-left: -600px; width: 1200px; top: 100px; } .useBg img { width: 100%; } .use { margin: 0; padding: 0; position: relative; } .d_use { position: absolute; z-index: 999; width: 100%; text-align: center; display: none; top: 36%; } .d_use img { width: 1200px; } .logo img { width: 80%; padding: 20px 0 0 20px; } .btnKm { background: none; color: #fff; border-radius: 0px; } .btn-primary { border-radius: 0px; background: #0777ff; /* Old browsers */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0777ff', endColorstr='#2f50a0', GradientType=1); /* IE6-9 */ } .btn-danger { border: none; border-radius: 0px; background: #e79482; /* Old browsers */ background: -moz-linear-gradient(left, #e79482 0%, #d0755f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e79482 0%, #d0755f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e79482 0%, #d0755f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79482', endColorstr='#d0755f', GradientType=1); /* IE6-9 */ } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none !important; } .imgYoushi { position: absolute; top: 15em; width: 100%; } .imgYoushi img { width: 660px; } .reg { background: none; border-color: #35529c; margin-right: 10px; } .footer { background: #39516b; padding-bottom: 40px; border-bottom: 1px solid #39516b; } .cp { margin: 0; padding: 0; list-style: none; } .cp li { float: left; /*height: 40px; line-height: 40px;*/ height: 25px; line-height: 25px; color: #fff; margin: 10px 30px; margin-left: 0; } .cp li a { color: #fff; text-decoration: none; } .cpTit { font-size: 16px; color: #fff; margin: 50px 30px 20px 0px; } .ewm { padding-top: 10px; color: #fff; } .sao { color: #fff; } .newsCon { background: #f7f8fa; } .breadcrumb { background: none; padding-top: 20px; } .breadcrumb li a { color: #000000; font-size: 16px; } .preNext { padding: 40px 30px; border-top: 1px solid #f5f5f5; background: #fff; } .preNext a { color: #666; } .articleTit { padding: 30px; background: #fff; border-bottom: 1px solid #ccc; } .articleCon { padding: 30px; background: #fff; text-align: center; } .copyr { padding: 20px 0; background: #39516b; color: #fff; } .copyr a { color:#fff; } .newsArea { padding-bottom: 50px; } .logoD img { width: 30px; } .newsList { position: relative; border-bottom: 1px solid #294298; } .model { display: flex; flex-direction: row; } .model .item { padding: 10px 0; } .model .item:last-child { margin-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .model .item a { color: #000000; } .listcon { padding: 20px 0; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #294298; cursor: default; background-color: #fff; border: 1px solid #294298; border-bottom-color: transparent; } .nav-tabs>li>a { color: #222; } .more img { width: 103px !important; } .navList li:hover { border-bottom: 2px solid #fff; } .newsList li img { width: 20px; margin-right: 5px; } /* 购买页面 */ .nav_buy { position: relative; background-color: #0D1322; background-image: linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -webkit-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -moz-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -o-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); } .navList_buy li a { color: #fff; } .reg_buy { color: #fff; } .ad { margin: 0; padding: 0; } .ad img { width: 100%; } .cpshow { display: flex; flex-direction: row; flex-wrap: wrap; } .cpshow .item { width: 20%; margin: 10px 0; text-align: center; font-size: 16px; font-weight: bold; position: relative; padding-top: 20px; } .kuang { border: 1px solid #1d3997 !important; box-shadow: 8px 8px 8px #888888; } .check { position: absolute; top: 0; right: 0; z-index: 99; width: 30px; display: none; } .cpimg img { width: 80px; } .bg_taocan { /*background: url(../img/th.png) no-repeat;*/ background: cover; width: 90%; background-position: center; color: #fff; border-radius: 6px; padding: 20px; } .stepOne { padding: 20px; border-radius: 10px; margin-top: 30px; margin-bottom: 50px; } .intro { padding-top: 20px; } .intro p:first-child { font-size: 18px; } .twoButton { padding-top: 40px; } .twoButton button:last-child { margin-top: 10px; } .btn-warning { background-color: #F19B5B; background-image: linear-gradient(147deg, #F19B5B 0%, #EC6D58 74%); background-image: -webkit-linear-gradient(147deg, #F19B5B 0%, #EC6D58 74%); background-image: -moz-linear-gradient(147deg, #F19B5B 0%, #EC6D58 74%); background-image: -o-linear-gradient(147deg, #F19B5B 0%, #EC6D58 74%); border: 0px; border-radius: 0px; } .photo { padding-top: 20px; } .photoK { border: 1px solid #fff; width: 150px; padding: 20px; margin: 0 auto; border-radius: 6px; background: #fff; color: #0a1a4f; } .nameSmall { padding: 20px 0; color: #666; } .card { width: 95%; margin: 0 auto; display: flex; flex-direction: row; } .card .item { width: 150px; padding-top: 20px; margin: 0 20px; text-align: center; border: 1px solid #ccc; border-radius: 5px; position: relative; } .price { color: #ee7a6a; font-size: 28px; font-weight: bold; margin-right: 5px; } .tianka { font-size: 20px; font-weight: bold; color:#F19B5B } .yuanjia { text-decoration: line-through; color: #ccc; } .qixian { color: #fff; /*border-top: 1px solid #f5f5f5;*/ padding-top: 5px; } .cardCheck { position: absolute; top: 0; right: 0; z-index: 99; width: 30px; display: none; } .youhui { color: #ec6e58; width: 90%; text-align: center; border: 1px solid #ccc; padding: 10px 0; margin: 20px auto; border-radius: 4px; font-size: 25px; font-weight:bold; } .tijiao { width: 100%; text-align: center; padding: 50px 0; } .tijiao-tip { width: 100%; text-align: center; padding: 10px 0; } .lingqu { padding: 10px 0; } .tijiao button { width: 300px; height:50px; line-height:50px; padding:0; } .top { background: #f7f8fa; padding: 60px 0; } .selectCard { width: 80%; display: flex; flex-direction: row; border-radius: 5px; padding:16px 20px; background: url(../img/kuangRed.png) no-repeat; background-position: left top; background-size: 100%; } .selectCard .item { text-align: center; width: 33.3%; } .selectCard .item:first-child{ width: 43%; border-right: 1px solid #ccc; } .selectPhoto img { width: 80px; } .sname { font-size: 22px; } .sprice { color: #ccc; } .stime { color: #666; /* border-top: 1px dashed #ccc; */ padding-top: 20px; } .zongjia span { font-size: 52px; color: #ee7a6a; } .zongjia { padding-top: 20px; } .tishi { color: red; /*font-size: 8px;*/ } .tishika{ padding: 20px 0; } .shuru input { width: 380px; height: 40px; line-height: 40px; outline: none; } .shuruname, .chongfu { height: 40px; line-height: 40px; } .biaodan { padding-top: 30px; } .cishu { color: #ccc; font-size: 10px; text-align: center; } .btnlingqu { display: flex; flex-direction: column; padding-top: 40px; } .lingqu { padding-top: 10px; padding-bottom: 40px; } input { padding-left: 10px; } .reg_tab { display: flex; flex-direction: row; width: 200px; margin: 0 auto; } .reg_tab .item { width: 100px; text-align: center; color: #ccc; } .zhuce { border-bottom: 1px solid #ccc; height: 100px; line-height: 100px; } .t2 { display: none; } .cu { font-weight: bold !important; color: #000000 !important; } .t1 .row { margin: 10px 0; } .dan, .pi { cursor: pointer; font-size: 18px; } .regDan { margin-top: 10px; height: 30px; line-height: 30px; } .regDan input { outline: none; width: 360px; } .buchang { display: flex; flex-direction: row; position: relative; margin-top: 12px; } .buchang .item { border: 1px solid #ccc; width: 40px; height: 30px; line-height: 30px; text-align: center; } .zhifufangshi img { width: 20px; } .dropdown-toggle { width: 360px; border-radius: 0px; } .toolsBar .dropdown-toggle{ width: auto; } .t1 .row { height: auto; line-height: 60px; } .t2 .row { height: auto; line-height: 60px; } .t1 { padding-top: 50px; } .layui-form-item img { width: 20px; } .blueText { color: #35539d; font-size: 18px; font-weight: bold; } .yue { width: 30px !important; height: 30px !important; line-height: 30px !important; } .shuoming { color: #ccc; height: 20px; line-height: 20px; width: 100%; text-align: center; padding: 10px 0; margin-top: 20px; margin-bottom: 20px; } .jinggao { color: red; } .num { display: flex; flex-direction: row; } .num .item { padding: 2px 5px; background: #294298; color: #fff; font-weight: bold; margin: 0 2px; text-align: center; } .num .item:first-child { margin-left: 0; } .lianjie { position: absolute; top: 280px; width: 100%; } .modelMap { position: relative; } /* 淘宝 */ .tAd img, .tPeitu img { width: 100%; } .tAd { margin: 0; padding: 0; } .tintro { background: #f7f8fa; color: #666; padding: 50px 0; } .ttishi { padding: 30px 0; color: #666; } .tlink img { width: 90%; } .tlink { padding-bottom: 50px; } /* 软件下载 */ .softBg { height: 200px; background-color: #0D1322; background-image: linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -webkit-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -moz-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); background-image: -o-linear-gradient(180deg, #0D1322 0%, #16223C 50%, #0D1322 100%); } .simg { margin-top: 50px; } .simg img { width: 100%; } .sintro { color: #fff; padding: 20px 0; } .jiaocheng { color: #fff; margin-top: 130px; position: relative; display: block; } .smodel { width: 200px; display: flex; flex-wrap: wrap; } .smodel .item { width: 100px; border: none !important; } .smodel img { width: 80%; } .softName { font-weight: bold; font-size: 18px; height: 100px; } .btn-sdefault { background: #c1d0e4; color: #000000; border: 0; border-radius: 0px; width: 90px; font-size: 12px; } .btn-sdefault:hover { background: #2956b4; color: #fff; } .soft { display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px 0; } .soft .sitem { border: 1px solid #f5f5f5; padding: 20px; margin: 20px; } .soft .sitem:hover { -moz-box-shadow: 2px 2px 10px #7D7D7D; -webkit-box-shadow: 2px 2px 10px #7D7D7D; box-shadow: 2px 2px 10px #7D7D7D; } .smodel p { color: #ccc; padding-top: 10px; } /* 资讯 */ .searchInput input { width: 100%; margin-top: 60px; height: 40px; line-height: 40px; color: #666; outline: none; } .zxbz img { margin-top: 40px; } .searchBtn button { margin-top: 60px; background: #d45a48; color: #fff; border-radius: 0; width: 150px; border: none; height: 40px; line-height: 40px; padding: 0; } .hot { color: #fff; padding: 20px 0; } .hot span { margin: 0 10px; } .conBg { background: #f7f8fa; } .fourModel { display: flex; flex-direction: row; } .fourModel .item { width: 23%; text-align: center; padding: 10px; background: #fff; margin: 20px 10px; border-radius: 6px; } .fourModel .item img { width: 50%; } .fourModel .item:hover { -moz-box-shadow: 2px 2px 10px #7D7D7D; -webkit-box-shadow: 2px 2px 10px #7D7D7D; box-shadow: 2px 2px 10px #7D7D7D; } .mylist { background: #fff; padding-top: 40px; } .listUl { padding: 10px 30px; margin: 0; } .listUl li { list-style: none; border-bottom: 1px solid #f5f5f5; margin: 20px 0; } .listUl li:first-child { margin-top: 0; } .newsTit { display: flex; flex-direction: row; } .newsTit .item:first-child { width: 90%; color: #1f3b96; font-size: 16px; } .newsTit .item:last-child { color: #ccc; } .gaiyao { color: #5E5E5E; margin: 10px 0; } .fenye { padding: 30px 0; text-align: center; } .fenye ul li a { color: #666; } .fenyeActive { background: #d75d4c !important; color: #fff !important; } .fenyeActive2 { background: #3157ad !important; color: #fff !important; } /* 线路表 */ .btnZhilian { border: 1px solid #fff; height: 40px; display: block; width: 150px; color: #fff; line-height: 40px; text-align: center; margin-top: 60px; } .btnZhilian img { width: 30px; } .xianlu { display: flex; flex-wrap: wrap; flex-direction: row; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; } .xianlu .item { width: 140px; line-height: 40px; height: 40px; background: #d45a48; color: #fff; margin: 10px 20px; text-align: center; position: relative; cursor: pointer; } .xianlu .item img { width: 20px; position: absolute; right: 0; top: 0; display: none; } .xianluIntro { padding: 20px 0; color: #6a798e; text-align:center; font-size:22px; } .blueLine { border: 1px solid #1d3997; } .daochu { background: #3a714a; color: #fff; display: inline-block; text-align: center; width: 150px; height: 34px; line-height: 34px; vertical-align: middle; margin-left: 5px; cursor: pointer; } .daochu img { width: 30px; } .searchDq { width: 50%; margin-right: 20px; height: 34px; line-height: 34px; } .miyao { color: #6a798e; } .fanwei { color: #666; } .xianluTable { margin-bottom: 50px; } .xianluTable tr, .xianluTable tr td { text-align: center; border-top: none !important; } .xianluTable th { color: #6a798e; text-align: center; border-top: none !important; } .xianluTable th img { width: 24px; } .table-striped>tbody>tr:nth-of-type(odd) { background: #f6fafe; } .greenT { color: green; } .blueT { color: #1f3a94; } .redT { color: red; } /* 会员中心 */ .leftArea{ height: 100vh; background: #232934; color: #fff; padding: 0; } .leftBar{ display: flex; flex-direction: column; } .leftBar .item{ margin: 10px 0; height: 60px; line-height: 60px; padding-left: 70px; } .leftBar .item img{ margin-right: 10px; } .leftBar .item a{ color: #fff; text-decoration: none; } .clearMargin{ margin: 0; padding: 0; } .active_b{ background: #2955b3; } .rightCon{ background: #f7f8fb; } .zhanghu{ background: #fff; border-radius: 8px; -moz-box-shadow: 2px 2px 10px #ccc; -webkit-box-shadow: 2px 2px 10px #ccc; box-shadow: 2px 2px 6px #ccc; margin: 20px 0px; height: 300px; padding: 20px 20px; } .zhanghu2{ background: #fff; border-radius: 8px; -moz-box-shadow: 2px 2px 10px #ccc; -webkit-box-shadow: 2px 2px 10px #ccc; box-shadow: 2px 2px 6px #ccc; margin: 20px 0px; padding: 20px 20px; height: 31.25rem; } .lineBar{ background: #3c5eb5; width: 5px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } .accout_tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee; font-size: 18px; } .edit{ text-align: right; margin-top: 5px; } .accoutLeft{ border-right: 1px dashed #eee; } .xinxi{ display: flex; flex-direction: column; } .xinxi .item{ height: 40px; line-height: 40px; color: #999; font-size: 12px; } .xinxi2{ display: flex; flex-direction: column; } .xinxi2 .item{ height: 40px; line-height: 40px; color: #999; font-size: 12px; } .xinxi2 .item span{ font-size: 16px; color: #000000; } .myPhone{ font-size: 20px !important; color: #000000 !important; } .myPwd{ color: #000000 !important; } .myPwd img{ float: right; margin-right: 30px; margin-top: 10px; } .money{ background: #f7f8fb; padding: 30px 30px; text-align: center; width: 90%; margin: 20px auto; font-size: 18px; border-radius: 10px; } .useCon{ background: #f7f8fb; padding: 30px 30px; text-align: center; width: 100%; margin: 20px auto; font-size: 18px; border-radius: 10px; } .money span{ color: #2a56b3; font-size: 60px; margin-left: 10px; } .useCon span{ color: #2a56b3; font-size: 60px; } .zhanghao{ display: flex; flex-direction: column; padding-top: 20px; } .zhanghao .item{ height: 40px; line-height: 40px; text-align: center; } .zhanghao .item:nth-last-of-type(even){ color: #ea7a22; font-size: 24px; } .zhanghao .item:nth-last-of-type(odd){ height: 60px; } .xiaofeiArea{ padding-top: 2%; } .xiaofei{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .xiaofei .item{ width: 30%; height: 100px; color: #fff; font-size: 42px; text-align: right; padding-right: 20px; margin-bottom: 10px; } .xiaofei .item p:last-child{ font-size: 16px; } .x1{ background: #6DDAF9; background-image: url(../img/c1.png); background-repeat: no-repeat; background-position: left bottom; border-radius: 10px; } .x2{ background: #efa383; border-radius: 10px; background-image: url(../img/c2.png); background-repeat: no-repeat; background-position: left bottom; } .x3{ background: #b0a1f4; border-radius: 10px; background-image: url(../img/c3.png); background-repeat: no-repeat; background-position: left bottom; } .bennian{ position: relative; width: 100%; height: 210px; background: #5272f4; text-align: right; border-radius: 10px; background-image: url(../img/nian.png); background-repeat: no-repeat; background-position: left top; } .bennianxiaofei{ position: absolute; right: 20px; bottom: 20px; } .bennian p{ color: #fff; font-size: 48px; margin: 0; padding: 0; } .bennian p:last-child{ font-size: 16px; } .toutiao{ list-style: none; margin: 0; padding: 20px 30px; } .toutiao li{ height: 36px; line-height: 36px; list-style: disc; } .toutiao li a{ color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; float: left; width: 80%; } .toutiao li span{ color: #ccc; float: right; } .toolsBar{ display: flex; flex-direction: row; padding: 20px 30px; } .toolsBar .item{ margin: 0 10px; } .bianhao{ height: 34px; line-height: 34px; } .table_person tr th{ background: #2955b3; color: #fff; text-align: center; } .table_person tr td{ border-top: none !important; text-align: center; } .table_person tr:nth-child(even){ background: #fff; } .wanshan{ border: 1px solid orange; height: 40px; line-height: 40px; text-align: center; background: #fffdf7; margin: 10px 0; } .wanshan img{ width: 30px; } .xuTui img{ width: 20px; } .xufeiBar{ padding:10px 20px; } .xuTui button:last-child{ margin-left: 10px; } .change{ width: 16px; } .quan{ display: flex; width: 240px; height: 210px; background: url(../img/quan.png) no-repeat top; background-size:cover; flex-direction: column; margin-top: 50px; } .quan .item{ color: #fff; height: 30px; line-height: 30px; padding-left: 10px; } .quan .item:first-child{ padding: 0 30px; height: 60px; line-height: 60px; } .couponName{ float: right; } .quan .item:last-child{ padding: 20px 30px; color: #000000; text-align: center; } .couponPrice{ font-size: 20px; margin-left: 10px; } .coupon{ padding-bottom: 50px; } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .payMask { background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 998; display: none; } .payCon { width: 800px; height: 450px; left: 50%; margin-left: -400px; top: 50%; margin-top: -200px; background: #fff; border-radius: 10px; position: absolute; z-index: 999; padding: 30px; } .payClose { position: absolute; top: 10px; right: 10px; } .payTit { text-align: center; padding: 20px 0; font-size: 18px; } .payTit img { margin-right: 10px; } .leftBorder { border-left: 1px dashed #ccc; } .leftBorder p { height: 30px; line-height: 30px; } .payPrice { margin: 20px 0; } .payPrice span { font-size: 48px; margin: 20px 0; } .cursor { cursor: pointer; } /* 2020.3.15 */ .xinwen { list-style: none; padding: 0; } .xinwen li { width: 33.33%; float: left; height: 40px; line-height: 40px; } .xinwen li a { color: #000000; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 70%; } .xinwen li span { color: #ccc; float: right; margin-right: 30px; } .exitBox { display: none; flex-direction: column; background: #5f7086; border-radius: 10px; padding: 5px 8px; z-index:999; margin-left: -21px; position:absolute; } .exitBox .item { height: 40px !important; line-height: 40px !important; } .btnUser { cursor: pointer; } .exitBox a { font-size: 14px !important; } .navList li:last-child { border-bottom: none; } .side_q { position: absolute; z-index: 999; right: 40px; top: 0; display:none; width: 280px; background: #f5f5f5 !important; } .side_q .item { float:left; width: 50%; background:#f5f5f5 !important; padding:10px; } .ileft, .iright { float: left; } .ileft { width:20%; } .iright { width:80%; } .ileft img{ width:24px !important; } .side_gzh { padding-top: 10px; position: absolute; top: 0; right: 40px; width: 240px; height: 220px; display: none; background: #f5f5f5; z-index: 999; } .side_gzh p img { width: 110px !important; height: 110px !important; } .side_tel { padding-top:10px; position: absolute; right: 40px; width: 180px !important; height: 100px !important; text-align: center; background: #f5f5f5; color: #000000; display: none; z-index: 999; top: 0; } .side_kefu { position: absolute; z-index: 999; right: 40px; top: 0; display: flex; flex-direction: column; display: none; width: 260px; background: #f5f5f5; padding-bottom: 20px; } .popmask { display:none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.2); } .jieshao { height:115px; } .newProduct { list-style: none; width: 100%; position: relative; } .newProduct li { width: 14%; float: left; margin:10px 1%; background:#fff; text-align:center; cursor:pointer; } .newProduct li p { padding:10px; } .newProduct li:hover { box-shadow: 0 10px 10px #ccc; transform: translateY(-10px); transition: all 0.5s; transition-timing-function: linear; } .chakan a { color: #d17761; } .gm { width: 80%; height: 40px; border-radius: 8px; background-color: #FAD961; background-image: linear-gradient(20deg,#FAD961 0%,#F76B1C 100%); background-image: -webkit-linear-gradient(20deg,#FAD961 0%,#F76B1C 100%); background-image: -moz-linear-gradient(20deg,#FAD961 0%,#F76B1C 100%); background-image: -o-linear-gradient(20deg,#FAD961 0%,#F76B1C 100%); border:none; } .buyBar { width:100%; display: flex; flex-direction: row; background:#0777ff; height:80px; background-size:cover; padding-top:30px; } .buyBar .item { width:50%; text-align:center; } .ck a{ color:#fff; text-decoration:underline; }