@charset "utf-8";
@import url("../iconfont/iconfont.css");
:root{
    --hds-default-0:#55414a;
    --hds-default-1:#6c314e;
    --hds-default-2:#6e4b7d;
    --hds-default-3:#546ba8;
    --hds-default-4:#008bc1;
    --hds-default-5:#00a9c5;
    --hds-default-6:#00c3b4;
    --hds-default-7:#ffde42;
    --hds-default-8:#ff5500;
    --hds-default-9:#ffa85a;
    /*------------------------------*/
    --hds-status-1: #16baaa;
    --hds-status-2: #01aaed;
    --hds-status-3: #ff5722;
    --hds-status-4: #ffb800;
    --hds-status-5: #9e8bfa;
    --hds-status-6: #a233c6;
    /*------------------------------*/
    --hds-color-1: #339999;
    --hds-color-2: #3eadad;
    --hds-color-3: #66CCCC;
    --hds-color-4: #CCFFFF;
    --hds-color-5: #FFCC33;
    --hds-color-6: #fffae2;
}
.layui-btn.s1{background-color: #1e9fff;}
.layui-btn.s2{background-color: #16baaa;}
.layui-btn.s3{background-color: #95cf5e;}
.layui-btn.s4{background-color: #2C3E50;}
.layui-btn.s5{background-color: #84AF9B;}
.layui-btn.s6{background-color: #ff5722;}
.layui-btn.s7{background-color: #a233c6;}
.layui-btn.s8{background-color: #D24D57;}
.layui-btn.t1{background-color: #84AF9B;}
.layui-btn.t2{background-color: #D24D57;}
.layui-btn.t3{background-color: #16baaa;}
.layui-btn.t4{background-color: #00CCFF;}
.layui-btn.t5{background-color: #1e9fff;}
.layui-btn.t6{background-color: #95cf5e;}
.layui-btn.t7{background-color: #ffb800;}
.layui-btn.t8{background-color: #D0D0D0;}
.layui-btn.t9{background-color: #2C3E50;}

html{*overflow:auto;_overflow-y:scroll;}
body{cursor:default;-webkit-text-size-adjust:none;font-size:12px;font: 12px/24px Tahoma,Arial,Verdana,"Times New Roman",sans-serif;background:#fff;color: #222;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{padding:0;margin:0;}
body.mw{min-width: 1480px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
ol,ul,li{list-style:none outside none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
abbr,acronym{border:0;} 
a{outline:none;cursor:pointer;text-decoration:none;color: #666;}
a:hover,a:active{text-decoration:none; color: var(--hds-default-8);}
img,object{vertical-align:top;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
.clearfix::before,.clearfix::after{ content: ''; display: table; clear: both;}
.clear::before,.clear::after{ content: ''; display: table; clear: both;}
.no_select{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.no_resize{resize: none;}
.float_50{float:left; width:50%; clear: none!important;}
/* todo */
.todo_warp{padding: 330px; height: 30px; text-align: center; background-image: url(../images/todo.png); background-position: center 200px; background-repeat: no-repeat; background-size: auto 200px; padding-top: 420px;}
.todo_warp h2{font-size: 18px; color:#009900; line-height: 45px; font-weight: normal;}
.todo_warp p{font-size: 14px ; color: #999;  line-height: 25px;}
/*404*/
#con_404{ width:1000px; margin:0 auto;}
#con_404 .con_404_left{float: left; margin-top:65px; background:url(../images/404/left_bj_404.png) no-repeat left; width:500px; height:415px;}
#con_404 .con_404_right{ float: left; width:450px; margin-top:200px;}
#con_404 .con_404_right h2{ color:#0180cf; font-size:58px;}
#con_404 .con_404_right p{ margin-top:35px; color:#696969; font-size:26px;}
#con_404 .con_404_right a{ background-color: #0180cf; border-radius: 2px; display:block; width:200px; height:45px; margin-top:50px; color:#fff; font-size:18px; text-align:center; line-height:45px; float: left; margin-right:20px;}
#con_404 .con_404_right a:last-child{ margin-right: 0;}
#con_404 .con_404_right a:hover{background-color: #026eb1;}
/*warning*/
.warning_page_wrap{ min-width: 400px; text-align: center; background-color: #f7f7f7;border: 1px solid #e4dfdf; padding: 90px 50px 30px;background-image: url(../images/showmsg/warning.png); background-position: center 20px; background-repeat: no-repeat; background-size: auto 48px;font-size: 14px;line-height: 20px;text-align: center;color: #666;position: fixed; left:50%; top:40%;transform: translateX(-50%) translateY(-100%); border-radius: 4px;}
/*showmsg*/
.showmsg_wrap{background-color: #fff; border-radius: 8px; box-sizing: border-box; width: 680px; height: 420px; position: fixed; left:50%; top:50%;transform: translateX(-50%) translateY(-60%);z-index: 99991;-moz-box-shadow: 3px 3px 5px #D9E1EA;   -webkit-box-shadow: 3px 3px 5px #D9E1EA;       box-shadow: 3px 3px 5px #D9E1EA;   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D9E1EA')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D9E1EA');}
.showmsg_wrap .icon{height: 120px; display: block; margin: 0 auto; padding:60px 0 30px; background-image: url(../images/showmsg/msg_bg_0.png); background-position: center 60px; background-repeat: no-repeat; background-size: auto 120px;}
.showmsg_wrap .icon.status_0{background-image: url(../images/showmsg/msg_bg_0.png);}
.showmsg_wrap .icon.status_1{background-image: url(../images/showmsg/msg_bg_1.png);}
.showmsg_wrap .icon.status_2{background-image: url(../images/showmsg/msg_bg_2.png);}
.showmsg_wrap p{font-size: 32px; font-weight: bold; text-align: center; color: #2882db;}
.showmsg_wrap em{display: block; text-align: center; line-height: 36px; font-size: 14px; margin-top: 40px;  margin-bottom: 10px; color: #888;}
.showmsg_wrap ul{width: 100%; margin: 0 auto; text-align: center;}
.showmsg_wrap ul li{width: 180px; height: 42px; display: inline-block; margin: 0 10px;}
.showmsg_wrap ul li a{display: block; width: 100%; height: 42px;box-sizing: border-box; color: #3b9eff; background-color: #fff; border: 1px solid #3b9eff; border-radius: 4px; text-align: center; font-size: 18px; line-height: 40px;}
.showmsg_wrap ul li:first-child a{background-color: #3b9eff; color: #fff;}
/*========page=========*/
.page{margin-bottom: 50px; margin-left: auto; margin-top: 15px; text-align: center; margin-right: auto; padding-top: 10px; font-size: 14px;}
.page li{display: inline-block;}
.page li.page_all{display: none;}
.page a{border: 1px solid #DDDDDD;color: #999 !important;cursor: pointer;display: inline-block; height: 36px;line-height: 36px; margin-right: 8px; padding-left: 12px; padding-right: 12px; background-color: #fbfbfb; border-radius: 2px;}
.page a[href]{color: #666666 !important; background-color: #FFFFFF; }
.page a[href]:hover{border: 1px solid var(--hds-default-9); color: var(--hds-default-8) !important; text-decoration: none;}
.page a.select{background-color:var(--hds-default-9); border: 1px solid var(--hds-default-9); color: #FFFFFF !important;}
.page a.select:hover{color: #FFFFFF !important;}
.page span{display: inline-block; height: 36px; line-height: 36px; margin-right: 8px; padding-left: 12px; padding-right: 12px;}
/*多图上传*/
.hds_image_upload{margin-bottom: -20px;}
.hds_image_upload::before,.hds_upload::after{ content: ''; display: table; clear: both;}
.image_upload_li{width: 90px; height: 90px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; background-image: url(../images/transparent.png);}
.image_upload_li img{display: block; width: 90px; height: 90px; cursor: pointer; border-radius: 4px; overflow: hidden;}
.image_upload_li a{display: block; width: 20px; height: 20px; position: absolute; top: -10px; right: -10px; background-image: url(../images/err.png); background-size: 20px auto; border: 0; cursor: pointer; background-color: #fff; border-radius: 50%; overflow: hidden;}
.image_upload_li a.goPrev{right: 25px; background-image:none; background-color: transparent; }
.image_upload_btn{width: 90px; height: 90px; float: left; margin-right: 20px; background-image: url(../images/upload_btn.jpg); background-position: center; background-size: 90px auto; cursor: pointer; transition:all 0.2s;}
.image_upload_btn:hover{background-size: 100px auto;}
/*=========common=========*/
.disable-hover tbody tr:hover,.disable-hover .layui-table-hover {background-color: transparent !important;}
.layui-input-center{text-align: center;}
.layui-input.red{border-color: #FF5722 !important; background-color: #fdf7f5 !important ; }
.layui-table{margin: 0 20px; width: calc(100% - 40px);}
.layui-table td.center, .layui-table th.center{text-align: center;}
.layui-table td.right, .layui-table td.right{text-align: right;}
.layui-table td a:not(.layui-btn){color: #009688; }
.layui-table td a:not(.layui-btn):hover{text-decoration: underline;}
table .layui-form-switch{margin-top: 0!important;}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr{background-color: #fafafa; font-weight:normal;}
.layui-table th{font-weight: normal;}
.iframe{padding:35px 20px; font-size: 14px;}
.num_font{font-family: Source Han Sans CN-Regular, Source Han Sans CN !important;}
.main_1400{width: 1400px; margin: 0 auto; box-sizing: border-box;}
.main_1200{width: 1200px; margin: 0 auto; box-sizing: border-box;}
.f8{background-color: #f8f8f8;}
.f5{background-color: #f5f5f5;}
.f4{background-color: #f4f8f9;}
.f2{background-color: #eee;}
.br4{border-radius: 4px;}
.layui-carousel img{width: 100%; height: auto;}
.bg_white{background-color: #fff;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.has_shadow{box-shadow: 0px 0px 3px	#d6d6d6 ;-moz-box-shadow: 0px 0px 3px #d6d6d6 ;-webkit-box-shadow: 0px 0px 3px #d6d6d6 ;}
.no_data_wrap{width: 100%; height: 600px; position: relative;}
.no_data{position:absolute; min-width: 360px; left:50%; top:50%;transform: translateX(-50%) translateY(-40%);padding: 190px 0; background-image:url(../images/no_data.png); background-position: center top; background-repeat: no-repeat; background-size: auto 200px; text-align: center; font-size: 14px; color: #999;}
.loading{position: relative; min-height: 250px; width: 100%;}
.loading p{position: absolute; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); color: #999;}
.loading p i{font-size: 14px; padding-right: 4px; color: #999;}
.layui-btn-hds1{background-color: var(--hds-default-9);  border-radius: 9999px;}
.layui-btn-hds2{background-color: #fff; border: 1px solid #eee; color: #777; }
.layui-btn-hds2:hover{background-color: var(--hds-default-9); color: #fff;}
.layui-btn-hds3{background-color: #ffa85a; color: #fff; }
.readonly{background-color: rgb(248,248,248);}
.qrcode_wrap{padding: 100px; text-align: center;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.w60{width: 60px!important;}
.w80{width: 80px!important;}
.w100{width: 100px!important;}
.w120{width: 120px!important;}
.w150{width: 150px!important;}
.w180{width: 180px!important;}
.w200{width: 200px!important;}
.w220{width: 220px!important;}
.w240{width: 240px!important;}
.w260{width: 260px!important;}
.w280{width: 280px!important;}
.w300{width: 300px!important;}
.w420{width: 420px!important;}
.w450{width: 450px!important;}
.w500{width: 500px!important;}
.w600{width: 600px!important;}
.w650{width: 650px!important;}
.w700{width: 700px!important;}
.w800{width: 800px!important;}
/* 复选框-购物车列表 */
.cart_form_checkbox .layui-form-checkbox[lay-skin="primary"]:hover > i{border-color: #ff5000;}
.cart_form_checkbox .layui-form-checked[lay-skin="primary"] > i{border-color: #ff5000 !important; background-color: #ff5000;}
.cart_form_checkbox .layui-form-checkbox[lay-skin="primary"] > .layui-icon-indeterminate{border-color: #ff5000;}
.cart_form_checkbox .layui-form-checkbox[lay-skin="primary"] > .layui-icon-indeterminate:before{background-color: #ff5000;}
/* 复选框-购物车表头 */
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"]{height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 24px; padding-right: 0; background: none;}
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"] > div{margin-top: -1px; padding-left: 0; padding-right: 15px; line-height: 18px; background: none; color: #fff;}
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"] > i{right: auto; left: 0; width: 16px; height: 16px; line-height: 14px; border: 1px solid #fff; font-size: 14px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"]:hover > i{border-color: #fff; color: #ff5000;}
.cart_header_checkbox .layui-form-checked[lay-skin="primary"] > i{border-color: #fff !important; background-color: #fff; color: #ff5000;}
.cart_header_checkbox .layui-checkbox-disabled[lay-skin="primary"] > div{background: none!important;}
.cart_header_checkbox .layui-form-checked.layui-checkbox-disabled[lay-skin="primary"] > i{background: #eee!important; border-color: #eee!important;}
.cart_header_checkbox .layui-checkbox-disabled[lay-skin="primary"]:hover > i{border-color: #d2d2d2;}
.cart_header_checkbox .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 10px;}
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"] > .layui-icon-indeterminate{border-color: #16b777;}
.cart_header_checkbox .layui-form-checkbox[lay-skin="primary"] > .layui-icon-indeterminate:before{content: ''; display: inline-block; vertical-align: middle; position: relative; width: 50%; height: 1px; margin: -1px auto 0; background-color: #16b777;}
/*=========index_slides=========*/
#full-screen-slider { width:100%; height:380px; position:relative; margin-left:auto; margin-right:auto}
#slides { display:block; width:100%; height:380px; list-style:none; padding:0; margin:0; position:relative; z-index:1;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;  background-position: center top; background-repeat: no-repeat; background-size: auto 380px;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {display: block; list-style: none; position: absolute; left: 50%; z-index: 100; padding: 5px; margin: 0; bottom: 20px; background-color: rgba(0, 0, 0, .2); border-radius: 9999px;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin: 0 3px; border-radius:5px; background:rgba(255, 255, 255, .5) ;text-indent:-9999px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff;}
/*=========header=========*/
.header{width: 100%; background-color: #fff; position: relative; z-index: 99; }
.header .logo{float: left; width: 200px; height: 60px; margin: 15px 0;}
.header .logo img{height: 60px; width: auto; display: block;}
.header .search{float: right; height: 40px; margin: 25px 0;}
.header .search form{float: left; position: relative; height: 40px; background-color: #f5f5f5; border-radius: 9999px; padding-left: 45px; padding-right: 84px; box-sizing: border-box;}
.header .search form .ss{position: absolute; top: 10px; left: 15px; font-size: 20px; color: #999;}
.header .search form input{width: 220px; height: 40px; border: none; font-size: 16px; color: #333; background-color: transparent; line-height: 40px;}
.header .search form button{position: absolute; top: 2px; right: 2px; width: 80px; height: 36px; line-height: 36px; border: none; background-color: #fff; color: #666; font-size: 14px; cursor: pointer; border-radius: 9999px;}
.header .cart{float: left; margin-left: 30px; height: 40px; width: 40px; position: relative; background-color:#f5f5f5; text-align: center; line-height: 40px; border-radius: 9999px; cursor: pointer;}
.header .cart i{font-size: 24px; color: #333; }
.header .cart:hover i{color: var(--hds-default-8);}
.header .cart em{position: absolute; transform:scale(0.8); top: -5px; right: -5px; width: 18px; height: 18px; background-color: #ff5a5f; color: #fff; font-size: 12px; line-height: 18px; border-radius: 50%; text-align: center;}
.header .search form:hover{background-color: #e5e5e5;}
.header .search form button:hover{background-color: var(--hds-default-7); }
.header .btns{float: left; height: 40px; padding: 0 18px; margin-left: 30px; background-color: var(--hds-default-7); color: #fff; font-size: 14px; line-height: 40px; border-radius: 9999px;}
.header .btns a{padding: 0 6px; color: #333;}
.header .btns a:hover{color: var(--hds-default-8);}
.header .btns em{color: rgba(0,0,0,0.3);}
.header .btns span{color: #333; padding-right: 6px; padding-left: 6px;}
.header .nav{width: 100%; height: 56px; background-color: var(--hds-default-3); position: relative; z-index: 99998;}
.header .nav ul{float: left;}
.header .nav li{float: left; height: 56px; position: relative; z-index: 99;}
.header .nav li a{display: block; height: 26px; padding: 18px 20px 0; color: rgba(255,255,255,0.9); text-align: center; text-decoration: none;}
.header .nav li a p{font-size: 16px; height: 26px; padding: 0 6px; display: inline-block; line-height: 1; position: relative; overflow: hidden;}
.header .nav li a p::after{position: absolute; left: -100%; bottom: 3px; content: ""; width: 100%; height: 3px; background-color: var(--hds-default-7); border-radius: 999px; transition: all 0.3s ease-in-out;}
.header .nav li a:hover p,.header .nav li a.active p{color: #fff;}
.header .nav li a:hover p::after, .header .nav li a.active p::after{position: absolute; left: 0px; bottom: 3px; content: ""; width: 100%; height: 3px; background-color: var(--hds-default-7); border-radius: 999px;}
.header .nav .wechat_icon{ height: 56px; float: right; position: relative; z-index: 1000; cursor: pointer;}
.header .nav .wechat_icon .wechat_btn{margin: 12px 0; height: 32px; line-height: 32px; padding: 0 20px; background-color: rgba(255,255,255,0.3); border-radius: 9999px; } 
.header .nav .wechat_icon .wechat_btn i{font-size: 22px; color: rgba(255,255,255,0.8); padding-right: 8px; vertical-align: middle;}
.header .nav .wechat_icon .wechat_btn span{ font-size: 14px; color: rgba(255,255,255,0.8);}
.header .nav .wechat_icon .wechat_qrcode{position: absolute; display: none; top: 56px; right: 0; width: 140px; height: 140px; padding: 10px; background-color: var(--hds-default-3); box-sizing: border-box;}
.header .nav .wechat_icon .wechat_qrcode img{width: 120px; height: 120px; display: block;}
.header .nav .wechat_icon:hover .wechat_btn i{color: #fff;}
.header .nav .wechat_icon:hover .wechat_btn span{color: #fff;}
.header .nav .wechat_icon:hover .wechat_qrcode{display: block;}
/*==============footer==============*/
.footer{background-color: #111; }
.honor_icon{background-color: #2f363c;text-align: center;}
.honor_icon .main{display: flex;  padding: 15px 0;  justify-content: space-between; align-items: center; max-width: 1300px; margin: 0 auto;}
.honor_icon .icon_item i{font-size: 30px; line-height: 48px; padding-right: 10px; vertical-align: bottom;  color: rgba(255,255,255,0.6);}
.honor_icon .icon_item span{font-size: 18px; line-height: 48px;  color: rgba(255,255,255,0.6);}
.footer_wrap{padding: 30px 0; color: rgba(255,255,255,0.8);}
.footer_top{padding-bottom: 30px;}
.footer_top_left{float: left;}
.footer_top_left dl{float: left; margin-right: 80px;}
.footer_top_left dl dt{font-size: 18px; line-height: 32px; color: rgba(255,255,255,0.8); margin-bottom: 10px;}
.footer_top_left dl dd{margin-bottom: 10px;}
.footer_top_left dl dd a{ color: rgba(255,255,255,0.6);}
.footer_top_left dl dd a:hover{color: #fff;}
.footer_top_right{float: right;}
.footer_top_right .qrcode_item{width: 110px; height: 152px; margin-left: 20px; float: left;}
.footer_top_right .qrcode_item .img{padding: 5px; background-color: #fff;}
.footer_top_right .qrcode_item img{width: 100px; height: 100px; display: block;}
.footer_top_right .qrcode_item p{text-align: center; color: rgba(255,255,255,0.6); line-height: 32px;}
.footer_top_right .tel{float: left; margin-right: 50px;}
.footer_top_right .tel em{display: block; margin-top: 4px; margin-bottom: 12px; font-size: 14px; color: rgba(255,255,255,0.5);}
.footer_top_right .tel i{font-size: 42px; color: rgba(255,255,255,0.5); padding-right: 6px; vertical-align: sub; }
.footer_top_right .tel p{font-size: 30px; color: rgba(255,255,255,0.8);}
.footer_bottom{border-top: 1px solid rgba(255,255,255,0.3); padding: 15px 0; text-align: center; color: rgba(255,255,255,0.8); line-height: 2;}
.footer_bottom a{padding-right: 10px; padding-left: 10px; color: rgba(255,255,255,0.6);}
.footer_bottom a:hover{color: #fff;}
.footer_bottom a i{font-size: 18px; color: rgba(255,255,255,0.6);  padding-right: 6px; vertical-align: sub;}
/*==============index================*/
.index_main_title{height: 40px; width: 100%; position: relative; margin-bottom: 18px;}
.index_main_title h2{font-size: 20px; line-height: 40px; color: #666; float: left; font-weight: bold; padding-left: 60px; position: relative; }
.index_main_title h2::before{content: ""; position: absolute; left: 0; top: -3px; width: 48px; height: 48px; border-radius: 50%; background-color: #f5f5f5;  }
.index_main_title h2.t_1::before{background-image: url(../images/tag_icon_1.png); background-position: center; background-size: 48px auto; background-repeat: no-repeat;}
.index_main_title h2.t_2::before{background-image: url(../images/tag_icon_2.png); background-position: center; background-size: 48px auto; background-repeat: no-repeat;}
.index_main_title h2.t_3::before{background-image: url(../images/tag_icon_3.png); background-position: center; background-size: 48px auto; background-repeat: no-repeat;}
.index_main_title h2.category::before{font-family: "iconfont" !important; content: "\e601"; color:var(--hds-default-3);  text-align: center; font-size: 48px; line-height: 48px; }  
.index_main_title h2.category.c_2::before{content: "\e6f6"; color:var(--hds-status-1); }
.index_main_title h2.category.c_12::before{content: "\e6f3"; color:var(--hds-status-2); }
.index_main_title h2.category.c_4::before{content: "\e6f5"; color:var(--hds-status-3); }
.index_main_title h2.category.c_5::before{content: "\e6f7"; color:var(--hds-status-4); }
.index_main_title h2.category.c_27::before{content: "\e6f4"; color:var(--hds-status-5); }
.index_main_title h2.category.c_30::before{content: "\e70f"; color:var(--hds-status-6); }
.index_main_title h2.category.c_34::before{content: "\e6a4"; color:var(--hds-status-3); }
.index_main_title .right{float: right; margin-top: 8px; height: 32px; line-height: 32px; font-size: 14px; color: #888;}
.index_main_title .right .son{font-size: 14px; color: #888;}
.index_main_title .right .son:hover{color: var(--hds-default-8);}
.index_main_title .right em{padding: 0 8px; color: #ddd;}
.index_main_title .right .more{display: inline-block; padding-right: 32px; position: relative; color: #888;}
.index_main_title .right .more::after{font-family: "iconfont" !important; content: "\e637"; position: absolute; right: 0; top: 0; width: 32px; height: 32px; font-size: 24px; color: #bbb; line-height: 32px; text-align: center;}
.index_main_title .right .more:hover{color: var(--hds-default-8);}
.index_main_title .right .more:hover::after{color: var(--hds-default-8);;}
.lift{width: 40px; padding: 4px 4px; height: auto; background-color: #fff; position: fixed; top: 50%; left: calc(50% + 750px); transform:translateY(-50%); z-index: 99; text-align: center;  border-radius: 9999px; cursor: pointer; transition: all 0.3s ease-in-out; display: none; opacity: 0;}
.lift li{position: relative; font-size: 12px; color: #999; width: 40px; height: 40px; border-radius: 9999px; line-height: 40px; transition: all 0.2s ease-in-out;}
.lift li i{font-size: 18px;  color: #999; transition: all 0.2s ease-in-out;}
.lift li:hover, .lift li.active{background-color: #02c090; color: #fff;}
.lift li:hover i,.lift li.active i{color: #fff;}
.goods_li{width: 225px; height: 320px; margin: 0 10px 15px 0; float: left; background-color: #fff; position: relative;}
.main_content a:nth-child(6n) .goods_li{margin-right: 0;}
.goods_li .is_new{position: absolute; top: 8px; right: 8px; z-index: 2; }
.goods_li .is_new i{font-size: 36px; color: #e3101e; display: none;}
.goods_li .is_new::after{content: "新品"; position: absolute; top: 0; right: 0; width: 45px; font-size: 12px; line-height: 22px; text-align: center; border-radius: 9999px; background-color: #e3101e; color: #fff; z-index: 1; }

.goods_li .img{width: 100%; height: 225px; overflow: hidden; position: relative;}
.goods_li .img img{width: 225px; height: 225px; display: block; transition: all 0.3s ease-in-out;}
.goods_li .title{padding: 5px 8px;}
.goods_li .title h3{font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #333; }
.goods_li .info{ padding: 0 10px;}
.goods_li .info dl{float: left;}
.goods_li .info dl dt{display: inline-block; font-size: 12px; line-height: 30px; color: #999; padding-right: 6px; }
.goods_li .info dl dd{display: inline-block; font-size: 12px; line-height: 30px; color: #666;}
.goods_li .info p{float: right; font-size: 12px; line-height: 30px; color: #e3101e;}
.goods_li .info p em{font-size: 20px; color: #e3101e; padding-left: 2px;}
.goods_li .info p b{color: #888; padding-left: 2px; font-weight: normal;}
.goods_li .info p del{color: #888; font-size: 14px; padding-right: 8px; font-weight: normal;}
a:hover .goods_li .img img{transform: scale(1.05); }
a:hover .goods_li::after{content: ""; position: absolute; left: 0; top: 0; box-sizing:border-box; width: 100%; height: 100%; background-color: transparent; border: 2px solid var(--hds-default-8);  z-index: 99; }
/*list*/
.select_wrap{width: 100%; height: auto;  background-color: #fff; padding: 10px 0;}
.select_li{position: relative; padding-left: 150px; border-bottom: 1px solid #eee;}
.select_li:last-child{border-bottom: none;}
.select_li .select_li_left{position: absolute; left: 0; top: 15px; width: 110px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #666; background-color: #f2f2f2; border-radius: 4px;}
.select_li .select_li_left::after{content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom-color:  #f2f2f2 ; right: -18px; top: 8px; position: absolute; margin:auto;  z-index: 1; transform: rotate(90deg);}
.select_li .select_li_right{padding-top: 15px;}
.select_li .select_li_right li{min-width: 100px; height: 36px; line-height: 36px; text-align: center; float: left; margin-right: 20px; margin-bottom: 15px;}
.select_li .select_li_right li>a{display: block; padding: 0 10px; color: #333; font-size: 14px; text-decoration: none;}
.select_li .select_li_right li>a.active, .select_li .select_li_right li>a:hover{background-color: var(--hds-default-9); color: #fff; border-radius: 4px;}
.select_li .select_li_right li.key{min-width: 10px; height: 36px; line-height: 36px; padding: 0 45px 0 20px; background-color: var(--hds-default-9); color: #fff; border-radius: 4px; position: relative; }
.select_li .select_li_right li.key a{position: absolute; padding: 0; top: 0; right: 0; width: 36px; height: 36px; text-align: center;}
.select_li .select_li_right li.key a i{font-size: 16px; line-height: 36px; color: #fff;}
.select_li .select_li_right li.key a:hover i{color: var(--hds-default-8);}
.list_title{width: 100%; height: 52px; background-color: #fff; border-radius: 2px 2px 0 0; position: relative; z-index: 1; margin-bottom: 15px;}
.list_title .order_wrap{float: left; padding-left: 20px;}
.list_title .order_wrap li{width: 80px; height: 36px; line-height: 36px; text-align: center; float: left; font-size: 14px; margin-right: 20px; margin-top: 8px;}
.list_title .order_wrap li i{padding-left: 4px; font-size: 14px; color: #999; line-height: 36px;  }
.list_title .order_wrap li a.active{color: var(--hds-default-8);}
.list_title .order_wrap li a.active i{color: var(--hds-default-8);}
.list_title .order_wrap li a:hover{color: var(--hds-default-8);}
.list_title .order_wrap li a:hover i{color: var(--hds-default-8);}
.list_title .pages{float: right;padding: 0 20px; line-height: 52px;}
.list_title .pages li{display: inline-block; margin: 0 4px; font-size: 12px; color: #666;}
.list_title .pages li a{color: #888;}
.list_title .pages li a[href]{color: #333;}
.list_title .pages li a[href]:hover{color: var(--hds-default-8);}
.list_title .pages li em{color: #999; padding: 0 3px; font-style: normal;  }
.list_title .pages li b{font-weight: normal;}
.list_title .pages li b.now{color: var(--hds-default-9);}
/*=================detail=========================*/
.page_nav{background-color: #fff; height: 36px;}
.page_nav dt, .page_nav dd{float: left;}
.page_nav dt a{font-size: 13px; line-height: 36px; color: #666;}
.page_nav dt a i{font-size: 16px; line-height: 36px; color: #888; padding-right: 4px;}
.page_nav dd{margin: 0 10px;}
.page_nav dd i{font-size: 12px; line-height: 36px; color: #bbb;}
.page_nav dt a:hover, .page_nav dt a:hover i{color: var(--hds-default-8);}
.detail_top{padding: 20px;}
.goods_album{width:600px; height:700px; position:relative; overflow:hidden; margin:0;  float: left;}
.goods_album .color_img_wrap{position: absolute; left: 0; top: 0; width: 600px; height: 600px; overflow: hidden; z-index: 100; display: none; border-radius: 4px; background-color: #fff;}
.goods_album .color_img_wrap img{width: 100%; height: 100%; display: block; border-radius: 4px;}
.goods_album .large_pic{ width:600px; height:600px; position:relative; overflow:hidden;}
.goods_album .large_pic ul{ position:absolute; left:0; top:0;}
.goods_album .large_pic ul li{ width:600px; height:600px; border-radius: 4px; overflow: hidden;}
.goods_album .large_pic ul li img{display: block; width: 600px; height: 600px; border-radius: 4px; overflow: hidden;}
.goods_album .large_pic .large_pic_btn{ position:absolute; width:36px; height:36px; z-index:9; cursor:pointer; top:50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.2); border-radius: 9999px; text-align: center; line-height: 36px; color: #fff; font-size: 14px;}
.goods_album .large_pic .large_pic_btn i{font-size: 20px; color: #fff;}
.goods_album .large_pic .large_pic_btn.prev{left:12px;}
.goods_album .large_pic .large_pic_btn.next{right:12px;}
.goods_album .num{ height:82px;overflow:hidden; width:532px; position:relative; float:left;}
.goods_album .min_pic{ padding-top:10px; width:600px;}
.goods_album .num ul{ position:absolute; left:0; top:0;}
.goods_album .num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.goods_album .num ul li img{display: block; width: 80px; height: 80px;}
.goods_album .num ul li.on{ border:1px solid red; padding:0;}
.goods_album .min_pic .min_pic_btn{width:24px; height: 80px; cursor:pointer; text-align:center; line-height: 80px; background-color: rgba(0,0,0,0.2);}
.goods_album .min_pic .min_pic_btn i{font-size: 14px; color: #fff;}
.goods_album .min_pic .prev_btn{margin-right:10px; cursor:pointer; float:left; border-radius: 4px 0 0 4px;}
.goods_album .min_pic .next_btn{float:right; cursor:pointer; border-radius: 0 4px 4px 0;}
.detail_top_right{width: 740px; float: right;}
.detail_top_right .title{font-size: 24px; line-height: 1; color: #333; margin-bottom: 30px; font-weight: 700;}
.detail_top_right .info{background-color: #f9f9f9; border: 1px solid #eee; border-radius: 2px; padding: 15px 0 10px 20px; margin-bottom: 10px; position: relative;}
.detail_top_right .info .icon_box{position: absolute; top: 20px; right: 15px;}
.detail_top_right .info .icon_box .icon_li{float: right; margin-left: 10px; height: 36px; line-height: 36px;}
.detail_top_right .info .icon_box .icon_li i{font-size: 16px; color: #999; padding-right: 4px; line-height: 36px; vertical-align: bottom;}
.detail_top_right .info .icon_box .icon_li em{font-size: 14px; color: #999; line-height: 36px; }
.detail_top_right .price_ul{height: 48px; line-height: 48px;}
.detail_top_right .price_ul span{font-size: 14px; line-height: 36px; color: #666; padding-right: 4px;}
.detail_top_right .price_ul em{font-size: 16px; line-height: 36px; color: #ff5a00; padding-right: 4px;}
.detail_top_right .price_ul strong{font-size: 36px; color: #ff5a00; font-weight: 700; padding-right: 4px;}
.detail_top_right .price_ul del{font-size: 18px; color: #999; margin-right: 4px; font-weight: 200;}
.detail_top_right .other_ul{margin-right: 20px; border-top: 1px dashed #e2e2e2; padding-top: 10px; margin-top: 15px; display: flex; justify-content: space-between;}
.detail_top_right .other_ul em{font-size: 14px; line-height: 24px; color: #888; padding-right: 4px;}
.detail_top_right .other_ul span{font-size: 14px; line-height: 24px; color: #555; font-weight: bold;  }
.detail_top_right .color_box{margin-top: 30px;}
.detail_top_right .color_box .color_title{font-size: 14px; color: #888;}
.detail_top_right .color_box .color_ul{margin-top: 8px;}
.detail_top_right .color_box .color_ul .color_li{background-color: #fff; border: 1px solid #dadde0; width: fit-content; height: 32px; cursor: pointer; position: relative; border-radius: 4px; float: left; margin-right: 8px; margin-bottom: 10px; padding-left: 42px;}
.detail_top_right .color_box .color_ul .color_li img{display: block; width: 28px; height: 28px; position: absolute; left: 2px; top: 2px; border-radius: 2px;}
.detail_top_right .color_box .color_ul .color_li em{display: block; width: 28px; height: 28px; position: absolute; left: 2px; top: 2px; border-radius: 2px;}
.detail_top_right .color_box .color_ul .color_li span{white-space: nowrap; word-break: keep-all; font-size: 14px; line-height: 32px; color: #666; padding-right: 10px;}
.detail_top_right .color_box .color_ul .color_li.active{border: 1px solid #ff5000;}
.detail_top_right .color_box .color_ul .color_li.active span{color: #ff5000;}
.detail_top_right .size_box{margin-top: 20px;}
.detail_top_right .size_box .size_title{font-size: 14px; color: #888;}
.detail_top_right .size_box .size_hd_ul{margin-top: 8px; line-height: 32px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background-color: #fbfbfb;}
.detail_top_right .size_box .size_hd_ul li{float: left; box-sizing: border-box; padding-left: 30px; font-size: 14px; color: #666;}
.detail_top_right .size_box .size_hd_ul li:nth-child(1){width: 22%; }
.detail_top_right .size_box .size_hd_ul li:nth-child(2){width: 22%;}
.detail_top_right .size_box .size_hd_ul li:nth-child(3){width: 22%;}
.detail_top_right .size_box .size_hd_ul li:nth-child(4){width: 34%; text-align: center; padding-right: 30px;}
.detail_top_right .size_box .size_bd ul{ line-height: 40px; border-bottom: 1px solid #efefef;}
.detail_top_right .size_box .size_bd ul li{float: left; box-sizing: border-box; padding-left: 30px; font-size: 14px; color: #333;}
.detail_top_right .size_box .size_bd ul li:nth-child(1){width: 22%; }
.detail_top_right .size_box .size_bd ul li:nth-child(2){width: 22%;}
.detail_top_right .size_box .size_bd ul li:nth-child(3){width: 22%;}
.detail_top_right .size_box .size_bd ul li:nth-child(4){width: 34%; text-align: center; padding-right: 30px;}
.detail_top_right .size_box .size_bd ul li em{font-size: 12px; color: #888; padding-right: 3px;}
.detail_top_right .size_box .size_bd ul li:last-child{display: flex; padding-top:6px; justify-content:center;}
.detail_top_right .size_box .size_bd ul li:last-child span{display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #ccc; margin: 0 2px; cursor: pointer; border-radius: 2px;}
.detail_top_right .size_box .size_bd ul li:last-child span i{font-size: 18px; color: #888;}
.detail_top_right .size_box .size_bd ul li:last-child span.disabled{background-color: rgb(245,245,245); border: 1px solid #e2e2e2; color: #999; cursor: not-allowed;}
.detail_top_right .size_box .size_bd ul li:last-child input{padding: 0; margin: 0; display: block; width: 40px; height: 24px; background-color: rgb(248,248,248); border:1px solid #ccc; text-align: center; font-size: 14px; color: #333; border-radius: 2px; }
.detail_top_right .size_box .size_bd ul li .num_disabled{padding: 0 12px; background-color: rgb(245,245,245); border: 1px solid #e2e2e2; border-radius: 2px; font-size: 12px; line-height: 24px; color: #999; cursor: not-allowed;}
.detail_top_right .buy_box{margin-top: 30px; height: 56px; text-align: right; position: relative;}
.detail_top_right .buy_box a{display: inline-block; margin-left: 15px; width: 160px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; font-size: 16px; color: #fff; cursor: pointer; background-color: var(--hds-default-8); transition: all 0.3s ease-in-out;}
.detail_top_right .buy_box a.cart_btn{background-color: var(--hds-default-6);}
.detail_top_right .buy_box a:hover{opacity: 0.8;}
.detail_top_right .buy_box a.disabled_btn{width: 240px; background-color: rgb(242,242,242); border: 1px solid #e2e2e2; color: #999; cursor: not-allowed;}
.detail_top_right .buy_box a.disabled_btn i{font-size: 18px; padding-right: 10px;}
.detail_top_right .buy_box .qrcode_box{position: absolute; bottom:  0; right: -120px; width: 100px; height: 100px; padding: 8px; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; display: none;}
.detail_top_right .buy_box .qrcode_box img{width: 100%; height: 100%; display: block;}
.detail_top_right .buy_box a.disabled_btn:hover + .qrcode_box{display: block;}
.goods_detail_left{width: 1115px; min-height: 600px; height: auto; float: left; padding:20px; box-sizing: border-box; }
.goods_detail_left .goods_detail_left_title{line-height: 42px; font-size: 18px; padding-left: 8px; color: #333; border-bottom: 1px solid #f2f2f2; margin-bottom: 20px;}
.goods_detail_left .goods_detail_left_content img{width: 100%; height: auto; display: block;}
.goods_detail_right{width: 225px; height: auto; float: right; padding:20px;}
.goods_detail_right .goods_detail_right_title{font-size: 18px; color: #444; margin-bottom: 15px; text-align: center; line-height: 1.4; padding-bottom: 10px; position: relative;}
.goods_detail_right .goods_detail_right_title::after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);  width: 60px; height: 2px; background-color: #999; border-radius: 4px;}
.goods_detail_right .goods_li{margin-right: 0; background-color: rgb(245,245,245);}
.single_wrap{width: 1200px; margin: 30px auto; padding:50px 30px 30px; box-sizing: border-box; border-radius: 8px; background-color: #fff;}
.single_wrap .single_title{font-size: 24px; color: #333; margin-bottom: 30px; text-align: center; line-height: 1.2; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;}
.single_wrap .single_content{min-height: 480px; font-size: 16px; color: #666; line-height: 2; text-align: justify; padding-bottom: 30px;}
.single_btns{text-align: center; margin-top: 30px; margin-bottom: 50px;}
.single_btns button{display: inline-block; width: 180px; height: 50px; line-height: 50px; border: 0; text-align: center; border-radius: 999px; font-size: 16px; color: #fff; cursor: pointer; background-color: var(--hds-default-9); transition: all 0.3s ease-in-out;}
.single_btns button i{padding-right: 6px; font-size: 16px; line-height: 50px;}
.single_btns button:hover{opacity: 0.8;}
/*======feedback======*/
.feedback_wrap{width: 900px; height: 567px; margin: 50px auto; background-color: #efefef; background-image: url(../images/feedback_bg2.png); background-position: center; background-repeat: no-repeat; padding: 60px 150px; box-sizing: border-box; position: relative;}
.feedback_title{font-size: 36px; text-align: center; font-weight: bold; color: #666; margin: 20px 0 50px;}
/*=======订单确认弹出层======*/
.confirm_cart_layer{width: 480px; height: auto; background-color: rgb(245,245,245);}
.confirm_cart_layer .goods_list{padding: 15px 0 5px 15px; width: 480px; box-sizing: border-box; }
.confirm_cart_layer .goods_list .goods_item{width: 140px; height: 225px; float: left; font-weight: 200; margin-right: 15px; margin-bottom: 8px; border-radius: 4px; position: relative; background-color: #fff; overflow: hidden;}
.confirm_cart_layer .goods_list .goods_item .img{width: 130px; height: 130px; padding: 5px; border-radius: 4px; overflow: hidden;}
.confirm_cart_layer .goods_list .goods_item .img img{width: 100%; height: 100%; display: block;}
.confirm_cart_layer .goods_list .goods_item .title{font-size: 12px; color: #666; padding: 6px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.confirm_cart_layer .goods_list .goods_item .unit_box{padding: 4px 0 0 6px; height: 20px;}
.confirm_cart_layer .goods_list .goods_item .unit_box em{display: inline-block; min-width: 40px; text-align: center; font-size: 12px; line-height: 20px; background-color:rgb(242,242,242); color: #666; border-radius: 999px; margin-right: 6px;}
.confirm_cart_layer .goods_list .goods_item .unit_box em:last-child{margin-right: 0;}
.confirm_cart_layer .goods_list .goods_item .price{padding: 8px 0 0 6px; font-size: 14px; font-family: 'AlibabaSans102v1TaoBao-Bold'; color: #ff5000; line-height: 24px; }
.confirm_cart_layer .price_box{margin: 0 15px; background-color: #fff; border-radius: 4px; padding: 8px 10px;}
.confirm_cart_layer .price_box .price_li{width: 100%; height: 40px; border-bottom: 1px solid rgb(240,240,240); padding-bottom: 4px; margin-bottom: 4px;}
.confirm_cart_layer .price_box .price_li:last-child{padding-bottom: 0; margin-bottom: 0; border: 0;}
.confirm_cart_layer .price_box .price_li dt{float: left; width: 45%; height: 40px; padding-left: 10px; font-size: 14px; line-height: 40px; color: #888;}
.confirm_cart_layer .price_box .price_li dd{float: right;  height: 40px; padding-right: 10px; font-size: 14px; line-height: 40px;}
.confirm_cart_layer .price_box .price_li dd em{ font-family: 'AlibabaSans102v1TaoBao-Bold'; color: #ff5000;}
.confirm_cart_layer .price_box .price_li input[type=checkbox]{transform:scale(0.8); }
.confirm_cart_layer .price_box .price_li  .layui-form-switch{margin-top: -2px;}
.confirm_cart_layer .btn_box{margin: 15px auto 25px; text-align: center;}
.confirm_cart_layer .btn_box a{display: inline-block; width: 160px; height: 48px; background-color: #ff5000; font-size: 16px; color: #fff; line-height: 48px; border-radius: 9999px;}
.confirm_cart_layer .btn_box a:hover{opacity: 0.8;}
/*quotation*/
.w1200{max-width: 1200px; margin: 0 auto;}
.quotation_body{background-color: #ebebeb;}
.quotation_header{width: 100%; height: 70px; position: fixed; top: 0; left: 0; z-index: 99; background-color: #fff; border-bottom: 1px solid #e4dfdf; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.quotation_header .logo{padding: 0 20px 0 0; float: left; border-right: 1px solid rgb(232,232,232); margin: 10px 0; }
.quotation_header .logo img{width: auto; height: 50px; display: block;}
.quotation_header .title{padding:10px 20px; font-size: 20px;  line-height: 50px; color: #888; float: left;}
.quotation_contact_wrap{position: relative; float: right; margin: 10px 0 10px; padding: 0 70px 0 10px; height: 50px; box-sizing: border-box; cursor: pointer; border-radius: 4px; }
.quotation_contact_wrap .quotation_name{font-size: 14px; color: #666; text-align: right; line-height: 1; margin: 8px 0 4px ;}
.quotation_contact_wrap .quotation_phone{font-size: 18px; color: #444; text-align: right; line-height: 1;}
.quotation_contact_wrap .quotation_phone i{color: #999; padding-right: 6px;}
.quotation_contact_wrap .quotation_qrcode_btn{width: 40px; height: 40px; position: absolute; top: 5px; right: 15px; text-align: center; line-height: 40px;} 
.quotation_contact_wrap .quotation_qrcode_btn i{font-size: 40px; color: #888; }
.quotation_contact_wrap .quotation_qrcode_wrap{display: none; position: absolute; padding: 8px; background-color: #02c090; border-radius: 4px; right: 0; top: 56px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.quotation_contact_wrap .quotation_qrcode_wrap img{width: 120px; height: 120px; display: block; margin: 0 auto;}
.quotation_contact_wrap:hover{ background-color:#02c090;}
.quotation_contact_wrap:hover .quotation_name{color: #fff;}
.quotation_contact_wrap:hover .quotation_phone{color: #fff;}
.quotation_contact_wrap:hover .quotation_phone i{color: #fff;}
.quotation_contact_wrap:hover .quotation_qrcode_btn i{color: #fff;}
.quotation_contact_wrap:hover .quotation_qrcode_wrap{display: block;}
.quotation_container{width: 1200px; margin: 90px auto 0; border-radius: 8px; background-color: #fff;}
.quotation_container .quotation_category_list{width: 100%; height: 60px; padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid #e4dfdf; background-color: #fafafa; border-radius: 8px 8px 0 0; }
.quotation_container .quotation_category_list li{float: left; margin: 10px 10px 10px 0; padding: 0 20px; font-size: 16px; line-height: 40px; color: #666; cursor: pointer; position: relative;}
.quotation_container .quotation_category_list li.on, .quotation_container .quotation_category_list li:hover{background-color: #ff5000; color: #fff; border-radius: 20px;}
.quotation_container .quotation_goods_list{display: none; padding-bottom: 1px;}
.quotation_goods_table{margin: 20px; border-collapse: collapse; width: calc(100% - 40px);}
.quotation_goods_table th {padding: 8px 5px; border: 1px solid #ddd; background-color: #f5f5f5; text-align: center; font-size: 14px; color: #666;line-height: 24px;}
.quotation_goods_table td {padding: 8px 5px;  border: 1px solid #dfdfdf;  text-align: center;  font-size: 14px;  color: #666;  line-height: 22px;}
.quotation_goods_table.show_price th:nth-child(1) {width: 130px;}
.quotation_goods_table.show_price th:nth-child(2) {width: 590px;}
.quotation_goods_table.show_price th:nth-child(4) {width: 130px;}
.quotation_goods_table th:nth-child(1) {width: 130px;}
.quotation_goods_table th:nth-child(2) {width: 590px;}
.quotation_goods_info{width: 600px; height: 200px; position: relative;}
.quotation_goods_info h3{padding: 8px 10px; width: 580px; text-align: left;  font-size: 14px;  color: #fff;  line-height: 22px; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: 0; }
.quotation_goods_info .quotation_goods_imgs{width: 600px; height: 200px;}
.quotation_goods_info .quotation_goods_imgs img{display: block; float: left; width: 200px; height: 200px;}
.quotation_footer{padding: 15px 0; text-align: center; color: rgba(120,120,120,0.8); line-height: 2; margin-top: 16px;}
.quotation_footer a{padding-right: 10px; padding-left: 10px; color: rgba(120,120,120,0.6);}
.quotation_footer a:hover{color: rgba(120,120,120,0.3);}
.quotation_footer a i{font-size: 18px; color: rgba(120,120,120,0.6); padding-right: 6px; vertical-align: sub;}