@font-face {
	font-family: 'SourceHanSansCN'; 
	src: url('font/SourceHanSansCN-Bold.otf'),
	 url('font/SourceHanSansCN-ExtraLight.otf'),
	 url('font/SourceHanSansCN-Heavy.otf'),
	 url('font/SourceHanSansCN-Light.otf'),
	 url('font/SourceHanSansCN-Medium.otf'),
	 url('font/SourceHanSansCN-Normal.otf'),
}
*{ margin:0; padding:0; border:0;  font-family: 'SourceHanSansCN',"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; list-style: none;text-decoration:none;font-style: normal;font-weight: normal;font-size: 14px;border:none;}
input:focus,textarea:focus,button,a,select{ outline:none; -webkit-appearance: none;}
input,textarea,select,button{ outline:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;resize:none;}
select::-ms-expand { display: none; }
img{vertical-align: middle; border:0;width: 100%;/*background-color: #f9f9f9*/}
.mainbox{ margin:0 auto;font-style:normal;width: 1200px;}
.or{ overflow:hidden;}
p img{width: auto}
a{ color:#746960;}
.page{ text-align:center; margin-top:60px; clear:both; }
.page a{ border:1px solid #ececec; background:#fff; line-height:40px; height:40px; display:inline-block; padding:0 15px; font-size:14px; margin:5px 5px; color:#666;box-shadow:0px 0px 0px rgba(137,121,109,0.12);} 
.page a:hover{ color:#E77A22;}
.page span{ border:1px solid #E77A22; background:#E77A22; color:#fff; line-height:40px; height:40px; display:inline-block; padding:0 15px; font-size:14px; margin:5px 5px;box-shadow:0px 0px 0px rgba(231,34,122,0.35);}
.page a.pre i{ background:url(/static/images/left_normal@2x.png) no-repeat; display:inline-block; width:10px; height:17px; background-size:contain; vertical-align:-3px; }
.page a.next i{ background:url(/static/images/right_normal@2x.png) no-repeat; display:inline-block; width:10px; height:17px; background-size:contain;vertical-align:-3px;  }


.contain{width: 100%;height: auto;background-repeat:no-repeat;background-position: center bottom; padding-top:127px;}
.mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index:1000;top:0;left:0;display: none;}

/*头部弹出*/
.head_pop{ width:360px; min-height:153px; max-height:460px;position:fixed; z-index:100; right:170px; top:50px; box-sizing:border-box; background:#fff;box-shadow:0px 0px 0px rgba(41,34,26,0.12); display:none;}
.head_pop:before{ content:""; display:block;  width:100%;height:2px; background:#E77A22; position:absolute; top:0; right:0px;}
.head_pop:after{ content:""; display:block;  width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #E77A22; position:absolute; top:-10px; right:20px;}
.head_pop img{ width:100%;}
.head_pop .bottom{ width:100%; height:72px; padding:14px 30px; box-sizing:border-box; background:#fff; box-shadow:0px -1px 2px 0px rgba(41,34,26,0.12); /*position:absolute; left:0; bottom:0;*/}
.head_pop .bottom ul{ float:left;}
.head_pop .bottom ul li{ font-size:12px; color:#918881;}
.head_pop .bottom ul li strong{ font-size:22px; color:#E77A22; display:block; margin-top:5px;}
.head_pop .bottom a{ display:block; float:right; width:140px; height:44px; line-height:44px; display:block; transition:all 0.4s; color:#fff; text-align:center; background:#E77A22;}
.head_pop .bottom a:hover{ background:#cf6e1f;}
.head_pop .con{ width:100%; box-sizing:border-box; max-height:380px; margin-top:16px; overflow:auto;}
.head_pop .con .list{ width:100%; overflow:hidden; box-sizing:border-box; padding:15px 30px; position:relative;}
.head_pop .con .list dt{ width:100px; float:left;}
.head_pop .con .list dd{ width:180px; float:right;}
.head_pop .con .list dd h3{ font-size:14px; color:#73675D; line-height:15px; margin-bottom:10px;}
.head_pop .con .list dd p{ font-size:12px; color:#918881;}
.head_pop .con .list .di{ margin-top:34px;}
.head_pop .con .list .di strong{ line-height:24px; float:right; color:#E77A22; font-size:22px;}
.head_pop .zj{ width:80px; height:24px;  cursor:pointer; line-height:24px; box-sizing:border-box; border:1px solid #898078; float:left; }
.head_pop .zj .jian,.head_pop .zj .add{ width:20px; height:22px; font-size:18px; color:#AEAEAE; display:block; float:left; text-align:center; text-indent:100000px;}
.head_pop .zj .jian{background:url(/static/images/jian@2x.png) no-repeat center; background-size:12px;}
.head_pop .zj .add{background:url(/static/images/jia@2x.png) no-repeat center; background-size:12px;}

.head_pop .zj input{ width:38px; height:24px; float:left; overflow:hidden; background:none; text-align:center; font-size:14px; color:#666;}
.head_pop .del{background:url(/static/images/close@2x.png) no-repeat; width:12px; height:12px; background-size:contain; display:block; position:absolute; right:30px; top:15px;}

@media screen and (max-width: 1230px){
	.mainbox{width: 90%;}
}
.cl{clear: both;}
.or{overflow: hidden;}
textarea::-webkit-input-placeholder {   
/*WebKit browsers   */
color: #999;   
}   
textarea:-moz-placeholder {   
/*Mozilla Firefox 4 to 18   */
color: #999;   
}   
textarea::-moz-placeholder {   
 /*Mozilla Firefox 19+   */
color: #999;   
}   
textarea:-ms-input-placeholder{   
 /*Internet Explorer 10+   */
color: #999;   
} 
input::-webkit-input-placeholder {   
/*WebKit browsers   */
color: #999;   
}   
input:-moz-placeholder {   
/*Mozilla Firefox 4 to 18   */
color: #999;   
}   
input::-moz-placeholder {   
 /*Mozilla Firefox 19+   */
color: #999;   
}   
input:-ms-input-placeholder{   
 /*Internet Explorer 10+   */
color: #999;   
}
@media screen and (max-width:768px){
.head_pop{ width:100%; right:0%; top:50px;}
.head_pop .con .list dt{ width:25%;}
.head_pop .con .list dd{ width:70%;}
.head_pop .con .list .di strong{ font-size:18px;}
.head_pop .bottom ul li strong{ font-size:18px;}
}

@media screen and (max-width:470px){
.page em{ display:none;}
.head_pop .con .list dt{ width:30%;}
.head_pop .con .list dd{ width:65%;}
.head_pop .con .list .di{ margin-top:28px;}
}

.fixed_nav{width: 80px;height: 300px;position: fixed;right: 20px;top:0;bottom:0;margin:auto;z-index: 100;display: none}
.fixed_nav li{height: 50px;text-align:right;}
.fixed_nav li a{display: inline-block;font-size: 14px;line-height: 50px;color: #746960;position:relative;}
.fixed_nav li .line{width: 56px;height: 1px;background-color: #C1BDBA;position: absolute;right: 0;bottom:9px;transition: all 0.4s}
.fixed_nav li a i{display:inline-block;width: 14px;margin-right: 12px;background-size:100% 100%;vertical-align: middle;}
.fixed_nav li a .ask{content:'';height: 13px;background-image: url(/static/images/ask.png);}
 .fixed_nav li a .qqs{content:'';height: 13px;background-image: url(/static/images/qq.png);}
 .fixed_nav li  a:hover .qqs{content:'';height: 13px;background-image: url(/static/images/qqh.png);}
.fixed_nav li a .top{content:'';height: 8px;background-image: url(/static/images/top.png);}
.fixed_nav li .arrive .ask{content:'';height: 13px;background-image: url(/static/images/ask_select.png);}
.fixed_nav li  a:hover .ask{content:'';height: 13px;background-image: url(/static/images/ask_select.png);}
.fixed_nav li .arrive .top{content:'';height: 8px;background-image: url(/static/images/top_select.png);}
.fixed_nav li .arrive{color: #EB791E}
.fixed_nav li .arrive .line{width: 80px;background-color: #EB791E}
.wap_fixed_nav{position: fixed;right: 0;bottom: 1.44rem;width: 0.94rem;display: none;z-index: 10}
.wap_fixed_nav li{width: 100%;height: auto;background-color: #fff;box-sizing:border-box;padding:0.14rem;box-shadow:0px 2px 8px rgba(0,0,0,0.16)}
.wap_fixed_nav li:first-child{
    margin-bottom: 0.16rem;
}

.wap_fixed_nav li:last-child{margin-top: 0.16rem;}
.wap_fixed_nav li .img{width: 0.4rem;margin:0 auto;}
.wap_fixed_nav li .img img{background-color: rgba(0,0,0,0)}
.wap_fixed_nav li a{display: inline-block;width: 100%;font-size: 0.18rem;color: #746960;text-align: center;margin-top: 0.06rem;}
@media screen and (max-width:768px){
	.wap_fixed_nav{display: block;}
}

@media screen and (min-width: 1025px){
	.fixed_nav li a:hover{color:#EB791E }
	.fixed_nav li a:hover .line{width: 80px;background-color: #EB791E}
	.fixed_nav li a:hover .ask{content:'';height: 13px;background-image: url(/static/images/ask_select.png);}
	.fixed_nav li a:hover .top{content:'';height: 8px;background-image: url(/static/images/top_select.png);}
}
.orderempty_empty{overflow: hidden;width: 100%;}
.orderempty_empty .img{width: 160px;margin: 94px auto 0;}
.orderempty_empty p{font-size: 26px;text-align: center;color: #877a70;margin-top: 40px;}
.orderempty_empty a{display: block;width: 140px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;text-align: center;background-color: #f08f35;margin:40px auto 0;}
.productempty_empty{overflow: hidden;width: 100%;}
.productempty_empty .img{width: 162px;margin: 30px auto 0;}
.productempty_empty p{font-size: 26px;text-align: center;color: #877a70;margin-top: 35px;}
@media screen and (max-width:768px){
	.orderempty_empty .img{width: 100px;margin-top: 40px;}
	.orderempty_empty p{font-size: 16px;margin-top: 30px;}
	.orderempty_empty a{font-size: 14px;margin-top: 20px;width: 80px;height: 32px;line-height: 32px;}
	.productempty_empty .img{width: 92px;}
	.productempty_empty p{font-size: 16px;margin-top: 25px;}
}

/*分页*/
.pagination{
    display:table;
    height:40px;
    padding:20px 0px;
    margin:0 auto;
}
.pagination li{
    float: left;
}
.pagination a{
    display:block;
    float:left;
    margin-right:8px;
    padding:2px 12px;
    min-height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
    font-family:Verdana,Arial
}
.pagination li.active a{
    border: 1px #000000 solid;
    background: #000000;
    color: #fff;
}
.pagination a:hover{
    color:#000000;
    background: white;
    border:1px #000000 solid;
}
.pagination a.cur{
    border:1px #000000 solid;
    background:#000000;
    color:#fff;
}
.pagination p{
    padding:0px;
    margin:0px;
    float:left;
    cursor:pointer;
    font-family:Verdana,Arial;
    padding:2px 12px;
    font-size:12px;
    min-height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}
