/*global css*/
body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,select,textarea,p{font-size:14px; color:#000; -webkit-text-size-adjust:none; outline:0; font-family:'Arial';}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{ list-style-type:none;}
img{max-width:100%; max-height:100%; border:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;}
input[type=submit]{cursor: pointer;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}

/*文字大小，颜色，行距定义*/
.fl{float:left;}
.fr{float:right;}

/*padding*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:none;}
p{ word-wrap: break-word; word-break: normal;}

.marinner{width: 1200px;margin: 0 auto;}
.img{text-align: center;font-size: 0;/*max-width: 100%;max-height: 100%;*/}
.img img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.img span{vertical-align: middle;height: 100%;display: inline-block;}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

.go_home{display: none;position: fixed;top: 4vw;left: 4vw;width: 12vw;height: 12vw;max-width: 90px;max-height: 90px;background:url(../images/icon_home.png) no-repeat center center;background-size: 100% 100%;z-index: 10;}
.black_themes{background: #000;}
.top_ban{padding: 22px 0 20px;background: #cb0f1b;}
.top_ban .copy{float: left;width: calc( (100% - 310px)/3 );height: 178px;text-align: center;margin-left: 6px;padding: 12px 0;background: #0a0a0b;}
.top_ban .copy.img{padding: 0;}
.top_ban .copy:first-child{width: 289px;letter-spacing: 0.8px;border: 3px solid #fff;text-align: left;margin-right: 3px;margin-left: 0px;padding: 22px 24px;background: none;}
.top_ban .copy:first-child span{position: relative;display: inline-block;font-family: Arial;font-size: 35.5px;line-height: 49px;font-weight: bold;text-transform: uppercase;}
.top_ban .copy:first-child span:after{content: '';position: absolute;width: 28px;height: 6px;left: 0px;bottom: -18px;background: #fff;}
.top_ban .copy *{color: #fff;}
.content{padding: 100px 0;}
.content .top_ad .copy{float: left;width: 31.25%;margin-left: 3.125%;}
.content .top_ad .copy:first-child{margin-left: 0px;}
.content .black_title{text-align: center;padding: 105px 0 53px;}
.content .black_title .out_border_out{position: relative;display: inline-block;border-radius: 50px;border: 4px solid #d00d0d;font-size: 0px;box-shadow:0px 0px 15px 5px rgba(208,13,13,1);}
.content .black_title .out_border_out:before{position: absolute;content: '';width: 83px;height: 45px;background: url(../images/black_title_left.png) no-repeat center;bottom: 15px;left: -120px;}
.content .black_title .out_border_out:after{position: absolute;content: '';width: 83px;height: 45px;background: url(../images/black_title_right.png) no-repeat center;bottom: 15px;right: -120px;}
.content .black_title .out_border_in{display: inline-block;padding:5px 8px 8px;margin:-1px;border-radius: 50px;border: 4px solid #d00d0d;box-shadow:inset 0px 0px 30px 8px rgba(208,13,13,1);}
.content .black_title .in_border{display: inline-block;width: 450px;font-size: 46px;line-height: 56px;font-weight: bold;text-align: center;color: #fff;border-radius: 28px;border: 2px solid #d00d0d;}
.content .best .best_list{background: #fff;}
.content .best .best_list .copy{float: left;width: calc( 100%/3 );padding: 35px;background: #fff;text-align: center;transition:all 0.3s;}
.content .best .best_list .copy:hover{box-shadow:0px 0px 25px 0px rgba(0,0,0,0.25);position: relative;z-index: 1;}
.content .best .best_list .copy:nth-child(1),.content .best .best_list .copy:nth-child(2),.content .best .best_list .copy:nth-child(3){border-bottom: 1px solid #e3e3e3;}
.content .best .best_list .copy:nth-child(1),.content .best .best_list .copy:nth-child(2),.content .best .best_list .copy:nth-child(4),.content .best .best_list .copy:nth-child(5){border-right: 1px solid #e3e3e3;}
.content .best .best_list .copy .big_img_out{width: 100%;padding-top: 100%;position: relative;}
.content .best .best_list .copy .big_img{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;margin: 0 auto;}
.content .best .best_list .copy .cut{position: relative;font-size: 24px;color: #fff;line-height: 40px;background: #cb0f1b;text-align: center;padding-left: 42px;margin-top: 15px;margin-right: 29px;}
.content .best .best_list .copy .cut.small{font-size: 0;}
.content .best .best_list .copy .cut:after{position: absolute;content: '';width: 29px;height: 54px;background: url(../images/black_best_tag.png) no-repeat center;right: -29px;top: -10px;}
.content .best .best_list .copy .name{font-size: 14px;line-height: 20px;color: #161a1c;text-align: center;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;margin-top: 12px;height: 40px;}
.content .best .best_list .copy .name a{color: #161a1c;}
.content .best .best_list .copy .price{margin: 13px 0 3px;height: 31px;}
.content .best .best_list .copy .price .red{display: inline-block;vertical-align: middle;font-size: 28px;line-height: 27px;color: #d00808;font-weight: bold;}
.content .best .best_list .copy .price del{display: inline-block;vertical-align: text-top;font-size: 16px;line-height: 27px;color: #666666;margin-left: 5px;margin-top: -1px;}
.content .hot .hot_list{width: 100%;}
.content .hot .hot_list .left_left,.content .hot .hot_list .left_right{width: 25%;}
.content .hot .hot_list .left_left .copy,.content .hot .hot_list .left_right .copy{position: relative;width: 100%;height: 270px;}
.content .hot .hot_list .copy{background: #fff;}
.content .hot .hot_list .copy .img{height: 100%;}
.content .hot .hot_list .copy .hover{position: absolute;width: 0;height: 0;left: 50%;top:50%;transition:all 0.5s;}
.content .hot .hot_list .copy .hover:before,.content .hot .hot_list .copy .hover:after{position: absolute;content: '';width: 0px;height: 0px;background: #fff;left: 50%;top: 50%;margin-left: 0px;margin-top: 0px;transition:all 0.5s;}
.content .hot .hot_list .copy:hover .hover{width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,0.6);}
.content .hot .hot_list .copy:hover .hover:before{width: 62px;height: 2px;margin-left: -31px;margin-top: -1px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.content .hot .hot_list .copy:hover .hover:after{width: 2px;height: 62px;margin-left: -1px;margin-top: -31px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.content .hot .hot_list .right{width: 50%;}
.content .hot .hot_list .right .copy{position: relative;width: 50%;float: left;height: 270px;}
.content .hot .hot_list .right .middle{clear: both;height: 270px;background: #000;}
.content .hot .hot_list .right .middle a{display: block;vertical-align: middle;width: 100%;height: 100%;text-align: center;}
.content .hot .hot_list .right .middle a img{vertical-align: middle;}
.content .hot .hot_list .right .middle a:before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.content .new .new_list{padding: 30px 19px;background: #fff;}
.content .new .new_list .copy{position: relative;width: calc( (100% - 3px)/4 );border: 1px solid #fff;float: left;margin-left: 1px;padding: 19px 14px;text-align: center;transition:all 0.5s;}
.content .new .new_list .copy:hover{border: 1px solid #c81608;}
.content .new .new_list .copy:first-child{margin-left: 0px;}
.content .new .new_list .copy .big_img_out{width: 100%;padding-top: 100%;position: relative;}
.content .new .new_list .copy .big_img{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.content .new .new_list .copy .name{font-size: 14px;line-height: 20px;color: #161a1c;margin-top: 16px;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: 40px;}
.content .new .new_list .copy .name a{color: #161a1c;}
.content .new .new_list .copy .price{margin: 13px 0 3px;}
.content .new .new_list .copy .price .red{display: inline-block;vertical-align: middle;font-size: 20px;line-height: 27px;color: #d00808;font-weight: bold;}
.content .new .new_list .copy .price del{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 27px;color: #666666;margin-left: 8px;}
.content .new .new_list .copy .buy{display: inline-block;width: 100%;line-height: 38px;font-size: 18px;color: #fff;background: #000000;margin: 6px 0 7px;transition:all 0.5s;}
.content .new .new_list .copy:hover .buy{background: #c81608;}
.content .new .new_list .copy .cut{position: absolute;width: 58px;height: 58px;background: url(../images/black_new_tag.png) no-repeat center;top: 19px;right: 14px;color: #fff;padding: 10px 3px;}
.content .new .new_list .copy .cut .num{display: inline-block;vertical-align: middle;font-size: 22px;font-weight: bold;margin-left: 6px;}
.content .new .new_list .copy .cut .per{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: -4px;}
.content .new .new_list .copy .cut .off{display: block;font-size: 14px;text-transform: uppercase;text-align: center;margin-top: -5px;}
#holiday_footer{display: none;}
/*@media screen and (min-width: 768px) and (max-width: 959px) {}*/
@media screen and (max-width: 1300px) {
  .black_themes .marinner{width: 95vw;}
}
@media screen and (max-width: 1260px) {
  .w_1200 .wide{width: 980px;}
  .top_ban .copy{width: calc( (100% - 271px)/3 );height: 160px;}
  .top_ban .copy:first-child{width: 250px;}
  .top_ban .copy:first-child span{font-size: 29px;line-height: 40px;}
  .content{padding: 80px 0 ;}
  .content .top_ad .copy{width: calc( 97% / 3 );margin-left: 1.5%;}
  .content .top_ad .copy:first-child {margin-left: 0px;}
  .content .new .new_list{padding: 20px 10px;}
}
@media screen and (max-width: 1100px) {
  .top_ban .copy{width: calc( (100% - 251px)/3 );height: 140px;}
  .top_ban .copy:first-child{width: 230px;padding: 15px;}
  .top_ban .copy:first-child span{font-size: 28px;line-height: 38px;}
  .content{padding: 60px 0 80px;}
  .content .black_title{padding: 80px 0 40px;}
  .content .black_title .in_border{font-size: 38px;}
  .content .best .best_list .copy{padding: 20px;}
  .content .hot .hot_list .left_left .copy, .content .hot .hot_list .left_right .copy,.content .hot .hot_list .right .copy,.content .hot .hot_list .right .middle{height: 240px;}
  .content .new .new_list{padding: 10px;}
  .content .new .new_list .copy{padding: 12px;}
  .content .new .new_list .copy .cut{top: 12px;right: 12px;}

}
@media screen and (max-width: 1000px) {
  .go_home{display: block;}
  #top_outer{display: none;}
  .top_ban .copy{width: calc( (100% - 221px)/3 );height: 120px;}
  .top_ban .copy:first-child{width: 200px;padding: 15px;}
  .top_ban .copy:first-child span{font-size: 22px;line-height: 30px;}
  .content{padding: 40px 0 60px;}
  .content .black_title{padding: 50px 0 30px;}
  .content .black_title .in_border{width: 350px;font-size: 32px;}
  .content .best .best_list .copy .cut{padding-left: 25px;font-size: 22px;}
  .content .hot .hot_list .left_left .copy, .content .hot .hot_list .left_right .copy, .content .hot .hot_list .right .copy, .content .hot .hot_list .right .middle{height: 185px;}
  .content .new .new_list .copy{padding: 8px;}
  .content .new .new_list .copy .cut{top: 8px;right: 8px;}
}
@media screen and (max-width: 768px) {
  .black_themes .marinner{width: 100%;}
  .black_themes .marinner2{width: 95vw;margin: 0 auto;}
  .top_ban{padding: 2.667vw 0 4.667vw;}
  .top_ban .copy{width: calc( (100% - (50/750 * 100vw) )/3 );margin-left: calc( 25 / 750 * 100vw );height: auto;}
  .top_ban .copy:nth-child(2){margin-left: 0px;}
  .top_ban .copy:first-child{display: block;padding: 0;border: none;margin: 0px;height: auto;width: 100%;text-align: center;margin-bottom: 12px;}
  .top_ban .copy:first-child span{font-size: 3.867vw;line-height: 150%;}
  .top_ban .copy:first-child span:after{display: none;}
  .content{padding: 4vw 0 14vw;}
  .content .top_ad .copy{width:31.2%;margin-left: 3.2%;}
  .content .top_ad .copy:first-child{margin-left: 0px;}
  .content .black_title{padding: 9.5vw 0 8vw;}
  .content .black_title .out_border_out{border-width: 3px;}
  .content .black_title .out_border_in{padding: 3px 5px 5px;border-width: 3px;}
  .content .black_title .in_border{line-height: 5.33vw;font-size: 4.4vw;width: 44vw;}
  .content .black_title .out_border_out:before,.content .black_title .out_border_out:after{height: 4vw;width: 12vw;bottom: 2vw;background-size: 100%;}
  .content .black_title .out_border_out:before{left:-15.5vw;}
  .content .black_title .out_border_out:after{right: -15.5vw;}
  .content .best .best_list{padding: 0 1.33vw;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
  .content .best .best_list .copy{width: 50%;padding: 4vw 3.33vw;border: none!important;border-top: 1px solid #e3e3e3!important;}
  .content .best .best_list .copy:hover{box-shadow: unset;}
  .content .best .best_list .copy:nth-child(2n+1){border-right: 1px solid #e3e3e3!important;}
  .content .best .best_list .copy:nth-child(1), .content .best .best_list .copy:nth-child(2){border-top: none!important;}
  .content .best .best_list .copy .cut{font-weight: bold;font-size: 3.2vw;padding-left: 5vw;margin-right: 28px;margin-top: 19px;}
  .content .best .best_list .copy .cut:after{right: -28px;}
  .content .best .best_list .copy .name{font-size: 12px;/*line-height: 1.11;height: 5.328vw;*/margin-top: 2.3vw;}
  .content .best .best_list .copy .price{margin: 1.9vw 0 1.0667vw;}
  .content .best .best_list .copy .price .red{font-size: 4.8vw;}
  .content .best .best_list .copy .price del{font-size: 2.4vw;margin-left: 1.5vw;}
  .content .hot .hot_list .left_left .copy, .content .hot .hot_list .left_right .copy, .content .hot .hot_list .right .copy{padding-top: 100%;height: 0;position: relative;}
  .content .hot .hot_list .right .copy,.content .hot .hot_list .right .middle{padding-top: 50%;height: 0;position: relative;}
  .content .hot .hot_list .right .middle a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
  .content .hot .hot_list .copy .img{position: absolute;left: 0;top: 0;}
  .content .hot .hot_list .copy .hover{display: none;}
  .content .new .new_list{padding: 0 1.33vw;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
  .content .new .new_list .copy{margin-left: 0px;width: 50%;padding: 4vw 3.33vw;border: none!important;border-top: 1px solid #e3e3e3!important;}
  .content .new .new_list .copy:nth-child(2n+1){border-right: 1px solid #e3e3e3!important;}
  .content .new .new_list .copy:nth-child(1), .content .new .new_list .copy:nth-child(2){border-top: none!important;}
  .content .new .new_list .copy:hover{border: none!important;border-top: 1px solid #e3e3e3!important;}
  .content .new .new_list .copy:hover:nth-child(2n+1){border-right: 1px solid #e3e3e3!important;}
  .content .new .new_list .copy:hover:nth-child(1), .content .new .new_list .copy:hover:nth-child(2){border-top: none!important;}
  .content .new .new_list .copy .buy{background: #c81608;font-size: 3.2vw;line-height: 6.134vw;margin: 0.9vw 0 1.1vw;}
  .content .new .new_list .copy .name{font-size: 12px;margin-top: 3.5vw;}
  .content .new .new_list .copy .price{margin: 2.2vw 0 1.5vw;height: 31px;}
  .content .new .new_list .copy .price .red{font-size: 4.8vw;}
  .content .new .new_list .copy .price del{font-size: 2.4vw;margin-left: 1.5vw;vertical-align: text-top;margin-top: -1px;}
  .content .new .new_list .copy .cut{width: 7.734vw;height: 7.734vw;-webkit-background-size: 100%;background-size: 100%;top: 4vw;right:3.33vw;}
  .content .new .new_list .copy .cut .num{font-size: 2.933vw;margin-left: 0.533vw;}
  .content .new .new_list .copy .cut .per{font-size: 1.8667vw;margin-left: -0.533vw;}
  .content .new .new_list .copy .cut .off{font-size: 1.8667vw;margin-left: 0.533vw;}
}
@media screen and (max-width: 600px) {
  .content .best .best_list .copy .cut{line-height: 35px;margin-top: 12px;margin-right: 26px;}
  .content .best .best_list .copy .cut:after{right: -26px;width: 28px;height: 47px;top: -9px;-webkit-background-size: auto 100%;background-size: auto 100%;}
  .content .best .best_list .copy .name,.content .new .new_list .copy .name{line-height: 18px;height: 36px;}
  .content .best .best_list .copy .price,.content .new .new_list .copy .price{height: 26px;}
  .content .new .new_list .copy .cut{width: 11.5vw;height: 11.5vw;}
  .content .new .new_list .copy .cut .num{font-size: 16px;margin-left: 2px;}
  .content .new .new_list .copy .cut .per{font-size: 13px;margin-left: -3px;}
  .content .new .new_list .copy .cut .off{font-size: 13px;margin-left: 2px;margin-top: -3px;}
  .content .black_title .out_border_out:before, .content .black_title .out_border_out:after{bottom: 2.5vw;}
}
@media screen and (max-width: 450px) {
  .content .best .best_list .copy,.content .new .new_list .copy{padding: 2.5vw;}
  .content .best .best_list .copy .price,.content .new .new_list .copy .price{margin-bottom: 0px;height: 24px;}
  .content .best .best_list .copy .price .red,.content .new .new_list .copy .price .red{font-size: 14px;line-height: 20px;}
  .content .best .best_list .copy .price del,.content .new .new_list .copy .price del{vertical-align: middle;margin-top: 0px;font-size: 14px;line-height: 20px;}
  .content .best .best_list .copy .cut{width: 100%;margin-right: 0px;padding-left: 0px;font-size: 12px;line-height: 30px;}
  .content .best .best_list .copy .cut:after{display: none;}
  .content .new .new_list .copy .buy{line-height: 30px;}
  .content .new .new_list .copy .cut{width: 40px;height: 40px;top: 2.5vw;right: 2.5vw;padding: 5px 3px;}
  .content .new .new_list .copy .cut .num{font-size: 15px;margin-left: 2px;}
  .content .new .new_list .copy .cut .per{font-size: 12px;margin-left: -3px;}
  .content .new .new_list .copy .cut .off{font-size: 12px;margin-left: 2px;margin-top: -3px;}
  .content .black_title .out_border_out:before, .content .black_title .out_border_out:after{bottom: 2.7vw;}
}
@media screen and (max-width: 380px) {
  .content .black_title .out_border_out:before, .content .black_title .out_border_out:after{bottom: 2.85vw;}
}