@charset "utf-8";
/*lawcase_status*/

.lawcase_status{ margin: 0 2px; padding: 3px 4px 2px; color: #FFF; font-size: 12px; background-color: #DDD;border-radius: 2px;}
.lawcase_status1{color: #fff;background-color: #f00;}
.lawcase_status2{color: #999;background-color: #f0f0f0;}
.lawcase_status3{color: #66F;background-color: #e8e1ff;}
.lawcase_status4{color: #f30;background-color: #ffeae5;}
.lawcase_status5{color: #38f;background-color: #e1edff;}
.lawcase_status6{color: #0c3;background-color: #e5faea;}
.lawcase_status7{color: #ccc;background-color: #f0f0f0;}

/*lawcase_tab*/

.lawcase_tab{width: 100%;height: 42px;background-color: #FFF; border-bottom: 1px solid #EEE;position: fixed;left: 0;top: 44px; z-index: 1;}
.lawcase_tab ul{display: -webkit-box;display: -webkit-flex;display: flex;}
.lawcase_tab li{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;}
.lawcase_tab li a{display: block; height: 40px;line-height: 42px; text-align: center;color: #222;font-size: 14px;text-decoration: none;border-bottom: 2px solid #FFF;overflow: hidden;}
.lawcase_tab li.current a{color: #F60;border-bottom: 2px solid #F60;}
.lawcase_tabh{width: 100%;height: 42px;overflow: hidden;}

/*lawcase_form*/

.lawcase_form_input{margin: 8px 10px 0; padding: 0 10px; background-color: #FFF;border: 1px solid #EEE;border-radius: 4px;overflow: hidden; position: relative;}
.lawcase_form_input input{display: block;width: 96%;height: 42px;line-height: 42px; color: #333;font-size: 14px; border: 0;border: none;}
.lawcase_form_input .tits{ width: 100%; height: 42px;line-height: 42px;color: #333;font-size: 14px;position: absolute; left: 10px; top: 0;}
.lawcase_form_input .arr:before{content: "";display: inline-block;width: 10px; height: 10px;border-width: 1px 1px 0 0; border-color: #CCC;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;right: 10px; margin-top: -6px;}
.lawcase_form_textarea{margin: 8px 10px 0; padding: 10px;background-color: #FFF;border: 1px solid #EEE;border-radius: 4px;overflow: hidden;position: relative;}
.lawcase_form_textarea textarea{display: block;width: 100%;height: 200px;line-height: 20px; color: #333;font-size: 14px; border: 0;border: none;}

/*lawcase_form_tips*/

.lawcase_form_tips{padding: 12px 12px 4px; color: #666; font-size: 13px;}
.lawcase_form_tips .tit{ padding-bottom: 4px; color: #666;}
.lawcase_form_tips .tit i{font-size: 13px;}
.lawcase_form_tips .desc {}
.lawcase_form_tips .desc p{line-height: 18px; position: relative;}
.lawcase_form_tips .desc p em{ display: block; width: 18px; height: 18px; position: absolute;top: 0; left: 0;}

/*lawcase_list*/

.lawcase_list {}
.lawcase_list li{margin-top: 10px;background-color: #FFF;position: relative;overflow: hidden;}
.lawcase_list .tit{padding: 12px; line-height: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.lawcase_list .tit .tits{ color: #222; font-size: 14px; font-weight: 500;}
.lawcase_list .desc{padding: 12px 8px 4px 12px;line-height: 20px;color: #555;word-wrap: break-word;word-break: break-all;position: relative;}
.lawcase_list .desc:before{content: "";position: absolute;left: 0;top: 0;right: 0;height: 0;border-top: 1px solid #e4e4e4;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
.lawcase_list .desc p{padding: 3px 0;}
.lawcase_list .desc i{ padding: 0 6px; color: #CCC;}
.lawcase_list .time{padding-top: 8px;color: #999; font-size: 13px;}
.lawcase_list .time em{display: inline-block;float: right;color: #F60;}
.lawcase_list .btn{ padding: 4px 12px 12px; text-align: right;}
.lawcase_list .btn a{ margin-right: 4px;padding: 7px 12px 6px; color: #F60; font-size: 14px; border: 1px solid #F60;border-radius: 2px;}

/*lawcase_show_tits*/

.lawcase_show_tits{padding: 16px 10px 10px;height: 32px;line-height: 32px;overflow: hidden;}
.lawcase_show_tits .tits{color: #222;font-size: 15px; font-weight: 500;}
.lawcase_show_tits .btn{ display: inline-block; float: right; width: 76px; height: 32px; line-height: 34px; text-align: center; color: #FFF;  background-color: #F60; border-radius: 3px; overflow: hidden;}

/*lawcase_show_content*/

.lawcase_show_content{background-color: #FFF;position: relative;overflow: hidden;}
.lawcase_show_content .tits{ padding: 20px 10px 16px; line-height: 20px;}
.lawcase_show_content .tits em{ color: #222; font-size: 16px; font-weight: 500;}
.lawcase_show_content .desc{ margin: 0 10px;padding: 14px 10px 20px;line-height: 24px;color: #444; background-color: #F6F6F6; border-radius: 3px;}
.lawcase_show_content .attr{ padding: 8px 12px 20px;}
.lawcase_show_content dl{min-height: 30px;line-height: 30px;position: relative;}
.lawcase_show_content dt{width: 80px;height: 30px;line-height: 30px;color: #888;overflow: hidden;position: absolute;left: 0;top: 0;}
.lawcase_show_content dd{padding-left: 80px;overflow: hidden;}

/*lawcase_show_remark*/

.lawcase_show_remark{margin-top: 10px;background-color: #FFF;position: relative;overflow: hidden;}
.lawcase_show_remark .desc{padding: 0 10px 10px 16px;line-height: 24px;color: #444;}
.lawcase_show_remark li{ padding: 2px 0 16px 16px; border-left: 1px solid #EEE; position: relative;}
.lawcase_show_remark li:before{content: "";position: absolute;left: -4px;top: 10px;width: 7px; height: 7px; background-color: #0c3; border-radius: 50%;overflow: hidden;}
.lawcase_show_remark .li1:before{background-color: #38f;}
.lawcase_show_remark .li2:before{background-color: #999;}
.lawcase_show_remark .li3:before{background-color: #f60;}
.lawcase_show_remark li span{color: #999;}
.lawcase_show_remark li em{color: #CCC; font-size: 13px;}
.lawcase_show_remark li p{color: #222;}

/*lawcase_show_apply*/

.lawcase_show_apply{margin-top: 10px;background-color: #FFF;position: relative;overflow: hidden;}
.lawcase_show_apply .tits {}
.lawcase_show_apply .desc{padding: 0 10px 20px;}
.lawcase_show_apply li{ line-height: 28px;}
.lawcase_show_apply li em{ color: #999;}
.lawcase_show_apply li .name{padding-left: 4px; color: #5080BC;}
.lawcase_show_apply li .res{ padding-left: 4px; color: #F00;}

/*lawcase_show_tits*/

.lawcase_show_tips{padding: 30px 10px 60px;}
.lawcase_show_tips .tits{text-align: center; color: #666; font-size: 14px; font-weight: 500;}
.lawcase_show_tips .desc{padding-top: 12px;line-height: 20px;color: #888;font-size: 13px;}

/*cases_show_btns*/

.lawcases_show_btn{padding: 10px 0;width: 100%;height: 42px;line-height: 42px; text-align: center; font-size: 14px; background-color: #FFF;overflow: hidden;position: fixed;left: 0;bottom: 0;}
.lawcases_show_btn:before{content: "";position: absolute;left: 0;top: 0;right: 0;height: 0;border-top: 1px solid #DDD;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
.lawcases_show_btnh{width: 100%;height: 72px;}
.lawcases_show_btn a{display: block;margin: 0 10px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;background-color: #F60;border: 1px solid #F60;border-radius: 3px;}
.lawcases_show_btn .btn1{color: #FFF; background-color: #F60; border-color: #F60;}
.lawcases_show_btn .btn2{color: #666; background-color: #DDD; border-color: #DDD;}
.lawcases_show_btn .btn3{color: #F60; background-color: #FFF; border-color: #F60;}

/*remark_create*/

.remark_create {}
.remark_create{ margin: 0 12px 12px; padding: 8px; border: 1px solid #DDD; border-radius: 5px;}
.remark_create textarea{ display: block; width: 100%; height: 160px; line-height: 20px; font-size: 14px; background-color: transparent; border: 0; border: none;}