@charset "utf-8";
@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 1280px) {
.box,.cpbox{width:1000px;}
#header .box{}
.m1,.m2,.m3{width:32%}
.m2{margin:0 2%}
#nav{margin-left:15%}
#right{margin-left:260px;}
.cp_ri h2.font32{font-size:26px;}
}

@media only screen and (max-width: 1004px) {
*{box-sizing:border-box}
body{padding:50px 0 0;}
#open{display:block;}
.box,.cpbox{width:96%;}
#nav,.navbg{display:none;}
#nav{background:rgba(0,0,0,0.5);position:absolute; width:100%; top:50px; margin:0; padding:10px 0;}
#nav dd{float:none;}
#header{position:fixed; left:0px; height:50px; top:0px; background:#ecffe4; border-bottom:1px solid #3fa41b}
#header .box{background:none; border:none; height:auto; width:100%}
.nava{color:#fff; text-align:center; font-weight:normal; height:35px; line-height:35px;}
.navsub{display:none !important}
.logo{top:5px;}
.logo img{height:40px; width:auto;}
.topri{margin-top:5px;}
.ftbox{margin:0;}
.footph{position:static; margin-top:10px; display:block}
.m1,.m2{width:49%;margin-bottom:20px;}
.m2{margin:0; float:right}
.m3{clear:both; float:none; width:100%; }
.m3text{height:auto}
.m2 .mtit,.m3 .mtit{background:none}
.cp_ri h2.font32{font-size:24px;}

}
@media only screen and (max-width: 980px) {
#right,#left{float:none; margin:0px; width:100%;}
#right{margin-top:10px;}
.left_tit{display:none}
.left_nav dd{width:32%; float:left; position:relative; border:none}
.left_nav dd:nth-child(3n+2){margin:0 2%}
.left_sub{position:absolute; width:100%; border:1px solid #3fa41b; left:0px;}
.right_tit span{font-size:16px; margin-bottom:20px}
.cp_le{overflow:hidden}
.smallimg span{margin:0;}
.smallimg{width:100%; }
.bigimg{display:none}
#wapbanner .swiper-pagination-bullet,#cp_le .swiper-pagination-bullet{width:15px; height:15px; margin:0 5px; background-size:cover}
.cp_ri h2.font32{font-size:22px;}
}


@media only screen and (max-width: 769px) {
#wapbanner{display:block}
#banner,.right_tit{display:none}
.topcart{margin-right:15px;}
.logo{left:10px;}
.foota{font-size:14px;}
.cp_le,.cp_ri{width:100%; float:none}
.cpbox{width:100%}
.cp_ri{width:96% !important; margin:20px auto}
.cpcartnum{padding:15px 0;}
.cpcartnum_kc{top:15px;}
.cp_ri h2.font32{font-size:20px;}
.cp_show{margin-top:20px;}
.left_a{height:40px; line-height:40px;}
#right{margin-bottom:20px !important}
.culturetext{line-height:28px;}
}


@media only screen and (max-width:650px) {
.left_a,.left_sub a{padding:0 10px;}
.left_nav dd{width:48%; margin:0 0 10px !important}
.left_nav dd:nth-child(even){float:right}
.news_list a.fl,.news_list a.fl img{width:180px; height:135px;}
.news_div{margin-left:195px;}
.news_div p{height:40px;}
/** 会员 **/
.login_box{width:100%; height:auto !important; padding:20px 0; margin:0 auto}
.login_box h2.tc{margin-top:0px;}
.text1, .login_box .tj, .yzm,.link_a{margin:10px auto;width:90%;}
.text2{width:50%}
.yzm img{width:30%; margin:0 2%}
#login{height:auto; padding:40px 0}

}
@media only screen and (max-width: 580px) {
.product_list dd,.cala_list dd{width:44.4%}
.cpbtn{font-size:12px;}
}
@media only screen and (max-width:480px) {
.news_list a.fl,.news_list a.fl img{width:120px; height:90px;}
.news_div{margin-left:135px;}
.news_div .news_tit{height:30px; line-height:30px; font-size:16px}
.news_div p{margin-bottom:0}
.newsmore{display:none}
.m1,.m2{width:100%;margin-bottom:20px; float:none}
}
@media only screen and (max-width: 360px) {
.topcart{margin-right:35px;}

}

/** 会员部分 **/
@media only screen and (max-width: 1366px){
.img_text td{height:460px;}
.xl5_img{margin-right:130px}
}
@media only screen and (max-width: 1280px){
.w1{width:60px !important;}
.w2{width:110px;}
.w3{width:250px;}
.w4{width:55px;}
.w5{width:100px !important;}
.w6{width:140px !important;}
}
@media only screen and (max-width: 980px){
.tep{width:100%; height:auto}
.hy_main{margin-top:20px;}
.gwc2_tab1.xx_way textarea{width:100%}
.gwc2_tab1.xx_way td{display:table-cell !important}
.gwc3_hid{display:block}
.gwc3_tab1{display:none}
.gwc3_tab1.gwc3_hid{display:table !important}
}
@media only screen and (max-width: 900px){
.hy_le{width:25%}
.hy_ri{width:70%}
}
@media only screen and (max-width: 880px){
.hy_le,.hy_ri{padding-bottom:50px; height:auto}
.hy_main{margin:0 auto}
.hy_le,.hy_ri{width:100%; padding-bottom:0px;}
.hy_le h2{display:none}
.hy_le{margin-bottom:20px;}
.hy_le_a{border:none}
.hy_le_a a{float:left; width:32%; margin-bottom:8px !important; background:#C8F6B8; }
.hy_le_a a:nth-child(3n+2){margin:0 2%}
.vip_img,.vip_box1 {display:table; float:none; margin:0 auto 20px;}
#main>img{height:auto}
}

@media only screen and (max-width: 800px){
.vip3_tab2,.vip3_tab2 tbody,.vip3_tab2 tr{display:block}
.vip3_tab2 .th1{display:none}
.vip3_tab2{border:none}
.vip3_tab2 td{width:auto !important; display:inline-block; border-bottom:none; padding:0px 10px 0 0;}
.vip3_tab2 tr{padding:6px 0; border-bottom:1px solid #ddd}
.gw_sp{width:100px;}
.gwc2_tab1{text-align:left}
.gwc2_tab1.way tr:nth-child(1){display:none}
.gwc2_tab1.way tr td{display:inline-block !important; border:none; padding:10px 5px}
.gw_sp1{display:inline; padding-right:5px;}
.gwc2_tab1.money_way img{height:50px;}
#main>img{padding-bottom:3%;}

}

@media only screen and (max-width: 756px){
.sub_tj a{max-width:100px; width:30%;background-size:100% 27px; height:27px; font-size:12px;}
.sub_tj a img{height:9px;}
/** 购物车2 **/
.gwc2_tab1 tr.gw_td1{display:none}
.gwc2_tab1 td.gw2_td1{width:100%; display:block; border-bottom:none; border-top:1px solid #3fa41b; margin-top:-1px;}
.gwc2_tab1 td{display:inline-block; vertical-align:middle; border:none; padding:5px !important}
.gw_tit{padding:0 5px !important}
.gwc2_tab1.tl tr td:nth-child(even){border-right:none}
.systemtab_td2{width:85px;}
.systemtab_td3,.systemtab_td4{width:70px;}
.systemtab_th td{font-size:14px;}
.systemtab td{padding:10px 0;}
.system{border:none}
.systemtab{margin:20px auto}
#cpshow,#content{margin-bottom:30px;}
}
@media only screen and (max-width: 670px){
.gw_td1,.gwc1_tab1 tr td.td3{display:none !important}
.gwc1_tab1 tr{position:relative;display:block; padding:10px; border:1px solid #3fa41b; margin-top:-1px; overflow:hidden}
.gwc1_tab1 td.td4,.gwc1_tab1 td.td5,.gwc1_tab1 td.td6{position:absolute; bottom:5px;line-height:40px;}
.gwc1_tab1 td.td4{left:120px;width:40px;}
.gwc1_tab1 td.td5{left:160px;width:100px;}
.gwc1_tab1 td.td6{left:250px;width:60px;}
.gwc1_tab td.td2{margin-left:110px; height:40px; line-height:20px; overflow:hidden; font-size:13px; width:auto}
.sub_tj span.fr{display:inline-block; margin-left:20px; float:none}
.tep{display:none}
.gwc1_tab1{display:none1;}
.gwc1_tab td{display:inline-block;border:none; padding:0}
.gwc1_tab td.td1{width:100px; float:left; padding:0}
.gwc1_tab td.td1 a,.gwc1_tab td.td1 img{display:block; width:100%; height:81px;}
.gwc1_tab td.td1,.gwc1_tab td.tl{ display:block;}
.wap_gwc1{display:block;}
}
@media only screen and (max-width: 600px){
.sub_tj a{}
.vip3_textarea,.vip3_text{width:100%}
b.b1{display:block;}
.order_div1 br{display:none}
.vip4_td2{ width:auto;}
.vip4_th3 td:nth-child(2){width:100px !important;}
.vip4_th3 td:nth-child(3){width:40px !important;}
.money br{display:block}
.order_div13 .sp1{display:inline-block}
.order_list tr{display:block; border:1px solid #3fa41b; overflow:hidden; padding:10px 5px; margin-top:-1px;}
.order_list td{float:left; border:none; text-align:left; margin-right:20px; padding:2px 0;}
.ordw1,.ordw2{ width:50%; margin:0 !important}
.none{display:inline}
.orth{display:none !important}

.vip4_tab1{font-size:12px;}
.wap_gwc2{display:block;}
.gwc2_tab1.tl td{width:100%; display:block; border:none}
.gw_sp{width:auto}
.gwc2_tab1.way tr{display:block; padding-bottom:10px;}
.gwc2_tab1.way tr td{padding:0 5px;}
.gwc2_tab1.way tr td:nth-child(3){display:block !important; margin:5px 0}
#main>img{padding-bottom:13%;}

}
@media only screen and (max-width: 550px){
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none}

.vip2_tab2 input{width:95% !important}
.vip4_th3{display:none !important}
.vip4_tab2 td{vertical-align:top}
.order_div1{width:98%}
.hide_div{display:block; margin-top:-5px;}
.hide_div b{color:#C01837; padding-right:5px;}
.vip4_tab2 tr td:nth-child(3),.vip4_tab2 tr td:nth-child(4){display:none}

.vip4_tab1>tbody,.vip4_tab1>tbody>tr,.vip4_tab1>tbody>td{display:inline-block}
.th3 td{display:none !important}
.vip4_th2,.vip4_th2 td{display:block !important; width:100%}
.vip4_tab1 tbody{width:100%; text-align:left}
.vip4_tab1 .th3{display:none}
.vip4_tab1 tr{width:100%; overflow:hidden; padding:0}
.www1{width:180px !important; text-indent:10px;}
.www1,.www2,.www3{padding:10px 2px !important; float:left; min-width:80px;}
.bg55{background:#ECFCE3}
.order_tab1{margin-top:-15px;}
#gwc{padding:0 !important;}
.gwc2_tab1.money_way img{height:30px;}
.gwc2_tab1.money_way span{padding-right:15px;}
.gwc3_tab1.gwc3_hid td{padding:8px 3px}
#main>img{display:none}
#main .pin{position:static !important; width:100%}
.team_list dd{width:48%;}
.team_list dd:nth-child(even){float:right}
}
@media only screen and (max-width: 450px){
.sub_tj span.fr{display:block; float:none; margin-top:5px;}
.gwc3_tab1.gwc3_hid td{display:block; float:left; padding:0px; width:100%; border:none}
.gwc3_tab1.gwc3_hid td:nth-child(1){margin-bottom:4px;}
.gwc3_tab1.gwc3_hid tr{border-bottom:1px solid #ddd; display:block; padding:10px; overflow:hidden}
}
@media only screen and (max-width: 400px){
input.pass_text{width:90%}
.password{width:100%}
.password tr td:nth-child(1){width:60px !important}
.hy_le_a span{display:none; }
.hy_le_a a{padding-left:5px;}

}
@media only screen and (max-width: 380px){
.ordw1,.ordw2{ width:100%; margin:0 !important}


}