/** #18108 */

body {  font-size: 14px; line-height: 22px; }
.none { display: none !important; }
.s-primary { color: #11B790 !important; }
.s-warn { color: #F43651 !important; }
.is-disabled { cursor: not-allowed !important; }
.cont-body * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.fixed_top { position: fixed !important; }
a:hover{color: #F43651;}
/* commnon */
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb25{padding-bottom: 25px;}
.mt8{margin-top: 8px;}
.mr8{margin-right: 8px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt70{margin-top: 70px;}
.mb30{margin-bottom: 30px;}
.ver-middle{vertical-align: middle;}
.s-c999{color:#999;}
.block{display: block;}
.ect{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ect-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.nav_f18{font-size: 18px; line-height: 24px; }
.nav_f18 strong{font-weight: 600;}
.s-oe {color: #f25618!important;}
.ect{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ect-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.s-c6{color:#666}
.s-c9{color:#999}
.s-cb{color:#bbb}
.bg-f8 { background-color: #f8f8f8; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mr5 { margin-right: 5px; }
.mb20 { margin-bottom: 20px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }

/* button */
.u-btn { 
    display: inline-block; vertical-align: middle; padding: 0 0.7rem; text-align: center;
    border-width: 0.025rem; border: 0.05rem solid #d9d9d9; border-radius: 2.5rem;
    height: 2.2rem; line-height: 2.1rem; cursor: pointer;
}
.u-btn:hover { opacity: .9; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }
.btn-primary { border-color: #0057ff; background-color: #0057ff; color: #fff; }
.btn-warn  { border-color: #F43651; background-color:#F43651; color: #fff; }
.btn-warn:hover { color: #fff; }

/* */
.weizhi { padding: 20px 0; }
.w810 { width: 810px; }
.w840 { width: 840px; }
.w820 { width: 820px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.h606 { height: 606px; }
.mt50 { margin-top: 50px; }
.mt-90 { margin-top: -90px; position: relative; z-index: 10; }

/* ico-contr */
.ico-contr { margin-top: -2px; display: inline-block; vertical-align: middle; background: url('../images/ico-contr.png'); }
.cr-doc { width: 16px; height: 16px; background-position: -169px -73px; }
.cr-super { width: 62px; height: 29px; background-position: -5px -5px; }
.cr-doc2 { width: 40px; height: 40px; background-position: -5px -44px; }
.cr-career { width: 24px; height: 24px; background-position: -123px -51px; }
.cr-audit { width: 24px; height: 24px; background-position: -77px -51px; }
.cr-doc3 { width: 24px; height: 24px; background-position: -169px -5px; }
.cr-secur { width: 24px; height: 24px; background-position: -169px -39px; }
.cr-labour { width: 36px; height: 36px; background-position: -77px -5px; }
.cr-corpor { width: 36px; height: 36px; background-position: -123px -5px; }
.cr-manage { width: 36px; height: 36px; background-position: -5px -94px; }
.cr-family { width: 36px; height: 36px; background-position: -51px -94px; }
.cr-house { width: 36px; height: 36px; background-position: -97px -94px; }
.ico-jp { 
    position: absolute; top: 0; right: 0; z-index: 10;
    padding: 0 4px; background-color: #F43651; border-radius: 5px 0 5px 0; 
    font-size: 12px; line-height: 18px; color: #fff; 
}
.ico-shang{
    position: absolute; bottom: 4px; left: 4px; z-index: 10;
    padding: 0 9px;  background-color:#555;background-color:rgba(0, 0, 0, 0.5);border-radius: 9px; 
    font-size: 12px; line-height: 18px; color: #fff; 
}

/* pact-infor */
.pact-infor { 
    height: 230px; background-color: #fff; 
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.02); box-shadow: 0 3px 5px rgba(0,0,0, 0.02); 
}
    /* pact-bar */
.pact-bar { 
    position: relative; padding: 30px 30px 30px 182px;
    -webkit-box-sizing: border-box; box-sizing: border-box; 
}
.pact-bar .img-block { 
    position: absolute; left: 40px; top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;
    width: 126px; height: 170px; border: 1px solid #e8e8e8; 
}
.pact-bar .tit { height: 30px; overflow: hidden; line-height: 30px; font-size: 24px; font-weight: 600; }
.pact-bar .info { height: 22px; font-size: 14px; line-height: 22px; color: #666; }
.pact-bar .info .line { float: left; width: 1px; height: 12px; background-color: #e8e8e8; margin: 5px 16px; }
.pact-bar .info span { float: left; }
.pact-bar .info span .ico-contr { float: left; margin: 2px 3px 0 0; }
.pact-bar .price { font-size: 14px; color: #666; }
.pact-bar .f-num { font-size: 20px; font-style: normal; }
.pact-bar .u-btn { width: 136px; height: 40px; border-radius: 40px;}
.pact-bar .super { height: 20px; line-height: 20px; }
.pact-bar .super span { float: left; margin-right: 28px; color: #bbb; }
.pact-bar .super .ico-contr { float: left; margin: -2px 3px 0 0; }

/* reader-bar */
.reader-bar { position: relative; }
    /* reader-page */
.reader-page { 
    position: relative; background: #fff; margin-top: 10px;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02); 
}
.reader-page:first-child { margin-top: 1px; }
.reader-page:last-child{border-bottom: 0;}
.reader-page .reader-watermark { 
    position: absolute; left: 260px; top: 420px; z-index: 10;
    width: 330px; height: 330px; 
}
.reader-page .reader-txt { 
    min-height: 1160px;
    /*height: 1160px;*/ padding: 70px 80px;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02);  
            overflow: hidden;
}
.reader-txt h1 { font-size: 30px; line-height: 40px; text-align: center; margin-bottom: 40px; }
.reader-txt p { font-size: 16px; line-height: 30px; margin-top: 16px; word-break: break-all;}
/* try-end */
.try-end{position:absolute;bottom:0;width:100%;height:300px;padding-top:250px;z-index:50;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(40%,rgba(255,255,255,.93)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.93) 40%,#fff 100%)}
.try-end .bottom-edge{font-size:16px;color:#999;text-align:center}
.reader-download-box{height:96px}
.pay-download-bar{width:780px;height:96px;padding:28px 50px;background-color:#fff;border:1px solid #E6E6E6;-webkit-box-shadow:0px 3px 5px rgb(0 0 0 / 2%);box-shadow:0px 3px 5px rgb(0 0 0 / 2%)}
.pay-download-bar .u-btn { float: right; width: 136px; height: 40px; font-size: 16px; line-height: 38px; border-radius: 40px;}
.pay-download-bar .ico-contr { float: left; margin-right: 24px;; }
.pay-download-bar dt { font-size: 20px; line-height: 38px; max-width: 480px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pay-download-bar dd { font-size: 12px; color: #bbb; margin-top: 2px; }
.pay-download-bar dd span { margin-right: 8px; }
.pay-download-fixed { position: fixed; bottom: 0; z-index: 100; }

/* nav-f24 */
.nav-f24 { padding: 0 30px; height: 32px; line-height: 32px; }
.nav-f24 .tit { font-size: 24px; }
.nav-f24 .more { height: 24px; line-height: 24px; font-size: 14px; color: #666; margin-top: 8px; }
.nav-f24 .more .iconfont { font-size: 10px; }
.nav-f24 .more:hover { color: #F43651; }
.w360 .nav-f18 { padding: 0 20px; height: 18px; line-height: 18px; border-left: 4px solid #11B790;}
.w360 .nav-f18 .tit { font-size: 18px; }
.w360 .nav-f18 .more{color: #999;}
.w360 .nav-f18  a:hover{color:#F43651;}

/* box-bar */
.box-bar { padding: 30px 0; background: #fff; -webkit-box-shadow: 0 3px 5px rgba(0,0,0, .02); box-shadow: 0 3px 5px rgba(0,0,0, .02); }

/* contr-list-w130-h177 */
.contr-list-w130-h177 { padding: 0 30px; margin-left: -30px; }
.contr-list-w130-h177 li { float: left; width: 165px; margin-left: 30px;margin-top: 30px; }
.contr-list-w130-h177 .img-block { position: relative; height: 223px; overflow: hidden; border: 1px solid #e8e8e8; }
.contr-list-w130-h177 .img-block .bg {
    position: absolute; bottom: 0; width: 100%; height: 170px; visibility: hidden; opacity: 0; filter:Alpha(opacity=0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(57%, rgba(255,255,255, .89)), to(#fff));
    background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, .89) 57%, #fff 100%);
    -webkit-transition: .2s linear; 
    transition: .2s linear;
}
.contr-list-w130-h177 .img-block .u-btn {
    position: absolute; bottom: 10px; left: 50%; margin-left: -40px;
    width: 80px; height: 32px; line-height: 30px; font-size: 12px; color: #fff;
	padding:0;
}
.contr-list-w130-h177 .img-block:hover .bg { visibility: visible; opacity: 1; filter:Alpha(opacity=100); }
.contr-list-w130-h177 .tit { display: block; font-size: 16px; line-height: 24px; height: 48px; display: -webkit-box; margin-top: 8px; }
.contr-list-w130-h177 .num { font-size: 12px; color: #bbb; margin-top: 2px; }
    /**/
.w340 .contr-list-w130-h177 { margin-left: -20px; }
.w340 .contr-list-w130-h177 li { margin: 25px 0 0 20px; }

/* download-rank-list */
.download-rank-list { padding: 0 20px; }
.download-rank-list li { padding: 8px 0; }
.download-rank-list li .num { 
    position: absolute; left: 0; width: 20px; height: 20px; line-height: 20px;
    background-color: #f8f8f8; color: #999; font-size: 16px; text-align: center;
}
.download-rank-list li.is-red .num { background-color: #F43651; color: #fff; }
.download-rank-list .one { position: relative; padding-left: 30px; line-height: 24px; font-size: 16px; }
/* .download-rank-list .one:hover{
    color: #F43651;
} */
.download-rank-list .one .num { top: 1px; }
.download-rank-list .one>a{display:inline-block;width: 224px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.download-rank-list .two { display: none; height: 133px; }
.download-rank-list .two .img-block { position: relative; float: left; width: 98px; height: 133px; border: 1px solid #e8e8e8; margin-right: 10px; }
.download-rank-list .two .img-block .num { top: 0; left: 0; }
.download-rank-list .two .tit { font-size: 16px; color: #333; line-height: 24px; max-height: 96px; overflow: hidden; }
.download-rank-list .two .price { font-size: 12px; color: #bbb; margin-top: 5px; }
.download-rank-list .two .price .f-num { font-size: 18px; font-style: normal; }
.download-rank-list li.is-this .one { display: none; }
.download-rank-list li.is-this .two { display: block; }
.download-rank-list .one:hover a{
    color:#F43651;
}
.download-rank-list .one  .downlow-arrow{cursor: pointer;}
.ico-download{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url('../../pic/contract/download-sprite.png');
    background-position: 0px 15px;
    /* transform: scale(0.83); */
}
.downlow-arrow>span{
    display: none;
    color:#F43651;font-size: 16px;float: right;}
.download-rank-list .one:hover .ico-download{
    background-position: 0 0;
}
.download-rank-list .one:hover .downlow-arrow>span{
    display: inline-block;
}

/* tag-link */
.tag-link { padding: 0 20px; }
.tag-link a { float:left; color:#666; vertical-align: middle; margin: 8px 5px; padding: 0 10px; border: 1px solid #e8e8e8; border-radius: 4px; line-height: 30px; }
.tag-link a:hover, .tag-link a.is-this { background-color: #11B790; color: #fff;border-color:#11B790 ; }

/* 相似内容推荐 */
.similar-recom-list li{padding:15px 20px;overflow:hidden}
.similar-recom-list .img-block{width:98px;height:133px;border:1px solid #E8E8E8}
.similar-content{padding-left:108px}
.similar-content .tips span{margin-right:12px}

 /* 劳动合同专区 */
.contract-zone{padding-bottom: 22px;}

/* 弹窗内的合同左侧关键字 */
.pop-contract-keyword{background:#F8F8F8;width:130px;height:452px;padding:35px;text-align:center}
.ico-pop-contract{width:44px;height:44px;display:inline-block;vertical-align:middle;background:url('../../pic/contract/pop-contract.png')}
.ico-contr1{background-position:0 0}
.ico-contr3{background-position:0 -44px}
.ico-contr2{background-position:0 -88px}
.ico-contr1{background-position:0 -132px}
.pop-contract-keyword dt{margin-top:34px}
.pop-contract-keyword dd{font-size:12px;color:#999}

/* 支付 */
/* popup-order-box */
.popup-order-box .popup-bar{margin:-261px 0 0 -450px; width: 890px;}
.popup-order-box .order-right{padding:40px 50px 0;width:590px}
.tit-f18{font-size:18px}
.table-list{border:1px solid #e8e8e8;text-align:center;font-size:14px}
.table-list th{height:48px;line-height:48px;background-color:#F8F8F8}
.table-list td{height:50px;font-weight:bold}
    /**/
.pop-pay-pic{position:relative;width:120px;margin-right:16px;text-align:center}
.pop-pay-pic .badge-tip{position:absolute;top:-27px;right:-20px;padding:0 3px;line-height:16px;font-size:12px;color:#ED3B3B;background-color:#FEF0F0;border:1px solid #ED3B3B;font-style:normal}
.pop-pay-pic .badge-tip:before,.pop-pay-pic .badge-tip:after{content:'';position:absolute;left:3px;border-style:solid;border-width:5px 5px 0 5px;border-color:transparent}
.pop-pay-pic .badge-tip:before{bottom:-5px;border-top-color:#ED3B3B}
.pop-pay-pic .badge-tip:after{bottom:-4px;border-top-color:#FEF0F0}
.pop-pay-pic .img-block{position:relative}
.pop-pay-pic .renovate{position:absolute;top:0;right:0;bottom:0;left:0;padding:27px 0;text-align:center;cursor:pointer;background-color:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000)}
:root .pop-pay-pic .renovate{-webkit-filter:none;filter:none}
/* .pop-pay-pic .renovate .ico{display:block;margin:auto;width:22px;height:22px;background:url('../pic/download-contract/ico4.png') no-repeat} */
.pop-pay-pic .renovate .txt{margin-top:8px;font-size:12px;color:#fff;line-height:20px}

/* 选择支付类型 */
.pay-type li{float:left;width:148px;line-height:42px;text-align:center;border:1px solid #E6E6E6;margin-right:16px;color:#666;font-size:16px;position:relative;cursor:pointer}
.pay-type li .iconfont{margin-right:5px;font-size:18px}
.pay-weixin .iconfont{color:#11BB65}
.pay-alipay .iconfont{color:#338BFF}
.pay-type li.is-this{border-color:#11B790}
.pay-type li .badge-tip{position:absolute;top:-27px;right:-20px;padding:0 3px;line-height:16px;font-size:12px;color:#ED3B3B;background-color:#FEF0F0;border:1px solid #ED3B3B;font-style:normal}
.pay-type li .badge-tip{position:absolute;top:-18px;right:-11px;z-index:1;padding:0 3px;line-height:16px;font-size:12px;color:#ED3B3B;background-color:#FEF0F0;border:1px solid #ED3B3B;font-style:normal}
.pay-type li .badge-tip:before,.pay-type li .badge-tip:after{content:'';position:absolute;left:3px;border-style:solid;border-width:5px 5px 0 5px;border-color:transparent}
.pay-type li .badge-tip:before{bottom:-5px;border-top-color:#ED3B3B}
.pay-type li .badge-tip:after{bottom:-4px;border-top-color:#FEF0F0}
.pop-pay-pic .renovate .iconfont{font-size:18px;font-weight:bold;color:#fff;transform:rotateY(180deg)}


/** LTX-1126 2021-08-25 LJ */
.mt40 { margin-top: 40px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ico-search { display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url('../../pic/contract/ico-serach.png') no-repeat; margin-top: -2px; }
.ico-more { display: inline-block; vertical-align: middle; margin-top: -2px; width: 20px; height: 20px; background: url('../../pic/contract/ico-more.png') no-repeat; }

/* contract-search */
.contract-search { width: 620px; height: 48px; margin-right: auto; margin-left: auto; box-sizing: unset; }
.contract-search .txt { float: left; width: 448px; border: 1px solid #01AF63; border-right: 0; border-radius: 24px 0 0 24px; padding: 10px 32px; height: 26px; line-height: 26px; font-size: 16px; background-color: #fff; box-sizing: unset;  }
.contract-search .txt::placeholder { color: #999; }
.contract-search .search { float: left; width: 107px; height: 48px; border-radius: 0 24px 24px 0; line-height: 48px; background-color: #01AF63; color: #fff; text-align: center; font-size: 16px; cursor: pointer; }
.contract-search .search .ico-search { margin-right: 4px; }
.contract-search .search:hover { opacity: .9; }
    /* mini */
.contract-search.mini { width: 300px; height: 40px; }
.contract-search.mini .txt { border-radius: 20px 0 0 20px; padding: 6px 23px; width: 162px; font-size: 14px; }
.contract-search.mini .search { width: 91px; height: 40px; line-height: 40px; font-size: 14px; }
.contract-search.mini .search .ico-search { width: 13px; height: 13px; background-image: url('../../pic/contract/ico-serach-mini.png'); }

/* contract-search-hot */
.contract-search-hot { text-align: center; line-height: 20px; font-size: 14px; color: #bbb; }
.contract-search-hot span,
.contract-search-hot a { margin: 0 10px; }
.contract-search-hot a:hover { color: #01AF63; }
.contract-search-hot span { margin-right: 4px; }

/* tab-contr-show */
.tab-contr-show .tab-nav .tab-link { 
	position: relative; display: inline-block; vertical-align: middle; cursor: pointer;
	font-size: 20px; line-height: 28px; color: #666; font-weight: 600; margin-right: 32px;
}
.tab-contr-show .tab-nav .tab-link:after {
	position: absolute; left: 50%; bottom: -13px; content: ''; margin-left: -20px;
	width: 40px; height: 0; background-color: #01AF63; -webkit-transition: height .15s linear; transition: height .15s linear;
}
.tab-contr-show .tab-nav .tab-link.is-this { color: #01AF63; }
.tab-contr-show .tab-nav .tab-link.is-this:after { height: 4px; }
	/* contr-list-w224-h377 */
.contr-list-w224-h377 { margin-left: -20px; }
.contr-list-w224-h377 .item { 
	position: relative; float: left; width: 224px; height: 377px; overflow: hidden; padding: 20px; margin: 30px 0 0 20px;
	background: #fff; -webkit-box-shadow: 0 3px 5px rgba(0,0,0, .02); box-shadow: 0 3px 5px rgba(0,0,0, .02); 
	-webkit-transition: -webkit-box-shadow .2s linear; 
	transition: -webkit-box-shadow .2s linear; 
	transition: box-shadow .2s linear; 
	transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
}
.contr-list-w224-h377 .item .img-block { position: relative; width: 184px; height: 250px; border: 1px solid #e8e8e8; }
.contr-list-w224-h377 .item .price { font-size: 12px; color: #bbb; }
.contr-list-w224-h377 .item .price .f-num { font-size: 18px; font-style: normal; }
.contr-list-w224-h377 .item .tit { font-size: 16px; color: #333; line-height: 24px; height: 48px; margin-top: 8px; }
.contr-list-w224-h377 .item .bg {
	position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; opacity: 0; visibility: hidden;
	width: 224px; height: 170px; padding-top: 88px; text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(57%, rgba(255,255,255, 0.89)), to(#fff));
	background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.89) 57%, #fff 100%);
	-webkit-transition: opacity .2s linear; transition: opacity .2s linear;
}
.contr-list-w224-h377 .item .bg .u-btn { width: 100px; height: 36px; color: #fff; }
.contr-list-w224-h377 .item .bg .tip { margin-top: 8px; }
.contr-list-w224-h377 .item .bg .tip a { font-size: 12px; color: #999; }
.contr-list-w224-h377 .item .bg .tip a .iconfont { font-size: 10px; margin-left: 3px; -webkit-transform: scale(.8); transform: scale(.85); }
.contr-list-w224-h377 .item .bg .tip a:hover { color: #333; }
.contr-list-w224-h377 .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0, .05); box-shadow: 0 15px 30px rgba(0,0,0, .05); }
.contr-list-w224-h377 .item:hover .bg { opacity: 1; visibility: visible; }

/* u-pagination */
.u-pagination { line-height: 38px; }
.u-pagination .iconfont { font-size: 14px; color: #999; margin-top: -3px; }
.u-pagination button, .u-pagination .page, .u-pagination .page li { display: inline-block; vertical-align: middle; }
.u-pagination button, .u-pagination li { 
    min-width: 42px; border: 1px solid #d9d9d9; border-radius: 4px; 
    padding: 0 9px; line-height: inherit; text-align: center; cursor: pointer; background-color: #fff;
}
.u-pagination li.omit { border: none; cursor: default; background-color: transparent; }
.u-pagination .page,
.u-pagination li { margin: 0 2px; color: #666; }
.u-pagination li:hover { color: #01AF63;}
.u-pagination li.is-this { background-color: #01AF63; border-color: #01AF63; color: #fff; }
.u-pagination .is-disabled .iconfont { color: #bbb; }
.u-pagination .is-disabled { cursor: not-allowed !important; }