.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb90{padding-bottom:90px;}.pb100{padding-bottom:100px;}

.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}

.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}

.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}

.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}

a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}

.bold{font-weight:bold;}.normal{font-weight:normal;}

.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}

.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
img{line-height: 0;padding: 0;margin: 0;}

body,html{height:auto;overflow-x:hidden;background: #fff;}


/*****************start****************/
.wp{width: 1160px;margin-left: auto;margin-right: auto;}
.topBanner{position: relative;width: 100%;height:546px; background: url(https://img.zcool.cn/special-resource/E-Commerce/assets/img/banner.jpg?V1) no-repeat center center;}
.topBanner .banner{width: 100%;}
.topBanner >div{position: absolute;left:0;right:0;top:50%;height:532px;margin-top:-266px; display: flex;align-items: center;justify-content:center;flex-wrap:wrap;}
.topBanner >div >div{width:100%; text-align: center;}
.topBanner .logos{}

a.onT,a.onT:focus{display: inline-block;width: 180px;height: 52px;line-height: 52px;font-size: 22px;color: #fff;border-radius: 400px;border: 2px #fff solid;text-align: center;}
a.onT:hover{font-size: 22px;background: #fff;color: #000; text-decoration: none;}

a.lookMore:hover,a.lookMore:focus{color:#fff;text-decoration: none;}

.tle{font-size: 48px;color: #000;text-align: center; padding: 45px 0;}
.tle p{font-size: 22px;}
.tle p span{}

.navList{display: flex;justify-content: space-between;width: 842px;font-size: 16px;margin-left: auto;margin-right: auto;position: relative;}
.navList:before{position: absolute;content: "";width: 1012px;background: #ddd;height: 1px;top: 50px;left: 50%;margin-left: -506px;}

.navList li{position: relative;text-align: center;cursor: pointer;margin-right: 20px;}
.navList li:before{position: absolute;bottom: -25px;left: 50%;margin-left: -8px;}
/*.navList li:hover:before,.navList li.active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #D4484C;border-left: 9px solid transparent;border-right: 9px solid transparent;}*/
.navList li:nth-child(1):hover:before,.navList li:nth-child(1).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #ed5555;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(2):hover:before,.navList li:nth-child(2).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #b3312e;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(3):hover:before,.navList li:nth-child(3).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #6b8fb5;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(4):hover:before,.navList li:nth-child(4).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #9eb9c8;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(5):hover:before,.navList li:nth-child(5).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #9daacf;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(6):hover:before,.navList li:nth-child(6).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #f5c396;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(7):hover:before,.navList li:nth-child(7).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #feabab;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(8):hover:before,.navList li:nth-child(8).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #fd69b3;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(9):hover:before,.navList li:nth-child(9).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #f72459;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.navList li:nth-child(10):hover:before,.navList li:nth-child(10).active:before{content: "";position: absolute;height: 0;width: 0;border-bottom: 9px solid #AA765D;border-left: 9px solid transparent;border-right: 9px solid transparent;}

.contImg{width: 1180px;margin-left: auto;margin-right: auto; padding-bottom: 60px;height: 1130px;margin-top: 90px;display: none;}
.contImg a{margin-bottom: 20px;}
.imgR{float: right;}
.imgL{display:flex;justify-content: space-between;flex-wrap: wrap;}

.navList li:last-child{margin-right: 0;}
.imgR a{line-height:0;float:right;}
.imgL a{line-height:0;float:left;}



a.lookMore{width: 380px;height: 345px;display: block;color: #fff;font-size: 36px;text-align: center;padding-top: 140px;box-sizing: border-box;}

a.lookMore p{font-size: 20px;line-height: 28px; padding-top: 40px;}

.contImg a{display: inline-block;line-height: 0;overflow: hidden;transform-origin: center center;}
/*.contImg img:hover{transform: scale(1.06);transition: ease 0.5s;}*/
.contImg a:hover img{transform: scale(1.1);transition: ease 0.5s;}
.contImg img{transition: ease 0.5s;}
a.lookMore:hover{transition:background ease 0.5s;}
.none{display: none;}

.heTop{height: 1130px;}
.fl{float: left;}
.fr{float: right;}
.w380{width: 380px;}


.mt90{margin-top: 90px;}
a.redBtn{background: #ed5555;}
a.redBtn:hover{background: #bf1c0b;}
a.slBtn{background: #b3312e;}
a.slBtn:hover{background: #780300;}
a.blueBtn{background: #6b8fb5;}
a.blueBtn:hover{background: #3f6e9f;}
a.orgBtn{background: #9eb9c8;}
a.orgBtn:hover{background: #84a0af;}

a.purBtn{background: #9daacf;}
a.purBtn:hover{background: #7586b4;}

a.dBtn{background: #40827F;}
a.dBtn:hover{background: #196965;}

a.kBtn{background: #FFA400;}
a.kBtn:hover{background: #E39301;}

a.greenBtn{background: #feabab;}
a.greenBtn:hover{background: #e88181;}
a.oBtn{background: #fd69b3;}
a.oBtn:hover{background: #c2327c;}
a.blkBtn{background: #f72459;}
a.blkBtn:hover{background: #ad183e;}
.navList li.active{display: block;}

a.purxBtn{background: #f5c396;}
a.purxBtn:hover{background: #d69f6e;}

.speImg{display: flex;justify-content: space-between;}
.heT890{height: 890px;}
.contImg.active{display: block;}
.imgH{display:flex;justify-content: space-between;}
.wid400{width: 400px;}
.wid760{width: 760px;}
.w370{width: 370px;}
.w415{width: 415px;}
.w410{width: 410px;}
.w345{width: 345px;}
.w358{width: 358px;}
.w802{width: 802px;}
.w434{width: 434px;}
.w404{width: 404px;}
.w302{width: 302px;}
.w726{width: 726px;}
.h1000{height: 1000px;}
.w517{width: 517px;}
.w352{width: 352px;}
.w271{width: 271px;}
.w643{width: 643px;}
.w243{width: 243px;}
.w445{width: 445px;}
.w715{width: 715px;}
.w300{width: 300px;}
.w509{width: 509px;}
.w251{width: 251px;}
.w394{width: 394px;}
.w366{width: 366px;}
.w780{width: 780px;}