@charset "utf-8";
.transition { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease; -ms-transition: all .3s ease;}
.nfixed{position: fixed;bottom: 130px;right: 0;z-index:2;height: 60px;width: 30px;}
.nfixed-a{display: block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.nfixed-refer{position:absolute;left:0;top:0;background-image: url(../images/serimg/nicon5.png);}
.nfixed-top{margin-top:30px;display: none;background-image: url(../images/serimg/nicon6.png);opacity: .6;filter: alpha(opacity=60);}
.nfixed-cont{ position:absolute; width:180px;background: #fff;border-radius: 3px;}
.nfixed-cont-tit{padding:15px 10px;background: #666;color: #Fff;box-sizing: border-box;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.nfixed-cont-tit span{}
.nfixed-cont-close{float: right;width: 16px;height: 16px;background: url(../images/serimg/nicon9.png) no-repeat center center;cursor: pointer;}
.nfixed-cont-close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.nfixed-cont-ul{}
.nfixed-cont-li{ width: 100%;border-bottom: 1px solid #ececec;}
.nfixed-cont-li.bkg{background: #f5f5f5;}
.nfixed-cont-li a{padding: 10px;display: block;}
.nfixed-cont-li a:after{content: '';display: block;clear: both;}
.nfixed-cont-li-i{ vertical-align: middle;display: inline-block;width:15px;height:15px;background-repeat: no-repeat;background-position: center;}
.nfixed-cont-li-ia{background-image: url(../images/serimg/nicon7.png);}
.nfixed-cont-li-ib{background-image: url(../images/serimg/nicon8.png);}
.nfixed-cont-li-ic{background-image: url(../images/serimg/nicon10.png);}
.nfixed-cont-li-is{background-image: url(../images/serimg/nicon11.png);background-position: 0 0;}
.nfixed-cont-li-im{background-image: url(../images/serimg/nicon12.png);background-position: 0 0;}
.nfixed-cont-li-p{ display: inline-block;margin-left:10px;color: #444;}
.nfixed-cont-li-p p{color: #9a9a9a;font-size: 11px;line-height: 20px;}
.nfixed-top:hover{opacity: 1;filter: alpha(opacity=100);}
.nfixed-cont-li.bkg:hover{background: #999;}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-p{color: #fff;}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-p p{color: #fff;}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-ia{background-image: url(../images/serimg/nicon7h.png);}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-ib{background-image: url(../images/serimg/nicon8h.png);}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-is{background-position: 0 -16px;}
.nfixed-cont-li.bkg:hover .nfixed-cont-li-im{background-position: 0 -16px;}

.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:999;}
.SonlineBox .openTrigger{ width:30px; height:150px; position:absolute; top:0px;  z-index:1; cursor:pointer;background: url(../images/serimg/nicon5.png) no-repeat;}