/* 通用代码 */
.header-menubutton{display:none;position:absolute;top:25px;right:20px;width: 30px;  height: 30px;  cursor: pointer;}
.header-menubutton .menuicon{  height: 2px;  margin-bottom: 8px;  background: #000;  }
.header-menubutton .menuicon-top{ animation:icon01 linear infinite 2s; }
.header-menubutton .menuicon-middle{ animation:icon02 linear infinite 2s; }
.header-menubutton .menuicon-bottom{ animation:icon03 linear infinite 2s; }
@keyframes icon01{ 0%{ width:100%;} 25%{ width:25%;} 100%{ width:100%;} }
@keyframes icon02{ 0%{ width:100%;} 50%{ width:25%;} 100%{ width:100%;} }
@keyframes icon03{ 0%{ width:100%;} 75%{ width:25%;} 100%{ width:100%;} }
.menumain{  display: none;  background: #333;  width: 100%!important;  height: 100%;  overflow: auto!important;  position: fixed;  top: 80px;  left: 0;  z-index: 1000;  opacity: 1!important;  }
.menumain .menubox{  margin: 20px 5% 80px;  padding: 1px 0;  }
.menumain .menubox .menunav{  overflow: hidden;  }
.menumain .menubox .menunav .menuone a{  display: block;  color: #fff;  font-size: 16px;  line-height: 20px;  margin: 30px 0 0;  }
.menumain .menubox .menunav .menuone.home a{  padding-bottom: 20px;  border-bottom: 1px solid rgba(255, 255, 255, .2);  }
.menumain .menubox .menunav .menuone .menutwo{  float: left;  position: relative;  }
.menumain .menubox .menunav .menuone .menutwo.bai{  width: 100%;  }
.menumain .menubox .menunav .menuone .menutwo:before{  content: '';  width: 3px;  height: 3px;  background: rgba(255, 255, 255, .8);  border-radius: 50%;  position: absolute;  left: -8px;  bottom: 8px;  }
.menumain .menubox .menunav .menuone .menutwo a{  color: rgba(255, 255, 255, .8);  font-size: 15px;  margin: 10px 10px 0 10px;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree{  float: left;  position: relative;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree:before{  content: '';  width: 3px;  height: 3px;  background: rgba(255, 255, 255, .4);  border-radius: 50%;  position: absolute;  left: -6px;  bottom: 8px;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree a{  color: rgba(255, 255, 255, .4);  font-size: 14px;  margin: 10px 15px 0 20px;  }
.menumain .menubox .menunav a.hover{  color: #e9092c !important;  }
.menumain .menubox .lang{  margin-top: 30px;  text-align: center;  overflow: hidden;  }
.menumain .menubox .lang a{  float: left;  width: 48%;  height: 40px;  line-height: 40px;  border: 1px solid rgba(255, 255, 255, .2);  margin: 2% 1%;  border-radius: 5px;  box-sizing: border-box;  }
.menumain .menubox .lang a img{  display: inline-block;  width: 25px;  margin-right: 10px;  position: relative;  top: 4px;  }
.menumain .menubox .lang a span{  display: inline-block;  color: #fff;  font-size: 15px;  position: relative;  top: -1px;  }
#mobtool{  display: none;  width: 100%;  height: 50px;  background: #333;  border-top: 1px solid rgba(255, 255, 255, .2);  position: fixed;  left: 0;  bottom: 0;  z-index: 1001;  }
#mobtool ul li{  float: left;  width: 20%;  text-align: center;  border-left: 1px solid rgba(255, 255, 255, .2);  box-sizing: border-box;  }
#mobtool ul li:nth-child(1){  border: none;  }
#mobtool ul li a.menubutton{  background: rgba(255, 255, 255, .2);  }
#mobtool ul li a{  display: block;  width: 100%;  height: 50px;  color: #fff;  padding-top: 10px;  }
#mobtool ul li a p{  height: 25px;  line-height: 25px;  overflow: hidden;  font-size: 12px;  text-transform: uppercase;  }
.onlineservice{position: fixed;right: 0;bottom: 150px;z-index: 50;cursor: pointer;}
.onlineservice ul li{width: 50px;height: 50px;position: relative;}
.onlineservice ul li i{width: 50px;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;font-size: 18px;text-align: center;}
.onlineservice ul li.online_top:hover i{background: #e9092c;border-bottom: 1px solid #e9092c;}
.onlineservice ul li i.fa-mobile{font-size: 24px;}
.onlineservice ul li span{width: 160px;line-height: 50px;background: #333;color: #fff;padding-left: 10px;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .5s;}
.onlineservice ul li:hover span{left: -160px;}
.onlineservice ul li.morelist .list{display: none;width: 160px;position: absolute;top: 0;left: -161px;}
.onlineservice ul li.morelist:hover .list{display: block;}
.onlineservice ul li.morelist .list a{display: block;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;padding-left: 10px;}
.popup-wechat{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;z-index: 10001;}
.popup-wechat img{width: 380px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.onlineservice .online_list{height: 100px;transition-duration: 1s;}
.onlineservice .online_list.show{height: 0;overflow: hidden;}
.onlineservice .online_comments,
.onlineservice .online_top{height: 0;overflow: hidden;transition-duration: 1s;}
.onlineservice .online_comments.show,
.onlineservice .online_top.show{height: 50px;}
.page{text-align:center;padding:20px 0;}
.page a{background:#333;color:#fff;width:30px;height:30px;line-height:30px;margin:3px;display:inline-block;}
.page a.curpage{background:#FC5000;color:#fff;}
.pageinfo,.homepage,.nextpage,.nopage,.endpage,.prepage{display:none !important;}
#sortpro{display:none;height: 40px;  line-height: 40px;  text-align: center;  background: #fff;  border-bottom: 1px solid #FC5000;  overflow: hidden;  }
#sortpro .sortpro_left{  float: left;  width: 65%;  color: #fff;  font-size: 14px;  background: #FC5000;  }
#sortpro .sortpro_right{  float: right;  width: 35%;  color: #000;  font-size: 14px;  }
#sort_content{  width: 100%;  height: 100%;  overflow: hidden;  background: #eee;  position: fixed;  top: 0;  left: 0;  z-index: 10001;  -webkit-transform: translate3d(0px, 100%, 0px);  -moz-transform: translate3d(0px, 100%, 0px);  transform: translate3d(0px, 100%, 0px);  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  -moz-transition: -moz-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  -o-transition: -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)  }
#sort_content.show{  -webkit-transform: translate3d(0px, 0%, 0px);  -moz-transform: translate3d(0px, 0%, 0px);  transform: translate3d(0px, 0%, 0px);  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  transition: transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000)  }
#sort_content .asort{  height: 100%;  }
.asort .hd{  height: 60px;  background: #FC5000;  }
.asort .hd .fl{  color: #fff;  font-size: 18px;  line-height: 60px;  padding: 0 20px;  }
.asort .hd .fr{  width: 30px;  height: 30px;  margin: 15px;}
.asort .hd .fr i{color:#fff;font-size:22px;line-height:30px;}
.asort .ct{  height: calc(100% - 60px);  padding: 2%;  overflow: auto;  }
.asort .ct ul{  background: #fff;  border-top: 1px solid #eee;  }
.asort .ct ul li{  padding: 0 15px;  border-bottom: 1px solid #eee;  }
.asort .ct ul li a{  display: block;  }
.asort .ct ul li a p{  display: inline-block;  width: calc(100% - 30px);  height: 58px;  line-height: 58px;  overflow: hidden;  color: #333;  font-size: 14px;  text-align: left;  }
.asort .ct ul li a i{  float: right;  width: 15px;  height: 15px;  border: 3px solid #ddd;  background: #fff;  border-radius: 50%;  margin-top: 22px;  }
.asort .ct ul li a.hover i{  border: 3px solid #FC5000;  }
.asort .ct ul .navdown li{  padding: 0 20px;  border-bottom: 1px dotted #eee;  }
.asort .ct ul .navdown li a p{  display: block;  width: 100%;  height: 50px;  line-height: 50px;  color: #aaa;  }
.asort .ct ul li a.hover p{  color: #FC5000;  }
@media screen and (max-width:992px) {
	#mobtool,.header-menubutton,#sortpro{display:block}
	.position{display:none;}
}