@charset "utf-8";

body,div,dl,ul,li,code,p,button,input,textarea	{margin:0; padding:0; list-style:none;}
body	{
	font-size:14px; background-color:#FFF;
	font-family:"Hiragino Sans GB",Helvetica,Arial,"Microsoft Yahei";
}
body *	{
	box-sizing:content-box;
}
img			{border:none; vertical-align:middle;}
a			{text-decoration:none; color:#333;}
a:hover		{text-decoration:underline;}
em			{font-size:14px; font-style:normal; color:#CCC;}
p			{padding-bottom:10px;}
video		{outline:none;}
hr			{width:38%; height:1px; margin:12px auto; border:0; background-color:#e4e7ed;}
blockquote		{padding:6px 20px; margin:0 0 20px; border-left:5px solid #eee;}
label		{display:inline-block; width:100px; color:#999; text-align:left;}

/* ---- Input & textarea ---- */
input,button,textarea	{font-size:14px; border:none;}
input, textarea	{outline:0; background-color:#EFEFEF;}
input		{padding:16px; border:1px solid #333333; background-color:#F8F8F8;}
textarea	{padding:16px; width:100%; resize:none; vertical-align:top;}

/* ---- Button ---- */
button, .btn	{background-color:#333; color:white; padding:16px; outline:none; cursor:pointer;}
a.btn			{display:inline-block; text-align:center; color:white; font-weight:100;}
button:hover, .btn:hover		{opacity:0.9; text-decoration:none;}
button[disabled]	{background:#AAA; color:#FFF;}
.btn-success		{background-color:#67c23a;}
.btn-info			{background-color:#909399;}
.btn-warning		{background-color:#e6a23c;}
.btn-error			{background-color:#f56c6c;}
.btn-gray			{background-color:#AAA;}

/** H是不对的 **/
h1,h2,h3,h4,h5,h6	{font-weight:normal; margin:0;}
h1					{font-size:1.8em;}

/** 文章內用到的标题 **/
.tit2	{font-size:22px;}
.tit3	{font-size:18px;}
.tit4	{font-size:16px;}

/** 常用属性 **/
.clear		{overflow:hidden; height:0; clear:both;}
.none		{padding:100px; font-size:16px; margin:40px; color:#AAA; background:#FAFCFC url('none.png') no-repeat 32%; text-align:center;}
.m404		{padding:100px; font-size:16px; margin:40px; color:#AAA; background:#FAFCFC url('404.png') no-repeat 32%; text-align:center;}
.pcmenu		{display:block;}
.pcmenu li a{display:block; height:41px;}
.pcmenu li a:hover{border-bottom:3px solid #2186F4;}
.mobilemenu	{display:none;}
.l			{float:left;}
.r			{float:right;}
.mt40		{margin-top:40px;}
.mb40		{margin-bottom:40px;}
.oh			{overflow:hidden;}
.gotop		{display:none; width:54px; height:54px; position:fixed; right:20px; bottom:68px; background:#EEE url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2219166%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M832%2064H192c-17.6%200-32%2014.4-32%2032s14.4%2032%2032%2032h640c17.6%200%2032-14.4%2032-32s-14.4-32-32-32zM852.484%20519.469L538.592%20205.577a30.79%2030.79%200%200%200-3.693-4.476c-6.241-6.241-14.556-9.258-22.899-9.09-8.343-0.168-16.658%202.849-22.899%209.09a30.778%2030.778%200%200%200-3.693%204.476L171.419%20519.566C164.449%20525.448%20160%20534.228%20160%20544c0%200.058%200.004%200.115%200.004%200.172-0.124%208.285%202.899%2016.529%209.096%2022.727%206.202%206.202%2014.453%209.224%2022.743%209.096%200.066%200%200.131%200.005%200.197%200.005H352v320c0%2035.2%2028.8%2064%2064%2064h192c35.2%200%2064-28.8%2064-64V576h160c0.058%200%200.115-0.004%200.172-0.004%208.285%200.124%2016.529-2.899%2022.727-9.096%206.198-6.198%209.22-14.442%209.096-22.727%200-0.058%200.004-0.115%200.004-0.172%200.001-9.826-4.489-18.65-11.515-24.532z%22%20p-id%3D%2219167%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center; background-size:24px 24px;}
.gomobile		{width:54px; height:54px; position:fixed; right:20px; bottom:140px; background:#EEE url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2235403%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M768%200H256a102.4%20102.4%200%200%200-102.4%20102.4v819.2a102.4%20102.4%200%200%200%20102.4%20102.4h512a102.4%20102.4%200%200%200%20102.4-102.4V102.4a102.4%20102.4%200%200%200-102.4-102.4z%20m-256%20972.8a51.2%2051.2%200%201%201%2051.2-51.2%2051.2%2051.2%200%200%201-51.2%2051.2z%20m256-153.6H256V102.4h512z%22%20p-id%3D%2235404%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center; background-size:24px 24px;}
.more	{text-align:center; padding:40px;}
.more a	{color:#333333; border:1px solid #333333; padding:12px 60px; text-decoration:none; position:relative;}
.more a:after {position:absolute; content:""; width:100%; height:0; top:0; left:0; z-index:-1; border-radius:5px; background-color:#EEE; transition: all 0.3s ease;}
.more a:hover:after {top:auto; bottom:0; height:100%;}

/**内容**/
.content	{font-size:16px; line-height:200%;}
.content img{max-width:100%;}
.content p		{padding-bottom:20px;}
.content ul li p{padding-bottom:0;}
.content ol li p{padding-bottom:0;}
.content h2		{padding:40px 0 20px 0; font-size:22px; font-weight:700;}
.content ul, .content ol		{margin-left:45px; margin-bottom:15px;}
.content a		{color:#1875d1;}
.content a:hover	{color:#333; text-decoration:underline;}
.content iframe		{min-width:640px; min-height:440px;}
.content blockquote p	{padding-bottom:0;}
.content .tit1, .content .tit2, .content .tit3{padding:0; margin:0; color:#333; border:none; font-weight:bold; display:inline-block;}
.content .tit1{font-size:26px; padding-bottom:15px;}
.content .tit2{font-size:22px; padding-bottom:15px;}
.content .tit3{font-size:20px;}

/** 我来组成骨骼 **/
.inner		{width:1040px; position:relative; margin-left:auto; margin-right:auto;}
.big_inner	{width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.small_inner	{width:600px; position:relative; margin-left:auto; margin-right:auto;}
.side		{width:260px; float:right;}
.main		{margin-right:300px;}

/** 各种的标题 **/
.hdtitle	{padding:20px; color:#333; font-size:32px; font-weight:bold;}
.hdtitle span{font-size:14px; color:#999; font-weight:normal;}
.hdtitle .moreicon a{padding-right:18px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAJFBMVEUzMzOZmZk/Pz////98fHzv7++9vb1aWlqUlJQ5OTlSUlJfX1+ycplgAAAACXBIWXMAAAsSAAALEgHS3X78AAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAAExJREFUCJljMDZtn1kYbMxgnMTAwKBmzGDGAALJDEFgWpVBgIE7k4GBg6GAgcFtAgM7wwQGBpYEBk4ozQQXh6mD6YOZAzMXZE9FsDEAOFUOp+Hsvh0AAAAASUVORK5CYII=") no-repeat right; color:#999;}

/** 轮播图 **/
.lunbo		{width:100%; height:350px; margin-top:20px; overflow:hidden; position:relative;}
.lunbo ul	{width:6000px; height:350px; position:absolute;}
.lunbo li	{float:left; width:680px; height:350px; margin-left:20px; position:relative; background-size:cover; cursor:pointer;}
.lunbo li .zhe	{position:absolute; top:0; left:0; width:680px; height:350px; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));}
.lunbo li .zhe span{position:absolute; bottom:30px; left:30px; color:white; font-size:28px; text-decoration:none;}
.leftbar	{width:40px; height:40px; background:#FFF url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.707%2018.293a1%201%200%200%201-1.414%201.414l-6.647-6.646a1.5%201.5%200%200%201%200-2.122l6.647-6.646a1%201%200%201%201%201.414%201.414L9.414%2012l6.293%206.293z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size:24px 24px; position:absolute; left:40px; bottom:160px; border-radius:100%; box-shadow:2px 2px 2px #CCC;}
.rightbar	{width:40px; height:40px; background:#FFF url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.293%205.707a1%201%200%200%201%201.414-1.414l6.647%206.646a1.5%201.5%200%200%201%200%202.122l-6.647%206.646a1%201%200%200%201-1.414-1.414L14.586%2012%208.293%205.707z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size:24px 24px; position:absolute; right:40px; bottom:160px; border-radius:100%; box-shadow:2px 2px 2px #CCC;}

/**案例一周**/
.case	{width:100%; height:420px; overflow:hidden; position:relative;}
.case ul	{width:6000px; position:absolute;}
.case li	{float:left; width:315px; margin:15px;}
.case li .box	{background:white; border:1px solid #EEE; height:380px; cursor:pointer;}
.case li .tit	{position:absolute; bottom:10px; left:0; padding:10px; min-width:60%; color:white; line-height:180%; background-color:rgba(0,0,0,0.6);}
.case li .cont	{line-height:170%; overflow:hidden; margin:10px; text-align:justify; height:120px;}

/**热门品牌**/
.hotbrand ul	{clear:both; overflow:hidden;}
.hotbrand li	{float:left; width:138px; height:68px; padding:20px 20px 0 80px; margin:10px; background-color:#FAFCFC; background-image:url("../../Upload/icon/bili.svg"); background-repeat:no-repeat; background-position:20px center; border:1px solid #EEE; border-radius:6px; background-size:48px 48px;}
.hotbrand li a{font-size:18px; font-weight:bold; color:#333; text-decoration:none;}
.hotbrand li span{display:block; clear:both; font-size:14px; font-weight:normal; color:#999; margin-top:4px;}

/**热门标签**/
.hottag		{text-align:center;}
.hottag ul	{clear:both; overflow:hidden;}
.hottag li	{display:inline-block; padding:20px 30px;}
.hottag li a{font-size:20px; font-weight:bold; color:#333; text-decoration:none;}
.hottag li a:hover{color:#3890ff;}
.hottag li span{display:block; clear:both; font-size:14px; font-weight:normal; color:#999; white-space:nowrap; margin-top:4px; padding-left:24px;}

/**横着4个**/
.heng4 ul	{clear:both; overflow:hidden;}
.heng4 li	{float:left; width:230px; height:210px; margin:15px; padding:0;}
.heng4 li a	{height:auto;}
.heng4 li a:hover{border:none;}
.heng4 li .tit	{padding-top:10px; display:block; color:#333; font-size:14px; line-height:180%; text-decoration:none; height:48px; overflow:hidden;}

/** 文章内的样式 **/
.box-list	{position:relative;display:block; padding:20px; border:1px solid #EEE; box-shadow:0px 0px 8px #DDD; margin:30px 0; text-decoration:none;}
.box-title	{font-size:24px; display:block; padding-bottom:10px; font-weight:bold; color:#2186f4;}
.box-sub	{font-size:18px; display:block; padding-bottom:10px;}
.box-con	{font-size:16px; display:block; line-height:180%; margin-right:260px; text-align:justify;}
.box-number	{font-size:120px; line-height:120px; color:#eee; position:absolute; top:0; left:220px; z-index:-999;}
.box-img	{display:block; position:absolute; right:20px; top:40px;}
.box-img img{width:240px; height:150px; margin-top:20px;}
.box-img2	{display:block; position:absolute; right:20px; top:40px;}
.box-img2 img{width:240px; height:180px;}
.content a.box-list	{color:#333; text-decoration:none;}
.content a.box-list:hover	{text-decoration:none;}

/**本周必看**/
.benzhou ul	{clear:both; overflow:hidden;}
.benzhou li	{float:left; width:315px; height:330px; margin:15px;}
.benzhou li .tit	{padding-top:10px; display:block; color:#333; font-size:16px; line-height:180%; text-decoration:none;}
.benzhou li .name	{padding:20px 0 0;}
.benzhou li .pic	{width:315px; height:210px;}
.benzhou li .date	{padding:10px 0 0;}

/**最近流行**/
.liuxing ul	{clear:both; overflow:hidden;}
.liuxing li	{float:left; width:315px; height:380px; margin:15px;}
.liuxing li:hover	{background-color:#FAFAFA;}
.liuxing li a	{color:#333; font-size:14px; line-height:180%; text-decoration:none;}
.liuxing li .ava{display:block; padding:0 6px; font-size:12px;}
.liuxing li .date{float:right; color:#AAA;}
.liuxing li .photo	{margin:10px 0;}
.liuxing li .title	{display:inline-block; font-weight:bold; height:48px; padding:6px; font-size:16px;}
.liuxing li .chakan	{display:block; border:1px solid #000; font-size:14px; text-align:center; padding:10px;}
.liuxing li em	{color:#FFA214; font-size:14px;}

/**趋势报告**/
.qushi ul	{clear:both; overflow:hidden;}
.qushi li	{float:left; width:178px; height:325px; margin:15px;}

/**风向标**/
.fengxiang ul	{clear:both; overflow:hidden;}
.fengxiang li	{float:left; width:230px; height:153px; margin:15px; position:relative;}
.fengxiang span	{position:absolute; width:230px; height:153px; line-height:153px; text-align:center; color:white; background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.8)); font-size:20px; font-weight:bold;}

/**FIND页的标签们**/
.findtag {margin-top:60px;}
.findtag li{margin-bottom:10px;}
.findtag a{background-color:#FAFCFC; border:1px solid #EEE; border-radius:6px; padding:10px 20px; display:inline-block; color:#333; text-decoration:none; margin-right:20px; margin-bottom:20px;}
.findtag a:hover{color:#5299F5; border:1px solid #5299F5;}
.findtag span{font-size:24px; font-weight:bold; float:left; padding:0 20px;}
.findtag div{margin-left:150px;}

/**搜索**/
.search	{position:relative;}
.search .close	{position:absolute; right:10px; top:10px; cursor:pointer;}
.search button	{position:absolute; right:14px; top:14px; padding:16px 32px 16px 48px; font-size:18px; border:1px solid #333; width:48px; height:30px; background:#333 url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.5%2017c1.71%200%203.287-.573%204.55-1.537l4.743%204.744a1%201%200%200%200%201.414-1.414l-4.744-4.744A7.5%207.5%200%201%200%209.5%2017zM15%209.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E') no-repeat 24px center; background-size:26px 26px;}

/** 头 **/
header		{background-color:#FFF; width:100%; border-bottom:1px solid #E9ECEF;}
header nav	{width:1040px; height:60px; font-size:16px; margin:0 auto; border-radius:2px;}
header nav ul		{display:block;}
header nav ul.r li	{padding:17px 10px 0 0;}
header nav ul li	{float:left; padding:17px 20px 0;}
header nav ul li a			{display:block; color:rgba(0,0,0,0.8);}
header nav ul li a:hover	{text-decoration:none; color:#1875d1;}
header nav ul li.logo	{padding:0;}
header nav ul li.logo a	{background:url("logo.svg") no-repeat center; display:block; width:150px; height:60px; background-size:120px;}
header nav ul li.logo a:hover{border-bottom:none;}
header nav ul li.mlogo	{padding:12px 12px 0;}
header nav ul li.mlogo a	{background:url("mobile_logo.jpg") no-repeat center; display:block; width:36px; height:36px; background-size:36px; border-radius:18px;}
header nav ul li.mlogo a:hover{border-bottom:none;}
header nav button.search_btn{width:60px; height:30px; line-height:30px; padding:0 0 0 20px; border-radius:30px; background:#EFEFEF url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2280px%22%20height%3D%2280px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.5%2017c1.71%200%203.287-.573%204.55-1.537l4.743%204.744a1%201%200%200%200%201.414-1.414l-4.744-4.744A7.5%207.5%200%201%200%209.5%2017zM15%209.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E') no-repeat 14px; background-size:20px 20px; border:none; color:#AAA;}
header nav button.menubtn{width:30px; height:30px; line-height:30px; padding:0 0 0 20px; border-radius:30px; background:#EFEFEF url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%224257%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M375.872%20853.312H89.6c-26.624%200-46.912-20.928-46.912-48.256%200-27.392%2020.288-48.32%2046.912-48.32h286.272c26.624%200%2046.976%2020.928%2046.976%2048.32a47.744%2047.744%200%200%201-46.976%2048.256zM375.872%20560.32H89.6C62.976%20560.32%2042.688%20539.392%2042.688%20512s20.288-48.32%2046.912-48.32h286.272c26.624%200%2046.976%2020.928%2046.976%2048.32a47.744%2047.744%200%200%201-46.976%2048.32zM375.872%20267.264H89.6c-26.624%200-46.912-20.928-46.912-48.32%200-27.328%2020.288-48.256%2046.912-48.256h286.272c26.624%200%2046.976%2020.928%2046.976%2048.256a47.744%2047.744%200%200%201-46.976%2048.32z%22%20fill%3D%22%23999999%22%20p-id%3D%224258%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M311.744%20853.312c-26.56%200-46.912-20.928-46.912-48.256%200-27.392%2020.352-48.32%2046.912-48.32H934.4c26.624%200%2046.912%2020.928%2046.912%2048.32%200%2027.328-20.288%2048.256-46.912%2048.256H311.744c1.6%200%201.6%200%200%200zM311.744%20560.32c-26.56%200-46.912-20.928-46.912-48.32s20.352-48.32%2046.912-48.32H934.4c26.624%200%2046.912%2020.928%2046.912%2048.32s-20.288%2048.32-46.912%2048.32H311.744c1.6%200%201.6%200%200%200zM311.744%20267.264c-26.56%200-46.912-20.928-46.912-48.32%200-27.328%2020.352-48.256%2046.912-48.256H934.4c26.624%200%2046.912%2020.928%2046.912%2048.256%200%2027.392-20.288%2048.32-46.912%2048.32H311.744c1.6%200%201.6%200%200%200z%22%20fill%3D%22%23999999%22%20p-id%3D%224259%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 14px; background-size:20px 20px; border:none; color:#AAA;}
header nav ul li a.login{cursor:pointer; width:42px; height:28px; line-height:28px; border-radius:30px; font-size:14px; color:#2588F4; border:1px solid #BCDAFC; background:url('data:image/svg+xml;utf8,%3Csvg%20t%3D%221701221611117%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221701%22%20width%3D%22128%22%20height%3D%22128%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M%20925.072%20866.338%20c%20-22.55%20-58.665%20-54.879%20-111.396%20-96.079%20-156.727%20c%20-41.419%20-45.572%20-89.732%20-81.389%20-143.598%20-106.458%20a%20428.81%20428.81%200%200%200%20-31.037%20-12.991%20c%2023.153%20-13.107%2044.673%20-29.438%2063.998%20-48.763%20c%2056.076%20-56.076%2086.959%20-130.633%2086.959%20-209.936%20s%20-30.881%20-153.86%20-86.959%20-209.936%20s%20-130.634%20-86.959%20-209.937%20-86.959%20s%20-153.86%2030.883%20-209.937%2086.959%20c%20-56.076%2056.078%20-86.959%20130.633%20-86.959%20209.936%20s%2030.883%20153.86%2086.959%20209.936%20c%2019.325%2019.325%2040.846%2035.655%2063.997%2048.763%20a%20429.898%20429.898%200%200%200%20-31.037%2012.991%20c%20-53.866%2025.068%20-102.179%2060.884%20-143.598%20106.458%20c%20-41.202%2045.332%20-75.248%2097.431%20-96.08%20156.727%20c%20-17.385%2049.481%20-15.568%2098.351%20-16.45%20121.174%20h%2069.838%20C%20142.848%20824.515%20297.84%20633.689%20508.42%20633.689%20c%20210.579%200%20369.644%20197.809%20370.256%20353.823%20h%2069.837%20c%20-1.243%20-44.114%20-0.159%20-60.62%20-23.438%20-121.174%20Z%20M%20281.379%20331.462%20c%200%20-125.188%20101.85%20-227.038%20227.039%20-227.038%20c%20125.188%200%20227.039%20101.85%20227.039%20227.038%20S%20633.606%20558.5%20508.418%20558.5%20c%20-125.189%200%20-227.039%20-101.85%20-227.039%20-227.038%20Z%22%20fill%3D%22%232186f4%22%20p-id%3D%221702%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 10px; background-size:18px 18px; padding-left:32px;}

/**尾巴**/
footer		{background-color:#FFF; color:#999; border-top:1px solid #E9ECEF; width:100%; padding:40px 0; line-height:200%;}
footer a{color:#666;}
footer .left	{float:left;}
footer .right	{margin-left:500px; padding-top:30px; text-align:right;}

/** 下拉菜单 **/
.dropdown	{position:relative;}
.dropdown:hover ul	{display:block;}
.dropdown a.arr-down	{background:url('data:image/gif;base64,R0lGODlhGQAFAIAAAKqdYP///yH5BAEHAAEALAAAAAAZAAUAAAIPjH+gC+iPWIPUrYpj3jwUADs=') no-repeat right center; padding-right:20px; padding-left:10px;}
.dropdown ul		{position:absolute; left:0; z-index:999; background-color:white; border:1px solid #EEE; padding:10px 0; display:none;}
.dropdown ul li		{margin:0; padding:0 !important; float:none; white-space:nowrap; text-align:center; font-size:14px;}
.dropdown ul li a	{display:block; color:#6b7989; padding:8px 24px;}
.dropdown ul li a:hover		{font-weight:bold; text-decoration:none;}
.dropdown ul li a.current	{background-color:rgba(0,0,0,0.3); color:#b2bfc9; text-decoration:none;}

/**pop弹出层**/
.droppop:hover .pop	{display:block;}
.droppop .pop		{position:absolute; width:100%; left:0; top:61px; z-index:999; background-color:white; border-bottom:1px solid #EEE; display:none;}

/** 列表 **/
.list		{clear:both;}
.list li	{padding:14px; clear:both; overflow:hidden; position:relative;}
.list li .con	{margin-left:480px; padding:20px;}
.list li .con .brand	{font-size:16px; margin-bottom:10px; color:#FFB760;}
.list li .con .brand a	{color:#2186F4;}
.list li .con .tit	{font-size:22px; font-weight:bold; margin-bottom:10px;}
.list li .con .tit a		{color:#333; text-decoration:none;}
.list li .con .tit a:hover	{color:#555555;}
.list li .con .meta		{color:#888; line-height:180%;}
.list li .con .meta2	{color:#888; line-height:180%; padding-left:70px; padding-top:12px; background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080.63%2063.71%22%3E%3Ccircle%20fill%3D%22%232186f4%22%20cx%3D%2259.35%22%20cy%3D%2244.76%22%20r%3D%2216.38%22%2F%3E%3Cpath%20fill%3D%22%232186f4%22%20d%3D%22M51.05%2C44.59a5.07%2C5.07%2C0%2C0%2C1-4.16-8L69.1%2C4.74a5.08%2C5.08%2C0%2C1%2C1%2C8.34%2C5.81L55.22%2C42.42A5.07%2C5.07%2C0%2C0%2C1%2C51.05%2C44.59Z%22%2F%3E%3Ccircle%20fill%3D%22%232186f4%22%20cx%3D%2218.66%22%20cy%3D%2244.76%22%20r%3D%2216.38%22%2F%3E%3Cpath%20fill%3D%22%232186f4%22%20d%3D%22M10.36%2C44.59a5%2C5%2C0%2C0%2C1-2.9-.91%2C5.07%2C5.07%2C0%2C0%2C1-1.27-7.07L28.41%2C4.74a5.08%2C5.08%2C0%2C1%2C1%2C8.33%2C5.81L14.53%2C42.42A5.09%2C5.09%2C0%2C0%2C1%2C10.36%2C44.59Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top; background-size:50px 50px; min-height:48px;}
.list li .con .date		{color:#CCC; margin:10px 0 40px;}
.list li .video		{position:absolute; right:20px; top:20px; width:36px; height:36px; background:url("video.png") no-repeat left top;}
.list li .meiri		{position:absolute; left:20px; top:20px; width:60px; height:60px; background:url("meiri.png") no-repeat left top;}
.list li .pic		{display:block; float:left; position:relative; overflow:hidden; width:450px; height:300px;}
.list li .pic img		{width:450px; height:300px;}
.list li .pic img:hover	{transform:scale(1.2); transition:all .2s;}
.list li.adver img	{width:100%; height:auto;}

/* ---- Alert ---- */
.alert-success	{color:#67c23a; background-color:#f0f9eb;}
.alert-info		{color:#95C3FE; background-color:#EDF5FF;}
.alert-warning	{color:#e6a23c; background-color:#fdf6ec;}
.alert-error	{color:#f56c6c; background-color:#fef0f0;}

/** 文字颜色 **/
.text-success	{color:#67c23a !important;}
.text-info		{color:#95C3FE !important;}
.text-warning	{color:#e6a23c !important;}
.text-error		{color:#f56c6c !important;}
.text-strong	{color:#000;}
.text-gray		{color:#666;}

/** 分页 **/
.page		{clear:both; overflow:hidden; padding:10px 10px 0px;}
.page li	{float:left; margin:0 10px 10px 0;}
.page li a	{display:block; padding:8px 16px; border-radius:2px; background-color:#FFF; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #333;}
.page li a:hover	{background-color:#333; color:white; text-decoration:none;}
.page li.disabled a	{background:none; color:#333; cursor:default;}
.page li.current a	{background-color:#333333; color:#FFF;}

/**一些ICON**/
.close		{width:30px; height:30px;}
.duigou		{width:16px; height:16px; display:inline-block; vertical-align:middle;}
.link	{color:#FFB760; padding-left:28px;}
.go		{display:inline-block; width:210px; height:46px; vertical-align:middle;}

/**NODE**/
.node a	{padding:8px 20px; border-radius:20px; background-color:#FAFCFC; font-size:14px; color:#333; text-decoration:none; font-weight:normal; border:1px solid #FFF;}
.node a:hover	{border:1px solid #BCDAFC; color:#2588F4;}
.node a.top100	{background:none;}
.node a.top100:hover	{border:1px solid #FFF;}
.node a.jieri	{padding-left:36px;}
.node a.remen	{padding-left:36px;}
.node a.current	{color:#2588F4; border:1px solid #BCDAFC; background-color:white; font-weight:bold;}
.tag a		{display:inline-block; border:1px solid #E5E5E5; color:#999; padding:4px 10px; margin-right:8px; margin-bottom:8px; text-decoration:none;}
.tag a:hover{border-color:#333; color:#333;}
.zan	{padding:8px 20px; border-radius:20px; background-color:#F7F7F7; font-size:14px; font-weight:bold; text-decoration:none; color:#2588F4; padding-left:36px;}
.zan:hover	{border:1px solid #BCDAFC; text-decoration:none;}

/**插入到文章里的快讯样式**/
.charutiao	{display:inline-block; font-size:16px; width:100%; margin-bottom:20px; line-height:normal; text-decoration:none !important; border:1px solid #EEE;}
.charutiao:hover	{background-color:#FBFDFD;}
.charutiao .pic		{width:226px; height:150px; position:absolute;}
.charutiao .cont	{display:block; margin-left:230px; padding:10px; height:130px; position:relative;}
.charutiao .cont .tit	{clear:both; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; padding-bottom:10px; color:#333;}
.charutiao .cont .info	{display:block; color:#AAA; font-size:14px; line-height:180%;}
.charutiao .cont .lookmore	{position:absolute; right:10px; bottom:10px;font-size:14px; line-height:normal; color:#FFA214;}
.charutiao .cont .brand		{position:absolute;left:10px;bottom:10px;color:#CCC;font-size:14px;}

/**文章和快讯**/
.banner_art	{width:100%; height:500px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.tit_art	{text-align:center; font-size:32px; font-weight:bold; margin:40px auto 0; padding:10px; width:750px;}
.info_art	{text-align:center; font-size:14px; margin-top:40px; color:#999;}
.cont_art	{clear:both; overflow:hidden; margin-top:40px;}
.tit_cam	{width:700px; margin:0 auto; font-size:32px; font-weight:bold; margin-top:60px;}
.info_cam	{width:700px; margin:0 auto; font-size:14px; margin-top:40px; color:#999;}
.cont_cam	{width:700px; margin:40px auto 0; clear:both;}
.case_logo	{text-align:center;}

/**手机menu**/
.siderzz	{background-color:rgba(0, 0, 0, 0.4); width:100%; height:100%; z-index:100; position:fixed; left:0; top:0;}
.sider		{width:240px; height:100%; background-color:white; position:fixed; left:0; top:0; z-index:900;}
.sider ul	{padding-top:10px;}
.sider a	{display:block; padding:16px; font-size:16px;}

/**Head**/
.head_cam	{height:260px;}
.head_cam .tit	{font-size:48px; font-weight:bold; height:160px; line-height:160px;}
.head_cam .flt	{float:left; width:15%; font-size:16px;}
.head_cam .flt span		{font-size:32px; font-weight:bold;}
.four_pic img	{margin-right:15px;}
.head_case		{height:715px;}
.head_zt		{height:300px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin-top:20px;}
.head_zt img	{float:right; width:450px; height:300px;}
.head_zt_right	{margin-right:470px;}

/**HOT页面**/
.hot_left	{background-color:white; float:left; width:240px;}
.hot_right	{margin-left:280px;}
.hotmenu	{padding:20px 10px;}
.hotmenu li	{padding:10px 10px 10px 50px; font-size:16px;}
.hotmenu li.zong{background:url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2019V7C14%205.89543%2013.1046%205%2012%205H11C9.89543%205%209%205.89543%209%207V19M9%2013H6C4.89543%2013%204%2013.8954%204%2015V17C4%2018.1046%204.89543%2019%206%2019H17C18.1046%2019%2019%2018.1046%2019%2017V12C19%2010.8954%2018.1046%2010%2017%2010H14%22%20stroke%3D%22%232186F4%22%20stroke-width%3D%222%22%20%2F%3E%3C%2Fsvg%3E') no-repeat 20px center; background-size:24px 24px; font-weight:bold;}
.hotmenu li.anli{background:url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2013.4722V21L12%2019L16%2021V13.4722M18%209C18%2012.3137%2015.3137%2015%2012%2015C8.68629%2015%206%2012.3137%206%209C6%205.68629%208.68629%203%2012%203C15.3137%203%2018%205.68629%2018%209Z%22%20stroke%3D%22%232186F4%22%20stroke-width%3D%222%22%20%2F%3E%3C%2Fsvg%3E') no-repeat 20px center; background-size:24px 24px; font-weight:bold;}
.hotmenu li.nian{font-weight:bold;}

.hotlist	{padding:0 20px 20px;}
.hotlist li	{margin-bottom:20px;}
.hotlist .rank{float:left; width:50px; height:140px; line-height:140px; font-size:24px; font-weight:bold; color:#666;}
.hotlist .img	{float:left;}
.hotlist .cont	{margin-left:50px; padding-left:230px; height:138px; border:1px solid #EEE;}
.hotlist .tit	{font-size:18px; font-weight:bold; padding-top:20px;}
.hotlist .ava	{padding-top:20px;}

/**登录**/
.loginbox	{width:760px; height:500px; position:relative;}
.loginbox .leftbox	{width:340px; height:500px; background:#000 url("login_bg.jpg") no-repeat; position:absolute; left:0; top:0;}
.loginbox .leftbox .logo	{padding:40px 40px 0; font-size:16px; color:rgba(255,255,255,0.3); font-weight:bold;}
.loginbox .leftbox .welcome	{padding:16px 40px 40px; font-size:24px; color:white; font-weight:bold;}
.loginbox .leftbox .four	{padding:0 40px 40px; line-height:280%; font-size:15px; color:rgba(255,255,255,0.8);}
.loginbox .leftbox .tips	{padding-top:20px; color:rgba(255,255,255,0.6); text-align:center; line-height:280%; font-size:12px;}
.loginbox .btn-signup		{border:1px solid white; color:white; background:none; padding:8px 50px;}
.loginbox .rightbox	{margin-left:340px; padding-top:66px;}
.loginbox .close	{position:absolute; right:10px; top:10px; cursor:pointer;}
.loginbox .rightbox .tit	{font-size:24px; font-weight:bold; text-align:center;}
.loginbox .rightbox .ipt	{width:320px; margin:24px auto 0; position:relative;}
.loginbox .rightbox .ipt button	{position:absolute; right:0; height:18px;}
.loginbox .rightbox .xieyi	{text-align:center; color:#999; margin-top:6px;}
.loginbox .rightbox .lik	{text-align:right; margin-right:70px;}
.loginbox .rightbox input	{width:286px; margin-bottom:16px;}
.loginbox .rightbox center button{width:288px;}


@media only screen and (max-width:620px) {
	.inner, .big_inner, .small_inner, header nav		{width:100%; margin:0;}
	.pcmenu		{display:none;}
	.mobilemenu	{display:block;}
	label		{width:80px;}
	header nav ul li	{padding:17px 0 0;}
	footer		{display:none;}
	.content iframe	{min-width:auto; min-height:auto;}
	.h-p		{display:none;}
	.node		{padding-left:20px;}
	.side		{display:none;}
	.mt40		{margin-top:20px;}
	.hdtitle	{font-size:24px;}
	.head_cam	{padding:14px; height:160px;}
	.head_cam .tit	{font-size:32px; height:80px; line-height:80px;}
	.head_cam .flt	{width:30%; font-size:14px;}
	.head_cam .flt span		{font-size:24px;}
	.case_logo img	{height:80px;}
	.four_pic	{text-align:center;}
	.four_pic img	{margin:10px 5px 0 5px; width:170px;}
	.lunbo		{height:180px;}
	.lunbo ul	{height:180px;}
	.lunbo li	{width:350px; height:180px;}
	.lunbo li .zhe		{width:350px; height:180px;}
	.lunbo li .zhe span	{font-size:16px; bottom:10px; left:10px;}
	.lunbo .leftbar		{bottom:76px; left:0;}
	.lunbo .rightbar	{bottom:76px; right:0;}
	.head_case .leftbar		{left:0 !important;}
	.head_case .rightbar	{right:0 !important;}
	.head_fest .leftbar		{left:0 !important;}
	.head_fest .rightbar	{right:0 !important;}
	.head_zt		{border:none;}
	.head_zt img	{float:none; width:100%; height:auto;}
	.head_zt_right	{margin-right:0; padding:0 20px 20px;}
	.hot_left	{display:none;}
	.hot_right	{margin-left:0;}
	.hotlist li	{clear:both; overflow:hidden;}
	.hotlist .rank	{width:20px; height:100px; line-height:100px;}
	.hotlist .img img	{width:150px; height:100px;}
	.hotlist .cont	{margin-left:20px; height:100px; padding-left:160px;}
	.hotlist .tit	{padding-top:10px; height:76px; overflow:hidden;}
	.hotlist .ava	{display:none;}
	.leftbar	{width:30px; height:30px; background-size:16px 16px;}
	.rightbar	{width:30px; height:30px; background-size:16px 16px;}
	.list li .pic	{width:150px; height:100px;}
	.list li .pic img{width:150px; height:100px;}
	.list li .con	{margin-left:160px; padding:8px;}
	.list li .con .brand	{font-size:12px;}
	.list li .con .tit	{font-size:16px;}
	.list li .con .meta	{display:none;}
	.list li .con .meta2	{display:none;}
	.list li .con .date	{display:none;}
	.list li .con .tag	{display:none;}
	.list li .video		{right:10px; top:10px; width:20px; height:20px; background-size:20px 20px;}
	.list li .meiri		{left:10px; top:10px; width:30px; height:30px; background-size:30px 30px;}
	.hotbrand li		{width:106px; height:48px; padding:10px 10px 10px 60px; background-position:10px center; background-size:38px 38px; margin:0 0 10px 10px;}
	.hotbrand li span	{overflow:hidden; font-size:12px;}
	.hotbrand li a		{font-size:16px;}
	.hottag li			{padding:10px;}
	.banner_art		{height:120px;}
	.tit_art	{font-size:24px; font-weight:bold; margin-top:20px; width:auto;}
	.info_art	{margin-top:20px;}
	.cont_art	{padding:20px; margin-top:20px;}
	.cont_art .main	{width:100% !important;}
	.benzhou li	{width:auto; float:none; height:auto; margin-bottom:40px;}
	.benzhou li .pic	{width:100%; height:auto;}
	.liuxing li {float:none; width:auto; height:auto; margin-bottom:40px;}
	.liuxing li .photo	{width:100%; height:auto;}
	.fengxiang li	{width:170px; height:111px; margin:0 0 15px 15px;}
	.fengxiang li img	{width:170px; height:auto;}
	.fengxiang span	{width:170px; height:111px; line-height:111px;}
	.qushi li	{width:170px; height:auto; margin:0 0 15px 15px;}
	.qushi li img	{width:100%; height:auto;}
	.findtag span	{display:block; float:none; margin-bottom:20px;}
	.findtag div	{margin-left:20px;}
	.tit_cam	{width:auto; padding:20px; margin-top:10px;}
	.info_cam	{width:auto; padding:20px; margin-top:20px;}
	.cont_cam	{width:auto; padding:20px; margin-top:20px;}
	.none	{background-size:20%; background-position:12% center; margin:20px;}
	.charutiao .pic			{width:150px; height:100px;}
	.charutiao .cont		{margin-left:152px; height:80px;}
	.charutiao .cont .tit	{white-space:normal;}
	.charutiao .cont .info	{display:none;}
	.loginbox		{width:380px;}
	.loginbox .leftbox	{display:none;}
	.loginbox .rightbox	{margin-left:0;}
	.findtag a		{margin-right:8px; margin-bottom:8px; padding:6px 10px;}
	.heng4	{display:none;}
}