@charset "utf-8";
*{ margin:0px; padding:0px;}
@font-face {
	font-family:"Open Sans";
	src: url(../font/opensans.ttf);
}
body{ background:#efefef;font-family:"Open Sans !important";font-size: 16px;}

a{ text-decoration:none; color:#000}
a:hover{ color:#565656; text-decoration:underline}
ul{ list-style-type:none}
ul li{ list-style-type:none}
.clear{ clear:both}


.pageclass{ text-align:center; margin-top:30px; margin-bottom:50px;}
.pageclass a{ padding:5px 10px; background:#efefef; border:1px solid #dedede}
.pageclass a:hover{ background:#D8D2D2}
.pageclass .me{ padding:5px 10px; background:#f4f4f4; color:#B85F5F;border:1px solid #dedede}

.pc_sbt,.m_sbt,.gift_pc_sbt,.gift_m_sbt{ cursor:pointer}


@media screen and (min-width:751px){

.menu{ display:none}
.m_search{ display:none}
.gift_menu{ display:none}
.main{width:1400px; margin:0px auto; background:#fff; padding:0px;}
.tips{ background:#000; color:#fff}
.tips p{ text-align:center; padding:5px; }
.tips a{ color:#ff0000}
.clist{}
.clist h1{ text-align:center; font-size:16px; padding:20px 0px; color:#fff;}
.clist h1 span{ background:#ff0000; padding:10px 20px; border-radius:20px;}
.clist li{ float:left; padding:5px; }
.clist img{ width:130px;}

.mcontent{}
.mcategory{ width:220px; float:left}
.mcategory .first{ font-weight:bolder; border-bottom:1px  solid #dedede; padding:5px;}
.mcategory .second{ border-bottom:1px  solid #dedede;padding:5px;}
.mpic{ width:920px;float:left; margin:0px 20px;}
.mpic h2{ font-size:14px; color:#ff0000; border-bottom:1px solid #dedede; text-align:center; padding-bottom:5px; padding-top:10px;}
.mpic li{ float:left; padding-right:20px; padding-top:10px;}
.mpic li:nth-child(4n){ padding-right:0px;}
.mpic img{ width:215px; height:215px;}

.mbrand{ width:220px; float:left}
.mbrand li{border-bottom:1px  solid #dedede; padding:5px;}

.pc_search{ background:#165CEA; margin:10px 0px; padding:5px 10px 10px 10px; color:#fff}
.pc_search select{ border:1px solid #dedede; padding:5px; outline:none; height:30px; width:300px;}
.pc_search .pc_sbt{ background:#ff0000; padding:3px 30px;display:block}

.pc_gift_search{background:#165CEA; margin:10px 0px; padding:5px 10px 10px 10px; color:#fff}
.pc_gift_search select{ border:1px solid #dedede; padding:5px; outline:none; height:30px; width:500px;}
.pc_gift_search .gift_pc_sbt{ background:#ff0000; padding:2px 30px;display:block; }

.pc_gift_search li{ float:left; margin-right:20px;}

.glist{}
.glist h1{ text-align:center; font-size:16px; padding:20px 0px; color:#fff;}
.glist h1 span{ background:#ff0000; padding:10px 20px; border-radius:20px;}
.glist li{ float:left; padding:5px; }
.glist img{ width:165px;}
.glist a{ color:#fff}

.info{}
.info img{ width:100%; height:100%;}
.info .word h2{ color:#ff0000; font-size:18px; text-align:left; padding-top:20px;}
.info .word { color:#006600; font-weight:bolder;}
.info .word p{ padding-top:10px;}
.info .word  a{ }
.info .word img{ width:250px;}


}

@media screen and (max-width:751px){

.pc_search{ display:none}
.pc_gift_search{ display:none}
.main{width:98%; margin:0px auto; background:#fff; margin:1%}
.tips{ background:#000; color:#fff}
.tips p{ text-align:center; padding:5px; }
.tips a{ color:#ff0000}
.clist{}
.clist h1{ text-align:center; font-size:16px; padding:20px 0px; color:#fff;}
.clist h1 span{ background:#ff0000; padding:10px 20px; border-radius:20px;}
.clist li{ float:left; padding:1%; width:48% }
.clist img{ width:100%;}
  
.mcategory{ display:none}
.mbrand{ display:none}





.mpic h2{ font-size:14px; color:#ff0000; border-bottom:1px solid #dedede; text-align:center; padding-bottom:5px;}
.mpic li{ float:left; padding-top:10px; width:48%; margin-right:2%}
.mpic li:nth-child(2n){ margin-right:0%}
.mpic img{ width:100%}

.m_search{ background:#165CEA; margin:10px 0px; padding:5px 1px 5px 1px; color:#fff}
.m_search select{ border:1px solid #dedede; padding:5px; outline:none; height:30px; width:100%}

.m_search dd{ float:left;  }
.m_search dd:nth-child(1){ width:41%; margin-right:1%;}
.m_search dd:nth-child(2){ width:41%; margin-right:1%;}
.m_search dd:nth-child(3){ background:#ff0000; color:#fff; font-size:14px; padding:4px 15px; }

.glist{}
.glist h1{ text-align:center; font-size:16px; padding:20px 0px; color:#fff;}
.glist h1 span{ background:#ff0000; padding:10px 20px; border-radius:20px;}
.glist li{ float:left; padding:1%; width:48% }
.glist img{ width:100%;}
.glist a{ color:#fff}

.info{ padding-bottom:20px;}
.info img{ width:100%; height:100%;}
.info .word h2{ color:#ff0000; font-size:18px; text-align:left}
.info .word { color:#006600; font-size:14px; }
.info .word p{ padding-top:10px;}
.info .word  a{ }
.info .word img{ width:50%;}


.menu{ margin-top:2%}
.menu li{ float:left; width:32%; margin-right:2%; padding-bottom:2%;}
.menu li a{ color:#fff}
.menu li:nth-child(2){ margin-right:2%;}
.menu li:nth-child(3){ margin-right:0%;}
.menu li{ background:#3D9409; border-radius:10px; text-align:center;}

.brand_list{ margin:1%;}
.brand_list li{  background:#f4f4f4; border-radius:10px; padding:2%;  margin-top:2%; }
.brand_list li a{ color:#000;}

.category_list{ margin:1%;}
.category_list li{  background:#f4f4f4; border-radius:10px; padding:2%;  margin-top:2%; }
.category_list li a{ color:#000;}

.gift_menu{ margin-top:2%}
.gift_menu li{ float:left; width:32%; margin-right:2%; padding-bottom:2%; padding-top:2%;}
.gift_menu li a{ color:#fff}
.gift_menu li:nth-child(2){ margin-right:2%;}
.gift_menu li:nth-child(3){ margin-right:0%;}
.gift_menu li{ background:#3D9409; border-radius:10px; text-align:center;}





}