@charset "utf-8";
body{ padding-bottom:50px; background:#f1f1f1;}
/*直通车列表 star*/
.ztc-listUl{ margin-right:-20px; *margin-right:-21px; padding:10px 0;}
.ztc-listUl .ztc-li{ width:33.333333%; float:left; padding:10px 0;}
.ztc-listUl ol{ background:#fff; padding:10px 0 0; margin-right:20px; 
position:relative;    border: 1px solid #fff;}
.ztc-listUl ol li{ width:100%;float:left; color:#000; height:20px; line-height:20px; overflow:hidden; word-break:break-all; margin:5px 0;}
.ztc-listUl ol li.w50{ width:50%;white-space:nowrap;}
.zhaoluoa{position:relative;z-index:40;    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;}
.ztc-listUl ol li.w28{width: 33%;    padding-right: 2%; white-space: nowrap;}
.ztc-listUl ol li.w33{width:33.33%;float: left;}
.ztc-listUl ol li.w37{width:37%;float: left;}
.ztc-listUl ol li a.w33{width:33.33%;float: left;}
.ztc-listUl ol .last{ padding:0;height:auto; line-height:normal; margin:0; padding-top:6px;}
.ztc-listUl ol .icon{ position:absolute; right:-5px; top:-6px; margin:0; width:108px; height:85px; text-indent:-999px;/*transform-origin:right bottom;transform:rotate3d(0,0,0,0);*/ transition:0.6s;}
/*.ztc-listUl .hover .icon{ transform-origin:right bottom;transform:rotate3d(0,0,1,90deg); transition:0.6s; animation:outOpacity 0.6s ease forwards;}*/
.ztc-listUl .i-ztc .icon{ background:url(../images/icon-ztc.png) no-repeat;}
.ztc-listUl .ysb-boxDiv-still .icon{ background:url(../images/icon-ztc.png) no-repeat right 0;top: -48px;}

.ztc-listUl .ysb-boxDiv-still .iconqwt{ background:url(../images/icon-qwt.png) no-repeat right 0;top: -48px;}
.ztc-listUl .i-ysb .icon{ background:url(../images/icon-ysb.png) no-repeat;}
.ztc-listUl .i-bdt .icon{ background:url(../images/icon-bdt.png) no-repeat;}
.ztc-listUl .i-yhpm .icon{ background:url(../images/paimingbj.png) no-repeat;}
.ztc-listUl .i-yhpm .erweima{ position: absolute;
    width: 26px;
    height: 26px;
    right: 0;
    top: 5px;
    z-index: 20;}
.ztc-listUl .i-ysbnew .pmcs{       position: absolute;
    width: 109px;
    height: 63px;
    color: #fff;
    font-weight: bold;
    background: url(http://www.jzl123.cn/youshang_searching/public1/css/../images/paimingbj.png) no-repeat right 0;
    right: 10px;
    bottom: 40px;
    font-size: 14px;
    text-align: center;
    padding: 0;
    line-height: 60px;
    background-size: contain;}
.ztc-listUl ol .check{ color:#fff; font-size:16px; line-height:30px; border-radius:3px; display:block; text-align:center;}
.ztc-listUl .i-ztc .check{ background:#74c661;}
.ztc-listUl .i-ysb .check{ background:#6aaacf;}
.ztc-listUl .i-bdt .check{ background:#ebb85e;}
.ztc-listUl .i-yhpm .check{ background:#74c661;}

.ztc-listUl .i-yhpm.hover li:nth-of-type(1) b{ animation:yhpmColor 0.1s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(2) b{ animation:yhpmColor 0.1s 0.1s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(3) b{ animation:yhpmColor 0.1s 0.2s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(4) b{ animation:yhpmColor 0.1s 0.3s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(5) b{ animation:yhpmColor 0.1s 0.4s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(6) b{ animation:yhpmColor 0.1s 0.5s linear forwards;}
.ztc-listUl .i-yhpm.hover li:nth-of-type(7) b{ animation:yhpmColor 0.1s 0.6s linear forwards;}
.ztc-listUl .i-yhpm.hover ol{border-color: #61bb4c;transition:1s 1s;}
.ztc-listUl .i-yhpm.hover li b{ color:#efa023; transition:1s 2s color;}
.ztc-listUl .i-yhpm.hover .check{ animation:hoverShake 0.3s 1s ease; background:#efa023; transition:0.6s 0.4s background;}

.ztc-listUl .i-ztc.hover li:nth-of-type(1) b{ animation:ztcColor 0.1s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(2) b{ animation:ztcColor 0.1s 0.1s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(3) b{ animation:ztcColor 0.1s 0.2s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(4) b{ animation:ztcColor 0.1s 0.3s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(5) b{ animation:ztcColor 0.1s 0.4s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(6) b{ animation:ztcColor 0.1s 0.5s linear forwards;}
.ztc-listUl .i-ztc.hover li:nth-of-type(7) b{ animation:ztcColor 0.1s 0.6s linear forwards;}
.ztc-listUl .i-ztc.hover li b{ color:#51a50e; transition:1s 2s color;}
.ztc-listUl .i-ztc.hover .check{ animation:hoverShake 0.3s 1s ease; background:#51a50e; transition:0.6s 0.4s background;}

.ztc-listUl .i-ysb.hover li:nth-of-type(1) b{ animation:ysbColor 0.1s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(2) b{ animation:ysbColor 0.1s 0.1s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(3) b{ animation:ysbColor 0.1s 0.2s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(4) b{ animation:ysbColor 0.1s 0.3s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(5) b{ animation:ysbColor 0.1s 0.4s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(6) b{ animation:ysbColor 0.1s 0.5s linear forwards;}
.ztc-listUl .i-ysb.hover li:nth-of-type(7) b{ animation:ysbColor 0.1s 0.6s linear forwards;}
.ztc-listUl .i-ysb.hover li b{ color:#0685cd; transition:1s 2s color;}
.ztc-listUl .i-ysb.hover .check{ animation:hoverShake 0.3s 1s ease; background:#0685cd; transition:0.6s 0.4s background;}

.ztc-listUl .i-bdt.hover li:nth-of-type(1) b{ animation:bdtColor 0.1s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(2) b{ animation:bdtColor 0.1s 0.1s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(3) b{ animation:bdtColor 0.1s 0.2s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(4) b{ animation:bdtColor 0.1s 0.3s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(5) b{ animation:bdtColor 0.1s 0.4s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(6) b{ animation:bdtColor 0.1s 0.5s linear forwards;}
.ztc-listUl .i-bdt.hover li:nth-of-type(7) b{ animation:bdtColor 0.1s 0.6s linear forwards;}
.ztc-listUl .i-bdt.hover li b{ color:#f0a014; transition:1s 2s color;}
.ztc-listUl .i-bdt.hover .check{ animation:hoverShake 0.3s 1s ease; background:#f0a014; transition:0.6s 0.4s background;}

@-webkit-keyframes hoverShake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}
@keyframes hoverShake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}
@keyframes ztcColor{0%{ color:#333;}100%{ color:#51a50e;}}
@keyframes ysbColor{0%{ color:#333;}100%{ color:#0685cd;}}
@keyframes bdtColor{0%{ color:#333;}100%{ color:#f0a014;}}
@keyframes outOpacity{0%{opacity:1}100%{opacity:0}}
@keyframes yhpmColor{0%{ color:#333;}100%{ color:#efa023;}}

.titleRecommend{ background:#fff; line-height:42px;height:42px;}
.titleRecommend span{ background:#0077d9; display:inline-block; color:#fff; padding:0 20px;float:left;}
.titleRecommend a{display: block;float: right;color: #0077d9;padding-right: 10px;}
/*直通车添加*/
.addh4{margin-top: 20px;}
.addsearch{    width: 40%;
    height: 42px;
    position: relative;
    margin-left: 200px;
    margin-top: -42px;}
.addsearch input[type=text]{width: 80%;
    padding: 0 10px;
    border: 1px solid #0f7fdb;
    font-size: 1.0rem;
    height: 40px;
    margin: 0;
    color: #666;}
.addsearch .searcha{    color: #fff;
    padding: 0;
    background: #0278d9;
    width: 18%;
    position: absolute;
    right: 0;
    top: 0;    height: 42px;
    line-height: 42px;
    z-index: 20;
    text-align: center;
    font-size: 1.1rem;}
/*直通车列表 end*/

/*云商宝 star*/
.ysb-boxDiv{ padding-top:10px; margin-right:20px; position:relative; background:#fff;}
.ysb-boxDiv:before,.ysb-boxDiv:after{ position:absolute; top:0; left:0; bottom:0; right:0; content:""; transition:0.6s; opacity:0; filter:alpha(opacity:0); zoom:1;}
.ysb-boxDiv:before{ border:2px solid #efa023; border-width:2px 0; transform:scale(0,1);}
.ysb-boxDiv-still:before{ border:2px solid #61bb4c; border-width:2px 0; transform:scale(0,1);}
.ysb-boxDiv:after{ border:2px solid #efa023; border-width:0 2px; transform:scale(1,0);}
.ysb-boxDiv-still:after{ border:2px solid #61bb4c; border-width:0 2px; transform:scale(1,0);}
.ysb-boxDiv:hover:before,.ysb-boxDiv:hover:after{ opacity:1; filter:alpha(opacity:1); transform: scale(1);}
.ysb-boxDiv h3{ font-size:20px; height:26px; line-height:26px; margin:0 10px 6px 10px; position:relative;}
.ysb-boxDiv ol{ padding:5px 10px 46px 10px; margin:0; position:relative;}
.ysb-boxDiv-still:hover b{color:#efa023 ;}
.ysb-boxDiv b{ display:inline-block; position:relative;}
.ysb-boxDiv h3:before,.ysb-boxDiv b:before { position:absolute; top:0; left:0; bottom:0; overflow:hidden; width:0; border-bottom:1px solid #000; content: attr(data-hover); color:#efa023; transition:width 0.5s;}
.ysb-boxDiv-still b:before  {border-bottom:1px solid #efa023;}
.ysb-boxDiv h3:before{ border:0;}
/*ie8浏览器边框为0*/
.ie8-body .ysb-boxDiv:after,.ie8-body .ysb-boxDiv:before{ border:0;}

.ysb-boxDiv ol li{ float:left; width:50%; margin:4px 0; position:relative; z-index:1;}
.ysb-boxDiv ol .w100{ width:100%;}
.ysb-boxDiv ol .last{ clear:both; width:100%; position:absolute; left:0; bottom:0; height:36px; padding:0; text-align:center;}
.ysb-boxDiv ol .check{ height:36px; line-height:36px; border-radius:0; position:relative;}
.ysb-boxDiv ol .check span{ display:block; transition: transform 0.3s; background:#74c661;}
.ysb-boxDiv ol .check:before{ position:absolute; right:0; top:0; z-index:-1; width:100%; line-height:36px; background:#efa023; content:attr(data-hover); transition: transform 0.3s; transform: translateX(25%);}
.ysb-boxDiv ol .a1 span{background: #54b03e;}
.ysb-boxDiv ol .a2 span{background: #61bb4c;}
.ysb-boxDiv ol .a3 span{background: #74c661;}
.ysb-boxDiv-still ol .check:hover span{background: #efa023;}
.ysb-boxDiv .code{ margin:0; float:none; position:absolute; z-index:9; width:26px; height:26px; right:10px; top:10px;}
.ysb-boxDiv .code .mincode{ display:block; width:26px; height:26px; background:url(../images/ysb-mincode.png) no-repeat; cursor:pointer;}
.ysb-boxDiv .maxcode{ display:none; border:1px solid #eaeaea; position:absolute; right:-342px; top:-10px; width:330px; height:256px; background:url(../images/ysb-maxcode.jpg) no-repeat;}
.ysb-boxDiv .maxcode img{ display:block; width:140px; height:140px; border:2px solid #74c661; margin:50px 0 0 15px;}

.ysb-boxDiv:hover h3:before,.ysb-boxDiv:hover b:before{ width:100%;}
.ysb-boxDiv:hover .check span,.ysb-boxDiv:focus .check span{ transform: translateX(-100%);}
.ysb-boxDiv-still:hover .check span,.ysb-boxDiv-still:focus .check span{ transform: translateX(0);}
.ysb-boxDiv:hover .check:before,.ysb-boxDiv:hover .check:focus:before{ transform: translateX(0%);}
.ysb-boxDiv:hover .mincode{ animation:flash 1s linear forwards infinite;}

@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
/*云商宝 end*/

/*微点金 star*/
.wdjCode{ width:112px; height:112px; position:absolute; right:10px; bottom:46px; z-index:3;}
.wdjCode .wechat{ display:block; width:112px; height:112px; overflow:hidden; float:left;}
.ysb-boxDiv:hover .wechat{ animation:flash 1s linear;}
/*微点金 end*/


/*关键词详情 star*/
.goods-topbox{ padding:16px 0 10px 0; font-size:20px; color:#333;}
.goods-topbox .line{ height:26px; line-height:26px; overflow:hidden; word-break:break-all; float:left; width:29%; margin-right:10px; transition:0.3s;}
.goods-topbox .line span{ color:#666;}
.goods-topbox .code img{ width:26px; height:26px; float:left; margin-right:6px;}
.goods-topbox .code{ position:relative; font-size:14px; color:#999; line-height:26px; transition:0.3s; cursor:pointer;}

.goods-kewordBox{ background:#fff; padding:10px; margin-bottom:16px;}
.kewordNum{ background:#efa023; width:318px; float:left; color:#fff; text-align:center; transition:0.3s;}
.kewordNum .w50{ width:50%; float:left; font-size:12px; padding:20px 0; transition:0.3s;}
.kewordNum .num{ font-size:36px;}
.keword-sou{ border:1px solid #e9e9e9; color:#666; float:left; width:23%; background:#fff; text-align:center; padding:14px 0; margin:9px 0 0 12px; transition:0.3s;}
.keword-sou .type{ font-size:18px; padding-bottom:6px;}
.keword-sou p span{padding: 0 4px;font-size: 12px;color: #555;}
.keword-sou p span i{font-style: normal;font-size: 16px;color: #efa122;}
#maxCode{ display:none; position:absolute; width:330px; height:256px; right:0; top:54px; z-index:9999;}
#maxCode .codebox{ width:100%; height:100%; position:absolute; left:0; top:0; border-radius:5px; background:url(../images/ysb-maxcode.jpg) no-repeat; background-size:100%;}
#maxCode .codebox img{ position:relative; top:50px; left:18px; width:140px; height:140px;}

.piediv{ background:#fff; float:left; width:278px;}
#chart-pie{ width:278px; height:300px;}
.linediv{ background:#fff; margin-left:294px;}
#chart-line{ height:300px;}

.goods-kewordTable{ background:#fff; border-collapse:collapse; border-spacing:0; border:1px solid #e9e9e9; width:100%; margin:16px 0;}
.goods-kewordTable td{ border:1px solid #e9e9e9; font-size:14px; color:#555; padding:5px 0; text-align:center; word-break:break-all;}
.goods-kewordTable td .w25{width:20%;display:inline-block;text-align:center;}

.goods-kewordTable th{ background:#75bdf6; color:#fff; font-size:14px; padding:5px 0; text-align:center;}
.goods-kewordTable-green th{background: #61bb4c;    border: 1px solid #ddd;white-space: nowrap;}
.goods-kewordTable caption{ font-size:18px; color:#333; text-align:left; font-weight:600; padding-bottom:6px;}
.goods-kewordTable .red{ color:#dc1010;}
.goods-kewordTable .table-img{ vertical-align:middle; display:inline-block; max-width:100%;}
.goods-kewordTable .check{ background:url(../images/searchblue.png) no-repeat center; width:18px; height:20px; vertical-align:middle; display:inline-block; overflow:hidden; text-indent:-999px;}
.goods-kewordTable td span{float: left; padding-left: 30%;}
.goods-kewordTable td img{    float: left;  padding-left: 17%;}
.goods-kewordTable .paimtd img{  padding-left:0%;}
.goods-kewordTable th:nth-child(1){ width:4%;}
.goods-kewordTable th:nth-child(2){ width:14%;}
.goods-kewordTable th:nth-child(3){ width:12%;}
.goods-kewordTable th:nth-child(4){ width:10%;}
.goods-kewordTable th:nth-child(5){ width:12%;}
.goods-kewordTable th:nth-child(6){ width:8%;}
.goods-kewordTable th:nth-child(7){ width:10%;}
.goods-kewordTable th:nth-child(8){ width:6%;}
.goods-kewordTable th:nth-child(9){ width:10%;}
.goods-kewordTable th:nth-child(10){ width:12%;}

/*关键词详情 end*/

/*锦旗 star*/
#banners-main{ position:relative; margin:10px -10px; overflow:hidden;}
#banners-main .grid{ width:300px; float:left;}
#banners-main .inner{ margin:0 10px; overflow:hidden; color:#666; line-height:20px; font-size:12px; background:#fff; box-shadow:0 3px 3px #e7e7e7; position:relative;}
#banners-main .imgbox{ overflow:hidden;}
#banners-main .imgbox img{ width:100%; display:block; transform:scale(1); transition:1s;}
#banners-main .context{ padding:10px;}
#banners-main .context h3{ font-size:16px; color:#333; padding-bottom:10px; text-align:center;}
#banners-main .inner:before,#banners-main .inner:after{ position:absolute; top:0; left:0; bottom:0; right:0; content:""; opacity:0; filter:alpha(opacity:0); zoom:1; transition:0.6s; z-index:9}
#banners-main .inner:before{ border:2px solid #f1f1f1; border-width:2px 0; transform:scale(0,1);}
#banners-main .inner:after{ border:2px solid #f1f1f1; border-width:0 2px; transform:scale(1,0);}

#banners-main .grid:hover .inner:before,#banners-main .grid:hover .inner:after{ border-color:#3a3a3a; opacity:1; filter:alpha(opacity:1); transform: scale(1);}
#banners-main .grid:nth-child(3n+2):hover .inner:before,#banners-main .grid:nth-child(3n+2):hover .inner:after{ border-color:#57a9c1; opacity:1; filter:alpha(opacity:1); transform: scale(1);}
#banners-main .grid:hover .inner:before,#banners-main .grid:hover .inner:after{ opacity:1; filter:alpha(opacity:1); transform: scale(1);}
#banners-main .grid:hover .inner{ background:#57a9c1; color:#fff; transition:0.3s;}
#banners-main .grid:hover h3{ color:#fff; transition:0.6s;}
#banners-main .grid:hover img{ transform:scale(1.05);}
#banners-main .grid:hover:nth-child(3n+2) .inner{ background:#3a3a3a; color:#999; transition:background 1s;}
#banners-main .grid:hover:nth-child(3n+2) h3{ color:#da8a0b;}
/*锦旗 end*/

/*投放词 star*/
.words-ul{ background:#fff; margin-right:0;}
.words-ul li{ background:url(../images/kewords-bj.jpg) no-repeat 50% 10px;}
.words-ul li:hover h3{ color:#efa023; transition:0.3s;}
.words-ul .cover{ width:300px; height:188px; margin:16px auto 0; position:relative; overflow:hidden;}
.words-ul .img{ width:100%; display:block;}
.words-ul .bottom{ width:320px; margin:40px auto 0;}
.words-ul .bottom h3{ font-size:18px; height:20px; line-height:20px; overflow:hidden; color:#333;}
.words-ul .bottom p{ font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#666;}
.words-ul .mask{ position:absolute; left:0; bottom:-100%; width:100%; padding:10px 0; font-size:12px; color:#fff;line-height:18px;}
.words-ul .mask .bj{ background:#000; opacity:0.4; filter:alpha(opacity:40); zoom:1; position:absolute; left:0; bottom:0; width:100%; height:100%;}
.words-ul .mask p{ position:relative; z-index:3; padding:0 10px;}

.putting-ul .put-div{ margin-right:20px; position:relative; overflow:hidden;}
.putting-ul .put-div:before,.putting-ul .put-div:after{ position:absolute; top:0; left:0; bottom:0; right:0; content:""; opacity:0; filter:alpha(opacity:0); zoom:1; transition:0.6s;}
.putting-ul .put-div:before{ z-index:2; border:2px solid #efa023; border-width:2px 0; transform:scale(0,1);}
.putting-ul .put-div:after{ border:2px solid #efa023; border-width:0 2px; transform:scale(1,0);}
.putting-ul .cover{ position:relative;}
.putting-ul .img{ width:100%; height:240px; max-height:240px; display:block;}
/*改变
.putting-ul .imagess{height:350px; max-height:350px;}
.putting-ul .bottom 193行{display:none;}
204行去掉

*/
.putting-ul .imagess{height:350px; max-height:350px;}

.putting-ul .bj{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; background:#fff; opacity:0.8; filter:alpha(opacity:80); zoom:1;}
.putting-ul .bj:before{ position:absolute; width:100%; height:100%; content:""; left:-100%; top:0; background:#000; opacity:0.6; filter:alpha(opacity:60); zoom:1;}
.putting-ul .bottom{ width:100%; padding:4px 0; color:#666; position:absolute; left:0; bottom:0; z-index:2;
display:none;
}
.putting-ul .bottom p{ padding:0 10px 0 30px; position:relative; z-index:3; height:20px; line-height:20px;}

.putting-ul .put-check{ height:36px; text-align:center;}
.putting-ul .check{ height:36px; line-height:36px; display:block; border-radius:0; position:relative; font-size:16px; color:#fff; z-index:9;}
.putting-ul .check span{ display:block; transition: transform 0.3s; background:#74c661;}
.putting-ul .check:before{ position:absolute; right:0; top:0; z-index:-1; width:100%; line-height:36px; background:#efa023; content:attr(data-hover); transition: transform 0.3s; transform: translateX(25%);}

.putting-ul .put-div:hover:after,
 .putting-ul .put-div:hover:before{ opacity:1; filter:alpha(opacity:100);}
.putting-ul .put-div:hover .bj{ left:100%; transition:0.5s}
.putting-ul .put-div:hover .bottom{ color:#fff;}
.putting-ul .put-div:hover p.icon1{ background-position:10px -80px;}
.putting-ul .put-div:hover p.icon2{ background-position:10px -100px;}
.putting-ul .put-div:hover p.icon3{ background-position:10px -120px;}
.putting-ul .put-div:hover p.icon4{ background-position:10px -140px;}
.putting-ul .put-div:hover .check span,.putting-ul .put-div:focus .check span{ transform: translateX(-100%);}
.putting-ul .put-div:hover .check:before,.putting-ul .put-div:hover .check:focus:before{ transform: translateX(0%);}

/*优化词排名*/
.addborder{    position: relative; margin-top: 9px;}
.addborder:after{position: absolute;content:'';height: 100%;  width:1px;background: #f3b85a;top: 0; left:50%;z-index: 6;  visibility: visible;}
.addborder:before{position: absolute;content:'';width: 50%; height:1px;background: #f3b85a;left: 50%;  top:50%;z-index: 6;   visibility: visible;}
.kewordNum .da .num{line-height: 60px; padding-top: 30px;}
.kewordNum .da .text{padding-bottom: 14px;}
.kewordNum .da img{padding-bottom: 20px;    display: block;
    width: 27px;
    margin: 0 auto;}
.kewordNum .da{padding: 0;}
.kewordNum .xiao{padding: 0;}
.kewordNum .xiao .num{    padding-top: 14px;line-height: 38px;}
.kewordNum .xiao .text{padding-bottom: 7px;line-height: 26px;}
/*投放词详情 star*/
.slide-title{ background:#efa023; margin:14px 0; padding:14px 30px;}
.slide-title h3{ font-size:18px; color:#fff; line-height:38px;}
.slide-title b{ font-weight:normal;}
.slide-title .subtitle{ font-size:16px; color:#fff; line-height:30px;}
.slide-title .subtitle span{ margin-right:50px; padding-left:32px; display:inline-block;}
.slide-title .subtitle span:last-child{ margin-right:0;}
.slide-title .span01{ background:url(../images/words-icon1.png) no-repeat left center;}
.slide-title .span02{ background:url(../images/words-icon2.png) no-repeat left center;}
.slide-title .span03{ background:url(../images/words-icon3.png) no-repeat left center;}
#bigSwiper{ position:relative; background:url(../images/words-bj.png) no-repeat top center; padding:22px 0 0 0;}
#bigSwiper .swiper-content{ width:840px; height:558px; overflow:hidden; margin:0 auto;}
#bigSwiper .swiper-content img{ display:block; width:100%;}
#bigSwiper  .btn{ width:41px; height:41px; position:absolute; top:50%; margin-top:-22px; background:url(../images/img-ico.png) no-repeat left bottom; text-indent:-100px; overflow:hidden; cursor:pointer;}
#bigSwiper  .prev{ left:12px; background-position:0 -42px;}
#bigSwiper  .next{ right:12px;}
#bigSwiper  .prev_big{ left:10px; background-position:0 -42px;}
#bigSwiper .next_big{ right:10px;}


#smallNav{ margin-top:74px; background:#e5e5e5; padding:20px 0; position:relative;}
#smallNav .swiper-nav{ width:1088px; height:194px; margin:0 auto;}
#smallNav .swiper-slide{ width:256px; float:left; padding:0 8px;}
#smallNav .swiper-slide img{ width:100%; display:block; max-height:160px; border:2px solid #b5b4b4;}
#smallNav .swiper-slide-active img{ border-color:#efa023;}
#smallNav .swiper-slide p{ color:#636363; font-size:14px; height:30px; line-height:30px; overflow:hidden; background:url(../images/img-ico.png) no-repeat -12px -6px; text-indent:20px; }
#smallNav .swiper-slide span{ color:#cd0104;}

/*投放词详情 end*/

@media (max-width: 1180px) {
  /*关键词详情 star*/
  .ztc-listUl .ztc-li{ width:50%;}
  .goods-topbox .line{ width:49%; margin-bottom:6px; font-size:18px;}
  .goods-topbox .line:nth-child(2){ margin-right:0;}
  .goods-topbox .code{ float:left;}
  /*关键词详情 end*/

}
@media (max-width: 1200px) {
  /*关键词详情 star*/
  .kewordNum .num{ font-size:30px;}
  .keword-sou{ width:20%;}
  .keword-sou .type{ font-size:19px;}
  /*关键词详情 end*/
    .keword-sou p span{display: block;}
    .addborder{padding: 22px 0;}
}
@media (max-width: 980px) {
    #header .nav-info .phone{font-size: 20px;}
    #header .nav-info{padding-right: 20px;float: none;
        position: absolute;
        right: 120px;
        top: 8px;}
  /*关键词详情 star*/
  .kewordNum{ width:98%; border:1px solid #efa023; margin:0 1% 1% 0;padding: 0;}
  .kewordNum .w50{ padding:8px 0;}
  .kewordNum .num{ font-size:26px;}
  .keword-sou{ width:49%; margin:0; padding:10px 0;}
  .keword-sou:nth-child(3){ margin-right:1%;}
  .keword-sou .type{ font-size:17px;}

  .piediv{ background:#fff; float:none; width:100%; margin-bottom:16px;}
  #chart-pie{ width:100%; height:300px;}
  .linediv{ background:#fff; margin-left:0;}
  #chart-line{ height:300px;}
  /*关键词详情 end*/ 

  /*投放词详情 star*/
  .slide-title h3{ font-size:17px;}
  .slide-title .subtitle{ font-size:15px;}
  .slide-title .subtitle span{ background-size:22px; padding-left:28px;}
  /*投放词详情 end*/
    .addsearch .searcha{font-size: 1.0rem}
    .addsearch input[type=text]{font-size: 0.9rem}
    /*优化词排名*/
    .kewordNum .da{padding: 0;}
    .kewordNum .xiao{padding: 0;}
    .keword-sou p span{display: inline;}
    .kewordNum .da .num{padding: 0;font-size: 22px;line-height: 40px;}
    .kewordNum .xiao .num{font-size: 22px; padding:0;line-height: 23px;    padding-top: 6px;}
    .kewordNum .xiao .text{padding: 0;line-height: 24px;}
    .kewordNum .da img{padding: 0;}
    .goods-kewordTable td{    font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;}
    .goods-kewordTable td span{padding-left: 10%}

}
@media (max-width: 700px) {
    .titleRecommend a{font-size: 12px;}
    #header .nav-info .phone{font-size: 16px;}
    #header .nav-info{opacity: 0;}
    .goods-kewordTable td .ciimg{width:40%;}
    .goods-kewordTable th{white-space: nowrap;}
  body{ padding-bottom:0;}
  /*直通车列表 star*/
  .titleRecommend{ line-height:36px; font-size:15px;height: 36px;}
  .titleRecommend span{ display:block; padding:0 15px;}
  .addsearch{margin: 0;
    width: 100%;
    margin-top: 10px;
    height: 30px;}
  .addsearch input[type=text]{    height: 28px;
    line-height: 28px;font-size: 0.8rem;}
  .addsearch .searcha{    height: 30px;
    line-height: 30px;font-size: 0.9rem;}
  .ztc-listUl{ margin-right:0;}
  .ztc-listUl .ztc-li{ width:100%; padding:8px 0; font-size:12px;}
  .ztc-listUl ol{ margin-right:0;}
  .ztc-listUl ol li{ margin:0; white-space:nowrap;}
  .ztc-listUl ol .check{ font-size:14px;}
  .ztc-listUl .hover .icon,.ztc-listUl li:focus .icon{ 
  	transform-origin:right bottom;transform:rotate3d(0,0,0,0); animation:none;}
  /*直通车列表 end*/

  /*云商宝 star*/
  .ysb-boxDiv{ margin-right:0;}
  .ysb-boxDiv .maxcode{ position:absolute; margin-right:-150px; right:50%; top:-10px; max-width:300px; height:256px; background:url(../images/ysb-maxcode.jpg) no-repeat; background-size:100%;}
  .ysb-boxDiv .maxcode img{ width:116px; height:116px;}
  .ysb-boxDiv h3{ font-size:15px; margin-bottom:0;}
  #maxCode{ display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; z-index:9999;}
  #maxCode .codebox{ width:300px; height:232px; position:absolute; left:50%; top:50%; margin:-116px 0 0 -150px; border-radius:5px; background:url(../images/ysb-maxcode.jpg) no-repeat; background-size:100%;}
  #maxCode .codebox img{ position:relative; top:36px; left:10px; width:140px; height:140px;}
  .ztc-listUl li:nth-child(even) .mincode{ animation:flash 2s linear forwards infinite;}
  .ztc-listUl li:nth-child(odd) .mincode{ animation:flash 1.5s linear forwards infinite;}
  /*云商宝 end*/

  /*关键词详情 star*/
  .goods-topbox .line{ width:100%; margin:0; font-size:14px; line-height:20px; height:20px;}
  .goods-topbox .code{ line-height:20px;}
  .goods-topbox .code img{ width:20px; height:20px;}
  .kewordNum{ width:100%; margin:0 0 0 -1px;}
  .kewordNum .w50{ padding:14px 0;}
  .kewordNum .num{ font-size:20px;}
  .keword-sou{ width:100%; margin:9px 0 0 -1px; padding:10px 0;}
  .keword-sou:nth-child(3){ margin-right:0;}
  .keword-sou .type{ font-size:16px;}
  .goods-topbox .code{ float:right; font-size:12px;}

  #chart-pie{ width:100%; margin-bottom:14px; margin-left:-1px;}
  #chart-line{ margin-left:0; width:100%; clear:left; margin-left:-1px;}
  .goods-kewordTable caption{ font-size:14px;}
  .goods-kewordTable td,.goods-kewordTable th{ font-size:12px;}
  .goods-kewordTable .check{ background-size:80% 80%;}

  /*关键词详情 end*/

  /*锦旗 star*/
  #banners-main{ margin:0; padding:15px 0;}
  #banners-main .grid{ width:100%; float:none; margin-bottom:15px;}
  #banners-main .grid:last-child{ margin-bottom:0;}

  /*锦旗 end*/

  /*投放词 star*/
  .words-ul li{ background-size:100%;}
  .words-ul .cover{ width:76%; height:auto;}
  .words-ul .bottom{ width:76%; margin:10% auto 0;}
  .words-ul .bottom h3{ font-size:14px;}
  .words-ul .bottom p{ font-size:12px;}
  .words-ul .mask{ bottom:0;}

  .putting-ul .put-div{ margin-right:0;}
  .putting-ul .check{ font-size:14px;}
  .putting-ul .img{ width:100%; height:160px; max-height:160px;}
  /*投放词 end*/

  /*投放词详情 star*/
  .slide-title{ padding:10px; margin:0 -15px 10px;}
  .slide-title h3{ font-size:14px; line-height:normal; padding-left:70px; text-indent:-70px;}
  .slide-title .subtitle{ font-size:12px; line-height:20px;}
  .slide-title .subtitle span{ padding-left:24px; background-size:18px;}
  #bigSwiper{ background-image:none; padding:0;}
  #bigSwiper .swiper-content{ width:100%; height:auto; overflow:visible;}
  #bigSwiper .swiper-content p{ font-size:12px; text-align:center; line-height:30px;}
  #bigSwiper .swiper-content img{ border:2px solid #b5b4b4; margin-left:-2px;}
  #smallNav,#bigSwiper .btn{ display:none;}
  /*投放词详情 end*/
 
 /*直通车背景*/
.ztc-listUl .ysb-boxDiv-still .icon{ background:url(../images/icon-ztc.png) no-repeat right 0;top: -43px;}
	.ztc-listUl .ysb-boxDiv-still .iconqwt{ background:url(../images/icon-qwt.png) no-repeat right 0;top: -43px;}
}

@media (max-width: 600px) {
  #banners-main .inner{ margin:0;}
  .putting-ul .img{ width:100%;height:auto; max-height:100%;}
}
@media (max-width: 360px){
    .keword-sou p span{display: block;}
}
/* 查询内容
还改变了global.css下47行#navdiv li{width:13%;}
删除index.css下的186行关于把车开了background:url();*/
.chax{}
.chax select,label,input[type=text]{color:#D3CECE;padding:8px;margin-top:10px;font-size:16px;}
.chax select,option,input[type=text]{border:1.6px solid #D3CECE;}
.chax .btn{background:#FBB114;color:#fff;padding:5px;width:100px;margin-top:10px;cursor:pointer;margin-left:5px;font-size:16px;}
			#footer{
				 
				height: 40px !important;
				line-height: 20px !important;
			}
#container{margin-bottom: 20px;}