.doycon,.doycon div{ font-family:"΢ź";} .doycon{ position:fixed; right:8px; top:20%; width:76px; padding-top:70px; z-index:999;} .doy_quan{ position:absolute; right:0; top:0; width:76px; height:80px; cursor:pointer;} /*.doy_quan p{ line-height:16px; font-size:14px; color:#ffee1e;}*/ .doy_list{ width:58px; height:58px; margin:0 auto; text-align:center; margin-bottom:3px; position:relative; background:#fafdff; border:1px solid #f2f2f2;} .d_online{ background:#fafdff url(/doyoo/images/new/lico01.png) no-repeat center 5px;} .d_online:hover{ background:#008cd6 url(/doyoo/images/new/li_on01.png) no-repeat center 5px;} .doy_name{ line-height:18px; font-size:12px; color:#78797a; padding-top:38px; height:20px; cursor:pointer; text-align:center;} .d_online:hover .doy_name{ color:#fff;} .doy_list ul{ display:none; position:absolute; right:57px; width:125px;} .d_online ul{ top:-60px; height:124px;} .d_online ul li{ text-align:center; line-height:30px; width:120px; height:30px; background:#f5f5f5; margin-bottom:1px; float:left; font-size:12px; color:#333;} .d_online ul li a{ display:block; color:#333;} .d_online ul li a:hover{ color:#008cd6; text-decoration:none;} .d_serhot{ background:#fafdff url(/doyoo/images/new/lico02.png) no-repeat center 5px;} .d_serhot:hover{ background:#008cd6 url(/doyoo/images/new/li_on02.png) no-repeat center 5px;} .d_serhot:hover .doy_name{ color:#fff;} .d_serhot ul{ top:-15px; height:76px;} .d_serhot ul li{ float:left; width:120px; line-height:20px; padding:5px 0; background:#f5f5f5; margin-bottom:1px; font-size:10px; color:#333; text-align:center;} .d_serhot ul li p{ width:93px; text-align:left; height:20px; line-height:20px; padding-left:27px; font-size:12px;} .d_serhot ul li p.mico01{ background:url(/doyoo/images/new/mico01.png) no-repeat 7px center;} .d_serhot ul li p.mico02{ background:url(/doyoo/images/new/mico02.png) no-repeat 7px center;} .d_wexin{ background:#fafdff url(/doyoo/images/new/lico03.png) no-repeat center 5px;} .d_wexin:hover{ background:#008cd6 url(/doyoo/images/new/li_on03.png) no-repeat center 5px;} .d_wexin:hover .doy_name{ color:#fff;} .d_wexin ul{ top:-76px; height:136px;} .d_wexin ul li{ float:left; width:114px; background:#f5f5f5; padding:5px 0 0 6px; overflow:hidden;} .d_wexin ul li img{ float:left;} .d_wexin ul li span{ display:block; float:left; text-align:center; width:120px; line-height:22px; font-size:12px; color:#333;} .do_turn{ background:#fe6583 url(/doyoo/images/new/lico04.png) no-repeat center 5px; border:0; width:60px; height:60px;} .do_turn .doy_name{ color:#fff;} /*»ζ*/ @keyframes myfirst1 { 0% {top:-5px;} 25% {top:0;} 50% {top:-5px;} 75% {top:0;} 100% {top:-3px;} } @-webkit-keyframes myfirst1 /* Safari and Chrome */ { 0% {top:-5px;} 25% {top:0;} 50% {top:-5px;} 75% {top:0;} 100% {top:-5px;} }