﻿@charset "utf-8";
@import url(csscw.css);
/* 以下是本站自定义 */

/* 网站主色调fix[分页选中色/主字色/主背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#FF492D;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#FF492D;}
.benbg{background:#FF492D;}

@-ms-viewport{width:device-width;}
body{font-family:"microsoft yahei";color:#333;background:#aaa;}
body,html{height:100%;}

@media screen and (min-width:600px) {/* pc-fix */
.allbox,.top div,.down div,nav{max-width:400px;}
}

.allbox{min-height:100%;margin:auto;background:#eee;}
.nrbox{padding:0 2%;}

/* 头部 */
.top{position:fixed;z-index:100;top:0;width:100%;height:50px;line-height:50px;background:#aaa;display:box;display:-webkit-box;display:-moz-box;}
.top div{width:100%;margin:auto;}
.top h1{font-family:"cwico";font-size:24px;width:15%;line-height:50px;float:left;}
.top h1 a,.top h1 a:hover{padding-left:10px;display:block;text-decoration:none;}
.top h2 {width:69%;float:left;text-align:center;font-size:20px;}
.top h3{font-family:"cwico";font-size:24px;width:15%;line-height:50px;float:right;text-align:right;}
.top h3 a,.top h3 a:hover{padding-right:10px;display:block;text-decoration:none;}
.topfix{height:50px;}
.topbg{background:#FF492D;}
.topbg,.topbg a,.topbg a:hover{color:#fff;}

/* 底部 */
.down{position:fixed;z-index:100;bottom:0;width:100%;height:60px;background:#aaa;display:box;display:-webkit-box;display:-moz-box;font-size:14px;}
.down div{width:100%;margin:auto;}
nav{width:100%;height:59px;display:box;display:-webkit-box;display:-moz-box;}
nav a{display:block;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;line-height:1.3;}
nav a:hover{text-decoration:none;}
nav a i{display: block;padding-top:6px;font-family:"cwico";font-style: normal;}
.downfix{height:60px;}
.downfix2{height:50px;}
.downbg{background:#fff;border-top:1px solid #ccc;}
.downbg,.downbg a{color:#333;}
.downbg a:hover{color:#000;}

/* 文章列表 */
.list_news li{background:url(dot1.gif) no-repeat left center;padding:10px 0 10px 26px;border-bottom:1px solid #ccc;line-height:160%;}
.list_news li div{background:url(dot2.gif) no-repeat right center;padding-right:35px;}
.list_news li a,.list_news li a:hover{font-size:14px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:20px;width:80%;margin:auto;margin-bottom:10px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* 图片列表(1) */
.listpic {padding:0 1%;}
.listpic ul li{float:left;width:48%;margin:0 1% 2% 1%;background:#fff;cursor:pointer;border-radius:4px;}
.listpic p{width:100%;height:0;padding-bottom:80%;overflow:hidden;margin:0;}
.listpic p img{width:100%;border-radius:4px 4px 0 0;}
.listpic h1{height:22px;line-height:22px;overflow:hidden;font-size:14px;padding:0 4px;}
.listpic h2{height:35px;line-height:35px;overflow:hidden;background:url(che.jpg) no-repeat top right;padding-left:3px;}

/* 图片列表(2) */
.listpic2 li{overflow:hidden;line-height:180%;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;}
.listpic2 li img{width:100px;height:110px;margin-right:10px;float:left;}

/* ---------------------------以下是自定义样式---------------------------------*/

/* 零散样式 */
.xiaobt{padding:2px 10px;}
.nrfix img{vertical-align:top;max-width:100%;height:auto;}
.dw1{position:relative;}.dw2{position:absolute;}

/* 首页 */
/* ---轮播背景 */
.toplbbg{position:relative;height:200px;z-index:2;overflow:hidden;border-radius:0 0 10px 10px;}
.toplbbgy{width:100%;height:140px;position:absolute;padding:0 10%;left:-10%;top:0;z-index:1;border-radius:0 0 50% 50%;background:#FF492D;}
.toplbbgn{margin:0 2%;}
/* ---搜索条/公告 */
.seabox{background:#fff;border-radius:6px;height:30px;line-height:30px;overflow:hidden;position:relative;}
.seainps{width:100%;border:0px;padding:0 10px;}
.seabt {background:#fff;position:absolute;right:10px;top:1px;z-index:100;display:inline-block;width:30px;}
.ggbox{height:24px;line-height:24px;overflow:hidden;}
#divgg li{display:block;height:24px;line-height:24px;overflow:hidden;text-decoration:none;color:#555;}
/* 快捷图片导航 */
.kjdh li{width:25%;float:left;text-align:center;padding-top:10px;}
.kjdh li img{width:60%;display:inline;margin-bottom:5px;}
/* 首页end */

/* 产品 */
/* ---商品分类 */
.listfl h1{width:100%;float:left;height:30px;line-height:30px;text-align:center;background:#F6F6F6;margin-bottom:5px;}
.listfl h1,.listfl h1 a,.listfl h1 a:hover{font-size:14px;display:block;font-weight:bold;}
.listfl li{width:49%;border:1px solid #e3e3e3;height:30px;line-height:30px;text-align:center;margin-bottom:5px;}
.listfl li,.listfl li a,.listfl li a:hover{font-size:14px;display:block;}
/* ---瀑布流产品图 */
#cplist ul{float:left;width:50%;border-radius:4px;}
#cplist ul div{margin:0 4%;background:#fff;border-radius:4px;margin-bottom:10%;cursor:pointer;}
#cplist div img{width:100%;border-radius:4px 4px 0 0;}
#cplist div h1{max-height:40px;line-height:20px;overflow:hidden;padding:3px 10px 0 10px;}
#cplist div h2{height:28px;line-height:28px;overflow:hidden;background:url(che.jpg) no-repeat top right;padding:5px 10px;}
/* ---产品详情 */
.pricebox{background:#F6F6F6;}.f30{font-size:30px;}
.pricetj li{width:25%;float:left;text-align:center;line-height:180%;padding:6px 0;}
.list50 li{width:49%;float:left;height:24px;line-height:24px;overflow:hidden;}
/* 产品end */

/* 订单 */
.listzhzx li{padding:10px 0;border-bottom:1px dashed #ccc;line-height:170%;}
.body5{padding:0 10px;}
.cpjiajian{background:#eee;border:0;color:#333;border:1px solid #ccc;padding:0 10px;overflow:visible;cursor:pointer;}
.ddbox2{border:1px solid #ccc;margin-bottom:10px;}
.ddbox2 h1{background:#F1F1F1;height:35px;line-height:35px;padding:0 10px;}

/* 选项卡 */
.ks_dh{}
.ks_dh li{background:#F6F6F6;text-align:center;float:left;padding:0 10px;height:26px;line-height:26px;font-size:14px;cursor:pointer;margin-right:3px;border-radius:8px 8px 0 0;}
.ks_dh li.on,.ks_dh li.on a{background:#FF492D;color:#fff;}
.ks_dhlines{height:2px;overflow:hidden;background:#FF492D;}

.ks2_dh{}
.ks2_dh li{background:#fff;text-align:center;float:left;height:35px;line-height:35px;font-size:14px;cursor:pointer;width:20%;border-bottom:1px solid #ccc;}
.ks2_dh li.on{border-bottom:1px solid #FF492D;color:#fff;}
.ks2_dh li a:hover,.ks2_dh li.on,.ks2_dh li.on a,.ks2_dh li.on a:hover{color:#FF492D;}
.ks2_dh li a{display:block;text-decoration:none;}
.ks2_dhlines{height:2px;overflow:hidden;background:#FF492D;}

/* 个人中心 */
.grzxbg{position:relative;height:195px;z-index:2;overflow:hidden;}
.grzxbgy{width:100%;height:100px;position:absolute;padding:0 10%;left:-10%;top:0;z-index:1;border-radius:0 0 50% 50%;background:#FF492D;}
.face{width:60px;height:60px;border-radius:50%;}
.noclickbg{-webkit-tap-highlight-color:transparent;}

/* 我的信息 */
.myxx li{width:100%;float:left;border-bottom:1px solid #ccc;height:35px;line-height:35px;}
.myxx li span{float:right;}

/* 财务明细 */
.listmx li{padding:8px 0;border-bottom:1px solid #ccc;line-height:22px;}
.listmx li h1{width:auto;float:left;margin-right:5px;background:#F6F6F6;height:30px;line-height:30px;padding:0 10px;font-size:16px;}
.listmx2 li{float:left;line-height:180%;}.listmx2 li h1{font-size:14px;}
.listmx2 li.t1{width:70%;}.listmx2 li.t2{width:30%;text-align:right;}

/* 列表页 */
.lbxx {margin-bottom:10px;}

/* 通用表单提交 */
#tabbox{padding:10px 0 0 10px;}
#tabbox ul li{float:left;}
#tabbox ul li.li1,#tabbox ul li.li1fix{width:100px;font-size:14px;}
#tabbox ul li.li2{width:670px;}
#tabbox ul li.li3{width:150px;padding-left:10px;color:#bbb;float:right;}
#tabbox ul li.li1,#tabbox ul li.li1fix,#tabbox ul li.li3{height:40px;line-height:40px;}
#tabbox ul li.li2 div{border:1px solid #bbb;padding:6px 10px;border-radius:8px;background:#fff;}
#tabbox ul li.li2 div.bghui{background:#f4f4f4;}
#tabbox ul li.li2 div input.inps{border:0;height:25px;line-height:25px;width:100%;font-size:14px;font-family:"microsoft yahei";}
#tabbox ul li.li2 div textarea.inps{border:0;width:100%;font-size:14px;font-family:"microsoft yahei";}
#tabbox ul li .sel,#tabbox ul li .sel2{width:100%;border:0;padding:5px;font-size:14px;background:url(sel.png) no-repeat center right #f4f4f4;margin-top:2px;}
#tabbox ul li .sel2{width:100px;margin-right:5px;}
#tabbox ul .yzmfix {position: relative;}#tabbox ul .yzmbt {position: absolute;right:5px;top:5px;z-index:100;display:inline-block;width:120px;border-radius:8px;}
#tabbox ul li .bt{height:40px;line-height:40px;background:#FF492D;border:0;cursor:pointer;width:100%;border-radius:8px;}
#tabbox ul .clear{margin-bottom:10px;}
/* ++++++++fix手机 */
#tabbox{padding:0 5px 0 5px;}
#tabbox ul li.li1{width:50%;}
#tabbox ul li.li1fix{width:100%;height:10px;}
#tabbox ul li.li2{width:100%;margin-bottom:5px;}
#tabbox ul li.li3{width:45%;float:right;text-align:right;}
#tabbox ul li.li1,#tabbox ul li.li3{height:30px;line-height:30px;}
#tabbox ul .clear{margin-bottom:0;}

.gg{ padding:10px 0}
.gg h1{ width:20%;padding:0 2%; border-right:1px solid #b3b3b3}.gg h1 img{ width:90%;}
.gg span{ padding-left:2%;}
.xf{width:96%; padding:0 2%}.xf img{ width:100%;}
.ggbox2{ padding:10px 0}
.gg1{width:96%; padding:0 2%; overflow:hidden}.gg1 li{ float:left; width:49%;}.gg1 li img{ width:100%;}
.gg2{width:96%; padding:0 2%; overflow:hidden}.gg2 li{ float:left; width:32%;}.gg2 li img{ width:100%;}
.mjbox{width:100%;height:166px; background:url(mj.png) no-repeat  center; background-size:100% 100%;}
.mjbox h1{ line-height:36px; padding-right:2%;}
.sc{width:35%;margin:auto}
.sc img{width:100%;}
.xlm li{ float:left; width:25%;}
.xlm li{width:25%;float:left;text-align:center;padding-top:10px;}
.xlm li img{width:80%;display:inline;margin-bottom:5px;}

/* 消息数量 */
.msg{ position:relative}
#badge {
min-height:20px;/*改后新增的代码*/
min-width:20px;/*改后新增的代码*/
line-height:18px;
text-align: center;
background:#F00;
color: white;
font-size: 12px;
border-radius: 50%;
position:absolute;
bottom:33px;
left:52px;
-webkit-border-radius: 20px;
}

.txtScroll-top{overflow:hidden; padding:0 5px; margin:-7px auto 0 2%;}
.txtScroll-top .bd{ padding:5px 0px;  }
.txtScroll-top .infoList li{ font-size:14px;font-family:"microsoft yahei","黑体"; height:24px; line-height:24px;overflow:hidden;}
.txtScroll-top2{overflow:hidden; padding:0 5px; margin:-7px auto 0 -4px;}
.txtScroll-top2 .bd{ padding:5px 0px;}
.txtScroll-top2 .infoList11{ height:24px; line-height:24px;overflow:hidden;}
.txtScroll-top2 .infoList li{ font-size:14px;font-family:"microsoft yahei","黑体"; height:24px; line-height:24px;overflow:hidden;}

.picScroll-left{ width:100%;overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:0 5px 10px 5px;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ width:25%;  padding-left1:2%; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{ width:90%;height:80px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .title{ line-height:24px;}

/* 瀑布流推荐产品图 */
#cplist2 ul{float:left;width:50%;border-radius:4px;}
#cplist2 ul div{margin:0 4%;background:#fff;border-radius:4px;margin-bottom:10%;cursor:pointer;}
#cplist2 div img{width:100%;border-radius:4px 4px 0 0;}
#cplist2 div h1{height:24px;line-height:24px;font-size:14px;overflow:hidden;padding:3px 5px 0 5px;}
#cplist2 div h2{height:28px;line-height:28px;overflow:hidden;background:url(che.jpg) no-repeat top right;padding-left:3px;}

/* 商品筛选 */
.cpsaix li{float:left;background:#CECECE;padding:0 10px;line-height:24px;margin:0 5px 5px 0;border-radius:4px;cursor:pointer;}
.cpsaix li.on{background:#DE3C02;color:#fff;}

/* 多功能列表 */
.gnlist ul li{padding:15px 0;border-bottom:1px solid #ddd;cursor:pointer;}
.gnlist ul li span{font-family:"cwico";font-size:20px;float:right;color:#ccc;}

/*个人中心*/

.grbg{position:relative; height:240px; background:url(grbg.png) no-repeat center;background-size:100% 100%;}
.face{border-radius:50%;}
.face img{ width:100%; height:100%; text-align:center;border-radius:50%;}
.zh{ margin:0 5%;}
.zh span{ line-height:30px;}
.zh a{ padding:0 10px;height:23px; line-height:23px; font-size:12px; display:block; color:#fbdda5; background:#b6182a; border:solid 1px #fbdda5; border-radius:20px; text-align:center;float:left;}

.sz a i{display: block;font-family:"cwico";font-style: normal;}
.sz a{display:block;-webkit-box-flex:1;-moz-box-fle1x:1;text-align:center;color:#fff;}
.code{ margin:0 6%;}
.code a{display:block;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;color:#fff; float:left; margin:0 5px;}
.code a i{display: block;font-family:"cwico";font-style: normal;}

.yjbox{ width:100%; padding:10px 0 50px 0;background:#be0016; border-radius:20px; box-shadow:0 -5px 0px rgba(173,19,11,1); position:relative}
.yjbox li{ float:left; width:33%; text-align:center; font-size:14px; border-right: solid 1px #e6e6e6}
.yjbox li a{ color:#fff;}
.wxts{ width:100%; height:60px; line-height:60px; border-radius:20px; position:absolute; bottom:-30px;}
.wimg{ width:40%; text-align:center;}.wimg img{ width:80%; padding-right:10%; border-right:solid 1px #e6e6e6; }
.box1{width:94%; margin:30px 3% 0 3%;}
.dbox{ border-radius:20px;}
.kjdh1 li{width:20%;float:left;text-align:center;padding-top:10px;}
.kjdh1 li img{width:60%;display:inline;margin-bottom:5px;}
.dh1{ border-bottom:solid 1px #e6e6e6;padding:4%;}

.mbr{ width:100%; height:80px; border-radius:20px;}
.mbr img{ width:100%;}
.tlm{ width:94%; margin:auto;}

.nvagg{ position:fixed;z-index:100;top:45%; margin-top:-200px;width:100%;display:box;display:-webkit-box;display:-moz-box;font-size:14px; }
.navgg1{width:350px;margin:auto;}
.navbg1{height:178px;background:url(ggbg1.png?t=1);}
.navbg2{background:url(ggbg2.png?t=1);}
.navbg3{height:67px;background:url(ggbg3.png?t=1);}

/* 底部购物条 */
@media screen and (min-width:600px) {/* pc-fix */
.gwbox2{max-width:400px;}
}
.gwbox{position:fixed;z-index:100;bottom:60px;width:100%;height:50px;display:box;display:-webkit-box;display:-moz-box;font-size:14px;}
.gwbox2{width:100%;margin:auto;background:#FDFCEC;height:50px;}

/* 底部特性选择 */
@media screen and (min-width:600px) {/* pc-fix */
.txbox2{max-width:400px;}
}
.txbox{position:fixed;z-index:100;bottom:110px;width:100%;display:none;}
.txbox2{width:100%;margin:auto;background:#fff;}
.txbox3{border:2px solid #c00;}

/* 图片上传 */
.addpic{width:50px;height:50px;border:1px dashed #ddd;background:#FCFCFC;}
.showpicjh{height:52px;width:52px;position:relative;overflow:hidden;float:left;display:inline;margin-right:5px;}
.showpicjh img{width:50px;height:50px;border:1px solid #ddd;}
.showpicjhbt{position:absolute;left:0;bottom:-2px;height:20px;line-height:20px;width:52px;background:#333;opacity:0.5;filter:alpha(opacity=50);color:#fff;font-size:12px;text-align:center;cursor:pointer;}

/* 交易 */
.jytjbg{background:#FFECEA;}
.jy_dh li{text-align:center;float:left;height:30px;line-height:30px;font-size:16px;cursor:pointer;width:33.33%;border-bottom:2px solid #ccc;}
.jy_dh li.on{border-bottom:2px solid #FF492D;}
.jy_dh li a:hover,.jy_dh li.on,.jy_dh li.on a,.jy_dh li.on a:hover{color:#FF492D;}
.jy_dh li a{display:block;text-decoration:none;}
.jy_list ul{border-bottom:1px solid #ccc;padding:8px 0;}
.jy_list ul li{float:left;}
.jy_list ul li.jy1{width:60px;}
.jy_list ul li.jy2{width:200px;}
.jy_list ul li.jy3{width:70px;float:right;text-align:right;margin-top:4px;}
.jy_list ul li.jy1 img{width:44px;height:44px;border-radius:22px;}
.jy_my li{height:34px;line-height:34px;border-bottom:1px solid #d7d7d7;}
.jy_zt1,.jy_zt2{width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:#e5e5e5;margin:0 auto 5px auto;}
.jy_zt2{background:#EFFBDE;}

/*免单订单*/
.pdmdzt1{width:80px;height:20px;line-height:20px;background:#69AB13;text-align:center;top:0;right:0;border-radius:0 4px 0 8px;color:#fff;}
.pdmdzt2{width:80px;height:20px;line-height:20px;background:#ADADAD;text-align:center;top:0;right:0;border-radius:0 4px 0 8px;color:#ddd;}
.pdmdzt3{width:80px;height:20px;line-height:20px;background:#FF492D;text-align:center;top:0;right:0;border-radius:0 4px 0 8px;color:#fff;}
.pdmdsort{width:100%;height:20px;line-height:20px;text-align:center;left:0;bottom:0;background:rgba(255,0,0,0.5);color:#fff;}
.pdmdcity{width:100%;height:20px;line-height:20px;text-align:center;left:0;top:0;background:rgba(100,165,0,0.5);color:#fff;}

/* ---瀑布流免单产品 */
#cplistmdq ul{float:left;width:50%;border-radius:4px;}
#cplistmdq ul div{margin:0 4%;background:#fff;border-radius:4px;margin-bottom:10%;cursor:pointer;}
#cplistmdq div img{width:100%;border-radius:4px 4px 0 0;}
#cplistmdq div h1{max-height:40px;line-height:20px;overflow:hidden;padding:3px 10px 0 10px;}
#cplistmdq div h2{height:28px;line-height:28px;overflow:hidden;background:url(che.jpg) no-repeat top right;padding:5px 10px;}
#cplistmdq div h3{overflow:hidden;color:#F65E13;padding:7px 10px 0 10px;}

.citysel{border:0;padding:5px 1%;font-size:14px;background:url(sel.png) no-repeat center right #f4f4f4;margin-top:2px;}