html,body,h1,h2,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0;}
body{font-size-adjust:none;-webkit-text-size-adjust:none;font-family: Arial,"Microsoft YaHei",sans-serif;background:#fdfdfb;float:left;width:100%;position:relative;}
ol,ul{list-style:none}
a{text-decoration: none;}
body{float:left;width:100%;}
*{padding: 0px; margin: 0px;}
.title{height: 40px;line-height: 40px;text-align: center;}
.title .name{color: #e96e31;font-size: 20px;}
.header{text-align: center;}
.header_shall{width:505%;height: 226px;overflow: hidden;}
.header_shall li{width:537px;height: 226px;float: left;display: inline-block;}
.header_shall img{width: 448px;position: absolute;left: 34px;bottom: 0px;}
#header_list{width: 1611px;margin: auto;height: 226px;}
.shall{padding-left: 60px; padding-right: 60px;}
.classify_btn{width:100px;height: 40px;margin-top: 30px;margin-bottom: 30px;border: none;border-radius: 5px;color: white;font-size: 17px;}
.btn_right{}
.btn_pink{background: #f6748c;margin-right: 27px;}
.btn_blue{background: #64b6eb;margin-right: 16px;margin-left: 5px;}
.btn_org{background: #f39d50;margin-right: 16px;margin-left: 15px;}
.btn_green{background: #32c7a6;margin-right: 6px;margin-left: 15px;}
.btn_sky{background: #47d2de;margin-left: 27px;}
.btn_span{line-height: 35px;}
.btn_img{float: left;padding-left: 18%;padding-top: 7px;}
.btn_span{padding-right: 15%;}
.content{height: 510px;}
.content_title{margin-bottom: 20px;clear: both;}
.content_span{color: #5c4733;font-size: 18px;font-weight: bold;}
.content_span_right{float: right;font-size: 13px;color: #afa8a2;}
.right_span{float: left;position: absolute;left: 140px;}
.left_image{float: left;width: 125px;}
.content_subject{width: 44%;height: 165px;float: left;margin-bottom: 35px;position: relative;}
.right_div{color: #65605b;font-weight: bold;font-size: 18px;line-height: 20px;margin-top: 10px;max-width:140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right_div_author{color: #a39d97;font-size: 14px;line-height: 32px;padding-bottom: 5px;}
.right_div_content{color: #a39d97;font-size: 14px;line-height: 22px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 12px;word-break:break-all;word-wrap:break-word;}
.right_btn{margin-top: 14px;}
.right_button{width: 40px;height: 20px;border: 1px solid #ede9e0;background:none;color:#c1b6ad; margin-right: 10px;border-radius: 5px;}
.content_right{float: right;}
.left_image img{width: 100%;height: 165px;    width: 100%;    height: 165px;    box-shadow: 0 3px 10px rgba(165,153,127,0.6);}
.label_ul li{float: left;background: #f6f3eb;border-radius: 10px; color: #cf8f79;font-size: 18px;padding: 7px 20px;}
.label_li{margin-right: 4%;}
.label{width: 100%;height: 38px;margin-bottom: 35px;overflow: hidden;}
.bottom_border{border-bottom: 1px solid #f2ebe5;margin-bottom: 35px;margin-left: 60px;margin-right: 60px;}
.conter{height: 400px;}
.classify{width: 100%;height: 100px;}
.classify-shall{float: left;width: 20%;text-align: center;}
.content_border{width: 6x;height: 22px;background: #ea773d;}
.hot_border{width:15px;height:15px;background:#f39d50;float:left;border-radius:2px;margin-top:1px;}
.hot{height: 40px;line-height: 15px;}
.hot_span{font-size: 18px;color: #3d3a38;padding-left: 10px;float: left;}
.hot_all{float: right;}
.hot_all span{color: #afa8a2;}
.hot_content_img{height: 250px;padding-left: 60px;}
.hot_content_div{width:160px;float:left;text-align: left;}
.hot_content_div span{color: #65605b;font-size: 20px;line-height: 30px;}
.bottom_img_div{width: 33.3%;float: left;height: 100px;}
.bottom_left{text-align: left;}
.bottom_center{text-align: center;}
.bottom_right{text-align: right;}
.hot-content-shall{height: 220px;overflow: hidden;}
#hot_content_img{height: 220px;}
.hot_content_shall{width:1288px;height: 200px;overflow: hidden;}
/*Hot selling*/
.nav{height: 40px;border-bottom: 1px solid #eeece8;margin-bottom: 30px;background: white;}
.nav_left{padding-left: 30px;line-height: 40px;color: #e86828;float: left;}
.nav_span{line-height: 45px;text-align: center;font-size: 20px;color:#e86828;font-weight: bold;padding-right: 40px;}
/*classify*/
.shall_classify{padding-right: 35px;padding-left: 35px;}
.nav_classify{margin-bottom: 0px;}
.division{background: #f8f6f2;height: 90px;line-height: 90px;text-align: center;font-size: 20px;}
.box{background:#fffdf9;height:350px;}
.box_content ul li{float: left; width: 33%;position: relative;height: 75px;padding-top: 20px;padding-bottom: 20px;}
li:nth-child(3n+1){border-right: 1px solid #f7f5f0;border-bottom: 1px solid #f7f5f0;}
li:nth-child(3n+2){border-right: 1px solid #f7f5f0;border-bottom: 1px solid #f7f5f0;}
li:nth-child(3n+3){border-bottom: 1px solid #f7f5f0;}
.text{position: absolute;left: 35px;right:50px;height: 80px;text-align: left;padding-top: 4px;}
.text_border{background: #ffbd94;width: 6px;height: 12px;float: left;}
.name{color:#65605b;font-size: 18px;line-height: 15px;padding-left: 0px;}
.count{color: #d3d1ca;background: #f8f6f1;font-size: 15px; padding: 4px;width: 35px;margin-left:13px;margin-top: 10px;border-radius: 5px;}
.box_content ul li .img{position: absolute;right: 35px;width: 60px;text-align: center;height: 80px;line-height: 80px;}
.box_content ul li .img img{height: 75px;width: 60px; border: 1px solid #e1e1e1;float: left;} 
.box_content .text_right{line-height: 14px;float: right;position: absolute;right: 50px;}
.text_right{color: #d5cec5;font-size: 20px;}
.box_div_height{margin-top: 25px;}
/*gril tribal*/
.hot_content_img_height{height: 194px;margin-bottom: 25px;}
.hot_content_div_padding{text-align: center;}
/*sory*/
.page{background: #f9f8f4;}
.shell{padding-right: 30px;padding-left: 30px;}
.mater_img{text-align: center;margin-top: 30px;}
.mater_text{text-align: center;}
.mater_text_div{font-size: 20px;font-weight: bold;line-height: 40px;color: #43423e;}
.mater_text_border{width: 300px;height: 2px;margin: 0 auto;background: #dfdeda;}
.marter_text_bottom{font-size:15px;color: #c1bdba;line-height: 40px;}
.content_box{width: 33%;height: 120px;float: left;position: relative;}
.content_box_shell{width: 95%;height: 120px;border: 1px #f0efed solid;background: white;border-radius: 10px;position: absolute;}
.box_image{float: left;width: 130px;height: 120px;}
.box_image img{width: 100%;height: 100%;}
.box_right_span{float: left;position: absolute;left: 140px;}
.box_right_div{font-size: 17px;color: #797874;padding-top: 7px;}
.box_right_div_author{font-size: 17px;color: #797874;}
.box_right_bottom{font-size: 13px;color: #d5d1ce;padding-top: 7px;}
.content_box_shell_1{margin-left: 9px;}
.content_box_shell_2{margin-left: 17px;}
/*index*/
@media screen and (min-width: 769px) {
.hot_content_div{width: 180px;}
.hot_content_shall{width: 1449px;}
}