@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 10px 5px 10px; margin-right:20px; position:relative;}
.ztc-listUl ol li{ width:100%; float:left; color:#333; height:20px; line-height:20px; overflow:hidden; word-break:break-all; margin:5px 0;}
.ztc-listUl ol li.w50{ width:50%;}
.ztc-listUl ol .last{ 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 .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 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-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;}


#header .nav-info{ float: right;
  line-height: 43px;
  padding-right: 40px;}
#header .nav-info .phone{ font-size:24px;color:#0077d9;}

@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;}}
@media (max-width: 700px) {
      #header .nav-info{     overflow: hidden;
    line-height: 24px;
    opacity: 1;
    padding: 0;
    float: right}
  #header .nav-info .phone{ font-size:16px;}    
}
        
        
        

.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}}

.titleRecommend{ background:#fff; line-height:42px;}
.titleRecommend span{ background:#0077d9; display:inline-block; color:#fff; padding:0 20px;}
/*直通车列表 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:after{ border:2px solid #efa023; 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 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 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 .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: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;margin-top:11px; }
.kewordNum .w50{ width:50%; float:left; font-size:15px; padding:55px 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:24px; padding-bottom:6px;}

#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:16px; color:#333; padding:5px 0; text-align:center; word-break:break-all;} 
.goods-kewordTable th{ background:#75bdf6; color:#fff; font-size:16px; padding:5px 0; text-align:center;}
.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/c-keword.gif) no-repeat center; width:18px; height:20px; vertical-align:middle; display:inline-block; overflow:hidden; text-indent:-999px;}
.goods-kewordTable th:nth-child(1){ width:10%;}
.goods-kewordTable th:nth-child(2){ width:40%;}
.goods-kewordTable th:nth-child(3){ width:10%;}
.goods-kewordTable th:nth-child(4){ width:20%;}
.goods-kewordTable th:nth-child(5){ width:10%;}
.goods-kewordTable th:nth-child(6){ width:10%;}

/*关键词详情 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:350px; max-height:350px; display:block;}
.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; background:url(../images/words-icon.png) no-repeat 10px 0;}
.putting-ul .bottom p.icon2{ background-position:10px -20px;}
.putting-ul .bottom p.icon3{ background-position:10px -40px;}
.putting-ul .bottom p.icon4{ background-position:10px -60px;}
.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%);}

/*投放词 end*/

/*投放词详情 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*/

/*个人主页*/
#fixed-bg{ position:fixed; left:0; top:0; bottom:0; right:0; background:url(../images/ph01.jpg) no-repeat; z-index:1;}
#fixed-bg img{ width:100%; height:100%;}

.ph-photo{ width:200px; height:200px; margin:6% auto 3%; overflow:hidden; border-radius:50%; border:6px solid #fff; box-shadow:0 5px 5px #000;}
.ph-photo img{ width:100%; height:100%; display:block;}
.ph-content{ border:2px solid #333a4a; border-radius:3px; box-shadow:10px 10px 10px rgba(0,0,0,0.28); background:#fff; margin-bottom:20px;}
.ph-content .list{ border:2px solid #e5e5e5; border-radius:6px; margin:6% 4%;}
.ph-content .list li{ background:#eee; line-height:74px; font-size:24px; color:#333; border-bottom:5px solid #fff; overflow:hidden; padding:10px 20px;}
.ph-content .list .last{ border-bottom:0;}
.ph-content .list li i{ margin-right:10px; background:url(../images/ph-icon.png) no-repeat; display:inline-block; width:74px; height:74px; float:left;}
.ph-content .list li .ph-icon2{ background-position:0 -74px;}
.ph-content .list li .ph-icon3{ background-position:0 -148px;}
.ph-content .list li .ph-icon4{ background-position:0 -222px;}
.ph-content .list li p{ overflow:hidden; zoom:1;}

@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*/ 
}
@media (max-width: 980px) {
  /*关键词详情 star*/
  .kewordNum{ width:49%; border:1px solid #efa023; margin:0 1% 1% 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*/
}

@media (max-width: 700px) {
  body{ padding-bottom:0;}
  /*直通车列表 star*/
  .titleRecommend{ line-height:36px; font-size:15px;}
  .titleRecommend span{ display:block; padding:0 15px;}
  .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%;}
  .goods-kewordTable th:nth-child(1){ width:12%;}
  .goods-kewordTable th:nth-child(2){ width:24%;}
  .goods-kewordTable th:nth-child(3){ width:20%;}
  .goods-kewordTable th:nth-child(4){ width:20%;}
  .goods-kewordTable th:nth-child(5){ width:12%;}
  .goods-kewordTable th:nth-child(6){ width:12%;}
  /*关键词详情 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*/

  /*个人主页*/
  #fixed-bg{ top:40px; height:180px;}
  .ph-photo{ width:140px; height:140px;}
  .ph-content{ border:0; margin:0; margin:0 -15px;}
  .ph-content .list{ border-radius:0; border:0; margin:0;}
  .ph-content .list li{ line-height:30px; font-size:16px; border:1px solid #e5e5e5; margin-bottom:10px;}
  .ph-content .list li i{ width:30px; height:30px; background-size:100% 400%;}
  .ph-content .list li .ph-icon2{ background-position:0 -30px;}
  .ph-content .list li .ph-icon3{ background-position:0 -60px;}
  .ph-content .list li .ph-icon4{ background-position:0 -90px;}
}

@media (max-width: 600px) {
  #banners-main .inner{ margin:0;}
  .putting-ul .img{ width:100%; height:auto; max-height:100%;}
}


/*******************/

.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;}