/*头部样式*/
.header{ position:relative;}
.indexhead{ width:1190px; height:75px; margin:0 auto;}
.indexhead .logo{float:left;width: 150px;height: 75px;text-align: center;background-color: #B6B6DA;}
.indexhead a.logo:hover{ text-decoration:none;}
.indexhead .logo span .dian{display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%; margin:3px 5px}
.indexhead .logo span{ color:white; line-height:2.5em;font-size:12px;}
.indexhead .logo3{float: left;width: 130px;height: 75px;text-align: center;margin-left: 20px;}
.indexhead .logo3 img{height: 33px; width:124px; display:block;margin-top: 21px;}
.indexhead .userbox{ width: 340px; height:75px;float: right;}
.indexhead .userbox a{ display:inline;}
.indexhead .userbox .userinfo {display: inline-block;padding-right: 10px; line-height:75px;}
.indexhead .userbox .userinfo .nickname em:last-child{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: inline-block;vertical-align: middle;max-width: 70px;}
.indexhead .userbox .phoneqrcode {position: relative;display: inline-block;line-height:75px;}
.indexhead .userbox .phoneqrcode .rcode {display: none !important;line-height: 2em;position: absolute;right: -30px;top: 100%;z-index: 1000;padding: 10px;background: #fff;border: 1px solid #eee;width: 184px;margin-top: 12px;}
.indexhead .userbox .phoneqrcode .rcode:before{ content:"";border-width: 0px 6px 10px 6px;border-style: solid !important;border-right-color: transparent !important;border-top-color: transparent !important;border-left-color: transparent !important; border-color:#FFF; position:absolute;right: 45px;top: -9px;}
.indexhead .userbox .phoneqrcode .rcode span{ display:inline-block; line-height:2em; width:87px;}
.indexhead .userbox .phoneqrcode .rcode li{ display:inline-block; width:87px; text-align:center;}
.indexhead .userbox .phoneqrcode .rcode li img{ display:block;width:87px;margin-bottom: 5px;}
.indexhead .userbox .phoneqrcode .rcode li:first-child{ margin-right:10px;}
.indexhead .userbox .phoneqrcode:hover .rcode{ display:block !important;}

.indexhead .headblock{ width:505px; height:75px; float:left; padding:0 20px;}
.indexhead .headblock li{ float:left;text-align:center; line-height:75px;}
.indexhead .headblock li a{ display:block; text-decoration:none;}
.indexhead .headblock li.active a{ color:#fe741c;}
.indexhead .headblock li a span{padding-right: 10px;}
.indexhead .headblock li a:hover::after,.indexhead .headblock li.active a::after{ content:""; border-bottom:2px solid #fe741c;}

@keyframes leftrightwhite{0%{left:-200%;}50%{left:200%;}50.1%{left:-200%;}100%{left:-200%;}}
@-webkit-keyframes leftrightwhite{0%{left:-200%;}50%{left:200%;}50.1%{left:-200%;}100%{left:-200%;}}
#rcont .indexbg {width:750px; height:460px; background:url(/public/images/maigoo/v2019/index/jiangpai.png?2019) no-repeat;position: relative;z-index:1;background-size: 750px auto;margin-left: 15px;}
#rcont .indexbg a {display: block;position: absolute;overflow: hidden; font-weight:bold; color:#281602;text-align: center;}
#rcont .indexbg a::after {content:''; position:absolute; bottom:0; width:100px; height:400px; top:-100px; background:linear-gradient(to right, transparent, rgba(255,255,255,0.6), transparent); left:-200%; transform:rotate(-45deg); -webkit-animation:leftrightwhite 4s infinite ease-in-out; animation:leftrightwhite 4s ease-in-out infinite; }
#rcont .indexbg a.link1{left: 279px;top: 220px;width: 194px;height: 194px;border-radius: 66px;font-size: 46px;line-height: 140px;}
#rcont .indexbg a.link2{left: 90px;top: 172px;width: 140px;height: 140px;border-radius: 70px;font-size: 26px;line-height: 120px;}
#rcont .indexbg a.link3{left: 525px;top: 158px;width: 130px;height: 130px;border-radius: 80px;font-size: 26px;line-height: 110px;}
#rcont .indexbg a i{ display:block; font-size:10px;position: absolute;left: 0;width: 100%;line-height: 1em;bottom: 35%;}
#rcont .indexbg a.link1 i{font-size: 16px;}
#rcont .rognyuimg{width: 205px;height: 414px;position: absolute;right: 80px;top: 180px;}

#banner{ width:100%; min-width:1190px; height:615px; background:url(/public/images/maigoo/index/banner.jpg) center bottom no-repeat #555ba6; position:relative;}
#banner .cont{ width:1190px; height:615px; margin:0 auto}
#banner .cont .menubox{width:150px; height:607px; float:left; position:relative; z-index:2;}
#banner .cont .menubox a{ display:block; text-decoration:none;}
#banner .cont .menubox a .iconfont{ margin-right:5px;}
#banner .cont .menubox .catmenu{ width:100%;}
#banner .cont .menubox .catmenu li{ width:49.6%; float:left;color:#FFF;text-align: center;line-height:30px; border-radius:5px 5px 0 0;
background:rgba(48,50,140,.15);
background: -webkit-linear-gradient(bottom, rgba(48,50,140,.15), rgba(28,12,92,.15));
background: -o-linear-gradient(bottom, rgba(48,50,140,.15), rgba(28,12,92,.15));
background: -moz-linear-gradient(bottom, rgba(48,50,140,.15), rgba(28,12,92,.15));
background: linear-gradient(bottom, rgba(48,50,140,.15), rgba(28,12,92,.15));
}
#banner .cont .menubox .catmenu li:nth-child(2n){ float:right;}
#banner .cont .menubox .catmenu li.active{ background:rgba(48,50,140,.3);
background: -webkit-linear-gradient(bottom, rgba(48,50,140,.3), rgba(28,12,92,.3));
background: -o-linear-gradient(bottom, rgba(48,50,140,.3), rgba(28,12,92,.3));
background: -moz-linear-gradient(bottom, rgba(48,50,140,.3), rgba(28,12,92,.3));
background: linear-gradient(bottom, rgba(48,50,140,.3), rgba(28,12,92,.3));
}
#banner .cont .menubox .catmenu:after{ content:""; display:block; clear:both; height:0;}
#banner .cont .menubox .clist{background: rgba(48,50,140,.3);padding:7px 0;}
#banner .cont .menubox .clist li{ padding:4px 20px; line-height:30px; height:30px;}
#banner .cont .menubox .clist li:hover{ background:rgba(0,0,0,.1);}
#banner .cont .menubox .clist li .below{ display:none; position:absolute; left:150px; top:0; width:1082px; min-height:605px; padding:3px 10px; background:#fff; border:2px solid #555ba6; margin-left:-2px;}
#banner .cont .menubox .clist li .below a{ display:inline-block; margin-right:1em;}
#banner .cont .menubox .clist li .below .belowpart{ width:50%; float:left;}
#banner .cont .menubox .clist li .below .loadding{ width:100px; height:100px; background:url(/public/images/icon/loading_100x100.gif) no-repeat; margin:220px 0 0 500px;}
#banner .cont .menubox .clist li .below .rightmenu{ }
#banner .cont .menubox .clist li .below .rightmenu li{ width:120px; line-height:2em; border:solid 1px #eee; display:inline-block; padding:0; text-align:center;font-size:18px;}
#banner .cont .menubox .clist li .below .rightmenu li.active{ font-weight:bold;}
#banner .cont .rcont{ float:right; width:1030px; height:615px; position:relative;}
#banner .cont .rcont h1{ text-align:center; font-size:39px; margin-top:2em; line-height:2em; letter-spacing:5px;}

#searchform{ width:900px; margin:50px auto 0px auto; position:relative;}
#searchform .searchmenu li{ width:110px; margin-right:5px; float:left; line-height:39px; border-radius:5px 5px 0 0; background:#666cb6; text-align:center; cursor:pointer;}
#searchform .searchmenu li.active{ background:#31348e;}
#searchform .searchq{ width:731px; border:4px solid #31348e; height:58px; line-height:56px; font-size:16px; padding:0 20px 0 45px; outline:none; float:left;}
#searchform .searchicon{ position:absolute; left:10px; bottom:16px; font-size:30px; color:#aaa}
#searchform .searchbtt{ width:96px; height:66px; line-height:64px; color:#fff; font-size:22px; background:#31348e; border:0; float:left; cursor:pointer}
#searchform .searchbtt:hover{ background:#3B3E9C}

#searchform #searchts{display: none;position: absolute;top: 100%;width: 892px;background: #fff;text-align: center;z-index: 100;border: 4px solid #31348e;border-top:none;}
#searchform #searchts .ttl{ padding:10px 30px; line-height:2em; color:#000; border-bottom:1px solid #ddd; text-align:left;}
#searchform #searchts .hot{ padding:10px 26px 30px 26px;}
#searchform #searchts .searchxgkeywords span{ padding:0 30px; color: #555ba6; text-align:left; display:block; line-height:3em; border-bottom:1px solid #ddd; cursor:pointer;}
#searchform #searchts span:hover, #searchts span.hover{ background:#f7f7f7;}


#hotkeys{ padding:30px 0 0 0;position: absolute; bottom:0; left:0;  width:100%; height:100px; overflow:hidden;}
#hotkeys .line1{ position:absolute; left:0; top:0; width:2160px; height:130px; background:url(/public/images/maigoo/index/1top.png) center repeat-x; top:-5px;}
#hotkeys .line2{ position:absolute; left:0; top:0; width:2186px; height:130px; background:url(/public/images/maigoo/index/2mid.png) center repeat-x; top:20px;}
#hotkeys .line3{ position:absolute; left:0; top:0; width:3454px; height:130px; background:url(/public/images/maigoo/index/3botm.png) center repeat-x; z-index:1;top:10px;}
#hotkeys .list{ width:100%; height:1px; float:left; position:relative;}
#hotkeys .list a{ display: inline-block;position: relative;z-index: 100;}
@keyframes hotkeys{0% {padding:4px; margin:-6px 0 0 -8px;}50% {padding:0; margin:-2px 0 0 -4px;}100% {padding:4px; margin:-6px 0 0 -8px;}}
@-webkit-keyframes hotkeys{0% {padding:4px; margin:-6px 0 0 -8px;}50% {padding:0; margin:-2px 0 0 -4px;}100% {padding:4px; margin:-6px 0 0 -8px;}}
#hotkeys .list .yuan{ position:absolute; left:50%; top:0; margin:-6px 0 0 -8px; display:block; width:4px; height:4px; padding:4px; margin:0 auto; line-height:0; background:rgba(151,158,226,0.3); border-radius:50%;animation: hotkeys 1s infinite linear; -webkit-animation: hotkeys 1s infinite linear;}
#hotkeys .list .yuan:after{content:""; display:block; width:4px; height:4px; border-radius:50%; background:rgba(151,158,226,0.8);}
#hotkeys .list .text{ padding-top:10px; display: inline-block; white-space: nowrap; line-height: 20px; font-size: 13px;color: #e0e3ef;}
#hotkeys .word1{ position:relative; z-index:1;  width:2160px;height:1px;}
#hotkeys .word1 .list a:nth-child(1){ left:128px ; top:40px;}
#hotkeys .word1 .list a:nth-child(2){left:500px ; top:0px;}
#hotkeys .word1 .list a:nth-child(3){ left:1328px ; top:50px;}
#hotkeys .word1 .list a:nth-child(4){left:1720px ; top:-25px;}
#hotkeys .word2{ position:relative; z-index:1;width:2186px; height:1px;}
#hotkeys .word2 .list a:nth-child(1){ left:380px ; top:52px;}
#hotkeys .word2 .list a:nth-child(2){left:1140px ; top:-5px; }
#hotkeys .word2 .list a:nth-child(3){left:1690px ; top:56px;}
#hotkeys .word3{ position:relative; z-index:1; width:1727px; height:1px;}
#hotkeys .word3 .list a:nth-child(1){ left:310px ; top:2px;}
#hotkeys .word3 .list a:nth-child(2){ left:950px ; top:-2px;}
#hotkeys .word3 .list a:nth-child(3){left:1527px ; top:43px;}
#hotkeys .list a:hover .text { color:#fe741c;}

/*各模块样式*/
#container{ width:100%;}
#container>.blockinfo{ min-width:1190px; max-width:none;}
#container .brandonlypic{ background-color:#e6e6ed; padding:0;}
#container .brandonlypic .itembox{ width:1190px; margin:0 auto; background-color:#FFF;}

#container .hotbangdan { background-color:#e6e6ed;}
#container .hotbangdan .itembox{ width:1190px; margin:0 auto;} 

#container .brandtype{ background:url(/public/images/maigoo/v2019/index/bg1.jpg) top center no-repeat;padding: 10px 0;}
#container .brandtype .itembox{ width:1190px; margin:0 auto;}
#container .brandtype ul a.c666{ color:#FFF;}
#container .brandtype ul a.c666:hover{color:#fe741c;}

#container .areatype{ background:url(/public/images/maigoo/v2019/index/bg3.jpg) top center no-repeat;padding: 10px 0;}
#container .areatype .itembox{ width:1190px; margin:0 auto;}
#container .areatype ul a.c666{ color:#FFF;}
#container .areatype ul a.c666:hover{color:#fe741c;}

#container .brand10col4{background:url(/public/images/maigoo/v2019/index/bg2.jpg) top center no-repeat;}
#container .brand10col4 .itembox{ width:1190px; margin:0 auto;}

#container .categorywgcat {}
#container .categorywgcat .itembox{width:1190px; margin:0 auto}

#container .allblockyuan{ background:url(/public/images/maigoo/v2019/index/bg4.jpg) top center no-repeat; padding:0;}
#container .allblockyuan .itembox{width:1190px; margin:0 auto}

#container .brand10col4 .item.s1 a{ background:#795ebe; background:linear-gradient(180deg,#b3a3da,#795ebe);}
#container .brand10col4 .item.s2 a{ background:#cca874; background:linear-gradient(180deg,#e7d0a9,#cca874);}
#container .brand10col4 .item.s3 a{ background:#3977c6; background:linear-gradient(180deg,#89c6e7,#3977c6);}
#container .brand10col4 .item.s4 a{ background:#c76441; background:linear-gradient(180deg,#db9964,#c76441);}
#container .brand10col4 .item.s5 a{ background:#ffb34e; background:linear-gradient(180deg, #ffba7c, #ff8415);}
#container .brand10col4 .item.s6 a{ background:#ff8e8e; background:linear-gradient(180deg, #f08c88, #e4312a);}

#container .moreall2{ background-color:#c4cae4;}
#container .moreall2>.itembox{width:1190px; margin:0 auto}
#container .moreall2 .brandbang{float:left;}
#container .moreall2 .brandbang .brandbangcol5{ padding:0;}
#container .moreall2 .brandbang .brandbangcol5 .blockmorebox{ background-color:#FFF;}
#container .moreall2 .categoryindexcat {width: 440px;float: right;}
#container .moreall2 .categoryindexcat .color3{ color:#3f6799;}
#container .moreall2 .categoryindexcat .color3:hover{color:#fe741c;}
#container .moreall2 .categoryindexcat .item{ position:relative; padding-left:40px;}
#container .moreall2 .categoryindexcat .item:before{ content:""; width:20px; height:20px; background:url(/public/images/maigoo/v2019/index/caticon.png) no-repeat; background-size:20px auto;position:absolute; left:0; top:50%; margin-top:-10px; z-index:5;}
#container .moreall2 .categoryindexcat .item.s1:before{ background-position: left -25px;}
#container .moreall2 .categoryindexcat .item.s2:before{ background-position: left -50px;}
#container .moreall2 .categoryindexcat .item.s3:before{ background-position: left -75px;}
#container .moreall2 .categoryindexcat .item.s4:before{ background-position: left -100px;}

#container .moreall2 .categoryindexcat .item:after{ content:""; width:0; height:100%; border-left:solid 1px #F6f6f6; position:absolute; left:10px; top:50%;}
#container .moreall2 .categoryindexcat .item:last-child:after{ height:0;}
#container .moreall2:after{ content:""; display:block; clear:both; height:0;}

.tab.substyle6 .tab2menubox{padding: 10px 0;}
.tab.substyle6 .tabmenu{ overflow:inherit;}
.tab.substyle6 .tabmenu .item{float:left; font-size:20px; line-height:2em; border:solid 1px #aeb4d8; text-align:center; box-sizing:border-box;}
.tab.substyle6 .tabmenu .item.active{ background-color:#555ba6;}
.tab.substyle6 .tabmenu .item span{ background:none;}
.tab.substyle6 .tabmenu .item.active span{color:#FFF;}
.tab.substyle6 .tabmenu:after{ content:""; display:block; clear:both; height:0;}
.tab.substyle6.col3 .tabmenu .item{ width:32%; }
.tab.substyle6.col3 .tabmenu .item:nth-child(3n+2){ margin:0 2%;}

#container .categoryalllevel1{background-color: #008cff;background-image: -webkit-linear-gradient(top,#e7e7e7, #eeeeee);background-image: -o-linear-gradient(top,#e7e7e7, #eeeeee);background-image: -moz-linear-gradient(top,#e7e7e7, #eeeeee);background-image: linear-gradient(top,#e7e7e7, #eeeeee);}
#container .categoryalllevel1>.itembox{width:1190px; margin:0 auto}

/**尾部样式*/
.footindex{width: 100%;min-width: 1190px;}
.footindex .middiv{ width:1190px; margin:0 auto;}

.footindex.goods{ background-color:#d9d9d9; padding:10px 0 20px;}
.footindex.goods .middiv dl{ width:31%; float:left; position:relative; padding-left:58px; box-sizing:border-box;margin-top: 10px;}
.footindex.goods .middiv dl:nth-child(3n+2){ margin-left:3.5%; margin-right:3.5%;}
.footindex.goods .middiv dl::before {content: "";position: absolute;left: 0;top: 11px;width: 48px;height: 48px; background:url(/public/images/maigoo/v2019/footer/good.png) no-repeat; background-size:48px auto; border-radius:50%;}
.footindex.goods .middiv dl dt{ color:#394043; font-size:15px;font-weight: bold; line-height:1.8em;}
.footindex.goods .middiv dl dd{ color:#888; font-size:12px; line-height:1.8em;}
.footindex.goods .middiv dl.g2::before{ background-position:0 -56px;}
.footindex.goods .middiv dl.g3::before{ background-position:0 -112px;}
.footindex.goods .middiv dl.g4::before{ background-position:0 -168px;}
.footindex.goods .middiv dl.g5::before{ background-position:0 -224px;}
.footindex.goods .middiv dl.g6::before{ background-position:0 -280px;}
.footindex.bg{background-color:#282828;}
.footindex.bg .middiv{ background:url(/public/images/maigoo/v2019/footer/bg.jpg) center center no-repeat; padding-bottom:30px;}
.footindex .logos{ border-bottom:solid 1px #333; position:relative;padding: 20px 0 10px;height: 235px;}
.footindex .logos .lgimg{}
.footindex .logos .erweima{position: absolute;left: 0;top: 145px;}
.footindex .logos .erweima li{ width:85px; float:left;margin-left: 10px;}
.footindex .logos .erweima li:first-child{ margin-left:10px;}
.footindex .logos .erweima li span{ color:#777777; font-size:12px;width: 100px;text-align: center;margin: 0 -10px; line-height:2em;}
.footindex .logos .erweima li img{}
.footindex .logos .erweima li.bmmaigoo{width: 105px; margin-left:20px;}

.footindex .logos .logo3{position: absolute;top: 145px;right: 203px;}
.footindex .logos .logo3 .kxwz1{ display:inline-block;margin-right:5px;}
.footindex .logos .logo3 .kxwz2{ display:inline-block; margin-left:5px;}
.footindex .logos .logo4{position: absolute;right: 425px;bottom: 10px;}
.footindex .logos .txt1{color:#777777; font-size:12px; line-height:1.8em;position: absolute;right: 0;top: 147px;}
.footindex .logos .txt2{color:#777777; font-size:12px; line-height:1.8em;position: absolute;right: 0;bottom: 10px;}
.footindex .logos .opacity{opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;}

.footindex .words{ text-align:center;color:#777777; font-size:12px; line-height:1.8em; padding-top:5px;}
.footindex .words a{color:#777777; font-size:12px;}
.footindex .words a:hover{ color:#F60;}
.footindex .words1{}
.footindex .words2 .links{margin: 5px 0;}
.footindex .words2 .links a{ color:#ab9624; line-height:1.2em;}
.footindex .words2 .links span{ color:#4d4d4d;}
.footindex .words2 .links a:hover{ color:#F60;}
.footindex .words2 .ipc {padding-left: 20px;margin-right: 10px;background: url(/public/images/maigoo/v2019/footer/boticon1.png) no-repeat;}
.footindex .words2 .relief {padding-left: 20px;margin-right: 10px;background: url(/public/images/maigoo/v2019/footer/boticon2.png) no-repeat;}
.footindex .words2 .sethome {padding-left: 20px;margin-right: 10px;background: url(/public/images/maigoo/v2019/footer/boticon3.png) no-repeat;}