/* CSS Document */
*{margin:0;padding:0;outline:none;}
body {width:100%; font-size:10px;}
a{color:#000;text-decoration:none;}
a:hover {text-decoration:none;}
button,input,select,textarea{font-size:100%;margin:0;padding:0;outline:none;}
textarea,input{resize:none;outline:none;}
textarea{ width:100%;}
ul,ol,li{list-style:none;}
em{font-style:normal;}
img{border:none;}
.img100{ width:100%;}
.img50{border-radius:50%;}
.clear {clear:both}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.auto{ margin:0 auto}
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
.none{ display:none;}
.block{ display:block;}
.pre{ position:relative;}
.pab{ position:absolute;}
.slh{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.w100{ width:100%;}
.w60{ width:60%;}
.fb{ font-weight:bold;}
.oh{ overflow:hidden;}
.point:hover{cursor:pointer;}

@media screen and (max-width:640px) {.w640 {width:100%;}}
@media screen and (min-width:640px) {.w640 {width:640px;}}

body{background-color:#F5F5F5; height:100%;}
.bg_w{ background-color:#fff; min-height:100%;}
.bg_o{ background-color:#FF8502;background:linear-gradient(#FF6600,#FA9F58);}
.bg_g{ background-color:#eee;}

.f_g{ color:#999;}
.f_w{ color:#fff;}
.f_o{ color:#FF6600;}
.f_s{ font-size:0.8em;}
.f_m{ font-size:1.2em;}
.f_l{ font-size:1.6em;}
.f_2{ font-size:2em;}

.mt1{ margin-top:1%;}
.mt4{ margin-top:4%;}
.mt100{ margin-top:6em;}
.p3{ padding:3%;}
.i2{ text-indent:2em;}
.radius{border-radius:5px;}
.button{ border:none; color:#fff; padding:1%; border-radius:10px; font-family:'Microsoft YaHei';}
.input_sub{ padding:2%; width:60%; margin:3% auto; border:none;}
.a_k{ display:block; background-color:#FF8502;background:linear-gradient(#FF6600,#FA9F58); color:#fff; padding:2%; margin:0 auto; border-radius:10px; box-shadow:1px 1px 1px #999;}
.a_k2{ display:inline; background-color:#FF8502;background:linear-gradient(#FF6600,#FA9F58); color:#fff; padding:2% 5%; margin:0 auto; border-radius:5px;}

.li2{ width:45%; padding:0.5%;}
.li3{ width:32%; text-align:center; padding:0.5%;}
.line_b{ border-bottom:solid 2px #FA9F58; margin-bottom:2%;}
.line_b_g{ border-bottom:solid 1px #ccc; margin:2%;}
.line_sx{ border-bottom:solid 1px #FF8502; margin:2% 0;}

/* back_key */
.back_key{ font-size:30px; line-height:40px; padding:5px; color:#fff; font-weight:bold;}

/* index */
.index_tit{ padding:1.6em 2em 2em; font-size:2em; line-height:1.6em; color:#fff; font-weight:bold;}
.index_button{ bottom:-1em; width:50%; left:50%; margin-left:-25%; border:solid 2px #FA9F58; border-radius:1em; background-color:#fff; color:#333; line-height:1.8em; font-size:1.8em; font-family:'Microsoft YaHei';}
.index_button_mb{ margin-bottom:2em;}
.index_lawyer_pic li{ float:left; width:25%;font-size:1.8em; line-height:2em; margin-bottom:1em;}
.index_lawyer_pic img{width:80%; border-radius:50%; border:solid 2px #fff; box-shadow:0 0 5px #333;}

/* bottom */
.bottom {line-height:40px;font-size:16px;padding:10px;text-align:center;color:#fff;font-weight:bold;background:url(img/bottom_bg.png);font-family:"Microsoft YaHei";background-size:100% 100%;}
.bottom a{ padding:10px; color:#fff;}

/* list */
.list_k{border:solid 2px #FA9F58; border-radius:0 0 10px 10px; padding:2%;}
.list{ text-align:left; font-size:1.6em;}
.list_tit div{ width:32%; margin-right:1%; line-height:2.5em; font-size:1.6em; text-align:center; border-radius:10px 10px 0 0;}
.list_tit .bg_o a{ color:#fff; font-weight:bold;}
.list_tit a{ color:#666;}
.list li{ line-height:2em;}
.list4 div{ width:24%;}

/* page */
.page{ margin:2% auto; font-size:0.8em;}

/* nav */
.nav{ position:fixed; top:auto; bottom:0; height:50px; border-top:solid 5px #fff; background-color:#F5F5F5;}
.nav a{ display:block; width:33%; float:left; line-height:50px; font-size:1.6em; font-weight:bold; color:#fff;}
.nav_h{ height:55px; width:100%;}
.nav4 a{ width:25%;}

/* show */
.show{ font-size:1.6em; line-height:2em;word-wrap:bread-word;word-break:break-all;}
.show .ps{ font-size:0.8em; color:#666;}
.show textarea,.show input{ margin-bottom:3%;}
.show textarea[name='content'],.show textarea[name='reply']{ height:6em;}

/* tishi */
.tishi{ font-size:0.8em; color:#f00;}

/* log */
.log{ font-size:1.8em; line-height:3em;}
.log_mt{ margin-top:10%;}
.log_mt input{ width:50%;}

/* exit */
.exit{ right:0.5em; bottom:0.2em; font-size:1.6em; color:#fff;}

/* login */
.popup{ margin:5%; top:10%; width:90%; background-color:#fff; box-shadow:0 0 10px #333; text-align:left; line-height:2em;}
.popup .close{ top:-1.5em; right:0; left:auto;}
.popup .close:hover{cursor:pointer;}

/* lawyer_info */
.info_name{ padding:2em 0 4em; font-size:2em; color:#fff; font-weight:bold;}
.info_pic{ bottom:-5em; left:50%; margin-left:-5.5em;}
.info_pic img{ width:10em; border-radius:50%; border:solid 5px #fff;}
.info_bt{ font-size:1.6em; color:#fff; font-weight:bold; padding:2% 3%; border-radius:10px 10px 0 0;}
.info_nr{ font-size:1.6em; line-height:2em; padding:3%; border:solid 2px #FA9F58; border-radius:0 0 10px 10px;word-wrap:bread-word;word-break:break-all;}
.info_button{ font-size:1.6em; color:#fff; padding:2%; border:none; border-radius:10px; font-family:'Microsoft YaHei';}
.info_input{ padding:1%;border-radius:5px;}
.lawyer_pic{ padding:2.5em 0 1em;}
.lawyer_pic img{ width:10em; border-radius:50%; border:solid 3px #fff;}
.lawyer_name{ padding:0.5em 0 1em; font-size:2.5em; color:#fff; font-weight:bold;}

/* sys_top */
.sys_top{ height:3em; line-height:3em; font-size:2em; color:#fff; font-weight:bold;}

/* manager */
.push_input{ border:none; line-height:2em;}
.form{ font-size:1em;}
.form td:first-child{ min-width:4em;}
.form td:last-child{ text-align:center;}
.form input[type="text"]{ max-width:80%;}