
@charset "utf-8";

a{ text-decoration:none;}
.deanshadow{ box-shadow:0px 1px 1px rgba(0,0,0,0.08); border-radius:2px; background:#fff!important;}
.showmenu{ z-index:190;}
#myrepeats{ width:40px;  padding-right:0!important; background:none!important;}
.showmenu{ }
/*首页分页*/
/*首页分页*/
  .holder { margin: 15px 0; float:right; }
  .holder a { font-size: 14px; display:block; cursor:pointer; height:38px; width:38px; border:1px solid #eee; line-height:38px; cursor: pointer;  margin: 0 5px; background:#f2f2f2;  color: #959595; float:left; text-align:center;}
  .holder a:hover {   background-color:#f60; border:1px solid #f60; color: #fff;  }
  .holder a.jp-previous { margin-right: 15px; width:100px; }
  .holder a.jp-next { margin-left: 15px; width:68px;}
  .holder a.jp-current, a.jp-current:hover { color: #fff; background:#f60!important;  font-weight: bold;}
  .holder a.jp-disabled, a.jp-disabled:hover {  color: #bbb;}
  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; }

/*DIY*/
#diy-tg{ background:none; float:none;}
#diy-tg{ text-indent:15px!important; width:100px!important;}
#diy-tg:hover,.deanmessage ul li a:hover{ background:#f60; color:#fff;}
/*common*/
#toptb{ height:30px; border-bottom:1px solid #f9f9f9; background:url({STYLEIMGDIR}/common/top_bg.gif) left center repeat-x;}
#toptb a img{ margin-top:5px!important;}
.deantip{ width:100%; background:#fff; padding:16px 0;}
	.deantip .deanw1180{ width:1180px; margin:0 auto;}
.deanw1180{ width:1180px; margin:0 auto;}
.deanborder{ border:1px solid #f0f0f0!important;} 
.deanfff{ background:#fff;}
.top15{ margin-top:15px!important;}
.top20{ margin-top:20px!important;}
.clear{ clear:both;}
.top80{ padding-top:66px!important;}
.ct2_a .mn{ width:1010px;}
a:hover{ text-decoration:none;}
@keyframes jello { from, 11.1%,
 to {
    -webkit-transform: none;
    transform: none;
}

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.deanduang {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;	}
.deanduang:hover {-webkit-animation-name: jello;animation-name: jello;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.deanxz img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.deanxz a:hover img{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.deanmove {transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.deanmove:hover {transform: translate(10px,0px);-webkit-transform:  translate(10px,0px);-moz-transform:  translate(10px,0px);-o-transform:  translate(10px,0px);-ms-transform:  translate(10px,0px);}
.deanlarge a img{transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.deanlarge a:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.deanzhendong:hover{-webkit-animation:icon-bounce 0.7s alternate;-moz-animation:icon-bounce 0.7s alternate;-o-animation:icon-bounce 0.7s alternate;animation:icon-bounce 0.7s alternate;}
.deanxx:hover{filter: alpha(opacity=0);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}
/*body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}*/
.deancoverimg{ position: absolute; left: -220px; top: 0; width: 210px;  height: 166px; background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg);  -webkit-transform: skewx(-25deg); -moz-transition: 0s;  -o-transition: 0s; -webkit-transition: 0s; transition: 0s;  cursor: pointer;}
.deanartice li:hover .deancoverimg{left:220px;transition:.9s;-moz-transition:.9s;-o-transition:.9s;-webkit-transition:.9s;}
/*body*/
body{ font-family:microsoft yahei; background:#fff;}
.deanwp,.wp,.dean1180{width:1180px; margin:0 auto;}
.clear{ clear:both;}
/*deanhead*/
#toptb{ height:30px; background:#fff; border-bottom:1px solid #f9f9f9; background:#f9f9f9;}
/*deanlogo*/
.deanheader{ width:100%; height: 66px; border-top: 1px solid #fdfdfd; box-shadow:0 2px 3px #ededed; background: #fff;}	
	.deanheader .deanw1180{ width:1180px; margin:0 auto;}
		.deanlogo{ float:left;}
		.deannav{ float:left; height:66px; width:700px; overflow:hidden;}
			.deannav ul{ height:66px; width:700px; overflow:hidden;}
				.deannav ul li{ float:left; line-height:66px; position:relative;}
					.deannav ul li a{ color:#333; font-size:16px; padding:0 15px; transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
					.deannav ul li span{ display:none;}
					.deannav ul li a:after{ position: absolute; content: ''; left: 50%; height: 3px; bottom: 0; width: 0; transition: all .5s; background:#ff7800;}
					.deannav ul li.a a:after,.deannav ul li a:hover:after{text-decoration:none; width:100%; left:0; }
					.deannav ul li.a a,.deannav ul li a:hover{ color:#f60; }
		.deandenglu{ float:right;}			
	#mn_userapp_menu{ display:none;}	
	#mn_userapp .icon_down{display:none!important;}	
		
/*搜索*/
.deansearch{ float:left; position:relative;}
	.deansearchico{ position:relative; width:30px; height:66px; cursor:pointer; background:url({STYLEIMGDIR}/common/searchhover.png) center center no-repeat;}
	.deansearchdiv{ position:absolute; right:-5px; top:12px; display:none; z-index:101; }
#scbar{ border:0;  height:40px; line-height:40px; background:#fff; border:1px solid #f0f0f0; box-shadow:0 1px 1px rgba(0,0,0,0.2);}
	#scbar_txt{ font-family:microsoft yahei; font-size:13px; width:300px!important; background:#fff; border:0; height:40px; line-height:40px; text-indent:20px;}
	#scbar_btn{ height:40px;width:50px; border-right:0; background:url({STYLEIMGDIR}/common/search.png) center center no-repeat;}
	#scbar_btn:hover{ background:url({STYLEIMGDIR}/common/search1.png) center center no-repeat;}
	#scbar_type{ height:40px; line-height:40px; border-right:0; background:none;  text-align:center; padding-right:10px; color:#959595!important; font-size:13px; }
	#scbar_type_menu{ margin-top:0px;}
	#scbar_type_menu{ box-shadow:0 3px 0 #e6e6e6; border:1px solid #f0f0f0; padding:0; border-radius:0 0 2px 2px;}
		#scbar_type_menu li a{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f2f2f2;}
		#scbar_type_menu li a:hover{ background:#f2f2f2; color:#333;}

	


/*客服*/
.izl-rmenu{ position:fixed; right:10px; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:60px; height:60px; border:1px solid #eee; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url({STYLEIMGDIR}/img/qq.png) center center no-repeat; background:#fff; border-bottom:0;}
.izl-rmenu .btn-qq:hover{background-color:#f0f0f0;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url({STYLEIMGDIR}/img/qq.png) center center no-repeat; background-color:#fff; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url({STYLEIMGDIR}/img/wechat.png) center center no-repeat; background-color:#fff; border-bottom:0;}
.izl-rmenu .btn-wx:hover{background-color:#f0f0f0;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-122px; bottom:0px; display:none;width:120px;height:120px; border:1px solid #eee;}
.izl-rmenu .btn-phone{background:url({STYLEIMGDIR}/img/phone.gif) center center no-repeat; background-color:#fff;}
.izl-rmenu .btn-phone:hover{ background-color:#f0f0f0;}
.izl-rmenu .btn-phone .phone{background-color:#f0f0f0; position:absolute; width:170px; left:-170px; top:-1px; line-height:60px; border:1px solid #eee; border-right:0; height:60px; overflow:hidden; color:#333; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{ border-top:0; background:url({STYLEIMGDIR}/img/top.gif) center center no-repeat; background-color:#fff; display:none;}
.izl-rmenu .btn-top:hover{background-color:#f0f0f0;}


/*footer*/
.deanfooter{}
	.deanfttop{ background:#30343e; padding-top:50px; padding-bottom:50px;}
	.deanw1180{ width:1180px; margin:0 auto;}
		.deanftpad{ float:left; margin-right:30px;}
			.deanftpad h3{ font-size:16px; color:#fff; font-weight:normal;}
			.deanftpad ul{ margin-top:15px;}
				.deanftpad ul li{ line-height:30px; font-size:14px; color:#999;}
			.deanftpada{ white-space:nowrap; width:166px; margin-top:15px;}
				.deanftpada a{ font-size:14px; color:#999; display:block; float:left; margin-right:15px; line-height:30px;}
				.deanftpada a:hover{ color:#fff;}
			.deanftpadimg{ margin-top:15px;}
				.deanftpadimg a { display:block; margin-bottom:10px;}
				.deanftpadimg a img{ opacity:0.7;}
				.deanftpadimg a:hover img{ opacity:1;}
		.deanftright{ float:right;}
			.deanftright h3{font-size:16px; color:#eee; font-weight:normal;}
		.deanftshare{ margin-top:15px;}
			.deanftshare ul{}
				.deanftshare ul li{ height:40px; width:40px; text-align:center; line-height:40px; float:left; margin-right:10px;  }
					.deanftshare ul li a{ display: inline-block; width: 40px; height: 40px; text-align: center; background-color: rgba(255,255,255,0.3); border-radius: 100%; opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
					.deanftshare ul li a:hover{ opacity:1;}
					.deanftshare ul li.deanftli1 a span{ display:block; width:40px; height:40px; background:url({STYLEIMGDIR}/footer/sina.png) center center no-repeat;}
					.deanftshare ul li.deanftli2 a span{ display:block; width:40px; height:40px; background:url({STYLEIMGDIR}/footer/wx.png) center center  no-repeat;}
					.deanftshare ul li.deanftli3 a span{ display:block; width:40px; height:40px; background:url({STYLEIMGDIR}/footer/bird.png) center center  no-repeat;}
					.deanftshare ul li.deanftli4 a span{ display:block; width:40px; height:40px; background:url({STYLEIMGDIR}/footer/rss.png) center center  no-repeat;}
					.deanftshare ul li.deanftli2{ position:relative;}
						.deanftshare ul li.deanftli2 b{ position:absolute; bottom:-70px; left:-40px; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);
    left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
    opacity: 0; -webkit-transform: translate(-50%, -90%) scale(0); -ms-transform: translate(-50%, -90%) scale(0); transform: translate(-50%, -90%) scale(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom;
    transform-origin: bottom;  -webkit-transition: all 0.2s; transition: all 0.2s;  box-shadow: 0 4px 5px rgba(0,0,0,0.3);}
						.deanftshare ul li.deanftli2 b:after{ position: absolute; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%);transform: translate(-50%, 100%); bottom: 0; display: block; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white;}
						.deanftshare ul li.deanftli2:hover b{ display: block; opacity: 1; -webkit-transform: translate(-50%, -100%) scale(1); -ms-transform: translate(-50%, -100%) scale(1); transform: translate(-50%, -100%) scale(1);}
	.deanftbottom{ background:#292c33; color:#64676c; height:45px; line-height:45px;}
		.deanftnav{ float:left;}
			.deanftnav a{ float:left; font-size:12px; color:#aaa;}
			.deanftnav a:hover{ color:#fff;}
			.deanftnav em{ float:left; font-size:12px; color:#666; padding:0 10px;}
		.deanftttr{ float:right; color:#999; font-size:12px;}
			.deanftttr a{ color:#aaa;}
			.deanftttr a:hover{ color:#fff;}
		
			

		

/*二级导航*/
#mu{ width:1180px!important; border:0!important; margin:0 auto!important;}
#mu ul{ background:#fff!important; padding:5px 0; width:1180px!important; margin:0 auto!important;}
#deansubnav .p_pop{ background:#fff;  box-shadow: 0 2px 2px rgba(0,0,0,0.3); border:0; border-radius:0 0 10px 10px; min-width:100px; text-align:center; border-top:0;  padding:0; }
	#deansubnav .p_pop a { display: block; height:35px; line-height:35px; font-size:14px!important; padding: 0 10px; border-bottom:0; color:#333; border-bottom:0;}
	#deansubnav .p_pop a:hover{ color:#f60; background:transparent;}

/*登录*/
.deanunlogin{ height:66px; position:relative; z-index:112;}
	.deanunlogin ul{ float:left;}
	.deanunlogin ul li{ float:left; height:66px; line-height:66px;}
	.deanunlogin ul li.deanpipes{ color:#aaa; font-size:12px; padding:0 15px; }
		.deanunlogin li a{ float:left; color:#333; display:block; font-size:14px; }
		.deanunlogin li a:hover{ color:#f60;}

	.deanunlogin span{ display:block; width:66px; height:66px; position:relative; z-index:3;  background:url({STYLEIMGDIR}/common/avar.png) center center no-repeat; cursor:pointer; float:left;}
	.deanunlogin li a:hover{ opacity:0.9;}
		.deankjdl{ float:left; display:none; position:absolute; z-index:2; left:50%; margin-left:-50px; top:66px; width:100px;  }
		.deankjdl b{ position: absolute; }
		.deanunlogin dl{ background:#fff;  box-shadow: 0 2px 2px rgba(0,0,0,0.3); border:0; border-radius:0 0 10px 10px; width:100px; padding:0;}
			.deanunlogin dl dd{ height:35px; line-height:35px; font-size:14px; text-align:center;}
				.deanunlogin dl dd a{ color:#333; display:block;}
				.deanunlogin dl dd a:hover{ background:#f60; color:#fff;}

/*登录信息*/
	.deanloginin{ color:#38485a; float:right; }
		.deanavartop{ float:left; width:35px; height:66px; overflow:hidden;}
			.deanavartop img{ width:30px; height:30px; border-radius:30px; margin-top:17px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
			.deanavartop a:hover img{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
		.deanusername{ float:left;height:66px; line-height:66px; padding:0 5px;}
			.deanusername .vwmy,.vwmyqq{ background:none; padding-left:0;}
				.deanusername a{ color:#eee; font-size:14px;}
		.deantxs{ float:left;height:66px; line-height:66px; position:relative;}
			.deantxs a{ display:block; position:relative; background:url({STYLEIMGDIR}/common/tx.gif) center center no-repeat; width:30px; height:66px;}
			.deantxs a:hover{background:url({STYLEIMGDIR}/common/tx.gif) center center no-repeat;}
			.deantxs a em{ background:#f60; border-radius:1px; color:#fff; display:block; padding:0 5px; height:18px; line-height:18px; font-size:12px; position:absolute; right:-10px; top:10px; }
			#myprompt.new{background:url({STYLEIMGDIR}/common/tx.gif) center center no-repeat;}
		.deaninfo{ float:left; position:relative; z-index:108; margin-left:5px;}
			.deanhove{ width:40px;height:66px; background:url({STYLEIMGDIR}/common/set.png) center center no-repeat; cursor:pointer;}
			.deanhoved{ background:#546e7a url({STYLEIMGDIR}/common/sethover.png) center center no-repeat; }
			.deanmessage{ background:#546e7a; padding-top:0; position:absolute; top:66px; right:-30px; z-index:109; display:none; border-radius:0 0 10px 10px; }
				.deanmessage ul{}
					.deanmessage ul li{ height:40px; width:100px; text-indent:15px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;line-height:40px; display:block; }
					.vwmy{ background:none; padding-left:0;}
						.deanmessage ul li a{ display:block; line-height:40px;  font-size:13px; color:#fff!important; text-decoration:none;}
						.deanmessage ul li a:hover{ background:#4C8FE8; color:#fff;}
						.deanlogin .pipe{ display:none;} 
						.deanlogin ul li a{ padding:0;}
								
				.deanexit{ float:left; width:20px;height:66px; margin-left:5px; overflow:hidden; }
					.deanexit a{ display:block; width:20px;height:66px; background:url({STYLEIMGDIR}/common/exit.gif) center center no-repeat; cursor:pointer;}
					
					
					


/*快捷导航*/

#qmenu{ width: 30px; height:66px; float:right; margin:0; margin-left:20px; padding: 0; border:0;  background:url({STYLEIMGDIR}/common/quick4.gif) center center no-repeat;  background-size:20px 20px; text-indent: -9999px;  -webkit-transition: all 0.1s; -moz-transition: all 0.1s;  transition: all 0.1s; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
#qmenu.a,#qmenu:hover {  background:url({STYLEIMGDIR}/common/quick3.gif) center center no-repeat; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}

#qmenu_menu{ margin-top:2px; box-shadow:0 0 0 #fff; border-radius:2px; border:1px solid #eee; }
.p_pop #v_forums a{ padding:0!important;}



/*home页面*/
.ct3_a{ background:#fff; border:1px solid #e6e6e6;}
















