@charset "utf-8";
/* public */
body{ width:100%; overflow-y:auto;}
.back-green{background-color:#65cac3;}
#main_bg{ width:100%; min-width:768px; height:634px; position: fixed; _position:absolute; left:0;top: 86px; _top: 86px; margin:0 auto; overflow: hidden; max-width: 100%; z-index:-1; } 
ul#banner_back{ width:100%; height:100%; position:relative;}
ul#banner_back li{ /*position:absolute; top:0px; left:0px;*/ width:100%; height:100%; }
ul#banner_back img{ max-width:100%; display:block; }

.banner-box{width:100%; height:634px; _height:522px;}
.banner-box img{ max-width: 100%; display:block; }
.page_menu{ height:77px; min-width:768px;}
.page_menu .wrap{ width:78%; height:33px; margin:0 auto; padding-top:22px;}
.page_menu .wrap a{ display:block; height:33px; width:102px; float:left; margin-right:13px; background:#eeeeee; text-align:center; line-height:33px; font-size:16px;}
.page_menu .wrap a.current, .page_menu .wrap a:hover{ background:url(../images/shop/icon-hover.png) no-repeat; color:#FFF;}
/* wrapper */
#wrapper{ width:100%; position:relative; top:86px; z-index:1; min-width:768px; }
#wrapper .layout{ width:100%;}
#wrapper .layout img{ width:100%; display:block; }
#wrapper .layout .step{ width:26%; overflow:hidden;}
#wrapper .layout .step_cont{ padding:10% 10% 10%; _padding:2% 2% 2%;} 
#wrapper .step_cont .step_title{ margin-bottom:10%;}
#wrapper .step_cont .step_title h1{ color:#ffde87; font-size:19px; font-weight:normal; display:block; margin-bottom:25px; }
#wrapper .step_cont .lists{ width:100%; +min-width:270px; _width:270px;}
#wrapper .step_cont .lists ul{width:100%;}
#wrapper .step_cont .lists ul li{ width:100%; margin-bottom:15px; display:block; overflow:hidden;  }
#wrapper .step_cont .lists ul li a{ display:block; position: relative; color:#FFF; font-size:16px; line-height:38px;  }
#wrapper .step_cont .lists ul li .picture{ display:block; }
#wrapper .step_cont .lists ul li .txt{ width:100%; height:40px; text-align:center; position:absolute; bottom:-40px; left:0; background:url(../images/icon-bg.png) repeat; }

#wrapper .layout .center{ width:74%; background-color:#FFF; overflow:hidden; }
#wrapper .center .bigImg{ width:100%; overflow:hidden; background-color:#ee0c6e;}
#wrapper .center .bigImg .banner_wrap{width:66.66%; float:left;}
#wrapper .center .bigImg ul{ width:100%; }
#wrapper .center .bigImg li{ width:100%; height:100%;}
#wrapper .center .bigImg li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden; }
#wrapper .center .bigImg li .show{ height:44px; width:100%; position:absolute; bottom:0px !important; left;0; z-index:10; background:url(../images/icon-bg.png) repeat;}
#wrapper .center .bigImg li .show span{ display:inline-block; line-height:44px; color:#FFF; padding-left:15px; font-size:16px;}
#wrapper .center .bigImg li .show em{ display:block; width:87px; height:22px; line-height:22px; float:right; margin-right:20px; margin-top:10px; font-style:normal; text-align:center; text-transform:uppercase; color:#FFF; border:1px solid #FFF; }
#wrapper .center .bigImg .solgo{ width:33.34%; float:left;}
#wrapper .center .bigImg .solgo a{ width:100%; height:100%; display:block; position:relative; overflow:hidden; }
#wrapper .center .bigImg .solgo .show{ height:44px; width:100%; position:absolute; bottom:-44px; left;0; z-index:10; background:url(../images/icon-bg.png) repeat;}
#wrapper .center .bigImg .solgo .show em{ display:block; width:87px; height:22px; line-height:22px; float:right; margin-right:20px; margin-top:10px; font-style:normal; text-align:center; text-transform:uppercase; color:#FFF; border:1px solid #FFF; }

#wrapper .center .submenu{ width:100%; }
#wrapper .center .submenu a{ display:block; width:33.33%; +width:33.30%; _width:33%; height:100%; float:left; position:relative; overflow:hidden;}
#wrapper .center .submenu a .show{ height:44px; width:100%; position:absolute; bottom:-44px; left;0; z-index:10; background:url(../images/icon-bg.png) repeat;}
#wrapper .center .submenu a .show em{ display:block; width:87px; height:22px; line-height:22px; float:right; margin-right:20px; margin-top:10px; font-style:normal; text-align:center; text-transform:uppercase; color:#FFF; border:1px solid #FFF; }
#wrapper .gray{ background-color:#f6f6f6; }
#wrapper .layout .guide{ width:50.7%;}
#wrapper .layout .guide_cont{padding:5% 5%; background:#fbfbfb;}
#wrapper .layout .guide_cont .guide_title{ height:22px; line-height:22px; padding-top:82px; font-size:16px; margin-bottom:18px; background:url(../images/guide-title.gif) no-repeat left top;}
#wrapper .layout .guide_cont .floor{ width:100%; height:auto; margin-bottom:16px;}
#wrapper .layout .floor ul.floor_map{ width:100%; height:auto; position:relative;}
#wrapper .layout .floor ul.floor_map li{ width:100%; height:100%; position:relative; top:0; left:0;}
#wrapper .layout .floor ul.floor_map li a{ display:block; width:100%; height:100%;}
#wrapper .layout .floor .floor_nav{ height:68px; width:100%; margin-bottom:10px;}
#wrapper .layout .floor .floor_name{ height:68px; width:97px; overflow:hidden; float:left; }
#wrapper .layout .floor .floor_name dl{height:68px; width:585px;}
#wrapper .layout .floor .floor_name dd{ float:left; height:68px; width:97px; display:block; }
#wrapper .layout .floor .floor_name dd img{ vertical-align:middle; display:inherit;}
#wrapper .layout .floor .pet{  font-size:20px; color:#4f4f4f; width:40px; float:left; margin-left:10px; margin-top:32px;}
#wrapper .layout .floor .fl_number{ width:280px; float:right; margin-top:34px; font-size:23px;}
#wrapper .layout .floor .fl_number a{ color:#a28b7e; display:inline-block; width:36px; height:18px; text-align:center; float:left; margin:0 10px; font-family:Arial; }
#wrapper .layout .floor .fl_number a.active{ color:#e6538c; font-size:36px; _font-size:24px; +font-size:24px;  +line-height:24px; _line-height:24px; +height:45px; _height:45px;}
#wrapper .layout .floor .fl_submune{  width:100%; height:20px; background:url(../images/icon-subnav.png) no-repeat center; background-size:contain;}
#wrapper .layout .service{ width:49.3%; }
#wrapper .layout .service .active{ width:100%;}
#wrapper .layout .active a{ display:block; width:100%; } 
#wrapper .layout .service_con{ width:100%;}
#wrapper .layout .service_con a{ display:block; float:left; width:50%; +width:49.9%; _width:49.9%; overflow:hidden;} 
#wrapper .layout .service_con span{display:block; float:left; width:50%; overflow:hidden;}

/* 2015-1-26 改 */
.content_wrap{ width:100%; height:100%;}
.content_wrap img{ display:block; max-width:100%;}
.content_wrap .leftCont{ width:100%; height:100%; overflow:hidden;}
.content_wrap .rigthCont{ width:25%; height:100%; overflow:hidden;}
.content_wrap .mainShop{ width:100%; min-width:768px; overflow:hidden;}
.content_wrap .mainShop .foodmeta, .content_wrap .mainShop .shopping{width:25%; height:100%; background:#f8ca4d;}
.content_wrap .mainShop .mainList, .content_wrap .mainShop .mediaCity{width:50%; height:100%; overflow:hidden;}
.content_wrap .mainShop .foodmeta .contWrap{ padding:15px 35px; }
.content_wrap .mainShop .foodmeta .titleWrpa{ margin-bottom:30px;}
.content_wrap .mainShop .foodmeta .titleWrpa p{ display:block;}
.content_wrap .mainShop .foodmeta h4{ font-family:Arial; font-size:22px; color:#FFF; display:block; margin-bottom:10px;}
.content_wrap .mainShop .foodmeta .metaList{height:100%; overflow:hidden;}
.content_wrap .mainShop .foodmeta ul{ width:100%; height:100%; overflow:hidden; position:relative; margin-bottom:5px;}
.content_wrap .mainShop .foodmeta li{width:100%; height:100%; position:absolute; top:0; left:0; float:left;}
.content_wrap .mainShop .foodmeta li a{ display:block; border:3px solid #FFF;}
.content_wrap .mainShop .foodmeta li img{ display:block; width:100%;}
.content_wrap .mainShop .foodmeta .botn{ height:8px; float:left; width:85px; margin-top:5px;}
.content_wrap .mainShop .foodmeta .botn span{ display:block; height:8px; width:8px; float:left; border-radius:4px; margin-right:6px; background:#cfaa46; cursor:pointer; overflow:hidden; text-indent:99em;}
.content_wrap .mainShop .foodmeta .botn span.action{ background:#fa9e0f; }
.content_wrap .mainShop .foodmeta a.more{ float:right;}
.content_wrap .mainShop .mainList img{ display:block; width:100%;}
.content_wrap .mainShop .mainList .mainShore{ border:7px solid #f7f7f7; overflow:hidden; }
.content_wrap .mainShop .mainList .storeList{ width:100%; height:100%; position:relative;}
.content_wrap .mainShop .mainList .storeList ul{ width:100%; height:100%; position:relative;}
.content_wrap .mainShop .mainList .storeList li{ width:100%; position:relative; height:100%; float:left;}
.content_wrap .mainShop .mainList .storeList li a{ display:block; color:#FFF; cursor:default}
.content_wrap .mainShop .mainList .storeList li .txt{ width:100%; height:32px; line-height:32px; position:absolute; right:0px; bottom:0px; background:#000; text-align:right; padding-right:10px;}
.content_wrap .mainShop .mainList .botn{ height:32px; width:100%; margin-top:5px; position:absolute; left:0px; bottom:0px; z-index:10; }
.content_wrap .mainShop .mainList .botn span{ float:left; display:block; height:8px; width:8px; border-radius:4px; margin:12px 0 0 5px; background:#FFF; cursor:pointer; overflow:hidden; text-indent:99em;}
.content_wrap .mainShop .mainList .botn span.action{ background:#fa9e0f; }
.content_wrap .mainShop .shopping{ background:#67c7c1;}
.content_wrap .mainShop .shopping a{ display:block; height:100%; width:100%; /* background:url(../images/shoptitle.png) no-repeat center;*/ background-size:50% auto;}
.content_wrap .mainShop .shopping a img{ display:block; height:100%; width:100%; }
.content_wrap .mainShop .mediaCity{ width:50%;} 
.content_wrap .mainShop .mediaCity a{ display:block;}
.content_wrap .mainShop .mediaCity img{ width:100%; height:100%; display:block; }
.content_wrap .mainShop .merberCont a,.content_wrap .rigthCont .merberCont img{display:block; }
.content_wrap .mainShop .merberCont{ width:25%; height:100%; background:url(../images/backgrou.jpg) no-repeat; -moz-background-size: 100% 100%; 
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(./btn.png) 0; background-repeat:no-repeat\9; 
background-image:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/backgrou.jpg', sizingMethod='scale')\9; }
.content_wrap .mainShop .merberCont a{ height:100%; height:100%; background:url(../images/members.png) center no-repeat; background-size:70% auto;}
.content_wrap .mainShop .merberCont a img{ width:100%; height:100%; display:block; }

.content_wrap .rigthCont .newsList{ background:#fbb8c8; height:100%; overflow:hidden; }
.content_wrap .rigthCont .contBox{ padding:10px 35px;}
.content_wrap .rigthCont .newsTitle{ margin-bottom:30px;}
.content_wrap .rigthCont .newsTitle h4{ font-size:22px; color:#FFF; font-family:Arial; display:block; margin-bottom:10px;}
.content_wrap .rigthCont .newsTitle img{ display:block;}
.content_wrap .rigthCont .listCont{ width:100%; height:100%; overflow:hidden; position:relative;}
.content_wrap .rigthCont .listCont a,.content_wrap .rigthCont .listCont img{ display:block;} 
.content_wrap .rigthCont .listCont ul{ width:100%; height:100%; overflow:hidden; position:relative; }
.content_wrap .rigthCont .listCont li{width:100%; height:100%; position:absolute; top:0px; left:0px;}
.content_wrap .rigthCont .listCont li a{ display:block;}
.content_wrap .rigthCont .listCont li .imgbox{ border:3px solid #FFF; margin-bottom:10px;}
.content_wrap .rigthCont .listCont li img{ display:block; width:100%;}
.content_wrap .rigthCont .listCont li p{ display:block; overflow:hidden; width:100%; height:26px; line-height:26px; color:#383838; }
.content_wrap .rigthCont .listCont li p em{ margin-left:20px; font-style:normal;}
.content_wrap .rigthCont .listCont .botn{ height:15px; width:100%; position:absolute; bottom:0px; left:0px; text-align:center; }
.content_wrap .rigthCont .listCont .botn span{ display:inline-block; height:10px; width:10px; border-radius:50%; margin-right:6px; background:#454545; cursor:pointer; overflow:hidden; text-indent:99em;}
.content_wrap .rigthCont .listCont .botn span.action{ background:#fa730f; }

/* shopping */
#shopping{ background-color:#f7f7f7;} 
#shopping .page_menu{ height:77px;}
#shopping .page_menu .wrap{ width:78%; height:33px; margin:0 auto; padding-top:22px;}
#shopping .page_menu .wrap a{ display:block; height:33px; width:102px; float:left; margin-right:13px; background:#eeeeee; text-align:center; line-height:33px; font-size:16px;}
#shopping .page_menu .wrap a.current, #shopping .page_menu .wrap a:hover{ background:url(../images/shop/icon-hover.png) no-repeat; color:#FFF;}
#shopping .store_logo{ height:600px; width:100%; padding-top:37px; background:url(../images/shop/back.jpg) no-repeat center top; background-size:cover; }
#shopping .store_logo .wrap{ width:90%; margin:0 auto; height:100%;}
#shopping .store_logo .lookup{ height:83px; width:100%; margin-bottom:90px; padding-top:35px; }
#shopping .store_logo .lookup .seek{ height:100%; width:765px;}
#shopping .store_logo .lookup .seek ul{ height:40px; width:100%; margin-bottom:2px; }
#shopping .store_logo .lookup .seek ul li{ float:left; display:inline-block; margin:0; padding:0; }
#shopping .store_logo .lookup .seek input.input_text{ height:22px; line-height:23px; width:180px; padding:9px 16px; background-color:#f7f7f7; color:#4b4b4b; border:0; outline:0; font-size:18px; float:left; }
#shopping .store_logo .lookup .seek input.input_buton{ height:40px; width:52px; background:url(../images/shop/icon-botn.gif) no-repeat center #f7f7f7; border:0; outline:0; font-size:18px; float:left; cursor:pointer; }
#shopping .store_logo .lookup .seek input.input_buton:hover{ background:url(../images/shop/icon-botn_focus.gif) no-repeat center #f7f7f7;}
#shopping .store_logo .lookup .key_abc{ height:40px; background:#f7f7f7; padding-left:10px; }
#shopping .store_logo .lookup .key_abc a{ width:20px; height:40px; line-height:40px; margin:0 0 0 5px; display:inline-block; float:left; text-align:center; color:#9a9a9a; font-size:16px; font-family:Arial; }
#shopping .store_logo .lookup .key_abc a:hover{color:#c40620; }
#shopping .store_logo .kind{ width:265px; float:right; margin-top:10px;}
#shopping .store_logo .kind a{ display:block; height:80px; width:54px; float:left; margin-left:12px; text-align:center; color:#FFF;}
#shopping .store_logo .kind a p{ display:block; margin-top:56px;}
#shopping .store_logo .kind a.iocn_FC{ background:url(../images/shop/icon_FC.png) no-repeat;}
#shopping .store_logo .kind a.iocn_CY{ background:url(../images/shop/icon_CY.png) no-repeat;}
#shopping .store_logo .kind a.iocn_YL{ background:url(../images/shop/icon_YL.png) no-repeat;}
#shopping .store_logo .kind a.iocn_JP{ background:url(../images/shop/icon_JP.png) no-repeat;}
#shopping .store_logo .kind a.active, #shopping .store_logo .kind a:hover{ background-position:0 -100px; color:#454545; }
#shopping .store_logo .store_list{ width:100%; height:260px;}
#shopping .store_logo .store_list ul{ width:2000px;}
#shopping .store_logo .store_list li{ float:left; width:189px; height:218px; margin-right:6px;}
#shopping .store_logo .store_list li a{ margin-top:29px; display:block; border:6px solid #f1f1ef; width:177px; height:177px; -webkit-transition:border .5s linear;-moz-transition:border .5s linear;-o-transition:border .5s linear;transition:border .5s linear; }
#shopping .store_logo .store_list li img{ width:177px; height:177px; }
#shopping .store_logo .store_list li a:hover{ border:6px solid #13aba1; }
#shopping .floor-wrap{ background-color:#FFF;}
#shopping .floor-wrap .wrap{ width:1122px; margin:0 auto; padding-top:52px;}
.floors-medule{position:relative; height:100%; padding-bottom:65px;}
/* Floor image and Floor number */
.floors-medule .plan{ width:848px; }
.floors-medule .column{ font-size:28px; border-bottom:1px solid #cfcfcf; height:35px; color:#474747; width:833px;; }
.floors-medule .map{width:695px;height:323px;position:relative;overflow:hidden; margin-top:98px; float:right; margin-bottom:20px; }
.floors-medule .map img{width:695px; height:323px; display:block;}
.floors-medule .openbox{width:695px; height:323px;position:absolute;top:130px; left:150px; z-index:15;}
.floors-medule .iconas{ float:left; width:147px; height:405px; margin-top:35px;}
.floors-medule .number{ width:120px; color:#747474; line-height:48px;cursor:default;  float:left;}
.floors-medule .number .number_show{ height:55px; width:147px; margin-bottom:20px;}
.floors-medule .number .number_show em{ display:block; width:80px; height:100%; vertical-align:middle; overflow:hidden; float:left; font-style:normal; text-align:center; color:#f42c7b; font-size:62px; background:url(../images/shop/line.jpg) no-repeat center right; padding-right:2px;  }
.floors-medule .number .number_show code{ float:left; display:block; height:24px; line-height:24px; margin-left:10px; margin-top:28px; font-size:24px;}
.floors-medule .number span{ display:block; width:120px; height:22px; line-height:22px; cursor:pointer; font-size:14px; text-align:right; background:url(../images/shop/icon-flor.jpg) no-repeat center left;}
.floors-medule .number span.current{ background:url(../images/shop/icon-curen.gif) no-repeat center left; cursor:default;}
.floors-medule .hint{ height:65px; width:100%; position:relative;}
.floors-medule .hint img{ position:absolute; left:0px; bottom:0px; }
/* store position and information */
.floors-medule .floorico{width:107px;height:17px;overflow:hidden;position:relative; float:right; margin-top:15px;}
.floors-medule .floorico img{display:block;width:107px;height:17px;}
.floors-medule .open{width:277px;height:132px; background-image:url(../Images/shop/open.png);overflow:hidden;position:absolute;top:100px;left:100px;display:none;}
.floors-medule .open img{width:68px;height:68px;position:absolute;left:15px;top:21px}
.floors-medule .open .info{width:169px;height:90px;overflow:hidden;position:absolute;top:15px;left:93px;}
.floors-medule .open .info a{color:#000;font-weight:bold; font-size:12px;}
.floors-medule .open .info .w{line-height:16px;padding:2px 0 0;color:#666; font-size:12px;}
/* right nav and type*/
.floors-medule .pplist{width:252px;height:554px; float:right; }
.wrap_1024 .floors-medule .pplist{right:22px;}
.floors-medule .pplist .abc{ width:41px; height:544px; float:left; text-align:center; line-height:16px;padding:20px 0 0; margin-right:2px; background-color:#ccc;}
.floors-medule .pplist .abc a{display:inline-block; width:20px; color:#7f7f7f; margin:2px 10px; font-size:12px; }
.floors-medule .pplist .abc a:hover,.floors-medule .pplist .abc a.current{background:#d10075;color:#fff}
.floors-medule .pplist .con{  width:181px; height:100%; float:left; padding:10px 0px 0px 0px; background-color:#dfdfdf; }
.floors-medule .pplist .search{padding:8px 0 0 0px;margin:0 auto 9px; width:160px; height:24px;position:relative; z-index:1}
.floors-medule .pplist .search span{display:block;width:153px;height:24px; line-height:24px; background:url(../Images/shop/ico-key.png) no-repeat right #eff0f4; color:#4b4a4a;font-size:13px;padding:0 0 0 7px;cursor:pointer;border:1px solid #aaaaaa; }
.floors-medule .pplist .search .hd{display:block;width:160px;position:absolute;top:32px;/*left:0;*/background:#eff0f4;padding:2px 0 5px;border:1px solid #aaa; display:none}
.floors-medule .pplist .search .hd a{display:block;color:#222;line-height:23px;padding:0 0 0 20px;cursor:pointer;margin:0 5px;border-bottom:1px solid #e2e2e2;width:136px}
.floors-medule .pplist .search .hd a:hover{color:#fff;background:#b6514d}
.floors-medule .pplist .line{background:#a8a8a8;height:1px;width:160px;overflow:hidden;margin:0 auto 10px;}
.floors-medule .pplist .group{height:480px;overflow:hidden; }
.floors-medule .pplist .group a{ display:block; width:166px; height:24px; line-height:24px; color:#7a7a7a; padding:0 0 0 15px; font-size:12px; cursor:pointer;}
.floors-medule .pplist .group a:hover,.floors-medule .pplist .group a.current{background:#ececec;color:#333}
#shopping .store-wrap{ background-color:#ebebeb; border-top:1px solid #FFF;}
#shopping .store-wrap .wrap{ width:90%; margin:0 auto; padding:60px 0;}
#shopping .store-wrap .comule{ width:100%; height:45px; font-size:28px; margin-bottom:2px;}
#shopping .store-wrap .news-store{ width:100%; }
#shopping .store-wrap .news-store li{ float:left; width:24%; box-shadow:0 1px 3px #999; margin:10px 0.5%; position:relative;}
#shopping .store-wrap .news-store li.even{ background-color:#FFF;}
#shopping .store-wrap .news-store li.odd{ background-color:#e7e7e6; }
#shopping .store-wrap .news-store li a.icon{ display:block; padding:15px; color:#474747; }
#shopping .store-wrap .news-store .imgbox{ width:100%; overflow:hidden; margin-bottom:10px;}
#shopping .store-wrap .news-store .imgbox img{ max-width:100%;}
#shopping .store-wrap .news-store .store_name{ border-bottom:1px solid #a3a3a3; height:35px; line-height:35px; font-size:18px; margin-bottom:6px; padding-bottom:5px; font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#shopping .store-wrap .news-store .data{ height:29px; line-height:29px;}
#shopping .store-wrap .news-store .share{ width:29px; height:29px; position:absolute; right:10px; bottom:10px; cursor:pointer; }
#shopping .store-wrap .news-store .share i{ display:block; width:100%; height:100%; background:url(../images/shop/icon-share.png) no-repeat 0 0; }
#shopping .store-wrap .news-store li.active{ background-color:#13aba1; }
#shopping .store-wrap .news-store li.active a.icon{ display:block; padding:15px; color:#FFF; }
#shopping .store-wrap .news-store li.active .store_name{ border-bottom:1px solid #FFF; height:35px; line-height:35px; font-size:18px; margin-bottom:6px; padding-bottom:5px; font-weight:bold;}
#shopping .store-wrap .news-store li.active .share i{ display:block; width:100%; height:100%; background:url(../images/shop/icon-share.png) no-repeat 0 -31px; }

#shopping .store-wrap .news-store .bdsharebuttonbox{ position:absolute; top:0; right:0; width:128px; height:30px;} 
#shopping .store-wrap .news-store .bdsharebuttonbox a{ height:28px; width:28px; display:none; float:left; margin:3px 1px !important; padding:0 !important; border:1px solid inherit;  }
#shopping .store-wrap .news-store .bdshare-button-style0-24 a{float: left;font-size: 18px;padding-left: 25px;line-height: 24px;height: 24px; background-image: url(../images/shop/icon-sina.png) !important;background-repeat: no-repeat;cursor: pointer;}
#shopping .store-wrap .news-store .bdshare-button-style0-24 a:hover{ background-image:url(../images/shop/icon-sina-hovar.png) !important; background-repeat: no-repeat; }
#shopping .store-wrap .news-store .bdshare-button-style0-24 a.bds_tsina{ background-position:5px 4px !important;}
#shopping .store-wrap .news-store .bdshare-button-style0-24 a.bds_tqq{ background-position:-26px 4px !important; }
#shopping .store-wrap .news-store .bdshare-button-style0-24 a.bds_weixin{ background-position:-60px 3px !important;}
#shopping .store-wrap .news-store li.active .bdshare-button-style0-24 a{ background-image: url(../images/shop/icon-sina-active.png) !important;background-repeat: no-repeat;cursor: pointer;}
#shopping .store-wrap .news-store li.active .bdshare-button-style0-24 a:hover{ background-image:url(../images/shop/icon-sina-active.png) !important; background-repeat: no-repeat; }
#shopping .store-wrap .news-store li.active .bdshare-button-style0-24 a.bds_tsina{ background-position:5px 4px !important;}
#shopping .store-wrap .news-store li.active .bdshare-button-style0-24 a.bds_tqq{ background-position:-26px 4px !important; }
#shopping .store-wrap .news-store li.active .bdshare-button-style0-24 a.bds_weixin{ background-position:-60px 3px !important;}

#shopping .informa-wrap{ width:80%; height:inherit; margin:0 auto; padding:56px 0;}
#shopping .store-img{ width:37%; height:466px; position:relative; overflow:hidden; margin-top:15px;}
#shopping .store-img .botn{ height:10px; width:100%; position:absolute; bottom:5px; right:0px; text-align:right; }
#shopping .store-img .botn span{ display:inline-block; margin-left:5px; width:10px; height:10px; background-color:#c9caca; overflow:hidden; text-indent:999em; cursor:pointer; line-height:0; font-size:0; }
#shopping .store-img .botn span.curen{ background-color:#fe4b7c;}
#shopping .store-img ul{ width:100%; height:inherit; display:block; position:relative; padding-bottom:20px;}
#shopping .store-img ul li{ width:100%; display:block; position:absolute; top:0; left:0; }
#shopping .store-img ul li img{ display:block; width:100%; }
#shopping .store-infor{ width:60%; }
#shopping .store-infor .Ptitle{ border-bottom:1px solid #c7c7c7; font-size:18px; color:#625854; padding-bottom:10px; margin-bottom:28px; font-family: "Microsoft YaHei"; }
#shopping .store-infor .Ptitle em{ text-transform:uppercase; font-style:normal; margin-left:8px; }
#shopping .store-infor .Ptitle a{ float:right; color:#a9a9a9; font-size:12px; line-height:30px;}
#shopping .store-infor .store-logo{ height:95px; margin-bottom:35px;}
#shopping .store-infor .store-logo img{ height:94px; width:auto;}
#shopping .store-infor .store-name{ height:29px; width:90%; margin-bottom:20px; }
#shopping .store-infor .store-name span{ float:left; line-height:29px; font-size:20px; color:#474747; font-weight:bold; }
#shopping .store-infor .store-name code{ display:block; float:right; height:29px; width:29px; background:url(../images/shop/icon-mind.png) no-repeat center; cursor:pointer; -moz-animation:up-dow 3.5s infinite; -webkit-animation:up-dow 3.5s infinite; animation:up-dow 3.5s infinite; }

@keyframes up-dow{
   0%{ background-position:0 0%;}
   35%{ background-position:0 50%;}
   75%{ background-position:0 100%;}
   100%{ background-position:0 50%;}
}
@-webkit-keyframes up-dow{
   0%{ background-position:0 0%;}
   35%{ background-position:0 50%;}
   75%{ background-position:0 100%;}
   100%{ background-position:0 50%;}
}
@-moz-keyframes up-dow{
   0%{ background-position:0 0%;}
   35%{ background-position:0 50%;}
   75%{ background-position:0 100%;}
   100%{ background-position:0 50%;}
}
#shopping .store-infor .stare-intron{ width:90%; max-height:144px; line-height:24px; color:#686868; margin-bottom:28px; font-family:Arial;}
#shopping .store-infor .shopp-infor{ height:75px; width:90%; color:#4b4b4b; }
#shopping .store-infor .shopp-infor ul{ float:left; width:43%;}
#shopping .store-infor .shopp-infor .yy-time{ float:left; width:30%; margin-left:30px; color:#686868;}
#shopping .store-infor .shopp-infor .yy-time h2{ font-weight:normal; font-size:14px;}
#shopping .store-infor .shopp-infor .place{ width:66px; height:100%; float:right; text-align:center;}
#shopping .store-infor .shopp-infor .place a{ display:block; color:#898989;}
#shopping .store-infor .shopp-infor .place .anima{ width:66px; height:40px; position:relative; background:url(../images/shop/icon-back.png) no-repeat center bottom;}
#shopping .store-infor .shopp-infor .place .anima i{ display:block; width:19px; height:28px; position:absolute; top:0px; left:50%; margin-left:-10px; background:url(../images/shop/icon-map.png) no-repeat; -moz-animation:up_dow 2s infinite;-webkit-animation:up_dow 2s infinite;	animation:up_dow 2s infinite;}
 
@keyframes up_dow{
   0%{ top:-3px; opacity:0;}
   35%{ top:0px; opacity:1;}
   75%{ top:5px; opacity:1;}
   100%{ top:7px; opacity:0;}
}
@-webkit-keyframes up_dow{
   0%{ top:-3px; opacity:0;}
   35%{ top:0px; opacity:1;}
   75%{ top:5px; opacity:1;}
   100%{ top:7px; opacity:0;}
}
@-moz-keyframes up_dow{
   0%{ top:-3px; opacity:0;}
   35%{ top:0px; opacity:1;}
   75%{ top:5px; opacity:1;}
   100%{ top:7px; opacity:0;}
}

#shopping .share{ width:138px; height:29px; position:relative; margin-right:10px;} 
#shopping .share i{ display:none; width:29px; height:29px; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background:url(../images/shop/icon-share.png) no-repeat 0 0; }  
#shopping .share .bdsharebuttonbox{ width:138px; height:20px; margin-top:5px; /*position:absolute; right:-10px; top:0; opacity:0; filter:Alpha(opacity=0);*/ } 
#shopping .share .bdsharebuttonbox a{ height:16px; float:left; margin:3px 3px !important; cursor: pointer; } 

/* Foods */
#Foods{ min-width:835px;}
#Foods .bigImage{ height:523px; width:100%; background:url(../images/food/banner.jpg) no-repeat center; }
#Foods .canteen{ width:86%; min-width:835px; margin:0 auto; position:relative;}
#Foods .canteen .posin-absolute{ position:absolute; top:-251px; right:0;}
#Foods .canteen .layuer{ height:251px; width:835px; background-color:#FFF; margin-top:1px;}
#Foods .canteen .column{width:231px; padding:30px 10px 30px 28px;}
#Foods .canteen .column h1{ display:block; height:35px; color:#f32374; font-size:14px; font-weight:normal; margin-bottom:37px; background:url(../images/food/icon-line.gif) no-repeat left bottom;}
#Foods .canteen .column h1 a{ display:inline-block; color:#f32374; }
#Foods .canteen .column h2{ display:block; margin-bottom:15px;}
#Foods .canteen .column p{ line-height:16px; color:#5e5d5d;}
#Foods .canteen .columnImage{ width:544px; height:239px; border:6px solid #FFF; position:relative; overflow:hidden;}
#Foods .canteen .columnImage span.iconBtn{ width:31px; height:54px; position:absolute; top:50%; margin-top:-27px; cursor:pointer; background:url(../images/icon/icon-prev-next.png) no-repeat; z-index:100;}
#Foods .canteen .columnImage span.prev{ left:-35px; background-position:0 0;}
#Foods .canteen .columnImage span.next{ right:-35px; background-position:-37px 0;}
#Foods .canteen .columnImage .runwrap{width:544px; height:239px; overflow:hidden;}
#Foods .canteen .columnImage .runwrap ul{ width:3000px; height:100%;}
#Foods .canteen .columnImage .runwrap li{ width:544px; height:100%; float:left; margin-right:6px;}
#Foods .canteen .columnImage .runwrap a{ display:block;}
#Foods .popular{ width:100%; min-width:835px; border-top:10px solid #FFF; margin-top:35px; border-bottom:10px solid #FFF; /*background:url(../images/food/back.jpg) no-repeat center top;  height:600px;*/ }
#Foods .popular .popular_cont{ height:100%; width:86%; min-width:835px; margin:0 auto; position:relative;}
#Foods .popular .popular_cont h1{ display:block; height:35px; color:#f32374; font-size:16px; font-weight:normal; margin-bottom:30px; background:url(../images/food/icon-line.gif) no-repeat left bottom; margin-top:30px;}
#Foods .popular .popular_cont .wrap-model{
   width:100%;  height:320px; margin-bottom:25px;
   /*position:absolute; top:50%; left:30px; margin-top:-215px; 
   border:1px solid #ddd; padding:8px;*/
   
}
#Foods .popular .popular_cont a{ text-align:center; display:inline-block; width:120px; height:95px; float:left; background-color:#FFF; border:1px solid #ddd;  margin:0 7px 10px 0px; overflow:hidden; box-shadow:0 0 3px #eee;  }
#Foods .popular .popular_cont a img{ max-width:100%;}
#Foods .popular .popular_cont a:hover{ border:1px solid #f32374; }
#Foods .shtick{ width:100%;}
#Foods .shtick .shtick_nav{ width:35%; background:url(../images/food/back-left.jpg) no-repeat; background-size:cover; padding-top:25px;}
#Foods .shtick .shtick_nav .logo_list{ width:273px; height:583px; position:relative;}
#Foods .shtick .shtick_nav .title{ height:40px; width:246px; line-height:40px; margin-left:27px; color:#FFF; font-size:18px; text-align:center; margin-bottom:2px; background:url(../images/food/pagetitle.gif) no-repeat; }
#Foods .shtick .shtick_nav .logoImg{ width:246px; padding-left:27px; padding-right:31px; position:absolute; top:42px; left:0; overflow:hidden;}
#Foods .shtick .shtick_nav .buton{ display:block; width:54px; height:31px; position:absolute; left:50%; margin-left:-27px; background:url(../images/icon/icon-up-down.gif) no-repeat; cursor:pointer; opacity:0.6; fliter:Alpha(opacity=60); }
#Foods .shtick .shtick_nav .span_up{top:0; background-position:0 0;} 
#Foods .shtick .shtick_nav .span_down{bottom:0; background-position:0 -37px;}
#Foods .shtick .shtick_nav ul{  width:246px;}
#Foods .shtick .shtick_nav ul li{ width:246px; height:106px; margin-top:2px; position:relative; }
#Foods .shtick .shtick_nav ul li i{ display:none; height:27px; width:21px; position:absolute; right:-20px; top:50%; margin-top:-18px; background:url(../images/icon/icon-sanj.png) no-repeat; z-index:10;}
#Foods .shtick .shtick_nav ul li a{ display:block; width:244px; height:104px; border:1px solid #FFF; position:absolute; top:0; right:0; text-align:center; overflow:hidden; background-color:#fefffe; }
#Foods .shtick .shtick_nav ul li img{ max-width:100%;}
#Foods .shtick .shtick_nav ul li.active a{ width:269px; border:1px solid #ff4a82; }
#Foods .shtick .shtick_nav ul li.active i{ display:block;}

#Foods .shtick .shtick_cont{ width:65%; min-height:583px; padding-top:25px; background-color:#f1f1ef;}
#Foods .shtick .cont-infor{ width:80%; margin-left:10%; }
#Foods .shtick .cont-infor ul{ width:100%; position:relative;}
#Foods .shtick .cont-infor li{ width:100%; height:auto; position:absolute; top:0; left:0; }
#Foods .shtick .return{ height:32px; line-height:32px; text-align:right; }
#Foods .shtick .return a{ color:#a9a9a9; }
#Foods .shtick .return a:hover{ color:#ff4a82; }
#Foods .shtick .store-banner{ width:100%; margin-bottom:44px;}
#Foods .shtick .store-banner img{ max-width:100%; display:block;}
#Foods .shtick .content{ width:100%; line-height:21px; color:#696969;}
#Foods .shtick .content .desc{ width:58%; height:240px;}
#Foods .shtick .content .desc h1{ display:block; font-size:20px; margin-bottom:25px; font-weight:normal;}
#Foods .shtick .content .basic{ width:38%;}
#Foods .shtick .content .doc{ text-indent:2em; }
#Foods .shtick .content .basic .hd_title{ height:70px;}
#Foods .shtick .content .basic .place{ width:66px; height:100%; text-align:center;}
#Foods .shtick .content .basic .place a{ display:block; color:#898989;}
#Foods .shtick .content .basic .place .anima{ width:66px; height:40px; position:relative; margin-bottom:5px; background:url(../images/shop/icon-back.png) no-repeat center bottom;}
#Foods .shtick .content .basic .place .anima i{ display:block; width:19px; height:28px; position:absolute; top:0px; left:50%; margin-left:-10px; background:url(../images/shop/icon-map.png) no-repeat; -moz-animation:up_dow 2s infinite; -webkit-animation:up_dow 2s infinite;	animation:up_dow 2s infinite; }
#Foods .shtick .content .basic .basic-infor{ padding-left:10px;}
#Foods .share-find{ width:29px; height:29px; position:relative; margin-right:10px; padding-left:37px;} 
#Foods .share-find i{ display:none; width:29px; height:29px; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background:url(../images/shop/icon-share.png) no-repeat 0 0; }  
#Foods .share-find .bdsharebuttonbox{ width:138px; height:20px; position:absolute; right:10px; top:0px; }  
#Foods .share-find code{ display:block; float:right; height:29px; width:29px; background:url(../images/shop/icon-mind.png) no-repeat center; cursor:pointer; 
-moz-animation:up-dow 3.5s infinite; -webkit-animation:up-dow 3.5s infinite; animation:up-dow 3.5s infinite;}

/* Activity */
.activity .first{ width:100%; padding:78px 0; background-image:url(../images/back/leve-back.jpg); background-repeat:no-repeat; background-position:center; margin-bottom:10px; }
.dg-container{width: 100%;height: 402px;	position: relative;}
.dg-wrapper{width: 36%;	height: 330px;	margin: 0 auto;	position: relative;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-perspective: 1000px;	-moz-perspective: 1000px;	-o-perspective: 1000px;	-ms-perspective: 1000px;	perspective: 1000px;}
.dg-wrapper a{width: 482px;height: 316px;display: block;	position: absolute;	left: 0;	top: 0;	}
.dg-wrapper a.dg-transition{	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	-ms-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;}
.dg-wrapper a img{	display: block; width:100%;}
.dg-wrapper a div{	font-style: italic;	text-align: center;	line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333;	font-size: 16px; width: 100%;	bottom: -45px;	display: none;	position: absolute;}
.dg-wrapper a.dg-center div{	display: block;}
.dg-container nav{ width: 80px;	position: absolute;	z-index: 1000; bottom:5px; left: 50%;	margin-left: -40px;}
.dg-container nav span{	text-indent: -9000px;	float: left;	cursor:pointer;	width: 24px;	height: 25px;	opacity: 0.8;	background: transparent url(../images/arrows.png) no-repeat top left;}
.dg-container nav span:hover{	opacity: 1;}
.dg-container nav span.dg-next{	background-position: top right;	margin-left: 30px;}

/* focus_Box */
#focus_Box{position:relative;width:990px;height:366px;margin:20px auto;}
#focus_Box ul{position:relative;width:900px;height:400px}
#focus_Box li{z-index:0;position:absolute; width:483px; height:276px; background:#787878; top:46px;cursor:pointer;left:277px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li a{ display:block; width:100%; height:100%; position:relative;}
#focus_Box li img{width:100%; height:100%;vertical-align:top}
#focus_Box li .txt{position:absolute;left:0;bottom:0px !important;width:100%;height:40px;line-height:40px;background:url(../images/icon/icon-opac.png);text-indent:8px;color:#fff;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:32px;height:61px;top:131px;}
#focus_Box .prev{background:url(../images/icon-prev-next.png) no-repeat 0 0;left:0px}
#focus_Box .next{background:url(../images/icon-prev-next.png) no-repeat -35px 0;right:0px} 

.activity .second{ padding:35px 0; background-color:#e1e1e1; margin-bottom:10px;}
.activity .second_cont{ width:76%; margin:0 auto; }
.activity .second .titler{ height:32px; font-size:28px; line-height:31px; margin-bottom:35px; color:#474747; }
.activity .second_cont .left_cont{ width:23%; margin-right:2%; float:left; }
.activity .picture{ width:100%; margin-bottom:20px; position:relative; }
.activity .picture a{ display:block; width:100%; height:100%; position:relative; }
.activity .picture .thumb-wrapper{  position:relative; } 
.activity .picture .thumb-wrapper img{ display:block; width:100%; position:absolute; }
.activity .picture .thumb-wrapper .thumb-detail{ border:7px solid #cecece; background-color:#FFF; position:absolute; top:0; overflow:hidden; min-width:94%; }
.activity .picture .thumb-wrapper .thumb-detail h1{ display:block; height:24px; font-size:16px; width:90%; margin:0 auto; margin-top:10px; font-weight:normal; background:url(../images/icon/icon-line-h.gif) no-repeat left bottom; margin-bottom:15px; color:#474747; }
.activity .picture .thumb-wrapper .thumb-detail h2{ display:block; font-size:15px; width:90%; margin:0 auto 10px; color:#474747; }
.activity .picture .thumb-wrapper .thumb-detail .desc{ width:90%; margin:0 auto; color:#6a6a6a; }
.activity .overflow{ overflow:hidden; }
.activity .flip{-webkit-perspective:800px;	-moz-perspective:800px;-ms-perspective:800px;	-o-perspective:800px;perspective:800px;	}
.activity .flip .thumb-wrapper {-webkit-transition: -webkit-transform 1s;-moz-transition: -moz-transform 1s;-ms-transition: -moz-transform 1s;-o-transition: -moz-transform 1s;transition: -moz-transform 1s; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	-o-transform-style: preserve-3d;transform-style: preserve-3d;	}
.activity .flip .thumb-detail {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);transform: rotateY(-180deg);	}
.activity .flip img,.activity .flip .thumb-detail {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.activity .flip .flipIt {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);	transform: rotateY(-180deg);} 

.activity .center_cont{ width:50%; margin-right:1%; }
.activity .center_cont .pic_three{ margin-bottom:20px; }
.activity .center_cont .pic_three img{ width:100%; background-color:#FFF; border:7px solid #FFF; }
.activity .center_cont .pic_three .thumb-detail{ border:7px solid #cecece; width:97%; background-color:#FFF; position:absolute; top:0; overflow:hidden; }
.activity .center_cont .pic_four{ width:49%; }
.activity .right_cont{ width:23%; }
.activity .right_cont .pic_five{ margin-bottom:12px; } 
.activity .pic_five .thumb-wrapper .thumb-detail h1{ display:block; height:24px; font-size:16px; width:90%; margin:0 auto; margin-top:10px; font-weight:normal; background:url(../images/icon/icon-line-h.gif) no-repeat left bottom; margin-bottom:10px; color:#474747; }
.activity .pic_five .thumb-wrapper .thumb-detail h2{ display:block; font-size:15px; width:90%; margin:0 auto 4px; color:#474747; }

.activity .fourth{ padding:35px 0; background-color:#e1e1e1; margin-bottom:10px;}
.activity .fourth_cont{ width:76%; margin:0 auto; }
.activity .fourth .titler{ height:32px; font-size:28px; line-height:31px; margin-bottom:35px; color:#474747; }
.activity .fourth .contents{ width:100%; position:relative; }
.activity .fourth .bton{ display:block; width:32px; height:61px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; background:url(../images/icon/icon-prev-next.gif) no-repeat;}
.activity .fourth .left{ left:-70px; background-position:0px 0px;}
.activity .fourth .right{ right:-70px; background-position:-36px 0px;}
.activity .fourth .moveBox{ width:100%; height:auto; overflow:hidden;}
.activity .fourth .moveBox li{ float:left; display:inline-block; width:239px; height:380px; margin-right:15px; border:1px solid #d5d5d5; background-color:#FFF;}
.activity .fourth .moveBox li img{ max-width:100%;}
.activity .fourth .moveBox li a{ display:block; padding:20px 24px; }
.activity .fourth .moveBox li h3{ display:block; padding-bottom:10px; margin-bottom:15px; font-weight:normal; color:#474747; font-size:13px; background:url(../images/icon/icon-line-h.gif) no-repeat bottom left; }
.activity .fourth .moveBox li h1{display:block; margin-bottom:20px; font-weight:normal; color:#474747; font-size:18px; line-height:26px; height:52px; overflow:hidden;}
.activity .fourth .moveBox li .desc{ height:64px; overflow:hidden; margin-bottom:20px; }
.activity .fourth .moveBox li .imgs{ height:81px; overflow:hidden; margin-bottom:20px;  }
.activity .fourth .moveBox li .imgs img{ width:100%; height:100%;}
.activity .fourth .moveBox li .links{ height:29px; line-height:29px; border-top:1px solid #a3a3a3; padding-top:11px;}
.activity .fourth .moveBox li .links span{ float:left; }
.activity .fourth .moveBox li .links i{ display:block; height:29px; width:29px; float:right; background:url(../images/icon/icon-yuan.png) no-repeat}

.activity .second_wrapper{ height:470px; width:100%; }
.activity .second_wrapper li{ height:100px; width:100%; margin-bottom:20px; width:100%;}
.activity .second_wrapper li .img-box{ width:116px; height:100px; overflow:hidden; float:left; margin-right:26px; position: }
.activity .second_wrapper li a{ display:block;}
.activity .second_wrapper li a:hover{ color:#fb78a1; }
.activity .second_wrapper li .img-box img{ display:block; height:100px; width:116px; }
.activity .second_wrapper li .ingfor{ height:100px; overflow:hidden; }
.activity .second_wrapper li h1{ height:28px; border-bottom:1px solid #a3a3a3; display:block; margin-bottom:6px; font-size:18px; font-weight:normal; }
.activity .second_wrapper li h1 span{ float:left;}
.activity .second_wrapper li h1 em{ float:right; font-style:normal; }
.activity .second_wrapper li .doc{ height:60px; overflow:hidden; color:#231815; font-size:14px;}
 
/* detail */
.detail{ background-image:url(../images/back/detail-back.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:65px 0; }
.detail .title-wrap{ height:35px; width:100%; margin-bottom:25px; }
.detail .title-wrap span{ display:inline-block; padding-right:185px; font-size:19px; background:url(../images/news.png) no-repeat 87px 2px;}
.detail .img-wrap{ width:45%; }
.detail .img-wrap img{ width:100%; display:block; }
.detail .img-wrap ul{ position:relative; width:100%;}
.detail .img-wrap li{ position:relative; }
.detail .img-wrap li a{ position:absolute; bottom:0; right:0; width:101px; height:101px; display:none; background:url(../images/icon/viwer.png) no-repeat;}
.detail .desc-wrap{ width:50%; height:420px; }
.detail .desc-wrap .desc-title{ width:100%; position:relative; margin-bottom:20px;}
.detail .desc-wrap .desc-title h2{ display:block; font-weight:normal; color:#9e4c7f; margin-bottom:15px; }
.detail .desc-wrap .data-wrap{ border-bottom:1px solid #b0b0b0; height:28px; line-height:28px;}
.detail .desc-wrap .data-wrap span{float:left; display:inline-block; color:#969696; margin-right:16%;}
.detail .desc-wrap .data-wrap a.return_page{ display:inline-block; float:right; color:#1f9c98; }
.detail .desc-wrap .data-wrap a.return_page:hover{ color:#000; }
.detail .desc-wrap .doc{ width:100%; line-height:24px; color:#717171;}
.theme .img-module{ width:50%; } 
.theme .img-module img{ display:block; width:100%; }
.theme .infor-module{ /*width:43%;*/ padding-top:65px; }
.theme .infor-module .data-wrap{ border-bottom:1px solid #b0b0b0; height:28px; line-height:28px; padding-bottom:5px; margin-bottom:10px;}
.theme .infor-module .data-wrap span{float:left; display:inline-block; color:#969696; font-size:19px;}
.theme .infor-module .data-wrap em{ text-transform:uppercase; font-style:normal; margin-left:8px; }
.theme .infor-module .data-wrap a{ display:inline-block; float:right; color:#a9a9a9; }
.theme .infor-module .data-wrap a:hover{ color:#000; }
.theme .comune-title{ padding:28px 0 20px; font-size:20px; }
.theme .comune-data{ height:28px; margin-bottom:25px; background:url(../images/icon/icon-line-h.gif) no-repeat bottom left; }
.theme .desc{ margin-bottom:35px; }

.activity .detail .title-theme{ height:35px; width:100%; margin-bottom:25px; }
.activity .detail .title-theme span{ display:inline-block; padding-right:185px; font-size:19px; background:url(../images/events.png) no-repeat 87px 2px; }
.activity .detail .title-sales{ height:35px; width:100%; margin-bottom:25px; }
.activity .detail .title-sales span{ display:inline-block; padding-right:185px; font-size:19px; background:url(../images/sales.png) no-repeat 87px 2px; }
.activity .fourth .lister{ width:100%; position:relative; }
.activity .fourth .bton{ display:block; width:32px; height:61px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; background:url(../images/icon/icon-prev-next.gif) no-repeat;}
.activity .fourth .left{ left:-70px; background-position:0px 0px;}
.activity .fourth .right{ right:-70px; background-position:-36px 0px;}
.activity .fourth .sales{ width:100%; height:auto; overflow:hidden;}
.activity .fourth ul.salesList{ width:2000px; }
.activity .fourth ul.salesList li{ float:left; display:inline-block; width:326px; height:380px; margin-right:22px; border:1px solid #d5d5d5; background-color:#FFF;}
.activity .fourth ul.salesList li a{ display:block; padding:15px 23px; } 
.activity .fourth ul.salesList li img{ display:block; max-width:100%;}
.activity .fourth ul.salesList .imgbox{ width:100%; margin-bottom:10px; }
.activity .fourth ul.salesList .infor{width:100%;}
.activity .fourth ul.salesList .infor h1{ display:block; font-weight:normal; font-size:18px; height:26px; line-height:26px; overflow:hidden; margin-bottom:5px; }
.activity .fourth ul.salesList .infor .txt{ margin-bottom:10px;}
.activity .fourth ul.salesList .infor .cd{ height:30px; line-height:30px; background:url(../images/iconly.jpg) no-repeat center right; }

/* member */
.member{ width:100%; background-color:#eaeaea; }
.member .banner{ width:100%; }
.member .banner img{ max-width:100%; display:block; }
.member .level{ width:100%; }
.member .level .layour{ width:33.33%; float:left; overflow:hidden; }
.member .level .layour img{ display:block; max-width:100%;}
.member .level .relative{ position:relative;}
.member .level .layour .show{ height:44px; width:100%; position:absolute; bottom:-44px; left;0; z-index:10; background:url(../images/icon-bg.png) repeat;}
.member .level .layour .show em{ display:block; width:87px; height:22px; line-height:22px; float:right; margin-right:20px; margin-top:10px; font-style:normal; text-align:center; text-transform:uppercase; color:#FFF; border:1px solid #FFF; }
.member .level .fromer{ background-color:#f5f5f5; }
.member .level .from-wrap{ width:240px; height:224px; position:absolute; left:50%; top:50%; margin-left:-120px; margin-top:-112px; }
.member .level .from-wrap p{ display:block; height:30px; text-align:center; font-weight:normal; font-size:22px; margin-bottom:10px; color:#3e3e3e; }
.member .level .from-wrap p span{ margin-right:10px;}
.member .level .from-wrap p a{ margin-left:10px; color:#666; }
.member .level .from-wrap li{ display:block; height:46px; margin-bottom:10px; position:relative; }
.member .level .from-wrap li input.int_text{ width:216px; color:#b5b4b5; border:1px solid #abaaa9; border-radius:5px; height:44px; outline:0; padding:0 10px; }
.member .level .from-wrap li input.current{ color:#454545; }
.member .level .from-wrap li input.int_buton{ width:100%; height:46px; border:0; cursor:pointer; outline:0; font-size:24px; color:#FFF; background:url(../images/icon/icon-pass.gif) no-repeat center; }
.member .level .from-wrap li label{ height:46px; width:216px; color:#b5b4b5; position:absolute; top:0px; left:50%; margin-left:-108px; line-height:46px; cursor:text; }

.member .level .user-infor{ position:absolute; top:0px; left:0px; width:240px; height:224px; position:absolute; left:50%; top:50%; margin-left:-120px; margin-top:-112px; background-color:#f5f5f5; display:none; }
.member .level .user-infor dt{ line-height:26px; min-height:26px; margin-bottom:20px; font-size:22px; text-align:center;}
.member .level .user-infor dd{ text-align:center; font-size:20px; color:#333} 
.member .list{ padding:45px 0; } 
.member .level .title-wrap{ text-align:center; font-size:18px; font-weight:bold; margin-bottom:35px; }
.member .level .list-wrap{ width:90%; margin:0 auto;}
.member .level .list-wrap li{ width:23%; float:left; margin:0 1%; text-align:center; }
.member .level .list-wrap li a{ display:block; }
.member .level .list-wrap li img{ max-width:100%; }
.member .wrod-wrap{ padding-top:45px; padding-bottom:35px; width:80%; }
.member .wrod-wrap .titler{ border-bottom:1px solid #c7c7c7; color:#625854; font-size:18px; line-height:26px; height:35px; margin-bottom:30px; position:relative; }
.member .wrod-wrap .titler em{ font-style:normal; text-transform:uppercase; font-size:20px; margin-left:8px; padding-top:2px; }
.member .wrod-wrap .layer{ border-bottom:1px dotted #c7c7c7; padding:0px 0px 35px 13%; width:80%; margin-bottom:35px; }
.member .wrod-wrap .layer h1{ display:block; font-size:20px; color:#474747; margin-bottom:20px; font-weight:normal; }
.member .wrod-wrap .layer .desc{ color:#474747; }
.member .wrod-wrap .icon-one{ background:url(../images/icon/icon-ren.png) no-repeat 3% 0; }
.member .wrod-wrap .icon-two{ background:url(../images/icon/icon-zhs.png) no-repeat 3% 0; }
.member .wrod-wrap .icon-three{ background:url(../images/icon/icon-xin.png) no-repeat 3% 0; }
.member .wrod-wrap .icon-four{ padding:0px 0px 35px 13%; width:80%; background:url(../images/icon/icon-tell.png) no-repeat 3% 0; }
.member .wrod-wrap .icon-four h1{ display:block; font-size:20px; color:#474747; margin-bottom:20px; font-weight:normal; }
.member .wrod-wrap .icon-four .desc{ color:#d3a16a; }
.member .wrod-wrap #close{ display:block; width:30px; height:50px; position:absolute; top:0px; right:-45px; line-height:20px; }
.member .wrod-wrap #close i{ display:block; height:30px; width:29px; background:url(../images/icon/icon-x.png) no-repeat center; position:absolute; top:0; left:0;
-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear; }
.member .wrod-wrap #close p{ width:100%; height:20px; line-height:20px; position:absolute;bottom:0px;left:0px;background:url(../images/icon/icon-close.png) no-repeat center; }
.member .wrod-wrap a:hover i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.member .pop_up{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; }
.member .pop_up .back{ width:100%; height:100%; background-color:#FFF; opacity:0.8; fliter:alpha(opacity=80); }
.member .pop_up .conter{ border:9px solid #e80c85; width:929px; height:502px; background:url(../images/icon/icon-back-w.png) no-repeat left center; margin-left:-40%; margin-top:-221px; position:absolute; top:50%; left:50%; min-width:760px; max-width:929px; overflow:hidden; }
.member .pop_up .register{ padding-left:45px; height:375px; width:365px; position:absolute; top:50%; left:45%; margin-top:-187px; background:url(../images/icon/icon-liness.gif) no-repeat left top;}
.member .pop_up .register dd{ height:26px; line-height:26px; margin-bottom:10px; }
.member .pop_up .register dt{ height:40px; text-align:center; margin-top:46px; }
.member .pop_up .register em{ display:inline-block; width:14px; float:left; color:#d61786; font-size:18px; font-family:Arial; vertical-align:middle; padding-top:5px; height:14px; }
.member .pop_up .register span{ float:left; display:inline-block; font-size:14px; margin-right:20px; width:72px; height: 24px; }
.member .pop_up .register label{ float:left; display:inline-block; margin-right:45px; font-size:14px; }
.member .pop_up .register i{ float:right; font-style:normal; margin-right:2px; }
.member .pop_up .register input{ float:left; outline:0px; border:1px solid #f2b4d8; }
.member .pop_up .register input.radio_sex{ margin-top:7px; padding:3px; display:block; width:15px; height:15px; }
.member .pop_up .register input.inpu_text{ height:24px; padding:0 5px; margin:1px 0; width:243px; }
.member .pop_up .register input.inpu_submit{ cursor:pointer; width:106px; height:40px; float:inherit; margin:0 auto; background:url(../images/icon/icon-botn.png) no-repeat; }
.member .pop_up #close{ display:block; width:30px; height:50px; position:absolute; top:10px; right:10px; line-height:20px; }
.member .pop_up #close i{ display:block; height:30px; width:29px; background:url(../images/icon/icon-x.gif) no-repeat center; position:absolute; top:0; left:0;
-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear; }
.member .pop_up #close p{ width:100%; height:20px; line-height:20px; position:absolute;bottom:0px;left:0px;background:url(../images/icon/icon-close.png) no-repeat center; }
.member .pop_up a:hover i{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }

/* contact */
.contact{ width:100%; }
.contact .intro{ width:100%; min-height:563px; background:url(../images/back/back-one.jpg) no-repeat center; }
.contact .intro .intro-cont{ width:445px; height:435px; margin:0 auto; padding-top:45px; background:url(../images/icon/icon-ring.png) no-repeat bottom;}
.contact .intro .title-intro{ height:94px; width:100%; margin-bottom:20px; background:url(../images/icon/icon-title-intron.png) no-repeat; }
.contact .intro .intron-cont-infor{ width:297px; margin:0 auto; text-align:center; color:#FFF; line-height:20px; }
.contact .manual{ width:100%; min-height:563px; background:url(../images/back/back-two.jpg) no-repeat center; }
.contact .manual .manual-wrap{ width:960px; height:100%; margin:0 auto; }
.contact .manual .column-title{ padding-top:35px; font-size:28px; height:30px; color:#565656; margin-bottom:20px; }
.contact .manual .manual-infor{ width:100%;}
.contact .manual .maps{ width:796px; height:401px; border:6px solid #FFF; background-color:#FFF; }
.contact .manual .maps ul{ width:100%; height:100%; position:relative;}
.contact .manual .maps ul li{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; }
.contact .manual .maps ul li a{ display:block; width:100%; height:100%; }
.contact .manual .area{ width:130px; }
.contact .manual .area ul li{ width:100%; height:34px; margin-bottom:15px; }
.contact .manual .area ul li a{ display:block; height:34px; line-height:34px; padding-left:52px; font-size:18px; color:#636363; background:url(../images/icon/icon-fangx.jpg) no-repeat; background-position:0px -49px; }
.contact .manual .area ul li a.active{ background-position:0px 0px; }
.contact .busine{ width:100%; min-height:563px; background:url(../images/back/back-three.jpg) no-repeat center; }
.contact .busine .manual-wrap{ width:86%; height:100%; margin:0 auto; }
.contact .manual-wrap .column-title{ width:95%; height:30px; font-size:18px; padding-top:55px; margin:0 auto; margin-bottom:25px; }
.contact .manual-wrap .white{ color:#FFF; }
.contact .manual-wrap .ul_box{ width:95%; margin:0 auto; }
.contact .manual-wrap .ul_box li{ display:block; width:17%; margin-right:2%; float:left; }
.contact .manual-wrap .ul_box li img,.contact .manual-wrap .ul_box li a{ display:block;}
.contact .manual-wrap .ul_box li img{ max-width:100%;}
.contact .contact{ width:100%; height:563px; background:url(../images/back/back-six.jpg) no-repeat center; }
.contact .contact .contact_wrap{ margin:0 auto; width:80%; max-width:803px; min-width:768px; padding-top:100px;}
.contact .contact .contact_wrap .cumlue-title{ width:20%; border-top:4px solid #808080; padding-top:25px; font-size:28px; }
.contact .contact .contact_wrap .cumlue-title span{ display:block; width:100%; height:30px; color:#474747; }
.contact .contact .contact_wrap .cumlue-title p{ color:#808080; font-size:18px; text-transform:uppercase; }
.contact .contact .contact_wrap .infor-wrap{ width:73%; border-top:4px solid #808080; padding-top:25px; }
.contact .contact .contact_wrap .infor-wrap li{ display:block; width:100%; min-height:48px; margin-bottom:15px; font-size:14px; }
.contact .contact .contact_wrap .infor-wrap em{ display:block; width:48px; height:48px; float:left;}
.contact .contact .contact_wrap .infor-wrap p{ display:block; float:left;  margin-left:15px; line-height:48px; }
.contact .opinion{ width:100%; min-height:563px; background:url(../images/back/back-five.jpg) no-repeat center; }
.contact .opinion-wrap{ width:555px; margin:0 auto; padding-top:75px; }
.contact .cumlue-title{ width:100%; font-size:28px; margin-bottom:35px; }
.contact .opinion-infor{ font-size:14px; color:#616161; }
.contact .opinion-infor ul{ display:block; margin-top:15px;}
.contact .opinion-infor li{ min-height:31px; width:100%; margin-bottom:12px; }
.contact .opinion-infor li div{ width:265px; }
.contact .opinion-infor label{ width:76px; display:block; float:left;}
.contact .opinion-infor input{ height:29px; padding:0 5px; float:left; border:1px solid #aba6a5; outline:0; background:none; }
.contact .opinion-infor input.text_shord{ width:177px; }
.contact .opinion-infor input.text_long{ width:467px; }
.contact .opinion-infor .textarea{ height:110px; width:467px; padding:3px 5px; line-height:18px; float:left; border:1px solid #aba6a5; outline:0; background:none;}
.contact .opinion-infor input.submit{ background-color:#ed508e; height:32px; width:89px; border:0px; color:#FFF; font-size:16px; cursor:pointer; margin-top:25px; }
.contact .hr{ width:100%; min-height:563px; background:url(../images/back/back-four.jpg) no-repeat center; }
.contact .hr .hr-wrap{ width:760px; margin:0 auto; padding-top:57px; }
.contact .hr .cumlue-title{ text-align:center; color:#FFF; margin-bottom:67px; }
.contact .hr .hr-infor{ width:100%; height:285px; position:relative;}
.contact .hr .hr-infor a.port{ display:block; height:274px; width:274px; position:absolute; top:0; }
.contact .hr .hr-infor a.port i{ position:absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/icon/icon-ring-big.png) no-repeat; background-size:100% 100%; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.contact .hr .hr-infor a.port span{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;} 
.contact .hr .hr-infor a.rec{ left:0; }
.contact .hr .hr-infor a.coins{ left:243px; }
.contact .hr .hr-infor a.shape{ right:0px; }
.contact .hr .hr-infor a.port:hover i{ transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -o-transform: rotate(-25deg); -moz-transform: rotate(-25deg); }
.contact .jobs{ width:100%; min-height:563px; background:url(../images/back/back-job.jpg) no-repeat center; background-size:100% 100%; }
.contact .jobs .jobs-wrap{ width:85%; margin:0 auto; padding-top:56px; }
.contact .jobs .jobs-title{ width:100%; height:35px; margin-bottom:30px; border-bottom:1px solid #c6c6c6; padding-bottom:10px; }
.contact .jobs .jobs-title a{ display:block; width:100px; height:31px; line-height:31px; text-align:center; float:left; margin-left:6px; border:1px solid #c6c6c6; 
color:#625854; font-size:16px; }
.contact .jobs .jobs-title a:hover,.contact .jobs .jobs-title a.active{ background-color:#c6c6c6; color:#FFF;}
.contact .jobs .list-wrap{ width:100%; }
.contact .jobs .searcher{ width:100%; height:35px; font-size:12px; margin-bottom:25px; }
.contact .jobs .searcher label{ display:inline-block; float:left; font-size:13px; line-height:26px; }
.contact .jobs .searcher select{ float:left; margin-right:15px; display:inline-block; height:26px; border:1px solid #c6c6c6; outline:0; padding:0 10px; width:152px; background-color:#f5f5f5; } 
.contact .jobs .searcher .botton{ height:26px; width:60px; cursor:pointer; background:url(../images/icon/icon-back-blak.png) no-repeat; border:0px; outline:0;}
.contact .jobs .jobs-lists{ width:100%;}
.contact .jobs .jobs-lists dt{ height:30px; line-height:30px; border-bottom:1px dotted #000; }
.contact .jobs .jobs-lists dt span{ color:#555556;  font-size:14px; }
.contact .jobs .jobs-lists dd{ height:30px; line-height:30px; border-bottom:1px dotted #000; position:relative; }
.contact .jobs .jobs-lists span{ display:inline-block; float:left; width:25%; text-align:center;}
.contact .jobs .jobs-lists dd a{ display:block; width:100%; height:100%; color:#333; }
.contact .jobs .jobs-lists dd a:hover{  position:absolute; top:-1px; left:0; height:32px; line-height:32px; background-color:#e6538c; }
.contact .jobs .jobs-lists dd a:hover span{ color:#FFF;}
.contact .jobs .forms_li{ width:100%; }
.contact .jobs .forms_li li{ float:left; width:33.33%; height:30px; margin-bottom:12px; }
.contact .jobs .forms_li label{ width:20%; font-size:13px; }
.contact .jobs .forms_li input{ width:69%; outline:0px; border:1px solid #a8acad; padding:0 3px; height:28px; background:url(../images/icon/icon-backs.png); }
.contact .jobs .forms_li select{ width:70%; background:url(../images/icon/icon-backs.png); border:1px solid #a8acad; padding:0 3px; height:30px; outline:0px; }
.contact .jobs .overhead{ width:100%; height:105px; margin-bottom:20px; }
.contact .jobs .overhead label{ float:left; width:65px; }
.contact .jobs .overhead textarea{ height:100px; width:90%; background:url(../images/icon/icon-backs.png); border:1px solid #a8acad; padding:0 3px; outline:0px;}
.contact .jobs .operate{ height:27px; padding-left:65px; }
.contact .jobs .operate input{ outline:0px; border:0px; height:27px; width:75px; cursor:pointer; margin-right:10px; font-size:14px; }
.contact .jobs .operate .boton{ background-color:#e6538c; color:#FFF; }
.contact .sevrice{ width:100%; height:667px; background:url(../images/back/back-sevrice.jpg) no-repeat center; background-size:100% 100%; }
.contact .sevrice .manual-wrap{ width:85%; margin:0 auto; padding-top:30px; }
.contact .sevrice .servic-module{ height:594px; width:100%; background:url(../images/back/icon-back1.png);}
.contact .sevrice .wrapper-module{ width:90%; height:100%; position:relative; margin:0 auto; padding:45px 0; }
.contact .sevrice .wrapper-module .tabnav{ width:100%; height:42px;}
.contact .sevrice .wrapper-module .tabnav a{ display:inline-block; height:100%; width:15%; max-width:145px; font-size:16px; float:left; line-height:30px; text-align:center; }
.contact .sevrice .wrapper-module .tabnav a.navas{color:#585858; margin-right:15px; background:url(../images/back/icon-nav.png) no-repeat center top;}
.contact .sevrice .wrapper-module .tabnav a.navas:hover,.contact .sevrice .wrapper-module .tabnav a.current{ color:#FFF; background:url(../images/back/icon-current.png) no-repeat center top;}
.contact .sevrice .wrapper-module .tabnav a.return{ height:31px; float:right; background-color:#FFF; color:#484848;}
.contact .sevrice .wrapper-module .tabnav a.return span{ display:inline-block; height:31px; padding-left:45px; margin-left:-15px; background:url(../images/back/icon-wheel.gif) no-repeat 20% 50%;}
.contact .sevrice .wrapper-module .tabnav a.return:hover{ color:#fc947d; }
.contact .sevrice .wrapper-module .tabbox{ height:440px; width:100%; position:relative; overflow:hidden;}
.contact .sevrice .wrapper-module .layer{ height:440px; width:100%; position:absolute; top:0px; left:0px; font-size:14px; color:#5b5e65; }
.contact .sevrice .wrapper-module .layer p{ margin-bottom:5px;}
.contact .sevrice .wrapper-module .layer .desc{ margin-top:35px; margin-bottom:45px; width:100%; height:405px;}
.contact .sevrice h1,.contact .sevrice h2,.contact .sevrice h3,.contact .sevrice h4,.contact .sevrice h5,.contact .sevrice h6{ font-weight:normal; }
.contact .sevrice h1{ font-size:18px; margin-bottom:10px;}
.contact .sevrice .wrapper-module .layer .tells{ line-height:30px; font-size:20px; padding-left:60px; background:url(../images/icon/icon-tells.png) no-repeat left 0px;}
.contact .welfare-infor{ width:80% !important; font-size:14px; line-height:30px; color:#545454; }
.contact .welfare-infor h1{ font-size:18px; font-weight:normal; margin-bottom:20px;}
.contact .joxccs-infor{ width:96% !important; margin:0 auto;}
.contact .job-title{ border-bottom:1px dotted #ababab; height:35px; }
.contact .job-title span{ font-size:23px; color:#e6538c; float:left; }
.contact .job-title a{ float:right;}
.contact .job-infor{ border-bottom:1px dotted #ababab; line-height:45px; margin:20px 0; }
.contact .job-infor span{ display:inline-block; margin-right:10%; font-size:13px;}
.contact .job-desc dl{ margin-bottom:20px; }
.contact .lianxi{ margin-bottom:45px;}
.contact .apply{ height:45px; padding-bottom:35px;}
.contact .apply a{ display:block; width:98px; height:30px; float:left; text-align:center; line-height:30px;}
.contact .apply a.one{ background-color:#e6538c; color:#FFF; margin-right:20px;}
.contact .apply a.two{ color:#484848; background-color:#ededf0; }
/* pages */
.pages{ display:block; height:35px; margin-top:20px; text-align:right; }
.pages .numbers{ width:auto; height:100%;}
.pages .numbers a{ display:inline-block; margin:0 5px; padding:0 3px;}
.pages .numbers a:hover,.pages .numbers a.current{ color:#e6538c; }
/* media screen */
@media screen and (max-width:1366px){  
.dg-container{ width:94%; height: 402px;	position: relative; margin:0 auto; overflow:hidden;}
.dg-wrapper{width: 45.5%;	height: 330px;	margin: 0 auto;	position: relative;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-perspective: 1000px;	-moz-perspective: 1000px;	-o-perspective: 1000px;	-ms-perspective: 1000px;	perspective: 1000px;}
.dg-wrapper a {width:100%;height: 330px;display: block;position: absolute;left: 0;top: 0;}
}
@media screen and (max-width:1200px){ 
#shopping .informa-wrap{ width:96%;} 
#shopping .store-infor .stare-intron{ width:90%;}
.activity .second_cont{ width:96%; margin:0 auto; }
.contact .sevrice .manual-wrap{ width:96%; margin:0 auto; padding-top:30px; }

.dg-container{ width:96%; height:360px;	position: relative; margin:0 auto; overflow:hidden;}
.dg-wrapper{width: 52%;	height:260px;	margin: 0 auto;	position: relative;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-perspective: 1000px;	-moz-perspective: 1000px;	-o-perspective: 1000px;	-ms-perspective: 1000px;	perspective: 1000px;}
.dg-wrapper a {width:100%;height: 260px;display: block;position: absolute;left: 0;top: 0;}
.dg-wrapper a div{	font-style: italic;	text-align: center;	line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333;	font-size: 16px; width: 100%;	bottom: -75px;	display: none;	position: absolute;}

.activity .second_cont{ width:94%; margin:0 auto; }

}
@media screen and (max-width:980px){ 
.content_wrap .mainShop .foodmeta .titleWrpa{ margin-bottom:10px;}
.content_wrap .mainShop .foodmeta h4{ margin-bottom:5px;}
.content_wrap .mainShop .foodmeta .contWrap{ padding: 15px 25px; }
.content_wrap .mainShop .foodmeta .botn{margin-top: 0px;}
.content_wrap .mainShop .foodmeta a.more{margin-top: -7px;}
#shopping .store_logo .lookup .seek{ width:100%;}
#wrapper .layout .floor .floor_nav{ height:26px; width:100%; margin-bottom:10px;}
#wrapper .layout .floor .floor_name, #wrapper .layout .floor .pet{display:none;} 
#wrapper .layout .floor .fl_number{ float:inherit; margin-top:14px; margin-left: auto; margin-right: auto; }
#shopping .store-wrap .wrap{ width:96%; margin:0 auto; padding:60px 0;}
#shopping .store-wrap .news-store li{ margin: 10px 3px; }
#shopping .informa-wrap{ width:96%;} 
#shopping .store-infor .stare-intron{ width:100%;}

.page_menu .wrap{ width:91%; height:33px; margin:0 auto; padding-top:22px;}

.dg-container{ width:96%; height:360px;	position: relative; margin:0 auto; overflow:hidden;}
.dg-wrapper{width: 52%;	height:260px;	margin: 0 auto;	position: relative;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-perspective: 1000px;	-moz-perspective: 1000px;	-o-perspective: 1000px;	-ms-perspective: 1000px;	perspective: 1000px;}
.dg-wrapper a {width:100%;height: 260px;display: block;position: absolute;left: 0;top: 0;}
.dg-wrapper a div{	font-style: italic;	text-align: center;	line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333;	font-size: 16px; width: 100%;	bottom: -61px;	display: none;	position: absolute;}

.activity .second_cont{ width:94%; margin:0 auto; }
.member .level .list-wrap{ width:100%; margin:0 auto;}
.member .pop_up .conter{ border:9px solid #e80c85; width:768px; height:502px; background:url(../images/icon/icon-back-w.png) no-repeat left center; margin-left:-40%; margin-top:-221px; position:absolute; top:50%; left:50%; min-width:760px; max-width:929px; overflow:hidden; }

.contact .jobs .jobs-wrap{ width:96%; }
.contact .jobs .searcher select{ padding:0 0px; width:146px; }
.contact .jobs .forms_li input{ width:68%; }
.contact .jobs .forms_li select{ width:68%; }

}

@media screen and (min-width: 320px) and (max-width: 640px) {

.detail{ background-image:url(../images/back/detail-back.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:65px 0; }
.detail .title-wrap{ height:35px; width:100%; margin-bottom:35px; }
.detail .title-wrap span{ display:inline-block; padding-right:185px; font-size:19px; background:url(../images/icon/icon-title-infor.png) no-repeat 87px 2px;}
.detail .img-wrap{ width:45%; }
.detail .img-wrap img{ width:100%; display:block; }
.detail .img-wrap ul{ position:relative; width:100%;}
.detail .img-wrap li{ position:relative; top:0; left:0; }
.detail .img-wrap li a{ position:absolute; bottom:0; right:0; width:101px; height:101px; background:url(../images/icon/viwer.png) no-repeat;}
.detail .desc-wrap{ /*width:50%;*/ height:420px; }
.detail .desc-wrap .desc-title{ width:100%; position:relative; margin-bottom:20px;}
.detail .desc-wrap .desc-title h2{ display:block; font-weight:normal; color:#9e4c7f; margin-bottom:15px; }
.detail .desc-wrap .data-wrap{ border-bottom:1px solid #b0b0b0; height:28px; line-height:28px;}
.detail .desc-wrap .data-wrap span{float:left; display:inline-block; color:#969696; margin-right:16%;}
.detail .desc-wrap .data-wrap a.return_page{ display:inline-block; float:right; color:#1f9c98; }
.detail .desc-wrap .data-wrap a.return_page:hover{ color:#000; }
.detail .desc-wrap .doc{ width:100%; line-height:24px; color:#717171;}


}