
.title1{ background: url("../images/cooperate_lawyer/title1.png") no-repeat center 0 transparent;height: 82px;width: 100%;margin: 5px 0 3px; }
.title2{ background: url("../images/cooperate_lawyer/title2.png") no-repeat center 0 transparent;height: 82px;width: 100%; }
.title3{ background: url("../images/cooperate_lawyer/title3.png") no-repeat center 0 transparent;height: 82px;width: 100%; }
.tabs{}
.tabs .container{ height: 304px;overflow: hidden;display: table; }
.tabs .left{ height: 304px;position: absolute;width: 301px;background: url("../images/cooperate_lowyerfirm/play-lf-bg.png") repeat-y transparent; }
.tabs .left h3{ border-bottom: solid 1px #ddd;background-color: #e5e5e5;height: 50px;line-height: 50px;color: #de1716;font-style: normal;font-size: 20px;width: 258px;padding: 8px 0 2px 25px;font-family: "microsoft", "微软雅黑";overflow: hidden; }
.cont-list{ padding-top: 15px; }
.cont-list li { padding: 0 30px 0 22px;height: 40px;line-height: 40px;cursor: pointer; }
.cont-list li strong{ font-size: 19px;font-weight: bolder;color: #2a61ff;vertical-align: middle;font-family: "Arial Black";font-style: italic;padding-right: 8px; }
.cont-list li span{ display: inline-block;padding-left: 10px;font-size: 15px;color: #777;vertical-align: middle; }
.cont-list li.selected{ background: url("../images/cooperate_lowyerfirm/play-lf-select-bg.png") no-repeat transparent;height: 34px;line-height: 34px;padding-bottom: 3px; }
.cont-list li.selected strong{ color: #fff; }
.cont-list li.selected span{ color: #fff; }
.pic_view{ height: 304px;width: 679px;float: right; position: relative;}


.blk2 .intro_list{ width: 100%; }
.blk2 .intro_list .intro_ele{ float: left;padding: 7px 0;width:  }
.blk2 .intro_list .intro_ele.last{}
.blk2 .intro_list .intro_ele .intro_box{ background-color: #fff;border: solid 1px #fff;border-radius: 5px;box-shadow: 0 2px 3px #e0e0e0;margin: 4px;padding: 10px 0;width: 182px; }
.blk2 .intro_list .intro_ele .intro_img_ctn{ height: 97px;line-height: 97px;width: 182px; }
.blk2 .intro_list .intro_ele .intro_img_ctn img{ height: 100%;width: 100%; }
.blk2 .intro_list .intro_ele .intro_title{ color: #053cee;height: 30px;font-size: 15px;line-height: 30px;padding: 5px 10px 0; }
.blk2 .intro_list .intro_ele .intro_info{ color: #626262;height: 40px;line-height: 20px;overflow: hidden;padding: 0 10px;text-align: left; }

.blk3 .good_list{ width: 100%;padding: 30px 0 0; }
.blk3 .good_ele{ float: left;width: 305px;padding-right: 22px; }
.blk3 .good_ele.last{ padding-right: 1px; }
.blk3 .good_ele .img_wapper{ border: solid 1px #e6e6e6; }
.blk3 .good_ele .img_wapper .img_ctn{ border: solid 1px #fff;height: 160px;line-height: 160px;width: 301px; }
.blk3 .good_ele .img_wapper .img_ctn img{ height: 160px;width: 301px; }
.blk3 .good_ele .good_context{ color: #626262;padding: 10px 5px;overflow: hidden;line-height: 20px; }

.blk4 .card_box{ background: url("../images/cooperate_lawyer/gsc_bg.png") no-repeat center 0 transparent;color: #626262;height: 150px;margin: 30px 0 10px;padding: 256px 0 0; }
.blk4 .card_box .copper_box,.blk4 .card_box .silver_box,.blk4 .card_box .golden_box{ position: absolute; }
.blk4 .card_box .copper_box,.blk4 .card_box .silver_box{ width: 200px; }
.blk4 .card_box .btn_box{ text-align: center;padding-top: 16px; }
.blk4 .card_box .golden_box .btn_box{ text-align: center;padding-top: 18px; }
.blk4 .card_box .golden_box{ left: 50%;margin-left: -120px;width: 240px;padding-top: 2px; }
.blk4 .card_box .silver_box{ right: 50%;margin-right: 176px; }
.blk4 .card_box .copper_box{ left: 50%;margin-left: 176px; }
.intro_info .font_boder{display: inline-block;font-weight: bolder;text-align: center;padding-right: 5px;color: #000;font-family: "microsoft yahei", "΢���ź�"; }
.blk4 .card_box .golden_box .intro_info{ line-height: 23px;font-size: 14px; }
.blk4 .card_box .silver_box .intro_info,
.blk4 .card_box .copper_box .intro_info{ line-height: 20px;font-size: 12px; }
.blk4 .card_box .golden_box .intro_info .font_boder{ width: 50px;font-size: 19px; }
.blk4 .card_box .silver_box .intro_info .font_boder,
.blk4 .card_box .copper_box .intro_info .font_boder{ width: 30px;font-size: 15px; }
.blk4 .card_box .copper_box .join_btn,.blk4 .card_box .silver_box .join_btn{ background: url("../images/cooperate_lawyer/btn-blue-s.png") no-repeat 0 0 transparent;color: #fff;display: inline-block;height: 23px;line-height: 23px;padding-bottom: 3px;text-align: center;width: 103px; }
.blk4 .card_box .golden_box .join_btn{ background: url("../images/cooperate_lawyer/btn-blue-b.png") no-repeat 0 0 transparent;color: #fff;display: inline-block;height: 28px;line-height: 28px;padding-bottom: 3px;text-align: center;width: 123px; }
.blk4 .card_box .join_btn:hover{ filter:Alpha(Opacity=80);-moz-opacity:.80;opacity:0.80; }
/*2014/1/7 xxf*/
.blk4 .card_box .copper_box .join_btnh,.blk4 .card_box .silver_box .join_btnh{ background:#999;color: #fff;display: inline-block;height: 23px;line-height: 23px;padding-bottom: 3px;text-align: center;width: 103px; }
.blk4 .card_box .golden_box .join_btnh{ background:#999;color: #fff;display: inline-block;height: 28px;line-height: 28px;padding-bottom: 3px;text-align: center;width: 123px; }

/*end*/
.blk4 .vip_intro{ padding: 13px 0 10px 70px; }
.blk4 .vip_intro h1{ border-left: 4px solid #053cee;font-size: 19px;height: 22px;line-height: 22px;margin: 10px 0;padding-left: 5px; }
.blk4 .context_list{ color: #626262;list-style: decimal;line-height: 26px;padding: 10px 0 0 37px; }
.intro_info{text-align: center;}
.vip_title{height: 22px;background: url("../images/cooperate_lawyer/vip_title.png") no-repeat scroll left 0 #f7f7f7; margin-right: 600px;}
.blk5{ padding: 20px 0 18px;margin: 0 auto 30px; }
.comments{ background: url("../images/cooperate_lowyerfirm/comments-bg.png") no-repeat transparent;height: 166px;width: 797px;padding: 41px 0 0;margin:0 auto; }
.comments .left{ position: absolute;left: 50%;margin-left: -360px;margin-top: 34px;display:inline-block;height: 32px;width: 21px;background: url("../images/cooperate_lowyerfirm/comments-lf.png") no-repeat transparent; }
.comments .right{ position: absolute;left: 50%;margin-left: 339px;margin-top: 34px;display:inline-block;height: 32px;width: 21px;background: url("../images/cooperate_lowyerfirm/comments-rt.png") no-repeat transparent; }
.comments .left:hover, .comments .right:hover{ filter:Alpha(Opacity=80);-moz-opacity:.80;opacity:0.80; }
.comments .comments_board{ position: absolute;left: 50%;height: 100px;width: 572px;margin-left: -287px;overflow: hidden; }
.comments_list{  }
.comment_li{ display: none;position: absolute;height:106px;width: 570px; }
.a_comment{ overflow: hidden;display: table;width: 100%;height: 100px; }
.comment_photo{ border: 1px solid #ccc;float: left;width: 72px;height: 72px; }
.comment_photo img{ border: 1px solid #fff;width: 70px;height: 70px; }
div.comment_context{ float: left;padding: 0 0 0 15px;width: 480px;color: #666;overflow: hidden; }
p.comment_context{ float: left;height: 82px;line-height: 20px;padding-top: 8px;width: 480px;color: #666;overflow: hidden; }
.comment_user_name{ font-size: 14px;font-weight: bold;color: #2a61ff;vertical-align: middle; }
/*2014/01/07 金银铜会员购买*/
.chick-a{color:#0004f1;line-height:20px;margin-top:5px;display: block;}
.gscContent{padding:20px;}
.gscContent p{ line-height:30px;}
.gscContent p b{color:#3380cc;font-size:20px; font-weight:bold;}
.gscContent .red{ color:#ff0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.gscContent .yellow{color:#e0ae11; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.gscContent-01{ border:1px solid #ccd5cc; background:#e5e5e5; padding:20px;}
.gscContent-02{ border-top:1px solid #000; margin-top:20px; padding:20px 0; clear:both;}
.gscContent .pay{ float:right; background:#0080cc; width:100px; height:30px; color:#fff; text-align:center; line-height:30px; font-weight:bold;}
.gscContent .payResult{ float:left;}
.checkpay{}
.checkpay input{ float:left; margin:13px 10px 0 0;}
.checkpay span{ float:left;} 
.payment-content{border:2px solid #cbd3de; padding:20px;  background:#e5e5e5;}
.payment-ul{}
.payment-ul li{border-bottom:1px solid #d9d9d9; padding:15px 10px;}
.payment-ul li code{width:25px;height:25px; float:left; margin:-7px 5px 0 15px;}
.icon_code01{ background:url(../images/cooperate_lawyer/icon_pay.png) 0 0 no-repeat;}
.icon_code02{ background:url(../images/cooperate_lawyer/icon_pay.png) 0 -25px no-repeat;}
.icon_code03{ background:url(../images/cooperate_lawyer/icon_pay.png) 0 -50px no-repeat;}
.pay-pointmoney-num{ font-size:16px; color:#F39800;}
.pay-a{ display:none; padding:0 10px;}
.pay-a a{ color:#ff0000;font-weight:bold;  }
.pay-a a:hover{ color:#ff0000;text-decoration: underline;}
.pay-b{ display:none; padding:10px;}
.pay-b a{ color:#ff0000;font-weight:bold;  }
.pay-b a:hover{ color:#ff0000;text-decoration: underline;}
.pay-c{ display:none; padding:10px;}
.pay-c label{height: 30px;line-height: 30px;}
.pay-c span{margin: -2px 0 0 10px;}

.pay-d{padding:20px 20px 5px;}

/*清除浮动*/
.clearfix:after{    
visibility:hidden;    
display:block;    
font-size:0;    
content:" ";    
clear:both;    
height:0;}    
.clearfix{zoom:1;}
.fL{float:left;}
.fR{float:right;}
.displayb{display:block;}
/*会员等级2014.2.18*/
.member-order{margin-top:10px;border:1px solid #ededed; background: #fff;letter-spacing:2px;}
/*2014/8/24 vip购买*/
.laybl{border-left:1px solid #ededed;}
.laybr{border-right:1px solid #ededed;}
.laybt{border-top:1px solid #ededed;}
.laybb{border-bottom:1px solid #ededed;}
.lay-h01{line-height: 38px;}
.lay-h02{height: 76px; line-height: 76px;}
.lay-w01{width:120px;}
.lay-w02{
    width:225px;
}
.lay-w03{
    width:208px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}
.lay-w04{
    width:225px;
}
.lay-w05{
    width:449px;
}
.lay-w06{
    width:224px;
}
.lay-w07 {
    width:164px;
}
.lay-order-title{text-align: center;font-size:16px;font-weight: bolder;}
.lay-order-title-f{font-size:14px;}
.lay-order-title dd{float:left;font-family: "微软雅黑";}
.lay-order-title dd div{float: left;text-align: center;font-family: "微软雅黑";}
.lay-order-title dd div em{font-size: 12px; font-weight:500;color: #5a5a5a;}
.lay-order-content{border-top: 1px solid #ededed; text-align: center;}
.lay-order-content dd p{float: left; line-height: 38px;}
.lay-order-content dd .p01{font-family: "Microsoft YaHei";font-size:16px;font-weight: 600;}
.lay-order-content dd .p02{    text-align: left;font-size:14px;font-family: "宋体";}
.lay-order-content dd .p02 span{padding-left: 20px;text-align: left;display: inline-block;font-family: "宋体";color: #666;}
.lay-order-content dd .p03{font-size:14px;font-family: "宋体"; color:#666}
.lay-order-content dd .p04{ text-decoration:line-through;font-family: "宋体";font-size:14px; color:#666}
.lay-order-content dd .p05{color: #ef1414;font-size:14px; font-weight:bolder;font-family: "宋体";}
.lay-order-content dd .p06{}
.lay-order-content dd .p06 a{background: #e105bf;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display: inline-block; padding:0 20px; line-height: 26px; color: #fff;}
.lay-order-content02{line-height: 38px;}
.lay-order-content02 dd{float: left;}
.lay-h03{height: 152px;line-height: 152px;font-family: "Microsoft YaHei";font-size: 14px;font-weight: 700;text-align: center;}
.lay-w08{width:839px;}
.lay-w08 p{padding-left:20px; color:#999999;font-size:14px;}
.laycol{background: #f4f7ff;}
.lay-order-content02 .xk-a{color:#2151da;}
/*会员卡*/
.CardContent{padding:20px;}
.cardbuy{line-height:30px;}
.card_vipName,.card_courseScope,.card_hour,.card_vipMonth,.card_remainHour,.card_totalHour,.currentVipName{color:#ff0000; font-size:16px;}
.card_levelUp{line-height:30px;}
.card-memberinfo{line-height:30px;}
.cardboder{border-bottom: 1px dashed #666;}
.CardContent .pay{ float:right; background:#0080cc; width:100px; height:30px; color:#fff; text-align:center; line-height:30px; font-weight:bold;}
.CardContent .payGray{ float:right; background:#999; width:100px; height:30px; color:#fff; text-align:center; line-height:30px; font-weight:bold;}
.CardContent .payResult{ float:left;}
.xuanke{float: right;background: #0080cc;width: 80px;height: 30px;color: #fff!important;text-align: center;line-height: 30px;font-weight: bold;}

.cardOpenResultwz{color:#f00; padding:10px 0 0 0;}
/*xxf 2014/9/11 hot pl*/
.popular-courses-title {height:80px;background:url(../images/cooperate_lawyer/title4.png) no-repeat center center;margin:20px 0 0 0;}
.popular-courses-list{width:678px;}
.popular-courses-list ul{line-height:16px;padding:10px;}
.popular-courses-list ul li{padding:7px 0;}
.popular-courses-list ul li span.r,.popular-courses-list ul li span.b{float:left;width:20px; height:15px;line-height:15px;text-align: center; margin-right:10px;}
.popular-courses-list ul li span.r{color:#fff;background:url("../images/icon-d-r.png") no-repeat scroll center 0 #f55;}
.popular-courses-list ul li span.b{color:#fff;background:url("../images/icon-d-b.png") no-repeat scroll center 0 #053cee;}
.popular-courses-list ul li a.courses{float:left;color:#333;}
.popular-courses-list ul li a.name{float:right; width:100px;height:15px;padding-left:17px;margin-right:10px;color:#333;background:url("../images/cooperate_lawyer/name.png") no-repeat center left;}
.popular-courses-list ul li a.tNumber{float:right; width:100px;height:15px;padding-left:17px;margin-right:10px;color:#333;background:url("../images/cooperate_lawyer/tNumber.png") no-repeat center left;}
.popular-courses-update{width:282px; height:348px;background:url(../images/cooperate_lawyer/popular_courses_update_bg.png) no-repeat;}
.popular-courses-update ul{margin:45px 10px 10px 35px;}
.popular-courses-update ul li{color: #053cee;line-height: 24px;vertical-align: middle;padding-left: 18px;background: url("../images/index_circle_blue_s.png") no-repeat 3px center transparent;}
.popular-courses-update ul li a{color:#333;}

.lawyer-pl{padding:20px 0;}
.lawyer-pl-li{margin-top: 10px;  padding-bottom: 13px;width: 100%;border-bottom: solid 1px #ccc; }
.lawyer-pl .c_l_lf{ float: left;width: 70px; }
.lawyer-pl .c_l_lf .u_photo_ctn{ border-radius: 2px;border: solid 1px #b6b6b6;width: 48px;height: 48px;margin:0 auto; }
.lawyer-pl .c_l_lf .u_photo_ctn img{ width: 46px;height: 46px;border: solid 1px #f6f6f6; }
.lawyer-pl .c_l_rt .c_l_rt_ctn{width: 874px;line-height: 20px;color: #454545; }
.lawyer-pl .c_l_rt .c_l_rt_ctn .context{ line-height: 28px;}
.lawyer-pl .c_l_rt{float: right;width: 885px;}
.lawyer-pl .c_l_rt .triangle_ic{ background: url("../images/qtip_triangle.png") no-repeat transparent;display: inline-block;height: 10px;margin: 10px 0 0 -26px;*margin: 10px 0 0 -49px;position: absolute;width: 10px; }
.lawyer-pl .auto_info{ overflow: hidden;text-align: left; }
.lawyer-pl .auto_info p{ line-height: 23px;height: 23px; overflow: hidden; width: 100% }
.lawyer-pl .auto_info p span{ display: block;line-height: 13px;height: 13px;color: #0941fb;font-size: 9px; }
.lawyer-pl .auto_info p a.u_name{ color: #1a5beb;display: inline-block;font-size: 12px; }
.root-list {
    width: 852px;
    left: 32px;
    float: left;
    position: absolute;
    top: 390px !important;
    border: 2px solid #3c59ed;
    border-radius: 4px;
}
