﻿/*右侧悬浮*/
.float_main{ position:relative; z-index:999999;}
.float_con{ width:40px; background:#f1f1f1 url(../images/app_bar_bg.png) no-repeat top center; position:fixed; right:0; top:0; bottom:0;box-shadow:-3px 0 2px rgba(0,0,0,0.1);}

.float_con ul.tool{ position:absolute; top:40%; margin-top:-100px;}
.float_con ul.tool li{ margin-bottom:30px; text-align:center; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.float_con ul.tool li a{ width:40px; padding:27px 0 0; background:url(../images/toolbar.png) no-repeat; display:inline-block;}
.float_con ul.tool li a:hover{ background-color:#d93600; color:#fff;}
.float_con ul.tool li.user{ margin-bottom:40px;}
.float_con ul.tool li.user a{ padding:0; background:none;}
.float_con ul.tool li.user a:hover{ color:#333;}
.float_con ul.tool li.user img{ width:28px; height:28px; margin:0 5px; border:solid 1px #fff; border-radius:15px;}
.float_con ul.tool li.qq{}
.float_con ul.tool li.qq a{ background-position:0 0;}
.float_con ul.tool li.qq a:hover{ background-position:-40px 0;}
.float_con ul.tool li.cart{ position:relative;}
.float_con ul.tool li.cart a{ background-position:0 -120px;}
.float_con ul.tool li.cart a:hover{ background-position:-40px -120px;}
.float_con ul.tool li.cart i{height:16px; line-height:16px; padding:0 5px; background:#d93600; border-radius:8px; position:absolute; top:-5px; right:5px; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color:#fff; font-style:normal;}
.float_con ul.tool li.contrast{}
.float_con ul.tool li.contrast a{ background-position:0 -60px;}
.float_con ul.tool li.contrast a:hover{ background-position:-40px -60px;}
.float_con ul.tool li.fhtop{}
.float_con ul.tool li.fhtop a{ background-position:0 -180px;}
.float_con ul.tool li.fhtop a:hover{ background-position:-40px -180px;}

.float_con .float_close{ position:absolute; bottom:30px; right:13px;}
.float_con .float_close a{ width:15px; height:15px; background:url(../images/toolbar.png) no-repeat -180px -150px; display:inline-block; text-indent:-9999px;}

.float_open{ width:59px; height:56px; background:url(../images/toolbar.png) no-repeat -100px 0; position:fixed; right:-60px; bottom:10px;}
.float_open a{ position:absolute; top:10px; left:15px;}
.float_open img{ width:36px; height:36px; border-radius:18px;}

.float_shopdiv{ width:200px; background:#fbfbfb; position:fixed; right:-210px; top:0; bottom:0;box-shadow:-3px 0 2px rgba(0,0,0,0.1); overflow:hidden;}
.float_shopdiv i.shopdiv_close{ width:16px; height:16px; background:url(../images/toolbar.png) no-repeat -100px -120px; position:absolute; top:12px; right:12px; cursor:pointer; text-indent:-9999px; cursor:pointer; z-index:999999;}
.float_shopdiv ul{ width:210px; height:100%;overflow-y:auto; display:none;}

/*滚动条样式*/
.float_shopdiv ul{scrollbar-3dlight-color:#999; scrollbar-highlight-color:#999; scrollbar-shadow-color:#999; scrollbar-darkshadow-color:#999; scrollbar-track-color:#ddd;}
.float_shopdiv ul::-webkit-scrollbar{width:15px;height:auto;}
.float_shopdiv ul::-webkit-scrollbar-track-piece{background:#ddd;}
.float_shopdiv ul::-webkit-scrollbar-thumb{background:#999;}
	
.float_shopdiv ul.float_pro_list{}
.float_shopdiv ul.float_pro_list li{ width:180px; margin:10px; display:inline-block; position:relative;}
.float_shopdiv ul.float_pro_list li.tit{ width:200px; padding:0; margin:0;}
.float_shopdiv ul.float_pro_list li.tit h3{ width:100%; line-height:40px; border-bottom:dotted 1px #ddd; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-size:14px; display:inline-block; color:#666; text-indent:10px;vertical-align:top;}
.float_shopdiv ul.float_pro_list li.tit a{ width:auto; height:40px; float:left;}
.float_shopdiv ul.float_pro_list li img{ width:46px; height:46px; margin:0 10px 0 0; border:solid 1px #ddd; float:left;}
.float_shopdiv ul.float_pro_list li a{ width:115px; height:24px; padding:0; background:none; display:inline-block; overflow:hidden; color:#666;}
.float_shopdiv ul.float_pro_list li a:hover{ color:#ff2b2b;}
.float_shopdiv ul.float_pro_list li p{ color:#999;}
.float_shopdiv ul.float_pro_list li p b{ font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color:#cf0000; font-size:14px;}
.float_shopdiv ul.float_pro_list li i{ width:16px; height:16px; line-height:16px; background:#fbfbfb; border:solid 1px #ddd; border-radius:8px; position:absolute; top:-5px; right:0px; color:#ccc; text-align:center; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-style:normal; cursor:pointer;}
.float_shopdiv ul.float_pro_list li i:hover{ background:#eee; color:#999;}
.float_shopdiv ul.float_pro_list li.bottom{ margin:0; padding:10px; position:absolute; background:#f1f1f1; border-top:solid 1px #ddd; bottom:0px; left:0; text-align:center;}
.float_shopdiv ul.float_pro_list li.bottom a.jsbtn{ padding:0 15px; display:inline-block; background:#e74649; color:#fff; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.float_shopdiv ul.float_pro_list li.bottom a.jsbtn:hover{ background:#d9393c;}

.float_shopdiv ul.float_contrast_list{}
.float_shopdiv ul.float_contrast_list li{ width:180px; margin:10px; display:inline-block; position:relative;}
.float_shopdiv ul.float_contrast_list li.tit{ width:200px; padding:0; margin:0;}
.float_shopdiv ul.float_contrast_list li.tit h3{ width:100%; line-height:40px; border-bottom:dotted 1px #ddd; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-size:14px; display:inline-block; color:#666; text-indent:10px;vertical-align:top;}
.float_shopdiv ul.float_contrast_list li.tit a{ width:auto; height:40px; float:left;}
.float_shopdiv ul.float_contrast_list li img{ width:180px; height:180px; float:left;}
.float_shopdiv ul.float_contrast_list li p{ height:24px; overflow:hidden; display:inline-block;}
.float_shopdiv ul.float_contrast_list li p.name a{ color:#666;}
.float_shopdiv ul.float_contrast_list li a:hover{ color:#ff2b2b; text-decoration:underline;}
.float_shopdiv ul.float_contrast_list li p.pri{ font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color:#cf0000; font-size:14px;}
.float_shopdiv ul.float_contrast_list li i{ width:16px; height:16px; line-height:16px; background:#fbfbfb; border:solid 1px #ddd; border-radius:8px; position:absolute; top:-5px; right:-5px; color:#ccc; text-align:center; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-style:normal; cursor:pointer;}
.float_shopdiv ul.float_contrast_list li i:hover{ background:#eee; color:#999;}
.float_shopdiv ul.float_contrast_list li.bottom{ margin:0; padding:10px; position:absolute; background:#f1f1f1; border-top:solid 1px #ddd; bottom:0px; left:0; text-align:center;}
.float_shopdiv ul.float_contrast_list li.bottom a{ margin:0 5px; padding:0 15px; display:inline-block; border-radius:3px; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.float_shopdiv ul.float_contrast_list li.bottom a.dbbtn{ background:#e74649; color:#fff;}
.float_shopdiv ul.float_contrast_list li.bottom a.qxbtn{ background:#e6e6e6; color:#666;}

.float_shopdiv ul li.tit{ background:#fbfbfb; position:absolute; left:0; top:0; z-index:99;}

a.pro_db{ height:22px; line-height:22px; padding:0 10px; border:solid 1px #ddd; float:right; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#666; background:#f8f8f8;}
a.pro_db input{ margin-right:3px;}
