﻿/*
* @description: 悬浮框样式
* @author: liaoli
* @update: liaoli (2016-1-5)
*/

body, i, cite, em, var, address {
    margin: 0 auto;
    color: #020202;
    /*  color: #666;*/
    /*by hj 20-12-30 心形图标不需要白色背景*/
    /*  background-color: #fff;*/
    font-style: normal;
    font: 12px ;
    /*font-family: "Microsoft Yahei", Verdana, Arial;*/
}

ul { list-style:none; }
a{ text-decoration:none; color:#666;}
.suspend_frame { position:fixed; bottom:100px; right:20px; height:auto;  z-index:999; background-color:#fff;}
.suspend_frame .suspend_title { background:url(img/top.png) no-repeat; color:#fff; height:30px; width:115px; text-align:center; position:relative; border: 1px solid #F58640; }
#close { background:url(img/gb.png) no-repeat; position:absolute; z-index:999; width:23px; height:23px; top:-15px; }
.suspend_frame .suspend_title span{ font-size:15px; line-height:30px;}
.suspend_frame ul li {height:45px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; width:115px;}
.suspend_frame ul li span { line-height:45px;  }
.suspend_frame .qq_advisory:hover,.suspend_frame .online_advisory:hover,.suspend_frame .group_quality:hover,.suspend_frame .group_introduction:hover,.suspend_frame .about_us:hover,.suspend_frame .back_top:hover { cursor:pointer; border:1px solid #af080a;}
.suspend_frame ul li em { float:left; width:25px; height:25px; margin:12px 2px 0px 15px;}
.qq_advisory em { background:url(img/QQ.gif) no-repeat;}
.online_advisory em{ background:url(img/pp.gif) no-repeat;}
.group_quality em{ background:url(img/zs.png) no-repeat;}
.group_introduction em{ background:url(img/zz.png) no-repeat;}
.about_us em{ background:url(img/bx.png) no-repeat;}
.suspend_frame .erwm{ height:auto; padding: 5px 0px;line-height: 15px; text-align:center; }
.back_top { text-align:center; display:none; border-top:1px solid #fff;}
.back_top b,.back1_top b { background:url(img/fh.png) no-repeat; width:25px; height:15px; display: block; }
.suspend_frame  .back_top b { margin:5px auto;}
.suspend_frame .back_top span{ line-height:15px; color:#00890d; }

.small_suspend {   position:fixed; bottom:100px;right:10px; height:auto; display:none;}
.small_suspend .sus_tag {color:#fff; text-align:center; padding:10px 16px;width:10px;background:url(img/left.png) no-repeat; position:relative; right:4px; font-size:14px}
.small_suspend .sus_tag em { background:url(img/jiantou.png) no-repeat; width:7px; height:16px; position:absolute; top:70px; right:30px;}
.small_suspend li span { font-size:10px;}
.small_suspend li:hover { cursor:pointer;}
.small_suspend .back1_top { background-color:#fff; width:37px; height:20px; border:1px solid #ddd; display:none;}
.small_suspend .back1_top:hover { border:1px solid #af080a;}
.small_suspend .back1_top b{ margin:5px 7px;}
