#main a{color:#000;}
#container{max-width: 1130px; margin: auto; float: none; display: block;}
#main{float: none; width: 100% !important;max-width: 1130px !important; background: #fff; max-width:none; padding: 0; margin: auto;}
#slider .line-bar{background: url(/promote/images/new-gift/052301.png) no-repeat; font-size: 1.5em; color: #fff;padding: 5px 0; position: relative;}
.line-bar:before,.line-bar:after{clear: both; display: block; content: "";}
h2:before,h2:after{clear: both; display: block; content: "";}
#main .line-bar h1{font-size: 1em; position: relative; z-index: -9;}
/*****icon******/
.sprite {
    background-image: url(/promote/images/new-gift/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-icon_03 {
    width: 82px;
    height: 39px;
    background-position: -5px -5px;
}
.sprite-icon_05 {
    width: 81px;
    height: 39px;
    background-position: -97px -5px;
}
.sprite-icon_07 {
    width: 82px;
    height: 39px;
    background-position: -5px -54px;
}
.sprite-icon_09 {
    width: 82px;
    height: 39px;
    background-position: -97px -54px;
}
.sprite-icon_16 {
    width: 35px;
    height: 34px;
    background-position: -5px -103px;
}
.sprite-icon_19 {
    width: 29px;
    height: 68px;
    background-position: -50px -103px;
}
.sprite-icon_21 {
    width: 28px;
    height: 68px;
    background-position: -89px -103px;
}
.sprite-icon_24 {
    width: 72px;
    height: 54px;
    background-position: -189px -5px;
}
.sprite-icon_27 {
    width: 34px;
    height: 34px;
    background-position: -189px -69px;
}
.sprite-icon_34 {
    width: 34px;
    height: 34px;
    background-position: -127px -113px;
}

h2 *{float: left;}
h2 b{margin: 0 10px;}
h2 p,h2 font{line-height: 34px;}
.icon_gift{height: 60px; position: absolute; top:-5px; margin-left: 10px;}
#banner{width: 100%; padding-top: 25%; overflow: hidden; position: relative;}
#banner .row li{position: absolute; top: 0; left: 0; display: none; width:100%;}
#banner img{width:100%;}
#banner .p_btn{position: absolute; z-index: 9; left: 0; bottom: 5px; width: 100%; text-align: center;
-moz-user-select: none;  /* for Firefox */ 
-webkit-user-select: none;   /* for Chrome */
}
#banner .p_btn li{display: inline-block; width: 20px; height: 20px; background: rgba(173, 173, 173, 0.5); text-align: center; line-height: 20px; border-radius: 100%; cursor: pointer; margin-right: 8px; font-size: 12pt;}
#banner .p_btn .active{background: rgba(255, 191, 17, 0.7); color:#fff;}
#slider {position: relative;}
#slider h4{text-align: center; text-indent: 0; color: #000; font-size: 1.15em;}
#slider .list{width:calc(100% - 60px); overflow-x: hidden; display: block; margin: auto;}
#slider .list>.row{padding: 3px 0; width:calc(100%*2); position: relative; display: block;}
#slider a>.box_b{height: auto; display: block; width:calc((100% )/8); border-right: 1px solid #dedede; float: left; text-indent: 20px;}
#slider .price{color: red; margin: 0; display: inline-block; text-indent: 0;}
#slider .price span{font-size: 1.25em;}
#slider .quantity{color: #717071; display: inline-block; text-align: left;}
#slider .txt_box{display: block;text-indent: 0; float: left; text-align: center; width: 100%;}
#slider .img_box{width: 100%;}
#slider .img_box img{display: block; margin: auto;}
#slider .tool span{position: absolute; top: 50%; cursor: pointer;}
#slider .tool .b{left: 0px;}
#slider .tool .n{right: 0px;}
.line-bar *{float: left;}
.line-bar b{margin: 0 10px;}
.line-bar p,.line-bar font{line-height: 34px;}
.icon_gift{height: 60px; position: absolute; top:-5px; margin-left: 10px;}
#banner{width: 100%; overflow: hidden; position: relative;}
#banner .row li{position: absolute; top: 0; left: 0; display: none; width:100%;}
#banner img{width:100%;}
#banner .p_btn{position: absolute; z-index: 9; left: 0; bottom: 5px; width: 100%; text-align: center;
-moz-user-select: none;  /* for Firefox */ 
-webkit-user-select: none;   /* for Chrome */
}

#goods_list .line-bar {
    background: url(/promote/images/new-gift/h2-bg_03.jpg);
    font-size: 1.5em;font-weight: bold;
    color: #fff;
    padding: 5px 0;
    position: relative;
}
#goods_list aside{width: 250px; box-sizing: border-box; margin: 10px 0;background: #138888; color: #fff; min-height: 562px; padding: 20px 0; position: relative;}
#goods_list .category >li>img{display: none;}
#goods_list .category{justify-content:flex-start; flex-direction: column;  min-height: 522px;}
#goods_list .category li{padding:3px 15px; box-sizing: border-box; font-size: 1.25em; display: flex; cursor: pointer; margin-bottom: 15px;}
#goods_list .category .active{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0404+0,ff3019+50,cf0404+100 */
background: rgb(207,4,4); /* Old browsers */
background: -moz-linear-gradient(left, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 50%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 */
}
#goods_list .category>li:after{content: ">"; float: right;}
#goods_list .category h2{width: calc(100% - 1.2em); display: inline-block; overflow: hidden; white-space: nowrap; margin-right: 0.1em;}
#goods_list .sub{position: absolute; top:0; left: 250px; z-index: 9; height: 100%; display: none;}
#goods_list .sub ul{display: none; flex-direction: column; flex-wrap: wrap; align-content: flex-start; height: 100%;  background: #ffffff; box-sizing: border-box; padding: 20px 30px; border: 2px solid #dbdbdb;}

#goods_list .sub li{width: 200px; line-height: 45px; margin:14px; box-shadow: 1px 1px 3px #ccc; background: #fff;}
#goods_list .sub a{color: #000;}
#goods_list .sub a:hover li{box-shadow: 1px 1px 5px 1px #ccc; }
#goods_list .sub img{height: 45px; float: left; margin-right: 8px}
#goods_list .sub span span{overflow: hidden; white-space: nowrap; font-size: 0.85em;}
#goods_list article{width: calc(100% - 250px); padding: 10px 5px; box-sizing: border-box; }
.dm-list{width: 100%; height: 274px; border: 1px solid #cccccc; display: block; position: relative;}
#goods_list article .box_b{width: 100%;}
#goods_list article img{width: 100%;}

#about h2{background: url(/promote/images/new-gift/052302.png); font-size: 1.5em; color: #fff;height: 52px; position: relative;}
#about .content{padding: 30px 40px; font-size: 1.2em; line-height: 2em; text-align: justify; background: #eeefef;letter-spacing: 2px; margin-bottom: 20px}
#about .content-list{padding: 5px 40px;}
#about .content-list .box{width: 50%; padding: 0 10px; box-sizing: border-box;}
#about .content-list>.box_b{width: 100%; font-size: 1.1em}
#about .content-list span{display: block; content: ""; float: left;}
#about .content-list p{display: block; float: left; width: calc(100% - 53px); padding: 0 15px 15px 5px ; box-sizing: border-box; line-height: 1.6em;}
#about .content-list em{width: 100%; display: block; color: #ea5414; font-weight: bold; font-size: 1.15em; margin-bottom: 3px;}
.bg-052300_01 {
    width: 53px; height: 53px;
    background: url('/promote/images/new-gift/css_sprites.png') -10px -10px;
}
.bg-052300_03 {
    width: 53px; height: 53px;
    background: url('/promote/images/new-gift/css_sprites.png') -83px -10px;
}
.bg-052300_14 {
    width: 53px; height: 51px;
    background: url('/promote/images/new-gift/css_sprites.png') -10px -156px;
}
.bg-052300_27 {
    width: 53px; height: 52px;
    background: url('/promote/images/new-gift/css_sprites.png') -156px -10px;
}
.bg-052300_12 {
    width: 53px; height: 51px;
    background: url('/promote/images/new-gift/css_sprites.png') -83px -156px;
}
.bg-052300_25 {
    width: 53px; height: 52px;
    background: url('/promote/images/new-gift/css_sprites.png') -156px -82px;
}
.bg-052300_18 {
    width: 53px; height: 53px;
    background: url('/promote/images/new-gift/css_sprites.png') -10px -83px;
}
.bg-052300_20 {
    width: 53px; height: 53px;
    background: url('/promote/images/new-gift/css_sprites.png') -83px -83px;
}

@media only screen and (max-width: 960px){
    #goods_list aside{width: 100%; min-height: inherit; height: auto; background: none;}
    #goods_list .category{display: block; min-height: inherit;}
    #goods_list .category>li{width: 50%; float: left; background: rgba(199, 199, 199, 0.44); border: 1px solid #fff; margin: 0; padding:0; display: block;}
    #goods_list .category>li>img{display: block; width: 100%; height: auto;}
    #goods_list .category h2{display: none;}
    #goods_list .category>li:after{display: none;}
    #goods_list article{display: none;}
    #goods_list .category h2{white-space: normal; margin: auto;}
    #slider a>.box_b{height: auto;}
    #slider .box_b{overflow-x: auto;}
    #goods_list aside{position: static;}
   #goods_list .sub{width: 100% !important; left: 0; display: none;height: auto;; top:0; }   
   #goods_list .sub ul{
    display: flex; width: 100%; flex-direction: row; padding:16px 0 10px; }
   #goods_list .sub:before{display: block; content: ""; top: -300px; left: -1px; width: 105%; height: calc(100vh + 300px); background: rgba(0, 0, 0, 0.62); position: fixed; z-index: -1;}
    #goods_list .sub .XXXX{display: block;z-index: 9; position: absolute; width: 42px; height: 42px;top: -20px; right: 3px; background: #fff; text-align: center; line-height: 42px; border-radius: 50%;font-size: 20pt; color: #afafaf; box-shadow: 0 0 3px 1px #666;
    }
    #goods_list .sub ul>span{width: 50%;}
    #goods_list .sub li{margin: 0; width: 50%; box-sizing: border-box; box-shadow: 1px 1px 3px #a79fff;}
    #goods_list{position: static;}
}
@media only screen and (max-width: 600px){
    #slider{display: none;}
    #banner .p_btn li{width: 12px; height: 12px;}
    #goods_list aside{padding: 0;}
   #about .content-list .box{width: 100%;}   
}