/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button { margin:0; padding:0; }
body { font:12px/20px 'Microsoft YaHei'; color: #333; min-width: 1200px; } 
input, textarea, select,button { font-family: 'Microsoft YaHei'; outline:none; border:none; background:none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }

a { color:#333; text-decoration:none; 
	-webkit-transition: none;
			transition: none;
}
a:hover { color: #0057ff; }
a:hover, a:active { outline:none; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}


/* font */
@font-face { 
	font-family:"DINCond-Bold"; 
	src:url('fonts/dincond-bold-webfont.eot?#iefix') format("embedded-opentype"),
		url('fonts/dincond-bold-webfont.woff') format("woff"),
		url('fonts/dincond-bold-webfont.ttf') format("truetype"),
		url('fonts/dincond-bold-webfont.svg') format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face { 
	font-family:"DIN-Bold"; 
	src:url('../../ui_v1/fonts/numfont/TG-TYPE-Bold.eot?#iefix') format("embedded-opentype"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Bold.woff') format("woff"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Bold.ttf') format("truetype"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Bold.svg') format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face { 
	font-family:"DIN-Medium"; 
	src:url('../../ui_v1/fonts/numfont/TG-TYPE-Regular.eot?#iefix') format("embedded-opentype"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Regular.woff') format("woff"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Regular.ttf') format("truetype"),
		url('../../ui_v1/fonts/numfont/TG-TYPE-Regular.svg') format("svg");
	font-weight:normal;
	font-style:normal;
}
.dincond { font-family: 'DINCond-Bold'; }
.din-b { font-family:"DIN-Bold"; }
.din-m { font-family:"DIN-Medium"; }
.heiti-std, .yahei { font-family: 'Microsoft YaHei'; }
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.fb { font-weight: 600; }
.fn { font-weight: lighter; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ect { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* icon */
.ico-topbar, .ico-char, .ico-zx, .ico-ts, .ico-zc, .ico-poster, .ico-cb, .ico-traffic, .ico-calc, .ico-changshi, .ico-operator, .ico-asksub { display: inline-block; vertical-align: middle; margin-top: -3px; }
.ico-topbar { background: url('/style/images/ico-topbar.png') no-repeat;}
.ico-char { background: url('/style/images/ico-char.png') no-repeat;}
.ico-zx {background: url('/style/images/zixun/ico-zx.png') no-repeat;}
.ico-ts { background: url('/style/images/ico-ts.png') no-repeat;}
.ico-zc { background: url('/style/images/ico-zc.png') no-repeat;}
.ico-poster { background: url('/style/images/ico-poster.png') no-repeat;}
.ico-cb { background: url('/style/images/ico-cb.png') no-repeat;}
.ico-traffic { background: url('/style/images/ico-traffic.png') no-repeat;}
.ico-calc {background: url('/style/images/ico-calc.png') no-repeat;}
.ico-changshi { background: url('/style/images/icon.png') no-repeat;}
.ico-operator { background: url('/style/images/icon1.png') no-repeat;}
.ico-asksub { background: url('/style/images/ico-asksub.png') no-repeat;}
	/* ico-topbar */
.i-top1 { width: 12px; height: 14px; background-position: 0 0 !important; }
.i-top2 { width: 12px; height: 14px; background-position: 0 -16px !important; }
.i-top3 { width: 9px; height: 5px; background-position: 0 -32px !important; }
.i-top4 { width: 9px; height: 5px; background-position: 0 -40px !important; }
.i-top5 { width: 9px; height: 5px; background-position: 0 -48px !important; }
.i-top6 { width: 5px; height: 9px; background-position: 0 -56px !important; }
.i-top7 { width: 7px; height: 13px; background-position: 0 -68px !important; }
.i-top8 { width: 9px; height: 12px; background-position: -15px 0 !important; }
.i-top9 { width: 9px; height: 12px; background-position: -15px -15px !important; }
.i-top10{ width: 17px; height: 17px; background-position: -15px -30px !important; }
.i-top11{ width: 17px; height: 17px; background-position: -15px -50px !important; }
.i-top12{ width: 13px; height: 13px; background-position: -15px -70px !important; }
.i-top13{ width: 16px; height: 16px; background-position: -35px 0 !important; }
.i-top14{ width: 16px; height: 16px; background-position: -35px -21px !important; }
.i-top15{ width: 15px; height: 18px; background-position: -35px -45px !important; }
.i-top16{ width: 18px; height: 18px; background-position: -34px -70px !important; }
.i-top17{ width: 12px; height: 12px; background-position: 0 -85px !important; }
.i-top18{ width: 8px; height: 13px; background-position: 0 -100px !important; }
.i-top19{ width: 8px; height: 13px; background-position: -10px -100px !important; }
.i-top20{ width: 8px; height: 13px; background-position: -20px -100px !important; }
.i-top21{ width: 8px; height: 13px; background-position: -30px -100px !important; }
.i-top22{ width: 24px; height: 21px; background-position: -55px 0 !important; }
.i-top23{ width: 24px; height: 21px; background-position: -55px -25px !important; }
.i-top24{ width: 20px; height: 17px; background-position: -55px -50px !important; }
.i-top25{ width: 14px; height: 14px; background-position: -66px -70px !important; }
.i-top26{ width: 11px; height: 14px; background-position: -53px -70px !important; }
	/* ico-char */
.i-char1{ width: 19px; height: 18px; background-position: 0 0 !important; }
.i-char2{ width: 19px; height: 18px; background-position: 0 -25px !important; }
.i-char3{ width: 12px; height: 12px; background-position: 0 -50px !important; }
.i-char4{ width: 12px; height: 12px; background-position: 0 -70px !important; }
.i-char5{ width: 36px; height: 32px; background-position: -25px 0 !important; }
.i-char6{ width: 25px; height: 23px; background-position: -25px -40px !important; }
.i-char7{ width: 17px; height: 15px; background-position: -25px -70px !important; }
.i-char8{ width: 14px; height: 14px; background-position: -60px -40px !important; }
.i-char9{ width: 16px; height: 24px; background-position: -58px -60px !important; }
.i-char10{ width: 14px; height: 14px; background-position: -39px -90px !important; }
.i-char11{ width: 16px; height: 16px; background-position: -58px -90px !important; }
.i-char12 { width: 20px; height: 28px; background-position: 0 -110px !important; }
.i-char13 { width: 20px; height: 28px; background-position: -25px -110px !important; }

/* .ico-operator.i-zan { width: 30px; height: 30px; background-position: 0 0; }
.ico-operator.i-fankui { width: 26px; height: 26px; background-position: 0 -35px; } 
.ico-operator.i-fankui2 { width: 26px; height: 26px; background-position: 0 -65px; } 
.ico-operator.i-sina { width: 22px; height: 22px; background-position: 0 -95px; } 
.ico-operator.i-qzone { width: 22px; height: 22px; background-position: 0 -120px; } 
.ico-operator.i-wechat { width: 22px; height: 22px; background-position: 0 -145px; } */
    /* ico-operator */
.ico-operator.i-zan { width: 30px; height: 30px; background-position: 0 0 !important; }
.ico-operator.i-fankui { width: 26px; height: 26px; background-position: 0 -35px !important; }
.ico-operator.i-fankui2{ width: 26px; height: 26px; background-position: 0 -65px !important; }
.ico-operator.i-community { width: 26px; height: 26px; background-position: 0 -230px !important; }
.ico-operator.i-community2{ width: 26px; height: 26px; background-position: 0 -260px !important; }
.ico-operator.i-sina  { width: 22px; height: 22px; background-position: 0 -95px !important;  }
.ico-operator.i-qzone { width: 22px; height: 22px; background-position: 0 -120px !important;  }
.ico-operator.i-wechat{ width: 22px; height: 22px; background-position: 0 -145px !important;  }
.ico-operator.i-phone { width: 26px; height: 26px; background-position: 0 -170px !important; }
.ico-operator.i-hot { width: 13px; height: 18px; background-position: 0 -290px !important; }
	/**/
.red-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #ec3b3b; }
.arrow { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }

/* form */
.input-txt { position: relative; z-index: 10; }
.input-txt .tips { position: absolute; z-index: -1; }
.input-txt .txt { background-color: rgba(0, 0, 0, 0); }
.input-txt-focus { border-color: #0057ff !important; }

/* btn */
.btn { 
	height: 32px; background-color: #0057ff; border-radius: 16px; 
	font-size: 14px; line-height: 32px; text-align: center; color: #fff; cursor: pointer;
}
.btn-red { background-color: #ec3b3b; }
.btn:hover { background-color: #3e80ff; color: #fff; }
.btn-red:hover { background-color: #f66a6a; }
.btn-line, .btn-disable { height: 30px; border: 1px solid #000; color: #000; background: none; }
.btn-line:hover { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-red { border-color: #ec3b3b; color: #ec3b3b; background: none; }
.btn-line.btn-red:hover { background-color: #ec3b3b; color: #fff; }
.btn-line.btn-blue { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-blue:hover { background-color: #0057ff; color: #fff; }
.btn-disable, .btn-disable:hover { background-color: #f5f5f5; border-color: #eee; color: #ccc; }

/* color */
.bg-ff { background-color: #fff; }
.bg-f8 { background-color: #f8f8f8; }
.box-shadow { background-color: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0, .05); box-shadow: 0 4px 20px rgba(0,0,0, .05); }
.box-shadow2{ background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0, .1); box-shadow: 0 0 20px rgba(0,0,0, .1); }
.borb1 { border-bottom: 1px solid #eee; }
.s-blue { color: #0057ff !important; }
.s-red  { color: #ec3b3b !important; }
.s-c0 { color: #000 !important; }
.s-c2 { color: #222 !important; }
.s-c3 { color: #333 !important; }
.s-c6 { color: #666 !important; }
.s-c9 { color: #999 !important; }
.s-cb { color: #bbb !important; }
a.s-red:hover, a.s-c0:hover, a.s-c2:hover, a.s-c3:hover, a.s-c6:hover, a.s-c9:hover, a.s-cb:hover { color: #0057ff !important; }
a.s-blue:hover { color: #ec3b3b !important; }

/* margin , padding */
.ma { margin-left: auto; margin-right: auto; }
.ml5 { margin-left: 5px; }
.ml10{ margin-left: 10px; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb15 { margin-bottom: 15px; }
.pl30 { padding-left: 30px; }
.pr30 { padding-right: 30px; }
.pb40 { padding-bottom: 40px; }
.p20 { padding:20px; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pb20 { padding-bottom: 20px; }

/* */
.tab-nav span { cursor: pointer; }
.w1200 { width: 1200px; }
.w1225 { width: 1225px; }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }
.hidden { visibility: hidden; }
.ovh { overflow: hidden; }

.img-block { position: relative; }
.img-block img { display: block; width: 100%; height: 100%; }
.img-block-round img,
.is-round img,
.is-round { border-radius: 50%; }
.blur { -webkit-filter: blur(10px); filter: blur(10px); } /*模糊*/
.transit { -webkit-transition: all .2s linear; transition: all .2s linear; }

.border-box { -webkit-box-sizing: border-box; box-sizing: border-box; }
#bg-white, #bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; opacity: .3; filter:alpha(opacity=30); }
#bg-white { background-color: #fff; }
#bg-black { background-color: #000; }

/* drop-down */
.drop-down { position: relative; cursor: pointer; }
.drop-down .drop-txt { overflow: hidden; position: relative; font-size: 14px; color: #999; }
.drop-down .drop-txt .i-top3 { position: absolute; margin-top: 0; }
.drop-down .drop-all { 
	position: absolute; left: 0; right: 0;
	background-color: #fff; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .15); box-shadow: 0 2px 20px rgba(0, 0, 0, .15); border-radius: 4px;
	overflow-x: hidden; overflow-y: scroll; 
}
.drop-down .drop-all p { overflow: hidden; }
.drop-down .drop-all p:hover { background-color: #f5f5f5; }
.drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
	/**/
.drop-down.normal { float: left; width: 120px; }
.drop-down.normal .drop-txt { height: 30px; line-height: 32px; padding: 0 25px 0 9px; border: 1px solid #eee; }
.drop-down.normal .drop-txt .i-top3 { top: 14px; right: 9px; }
.drop-down.normal .drop-all { top: 32px; height: 200px; }
.drop-down.normal .drop-all p { padding: 0 10px; }
.drop-down-show { z-index: 10; }
	/**/
.drop-down-disable { background-color: #f5f5f5; }

/* updown-roll-bar */
/* .updown-roll-bar {} */
.updown-roll-bar .ovh { position: relative; }
.updown-roll-bar .ovh .roll-nr { position: absolute; left: 0; top: 0; }

/* shortcut-bar */
.shortcut-bar { line-height: 38px; position: relative; z-index: 800; }
.shortcut-bar .hidden { opacity: 0; }
	/*shor-diqu*/
.shor-diqu { position: relative; }
.shor-diqu .dq-btn { padding: 0 10px; font-size: 12px; color: #999; cursor: pointer; }
.shor-diqu .dq-btn span { margin: 0 4px 0 5px; }
.shor-diqu .dq-btn .i-top3 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.shor-diqu.hover .dq-btn { background-color: #0057ff; color: #fff; }
.shor-diqu.hover .dq-btn .i-top1 { background-position: 0 -16px; }
.shor-diqu.hover .dq-btn .i-top3 { background-position: 0 -40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		/**/
.dq-popup { position: absolute; left: 0; top: 58px; width: 510px; min-height: 330px; padding-bottom: 20px; }
.dq-popup dl { padding: 27px 0 0; font-size: 16px; }
.dq-popup dl dt { padding: 0 30px; line-height: 20px; color: #999; margin-bottom: 10px; }
.dq-popup dl dt.tab-nav { margin-bottom: 16px; }
.dq-popup dl dt span { position: relative; margin-right: 30px; cursor: pointer; }
.dq-popup dl dt span:after { 
	position: absolute; left: 50%; bottom: -6px; content: '';
	width: 40px; height: 2px; margin-left: -20px;
}
.dq-popup dl dt span.is-this { color: #0057ff; }
.dq-popup dl dt span.is-this:after { background-color: #0057ff; }
.dq-popup dl dd { overflow: hidden; padding: 0 15px; }
.dq-popup dl dd a { float: left; line-height: 32px; white-space: nowrap; margin: 0 14px; }
		/**/
.dq-search-bar { margin-top: 30px; }
.dq-search-bar .search-input { 
	height: 32px; background-color: #eee; border-radius: 16px; 
	position: relative; padding: 0 20px 0 40px;
}
.dq-search-bar .search-input .i-top12 { position: absolute; left: 9px; top: 13px; }
.dq-search-bar .search-input input { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; }
.dq-search-bar .search-input .tips { line-height: 32px; left: 50%; top: 0; margin-left: -135px; }
.dq-search-bar .search-txt { min-height: 24px; line-height: 24px; padding: 10px 0; }
.dq-search-bar .search-txt a { display: inline-block; font-size: 16px; margin: 0 7px; }
			/**/
/* .dq-down-bar { } */
.dq-down-bar strong { display: block; font-size: 16px; color: #999; line-height: 20px; margin-bottom: 17px; }
.dq-down-bar .drop-down { width: 140px; background-color: #eee; border-radius: 16px; cursor: pointer; }
.dq-down-bar .drop-down .drop-txt { height: 32px; line-height: 32px; padding: 0 35px 0 19px; }
/* .dq-down-bar .drop-down .drop-txt span {  } */
.dq-down-bar .drop-down .drop-txt .i-top3 { top: 16px; right: 15px; }
.dq-down-bar .drop-down .drop-all { top: 32px; height: 200px; }
.dq-down-bar .drop-down .drop-all p { padding: 0 19px; line-height: 40px; height: 40px; border-bottom: 1px solid #eee; }
.dq-down-bar .drop-down .drop-all p:hover { background-color: #f5f5f5; }
.dq-down-bar .drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
.dq-down-bar .btn { width: 140px; }
	/*shor-link*/
.shor-link { margin-left: 20px; }
.shor-link li { float: left; font-size: 12px; }
.shor-link li a { float: left; color: #999; padding: 0 10px; }
.shor-link li a:hover { background-color: #0057ff; color: #fff; }
	/*r-shor*/
/* .r-shor {} */
.r-shor .i-top8 { margin-right: 10px; }
.r-shor .link { float: left; font-size: 12px; color: #999; padding: 0 10px; position: relative; cursor: pointer; }
.r-shor .link .red-dot { position: absolute; top: 10px; right: 4px; }
.r-shor .link:hover, .r-shor .link.hover, .r-shor .user-bar.hover .link { background-color: #0057ff; color: #fff !important; }
.r-shor .link:hover .i-top8 { background-position: -15px -15px !important; }
		/**/
.r-shor .user-bar { position: relative; }
.r-shor .user-bar .popup-user { position: absolute; top: 58px; left: 50%; margin-left: -150px; width: 300px; height: 340px; }
.popup-user .yonghu { padding-top: 30px; }
.popup-user .yonghu img { display: block; width: 64px; height: 64px; border-radius: 50%; margin: auto; }
.popup-user .yonghu p { font-size: 18px; text-align: center; margin-top: 10px; }
.popup-user .btn { 
	display: block; width: 120px; height: 28px; line-height: 28px; 
	font-size: 14px; color: #fff; margin: auto; 
}
.popup-user .erwei { margin-top: 30px; }
.popup-user .erwei img { display: block; width: 86px; height: 86px; margin: auto; }
.popup-user .erwei p { font-size: 16px; color: #999; text-align: center; }
.popup-user .lr-link { padding: 25px 50px 0; overflow: hidden; }
.popup-user .lr-link li { float: left; width: 50%; line-height: 30px; text-align: center; }
.popup-user .lr-link li a { font-size: 16px; position: relative; }
.popup-user .lr-link li a .red-dot { position: absolute; top: -3px; right: -6px; }

/* logo-bar */
.logo-bar { position: relative; width: 100%; z-index: 700; }
.logo-bar .logo { float: left; width: 252px; height: 45px; padding: 23px 0 22px; margin-right: 55px; }
	/*menu-nav*/
.logo-bar .menu-nav { float: left; }
.logo-bar .menu-nav li { float: left; }
.logo-bar .menu-nav li a { float: left; font-size: 18px; line-height: 90px; padding: 0 15px; }
.logo-bar .menu-nav li.cur a, .logo-bar .menu-nav li.ct a { color: #0057ff; }
.logo-bar .popup-mn { position: absolute; left: 0; top: 110px; right: 0; border-top: 1px solid #eee; }
.logo-bar .menu-middle { position: absolute; left: 50%; top: 0; }
		/*p-nav*/
.p-nav { min-height: 30px; padding: 15px 0; }
.p-nav span { display: inline-block; padding: 0 30px; }
.p-nav span a { display: inline-block; font-size: 16px; line-height: 30px; }
.p-nav .line { display: inline-block; width: 1px; height: 22px; background-color: #eee; vertical-align: middle; margin-top: -3px; }
		/*p-search*/
.p-search { padding: 15px 0; }
.p-search .input-txt { display: block; font-size: 16px; position: relative; padding-right: 160px; }
.p-search .input-txt input { text-align: center; width: 100%; height: 28px; line-height: 28px; }
.p-search .input-txt .tips { left: 50%; margin-left: -180px; color: #ddd; line-height: 28px; }
.p-search .input-txt .r-b { position: absolute; top: 0; right: 0; line-height: 28px; *width: 130px; }
.p-search .input-txt .r-b .btn { width: 100px; height: 28px; line-height: 28px; margin-left: 10px; }
			/**/
.search-tag { padding-top: 10px; }
.search-tag a { 
	display: inline-block; line-height: 40px; margin: 4px; 
	padding: 0 20px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0, .1); box-shadow: 0 0 10px rgba(0,0,0, .1); 
}
/* .search-tag a:hover {} */
			/**/ 
.p-search .hot-shou { font-size: 14px; color: #bbb; margin-top: 7px; }
.p-search .hot-shou a { margin: 0 10px; }
		/*p-daohang*/
.p-daohang { padding: 27px 0 30px; }
.p-daohang dl { float: left; position: relative; }
.p-daohang dt { padding-bottom: 10px; }
.p-daohang dd.h160 { height: 160px; overflow: hidden; }
.p-daohang dd a { float: left; line-height: 32px; color: #666; white-space: nowrap; }
.p-daohang dd.line { position: absolute; right: 0; bottom: 10px; width: 1px; height: 142px; background-color: #eee; }
.p-daohang dl.dh1 { width: 370px; padding: 0 12px 0 20px;  }
.p-daohang dl.dh1 dt { padding-left: 12px; padding-right: 12px; }
.p-daohang dl.dh1 dd a { width: 42px; text-align: center; margin: 0 5px; }
.p-daohang dl.dh2 { width: 240px; padding-left: 20px; padding-right: 16px; }
.p-daohang dl.dh2 dt, .p-daohang dl.dh3 dt { padding-left: 10px; padding-right: 10px; }
.p-daohang dl.dh2 dd a, .p-daohang dl.dh3 dd a { width: 60px; margin: 0 10px; }
.p-daohang dl.dh3 { width: 170px; padding-left: 20px; padding-right: 5px; }
.p-daohang dl.dh4 { width: 296px; padding-left: 30px; }
.p-daohang dl.dh4 .w60 { float: left; width: 60px; margin-right: 25px; }
.p-daohang dl.dh4 .w88 { float: left; width: 88px; margin-right: 25px; }
.p-daohang dl a:hover { color: #0057ff; }
	/*r-handle*/
/* .logo-bar .r-handle { } */
.logo-bar .r-handle span { float: left; height: 90px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.logo-bar .r-handle span .ico-topbar { display: block; margin-top: 36px; }
.logo-bar .r-handle span.cur .i-top10 { background-position: -15px -50px; }
.logo-bar .r-handle span.cur .i-top13 { background-position: -35px -21px; }

/* footer */
.footer .ft-k1 a:hover, .footer .ft-k3 .un-ovh a:hover { color: #0057ff; }
.footer .ft-k1 .ip-btn:hover, .footer .ft-k3 .un-btn:hover { color: #fff; }
.footer { padding-bottom: 14px; background: #151515 url('/style/images/bg-footer.jpg') no-repeat center bottom; }
.footer .ft-k1 { padding: 26px 0; position: relative; }
.footer .ft-k1 .h-ip { position: absolute; top: 26px; right: 0; font-size: 12px; color: #666; cursor: pointer; }
.footer .ft-k1 .h-ip .ip-btn .arrow { border-top-style: solid; border-top-color: #fff; }
.footer .ft-k1 .h-ip .dq-down-bar { position: absolute; right: 0; bottom: 25px; z-index: 800; width: 450px; height: 80px; padding: 30px; border-radius: 4px; }
.footer .ft-k1 .h-ip .dq-down-bar .arrow { position: absolute; right: 10px; bottom: -12px; border-top-style: solid; border-top-color: #fff; }
.footer .ft-k1 a { color: #fff; margin: 0 10px; -webkit-transition: all .2s linear; transition: all .2s linear; }
	/**/
.footer .ft-k2 { margin-top: 30px; }
.footer .ft-k2 dl.fl { width: 440px; height: 86px; overflow: hidden; padding-right: 40px; }
.footer .ft-k2 dl.fl dt { float: left; width: 86px; height: 86px; margin-right: 20px; }
.footer .ft-k2 dl.fl dd { line-height: 24px; color: #666; }
.footer .ft-k2 dl.fl dd strong { display: block; font-size: 18px; font-weight: 500; color: #999; margin-bottom: 16px; }
	/**/
.footer .ft-k2 dl.fr { border-left: 2px solid #666; padding-left: 20px; }
.footer .ft-k2 dl.fr dt { height: 20px; }
.footer .ft-k2 dl.fr dt strong { float: left; font-size: 18px; color: #999; font-weight: 500; }
.footer .ft-k2 dl.fr dt .i-top16 { margin-left: 10px; }
.footer .ft-k2 dl.fr dd p { font-size: 24px; color: #fff; line-height: 30px; font-weight: 300; margin: 3px 0 7px; }
.footer .ft-k2 dl.fr dd .btn { display: block; width: 160px; height: 28px; line-height: 28px; font-size: 12px; }
	/**/
.footer .ft-k3 { margin-top: 48px; }
.footer .ft-k3 .tab-nav {  height: 32px; line-height: 32px; border-bottom: 2px solid #181818; }
.footer .ft-k3 .tab-nav span { float: left; color: #444; margin-right: 20px; }
.footer .ft-k3 .tab-nav .cur { color: #999; }
.footer .ft-k3 .un-pr { position: relative; height: 60px; }
.footer .ft-k3 .unfold-bar { position: absolute; padding-right: 100px; font-size: 12px; }
.footer .ft-k3 .un-ovh { height: 60px; overflow: hidden; } 
.footer .ft-k3 .un-ovh .un-nr { padding: 6px 0; overflow: hidden; }
.footer .ft-k3 .un-ovh a { 
	float: left; color: #444; line-height: 26px; white-space: nowrap; margin-right: 30px; 
	-webkit-transition: all .2s linear; transition: all .2s linear; 
}
.footer .ft-k3 .un-btn { position: absolute; top: 6px; right: 0; color: #555; line-height: 24px; cursor: pointer; }
.footer .ft-k3 .un-btn .i-top3 { margin: -2px 0 0 10px; }
.footer .ft-k3 .show .un-btn .i-top3 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.footer .ft-k3 .hidden { opacity: 0; }
	/**/
.copyright { font-size: 12px; color: #444; line-height: 24px; margin-top: 7px; }
.copyright img { display: inline-block; vertical-align: middle; margin-top: -3px; }
.copyright a { position: relative; margin: 0 5px; color: #444; z-index: 950; }
.copyright a .i-top17 { margin-right: 5px; }
.copyright a .pop { position: absolute; left: 50%; bottom: 26px; width: 500px; margin-left: -250px; display: none; box-shadow: 0 10px 15px rgba(0,0,0, .1); }
.copyright a .pop:after { 
	position: absolute; left: 50%; bottom: -6px; content: ''; margin-left: -8px;
	border: 8px solid transparent; border-top-color: #fff; border-bottom: none;
}
.copyright a .pop img { display: block; width: 100%; height: 100%; border-radius: 4px; }
.copyright a:hover { color: #0057ff; }
.copyright a:hover .pop { display: block; }
    /**/
.footer-ny .copyright { padding-top: 13px; border-top: 1px solid #000; margin-top: 30px; }

/* nav-f18 */
.nav-f18 { height: 28px; font-size: 18px; line-height: 28px; overflow: hidden; }

/* 垂直居中 */
.center-box { }
.center-box .center-hack { display:inline-block; *display:inline; font-size:0; width:0; height:100%; vertical-align:middle; }
.center-box .center-body { 
	display: inline-block; /* width: 100%;  */
	letter-spacing:normal; word-spacing: normal; white-space: normal; word-wrap: break-word;
	font-size: 12px; vertical-align: middle;
}

/* 2018-06-26 咨询栏目添加 */
.logo-zixun { float: left; width: 76px; height: 22px; line-height: 22px; margin: 33px 0 0 20px; }

/* 2018-08-27 增加分享 点赞 反馈 */
/* ico-feedba */
.ico-feedba { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('../../style/images/ico-feedba.png') no-repeat; }
.i-feedba1 { width: 16px; height: 18px; background-position: 0 0; }
.i-feedba2 { width: 17px; height: 18px; background-position: -30px 0; }
.i-feedba3 { width: 16px; height: 18px; background-position: -60px 0; }
.i-feedba4 { width: 24px; height: 24px; background-position: 0 -30px; }
.i-feedba5 { width: 24px; height: 19px; background-position: -30px -30px; }
.i-feedba6 { width: 10px; height: 10px; background-position: 0 -60px; }
.i-feedba7 { width: 12px; height: 12px; background-position: -20px -60px; }
/* share */
.share-opera-box { position: relative; padding-top: 20px; }
/* operate */
.operate-box { text-align:center; }
.operate-box a { display:inline-block; margin:0 10px; padding:0 19px; height:34px; line-height:34px; border:1px solid #ddd; border-radius:18px; font-size:14px !important; color:#666; }
.operate-box a em { font-style: normal; }
.share-opera-box .share-box { display: none; position: absolute; z-index: 5; left:50%; bottom: -50px; margin-left: 25px; padding: 15px; background-color: #fff; -webkit-box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2); box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2); }
.share-opera-box .share-box:before { position: absolute; bottom: 60px; left: -16px; border: 8px solid transparent; content: ''; border-right-color: #fff; }
.share-opera-box .share-box a { display: block; margin-bottom: 15px; line-height: 24px; font-size: 12px; color: #999; }
.share-opera-box .share-box a .ico-feedba { margin-right: 16px; }
.share-opera-box .share-box img { display: block; margin: auto; width: 100px; height: 100px; }
.fank-pop { display: none; position: absolute; left: 50%; bottom: 60px; z-index: 4; margin-left: -159px; padding: 25px; width: 288px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1); box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.fank-pop:before { position: absolute; bottom: -16px; left: 50%; margin-left: -8px; border: 8px solid transparent; content: ''; border-top-color: #fff; }
.fank-pop .t { font-size: 14px; font-weight: bold; }
.fank-pop .b { overflow: hidden; }
.fank-pop .b a { float: left; padding: 0 5px; min-width: 64px; margin: 20px 10px 0; font-size: 12px; white-space: nowrap; word-break: break-all; word-wrap: break-word; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 2px; }
.fank-pop .b a:hover { color: #3560e6; border-color: #3560e6; }
.fank-box { position: relative; margin-left: 30px; }
.fank-box .fank-btn .ico-feedba { margin-right: 5px; margin-top: -2px; }
.fank-box .fank-btn:hover { color: #317fcc; }
.fank-box .fank-pop { bottom: 30px; margin-left: -170px; }
.fank-box-right { position: absolute; top: 25px; right: 30px; }

/* 2018-09-25 旧版 css 的 topbar 被js调用抖动，和新版冲突 */
body { padding-top: 38px !important; }
.shortcut-bar { position: absolute; left: 0; top: 0; right: 0; }
/* 2018-09-25  全部专长，按地区找律师样式 */
.mt60 { margin-top: 70px; }

/* nav-f30 */
.nav-citynew-f30 { font-size: 30px; line-height: 50px; height: 50px; }
.nav-citynew-f30 b { margin-right: 10px; }

/* search */
.search-h50 { width: 678px; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #bfbfbf; border-radius: 4px; padding: 0 130px 0 50px; } 
.search-h50 .txt { display: block; width: 100%; height: 20px; padding: 14px 0; } 
.search-h50 .i-top10 { position: absolute; left: 20px; top: 16px; margin-top: 0; } 
.search-h50 .btn { position: absolute; top: -1px; right: -1px; width: 100px; height: 50px; border-radius: 0 4px 4px 0; }

/* tui-tag */
.tui-tag { font-size: 18px; line-height: 40px; } 
.tui-tag a { float: left; margin-right: 30px; }

/* table-type */
.table-type { border: 1px solid #bfbfbf; border-radius: 4px; overflow: hidden; } 
.table-type dl { border-bottom: 1px solid #dfdfdf; position: relative; padding-left: 149px; } 
.table-type dt.center-box { position: absolute; left: 0; top: 0; bottom: 0; width: 148px; border-right: 1px solid #dfdfdf; text-align: center; }
.table-type dt.center-box .center-body { font-size: 20px; } 
.table-type dd { padding: 14px 30px 14px 50px; position: relative; }
.table-type dd .arrow { 
    position: absolute; top: 50%; left: 0; margin-top: -7px; display: none; 
    border-width: 7px; border-left-style: solid; border-left-color: #0057ff; 
}
.table-type dd a { float: left; white-space: nowrap; font-size: 14px; color: #666; line-height: 32px; margin-right: 20px; }
.table-type dd a:hover { color: #0057ff; }
.table-type dl:hover dt { background-color: #0057ff; border-color: #0057ff; color: #fff; font-weight: 600; } 
.table-type dd:hover { background-color: #f1f1f1; } 
.table-type dd:hover .arrow { display: block; }
    /**/
.table-type-diqu dl { padding: 13px 0 13px 80px; }
.table-type-diqu dt.center-box { width: 79px; color: #999; }
.table-type-diqu dt.center-box .center-body { font-size: 24px; font-weight: 600; }
.table-type-diqu dd { position: relative; padding: 5px 50px 5px 245px; min-height: 32px; }
.table-type-diqu dd strong { position: absolute; left: 0; top: 10px; width: 180px; font-size: 18px; text-align: right; } 
.table-type-diqu dd .arrow { top: 13px; margin-top: 0; } 
.table-type-diqu dd .more-btn { font-size: 12px; color: #999; line-height: 32px; cursor: pointer; } 
.table-type-diqu dd .shi-bar .more-btn { float: left; } 
.table-type-diqu dd a { color: #333; }
.table-type-diqu dl:hover { background-color: #f1f1f1; }
.table-type-diqu .quxian-bar li { overflow: hidden; } 
.table-type-diqu .quxian-bar li span { float: left; line-height: 32px; font-weight: 600; margin-right: 15px; } 
.table-type-diqu .quxian-bar li a { color: #999; margin-right: 15px; } 
.table-type-diqu .quxian-bar li a:hover { color: #0057ff; } 
.table-type-diqu .quxian-bar .more-btn { float: right; } 
.table-type-diqu .quxian-bar .more-btn .i-top3 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.city-nav-nopadding { padding-top: 0px !important; }
.table-type dd span { float: left; white-space: nowrap; font-size: 14px; color: #333; line-height: 32px; margin-right: 20px; } 
.city-list-input-keyword { 
    position: absolute; top: 50px; left: 170px; 
    background: #fff; padding: 20px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1); 
    font-size: 16px; line-height: 24px; width: 820px; text-align: center; border-radius: 0 0 4px 4px; 
} 
.city-list-input-keyword a { margin-right: 15px; } 
.table-type dd strong a { position: absolute; left: 0; top: 10px; width: 180px; font-size: 18px; text-align: right; line-height: 0; } 
.diqu-city-strong-a { color: #333 !important; margin-right: 0 !important; }

/* 2018-09-27 	#3771 首页优化迭代 */
.shor-link li a.s-blue:hover { color: #fff !important; }
/* topBar 的 r-menu */
.r-menu { font-size: 12px; color: #999; padding: 0 10px; cursor: pointer; }
.r-menu .i-top3 { margin-left: 5px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.r-menu.cur { background-color: #0057ff; color: #fff; }
.r-menu.cur .i-top3 { background-position: 0 -40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.shortcut-bar .popup-mn { position: absolute; left: 0; top: 58px; right: 0; display: none; }
/* topBar 的 dq-popup 地区修改 */
.dq-popup { width: 610px; height: auto; }
.dq-popup dl dd { font-size: 14px; }
.dq-popup dl dd a { margin-right: 4px; }
.dq-popup dl dd .tab-zimu { height: 32px; line-height: 32px; }
.dq-popup dl dd .tab-zimu span { font-size: 16px; color: #333; font-weight: 600; margin-left: 14px; cursor: pointer; }
.dq-popup dl dd .tab-zimu span.cur { color: #0057ff; }
/* logo-bar 搜索，咨询 */
.logo-bar .menu-nav li { margin: 35px 15px; }
.logo-bar .menu-nav li a { padding: 0; line-height: 20px; }
    .logo-bar .menu-nav li.cur a, .logo-bar .menu-nav li.ct a {
        color: #0057ff;
    }
.logo-bar .r-handle span { line-height: 90px; }
.logo-bar .r-handle span .ico-topbar, .logo-bar .r-handle a .ico-topbar { display: inline-block; margin: -2px 10px 0 0; }
.logo-bar .r-handle a { float: left; height: 90px; line-height: 90px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.logo-bar .r-handle a:hover { color: #666; }
.logo-bar .r-handle a:hover .i-top22 { background-position: -55px -25px; }
.logo-bar .r-handle .u-btn { width: 92px; height: 36px; line-height: 36px; font-size: 14px; padding: 0; border-radius: 6px; margin-top: 27px; }
.logo-bar .r-handle .u-btn .icon-add { font-size: 12px; font-weight: 600; margin: -2px 4px 0 0; }
.logo-bar .r-handle .u-btn:hover { color: #fff; opacity: .85; }

/* footer 修改 */
.footer .ft-k2 dl.tel400 { float: left; border-left: 2px solid #666; padding-left: 20px; margin-right: 30px; }
.footer .ft-k2 dl.tel400 dt { height: 20px; }
.footer .ft-k2 dl.tel400 dt strong { float: left; font-size: 18px; color: #999; font-weight: 500; }
.footer .ft-k2 dl.tel400 dt .i-top16 { margin-left: 10px; }
.footer .ft-k2 dl.tel400 dd p { font-size: 24px; color: #fff; line-height: 30px; margin: 7px 0 5px; }
.footer .ft-k2 dl.tel400 dd span { font-size: 12px; color: #999; }
.footer .ft-k2 .kefu { float: left; width: 120px; padding-top: 5px; }
.footer .ft-k2 .kefu .btn { display: block; height: 30px; line-height: 30px; font-size: 12px; }
.footer .ft-k2 .kefu .btn .ico-topbar { margin-right: 6px; }
.footer .ft-k2 .r-ew { float: right; }
.footer .ft-k2 dl.erwei { float: left; width: 270px; height: 86px; overflow: hidden; padding-left: 40px; }
.footer .ft-k2 dl.erwei.w250 { width: 250px; } 
.footer .ft-k2 dl.erwei dt { float: left; width: 86px; height: 86px; margin-right: 20px; }
.footer .ft-k2 dl.erwei dd { line-height: 24px; color: #666; }
.footer .ft-k2 dl.erwei dd strong { display: block; font-size: 18px; font-weight: 500; color: #999; margin-bottom: 16px; }

/* magnify 图片移入放大 */
.magnify { overflow: hidden; }
.magnify img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s linear; transition: all .3s linear; }
.magnify:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

/* scroll-bar 轮播滚动插件结构 */
.scroll-bar { overflow: hidden; position: relative; z-index: 10; }
.scroll-bar .scroll-img { position: relative; width: 100%; }
.scroll-bar .scroll-img li { float: left; }
    /**/
.scroll-bar .scroll-dot { position: absolute; z-index: 20; width: 100%; text-align: center; } 
.scroll-bar .scroll-dot .dot-item { display: inline-block; border-radius: 50%; margin: 0 5px; cursor: pointer; } 
/* .scroll-bar .scroll-dot .dot-ct {  } */
    /**/
.scroll-bar .scroll-btn { position: absolute; top: 50%; z-index: 10; cursor: pointer; -webkit-transition: all .15s linear; transition: all .15s linear; }
.scroll-bar .scroll-btn:hover { opacity: .5; }
/* .scroll-bar .scroll-btn { 
    position: absolute; top: 50%; z-index: 10; 
    width: 20px; height: 50px; line-height: 50px; cursor: pointer;
    background-color: #607d8b; color: #fff; text-align: center;
}*/
.scroll-bar .l-btn { left: 0; }
.scroll-bar .r-btn { right: 0; }

/* 2018-11-23 底部内链 */
/* ico-boult */
.ico-boult { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('/style/images/ico-boult.png') no-repeat; }
.i-bot1, .i-bot2 { width: 9px; height: 5px; }
.i-bot1 { background-position: 0 0; }
.i-bot2 { background-position: 0 -10px; }

/* friendship-links */
.friendship-links { position: relative; padding-left: 92px; line-height: 28px; min-height: 28px; margin-bottom: 10px; overflow: hidden; }
.friendship-links .label { position: absolute; top: 0; left: 0; color: #222; font-size: 14px; font-weight: bold; width: 90px; }
.friendship-links .friendship-links .label { color: #aaa; font-weight: normal; }
.friendship-con { position: relative; padding-right: 44px; min-height: 28px; }
.friendship-con .zk-btn { display: none; position: absolute; top: 0; right: 0; cursor: pointer; color: #0057ff; font-size: 12px; }
.friendship-con .zk-btn .ico-boult { margin-left: 3px; }
.friendship-con .sq-btn .ico-boult { background-position: 0 -10px; }
.friendship-con .ovh { height: 28px; overflow: hidden; -webkit-transition: height .3s linear; transition: height .3s linear; }
.friend-link-con { overflow: hidden; }
.friend-link-con a { float: left; white-space: nowrap; margin-right: 20px; font-size: 14px; color: #666; }
.friend-link-con a:hover { color: #0057ff; }

/* 2019-04-23 #5237 */
.weizhi { font-size: 12px; color: #bbb; line-height: 16px; }
.weizhi a { color: #999; }
.weizhi a:hover { color: #0057ff; }
.img-bg-pop {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 5;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0, 0)), to(rgba(0,0,0, .8)));
    background: linear-gradient(180deg,rgba(0,0,0, 0) 0%, rgba(0,0,0, .8) 100%);
}

/* .p-nav > .zc-f14 */
.zc-f14 { padding-left: 310px; padding-right: 350px; position: relative; }
.zc-f14 dt { position: absolute; left: 0; top: 20px; width: 310px; }
.zc-f14 dt a { font-size: 16px; color: #0057ff; }
.zc-f14 dt .i-cb8 { margin-left: 10px; }
.zc-f14 dd { min-height: 64px; overflow: hidden; }
.zc-f14 dd a { float: left; padding: 0 14px; line-height: 32px; position: relative; }
.zc-f14 dd a:after {
	position: absolute; top: 9px; right: 0;
	width: 1px; height: 14px; background-color: #eee; content: '';
}

/* tab-bar */
.tab-bar .tab-nv { cursor: pointer; }

/* 2019-07-23 page-bar */
.page-bar { color: #aaa; font-size: 14px; }
.page-bar a,
.page-bar span,
.page-bar a.disabled:hover { 
    display: inline-block; margin: 0 5px; 
    min-width: 40px; height: 40px; line-height: 40px; text-align: center; 
    background-color: #edeff2; color: #909399 !important; 
}
.page-bar .btn-prev, 
.page-bar .btn-next { font-family: 'SimSun'; font-weight: 600; }
.page-bar a:hover, 
.page-bar a.cur, 
.page-bar span.cur { background-color: #0057ff; color: #fff !important; }

/* 2019-08-09 #6792 */
.iconfont { display: inline-block; vertical-align: middle; margin-top: -2px; }
/* nav-blue-line */
.nav-blue-line { position: relative; }
.nav-blue-line:before { position: absolute; left: 0; background-color: #0057ff; content: ''; }


/* 2020-03-04 #10068 */
/* footer */
.footer { padding-bottom: 40px; }
.footer .ft-k4 { padding-top: 50px; margin-bottom: 40px; }
.footer .ft-k4 .logo { display: block; margin-right: 80px; padding-top: 42px; width: 161px; }
.footer .ft-k4 .logo a, .footer .ft-k4 .logo img { display: block; width: 161px; height: 109px; }
.footer .ft-k4 .milddle { border-left: 1px solid #242424; padding-left: 80px; width: 340px; }
.footer .ft-k4 .milddle .txt-a { font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-b { font-size: 24px; color: #f8f8f8; line-height: 28px; margin-top: 7px; }
.footer .ft-k4 .milddle .btn { float: left; width: 80px; height: 24px; line-height: 24px; font-size: 12px; margin: 10px 10px 0 0; }
.footer .ft-k4 .milddle .txt-c { margin-top: 25px; font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-d { margin-top: 5px; font-size: 18px; color: #f8f8f8; line-height: 24px; }
.footer .ft-k4 .link { margin-right: 80px; font-size: 14px; }
.footer .ft-k4 .link .dt { color: #fff; font-weight: bold; }
.footer .ft-k4 .link a { display: block; margin-top: 15px; color: #666; }
.footer .ft-k4 .link a:hover { color: #0057ff; }
.footer .ft-k4 .our dt { font-size: 14px; color: #fff; font-weight: bold; margin-left: 5px; }
.footer .ft-k4 .our dd { margin-top: 19px; text-align: center; }
.footer .ft-k4 .our dd .ecod { display: block; margin: auto; width: 90px; height: 90px; }
.footer .ft-k4 .our dd .txt { font-size: 12px; color: #666; margin-top: 15px; }
.footer .ft-k4 .our .mr60 { margin-right: 60px; }

/* 2020-03-09 #9975 */
.ico-lawonline { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('../../images/2020/lawyer_online/icon_lawonline.png') no-repeat; }
.mt10 { margin-top: 10px; }

.hr-line { position: relative; }
.hr-line:after { position: absolute; left: 0; right: 0; border-bottom: 1px solid #f8f8f8; content: ''; }
.ft-link .hr-line:after { border: none; }

/* HLX-897 LQ 2021-07-16 */
.r-shor .item { float: left; position: relative; }
.r-shor .item .popup { 
    position: absolute; top: 58px; right: 0;
    background: #fff; box-shadow: 0 8px 20px rgba(0,0,0, .16);
    transition: top .25s linear; visibility: hidden;
}
.r-shor .item .popup:after {
    position: absolute; top: -4px; right: 35px; content: '';
    border: 4px solid transparent; border-bottom-color: #fff; border-top: none;
}
.r-shor .item .popup img { display: block; }
.r-shor .item:hover .popup { top: 38px; visibility: visible; }
.r-shor .link .i-top25 { margin: -2px 6px 0 0; }
.r-shor .link .i-top26 { float: right; margin: 4px 0 0 6px; }
.r-shor .item:hover .link { background-color: #0057ff; color: #fff; }
.r-shor .item:hover .link .i-top25 { background-position: -66px -88px !important; }
.r-shor .item:hover .link .i-top26 { background-position: -53px -88px !important; }

/* HLX-1045 LQ 2021-07-30 */
.fixed-top { position: fixed !important; top: 0; }
.art-community-img { position: relative; }
.art-community-img.fixed-top { top: 5px; }
.art-community-img img { display: block; width: 100%; }
    /*family*/
.ico-cuy1 { width: 83px; height: 40px; background: url('//css.66law.cn/ui_v2/pc/pic/community/family/label-1.png') no-repeat; }
.ico-cuy2 { width: 72px; height: 32px; background: url('//css.66law.cn/ui_v2/pc/pic/community/family/label-2.png') no-repeat; }
.ico-cuy3 { width: 73px; height: 37px; background: url('//css.66law.cn/ui_v2/pc/pic/community/family/label-3.png') no-repeat; }
.art-community-img .ico-cuy1 { position: absolute; left: 8px; top: -14px; }
.art-community-img .ico-cuy2 { position: absolute; left: -15px; top: -8px; }
.art-community-img .ico-cuy3 { position: absolute; left: 0; top: -16px; }
    /*traffic*/
.ico-cuy1-tra { width: 83px; height: 40px; background: url('//css.66law.cn/ui_v2/pc/pic/community/traffic/label-1.png') no-repeat; }
.ico-cuy2-tra { width: 72px; height: 32px; background: url('//css.66law.cn/ui_v2/pc/pic/community/traffic/label-2.png') no-repeat; }
.ico-cuy3-tra { width: 73px; height: 37px; background: url('//css.66law.cn/ui_v2/pc/pic/community/traffic/label-3.png') no-repeat; }
.art-community-img .ico-cuy1-tra { position: absolute; left: 8px; top: -14px; }
.art-community-img .ico-cuy2-tra { position: absolute; left: -15px; top: -8px; }
.art-community-img .ico-cuy3-tra { position: absolute; left: 0; top: -16px; }
    /*labor*/
.ico-cuy1-labor { width: 83px; height: 40px; background: url('//css.66law.cn/ui_v2/pc/pic/community/labor/label-1.png') no-repeat; }
.ico-cuy2-labor { width: 72px; height: 32px; background: url('//css.66law.cn/ui_v2/pc/pic/community/labor/label-2.png') no-repeat; }
.ico-cuy3-labor { width: 73px; height: 37px; background: url('//css.66law.cn/ui_v2/pc/pic/community/labor/label-3.png') no-repeat; }
.art-community-img .ico-cuy1-labor { position: absolute; left: 8px; top: -14px; }
.art-community-img .ico-cuy2-labor { position: absolute; left: -15px; top: -8px; }
.art-community-img .ico-cuy3-labor { position: absolute; left: 0; top: -16px; }
    /*penal*/
.ico-cuy1-penal { width: 83px; height: 40px; background: url('//css.66law.cn/ui_v2/pc/pic/community/penal/label-1.png') no-repeat; }
.ico-cuy2-penal { width: 72px; height: 32px; background: url('//css.66law.cn/ui_v2/pc/pic/community/penal/label-2.png') no-repeat; }
.ico-cuy3-penal { width: 73px; height: 37px; background: url('//css.66law.cn/ui_v2/pc/pic/community/penal/label-3.png') no-repeat; }
.art-community-img .ico-cuy1-penal { position: absolute; left: 8px; top: -14px; }
.art-community-img .ico-cuy2-penal { position: absolute; left: -15px; top: -8px; }
.art-community-img .ico-cuy3-penal { position: absolute; left: 0; top: -16px; }
.bg-pop-black{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50);z-index:1000;}

/** loading LQ 2021-12-07 */
.icon-loading { display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 20px; animation: spin 1.5s cubic-bezier(0.49, 0.68, 0.91, 0.73) infinite; }
@-webkit-keyframes spin { 
	0% { 
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg); 
	}
  	100% { 
	  	-webkit-transform: rotate(359deg);
    			transform: rotate(359deg); 
	} 
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        		transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        		transform: rotate(359deg);
    }
}

/* u-btn */
.u-btn { 
	text-align: center; cursor: pointer; line-height: 1; font-size: 16px; 
	border: 1px solid #d9d9d9; transition: background-color .2s linear, border-color .2s linear;
} 
.u-btn .iconfont { font-size: 16px; line-height: 1; margin-top: -4px; } 
.u-btn.btn-primary { border-color: #0057ff; background-color: #0057ff; color: #fff; } 
.u-btn.btn-primary:active { background-color: #2670ff; border-color: #2670ff; } 
.u-btn.btn-warn { border-color: #ec3b3b; background-color: #ec3b3b; color: #fff; } 
.u-btn.btn-warn:active { background-color: #ef5858; border-color: #ef5858; } 
.u-btn.btn-success { border-color: #11bb65; background-color: #11bb65; color: #fff; } 
.u-btn.btn-primary-plain { border-color: #f2f4ff; background-color: #f2f4ff; color: #0057ff; } 
.u-btn.btn-warn-plain { border-color: #fef0f0; background-color: #fef0f0; color: #ec3b3b; } 
.u-btn.btn-primary-line { background-color: transparent; border-color: #0057ff; color: #0057ff; } 
.u-btn.btn-primary-line:hover { background-color: #0057ff; color: #fff; }
.u-btn.btn-warn-line { background-color: transparent; border-color: #ec3b3b; color: #ec3b3b; } 
.u-btn.btn-white { background-color: #fff !important; border-color: #fff !important; } 
.u-btn.btn-white.is-disabled { color: #bbb; } 
.u-btn.is-disabled { background-color: #e8e8e8; border-color: #e8e8e8; color: #bbb; box-shadow: none !important; } 
.u-btn.is-disabled:active { background-color: #e8e8e8; border-color: #e8e8e8; }
.ico-vip { 
	display: inline-block; vertical-align: middle; width: 20px; height: 20px;
    background: url('//css.66law.cn/ui_v1/static/ico-vip.png') no-repeat; background-size: 100% 100%;
}