@charset "utf-8";

body{margin: 0; font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Noto Sans CJK SC", "Noto Sans CJK TC", "Microsoft YaHei", "Microsoft JhengHei", "PingFang SC", "PingFang TC", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; background: #f9f9f9;color:#333333;}
img{border: 0; -ms-interpolation-mode: bicubic;}
a{text-decoration: none;outline:none;}
ul{list-style:none;margin:0;padding:0;}
form,p{margin:0;padding:0;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}
article,aside,figcaption,figure,footer,header,nav,section{display: block;}
figcaption{color: #666666;}


#header{margin:0 0 15px;}
.middle{padding: 15px 7px;background: #f0f0f0;border-bottom: 1px solid #e3e4e9;}
.logo{float: left;max-width: 30%;}
.logo img{max-width: 100%;height: auto;}
.adbox{float: right;max-width: 30%;margin: 0 0 0 3px;}
.adbox img{max-width: 100%;height: auto;}
.nav{background: #f0f0f0;}
.nav li{float: left;width:33%;height: 35px;line-height: 35px;}
.nav li a{display: block;width: 100%;color: #323232;text-align: center;font-size: 16px;}

#main{margin: 0 auto 20px;}
.main_left{margin: 0 0 10px;}

.fuwu_px_control{margin: 0 0 10px;height: 30px;line-height: 30px;background: #ffffff;}
.fuwu_px_control a{float: left;width: 33%;height: 30px;position: relative;cursor: pointer;text-align: center;color: #333333;}
.fuwu_px_control a.fuwu_px_active{border-bottom: 1px solid #ff0000;}

.fuwu_list{clear: both;overflow: hidden;margin: 0 0 10px;font-size: 12px;}
.fuwu_list li{margin: 0 0 10px;float: left;width: 50%;box-sizing: border-box;}
.fuwu_list li a{display: block;margin: 0 3px;padding: 7px;color: #888888;background: #ffffff;}
.fuwu_img{margin: 0 0 7px;position: relative;padding-top: 100%;}
.fuwu_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.fuwu_info{}
.fuwu_title{height:18px;line-height:18px;margin: 0 0 5px;overflow: hidden;font-size: 13px;font-weight: normal;color: #333333;}
.fuwu_title span{color: #ffffff;background: #e60039;padding: 0 2px;margin: 0 2px 0 0;font-size: 12px;}
.fuwu_price{overflow: hidden;margin: 0 0 4px;height: 28px;line-height: 28px;}
.fuwu_final_price{float: left;color: #ff0060;}
.fuwu_final_price span{font-family: Arial;font-size: 22px;font-weight: normal;}
.fuwu_final_price i{font-family: Microsoft Yahei;font-style: normal;font-size: 14px;}
.fuwu_base_price{float: right;}
.fuwu_des{overflow: hidden;}
.fuwu_quan{float: left;width: auto;border-radius: 5px;background: #ff5500;padding: 1px;}
.fuwu_quan_left{float: left;padding: 0 3px;color: #ffffff;font-size: 11px;}
.fuwu_quan_right{float: left;padding: 0 3px;color: #ff5500;background: #ffffff;border-radius: 5px;}
.fuwu_volume{float: right;}

.fuwu_articles{margin: 0 0 10px;padding: 10px 15px;background: #ffffff;}
.fuwu_articles li{padding: 15px 0;border-bottom: 1px solid #eeeeee;}
.fuwu_articles li:last-child{border: none;}
.fuwu_articles a{font-size: 17px;font-weight: bold;color: #333333;}

.m_r_nav{margin: 0 0 10px;background: #ffffff;}
.m_r_nav_head{height:40px;line-height:40px;margin: 0;padding: 0 0 0 10px;border-bottom:1px dashed #e3e4e9;font-size: 16px;}
.m_r_nav_head a{color: #333333;}
.m_r_nav_body{padding: 8px 12px 10px;}
.m_r_label{display: flex; flex-wrap: wrap;}
.m_r_label a{color: #333333;margin: 0 5px 7px 0;padding: 2px 3px;border-radius: 2px;}
.m_r_news li{padding: 7px 0;border-bottom: 1px solid #eeeeee;}
.m_r_news li:last-child{border-bottom: none;}
.m_r_news li a{display: block;color: #333333;}
.m_r_news_img{float:left;width: 100px;height: 100px;margin: 0 10px 0 0;position: relative;}
.m_r_news_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m_r_news_name{height: 100px;overflow: hidden;}
.m_r_news_name p{height: 100px;line-height:20px;display: table-cell;vertical-align: middle;}
.m_r_contact li{padding: 7px 0;}
.m_r_contact li img{width: 100%;}

.here{margin:0 auto 15px;padding: 0 10px;color:#b3b3b3;}
.here a{color:#b3b3b3;}
.page{padding:10px;}
.page span, .page a{height: 30px;line-height: 30px;margin: 0 5px 5px 0;padding: 0 8px;display: inline-block;border: 1px solid #cccccc;color: #333333;}
.page span.me{color: #e60039;}
.page span.disabled{color: #cccccc;}
.page span.total{border: none;}

.sub_nav{display: flex; flex-wrap: wrap;padding: 8px 12px 10px;background: #ffffff;}
.sub_nav a{color: #333333;margin: 0 5px 7px 0;padding: 2px 3px;border-radius: 2px;}

.view{margin: 0 0 20px;padding: 20px 10px;background: #ffffff;}
.view a{color: #5698da;}
.view_title{margin: 0 0 15px;line-height: 30px;font-size: 22px;}
.view_subtitle{margin: 0 0 10px;padding: 0 0 7px;border-bottom: 1px dashed #e3e4e9;font-size: 12px;color: #b9b9b9;}
.view_subtitle span{margin: 0 5px 0 0;}
.view_content{margin: 0 0 40px;line-height: 28px;word-wrap: break-word;word-break: break-all;overflow: hidden;}
.view_content img{display: block;max-width: 100%;height: auto;margin: 5px 0;}

.copytext{display: block;width: 95%;margin: 0 0 5px;line-height: 25px;padding: 2px;border: 1px dashed #8f8f8f;color: #f54d23;}
.itemCopy{border: none;font-size: 14px;padding: 6px 15px;background: #ff6600;display: inline-block;margin: 10px auto;border-radius: 16px;color: #ffffff;cursor: pointer;}
.keyword_lable{display: flex; flex-wrap: wrap;}
.keyword_lable a{margin: 0 7px 0 0;}
.keyword_lable a:hover{text-decoration: underline;}
.view .welcome a{color: #333333;}

.contact{padding: 10px;border: 1px solid #e3e4e9;position: relative;}
.contact_lm{width: 30%;margin: 0 auto;text-align: center;position: relative;top: -20px;background:#ffffff;}
.contact_left{float: left;width: 120px;margin: 0 10px 0 0;}
.contact_left img{width: 120px;height: 120px;border: 1px solid #e3e4e9;}
.contact_right{overflow: hidden;font-size: 16px;line-height: 20px;}
.contact_linkman{margin: 10px 0 20px;font-size: 17px;}

.m_l_nav{margin: 0 0 10px;padding: 10px;background: #ffffff;}
.m_l_nav_head{height: 30px;line-height: 30px;margin: 0 0 10px;border-left: 4px solid #f88f55;text-indent: 10px;font-size: 17px;}
.m_l_nav_head a{color: #333333;}
.m_l_nav_body{overflow: hidden;}

.m_l_label{display: flex; flex-wrap: wrap;}
.m_l_label a{color: #333333;margin: 0 5px 7px 0;padding: 2px 3px;border-radius: 2px;}

.m_l_news{overflow: hidden;}
.m_l_news li{float: left;width: 50%;margin: 0 0 10px;}
.m_l_news li a{display: block;margin: 0 5px;color: #333333;}
.m_l_news_img{margin: 0 0 7px;position: relative;padding-top: 100%;}
.m_l_news_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m_l_news_name{height: 40px;line-height: 20px;overflow: hidden;}

.may{margin: 0 0 20px;padding: 15px;background: #ffffff;}
.may_head{height: 30px;line-height: 30px;margin: 0 0 10px;border-left: 4px solid #f88f55;text-indent: 10px;font-size: 17px;}
.may_body li{padding: 10px 0;border-bottom: 1px solid #eeeeee;}
.may_body li:last-child{border-bottom: none;}
.may_body li a{display: block;color: #333333;}
.may_img{float:left;width: 100px;height: 100px;margin: 0 10px 0 0;position: relative;}
.may_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.may_name{height: 100px;overflow: hidden;}
.may_name p{height: 100px;line-height:20px;display: table-cell;vertical-align: middle;}

.comments{margin: 0 0 10px;padding: 15px;background: #ffffff;}
.comments_head{height: 30px;line-height: 30px;margin: 0 0 10px;border-left: 4px solid #f88f55;text-indent: 10px;font-size: 16px;}
.comments_body{}
.comments_list{padding: 20px 0;border-bottom: 1px dashed #e3e4e9;}
.comments_avatar{float: left;width: 40px;height: 40px;margin: 0 10px 0 0;}
.comments_avatar img{width: 36px;height: 36px;border-radius: 100%;}
.comments_detail{overflow: hidden;}
.comments_nick{color: #5698da;margin: 0 10px 0 0;}
.comments_time{color: #b2b2b2;}
.comments_msg{padding: 10px 0;}

#link{padding: 10px;background: #f0f0f0;}
.link_main{line-height: 28px;}
.link_name{margin: 0 0 10px;color: #909090;}
.link_list a{color: #909090;display: inline-block;margin: 0 10px 5px 0;}

#footer{padding:10px;line-height:28px;border-top: 1px solid #e3e4e9;color: #909090;background: #f0f0f0;}
.footer_main a{color: #909090;}
.footer_main a:hover{text-decoration: underline;}
.footer_nav a{display: inline-block;}

#goTopBtn{position:fixed;width:44px;height:44px;bottom: 100px;right: 10px;z-index: 9999;}
#goTopBtn a{display: block;width: 44px;height: 44px;}
#goTopBtn a img{width: 44px;height:44px;}

.error{text-align: center;padding: 50px 0 0;line-height: 25px;}

.youhuiquan{padding: 5px;background: #ffffff;border: 1px solid #eeeeee;line-height: 20px;}
.youhuiquan a{display: block;color: #888888;}
.youhuiquan_img{float: left;width: 100px;height: 100px;margin: 0 10px 0 0;position: relative;}
.youhuiquan_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.youhuiquan_info{overflow: hidden;}
.youhuiquan_title{height:36px;line-height:18px;padding: 0;overflow: hidden;font-size: 14px;font-weight: normal;color: #333333;}
.youhuiquan_descripe{}
.youhuiquan_price{float: left;}
.youhuiquan_volume{float: right;}
.youhuiquan_final_price{color: #ff0060;}
.youhuiquan_final_price span{font-family: Arial;font-size: 17px;font-weight: bold}
.youhuiquan_final_price i{font-family: Microsoft Yahei;font-style: normal;font-size: 12px;}
.youhuiquan_quan{float: left;padding: 1px;background: #ff5500;border-radius: 5px;}
.youhuiquan_quan_left{float: left;padding: 0 3px;color: #ffffff;font-size: 12px;}
.youhuiquan_quan_right{float: left;padding: 0 3px;color: #ff5500;background: #ffffff;border-radius: 5px;}
.youhuiquan_pt{float: right;line-height: 16px;color: #ffffff;background: #ff5500;border-radius: 5px;padding: 1px 3px;}

.art_list{margin: 0 0 10px;padding: 10px 15px;background: #ffffff;}
.art_list li{padding: 30px 0;border-bottom: 1px solid #eeeeee;}
.art_list li:last-of-type{border: none;}
.art_title{max-height:48px;line-height:24px;margin: 0 0 10px;padding: 0;overflow: hidden;font-size: 17px;font-weight: bold;color: #333333;}
.art_time{color: #aaaaaa;display: block;font-size: 14px;margin-bottom: 20px;}
.art_des{max-height: 44px;line-height: 22px;overflow: hidden;color: #999999;}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

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

.middle_main{width: 760px;margin: 0 auto;}

.nav_main{width: 760px;margin: 0 auto;}
.nav li{width: auto;height: auto;margin:0 30px 0 0;display: inline;}
.nav li a{line-height: 50px;}

.here{width: 760px;padding: 0;}

#main{width: 760px;}
.main_left{float: left;width: 440px;margin: 0;}
.m_l_news li{width: 33%;}
.main_right{float: right;width: 300px;position: relative;overflow: visible;}

.m_r_contact li img{width: 276px;height: 276px;}

.link_main{width: 760px;margin: 0 auto;}

.footer_main{width: 760px;margin: 0 auto;}

.media_disabled{display: none;}
.nav li:nth-child(n+3){display: none;}

}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

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

.middle_main{width: 980px;}
.nav_main{width: 980px;}

.here{width: 980px;}
#main{width: 980px;}
.main_left{width:660px;}
.fuwu_list li{width: 33%;}
.fuwu_list li a{margin: 0 5px;}
.m_l_news li{width: 25%;}
.view{padding: 20px;}

.link_main{width: 980px;}
.link_name{float:left;margin: 0 10px 0 0;}
.link_list a{margin: 0 12px 0 0;}

.footer_main{width: 980px;}

}