@charset "utf-8";
.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;}

.d_free{ background:#fafdff url(/doyoo/images/new/lico05.png) no-repeat center 5px;}
.d_free:hover{ background:#008cd6 url(/doyoo/images/new/li_on05.png) no-repeat center 5px;}
.d_free:hover .doy_name{ color:#fff;}
.d_free ul{ top:-76px; height:136px;}
.d_free ul li{ float:left; width:114px; background:#f5f5f5; padding:5px 0 0 6px; overflow:hidden;}
.d_free ul li img{ float:left;}
.d_free ul li span{ display:block; float:left; text-align:center; width:120px; line-height:22px; font-size:12px; color:#333;}

.d_group{ background:#fafdff url(/doyoo/images/new/lico06.png) no-repeat center 5px;}
.d_group:hover{ background:#008cd6 url(/doyoo/images/new/li_on06.png) no-repeat center 5px;}
.d_group:hover .doy_name{ color:#fff;}
.d_group ul{ top:-76px; height:136px;}
.d_group ul li{ float:left; width:114px; background:#f5f5f5; padding:5px 0 0 6px; overflow:hidden;}
.d_group ul li img{ float:left;}
.d_group 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;}
}