@charset "utf-8";

a{ -webkit-tap-highlight-color:rgba(255,0,0,0);} /*点按颜色*/
html{ background-color:#f5f5f5;}
/* 顶部悬浮 */
header{ width:100%; height:50px;}
header .fixed{ width: 100%; height: 50px; position: fixed; top:0; left: 0; z-index:20;}
header .fixed .box{ width:100%; height:50px; box-shadow: 0 0 3px #ccc; position:absolute; top:0; left:0;}
header .fixed .box h4{ height:50px; line-height:50px; padding:0 55px; text-align:center; font-size:18px; color:#fff; overflow: hidden; position:relative; z-index:1;}
header .fixed .box .tbtn{ width:50px; height:50px; line-height:50px; text-align:center; font-size:30px; color:#fff; display:block;}
header .fixed .box .lbtn{ position:absolute; left:0; top:0; z-index:2;}
header .fixed .box .rbtn{ position:absolute; right:0; top:0; z-index:2;}
header .fixed .box .txtbtn{ height:50px; line-height:50px; padding:0 5px; font-size:16px; color: #fff; display: block;}

footer{ width:100%; height:50px;}
footer .fixed{ width: 100%; height: 50px; box-shadow: 0 0 3px #ccc; position: fixed; bottom:0; left: 0; z-index:20;}
footer.gysnav .fixed{ background-color:#fff;}
footer.gysnav .nav{ width:100%; height:50px; display:table;}
footer.gysnav .nav a{ width:20%; height:47px; padding-top:3px; color:#666; text-align:center; display:table-cell;}
footer.gysnav .nav a i{ font-size: 28px; line-height: 28px;}
footer.gysnav .nav a span{ font-size: 28px; line-height: 28px; display:none;}
footer.gysnav .nav a.curr{ color:#3c6;}
footer.gysnav .nav a.curr i{ display:none;}
footer.gysnav .nav a.curr span{ display:inline-block;}

.qxe-sty header .fixed .box{ background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7;}
.skb-sty header .fixed .box{ background-color:#f90;}
.gys-sty header .fixed .box{ background-color:#32374b;}

/* 滚动图片缓加载 */
.scrlbg{ background:#eee url(../images/scrlload.png) no-repeat 50% 50%;}
.scrlload{ background:#eee; opacity:0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in;}
.scrlshow{ opacity:1!important; }

/* 客服、收客宝 通用搜索模块 */
.PubSearchBox{ width:100%; height:100%; background-color: #f5f5f5; position:fixed; left:0; top:0; overflow: auto;}
.PubSearchBox .top{ height:50px; margin-bottom:10px; padding-right:101px; background-color:#fff; box-shadow: 0 0 2px rgba(230,230,230,0.5); position:relative;}
.PubSearchBox .top input[type="text"]{ width:100%; height:30px; line-height:30px; padding:10px 0; border:none; text-indent:10px; font-size:16px;}
.PubSearchBox .top a{ width:50px; height:50px; line-height:50px; text-align:center; color:#666; position:absolute; top:0; display:block;}
.PubSearchBox .top a.btn1{ font-size:20px; right:51px;}
.PubSearchBox .top a.btn2{ font-size:14px; right:0;}
.PubSearchBox .top:after{ width:1px; height:30px; background-color:#ddd; content:""; position:absolute; top:10px; right:50px; display:block;}
.PubSearchBox .title{ line-height:20px; color:#323232; font-size:14px; padding:10px;}
.PubSearchBox .title a{ color: #323232;}
.PubSearchBox .keyword{ margin-left:10px;}
.PubSearchBox .keyword span{ width:33%; padding-bottom:10px; float:left; display:block;}
@media (min-width: 375px) { .PubSearchBox .keyword span{ width:25%;} } 
.PubSearchBox .keyword span a{ height:28px; margin-right:10px; line-height:28px; font-size:14px; color:#666; text-align:center; background-color:#fff; border:1px solid #ddd; border-radius:3px; display:block; overflow: hidden;}
.PubSearchBox .keyword span a:active{ color:#fff; border:1px solid #f90; background-color:#f90;}
.PubSearchBox .history{ margin:0 10px 10px 10px; padding:0 10px; background-color:#fff; font-size:14px; box-shadow: 0 0 2px rgba(230,230,230,0.5);}
.PubSearchBox .history .item{ display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.PubSearchBox .history .item:last-child{ border-bottom:none;}
.PubSearchBox .history .cleanbtn{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#323232;}

.qxe-sty .PubSearchBox .top a:active{ color:#00a3e3;}
.skb-sty .PubSearchBox .top a:active{ color:#f90;}
.gys-sty .PubSearchBox .top a:active{ color:#3c6;}
.qxe-sty .PubSearchBox .title a:active{ color:#00a3e3;}
.skb-sty .PubSearchBox .title a:active{ color:#f90;}
.gys-sty .PubSearchBox .title a:active{ color:#3c6;}
.qxe-sty .PubSearchBox .keyword span a:active{ color:#fff; border:1px solid #00a3e3; background-color:#00a3e3;}
.skb-sty .PubSearchBox .keyword span a:active{ color:#fff; border:1px solid #f90; background-color:#f90;}
.gys-sty .PubSearchBox .keyword span a:active{ color:#fff; border:1px solid #3c6; background-color:#3c6;}
.qxe-sty .PubSearchBox .history a:active{ color:#00a3e3;}
.skb-sty .PubSearchBox .history a:active{ color:#f90;}
.gys-sty .PubSearchBox .history a:active{ color:#3c6;}

/* 收客宝 通用操作菜单 */
#PubSkbMenu{ position:absolute; z-index:1;}
#PubSkbMenu .menu-list{ border-radius:5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); overflow:hidden; position:absolute; z-index:20; display:none;}
#PubSkbMenu .menu-list a{ width:85px; height:40px; line-height:40px; padding-left:40px; color:#fff; font-size:16px; background-color:rgba(70,70,70,0.95); border-bottom:1px solid #666; position:relative; display:block;}
#PubSkbMenu .menu-list a:active{ background-color:rgba(50,50,50,0.95);}
#PubSkbMenu .menu-list a:last-child{ border-bottom:none;}
#PubSkbMenu .menu-list a i{ width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:30px; position:absolute; left:0; top:0;}
#PubSkbMenu .menu-mask{ width:100%; height:100%; position:fixed; top:0; left:0; z-index: 15; display:none;}
#PubSkbMenu.curr .menu-mask{ display:block;}
#PubSkbMenu.curr .menu-list{ display:block;}
#PubSkbMenu.curr:after { width: 0; height: 0; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4a4747; opacity:0.95; position: absolute; z-index:21; }
.PubSkbMenuMask{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:990; cursor:pointer;}
.PubSkbMenuMask.img1{background:rgba(0, 0, 0, 0.8) url(../images/s-mask-1.png) no-repeat 50% 0; background-size:100%;}
.PubSkbMenuMask.img2{background:rgba(0, 0, 0, 0.8) url(../images/s-mask-2.png) no-repeat 50% 0; background-size:100%;}

/* 滚动加载load提示 */
#LoadDataTxt{ height:24px; line-height:24px; padding:10px 0; color:#666; text-align:center;}
#LoadDataTxt i{ width:24px; height:24px; font-size:20px; vertical-align:middle; display:inline-block;}
#LoadDataTxt i:before{ width:24px; height:24px; line-height:24px; text-align:center; display:block; -webkit-animation:2.5s linear 0s normal none infinite rotate;}
#LoadDataTxt span{ vertical-align:middle;}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}

/* 筛选、查询无结果 */
#NoResult{ width: 100%; padding: 200px 0 30px 0; background: url(../images/NoResultBg.png) no-repeat center 30px; background-size: 150px 150px;}
#NoResult h4{ font-size: 18px; color: #666; text-align: center; margin-bottom: 5px; }
#NoResult p{ font-size: 16px; color:#a7a7a7; text-align: center; }
/* 通用banner */
.McomBanner{ margin-bottom: 10px; display: block; box-shadow: 0 0 2px rgba(230,230,230,0.5);}	
.McomBanner img{ width: 100%; max-height: 180px; display: block;}
/* 搜索为空或者没有 */
.s-empty{ width:100%; text-align:center; padding-top:50px;}
.s-empty i{ font-size:200px; line-height:1em; color:#ddd;}
.s-empty p{ font-size:18px; color:#a7a7a7;}
.s-noresult{ width:100%; text-align:center; padding-top:50px;}
.s-noresult p{ padding:35px 0 35px 100px; height:30px; line-height:30px; display:inline-block; position:relative;}
.s-noresult.line2 p{ padding:30px 0 10px 100px; height:60px;}
.s-noresult i{ font-size:100px; line-height:100px; color:#a7a7a7; position:absolute; top:0; left:0;}
.s-noresult span{ font-size:18px; line-height:30px; color:#a7a7a7;}
.qxe-sty .s-noresult span a{ color:#00a3e3;}
.skb-sty .s-noresult span a{ color:#f90;}
.gys-sty .s-noresult span a{ color:#3c6;}