@charset "gbk";
/* CSS Document */

.rec_container{ width:100%; background-color:#f5f5f5;}
.rec_container .rec_head img{ width:100%; display:block;}

#rec_container .topnav_float{ position:fixed; top:0px; left:0px; z-index:10;}
#rec_container .topnav{ width:94%; height:40px; padding:0px 3%; background-color:#fff; font-family:"PingFang SC Regular"; font-size:13px;}
#rec_container .topnav .tn{ position:relative;}
#rec_container .topnav .nav_smart li{ list-style:none;}
#rec_container .topnav .nav_smart li a{ line-height:38px; cursor:pointer;}
#rec_container .topnav .navigator_down{ display:block; width:8%; height:40px; background:url(./images/search_down_arrbtn.png) right center no-repeat; background-size:15px auto; position:absolute; top:0px; right:-3px;}

.page_black_bj{ width:100%; height:100%; position:fixed; _position:absolute; top:0px; left:0px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999;}
#rec_container .show_allnav{ width:100%; background-color:#fff; font-size:13px; font-family:"PingFang SC Regular"; position:fixed; left:0px; top:0px; z-index:1000; display:none;}
#rec_container .show_allnav .nav_list{ padding:10px 0px;}
#rec_container .show_allnav li{ list-style:none; width:25%; float:left; text-align:center;}
#rec_container .show_allnav li a{ color:#333; line-height:30px; cursor:pointer;}
#rec_container .show_allnav li a.active{ color:#d02615; border-bottom:solid 2px #d02615;}
#rec_container .show_allnav .navigator_up{ display:block; width:97%; height:30px; padding-left:3%; background:url(./images/search_up_arrbtn.png) 96% center no-repeat; background-size:15px auto; border-bottom:solid 1px #ebebeb; color:#535353; line-height:30px;}

.rec_container .biaoti{ font-family:"PingFang SC Regular"; line-height:25px; margin-top:10px;  width:100%; background:#f9477b; text-align:center; color:#fff; padding-top:5px; padding-bottom:5px; }

.rec_container .k750 img{ display:block; width:100%;}
.rec_container .k375 img{ display:block; width:50%; float:left;}
.rec_container .k250 img{ display:block; width:33.333%; float:left;}
.rec_container .k92perc{ width:100%;  background-color:#fff; padding-bottom:20px;}
.rec_container .k92perc .part2 a{ display:block; width:48%; float:left; margin:2px 1%;}
.rec_container .k92perc .part2 img{ width:100%;}
.rec_container .k93perc{ width:100%;  background-color:#f5f5f5; padding-bottom:20px;}
.rec_container .k93perc .part1 a{ display:block; width:48%; float:left; margin:2px 1%;}
.rec_container .k93perc .part1 img{ width:100%;}

.rec_container .contents{ width:100%;}
.rec_container .content{ width:100%; margin:0px auto; background-color:#d6e8ff;}
.rec_container .content .ny2015_germany_body4{ width:100%; margin:0px auto; background-color:#f5f5f5; padding-top:15px;}
.rec_container .content .goods{ width:47%; overflow:hidden;  margin-left:2%; margin-bottom:20px; background-color:#fff; float:left;  text-align:center; position:relative; padding-bottom:10px;}
.rec_container .content .goods .ger_tc_js{ position:absolute; top:0px; left:50%; margin-left:-80px; z-index:2;}
.rec_container .content .goods .ger_tc_js img{ width:160px; height:160px; opacity:0.85; filter:alpha(opacity=85);}
.rec_container .content .goods .goods_img img{ width:125px; height:125px;  }
.rec_container .content .goods .price{ width:96%;height:20px; padding-left:4%; font-family:Arial; color:#ff69b4; text-align:left;}

.rec_container .content .goods .price .fh{ font-size:12px; color:#fa3362;}
.rec_container .content .goods .price .fh1{ font-size:16px;  margin-left:10%; }

.rec_container .content .goods .price .shop_price2{ font-size:16px; color:#fa3362; font-weight:bold; margin-left:2%; }
.rec_container .content .goods .price .market_price1{ margin-left:10%; font-size:12px;   color:#b1b1b1; text-decoration:line-through;}
.rec_container .content .goods .price .market_price{margin-left:5%; font-size:12px; padding-top:23px;  color:#b1b1b1; text-decoration:line-through;}
.rec_container .content .goods .price .goods_gc{ color:#ff0000; display:block; float:right; font-size:12px; padding-top:25px; font-family:"PingFang SC Regular"; }

.rec_container .content .goods .goods_name {height:32px; padding:0 10px; text-align:left; line-height:16px; overflow:hidden;}
.rec_container .content .goods .goods_name a {font-family:Arial; font-size:13px; color:#535353; text-decoration:none;}
.rec_container .content .goods .goods_name a span{color:#ff0000;}
.rec_container .content .goods .baoyou{ position:absolute; width:30%;   }
.rec_container .content .goods .baoyou img{width:100%; display:block;  float:left;}
.rec_container .content .goods .jiaobiao2 img{ position:absolute; margin-top:-48px;  width:65px; height:45.5px;  right:0px; }
.rec_container .content .goods .jiaobiao2 .quanhou{ line-height:16px; font-family:"PingFang SC Regular"; position:absolute; right:11px; margin-top:-38px; color:#fff; font-size:14px;}

.rec_container .content .goods .goods_ggy{ width:98%; height:25px; line-height:25px; background-color:#f7f3f2; color:#646464; font-size:12px; font-family:"PingFang SC Regular"; padding-left:2%; margin-top:5px; text-align:left;}
.rec_container .content .goods .buy{ width:86%; margin:5px auto; height:20px; line-height:20px; color:#fff; font-family:"PingFang SC Regular"; font-weight:bold; font-size:14px;  background-color:#f9477b; text-align:center;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.rec_container .content .goods  .buy a{ color:#fff;}
.rec_container .content .goods .buy1 img{ width:110px;}

.dialog_bj1{ width:100%; height:100%; position:fixed; _position:absolute; top:0px; left:0px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999;}
.dialog1{ width:300px; height:200px; position:absolute; left:50%; margin:-100px 0px 0px -150px; background-color:#fff; font-family:"PingFang SC Regular";  border-radius:5px; z-index:10000}
.dialog1 .biaoti{ font-family:"PingFang SC Regular"; font-size:18px; color:#d82828; margin-top:30px; margin-left:30px; }
.dialog1 .p1{ font-family:"PingFang SC Regular"; font-size:14px; color:#535353;  line-height:25px; margin-top:15px; margin-left:30px;}
.dialog1 .p2{ font-family:"PingFang SC Regular"; font-size:14px; color:#535353; line-height:20px;  margin-left:30px;}
.dialog1 .guanbi{ font-family:"PingFang SC Regular"; font-size:14px; color:#000; float:right; margin-right:20px; margin-top:-168px;}
.dialog1 .ewm{width:200px; height:200px; text-align:center; position:absolute; left:50%; margin-left:-100px; margin-top:-100px; z-index:10000; display:none;}
.dialog1 .ewm img{ width:200px;}
.dialog2{ width:300px; height:430px; position:absolute; left:50%; margin:-140px 0px 0px -150px; background-color:#fff; font-family:"PingFang SC Regular";  border-radius:5px; z-index:10000}
.dialog2 .biaoti{ font-family:"PingFang SC Regular"; font-size:18px; color:#d82828; margin-top:15px; margin-left:30px; }
.dialog2 .p1{ font-family:"PingFang SC Regular"; font-size:14px; color:#535353;  line-height:30px; margin-top:10px; margin-left:30px;}
.dialog2 .p2{ font-family:"PingFang SC Regular"; font-size:14px; color:#535353; line-height:20px;  margin-top:10px;  margin-left:30px;}
.dialog2 .guanbi1{ font-family:"PingFang SC Regular"; font-size:14px; color:#000; float:right; margin-right:20px; margin-top:-410px;}

#nav li  .txt{line-height:227%;display:inline-block;white-space:nowrap;word-break: keep-all;-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.8); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.8);text-shadow: 1px 1px 1px rgba(0,0,0,0.8);vertical-align:middle}
#nav li  .txt1{line-height:227%;display:inline-block;white-space:nowrap;word-break: keep-all;-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.8); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.8);text-shadow: 1px 1px 1px rgba(0,0,0,0.8);vertical-align:middle}
@media only screen and (max-width:320px) 
{

.txt{font-size:100%;} 
.txt1{font-size:100%;}
.txt2{font-size:80%;}

}	
@media only screen and (min-width: 321px) and (max-width: 360px) 
{

.txt{font-size:120%;} 
.txt1{font-size:100%;} 
.txt2{font-size:100%;}

}
@media only screen and (min-width: 361px) and (max-width: 480px) 
{

 .txt{font-size:140%;} 
.txt1{font-size:120%;}
.txt2{font-size:100%;}

}
@media only screen and (min-width: 481px) and (max-width: 570px) 
{	

 .txt{font-size:160%;} 
.txt1{font-size:140%;}
.txt2{font-size:120%;}

}
@media only screen and (min-width: 571px) and (max-width: 640px) 
{	
 .txt{font-size:180%;} 
.txt1{font-size:140%;}
.txt2{font-size:140%;}

}
@media only screen and (min-width: 641px)
{

 .txt{font-size:200%;} 
.txt1{font-size:160%;}
.txt2{font-size:160%;}

}