/*staer*/
*{padding:0; margin:0; box-sizing: border-box;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:'微软雅黑'; box-sizing:border-box; background:#fff;}
img{ border:none;}


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;} 


/* 顶部区域 */
.dlbg{ width: 100%; display: block; margin: 0 auto; overflow: hidden; height: 100vh;
background: url(../img/bg1.png) no-repeat center; background-size:cover;}
.header{width: 100%; display: block; margin: 0 auto; overflow: hidden; height:96px; box-shadow: 0 3px 6px rgba(0,0,0,0.12);
background: #fff; position: fixed; top: 0; left: 0; z-index: 99; box-sizing:border-box; padding:0 100px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}

.header.on{width: 100%; display: block; margin: 0 auto; overflow: hidden; height:96px; box-shadow: 0 3px 6px rgba(0,0,0,0.12);
background: #fff; position: fixed; top: 0; left: 0; z-index: 99; box-sizing:border-box; padding:0 100px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}

.header .logo{ width:250px; display: block;}
.header .logo image{ width:100%; margin:0 auto; display: block;}
.header .lxkf{ width: 180px; height: 50px; display: block; border-radius: 25px; background: #fcb026; text-align: center;
line-height: 50px; font-size:18px; color:#ffffff; cursor: pointer; transition: 0.3s;}
.header .lxkf:hover{width:190px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.dlcon{ width: 1120px;display: block; margin:0 auto; overflow:hidden;}
.dlcon::after{ content: ''; clear: both;display: block;}

.out{width:380px;background: #fff;position: fixed;left: 50%;margin-left: -190px;top: 50%;margin-top: -180px;display:none;z-index:2;
border-radius: 20px; padding:30px 40px; box-sizing: border-box;}
.out .close {width: 30px;height: 30px;background: #fcb026;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;
cursor: pointer; border-radius: 50%;}
.bg{ width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:0; display:none; z-index:1}
.out .tkklxdh{ width: 100%; display: block; margin: 0 auto; overflow: hidden;}
.out .tkklxdh h3{font-size:24px; color:#232323; font-weight:900;  text-align: center;
border-bottom: 1px solid #ededed; padding-bottom:20px;}
.out .tkklxdh .dhuatu{ width: 46px;height: 46px; display: block; margin:10px auto;}
.out .tkklxdh .dhuatu img{width:100%; margin:0 auto; display: block;}
.out .tkklxdh h5{ width:100%; height:50px; box-sizing: border-box; border: 1px solid #fcb026; margin: 0 auto; border-radius:8px;
font-size:20px; color:#fcb026; font-weight:900;text-align: center; line-height:48px; }

/* 登录表单 */
.dlcon{ width: 1120px;display:block; margin:0 auto; overflow:hidden;box-sizing:border-box; height: 100%;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.dlbd{width:385px;display:block; overflow:hidden;box-sizing:border-box; border-radius:15px; padding:44px 40px;
background: #fff;}
.dlbd h2{font-size:24px; color:#0b0c19; font-weight:900;  text-align: left; line-height: 1.3em;}
.dlbd h3{font-size:18px; color:#0b0c19; font-weight:900;  text-align: left; line-height:2.2em;}
.dlbd i{ width: 30px; height: 5px; display: block; background: #fcb026; margin:10px 0 15px; border-radius: 3px;}

.srkk{width: 100%; margin:0 auto 15px; display: block; box-sizing:border-box;}
.srkk .srk{width: 100%; margin:0 auto; display: block; box-sizing:border-box; background: #fff; border-radius:6px;
border: 1px solid #c6c6c6; height:50px; padding: 0 15px; outline: none; font-size:16px; color: #333;}
.tjiao{width: 100%; margin:0 auto; display: block; box-sizing:border-box; background: #ffa700; border-radius:23px; line-height:48px;
border: 1px solid #ffa700; height: 50px; padding: 0 15px; outline: none; font-size: 18px; color: #fff; font-weight: 900; transition: 0.3s;
cursor:pointer;margin:8px auto 0;}
.tjiao:hover{background: #ffa700;border: 1px solid #ffa700;box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.srkk3{width:100%;display: block; box-sizing:border-box;  margin:0 auto 20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.srkk3 p{font-size:14px; color: #666; font-weight: 400; text-align:left; box-sizing: border-box; padding-left: 10px;}
.srkk3 p a{font-size:14px; color: #666; font-weight: 400; text-align:left; cursor: pointer;}

/* 产品列表 */
.dlrrr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.dlrrr .niu1{width: 180px; height: 50px; display: block; border-radius: 25px; background: #ffffff; text-align: center; border:1px solid #fcb026;
line-height:48px; font-size:18px; color:#fcb026; cursor: pointer; transition: 0.3s; margin-right:20px;}
.dlrrr .niu2{width: 180px; height: 50px; display: block; border-radius: 25px; background: #fcb026; text-align: center;
line-height: 50px; font-size:18px; color:#ffffff; cursor: pointer; transition: 0.3s;}
.dlrrr .niu1:hover{background: #fcb026;color:#ffffff;}
.dlrrr .niu2:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.2);}

.flxz{width: 100%; margin:0 auto; display: block; box-sizing:border-box; background: #fff; padding:140px 0 0;
border-bottom:1px solid #ebebeb;}
.flxzcon{width:1300px; margin:0 auto; display: block; box-sizing:border-box;}
.flxzctt{ width: 100%; margin: 0 auto;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.search{ overflow: hidden; box-sizing: border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.sousl{ width:350px; height:50px; display: block; overflow: hidden; box-sizing: border-box; border:none; outline: none; 
font-size:16px; color: #888888; font-size: 14px;  background: #f6f6f6; padding: 0 15px; border-radius:10px 0 0 10px; }
.sousr{ width:80px; height:50px;display: block; overflow: hidden; box-sizing: border-box; background:#fcb026 url(../img/ss1.png) no-repeat center; transition: 0.3s; 
border:none; outline: none;cursor: pointer; border-radius: 0 10px 10px 0;}
.sousr:hover{ background:#f6a511 url(../img/ss1.png) no-repeat center;}

.flxzrr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.dxk{ width:160px; height: 50px; background: #fff; box-sizing: border-box; border: 1px solid #f1f1f1; border-radius:6px;
font-size: 14px; color: #565656; line-height: 48px; padding:0 10px; outline: none; margin-right:14px;}
.sxtj{width:100px; height: 50px; background: #fcb026; box-sizing: border-box; border: 1px solid #fcb026; border-radius:6px; transition: 0.3s; 
font-size:16px; color: #fff; line-height: 48px; padding:0 10px; outline: none;}
.sxtj:hover{background:#f6a511;border: 1px solid #f6a511;}
.flxzcbb{width: 100%; margin:10px auto 0;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.dafl{position:relative; height:60px;line-height: 60px; margin-right:70px; font-weight: 400; 
font-size:18px; color: #686868;}
.dafl:hover,.dafl.on{ color: #fcb026; font-weight:900; }
.dafl:hover::after,.dafl.on::after{ content:""; display:block;
width:100%; height:4px; background:#fcb026; position:absolute; top:56px; left:0;}


.cppro{width:1300px; margin:0 auto; display: block; box-sizing:border-box; padding: 30px 0;}
.cpxfl{width: 100%; margin:0 auto 10rpx;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:center;}
.cpxfl .xflei{ font-size:15px; line-height:40px; background: #f1f1f1; border-radius:5px; display: block; box-sizing: border-box;
 padding:0 20px; color: #454545; margin-right:20px; }
.cpxfl .xflei.on,.cpxfl .xflei:hover{background:#f6a511;color:#fff;}


.cplist{width: 100%; display: block; margin:35px auto; box-sizing: border-box;}
.cplist::after{ content: ''; clear: both; display: block;}
.cplist li{ width:250px; float: left; margin-right:12px;background: #fff; margin-bottom:18px;}
.cplist li:nth-child(5n){ margin-right: 0;}
.cplist li a{ background: #fff; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #ececec; border-radius: 8px; }
.cplist li a .cptu{ width: 100%; margin: 0 auto; height:228px; display: block; overflow: hidden;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center; align-items:center;}
.cplist li a .cptu img{ width: 100%; margin: 0 auto; display: block;transition:0.3s;}
.cplist li a .cpzi{  width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding:15px;
border-top: 1px solid #ececec;}
.cplist li a .cpzi h3{font-size:18px; text-align: left;font-weight:900; color: #333333; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.cplist li a .cpzi h5{font-size:14px; text-align: left;font-weight:400; color:#686868; line-height:1.1em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
margin:6px 0 12px;transition:0.3s;}
.cplist li a .cpzi h4{font-size:24px; text-align: left;font-weight:400; color:#fa2323; line-height:1.1em; width:100%; display: block;transition:0.3s;}

.cplist li:hover a{box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.cplist li:hover a .cptu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.cplist li:hover a .cpzi h3{ color: #121212; }
.cplist li:hover a .cpzi h5{color:#fcb026;}

/* 分页 */
.ffyy2{width:100%; margin:30px auto 0; overflow:hidden; box-sizing:border-box; display: flex;}
.pagination{ width:auto;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px;}
.pagination::after{ content:""; display:block; clear:both;}
.pagination li{ float:left;margin-right:12px; margin-bottom: 20px;}
.pagination li:last-child{ margin-right: 0;}
.pagination li a{display:block;box-sizing:border-box; font-size:18px; color:#999;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li span{display:block;box-sizing:border-box; font-size:18px; color:#999;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li.active a{ background:#fcb026; border:1px solid #fcb026; color:#fff;}
.pagination li:hover a{background:#fcb026; border:1px solid #fcb026; color:#fff;}
.pagination li.active span{ background:#fcb026; border:1px solid #fcb026; color:#fff;}
.pagination li:hover span{background:#fcb026; border:1px solid #fcb026; color:#fff;}


/* 产品详情 */
.nycon{width: 100%; margin:0 auto; display: block; box-sizing:border-box; background: #fff; padding:140px 0 0;}
.nycc{width:1300px; margin:0 auto; display: block; box-sizing:border-box;}
.cpxq{width:100%; margin:0 auto 40px;box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:center;}
.cpxqtu{width:280px; height: 280px; display: block; overflow: hidden; margin-right:40px; box-sizing: border-box; border: 1px solid #ededed;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center; align-items:center;}
.cpxqtu img{width: 100%; margin: 0 auto; display: block;transition:0.3s;}


/* 产品zi */
.cpxqzi{ width:930px; text-align: left;}
.cpxqzi h3{font-size:26px; text-align: left;font-weight:900; color: #121212; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.cpxqzi h6{font-size:20px; text-align: left;font-weight:400; color: #666; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s; margin: 10px 0 20px;}
.cpxqzi h5{font-size:16px; text-align: left;font-weight:400; color: #888888; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}

.sljj{width:142px; height:32rpx; display: flex;margin:18px 0; }
.sljj span {display: inline-block;width:34px;height:32px;background-color: #f8f8f8; text-align: center; color: #333;
cursor: pointer;vertical-align: middle;border: 1px solid #d6d6d6;font-size:22px;font-weight: bolder;line-height:30px;}
.sljj .zz{ border-radius:5px 0 0 5px;}
.sljj .rr{ border-radius:0 5px 5px 0;}
.sljj input {width:74px;height: 34px; box-sizing: border-box; border:1px solid #d6d6d6;border-left: none;border-right: none;
font-size:18px; text-align: center; line-height: 34px; background:#fff;color: #333;}
/*  取消右侧加减按钮解决方法 */
.sljj input::-webkit-outer-spin-button,.sljj input::-webkit-inner-spin-button {-webkit-appearance: none;}


.jgan{width:100%;  box-sizing: border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.jgan h4{font-size:36px; text-align: left;font-weight:900; color: #f93417; line-height:1.2em; display: block;}
.jgan h4 span{font-size:20px; text-align: left;font-weight:400; color: #f93417; }
.jgan .gwcniu{width:160px; height:44px;display: block;border-radius:22px;background: #fcb026;text-align: center;line-height:44px;
font-size: 18px;color: #ffffff;cursor: pointer;transition: 0.3s; border: none; margin-left: 30px;}
.jgan .gwcniu:hover{background:#f6a511; box-shadow: 0 3px 6px rgba(0,0,0,0.2); }


.canshu{width: 100%; margin:0 auto; display: block; box-sizing:border-box; overflow: hidden;}
.csbt{width:100%;  box-sizing: border-box; background: #f1f1f1; padding:0 20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.csbt h3{font-size:24px; text-align:left;font-weight:900; color: #232323; line-height:60px; display: block;}
.csbcon{width: 100%; margin:0 auto; display: block; box-sizing:border-box; overflow: hidden;}
.csbcon table{width: 100%; margin:0 auto; display: block; box-sizing:border-box; overflow: hidden; 
border-collapse: collapse; /* 删除表格边框之间的间隙 */table-layout: auto;}
.csbcon table .tboby{width: 100%; margin:0 auto;display: block; }

.csbcon table tr th{box-sizing: border-box; padding:18px 10px; text-align: center; font-size: 18px; color: #333; border: 1px solid #f1f1f1;
width:360px;}
.csbcon table tr td{box-sizing: border-box; padding:15px 10px; text-align: center; font-size:16px; color: #666666;border: 1px solid #f1f1f1;
line-height: 1.24em;}

.twwcon{width: 100%; margin:0 auto; display: block; box-sizing:border-box; overflow: hidden;border: 1px solid #f1f1f1;}
.canshu2{ margin:0 auto 100px;}
/* 百度富文本 */
.bdfwb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden; padding:50px 40px;}
.bdfwb h3{ font-size:28px; color: #333; text-align: center; line-height: 1.4em; display: block; margin: 0 auto 30px; }
.bdfwb p{ font-size: 15px; line-height: 1.88em; color: #686868; text-align: justify; -webkit-text-align: justify;}
.bdfwb p img{ display: block; margin:10px auto; width: auto; max-width:100%;}
.bdfwb h4{ font-size:24px; color: #0b8943; text-align: center; line-height: 1.4em; display: block; margin: 0 auto; }
.bdfwb p video{ max-width: 100%; width: auto; height:380px; display: block; margin:5px auto;}
.bdfwb img{ max-width: 100%; width: auto;  display: block; margin:10px auto;}


.out2{width:380px;background: #fff;position: fixed;left: 50%;margin-left: -190px;top: 50%;margin-top: -180px;display:none;z-index:2;
border-radius: 20px; padding:30px 40px; box-sizing: border-box;}

.out2 .close {width: 30px;height: 30px;background: #fcb026;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;
cursor: pointer; border-radius: 50%;}
.out2 .tkklxdh{ width: 100%; display: block; margin: 0 auto; overflow: hidden;}
.out2 .tkklxdh h3{font-size:24px; color:#232323; font-weight:900;  text-align: center;
border-bottom: 1px solid #ededed; padding-bottom:20px;}
.out2 .tkklxdh .dhuatu{ width: 46px;height: 46px; display: block; margin:10px auto;}
.out2 .tkklxdh .dhuatu img{width:100%; margin:0 auto; display: block;}
.out2 .tkklxdh h5{ width:100%; height:50px; box-sizing: border-box; border: 1px solid #fcb026; margin: 0 auto; border-radius:8px;
font-size:20px; color:#fcb026; font-weight:900;text-align: center; line-height:48px; }



.out3{width:500px;background: #fff;position: fixed;left: 50%;margin-left: -250px;top:150px;display:none;z-index:2;
border-radius: 20px; padding:30px 40px; box-sizing: border-box;}
.out3 .close {width: 30px;height: 30px;background: #fcb026;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;
cursor: pointer; border-radius: 50%;}

.qrdt{width:100%;  box-sizing: border-box; margin-bottom:20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.qrdttu{ width:135px; height:135px; box-sizing:border-box; border:1px solid #ededed;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.qrdttu img{width:100%; margin:0 auto; display: block;}
.qrdtzi{ width:78%;}
.qrdtzi h3{font-size:20px; text-align: left;font-weight:900; color: #121212; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.qrdtzi h6{font-size:14px; text-align: left;font-weight:400; color: #686868; line-height:1.2em; width:100%; display: block; margin:5px 0 10px;}
.qrdtjge{width: 100%; display: block; margin: 0 auto; overflow: hidden;}
.qrdtjge h4{font-size:20px; text-align: left;font-weight:900; color: #fc2a00; line-height:1.2em; margin-right:30px; margin-bottom:10px;}
.ssllr{font-size:14px; text-align: left;font-weight:400; color: #454545; line-height:1.2em; }
.ssllr .srksl{ height:35px; outline: none; border:1px solid #ccc; width: 50%; border-radius: 5px; padding: 0 15px;} 

.qrdbb{width:100%;  box-sizing: border-box;}
.qrdbb h3{margin-bottom:15px; font-size:24px;}
.qrdbb .srkk{ width:100%; }

/* 个人中心 */
.grzx{width:1300px; margin:0 auto; display: block; box-sizing:border-box; background: #fff; padding:140px 0 0;}
.grzxtop{width: 100%; display: block; margin: 0 auto; overflow: hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.12);
background: #fff; box-sizing:border-box; border-radius:15px; border:1px solid #ededed; padding:30px 40px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.grzxtll{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.grzxtll .grttu{ width:82px; height: 82px; border-radius: 50%; background: #fff; border:3px solid #fbd9c5; overflow: hidden;
margin-right: 20px;}
.grzxtll .grttu img{width:100%; margin:0 auto; display: block;}
.grtzi{ text-align: left;}
.grtzi h3{font-size:24px; text-align: left;font-weight:900; color: #121212; line-height:1.2em; margin-bottom: 10px;}
.hhyy{ width:126px; height: 24px; box-sizing: border-box; border: 1px solid #fcb026; line-height: 22px; border-radius:12px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.hybb{ width: 14px; height: 14px; display: block; margin-right: 8px;}
.hybb img{width:100%; margin:0 auto; display: block;}
.hhyy p{font-size:14px; text-align: left;font-weight:400; color: #f9ac17; line-height:1.2em;}

.jbxxniu{width:180px; height:46px; box-sizing: border-box; border-radius:23px; background: #fcb026; transition: 0.3s;
font-size:16px; color:#fff; font-weight:900;text-align: center; line-height:44px;}
.jbxxniu:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.12); width: 200px;}

.cgdd{width: 100%; display: block; margin:20px auto; overflow: hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.12);
background: #fff; box-sizing:border-box; border-radius:15px; border:1px solid #ededed; padding:30px 40px;}
.cgddbt{width: 100%; display: block; margin: 0 auto 20px; overflow: hidden; box-sizing:border-box;border-bottom:1px solid #ededed; padding: 0 0 20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.cgddbt i{ width:5px; height: 22px; display: block; background:#fcb026; border-radius: 3px; margin-right: 20px;}
.cgddbt h2{font-size:22px; text-align: left;font-weight:900; color: #121212; line-height:1.2em;}


.cgddcon{width: 100%; display: block; margin:20px auto; overflow: hidden; box-sizing:border-box;}
.dingd{width: 100%; display: block; margin:0 auto 15px; overflow: hidden; box-sizing:border-box;border:1px solid #ededed; padding:14px; border-radius:5px;}
.ddhao{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; width: 100%; margin-bottom: 8px;}
.ddhao p{font-size:15px; text-align: left;font-weight:400; color: #666; line-height:1.2em; text-transform: uppercase;}
.ddhao p.yanse{color: #fcb026; }
.dxq{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; width: 100%;}
.dxql{ width:570px; }
.dxqlc{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center; border-bottom: 1px dashed #ededed;
padding-bottom: 5px; margin-bottom: 5px;}
.dxqlc:last-child{ border-bottom:none;padding-bottom:0; margin-bottom: 0;}
.dxqltu{ width:120px; height:120px; display: block; border-radius: 4px; overflow:hidden; border:1px solid #ededed; margin-right:20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.dxqltu img{width:100%; margin:0 auto; display: block;}
.dxqlzi{ width:430px; text-align: left;}
.dxqlzi h3{font-size:18px; text-align: left;font-weight:900; color: #121212; line-height:1.2em;
display: block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.dxqlzi h6{font-size:14px; text-align: left;font-weight:400; color: #888; line-height:1.2em; margin:5px 0;}
.dxqlzi h4{font-size:18px; text-align: left;font-weight:900; color: #e30c1c; line-height:1.2em;}
.dxqlzi h4 span{font-size:12px;}
.dxqlzi h5{font-size:15px; text-align: left;font-weight:400; color: #fcb026; line-height:1.2em;}

.dxqr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.ddtime{ width: 300px; margin-right: 50px;}
.ddtime h4{font-size:14px; text-align:center;font-weight:400; color: #686868; line-height:1.2em;}
.zjia{font-size:18px; text-align: center;font-weight:900; color: #e30c1c; line-height:1.4em;}

.ddcpxqrr{ width: 160px;}
.ddcpxqrr .sqkp1{width:140px; height:36px; box-sizing: border-box; border-radius:18px; background: #fcb026; transition: 0.3s;
font-size:16px; color:#fff; font-weight:400;text-align: center; line-height:34px; display: block; margin: 5px 0;cursor: pointer;}
.ddcpxqrr .sqkp2{width:140px; height:36px; box-sizing: border-box; border-radius:18px; background: #fcb026; transition: 0.3s;
font-size:16px; color:#fff; font-weight:400;text-align: center; line-height:34px; display: block;margin: 5px 0; cursor: pointer;}
.ddcpxqrr .sqkp1:hover{ background:#FF8600; box-shadow: 0 2px 5px rgba(0,0,0,0.12);}
.ddcpxqrr .sqkp2:hover{ background:#FF8600; box-shadow: 0 2px 5px rgba(0,0,0,0.12);}



.out4{width:800px;background: #fff;position: fixed;left: 50%;margin-left: -400px;top:150px;display:none;z-index:2;
border-radius: 20px; padding:30px 24px; box-sizing: border-box;}
.out4 .close {width: 30px;height:30px;background: #fcb026;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;
cursor: pointer; border-radius:50%;}
.qrdd2 h3{font-size:22px;}
.kkbcc{width:100%; display: block;overflow:hidden; margin-bottom:8px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.srkk2{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center; width:32%; margin-right: 2%;}
.kkbcc .srkk2:last-child{ margin-right: 0;}
.srkk2 h4{font-size:16px; text-align: left;font-weight:400; color: #333; line-height:1.2em; width:90px;}
.fprr{ text-align: left;}
.fprr h3{font-size:16px; text-align: left;font-weight:900; color: #333; line-height:1.2em; margin-bottom: 0;}
.huang{color: #fcb026 !important;font-size:18px !important; }

.srkk5{width:32%; display: block; overflow: hidden; box-sizing:border-box; margin-right: 2%;}
.srkk5:nth-child(3n){ margin-right: 0;}
.srkk5 h4{font-size:16px; text-align: left;font-weight:400; color: #333; line-height:1.2em; display: block; }
.srkk5 h4 span{ color:red;}
.srkk5 .fprr{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing:border-box;}
.srkk5 .fprr .srkxx{width: 100%;margin: 0 auto;display: block;box-sizing: border-box;background: #fff;border-radius: 6px;
border: 1px solid #c6c6c6;height:40px;padding: 0 10px;outline: none;font-size:15px;color: #333; line-height: 40px; margin-top: 8px;}

.srkk6{width:100%; display: block; overflow: hidden; box-sizing:border-box;}
.srkk6 h4{font-size:16px; text-align: left;font-weight:400; color: #333; line-height:1.2em; display: block; }
.srkk6 h4 span{ color:red;}
.srkk6 .fprr{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing:border-box;}
.srkk6 .fprr .srkxx{width: 100%;margin: 0 auto;display: block;box-sizing: border-box;background: #fff;border-radius: 6px;
border: 1px solid #c6c6c6;height:40px;padding: 0 10px;outline: none;font-size:15px;color: #333; line-height: 40px; margin-top: 8px;}


.kkbcc2{ border-top:4px solid #f2f2f2; margin:20px auto; padding-top:10px;}

.tjiao2{ width: 50%; margin:25px auto 0; transition: 0.3s;}
.tjiao2:hover{ width: 70%;}

.cgddxx{width:100%; display: block; overflow: hidden; box-sizing:border-box; margin:20px 0 0; border-top: 1px dashed #ededed;  }
.cgddxx h4{font-size:20px; text-align: left;font-weight:900; color: #333; line-height:1.2em; display: block; padding-top:15px; }
.cgdx{width:100%; display: block; overflow: hidden; box-sizing:border-box; margin:10px 0 0;}
.cgdxtt{font-size:15px; text-align: left;font-weight:400; color: #666; line-height:1.8em; display: block;}

/* 购物车 */


.clearfix {zoom: 1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.car { width:1300px; margin:150px auto 50px; border-collapse: collapse;box-sizing: border-box; border: 1px solid #ededed; border-radius:5px;
box-shadow: 0 3px 6px rgba(0,0,0,0.12);}
.car table { width:100%; margin: 0 auto; border-collapse: collapse;box-sizing: border-box  }
.car th { background: #f2f2f2; font-size: 18px; color: #333; height: 66px; line-height:66px; }
.car th,td {border: none; text-align: center;  border-bottom: 1px dashed #ccc;    }
.car input[type='checkbox'] { width: 13px;  height: 13px;}
.car tbody p { position: relative; bottom: 10px; }
.car tbody .add, tbody .reduce { float: left; width: 22px; height: 22px; border: 1px solid #ccc; text-align: center;background: none;outline: none; cursor: pointer; }
.car tbody input[type='text'] { width:60px; float: left; height:22px;  text-align: center; }
.car tbody .count-c { width:108px; margin: 0 auto; }

.car tbody tr:hover {background: #f8f8f8; }
.car tbody tr.active {  background: rgba(241, 209, 149, 0.945); }
.car .controls {  width: 100%; margin: 0 auto;  line-height: 50px;position: relative;  box-sizing: border-box; padding:0 0 0 20px;   }
.car .controls .del-all, .controls .clear {float: left; margin-right: 50px;color:#454545; }
.car .controls .del-all:hover, .controls .clear:hover{ color:#e30c1c;}
.car .controls p { float: right; }
.car .controls span { color: red;  }
.car .controls .pay {width:180px;height:80px;background:#fcb026; font-size: 20px; line-height: 80px; margin-left: 30px; transition: 0.3s;
color: #fff;text-align: center;}
.car .controls .total-price {font-weight: bold;}
.price{ width: 200px; color:#e30c1c;}
.total{width: 200px; color:#e30c1c;}
.car .del{width:80px; background:#fcb026; color: #fff; height:34px; border-radius:17px; text-align: center; line-height:34px; font-size: 14px;
display: inline-block; transition: 0.3s;}
.car .del:hover{background:#FF5A00;}
.qrdt2{box-sizing: border-box; margin:15px 0;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.qrdttu2{ width:80px; height:80px; box-sizing:border-box; border:1px solid #ededed; margin-right: 20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.qrdttu2 img{width:100%; margin:0 auto; display: block;}
.qrdtzi2{ width:180px;}
.qrdtzi2 h3{font-size:16px; text-align: left;font-weight:400; color: #333; line-height:1.2em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.qrdtzi2 h6{font-size:14px; text-align: left;font-weight:400; color: #686868; line-height:1.2em; width:100%; display: block; margin:5px 0 0;}

.lll{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.rrr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.car .controls .pay:hover{background:#FF5A00;}

/* 基本信息 */
.zucon{width:100%; display: block; box-sizing:border-box; margin:0 auto 16px;}

.bdtxr{ width:115px; display: block; box-sizing:border-box; margin:0 auto;}
.bdtxr #pic{ width: 115px; height: 115px; display: block; box-sizing: border-box; border: 1px solid #c6c6c6; border-radius:6px; cursor: pointer;}
.txbxrr{width: 100%;margin: 0 auto;display: block;box-sizing: border-box;background: #fff;border-radius: 6px;border: 1px solid #c6c6c6;height: 46px;
padding: 0 15px;outline: none;font-size:16px;color: #333;}
.layui-form-item{ margin-bottom: 0 !important;}
.bdtxr2{width:440px; display: block; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.bdtxr2 .xxr{float: left; margin-right:34px; font-size: 16px; color: #888888; line-height: 1.2em;}
.bdtxr2 .xxr input{ transform: scale(1.1); -webkit-transform: scale(1.1); margin-right:12px;}
.zucon p{font-size:16px; text-align:center;font-weight:400; color: #686868; line-height:1.4em; width:100%; display: block;
margin:15px auto 0;}

.zucon2{ width: 600px;display: block; box-sizing:border-box; margin:0 auto 20px;}
.zucon2 h3{font-size:16px; text-align: left;font-weight:400; color: #333; line-height:1.2em; width:100%; display: block; margin-bottom:10px;}

.tjiao3{ width: 600px; transition: 0.3s;}
.tjiao3:hover{ width:400px;box-shadow: 0 3px 6px rgba(0,0,0,0.2);}

.cgddsx{ padding:80px 40px;}