@charset "utf-8";
/* CSS Document */

@media screen and (max-width:850px) {
.about_c3l,.about_c3r{ width:auto; float:none;}
.about_c3r{ border-left:0px; padding-left:0px; margin-top:10px;}
.about_c3r h3{ margin:auto; max-width:none;}
.about_c4{}
.about_c4 h3{ font-size:30px;}
.about_c5 dl{ padding:0px 10px;}
.about_c5 dd,.about_c5 dt{ width:auto; float:none;}
}

@media screen and (max-width:640px) {
.spgg{ left:10px; margin-left:0px;}
}


@media screen and (max-width:560px) {
.index_channel li h3{ height:20px; line-height:20px; font-size:18px;}
.index_channel li p{ height:16px; line-height:16px; font-size:12px; letter-spacing: -1px}
.index_hot .ico{ width:40px;}
.index_hot .img{ width:170px;}
.index_hot .text{ width:55%; left:184px; top:10px;}
.index_hot .text h3{ height:28px; line-height:25px; font-size:20px;}
.index_hot .text p{ height:auto; min-height:20px; line-height:16px; font-size:12px; margin-bottom:10px;}
.index_hot .text span{ padding:2px 8px; line-height:16px; font-size:12px;}
.index_hot .text h4{ margin-top:20px;}
.index_hot .text h4 strong{ font-size:28px;}
.index_hot .text em{ height:16px; line-height:16px; font-size:12px;}
}



@media screen and (max-width:414px) {
.iproSlider{ max-height:414px; overflow:hidden;}
.index_channel li h3{ font-size:14px;}
.index_channel li p{ font-size:10px; -webkit-transform:scale(0.8); letter-spacing:0px}
.index_hot{ padding:5px;}
.index_hot .ico{ width:35px;}
.catepage .content{ max-height:580px;}
.yhj_c .text{ top:43%;}
}


@media screen and (max-width:375px) {
.iproSlider{ max-height:375px; overflow:hidden;}
.index_hot .img{ width:150px;}
.index_hot .text{ left:162px; top:5px;}
.index_hot .text p{ margin-bottom:4px; line-height:14px; max-height:29px;}
.index_hot .text h3{ font-size:18px;}
.index_hot .text h4{ height:29px; margin-top:17px;}
.about{ font-size:14px;}
.about_c3r h3,.about_c4 h3{ font-size:20px; height:40px; line-height:40px;}
.catepage .content{ max-height:510px;}
.spgg_com .spgg_gg li{ margin:0px 8px 8px 0px;}
}


@media screen and (max-width:320px) {
.iproSlider{ max-height:320px; overflow:hidden;}
.yCate li{ font-size:12px;}
.index_hot .img{ width:140px;}
.index_hot .text{ width:51%; left:152px; top:5px;}
.index_hot .text h3{ font-size:16px; height:auto; line-height:18px; max-height:35px; margin-bottom:4px;}
.index_hot .text h4{ margin-top:15px;}
.index_hot .text h4 strong{ font-size:22px;}
.user_bg{ background-size:auto 45%;}
.Coupon_l1,.Coupon_l3{ font-size:13px;}
.catepage .content{ max-height:410px;}
.spgg{ top:15px;}
.spgg_com{ padding:10px 10px 2px 10px; max-height:350px;}
.iproTools .buyNow{ width:50px; font-size:16px;}
.iproTools .addBas{ font-size:16px;}
.spgg_bnt a{ font-size:16px;}
.totalPrice{ font-size:20px;}
.fenlei_r .text h3{ margin-bottom:0px;}
.fenlei_r .text p.subtitle{ height:32px; margin-bottom:5px;}
.fenlei_r .text .bnt{ height:auto; line-height:23px;}
.fenlei_r .text .bnt span{ display:block; float:none;}
.fenlei_r .text .bnt .calc{ float:left;}
.fenlei_r li.hot .text p{ height:18px;}
.fenlei_r li.hot .text h3{ margin-bottom:0px;}
.fenlei_r li.hot .text .bnt span{ line-height:18px;}
.spgg_bnt_l p b,.cart_fooger .cart_fooger_bnt{ font-size:16px;}
.Coupon_r{ width:28%;}
.Coupon_r2 strong{ font-size:30px;}
.Coupon_r3{letter-spacing: -1px; font-size:12px;}
.new_index_min .box .bottom p b{ font-size:15px;}
.new_index_min .box .bottom .calc{ margin-top:2px;}
.new_index_min .box .bottom .calc a{ width:18px; height:18px; background-size:8px auto;}
.new_index_min .box .bottom .calc a.up{ width:18px; height:18px; background-size:8px auto;}
.new_index_min .box .bottom .calc .inputer{ width:23px; height:20px; line-height:20px; font-size:14px;}
.calc a.up,.calc a.down{ width:18px; height:18px; background-size:8px auto;}
.calc input{ width:23px; font-size:14px; height:20px; line-height:20px;}
.fenlei_r .text .bnt span b{ font-size:15px;}
.fenlei_menu li{ font-size:12px;}
.wd_lk_list .left{ width:25%; letter-spacing:-1px}
.wd_lk_list .left h3{ font-size:18px;}
.wd_lk_list .right{ width:75%;}
.wd_lk_list .right .text{ padding-left:3px;}
.wd_lk_list .right .bnt{ margin-right:8px;}
.fenlei_r .text p.subtitle{ height:32px; margin-bottom:4px;}
.yhj_c .text{ top:40%;}
.tjq_list dl{ margin-top:2%;}
}