/* BASIC css start */
#contentWrap,#content{width: 100% !important;}
.main_lay{ width: 1200px; margin: 0 auto;}

#main .visual { zoom: 1; overflow: hidden; }
#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol,
#main .visual .ad,
#main .visual .notice { float: left; }
#main .visual .symbol { overflow: hidden; width: 600px; margin-right: 15px; }
#main .visual .ad,
#main .visual .notice { width: 161px; }
#main .visual .notice dt { padding: 5px 0; }
#main .visual .notice dd { margin-top: 10px; }
#main .visual .notice dd .notice-list a { font-size: 11px; padding-bottom: 5px; }
#main .visual .ad { margin-top: 30px; }

#main .main_slider_wrap{ overflow-x: hidden; min-width: 1200px;}
#main .main_slider_wrap .f2s-swiper{left: 50%; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 2000px;}

.item-wrap{margin: 80px auto;}
.item-wrap .pro_tit{ margin-bottom: 20px; color: #484848; text-align: center; font-size: 25px;}
.item-wrap.pordList .item-cont .item-list {width:280px; margin-right:26px;}
.item-wrap.pordList .item-cont .item-list:nth-child(4n) {margin-right:0px;}
.item-wrap.pordList .item-cont .item-list:first-child {margin-left:0}
.item-wrap.pordList .item-cont .item-list dt img {width:100%; height: auto;}
.item-wrap.pordList .prd-name a {color:#959494; font-size:11px; }
.item-wrap.pordList .prd-price {color:#000;}
.item-wrap.pordList .prd-price strike {font-weight:normal; color: #949494;}

#f2s-rolling-container1 .swiper-pagination .swiper-pagination-bullet{border-radius: 50% !important; width: 15px; height: 15px;}
#f2s-rolling-container1 .swiper-pagination .swiper-pagination-bullet-active{background: #000 !important;}

/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }


.event_tab {width:1280px; height: 460px; margin:0px auto;overflow:hidden;}
.event_tab:after{clear:both; content:''; display:block; }
.event_tab > ul{position:relative;clear:both; overflow:hidden;min-height:660px; background-color: #ffffff; }
.event_tab > ul > li{ position: absolute; width:300px; height: 92px; right: 0px; }
.event_tab > ul > li > div.event_cnt{position:absolute; overflow:hidden; height: 460px; width:980px; }
.event_tab > ul > li > div.event_cnt > ul  {width:980px; overflow:hidden; clear:both;}
.event_tab > ul > li > div.event_cnt > ul:after{clear:both; content:''; display:block; }
.event_tab > ul > li > div.event_cnt > ul > li{float:left;padding-left:14px;}
.event_tab > ul > li > div.event_cnt > ul > li:first-child{padding-left:0px;}
.event_tab > ul > li > div.event_cnt > ul.list_set4 > li{float:left;padding-left:18px;}
.event_tab > ul > li > div.event_cnt > ul.list_set4 > li:first-child{padding-left:0px;}

.event_tab .event_tab01 { top: 0px; }
.event_tab .event_tab02 { top: 92px; }
.event_tab .event_tab03 { top: 184px; }
.event_tab .event_tab04 { top: 276px; }
.event_tab .event_tab05 { top: 368px; }

.event_tab .event_cntex01 { right: 300px; top: 0px; }
.event_tab .event_cntex02 { right: 300px; top: -92px; }
.event_tab .event_cntex03 { right: 300px; top: -184px; }
.event_tab .event_cntex04 { right: 300px; top: -276px; }
.event_tab .event_cntex05 { right: 300px; top: -368px; }

.mainmdgoods { position: relative; width: 1280px; height: 630px; margin: 0 auto; margin-top: 10px; overflow: hidden; background-color: #eeeeee; }
.mainmdgoods01 { position: relative; width: 1260px; height: 380px; margin: 0 auto; margin-top: 10px; overflow: hidden; }
.mainmdgoods01list01 { position: relative; float: left; width: 248px; height: 288px; border: 1px solid #fe5900; }
.mainmdgoods01list02 { position: relative; float: left; width: 1248px; height: 378px; overflow: hidden; margin-left: 5px; background-color: #ffffff; }
.mainmdgoods01list02 .goodstopimg { position: relative; width :1248px; height: 40px; }
.mainmdgoods01list02 .goodstoplist { position: relative; width: 1248px; height: 250px; }
.mainmdgoods01list02 .goodstoplist .goodstoplists { position: relative; float: left; width: 208px; height: 250px; overflow: hidden; }
.mainmdgoods01list02 .goodstoplist .goodstoplists .goodstoplistimg { width: 170px; height: 170px; margin: 0 auto; margin-top: 10px; }
.mainmdgoods01list02 .goodstoplist .goodstoplists .goodstoplistimg img { width: 100%; }
.mainmdgoods01list02 .goodstoplist .goodstoplists .goodstoplistname { width: 182px; display: inline-block; padding: 10px; text-align: center; color: #000000; }
.mainmdgoods01list02 .goodstoplist .goodstoplists .goodstoplistprice { width: 182px; padding: 0px 10px; text-align: center; color: #000000; font-weight: bold; }
.mainmdgoods01list02 .goodstoplist .goodstoplists a { color: #000000; }

.mainmdgoods02 { position: relative; width: 1260px; height: 180px; margin: 0 auto; margin-top: 30px; overflow: hidden; }
.mainmdgoods02 .mainmdgoods0201 { position: relative; width: 308px; height: 178px; float: left; margin-right: 5px; background-color: #ffffff; }
.mainmdgoods02 .mainmdgoods0202 { position: relative; width: 310px; height: 180px; float: left; margin-right: 5px; background-color: #777777; }

.mgrt0 { margin-right: 0px; }
.br1pxccc { border: 1px solid #cccccc; }

.notilist0 { position: relative; width: 308px; height: 33px; line-height: 29px; clear: both; }
.notilist { position: relative; width: 308px; height: 29px; line-height: 29px; clear: both; }
.notilist01 { position: relative; width: 210px; padding-left: 10px; float: left; }
.notilist02 { position: relative; width: 88px; float: left; text-align: center; }
.notilist a { color: #000000; font-size: 13px; }

.magaboba { position: realtive; width: 1260px; height: 800px; padding: 10px; margin: 0 auto; margin-top: 10px; overflow: hidden; background-color: #eeeeee; }
.magaboba01 { position: relative; width: 830px; height: 800px; margin-right: 30px; float: left; overflow: hidden; }
.magaboba02 { position: relative; width: 400px; height: 800px; float: left; }
.magaboba0201 { position: relative; width: 400px; height: 395px; }
.magaboba0202 { position: relative; width: 400px; height: 395px; margin-top: 10px; }

.event_tabs {width: 830px; height: 800px; margin:0px auto;overflow:hidden;}
.event_tabs:after{clear:both; content:''; display:block; }
.event_tabs > ul{position:relative;clear:both; overflow:hidden; height:800px; background-color: #ffffff; }
.event_tabs > ul > li{ width:166px; height: 50px; float: left; }
.event_tabs > ul > li > div.event_cnts{ position: absolute; overflow:hidden; height: 750px; width:830px; top: 50px; left: 0px; background: #ffffff url('/design/magane/re/main/banner_cate_bg.png') no-repeat; }
.event_tabs > ul > li > div.event_cnts > ul  {width:830px; overflow:hidden; clear:both;}
.event_tabs > ul > li > div.event_cnts > ul:after{clear:both; content:''; display:block; }
.event_tabs > ul > li > div.event_cnts > ul > li{float:left;padding-left:14px;}
.event_tabs > ul > li > div.event_cnts > ul > li:first-child{padding-left:0px;}
.event_tabs > ul > li > div.event_cnts > ul.list_set4 > li{float:left;padding-left:18px;}
.event_tabs > ul > li > div.event_cnts > ul.list_set4 > li:first-child{padding-left:0px;}

.event_tabs .goodstoplistsul { width: 830px; height: 365px; clear: both; margin-top: 10px; }
.event_tabs .goodstoplistsul01 { width: 830px; height: 365px; clear: both; margin-bottom: 10px; }
.event_tabs .goodstoplists { position: relative; width: 207px; float: left; }
.event_tabs .goodstoplistimg { position: relative; width: 187px; padding: 10px; }
.event_tabs .goodstoplistimg img { width: 185px; border: 1px solid #dddddd; }
.event_tabs .goodstoplistname { width: 167px; padding: 0px 20px; text-align: center; }
.event_tabs .goodstoplistname a { color: #000000; font-size: 13px; }
.event_tabs .goodstoplistprice { width: 100%; text-align: center; margin-top: 15px; }
.event_tabs .goodstoplistprice a { color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline; }

.maingoodslisttopimg { margin-top: 60px; }
.maingoodslist { position: relative; width: 1280px; margin: 0 auto; min-height: 600px; overflow: hidden; }
.itemlistmain { position: relative; width: 1280px; }
.itemlistmain01 { position: relative; width: 230px; margin: 0px 12px; height: 350px; border: 1px solid #cccccc; float: left; background-color: #ffffff; }
.itemlistmain01 { webkit-box-shadow: 3px 3px 10px #cccccc; -moz-box-shadow: 3px 3px 10px #cccccc; box-shadow: 3px 3px 10px #cccccc; }
.itemlistmain01 { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.itemlistmain01:hover { border: 1px solid #000000; }
.itemlistmain00 { position: relative; overflow: hidden; }
.itemlistmain00s { position: relative; overflow: hidden; margin-top: 25px; }
.itemlistmain01img { width: 100%; }
.itemlistmain01img img { width: 100%; max-height: 230px; border-bottom: 1px solid #cccccc; }
.itemlistmain01name { width: 200px; text-align: center; padding: 15px; overflow: hidden; font-size: 13px; color: #000000; }
.itemlistmain01price { position: absolute; width: 200px; text-align: center; padding: 15px; overflow: hidden; bottom: 0px; background-color: #555555; color: #ffffff;  font-size: 14px; font-weight: bold; }
.itemlistmain01price { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.itemlistmain01:hover .itemlistmain01price { background-color: #000000; color: #fcff00; }


.xans-photoslide2 .nivoSlider,.xans-photoslider-slide .nivoSlider{overflow:hidden;position:relative;margin:0 auto;background:#fff url("/design/magane/re/main/img-loading.gif") no-repeat 50% 50%;}
.xans-photoslide2 .nivoSlider img,.xans-photoslider-slide .nivoSlider img{position:absolute;top:0px;left:0px;display:none;}
.xans-photoslide2 .nivoSlider a.nivo-imageLink,.xans-photoslider-slide .nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.xans-photoslide2 .nivo-slice,.xans-photoslider-slide .nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.xans-photoslide2 .nivo-box,.xans-photoslider-slide .nivo-box{display:block;position:absolute;z-index:5;}
.xans-photoslide2 .nivo-caption ,.xans-photoslider-slide .nivo-caption{position:absolute;left:0px;bottom:0px;height:24px;padding:6px 0 0 0;background:url("/design/magane/re/main/bg-title.png") 0 0 repeat-x;color:#3f3f3f;font-size:12px;line-height:180%;opacity:1;width:100%;z-index:8;}
.xans-photoslide2 .nivo-caption p ,.xans-photoslider-slide .nivo-caption p{margin:0;padding:0 120px 0 11px;}
.xans-photoslide2 .nivo-caption a,.xans-photoslider-slide .nivo-caption a{display:inline !important;color:#3f3f3f;}
.xans-photoslide2 .nivo-html-captio,.xans-photoslider-slide .nivo-html-caption{display:none;}
.xans-photoslide2 .nivo-directionNav a,.xans-photoslider-slide .nivo-directionNav a{display:block;overflow:hidden;position:absolute;top:50%;z-index:9;width:53px;height:51px;margin:-26px 0 0;background:url("/design/magane/re/main/sfix-ico.png") 0 -23px no-repeat;text-indent:100%;white-space:nowrap;cursor:pointer;}
.xans-photoslide2 .nivo-prevNav,.xans-photoslider-slide .nivo-prevNav{left:0;background-position:0 -23px;}
.xans-photoslide2 .nivo-prevNav:hover,.xans-photoslider-slide .nivo-prevNav:hover{background-position:-63px -23px;}
.xans-photoslide2 .theme-default .nivo-nextNav,.xans-photoslider-slide .theme-default .nivo-nextNav{right:0;background-position:0 -84px;}
.xans-photoslide2 .theme-default .nivo-nextNav:hover,.xans-photoslider-slide .theme-default .nivo-nextNav:hover{background-position:-63px -84px;}
.xans-photoslide2 .nivo-controlNav,.xans-photoslider-slide .nivo-controlNav {position: absolute; bottom:9px;z-index:11; width: 100%; text-align: center;  }
.xans-photoslide2 .nivo-controlNav a,.xans-photoslider-slide .nivo-controlNav a{overflow:hidden;position:relative;z-index:9; display: inline-block; width:13px;height:13px;margin:0 0 0 7px;background:url("/design/magane/re/main/sfix-ico.png") 0 0 no-repeat;text-indent:100%;white-space:nowrap;cursor:pointer;}
.xans-photoslide2 .nivo-controlNav a.active ,.xans-photoslider-slide .nivo-controlNav a.active{background-position:-23px 0;}
.mainImgnivos { position: relative; width: 1280px; height: 460px; margin: 0 auto; }

/* BASIC css end */