<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

 
.header-nav {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff !important;
	z-index: 10;
} 

  .header-no-login .sub-header {
	background: #333;
	width: 100%;
	height: 34px;
	color: #fff;
} 
.sub-header-content {
	width: 1200px;
	line-height: 34px;
	position: relative;
	margin: 0 auto;
}
.sub-header .login-btn {
	padding: 2px 8px;
	letter-spacing: 1px;
	background: #00c3f5;
	border-radius: 1px;
	width: 48px;
	color: #fff;
	line-height: 22px;
	margin-right: 10px;
	height: 22px;
}


.header-no-login .huya-logo {
	height: 50px;
	float: left;
	margin-top: 10px;
}




.header-no-login .ant-menu-horizontal {
	padding: 20px 0;
}

.header-no-login .ant-menu-horizontal &gt; .ant-menu-item {
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
	border-bottom: 0;
}
.header-no-login .ant-menu-item-selected a {
	background: #00c3f5 !important;
	color: #fff !important;
}
.header-no-login .ant-menu-horizontal &gt; .ant-menu-item a {
	padding: 0 20px;
	font-size: 15px;
	color: #333;
}





.nav-menu {
	outline: none;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	z-index: 1050;
	box-shadow: 0 1px 6px rgba(100, 100, 100, 0.2);
	color: #666;
	background: #fff;
	line-height: 46px;
}

.nav-menu-horizontal {
	background-color: inherit;
	border-bottom: none;
	float: right;
	font-size: 16px;
	padding: 20px 0;
}


.home-banner-1-right {
	position: absolute;
	top: 112px;
	right: 0;
	background: rgba(0, 195, 245, 0.4);
	width: 250px;
	height: 260px;
	padding: 20px;
	color: #fff;
	z-index:999;
}





.home-page-1-bottom {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	height: 100px;
	text-align: center;
	z-index: 3;
}

.no-login-page {
	width: 1200px;
	position: relative;
	margin: auto;
}
.home-page-1-bottom .item {
	display: inline-block;
	width: 300px;
	padding: 30px 0 30px 30px;
	border-right: 1px solid rgba(221, 221, 221, 0.3);
}

.home-page-1-bottom .item .left {
	float: left;
	margin-top: 5px;
}
.home-page-1-bottom .item img {
	width: 36px;
	height: 36px;
}

 .home-page-1-bottom .item .right {
	float: left;
	margin-left: 10px;
	text-align: left;
	color:#fff;
}



 
 .not-login-ctn {
	color: #666;
	font-size: 14px;
	overflow-x: scroll;
}
 

.no-login-page {
  width: 1200px;
  position: relative;
  margin: auto;
}
	
.no-login-page.item {
	display: inline-block;
	width: 300px;
	padding: 30px 0 30px 30px;
	border-right: 1px solid rgba(221, 221, 221, 0.3);
}
 
 
 
.home-banner-1-right {
	position: absolute;
	top: 180px;
	right: 0;
	background: rgba(0, 195, 245, 0.66);
	width: 250px;
	height: 260px;
	padding: 20px;
	color: #fff;
	z-index:9;
}
 .expand-number {
	padding-bottom: 10px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
	position: relative;
	z-index: 1;
	color: #fff;
	box-sizing: border-box;
} 
.home-banner-1-right .number span {
	font-size: 36px;
	color: #fff;
	line-height: 42px;
}
.home-banner-1-right button {
	background: #00c3f5;
	border: 0;
	border-radius: 1px;
	width: 210px;
	height: 40px;
	margin-top: 20px;
	font-size: 18px;
	color: #ffffff;
}
 
 
.home-page-2 {
	min-height: 570px;
	background: #fff;
}
 
.home-page-2 .home-page-2-ctn {
	text-align: center;
}
 .home-page-2 .home-page-2-ctn h3.title {
	font-size: 24px;
}
 
 .home-page-2 .home-page-2-ctn h3 {
	margin-top: 75px;
}
 .home-page-2 h3.title {
	color: #333;
	font-size: 36px;
	font-weight: normal;
}
 
 .home-page-2 .home-page-2-ctn .no-login-page {
	overflow: auto;
}

.home-page-2 .home-page-2-ctn ul {
	margin-top: 60px;
}
.not-login-ctn .no-login-page {
	width: 1200px;
	position: relative;
	margin: auto;
}
.card-ctn-item {
	float: left;
	color: #888D9B;
	font-size: 16px;
	padding: 0 23px;
	margin:0 15px;
	padding-top: 50px;
}


.home-page-2 .home-page-2-ctn .card-ctn-item {
	border: 1px solid #ccc;
	width: 270px;
	height: 312px;
}

.home-page-2 .home-page-2-ctn .card-ctn-item .avator {
	background: url('//s.weituibao.com/static/1507631027068/wenan-icon.png') no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
}
.home-page-2 .home-page-2-ctn .card-ctn-item .title {
	font-size: 18px;
	color: #333;
}
 .card-ctn-item .title {
	margin: 20px 0;
	color: #333;
	font-size: 18px;
} 
 
 .card-ctn-item p {
	font-size: 14px;
	color: #999;
}
 .home-page-2 .home-page-2-ctn .card-ctn-item button {
	background: #fff;
} 
 
 .card-ctn-item button {
	margin-top: 20px;
	border: 1px solid #ccc;
	border-radius: 1px;
	width: 118px;
	height: 30px;
}
 .ant-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.5;
	padding: 4px 15px;
	font-size: 13px;
	border-radius: 3px;
	user-select: none;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translate3d(0, 0, 0);
	color: #666;
	background-color: #f7f7f7;
	border-color: #d8d8d8;
}
 
/********ä¸‹é¢æ˜¯*******/
 
.home-page-4 {
	background: #fafafa;
	padding: 80px 0;
}
.home-page {
	min-width: 1200px;
	position: relative;
	min-height: 560px;
	color: #fff;
}
 .not-login-ctn .no-login-page {
	width: 1200px;
	position: relative;
	margin: auto;
}
 
 .home-page-4 h3 {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 30px;
}
.ant-tabs {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	zoom: 1;
	color: #666;
}
 .home-page-4 .ant-tabs-bar {
	border-bottom: 0;
	margin-bottom: 52px;
}
.ant-tabs-nav-container {
	overflow: hidden;
	font-size: 13px;
	line-height: 2;
	box-sizing: border-box;
	position: relative;
	white-space: nowrap;
	margin-bottom: -1px;
	background-color: #f9f9f9;
	zoom: 1;
}

.tabs-nav-container{
	
	overflow: hidden;
	font-size: 13px;
	line-height: 2;
	box-sizing: border-box;
	position: relative;
	white-space: nowrap;
	margin-bottom: -1px;
	background-color: #f9f9f9;
	zoom: 1;
	
}




















.ant-tabs-nav-wrap {
	overflow: hidden;
	margin-bottom: -1px;
}
.ant-tabs-nav-scroll {
	overflow: hidden;
	white-space: nowrap;
}
.home-page-4 .ant-tabs-nav {
	float: none;
	text-align: center;
}
.ant-tabs-nav {
	box-sizing: border-box;
	padding-left: 0;
	transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
	margin: 0;
	list-style: none;
	float: left;
}
.home-page-4 .ant-tabs-ink-bar {
	display: none !important;
}
.ant-tabs-ink-bar {
	position: absolute;
	left: 0;
	bottom: 1px;
	padding: 0 15px;
	height: 2px;
	box-sizing: border-box;
	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform-origin: 0 0;
	z-index: 1;
}
 .home-page-4 .ant-tabs-nav .ant-tabs-tab-active {
	background: #00c3f5;
	border-radius: 1px;
	width: 100px;
	height: 32px;
	line-height: 16px;
	color: #fff;
}

 .ant-tabs:not(.ant-tabs-vertical) .ant-tabs-content-animated {
	display: flex;
	flex-direction: row;
	will-change: transform;
	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs:not(.ant-tabs-vertical) .ant-tabs-tabpane {
	flex-shrink: 0;
	width: 100%;
}
 .home-page-4 .doc-list {
	max-height: 352px;
}
 .home-page-4 .case-list .case-item {
	float: left;
	width: 270px;
	padding: 10px;
	background: #fff;
	margin-right: 30px;
	box-sizing: border-box;
}
.home-page-4 .case-list .case-item li {
	margin-bottom: 10px;
	box-sizing: border-box;
}
.home-page-4 .doc-list .case-item img {
	box-sizing: border-box;
	width: auto;
	display: block;
	
	margin: 0 auto;
}
.home-page-4 .case-list .case-item img {
	width: 250px;
	height: 184px;
}
.home-page-4 .doc-list .case-item p {
	margin-top: -35px;
}
 .home-page-4 .case-list .case-item p {
	margin-top: -40px;
	padding: 7px 5px;
	font-size: 14px;
	color: #fff;
	opacity: 0.7;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #000;
	overflow: hidden;
}
 
.home-page-4 .case-list .case-item button {
	border: 1px solid #f6a623;
	border-radius: 2px;
	width: 58px;
	margin-top: 5px;
	background: #fff;
	height: 22px;
	line-height: 13px;
	color: #f6a623;
}
 .ant-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.5;
	padding: 4px 15px;
	font-size: 13px;
	border-radius: 3px;
	user-select: none;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translate3d(0, 0, 0);
	color: #666;
	background-color: #f7f7f7;
	border-color: #d8d8d8;
}
.home-page-4 .poster-list {
	max-height: 375px;
}

.home-page-4 .case-list {
	overflow: hidden;
	max-height: 370px;
}

 .home-page-4 .more-btn {
	display: block;
	width: 120px;
	height: 32px;
	border-radius: 1px;
	background: transparent;
	margin: 0 auto;
	margin-top: 45px;
}
 
 
 
 
/*******page5**********/ 
 .home-page-5 {
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: url('//s.weituibao.com/static/1508224731027/middle-banner.jpg') no-repeat;
	background-size: cover;
} 
 .home-page-5 div {
	font-size: 18px;
	color: #fff;
}
 
 
 /*******page6******/
 
 .home-page-6 {
	background: #fff;
	min-height: 800px;
}
.home-page-6 h3 {
	margin: 80px auto 60px;
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
 
 .home-page-6 .home-page-left {
	float: left;
	width: 50%;
}
.home-page-6 .home-page-right {
	float: left;
	width: 50%;
}
.home-page-6 .user-info-item {
	overflow: auto;
	margin-bottom: 15px;
}
.home-page-6 .user-info-item img {
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 15px;
}
.home-page-6 .user-comment {
	float: left;
	position: relative;
	margin-top: 20px;
	padding: 15px;
	background: #f7f7f7;
	width: 482px;
	height: 95px;
	color: #666;
	font-size: 14px;
}
 
 .home-page-6 .user-comment span {
	color: #f6a623;
}
 
.home-page-6 .home-page-left button {
	border: 1px solid #f6a623;
	width: 120px;
	border-radius: 1px;
	background: #fff;
	height: 32px;
	color: #f6a623;
	display: block;
	margin: 0 auto;
}
 
 
 .home-page-6 .home-page-right button {
	border: 1px solid #00c3f5;
	width: 120px;
	background: #fff;
	border-radius: 1px;
	height: 32px;
	color: #00c3f5;
	display: block;
	margin: 0 auto;
}
 
 
 
 
 
 
 
 
 
 
 
 
/****page7***/
 .home-page-7 {
	min-height: 410px;
	height: 410px;
	padding: 80px 0 133px;
	margin: 0 auto;
	text-align: center;
	color: #999;
	min-width: 1200px;
position: relative;
margin-top:70px;
}

.home-page-7 h3 {
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}

.home-page-7 img {
	width: 185px;
	height: 80px;
	margin-right: 10px;
}
 .home-page-7 .log-list {
	margin-top: 60px;
}
 
 .home-page-8 {
	min-height: 240px;
	padding: 63px 0;
	text-align: center;
	background: url('//s.weituibao.com/static/1508308033612/foot-banner.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}
 .no-login-page {
	width: 1200px;
	position: relative;
	margin: auto;
}
 
.home-page-8 .no-login-page div {
	margin-bottom: 35px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
 
 .home-page-8 button {
	background: #00c3f5;
	color: #fff;
	border: 0;
	border-radius: 1px;
	width: 160px;
	height: 46px;
	font-size: 20px;
}
 
 .footer {
	min-width: 1200px;
	width: 100%;
	padding:  0;
	border-top:0;
	
}
.footer-top {
	background: #1d2026;
	border-bottom: 1px solid #2a2e36;
}
.pa5-bottom-inner {
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	clear: both;
}
.footul {
	float: left;
	height: 150px;
	width: 160px;
	font-size: 14px;
	text-align:left;
}

.pa5-top-inner {
	height: 230px;
	padding: 40px 0 0 0px;
	color: #888;
}
.footul &gt; li {
	margin-bottom: 15px;
}
.foot-first li {
	width: 200px !important;
}
 .foot-share {
	float: left;
	width: 280px;
	text-align: left;
}
 
 
 
 
 .home-white {
	width: 100%;
	min-width: 1200px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
.card {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.card-title {
	text-align: center;
	font-size: 30px;
	color: var(--base_color);
	padding-top: 40px;
	padding-bottom: 22px;
	height: 92px;
	box-sizing: border-box;
	overflow: hidden;
}
.tabs {
	overflow: hidden;
	box-sizing: border-box;
}
.tabs-tab {
	height: 41px;
	text-align: center;
	overflow: hidden;
}

.tabs-tab-title {
	display: inline-block;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 12px 10px;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	transition: color .3s cubic-bezier(.645,.045,.355,1);
	cursor: pointer;
	text-decoration: none;
	color: var(--base_color);
}

.tabs-tab-title {
	display: inline-block;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 12px 10px;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	transition: color .3s cubic-bezier(.645,.045,.355,1);
	cursor: pointer;
	text-decoration: none;
	color: var(--base_color);
}
.tabs-tab-title-active {
	border-bottom: 3px solid #3477e1;
}



.card-small, .tabs-content {
	display: flex;
	width: 100%;
	flex-direction: row;
}
.tabs-content {
	height: auto;
	will-change: margin-left;
	transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
}
.pane {
	flex-shrink: 0;
	width: 100%;
	transition: opacity .45s;
	opacity: 1;
}
.card {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.card-small {
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.card-more {
	display: block;
	width: 160px;
	height: 40px;
	border: 1px solid #ddd;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	border-radius: 100px;
	margin: 30px auto 0;
}
.card-small-single {
	position: relative;
	width: 230px;
	height: 350px;
	border: 1px solid #f4f4f4;
	box-sizing: border-box;
	margin-top: 13px;
	background-color: #fff;
	transition: all .2s linear;
	overflow: hidden;
}
.card-small-single-image {
	position: relative;
	width: 228px;
	height: 228px;
	text-align: center;
	overflow: hidden;
}
.card-small-single-image-img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 228px;
	max-height: 228px;
}
.card-small-single-title {
	width: 100%;
	color:#000;
	font-size: 16px;
	padding: 13px 15px 0;
	font-weight: 700;
	box-sizing: border-box;
}
.card-small-single-description {
	width: 100%;
	height: 29px;
	font-size: 12px;
	font-weight: none;
	padding: 13px 15px 0;
	box-sizing: border-box;
	color: #999;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-small-single-price, .card-small-single-time {
	display: inline-block;
	width: 50%;
	padding-left: 15px;
	box-sizing: border-box;
}
.card-small-single-sale {
	display: inline-block;
	width: 44%;
	padding-right: 15px;
	box-sizing: border-box;
	font-size: 12px;
	color: #999;
	text-align: right;
}
.card-small-single-time {
	color: #999;
	font-size: 12px;
}
 
 
.home-white .more-btn {
	display: block;
	width: 120px;
	height: 32px;
	border-radius: 1px;
	background: transparent;
	margin: 0 auto;
	margin-top: 30px;
}
 

.slider{position:relative;text-align:center; margin:0 auto;z-index:1}
.slider .bd,.slider .bd li,.slider .bd img{width:100%; height:100%}/*è¯·ç»™æ¯ä¸ªå¹»ç¯ç‰‡å¥—ä¸ªdivå¹¶è®¾ç½®idï¼Œé€šè¿‡idé‡ç½®è¿™ä¸ªåœ°æ–¹çš„å®½åº¦ï¼Œè¾¾åˆ°è‡ªå®šä¹‰æ•ˆæžœ*/
.slider .bd{z-index:2;overflow:hidden}
.slider .bd li{float:left;width: 100%;overflow:hidden; background-position:center; background-repeat:no-repeat}
.slider .bd li a{ display:block; width: 100%; height: 100%}
.slider .bd li img{display:block}
.slider .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding: 0 10px; text-align: center}
.slider .hd li{display:inline-block;text-align:center;margin-right:10px;cursor:pointer;background-color:#C2C2C2}
.slider .hd li.active{background-color:#222}
  /*åœ†ç‚¹*/
  .dots li{width:10px; height:10px;font-size:0px;line-height:0px;border-radius:50%}
  /*æ•°å­—*/
  .numbox li{width:20px; height:20px; line-height:20px; font-size:13px;font-family:Arial;font-weight:bold; text-indent:inherit}
  .numbox li.active{color:#fff}
  /*é•¿æ–¹æ¡*/ 
 

/*******ç½‘ç«™èµ„æºé¡µé¢******/

.d-table li{
	cursor: pointer;
	padding: 2px 8px 2px 8px;
	margin: 3px 5px;
	border-radius: 1px;
	font-size:13px !important;
	color:#0E90D2;

}
.active-li{
	background: #00c3f5 ;
	color: #fff !important;
}

.bt-line {
	border-bottom: 1px solid #ddd;
}

.order-list-tit select {
	width: 72px;
	height: 24px;
	border: 1px solid #ccc;
	color: #333;
	outline: none;
}

#media_list tr{
	height:45px;
}

#media_list  tr th{

background: #00c3f5;
color: #fff;
font-weight:normal;
font-size:16px;
}

#media_list tr td{
		font-size:14px;
}
.dataTables_wrapper .dataTables_info{
	
	clear:none ! important;
}

#media_list_wrapper,#media_list{padding:0 0 20px 0;}


#media_list_processing{
	
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
border: 1px solid #ddd;
background-color: #fff;

}


#wemedia_list tr{
	height:45px;
}

#wemedia_list  tr th{

background: #00c3f5;
color: #fff;
font-weight:normal;
font-size:16px;
}

#wemedia_list tr td{
		font-size:14px;
}
.dataTables_wrapper .dataTables_info{
	
	clear:none ! important;
}

#wemedia_list_wrapper,#wemedia_list{padding:0 0 20px 0;}


#wemedia_list_processing{
	
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
border: 1px solid #ddd;
background-color: #fff;

}



#website_table .bt-line:not(:last-child) li:hover{
	
	background:#00c3f5;
	color:#fff;
}

#wemedia_table .bt-line li:hover{
	
	background:#00c3f5;
	color:#fff;
}


.nav {
    font-size: 16px;
    display: inline-block;
	text-align:center;
}
.nav li{
	line-height:80px;
}
.nav li.active a{color:#ec9501;}

.nav a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #928080;

	text-decoration: none;
}
.nav a:hover{
	color:#ec9501;
}
.logo {
    float: left;
    height: 60px;
	background-size: contain;
    overflow: hidden;
    margin-top: 10px;
}
.login{float:right;line-height: 80px;}

.logo h1 {
    color: transparent;
    text-indent: -9999px;
}
body{background:#fff;}
.change-num .w1200 {
	padding: 28px 0px;
	display: flex;
	align-items: baseline;
	border-bottom: 1px solid #ececec;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}





/*æ–°è°ƒæ•´æ&nbsp;·å¼*/
.change-num .w1200{
    padding: 20px 0px;
}
.newNums&gt;div&gt;span{
    display: block;
}
.newNums&gt;div&gt;span:first-child{
    height: 40px;
    line-height: 40px;
    margin-bottom:8px;
}
.newNums&gt;div&gt;span:last-child{
    color: #999999!important;
    font-size: 16px!important;
}
.newNums&gt;div{
    position: relative;
}
.newNums&gt;div::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #e5e5e5;
    right: 0;
    top: 12px;
}
.newNums&gt;div:last-child::after{
    width: 0;
}
.youshiliebiaos{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

p{margin-bottom: 0!important;}
.wecandoitem{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;

}
.wecando-item{
    position: relative;
    width: 220px;
    height: 300px;
    background-color: #ffffff;
    text-align: center;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px 
        rgba(165, 165, 165, 0.35);
    cursor: pointer;    
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}
.wecando-item:5n+5{
    margin-right: 0px;
}
.wecando-item:hover{
    box-shadow: 0px 0px 20px 0px 
        rgba(212, 167, 61, 0.35);
    border: solid 1px #ffb302;
}
.wecando-item:hover .wecandoitem4{
    background-color: #ffb302;
    color: #fff;
}
.wecandoitem1{
    margin: 18px 0 20px 0;
    height: 50px;
}
.wecandoitem2{
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 17px;
}
.wecandoitem3{
    padding: 0 15px 0 20px;
    text-align: justify;
    color: #333;
    font-size: 14px;
    margin-top: 18px;
}
.wecandoitem4{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 44px;
    width: 100%;
    line-height: 44px;
    text-align: center;
}


.youshiliebiao-item{
    width: 198px;
    height: 326px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(0deg, 
        #1e1e57 0%, 
        #284165 100%), 
    linear-gradient(
        #909090, 
        #909090);
    background-blend-mode: normal, 
        normal;
    opacity: 0.85;
    transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.youshiliebiao-item&gt;div,.youshiliebiao-item&gt;p{
    position: absolute;
    transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    text-align: center;
}
.youshiliebiao-item .wecandoitem1{
    top: 68px;
    left: 52px;
}
.youshiliebiao-item .wecandoitem2{
    color: #fff;
    top: 212px;
    left: 67px;
}
.youshiliebiao-item .wecandoitem3{
    color: #fff;
    top:262px;
    left: 0px;
    opacity: 0;
    padding: 0 15px;
}
.youshiliebiao-item:hover{
    z-index: 9999999;
    transform: scale(1.1);
    background-image: linear-gradient(
        #ffb302, 
        #ffb302), 
    linear-gradient(
        #909090, 
        #909090);
    background-blend-mode: normal, 
        normal;
    box-shadow: 0px 5px 16px 0px 
        #ac7800;
}
.youshiliebiao-item:hover .wecandoitem1{
    top: 35px;
}
.youshiliebiao-item:hover .wecandoitem2{
    top: 170px;
}
.youshiliebiao-item:hover .wecandoitem3{
    top: 200px;
    opacity: 1;
}
.youshiliebiaos{
    margin-bottom: 86px;
}


.newStyleLinesPar{
    width: 100%;
    height: 95px;
    position: relative;
}
.newStyleLinesPar::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background-color: #ffffff;
    opacity: 0.25;
}
.newStyleLines{
    width: 1200px;
    height: 95px;
    position: relative;
    z-index: 9999;
    display: flex;
    margin: 0 auto;
}
.newStyleLines&gt;li:first-child{
  border-left: 1px solid #87692b;  
}
.newStyleLines&gt;li{
    position: relative;
    flex:1;
    height: 95px;
    color: #fff;
    font-size: 16px;
    padding: 25px;
    box-sizing: border-box;
    border-right: 1px solid #87692b;
    cursor: pointer;
}
.newStyleLines&gt;li:hover{
    background-color: #737070;
}


/*éƒ¨åˆ†æ&nbsp;ç›®*/
	.dropdown-toggle{
		position: relative;
	}
	.dropdown-menu li{
		float: inherit!important;
	}
	.dropdown-menu li a{
		height: 34px;
		line-height: 30px;
		display: block;
	}
	.caret{
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-top: 4px dashed;
		border-top: 4px solid \9;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.dropdown-menu{
		margin: 0;
		box-shadow: 0 5px 7px 0 rgba(0,0,0,.1);
		border: none;
		position: absolute;
		top: 80px;
		left: -7%;
		width: 120px;
		min-width: 120px;
		border-radius: 0;
		z-index: 999;
		background-color: #fff;
		display: none;
	}
	.dropdown-menu li a{
		height: 46px;
		line-height: 40px;
		font-size: 16px;
		text-align: center;
	}
	.dropdown-toggle:hover a,.dropdown-menu:hover a{
		color: #928080!important;
	}
	.dropdown-menu li a:hover{
		color: #ec9501!important;
		background-color: #fff;
	}
	.showxhsPrice{
		border: none;
		margin-left: 0px;
	}
	.dropdown-menu{
		margin: 0;
		box-shadow: 0 5px 7px 0 rgba(0,0,0,.1);
		border: none;
		position: absolute;
		top: 55px;
		left: -34%;
		width: 120px;
		min-width: 120px;
		border-radius: 0;
		z-index: 999;
		background-color: #fff;
		display: none;
	}
	.dropdown-menu li a{
		height: 46px;
		line-height: 40px;
		font-size: 16px;
		text-align: center;
	}
	.dropdown-toggle:hover a,.dropdown-menu:hover a{
		color: #333!important;
	}
	.dropdown-menu li a:hover{
		color: #333!important;
		background-color: #fff;
	}
	.nav li{
		padding: 0!important;
		display: block!important;
	}
	.showAllRes{
		position:relative;
		float:left;
	}
	.droplisttop{
		position: absolute;
		border-radius: 6px;
		width: 360px;
		top: 25px;
		left: 46%;
		margin-left: -162px;
		height:0;
		overflow:hidden;
		z-index: 99999;
	}
	.dropdown-menu-list{
		position:relative;
		background:#fff;
		margin:14px;
		border-radius:5px;
		padding:12px;
		box-sizing:border-box;
		overflow:hidden;
		border:1px solid #ddd;
		display:flex;
		flex-wrap:wrap;
	}
	.dropdown-menu-list::after{
		content:"";
		position: absolute;
		top:-10px;
		left:45%;
		border-bottom: 10px dashed #ddd;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}
	
	.showAllRes:hover .dropdown-menu-list{
		/* max-height:260px; */
	}
	.dropdown-menu-list li{
		width: 49%;
		display:inline-block!important;
		line-height:initial;
		
	}
	.dropdown-menu-list li a{
		height: 46px;
		line-height: 40px;
		font-size: 16px;
		color:#333;
		display:flex;
		align-items:center;
		padding-left: 20px;
		    box-sizing: border-box;
	}
	.dropdown-menu-list li a:hover{
		color:#000;
		background-color: #eee;
	}
	.nav li{
		line-height:initial;
	}
	#menu&gt;li{
		display: inline-block!important;
		margin-top:26px!important;
	}
	
</pre></body></html>