html,body{margin: 0;padding: 0;}
:focus {outline: 0;}
a:focus{outline: none;outline-offset: -0px;}
a:focus, a:hover{color: #000000;text-decoration: none;}
a {outline:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;color: #333;}
.clearfix::after{content: '';display: block;clear: both;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.ellipsis9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.imgbox,.imgbox1{overflow: hidden;}
.imgbox img,.imgbox1 img{width: 100%;height: 100%;object-fit: cover;font-family:'object-fit:cover' }
.pointer{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.d-flex{display: flex;}
.d-flex-wrap{display: flex;flex-wrap: wrap;}
.d-flex-center{display: flex;align-items: center;}
.d-grow{flex-grow: 1;flex-basis: 100%;min-width:0}
.d-flex-wrap .d-grow{flex-basis: initial;}
.d-shrink{flex-shrink: 0;}
.overflow{overflow: hidden;}
.advbox,.advbox *{max-width:100% !important;height: auto;}
.advlist .advbox li{margin-bottom: 20px;}
.list-adv.advlist .advbox li{margin-bottom: 10px;}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.easeIn{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.easeShow{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.imgbox:hover img ,.imgbox a:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.imgbox img,.imgbox a img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}

::-webkit-scrollbar {width: 7px;height: 7px;}
::-webkit-scrollbar-thumb {background-color: rgba(50, 50, 50, 0.3);}
::-webkit-scrollbar-thumb:hover {background-color: rgba(50, 50, 50, 0.6);}
::-webkit-scrollbar-track {background-color: rgba(50, 50, 50, 0.1);}
::-webkit-scrollbar-track:hover {background-color: rgba(50, 50, 50, 0.2);}

.advlist li{width: 100%;text-align: center;}
.advlist li:first-child:nth-last-child(2),.advlist li:first-child:nth-last-child(2) ~ li{width: calc(50% - 7.5px);}
.advlist li:first-child:nth-last-child(2){float: left;}
.advlist li:first-child:nth-last-child(2) ~ li{float: right;}
.advlist li:first-child:nth-last-child(3),.advlist li:first-child:nth-last-child(3) ~ li {width: calc(33.33% - 7.5px);float: left;}
.advlist li:first-child:nth-last-child(3) {margin-right: 12px;}
.advlist li:last-child {float: right!important;}


/* 头部 */
.headbox{position: fixed;width: 100%;top: 0;z-index: 11;}

.topHead .logined{text-align: right;color: #fff;}
.topHead .logined a{color: #fff;font-size: 14px;line-height: 35px;display: inline-block;}
.topHead{background: #111b34;}
.topHead .btnbox{display: inline-block;font-size: 14px;line-height: 35px;text-align: center;width: 80px;position: relative;color: #fff; }
.topHead .btnbox::after{display: block;position: absolute;content: '';width: 6px;height: 6px;}
.topHead .btn1{background: #2759b8;}
.topHead .btn2{background: #3a73df;margin-bottom:-6px;}
/* .topHead .btn1::after{background: url(../../images/index/icon11.png) no-repeat center center;right: 0;bottom: -6px;}
.topHead .btn2::after{background: url(../../images/index/icon11_on.png) no-repeat center center;top: -6px;left: 0;} */
.topHead .userlogo{width: 50px;height: 50px;border-radius: 50%;overflow: hidden; display: inline-block;margin: 18px 0px 0px 30px;}
.topHead .userlogo img{width: 100%;height: 100%;object-fit: cover;}

.head{background:url(../../images/index/icon24.png) repeat-x top;}
.head .container{position: relative;}
.head .logo{display: inline-block;margin-top: 20px;}
.head .top-nav {position: relative;}
.head .top-nav .item{display: inline-block;position: relative;padding: 30px 20px;text-align: center;}
.head .top-nav .item a{color: #ffffff;font-size: 20px;line-height: 30px;position: relative;display: inline-block;}
.head .top-nav .item a::after{position: absolute;bottom: 0;left: -2px; width: calc(100% + 4px); height: 8px;background: rgb(106, 194, 168,0.8);}
.head .top-nav .item.on a::after,.head .top-nav .item a:hover::after{display: block;content: '';}
.head .top-nav .item.item-login,.head .logo .logo2{display: none;}
.head .show-search{margin: 30px 0px 0px 20px;cursor: pointer;display:none}
.head .top-menu{position: absolute;background: #fff;box-shadow: 0px 11px 30px 0px rgba(172, 188, 199, 0.3);border-radius: 4px;width: 128px;right: 0;display: flex;flex-direction: column;text-align: center;}
.head .top-menu a{height: 0;overflow: hidden;font-size: 16px;line-height: 26px;color: #666666;display: inline-block;}
.head .top-menu a.member-logout{border: none;background: #f7f7f7;color: #242424;}
.head .top-menu.active,.head .top-menu.on{padding: 2px;}
.head .top-menu.active a,.head .top-menu.on a{padding: 11px 0px;height: 48px;border-bottom: 1px solid #f7f7f7;}


/* 用户登录后头部 */
.logined-header .topHead .container{height: 0px;position: relative;z-index: 1;}

/* 吸顶头部 */
.fixed-header .topHead .container{height: 0px;position: relative;z-index: 1;}
.fixed-header .topHead .btn1{margin-top: 18px;}
.fixed-header .topHead .btn2{margin-top: 18px;margin-left: 50px;}
.fixed-header .topHead .userlogo{margin-top: 12px;}
.fixed-header .head{background: #111b34;}
.fixed-header .head .logo{margin-top: 10px;}
.fixed-header .head .top-nav .item{padding: 22px 20px;}
.fixed-header .head .show-search{margin-top: 22px;}

/* 用户中心头部 */
.user-header{position: relative;margin-bottom: 30px;}
.user-header .topHead .container{height: 0px;position: relative;z-index: 1;}
.user-header .head {position: relative;background: rgb(58, 115, 223,0.4); }
/* .user-header .head {text-align: center;position: relative;background: rgb(58, 115, 223,0.4); }
.user-header .head .logo img{position: absolute;left: 20px;top: 0;bottom: 0;margin: auto;}
.user-header .head .container{position: static;}
.user-header .head .top-nav{display: inline-block;float: none;} */


.fixed-header.user-header{position: relative;}
/* .fixed-header.user-header .head{background: rgb(58, 115, 223);} */


.search-wrap{height: 0px;overflow: hidden;position: absolute;right: 0;box-shadow: 0px 8px 30px rgb(17, 27, 52,0.3);}
.search-wrap .searchbox{width: 280px;max-width: 100%; height: 40px;background: #fff; position: relative;}
.search-wrap .searchbox input{border: none;color: #000000;font-size: 14px; width: 100%;height: 100%;padding: 0px 15px 0px 15px;}
.search-wrap .searchbox input::placeholder{color: #a0b1b9;}
.search-wrap .searchbox .search-submit{position: absolute;z-index: 2; width: 70px;height: 100%;right: 0;background:#3a73df url(../../images/index/icon1.png) no-repeat center center;}
.search-wrap.show{height: 40px;}


/* 底部 */
.copyright{background: #ededed;font-size: 14px;line-height: 26px;padding: 20px 15px;text-align: center;color: #666666;}
.go_topbox{position: relative;z-index: 10;}
.go_top{position: fixed;right: 20px;bottom: 20px;display: inline-block; }
.right-fix{position: fixed;z-index: 10; right: 0;height: 160px;top: 0;bottom: 0;margin: auto; }
.right-fix .hang{display: inline-block;width: 80px;height: 80px;color: #fff;text-align: center;padding-top: 55px;cursor: pointer;}
.right-fix .item{position: relative;}
.right-fix .item1 .hang{background: #3a73df url(../../images/index/icon6.png) no-repeat center 15px;}
.right-fix .item2 .hang{background: #5bd1ae url(../../images/index/icon7.png) no-repeat center 13px;}
.right-fix .item1:hover .hang{background: #fff url(../../images/index/icon6_on.png) no-repeat center 15px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);color: #3a73df;}
.right-fix .item2:hover .hang{background: #fff url(../../images/index/icon7_on.png) no-repeat center 13px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);color: #5bd1ae;}
.right-fix .item .codebox{overflow: hidden; position: absolute; width: 0px;height: 0px;right: 80px;top: 0; background: #fff;align-items: center;justify-content: center;}
.right-fix .item:hover .codebox{display: flex; width: 120px;height: 120px;top: -20px;}
.right-fix .item .codebox img{max-width: 100%;max-height: 100%;}

.index-foot{padding-top: 190px;margin-top: -160px; background:url(../../images/index/icon29.png) repeat-x center top;}
.index-foot .content{background: #ededed;}
.index-foot .lwsearch{width: 1135px;margin: 0 auto;}
.index-foot .lwsearch .left{position: relative;width: calc(100% - 180px);height: 48px; background: #fafafa;border-radius: 24px;border: solid 1px #c2c2c2;}
.index-foot .lwsearch .left .font{position: absolute;line-height: 48px;font-size: 16px;color: #4a4949;left: 36px;}
.index-foot .lwsearch .left input{font-size: 14px;text-align: center;width: 100%;height: 100%;line-height: 48px;padding: 0px 15px 0px 150px;border: none;background: none; }
.index-foot .lwsearch .left input::placeholder{color: #cfcfcf;}
.index-foot .lwsearch .searchbtn{position: relative;cursor: pointer; display: inline-block;width: 160px;line-height: 45px;color: #ffffff;font-size: 16px;text-align: center; background: #3a73df;border-radius: 23px;}
.index-foot .lwsearch .searchbtn:hover{box-shadow: 0px 10px 16px rgba(52, 102, 197, 0.3);transform: scale(1.05);}
.index-foot .lwsearch .searchbtn .easeIn{position: absolute;transform: scale(0.2);top: 0;left: 0;width: 100%;height: 100%;border-radius:23px;z-index:-1;opacity: 0;background: #fff;}
.index-foot .lwsearch .searchbtn:hover .easeIn{opacity: 0.15;transform: scale(1);}


/* 首页 */
.index-page ._row,.detail-page ._row,.search-page ._row,.ppjy-page ._row,.ppdt-page ._row,.userpage ._row{margin: 0px -8px;}
.index-page [class^="col-"],.detail-page [class^="col-"],.search-page [class^="col-"],.ppjy-page [class^="col-"],.ppdt-page [class^="col-"],.userpage [class^="col-"]{padding: 0px 8px;}

.index-page .swiper-banner{width: 100%;height: 880px;position: relative;}
.index-page .swiper-banner .imgbox1{width: 100%;height: 100%;}
.index-page .swiper-banner .maskbox{position: absolute;pointer-events: none; z-index: 1; display: block;width: 100%;height: 100%;background:rgb(46, 77, 154,0) url(../../images/index/icon30.png) no-repeat center 110%;top: 0;left: 0;}
.index-page .swiper-banner .swiper-pagebox{position: absolute;z-index: 2;top: 0;bottom: 0;left: 25px;margin: auto;display: flex;align-items: center;}
.index-page .swiper-banner .swiper-page{ display: inline-block;width: 50px;height: auto;}
.index-page .swiper-banner .swiper-page span{display: inline-block;position: relative;font-size: 20px;line-height: 20px; color: #fff;width: 100%;height: 20px;background: none;opacity: 0.5;margin: 25px 0px; }
.index-page .swiper-banner .swiper-page span::after{position: absolute;display: block;content: '';width: 0px;height: 2px;top: 0;bottom: 0;left:32px;margin: auto;background: #fff;
  -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-page .swiper-banner .swiper-page span.swiper-pagination-bullet-active{opacity: 1;}
.index-page .swiper-banner .swiper-page span.swiper-pagination-bullet-active::after{width: 15px;}
.index-page .swiper-banner .btnbox{position: relative;z-index: 2;bottom: 260px;}
.index-page .swiper-banner .swiper-button{width: 50px;height: 50px;border: solid 1px #ffffff;border-radius: 50%;cursor: pointer;}
.index-page .swiper-banner .swiper-prev{background: url(../../images/index/icon4.png) no-repeat 46% center;margin-right: 20px;}
.index-page .swiper-banner .swiper-next{background: url(../../images/index/icon5.png) no-repeat 56% center;}
.index-page .swiper-banner .swiper-prev:hover{background:#ffffff url(../../images/index/icon4_on.png) no-repeat 46% center;}
.index-page .swiper-banner .swiper-next:hover{background:#ffffff url(../../images/index/icon5_on.png) no-repeat 56% center;}
.index-page .swiper-banner .downbtn {opacity: 0.5; display: block;position: absolute;bottom: 150px;left: 50%;transform: translateX(-50%);transition: opacity .3s;animation: downIcon 4s infinite;z-index: 2;}
@keyframes downIcon {
  0% {transform: translateY(0);}
  50% {transform: translateY(-50px);}
  100% {transform: translateY(0);}
}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;pointer-events: none;}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;}
.wave {position: absolute;z-index: 1; left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
/* .waveTop {background-size: 50% 160px;} */
.waveAnimation .waveTop {animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s;animation-delay: 1s;}
/* .waveAnimation .waveTop {animation: move_wave 55s linear infinite;} */
/* .waveMiddle {background-size: 50% 200px;} */
.waveAnimation .waveMiddle {animation: move_wave 35s linear infinite;}
/* .waveBottom {background-size: 50% 160px;} */
.waveAnimation .waveBottom {animation: move_wave 55s linear infinite;}
@keyframes move_wave {
  0% {
      transform: translateX(0) translateZ(0) scaleY(1)
  }
  50% {
      transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }
  100% {
      transform: translateX(-50%) translateZ(0) scaleY(1)
  }
}

.pub-title{display: flex;justify-content: space-between;margin: 20px 0px;}
.pub-title .morebox{display: flex;flex-direction: column;align-items: flex-end;margin-top: 50px;margin-left: auto;}
.pub-title .morebox a{font-size: 18px;font-weight: bold;color: #000;position: relative;}
.pub-title .morebox a::after{position: absolute;display: block;content: ''; bottom: 3px;right:0px; width:180px; height: 8px;background: rgb(52, 102, 197,0.1);}
.pub-title .morebox span{font-size: 14px;color: #999;line-height: 34px;}
.pub-title .morebox1 a{color: #ffffff;}
.pub-title .morebox1 a::after{background: rgb(255, 255, 255,0.1);}
.pub-title .morebox1 span{color: #ffffff;}

.index-page .ppfcbox{background: url(../../images/index/icon13.png) no-repeat center bottom;padding-bottom: 60px;}
.index-page .swiper-font{height: 438px;margin: 20px 0px;}
.index-page .swiper-font .swiper-pagebox{position: absolute;z-index: 1; left: 0;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;}
.index-page .swiper-font .swiper-page{display: flex;flex-direction: column; }
.index-page .swiper-font .swiper-page span{opacity: 0.3;margin-bottom: 40px;width: 15px;height: 2px;background: #000;border-radius: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.index-page .swiper-font .swiper-page span.swiper-pagination-bullet-active{width: 40px;opacity: 1;}
.index-page .swiper-font .imgbox{width: 710px;height: 438px;}
.index-page .swiper-font .imgbox a{display: block;width: 100%;height: 100%;position: relative;}
.index-page .swiper-font .imgbox.Video:hover a::after{position: absolute;top: 0;left: 0; display: block;content: '';background: url(../../images/index/play1.png) no-repeat center;width: 100%;height: 100%; }
.index-page .swiper-font .leftbox{width: calc(100% - 710px);padding: 40px 130px 0px 140px;}
.index-page .swiper-font .swiper-slide{opacity: 0 !important;}
.index-page .swiper-font .swiper-slide-active{opacity: 1 !important;}
.index-page .leftbox .date{font-size: 20px;line-height: 30px;color: #666;}
.index-page .leftbox .title{font-size: 24px;font-weight: bold;line-height: 34px;margin: 33px 0px 30px;}
.index-page .leftbox .title a{color: #000;display: inline-block;max-width: 100%;}
.index-page .leftbox .title a:hover{color: #3a73df;}
.index-page .leftbox .summary{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 60px;}
.index-page .leftbox .more a{display: inline-block;color: #fff; font-size: 16px;line-height: 45px;text-align: center; width: 160px;background-color: #3a73df;border-radius: 23px;}
.index-page .leftbox .more a:hover{box-shadow: 0px 10px 16px 0px rgba(52, 102, 197, 0.3);transform: scale(1.05);}
.index-page .leftbox .more a .easeIn{position: absolute;transform: scale(0.2);top: 0;left: 0;width: 100%;height: 100%;border-radius:23px;z-index:-1;opacity: 0;background: #fff;}
.index-page .leftbox .more a:hover .easeIn{opacity: 0.15;transform: scale(1);}
.index-page .swiper-ppfc{padding: 30px 0px;}
.index-page .swiper-ppfc .swiper-slide{max-width: 280px; overflow: hidden;height: 154px;box-shadow: 0px 4px 30px 0px rgba(116, 117, 120, 0.3);}
.index-page .swiper-ppfc .maskbox{position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);opacity: 0;  width: 100%;height: 100%; }
.index-page .swiper-ppfc .maskbox .play{position: absolute;width: 0px;height: 0px;right: 0;bottom: 0;background: #6ac2a8 url(../../images/index/play.png) no-repeat 70% 70%;border-radius: 150px 10px 0px 10px;}
.index-page .swiper-ppfc .swiper-slide .imgbox{width: 100%;height: 100%;}
.index-page .swiper-ppfc .swiper-slide-active .maskbox{opacity: 1;}
.index-page .swiper-ppfc .swiper-slide-active .maskbox .play{width: 55px;height: 55px;}

.index-page .ppfcbox .swiper-button{width: 50px;height: 50px;border: solid 1px #000;border-radius: 50%;cursor: pointer;}
.index-page .ppfcbox .swiper-prev{background: url(../../images/index/icon46.png) no-repeat 46% center;margin-right: 20px;}
.index-page .ppfcbox .swiper-next{background: url(../../images/index/icon45.png) no-repeat 56% center;}
.index-page .ppfcbox .swiper-prev:hover{background:#000000 url(../../images/index/icon4.png) no-repeat 46% center;}
.index-page .ppfcbox .swiper-next:hover{background:#000000 url(../../images/index/icon5.png) no-repeat 56% center;}

.index-page .ppdtbox{background: url(../../images/index/en2.png) no-repeat center bottom;padding-bottom: 80px;}
.index-page .ppdtbox .item{margin-bottom: 16px;position: relative;}
.index-page .ppdtbox .item1{margin-bottom: 17px;}
.index-page .ppdtbox .height4{margin-bottom: 17px;}
.index-page .ppdtbox .col-md-75{width: 62%;float: left;}
.index-page .ppdtbox .col-md-45{width: 38%;float: left;}
.index-page .ppdtbox .m-b-16{margin-bottom: 16px;}
.index-page .ppdtbox .height1{height: 440px;}
.index-page .ppdtbox .height2{height: 212px;}
.index-page .ppdtbox .height3{height: 290px;}
.index-page .ppdtbox .height4{height: 287px;}
.index-page .ppdtbox .maskbox{opacity: 0; color: #fff;font-size: 20px;line-height: 30px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.index-page .ppdtbox .maskbox .date{}
.index-page .ppdtbox .maskbox .title{font-weight: bold;margin-top: 28px;}
/* .index-page .ppdtbox .height1 .maskbox{background: url(../../images/index/icon31.png) repeat-x bottom center;padding: 0px 40px 35px;}
.index-page .ppdtbox .height2 .maskbox{background: #6ac2a8;padding: 0px 30px 40px;}
.index-page .ppdtbox .height3 .maskbox,.index-page .ppdtbox .height4 .maskbox{background: #3a73df;padding: 0px 40px 40px;} */
.index-page .ppdtbox .item:hover .maskbox,.index-page .ppdtbox .item.active .maskbox{opacity: 1;}
.index-page .ppdtbox .item.height2.active .maskbox{background: #6ac2a8;}
.index-page .ppdtbox .item.height4.active .maskbox{background: #3a73df;}
.index-page .ppdtbox .item.height2.active:hover .maskbox{background: #5bd1ae;}
.index-page .ppdtbox .item.height4.active:hover .maskbox{background: #4881ed;}
.index-page .ppdtbox .default-item .maskbox{background: url(../../images/index/icon31.png) repeat-x bottom center;padding: 0px 40px 35px;}
.index-page .ppdtbox .height2 .maskbox{padding: 0px 30px 40px;}
.index-page .ppdtbox .height3 .maskbox,.index-page .ppdtbox .height4 .maskbox{padding: 0px 40px 40px;}

.index-page .pphxbox{position: relative;z-index: 2; background: url(../../images/index/icon15.png) no-repeat center top;background-size: cover; padding-bottom: 200px;padding-top: 170px;}
.index-page .pphxbox .item{max-width: 350px;margin-bottom:16px;position: relative;}
.index-page .box{ border-radius:20px;overflow: hidden; background: #fff;}
.index-page .box:hover{transform: translateY(-10px);}
.index-page .box .top{padding: 25px 25px 10px 30px;}
.index-page .box .top .add{color: #6ac2a8;font-size: 16px;line-height: 24px;display: inline-block; padding-left: 25px;background: url(../../images/index/icon16.png) no-repeat left center;background-size: contain; }
.index-page .box .con{padding: 0px 25px 25px 30px;}
.index-page .box .con .imgbox{width: 90px;height: 90px;border-radius: 6px;border: 3px solid #fff;box-shadow: 0px 8px 30px 0px rgba(106, 146, 134, 0.41);}
.index-page .box .con .content{margin-left: 120px;}
.index-page .box .con .title{margin-top: 4px;margin-bottom: 10px;}
.index-page .box .con .title a{font-size: 24px;font-weight: bold;color: #000;line-height: 35px;}
.index-page .box .con .title a:hover{color: #3a73df;}
.index-page .box .con .info{font-style: italic;font-size: 16px;line-height: 26px;color: #999; }
.index-page .box .btm{background: #f6f8fc;padding: 15px 25px 15px 30px; font-size: 16px;color: #a6adab;line-height: 36px;}
.index-page .box .btm span{color: #3a73df;margin-left: 20px;}
.index-page .box .hzyxbox{padding: 0px 15px 15px;}
.index-page .box .hzyxbox-false{display: none;}
.index-page .box .hzyx{background: #f2f0fc;position: relative;color: #a7a4bc;font-size: 16px;line-height: 30px;padding: 14px 15px;}
.index-page .box .hzyx::after{position: absolute;display: block;content: '';width: 30px;height: 30px;bottom: -29px;right: 20px;background: url(../../images/index/icon22.png) no-repeat top left; }
.index-page .box .hzyx .font{color: #796ae7;margin-left: 80px;}


.index-page .pphxbox .item1{padding-top: 60px;background: url(../../images/index/icon18.png) no-repeat top center; }
.index-page .pphxbox .item2{padding-top: 0;background: none;}
.index-page .pphxbox .item2::after{display: block;content: '';width: 100%;height: 100%;background: rgb(58, 115, 223,0.5);top: 0;left: 0;position: absolute;}
.index-page .pphxbox .item2:hover::after{display: none;}
.index-page .box .btm1{background: #f6f8fc;line-height: 35px;text-align: center;}

.index-page .swiper-pphx .btnbox{height: 1px;position: relative;z-index: 10;}
.index-page .swiper-pphx .swiper-button{width: 50px;height: 50px;border: solid 1px #ffffff;border-radius: 50%;cursor: pointer;position: absolute;}
.index-page .swiper-pphx .swiper-prev{background: url(../../images/index/icon4.png) no-repeat 46% center;right: 70px;}
.index-page .swiper-pphx .swiper-next{background: url(../../images/index/icon5.png) no-repeat 56% center;right: 0;}
.index-page .swiper-pphx .swiper-prev:hover{background:#ffffff url(../../images/index/icon4_on.png) no-repeat 46% center;}
.index-page .swiper-pphx .swiper-next:hover{background:#ffffff url(../../images/index/icon5_on.png) no-repeat 56% center;}
.index-page .swiper-pphx .swiper-slide{-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;top: 0;}
.index-page .swiper-pphx .swiper-slide.swiper-slide-nth-prev-2 {top: 0px;}
.index-page .swiper-pphx .swiper-slide.swiper-slide-prev {top: 45px;}
.index-page .swiper-pphx .swiper-slide.swiper-slide-active {top: 20px;}
.index-page .swiper-pphx .swiper-slide.swiper-slide-next {top: 30px;}
.index-page .swiper-pphx .swiper-slide.swiper-slide-nth-next-2 {top: 73px;}

/* .index-page .swiper-city{box-shadow: 0px 10px 30px 0px rgba(58, 115, 223, 0.41),inset 0px 25px 55px 0px rgba(49, 102, 203, 0.16);border-radius: 6px;} */
.index-page .swiper-citybox{background: url(../../images/index/icon32.png) repeat-x center center;box-shadow: 0px 10px 30px 0px rgba(19, 83, 204, 0.41); padding:0px 60px;border-radius: 6px;margin-bottom: 45px;position: relative;overflow: hidden;}
.index-page .swiper-city{overflow: hidden;}
.index-page .swiper-city .swiper-slide{display: inline-block;width: auto;cursor: pointer;}
.index-page .swiper-city .swiper-slide .c-item{display: inline-block;margin: 5px;color: #fff;font-size: 16px;line-height: 26px;padding:11px 20px; }
.index-page .swiper-city .swiper-slide.on .c-item,.index-page .swiper-city .swiper-slide .c-item:hover{background: #7ba7fa;border-radius: 4px;}
.index-page .swiper-citybox .swiper-button{width: 40px;height: 40px;border: solid 1px #ffffff;border-radius: 50%;cursor: pointer;z-index: 1;position: absolute;top: 0;bottom: 0;margin: auto; box-shadow: 0px 3px 7px 0px rgba(106, 194, 168, 0.41);}
.index-page .swiper-citybox .swiper-prev{background:#ffffff url(../../images/index/icon4_on.png) no-repeat 46% center;left: 10px;}
.index-page .swiper-citybox .swiper-next{background:#ffffff url(../../images/index/icon5_on.png) no-repeat 56% center;right: 10px;}
.index-page .swiper-citybox .swiper-prev:hover{background:#ffffff url(../../images/index/icon4_on.png) no-repeat 46% center;}
.index-page .swiper-citybox .swiper-next:hover{background:#ffffff url(../../images/index/icon5_on.png) no-repeat 56% center;}

.index-page .left-nav{background: #ffffff;width: 182px;padding: 70px 0px; box-shadow: 0px 8px 30px 0px rgba(176, 176, 176, 0.25);border-radius: 85px 85px 85px 0;}
.index-page .left-nav .item{margin: 10px 0px;padding: 15px 15px 15px 25px;position: relative;cursor: pointer;}
/* .index-page .left-nav .item{margin: 10px 0px;padding: 15px 5px 15px 15px;position: relative;} */
.index-page .left-nav .item .name{font-size: 16px;color: #333333;line-height: 26px;}
.index-page .left-nav .item .info{font-size: 12px;color: #999999;line-height: 18px;}
.index-page .left-nav .item a{position: relative;z-index: 1;display: inline-block;}
.index-page .left-nav .item.on::after,.index-page .left-nav .item:hover::after{width: 230px;position: absolute;top: 0;left: 0;height: 100%;display: block;content: ''; background: #6ac2a8;border-radius: 0px 40px 40px 0px;}
.index-page .left-nav .item.on .name,.index-page .left-nav .item.on .info,.index-page .left-nav .item:hover .name,.index-page .left-nav .item:hover .info{color: #fff;}

.index-page .dtzsbox{position: relative;z-index: 1; background: url(../../images/index/icon19.png) no-repeat center bottom;background-size: cover; padding-bottom: 270px;padding-top: 240px;margin-top: -200px;}
.index-page .dtzsbox .box{margin-bottom: 16px;}
.index-page .dtzsbox .box:hover{transform: translateY(-10px);box-shadow: 0px 2px 40px rgba(0,0,0,0.3);}
.index-page .dtzsbox .rightbox .col-lg-4:nth-child(2){margin-top: 30px;}

.index-page .ppdjbox{background: url(../../images/index/icon20.png) no-repeat center bottom;background-size: cover; padding-bottom: 200px;padding-top: 240px;margin-top: -300px;}
.index-page .ppdjbox .box{margin-bottom: 16px;}
.index-page .ppdjbox .box:hover{transform: translateY(-10px);box-shadow: 0px 2px 40px rgba(0,0,0,0.3);}
.index-page .ppdjbox .rightbox .col-lg-4:nth-child(1),.index-page .ppdjbox .rightbox .col-lg-4:nth-child(3){margin-top: 40px;}
.index-page .ppdjbox .left-nav .item.on::after,.index-page .ppdjbox .left-nav .item:hover::after{background: #6050d4;}

.index-page .ppgsbox {background: url(../../images/index/icon28.png) no-repeat center bottom;}
.index-page .ppgsbox .mainbox{display: flex;align-items: center;margin: 70px 0px 100px;}
.index-page .ppgsbox .leftbox{width: 580px;height: 560px;padding: 60px 120px 75px 55px; margin-right: -20px;box-shadow: 0px 10px 35px rgba(100, 107, 114, 0.2); background: #fff url(../../images/index/icon25.png) no-repeat left top;}
.index-page .ppgsbox .leftbox .content{padding-top: 55px;background: url(../../images/index/icon26.png) no-repeat top left;}
.index-page .ppgsbox .rightbox{width: calc(100% - 560px);}
.index-page .ppgsbox .rightbox .item{width: 25%;height: 220px;position: relative;}
.index-page .ppgsbox .rightbox .item .imgbox{width: 100%;height: 100%;}
.index-page .ppgsbox .rightbox .item::after{position: absolute;display: block;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #112b5d;opacity: 0.5;}
.index-page .ppgsbox .rightbox .item.on::after{display: none;}
.index-page .ppgsbox .rightbox .item.on .imgbox{position: relative;z-index: 1; width: calc(100% + 16px);height: calc(100% + 16px);top: -8px;left: -8px; border: 8px solid #fff;border-radius: 5px;box-shadow: 0px 6px 35px rgba(17, 43, 93, 0.5);}

.index-nodata{text-align: center;}
.index-nodata .font{color: #fff;font-size: 18px;}
.ppdjbox .index-nodata{margin-top: 200px;}


/* 首页，品牌画像，数量少的处理 */
.index-page .pphxbox .pphx-wrap .item{width: 100%;}
.index-page .pphx-wrap .box .con .info{min-height: 52px;}

/* 品牌技艺，使用于首页 & 品牌技艺列表页 */
.index-page .ppjybox{background: url(../../images/index/en3.png) no-repeat bottom center;}
.index-page .ppjybox .mainbox{margin-top: 40px;margin-bottom: 10px;}
.ppjy-page .ppjybox{margin-top: 60px;}
.ppjybox .item{margin-bottom: 60px;padding-bottom: 1px;}
.ppjybox .item:hover{transform: translateY(-10px);}
.ppjybox .topbox{position: relative;margin-bottom: 35px;background: #fff;padding: 20px 20px 1px; box-shadow: 0px 8px 30px 0px rgba(176, 176, 176, 0.25);filter: drop-shadow(0 10px 30px rgba(176, 176, 176, 0.25));border-radius: 15px 15px 15px 0px;max-width: 350px;height: 270px; }
.ppjybox .topbox::after{display: block;content: '';position: absolute;width: 57px;height: 27px;left: -1px;bottom: -24px;background:url(../../images/index/icon33.png) no-repeat bottom left;}
.ppjybox .topbox .imgbox{width:100%;height: 190px;position: relative;}
.ppjybox .topbox .imgbox::after{position: absolute;content: '';display: block;width: 55px;height: 55px;right: 0;bottom: 0;border-radius: 150px 10px 0px 10px;}
.ppjybox .topbox .title{margin: 12px 0px;}
.ppjybox .topbox .title a{display: inline-block;max-width: 100%;font-size: 20px;color: #000;font-weight: bold;line-height: 30px; }
.ppjybox .personbox{padding: 0px 20px;margin-bottom: 10px;min-height: 68px;}
.ppjybox .personbox .perimg{width: 68px;height: 68px;box-shadow: 0px 4px 15px 0px rgba(126, 126, 126, 0.25);border-radius: 6px;border: solid 2px #ffffff;}
.ppjybox .personbox .name{color: #000000;font-size: 20px;font-weight: bold; line-height: 68px;margin-left: 90px;max-width: calc(100% - 90px);}
.ppjybox .personbox .name a{color: #000000;}
.ppjybox .personbox .name a:hover{color: #3a73df;}

.ppjybox .topbox1 .imgbox.Video::after{background: #3a73df url(../../images/index/play.png) no-repeat 70% 70%;}
.ppjybox .topbox1:hover{background: #3a73df;}
.ppjybox .topbox1:hover .title a{color: #fff;}
.ppjybox .topbox1:hover::after{background:url(../../images/index/icon34.png) no-repeat bottom left;}
.ppjybox .topbox2 .imgbox.Video::after{background: #6ac2a8 url(../../images/index/play.png) no-repeat 70% 70%;}
.ppjybox .topbox2:hover{background: #6ac2a8;}
.ppjybox .topbox2:hover .title a{color: #fff;}
.ppjybox .topbox2:hover::after{background:url(../../images/index/icon35.png) no-repeat bottom left;}
.ppjybox .topbox3{background: #fff url(../../images/index/icon23.png) no-repeat  calc(100% - 30px)  calc(100% - 30px);}
.ppjybox .topbox3:hover .title a{color: #3a73df;}
.ppjybox .topbox3 .summary{font-size: 16px;line-height: 26px;color: #666;}
.ppjybox .col-lg-3:nth-child(2),.ppjybox .col-lg-3:nth-child(4){top: 40px;}
.ppjybox .col-lg-3:nth-child(6),.ppjybox .col-lg-3:nth-child(8),.ppjybox .col-lg-3:nth-child(10),.ppjybox .col-lg-3:nth-child(12){top: 30px;}


/* 公共弹框 */
.alert-box{position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 99999999;top:0;left:0;}
.alert-box .alert-content{background: url(../../images/index/icon42.png) no-repeat top center;background-size: contain; background-color: #fff;width: 330px;height: 175px;top:0;bottom: 0;right:0;left:0;margin: auto;position: absolute; }
.alert-box .alert-content .alert-header{position: relative; padding:5px 10px;height: 37px;width: 100%;}
.alert-box .alert-content .alert-header button{opacity: 1;font-weight:normal;position: absolute;top: 8px;right: 8px;width: 20px;height: 20px; background: url(../../images/index/icon39.png) no-repeat center;background-size: contain;}
.alert-box .alert-content .alert-title{margin: 0;height: 25px;line-height: 25px;font-size:14px;color:#242424;}
.alert-box .alert-content .alert-body{padding: 28px 15px 25px;text-align: center;color: #333;font-size: 16px;height: 80px;}
.alert-box .alert-content .alert-body p{margin: 0;}
.alert-box .alert-content .alert-body a{margin: 0 8px;color:#3a73df;}
.alert-box .alert-content .alert-footer{margin-top: 10px;}
.alert-box .alert-content .alert-footer div{cursor: pointer;width: 100px;text-align: center;height: 30px;line-height: 30px;color: #fff;font-size: 14px;border-radius: 20px;}
.alert-box .alert-content .alert-footer .certain{background: #3a73df;margin: 0 auto;}
.alert-box .alert-content .hascancel.alert-footer{text-align: center;}
.alert-box .alert-content .hascancel.alert-footer div{display: inline-block;margin: 0px 15px;}
.alert-box .alert-content .hascancel.alert-footer .cancel{background: #ccc;}


/* 面包屑导航 */
.crumbbox{color: #ffffff;font-size: 14px;line-height: 24px;padding: 3px 50px 13px;text-align: left;}
.crumbbox a{color: #ffffff;}

.boxshadow1{background: #ffffff;box-shadow: 0px 2px 40px rgba(182, 181, 181, 0.4);border-radius: 20px;}
.boxshadow{background: rgba(255,255,255,0.95);box-shadow: 0px 2px 40px rgba(182, 181, 181, 0.4), inset 0px 2px 46px 4px rgba(214, 225, 244, 0.35);border-radius: 20px;}
.bordershadow{border: solid 4px #ffffff;background: rgba(255,255,255,0.95);box-shadow: 0px 2px 40px rgba(182, 181, 181, 0.4), inset 0px 2px 46px 4px rgba(214, 225, 244, 0.35);border-radius: 20px;}

.col-md-95{width: calc(100% - 285px);}
.col-md-85{width: calc(100% - 360px);}
.col-md-35{width: 285px;}

.sharebox{padding-left: 0px;position: absolute;width: 70px;left: -80px;padding: 20px 0px;}
.sharebox .share-con{position: relative;}
.sharebox .share-f{color:#333333;font-size:16px;line-height: 26px;text-align: center;}
.sharebox .share-custom a, .sharebox .like-box a {cursor: pointer;position: relative;width: 40px;height: 40px;display: block;margin: 15px auto;border-radius: 50%;}
.sharebox .bshare-sinaminiblog{background:#cad9e8 url('../../images/index/weibo.png') no-repeat center center;}
.sharebox .bshare-qqim{background:#cad9e8 url('../../images/index/qq.png') no-repeat center center;}
.sharebox .bshare-weixin{background:#cad9e8 url('../../images/index/wechat.png') no-repeat center center;}
.sharebox .share-custom a:hover{background-color:#3a73df;}
.sharebox .like-box a{position: relative;margin: 23px auto;}
.sharebox .like-box .num{color: #a9b8c8;text-align: center;font-size: 16px;line-height: 20px;bottom: -17px; position: absolute;width: 100%;}
.sharebox .fav{background:url('../../images/index/fav.png') no-repeat center;}
.sharebox .like{background:url('../../images/index/like.png') no-repeat center;}
.sharebox .fav:hover,.sharebox .fav.current{background:url('../../images/index/fav_on.png') no-repeat center;}
.sharebox .like:hover,.sharebox .like.current{background:url('../../images/index/like_on.png') no-repeat center;}
.sharebox .like-box a:hover .num{color: #3a73df;}
.sharebox .share-custom{position: relative;}
.sharebox #qrcode_c{position: absolute;width: 0px;height: 100px;overflow: hidden; top: 0px;left: 70px;background: rgba(255,255,255,0.95);z-index: 2;}
.sharebox #qrcode_c img{max-height:100%;margin: 0 auto;}

.shareboxxs{width: 100%;position: relative;left: 0;padding: 0;}
.shareboxxs .share-con{width: 100%;}
.shareboxxs .like-box{display: flex;}
.shareboxxs .like-box a{position: relative;margin: 23px auto;cursor: pointer;width: 60px;height: 40px;display: block;margin: 15px auto;}
.shareboxxs .like-box .num{color: #a9b8c8;text-align: center;font-size: 16px;line-height: 20px;height: 20px; bottom: 0px;top: 0;margin: auto;right: 0; position: absolute;}
.shareboxxs .fav{background:url('../../images/index/fav.png') no-repeat left center;}
.shareboxxs .like{background:url('../../images/index/like.png') no-repeat left center;}
.shareboxxs .fav:hover,.shareboxxs .fav.current{background:url('../../images/index/fav_on.png') no-repeat left center;}
.shareboxxs .like:hover,.shareboxxs .like.current{background:url('../../images/index/like_on.png') no-repeat left center;}
.shareboxxs .like-box a:hover .num{color: #3a73df;}


/* 通用详情页 */
.detail-page{background: url(../../images/brandindex/bg.png) no-repeat top center;background-color: #fff;padding-top: 180px;background-size: 100% auto;}
.detail-page .detail-con{position: relative;}
.detail-page .mainbox{padding: 41px 46px 46px;margin-bottom: 60px;}
.detail-page .mainbox .detail-h2{color: #000000;font-size: 36px;line-height: 46px;margin: 10px 0px;word-break: break-all;}
.detail-page .mainbox .subtitle{color: #000000;font-size: 28px;line-height: 36px;margin: 10px 0px;}
.detail-page .mainbox .detail-info{color: #333333;font-size: 16px;line-height: 26px;padding: 20px 0px;}
.detail-page .mainbox .detail-info span{display: inline-block;margin-right: 20px; }
.detail-page .mainbox .tips span{display: inline-block;background: #f4f8f7;border-radius: 20px;color: #6ac2a8;font-size: 16px;line-height: 30px;padding: 5px 22px;}
.detail-page .detail-content{padding: 30px 0px;}
.detail-page .detail-content .txt{color: #333333;font-size: 16px;line-height: 32px;}
.detail-page .detail-content .txt p,.detail-page .detail-content .txt div{max-width:100%;}
.detail-page .detail-content .txt img{max-width: 100%;height: auto !important;}
.detail-page .detail-content .txt b,.detail-page .detail-content .txt strong{font-weight: bold;}
.detail-page .detail-content .txt em,.detail-page .detail-content .txt i{font-style: italic;}
.detail-page .detail-content .txt video{max-width: 100%;}

/* 视频详情页 */
.video-page .videobox{margin-top: 25px;}
.video-page .detail-summary{padding-bottom: 30px;}
.video-page .detail-summary .font1{color: #3a73df;font-size: 16px;line-height: 26px;padding: 5px 0px;}
.video-page .detail-summary .font2{color: #333333;font-size: 16px;line-height: 32px;}
.video-page .mainbox .detail-info .left{margin-top: 7px;}
.video-page .mainbox .detail-info .tips span{margin-right: 0;}



/* 详情页右侧 近期动态 =  搜索右侧 热门搜索 */
.recent-dev{padding: 12px 20px;margin-bottom: 30px;}
.recent-dev .item-head{padding: 15px 0px;}
.recent-dev .item-head .name{font-size: 24px;line-height: 34px;color: #000000; position: relative;display: inline-block;}
.recent-dev .item-head .name span{color: #3a73df;}
.recent-dev .item-head .name::after{content: '';display: block;width: 10px;height: 10px;border: 2px solid #3a73df;position: absolute;top: -6px;right: -19px;border-radius: 50%;}

.recent-dev .item-list .item{padding: 1px 0px 15px;}
.recent-dev .item-list .date{padding: 10px 0px;}
.recent-dev .item-list .date span{display: inline-block;line-height: 22px;background: #020f27;color: #fff;font-size: 14px;padding: 5px 15px; }
.recent-dev .item-list .title{margin: 7px 0px;}
.recent-dev .item-list .title a{font-size: 18px;line-height: 28px;color: #000000; }
.recent-dev .item-list .title a:hover{color: #3a73df;}

/* .recent-dev .img-list{padding: 10px 0px;} */
.recent-dev .img-list .item{margin-bottom: 10px;padding: 1px 0px;}
.recent-dev .img-list .imgbox{max-width: 240px;margin: 0 auto;width: 100%;height: 145px;}
/* .recent-dev .img-list .name{margin: 15px 0px;} */
.recent-dev .img-list .name{margin: 5px 0px;}
.recent-dev .img-list .name a{font-size: 18px;line-height: 28px;color: #000000;}
.recent-dev .img-list .name a:hover{color: #3a73df;}

.search-page .recent-dev{margin-top: 30px;}



.person-info{padding:50px 40px;margin-bottom: 30px;}
.person-info .imgbox{width: 200px;height: 200px;margin:0px auto 35px; background-color: #e4e5e8;box-shadow: 0px 15px 50px 0px rgba(83, 104, 139, 0.4);border-radius: 10px;border: solid 4px #ffffff;}
.person-info .name{font-size: 24px;text-align: center;line-height: 34px;}
.person-info .name a{color: #000000;}
.person-info .add{text-align: center;padding: 10px 0px;}
.person-info .add span{color: #6ac2a8;font-size: 16px;line-height: 24px;display: inline-block; padding-left: 25px;background: url(../../images/index/icon16.png) no-repeat left center; }
.person-info .numbox{position: relative;height: 55px;text-align: center;margin: 10px 0px 35px;}
.person-info .numbox::after{position: absolute;width: 1px;height: 100%;display: block;content: '';background: #ebebeb;left: 50%;top: 0; }
.person-info .numbox .item{width: 50%;}
.person-info .numbox .num{font-size: 18px;color: #000;line-height: 28px;}
.person-info .numbox .font{font-size: 16px;color: #9198a4;line-height: 28px;}
.person-info .statusbox{font-size: 18px;text-align: center;line-height: 40px;margin-bottom: 30px;}
.person-info .statusbox a{color: #fff;background: #6ac2a8;display: inline-block;width: 160px;border-radius: 20px;margin-bottom: 15px;}
.person-info .statusbox a span{padding-left: 28px;background: url(../../images/brandindex/add.png) no-repeat left center; }
.person-info .statusbox a.followed{color: #6ac2a8;background: #e8f0ed;display: inline-block;width: 160px;border-radius: 20px;}
.person-info .statusbox .followed span{display: inline-block;padding-left: 27px;background: url(../../images/index/icon36.png) no-repeat left center; }
.person-info .statusbox a.messbtn{color: #fff;background: #feb35a;display: inline-block;width: 160px;border-radius: 20px;}
.person-info .statusbox .messbtn span{display: inline-block;padding-left: 27px;background: url(../../images/brandindex/message.png) no-repeat left center; }
.person-info .btm{font-size: 16px;color: #a6adab;line-height: 36px;}
.person-info .btm span{color: #333333;margin-left: 20px;}
.person-info .linkbox{font-size: 16px;line-height: 36px;display: flex;justify-content: space-around;margin-top: 40px;}
.person-info .linkbox .btnbox{color: #333333;padding-left: 30px;display: inline-block;}
.person-info .linkbox .share{background: url(../../images/index/icon37_on.png) no-repeat left center;}
.person-info .linkbox .link{background: url(../../images/index/link_on.png) no-repeat left center;}

/* 分页 */
.pagebox .kkpager{text-align: center;margin: 30px auto 40px;}
.pagebox .kkpager .pageBtnWrap a,.pagebox .kkpager .pageBtnWrap span{font-size:16px;display:inline-block;color:#666;border-radius:2px;border:1px solid #ddd;background: none;width:32px;height:32px;line-height:30px;text-align:center;margin:0 2px;}
.pagebox .kkpager .pageBtnWrap .curr{background: #3a73df;color:#fff;border-color:#3a73df;}
.pagebox .kkpager .pageBtnWrap a:hover,.pagebox .kkpager .pageBtnWrap span:hover{color: #3a73df;background-color: inherit;border-color: #3a73df;}
.pagebox .total{line-height:32px;font-size:20px;color:#666;margin-left:20px;}
.pagebox .disabled a{color:#ccc}

.pagebox{text-align: center;padding: 20px 0px;margin-bottom: 20px;}
.pagebox .pagination>li {display: inline-block;margin:0 2px;}
.pagebox .pagination>.active>a, .pagebox .pagination>.active>a:focus, .pagebox .pagination>.active>a:hover, .pagebox .pagination>.active>span, .pagebox .pagination>.active>span:focus, .pagebox .pagination>.active>span:hover {color: #fff; background-color: #3a73df;border-color:#3a73df;}
.pagebox .pagination>li>a, .pagebox .pagination>li>span {font-size: 16px;padding: 0; width:32px;height:32px;line-height:30px;color: #666;border: 1px solid #ddd;border-radius:2px;}
.pagebox .pagination>li>a:focus, .pagebox .pagination>li>a:hover, .pagebox .pagination>li>span:focus, .pagebox .pagination>li>span:hover {z-index: 3;color: #3a73df;background-color: inherit;border-color: #3a73df;}

/* 搜索结果页 */
.search-page .bannerbox{position: relative;}
.bannerbox{background: #111b34;text-align: center;}
.bannerbox .bannerimg{max-width: 100%;margin-top: 35px;object-fit: cover;min-height: 340px;width: 100%;}
.bannerbox .banner-con{position: absolute;width: 100%;bottom: 0;}
.bannerbox .banner-con .search-box{padding: 49px 50px 44px;background: rgba(0,0,0,0.5);border-top-left-radius: 20px;border-top-right-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.4);}
.bannerbox .banner-con .search-box input{display: inline-block;width: calc(100% - 230px);border: none;height: 65px;line-height: 65px;background: #fff;text-align: center;font-size: 18px;color: #000000;}
.bannerbox .banner-con .search-box input::placeholder {color: #c0c0c0;}
.bannerbox .banner-con .search-box a{padding-left: 15px; display: inline-block;letter-spacing: 15px; width: 218px;line-height: 65px;text-align: center;font-size: 20px;color: #fff;margin-left: 10px;background: #3a73df;}

.search-page .searchhead{display: none; background: #f8f8f8;color: #666666;font-size: 16px;line-height: 25px;padding: 20px 0px;}
.search-page .searchhead b{font-weight: normal;color: #df0202;display: inline-block;}
.search-page .search-wrapbox{min-height: 400px; position: relative;}
.search-page .search-wrapbox .search-loading{width: 100%;height: 100%;min-height: 400px;position: absolute;z-index: 1;background: #fff url(../../images/loading-search.svg) center center no-repeat;}
.search-page .searchlist .item{border-bottom: 1px solid #f3f3f3 ;padding: 15px 0px 25px;}
.search-page .searchlist .tit{margin:15px 0px;}
.search-page .searchlist .tit a{color: #000000;font-size: 20px;line-height: 30px;display: inline-block;max-width: 100%;}
.search-page .searchlist .tit a:hover{color: #3a73df;}
.search-page .searchlist .btm{margin: 10px 0px;display: flex;align-items: flex-end;}
.search-page .searchlist .content{color: #666666;font-size: 14px;line-height: 24px;}
.search-page .searchlist .date{color: #666666;font-size: 14px;line-height: 24px;margin-left: auto;min-width: 150px;text-align: right;} 

/* 品牌动态 */
.ppdt-page .brand-tab-content{margin-top: 60px;}
.ppdt-page .brand-tab-content .item{ margin-bottom: 20px;vertical-align: top;}
.ppdt-page .brand-tab-content .con{background: #f8f8f8;padding: 30px 30px 17px;height: 350px;}
.ppdt-page .brand-tab-content .con .logo{width: 100%;height: 178px;max-width: 300px;margin: 0 auto;}
.ppdt-page .brand-tab-content .con .Video::after{position: absolute;content: '';display: block;width: 55px;height: 55px;right: 0;bottom: 0;left: 0;top: 0;margin: auto; border-radius: 50%;background: rgba(0, 0, 0, 0.4) url(../../images/index/play.png) no-repeat 56% center;}
.ppdt-page .brand-tab-content .con .datewra{position: relative;}
.ppdt-page .brand-tab-content .con .date{display: inline-block;padding: 0px 16px; line-height: 32px;background: #020f27;font-size: 14px;color: #fff;text-align: center;position: absolute;bottom: -15px;}
.ppdt-page .brand-tab-content .con  .datewra.nologo .date{position: initial;}
.ppdt-page .brand-tab-content .con .title{margin-top: 25px;margin-bottom: 10px;font-size: 18px;line-height: 30px;color: #000;height: 60px;}
.ppdt-page .brand-tab-content .con .info{font-size: 16px;line-height: 30px;color: #999999;margin:3px 0px 27px;}
.ppdt-page .brand-tab-content .con .personbox .perimg{width: 24px;height: 24px;border-radius: 2px;}
.ppdt-page .brand-tab-content .con .personbox .name{color: #666666;font-size: 16px;line-height: 24px;margin-left: 38px;max-width: calc(100% - 38px);}
.ppdt-page .brand-tab-content .con:hover {transform: translateY(-10px);position: relative; background-color: #ffffff;box-shadow: 0px 2px 40px 0px rgba(182, 181, 181, 0.4);}
.ppdt-page .brand-tab-content .con:hover .title a{color: #3a73df;}

/* 品牌推荐 */
.pptjbox{width: 100%;height: 480px;background: #3a73df;position: relative;margin-bottom: 140px;}
.pptjbox .pptj-head{position: relative;height: 50px;margin: 40px 0px 5px; }
.pptjbox .pptj-head .name{font-size: 30px;line-height: 50px;color: #ffffff; position: relative;display: inline-block;}
.pptjbox .pptj-head .name::after{content: '';display: block;width: 10px;height: 10px;border: 2px solid #fff;position: absolute;top: 5px;right: -15px;border-radius: 50%;}

.pptjbox .pptj-head .swiper-button{width: 50px;height: 50px;border: solid 1px #ffffff;border-radius: 50%;cursor: pointer;position: absolute;top: 0;}
.pptjbox .pptj-head .swiper-prev{background: url(../../images/index/icon4.png) no-repeat 46% center;right: 70px;}
.pptjbox .pptj-head .swiper-next{background: url(../../images/index/icon5.png) no-repeat 56% center;right: 0;}
.pptjbox .pptj-head .swiper-prev:hover{background:#ffffff url(../../images/index/icon4_on.png) no-repeat 46% center;}
.pptjbox .pptj-head .swiper-next:hover{background:#ffffff url(../../images/index/icon5_on.png) no-repeat 56% center;}
.pptjbox .swiper-pphxbox .swiper-slide{width: 350px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;top: 0;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-nth-prev-2 {top: 0px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-prev {top: 10px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-active {top: 40px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-next {top: 22px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-nth-next-2 {top: 0px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-nth-next-3 {top: 22px;}
.pptjbox .swiper-pphxbox .swiper-slide.swiper-slide-nth-next-4 {top: 2px;}

.pptjbox .container1{position: relative;}
.pptjbox .maskbox{width: 400px;height: 120%;position: absolute;display: block;background: rgba(58, 115, 223, 0.8);z-index: 2; }
.pptjbox .maskbox.next{right: -410px;}
.pptjbox .maskbox.prev{left: -410px;}

/* 个人中心 */
.userpage{background: url(../../images/index/bg.png) no-repeat top center;background-size: 100% auto;}
.userpage .leftmenu{min-height: 800px;padding: 60px 0px; width: 280px;background: #fff;box-shadow: 0px 2px 40px 0px rgba(182, 181, 181, 0.4), inset 0px 2px 46px 4px rgba(214, 225, 244, 0.35);border-radius: 8px;border: solid 4px #ffffff;}
.userpage .leftmenu .topinfo{text-align: center;position: relative;}
.userpage .leftmenu .userlogobox{width: 128px;height: 128px;border-radius: 50%;overflow: hidden;margin:0px auto 27px;}
.userpage .leftmenu .userlogobox img{width: 100%;height: 100%;object-fit: cover;}
.userpage .leftmenu .username{font-size: 24px;line-height: 34px;color: #000;}
.userpage .leftmenu .font1{font-size: 16px;line-height: 26px;padding: 7px 0px; color: #9198a4;text-align: center;}
.userpage .leftmenu .font2{margin-top: 18px;}
.userpage .leftmenu .font2 a{display: inline-block;font-size: 16px;color: #ffca75;line-height: 20px;padding: 10px 30px; background: #341f09;box-shadow: 0px 4px 16px 0px rgba(154, 107, 59, 0.4);border-radius: 20px;}
.userpage .leftmenu .font1.orgtype{color: #d7a960;position: relative;padding-bottom: 65px;}
.userpage .leftmenu .font1.orgtype::after{position: absolute;display: block;content: '';width: 188px;height: 1px;background: #ececec;bottom: 0;left: 0;right: 0;margin: auto; }
.userpage .leftmenu .menu-box{margin: 60px 0px;}
.userpage .leftmenu .menu-box .item{display: block;text-align: center;color: #242424;font-size: 18px;line-height: 28px;margin: 30px 0px; }
.userpage .leftmenu .menu-box .item.active,.userpage .leftmenu .menu-box .item:hover{color: #3a73df;}
.userpage .leftmenu .menu-box .item.member-logout{color: #999999;}
.userpage .right-wrap{min-height: 800px; padding: 30px 40px; width: calc(100% - 305px);background: #ffffff;	box-shadow: 0px 2px 40px 0px rgba(182, 181, 181, 0.4), inset 0px 2px 46px 4px rgba(214, 225, 244, 0.35);border-radius: 8px;border: solid 4px #ffffff;}
.userpage .public-name{margin-bottom: 18px;}
.userpage .public-name .name{font-size: 24px;color: #000;line-height: 34px;padding: 5px 0px;display: inline-block;}
.userpage .public-name .s-box{position: relative;background: #f6f6f6;}
.userpage .public-name .s-box input{width: 300px;height: 45px;padding: 0px 15px;border: none;background: none;font-size: 16px;}
.userpage .public-name .s-box input::placeholder{color: #d3d3d3;}
.userpage .public-name .s-box .s-btn{cursor: pointer; position: absolute;top: 0;right: 0; display: inline-block;width: 45px;height: 45px;background: url(../../images/index/icon38.png) no-repeat center; }

/* 会员中心主页 */
.userinfopage{}
.userinfopage .p-title{padding: 20px 0px 30px;}
.userinfopage .p-title .font{font-size: 22px;color: #000000;line-height: 30px;display: inline-block; position: relative;}
.userinfopage .p-title .font font{position: relative;z-index: 1;}
.userinfopage .p-title .font::after{position: absolute;display: block;content: ''; bottom: 0;left: -2px; width: calc(100% + 4px); height: 10px;background: #5bd1ae;}
.userinfopage .p-title .morebtn{color: #999999;font-size: 14px;line-height: 30px;}
.user-info{}
.user-info .left,.user-info .right{margin-bottom: 30px;}
.user-info .leftcon{text-align: center;}
.user-info .leftcon .userlogobox{width: 160px;height: 160px;border-radius: 50%;overflow: hidden;margin:0px auto 20px;}
.user-info .leftcon .userlogobox img{width: 100%;height: 100%;object-fit: cover;}
.user-info .leftcon button{border-radius: 4px;border: solid 1px #ced2de;font-size: 16px;color: #646773;background: #fff;width: 124px;height: 40px;}
.user-info .rightcon{background: #f7f7f7;min-height: 220px; padding:20px 15px;position: relative;}
.user-info .rightcon .edit{position: absolute;z-index: 1;top: 5px;right: 10px; font-size: 14px;color: #3a73df;line-height: 34px;padding: 0px 5px;display: inline-block;}
.user-info .rightcon .item{font-size: 16px;line-height: 26px;padding: 10px 0px;}
.user-info .rightcon .font1{text-align: right;display: inline-block;width: 70px;color: #9198a4;margin-right: 30px;}
.user-info .rightcon .font2{color: #242424;max-width: calc(100% - 100px);}
.user-info .rightcon .font3{font-size: 18px;color: #341f09;}
.user-info .rightcon .font4{font-size: 18px;color: #3a73df;}

/* 我的收藏 */
.favorites-page .listbox .item{background: #f7f7f7;border: solid 2px #f7f7f7;margin-bottom: 20px; padding: 32px 25px 20px;height: 240px;display: flex;flex-direction: column;justify-content: space-between;}
.favorites-page .listbox .title a{font-size: 18px;line-height: 32px;color: #000000;}
.favorites-page .listbox .personbox{padding: 5px 0px;}
.favorites-page .listbox .personbox .perimg{width: 24px;height: 24px;border-radius: 2px;}
.favorites-page .listbox .personbox .name{color: #666666;font-size: 16px;line-height: 24px;margin-left: 35px;max-width: calc(100% - 35px);}
.favorites-page .listbox .cancel{text-align: center;height: 0;overflow: hidden;}
.favorites-page .listbox .cancel a{font-size: 16px;color: #3ab38f;line-height: 26px;}
.favorites-page .listbox .item:hover{border: solid 2px #5bd1ae;background: #fff;}
.favorites-page .listbox .item:hover .ellipsis4{-webkit-line-clamp: 3;}
.favorites-page .listbox .item:hover .cancel{height: auto;}

/* 品牌关注 */
.attention-page .listbox .item{border: solid 2px #eaeaea;text-align: center;margin-bottom: 20px;border-radius: 20px; padding: 10px;height: 250px;display: flex;flex-direction: column;justify-content: space-evenly;}
.attention-page .listbox .imgbox{width: 90px;height: 90px;margin:0 auto;box-shadow: 0px 3px 10px 0px rgba(106, 146, 134, 0.41);border-radius: 6px;border: solid 3px #ffffff;}
.attention-page .listbox .name{color: #000000;font-size: 20px;line-height: 35px;max-width: calc(100% - 20px);}
.attention-page .listbox .cancel{display: inline-block;border-radius: 16px;color: #6cc3a9;font-size: 16px;line-height: 26px;padding: 3px 15px 2px 38px;background:#f7f8f8 url(../../images/index/icon36.png) no-repeat 15px center; }
.attention-page .listbox .follow{display: none;font-size: 16px;line-height: 26px;background: #5bd1ae;border-radius: 16px;padding: 3px 18px 2px;color: #fff;}
.attention-page .listbox .item:hover{border: solid 2px #5bd1ae;}
.attention-page .listbox .item:hover .cancel{display: none;}
.attention-page .listbox .item:hover .follow{display: inline-block;}

.nodata{padding: 100px 0px 30px;text-align: center;}
.nodata .font{font-size: 16px;padding-top: 30px;}

/* 修改密码 */
.modifypassword-page label{font-weight: normal;font-size: 16px;color: #666666 !important;line-height: 50px;}
.modifypassword-page .form-control{width: 450px;max-width: 100%; height: 50px;background: #ffffff;border: solid 1px #e5e5e5;border-radius: 0;}
.modifypassword-page .btnbox{width: 160px;line-height: 45px;display: inline-block;text-align: center; font-size: 16px;color: #ffffff; background: #3a73df;box-shadow: 0px 10px 16px 0px rgba(52, 102, 197, 0.3);border-radius: 23px;}
.modifypassword-page .lastbox{margin: 60px 0px;text-align: center;}
.modifypassword-page form{margin-top: 80px;}
.modifypassword-page .form-horizontal .form-group{margin-bottom: 35px;}
.modifypassword-page .form-horizontal .has-feedback .form-control-feedback,.modifypassword-page .has-success .verify-success{display: none !important;}
.modifypassword-page .form-horizontal li{list-style: none;}
/* .modifypassword-page .has-error .control-label{color: #3a73df;} */
.modifypassword-page .col-sm-6{position: relative;}
.modifypassword-page .verify-message{position: absolute;}

/* 分享弹框 */
.downloadbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;}
.downloadbox .bg{background:rgba(0, 0, 0, 0.4);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.downloadbox .downloadcon{width: 590px;height:710px; position: absolute;top: 0;bottom: 0;right: 0;left: 0; margin: auto;}
.downloadbox .downloadcon .con{padding: 50px 50px 100px;width: 100%;height: 100%; background: url(../../images/index/icon42.png) no-repeat top center, url(../../images/index/icon44.png) no-repeat right bottom;background-color: #fff;}
.downloadbox .downloadcon .closebtn{cursor: pointer; display: inline-block;position: absolute;right: 20px;top: 20px;}
.downloadbox .top{margin-bottom: 30px;}
.downloadbox .top .left{width: calc(100% - 220px);}
.downloadbox .top .add span{color: #6ac2a8;font-size: 18px;line-height: 24px;display: inline-block; padding-left: 25px;background: url(../../images/index/icon16.png) no-repeat left center; }
.downloadbox .top .name{margin: 10px 0px 8px;}
.downloadbox .top .name .nameshow{display: inline-block;max-width: 100%; font-size: 32px;line-height: 42px; color: #000000;}
.downloadbox .top .intro{font-size: 16px;line-height: 32px;color: #666666;}
.downloadbox .top .imgbox2{overflow: hidden; position: relative; width: 144px;height: 144px;box-shadow: 0px 4px 18px 0px rgba(83, 104, 139, 0.2);border-radius: 10px;border: solid 4px #ffffff;}
/* .downloadbox .top .imgbox2{display: flex;align-items: center;flex-direction: column;overflow: hidden; position: relative; width: 144px;height: 144px;box-shadow: 0px 4px 18px 0px rgba(83, 104, 139, 0.2);border-radius: 10px;border: solid 4px #ffffff;} */
/* .downloadbox .top .imgbox2 img{position: absolute;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} */
.downloadbox .top .imgbox2 img{min-width: 100%;min-height: 100%;width: 144px;height: 144px;}
.downloadbox .btm{background: #f7f9fd;border-radius: 16px;} 
.downloadbox .btm .item{padding: 5px 0px;}
.downloadbox .btm .info{position: relative; padding:  34px 45px 33px;font-size: 18px;line-height: 34px;background: url(../../images/index/icon41.png) repeat-x bottom center;}
.downloadbox .btm .info .left{display: inline-block;width: 105px; color: #6f7071;}
.downloadbox .btm .info .right{color: #242424;margin-left: 105px;}
.downloadbox .btm .info .right1{min-height: 68px;}
.downloadbox .btm .info .icon{position: absolute;bottom: -9px; width:20px;height: 20px;display: inline-block;background: #fff;border-radius: 50%;overflow: hidden;}
.downloadbox .btm .info .l-icon{left: -10px;}
.downloadbox .btm .info .r-icon{right: -10px;}
.downloadbox .btm .fontbox{padding: 17px 25px 14px 45px;display: flex;align-items: center;height: 135px;}
.downloadbox .btm .fontbox .font{font-size: 14px;color: #333435;line-height: 30px;}
.downloadbox .btm .fontbox img{margin-left: auto;max-width: 100px;}
.downloadbox .downbox{margin-top: 17px;width: calc(100% - 100px);bottom: 50px;position: absolute;left: 50px;}
.downloadbox .downbox a{display: inline-block;cursor: pointer;width: 100%;font-size: 16px;line-height: 36px;text-align: center;color: #fdfdff;background: #3a73df;border-radius: 18px;}


/* 联系我们 */
.ppfrombox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;}
.ppfrombox .bg{background:rgba(0, 0, 0, 0.4);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ppfrombox .ppfromcon{width: 500px;height:460px;padding: 35px; position: absolute;top: 0;bottom: 0;right: 0;left: 0; margin: auto;background: url(../../images/index/icon42.png) no-repeat top center, url(../../images/index/icon44.png) no-repeat right bottom;background-color: #fff;}
.ppfrombox .ppfromcon .closebtn{cursor: pointer; display: inline-block;position: absolute;right: 20px;top: 20px;}
.ppfrombox .title{font-size: 24px;color: #242424;line-height: 30px;margin-bottom: 27px;}
.ppfrombox .item{margin-bottom: 10px;position: relative;}
.ppfrombox .item .numbox{position: absolute;right: 10px;bottom: 5px;color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 24px;}
.ppfrombox .item .numbox .c-red{color: red;}
.ppfrombox textarea,.ppfrombox input{background-color: #ffffff;border-radius: 2px;font-size: 14px;border: solid 1px #dcdcdc;width: 100%;color: #000000;}
.ppfrombox textarea::placeholder,.ppfrombox input::placeholder{color: rgba(0, 0, 0, 0.4);}
.ppfrombox textarea{height: 180px;padding: 10px 20px;}
.ppfrombox input{height: 40px;padding: 5px 20px;}
.ppfrombox .btnbox{text-align: center;}
.ppfrombox .ppmessageBtn{display: inline-block;font-size: 18px;color: #fff;width: 160px;line-height: 40px;background-color: #3a73df;border-radius: 20px;}
.ppfrombox .xywra {font-size: 14px;line-height: 24px; margin: 15px 0px 30px;}
.ppfrombox .xywra .font{color: #3a73df;position: relative;display: inline-block;}
.ppfrombox .xywra .font::after{position: absolute;display: block;content: '';width: 100%;height: 1px;background: #3a73df;bottom: -0px;left: 0; }
.ppfrombox .checkspan{display: inline-block;margin-top: 5px; width: 14px;height: 14px;border: 1px solid #e5e5e5;border-radius: 50%;margin-right: 5px;cursor: pointer;position: relative;}
.ppfrombox .xywra .checkspan.active{border-color: #4887ff;}
.ppfrombox .xywra .checkspan.active::before{content: "";display: block;width: 8px;height: 8px;background: #4887ff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-left: -4px;margin-top: -4px;}


@media ( min-width : 1230px) {
  .container{width: 1230px;padding: 0;}
}
@media ( min-width : 1450px) {
  .container{width: 1340px;}
}
@media ( min-width : 1550px) {
  .container{width: 1440px;}
}
@media ( min-width : 2000px) {
  .index-page .ppdtbox .item{margin-bottom: 17px;}
}


@media ( max-width : 1600px) {
  .downloadbox .downloadcon{height: 650px;width: 550px;}
  .downloadbox .top{margin-bottom: 15px;}
  .downloadbox .top .left{width: calc(100% - 160px);}
  .downloadbox .top .add span{font-size: 16px;}
  .downloadbox .top .name .nameshow{font-size: 30px;}
  .downloadbox .top .intro{font-size: 14px;line-height: 24px;}
  .downloadbox .top .imgbox2,.downloadbox .top .imgbox2 img{height: 130px;width: 130px;}
  .downloadbox .btm .fontbox{padding: 15px 25px 15px 40px;}
  .downloadbox .btm .info{font-size: 16px;line-height: 30px;padding: 30px 40px 25px;}
  .downloadbox .btm .info .right1{min-height: 60px;}
}

@media ( max-width : 1450px) {
  .index-page .swiper-banner{height: 700px;}
  .index-page .swiper-banner .maskbox{background-position: center bottom;background-size: contain;}
  .index-page .swiper-banner .swiper-page span{margin: 15px 0px;}
  .index-page .swiper-font .swiper-page span{margin-bottom: 30px;}
  .index-page .swiper-font{height: 390px;}
  .index-page .swiper-font .leftbox{width: calc(100% - 650px);padding: 30px 50px 0px 100px; }
  .index-page .swiper-font .imgbox{width: 650px;height: 380px;}
  .index-page .ppgsbox .leftbox{width: 500px;height: 520px;padding: 50px 70px 30px 40px;}
  .index-page .ppgsbox .rightbox{width: calc(100% - 480px);}
  .index-page .ppgsbox .rightbox .item{height: 180px;}

  .index-foot{margin-top: 0;padding-top: 160px;}
  .copyright{padding: 20px 15px;}


  .fixed-header .head .top-nav .item{padding: 22px 10px;}
  .head .top-nav .item a{font-size: 18px;}

  
  .downloadbox .downloadcon{height: 600px;}
  .downloadbox .btm .info{padding: 20px 30px 15px;}
  .downloadbox .btm .fontbox{padding: 10px 20px 10px 30px;}
  .downloadbox .downbox{bottom: 20px;}

}
@media ( max-width : 1230px) {
  .pptjbox .maskbox.prev{left: -398px;}
  .pptjbox .maskbox.next{right: -398px;}
  
}
@media ( max-width : 1200px) {
  .topHead .container{height: 0px;position: relative;z-index: 1;}
  .topHead .btn1{margin-top: 14px;}
  .topHead .btn2{margin-top: 20px;margin-left: 50px;}
  .topHead .userlogo{margin-top: 12px;}
  .head{background: #111b34;}
  .head .logo{margin-top: 10px;}
  .head .show-search{margin-top: 22px;}
  .head .top-nav{height: 0;width: 100%;overflow: hidden;}
  .head .top-nav .item{padding: 22px 20px;}
  .head .top-nav .item a{font-size: 18px;}
  .search-wrap{right: 15px;}
  .search-wrap .searchbox{width: 380px;}
  
  .user-headershow.user-header .head .container{position: static;}
  .user-headershow.user-header .head{background: rgb(58, 115, 223);}
  .user-header .head .top-nav{position: absolute;top:74px;left: 0;background: rgb(58, 115, 223,0.4);}
  .user-header .head .top-nav.isshow{background: rgb(58, 115, 223);}
  
  .h5menu{}
  /* .h5menu{position: absolute;top:0;right:10px;z-index: 11;} */
  /* .burger.openmenu{top: 10px;} */
  .burger {top: -5px;right: -5px; display:inline-block;vertical-align: middle;height: 40px;width: 40px;position: relative;cursor: pointer;margin:15px 0px 20px 20px;}
  .burger div.x,.burger div.y,.burger div.z {position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;background: #fff;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
  .burger div.x,.burger div.y,.burger div.z {height: 3px;width: 36px;}
  .burger div.y {top: 23px;}
  .burger div.z {top: 35px;}
  .burger.openmenu .y{display: none !important;}
  .burger.openmenu .x,.burger.openmenu .z{top: 20px;display: block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
  .burger.openmenu .x {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
  .burger.openmenu .x {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
  .burger.openmenu .z {-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
  .burger.openmenu .z {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
  /* .isshow{display: block!important;}
  .userpage .leftmenu .menu-box{display:none;position:absolute;right:0;top:0;z-index: 10;width:80%;max-width: 250px;background: #fff;margin-top:0;padding-top:40px;box-shadow: 0px 0px 35px 0px rgba(138, 62, 62, 0.16);} */

  .head .top-nav.isshow{height: 100vh;}
  .head .top-nav .item{display: block;}

  .pptjbox{margin-bottom: 0;}

  .index-page .swiper-banner{height: 550px;}
  .index-page .swiper-banner .btnbox{bottom: 180px;}
  .index-page .swiper-font{height: 300px;}
  .index-page .swiper-font .imgbox{width: 530px;height: 300px;}
  .index-page .swiper-font .leftbox{width: calc(100% - 530px);padding: 10px 30px 0px 80px;}
  .index-page .swiper-font .swiper-page span{margin-bottom: 20px;}
  .index-page .leftbox .date{font-size: 16px;}
  .index-page .leftbox .title{font-size: 22px;margin: 20px 0px 15px;}
  .index-page .leftbox .summary{font-size: 14px;line-height: 25px;margin-bottom: 30px;}
  .index-page .leftbox .more a{font-size: 14px;line-height: 40px;width: 140px;}
  .index-page .ppdtbox .height1{height: 256px;}
  .index-page .ppdtbox .height2{height: 120px;}
  .index-page .ppdtbox .height3{height: 161px;}
  .index-page .ppdtbox .height4{height: 167px;}
  .index-page .ppdtbox .maskbox{font-size: 18px;line-height: 26px;}
  .index-page .ppdtbox .maskbox .title{margin-top: 15px;}
  .index-page .ppdtbox .height3 .maskbox, .index-page .ppdtbox .height4 .maskbox{padding: 0px 20px 20px;}
  .index-page .ppdtbox .height2 .maskbox{padding: 0px 15px 10px;}
  .index-page .ppdtbox .height1 .maskbox{padding: 0px 20px 15px;}
  .index-page .ppdtbox .height2 .maskbox .title{margin-top: 10px;}
  .index-page .ppdtbox .height2 .maskbox{font-size: 16px;line-height: 24px;}
  .index-page .box .top .add{font-size: 14px;}
  .index-page .box .con .imgbox{width: 80px;height: 80px;}
  .index-page .box .con .content{margin-left: 100px;}
  .index-page .box .con .title a{font-size: 20px;line-height: 30px;}
  .index-page .box .con .info{font-size: 14px;}
  .index-page .box .btm{font-size: 14px;line-height: 30px;}
  .index-page .swiper-pphx .swiper-slide.swiper-slide-next{top: 50px;}
  .index-page .swiper-citybox{margin-bottom: 20px;}
  .index-page .dtzsbox .rightbox .col-lg-4:nth-child(2){margin-top: 0;}
  .index-page .ppdjbox .rightbox .col-lg-4:nth-child(1), .index-page .ppdjbox .rightbox .col-lg-4:nth-child(3){margin-top: 0;}
  .index-page .ppgsbox .rightbox .item{width: 50%;}
  .index-foot .lwsearch{max-width: 90%;}
  

  .favorites-page .listbox .item{padding: 20px 15px 10px;}



}
@media ( max-width : 992px) {  
  .index-page .swiper-banner{height: 450px;}
  .index-page .swiper-banner .downbtn{display: none;}
  .index-page .swiper-banner .swiper-page span{font-size: 14px;margin: 5px 0px;}
  .index-page .swiper-font .swiper-slide{display: flex;align-items: center;}
  .index-page .swiper-font .imgbox{width: 300px;height: 200px;}
  .index-page .swiper-font .leftbox{width: calc(100% - 300px);}
  .index-page .dtzsbox{background-size: cover;padding-top: 150px;margin-top: -250px;}
  .index-page .ppgsbox .mainbox{display: block;margin: 30px 0px;}
  .index-page .ppgsbox .leftbox{width: 100%;height: auto; float: none;padding: 50px 30px;margin-right: 0;}
  .index-page .ppgsbox .rightbox{width: 100%;float: none;}
  .index-page .ppgsbox .rightbox .item{width: 25%;}
  
    
  .ppjybox .col-lg-3:nth-child(2),.ppjybox .col-lg-3:nth-child(4){top: 0px;}
  .ppjybox .col-lg-3:nth-child(6),.ppjybox .col-lg-3:nth-child(8),.ppjybox .col-lg-3:nth-child(10),.ppjybox .col-lg-3:nth-child(12){top: 0px;}

  
  .col-md-95{width: 100%;}
  .col-md-85{width: 100%;}
  .col-md-35{width: 100%;}

  .detail-page{padding-top: 110px;}
  .detail-page .mainbox{margin-bottom: 30px;}
  .detail-page .detail-content .txt video{height:auto}

  .bannerbox .banner-con .search-box{padding: 30px 50px 25px;}
  .bannerbox .banner-con .search-box input{width: calc(100% - 190px);}
  .bannerbox .banner-con .search-box a{width: 180px;letter-spacing:0;padding-left: 0;}

  .userpage .leftmenu{min-height: auto; width: 100%;float: none;margin:0 auto 20px;position: relative;}
  .userpage .right-wrap{min-height: auto;width:100%;float: none;margin: 0 auto;}

  .userpage .leftmenu .font1.orgtype{padding-bottom: 30px;}

  .person-infoxs .top1{margin-left: 220px;}
  .person-infoxs .name{text-align: left;}
  .person-infoxs .add{text-align: left;}
  .person-info .numbox{margin: 0px;}
  .person-info .statusbox{margin: 30px 0px 0px;display: flex;justify-content: space-around;}
}
@media ( max-width : 767px) {
  .visible-xs.hidden {display: none !important;}
}
@media ( max-width : 768px) {
  .head{min-height: 75px;}
  .head .logo img{max-width: 300px;}
  .topHead .btn2,.fixed-header .topHead .btn2{margin-left: 30px;}
  .search-wrap{width: 100vw;background: #111b34;right: 0;}
  .search-wrap.show{padding: 10px 0px;height: 60px;top: 75px;}
  .search-wrap .searchbox{margin: 0 auto;max-width: calc(100% - 30px);}

  .user-header .search-wrap{background: rgb(58, 115, 223,0.4);box-shadow: none;}


  .right-fix{display: none !important;}

  .index-page .swiper-banner{height: 350px;}
  .index-page .swiper-banner .btnbox{display: none;}
  
  .wave{background-size: 80% auto;}

  .index-page .left-nav{width: 100%;height: auto;padding: 0px;display: flex;margin-bottom: 20px;overflow-x: auto;padding: 0px 20px;}
  .index-page .left-nav .item.on,.index-page .left-nav .item:hover{background: #6ac2a8;}
  .index-page .left-nav .item.on::after, .index-page .left-nav .item:hover::after{display: none;}
  .index-page .left-nav .item{word-break: keep-all;padding: 10px 15px;}
  .index-page .dtzsbox .left-nav .item.on::after, .index-page .dtzsbox .left-nav .item:hover::after{display: none;}
  .index-page .dtzsbox{padding-bottom: 70px;}
  .index-page .ppdjbox{padding-bottom: 30px;}
  .index-page .swiper-pphx .swiper-button{position: relative;}
  .index-page .swiper-pphx .swiper-prev{right: 10px;}

  .crumbbox{padding: 3px 19px 13px;}

  .detail-page .mainbox{padding: 20px 15px;}
  .detail-page .mainbox .detail-h2{font-size: 32px;}
  
  .bannerbox .bannerimg{min-height: 250px;}
  .bannerbox .banner-con .search-box{padding: 15px 20px;}
  .bannerbox .banner-con .search-box input{line-height: 40px;height: 40px;font-size: 16px;}
  .bannerbox .banner-con .search-box a{line-height: 40px;font-size: 16px;}

  .person-info{padding: 20px 15px;}
  .person-info .statusbox{font-size: 16px;}

}
@media ( max-width : 640px) {
  .topHead{height: 0px;}
  .topHead .btnbox{font-size: 12px;line-height: 32px;width: 70px;}
  .head{min-height: 65px;}
  .head .top-nav{width: 100%;}
  .head .show-search{margin-top: 22px;}
  .head .show-search img{max-width: 20px;}
  .search-wrap.show{top: 65px;}
  .topHead .userlogo{width: 45px;height: 45px;}
  .user-header .head .top-nav{top: 65px;}

  /* .head .logo .logo1{display: none;}
  .head .logo .logo2{display: inline-block;max-width: 45px;} */
  .topHead .btnbox{display: none !important;}
  .head .top-nav .item.item-login{display: flex;width: 100%;justify-content: space-around;}
  .head .top-nav .item.item-login a{display: inline-block;padding: 5px 50px;}
  .head .top-nav .item.item-login .btn1{background: #3a73df;}
  .head .top-nav .item.item-login .btn2{background: #2759b8;}
  .head .top-nav .item.item-login a:hover::after{display: none;}

  .burger{margin-bottom: 10px;width: 30px;}
  .burger div.x, .burger div.y, .burger div.z{width: 25px;height: 2px;}
  .burger div.y{top: 21px;}
  .burger div.z{top: 31px;}
  

  .index-page .swiper-banner{height: 280px;}
  .index-page .swiper-banner .swiper-page{display: none;}
  .index-page .swiper-font .swiper-page{display: none;}
  .index-page .swiper-font .leftbox{padding-left: 0px;padding-top: 0;}

  .bannerbox .bannerimg{margin-top: 0;}

  .downloadbox .downloadcon .closebtn{top: 15px;right: 15px;}
  .downloadbox .downloadcon{max-width: 95%;height: 530px;}
  .downloadbox .downloadcon .con{padding: 50px 20px 100px;}
  .downloadbox .top .left{width: calc(100% - 100px);}
  .downloadbox .top .add span{font-size: 14px;}
  .downloadbox .top .name .nameshow{font-size: 22px;line-height: 30px;}
  .downloadbox .top .intro{font-size: 12px;line-height: 20px;}
  .downloadbox .top .imgbox2,.downloadbox .top .imgbox2 img{width: 80px;height: 80px;}
  .downloadbox .btm .info{font-size: 14px;line-height: 24px;}
  .downloadbox .btm .info{padding: 15px;}
  .downloadbox .btm .info .left{width:70px;}
  .downloadbox .btm .info .right{margin-left: 75px;}
  .downloadbox .btm .info .right1{min-height: 48px;}
  .downloadbox .btm .fontbox{padding: 10px 15px;}
  .downloadbox .btm .fontbox .font{font-size: 12px;line-height: 18px;}
  .downloadbox .btm .fontbox{height: 100px;}
  .downloadbox .btm .fontbox img{max-width: 70px;}

  .ppfrombox .ppfromcon{max-width: 95%;padding: 35px 20px 20px;}

}
@media ( max-width : 540px) {
  body{padding-top: 65px;}
  .userpage{padding-top: 0;}

  .headbox{height: 65px;}
  .topHead a{width: auto;font-size: 12px;padding: 0px 15px;}
  .head .logo,.fixed-header .head .logo{max-width: 60%;margin-top: 13px;}
  .head .logo img{max-width: 100%;}
  .head .top-nav .item,.fixed-header .head .top-nav .item{padding: 15px 0px;}
  .head .top-nav .item a,.fixed-header .head .top-nav .item a{font-size: 16px;}
  .topHead .userlogo{padding: 0;width: 35px;height: 35px;margin-left: 15px;}
  .burger,.fixed-header .head .show-search{margin-left: 15px;}
  .fixed-header .topHead .userlogo,.topHead .userlogo{margin-top: 16px;}

  /* .headbox{background: rgb(46, 77, 154,1);} */
  /* .head .logo img{max-width: 150px;} */
  /* .head .show-search{margin-top: 12px;} */
  /* .head .top-nav{overflow: auto;display: flex;}
  .head .top-nav .item{padding: 5px;}
  .head .top-nav .item a{word-break: keep-all;} */

  .copyright{font-size: 12px;line-height: 20px;}

  .index-foot{padding-top: 30px;background: #ededed;}
  .index-foot .lwsearch .left{height: 38px;}  
  .index-foot .lwsearch .left .font{display: none;}
  .index-foot .lwsearch .left input{padding-left: 20px;line-height: 38px;}
  .index-foot .lwsearch .left{width: calc(100% - 120px);}
  .index-foot .lwsearch .searchbtn{width: 110px;font-size: 14px;line-height: 40px;}

  .index-page .swiper-banner{height: 180px;}
  .index-page .swiper-banner .maskbox{background: rgb(46, 77, 154,0.5);}
  .pub-title{margin: 10px 0px;}
  .pub-title img.fl{max-height: 70px;}
  .pub-title .morebox{margin-top: 25px;}
  .pub-title .morebox a::after{width: 100px;}
  .pub-title .morebox a{font-size: 14px;}
  .pub-title .morebox span{font-size: 12px;line-height: 20px;}
  .index-page .ppfcbox{padding-bottom: 0;}
  .index-page .swiper-font{height: 480px;margin-bottom: 0;}
  .index-page .swiper-font .swiper-slide{flex-direction: column;}
  .index-page .swiper-font .leftbox{width: 100%;float: none;}
  .index-page .swiper-font .imgbox{float: none;margin: 20px auto 0px;}
  .index-page .ppdtbox{padding-bottom: 10px;padding-bottom: 40px;}
  .index-page .ppdtbox .col-md-45,.index-page .ppdtbox .col-md-75{width: 100%;}
  .index-page .ppdtbox .height2,.index-page .ppdtbox .height4,.index-page .ppdtbox .height3{height: 220px;}
  .index-page .pphxbox{padding-top: 80px;padding-bottom: 30px;}
  .index-page  .pphx-wrap .pphx-wrapbox{margin-top: 0 !important;}
  .index-page .swiper-city .swiper-slide .c-item{font-size: 14px;padding: 5px 10px;}
  .index-page .swiper-pphx .btnbox{height: 40px;}
  .index-page .dtzsbox{margin-top: -100px;padding-top: 80px;margin-bottom: 20px;}
  .index-page .dtzsbox .rightbox,.index-page .ppdjbox .rightbox{float: none;}
  .index-page .ppgsbox .rightbox .item{width: 50%;}

  .ppdjbox .index-nodata{margin-top: 20px;}
  .index-nodata .imgbox2 img{max-width: 70%;}
  .index-nodata .font{font-size: 16px;}

  .detail-page{padding-top: 110px;}
  .detail-page .mainbox .detail-h2{font-size: 26px;line-height: 34px;}
  .detail-page .mainbox .detail-info{padding: 5px 0px;}
  .detail-page .detail-content{padding: 20px 0px;}
  .detail-page .mainbox .detail-info{font-size: 14px;}
  .detail-page .mainbox .tips span{font-size: 14px;line-height: 18px;}
  .detail-pagebar button{max-width: calc(100% - 90px);}
  .detail-pagebar button span{display: inline-block;max-width:calc(100% - 10px);}
  .detail-page .detail-content .txt img{max-width: 100% !important;}

  .video-page .detail-summary .font2{font-size: 14px;line-height: 28px;}

  .bannerbox .banner-con .search-box input{width: calc(100% - 90px);}
  .bannerbox .banner-con .search-box a{width: 80px;}
  .bannerbox .bannerimg{min-height: 200px;}

  .search-page .searchlist .item{padding: 10px 0px;}
  .search-page .searchlist .tit{margin: 5px 0px;}
  .search-page .searchlist .tit a{font-size: 18px;line-height: 28px;}
  .search-page .searchlist .btm{display: block;}
  .search-page .searchlist .date{margin-left: 0;margin-top: 5px;}
  /* .search-page .col-md-95,.search-page .col-md-35{padding: 0;} */
  
  .ppdt-page .brand-tab-content .item{width: 100%;}
  .ppdt-page .brand-tab-content .con:hover {transform: translateY(0px);}
  .ppdt-page .brand-tab-content .con{padding: 15px;height: auto;}

  .pptjbox .pptj-head .name{font-size: 24px;}


  .userpage .leftmenu .font1.orgtype{padding-bottom: 20px;}
  .userpage .right-wrap{padding: 10px 15px;margin-bottom: 30px;}
  .userpage .public-name .name{font-size: 20px;}
  .userpage .public-name .s-box{width: calc(100% - 130px);}
  .userpage .public-name .s-box input{height: 40px;font-size: 14px;width: 100%;}
  .userpage .public-name .s-box .s-btn{width: 40px;height: 40px;background-size: 50%;}

  .favorites-page .listbox .title a{font-size: 16px;line-height: 24px;}
  .favorites-page .listbox .cancel{height: auto;}

  .modifypassword-page form{margin-top: 0px;}
  .modifypassword-page label{font-size: 14px;line-height: 40px;}
  .modifypassword-page .form-control{height: 40px;}
  .modifypassword-page .form-horizontal .form-group{margin-bottom: 15px;}

  .userinfopage .p-title .font{font-size: 18px;line-height: 24px;}
  .userinfopage .p-title .font::after{height: 8px;}

  .user-info .rightcon1{height: 0px;margin-top: -30px;overflow: hidden;min-height: auto;padding: 0;}
  .user-info .rightcon .item{padding: 7px 0px;}
  .user-info .rightcon .font1{margin-right: 15px;}

  
  .person-info{margin-bottom: 15px;}
  .person-info .imgbox{width: 120px;height: 120px;margin: 0px auto 20px;}
  .person-infoxs .top1{margin-left: 135px;}
  .person-info .name{font-size: 18px;line-height: 20px;}
  .person-info .add span{font-size: 12px;background-size: 14px;padding-left: 20px;}
  .person-info .btm{font-size: 14px;line-height: 24px;}
  .person-info .statusbox{font-size: 14px;line-height: 35px; }
  .person-info .statusbox a{margin: 0px 10px;}
  .person-info .statusbox a,.person-info .statusbox a.messbtn{width: 120px;}
  .person-info .numbox{height: 42px;}
  .person-info .numbox .font{font-size: 14px;}
  .person-info .numbox .num{line-height: 20px;}
  .person-info .statusbox{margin-top: 15px;}
}
@media ( max-width : 420px) {
  .topHead .userlogo{width: 30px;height: 30px;}
  
}
@media (min-width:240px) and (max-width:992px) {
  .userpage .leftmenu{padding: 30px 0px 0px;}
  .userpage .leftmenu .menu-box{display: flex;margin: 30px 0px;overflow: auto;}
  .userpage .leftmenu .menu-box a{flex: 1;word-break: keep-all;}
  .userpage .leftmenu .menu-box .item{margin: 10px;}
}
@media ( max-width : 540px) {
  .userpage .leftmenu .menu-box{margin: 10px 0px;}
  .userpage .leftmenu .menu-box .item{font-size: 14px;}

  .userpage .leftmenu{padding: 15px 0px 0px;}
  .userpage .leftmenu .userlogobox{width: 100px;height: 100px;margin: 0px auto 5px;}
  .userpage .leftmenu .username{font-size: 20px;line-height: 30px;}
  .userpage .leftmenu .font1{font-size: 14px;padding: 0;}
  .userpage .leftmenu .font2{margin-top: 10px;}
  .userpage .leftmenu .font2 a{font-size: 14px;} 
}