.goods_fl a { text-decoration: none; }

@media screen and (min-width: 601px) {

.goods_fl { position: relative; width: 910px; margin: 0 auto; }

.goods_fl .cate_mg_title { font-size:20px; font-weight: 900; color: #FFF; border-bottom: 1px solid #222; padding: 0 0 4px 0; margin:20px 0; }

.goods_fl ul.goods_wfl { width: 910px; padding: 60px 0 50px 0; }

.goods_fl .goods_mg_title { position: relative; font-size:16px; font-weight: 900; padding: 20px 20px; margin:20px 5px 25px 5px; color: #FFF; }
.goods_mg_title .st_frm01 { position: absolute; top:-1px; left: -5px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.goods_mg_title .st_frm02 { position: absolute; top:-1px; right: -15px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.goods_fl .goods_mg_title2 { position: relative; font-size:16px; font-weight: 900; padding: 20px 20px; margin:20px 5px 25px 5px; color: #FFF; }
.goods_mg_title2 .st_frm01 { position: absolute; top:-1px; left: -5px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.goods_mg_title2 .st_frm02 { position: absolute; top:-1px; right: -15px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.goods_fl ul li.top_btm { position: absolute; top: 5px; left:5px; padding:8px 20px; margin: 10px 0 0 10px; background:linear-gradient(90deg, #0E344E, #185A87); font-size:12px; font-weight: 600; letter-spacing:5px; color: #FFF; width: 160px; text-align: center; transform: skewX(-30deg);  }
.goods_fl ul a:hover li.top_btm { color:#FFF; box-shadow:0px 0px 0px rgba(0,0,0,0.4); background: linear-gradient(90deg, #DE4F0D, #E29714); transition-duration:0.5s;}
.goods_fl ul li.top_btm p { transform: skewX(30deg); }

.goods_fl ul a li.index_btm { padding: 15px; background:rgba(48,199,231,0.8); font-size:16px; font-weight:600; color: #FFF; margin-bottom: 10px; border-radius:30px; }
.goods_fl ul a li.index_btm .en { font-family: 'Lato', sans-serif; font-weight:600; }
.goods_fl ul a li.index_btm .sday { font-size:14px; margin-top: 5px; font-weight:400; color:#FFF; }
.goods_fl ul a li:hover.index_btm { background:#719CC5; }

.goods_fl ul li.comm_fl { font-size:14px; font-weight:500; padding: 10px 0 0 0 ; margin: 0 auto; color:#FFF; width: 800px; line-height: 26px; }
.goods_fl ul li.comm_fl .sub{ font-size:12px; font-weight:600; padding:2px 10px; color: #FFF; margin: 0 10px 0 0; }
.goods_fl ul li.comm_fl .sale_day { font-size:26px; font-weight: 600; margin-bottom: 20px; }
.goods_fl ul li.comm_fl .media_c01 { font-size:20px; font-weight: 600; margin: 5px 0 2px 0; }
.goods_fl ul li.comm_fl .cate_tit { font-size:16px; font-weight: 600; margin: 0 0 3px 0; }
.goods_fl ul li.comm_fl .m_list { font-size:13px; font-weight:600; padding:10px 15px;  margin-bottom: 5px; line-height: 20px; }
.goods_fl ul li.comm_fl .m_list .dscp { font-size:11px; font-weight:500; color: #FFF; line-height: 20px; }

.comm_fl li.good_info { display: table; margin: 0 0 6px 0; }
.comm_fl li.good_info .s01 { display: table-cell; width: 130px; }
.comm_fl li.good_info .s02 { display: table-cell; }

.goods_fl ul li.img_fl { position: relative; width: 800px; height: 400px; padding: 15px 0; margin:20px auto;/* background: #FFF;*/ background: url(../images/bg.jpg); background-size:30% auto;  border:4px solid #6D7277; box-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; }
.goods_fl ul li.img_fl img { height:400px; }
.goods_fl ul li.img_fl .st_frm01 { position:absolute; top:-10px; left:-5px; width:810px; height:23px; background: url(../images/goods/st_tit_fl01.png) center center; background-size:100% auto; }
.goods_fl ul li.img_fl .st_frm02 { position:absolute; bottom:-10px; left:-5px; width:810px; height:23px; background: url(../images/goods/st_tit_fl02.png) center center; background-size:100% auto; }
.goods_fl ul li.openimg_fl { position: absolute; top :345px; left: 15px; width: 200px; height: 200px;  }
.goods_fl ul li.openimg_fl img { width: 200px; }

.goods_fl a li.index_thmb_goods { float:left; position: relative; width:240px; margin: 25px 20px 20px 8px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:100% auto ; padding:20px 10px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:12px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; color:#FFF; }
.goods_fl a li.index_thmb_goods img { width: 100%; margin-bottom: 10px; }
.goods_fl a li.index_thmb_goods .mt_title { font-weight: 600; font-size: 13px; padding:5px 0 10px 0; text-align: center; line-height:20px; }
.goods_fl a li.index_thmb_goods .mt_title2 { font-weight: 600; font-size: 15px; padding:5px 0 0 0; text-align: center; line-height:22px; }
.goods_fl a li.index_thmb_goods .sday { font-weight: 600; font-size: 18px; }
.index_thmb_goods .st_frm01 { position: absolute; top:-20px; left: -8px; width: 276px; height: 33px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_goods .st_frm02 { position: absolute; bottom:-20px; right: -8px; width: 276px; height: 33px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.goods_fl a li.index_thmb_goods2 { float:left; position: relative; width:100px; margin: 10px 5px 5px 5px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:200% auto ; padding:10px 5px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:10px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  text-align: center; border: 2px solid #898989; color:#FFF; }
.goods_fl a li.index_thmb_goods2 img { width: 100%; }
.goods_fl a li.index_thmb_goods2 .mt_title { font-weight: 600; font-size: 12px; padding:5px 0 0 0; text-align: center; }
.goods_fl a li.index_thmb_goods2 .sday { font-weight: 600; font-size: 18px; }
.index_thmb_goods2 .st_frm01 { position: absolute; top:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_goods2 .st_frm02 { position: absolute; bottom:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.music_cp { font-size:11px; padding: 5px 0 0 0; }

br.pc_r {}
br.mb_r { display: none; }
}


@media screen and (max-width: 600px) {
#content { width: 600px;}
.goods_fl { position: relative; width: 540px; margin: 0 auto; overflow: hidden; }

.goods_fl .cate_mg_title { font-size:20px; font-weight: 900; color: #000; border-bottom: 1px solid #222; padding: 0 0 4px 0; margin:20px 0; line-height: 26px; }

.goods_fl ul.goods_wfl { max-width: 540px; padding: 80px 0 50px 0; }

.goods_fl .goods_mg_title { position: relative; font-size:16px; font-weight: 900; color: #FFF; padding: 15px; margin:20px 10px 5px 10px; line-height: 26px; }
.goods_mg_title .st_frm01 { position: absolute; top:0; left: -5px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.goods_mg_title .st_frm02 { position: absolute; top:0; right: -15px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }
	
.goods_fl .goods_mg_title2 { position: relative; font-size:16px; font-weight: 900; color: #FFF; padding: 15px 25px; margin:20px 15px 5px 15px; line-height: 26px; }
.goods_mg_title2 .st_frm01 { position: absolute; top:0; left: -5px; width: 30px; height: 82px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size:24px 82px ; } 
.goods_mg_title2 .st_frm02 { position: absolute; top:0; right: -15px; width: 30px; height: 82px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size:24px 82px ; }

.goods_fl ul li.top_btm { position: absolute; top: 5px; left:5px; padding:15px 20px; margin: 0 0 0 10px; background:linear-gradient(90deg, #0E344E, #185A87); font-size:14px; font-weight: 600; letter-spacing:3px; color: #FFF; width: 160px; text-align: center; z-index: 10; transform: skewX(-30deg);  }
.goods_fl ul a:hover li.top_btm { color:#FFF;box-shadow:0px 0px 0px rgba(0,0,0,0.4); background: linear-gradient(90deg, #DE4F0D, #E29714); transition-duration:0.5s; }
.goods_fl ul li.top_btm p { transform: skewX(30deg); }

.goods_fl ul a li.index_btm { padding: 15px; background:rgba(48,199,231,0.8); font-size:16px; font-weight:600; color: #FFF; margin-bottom: 10px; border-radius:30px; }
.goods_fl ul a li.index_btm .en { font-family: 'Lato', sans-serif; font-weight:600; }
.goods_fl ul a li.index_btm .sday { font-size:14px; margin-top: 5px; font-weight:400; color:#FFF; }
.goods_fl ul a li:hover.index_btm { background:#719CC5; }

.goods_fl ul li.comm_fl { font-size:14px; font-weight:500; margin: 0 auto; color:#FFF; padding:15px 0 0 0 ; width: 520px; line-height: 26px; }
.goods_fl ul li.comm_fl .sub{ font-size:12px; font-weight:600; padding:2px 10px; color: #FFF; margin: 0 10px 0 0; }
.goods_fl ul li.comm_fl .sale_day { font-size:26px; font-weight: 600; margin-bottom: 20px; }
.goods_fl ul li.comm_fl .media_c01 { font-size:20px; font-weight: 600; margin: 5px 0 2px 0; }
.goods_fl ul li.comm_fl .cate_tit { font-size:16px; font-weight: 600; margin: 0 0 3px 0; }
.goods_fl ul li.comm_fl .m_list { font-size:13px; font-weight:600; padding:10px 15px;  margin-bottom: 5px; line-height: 20px; }
.goods_fl ul li.comm_fl .m_list .dscp { font-size:11px; font-weight:500; color: #FFF; line-height: 20px; }

.comm_fl li.good_info { display: table; margin: 0 0 6px 0; }
.comm_fl li.good_info .s01 { display: table-cell; width: 130px; }
.comm_fl li.good_info .s02 { display: table-cell; }

.goods_fl ul li.img_fl { position:relative; width: 520px; padding: 15px 0; margin:20px auto;/* background: #FFF;*/ background: url(../images/bg.jpg); background-size:30% auto;  border:4px solid #6D7277; box-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; }
.goods_fl ul li.img_fl img { width: 100%; height:auto; }
.goods_fl ul li.img_fl .st_frm01 { position:absolute; top:-10px; left:-5px; width:530px; height:23px; background: url(../images/story/st_mtit_fl01.png) center center; background-size:100% auto; }
.goods_fl ul li.img_fl .st_frm02 { position:absolute; bottom:-10px; left:-5px; width:530px; height:23px; background: url(../images/story/st_mtit_fl02.png) center center; background-size:100% auto; }
.goods_fl ul li.openimg_fl { position: absolute; top :345px; left: 15px; width: 200px; height: 200px;  }
.goods_fl ul li.openimg_fl img { width: 200px; }

.goods_fl a li.index_thmb_goods { float:left; position: relative; width:216px; margin: 25px 20px 20px 8px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:100% auto ; padding:20px 10px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:12px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; color:#FFF; }
.goods_fl a li.index_thmb_goods img { width: 100%; margin-bottom: 10px; }
.goods_fl a li.index_thmb_goods .mt_title { font-weight: 600; font-size: 13px; padding:5px 0 10px 0; text-align: center; line-height:20px; }
.goods_fl a li.index_thmb_goods .mt_title2 { font-weight: 600; font-size: 15px; padding:5px 0 0 0; text-align: center; line-height:22px; }
.goods_fl a li.index_thmb_goods .sday { font-weight: 600; font-size: 18px; }
.index_thmb_goods .st_frm01 { position: absolute; top:-15px; left: -8px; width: 252px; height: 33px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_goods .st_frm02 { position: absolute; bottom:-15px; right: -8px; width: 252px; height: 33px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.field_02 { display: none;}
.goods_fl a li.index_thmb_goods2 { float:left; position: relative; width:100px; margin: 10px 5px 5px 5px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:200% auto ; padding:10px 5px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:10px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  text-align: center; border: 2px solid #898989; color:#FFF; }
.goods_fl a li.index_thmb_goods2 img { width: 100%; }
.goods_fl a li.index_thmb_goods2 .mt_title { font-weight: 600; font-size: 12px; padding:5px 0 0 0; text-align: center; }
.goods_fl a li.index_thmb_goods2 .sday { font-weight: 600; font-size: 18px; }
.index_thmb_goods2 .st_frm01 { position: absolute; top:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_goods2 .st_frm02 { position: absolute; bottom:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.music_cp { font-size:12px; padding: 5px 0 10px 0; }

br.pc_r { display: none; }
br.mb_r {}
}
.m_tit { margin-bottom: 10px; font-weight: bold;}
.goods_wfl .point_fl  { display: table; }
.goods_wfl .point_pi  { display: table-cell; width: 20px; }
.goods_wfl .point_com { display: table-cell;  }

.good_info a { color:#FFF; transition-duration: 0.5s;}
.good_info a:hover { color:#32C1D8; transition-duration: 0.5s;}

.c_color01 { background: url(../images/set_bg03.jpg); color: #FFF; }
.c_color02 { background: #0E344E;  color: #FFF; }
.c_color03 { background: url(../images/set_bg01.jpg); color: #222; }

.c_color00_d { background: url(../images/goods/bddvd/st_frame_body.png) center repeat-x; background-size:auto 100%; color: #FFF; }
.c_color01_d { background: url(../images/set_bg03.jpg); color: #FFF; }
.c_color02_d { background: url(../images/bg.jpg); background-size:20% auto;  color: #FFF; }
.c_color03_d { background: url(../images/set_bg01.jpg); color: #222; }


.field_01 {}
.field_02 { padding: 0 0 30px 0;}


.goods_goods_tit { background:url(../images/goods/title_goods_oth.png) no-repeat center center; background-size:100% auto; }


@media screen and (min-width: 601px) {
#goods_data { min-width:100%; max-width: 1200px; padding: 0 0 0 50px; }
.sliderPro {width:100%; }
.sp-slide { min-height:870px; }
}

@media screen and (max-width: 600px) {
#goods_data { min-width:600px; max-width:600px; }
.sliderPro {width:540px; }
.sp-slide { min-height:800px; }
}

