.content-box *{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
em,i{ font-style:normal; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f22{ font-size:22px; }
.f24{ font-size:24px; }
.f26{ font-size:26px; }
.f28{ font-size:28px; }
.f30{ font-size:30px; }
.f31{ font-size:31px; }
.f32{ font-size:32px; }
.btn-warn{ border-color:#ec3b3b;background-color:#ec3b3b;color:#fff !important; }
.s-primary{ color:#0057ff !important; }
.s-warn{ color:#ec3b3b !important; }
.s-orange{ color:#F58E08 !important; }
.s-cf{ color:#fff !important; }
.pt30{ padding-top:30px; }
.ptb30{ padding:30px 0; }
.mt60{ margin-top:60px; }
.mt48{ margin-top:48px; }
.mt24{ margin-top:24px; }
.mt5{ margin-top:5px; }
.mt8{ margin-top:8px; }
.mr8{ margin-right:8px; }
.u-btn:hover,.btn:hover{ opacity:0.8; }
.u-btn.is-disabled{background-color: #e8e8e8 !important;border-color: #e8e8e8 !important;color: #bbb !important; box-shadow: none !important;}
.btn-m{ height:32px;line-height:32px; }
.u-btn.is-disabled{background-color: #e8e8e8 !important;   border-color: #e8e8e8 !important;  color: #bbb !important;  cursor: default !important;}
.inline-block{ display:inline-block; }
.h40{ line-height:40px; }
.h22{ line-height:22px; }
.h24{ line-height:24px; }
.opacity5{ opacity:0.5; }
.cursor{ cursor:pointer; }
.bg-fe{ background:linear-gradient(180deg,#F8F8F8 0%,#FFFFFF 100%); }
.footer{ margin-top:0; }
/* youshi-data */
.youshi-data { height: 50px; }
.youshi-data li { float: left; width: 220px; padding-left: 40px; }
.youshi-data li.l { width: 210px; padding-left: 0; }
.youshi-data li.r { width: 210px; padding-left: 50px; }
.youshi-data li .ico-ts { float: left; margin: 0 10px 0 0; }
.youshi-data li span {font-size: 12px; color: #999; line-height: 16px; height: 16px; overflow: hidden; }
.youshi-data li p { font-size: 16px; line-height: 28px; font-family: 'HeitiStd'; }
.youshi-data li p em { font-size: 24px; font-family: 'DINCond-Bold'; font-style: normal; }
/**/
.youshi-data li:hover .ico-ts { animation: task-shake .6s ease-in-out; }
@keyframes task-shake{ 0%{ transform:scale(.5); }
40%{ transform:scale(1); }
60%{ transform:scale(1.3); }
100%{ transform:scale(1); }
; }
 /* ico-ts */
.ico-ts{ display:inline-block;vertical-align:middle;margin-top:-3px;background:url('/images/ico-ts.png') no-repeat; }
.i-ts1{ width:48px;height:48px;background-position:0 0; }
.i-ts2{ width:48px;height:48px;background-position:-60px 0; }
.i-ts3{ width:48px;height:48px;background-position:-120px 0; }
.i-ts4{ width:48px;height:48px;background-position:-180px 0; }
.i-ts5{ width:48px;height:48px;background-position:-240px 0; }

  /* u-input-search */
.u-input-search{ position:relative;width:300px;height:40px;background-color:#f5f5f5;border-radius:40px;margin-top:25px; }
.u-input-search input{ display:block;width:100%;padding:10px 50px 10px 20px;font-size:12px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box; }
.u-input-search input::-webkit-input-placeholder{ color:#999; }
.u-input-search input:-ms-input-placeholder{ color:#999; }
.u-input-search input::-ms-input-placeholder{ color:#999; }
.u-input-search input::placeholder{ color:#999; }
.u-input-search .btn-search{ position:absolute;top:0;right:0;bottom:0;padding:0 20px;cursor:pointer;color:#666;font-size:14px; }
.u-input-search .btn-search .iconfont{ font-size:16px;margin-right:3px;color:#333; }
.u-input-search .btn-search:active{ opacity:0.8; }
body.blue-bg{ background:#fff url('//css.66law.cn/ui_v2/pc/pic/online-retailers/index/banner-bg.png') no-repeat 0 128px; }

  /* banner-box */
.banner-box{ position:relative; }
.banner-box .b-left{ width:230px;height:472px; }
.banner-box .b-left .b-left-head{ width:230px;height:40px;line-height:40px;font-size:16px;color:#fff;background:#0057FF;text-align:center;border-radius:8px 8px 0px 0px;position:absolute;top:-40px;z-index:701; }
.banner-box .b-left .b-left-head img{ margin-right:3px;vertical-align:text-bottom; }
.banner-box .b-left dl{ padding:0px 12px 0 20px;overflow:hidden;margin-left:-10px; }
.banner-box .b-left dl dt{ font-size:12px;color:#bbb;margin:14px 10px 8px; }
.banner-box .b-left dl dt::before{ content:'';float:left;margin-top:5px;width:4px;height:11px;background:#DDDDDD;border-radius:2px;margin-right:6px; }
.banner-box .b-left dl dd{ display:inline-block;font-size:14px;color:#333;margin-left:10px; }
.banner-box .b-banner{ width:734px;margin:8px 8px 0; }
.banner-box .b-banner .banner-swiper{ height:464px; }
.banner-box .b-banner .banner-swiper .pagination{ position:absolute;z-index:2;left:0;right:0;bottom:16px;text-align:center;line-height:1; }
.banner-box .b-banner .banner-swiper .pagination span{ display:inline-block;width:10px;height:4px;background-color:#fff;opacity:.55;filter:opacity(55);margin:0 5px;transition:width linear .3s; }
.banner-box .b-banner .banner-swiper .pagination span.swiper-active-switch{ opacity:1;filter:opacity(100);width:20px; }
.banner-box .b-banner .banner-swiper .item{ height:464px;position:relative;overflow:hidden; }
.banner-box .b-banner .banner-swiper .pic{ display:block;width:1920px;height:464px;position:absolute;left:50%;margin-left:-960px; }
.banner-box .b-banner .arrow-btn{ position:absolute;top:50%;color:#fff;width:20px;height:28px;line-height:28px;margin-top:-14px;background:rgba(255,255,255,0.1);z-index:9;text-align:center; }
.banner-box .b-banner .arrow-btn i{ font-size:12px;transform:scale(0.75); }
.banner-box .b-banner .arrow-btn:hover{ background:rgba(255,255,255,0.2); }
.banner-box .b-banner .arrow-left{ left:0;border-radius:0px 2px 2px 0px; }
.banner-box .b-banner .arrow-right{ right:0;border-radius:2px 0px 0px 2px; }
.banner-box .b-right{ margin-top:8px;width:220px;height:464px; }
.banner-box .b-right .b-right-limit{ position:relative; }
.banner-box .b-right .b-right-limit .limit-activity{ position:absolute;width:100%;height:100%;padding-top:70px;text-align:center; }
.banner-box .b-right .b-right-limit .limit-activity .label{ position:absolute;top:0;left:0;width:68px;height:22px;line-height:22px;color:#fff;text-align:center;background:linear-gradient(150deg,#FF9900 0%,#FFB029 100%);border-radius:0px 0px 10px 0px; }
.banner-box .b-right .b-right-limit .limit-activity p{ 
  color:#fff;font-size:20px;font-weight:bold;text-shadow:0px 1px 3px rgba(0,0,0,0.1);margin-bottom:10px; padding: 0 16px; line-height: 30px; 
  max-height: 60px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.banner-box .b-right .b-right-limit .limit-activity p b{ font-size:28px; }
.banner-box .b-right .b-right-limit .limit-activity .btn{ 
  position: absolute; left: 50%; bottom: 50px; margin-left: -52px;
  width:104px;height:32px;color:#FC674C;background:#FFFFFF;box-shadow:0px 3px 6px rgba(252,103,76,0.1);border-radius:16px;margin-top:30px; }
.banner-box .b-right .b-right-limit .limit-activity .btn:hover{ opacity:1;font-weight:bold;box-shadow:0px 6px 12px rgba(252,103,76,0.2); }
.banner-box .b-right .b-right-consult{ position:relative;margin-top:8px; }
.banner-box .b-right .b-right-consult .consult-intro{ position:absolute;width:100%;height:100%;color:#fff;padding:45px 30px; }
.banner-box .b-right .b-right-consult .consult-intro h6{ font-size:18px;line-height:26px; }
.banner-box .b-right .b-right-consult .consult-intro h6 strong{ font-size:22px; }
.banner-box .b-right .b-right-consult .consult-intro p{ opacity:.6;margin-top:8px; }
.banner-box .b-right .b-right-consult .consult-intro .btn{ display:inline-block;width:106px;height:32px;border:1px solid #FFFFFF;box-shadow:0px 3px 6px rgba(252,103,76,0.1);opacity:.8;border-radius:16px;background:transparent;margin-top:30px; }
.banner-box .b-right .b-right-consult .consult-intro .btn:hover{ opacity:1; }
.banner-box .b-right img{ display:block; }
.keyword-list{ margin:20px 0 0 -8px; }
.keyword-list li{ float:left;width:294px;height:96px;background:#fff;box-shadow:0px 3px 6px rgba(0,0,0,0.02);margin-left:8px;padding:20px 24px 20px 87px;position:relative; }
.keyword-list li .keyword-icon{ position:absolute;top:20px;left:20px;width:48px;height:48px;text-align:center;background:#F2F4FF;border-radius:50%; }
.keyword-list li .keyword-icon i{ display:inline-block;font-size:24px;line-height:24px;color:#2670FF;margin-top:12px; }
.keyword-list li .keyword-txt{ line-height:16px; }
.keyword-list li .keyword-txt h4{ font-size:16px;color:#333; }
.keyword-list li .keyword-txt p{ font-size:12px;color:#bbb;margin-top:6px; }



  /* nav-tit */
.nav-tit h2{ font-size:28px;font-weight:500;line-height:40px;color:#333; }
.nav-tit h2 span{ color:#999;font-size:14px;margin-left:20px; }

  /* online-services-box */
.online-services-box li{ float:left; }
.online-services-box > ul{ margin-left:-20px; }
.online-services-box > ul > li{ width:590px;height:174px;/*height:229px;*/background:#FFFFFF;padding:20px 20px 0;margin:20px 0 0 20px;box-shadow:0px 3px 30px rgba(0,0,0,0.05); overflow: hidden;}
.online-services-box > ul > li:hover{ box-shadow:0px 5px 50px rgba(0,0,0,0.08); }
.online-services-box > ul > li .service-info{ position:relative;padding-left:148px; }
.online-services-box > ul > li .service-info img{ width:132px;height:132px;border-radius:4px;position:absolute;left:0; }
.online-services-box > ul > li .service-info .service-intro{ min-height:132px; }
.online-services-box > ul > li .service-info .service-intro h4{ font-size:20px;line-height:30px;font-weight:500; }
.online-services-box > ul > li .service-info .service-intro .btn{ display:inline-block;width:88px;height:32px;position:absolute;right:0;top:0; }
.online-services-box > ul > li .service-info .service-intro dl dd{ position:relative;color:#999;padding-left:60px;margin:10px 0;line-height:17px; }
.online-services-box > ul > li .service-info .service-intro dl dd i{ position:absolute;left:0;color:#bbb; }
.online-services-box > ul > li .service-info .service-intro dl dd span.price{ float:left;margin:-4px 8px 0 0; }
.online-services-box > ul > li .service-step{ border-top:1px solid #f2f2f2;padding:18px 0;margin-top:20px;display: none; }
.online-services-box > ul > li .service-step ol{ margin-left:15px; }
.online-services-box > ul > li .service-step ol li i{ font-size:12px;margin-right:4px;color: #ddd; }
.online-services-box > ul > li .service-step ol li::after{ content:'';display:inline-block;width:24px;height:3px;border-top:1px dashed #ddd;margin:0 6px; }
.online-services-box > ul > li .service-step ol li.end::after{ display:none; }

  /* excellent-lawyer-box */
.excellent-lawyer-box .art-282x425{ padding-top:80px;margin-left:-24px; }
.excellent-lawyer-box .art-282x425 li{ position:relative;z-index:10;float:left;width:282px;height:310px;margin-left:24px;text-align:center; }
.excellent-lawyer-box .art-282x425 .u-btn{ position:absolute;left:50%;bottom:24px;z-index:2;width:112px;height:32px;line-height:32px;border-radius:28px;margin-left:-56px; }
.excellent-lawyer-box .art-282x425 .lawyer,.excellent-lawyer-box .art-282x425 .art-vacancy{ position:absolute;left:0;top:0;width:100%;height:310px;padding:160px 21px 0;background-color:#fff;box-shadow:0px 3px 30px rgba(0,0,0,0.05); }
.excellent-lawyer-box .art-282x425 .lawyer:hover,.excellent-lawyer-box .art-282x425 .art-vacancy:hover{ box-shadow:0px 5px 50px rgba(0,0,0,0.08); }
.excellent-lawyer-box .art-282x425 .photo{ position:absolute;top:-100px;width:240px;background-color:#fff; }
.excellent-lawyer-box .art-282x425 .photo .tag{ position:absolute;bottom:10px;left:10px;color:#CD9B67;background-color:#fff;border:1px solid #E9D3B3;border-radius:20px;line-height:20px;padding-right:10px; }
.excellent-lawyer-box .art-282x425 .photo .tag > i{ margin-right:5px;font-size:20px;color:#E9D3B3; }
.excellent-lawyer-box .art-282x425 .tit{ height:26px;line-height:26px; }
.excellent-lawyer-box .art-282x425 .lawyer{ transition:height .2s linear; }
.excellent-lawyer-box .art-282x425 .lawyer .photo{ height:240px;overflow:hidden; }
.excellent-lawyer-box .art-282x425 .lawyer .photo img{ transition:all .2s linear;transform:scale(1); }
.excellent-lawyer-box .art-282x425 .lawyer .tit .name{ display:block;font-size:20px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.excellent-lawyer-box .art-282x425 .lawyer .skill{ font-size:12px;color:#bbb;margin-top:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.excellent-lawyer-box .art-282x425 .lawyer .other{ color:#666;margin-top:50px;visibility:hidden;opacity:0;transition:opacity 0.2s ease-out; }
.excellent-lawyer-box .art-282x425 .art-vacancy{ color:#bbb;text-align:center; }
.excellent-lawyer-box .art-282x425 .art-vacancy .tit{ font-size:20px; }
.excellent-lawyer-box .art-282x425 .art-vacancy .tx{ margin-top:12px; }
.excellent-lawyer-box .art-282x425 .art-vacancy .line{ width:32px;height:2px;background-color:#ec3b3b;margin:18px auto 22px; }
.excellent-lawyer-box .art-282x425 .art-vacancy .tel{ font-size:18px; }
.excellent-lawyer-box .art-282x425 .art-vacancy .tel .iconfont{ font-size:14px;margin-right:8px; }
.excellent-lawyer-box .u-rate{ width:125px; }

  /* u-rate */
.ico-star{ font-family:"iconfont";/*display:inline-block;*/vertical-align:middle;font-style:normal;margin-top:-2px; }
.ico-star:before{ content:"\e600"; }
.u-rate{ overflow:hidden;line-height:16px;height:16px; }
.u-rate .icon-bar{ position:relative;float:left; }
.u-rate .icon-bar .ico-star{ color:#e8e8e8;margin-left:3px;margin-right:3px;font-size:14px; }
.u-rate .icon-bar .color{ position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap; }
.u-rate .icon-bar .color .ico-star{ color:#f90; }
.u-rate .score{ color:#666;margin:1px 0 0 5px; }

  /* user-comment */
.user-comment .user-stars{ width:282px;height:590px;padding:40px 30px;background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/user-comment-bg.png') no-repeat 0 0,linear-gradient(135deg,#FFFBF8 0%,rgba(254,249,237,0) 100%);position:relative; }
.user-comment .user-stars::after{ position:absolute;top:0;right:0;content:'';width:1px;height:100%;background-image:linear-gradient(to top,#e8e8e8 0%,#e8e8e8 50%,transparent 50%);background-size:1px 8px;background-repeat:repeat-y; }
.user-comment .user-stars .f-num{ font-size:48px;font-weight:bold;line-height:40px; }
.user-comment .user-stars .u-rate{ line-height:20px;height:20px;width:120px; }
.user-comment .user-stars .ico-star{ font-size:18px; }
.user-comment .user-stars ol{ margin-top:24px; }
.user-comment .user-stars ol > li{ font-size:16px;color:#666;width:151px;height:40px;line-height:40px;background:#FFEED9;border-radius:40px;margin:20px auto; }
.user-comment .user-words{ width:918px;height:590px;padding:30px; }
.user-comment .user-words .tab-item{ margin-top:20px; }
.user-comment .user-words .tab-item li:last-child{ border-bottom:0; }
.user-words{ background-color:#fff;padding:30px 0 0; }
.user-words .tab-nav .nav-item{ float:left;line-height:30px;padding:0 20px;margin-right:20px;border:1px solid #E8E8E8;border-radius:16px;cursor:pointer; }
.user-words .tab-nav .nav-item.is-this{ color:#0057FF;border-color:#0057FF;background:#F2F4FF; }
.user-words .tab-item{ margin-top:20px; }
.user-words .tab-item li{ padding:24px 0;border-bottom:1px solid #F2F2F2; }
.user-words .tab-item .desc{ color:#333;font-size:16px;line-height:24px;margin:16px 0 12px;height:45px; }
.user-words .tab-item .tag span{ display:inline-block;line-height:24px;padding:0 8px;color:#999;background:#F5F5F5;margin-right:10px;border-radius:4px; }

  /* more-service */
.more-service > ul{ margin-left:-25px; }
.more-service > ul > li{ float:left;width:150px;margin-left:25px;transition:.3s; }
.more-service > ul > li > a{ display:block;height:90px;text-align:center;color:#666;background:#F8F8F8;font-size:14px;padding-top:20px; }
.more-service > ul > li > a i{ color:#333;margin-bottom:5px;height:26px;line-height:26px; }
.more-service > ul > li:hover{ margin-top:-5px; }

  /*列表页*/
.weizhi{ padding:20px 0;color:#666; }
.weizhi a{ color:#666; }
.weizhi span{ color:#bbb; }

  /* contract-classify */
.contract-classify{ padding-bottom:10px; }
.contract-classify .nav-f24{ padding:0 40px; }
.contract-classify .classify-bar{ padding:0 40px;margin-top:5px; }
.contract-classify .classify-item{ position:relative;padding:13px 0 13px 78px;line-height:26px;font-size:14px;border-bottom:1px dashed #f2f2f2; }
.contract-classify .classify-item:last-child{ border-bottom:none; }
.contract-classify .classify-item.search-res{ padding-left:0; }
.contract-classify .item-tit{ position:absolute;left:0;top:19px;width:78px;color:#999; }
.contract-classify .item-conts > a{ float:left;padding:0 13px;border-radius:15px;margin:6px; }
.contract-classify .item-conts > a .iconfont{ font-size:12px;color:#bbb;margin-left:4px; }
.contract-classify .item-conts > a.is-this{ background-color:#0057ff;color:#fff; }
.contract-classify .item-conts > a.is-this .iconfont{ color:#fff; }
.contract-classify .item-conts > span{ float:left;padding:0 10px 0 12px;border-radius:2px;margin:6px;color:#000;background:#F8F8F8; }
.contract-classify .item-conts > span .iconfont{ font-size:12px;color:#ccc;margin-left:8px;transform:scale(0.75);cursor:pointer; }
.contract-classify .item-conts > span .iconfont:hover{ color:#333;font-weight:bold; }

  /* contr-list-w224-h377 */
.contr-list-w224-h377{ margin-left:-24px; }
.contr-list-w224-h377 .item{ position:relative;float:left;width:282px;height:432px;overflow:hidden;margin:24px 0 0 24px;background:#fff;box-shadow:0px 3px 30px rgba(0,0,0,0.06);border-radius:4px; }
.contr-list-w224-h377 .item:hover{ box-shadow:0px 5px 50px rgba(0,0,0,0.08); }
.contr-list-w224-h377 .item .img-block{ display:block;position:relative;height:282px;}
.contr-list-w224-h377 .item .price{ font-size:12px;color:#bbb; }
.contr-list-w224-h377 .item .price .f-num{ font-size:24px;font-style:normal; }
.contr-list-w224-h377 .item .tit{ font-size:16px;color:#333;margin-top:16px; }
.contr-list-w224-h377 .item .contr-list-intro{ display:block;padding:20px 20px; }
  /*contr-r5*/
.contr-r5 .item { width: 224px; height: auto; margin: 20px 0 0 20px;}
.contr-r5 .item .img-block { height: 224px; }

  /* u-page */
.u-page{ text-align:center;margin:48px 0;font-size:16px;color:#333; }
.u-page .u-page-num{ display:inline-block; }
.u-page .u-page-btn{ margin:0 20px; }
.u-page .u-page-btn.is-disabled{ color:#bbb; }

  /* no-data */
.no-data{ margin:80px 0 100px;color:#999;font-size:16px;text-align:center; }
.no-data p{ margin-top:16px; }

  /* pay-res */
.pay-res{ text-align:center;padding:80px 0 50px; }
.pay-res .pay-status{ font-size:24px; }
.pay-res .pay-status i{ font-size:28px;margin-right:10px; }
.pay-res .pay-status i.icon-suceed{ color:#0FB55D; }
.pay-res .pay-status i.icon-fail{ color:#F05759; }
.pay-res ul{ text-align:left;display:inline-block;margin:50px 0 30px;color:#bbb;font-size:14px;min-width:300px; }
.pay-res ul li{ margin-bottom:10px; }
.pay-res .btn{ display:inline-block;width:104px;height:32px;line-height:32px;text-align:center;margin:0 10px; }
.pay-res .btn.btn-plain{ color:#0057FF;background:#E0EBFF; }

  /* 详情页 */
.service-list-w224-h272{ margin-left:-20px; }
.service-list-w224-h272 .item{ position:relative;float:left;width:224px;height:272px;margin:20px 0 0 20px;overflow:hidden;background:#fff;border-radius:4px 4px 0px 0px; }
.service-list-w224-h272 .item .img-block{ position:relative;height:224px;display: block; }
.service-list-w224-h272 .item .price{ font-size:12px;color:#bbb; }
.service-list-w224-h272 .item .price .f-num{ font-size:20px;font-style:normal; }
.service-list-w224-h272 .item .tit{ color:#333;font-size:14px;margin-top:12px; }
.service-list-w224-h272 .item .contr-list-intro{ padding:10px 16px;position:absolute;bottom:0;left:0; right: 0; background:#fff;height:48px;transition:.3s; }
.service-list-w224-h272 .item:hover{ -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.02);box-shadow:0 3px 5px rgba(0,0,0,0.02);-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.05);box-shadow:0 15px 30px rgba(0,0,0,0.05); }
.service-list-w224-h272 .item:hover .contr-list-intro{ height:132px; }

  /* tab-scroll */
.tab-scroll .tab-scroll-navs{ padding:12px 0;background-color:#fff; }
.tab-scroll .tab-scroll-navs li{ float:left;width:128px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#333;position:relative;cursor:pointer; }
.tab-scroll .tab-scroll-navs li.active{ background-color:#0057FF;color:#fff; }
.tab-scroll .tab-scroll-navs li.active:hover{ color:#fff; }
.tab-scroll .tab-scroll-navs li:hover{ color:#0057FF; }
.tab-scroll .tab-scroll-navs li::before{ display:none;content:'';position:absolute;top:49px;left:50%;margin-left:-13px;width:26px;height:3px;background:#0057FF;opacity:1;border-radius:60px; }
.tab-scroll .tab-scroll-navs .tab-btns{ display:none; }
.tab-scroll .tab-scroll-navs .tab-btns .btn{ display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;border-radius:30px; }
.tab-scroll .tab-scroll-navs .tab-btns .btn i{ margin-right:5px; }
.tab-scroll .tab-scroll-navs .tab-btns .btn-red{ border:1px solid #ec3b3b;margin-right:14px; }
.tab-scroll .tab-scroll-navs .tab-btns .btn-white-line{ color:#666;background-color:#fff;border:1px solid #E8E8E8; }
.tab-scroll .tab-scroll-navs.fixed{ position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0px 3px 30px rgba(0,0,0,0.06); }
.tab-scroll .tab-scroll-navs.fixed li.active{ color:#0057FF;background-color:#fff; }
.tab-scroll .tab-scroll-navs.fixed li.active::before{ display:block; }
.tab-scroll .tab-scroll-navs.fixed .tab-btns{ display:block; }
.tab-scroll .tab-scroll-items .tab-scroll-item{ margin-bottom:40px; }
.tab-scroll .tab-scroll-items .tab-scroll-item .tab-item-tit{ font-size:18px;color:#333;line-height:56px;padding:0 20px;background:#F8F8F8; }
.tab-scroll .tab-scroll-items .tab-scroll-item .tab-item-tit > span{ margin-left:12px; }

  /* usual-problem */
.usual-problem li{ font-size:16px;line-height:32px;color:#999;padding:24px 0;border-bottom:1px solid #F2F2F2; }
.usual-problem li > h6,.usual-problem li > div{ position:relative;padding-left:54px; }
.usual-problem li > h6::before,.usual-problem li > div::before{ position:absolute;left:0;top:0;display:inline-block;font-size:14px;width:32px;height:32px;line-height:32px;text-align:center;color:#fff;border-radius:50%; }
.usual-problem li > h6{ font-weight:normal;margin-bottom:12px;color:#333; }
.usual-problem li > h6::before{ content:'问';background:#D8D8D8; }
.usual-problem li > div::before{ content:'答';background:#A6C4FF; }

  /* service-guarantee  */
.service-guarantee{ margin:24px 0 0; }
.service-guarantee li{ float:left;width:240px;height:236px;text-align:center;padding:30px;background:linear-gradient(225deg,rgba(249,249,249,0) 0%,#F8F8F8 100%); }
.service-guarantee li .keyword-icon{ width:80px;height:80px;text-align:center;border-radius:50%;margin:0 auto; }
.service-guarantee li .keyword-icon i{ font-size:40px;line-height:40px;margin-top:20px; }
.service-guarantee li .keyword-icon.bg-blue{ background:#F2F4FF;color:#72A1FE; }
.service-guarantee li .keyword-icon.bg-red{ background:#FEF0F0;color:#FC6969; }
.service-guarantee li .keyword-icon.bg-gray{ background:#F2F2F2;color:#888888; }
.service-guarantee li .keyword-icon.bg-green{ background:#E2F7ED;color:#22BF6C; }
.service-guarantee li .keyword-icon.bg-yellow{ background:#FFF3EB;color:#FFA113; }
.service-guarantee li .keyword-txt h4{ font-size:18px;color:#333;margin:12px 0 8px;font-weight:normal; }
.service-guarantee li .keyword-txt p{ color:#bbb; }

  /* product-maim */
.product-main .product-imgs{ padding:30px 0 30px 30px; }
.product-main .product-imgs .main-img{ width:296px;height:296px; }
.product-main .product-imgs .small-img-box{ position:relative;width:296px;height:52px;margin:8px 0;padding:0 24px;overflow:hidden; }
.product-main .product-imgs .small-img-box .small-img .swiper-slide{ text-align:center; }
.product-main .product-imgs .small-img-box .small-img .swiper-slide-active img{ border:2px solid #ec3b3b; }
.product-main .product-imgs .small-img-box .small-img li{ float:left;width:52px;height:52px;margin-left:8px; }
.product-main .product-imgs .small-img-box .small-img li.active{ border:2px solid red; }
.product-main .product-imgs .small-img-box .small-img img{ display:block;width:100%;height:100%;cursor:pointer; }
.product-main .product-imgs .small-img-box .arrow-btn{ position:absolute;width:24px;text-align:center;height:52px;line-height:52px;background:#ccc;top:0; }
.product-main .product-imgs .small-img-box .arrow-btn:hover{ background:#ddd; }
.product-main .product-imgs .small-img-box .arrow-btn i{ font-size:14px;color:#fff; }
.product-main .product-imgs .small-img-box .arrow-left{ left:0; }
.product-main .product-imgs .small-img-box .arrow-right{ right:0; }
.product-main .product-info{ padding:30px 24px;width:624px;color:#666;font-size:14px; }
.product-main .product-info .product-tit{ margin-bottom:20px; line-height: 30px; }
.product-main .product-info .product-intro-list > ul > li{ position:relative;padding:12px 0 12px 106px; }
.product-main .product-info .product-intro-list > ul > li label{ color:#bbb;position:absolute;left:16px; }
.product-main .product-info .product-intro-list > ul > li.bg{ background:linear-gradient(90deg,#F8F8F8 0%,#FFFFFF 100%); }
.product-main .product-info .product-intro-list > ul > li.bg>div{ min-height:20px; }
.product-main .product-info .product-intro-list > ul > li > div{ min-height:20px; }
.product-main .product-info .product-intro-list > ul > li .price{ margin-top:-4px;display:inline-block; }
.product-main .product-info .product-intro-list > ul > li .service-area-check{ position:relative; }
.product-main .product-info .product-intro-list > ul > li .service-area-check > span{ display:inline-block;padding:0 12px;height:28px;line-height:28px;text-align:center;background:#FFFFFF;border:1px solid #E8E8E8;border-radius:2px;cursor:pointer; }
.product-main .product-info .product-intro-list > ul > li .service-area-check > span i.ico-caret{ display:inline-block;border:4px solid transparent;border-top-color:#666;border-bottom-width:0;padding-top:3px; }
.product-main .product-info .product-intro-list > ul > li .contract-type-check{ margin-left:-10px; }
.product-main .product-info .product-intro-list > ul > li .contract-type-check span{ float:left;padding:0 11px;line-height:26px;border:1px solid #E8E8E8;border-radius:2px;margin:0 0 10px 10px;cursor:pointer; }
.product-main .product-info .product-intro-list > ul > li .contract-type-check span.is-this{ color:#0057FF;border-color:#E0EBFF;background:#E0EBFF; }
.product-main .product-info .product-intro-list > ul > li .contract-type-check span.is-disabled{ background-color:#e8e8e8;border-color:#e8e8e8;color:#bbb;cursor:default; }
.product-main .product-info .product-btns{padding-left: 106px;}
.product-main .product-info .product-btns .u-btn{ display:inline-block;height:44px;line-height:44px;text-align:center;border-radius:4px;margin-right:16px; }
.product-main .product-info .product-btns .btn-warn{ font-size:18px;width:152px; }
.product-main .product-info .product-btns .btn-line{ font-size:16px;width:142px;color:#666;border:1px solid #E8E8E8; }
.product-main .product-info .product-btns .btn-line i{ font-size:16px;margin-right:6px; }
.product-main .product-star-box .user-comment .user-stars{ width:250px;height:434px; }
.product-main .product-star-box .user-comment .user-stars::after{ right:auto;left:0; }


  /* 下单 order-box */
.order-box{ padding-top:48px;margin-bottom:60px;background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/order-bg.png') no-repeat 0 0; }
.order-box .order-step-bar{ margin-bottom:32px; }
.order-box .order-step-bar ul{ display:inline-block; }
.order-box .order-step-bar ul li{ position:relative;float:left;color:#889DC5;line-height:32px;padding-right:48px; }
.order-box .order-step-bar ul li .order-icon{ width:32px;height:32px;line-height:32px;text-align:center;background:#E5ECF9;border-radius:50%;margin-right:8px;float:left; }
.order-box .order-step-bar ul li .order-icon img{ margin-top:9px; }
.order-box .order-step-bar ul li::before{ content:'';position:absolute;top:50%;right:8px;width:32px;height:1px;background-color:#D9E4F9; }
.order-box .order-step-bar ul li:last-child::before{ display:none; }
.order-box .order-form-box{ padding:40px 80px 60px;border-radius:4px; }
.order-box .order-form-box .order-form-info{ padding:24px 30px;border-radius:4px;background:#F5F5F5; }
.order-box .order-form-box .order-form-info .img-block{ width:80px;height:80px;margin-right:16px; }
.order-box .order-form-box .order-form-info .img-block img{ border-radius:8px; }
.order-box .order-form-box .order-form .form-item{ margin:20px 0; }
.order-box .order-form-box .order-form .form-item label{ float:left;width:80px;text-align:right;font-size:14px;color:#333;margin:7px 7px 0 0; }
.order-box .order-form-box .order-form .form-item input,.order-box .order-form-box .order-form .form-item textarea{ width:300px;line-height:40px;padding:0 20px;background:#fff;border:1px solid #E8E8E8; }
.order-box .order-form-box .order-form .form-item textarea{ width:540px; }
.order-box .order-form-box .act-submit{ display:inline-block;width:136px;height:44px;line-height:44px;text-align:center;font-size:16px;color:#FFFFFF;background:#E72D2D;box-shadow:0px 3px 10px rgba(236,59,59,0.2);border-radius:4px; }
.order-box .order-form-box .iconfont{color: #D9D9D9;}
.order-box .order-form-box .icon-checkbox.checked:before{content: "\e644";color: #0057ff;}
.order-box .order-form-box .sex>span{ margin-left: 20px;font-size: 14px;cursor: pointer;}
.order-box .order-form-box .sex>span>i{margin-right: 10px;font-size: 16px;}
.order-box .order-form-box .sex>span>.icon-radio.checked:before{content: "\e642";color: #0057ff;}

/*  */
.pay-item-list li{ float:left;margin:18px 20px 0 0;height:48px;padding:0 20px;border:1px solid #D9D9D9;line-height:48px;text-align:center;font-size:16px;color:#666;position:relative;cursor:pointer;border-radius:4px; }
.pay-item-list .icon-radio{ font-size:16px;margin-right:10px;color:#D9D9D9; }
.pay-item-list .icon-wechatpay{ color:#11BB65; }
.pay-item-list .icon-alipay{ color:#338BFF; }
.pay-item-list .is-this.is-alipay{ border-color:#338BFF;color:#338BFF; }
.pay-item-list .is-this.is-wechat{ border-color:#11BB65;color:#11BB65; }
.pay-item-list .is-this.is-alipay .icon-radio{ color:#338BFF; }
.pay-item-list .is-this.is-wechat .icon-radio{ color:#11BB65; }
.pay-item-list .is-this .icon-radio:before{ content:"\e642"; }

  /* lawyer-shop-banner */
.lawyer-shop-banner{ height:260px;padding-top:70px;background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/lawyer-shop-bg.png') no-repeat center; }
.lawyer-shop-banner .lawyer-info{ width:570px; }
.lawyer-shop-banner .lawyer-info .lawyer-photo{ width:130px;height:130px;margin-right:20px; }
.lawyer-shop-banner .lawyer-info .lawyer-photo img{ border-radius:4px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt{ color:#fff;width:420px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt h4{ font-size:20px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt h4 img{ width:18px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-keyword{ margin:8px 0; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-keyword li{ float:left; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-keyword li::after{ content:'';display:inline-block;height:10px;width:1px;background-color:#fff;margin:0 10px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-keyword li:last-child::after{ display:none; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-intro span{ opacity:.5; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-intro a{ color:#fff; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .lawyer-intro a:hover{ text-decoration:underline; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .tag span{ opacity:.5;display:inline-block;height:24px;border:1px solid #FFFFFF;padding:0 8px;margin-right:15px;border-radius:2px; }
.lawyer-shop-banner .lawyer-info .lawyer-txt .tag span i{ font-size:12px; }
.lawyer-shop-banner .lawyer-star{ color:#fff; }
.lawyer-shop-banner.shop-detail-banner{ height:140px;padding:40px 0; }
.lawyer-shop-banner.shop-detail-banner .lawyer-info .lawyer-photo{ width:60px;height:60px; }

  /* show-recom-box */
.shop-recom-box .shop-recom-main{ position: relative; width:590px;height:328px;padding:30px;margin-right:20px;background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/shop-recom-bg1.png') no-repeat 0 0;box-shadow:0px 3px 30px rgba(0,0,0,0.06); }
.shop-recom-box .shop-recom-main:hover{ box-shadow:0px 5px 50px rgba(0,0,0,0.08); }
.shop-recom-box .shop-recom-main .total-num{ padding:0 12px;border-radius:5px;line-height:40px;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(236,245,255,0.7) 100%); }
.shop-recom-box .shop-recom-main .btn-warn{ display:inline-block;width:128px;height:40px;line-height:40px;text-align:center;border-radius:4px;font-size:16px; }
.shop-recom-box .shop-recom-main>div.mt30{position: absolute;width: 100%;bottom: 30px;left:0;padding: 0 30px;}
.shop-recom-box .shop-recom-list{ width:590px; }
.shop-recom-box .shop-recom-list li{ height:154px;padding:30px;margin-bottom:20px;background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/shop-recom-bg2.png') no-repeat 0 0;box-shadow:0px 3px 30px rgba(0,0,0,0.06);position:relative; }
.shop-recom-box .shop-recom-list li:hover{ box-shadow:0px 5px 50px rgba(0,0,0,0.08); }
.shop-recom-box .shop-recom-list li .btn-warn{ display:inline-block;width:96px;height:32px;line-height:32px;text-align:center;border-radius:4px;font-size:12px; }
.shop-recom-box .shop-recom-list li .price-btn{ position:absolute;bottom:30px;right:30px; }
.shop-recom-box .shop-recom-list li .use-place{ padding-right:120px; }
.user-comment-blue{ position:relative; }
.user-comment-blue .tag{ width:108px;height:28px;line-height:28px;font-size:14px;padding-left:10px;color:#FFFFFF;background:#B3CDFF;border-radius:0px 0px 20px 0px;position:absolute;top:0;left:1px;z-index:1; }
.user-comment-blue .user-stars{ background:url('//css.66law.cn/ui_v2/pc/pic/online-retailers/shop-detail-star-bg.png') no-repeat right 0,linear-gradient(225deg,#F2F4FF 0%,rgba(255,255,255,0) 100%); }
.user-comment-blue .user-stars::after{ background-image:linear-gradient(to top,#E0EBFF 0%,#E0EBFF 50%,transparent 50%); }
.user-comment-blue .user-stars img{ width:90px;height:90px;border:2px solid #E8E8E8;border-radius:50%; }
.user-comment-blue .user-stars ol > li{ background:#F5F5F5;text-align:left;font-size:14px;padding:0 24px;color:#999; }
.user-comment-blue .user-stars ol > li i{ font-size:14px;margin-right:5px; }

  /* customer-fixed-r */
.customer-fixed-r{ position:fixed;right:0;top:45%;box-shadow:0px 3px 20px rgba(0,0,0,0.1);border-radius:10px 0 0 10px;overflow:hidden; }
.customer-fixed-r > a{ width:180px;height:92px;padding:20px 0 20px 72px;background:#fff url('/ui_v2/pc/pic/online-retailers/index/contact-head.png') no-repeat 0 0;border:1px dashed #EBCFA3;border-right:0;border-radius:10px 0 0 10px; }
.customer-fixed-r > a .btn{ display:inline-block;width:84px;height:26px;line-height:26px;text-align:center;color:#666;border:1px solid #E8E8E8;background-color:#fff;border-radius:4px;font-size:12px; }
.customer-fixed-r > a .btn i{ font-size:12px; }
.customer-fixed-r .icon-fail{ color:#ddd;position:absolute;right:8px;top:8px;cursor:pointer; }
.customer-fixed-r .icon-fail:hover{ color:#666; }

  /* popup-pay */
.popup-pay img{ width:154px;height:154px; }

  /*service-area-options*/
.service-area-options{ display:none;position:absolute;top:28px;left:0;background:#fff;border-radius:4px;box-shadow:0px 3px 30px rgba(0,0,0,0.16);font-size:14px;height:165px;z-index:999;padding-top:10px; }
.service-area-options .area-level{ height:100%;width:90px;float:left;padding:0 16px;overflow-y:auto;border-right:1px solid #E8E8E8; }
.service-area-options .area-level:last-child{ border-right:0; }
.service-area-options .area-level li{ padding:10px 0;color:#333;position:relative;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.service-area-options .area-level li.checked,.service-area-options .area-level li:hover{ color:#0057ff; }
.service-area-options .level-1 li::before{ content:">";position:absolute;right:0px; }
.service-area-options ::-webkit-scrollbar{ width:3px;height:3px;background-color:#D9D9D9; }
.service-area-options ::-webkit-scrollbar-track{ border-radius:10px;background-color:#fff; }
.service-area-options ::-webkit-scrollbar-thumb{ border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#D9D9D9; }

/* all-service-box */
.all-service-box .tab-nav{margin:11px 0 0 20px;}
.all-service-box .tab-nav .nav-item{position: relative;padding: 0 20px;}
.all-service-box .tab-nav .nav-item.is-this,.all-service-box .tab-nav .nav-item.is-this a{color: #0057ff;}
.all-service-box .tab-nav .nav-item::before{content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 14px;margin-top: -6px;background-color: #ddd;}
.all-service-box .tab-nav .nav-item:last-child::before{display: none;}


/* Add by lxl 2021-11-10 */
/* 协议弹窗 */
.popup-confirm .scroll-title{font-size: 20px;}
.popup-confirm .scorll-bar {max-height: 50vh;overflow: auto;}