i{ font-style: normal; } .read_ba .panel{ padding: 0 15px; } .read_ba .panel+.panel { margin-top: 0.58rem; } .read_ba .panel_title{ position: relative; padding: 10px 0; line-height: 1; } .read_ba .panel_title .icon{ height: 13px; width: 5px; margin-right: 5px; } .read_ba .panel_title i{ display: inline-block; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); width: 5px; height: 13px; border-radius: 2.5px; } .read_ba .panel_title span{ font-size: 14px; color: #666666; } .pic_pzpic{ font-size: 0px; width: 100%; border-radius: 4px; height: 2.38rem; overflow: hidden; } .pic_pzpic img{ width: 100%; height: 100%; } .sbwzbox{ background: #F5FAFD; border-radius: 3px; padding: 12px; font-size: 14px; color: #666666; line-height: 20px; } .sbwzbox .num{ text-align: right; font-size: 12px; color: #999999; } .sbwzbox .textareaDiv{ margin: 0; } .sbwzbox .textareaDiv .maxNum{ bottom: -10px; right: 0px; } .sbwzbox .textareaDiv textarea{ padding: 0; border:none; background: transparent; } .ydnlfxbox{ border: 1px solid #ccc; } .ydnlfxbox .dc_flex+.dc_flex{ border-top: 1px solid #ccc; } .ydnlfxbox .dc_hd{ text-align: center; font-size: 14px; color: #666666; line-height: 20px; padding: 12px 0; } .ydnlfxbox .dc_hd+.dc_hd{ border-left: 1px solid #ccc; } .read_ba .txtshow{ font-size: 14px; color: #333333; line-height: 20px; } .tushubox .s_name{ font-size: 14px; color: #333333; line-height: 19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tushubox .s_pic{ text-align: center; position: relative; width: 1.98rem; height: 2.32rem; margin-bottom: 5px; } .tushubox .s_pic .xb{ background: #A9D4FF; width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #FFFFFF; text-align: center; position: absolute; right: 0; bottom: 0; } .tushubox .s_pic img{ width: 1.98rem; height: 2.32rem; display: inline-block; } .tushubox .dc_hd+.dc_hd{ margin-left: 10px; } .book_tj{ display: inline-block; height: 20px; border: 1px solid #48A3FE; line-height: 18px; border-radius: 0px 10px 10px 0; font-size: 12px; padding-right: 8px; color: #48A3FE; } .book_tj span{ display: inline-block; padding: 0 8px 0px 5px; margin-right: 3px; height: 18px; color: #fff; border-radius: 0px 9px 9px 0; background: #48A3FE; } .btn_huan{ display: block; width: 90px; height: 28px; line-height: 26px; border: 1px solid #48A3FE; border-radius: 19px; text-align: center; font-size: 14px; color: #48A3FE; margin: 20px auto; } .btn_huan i.iconfont{ margin-right: 5px; } .fb_box{ padding: 20px; border-top: 1px solid #E6E6E6; text-align: center; } .fb_box a{ display: inline-block; width: 170px; height: 44px; line-height: 44px; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); box-shadow: 0 0 7px 0 rgba(97,170,255,0.50); border-radius: 22px; font-size: 14px; color: #FFFFFF; } .booklist{ background: #fff; padding: 15px; position: relative; } .booklist+.booklist:after{ position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .booklist .icon{ width: 18px; height: 26px; margin-right: 13px; font-size: 14px; text-align: center; color: #999; } .booklist:nth-child(1) .icon{ text-indent: -9999px; background: url(../images/read_b1.png) no-repeat center center/18px 26px; } .booklist:nth-child(2) .icon{ text-indent: -9999px; background: url(../images/read_b2.png) no-repeat center center/18px 26px; } .booklist:nth-child(3) .icon{ text-indent: -9999px; background: url(../images/read_b3.png) no-repeat center center/18px 26px; } .booklist .pic{ width: 99px; height: 116px; overflow: hidden; border-radius: 3px; position: relative; margin-right: 10px; } .booklist .pic img{ width: 100%; height: 100%; } .booklist .pic .xb{ background: #A9D4FF; width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #FFFFFF; text-align: center; position: absolute; right: 0; bottom: 0; } .booklist .name{ font-size: 16px; color: #333333; line-height: 22px; } .booklist .zz{ font-size: 13px; color: #666666; line-height: 22px; margin-top: 3px; margin-bottom: 7px; } .booklist .txtinfo{ font-size: 13px; color: #666666; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 12px; } .read_ba .panelbox{ background: #fff; overflow: hidden; } .read_ba .panelbox+.panelbox{ margin-top: 10px; background: #fff; } .read_ba .type_top{ height: 44px; padding: 0 15px; position: relative; } .read_ba .type_top:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; bottom: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .read_ba .type_top .dc_hd i{ display: inline-block; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); width: 5px; height: 13px; border-radius: 2.5px; margin-right: 5px; vertical-align: middle; } .read_ba .type_top .dc_hd span{ font-size: 14px; color: #666666; } .read_ba .type_top .btn{ height: 28px; line-height: 26px; border-radius: 19px; padding: 0 15px; border: 1px solid #48A3FE; color: #48A3FE; font-size: 14px; } .read_ba .type_top .btn i.iconfont{ margin-right: 4px; } .read_ba .type_top a{ color: #999999; font-size: 14px; } .read_ba .type_top a i.iconfont{ } .read_ba .type_top img{ width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 7px; } .haoyou{ margin-top: 10px; font-size: 0px; } .haoyou img{ display: inline-block; width: 27px; height: 27px; border-radius: 50%; margin-right: 4px; float: left; } .haoyou span{ font-size: 12px; color: #999; display: inline-block; line-height: 27px; } .booktxtbox{ padding: 15px; position: relative; } .booktxtbox:after{ position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .booktxtbox .txtinfo{ font-size: 15px; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .booktxtbox.active .txtinfo{ -webkit-line-clamp:inherit } .btn_txtall{ text-align: center; color: #666666; margin-top: 10px; line-height: 22px; } .btn_txtall span{ font-size: 14px; color: #666666; } .btn_txtall i { vertical-align: middle; display: inline-block; margin-left: 5px; font-size: 14px; } .btn_txtall.active i.iconfont { transform: rotate(180deg); margin-top: -2px; } .shuzhaibox .list{ padding: 15px; background: #fff; position: relative; } .shuzhaibox .list+.list:after{ position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .shuzhaibox .p_info .pic{ margin-right: 10px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; font-size: 0; } .shuzhaibox .p_info .pic img{ width: 100%; height: 100%; } .shuzhaibox .p_info .xm{ font-size: 14px; color: #333333 } .shuzhaibox .p_info .nj{ font-size: 12px; color: #666666; margin-left: 6px; } .shuzhaibox .zy_infobox{ padding-left: 46px; } .shuzhaibox .zy_infobox .zy_txt{ font-size: 14px; color: #333333; } .shuzhaibox .foot_info{ margin-top: 10px; font-size: 13px; color: #999999; } .shuzhaibox .foot_info i.iconfont{ color: #ccc; } .shuzhaibox .foot_info a.active i,.shuzhaibox .foot_info a.active span{ color: #48A3FE; } .btn_zc a+a{ margin-left: 25px; } .btn_zy_all{ padding: 20px; position: relative; text-align: center; } .btn_zy_all a{ display: inline-block; font-size: 14px; color: #CCCCCC; height: 28px; line-height: 26px; padding: 0 15px; border:1px solid #cccccc; border-radius: 19px; } .btn_zy_all:after{ position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .book_typelist{ padding-left: 15px; padding-top: 15px; padding-bottom: 5px; padding-right: 5px; font-size: 0; } .book_typelist span{ display: inline-block; background: #F0F0F0; border-radius: 4px; height: 34px; line-height: 34px; font-size: 14px; color: #666666; padding: 0 10px; margin-right: 10px; margin-bottom: 10px; } .panelbox .tushubox { padding: 15px; } .xinde_txt{ padding-bottom: 10px; margin-top: 10px; } .xinde_txt img{ width: 13px; height: 8px; } .xinde_txt p{ font-size: 15px; color: #666666; line-height: 24px; } .xinde_book{ border: 1px solid #CCCCCC; border-radius: 2px; padding: 12px; } .zy_txt~.xinde_book{ margin-top: 5px; } .xinde_book .pic{ margin-right: 10px; border-radius: 3px; overflow: hidden; width: 54px; height: 64px; } .xinde_book .pic img{ width: 100%; height: 100%; } .xinde_book .name{ font-size: 15px; color: #333333; line-height: 21px; } .xinde_book .zz{ margin-top: 3px; font-size: 12px; color: #666666; margin-bottom: 7px; } .btn_read_test{ display: inline-block; height: 34px; width: 133px; line-height: 34px; text-align: center; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); box-shadow: 0 1px 4px 0 rgba(97,170,255,0.50); border-radius: 17px; font-size: 14px; color: #fff; margin: 15px 0; } .yd_gj_box{ overflow: hidden; text-align: center; padding-bottom: 15px; } .yd_gj_box .iconbox { height: 56px; overflow: hidden; width: 56px; display: inline-block; position: relative; } .yd_gj_box .iconbox img{ width: 36px; height: 36px; display: inline-block; margin-top: 21px; } .yd_gj_box .dc_hd{ text-align: center; font-size: 0; } .yd_gj_box .ydjd{ text-align: center; font-size: 12px; border: 5px solid #A0CFFF; color: #666666; width: 56px; height: 56px; display: inline-block; border-radius: 50%; line-height: 1.2; position: relative; } .yd_gj_box .ydjd p{ position: absolute; color: 10px; text-align: center; left: 0%; right: 0; line-height: 1; top: 10px; } .yd_gj_box .type{ opacity: 0.8; font-size: 12px; color: #666666; margin-top: 6px } .yd_gj_box .other{ opacity: 0.8; font-size: 12px; color: #666666; margin-top: 5px } .yd_gj_box .other a,.yd_gj_box .other a i{ font-size: 12px; color: #48A3FE; } .czjl_box { position: relative; margin-bottom: 15px; } .czjl_box .list{ height: 32px; } .czjl_box .time{ width: 62px; text-align: center; height: 16px; line-height: 16px; background: #EDF6FF; font-size: 12px; color: #48A3FE; border-radius: 0 8px 8px 0; } .czjl_box .toplist .time{ background: transparent; } .czjl_box .toplist .dc_hd { font-size: 0; } .czjl_box .toplist .dc_hd span{ display: inline-block; width: 16.66666%; text-align: center; font-size: 12px; color: #CCCCCC; position: relative; } .czjl_box .toplist .dc_hd span:after{ position: absolute; content: ''; left: 50%; top: 21px; bottom: 0px; width: 1px; height: 287px; background: #F0F0F0; } .czjl_box .list .dc_hd{ position: relative; } .czjl_box .list .linebox{ height: 32px; position: relative; } .czjl_box .list .name{ font-size: 13px; color: #333333; position: absolute; top: -5px; right: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .czjl_box .list .txt_h .name{ left: 100%; right: -200%; top: 0; } .czjl_box .list.list_0 .linebox{ width: 8.3333333%; } .czjl_box .list.list_0 img{ display: none } .czjl_box .list.list_0 .name{ left: 100%; right: -1100%; top: 50%; margin-top: -10px; color: #CCCCCC; } .czjl_box .list.list_4 .linebox{ width: 25%; } .czjl_box .list.list_4 .name{ left: 100%; right: -300%; top: 50%; margin-top: -10px; color: #333; } .czjl_box .list.list_8 .linebox{ width: 41.6666666%; } .czjl_box .list.list_8 .name{ left: 100%; right: -140%; top: 50%; margin-top: -10px; color: #333; } .czjl_box .list.list_12 .linebox{ width: 58.3333333%; } .czjl_box .list.list_16 .linebox{ width: 75%; } .czjl_box .list.list_20 .linebox{ width: 91.66666666%; } .czjl_box .list.list_20 .name,.czjl_box .list.list_16 .name,.czjl_box .list.list_12 .name{ width: calc(100% - 32px); text-align: right; } .czjl_box .list .line{ height: 3px; background: #4A94FE; width: 100%; position: absolute; top: 0; right: 0; top: 50%; margin-top: -1.5px; } .czjl_box .list .linebox img{ width: 32px; height: 32px; border-radius: 50%; position: absolute; right: 0; top: 0; } .czjl_box .list+.list{ margin-top: 8px; } .xinqin_box{ font-size: 0; } .xinqin_box .xq_list .xqpic1,.xinqin_box .xq_list.active .xqpic2{ display: none; } .xinqin_box{ margin-right: -0.4rem; } .xinqin_box p{ font-size: 12px; color: #999; margin-bottom: 10px !important; } .xinqin_box .xq_list{ width: 1.9rem; height: 0.68rem; border-radius: 0.34rem; line-height: 0.68rem; background: #E6E6E6; text-align: center; display: inline-block; margin-right: 0.4rem; margin-bottom: 0.3rem; } .xinqin_box .xq_list.active{ background: #48A3FE; } .xinqin_box .xq_list img{ margin-top: 0.08rem; height: 0.52rem; display: inline-block; margin-top: -2px; vertical-align: middle; } .xinqin_box .xq_list span{ font-size: 15px; color: #999999; margin-left: 8px; vertical-align: middle; } .xinqin_box .xq_list.active span{ color: #fff; } .xinqin_box .xq_list.active .xqpic1{ display: block; display: inline-block } .ydjd_ing .type{ font-size: 13px; color: #48A2FD; } .ydjd_ing .other{ font-size: 13px; color: #FF9F00; } .yd_picnr_1{ width: 5.77rem; height: 1.98rem; margin: 0.16rem auto 0; } .yd_picnr_2{ width: 4.26rem; height: 4.17rem; margin: 0.36rem auto 0; } .yd_picnr_3{ padding: 30px 15px 15px; margin: 30px 15px 15px; border: 1px solid #48a3fe; border-radius: 16px; font-size: 15px; line-height: 1.4; color: #666; position: relative; } .yd_picnr_3 .title{ width: 2.68rem; height: 0.74rem; position: absolute; left: 50%; margin-left: -1.34rem; top: -0.37rem; } .yd_picnr_4{ text-align: center; font-size: 15px; color: #333; margin-bottom: 15px; } .actionsheetpic .weui-actionsheet{ left: 8px; right: 8px; bottom: 15px; width: auto; background-color: transparent ; } .actionsheetpic .weui-actionsheet__action{ border-radius: 10px; color: #48a3fe; } .actionsheetpic .weui-actionsheet__menu{ border-radius: 10px; } .actionsheetpic .weui-actionsheet__cell:first-child:before{ display: none; } .actionsheetpic .weui-actionsheet__menu .weui-actionsheet__cell{ text-align: left; padding-left: 15px; padding-right: 15px; } .actionsheetpic .weui-actionsheet__menu .weui-actionsheet__cell .icon i{ color: #48a3fe; font-size: 24px; } .read_ba .search_c{ background: #fff; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; } .read_ba .search_c .so_txt{ margin-left: 10px; margin-right: 3px; font-size: 17px; color: #3399FF; display: none; } .read_ba .search_c .so_txt span{ display: inline-block; height: 34px; line-height: 34px; padding: 0 5px; } .read_ba .search_c { padding: 12px 15px; background: #FAFAFA; } .read_ba .search_c input { height: 34px; line-height: 32px; border-radius: 17px; border: none; border: 1px solid #E6E6E6; font-size: 13px; padding-left: 35px; background: #F3F3F3 url(../images/so_icon.png) no-repeat 10px center / 15px 15px; margin: 0; } .read_so_nolsit { padding: 120px 0; } .read_so_nolsit img{ width: 1.48rem; margin: 0 auto; } .read_test{ padding: 0 15px; height: 44px; } .read_test .dc_flex{ height: 44px; } .read_test .pic{ margin-right: 10px; } .read_test .pic img{ width: 20px; height: 20px; } .read_test .dc_hd{ font-size: 16px; color: #333333; }