﻿@charset "utf-8";
/*button,img,input{vertical-align:middle}a,a:active,a:hover,area,button,input{outline:0}.btn-captcha,a{cursor:pointer}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
ul li a,a{text-decoration:none}a{cursor:pointer}
body{ background:#f5f5f5; overflow-x:hidden;font-family:"Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";font-size:12px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body, button, input, select, td, textarea, th,p{font-family: "Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";font-size: 12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.qtydfont{font-family:qtydfont;font-style: normal;}*/


/*字体大小*/
.ft20{ font-size:20px;}.ft18{font-size: 18px;}.ft22{font-size:22px;}.ft14{font-size: 14px;}.ft16{font-size: 16px;}.ft12 {font-size: 12px;}.ft25{ font-size:25px;}
/*字体颜色*/
.ftred{color: #f0494f;}.ftredt{ color:Red;}.ftccc{ color:#ccc;}.ft333{ color:#333;}.ft666{ color:#666;}.fteee{ color:#eee;}.ft999{ color:#999;}
/*字体居中*/
.textac{text-align: center;}.textal{text-align: left;}.textar{text-align: right;}
/*缩进text-indent*/
.txtindent5{ text-indent:5px;}.txtindent10{text-indent:10px;}.txtindent15{text-indent:10px;}.txtindent20{text-indent:20px;}.txtindent25{text-indent:25px;}.txtindent30{text-indent:30px;}
.bgcolorfff{ background-color:#fff;}

/*padding*/
.pdright10{ padding-right:10px;}.pdright15{ padding-right:15px;}.pdright20{ padding-right:20px;}.pdright25{ padding-right:25px;}.pdright30{ padding-right:30px;}.pdright40{ padding-right:40px;}.pdright50{ padding-right:50px;}.pdright60{ padding-right:60px;}
.pdtop5{padding-top:5px;}.pdtop10{padding-top:10px;}.pdtop15{padding-top: 15px;}.pdtop20{padding-top:20px;}.pdtop30{padding-top:30px;}.pdtop60{padding-top:60px;}
.pdleft10{ padding-left:10px;}.pdleft20{ padding-left:20px;}.pdleft20{ padding-left:25px;}.pdleft30{ padding-left:30px;}.pdleft35{ padding-left:35px;}.pdleft40{ padding-left:40px;}
.pdbottom10{padding-bottom:10px;}.pdbottom15{padding-bottom: 15px;}.pdbottom20{padding-bottom: 20px;}.pdbottom25{padding-bottom:25px;}.pdbottom30{padding-bottom:30px;}.pdbottom40{padding-bottom:40px;}.pdbottom50{padding-bottom:50px;}.pdbottom60{padding-bottom:60px;}
.padding5{padding:5px;}.padding10{padding:10px;}.padding15{padding:15px;}.padding20{padding:20px;}.padding25{padding:25px;}.padding30{padding:30px;}


/*margin*/
.mleft5{ margin-left:5px;}.mleft10{ margin-left:10px;}.mleft15{ margin-left:15px;}.mleft20{ margin-left:20px;}
.mginr5{ margin-right:5px;}.mginr10{ margin-right:10px;}.mginr15{ margin-right:15px;}.mginr20{ margin-right:20px;}
.mgint10{ margin-top:10px;}.mgint20{ margin-top:20px;}.mgint5{ margin-top:5px;}
.mgin5{ margin:5px;}.mgin10{ margin:10px;}.mgin15{ margin:15px;}.mgin20{ margin:20px;}
.mginb5{ margin-bottom:5px; }.mginb10{ margin-bottom:10px; }.mginb15{ margin-bottom:15px; }.mginb20{ margin-bottom:20px; }

/*行高line-height*/
.ovht-hide{ overflow-y:hidden; text-overflow: ellipsis;}
.lineh20{ line-height:20px;}.lineh25{ line-height:25px;}
.lineh30{line-height:30px; height:30px;}.lineh40{line-height:40px;}.lineh50{line-height:50px;}.lineh60{ height:60px; line-height:60px;}

/*虚线*/
.boderb{border-bottom: 1px solid #e5e5e5;}.bodert{border-top: 1px solid #e5e5e5;}.boderl{border-left: 1px solid #e5e5e5;}.bodert{border-right: 1px solid #e5e5e5;}
.hide{ display:none;}
.imgbfb100{ width:100%;}

.fl{float: left;} 
.fr{float: right;} 
.mycontainer{max-width:720px;margin: auto;overflow: hidden;} 
.clear{ clear:both; float:none;}

/*顶部*/
#header{position:relative;top:0;width:100%;z-index:1000;max-height:40px;background-color:#f0494f;color:#fff}
.a-back{text-decoration:none;position:absolute;left:10px;top:0;height:40px;line-height:40px;font-size:16px;display:block;color:#fff}
.primary-title{text-align:center;margin:0 25%;font-weight:400;line-height:40px;font-size:16px}
.icon-primary-nav{position:absolute;background-color:#f0494f; font-size:20px;}
.icon-primary-nav{display:block;right:10px;top:4px;z-index:10;width:32px;height:32px;font-size:24px;line-height:32px;cursor:pointer;background-size:32px 32px;background-repeat:no-repeat;text-align:center}
.icon-primary-navgwc{ background:url(../images/product_cart.png) no-repeat;background-size: cover; display:block;position:absolute;right:10px;top:4px;z-index:10;width:32px;height:32px;font-size:24px;line-height:32px;cursor:pointer; text-align:center}

.primary-nav-group{ display:none; top:40px;left:0;width:100%;position: absolute;background-color: #f0494f;}
.primary-nav-group a {display: block;padding: 0 10px;height: 36px;line-height: 36px;color: #fff;border-top: 1px solid #d9363c;font-size: 12px;}
.primary-nav-group .qtydfont {display: inline-block;margin-right: 8px;margin-top: 10px;width: 16px;height: 16px;line-height: 16px;font-size: 18px;text-align: center;vertical-align: top;}

/*顶部栏目导航*/
.tabfixed {width: 100%;height: 40px;z-index: 500;background-color: #fff; }
.tabfixed .tabfixed-two li{width:50%}.tabfixed .tabfixed-three li{width:33.3%}.tabfixed .tabfixed-four li{width:25%}
.tabfixed ul {width: 100%;display: table;}
.tabfixed ul li {width: 33.3%;border-bottom: 1px solid #e5e5e5;  display: table-cell;cursor: pointer;line-height: 38px;font-size: 14px;text-align: center;}
.tabfixed ul li a {display: block;width: 100%;color: #333;height: 100%;}
.tabfixed ul li.current {color: #f0494f;border-bottom: 2px solid #f0494f;}

/*顶部可移动导航*/
.tabfixedyd {width: 100%;height: 40px;z-index: 500;background-color: #fff; white-space: nowrap;box-sizing: border-box; overflow-y: hidden; }
.tabfixedyd ul { display: table; min-width:600px}
.tabfixedyd ul li {width:80px;border-bottom: 1px solid #e5e5e5; float:left; display: inline-block; list-style:none;  cursor: pointer;line-height: 38px;font-size: 14px;text-align: center;}
.tabfixedyd ul li a {display: block;width: 100%;color: #333;height: 100%;}
.tabfixedyd ul li.current {color: #f0494f;border-bottom: 2px solid #f0494f;}
.tabfixedyd::-webkit-scrollbar {
    display: none;
}

/*单行标题栏目*/
.pan_t{ background:#666666; height:30px; position:relative; text-indent:5px;}
.pan_t .p_title{height: 30px;/*border-left: 5px solid #ba0f1b;padding: 0 10px;*/line-height: 30px; color:#fff; font-size:1.4em;}
.pan_t a.more{ color:#fff;position:absolute; top:5px;right:10px; font-size:1.4em;}
.about-info p {text-indent:1em;font-size: 14px;margin:10px 0;line-height: 1.8em;}
 /*分割线*/
.pan_t2{  height:50px; position:relative;  width:100%;}
.pan_t2hx{ border-bottom:1px #ccc solid; width:50%; margin:0px auto; height:30px; text-align:center;}
.pan_t2hx h3{display:inline-block;   font-size:15px;height:30px; line-height:30px; margin-top:13px; min-width:90px;    background-color: #efeff4; padding-left:10px; padding-right:10px;}


/*按钮*/
.btn-primary {width: 100%;border: 0; border-radius: 5px; display:block;
font-size: 18px;text-align: center;  line-height: 40px;height: 40px;color: #fff;text-align: center; background-color: #f0494f;border-radius: 5px;}
.buybut{width:100%;-webkit-border-radius: 0.5em;border-radius: 0.5em;display: block;height: 2em;text-align: center;background-color: #FFEDED;border: solid 0.1em #E72B2E;line-height: 2em;font-size: 1.5em;color: #C91B1D;}
/*下拉框*/
.ui-select{position:relative;padding:0;box-sizing:border-box}
.ui-select select { color: #666;width: 100%;height: 100%;background: 0 0;border: 1px solid transparent;outline: 0;font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;appearance: none;-webkit-appearance: none;}
select{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
.ui-select:after {content: "";position: absolute;width: 0;height: 0;top: 50%;right: 5px;margin-top: -2px;border: 8px solid #999;border-width: 5px;border-color: #999 transparent transparent;z-index: 2;
pointer-events: none;}
.ui-input-text {width: 100%;font-size: 14px;border: 0;-webkit-appearance: none; margin-bottom:0px;}
 
/*栏目列表*/
.form-many-group {display: block;position: relative; border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;background-color: #fff;margin-bottom: 3px;}
.form-many-itemtb { position: relative;padding:10px 15px 8px 50px;border-bottom: 1px solid #e5e5e5;}
.form-labeltb {line-height:40px;float: left; color: #666; margin-left:-40px;}
.form-many-item { position: relative;padding:10px 10px 10px 80px;border-bottom: 1px solid #e5e5e5;}
.form-label {line-height: 25px;float: left; color: #666;text-indent:5px;  width:80px; margin-left:-80px;}
.form-value {display: block;line-height: 25px; position:relative;}
.form-more {display: block;position: absolute;right: 10px;top:8px; padding: 5px;width: auto; color: #999;font-style: normal;font-weight: 400;}
.form-more i{ font-size:18px;}

/*我的表单*/
.myform-group { background-color: #fff; padding-bottom:0px; width:100%; display:inline-block;  }  
.myform-item { position: relative;padding:10px; border-bottom:1px solid #e5e5e5; width:100%; display:block; height:50px; line-height:50px;}
.myform-label {height:30px; line-height:30px;float: left; color: #666;  width:30%; }
.myform-value {display: block;line-height: 30px; position:relative;float:right;width:70%; }
.myform-more {display: block;position: absolute;right: 10px;top:8px; padding: 5px;width: auto; color: #999;font-style: normal;font-weight: 400;} 

/*栏目列表2*/
.mylmlist{display: block;position: relative; }
.mylmlist dt{ font-size:14px; font-weight:400; padding:5px; color:#000;}
.mylmlist dd{background-color: #fff;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5; height:30px; line-height:30px; padding-left:0.2em; padding-right:0.2em;}
/*尺码*/
.many-group {display: block;position: relative;background-color: #fff;}
.many-itemtb{position: relative;}
.btn_prev{display:block; border:0px; width:3em!important;height:3em!important;background:url(../images/jian.png) no-repeat;left:0px; top:0px;background-size: cover; position:absolute;}
.btn_next{display:block; border:0px;width:3em!important;height:3em!important;background:url(../images/jia.png) no-repeat;right:0px;top:0px;background-size: cover; position:absolute; }
.sijiao{border: 1px #ccc solid; color: #D5D5D5;width:1.2em;height:1.2em;line-height:1.2em;text-align: center; display:inline-block;}

.shopchima{width: 100%; height:2.6em; display:block; margin-top:0px;}
.shopchima li{ display:inline-block; width:2.6em; height:2.6em; line-height:2.6em; padding:0px;   text-align:center; float:left; border:1px #ccc solid; text-align:center; font-size:14px; font-family:"微软雅黑","Hiragino Sans GB",sans-serif; margin-right:15px;  overflow:hidden; background:#fff; cursor:pointer; }
.shopchima li.current{background:#00cc00; border:2px solid #00cc00; width:2.6em;  height:2.6em; line-height:2.6em; color:#fff; }
 

.shopyanse{width: 100%; height:2.6em; display:block; margin-top:0px;}
.shopyanse li{ display:inline-block;  height:2.6em; line-height:2.6em; padding:0px; padding-left:2px; padding-right:2px;   text-align:center; float:left; border:1px #ccc solid; text-align:center; font-size:14px; font-family:"微软雅黑","Hiragino Sans GB",sans-serif; margin-right:15px;  overflow:hidden; background:#fff; cursor:pointer; }
.shopyanse li img{ width:2.5em; height:2.5em;}
.shopyanse li.current{background:#00cc00; border:2px solid #00cc00;  height:2.6em; line-height:2.6em; color:#fff; }
 

/*一行俩列 服务项目*/
.trtow { width:100%; padding:0px; display:inline-block;}
.trtow li{position: relative;width:50%;float: left; list-style:none; padding:0px; margin-bottom: 20px; margin:0 auto;}
.indexkp{  padding:5px;  } .juanhou{ border:1px #fb2f3b solid;border-radius:5px; font-size:10px; padding-left:2px; padding-right:2px; color:#fb2f3b; margin-left:2px; }

/*新闻列表*/
.notice-item{ background-color: #fff; margin:5px;display: block;margin-bottom: 15px;position: relative;border: 1px solid #d9d9d9;border-radius: 5px;padding: 15px 15px 10px;}
.notice-item h2{ font-size: 14px;color: #666; height:20px;}
.notice-item h2 i{font-size: 18px;margin-right: 5px;}
.notice-item .note{font-size: 14px;color: #999; margin-top:5px; height:60px; overflow-y:hidden; margin-bottom:5px; text-overflow:ellipsis;}
.notice-item .note em{margin-left: 5px;color: #ff6801;}
.notice-item .time{display: block; text-align: right;color: #999; height:20px; line-height:20px;}
.notice-item-new{overflow: hidden;}
.notice-item-new:before{content: 'NEW';background-color: #f60;overflow: hidden;display: block;position: absolute;left: -25px;top: 4px; height: 6px;
line-height: 6px;transform: rotate(-40deg);-webkit-transform: rotate(-40deg);color: #fff;padding: 2px 25px;font-size: 8px;}
.notice-item-new h2 .qtydfont{display: none;}


/*新闻内容*/
.notice-detailtle {border-bottom: 1px dashed #f1f1f1;}
.notice-detail {padding:5px;background-color: #fff;}
.notice-detail h4{font-size: 18px;color: #333; line-height:150%;}
.notice-detail .mate { color: #999;font-size: 12px;padding: 8px 0 15px;}
.notice-article {padding-top: 15px;position: relative;overflow: hidden;width: 100%;color: #666;font-size:16px;}
.notice-article p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; font-size:16px;}
.notice-article img{ 
border:0; 
max-width:380px; 
overflow:hidden; 
width:expression(this.width > 380  ? 100% :true); 
}
.notice-article p img{ 
border:0; 
max-width:380px; 
overflow:hidden; 
width:expression(this.width > 380  ? 100% :true); 
}
.muiimg{min-height:180px;max-height:380px; }

/*列表导航*/
.about-group{margin-top:15px;padding-left:15px;background-color:#fff;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.about-item{display:block;padding:10px 0;font-size:14px;color:#666;border-bottom: 1px solid #e5e5e5;}
.about-item:last-child{border-bottom:none}
.about-item .qtydfont{margin-right:5px;line-height:1;font-size:24px;vertical-align:middle}
.about-item .qtydfont.a{color:#ff8e8e}.about-item .qtydfont.b{color:#84c579}.about-item .qtydfont.c{color:#55a8e2}
.about-item .qtydfont.d{color:#47c574}.about-item .qtydfont.e{color:#fabc00}.about-item .qtydfont.f{color:#81a279}
.about-item .qtydfont.g{color:#65b0ea}.about-item .qtydfont.h{color:#ae87db}.about-item label{float:left}
.about-item span{padding-left:120px;padding-right:15px;display:block;font-size:14px;color:#333}

/*左图右边内容列表*/
.cms-prolist-wrap {border-top: #fff 1px solid;border-bottom: #e4e4e4 1px solid;padding: 15px;position: relative; height:90px;}
.cms-prolist-wrap .cms-prolist-pic {float: left;background: #fff;border: #e4e4e4 1px solid;padding: 2px;width: 86px;height: 86px; text-align: center;}
.cms-prolist-wrap .cms-prolist-info {margin-left: 100px;position: relative;}
.img-responsive {display: block;height: auto;max-width: 100%;}
.cms-prolist-info h3 {font-size: 15px;margin-top: 0;height: 44px;line-height: 22px;overflow: hidden;}
.cms-prolist-info .cms-price {font-family: Arial;margin: 0;}
.cms-prolist-info .cms-price strong {color: #d00;font-size: 20px;font-weight: 300;}

/*商品属性*/
.project-property {padding: 15px; display:block; height:60px;background-color: #fff; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.project-property ul {  padding-bottom: 10px;  } 
.project-property li {float: left;padding-bottom: 5px;  width: 50%;line-height:1.5em; list-style:none; }
.project-property li label {float: left;color: #999;}
.project-property li span {color: #666;display: block;padding-left: 60px;}

/*商品列表*/
.project-list {padding-top:10px;padding-bottom: 10px;display: block;margin: 0;padding: 0;}
.project-item {display: block;margin-bottom: 15px;position: relative;background-color: #fff;padding:5px;overflow: hidden;  padding-left:65px;}
.project-item img{ width:60px; height:60px;  position:absolute; left:0px;}
.project-item i{ width:60px; height:60px;  position:absolute; left:0px;    font-size: 60px; color:#f0494f;}
.project-item, .project-more, .project-property {border-top: 1px solid #e5e5e5;}
.project-item dl {float: left;width:100%; height:60px;}
.project-item dl dd {color: #999; margin-top:5px; position:relative;} 
.project-item dl dt { font-size:16px;margin-top:5px;}
.project-item .c-primary{ font-size:12px; font-family:qtydfont}
.project-item .c-primary span{ margin-right:5px;}

.protintor img{ width:100%;}

/*购物车列表*/
.shopcartlist{padding-top:15px;padding-bottom: 15px;display: block; position:relative;padding-left:85px; margin-bottom:20px; height:80px;}
.shopcartlist img{ width:80px; height:80px;  position:absolute; left:0px; }
.shopcartlist dl { float: left;width:100%; height:80px;} 
.shopcartlist dl dt { width:100%; font-size:12px; height:25px; overflow:hidden; position:relative; } 
.shopcartlist dl dd { width:100%;  } 
.shopcartlist dl dd p{  position:relative; width:100%;height:25px;}
.cb_remember{  position:absolute; left:0px;  width:1.2rem; height:1.2rem; z-index:999; }
.mui-icon-chatboxes2{ background:url(../images/btshopcart.png) no-repeat center center; background-size:cover;}

.cartssl{ padding-left:28px; display:block; height:30px;position:relative;padding-right:28px;width:120px; float:right; }
.cartss{width: 100%; border: 1px #ccc solid; height:26px; text-indent:5px; }
.btn_prev2{display:block; border:0px; width:28px;height:28px;background:url(../images/jian.png) no-repeat;left:0px; top:0px;background-size: cover; position:absolute;}
.btn_next2{display:block; border:0px; width:28px;height:28px;background:url(../images/jia.png) no-repeat;right:0px;top:0px;background-size: cover; position:absolute; }

/*拍拍网风格分页*/
.sabrosus { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.sabrosus a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.sabrosus a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.sabrosus .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.sabrosus a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

 
/*底部浮动导航  max-width: 660px;*/
.navfixed {bottom: 0;border-top: 1px solid #e5e5e5;position: fixed;left:0px; z-index:99999;width: 100%;height: 59px;background-color: #fff; }
.navfixed ul{width:100%;display:table}
.navfixed ul li{display:table-cell;padding-top:6px; text-decoration:none; width:20%;}
.navfixed ul li a{display:block;font-size:12px;color:#666;text-decoration:none; text-align:center;}
.navfixed i{display: block;overflow: hidden;width: 24px;height: 24px;margin-right: auto;margin-left: auto;font-size: 24px; text-align:center;background-size: cover;}

/*一行俩列 服务项目*/
.myyihang50 {position: relative;background:#fff;}
.myyihang50 li {position: relative;width: 50%;float: left; list-style:none;} 
.mui-card-header img{ width:100%;}

.mui-table-view-cell{ padding:10px 10px;display:inline-block; width:100%;}
.mui-table-view-cell b{ font-size:14px;}
.mui-table-view-cell p{ height:auto;word-wrap:break-word;white-space:normal;}
.mui-table-view-cell:after {
    position: absolute;width:100%;
    right: 0;
    bottom: 0;
    left: 5px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.mui-card-content-inner{ padding:5px;display:inline-block;}
.mui-card-media{ text-align:center;}
.mui-card-media img{  width:100%; max-height:200px;}
.mui-card-content-inner p{  line-height:20px; }