body { overflow-x: hidden; } .layNav li a{ color: #fff; } .mynav { display: flex; flex-direction: row; background: #000000; position: fixed; top: 0; z-index: 2; width: 100%; } .mlogo img { width:100%; margin-top:10px; } .mynav .item { width: 33.33%; height: 1.466666rem; padding: 0.266666rem 0 0.133333rem 0; } .mynav .item:last-child { text-align: right; padding-right: 0.266666rem; } .banner { background: url(../img/banner.png) no-repeat left top; background-size: cover; height: 6.133333rem; position: relative; margin-top: 1.466666rem; } .btnBlue { width: 2.586666rem; height: 0.733333rem; line-height: 0.733333rem; color: #fff; background-color: #1F54BA; background-image: linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -webkit-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -moz-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -o-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); border: none; font-size: 22px; } .btnOrange { width: 2.586666rem; height: 0.72rem; line-height: 0.72rem; color: #fff; background-color: #FF7263; background-image: linear-gradient(90deg, #FF7263 0%, #E45040 100%); background-image: -webkit-linear-gradient(90deg, #FF7263 0%, #E45040 100%); background-image: -moz-linear-gradient(90deg, #FF7263 0%, #E45040 100%); background-image: -o-linear-gradient(90deg, #FF7263 0%, #E45040 100%); border: none; font-size: 22px; } .buttonList { display: flex; flex-direction: row; justify-content: space-around; position: absolute; bottom: 1.373333rem; width: 100%; } .titProducts { position: relative; text-align: center; height: 1.92rem; line-height: 1.92rem; color: #f0f5fd; font-size: 80px; font-style: italic; font-weight: bold; } .titProducts p:last-child { font-size: 42px; color: #000000 !important; font-style: normal; position: absolute; top: 0.266666rem; width: 100%; text-align: center; font-weight: normal; } .conProducts { margin: 0.133333rem 0 0.666666rem 0; } .productCard { display: flex; flex-direction: column; -moz-box-shadow: 0px 0px 8px #9C9C9C; -webkit-box-shadow: 0px 0px 8px #9C9C9C; box-shadow: 0px 0px 8px #9C9C9C; border-radius: 0.133333rem; text-align: center; margin: 0.133333rem 0; padding: 0.133333rem 0; } .productCard .item { font-size: 16px; color: #666; } .pName { font-size: 20px !important; color: #000000 !important; margin: 0.133333rem 0; } .showLine { margin: 0.266666rem 0; color: #7796b6 !important; } .productCard .item:last-child { margin: 0.133333rem 0; } .youshi { background: url(../img/youshi.png) no-repeat left top; background-size: 100%; height: 9.6rem; position: relative; } .youshiList { display: flex; flex-direction: column; color: #fff; } .youshiList .item { text-align: center; font-size: 20px; padding: 0 0.666666rem; } .youshiList .item:first-child { margin: 0.666666rem 0 0.4rem 0; } .youshiList .item:nth-child(2) { font-size: 30px; color: #47a1ff; margin: 0.266666rem 0 0.4rem 0; } .swiper-container-youshi { padding-top: 2.426666rem; } .swiper-container-youshi .swiper-slide { width: 5.333333rem; height: 5.866666rem; background-position: center !important; background-size: cover !important; } .swiper-container-horizontal>.swiper-pagination { bottom: -0.666666rem !important; } .swiper-pagination-bullet { background: #fff !important; } .map { background: url(../img/map.png) no-repeat left top; background-size: 100%; height: 13.6rem; } .use { background: url(../img/use.png) no-repeat left top; background-size: 100%; height: 6.946666rem; } .nav-tabs li { font-size: 32px; } .newsList { padding: 0.666666rem 0.266666rem; } .news { list-style: none; padding: 0.266666rem; } .news li { height: 0.8rem; line-height: 60px; font-size: 30px; margin: 0.133333rem 0; } .news li a { color: #000000; } .news li span { color: #ccc; float: right; } .qixia { background: #111a2c; color: #6a809b; padding: 0.266666rem; position: relative; height: 6rem; } .qixia p { color: #fff; font-size: 32px; margin: 0.266666rem 0; } .qixia ul { list-style: none; } .qixia ul li { width: 33.33%; float: left; margin: 0.266666rem 0; } .linkus { display: flex; flex-direction: row; background: #111a2c; color: #6a809b; padding: 0.266666rem; } .linkus .item { width: 50%; } .linkus .item p:first-child { font-size: 32px; color: #fff; } .linkus .item p { margin: 0.4rem 0; } .ewm { background: #111a2c; padding: 0.4rem 0; text-align: center; } .banquan { padding: 20px 0; color:#666; } .mask { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); top: 0; left: 0; right: 0; bottom: 0; z-index: 3; display: none; } .mask ul { list-style: none; padding: 0; margin: 0; } .mask ul li { font-size: 30px; color: #fff; width: 100%; text-align: center; padding: 0.666666rem 0; border-bottom: 1px dashed #f5f5f5; } .mask ul li:last-child { border-bottom: none; } /* 线路表 */ .quanjushousuo { margin-top: 1.466666rem; background: #131f37; padding: 0.6rem 0; } .quanjushousuo input { width: 60%; height: 0.733333rem; line-height: 0.733333rem; padding-left: 0.133333rem; } .quanjushousuo p { text-align: center; vertical-align: middle; color: #708bb1; margin: 0.133333rem 0; } .quanjushousuo p:first-child { margin-bottom: 0.266666rem; } .btnZhilian { width: 2.893333rem; height: 0.88rem; line-height: 66px; border: 0.013333rem solid #1b379d; display: block; font-size: 24px; text-align: center; } .grayText { color: #ccc; font-size: 18px; } .redText { color: #ccc; font-size: 18px; } .zhilian { display: flex; flex-direction: row; justify-content: space-between; padding: 0.266666rem; color: #1b379d; } .zhilian .item:last-child { text-align: right; } .blueText { color: #1b379d; } .lineBar { background: #f0f3f7; height: 0.266666rem; } .cpList { position: relative; overflow: hidden; } .cpList ul { list-style: none; padding: 0; margin: 0; } .cpList li { width: 2.666666rem; height: 0.853333rem; line-height: 0.853333rem; background: #f0f3f7; color: #666; float: left; margin: 0.266666rem; text-align: center; } .cpActive { background: #1b379d !important; color: #fff !important; } .dangqianshousuo { text-align: center; position: relative; clear: both; border-bottom: 0.013333rem solid #ccc; padding-bottom: 0.4rem; } .dangqianshousuo input { width: 60%; height: 0.733333rem; line-height: 0.733333rem; padding-left: 0.133333rem; border: 0.013333rem solid #000000; } .daochu { display: flex; flex-direction: row; justify-content: space-between; padding: 0.4rem; } .daochu .item:first-child { color: #708bb1; } .daochu .item:last-child span { width: 2.893333rem; height: 0.88rem; line-height: 66px; border: 0.013333rem solid #217346; display: block; font-size: 24px; text-align: center; color: #217346; } .tableTit { display: flex; flex-direction: row; justify-content: space-between; padding: 0.4rem; background: #f5f7fa; color: #708bb1; } .city { background: #677990; color: #fff; font-size: 24px; font-weight: bold; height: 0.8rem; line-height: 0.8rem; padding: 0 0.4rem; } .btnDetail { width: 1.76rem; height: 0.693333rem; line-height: 0.693333rem; color: #fff; text-align: center; background: #47a1ff; border-radius: 0.133333rem; } .cityData { display: flex; flex-direction: row; justify-content: space-between; padding: 0.4rem; border-bottom: 1px solid #ccc; } .softList { display: flex; flex-wrap: wrap; margin-top: 1.466666rem; padding: 0.4rem; } .softList .item { width: 4.266666rem; /*height: 4.266666rem;*/ border: 0.013333rem solid #1b379d; border-radius: 0.133333rem; text-align: center; margin: 0.133333rem; } .softList .item p:first-child { margin: 0.4rem 0; } .softList .item p:nth-child(2) { font-size: 28px; margin-bottom: 0.4rem; } .hot { color: #fff !important; text-align: left !important; padding-left: 60px; } .jiaocheng { display: flex; flex-wrap: wrap; position: relative; } .jiaocheng .item { width: 4.186666rem; height: 3.146666rem; -moz-box-shadow: 0px 0px 5px #B3B3B3; -webkit-box-shadow: 0px 0px 5px #B3B3B3; box-shadow: 0px 0px 5px #B3B3B3; margin: 0.266666rem; text-align: center; border-radius: 0.266666rem; } .jiaocheng .item p:first-child { margin: 0.266666rem; } .cpBanner { margin-top: 1.466666rem; } .cpBanner img { width: 100%; } .cpNav { display: flex; flex-direction: row; } .cpNav .item:first-child { width: 30% !important; background: #f5f7fa; } .cpNav .item:last-child { width: 70% !important; padding-left:0.2rem; } .cpName li { float: none !important; text-align: center; margin-bottom: 0px !important; height: 1.466666rem !important; line-height: 1.466666rem !important; } .cpName li a { height: 1.466666rem !important; line-height: 1.466666rem !important; padding: 0 !important; border-radius: 0px !important; } .cpName>li.active>a, .cpName>li.active>a:hover, .cpName>li.active>a:focus { color: #1c379a !important; cursor: default; background-color: #fff; border-left: 0.08rem solid #1b379d !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } .cpName { width: 100% !important; } .cpName li a { color: #666; } .color_1 { background-color: #13E19D; background-image: linear-gradient(147deg, #13E19D 0%, #02BDC7 74%); background-image: -webkit-linear-gradient(147deg, #13E19D 0%, #02BDC7 74%); background-image: -moz-linear-gradient(147deg, #13E19D 0%, #02BDC7 74%); background-image: -o-linear-gradient(147deg, #13E19D 0%, #02BDC7 74%); } .color_2 { background-color: #26DFE0; background-image: linear-gradient(147deg, #26DFE0 0%, #0CC6FF 74%); background-image: -webkit-linear-gradient(147deg, #26DFE0 0%, #0CC6FF 74%); background-image: -moz-linear-gradient(147deg, #26DFE0 0%, #0CC6FF 74%); background-image: -o-linear-gradient(147deg, #26DFE0 0%, #0CC6FF 74%); } .color_3 { background-color: #43B3FE; background-image: linear-gradient(147deg, #43B3FE 0%, #8268FF 74%); background-image: -webkit-linear-gradient(147deg, #43B3FE 0%, #8268FF 74%); background-image: -moz-linear-gradient(147deg, #43B3FE 0%, #8268FF 74%); background-image: -o-linear-gradient(147deg, #43B3FE 0%, #8268FF 74%); } .color_4 { background-color: #8452ED; background-image: linear-gradient(147deg, #8452ED 0%, #BA4CCC 74%); background-image: -webkit-linear-gradient(147deg, #8452ED 0%, #BA4CCC 74%); background-image: -moz-linear-gradient(147deg, #8452ED 0%, #BA4CCC 74%); background-image: -o-linear-gradient(147deg, #8452ED 0%, #BA4CCC 74%); } .color_0 { background-color: #E34FB5; background-image: linear-gradient(147deg, #E34FB5 0%, #EE304A 74%); background-image: -webkit-linear-gradient(147deg, #E34FB5 0%, #EE304A 74%); background-image: -moz-linear-gradient(147deg, #E34FB5 0%, #EE304A 74%); background-image: -o-linear-gradient(147deg, #E34FB5 0%, #EE304A 74%); } .card { display: flex; flex-direction: row; width: 90%; height: 2.533333rem; padding: 0.4rem 0.266666rem 0.266666rem 0.266666rem; border-radius: 0.266666rem; margin: 0.266666rem 0; } .card .item { background: transparent !important; } .card .item:first-child { width: 50% !important; } .card .item:last-child { width: 50% !important; color: #fff; text-align: right; } .card .item:last-child p span { font-size: 60px; margin-left: 0.133333rem; } .card .item:first-child p:first-child { font-size: 50px; color: #fff; } /* .tab-pane { margin: 0.4rem 0 0.2rem 0.4rem; } */ .tab-pane a{ color: #000000; } .choose { margin-top: 1.466666rem; padding: 0.4rem; font-size: 26px; } .cpKuang { background-size: 100%; background: url(../img/kuangRed.png) no-repeat left top; height: 2.68rem; width: 9.2rem; margin: 0 auto; display: flex; flex-direction: row; padding-top: 0.4rem; } .kaci { font-size: 50px; } .price { font-size: 60px; color: #fe7263; text-align:left; } .cpKuang .item { width: 33.33%; text-align: center; } .kArea { position: relative; width: 100%; text-align: center; } .redText { color: red; } .chongxin { display: flex; flex-direction: row; justify-content: space-between; padding: 0.4rem; } .cpTop { background: #f9fafc; } .biaodan { padding: 0.4rem; } .biaodan input { border: 1px solid #ccc; height: 0.666666rem; width: 60%; outline: none; } .large { width: 90%; height: 1rem; } .shengyu { margin: 0.266666rem 0; } .mytab { border-bottom: 1px solid #ccc; padding: 0.4rem 0; font-size: 28px; } .conPi { display: none; } .zActive { padding: 0.4rem 0; color: #1c379a; border-bottom: 0.026666rem solid #1c379a; } .conDan, .conPi { padding: 0.4rem; } .shuru input { outline: none; border: 1px solid #ccc; width: 100%; height: 0.8rem; } .conDan .row, .conPi .row { margin: 0.266666rem 0; height: 1.066666rem; line-height: 1.066666rem; } .jiajian { display: flex; flex-direction: row; } .jiajian .item { width: 0.88rem; height: 0.88rem; line-height: 0.88rem; text-align: center; background: #3197EE; color: #fff; border: 1px solid #ccc; } .jiajian .item:nth-child(2) { background: #fff; color: #000000; } .chooseYhq { width: 100%; height: 0.666666rem; } .conDan .col-sm-4, .col-xs-4 { font-size: 26px; } .radio { margin: 0.5rem 0; line-height: 0; } .radio input[type="radio"] { position: absolute; opacity: 0; } .radio input[type="radio"]+.radio-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .radio input[type="radio"]:checked+.radio-label:before { background-color: #3197EE; box-shadow: inset 0 0 0 4px #f4f4f4; } .radio input[type="radio"]:focus+.radio-label:before { outline: none; border-color: #3197EE; } .radio input[type="radio"]:disabled+.radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } .radio input[type="radio"]+.radio-label:empty:before { margin-right: 0; } .radio label, .checkbox label { padding-left: 0 !important; } .pay .radio { margin-bottom: 0.533333rem !important; } .yingfu { color: #1e54ba; } .btnPay { width: 100%; height: 1.333333rem; line-height: 0.72rem; color: #fff; background-color: #1F54BA; background-image: linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -webkit-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -moz-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -o-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); border: none; font-size: 32px; } .songquan { font-size: 26px; text-align: center; padding: 0.266666rem 0; } .shuoming { color: #666; } .quanxian { color: red; line-height: 0.4rem; display: block; } .select { display: inline-block; width: 100%; position: relative; vertical-align: middle; padding: 0; overflow: hidden; background-color: #fff; border: 1px solid #ccc; text-shadow: none; border-radius: 4px; transition: box-shadow 0.25s ease; z-index: 2; height: 0.8rem; line-height: 0.8rem; } .select:before { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-top-color: #ccc; top: 0.266666rem; right: 10px; cursor: pointer; z-index: -2; } .select select { cursor: pointer; width: 100%; border: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; } .select select:focus { outline: none; } .texing{ font-size: 32px; padding:0.2rem; border-bottom: 1px solid #ccc; } .texingList{ list-style: disc; padding: 0.4rem; } .texingList li{ padding: 0.133333rem 0; } .lujing{ padding: 0.4rem; } .dmain{ padding: 0.4rem; } .dtit{ font-size: 0.48rem; padding: 0.133333rem 0; } .dtime{ border-bottom: 1px solid #ccc; padding-bottom: 0.266666rem; } .dcon{ padding: 0.4rem 0; line-height: 0.666666rem; } .loginArea{ width: 70%; margin: 1.466666rem auto 0 auto; padding-top: 1.466666rem; } .loginTop{ text-align: center; } .logoTit{ font-size: 60px; } .xinyonghu{ background: #f2f8ff; color: #6d7c8c; display: inline-block; padding: 0.04rem 0.133333rem; border-radius: 0.133333rem; } .loginCenter{ position: relative; margin: 0.533333rem 0; } .loginCenter input{ border-bottom: 1px solid #ccc; border-top: none; border-left: none; border-right: none; width: 100%; text-indent: 0.8rem; font-size: 32px; } .loginCenter p{ padding: 0.4rem 0; } .loginCenter p img{ position: absolute; left: 0; } .yzm input{ width: 60% !important; } .xieyi{ padding: 0.4rem 0; } .xieyi span{ color:#1f54ba ; } .xieyi input{ width: 0.4rem; } .btnLogin{ width: 100%; height: 0.933333rem; line-height: 0.933333rem; color: #fff; background-color: #1F54BA; background-image: linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -webkit-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -moz-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); background-image: -o-linear-gradient(90deg, #1F54BA 0%, #1C379A 100%); border: none; font-size: 30px; } .tixing{ color: #6d7c8c; font-size: 22px; text-align: center; padding: 0.133333rem 0; } .bianjie{ text-align: center; padding: 0.4rem; font-size: 30px; } .denglu{ padding: 20px 0; } .ptop{ background: url(../img/vip.png) no-repeat; background-size: 100%; height: 5.266666rem; margin-top: 1.466666rem; position: relative; text-align: center; padding-top: 3rem; } .pname{ font-size: 32px; color: #fff; text-align: center; } .plist{ width: 80%; margin: 0.533333rem auto; } .plist li{ list-style: none; padding: 0.4rem 0; border-bottom: 1px solid #ccc; font-size: 30px; } .plist li a{ color: #000000; } .plist li img:last-child{ float: right; } .plist li img:first-child{ margin-right: 0.266666rem; } .chaxun{ background: #09111b; text-align: center; padding: 0.5rem 0; } .chaxun input{ width: 60%; height: 0.733333rem; } .chaxun2{ background: #09111b; text-align: center; padding: 0.5rem 0; margin-top: 1.466666rem; } .chaxun2 input{ width: 60%; height: 0.733333rem; } .slideInUp{ font-size: 18px !important; } .riqi{ padding: 0.266666rem; } .riqi input{ height: 0.666666rem; line-height: 0.666666rem; } .shaixuan{ padding: 0.266666rem; } .shaixuan select{ width: 100%; height: 0.8rem; } .orderTable{ width: 100%; margin-top: 0.4rem; margin-bottom:200px; } .orderTable tr{ border-bottom: 1px solid #ccc; } .orderTable tr th{ background: #1f54ba; color: #fff; } .orderTable tr td,.orderTable tr th{ width: 25%; padding: 0.4rem; text-align: center; } .orderTable input{ } .btnXq{ width: 1.773333rem; height: 0.746666rem; line-height: 56px; background: #47a1ff; color: #fff; border: none; border-radius: 0.053333rem; } .layerTable { position: fixed; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; height: auto; z-index: 3; background: #fff; display: none; padding-top: 50px; } .layerTable table{ width: 100%; font-size: 30px; } .layerTable table tr{ border-bottom: 1px dashed #f5f5f5; } .layerTable table tr td{ padding: 0.4rem 0; } .layerTable table tr td:first-child{ color: #999; text-align: right; } .layerTable table tr td:last-child{ text-align: left; } .back{ background: #1f54ba; color: #fff; font-size: 36px; text-align: center; padding: 20px 0; position: absolute; bottom: 0; width: 100%; } .kong{ height: 1.466666rem; } .yhq{ position: relative; display: flex; flex-direction: row; width: 90%; padding: 0.533333rem 0.4rem; border-bottom: 1px solid #ccc; } .yhq .item:first-child{ background: url(../img/yhq.png) no-repeat left top; width: 2.44rem; height: 2.08rem; padding-top: 0.4rem; } .jiage{ width: 1.866666rem; display: inline-block; text-align: center; color: #fff; font-size: 60px; position: relative; top: -0.266666rem; } .zhuangtai{ width: 0.133333rem; display: inline-block; color: #8aa1ab; } .yhq .item:last-child{ line-height: 0.453333rem; padding-left: 0.266666rem; } .yhq .item:last-child p:first-child{ font-size: 32px; margin: 10px 0; } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .qq{ height: 0.666666rem; line-height: 0.666666rem; margin-top: 1.466666rem; background: #fffdf6; text-align: center; color: #5a2d12; border-top: 1px solid #ffc879; border-bottom: 1px solid #ffc879; } .btnRenzheng{ border: 1px solid #1f54ba; background: #fff; width: 2.586666rem; height: 0.8rem; line-height: 60px; text-align: center; border-radius: 0.08rem; color: #1f54ba; } .bottomBar{ position: fixed; bottom: 0; width: 100%; z-index: 1; border-top: 2px solid #ccc; text-align: center; padding: 0.266666rem 0; background:#fff; } .btnTui{ width: 3.466666rem; height: 70px; line-height: 70px; text-align: center; border: 1px solid #1f54ba; background: #fff; color: #1f54ba; border-radius: 0.08rem; } .btnXu{ width: 3.466666rem; height: 70px; line-height: 70px; text-align: center; border: 1px solid #fb6d5e; background: #fb6d5e; color: #fff; border-radius: 0.08rem; } .bottomBar button{ margin: 0.266666rem; } .renzhenKuang{ position: fixed; width: 100%; height: auto; background: #fff; z-index: 3; bottom: 0; } .renzhengMask{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 2; display: none; } .renzhengClose{ position: absolute; right: 0.266666rem; top: 0.266666rem; z-index: 3; } .renzhengTab li{ padding: 0.4rem 0; width: 50%; text-align: center; } .renzhengTab li a{ border: none !important; color: #ccc; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: #1f54ba !important; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .renzhengModel{ display: flex; flex-direction: row; } .renzhengModel .item{ padding: 0.4rem 0; } .renzhengModel .item:first-child{ width: 30%; text-align: center; font-size: 28px; } .renzhengModel .item:last-child{ width: 70%; } .renzhengInput input{ border: 1px solid #ccc; width: 80%; height: 0.666666rem; line-height: 0.666666rem; } .btnRz{ width: 80%; background: #1f54ba; color: #fff; text-align: center; padding: 0.4rem 0; font-size: 30px; margin: 1rem auto; } .chooseCp select{ width: 80%; } .sideBar { position: fixed; bottom: 300px; right: 0; z-index: 1000; display: flex; flex-direction: column; } .sideBar .item { width: 1rem; height: 1.5rem; background: #284695; text-align: center; position: relative; } .sideBar .item img { width: 100%; cursor: pointer; } .kefu_tit { color: #fff; font-size: 20px; } .side_kefu .item { width: 100px; height: 120px; } .side_kefu .item span { display: block; } .side_kefu img { width: 100px !important; } .side_q { position: absolute; z-index: 999; right: 1rem; top: 0; display: none; width: 6rem; 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: 1rem; width: 240px; height: 280px; 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: 1rem; width: 180px !important; height: 160px !important; text-align: center; background: #f5f5f5; color: #000000; display: none; z-index: 999; top: 0; } .side_kefu { position: absolute; z-index: 999; right: 1rem; top: 0; display: flex; flex-direction: column; display: none; width: 7rem; background: #f5f5f5; padding-bottom: 20px; } .side_kefu img { width:100%; } .popmask { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.2); } .fenye { padding: 30px 0; text-align: center; } .fenye ul li a { color: #666; } .fenyeActive2 { background: #3157ad !important; color: #fff !important; } .tAd img { width:100%; } .tAd { margin-top:2rem; } .tintro { font-size:32px; } .tlink img { width:100%; } .tlink { margin-top:30px; } .ttishi { margin:20px 0; } .taobao_tintro { background: #f7f8fa; color: #666; padding: 50px 0; } .tPeitu img { width:100%; }