@import '/styles/iconfont/iconfont.css';
div, ul, li, h1, h2, h3, h4, p, dt, dd, img, p, form { padding: 0px; margin: 0px; }
a { text-decoration: none; }
* { list-style: none; margin: 0px; padding: 0px; font-family: "PingFangSC-Regular","Microsoft YaHei"; box-sizing: border-box; }

body { font-size: 14px; background-image: url(/Images/background.jpg); background-repeat: no-repeat; background-size: 100% 1450px; }

.bodyCenter { margin: 0 auto; width: 1200px; }

header { align-items: center; padding: 20px; }
header .bodyCenter { display: flex; }
header .logo { display: flex; }
header .logo img { width: 70px; }
header .logo dl { margin-left: 12px; }
header .logo dl dt { color: #6B3A12; font-size: 25px; font-family: LiSu; font-weight: bold; line-height: 45px; white-space: nowrap; }
header .logo dl dd { color: #6B3A12; font-size: 16px; font-family: 'Microsoft YaHei'; font-weight: bold; white-space: nowrap; }

header .laninfo { text-align: right; flex-grow: 1; }
header .laninfo dl { display: flex; margin-left: 100px; margin-top: 20px; }
header .laninfo dd { margin-right: 43px; }
header .laninfo dd:last-child { margin-right: 0px; }
header .laninfo i { font-size: 25px; vertical-align: sub; margin-right: 3px; }

header .laninfo dd a { font-size: 16px; color: #6B3A12; font-weight: bold; white-space: nowrap; }
header .laninfo .line { color: #666; }

main { }

.notice { overflow: hidden; font-size: 16px; box-shadow: 0px 0px 9px #8A4703; border: 1px solid #FCB769; margin-top: 25px; padding: 6px; color: #000; border-radius: 8px; font-weight: bold; }
.notice i { margin-right: 6px; font-size: 20px; font-weight: bold; color: #6B3A12; }
.notice marquee { line-height: 35px; }

.box { padding: 16px; width: 458px; margin-left: 743px; margin-top: 80px; border: 1px solid #C28101; border-radius: 12px; background: linear-gradient(to bottom, #fff 10%,#C28101); }
.seltag { line-height: 35px; display: flex; }
.seltag dl { display: flex; border: 1px solid #E8CF9F; border-radius: 6px; font-size: 15px; color: #56584B; font-weight: bold; }
.tagTitle { flex-grow: 1; font-size: 22px; color: #56584B; font-weight: bold; padding-top: 5px; }
.seltag dl dd { padding: 3px 16px; cursor: pointer; }
.seltag dl dd:first-child { border-right: 1px solid #E8CF9F; }
.seltag dl .current { background: #E8CF9F; color: #6B441C; }
.numline { margin-top: 12px; }
.numline .title { font-size: 16px; color: #7F5830; font-weight: bold; line-height: 35px; }
.numline .title i { margin-left: 6px; cursor: pointer; }
.txtEnergy { border: 1px solid #C28101; line-height: 35px; border-radius: 5px; padding: 2px 9px; background: #fff; display: flex; }
.txtEnergy input { outline: none; font-size: 15px; font-weight: bold; border: 0px; vertical-align: middle; flex-grow: 1; }
.txtEnergy .entryico { font-size: 20px; color: #6B441C; vertical-align: middle; }
.energyType { font-size: 15px; color: #7F5830; font-weight: bold; cursor: pointer; }
.energyType i { margin-left: 3px; }
.quicksel { display: flex; margin-top: 16px; }
.quicksel span { white-space: nowrap; border: 1px solid #C28101; padding: 3px 16px; margin-right: 16px; border-radius: 5px; cursor: pointer; color: #6B441C; line-height: 25px; }
.quicksel span:last-child { margin-right: 0px; }
.quicksel .current { background: #F3E8D0; }
.convertDiv { display: none; }
.priceDuration { display: flex; margin-top: 20px; }
.priceDuration .title { font-size: 16px; color: #6B3A12; font-weight: bold; line-height: 35px; }
.priceDuration .title i { margin-left: 6px; cursor: pointer; }
.txtDuration { margin-left: 22px; }
.priceDuration input { color: #6B3A12; outline: none; font-size: 15px; font-weight: bold; width: 200px; border: 1px solid #C28101; line-height: 35px; vertical-align: middle; border-radius: 5px; padding: 2px 9px; background: #fff; }

.orderInfo { display: flex; margin-top: 19px; line-height: 35px; font-weight: bold; }
.orderInfo span:first-child { font-size: 16px; color: #6B3A12; }
.orderInfo span:last-child { font-size: 15px; color: #F8F1E2; flex-grow: 1; text-align: right; }
.convertDiv .orderInfo span:last-child { color: #6B3A12; }
.convertDiv .txtEnergy i { margin-right:6px; }

.orderPay { display: flex; margin-top: 16px; line-height: 35px; font-weight: bold; }
.orderPay span:first-child { font-size: 16px; color: #6B3A12; }
.orderPay span:last-child { font-size: 15px; color: #F8F1E2; flex-grow: 1; text-align: right; }
.oldPrice { text-decoration: line-through; margin-right: 6px; font-size: 14px !important; }
.newPrice { color: green !important; font-size: 20px !important; }

.orderAddress { margin-top: 16px; }
.orderAddress .title { font-size: 16px; color: #6B3A12; font-weight: bold; line-height: 35px; }
.orderAddress .title i { cursor: pointer; font-size: 24px; vertical-align: middle; }
.orderAddress .address { border: 1px solid #C28101; line-height: 35px; border-radius: 5px; padding: 2px 9px; background: #fff; display: flex; }
.orderAddress .address i { font-size: 22px; margin-left: 3px; color: #6B3A12; cursor:pointer; }

.orderSubmit { text-align: center; margin-top: 20px; line-height: 35px; font-weight: bold; margin-bottom: 9px; }
.orderSubmit button { font-size: 16px; color: #fff; background: #6B3A12; border: 0px; border-radius: 8px; font-weight: bold; padding: 9px 56px; cursor: pointer; }

.codePopup { text-align: center; line-height: 35px; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.39); padding: 20px; border-radius: 12px; }
.codePopup #qrcode { border: 1px solid #ccc; padding: 9px; text-align: center; width: 240px; margin: auto; }
.codePopup .btnList { margin-top: 12px; font-size: 14px; }
.codePopup .btnList .close { margin-left:12px; }
.codePopup .btnList .close:hover { color: #fff; }
.codePopup .btnList .btn { font-size: 14px; color: #fff; background: #6B3A12; box-shadow: 0px 0px 3px #8A4703; border: 0px; border-radius: 8px; font-weight: bold; padding: 9px 30px; cursor: pointer; }

.faq { margin-top: 80px; line-height: 32px; }
.faqTitle { font-size: 20px; font-weight: bold; border-bottom: 2px solid #C28101; color: #6B3A12; margin-bottom: 18px; padding-bottom: 9px; }
.faqTitle i { font-size: 24px; }
.faqLine { margin-top: 12px; padding-left: 20px; }
.faqLine ul { font-size: 16px; }
.faqLine h1 { font-size: 18px; display: list-item; list-style: initial; list-style-type: disc; }
.faqLine p { font-size: 16px; text-indent: 2em; margin: 16px 0px; }
.faqLine .imgp { text-indent: initial; text-align: center; }
.faqLine p img { border: 1px solid #ccc; }
footer { text-align: center; text-align: center; padding: 20px; color: #fff; background: linear-gradient(to bottom, #616358,#616356, #56584B,#484A3D,#3C3E33); border-top: 1px solid #8D8E88; }

.naviga { color: #333; font-size: 14px; line-height: 35px; padding: 0px 16px; border-radius: 6px; margin-top: 6px; }
.naviga a { color: #593622; }
.naviga i { font-size: 14px; color: #3A3610; }
.apiDoc { line-height: 32px; padding: 20px; padding-top: 0px; background: #F7F7F7; border-radius:12px; }
.apiDoc i { font-size: 20px; }
.apiDoc h1 { line-height: 50px; border-bottom: 1px solid #ccc; color: #593622; font-size: 22px; }
.apiDoc .item { margin-left: 18px; margin-top: 12px; }
.apiDoc .item h3 { line-height: 50px; display: list-item; list-style: initial; list-style-type: disc; font-size: 18px; }
.apiDoc .item p { line-height: 35px; overflow-wrap: break-word; }
.paramTable { line-height: 35px; width: 100%; border-color: #BABABA; font-size: 14px; }
.paramTable thead { background: #C0C0C0; }
.paramTable td { padding-left: 9px; }
.paramTable .pName { white-space: nowrap; }
.paramTable .pType { white-space: nowrap; width: 20%; }

@media only screen and (max-width: 768px) {
    body { background-image: initial; }

    .notice { margin-top: 16px; }
    .bodyCenter { width: 100%; }
    .laninfo dl { margin-left: initial !important; display: block !important; margin-top: 0px !important; }
    .laninfo dd { display: none; }
    .phone { display: block !important; margin-right: 0px !important; line-height: 34px !important; }
    .phone a { font-size: 14px !important; }
    .phone i { font-size: 18px !important; }

    .quicksel span { padding: 3px 9px; margin-right: 10px; border-radius: 5px; cursor: pointer; color: #6B441C; line-height: 25px; }
    .orderAddress .address { font-size:12px; }
    .box { width: 100%; margin-left: 0px !important; margin-top: 19px !important; }
    .priceDuration input { width: 100%; }
    .faq { padding: 16px; margin-top: 10px; }
    .faqLine p img { width: 100%; }
}