@charset "utf-8";
/* brand */
a.button_Att:before,
a.button_share:before { background-image: url(img/spirit.png); background-repeat: no-repeat; background-position: 0 0; }
#brand { }
#brand { text-align: center; }
#brand .hd { height: 72px; background: url(img/brand_hd.png) no-repeat top center; margin: 10px 0; line-height: 999px; overflow: hidden }
#brand .bd { height: 42px; }
#brand .bd li { display: inline-block; line-height: 32px; padding: 0 18px; position: relative }
#brand .bd li:before { content: ''; position: absolute; right: -2px; top: 20px; width: 4px; height: 4px; border-radius: 1px; background-color: rgba(0,0,0,.1) }
#brand .bd li:last-child:before { display: none; }
#brand .bd li:first-child { padding-left: 0 }
#brand .bd li:last-child { padding-right: 0 }
#brand .bd li a { font-size: 21px; line-height: 42px; position: relative; height: 42px; display: block; text-decoration: none; color: rgba(0,0,0,.5) }
#brand .bd li a:hover { color: rgba(0,0,0,.7); }
#brand .bd li a.selected { color: rgba(0,0,0,.7) }
#brand .bd li a:hover:before { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: rgba(0,0,0,.5) }
#brand .bd li a.selected:before { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #000 }
/*float_eft*/
#brand header.float_eft { position: fixed; top: 0px; z-index: 999; background-color: rgba(255,255,255,.98); width: 991px; margin-left: -1px; box-shadow:0 2px 0px rgba(0,0,0,.05)  }
#brand header.float_eft .hd { display: none }
#brand header.float_eft .bd li{ padding:0}
#brand header.float_eft .bd li:before{ display:none}
#brand header.float_eft .bd a{ font-size:16px; padding:0 16px;}
#brand header.float_eft .bd a:hover{ background-color:rgba(0,0,0,.05)}
#brand header.float_eft .bd a:before{ display:none;}
#brand header.float_eft .bd a.selected{ color:#fff; background-color:#f00; padding:0 16px;}
#brand article { margin-top: 20px; }
#brand .brand_mod { position: relative; }
#brand .brand_mod ul { margin-left: -20px; }
#brand .brand_mod li.brand_item { float: left; margin-left: 19px; position: relative; margin-bottom: 19px; overflow: hidden }
#brand .brand_mod li .mask { position: absolute; left: 20px; top: 230px; 
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,1); width: 193px; height: 300px; text-align: center; }
#brand .brand_mod li .mask a.mask_title { display: block; text-align: center; margin-top: 15px;  }
#brand .brand_mod li .mask a { text-decoration: none }
#brand .brand_mod li .mask a.mask_title img { margin: 0 auto; width:90px; height:45px;}
#brand .brand_mod li .mask span.red{ font-size:14px; color:#f60; font-family: Verdana, Geneva, sans-serif}
#brand .brand_mod li .mask b { display: block; font-size: 15px;font-family: Microsoft Yahei; color: rgba(0,0,0,.8); text-decoration: none; margin-top: 14px; }
#brand .brand_mod li .mask p { line-height: 30px; font-size: 13px; color: rgba(0,0,0,.6);  }
a.button_Att { display: none; margin: 0 auto; background-color: #c50b0f; width: 36px; padding-left: 16px; padding-right: 3px; height: 20px; line-height: 20px; color: rgb(255,255,255); border-radius: 10px; position: relative; margin-top: 10px; }
a.button_Att:hover { background-color: #df161a }
a.button_Att:before { content: ''; position: absolute; left: 6px; top: 4px; width: 12px; height: 12px; background-position: 0 0; }
a.active_Att{ background-color:#ccc;}
a.button_share { position: absolute; bottom: 0; right: 0px; height: 24px; line-height: 24px; padding-right: 5px; }
a.button_share:before { content: ''; float: left; margin-top: 4px; margin-right: 4px; width: 12px; height: 12px; background-position: 0 -12px; }
/**/
#brand article .brand_mod li.active_item .mask { }
#brand article .brand_mod li.active_item .mask a.mask_title { margin-top: 50px; }
#brand article .brand_mod li.active_item .mask b { margin-top: 20px; }
#brand article .brand_mod li.active_item .mask p { display: block; }
#brand article .brand_mod li.active_item a.button_Att { display: block; margin: 0 auto; background-color: #c50b0f; width: 36px; padding-left: 16px; padding-right: 3px; height: 20px; line-height: 20px; color: rgb(255,255,255); border-radius: 10px; position: relative; margin-top: 10px; }
.blur { filter: url(blur.svg#blur); -webkit-filter: blur(1px); -moz-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
#brand article .brand_mod li.active_item a.active_Att{ background-color:#ccc; padding-left:24px; padding-right:8px;}
em.att_tip{ position:absolute; font-size:19px; right:-30px; top:-5px; }
/*CSS Digg style pagination*/
#brand article .pages { padding: 20px 0 }
div.digg { text-align: center; }
div.digg a { border: #e5e5e5 1px solid; padding: 10px 15px; margin: 4px; color: #9c9c9c; text-decoration: none }
div.digg a:hover { border-color: #b2b2b2 }
div.digg a:active { border-color: #e59397; color: #c50b0f }
div.digg b { border: #e59397 1px solid; padding: 10px 15px; font-weight: bold; mairgin: 4px; color: #c50b0f }
div.digg span.current { border: #e59397 1px solid; padding: 10px 15px; font-weight: bold; mairgin: 4px; color: #c50b0f }
div.digg span.disabled { border: #e5e5e5 1px solid; padding: 10px 15px; margin: 4px; color: #9c9c9c; text-decoration: none }
/*Ads*/
.bt_banner { margin: 20px 0; margin-top: 40px; }
.banner_990100 a { display: block; width: 990px; height: 100px; overflow: hidden; margin-bottom: 10px; }
.banner_990100 a img { width: 990pox; height: 100px; }