@charset "utf-8";
@import url("main.css")/*tpa=http://www.smile5a.com/css/main.css*/;
@import url("home.css")/*tpa=http://www.smile5a.com/css/home.css?v=1*/;
@import url("page.css")/*tpa=http://www.smile5a.com/css/page.css*/;
@import url("list.css")/*tpa=http://www.smile5a.com/css/list.css*/;
@import url("item.css")/*tpa=http://www.smile5a.com/css/item.css*/;
@import url("modal.css")/*tpa=http://www.smile5a.com/css/modal.css*/;
@import url("slide.css")/*tpa=http://www.smile5a.com/css/slide.css*/;
@import url("animate.css")/*tpa=http://www.smile5a.com/css/animate.css*/;

/*浮动客服*/
.toolbar{position: fixed;top: 50%;right:3%;margin-top: -163px;z-index: 100;width: 80px; color:#fff}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0067d0;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box,.toolbar dd.qq .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0067d0;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p,.toolbar dd.qq .box p{font-size: 14px;margin: 15px auto 7px; color:#fff;text-align: center; padding:0}
.toolbar dd.tel .box h3,.toolbar dd.qq .box h3{font-size: 18px;font-weight: bold; color:#fff}
.toolbar dd.tel .box:after,.toolbar dd.qq .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067d0;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0067d0;opacity: 0;transition: all .5s; color:#fff}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067d0;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box,.toolbar dd.qq:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
 @media (max-width:767px){
	 .toolbar{ display:none}
 }
/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;list-style-type:none;}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px; display:inline-table}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;color: #fff;}
/*绿色主题*/
.toollist {	background:#000048;}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li a {color: #fff;}
 @media (min-width:767px){
#tool{ display:none}
 }