@font-face { font-family: 'iconfont'; /* project id 2310974 */ src: url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.eot'); src: url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.woff2') format('woff2'), url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.woff') format('woff'), url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.ttf') format('truetype'), url('//at.alicdn.com/t/font_2310974_ybig2qqpp8.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999; }
.icon-success:before { content: '\e624'; }
.icon-user:before { content: '\e851'; }
.icon-shebao:before { content: '\e604'; }
.icon-mobile:before { content: '\e638'; }
.icon-password:before { content: '\e60b'; }
body { background-color: #3C9C54 !important; }
.container { background-color: #3C9C54; color: #fff; padding-bottom: 30px; position: relative; }
.container .hdbg { margin: -190px 20px 20px; position: relative; background-color: #fff; box-shadow: #000 0px 0px 10px; border-radius: 10px; }
.container .hdbg .desc { padding: 10px 20px; color: #000; }
.container .hdbg .desc .desc-txt { text-indent: 2em; }
.container .hdbg .tit { display: flex; justify-content: center; position: relative; }
.container .hdbg .tit p { position: absolute; color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 35px; }
.container .hdbg .tit img { width: 60%; }
.container .section { padding: 15px; }
.container .section .hd-item { position:relative; width:100%; height:60px; margin-bottom: 20px;}
.container .section .hd-item .hd-img { width: 100%; height:60px;}
.container .section .hd-item .hd-txt { width: 100%; position:absolute; left:0; top:0; width:100%; height:55px; display:flex; align-items:center;}
.container .section .hd-item .hd-txt h3 { padding-left: 20px; font-weight:bold; font-size: 18px; height:55px; line-height:55px; color:#000; width:80px;}
.container .section .hd-item .hd-txt p { padding:0 20px; height:55px; display:flex; align-items:center; flex:1; overflow:hidden; color:#000; font-weight:bold;}
.container .section .tit { display: flex; flex-direction: column; align-content: center; margin-bottom: 20px; }
.container .section .tit h1 { font-size: 18px; text-align: center; }
.container .section .tit .line1 { height: 1px; width: 30px; background-color: #fff; margin: 0 auto; }
.container .section .tit .line2 { height: 1px; width: 80px; background-color: #f5f5f5; margin: 0 auto; }
.container .hdbg .desc { font-size: 14px; }
.container .hdbg .desc p { line-height: 25px; }
.container .hdbg .desc .desc-txt { text-indent: 2em; margin-bottom: 20px; }
.container .hdbg .desc .time {  }
.container .hdbg .desc .tel { margin-bottom: 20px; font-weight: bold; }
.container .section .info { border: solid 1px #fff; height: 60px; border-radius: 40px; margin-bottom: 20px; padding: 10px 20px; display: flex; align-items: center; box-sizing: content-box; }
.container .section .info .info-tit { font-size: 18px; font-weight: bold; width: 80px; border-right: solid 4px #fff; color:#fff;}
.container .section .info .info-txt { font-size: 14px; padding-left: 10px; color:#fff; flex: 1;}
.login-box { width: 80%; margin: 0 auto; background-color: #fff; padding: 10px 20px 20px; border-radius: 20px; box-sizing: content-box;}
.login-box .login-tit { display:flex; align-items:center; justify-content:center; margin-bottom: 20px;}
.login-box .login-tit p { width:60px; height:1px; background-color:#fff; margin:0 20px;}
.login-box .login-tit h3 { font-weight: bold; font-size: 24px; color: #fff; }
.login-box .form-item { background-color: #f8f8f8; height: 50px; border-radius: 25px; margin-bottom: 20px; }
.login-box .form-item .layui-form-label { width: 40px; padding: 13px 0px; }
.login-box .form-item .layui-input-block { margin-left: 45px; }
.login-box .form-item .layui-input { border: none; background-color: #f8f8f8; height: 50px; font-size: 16px; border-radius: 25px; color: #333; }
.container .product-info { display: flex; align-items: center; margin-bottom: 20px; padding: 20px 10px; background-color: #fff; color: #333; width:92%; border-radius:20px; margin:20px auto;}
.container .product-info .product-img { width: 100px; height: 100px; display: flex; align-items: center; }
.container .product-info .product-img img { width: 100%; }
.container .product-info .product-txt { display: flex; flex-direction: column; padding-left: 20px; justify-content: space-around; }
.container .product-info .product-txt .tit { font-size: 12px; }
.container .product-info .product-txt .short-name { font-weight: bold; font-size: 24px; color: #b53630; }
.container .product-info .product-txt .unit { font-size: 14px; }
.order-form { padding-bottom: 5px; }
.order-form .layui-form-item .layui-input, .order-form .layui-form-item .layui-textarea { font-size: 14px !important; color: #333; }
.btn-login { background-color: #b53630; height: 50px; color: #fff; font-size: 18px; }
.btn-code { height: 50px; line-height: 50px; border-radius: 0 25px 25px 0; background-color: #b53630; }
.btn-submit { background-color: #fff; height: 50px; color: #ed2e36; font-size: 18px; }
.btn-submit.layui-btn:hover { color: #ed2e36; }
.product-container { background-color:#3C9C54;}
.product-container h3 { font-size: 24px; color: #fff; font-weight: bold; text-align: center; padding: 20px 0; }
.product-container .product-list { padding: 10px; }
.product-container .product-list .product-item { padding:10px; margin-bottom: 20px; background-color: #fff; position: relative; border-radius:20px;}
.product-container .product-list .product-item .line {z-index:9;}
.product-container .product-list .product-item .lt-line { position:absolute; left:5px; top:5px;}
.product-container .product-list .product-item .lb-line { position:absolute; left:5px; bottom:5px;}
.product-container .product-list .product-item .rt-line { position:absolute; right:5px; top:5px; display:flex; justify-content:flex-end;}
.product-container .product-list .product-item .rb-line { position:absolute; right:5px; bottom:5px; display:flex; justify-content:flex-end;}
.product-container .product-list .product-item .line img { width:60%;}
.product-container .product-list .product-item .empty { position: absolute; width: 100%; height: 190px; top: 0px; left: 0px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 24px; display: flex; justify-content: center; align-items: center; border-radius: 10px; }
.product-container .product-list .product-item .empty p { border: solid 1px #fff; border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; }
.product-container .product-list .product-item .product-box { display: flex; align-items: center; z-index:99;}
.product-container .product-list .product-item .product-box p { text-align: center; }
.product-container .product-list .product-item .product-box .p-txt { flex: 1; padding-left: 20px;}
.product-container .product-list .product-item .product-box .p-txt .pro-tit { text-align: center; font-size: 12px; padding-top: 10px; color:#f23e3e;}
.product-container .product-list .product-item .product-box .p-txt .pro-short-name { font-size: 24px; font-weight: bold; padding: 10px; color:#333; text-align:left;}
.product-container .product-list .product-item .product-box .p-txt.r { text-align: right; }
.product-container .product-list .product-item .product-box .btn-buy { height: 30px; line-height: 30px; background-color: #de4e48; color:#fff; font-size: 12px; }
.product-container .product-list .product-item.fr { padding: 25px 25px 25px 10px; }
.product-container .product-list .product-item .product-box .p-img { width: 200px; }
.product-container .product-list .product-item .product-box .p-img img { width: 100%; }
.question { background-color: #3C9C54; }
.question .q-box { padding: 20px; }
.question .content_t { position: relative; border-radius: 6px; margin: 0px auto 30px; padding: 0 20px 30px 20px; line-height: 36px; background-color: #fff; font-size: 24px;}
.question .q-tit { display: flex; justify-content: center; position: relative;}
.question .q-tit .txt { position: absolute; color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 35px;}
.question .q-tit img { width: 70%;}
.question .content_t p { color: #333; font-size: 14px; }
.question .content_t .q-input { margin-left: 0px; display: flex; justify-content: space-around; }
.success-box { padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.success-box p { padding-bottom: 10px; }
.success-box p i { font-size: 48px; color: #fff; }
.corpyright { padding-top: 40px; width: 100%; position:relative;}
.corpyright img { width: 100%; }
.corpyright .tip { position: absolute; width: 60%; top: 110px; left: 20%; color:#000; font-size: 14px; line-height: 30px;}
.receive-tit { text-align: center; color:#b53630; font-size: 24px; font-weight:bold; margin:0 auto 20px; width: 160px; line-height:40px; border-bottom:solid 1px #b53630;}
.pro-title { width: 110px; color:#fff; text-align:center; font-size:20px; font-weight:bold; margin: 20px auto; letter-spacing: 2px;}
.pro-title .line { width: 110px; height: 8px; background-color: #0f4a08; border-radius: 4px; margin-top: -7px;}
.van-cell::after{ border-bottom: 1px solid #ddd !important;}