.tesekebox .panel{ margin-bottom: 10px; background: #fff; overflow: hidden; } .tesekebox .time_title{ height: 34px; line-height: 34px; background: #EBEBEB; font-size: 14px; color: #666666; padding: 0 15px; } .tsk_list{ padding: 15px; position: relative; } .tsk_list+.tsk_list:after{ position: absolute; content: ''; height: 1px; left: 15px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .tsk_list .btn_zf{ background-image: linear-gradient(-90deg, #7ED0FF 0%, #48A3FE 100%); width: 102px; height: 32px; line-height: 32px; border-radius: 16px; font-size: 14px; color: #FFFFFF; text-align: center; } .tsk_km{ position: relative; margin-left: 20px; } .tsk_km .tsk_name{ font-size: 14px; color: #333333; line-height: 24px; position: relative; margin-bottom: 5px; padding-left: 5px; } .tsk_km .tsk_name:after { position: absolute; content: ''; width: 8px; height: 8px; background: #FA1F5D; left: -17px; top: 8px; border-radius: 50%; } .tsk_km .tsk_name:before { content: ""; width: 1px; top: 11px; bottom: -17px; left: -13px; position: absolute; } .tsk_km .tsk_zjlist{ font-size: 14px; color: #999999; line-height: 24px; position: relative; padding-left: 5px; } .tsk_km .tsk_zjlist:after { position: absolute; content: ''; top: 11px; height: 1px; width: 10px; background: #FA1F5D; left: -13px; } .tsk_km .tsk_zjlist:before { content: ""; width: 1px; top: 11px; bottom: -11px; left: -13px; position: absolute; } .tsk_km.km1 .tsk_zjlist:before ,.tsk_km.km1 .tsk_zjlist:after ,.tsk_km.km1 .tsk_name:before,.tsk_km.km1 .tsk_name:after{ background: #FF9F00; } .tsk_km.km2 .tsk_zjlist:before ,.tsk_km.km2 .tsk_zjlist:after ,.tsk_km.km2 .tsk_name:before,.tsk_km.km2 .tsk_name:after{ background: #4872FE; } .tsk_km.km3 .tsk_zjlist:before ,.tsk_km.km3 .tsk_zjlist:after ,.tsk_km.km3 .tsk_name:before,.tsk_km.km3 .tsk_name:after{ background: #50E3C2; } .tsk_km .tsk_zjlist:last-child:before{ display: none; } .goumailist{ padding: 15px; } .goumailist+.goumailist{ border-top: 1px solid #e6e6e6; } .goumailist .typetop{ margin-bottom: 15px; height: 28px; border-radius: 0 14px 14px 0; line-height: 28px; font-size: 14px; text-align: center; position: relative; } .goumailist .typetop:after{ height: 28px; width: 4px; position: absolute; left: 0; top: 0; content: ''; border-radius: 2px; } .goumailist .typetop.km1:after{ background: #FF9F00; } .goumailist .typetop.km2:after{ background: #4872FE; } .goumailist .typetop.km3:after{ background: #50E3C2; } .goumailist .typetop.km1{ color: #FF9F00; background: #ffeccc; } .goumailist .typetop.km2{ color: #4872FE; background: #dbe3ff; } .goumailist .typetop.km3{ color: #50E3C2; background: #dcfaf3; } .goumailist .txtinfo .dc_flex+.dc_flex{ margin-top: 10px; } .goumailist .txtinfo .dc_hd{ font-size: 14px; color: #3F3F3F; line-height: 24px; } .goumailist .txtinfo .type{ font-size: 14px; color: #333; line-height: 24px; } .goumai_btn{ background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); border-radius: 19px; font-size: 30px; color: #FFFFFF; width: 130px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; margin: 15px auto; display: block; } .weeklistnum{ color: #999; font-size: 13px; text-align: center; margin-bottom: 5px; } .clearfix{*zoom:1;} .clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"";} .clear{ clear: both;} /* float */ .left{ float:left; } .right{ float:right; } .account-box{ background: #fff; padding: 0 15px 15px 15px; } .account-title{ border-bottom: 2px solid; height: 50px; line-height: 50px; font-size: 16px; margin-bottom: 10px; } .f-btn-fhby{height: 30px;line-height: 30px;color: #f77b10;border: 1px solid #f77b10;font-size: 14px;display: block;width: 85px;text-align: center;border-radius: 4px;cursor: pointer;margin-top: 10px;margin-left: 20px;} .f-btn-jian{ background-image: linear-gradient(-90deg, #7ED0FF 0%, #48A3FE 100%); border-radius: 11px; width: 22px; height: 22px; color: #fff; text-align: center; line-height: 22px; } .f-btn-jian i{ font-size: 14px; margin-left: 4px; } .f-btn-jia{ background-image: linear-gradient(90deg, #7ED0FF 0%, #48A3FE 100%); border-radius: 11px; width: 22px; height: 22px; color: #fff; text-align: center; line-height: 22px; } .f-btn-jia i{ font-size: 14px; margin-right: 4px; } .f-riqi{width: 110px;padding: 0 10px; background: #fff;color: #666;font-size: 14px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;height: 30px;line-height: 30px;margin-top: 10px;display: block;} .f-rili-table tbody td{background: #fff;position: relative;} .f-rili-table tbody tr{border-bottom: 1px dashed #ccc;} /*.f-rili-table .f-today{background-color: #faf1de;}*/ .f-rili-table .f-on{background-color:cornflowerblue;color: #fff;} .f-number{cursor: pointer;} .f-rili-table{width: 100%;} .f-rili-th{float: left;width: 14.25%;text-align: center;line-height: 46px;height: 46px; background-color: #F9EADE;color: #333;} .f-td{ float: left; width: 14.25%; text-align: center; position: relative; border-left: 1px solid #e6e6e6; min-height:76px; font-size: 0; position: relative; } .f-day{ display: inline-block; text-align: center; width: 100%; background: #F8F8F8; height: 24px; line-height: 24px; color: #7C86A2; font-size: 13px; } .null-day{ display: inline-block; text-align: center; width: 100%; background: #F8F8F8; height: 24px; line-height: 24px; color: #E1E4E7; font-size: 13px; } .f-day i{ font-style: normal; } .f-today .f-day i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: red; color: #fff; } .f-tbody{ border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .f-yuan{position: absolute;width: 20px;height: 20px;top: 13px;left: 50%;margin-left: 10px; background: url(../images/yuan.png) no-repeat center;} .f-table-msg{position: absolute;z-index: 2;top: 34px;left:50%;margin-left: -120px; width: 280px;background: url(../images/bg-msg.png) no-repeat bottom;line-height: 55px;height: 46px;text-align: center;display: none;color: #666;} .f-km1{ height: 5px; opacity: 0.5; top: 29px; position: absolute; left: -1px; right: -1px; z-index: 10; } .start_t1 .f-km1{ left: 50%; } .start_t1 .f-km1:after{ width: 9px; height: 9px; border-radius: 50%; background: #FF9F00; position: absolute; content: ''; top: -2px; left: -2px; opacity: 1; } .end_t1 .f-km1{ right: 50%; } .end_t1 .f-km1:after{ width: 9px; height: 9px; border-radius: 50%; background: #FF9F00; position: absolute; content: ''; top: -2px; right: -2px; opacity: 1; } .f-km2{ height: 5px; opacity: 0.5; top: 42px; position: absolute; left: -1px; right: -1px; z-index: 10; } .start_t2 .f-km2{ left: 50%; } .start_t2 .f-km2:after{ width: 9px; height: 9px; border-radius: 50%; background: #4872FE; position: absolute; content: ''; top: -2px; left: -2px; opacity: 1; } .end_t2 .f-km2{ right: 50%; } .end_t2 .f-km2:after{ width: 9px; height: 9px; border-radius: 50%; background: #4872FE; position: absolute; content: ''; top: -2px; right: -2px; opacity: 1; } .f-km3{ height: 5px; opacity: 0.5; top: 55px; position: absolute; left: -1px; right: -1px; z-index: 10; } .start_t3 .f-km3{ left: 50%; } .start_t3 .f-km3:after{ width: 9px; height: 9px; border-radius: 50%; background: #50E3C2; position: absolute; content: ''; top: -2px; left: -2px; opacity: 1; } .end_t3 .f-km3{ right: 50%; } .end_t3 .f-km3:after{ width: 9px; height: 9px; border-radius: 50%; background: #50E3C2; position: absolute; content: ''; top: -2px; right: -2px; opacity: 1; } .km1_s .f-km1{ background: #FF9F00; } .km2_s .f-km2{ background: #4872FE; } .km3_s .f-km3{ background: #50E3C2; } .rili_info{ text-align: center; margin-bottom: 15px; } .rili_info .kminfo+.kminfo{ margin-left: 10px; } .kminfo{ display: inline-block; } .kminfo i{ display: inline-block; width: 15px; height: 5px; opacity: 0.5; position: relative; vertical-align: middle; } .kminfo i:after{ width: 9px; height: 9px; border-radius: 50%; position: absolute; content: ''; top: -2px; left: -2px; opacity: 1; } .kminfo span{ font-size: 12px; color: #999; padding-left: 5px; } .km1info i,.km1info i:after{ background: #FF9F00; } .km2info i,.km2info i:after{ background: #4872FE; } .km3info i,.km3info i:after{ background: #50E3C2; } .rilitop{ padding: 15px 0; } .rilitop .dc_hd{ text-align: center; font-size: 16px; color: #6B7897; } .btnweizhi { margin: 10px 15px; height: 54px; line-height: 54px; background-image: linear-gradient(90deg, #7ED0FF 0%, #48A3FE 100%); border-radius: 3px; color: #fff; font-size: 15px; padding: 0 15px; } .btnweizhi .dc_hd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .radiolist .list { height: 20px; line-height: 20px; font-size: 15px; color: #CCCCCC; position: relative; padding-left: 0.56rem; } .radiolist .list+.list{ margin-top: 10px; } .radiolist .list:after { content: ''; position: absolute; width: 20px; height: 20px; left: 0; top: 0; background: url(../images/tasks0.png) no-repeat center center / 20px 20px; display: inline-block; } .radiolist .list.active:after { background: url(../images/tasks1.png) no-repeat center center / 20px 20px; } .radiolist .list.active { color: #48A3FE; } .weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFFFFF; border-radius: 3px; overflow: hidden; } .form_dialog .title{ height: 55px; border-bottom: 1px solid #e6e6e6; font-size: 15px; color: #333333; line-height: 54px; text-align: center; position: relative; } .form_dialog .title .close{ height: 24px; line-height: 24px; width: 24px; text-align: center; display: inline-block; position: absolute; right: 10px; top: 15px; color: #666; } .form_dialog .nr{ padding: 15px; } .form_dialog .nr .dc_flex+.dc_flex{ margin-top: 15px; } .form_dialog .nr .type{ font-size: 14px; color: #666666; margin-right: 5px; } .form_dialog .nr input[type=text]{ background: #F8F8F8; border: 1px solid #CCCCCC; border-radius: 4px; height: 38px; font-size: 14px; padding: 0 15px; margin: 0; } .form_dialog .nr select{ background: #F8F8F8 !important; border: 1px solid #CCCCCC !important; border-radius: 4px; height: 38px; font-size: 14px; padding: 0 15px; margin: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: #F8F8F8 url("../images/selectdown.png") no-repeat right center /18px 6px !important; } .form_dialog .nr select::-ms-expand { display: none;} .form_dialog .goumai_btn{ margin: 5px auto 20px; } .tesekebox .backbtn { display: block; margin: 0 auto; width: 120px; text-align: center; height: 34px; line-height: 32px; border-radius: 17px; border: 1px solid #48A3FE ; color: #48A3FE ; margin-bottom: 10px; font-size: 14px; }