/*common*/
* {margin: 0;padding: 0;}
a {text-decoration: none;color: rgb(107 150 213);}
p {font-size: 16px;line-height: 30px;word-break: break-all;font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6 {line-height: 50px;font-family: "微软雅黑";}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3,h4 {font-size: 22px;}
h5,h6 {font-size: 20px;}
li {list-style: none;}
ol {background-color: rgb(52 52 52);padding: 25px;}
time {font-size: 15px;margin: 0px 10px 0 15px;color: #868686;}
img {background: #fff;}
body {padding: 10px 0 0 0;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?udql6x');
  src:  url('../fonts/icomoon.eot?udql6x#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?udql6x') format('truetype'),
    url('../fonts/icomoon.woff?udql6x') format('woff'),
    url('../fonts/icomoon.svg?udql6x#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


.nuochebox{width: 400px;margin:0 auto;margin-bottom: 20px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
.nuochetop {width: 100%;height: 130px;background: #2c2c2c;background-size: 100% 100%;background-image: url(../images/banner.png);margin-bottom: 15px;}
.nuochebox .nuochetop h2 {font-size: 19px;color: #f9f9f9;padding: 0 20px;}
.nuochebox .nuochetop h2::before {content: "";background-image: url(../images/logo.png);width: 40px;height: 40px;display: inline-block;background-size: 40px;background-repeat:no-repeat;margin-top: 19px;transform: translateY(10px);margin-right: 10px;}
.nuochebox .nuochetop p {color: #f9f9f9;padding: 0 20px;font-weight: 800;font-family: "微软雅黑";font-size: 14px;}
.nuochexx {padding: 20px;}
.nuochexx h2 {color: #2563eb;font-size: 17px;}
.nuochexx h2 .xzncm {float:right;line-height: 50px;color: #416deb;font-size: 14px;}
.nuochexx h2 .ts {float:right;line-height: 30px;height: 30px;width: 30px;text-align: center;background: #e9e9e9;border-radius: 100%;margin-left: 6px;transform: translateY(9px);}
.nuochexx .chepaihao {border: 0;letter-spacing: 5px;height: 40px;line-height: 34px;background: #545454;color: #e7e7e7;font-weight: 800;font-family: '微软雅黑';font-size: 15px;padding: 0 20px;border-radius: 6px;}
.nuochexx .tzfs-a,.tzfs-b {margin-bottom: 20px;}
.nuochexx .tzfs-a a,.tzfs-b a {display: block;height: 40px;line-height: 40px;text-align: center;background: #2777db;font-size: 16px;font-weight: 800;color: #fff;border-radius: 6px;}
.nuochexx p {color: #a6a6a6;font-size: 14px;}

/* 提交 */
.nuochexx input {display: block;width: 90%;padding: 10px 5%;border: 1px solid #ebebeb;margin-bottom: 15px;border-radius: 5px;}
.nuochexx .tzxx {height: 50px;}
.nuochexx textarea {display: block;width: 90%;padding: 8px 5%;border: 1px solid #ebebeb;margin-bottom: 15px;resize: none;font-family: "微软雅黑";border-radius: 5px;}
textarea::placeholder {color: #161616;}
input::placeholder {color: #d3d3d3;}
.nuochexx button {width: 100%;height: 40px;background: #2777db;border: 0;color: #fff;font-size: 16px;font-weight: 800;letter-spacing: 8px;border-radius: 6px;}

/* 挪车图片 */
.nuochetubox {width: 1024px;height: 768px;position: fixed;top: 2000px;left: 2000px;background: #efefef;}
.nuochetubox .imgdt {width: 70%;height: 284px;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);}
.nuochetubox .imgdt img {width: 100%;border-radius: 13px;}
.nuochetubox h2 {position: absolute;top: 326px;font-size: 32px;right: 274px;letter-spacing: 8px;color: #606060;}
.qrcode {position: absolute;top: 316px;left: 247px;height: 150px;width: 150px;border-radius: 24px;overflow: hidden;}





.icon-xxcx::before {font-family: 'icomoon';content: "\e90a";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.icon-xxxg::before {font-family: 'icomoon';content: "\e906";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.icon-clxx::before {font-family: 'icomoon';content: "\e908";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.icon-gyxx::before {font-family: 'icomoon';content: "\e90b";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.icon-tzfs::before {font-family: 'icomoon';content: "\e904";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.icon-qtxx::before {font-family: 'icomoon';content: "\e903";transform: translateY(1px);display: inline-block;margin-right: 3px;}
.tzfs-a a::before {font-family: 'icomoon';content: "\e901";transform: translateY(1px);display: inline-block;margin-right: 6px;}
.tzfs-b a::before {font-family: 'icomoon';content: "\e902";transform: translateY(1px);display: inline-block;margin-right: 6px;}
.xzncm::before {font-family: 'icomoon';content: "\e905";transform: translateY(1px);display: inline-block;}
.chepaihao::before {font-family: 'icomoon';content: "\e907";transform: translateY(1px);display: inline-block;margin-right: 6px;font-size: 20px;transform: translateY(3px);}
.icon-clxx .ts::before {font-family: 'icomoon';content: "\e900";transform: translateY(1px);display: inline-block;}



/* 遮罩层样式 */
.mask {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: none;z-index: 1000;}

/* 弹出窗口样式 */
.popup {position: fixed;width: 80%;top: 30px;left: 50%;transform: translateX(-50%);background-color: white;border-radius: 8px;padding: 20px 5%;display: none;z-index: 1001;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.popup .content {margin-bottom: 20px;font-size: 16px;}
.popup p {margin: 0;color: #666;font-size: 14px;}


@media screen and (max-width:500px) {
.nuochebox{width: 96%;}
}