www.gusucode.com > 家居装修网站+论坛网站源码程序 > 家居装修网站+论坛/整站安装/整站源码/template/wfdsoft_deco/common/extend_common.css

    /*版本：vision1.0*/
/*----------公共样式-------------*/
@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);}
}
@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.2s;-webkit-animation-duration:0.2s;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.2s;-webkit-animation-duration:0.2s;animation-name:afastr;-webkit-animation-name:afastr;}
#um,#toptb,.pns{animation-duration:0.5s;-webkit-animation-duration:0.5s;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;}


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; background:#fff; }
.w1180{ width:1180px; margin:0 auto;}
#hd .wp{ padding:0;}
.hdc{min-height:0;}
#toptb{height: 40px;background: #f5f5f5!important; border-bottom:0; min-width:1180px;}
#toptb a{ color:#666;}
.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;}
#hd{ border-bottom:2px solid #333; background:#fff;}
.tdats{ width:1180px;}
/*header*/
.deanheader{ padding:15px 0; background:#fff;}
.deanheadertop{ height:60px; }
.deanlogo{ float:left; width:270px; height:53px; position:relative;}
.deanlogo img{ width:270px; height:45px;}
.deangif img { height: 45px; width: 41px;}
.deangif { position: absolute; top: 0px; left: 0px; height: 45px; width: 41px;}
.deansearch{ float:right;}
.showmenu{ background:none; line-height:40px;}

#deanheaderbottom{ height:50px;background:#fff;}
.deannav{ width:1000px; float:left; height:30px; overflow:hidden; margin-top:9px;}
.deannav ul li{ float:left;}
.deannav ul li a{ display:block; padding:0 25px; border-left:1px solid #EBEEF0; height:30px; line-height:30px; font-size:16px; color:#333;font-weight:bold;}
.deannav ul #mn_portal a {border: 0;}
.deannav ul li a:hover{ color:#fff; background:#999;border-radius: 5px;}
.deannav ul li.a a{ color:#fff; background:#FABE00;border-radius: 5px;}
.deansubnav{ float:right;}
.deansubnav a{ width:36px; height:36px; display:block;margin-top: 10px; background:url({STYLEIMGDIR}/setting.png) center no-repeat;} 
.deannav span{ display:none;}
.sub-brand{ float:left; margin-left:100px; padding-top:10px;}
.sub-brand a{height:32px; width:100px; display:inline-block; margin-right:5px;}
.sub-brand a img{ height:32px; width:100px;}
.deansearch{ float:right;margin-top: 8px;}


/*footer*/
#ft{ padding:40px 0; background:#fff; margin-top:40px; border:0;min-width:1180px;}
.deanftitems{ width:1320px;}
.deanftitems a{ width:297px; height:65px; display:inline-block; margin-left:20px;}
.deanftitems a img{ width:260px; height:60px;}
.deanftbanner{ width:1180px; height:200px; margin-bottom:30px;}
.deanyl{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;}
.deanyl b{display: inline-block;float: left;margin: 0 3px;font-weight: 400;color: #ddd;}
.deanyl a{margin: 0 4px;white-space: nowrap; font-size:12px;color: #6c6c6c;display: inline-block;float: left;}
.deanyl a:hover,.deanfastlink a:hover{ color:#FABE00; text-decoration:underline;}
.deanfastlink{ padding:5px 0;}
.deanfastlink a{ font-size:12px; color:#666;}
.deanfastlink b{display: inline-block;margin: 0 3px;font-weight: 400;color: #ddd;}


/*快捷导航*/
#qmenu{ margin-top:12px; width: 28px; height:28px;cursor: pointer;position: relative;background:url({STYLEIMGDIR}/setting.png) center no-repeat;}
#qmenu.a{ background:url({STYLEIMGDIR}/setting1.png) center center no-repeat;-moz-transition:all 0.8s linear;-webkit-transition:all 0.8s linear;-o-transition:all 0.8s linear;-ms-transition:all 0.8s linear;transition:all 0.8s linear;}
#qmenu.a:hover{transform:rotate(911111deg);-ms-transform:rotate(911111deg); /* Internet Explorer */-moz-transform:rotate(9111111deg); /* Firefox */-webkit-transform:rotate(9111111deg); /* Safari 和 Chrome */-o-transform:rotate(9111111deg); /* Opera */ }

/*搜索*/
#scbar{line-height:normal; border:0; background: #fff; border:1px solid #333; border-radius:5px; height: 34px; float: left; overflow: hidden; zoom: 1; width:320px; -moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
#scbar:hover{ border:1px solid #FABE00;}
#scbar_txt{ width:278px!important; padding-left:10px; font-family:Microsoft Yahei; color:#adb3b8!important;height: 34px;line-height: 34px;font-size: 12px;border:0; background:#fff;}
#scbar_btn{background:url({STYLEIMGDIR}/search.png) center no-repeat; border: 0; width: 30px; height: 30px; line-height:30px;}	
/*登录*/

/*未登录*/
.deanunlogin{ float:right; height:41px; line-height:41px; font-size:14px; font-family:microsoft yahei;}
.deandenglu{  margin-top: 3px;}
.deandenglu ul li{ float:left;}
.deandenglu ul li a{  display: inline-block;  padding: 0px 10px!important;  color: #333; margin-left: 5px;  height: 30px!important;  line-height: 30px!important; border-radius:3px!important;}
.deandenglu ul li a:hover{background-color: #FABE00!important;  color: #fff!important;}
/*登录*/
.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.new{ 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:35px; z-index:121; height:50px; line-height:30px; font-size:16px; overflow:hidden;margin-top: 5px;}
#deanmemberinfo a{color:#fff; font-family:microsoft yahei; font-size:14px;}
#deanmembercontent{ display:none; position:absolute; z-index:120; padding:5px 10px; background:#FFF; right:0; top:40px; width:70px; border:1px solid #ddd; }	
#deanmemberinfo.curs a{ color:#fff;}
#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:#FABE00; text-decoration:underline;}
#deanmembercontent dd a{ color:#666; font-size:12px; display:block; height:25px; line-height:25px;font-family: Microsoft Yahei;}
.diydiv{ float:left;}
#diy-tg{ width:63px; float:none; margin-right:10px;margin-top: 5px; height:35px!important;}
#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:14px!important; color:#fff; text-align:left; width:65px;white-space: nowrap;text-overflow: ellipsis;}
.deanvwmy img{ width:30px; height:30px; border-radius:24px;}
#um dl dd{ float:left; margin-right:5px;}
#pm_ntc.new{ background:url({STYLEIMGDIR}/new_pm.png) left 14px no-repeat;}
.deantongzhi{float: left;height:40px; line-height:40px; margin-right:3px; display:inline-block; }
.deantongzhi a{ font-weight:normal; color:#FABE00;}
.deantongzhi a:hover{ text-decoration:underline; color:#FABE00;}
.deantongzhi span{ padding:0 5px; border-radius:100%; background:#FABE00; color:#fff; font-size:12px; text-align:center; margin:0 0 0 5px;}
#toptb .new{padding-left: 20px; color:#FABE00;font-weight:normal;}
.qq_bind{ margin-top:11px!important; float:left;}
/*二级导航*/
#hd .p_pop{ background:#fff;color:#999; border:0; opacity:0.95; filter:alpha(opacity=95);margin-top:1px; box-shadow:none;min-width: 110px; }
#hd .p_pop a{ padding:5px 10px; color:#999; font-size:14px; font-weight:normal; border-bottom:0;}
#hd .p_pop a:hover{ color:#fff!important; background:#999;}
#hd .p_pop .adv a{ padding:0; color:#aaa; border-bottom:0;}