/* CSS Document */
html,body{background-color:#2b2f3d; }

.mainbox{ width:1180px; margin:0 auto; padding:0;}
.maintop{ margin:0 auto; padding:0; text-align:center; width:100%;}
.maintop img{width:100%;}

.mainbody{margin:0 auto; padding:0; width:100%; border:1px solid #fff; margin-top:20px;margin-bottom:5%;}
.mainbody .span{text-align:center; margin:auto; width:170px; height:50px; font-size:24px; color:#fff; display:block; 
z-index:1; margin-top:-25px; line-height:50px;}
.mainbody .span a{color:#fff; }
.mainbody .span a:hover{ color: #eee; }


/* 列表1 */
.mainbody .nav{ width:80%;  margin:4% auto 0;}
.mainbody .nav .nav_list{ width:100%; height:290px; background-color:#fff; margin-bottom:50px;}

.mainbody .nav .nav_list .fl{ width:70%; height:290px; float:left;}
.mainbody .nav .nav_list .fr{width:30%; height:290px; float:right;}

.mainbody .nav .nav_list .fl .back{width:100%; height:290px; float:left;}
.mainbody .nav .nav_list .fl .bany{ float:right; position:absolute; margin-left:-95px; margin-top:50px;} 

.mainbody .nav .nav_list .fr .title{ font-size:16px; text-align:center; color:#666666; height:50px; line-height:90px;}
.mainbody .nav .nav_list .fr .name{ font-size:20px; text-align:center;  font-weight:blod; }
.mainbody .nav .nav_list .fr .num { text-align:center; font-size:16px; color:#666666;}
.mainbody .nav .nav_list .fr .num i{ font-size:24px;color:#DFB873;}
.mainbody .nav .nav_list .fr .link{ width:135px; margin:auto; text-align:center; height:50px; line-height:50px; background-color:#DFB873; 
border-radius:10px; font-size:18px; color:#fff; margin-top:30px;}
.mainbody .nav .nav_list .fr .link .fa-chevron-right{ padding-left:8px; font-size:16px;}

/* 列表2 */ 
.mainbody .titles{ font-size:18px;text-align:center; margin-top:-2px;color:#eee;}
.mainbody .navs{width:90%;  margin:4% auto 0;}
.mainbody .navs .list_inner{ width:30%; height:400px; background-color:#fff; margin:0 18px 5% 17px; float:left;}
.mainbody .navs .list_inner .picture{width:311px; height:270px; }
.mainbody .navs .list_inner .picture img{ width:100%; height:100%;}
.mainbody .navs .list_inner .list_mname{ height:50px; line-height:40px;overflow:hidden; margin:0px 10px; font-size:18px;}
.mainbody .navs .list_inner .price{ margin:0px 10px; font-size:20px; color:#69cb87;height:33px;}
.mainbody .navs .list_inner .price1{ margin:0px 10px; font-size:18px; color:#999;height:33px;text-decoration: line-through;}

/* 分页 */ 
.black {height:50px; line-height:50px; margin:40px 0px; text-align: center; }
.black a,span.disabled,span.current{ padding-right: 15px; padding-left: 15px; padding-bottom:8px;
padding-top:8px;margin-right:10px; border-radius:5px; background-color:#555964;
background-position: 50% bottom; font-size:18px;color:#fff;   display:inline; }

.black a:active { background-color: #DFB873;  } 
.black .current{background-color: #DFB873; } 
.dian{ font-size:18px;  margin-right:9px;color:#fff; }


.navs .fr_box_list{ height:370px; width:295px; border:1px solid #eee;  float:left; margin:10px 28.5px; position:relative; background-color: #fff;}
.navs .fr_box_list .list_img{  width:295px; height:290px;}
.navs .fr_box_list .list_img img{ width:100%; height:100%; border:none;}

.navs .fr_box_list .fr_box_inn{ width:290px; overflow:hidden; margin:5px;}
.navs .fr_box_list .fr_box_inn .link{ height:40px; line-height:55px; font-size:18px; }
.navs .fr_box_list .fr_box_inn .link a{ color:#333;}
.navs .fr_box_list .fr_box_inn .price .now{ color:#DFB873; font-size:20px; margin-right:20px;}
.navs .fr_box_list .fr_box_inn .price .old{color:#9d9d9d; text-decoration: line-through; font-size:16px;}