html{height:100%;}
body{font:12px Arial, Helvetica, sans-serif;   background-color:#fff; width:100%; 
color:#666666;line-height:1.25em;  line-height:22px;      }
*{padding:0;margin:0;font-style:normal;font-weight:normal;}
nav,footer,section,header,article{display:block;}
ul{list-style:none;}
ol,ul,li {list-style:none;}
a {color:#666666;text-decoration:none; }
.container {background-color: #F2f2f2;}

.more { width:30%;   line-height: 50px;  height:50px;    margin:16px auto;   clear:both; overflow:hidden; 
 }
.more .amore {  text-align: center; width:100%; display:inline-block;
                height:30px; 
 border-radius:5px;color:#fff;
 line-height: 30px;      background-color: #e72100; 
    background: -webkit-linear-gradient(top, #ee2e2c, #ff000f);
 }
.more .amore a {  
color:#fff;
 
 }

/*分类*/

.topwz{ position: absolute;background-color: red;text-align:center;width:20px;height:20px;border-radius:1em;
color: #ffffff;right:5px;   display:inline-block;   
} 
/*声明*/
.shengming { width:94%; height:auto; border:1px dashed #ccc; padding:1%; margin:1%;
}
.mbTxing {width:94%; padding:5px 3%; line-height:30px;  overflow:hidden;
}

#top{width:100%;  color:#ffffff; height:45px; position:fixed; background-color:#f2f2f2; color:black; z-index:9999}

#top_menu{  width:100%; max-width:1000px; background-color:#eb0f0f; z-index:3; position:fixed;}
.top_menu_a{ background-repeat:no-repeat; background-position:center; background-size:contain; width:50px; height:30px; display:block; text-align:center; line-height:30px; margin:10px; color:#666; font-size:16px;}
.top_a{ font-size:1.6rem; width:3rem; text-align:center; display:inline-block;}


/*分类*/

.ico_tip{position: absolute;background-color: red;text-align: center;line-height: 20px;width: 20px;height: 20px;border-radius: 10px;color: #ffffff;margin-top:-7vw;margin-left:7vw; box-shadow: 0 0 3px #c59595; }

.fnav {  width:100%; height:40px;  border-top:1px solid #eee; border-bottom:1px solid #eee;  }
.fnav a {  width:24%; margin:10px 0px; line-height:20px; float:left; text-align:center; border-left:1px solid #eee; }
.app_pc {width:100%; height:auto; margin:0px auto; clear:both; overflow:hidden;  }
.app_pc .item {width:80%;  margin:10px 10%;  text-align:center; }
.app_pc .item img {width:100%;  }
.regbtn {width:80%; margin:10px 10%;text-align:center;  font-size:14px; height:40px; padding:0 2%; margin-right:5px; line-height:40px; border-radius:20px;
background: -webkit-linear-gradient(left, #f99406, #ff5000); color:#fff; }
.regbtn a { color:#fff; }


.Copyright { border-top:1px solid #eee;width:100%; height:40px;margin:10px 0px; border-bottom:1px solid #eee;
}
.link {  width:100%; height:40px;margin:10px;clear: both;
}
.link a {  padding:0 5px;
}

     
/*字体大小*/
.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px!important;}
.font24 { font-size:24px!important;}
.font32 { font-size:32px!important;}
.fontw_bold { font-weight:bolder;}
.fontw_nor { font-weight:normal;}
.tc { text-align:center;}
.lineh40 { line-height:40px;height:40px;}
.lineh35 { line-height:35px;height:35px;}
.lineh30 { line-height:30px;height:30px;}
.lineh25 { line-height:25px;height:25px;}
.sef{ color: #fff;  }
.seg{ color: #33cc66;  }
/*红绿蓝*/
.se0{ color: #333 }
.se1{ color: #e60000 }
.se2{ color: #00cc00 }
.se3{ color: #0099ff }
.se4{ color: #66cc33; }
.se5{ color: #ff5000 }
.se6{ color: #0099ff }
.se7{ color: #ff6633 }
.se8{color: #ff6600 }
.se9{color: #999 }

.ml5 {	margin-left: 5px}
.ml8 {	margin-left: 8px}
.mr5 {	margin-right: 5px}
.mr10 {	margin-right: 10px}
.mr16 {	margin-right: 16px}
.mr24 {	margin-right: 24px}
.mt10 {	margin-top: 10px}
.mt16 {	margin-top: 16px}
.mb10 {	margin-bottom: 10px}
.mb16 {	margin-bottom: 16px}
.mb20 {	margin-bottom: 20px}
.mb24 {	margin-bottom: 24px}
.mb32 {	margin-bottom: 32px}
.ml10 {	margin-left: 10px}
.mtb20 {	margin-top: 20px;	margin-bottom: 20px}
.mb0 {	margin-bottom: 0!important}
.p0 {	padding: 0!important}
.pt16 {	padding-top: 16px}

/*定位*/
.pr{position: relative;}
.pa{position: absolute;}

/*文字超出省略*/
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/*对齐*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}

/*间距*/
.mt1{margin-top: 1px;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
/*.mt10{margin-top: 10px;}*/
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.p_all{ padding: 3%;}

/*边框*/
.bte{border-top:solid 1px #eee;}
.bbe{border-bottom: solid 1px #eee;}
.bre{ border-right: 1px solid #eee}

/*浮动*/
.f_l{ float: left;}
.f_r{ float: right;}

.w10{ width: 10%;}
.w20{ width: 20%;}
.w30{ width: 30%;}
.w40{ width: 40%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90%;}
.w100{ width: 100%;}
/*边框*/
.bte{ border-top: 1px solid #eee;}
.bbe{ border-bottom: solid 1px #eee;}
.bre{ border-right: 1px solid #eee;}
.ble{ border-left: 1px solid #eee;}

.footfixed { display: block; position: fixed; bottom: 0; left: 0;
  background: #fff; z-index: 100; width:100%; font-size: 14px;
  border-top: 1px solid #eee; line-height: 50px;
}

/*弹出提示框*/
.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}

.loading_box{ width:100%; height:100vh; position:fixed; z-index:10; text-align:center; background-color:rgba(240,240,240,0.1);}

.show_loading{ width:100px; height:100px;  margin-top:calc(100vh/2 - 50px); margin-left:auto; margin-right:auto;  background-color:rgba(35,43,51,0.5); text-align:center; color:#ffffff;border-radius:10px;display:inline-block; }
.gd_top {

    background: rgba(0, 0, 0,0.2);
    display: inline-block;
    padding:3px 6px;
    z-index: 999;
    position: absolute;
    bottom:0px;
    right:12px;
    color: #ffffff;
    font-size: 12px;

}

.gd_tip {

    background: rgba(0, 0, 0,0.2);
    display: inline-block;
    padding:2px;
    z-index: 999;
    position: absolute;
    bottom:5px;
    right:5px;
    color: #ffffff;
    font-size: 12px;

}


/* 隐藏 显示 */

table{border-collapse:collapse; border-spacing:0;}
.clr {display: block;clear: both;height: 0;overflow: hidden;}

 .sppage{ width:90%; text-align:center; clear:both; margin:0px auto; overflow:hidden; padding-bottom:15px;  margin-bottom:10px; line-height:25px;   }

 .sppage a.pager_a
{
	border: 1px solid #eb384b;
	margin: 0px 5px;
	height: 23px;
	padding:0 8px;
	line-height: 23px;
	float: left;
border-radius:8px 0px;
}
 .sppage .pager_a_hover{	margin: 0px 5px;
	height: 23px;color:#fff;
	padding:0 8px;
	line-height: 23px;
	float: left;
border-radius:8px 0px; background-color: #eb384b;}

.sppage .pager_a_hover a{color:#fff;}


.cpbg{  background-color: #fbf9fe;}
.product_box{ width: 100%; margin: 10px auto;   }
.plist{width: 46%; height:60vw; margin:2vw 2%; float:left; }
.plist_img_box{ background-color: #fff; width: 44vw; height: 44vw;             
	/*非IE的主流浏览器识别的垂直居中的方法*/    
	display: table-cell;       
	vertical-align:middle;        
	/*设置水平居中*/      
	text-align:center;       
	/* 针对IE的Hack */      
	*display: block;       
	*font-size: 36vw;/*约为高度的0.873，200*0.873 约为175*/     
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/     

 }     

.plist_img_box img{ max-width: 44vw; max-height: 44vw; vertical-align:middle; border:0px solid}
.plist_text_box{ display:flex; flex-direction:column; }
.plist_tit{  float: left; overflow: hidden;font-size:13px; line-height:5vw;height:10vw }
.plist_price{ height:5vw;    float: left; line-height:5vw;font-size:16px; color:#ee2e2c; }
.buybtn{ font-size:28px;  width:5vw; padding:0.5vw 2vw; border: 1px solid #00b7ee; color:#00b7ee;  border-radius: 1vw;}


.w100{ width:100%;    height:auto;   clear:both;  overflow:hidden;   }
.w50{ width:50vw;   float:left;  height:32vw;     }
.w50 img{ width:48vw; margin:1vw;  height:20vw;     }
.w50 p { width:48vw; margin:1vw;  height:6vw; font-size:12px;      }
.dlist { width:100%;  height:40px; line-height: 40px;font-size:14px;  overflow:hidden;   }
.dlist  span:nth-child(1){ float:left; width:8vw; color: #666; margin-left:2vw;  font-size:20px;     }
.dlist  span:nth-child(2){float:left; width:80%;    }
.dlist  span:nth-child(3){float:right;width:10%;  font-size:14px;   }

/*联系我们*/
.cimg{ width:90%; margin:2% auto;   }
.cimg img{ max-width:100%;  }
.login_btn{ height:10%;  width:80%;  margin:5% auto;    } 
.login_btn .btn{ display:inline-block;width:100%;height:40px;
     background-color: #e72100; 
    background: -webkit-linear-gradient(top, #ee2e2c, #ff000f);
    border-radius:20px;color:#fff;font-size: 16px; font-weight:bold;border:0 none;text-align:center;line-height: 40px  }    
    .login_btn .btn2{ display:inline-block;width:100%;height:40px;
     background-color: #339966; 
    background: -webkit-linear-gradient(top, #339966, #00881e);
    border-radius:20px;color:#fff;font-size: 16px; font-weight:bold;border:0 none;text-align:center;line-height: 40px  }   


/*列表*/

.ubox{   height:50px;  overflow: hidden; z-index: 3; width: 100%;  background: #fff; }
.uline{    height:2px;  overflow: hidden;  width: 100%; 
  background-color: #eaeeef;
 }
.ulist{
    background: #fff;
    width: 92%;
    font-size: 16px;
    color: #333;
    float:left;
  line-height: 35px;
   
}
.ulist2{
    background: #fff;
    width: 92%;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    padding:4% 0px;
    margin-left:4%;
    float:left;
   
}
.w40{
  font-size: 4vw;
  display: inline-block;
  width:30vw;
    padding-left:2vw;   

}
.w20{
  font-size: 4vw;
  display: inline-block;
  width:24vw;

}

.font_12{
  font-size: 16px;
  display: inline-block;
  padding-left:2vw;
  width:78vw; 
}
.ulistr{
  font-size: 18px;
  display: inline-block;
    color: #888;}


.list{ width: 100%; }


.pitems{ width: 100%; margin: 10px auto;   }
.pitems .item{width:100%;height:28vw; margin-top: 10px; border-bottom:5px solid #ccc;  clear:both; overflow:hidden;     }
.pitems .item .itimg{  width:24vw;height:24vw;  float:left;padding-right:2vw; padding-left:2vw;  }
.pitems .item .itimg img{  width:24vw; max-height:24vw;   }
.pitems .item .itxt{width:70vw; height: 20vw; line-height:6vw;  float:left;  }
.pitems .item .itxt .tit{overflow: hidden;font-size:14px;color:#333; } 
.pitems .item .itxt .txt{  line-height: 22px;font-size:12px; color:#999; clear:both;   }
.pitems .item .itxt .caozuo{  width:90vw;  height:8vw;  text-align:right; padding:1vw; float: right;  color:#666;   clear:both; overflow:hidden;  }

.buybtn{ font-size:14px;  width:5vw; padding:3px 1vw;margin-right:20px; border: 1px solid #ddd; color:#666;   border-radius: 1vw;}


.myclass{ width:100%; height:50vh; position:fixed; top:50px; background-color:#fff;  overflow:hidden;  z-index:2;      }
.myclass view { width:45%; margin:2% 2%; height:30px; line-height:30px; font-size:14px;  float:left; text-align:center; 
border:1px solid #dd2727; border-radius: 20px;     }
.myclass view text {  text-align:center; width:40vw;        }


/*上传*/
.tu_div{ width:calc(30vw - 30px);max-width:100px;  height:calc(30vw - 30px); max-height:100px; background-color:#e8e8e8; border:1px #cecece solid; margin:10px 5px;  float:left; background-repeat: no-repeat; background-size: contain; background-position: center; position:relative; }
.simg,.ssimg{opacity:0; width:0px; height:0px; position:absolute; z-index:2;}
.upimgbox{ width:calc(30vw - 30px);max-width:100px;  height:calc(30vw - 30px); max-height:100px;  background-color:#e8e8e8;background-repeat: no-repeat; background-size: contain; background-position: center; border:1px #cecece solid}
.progress{display: inline-block; text-align:center; color:#ffffff;  background-color:rgba(134,134,134,0.3);  width:calc(30vw - 30px);max-width:100px; height:30px; z-index:9; line-height:30px; font-size:14px; margin-top:calc(100px / 2 - 15px); }
.upimg_text{ display:none;}
.d_ssimg{display: inline-block;text-align: center;color: #ff0000;width: 25px;height: 25px;z-index: 10;line-height: 25px; font-size: 25px;
right:0px; top:0px; position: absolute;}
/*.s_ssimg{ width: 100px;height: 30px;z-index: 9;line-height: 30px;font-size: 14px;background-color: #ababab;display: inline-block;color: #ffffff;text-align: center; position:absolute; margin-top: 35px;}*/
.s_ssimg{ width:calc(30vw - 30px);max-width:100px;  height:calc(30vw - 30px); max-height:100px;   z-index: 9;display: inline-block;color: #ffffff;text-align: center; position:absolute; margin-top: 5px;}

.filepath {
width: 350px;
height: 98px;
margin-top: -100px;
margin-left: 110px;
opacity: 1;
}

@font-face {
  font-family: 'iconfont';  /* project id 1146637 */
  src: url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.eot');
  src: url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.woff') format('woff'),
  url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1146637_7jmcz9mud4.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cuowu1:before {
  content: "\e609";
}

.icon-dianpu:before {
  content: "\e605";
}

.icon-wenhao:before {
  content: "\e61b";
}

.icon-yue:before {
  content: "\e60f";
}

.icon-yinxingqia:before {
  content: "\e6a9";
}

.icon-mima1:before {
  content: "\e659";
}

.icon-weixin1:before {
  content: "\e651";
}

.icon-zhiding:before {
  content: "\e645";
}

.icon-youjian:before {
  content: "\e667";
}

.icon-fangqiuzhiyepeiyangzhuanhuan:before {
  content: "\e60b";
}

.icon-zhifubao:before {
  content: "\e63b";
}

.icon-arrow-left:before {
  content: "\e614";
}

.icon-iconfonticonfonti2:before {
  content: "\e62c";
}

.icon-shouji:before {
  content: "\e626";
}

.icon-chanpin1:before {
  content: "\e719";
}

.icon-tixian:before {
  content: "\e627";
}

.icon-gouwuche:before {
  content: "\e607";
}

.icon-moban:before {
  content: "\e621";
}

.icon-erweima:before {
  content: "\e630";
}

.icon-huodong:before {
  content: "\e62b";
}

.icon-sanjiaodown:before {
  content: "\e6b5";
}

.icon-qianbao:before {
  content: "\e62a";
}

.icon-yinxingqia3:before {
  content: "\e657";
}

.icon-kefu:before {
  content: "\e6f2";
}

.icon-fenxiang-copy:before {
  content: "\e632";
}

.icon-duihuanjilu:before {
  content: "\e68c";
}

.icon-kanshu03-copy:before {
  content: "\e66c";
}

.icon-yonghu:before {
  content: "\e65b";
}

.icon-chanpin:before {
  content: "\e69d";
}

.icon-rightarrow:before {
  content: "\e62d";
}

.icon-weibiaoti3:before {
  content: "\e67b";
}

.icon-shijian:before {
  content: "\e711";
}

.icon-sousuo:before {
  content: "\e615";
}

.icon-weizhi:before {
  content: "\e610";
}

.icon-wuliu:before {
  content: "\e608";
}

.icon-jian:before {
  content: "\e620";
}

.icon-shoucang1:before {
  content: "\e619";
}

.icon-shangdian:before {
  content: "\e618";
}

.icon-liulan:before {
  content: "\e613";
}

.icon-yanzhengma:before {
  content: "\e636";
}

.icon-shouji1:before {
  content: "\e658";
}

.icon-cuowu:before {
  content: "\e623";
}

.icon-QQ:before {
  content: "\e69a";
}

.icon-youjiantou:before {
  content: "\e735";
}

.icon-jia:before {
  content: "\e603";
}

.icon-tuijianma:before {
  content: "\e602";
}

.icon-tubiao-:before {
  content: "\e655";
}

.icon-jia1:before {
  content: "\e690";
}

.icon-gonggao:before {
  content: "\e64b";
}

.icon-gouwuche1:before {
  content: "\e60a";
}

.icon-dingbu:before {
  content: "\e612";
}

.icon-icon-:before {
  content: "\e628";
}

.icon-dongtai:before {
  content: "\e8f1";
}

.icon-shouji2:before {
  content: "\e60d";
}

.icon-shangjiaruzhu:before {
  content: "\e647";
}

.icon-shijian1:before {
  content: "\e634";
}

.icon-gouwuche2:before {
  content: "\e604";
}

.icon-fenlei:before {
  content: "\e682";
}

.icon-wenhao1:before {
  content: "\e699";
}

.icon-gouwuche3:before {
  content: "\e6f9";
}

.icon-tuijianma1:before {
  content: "\ea2f";
}

.icon-mima:before {
  content: "\e60c";
}

.icon-lajixiang:before {
  content: "\e60e";
}

.icon-shezhi1:before {
  content: "\e624";
}

.icon-qq:before {
  content: "\e6da";
}

.icon-zhengque:before {
  content: "\e640";
}

.icon-daishouhuo:before {
  content: "\e643";
}

.icon-liulan1:before {
  content: "\e668";
}

.icon-pingjia:before {
  content: "\e616";
}

.icon-qqxian:before {
  content: "\e638";
}

.icon-shoucang:before {
  content: "\e625";
}

.icon-icon-1:before {
  content: "\e611";
}

.icon-shouye:before {
  content: "\e61e";
}

.icon-yanzhengma1:before {
  content: "\e774";
}

.icon-dh:before {
  content: "\e67c";
}

.icon-zixun:before {
  content: "\e629";
}

.icon-daifahuo:before {
  content: "\e617";
}

.icon-weixin:before {
  content: "\e600";
}

.icon-huodong1:before {
  content: "\e601";
}

.icon-shouye1:before {
  content: "\e687";
}

.icon-shangjiantou:before {
  content: "\e689";
}

.icon-xiajiantou:before {
  content: "\e68a";
}

.icon-guanbi:before {
  content: "\e6f3";
}

.icon-index:before {
  content: "\e606";
}

.icon-shezhi:before {
  content: "\e717";
}

.icon-douyintexiao:before {
  content: "\e683";
}