.xkbbox .panelban{ background: #fde094; width: 100%; height: 3.4rem; } .xkbbox .panelban img{ width: 100%; height: 3.4rem; } .xkbbox .ldznum { position: fixed; right: 0; top: 10px; height: 30px; line-height: 30px; padding: 0 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; z-index: 10; } .xkbbox .ldznum .bg{ opacity: 0.4; background: #000000; position: absolute; left: 0; top: 0; height: 30px; right: 0; } .xkbbox .ldznum .txt{ position: relative; z-index: 3; } .xkbbox .ldznum span { margin-right: 10px; font-size: 13px; color: #fff; } .xkbbox .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; } .xkbbox .item-ld .zj-info .txt{ font-size: 14px; color: #333333; line-height: 23px; margin-top: 10px; } .audiotitle span{ font-size: 13px; color: #989898; margin-left: 5px; } .xkbbox .mui-segmented-control.mui-segmented-control-inverted{ height: 88px; margin-bottom: 15px; margin-top: 15px; } .xkbbox .daybox .mui-segmented-control.mui-segmented-control-inverted{ height: 66px; margin-bottom: 0px; } .xkbbox .mui-segmented-control.mui-scroll-wrapper .mui-scroll{ height: 88px; } .xkbbox .jxypic{ width: 88px; height: 88px; display: inline-block; position: relative; } .xkbbox .jxypic+.jxypic{ margin-left: 10px; } .xkbbox .jxypic img{ width: 100%; height: 100%; border-radius: 4px; } .xkbbox .jxypic .num{ position: absolute; right: 0; bottom: 0; text-align: center; line-height: 24px; height: 24px; font-size: 12px; width: 40px; } .xkbbox .jxypic .num .bg{ opacity: 0.4; background: #000000; width: 100%; height: 100%; border-radius: 4px 0 4px 4px; } .xkbbox .jxypic .num .txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff; } .gs_txt_box{ margin-top: 30px; } .gs_txt_box .gs,.yuanwen .gs{ text-align: center; } .gs_txt_box .gs .t,.yuanwen .gs .t{ font-size: 21px; color: #333333; line-height: 30px; } .gs_txt_box .gs .zz,.yuanwen .gs .zz{ font-size: 14px; color: #666666; margin-top: 3px; line-height: 20px; } .gs_txt_box .gs .nr,.yuanwen .gs .nr{ color: #666666; line-height: 25px; margin-top: 10px; } .gs_txt_box .gs .nr p,.yuanwen .gs .nr p{ font-size: 16px !important; } .gs_txt_box .zhujie{ margin-top: 20px; } .gs_txt_box .zhujie .t{ font-size: 14px; color: #333333; } .gs_txt_box .zhujie .txt{ font-size: 14px; color: #666666; line-height: 23px; margin-top: 10px; } .gs_txt_box .fanyi{ margin-top: 20px; } .gs_txt_box .fanyi .t{ font-size: 14px; color: #333333; } .gs_txt_box .fanyi .txt{ font-size: 14px; color: #666666; line-height: 23px; margin-top: 10px; text-indent: 32px; } .gs_txt_box .dianjing{ position: relative; border: 2px solid #B3B3B3; padding: 25px 17px; margin-top: 32px; } .gs_txt_box .dianjing .t{ position: absolute; font-size: 16px; color: #3399FF; letter-spacing: 0; width: 136px; text-align: center; height: 24px; line-height: 24px; top: -12px; left: 50%; margin-left: -68px; background: #fff; } .gs_txt_box .dianjing .t:after{ content: ''; position: absolute; height: 6px; width: 6px; border-radius: 50%; background: #B3B3B3; left: 0; top: 8px; } .gs_txt_box .dianjing .t:before{ content: ''; position: absolute; height: 6px; width: 6px; border-radius: 50%; background: #B3B3B3; right: 0; top: 8px; } .gs_txt_box .dianjing .txt{ font-size: 14px; color: #666666; letter-spacing: 0; line-height: 23px; text-indent: 32px; } .xkbbox .item-ld .btnbox .btn-qd{ background-image: linear-gradient(-90deg, #68C8FF 0%, #48A3FE 100%); box-shadow: 0 1px 7px 0 rgba(97,170,255,0.50); width: 72px; height: 72px; border-radius: 50%; font-size: 14px; text-align: center; } .xkbbox .ldzdetail .time_stepbox article section:before{ display: none; } .xkbbox .time_stepbox .point-time{ display: none; } .xkbbox .time_stepbox article section aside{ margin-left: 15px; } .xkbbox .ldzdetail .pl_list{ padding: 0; background: #fff; } .xkbbox .ldzdetail .pl_list .dc_flex1{ border:none; padding-bottom:5px ; } .xkbbox .ldzdetail .pl_list .txt{ margin-left: 44px; padding-top: 0; } .xkbbox .pl_list .zan a { font-size: 14px; color: #989898; margin-left: 15px; } .xkbbox .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; } .xkbbox .dialog-pl .btns a.close{ border: 1px solid #3399FF; color: #3399FF; } .xkbbox .dialog-pl .btns a.confirm { background-image: -webkit-linear-gradient(-90deg, #68C8FF 0%, #48A3FE 100%); background-image: -moz-linear-gradient(-90deg, #68C8FF 0%, #48A3FE 100%); background-image: -o-linear-gradient(-90deg, #68C8FF 0%, #48A3FE 100%); background-image: linear-gradient(-90deg, #68C8FF 0%, #48A3FE 100%); border-radius: 100px; color: #fff; margin-left: 10px; border: none } .timestep_pl{ background: #F8F8F8; border: 1px solid #E6E6E6; border-radius: 2px; padding: 10px; font-size: 14px; line-height: 20px; position: relative; margin-top: 10px; } .timestep_pl p{ color: #989898 !important; } .timestep_pl:after{ position: absolute; content: ''; width: 10px; height: 7px; background: url(../images/pl_jt_icon.jpg) no-repeat center center / 10px 7px; top: -7px; right: 10px; } .timestep_pl p+p{ margin-top: 10px; } .xkbbox .tjjddialog .qd-head .qd{ background: url(../images/ldzdk2.png) no-repeat center center / 1.57rem 1.26rem; } .xkbbox .tjjddialog .txt{ height: 26px; line-height: 26px; background: #FFB038; color: #fff; font-size: 13px; width: 100%; margin-top: 20px; position: relative; } .xkbbox .tjjddialog .txt img{ width: 22px; position: absolute; left: 5px; top: -16px; } .d_qrcode .pic{ padding-right:7px; margin-right: 7px; } .d_qrcode .pic img{ width: 84px; } .d_qrcode{ margin-top: 15px; } .d_qrcode .dc_hd{ text-align: left; font-size: 14px; color: #999; line-height: 20px; } .d_qrcode .dc_hd p:first-child{ color: #333; margin-bottom: 10px !important; } .xkbbox .yuanwen{ margin-top: 15px; margin-left: 16px; margin-right: 16px; margin-bottom: 25px; background: #F8F8F8; padding: 15px 0; position: relative; } .xkbbox .yuanwen .type{ position: absolute; width: 45px; height: 20px; border-radius: 0 10px 10px 0; background: #3399FF; font-size: 12px; color: #fff; line-height: 20px; text-align: center; top: 15px; left: 0; } .xkbbox .gs_txtinfo{ font-size: 14px; color: #666666; line-height: 22px; padding-left: 15px; border-left: 2px solid #d8d8d8; margin: 0 15px; } .xkbbox .record-btn { width: 188px; background: #79E58C; } .xkbbox .record-btn.ld i{ background-image: url(../images/soundUi_3.png); background-size: 18px 18px; width: 18px; height: 18px; } .xkbbox .tipsdialog{ position: fixed; left: 0; right: 0; top: 0; height: 100%; z-index: 999; } .xkbbox .tipsdialog .mask{ position: absolute; left: 0; right: 0; top: 0; opacity: 0.6; background: #000000; height: 100%; } .tipsdialog .btnbz{ height: 22px; line-height: 22px; border: 1px solid #fff; width: 62px; text-align: center; color: #fff; font-size: 12px; position: absolute; right: 15px; top: 20px; z-index: 10; border-radius: 11px; } .tipsdialog .btn_next{ width: 126px; height: 42px; background: url(../images/btnnext.png) no-repeat center center / 126px 42px; position: absolute; left: 50%; margin-left: -63px; bottom: 1rem; z-index: 10; } .tipsdialog .btn_end{ width: 2.52rem; height: 0.84rem; background: url(../images/btnend.png) no-repeat center center / 2.52rem 0.84rem; position: absolute; bottom: 3.24rem; right: 0.49rem; z-index: 10; } .stepone{ width: 6.3rem; height: 6.34rem; background: url(../images/stepone.png) no-repeat center center / 6.3rem 6.34rem; position: absolute; left: 50%; top: 2.22rem; margin-left: -3.15rem; z-index: 9; } .steptwo{ width: 5.7rem; height: 5.07rem; background: url(../images/steptwo.png) no-repeat center center / 5.7rem 5.07rem; position: absolute; left: 50%; top: 3.19rem; margin-left: -2.6rem; z-index: 9; } .stepthree{ width: 5.99rem; height: 5.07rem; background: url(../images/stepthree.png) no-repeat center center / 5.99rem 5.07rem; position: absolute; left: 50%; top: 3.19rem; margin-left: -3.2rem; z-index: 9; } .stepfour{ width: 5.23rem; height: 7.08rem; background: url(../images/stepfour.png) no-repeat center center / 5.23rem 7.08rem; position: absolute; left:0.43rem; bottom: 0.6rem; z-index: 9; } .xkbbox .time_stepbox article section{ position: relative; padding: 15px 0 15px; } .xkbbox .time_stepbox article section+section:after{ content: ''; position: absolute; top: 0; left: 15px; right: 0; height: 1px; background: #e6e6e6; } .ld-dialog1 { position: fixed; z-index: 5000; width: 6rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFFFFF; text-align: center; border-radius: 4px; } .ld-dialog1 .nrpic { width: 2.05rem; display: inline-block; margin-top: 0.8rem; margin-bottom: 0.5rem; } .ld-dialog1 .p1{ font-size: 0.34rem; color: #333333; line-height: 24px; margin-bottom: 0.3rem !important; } .ld-dialog1 .p2{ font-size: 0.3rem; color: #FF6149; line-height: 21px; margin-bottom: 0.54rem !important; } .ld-dialog1 .jt{ position: absolute; width: 0.87rem; height: 1.98rem; right: 0; top: -2.2rem; } .ld-dialog1 .jt img{ width: 100%; height: 100%; } .tjjddialog .txt_cj { font-size: 17px; color: #333333; line-height: 24px; } .tjjddialog .txt_cj span{ font-size: 22px; color: #FF0000; padding: 0 10px; } .tjjddialog{ top: 50%; left: 50%; right: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6rem; height: 6rem; } .ld-dialog2 { position: fixed; z-index: 5000; width: 6.03rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; text-align: center; } .ld-dialog2 .nrbox{ width: 6.03rem; height: 3.99rem; background: url(../images/02-di.png) no-repeat center center / 6.03rem 3.99rem; text-align: center; overflow: hidden; } .ld-dialog2 .nrbox .p1{ font-size: 19px; color: #FF6149; line-height: 26px; margin-top: 1rem; } .ld-dialog2 .nrbox .p2{ font-size: 15px; color: #FFFFFF; line-height: 21px; margin-top: 10px; } .ld-dialog2 .btn_go { display: inline-block; width: 2.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 16px; color: #FFFFFF; margin-top: 0.43rem; background: #FF6149; border-radius: 0.4rem; }