www.gusucode.com > 自驾户外风格整站带数据网站源码程序 > 自驾户外风格整站带数据/整站/template/wfdsoft_drive_160511/common/extend_common.css

    @charset "utf-8";
/*模板版权：大连记事本网络有限公司*/
/*公司网址：http://www.wfdsoft.com*/
/*联系客服QQ：125422921*/
/*版本：vision1.0*/
/*----------公共样式-------------*/
/*pop动画*/
@keyframes pop{
0%{opacity:0;transform:scale(0.2);-ms-transform:scale(0.2);}
60%{opacity:0.75;transform:scale(1.1);-ms-transform:scale(1.1);}
100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}
}
@-moz-keyframes pop{
0%{opacity:0;-moz-transform:scale(0.2);}
60%{opacity:0.75;-moz-transform:scale(1.1);}
100%{opacity:1;-moz-transform:scale(1);}
}
@-webkit-keyframes pop{
0%{opacity:0;-webkit-transform:scale(0.2);}
60%{opacity:0.75;-webkit-transform:scale(1.1);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@-o-keyframes pop{
0%{opacity:0;-o-transform:scale(0.2);}
60%{opacity:0.75;-o-transform:scale(1.1);}
100%{opacity:1;-o-transform:scale(1);}
}
/*fastr动画*/
@keyframes fastr{
0%{opacity:0;transform:translate(0,60px);}
100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes fastr{
0%{opacity:0;-webkit-transform:translate(0,60px);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-moz-keyframes fastr{
0%{opacity:0;-moz-transform:translate(0,60px);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-o-keyframes fastr{
0%{opacity:0;-o-transform:translate(0,60px);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@keyframes afastr{
0%{opacity:0;transform:translate(0,-60px);}
67%{opacity:1;transform:translate(0,0);}
86%{opacity:1;transform:translate(0,-2px);}
100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes afastr{
0%{opacity:0;-webkit-transform:translate(0,-60px);}
67%{opacity:1;-webkit-transform:translate(0,0);}
86%{opacity:1;-webkit-transform:translate(0,-2px);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-moz-keyframes afastr{
0%{opacity:0;-moz-transform:translate(0,-60px);}
67%{opacity:1;-moz-transform:translate(0,0);}
86%{opacity:1;-moz-transform:translate(0,-2px);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-o-keyframes afastr{
0%{opacity:0;-o-transform:translate(0,-60px);}
67%{opacity:1;-o-transform:translate(0,0);}
86%{opacity:1;-o-transform:translate(0,-2px);}
100%{opacity:1;-o-transform:translate(0,0);}
}
.fwinmask{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:pop;-webkit-animation-name:pop;}
.p_pop{animation-duration:0.2s;-webkit-animation-duration:0.2s;animation-name:afastr;-webkit-animation-name:afastr;}
.fastpreview{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:afastr;-webkit-animation-name:afastr;}
.pct{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:fastr;-webkit-animation-name:fastr;}
#hd h2{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:afastr;-webkit-animation-name:afastr;}
#um,#toptb,.pns{animation-duration:1s;-webkit-animation-duration:1s;animation-name:afastr;-webkit-animation-name:afastr;}
.avt{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}
.avt:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);}
a{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
#ls_username,#ls_password{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;}
#ls_username:focus,#ls_password:focus{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.frame-1 { background-color:transparent !important; background-image:none !important; border:0 none !important; margin:0 !important; padding:0 !important; border-width:0px; height: auto }
.frame-1-c { background-color:transparent !important; background-image:none !important; border:0 none !important; margin:0 !important; padding:0 !important; border-width:0px; height: auto; }
.move-span{ background-color:transparent !important; background-image:none !important; border:0 none !important; margin:0 !important; padding:0 !important; border-width:0px; height:auto;}
.move-span .content{ background-color:transparent !important; background-image:none !important; border:0 none !important; margin:0 !important; padding:0 !important; border-width:0px; height:auto;}
.deandlkuang{animation-duration:0.2s;-webkit-animation-duration:0.2s;animation-name:afastr;-webkit-animation-name:afastr;}
.deaninnerbox{animation-duration:0.3s;-webkit-animation-duration:0.3s;animation-name:afastr;-webkit-animation-name:afastr;}
.deanf_iiner{animation-duration:0.3s;-webkit-animation-duration:0.3s;animation-name:afastr;-webkit-animation-name:afastr;}
#wechat_float_qrcode{ top:90px!important; z-index:10!important;}





a{ text-decoration:none;}
a:hover{ text-decoration:none;}
*{ padding:0px;margin:0px;}
ul li{list-style:none;}
img{ border:none;}
.clear{ clear:both;}
body{ font-family:Microsoft Yahei; }
.w1180{ width:1180px; margin:0 auto;}
#hd .wp{ padding:0;}
.hdc{min-height:0;}
.bgfff{ background:#fff;}
.wp,#wp{ width:1180px; margin:0 auto;}
.ct2_a .mn{ width:1010px!important;}
body#space .block{margin: 0 5px 10px!important;border: 1px solid #DDD!important;
background: #FFF;}
.move-span{ background:none;}
.tdats .tfxf{ width:865px!important;}
.tdats{ width:1100px;}
.bm_c ul.xl2{ background:none;}
.bm_c ul.xl2 li{width: 48%; }
hr.da{ border-top:0;}
.tbn { background: #f3f3f3;}
.appl li { display: block;  height: 50px; line-height: 50px; white-space: nowrap; word-wrap: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden;margin: 0 5px;  border-bottom: 1px solid #e6e6e6;}
.tbn ul a { display: block; height: 50px; line-height: 50px;}
.tbn li.a { border-left: 3px solid #ff9900; color: #666;}
.notice_pm, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app{margin: 18px 5px 5px 0;}
.pbr { height:10px!important;}
/*弹出层*/
.popuptext .pc_l, .popuptext .pc_c, .popuptext .pc_inner, .popuptext .pc_r{ background:#ff9900; color:#fff;}
/*header*/

#deanheader{ width:100%; min-width:1180px; height:80px; background:#fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); transition:all 0.3s linear;}
.deanlogo{ width:190px;height:70px; float:left; margin-top:5px;}
.deannav{ width:655px; height:80px; float:left; overflow:hidden; margin-left:80px;}
.deannav ul li{ float:left;}
.deannav ul li a{ display:inline-block; padding:0 20px; height:80px; line-height:80px; color:#687074; font-size:16px; text-align:center;position: relative;}
.deannav ul li a:hover{ color:#ff9900;}
.deansearch{ float:left;  height:80px; }
.deannav ul li.a a{ background:#ff9900;color:#fff;}
.deannav span{ display:none;}
.deannav ul li.hover{ color:#fff; }
.deannav ul li.hover a{ background:#ff9900;color:#fff;}
/*搜索*/
.deansearchbutton{width: 60px; height: 80px; text-align: center; line-height: 80px; position: relative; z-index: 19; border-left: 1px solid #ebf0f3;border-right: 1px solid #ebf0f3; cursor: pointer; background:url({STYLEIMGDIR}/search.png) center no-repeat;}
.deansearchbutton:hover{background:url({STYLEIMGDIR}/search1.png) center no-repeat; }
.deansearchinput{height: 260px; position: absolute; right: -200px; top: 85px; -webkit-transition: .3s; transition: .3s; z-index: 999; transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;  opacity: 0;}
.deansearchbutton:hover .deansearchinput{transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

/*二级导航*/
#hd .p_pop{ background:#ff9900; top:80px!important; box-shadow:none; padding:0!important;min-width: 125px; border:0;}
#hd .p_pop a{ padding:0;  color:#fff; font-size:16px; border-bottom:0;height:50px; line-height:50px; text-align:center; display:block;}
#hd .p_pop a:hover{ background:#fff!important; color:#ff9900;}
#mu ul{ width:100%; min-width:1180px; background:#fff; border:0;}
/*搜索*/
#scbar{ background: #fff; height: 50px; overflow: hidden; zoom: 1; width:461px;border:1px solid #ebf0f3;}
#scbar_txt{ width:402px!important; padding-left:10px; font-family:Microsoft Yahei; color:#999;height: 50px;line-height: 50px;font-size: 16px;border:0; background:#fff;}
#scbar_btn{background:url({STYLEIMGDIR}/enter.png) center no-repeat; border: 0; width:50px; height: 50px; line-height:50px;}	
#scbar_btn:hover{background:url({STYLEIMGDIR}/enter1.png) center no-repeat;}
/*侧边工具栏*/
.side_bar{width: 54px;position: fixed;right: 0;top: 50%; z-index:100;}
.side_bar li {position: relative;color: #fff;width: 100%;overflow: hidden;}
.side_bar li:hover {overflow: inherit;}
.side_bar li:hover .deansidehidden{left: -96px;}
.side_bar li i{width: 54px;height: 54px;background-color: #666;display: block;border-bottom: 1px solid #CCCCCC;cursor: pointer;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative;z-index: 2;}
.side_bar li .deansidehidden {position: absolute;width: 96px;left: -46px;background: #ff9900;top: 0;min-height: 54px;text-align: center;font-size: 12px;border-radius: 3px 0 0 3px;z-index: 1;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.side_bar_service .deansidehidden a{line-height: 54px; font-size:14px; color:#fff;}
.side_bar_service{}
.side_bar_service i {background: url({STYLEIMGDIR}/sidetools/side-icon-service.png) center no-repeat;}
.side_bar_tel i {background: url({STYLEIMGDIR}/sidetools/side-icon-tel.png) center no-repeat;}
.side_bar_tel .deansidehidden p{line-height: 54px; font-size:12px; color:#fff;}
.side_bar_weixin i{background: url({STYLEIMGDIR}/sidetools/side-icon-weixin.png) center no-repeat;}
.side_bar_weixin img{width: 78px;height: 78px;display: block;margin: 3px auto;}
.side_bar_top a{width: 54px;height: 54px;display: block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative;z-index: 2;cursor: pointer;background:#666 url({STYLEIMGDIR}/sidetools/side-icon-top.png) center no-repeat;}
.side_bar_top .deansidehidden p{line-height: 54px; font-size:12px; color:#fff;}

/*footer*/
.deanfooter{ margin-top:40px; width:100%; min-width:1180px;}
.deanfttop{ background-color: #4A4A4A; padding-top: 30px;width:100%; min-width:1180px;}
.deanfttopt{}
.deanft_zz{float: left; width: 250px; padding-right: 50px;}
.deanzztitle{ padding-left:35px; font-size:18px; margin-bottom:20px; color:#fff; background:url({STYLEIMGDIR}/diamond-128.png) left center no-repeat;}
.deanft_zz p{ font-size:14px; color:#fff; line-height:22px;}
.deanftservice{float: left; width: 250px; padding-right: 50px;}
.deanftservicetitle{padding-left:35px; font-size:18px; margin-bottom:20px; color:#fff; background:url({STYLEIMGDIR}/world-128.png) left center no-repeat;}
.deanftservice ul{width: 200px;}
.deanftservice ul li{ float:left; width:80px;}
.deanftservice ul li a{ font-size:14px; color:#fff; height:30px; line-height:30px;}
.deanft_contact{float: left; width: 400px; }
.deanft_contacttitle{padding-left:35px; font-size:18px; margin-bottom:20px; color:#fff; background:url({STYLEIMGDIR}/mail-128.png) left center no-repeat;}
.deanft_contact ul li{ height:30px; line-height:30px; font-size:14px; color:#fff;}
.deanft_ewm{ float:right;}
.deanweixin{}
.deanweixin img{ width:100px; height:100px;}
.deanft_ewm p{ text-align:center; font-size:14px; color:#fff; height:30px; line-height:30px;}
.deanfttopb{border-top: 1px solid #656565;  padding: 30px 0; margin-top:70px;}
.deanfttopb a{font-size:12px; color:#fff;}
.deanfttopb span{ font-size:12px; color:#f5f5f5; padding:0 3px;}
.deanftbottom{ width:100%; min-width:1180px; background:#3c3c3c; padding:20px 0;}
.deanftbl{ width:600px; float:left;}
.deanftbl p,.deanftbl p a{ font-size:12px; color:#eee;}
.deanftbr{ float:right;}
.deanftbr a{ margin-left: 6px; float: right; width: 108px; height: 40px; display: block; text-indent: -9999px;}
.deanftbr a.deana1{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll 0 bottom transparent;}
.deanftbr a.deana1:hover{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll 0 top transparent;}
.deanftbr a.deana2{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -113px bottom transparent;}
.deanftbr a.deana2:hover{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -113px top transparent;}
.deanftbr a.deana3{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -226px bottom transparent;}
.deanftbr a.deana3:hover{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -226px top transparent;}
.deanftbr a.deana4{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -339px bottom transparent;}
.deanftbr a.deana4:hover{background: url({STYLEIMGDIR}/authentication.png) repeat-x scroll -339px top transparent;}


/*登录*/
.deandl{ float:right; width:auto; height:60px; line-height:60px;}
/*未登录*/
.deanundl{ position:relative; width:70px; height:55px; padding:13px 0 12px 20px;}
.deanundl img{ width:40px; height:40px; float:left; border-radius:100%; margin-top:10px;}
.deanundl span{ display:block; width:9px; height:5px; margin-top:28px; margin-right:10px; background:url({STYLEIMGDIR}/header-down-arrow-w.png) center no-repeat; float:right;}
.deandenglu .curss{  background:#ff9900;}		
.deandlkuang{ width:110px; position:absolute; top:80px; right:0; background:#ff9900; display:none; z-index:101;}
.deandlkuang ul li{height: 36px;line-height: 36px;text-align: center;width: 110px; }
.deandlkuang ul li a{color: #fff;width: 120px;display: inline-block; font-size:14px;}
.deandlkuang ul li a:hover{color:#ff9900!important; background:#fff;}
/*登录*/
.logininfo{ position:absolute; height:41px; bottom:0px; right:50px; color:#333;}
.logins{ float:right; overflow:hidden; width:100px; height:41px;}
.deanlogin{float:right; width:auto; }
.deanlogin ul{overflow:hidden;float:right;}
.deanlogin ul li{ float:left;}
.loginout{ }
#myprompt{ background:url({STYLEIMGDIR}/notice.png) left center no-repeat;}
.deanlogin dd a{ color:#666; }
.loginout a,.deanvwmy a{ color:#eee;}
.unlogin{ position:absolute; top:0; right:0px;}
.unlogin a{ display:block; width:48px; margin:0; height:41px; overflow:hidden; line-height:41px; text-align:center; float:left; padding:0; font-size:16px;  font-family:microsoft yahei; background:#fff; color:#333; margin-left:10px;}
#deanmemberinfo{ position:absolute; text-align:center; right:0; top:0; padding:0; width:80px; z-index:121; height:80px; line-height:80px; font-size:16px; overflow:hidden;}
#deanmemberinfo.curs,#deanmemberinfo:hover{ background:#ff9900;}
#deanmemberinfo a{color:#fff; font-family:microsoft yahei; font-size:14px;}
#deanmembercontent{ display:none; position:absolute; z-index:120;  background:#ff9900; right:0; top:80px; width:110px;  }	
#deanmemberinfo.curs a{ color:#ff9900;}
#deanmemberinfo a span{ display:block; width: 60px; height: 60px; overflow: hidden; line-height: 0; position: absolute; z-index: 6; top: 0; right: 8px;}
#deanmembercontent dd{ display:block; line-height:20px; clear:both; text-align:center;}
#deanmembercontent dd a:hover{color: #ff9900;background: #fff;}
#deanmembercontent dd a{ color:#fff; font-size:14px; display:block; height:35px; line-height:35px;font-family: Microsoft Yahei;}
.diydiv{ float:left;}
#diy-tg{ width:100%;  height:35px!important; background:none; color:#fff; text-indent:0; text-align:center; font-size:12px;}
#g_upmine{ padding-left:0px;}
.deanunlogin a{ float:left; padding-left:6px; display:block; color:#666; }
.deanunlogin a:hover{color:#2A629D;}
.deanadmin{height: 22px; line-height:26px;display: block; overflow:hidden;font-size:12px; color:#fff; text-align:center; padding:0 10px!important; width:90px;white-space: nowrap;text-overflow: ellipsis;}
.deanvwmy i{display:block; width:9px; height:5px; margin-top:38px; margin-right:10px; background:url({STYLEIMGDIR}/header-down-arrow-w.png) center no-repeat; float:right;}
.deanvwmy img{ width:40px; height:40px; border-radius:24px;margin-top: 20px;}
#um dl dd{ float:left; margin-right:5px;}
#pm_ntc.new,#pm_ntc{ background:url({STYLEIMGDIR}/new_pm.png) left center no-repeat;}
.deantongzhi{float: left;height:80px; line-height:80px; margin-right:14px; display:inline-block; }
.deantongzhi .new span{ font-size:14px; background:#ff9900; color:#fff; font-weight:bold;}
#toptb .new{padding-left: 14px;font-weight:normal;padding-left: 24px;}
#pm_ntc,#myprompt.new, #myprompt{ padding-left:25px!important;}
#myprompt.new{background:url({STYLEIMGDIR}/notice1.png) left center no-repeat!important;}
.deantongzhi a{ font-weight:normal; color:#fff; padding-left:22px;}
.deantongzhi a:hover{ color:#06A9F4;}
.deantongzhi span{ padding:0 5px;  color:#333; background:#fff; font-size:12px; text-align:center; margin:0 0 0 5px;}
#mu { background:#fff; width:100%;}
#mu ul{ width:1180px; margin:0 auto;}
#mu a{ border:1px solid #fff;}
#mu a:hover { margin: 5px 6px;border: 1px solid #15A0E8;background: #fff;color: #15A0E8;text-decoration: none; }/**portal::list,portal::list,portal::view,forum::forumdisplay,forum::viewthread,forum::index**/
.nvhm { width:25px;background:url({STYLEIMGDIR}/home.png) no-repeat 0 5px; *margin-top:5px; _margin-top:5px; }
#pt .z em {background:url({STYLEIMGDIR}/embg.png) no-repeat 3px 11px; }

#pt .z a,#pt .z{ color:#898787; font-size:12px;}
#pt .z a:hover{ color:#ff9900;}