body{background-color:#f6f6f6}
body,html{height:100%}
.comHeight{min-height:100%}
.inside-pages-top{position:relative;width:1280px;padding:20px 30px 20px 18px;background:#fff;margin:20px auto 0;box-sizing:border-box}
.float_barndin_img{position:absolute;top:-1px;left:-1px;width:68px;height:68px;background:url(/Public/assets/home/images/branditem/inside_pp.png) no-repeat;background-size:100%;border:none}
.float-left-top{display:flex}
.inside_img{width:165px;height:160px;border:1px solid #f7f7ff;padding:0 0 35px 0;box-sizing:border-box;background:#fff;border-radius:3px;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;position:relative}
.inside_img img{width:100%;max-width:100%;width:auto;max-height:100%}
.inside_content{margin-left:20px;width:694px;display:flex;align-items:center;padding-right:41px}
.inside_content span{font-size:20px;font-weight:700;color:#333}
.inside_content p{margin-top:8px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.float-right{float:right;border:1px solid #f7f7f7;border-radius:10px;background:#fff;box-shadow:0 8px 10px -6px #dcdcdc}
.float-right>div{display:inline-block;text-align:center;min-width:125px;padding:0 2px}
.float-right>div:nth-child(1){border-right:1px solid #f7f7f7}
.float-right>div p:first-child{height:85px;line-height:85px;border-bottom:1px solid #f7f7f7;color:#4d74ff;font-size:30px;font-weight:500}
.float-right>div p:last-child{height:29px;line-height:29px;background:url(http://img.fqapps.com/caa699d0e931dce2bbe2ecef47529f79) no-repeat;background-size:100% 100%;box-sizing:border-box}
.inside-navbar{margin:0 auto;background:#fff;margin-bottom:10px;margin-top:20px;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-justify-content:space-between}
.navbar-l li{float:left;width:80px;color:#666;position:relative;cursor:pointer;text-align:center;padding:25px 0}
.navbar-l li.active,.navbar-l li:hover{color:#4d75ff}
.navbar-l li.active:before{content:"";position:absolute;bottom:-1px;left:50%;width:30px;height:2px;margin-left:-15px;background:#4d76ff}
.navbar-r{color:#666;font-size:0;line-height:70px;margin-right:40px}
.navbar-r li{cursor:pointer;display:inline-block;vertical-align:middle;line-height:initial;font-size:0;margin-left:30px}
.navbar-r li em,.navbar-r li span{display:inline-block;vertical-align:middle;font-size:14px}
.navbar-r li em{width:20px;height:20px;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:4px;margin-right:8px;position:relative}
.navbar-r li em:before{content:"";position:absolute;top:5px;left:4px;width:10px;height:5px;background:0 0;border:2px solid #5cadfc;border-top:none;border-right:none;opacity:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg);border-color:#fff}
.navbar-r li:hover{color:#5490ff}
.navbar-r li:hover em:before{opacity:.5;border-color:#5cadfc}
.navbar-r li.active{color:#5490ff}
.navbar-r li.active em{background-color:#5490ff;border:1px solid #5490ff}
.navbar-r li.active em:before{opacity:1;border-color:#fff}
.swiper-wrap{position:relative;flex:1}
.swiper-navbar{width:860px}
.swiper-button-next0,.swiper-button-prev0{background:#f8f8f8;color:#333;height:100%;top:50%;font-weight:700;text-align:center;right:0;margin-top:-10px;width:20px;height:20px;border:1px solid #ededed;border-radius:3px}
.swiper-button-prev0{left:0;right:inherit;box-shadow:4px 4px 12px -3px rgba(0,0,0,.1)}
.swiper-button-next0 i{display:inline-block;transform:rotate(-90deg);font-weight:700}
.swiper-button-prev0 i{display:inline-block;transform:rotate(90deg);font-weight:700}
.swiper-box{width:1280px;margin:64px auto 60px;position:relative}
.inside-bottom-swiper{width:1200px;height:140px;box-sizing:border-box}
.inside-bottom-swiper .swiper-slide{width:170px;height:139px;display:inline-block;float:left}
.inside-bottom-swiper .swiper-slide p{text-align:center;color:#999;font-size:14px;margin-top:19px}
.inside-bottom-swiper .swiper-slide .Bimgbox{border-radius:10px;background:#fff;width:170px;height:100px;text-align:center;line-height:100px;padding:0 25px;box-sizing:border-box;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.inside-bottom-swiper .swiper-slide .Bimgbox:hover{box-shadow:0 2px 0 rgba(255,255,255,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.inside-bottom-swiper .swiper-slide .Bimgbox:hover~p{color:#5490ff}
.inside-bottom-swiper .swiper-slide img{max-width:100%;max-height:100%;width:auto;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.inside-bottom-swiper .swiper-slide:hover img{transform:scale(1.2)}
.inside-bottom-swiper .swiper-button-prev{display:none}
.inside-bottom-swiper .swiper-button-next{display:none}
.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev{width:40px;height:40px;border-radius:50%;background:#b3b3b3;position:absolute;color:#fff;text-align:center;line-height:40px;font-size:24px;margin-top:-20px;top:35%;cursor:pointer}
.swiper-box .swiper-button-prev{transform:rotate(-90deg);left:-20px}
.swiper-box .swiper-button-next{transform:rotate(90deg);right:-20px}
.brand-section{margin:0 auto;width:1200px;min-height:568px;position:relative}
.FlexCenter{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.insideProduc>li{width:18.8%;margin-left:1.5%}
.insideProduc>li:nth-child(4n+1){margin-left:1.5%}
.insideProduc>li:nth-child(5n+1){margin-left:0}
.insideBox .inProduc-l-icon{max-width:100%;text-align:left;line-height:initial}
.insideBox>p{-ms-flex:1;-moz-webkit-flex:1;-webkit-flex:1;flex:1;text-align:right;max-width:initial;color:#999;font-size:12px}
.insideBox>p i{color:#fd4c42}
.brand-section .inNull{width:100%;float:none;min-height:418px}
.insideProduc .hot-sheet{position:absolute;top:0;left:0;width:55px;height:50px;background:url(/Public/assets/home/images/index/all_index/index-onlist.png) no-repeat;background-size:contain;z-index:8}
/* .insideProduc .crown_left{position:absolute;top:-13px;left:-13px;width:29px;height:30px;background:url(/Public/assets/home/images/index/all_index/crown_left.png) no-repeat;background-size:100%;z-index:9} */
.top-data{position:absolute;left:0;top:-110px;width:100%;background:#fff;display:none;justify-content:space-around;border-radius:10px;box-shadow:0 6px 18px 2px rgba(0,0,0,.1);z-index:9}
.crown_right{position:absolute;top:-17px;right:-15px;width:29px;height:30px;background:url(/Public/assets/home/images/index/all_index/crown_right.png) no-repeat;background-size:contain}
.top-data>div{display:inherit;flex-direction:column;align-items:center;padding:12px}
.data-title{color:#333}
.top-data ul{display:inline-flex;text-align:center;padding-top:8px}
.data-show{display:flex!important;flex-direction:column}
.top-data ul li:nth-child(2){padding-left:8px}
.top-data ul li span:first-child{color:#666}
.top-data ul li span:last-child{color:#ff4f41;display:inline-block;margin-top:4px}
.top-data-line::before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:93px;background:#f7f7f7}
.top-data::after{content:"";position:absolute;top:92px;left:22px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.insideProduc>li:hover .crown_left{-webkit-animation-name:fadeUpOpacity;animation-name:fadeUpOpacity;animation-duration:1s;-webkit-animation-duration:1s}
.insideProduc>li:hover .top-data{display:flex}
.inside-header-nav{display:flex;margin:20px auto 0;width:1200px;height:60px;background:#fff;border-radius:3px 3px 0 0;border-bottom:1px solid #f5f5f5;position:relative}
.inside-header-nav li{min-width:118px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;color:#333;transition:all .3s ease 0s}
.inside-header-nav li span{cursor:pointer}
.inside-header-nav li.active{font-weight:700;color:#4d75ff}
.inside-nav-active{position:absolute;content:'';left:0;bottom:0;width:24px;height:4px;margin-left:-12px;background:#4d75ff;border-radius:2px 2px 0 0;transition:all .3s ease 0s}
.inside-pages-top{width:1200px;margin:0 auto;display:flex;padding:15px 0 15px 17px}
.inside_content-ul{display:flex;margin-top:16px}
.inside_content-ul li{padding:0 39px;position:relative}
.inside_content-ul li:first-child{padding-left:0}
.inside_content-ul li::after{position:absolute;content:'';top:50%;right:0;width:1px;width:1px;height:12px;margin-top:-6px;background:#f5f5f5}
.inside_content-ul li:last-child::after{width:0}
.inside_content-ul li p{margin:0;font-size:14px;font-weight:400;color:#333;height:14px;line-height:14px}
.inside_content-ul li p:first-child{height:22px;line-height:19px;font-size:22px;font-weight:700;color:#4d75ff;margin-bottom:10px}
.inside-video-mian{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;background:#f3f6ff;width:165px;height:35px;border-radius:3px;border:1px solid #f5f5f5;cursor:pointer}
.inside-video-mian span{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;color:#4d75ff}
.inside-video-mian i{display:flex;font-size:20px;margin-right:6px;align-items:center;color:#4d74ff;padding-top:2px}
.inside-video-mian:hover{background:linear-gradient(90deg,#599efd,#4d74ff)}
.inside-video-mian:hover i,.inside-video-mian:hover span{color:#fff}
.inside-right{width:100%}
.min-inside{min-height:105px}
.inside-right-ul{padding-left:35px;border-left:1px solid #f2f2f2;min-height:79px}
.inside-right-ul li{margin-bottom:18px;display:flex;align-items:center;height:15px;line-height:15px}
.inside-right-ul li i{width:15px;height:15px;display: flex;align-items: center;}
.inside-right-ul li span{font-size:14px;font-weight:400;color:#666;height:15px;display:flex;line-height:15px;margin-left:9px}
.inside-extend-all{display:flex;justify-content:flex-end}
.inside-extend-all .inside-extend-btn{width:150px;height:45px;background:linear-gradient(90deg,#4d74ff,#599efd);border-radius:23px 0 1px 23px;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;cursor:pointer;transition:all .2s ease-in-out}
.inside-extend-all .inside-extend-btn:hover{box-shadow:0 6px 6px -4px rgba(77,116,255,.61);transform:translateY(-2px)}
.inside-extend-all .inside-extend-btn .hdk-jinruhaodanku{margin-right:8px}
.inside-extend-all .inside-extend-btn .hdk-ziyuan3{position:absolute;top:0;right:8px;width:18px;height:18px;background:#fff;box-shadow:0 5px 15px 0 rgba(62,129,255,.3);border-radius:0 0 5px 5px;display:flex;justify-content:center;align-items:center;color:#6c8aff;font-size:12px;cursor:pointer}
.inside-extend-shou{position:absolute;top:-45px;right:-97px;font-size:12px;font-weight:400;color:#4d75ff;width:215px;height:33px;background:#fff;border:1px solid #f2f2f2;box-shadow:0 5px 15px 0 rgba(26,29,42,.2);border-radius:5px;display:none}
.inside-extend-shou i{display:flex;justify-content:center;align-items:center;height:100%;position:relative}
.inside-extend-shou i::after{position:absolute;bottom:-8px;width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:8px 8px 0;content:'';left:50%;margin-left:-7px}
.inside-extend-all .inside-extend-btn .hdk-ziyuan3:hover .inside-extend-shou{display:block}
.float-left-bottom{margin-top:16px}
.float-left-botul{display:flex;align-items:center}
.float-left-botul li{background:#f5f5f5;border-radius:3px 12px 12px 12px;margin-right:9px;color:#666;font-size:12px;height:24px;line-height:24px;padding:0 10px;max-width:290px;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.float-left-top .active{padding:0}
.mainBus{position:absolute;top:4px;left:50%;width:48px;height:22px;line-height:22px;background:#ff5c3f;border-radius:12px 11px 11px 3px;font-size:14px;color:#fff}
.category-box{flex:1;-webkit-flex:1;-o-flex:1;-moz-flex:1;padding:13px 0 13px 14px;color:#333}
.category-box>span{min-width:50px;text-align:center;display:inline-block;padding:5px 4px;cursor:pointer}
.category-box>span.active{min-width:100px;color:#fff!important;background:-webkit-linear-gradient(0deg,#4d74ff,#599efd);background:-moz-linear-gradient(0deg,#4d74ff,#599efd);background:-ms-linear-gradient(0deg,#4d74ff,#599efd);background:-o-linear-gradient(0deg,#4d74ff,#599efd);background:linear-gradient(0deg,#4d74ff,#599efd);background-color:#4d74ff;border-radius:1000px}
.category-box span.active i{display:inline-block;transition:all .2s ease-in-out}
.screenshop{display:inline-block;border-left:1px solid #f2f2f2;padding-left:15px}
.screenshop span{position:relative;display:inline-flex;margin-right:9px;padding:4px 11px;border:1px solid #ededed;border-radius:5px 5px 0 5px;cursor:pointer}
.screenshop span:after{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;background:url(http://img.haodanku.com/FtGzHzk9M4U85VLhaHYaaBS9Cinn);background-repeat:no-repeat}
.screenshop span:hover{background:#f7f7f7}
.screenshop span.active{background:linear-gradient(0deg,#4d74ff,#599efd);color:#fff}
.screenshop span.active:after,.screenshop span:hover:after{background:url(http://img.haodanku.com/FkbKvz85CH3ZJtgZyivZjDFG4NK1)}