.Tpanel-br,.Fpanel-br{ position: relative; height: 44px; line-height: 44px; padding: 0 15px; background: #fff; font-size: 14px; color: #666; } .Tpanel-br .time{ float: right; color: #999999; } .Tpanel-br:after,.Fpanel-br:after{ left: 15px; right: 0; content: ''; position: absolute; height: 1px; background: #e6e6e6; transform: scaleY(.5); clear: both; } .Tpanel-br:after{ bottom: 0 } .Fpanel-br:after{ top: 0; } .Tpanel-br:after,.Tpanel-br:before,.Fpanel-br:after,.Fpanel-br:before{ content: ''; } .Fpanel-br .type{color: #333;} .Fpanel-br .num{color: #FF0000;font-size: 16px;float: right;} .bgfff{ background: #fff; } .bgfff .mui-content{ background: #fff; } .qzgdbox .panel{ background: #fff; margin-bottom: 10px; } .qzgdbox .headinfo .booknum{ width: 50%; text-align: center; margin: 0 auto; } .qzgdbox .headinfo{ position: relative; padding: 16px 0; } .qzgdbox .btn-jy{ display: block; position: fixed; z-index: 999; right: 0; top: 15px; background: rgba(51,153,255,0.80); font-size: 14px; color: #FFFFFF; padding: 0 12px 0 15px; height: 38px; line-height: 38px; border-bottom-left-radius: 19px; border-top-left-radius: 19px; } .qzgdbox .btn-jy i{ margin-right: 6px; } .qzgdbox .headinfo .booknum .num{ font-size: 58px; color: #494C59; line-height: 58px; } .qzgdbox .headinfo .dc_flex{ text-align: center; margin-top: 22px; } .qzgdbox .headinfo .dc_flex .num{ font-size: 19px; color: #6A6D79; line-height: 26px; } .qzgdbox .headinfo .dc_flex .type{ font-size: 13px; color: #999999; } .qzgdbox .booknum .txt{ font-size: 14px; color: #999999; line-height: 20px; } .qzgdbox .typetitle{ font-size: 15px; color: #666666; padding: 15px 15px 10px; line-height: 20px; height: 45px; line-height: 20px; position: relative; } .qzgdbox .typetitle:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; bottom: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .qzgdbox .typetitle img{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 10px; } .ldzbooklist{ padding: 10px 15px 15px; position: relative; display: block; } .ldzbooklist+.ldzbooklist:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .ldzbooklist .bookpic{ margin-right: 15px; } .ldzbooklist .bookpic img{ width: 78px; height: 108px; border-radius: 4px; } .ldzbooklist .bookname{ font-size: 16px; color: #333333; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ldzbooklist .bookinfo{ font-size: 13px; color: #666666; line-height: 18px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ldzbooklist .booknum{ font-size: 13px; color: #3399FF; margin-top: 20px; } .jxybox .ldzbooklist .booknum{ color: #FFB038; } .ldz-tjjybox .toppanel{ background: #fff; } .ldz-tjjybox .panel+.panel{ margin-top: 10px; } .ldz-tjjybox .headinfo{ position: relative; padding: 30px 15px 20px; background: #fff; } .ldz-tjjybox .headinfo .bookpic{ width: 78px; height: 108px; overflow: hidden; margin-right: 15px; border-radius: 4px; } .ldz-tjjybox .headinfo .bookname{ font-size: 16px; color: #333333; line-height: 22px; margin-top: 24px; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .ldz-tjjybox .headinfo .bookinfo{ font-size: 13px; color: #666666; line-height: 19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; } .ldz-tjjybox .headinfo .ldznum{ position: absolute; right: 0; top: 10px; height: 30px; line-height: 30px; padding: 0 15px; background: #F2F2F2; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .ldz-tjjybox .headinfo .ldznum span{ margin-right: 10px; font-size: 13px; color: #9A9A9A; } .ldz-tjjybox .headinfo .ldznum img{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; font-size: 0; line-height: 0; margin-left: 5px; margin-top: -3px; vertical-align: middle; } .tabtitle{ position: relative; height: 45px; background: #fff; } .tabtitle:after{ position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; bottom: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .tabtitle .dc_hd{ text-align: center; font-size: 15px; color: #333333; height: 45px; line-height: 45px; position: relative; } .tabtitle .dc_hd:first-child:after{ position: absolute; content: ''; height: 23px; right: 0; background: #E6E6E6; top: 11px; width: 1px; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .tabtitle .dc_hd span{ display: inline-block; padding: 0 5px; height: 45px; line-height: 45px; } .tabtitle .dc_hd.active span{ color: #3399FF; border-bottom: 2px solid #3399FF; } .jxybox .tabtitle .dc_hd.active span{ color: #FD4238; border-bottom: 2px solid #FD4238; } .jxybox .audioplayer-bar-played:before { background: #FF6149; } .jxybox .audioplayer-bar-played { background: #FF6149; } .jxybox .audioplayer-bar-loaded { background-color: #edcfcb; } .jxybox .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { background: url(../images/play-red.png) no-repeat center center/32px 32px; } .jxybox .audioplayer-playing .audioplayer-playpause a { background: url(../images/noplay-red.png) no-repeat center center/32px 32px; } .ldzdetail .item{ display: none; background: #fff; } .ldzdetail .item.active{ display: block; } .ldzdetail .item-ld{ padding: 15px; } .ldzdetail .item-ld .zj-info{ padding-left: 15px; border-left: 1px solid #e6e6e6; margin-bottom: 40px; } .ldzdetail .item-ld .zj-info .title{ font-size: 15px; color: #333333; line-height: 22px; } .ldzdetail .item-ld .zj-info .title span{ display: inline-block; font-size: 12px; color: #FE7277; border: 1px solid #FE7277; line-height: 20px; padding: 0 4px; margin-right: 10px; } .ldzdetail .item-ld .zj-info .time{ font-size: 13px; color: #666666; margin-top: 10px; } .ldzdetail .item-ld .zj-title{ font-size: 18px; color: #323232; line-height: 23px; margin-bottom: 18px; } .jxybox .ldzdetail .item-ld .zj-title{ margin-bottom: 15px; } .ldzdetail .audiobox { background: #fff; border: 1px solid #E6E6E6; border-radius: 4px; padding: 25px 15px 20px; position: relative; } .ldzdetail .audioplayer-time{ font-size: 12px; color: #999999; } .ldzdetail .item-ld .btnbox{ padding: 25px 0; border-top: 1px solid #E6E6E6; margin:25px -15px 0; } .ldzdetail .item-ld .btnbox .btn-qd{ margin: 0 auto; width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; background-color: #3399FF; font-size: 15px; color: #FFFFFF; } .ldzdetail .item-ld .btnbox .btn-qd.active{ background-color: #CCCCCC; color: #FFFFFF; } .jxybox .ldzdetail .item-ld .btnbox .btn-qd{ background-image: linear-gradient(-90deg, #FF6149 34%, #FD4238 92%); } .ldzdetail .pl_list,.readbox .pl_list { background: #F1F8FF; border-radius: 4px; margin-right: 15px; padding: 10px; } .jxybox .ldzdetail .pl_list{ background: #FFFAF9; } .ldzdetail .pl_list .dc_flex1 { border-bottom: 1px solid #E6E6E6; padding-bottom: 12px; } .ldzdetail .pl_list .pic { margin-right: 10px; } .ldzdetail .pl_list img { width: 34px; height: 34px; border-radius: 50%; } .ldzdetail .pl_list .name { font-size: 13px; color: #666; padding-right: 5px; } .ldzdetail .pl_list .dc_hd1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; position: relative; color: #999; font-size: 13px; } .ldzdetail .pl_list .dc_hd1:before { content: ''; position: absolute; left: 0; height: 12px; width: 1px; background: #ccc; top: 6px; } .ldzdetail .pl_list .txt,.readbox .pl_list .txt { padding-top: 15px; } .ldzdetail .pl_list .txt p,.readbox .pl_list .txt p { color: #000; font-size: 14px; line-height: 20px; } .ldzdetail .pl_list .yuyin,.readbox .pl_list .yuyin { background: #79E58C; height: 34px; line-height: 34px; width: 182px; color: #fff; border-radius: 17px; margin-top: 10px; position: relative; } .jxybox .ldzdetail .pl_list .yuyin { background: #FFB038; } .ldzdetail .pl_list .yuyin i,.readbox .pl_list .yuyin i { display: inline-block; width: 12px; height: 18px; background-image: url(../images/yuyin.png); background-size: 12px 18px; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 15px; top: 8px; } .ldzdetail .pl_list .yuyin.loop i,.readbox .pl_list .yuyin.loop i { background-image: url(../images/yuyinloop.png); background-size: 36px 18px; -webkit-animation: audio_playing 1s infinite; background-position: 0px center; } .ldzdetail .pl_list .yuyin span,.readbox .pl_list .yuyin span { color: #fff; font-size: 13px; padding-left: 35px; } .ldzdetail .pl_list .zan { text-align: right; margin-top: 10px; } .ldzdetail .pl_list .zan-btn i { display: inline-block; width: 0.3rem; height: 0.3rem; background: url(../images/ldz-dz.png) no-repeat center center/0.3rem 0.3rem; margin-right: 5px; vertical-align: middle; margin-top: -3px; } .ldzdetail .pl_list .zan-btn.active i { background: url(../images/ldz-dz1.png) no-repeat center center/0.3rem 0.3rem; } .jxybox .ldzdetail .pl_list .zan-btn.active i { background: url(../images/ldz-dz3.png) no-repeat center center/0.3rem 0.3rem; } .ldzdetail .pl_list .zan-btn { font-size: 14px; color: #989898; margin-top: 15px; } .ldzdetail .pl_list .zan-btn.active { color: #3399FF; } .jxybox .ldzdetail .pl_list .zan-btn.active { color: #FF6149; } .ldzdetail .pl_list .txt .picshow { overflow: hidden; margin-top: 0px; margin-right: -10px; } .ldzdetail .pl_list .txt .picshow img { width: 1.8rem; height: 1.8rem; border-radius: 6px; display: inline-block; float: left; margin-right: 10px; margin-top: 12px; } .ldzdetail .time_stepbox article section:before { content: ""; width: 1px; top: 15px; bottom: -15px; left: 22px; border-left: 1px dashed #979797; background: transparent; position: absolute; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .tjjddialog{ background: #fff; border-radius: 8px; position: absolute; left: 0.95rem; right: 0.95rem; top: 1rem; text-align: center; padding: 26px 15px; } .tjjddialog .btncloce{ height: 26px; width: 26px; font-size: 16px; color: #d9d9d9; padding: 5px; text-align: center; line-height: 16px; position: absolute; right: 10px; top: 10px; } .tjjddialog .p{ font-size: 14px; color: #545454; } .tjjddialog .num{ font-size: 17px; color: #545454; } .tjjddialog .num span{ font-size: 34px; color: #3399FF; padding: 0 16px; } .jxybox .tjjddialog .num span{ color: #FFB038; } .tjjddialog .title{ font-size: 14px; color: #545454; line-height: 20px; } .tjjddialog .qd-head{ width: 1.89rem; height: 1.89rem; margin: 35px auto 33px; position: relative; } .tjjddialog .qd-head img{ width: 1.89rem; height: 1.89rem; border-radius: 50%; } .tjjddialog .qd-head .hg{ width: 0.76rem; height: 0.74rem; background: url(../images/ldzhg.png) no-repeat center center / 0.76rem 0.74rem; position: absolute; top: -0.34rem; left: -0.34rem; } .tjjddialog .qd-head .qd{ width: 1.57rem; height: 1.26rem; background: url(../images/ldzdk.png) no-repeat center center / 1.57rem 1.26rem; position: absolute; bottom: 0px; right: -1.57rem; } .jxybox .tjjddialog .qd-head .qd{ background: url(../images/ldzdk2.png) no-repeat center center / 1.57rem 1.26rem; } .tjjddialog .txtnum{ font-size: 13px; color: #545454; } .tjjddialog .txtnum span{ font-size: 17px; color: #F39800; } .tjjddialog .txtnum i{ font-size: 15px; color: #3399FF; padding: 0 5px; font-style: normal; } .btn-ld{ background: #3399FF; box-shadow: -1px 3px 11px 0 rgba(0,0,0,0.40); height: 38px; line-height: 38px; padding: 0 12px 0 16px; font-size: 14px; color: #fff; position: fixed; bottom: 34px; right: 0; border-top-left-radius: 19px; border-bottom-left-radius: 19px; display: block; z-index: 9; } .jxybox .btn-ld{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); opacity: 0.9; } .btn-ld i{ margin-right: 5px; } .select-bb .dc_hd{ text-align: center; font-size: 14px; color: #666666; position: relative; } .select-bb .dc_hd i{ display: none; width: 20px; height: 20px; text-align: right; position: absolute; bottom: 0px; right: 0; background: url(../images/xj01.png) no-repeat center center /20px 20px; } .select-bb .dc_hd.active i{ display: block; } .select-bb .dc_hd.active p{ color: #48A3FE; } .select-bb .dc_hd p{ line-height: 20px; margin-top: 5px; } .select-bb .hdpic{ position: relative; width: 0.96rem; margin: 0 auto; height: 0.96rem; } .select-bb .hdpic img{ width: 0.96rem; height: 0.96rem; border-radius: 50%; overflow: hidden; } .ldz-my .mui-navigate-right img{ width: 17px; height: 17px; margin-right: 15px; display: inline-block; vertical-align:middle; margin-top: -2px; } .ldz-my .mybooks{ background: #fff; padding: 20px 0; margin: 0 10px 12px; } .ldz-my .mybooks .dc_flex{ height: 39px; font-size: 15px; color: #666666; } .ldz-my .mybooks .dc_hd{ text-align: center; } .ldz-my .mybooks .dc_hd:active{ color: #666666; } .ldz-my .mybooks .dc_hd+.dc_hd{ } .ldz-my .mybooks .dc_flex img{ width: 18px; height: 18px; display: inline-block; margin-right: 8px; vertical-align: middle; margin-top: -3px; } .jylsjlbox{ background: #fff; } .jylsjlbox .item,.jylsitem .item{ display: none; } .jylsjlbox .item.active,.jylsitem .item.active{ display: block; } .jylsjlbox .list{ padding: 15px; position: relative; } .jylsjlbox .list+.list:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .jylsjlbox .list .bookpic,.bookinfobox .bookpic{ width: 78px; height: 108px; margin-right: 15px; } .jylsjlbox .list .bookpic img,.bookinfobox .bookpic img{ width: 78px; height: 108px; border-radius: 4px; } .jylsjlbox .list .title,.bookinfobox .title{ font-size: 16px; color: #333333; line-height: 22px; margin-bottom: 10px !important; } .jylsjlbox .list .time,.bookinfobox .time{ font-size: 14px; color: #999999; line-height: 20px; } .walletbox{ padding: 15px; position: relative; overflow: hidden; } .walletbox .iconpic{ width: 2.92rem; height: 2.56rem; margin: 1rem auto 0.6rem; overflow: hidden; } .walletbox .iconpic img{ width: 100%; height: 100%; } .walletbox .yue{ font-size: 49px; color: #494C59; letter-spacing: 0; line-height: 47px; text-align: center; } .walletbox .yuename{ font-size: 14px; color: #999999; text-align: center; line-height: 0.4rem; margin-top: 0.13rem; margin-bottom: 0.9rem; } .walletbox .btn-detail{ background: #FFFFFF; border: 1px solid #3FB5FF; border-radius: 4px; height: 34px; line-height: 32px; padding: 0 12px; position: absolute; right: 0.3rem; top: 0.3rem; font-size: 15px; display: block; color: #3FB5FF; } .walletbox .cz-infotxt{ text-align: center; margin-top: 10px; font-size: 14px; color: #999999; } .walletbox .cz-infotxt a{ color: #3399FF; margin-left: 10px; } .balancedetail .panel{ background: #fff; padding: 0.3rem; font-size: 14px; position: relative; color: #736F78; } .balancedetail .panel+.panel:after{ left: 0.3rem; top: 0; right: 0; content: ''; position: absolute; height: 1px; background: #EAEAEA; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .balancedetail .panel .nn_flex+.nn_flex{margin-top: 10px;} .balancedetail .panel .type{ font-size: 16px; color: #333333; } .balancedetail .panel .num{ text-align: right; font-size: 14px; color: #999999; } .c-red{ color: #FF001F; } .c-green{ color: #79E58C; } .jeczbox{ text-align: center; padding: 0 0.6rem; } .jeczbox .logopic{ width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; margin: 0.8rem auto 0.3rem; } .jeczbox .tippic{ width: 1.6rem; height: 1.6rem; border-radius: 50%; overflow: hidden; margin: 0.8rem auto 0.3rem; } .jeczbox .tippic img{ width: 1.6rem; height: 1.6rem; border-radius: 50%; } .jeczbox .logopic img{ width: 2rem; height: 2rem; border-radius: 50%; } .jeczbox .txttype{ font-size: 17px; color: #666666; } .jeczbox .num{ font-size: 34px; color: #494C59; margin-top: 0.8rem; margin-bottom: 0.3rem; line-height: 42px; } .jeczbox .txtinfo{ font-size: 14px; color: #3F3F3F; line-height: 20px; margin-top: 0.6rem; } .jeczbox .btninline{ height: 39px; line-height: 39px; width: 108px; } .readbox .pl_list .txt .typetxt{ font-size: 13px; color: #999999; margin-bottom: 8px !important; } .bookinfobox .time p{ font-size: 13px; } .ldzmy-r{ background: url(../images/zdzmybg.png) no-repeat center center/cover; margin-bottom: 17px; padding-bottom: 10px; } .ldzmy-r .headinfo{ padding-top: 0.4rem; padding-bottom: 0.2rem; text-align: center; position: relative; } .ldzmy-r .pic .headbtn{ width: 0.44rem; height: 0.44rem; border-radius: 50%; position: absolute; right: 0; bottom: 0; overflow: hidden; } .ldzmy-r .headinfo .headbtn .bg{ background: rgba(0,0,0,0.50); width: 100%; height: 100%; position: absolute; } .ldzmy-r .headinfo .headbtn .zxj{ width: 0.26rem; height: 0.24rem; background: url(../images/zxj.png) no-repeat center center/0.26rem 0.24rem; position: absolute; top: 50%; left: 50%; margin-top: -0.13rem; margin-left: -0.12rem; } .ldzmy-r .headinfo .pic{ width: 1.5rem; height: 1.5rem; margin: 0 auto; position: relative; } .ldzmy-r .headinfo .pic img{ width: 100%; height: 100%; } .ldzmy-r .headinfo .pic input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; opacity: 0; } .ldzmy-r .headinfo p{ margin-top: 0.2rem; font-size: 18px; color: #666666; line-height: 20px; } .ldzmy-r .headinfo p span{ font-size: 14px; color: #666; margin-left: 5px; } .ldzmy-r .headinfo .btn_wszl{ position: absolute; width: 106px; height: 32px; line-height: 32px; border-radius: 16px; background: #48A3FE; text-align: center; font-size: 14px; color: #fff; right: 0.3rem; top: 1.15rem; margin-top: -16px; display: block; } .ldzmy-r .headinfo .btn_wszl img{ width: 15px; display: inline-block; vertical-align: middle; margin-right: 3px; } .ldzmy-r .dc_flex .pic{ width: 0.96rem; height: 0.96rem; border-radius: 50%; overflow: hidden; margin: 0 auto; } .ldzmy-r .dc_flex .active .pic{ border: 2px solid #3399FF; box-shadow: 0 0 6px 2px rgba(0,0,0,0.10); } .ldzmy-r .dc_flex .pic img{ width: 100%; height: 100%; } .ldzmy-r .dc_flex .dc_hd{ text-align: center; position: relative; } .ldzmy-r .dc_flex div.dc_hd{ opacity: 0.5; } .ldzmy-r .dc_flex .dc_hd.active{ opacity: 1; } .ldzmy-r .dc_flex .dc_hd.active .tooltip-arrow { display: block; } .ldzmy-r .dc_flex p{ font-size: 14px; color: #666666; line-height: 20px; margin-top: 5px; } /*交享乐*/ .jxybox .footbox{ height: 44px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: block; } .jxybox .hbtjbox .footbox{ height: 58px; } .jxybox .footbox .bg{ opacity: 0.8; background: #000000; position: absolute; height: 44px; left: 0; right: 0; top: 0; } .jxybox .hbtjbox .footbox .bg{ height: 58px; } .jxybox .hbtjbox .footbox .btn_qt{ height: 38px; line-height: 36px; border: 1px solid #F94137; border-radius: 19px; font-size: 15px; color: #F94137; text-align: center; background: transparent; display: block; } .jxybox .hbtjbox .footbox .dc_flex{ margin: 10px 15px; height: 38px; } .jxybox .hbtjbox .footbox .dc_hd{ margin: 0; } .jxybox .hbtjbox .footbox .dc_hd:first-child{ margin-right: 17px; } .jxybox .hbtjbox .footbox .dc_hd span{ margin: 0; } .jxybox .hbtjbox .footbox .btn_qd{ height: 38px; line-height: 38px; background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); border-radius: 19px; font-size: 15px; color: #fff; text-align: center; display: block; } .jxybox .footbox .dc_hd{ font-size: 14px; color: #FFFFFF; line-height: 28px; } .jxybox .footbox .dc_flex{ height: 28px; margin: 8px 5px; position: relative; z-index: 2; } .jxybox .footbox .dc_hd span{ display: inline-block; height: 28px; line-height: 26px; border: 1px solid #FF6149; border-radius: 14px; font-size: 12px; color: #FF6149; padding: 0 12px; margin-right: 13px; } .jxybox .footbox img{ width: 20px; height: 20px; margin-top: 4px; } .jxybox .mui-segmented-control.mui-segmented-control-inverted{ height: 88px; margin-bottom: 15px; } .jxybox .daybox .mui-segmented-control.mui-segmented-control-inverted{ height: 66px; margin-bottom: 0px; } .jxybox .mui-segmented-control.mui-scroll-wrapper .mui-scroll{ height: 88px; } .jxybox .jxypic{ width: 88px; height: 88px; display: inline-block; position: relative; } .jxybox .jxypic+.jxypic{ margin-left: 10px; } .jxybox .jxypic img{ width: 100%; height: 100%; border-radius: 4px; } .jxybox .jxypic .num{ position: absolute; right: 0; bottom: 0; text-align: center; line-height: 24px; height: 24px; font-size: 12px; width: 40px; } .jxybox .jxypic .num .bg{ opacity: 0.4; background: #000000; width: 100%; height: 100%; border-radius: 4px 0 4px 4px; } .jxybox .jxypic .num .txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff; } .jxy-js .banbox{ height: 5.23rem; } .jxy-js .banbox img{ height: 100%; } .jxy-js .txtbox{ font-size: 15px; color: #666666; letter-spacing: 0; line-height: 23px; padding: 0 20px; } .jxy-js .panel{ background: #fff; margin:0 15px; padding: 33px 12px 20px; position: relative; margin-top: 44px; } .jxy-js .panel .title{ font-size: 16px; color: #FFFFFF; height: 34px; line-height: 34px; width: 176px; text-align: center; background: url(../images/bgjxy.png) no-repeat center center/176px 34px; border-radius: 2px; position: absolute; top: -17px; } .jxy-js .panel .txt{ font-size: 15px; color: #666666; letter-spacing: 0; line-height: 23px; } .jxy-js .panel li{ position: relative; padding-left: 10px; } .jxy-js .panel li+li{ margin-top: 5px; } .jxy-js .panel li:after{ width: 6px; height: 6px; border-radius: 50%; background: #FF7D69; content: ''; position: absolute; left: 0px; top: 8.5px; } .jxy-js .foot{ text-align: center; padding: 0.56rem 0 0.65rem; } .jxy-js .foot .pic{ width: 2.4rem; height: 2.34rem; margin: 0.37rem auto; } .jxy-js .foot p.txt{ font-size: 14px; color: #666666; } .jxy-js .foot p.title{ font-size: 15px; color: #FF7D69; position: relative; height: 24px; line-height: 24px; display: inline-block; padding: 0 20px; } .jxy-js .foot p.title:after{ width: 12px; height: 16px; content: ''; position: absolute; left: 0; top: 4px; background: url(../images/js-zs.png) no-repeat center center / 12px 16px; } .jxy-js .foot p.title:before{ width: 12px; height: 16px; content: ''; position: absolute; right: 0; top: 4px; background: url(../images/js-zs.png) no-repeat center center / 12px 16px; transform:scaleX(-1); } .dkjxybox{ background: #fff; margin-bottom: 10px; } .dkjxybox .ban{ width: 100%; height: 3.4rem; overflow: hidden; } .dkjxybox .ban img{ width: 100%; height: 100%; } .dkjxybox .daybox{ padding: 15px 0 25px 0; } .dkjxybox .daybox .dc_hd{ text-align: center; } .dkjxybox .daybox .week{ font-size: 12px; color: #ccc; } .dkjxybox .daybox .date{ font-size: 17px; color: #333; width: 0.52rem; height: 0.52rem; line-height: 0.52rem; text-align: center; margin: 14px auto 7px; } .dkjxybox .daybox .date.active{ background-image: linear-gradient(-90deg, #FF6149 50%, #FD4238 92%); color: #fff; border-radius: 50%; } .dkjxybox .daybox .other{ font-size: 11px; color: #CCCCCC; position: relative; } .dkjxybox .daybox .other:after{ width: 5px; height: 5px; border-radius: 50%; content: ''; position: absolute; left: 50%; margin-left: -2.5px; bottom: -10px; } .dkjxybox .daybox .other.dred:after{ background: #FF6149; } .dkjxybox .daybox .other.dgreen:after{ background: #4CE0AE; } .dkjxybox .daybox .mui-scroll{ font-size: 0; } .dkjxybox .dkbtnbox{ padding: 19px 0; text-align: center; border-top: 1px solid #E6E6E6; } .dkjxybox .dkbtnbox a{ width: 160px; height: 36px; line-height: 36px; background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); box-shadow: 0 2px 5px 0 rgba(255,97,73,0.50); border-radius: 18px; display: inline-block; color: #fff; font-size: 15px; } .dkjxybox .dkbtnbox a.active{ background:#e6e6e6; color: #fff; box-shadow: none; } .jxybox .time_stepbox .point-time{ background: #FF6149; width: 10px; height: 10px; left: 23px; } .ldzdetail .jxy-dkb .pl_list{ background: #fff; padding: 0; } .ldzdetail .jxy-dkb .time_stepbox article section:before{display: none;} .ldzdetail .jxy-dkb .time_stepbox .point-time{display: none} .ldzdetail .jxy-dkb .pl_list .dc_flex1{ padding: 0; border: none; margin-left: -30px; } .ldzdetail .jxy-dkb .pl_list .txt{ padding-left: 15px; } .ldzdetail .jxy-dkb .pl_list .zan a { font-size: 14px; color: #989898; margin-right: 15px; } .ldzdetail .jxy-dkb .pl_list .zan a i { display: inline-block; width: 0.3rem; height: 0.3rem; background: url(../images/jxypl.png) no-repeat center center/0.3rem 0.3rem; margin-right: 5px; vertical-align: middle; margin-top: -3px; } .jxybox .record-btn { background: #FFB038; } .jxybox .re-record-btn{ background: #79E58C; } .jxybox .btn_order{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); border-radius: 22px; } .dialog-pl{ position: fixed; top: 0; height: 100%; width: 100%; z-index: 11; display: none; } .dialog-pl .mask{ background: rgba(0,0,0,0.50); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dialog-pl .content{ background: #fff; padding: 15px; position: absolute; left: 0; right: 0; bottom: 0; } .dialog-pl .content textarea{ background: #F4F4F4; border: 1px solid #D6D6D6; border-radius: 4px; font-size: 14px; margin-bottom: 15px; } .dialog-pl .btns{ text-align: right; overflow: hidden; } .dialog-pl .btns a{ height: 28px; line-height: 26px; width: 98px; text-align: center; border-radius: 4px; font-size: 12px; display: inline-block; border-radius: 14px; } .dialog-pl .btns a.close{ border: 1px solid #FF6149; color: #FF6149; } .dialog-pl .btns a.confirm{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); border: 1px solid #FF6149; color: #fff; margin-left: 10px; } .item.active~.renwubox{ display: block; } .renwubox{ margin-top: 10px; display: none; background: #fff; } .renwubox .typetitle{ font-size: 15px; color: #666666; padding: 15px 15px 10px; line-height: 20px; height: 45px; line-height: 20px; position: relative; } .renwubox .typetitle:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; bottom: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .renwubox .typetitle img{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 10px; } .renwubox .txt{ font-size: 14px; color: #666666; padding: 15px; } .daynumbox{ display: inline-block; height: 66px; overflow: hidden; text-align: center; width: 1.07rem; } .daynumbox.today~.daynumbox .date{ color: #999; } .jxybox .weui_tabbar{ background: #484848; } .jxybox .weui_tabbar .weui_tabbar_item { color: #999; } .jxybox .weui_tabbar .weui_bar_item_on,.jxybox .weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{ color: #fff; } .borrow-jl .jylsitem{ box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden; margin: 10px 15px; } .jylsitem .list{ background: #fff; position: relative; } .jylsitem .list .hb{ height: 44px; line-height: 44px; position: relative; overflow: hidden; padding: 0 15px; } .jylsitem .list .hb:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #E6E6E6; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .jylsitem .list .hb .time{ font-size: 14px; color: #999999; } .jylsitem .list .hb .dc_hd{ font-size: 14px; color: #666666; } .jylsitem .list .bb{ padding: 15px; } .jylsitem .list .bb .picimg{ width: 78px; height: 108px; border-radius: 4px; overflow: hidden; margin-right: 15px; } .jylsitem .list .bb .title{ font-size: 16px; color: #000000; } .jylsitem .list .bb .info{ font-size: 14px; color: #666666; line-height: 20px; margin: 8px 0 !important; } .jylsitem .list .bb .zz{ font-size: 14px; color: #666666; line-height: 20px; margin-bottom: 8px; } .jylsitem .list .bb .ystxt{ font-size: 13px; color: #B3B3B3; line-height: 20px; margin-top: 8px; } .jylsitem .list .fb{ text-align: right; height: 44px; line-height: 44px; position: relative; padding: 0 15px; } .jylsitem .list .fb:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #E6E6E6; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .jylsitem .list .fb a{ font-size: 14px; color: #999999; } .jylsitem .list .fb a i{ vertical-align: middle } .bookorder-dt .jylsitem{ margin: 15px; background: #FFFAF9; border: 1px solid #FFDED9; border-radius: 4px; } .bookorder-dt .panel{ background: #fff; overflow: hidden; } .bookorder-dt .panel+.panel{ margin-top: 10px; } .bookorder-dt .jylsitem .list{ background: transparent; position: relative; } .jylsitem .list+.list:after{ height: 1px; background: #e6e6e6; left: 15px; right: 0; top: 0; content: ''; position: absolute; transform: scaleY(.5); } .bookorder-dt .costitem { padding: 15px; position: relative; } .bookorder-dt .costitem:after{ height: 1px; background: #e6e6e6; left: 15px; right: 0; top: 0; content: ''; position: absolute; transform: scaleY(.5); } .bookorder-dt .costitem .dc_flex{ font-size: 14px; color: #999999; line-height: 20px; } .bookorder-dt .costitem .dc_flex+.dc_flex{ margin-top: 7px; } .bookorder-dt .orderinfo{ font-size: 15px; color: #666; line-height: 21px; padding: 15px; } .bookorder-dt .orderinfo .dc_flex+.dc_flex{ margin-top: 10px; } .bookorder-dt .orderinfo .dc_flex .phone{ text-align: right; } .bookorder-dt .orderinfo .dc_flex .iconpic{ margin-right: 10px; width: 20px; text-align: center; } .bookorder-dt .btnfoot{ margin: 10px 0; background: #fff; padding: 17px 0; text-align: center; color: #666; font-size: 15px; } .bookorder-dt .btnfoot img{ display: inline-block; height: 20px; vertical-align: middle; margin-right: 10px; } .bookorder-dt .btnfoot .dc_hd:first-child{ border-right: 1px solid #e6e6e6; } .sectionstype{ height: 32px; line-height: 32px; border-radius: 4px; padding: 0 10px; color: #fff; font-size: 14px; display: inline-block; z-index: 999; position: relative; } .sectionstype i{ display: inline-block; width: 17px; height: 15px; background: url(../images/icon-jl.png) no-repeat center center/17px 15px; vertical-align: middle; margin-top: -2px; margin-right: 5px; } .jxybox .sectionstype{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); } .tjren{ padding: 15px; } .tjren .hdpic{ border: 1px solid #999999; box-shadow: 0 0 6px 2px rgba(0,0,0,0.10); border-radius: 50%; overflow: hidden; width: 65px; height: 65px; margin-right: 15px; } .tjren .name{ font-size: 16px; color: #333333; line-height: 20px; } .tjren .info{ font-size: 14px; color: #999999; margin-top: 8px; } .jylsitem .sectionstype{ margin-top: 10px; } .jxybtnblock{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); border-radius: 20px; line-height: 40px; height: 40px; text-align: center; font-size: 15px; color: #fff; margin: 20px 15px; display: block; } .jxybox .orderbox .panel>.title{ background: #FF6149; } .jxybox .orderbox .timelist .timebox{ border: 1px solid #e6e6e6; } .hbtjbox .panel{ background: #fff; overflow: hidden; } .hbtjbox .panel+.panel{ margin-top: 10px; } .hbtjbox .Tpanel-br{ color: #999; } .hbtjbox .banner{ overflow: hidden; position: relative; height: 4.36rem; } .hbtjbox .banner img{ height: 4.36rem; } .hbtjbox .banner .bg{ position: absolute; left: 0; right: 0; height: 100%; opacity: 0.5; background: #000000; top: 0; } .hbtjbox .banner .txt{ position: absolute; bottom: 0.24rem; right: 0.32rem; left: 0.32rem; z-index: 2; } .hbtjbox .banner .txt p:first-child{ line-height: 22px; font-size: 17px; color: #FF8929; } .hbtjbox .banner .txt p:last-child{ font-size: 15px; color: #FFFFFF; letter-spacing: 0; line-height: 21px; margin-top: 8px; } .hbtjbox .btns{ padding: 40px 0; text-align: center; } .btninline_radius_red{ height: 38px; line-height: 38px; text-align: center; display: inline-block; background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); border-radius: 19px; color: #fff; font-size: 15px; width: 164px; } .btninline_radius_p{ height: 38px; line-height: 38px; text-align: center; display: inline-block; background: #E6E6E6; border-radius: 19px; color: #B3B3B3; font-size: 15px; width: 164px; } .radius_red{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); color: #fff; } .hbtjbox .tjstep1{ padding: 0 15px; } .hbtjbox .tjstep1 .title{ font-size: 13px; color: #999999; padding: 12px 0; border-bottom: 1px solid #e6e6e6; } .hbtjbox .linebox .dc_flex{ height: 40px; margin-top: 15px; } .hbtjbox .linebox .type{ font-size: 15px; color: #666666; height: 40px; line-height: 40px; margin-right: 15px; } .hbtjbox .linebox .dc_hd{ height: 40px; border-bottom: 1px solid #e6e6e6; text-align: right; line-height: 39px; } .hbtjbox .linebox input{ border: none; margin: 0; text-align: right; padding: 0; font-size: 15px; height: 39px; line-height: 39px; } .hbtjbox .sex{ display: inline-block; position: relative; font-size: 15px; padding-left: 30px; } .hbtjbox .sex+.sex{ margin-left: 40px; } .hbtjbox .sex[name='0']{ color: #6EB1FF; } .hbtjbox .sex[name='1']{ color: #FF7474; } .hbtjbox .sex:after{ content: "\e66c"; position: absolute; font-family: iconfont; font-size: 15px; left: 0; } .hbtjbox .sex.active:after{ content: "\e66b"; } .jxybox .s_ydjh li{ height: 50px; line-height: 50px; font-size: 15px; color: #666666; padding: 0 15px; position: relative; } .jxybox .s_ydjh li i{ margin-right: 15px; color: #999; } .jxybox .s_ydjh li.active i{ color: #FF7474; } .jxybox .s_ydjh li+li:after{ height: 1px; background: #e6e6e6; left: 15px; right: 0; top: 0; content: ''; position: absolute; transform: scaleY(.5); } .bqshowbox{ margin: 15px; background: #FAFAFA; border: 1px solid #CCCCCC; border-radius: 5px; padding: 20px 3px 20px 15px; } .bqshowbox{ font-size: 13px; color: #CCCCCC; } .bqshowbox span.active{ height: 34px; line-height: 32px; border-radius: 17px; font-size: 13px; color: #999999; border: 1px solid #B3B3B3; padding: 0 22px; display: inline-block; margin-right: 12px; margin-bottom: 10px; } .hbtjbox .tagbox{ padding: 15px; } .hbtjbox .tagbox .dc_hd+.dc_hd{ margin-left: 30px; } .hbtjbox .tagbox span{ display: block; height: 34px; background: #FFFFFF; border: 1px solid #FA4237; line-height: 32px; border-radius: 17px; text-align: center; font-size: 15px; color: #F94137; } .dc-dialog_addtag{ width: 6.9rem; } .dc-dialog_addtag .bqbtns{ font-size: 0; padding: 20px 15px 10px; margin-right: -12px; text-align: left; } .dc-dialog_addtag .bqbtns span{ height: 34px; line-height: 32px; border-radius: 17px; font-size: 13px; color: #999999; border: 1px solid #B3B3B3; padding: 0 22px; display: inline-block; margin-right: 12px; margin-bottom: 10px; } .dc-dialog_addtag .bqbtns span.active{ color: #F94137; border: 1px solid #F94137; } .dc-dialog_addtag .fbtns{text-align: center;padding-bottom: 20px;} .dc-dialog_addtag .fbtns a{ display: inline-block; height: 34px; background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); line-height: 34px; border-radius: 17px; text-align: center; font-size: 15px; color: #fff; padding: 0 33px; } .hbtjbox .scsdbtn{ text-align: center; padding: 1.74rem 0; } .footbox~.jylsitem{ margin-bottom: 68px; } .boolisttips{ padding: 30px 15px; } .boolisttips .title{ font-size: 16px; color: #666666; line-height: 22px; } .boolisttips .txt{ font-size:14px; color: #999999; letter-spacing: 0; line-height: 22px; margin-top: 11px; } .boolisttips .btns{ margin-top: 20px; } .boolisttips .btns .dc_hd:first-child{ margin-right: 7px; } .boolisttips .btns .dc_hd a{ display: block; height: 34px; line-height: 34px; border-radius: 17px; text-align: center; font-size: 15px; } .boolisttips .btns .dc_hd:last-child a{ background-image: linear-gradient(-90deg, #FF6149 13%, #FD4238 92%); color: #fff; } .boolisttips .btns .dc_hd:first-child a{ border: 1px solid #F94137; background: transparent; color: #F94137; font-size: 13px; } .addressline{ } .addressline .dc_flex{ padding: 12px 15px; position: relative; } .addressline .dc_flex:after{ height: 1px; background: #e6e6e6; left: 15px; right: 0; bottom: 0; content: ''; position: absolute; transform: scaleY(.5); } .addressline .type{ width: 80px; font-size: 15px; color: #666666; } .addressline input{ margin: 0; height: 24px; line-height: 24px; border: none; padding: 0 12px; font-size: 15px; } .addressline textarea{ padding: 0 12px; border: none; margin: 0; font-size: 15px; } .addressbox .btns{ text-align: center; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-top-color: transparent; border-style: solid; bottom: -16px; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #fff; display: none; } .nodateldz{ text-align: center; padding: 30px 0 20px; } .nodateldz img{ width: 1.1rem; margin: 0 auto; } .nodateldz p{ font-size: 14px; color: #999999; line-height: 18px; margin-top: 15px; } .txt_0728{ font-size: 14px; color: #666666; line-height: 20px; text-indent: 32px; } .readbox .sectionstype { background: #48A3FE; } .readbox .time_stepbox .point-time { background: #48A3FE; width: 10px; height: 10px; left: 23px; } .readbox .time_stepbox article section:before { content: ""; width: 1px; top: 15px; bottom: -15px; left: 22px; border-left: 1px dashed #979797; background: transparent; position: absolute; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .readbox .picshow { overflow: hidden; margin-top: 0px; margin-right: -10px; } .readbox .picshow img { width: 1.8rem; height: 1.8rem; border-radius: 6px; display: inline-block; float: left; margin-right: 10px; margin-top: 10px; } .yuyuebox{ padding: 20px 15px; } .yuyuebox .userinfo .pic{ width: 42px; height: 42px; overflow: hidden; border-radius: 50%; margin-right: 12px; } .yuyuebox .userinfo .name{ font-size: 17px; color: #333333; line-height: 24px; } .yuyuebox .userinfo p{ font-size: 13px; color: #666666; line-height: 20px; } .yuyuebox .otherinf{ background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0 0 3px 1px rgba(0,0,0,0.05); border-radius: 4px; padding: 15px 18px 20px; position: relative; margin-top: 20px; } .yuyuebox .otherinf .arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: -8px; left: 20px; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #fff; } .yuyuebox .otherinf p{ font-size: 16px; color: #333333; line-height: 24px; } .yuyuebox .otherinf .pic{ margin-right: 18px; } .yuyuebox .otherinf img{ width: 0.79rem; } .yuyuebox .otherinf p{ font-size: 15px; color: #666666; line-height: 21px; } .yuyuebox .otherinf p span{ color: #48A3FE; padding: 0 5px; } .yuyuebox .otherinf .dc_flex{ margin-top: 20px; } .yuyuebox .datebox{ background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0 0 3px 1px rgba(0,0,0,0.05); border-radius: 4px; position: relative; margin-top: 15px; padding: 0 15px 20px; } .yuyuebox .datebox .title{ position: relative; height: 44px; line-height: 44px; font-size: 14px; color: #999999; } .yuyuebox .datebox .title:after{ position: absolute; left: 0px; bottom: 0; right: -15px; height: 1px; background: #D9D9D9; content: '' } .yuyuebox .datebox .title img{ width: 15px; display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; } .yuyuebox .datebox .type{ margin-right: 10px; font-size: 15px; color: #666666; } .yuyuebox .datebox input{ background: #FFFFFF; border: 1px solid #3399FF; border-radius: 4px; height: 34px; margin: 0; padding: 6px 10px; font-size: 15px; color: #666666; } .yuyuebox .datebox .dc_flex{ margin-top: 15px; } .yuyuebox .datebox .btn-blue{ margin-top: 20px; } .yuyuedialog{ padding: 20px 25px; text-align: center; } .yuyuedialog img{ width: 34px; display: inline-block; } .yuyuedialog p{ font-size: 15px; color: #666666; line-height: 25px; } .yuyuedialog .dc_hd a{ display: block; border: 1px solid #48A3FE; height: 34px; line-height: 32px; border-radius: 17px; text-align: center; font-size: 14px; } .yuyuedialog .dc_flex{ margin-top: 15px; } .yuyuedialog .dc_hd:first-child{ margin-right: 10px; } .yuyuedialog .dc_hd:first-child a{ background: #fff; color: #48A3FE; } .yuyuedialog .dc_hd:last-child a{ background: #48A3FE; color: #fff; } /**/ .vipcard .panel.wszlbox{ padding-bottom: 10px; } .vipcard .wszlbox .lineform{ margin: 0; padding: 10px 0; } .vipcard .lineform+.lineform{ position: relative; } .vipcard .lineform+.lineform:after{ top: 0px; left: -15px; right: -15px; height: 1px; position: absolute; content: ''; background: #e6e6e6; } .vipcard .lineform input.wsinput, .vipcard .lineform select.wsinput{ border: none !important; text-align: right !important; background-color: transparent !important; color: #666 !important; } .wszlbox .icon{ text-align: right; color: #999; width: auto; margin-left: 5px; } .wszlbox .head_pic{ text-align: right; } .wszlbox .head_pic img{ border-radius: 50%; width: 0.96rem; height: 0.96rem; display: inline-block; } .wszlbox .add{ text-align: right; font-size: 14px; line-height: 20px; color: #666666; } .wszl_btn{ display: block; height: 38px; line-height: 38px; margin: 15px auto; width: 238px; text-align: center; color: #fff; font-size: 15px; background: #48A3FE; box-shadow: 0 2px 6px 0 rgba(97,170,255,0.50); border-radius: 19px; } /**/ .gs_namelist{ padding: 15px 15px; } .gs_namelist .mui-segmented-control.mui-scroll-wrapper{ height: 130px; } .gs_namelist .mui-segmented-control.mui-scroll-wrapper .mui-scroll{ height: 130px; } .gs_namelist a{ width: 218px; height: 130px; display: inline-block; font-size: 0; } .gs_namelist a+a{ margin-left: 15px; } .gs_namelist a .pic{ width: 218px; height: 98px; border-radius: 6px; overflow: hidden; } .gs_namelist a .pic img{ width: 100%; height: 100%; } .gs_namelist a .name{ font-size: 14px; color: #333333; line-height: 22px; margin-top: 10px; text-align: left; } .gslist{ font-size: 16px; line-height: 22px; padding: 16px 15px; position: relative; background: #fff; } .gslist.new{ background:#fff url(../images/gsicon.png) no-repeat right top/30px 30px; } .gslist span.kj{ display: inline-block; height: 22px; border-radius: 11px; width: 78px; text-align: center; background: #E6E6E6; color: #fff; font-size: 12px; margin-right: 15px; } .gslist span.kj i.iconfont{ font-size: 11px; vertical-align: middle; margin-top: -3px; margin-right: 5px; } .gslist.active span.kj{ background: #3399FF; } .gslist+.gslist:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .gsbanner{ width: 100%; height: 3.4rem; margin-bottom: 10px; overflow: hidden; } .gsbanner img{ width: 100%; height: 3.4rem; } .flexldznum{ position: fixed; right: 0; top: 10px; height: 30px; line-height: 30px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 10; overflow: hidden; } .flexldznum .bg{ position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.4; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .flexldznum .nr{ padding: 0 15px; position: relative; } .flexldznum span { margin-right: 10px; font-size: 13px; color: #fff; } .flexldznum img { display: inline-block; width: 20px; height: 20px; border-radius: 50%; font-size: 0; line-height: 0; margin-left: 5px; margin-top: -3px; vertical-align: middle; } .atitem{ margin-top: 10px; } .atitem .atlist{ background: #fff; padding: 12px 15px; } .atitem .atlist img{ width: 12px; } .atitem .atlist .pic{ margin-right: 10px; } .atitem .atlist .pic i{ display: inline-block; width: 12px; height: 12px; background: url(../images/at01.png) no-repeat center center / 12px 12px; } .atitem .atlist.active .pic i{ background: url(../images/at02.png) no-repeat center center / 12px 12px; } .atitem .atlist .dc_hd{ font-size: 14px; color: #666666; } .atitem .atlist .iconf{ color: #666666; } .atitem .atlist+.atlist{ border-top: 1px solid #e6e6e6; } .atitem .atlist .who{ color: #3399FF; margin-left: 15px; }