@charset "UTF-8";
#giftNoteDialog .textarea {
  position: relative;
  width: 344px;
  height: 484px;
  background: url(../../staticpc/img/bg-card2.png) no-repeat;
  background-size: 344px;
  margin-left: 153px;
}
#giftNoteDialog .textarea textarea {
  resize: none;
  border: 0px;
  outline: none;
  box-sizing: border-box;
  width: 344px;
  height: 208px;
  margin-top: 48px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 18px;
  color: #342F2D;
  letter-spacing: 1.2px;
  line-height: 32px;
  font-weight: 400;
  opacity: 0.9;
  background: transparent;
}
#giftNoteDialog .textarea textarea::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#giftNoteDialog .textarea .countLength {
  display: flex;
  justify-content: flex-end;
  opacity: 0.38;
  font-family: honorSansBrand, Avenir Next;
  padding-right: 36px;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  text-align: right;
  line-height: 16px;
  font-weight: 400;
}
#giftNoteDialog .tips {
  display: flex;
  padding: 16px 153px;
  justify-content: space-between;
}
#giftNoteDialog .tips .noteTips {
  line-height: 16px;
}
#giftNoteDialog .tips .preview {
  font-size: 12px;
  color: #ca151d;
  line-height: 16px;
  font-weight: 400;
}
#giftNoteDialog .noteTips {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  opacity: 0.38;
}
#giftNoteDialog .box-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
#giftNoteDialog .box-button a {
  display: block;
  width: 172px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 24px;
  font-family: honorSansBrand, PingFang SC;
}
#giftNoteDialog .box-button .box-cancel {
  margin-right: 10px;
  color: #3a3a3a;
  border: 1px solid #dddddd;
  border-radius: 2px;
}
#giftNoteDialog .box-button .box-cancel:hover {
  border-color: #888;
}
#giftNoteDialog .box-button .box-sure {
  background: #ca151d;
  border-radius: 2px;
  border: 1px solid #ca151d;
  color: #fff;
}
#giftNoteDialog .box-button .box-sure:hover {
  background: #b6121b;
  border-color: #ca151d;
}
.showNote .el-dialog {
  background: transparent;
  box-shadow: none;
}
.showNote .el-dialog .el-dialog__header:before, .showNote .el-dialog .el-dialog__header:after {
  width: 0;
}
.showNote .el-dialog .el-dialog__headerbtn {
  top: 72px;
  right: 100px;
}
.showNote .el-dialog .el-dialog__headerbtn .el-dialog__close {
  color: white;
  font-size: 32px;
}
.showNote .el-dialog .el-icon-close:before {
  content: "";
}
.giftBuyNoteContent p {
  word-break: break-all;
}
.giftBuyNoteContent p em {
  font-size: 14px;
  color: #ca161e;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  width: 28px;
}
.giftBuyNoteContent p em:after {
  content: "";
  width: 12px;
  height: 7px;
  position: relative;
  display: block;
  top: -15px;
  right: -30px;
  background: url(../../staticpc/img/icon50.png) no-repeat -4px -26px;
}
.giftBuyNoteContent p + em[data-v-cbdb3d06]:after {
  content: "";
  width: 12px;
  height: 7px;
  position: relative;
  display: block;
  top: -15px;
  right: -30px;
  background: url(../../staticpc/img/icon50.png) no-repeat -4px -7px;
}
.order[data-v-cbdb3d06] {
  cursor: pointer;
  background: #fff;
  min-width: 1200px;
  padding: 30px 0 30px 0px;
  vertical-align: middle;
}
.order .giftBuyNoteTitle[data-v-cbdb3d06] {
  margin: 0 40px;
  height: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order .giftBuyNoteTitle .leftDiv[data-v-cbdb3d06], .order .giftBuyNoteTitle .rightDiv[data-v-cbdb3d06] {
  display: flex;
  align-items: center;
}
.order .giftBuyNoteTitle p[data-v-cbdb3d06] {
  display: flex;
  opacity: 0.9;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: #000;
  font-weight: 500;
  font-family: honorSansBrand, HYQiHei;
  height: 24px;
  margin-right: 4px;
}
.order .giftBuyNoteTitle p.free[data-v-cbdb3d06] {
  width: 32px;
  height: 16px;
  border: 0.5px solid #CA141E;
  border-radius: 2px;
  margin-right: 10px;
}
.order .giftBuyNoteTitle p.free span[data-v-cbdb3d06] {
  font-size: 12px;
  color: #ca141d;
  line-height: 14px;
  font-weight: 400;
}
.order .giftBuyNoteTitle span.giftBuyNoteIcon[data-v-cbdb3d06] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAKc0lEQVRoBe1Za4xVVxU+59y5MwzDTEg0NUaopkYwfRiSCi2PAoXyaEODoYE0/TUZG3wkqGlTXwWkEPlhUo0JPwRbaGL1R4ltsJFOeQsMRrHV2vqjGFvSNhIRFOYBF+45Z/t9a++1z77nztyhxeif7sw9a5/1/NZae+9z7p0o+nD8fysQX2t4843eGVEaLciNmR7FUeVa7d6vXmKS0/D/u3jbrkPXYjtuAmbTpvb87Fs/ikz0FTgeVd8YE8VxHJGOPmhGmZrrfHR98RWZ/kq1ozf+8VP/GN2n5ba1ElKWn3lrs4nyr4Z65fDAHuU5k3BaTQrgMzmVSzLUdQmU9I3lL8/yK8+iKEuRkFN0/gPiXQY8PzVff/hjea32d4BLCM4XmFYalNo692EaGdodUlEvdaylPEnurW5/tl8MR7m07EA2PDILUBKW1qDCWmLOJSh5GJJc7sXk4JPjmlyIYqDV7qg+jZgEKYcx7fh0GV9oLkc4pEZuZmPywRKAi6k2OJoq+B1gG9QDYCxNgqIkMWmeVOZUf/rzk7wfb5jnnqvkL7/weJabJ0Q3dBgDQ4uRtJBFUQYpkJsMCB3l3OT4KMVcZI46vX9VP/GZP7b0HQjjNWuyPDOHWSz5sE6ck/LTYrRcQlwGBGvXuHMIZ1Jt3JLaoVEshcUN6dt/2V/vXXMItipU5WYaR525yR/iauPgla6FFkEoahqtE8jRAqCREcBwcVjsQKghyYqZ+kJQfEYbIUTKrW2wK4qsE1+l0RxFrRMAfruZGm0VqnetG8BVizb2ZLHZl/Ut/KI12LKu6rYiDelxBbQYrRPQdV1yYMPYFltRiQPE9tRyUoeo6FhoW8zVC638/LqWkHhCdRBZz2qykji5jCr/BMfNad43DY2ulArhvGSABdcJr715nn+WooaO+TaXjNxtyw7k9cw1l/ELBCbOfjZh968eGd3lB+PWH1x5DA/MAVoblwHpGG8vPkjrY1S8ATh7H3ywPGabB1dO9V6uc2LWrevIUrPSx3DHdkSaXs8eSNNw2RYw4+i2y7X8ncurVmCbjz8algTU2Uvl0br23tt4BpvEN5lCPgdA81ieRlQbdbRcQiZOXo9wlJb3gN8PJpbX6ma5bZjuP8FCMESOIfgctQxwWCo9xaCoryqgJ0RnjEvLJdT5wovH8XDZCPeZPo0ZyD7cLOWcDyCldg4AwiOfc+BzVOaQKWXytPVUTz5jMmS6tXPP3l1jYLe5h0K8+7ddfeW309s/8vG/xc88U1PZpRUr8FJXfxotvlV5rSggIbae7qy4neuGbO4YX95goy2Lozdw09f1Yr9/lzK9vROunj/z6fbbZ78Zb9qUanx2U8alVfdOiWr5QTiahnoN401yS+eknifj3btlnZvVq9svDV94HMrfQUGrzkxIE8BxEghtOdeEMasD+NaJUz71/XjHjrrIVq+uXB4efBSvtBtQiklI8lQ0IVk88fmX3qPcJzCybMkGONpMpnC5JJPoZFuS9HX8et8bwsflyvLln0tNthO6tyvvv0EB7A9tienr2HvgdfV3ZdmyW9I424XVN5NAAUkG3u83dr28fwtv/B7Ad90psha5Ht2bZp7mM+v17JWRZYs3mLVrpeod/f1/ntgz+Q6k9218DatZG6RDO0Tix+4TS8O5ygtdHJHwgaPmWxO7J9+p4LmUR5besz6NsldhM9O+mcIffVv/U2wqQQeG7rl7O27XigDrEa0UIHKPKf7+FFcrfV0vHfCvybX7Fk+rX42wN/J5ZX0pF8uG0eQOvu2aT45X26MvTth78JTVjKLhJUtmRCbdBZsZymuicbSj+8DhL5HvOyABeQLoKaAUnmxHzIy8lv5+aNHCLdwPNGbgSfsPzMejcx10hgWp6Nvqm4y2PHEKauf5cAwb2ip4+qTvKKufRNWRhPVByo4ptXNGt6NIAE88AapfVJRKUtYJjNugs3743NlXLy1aNIsusHZN96FD26od0W1o735ZQrBRyoJIUE/N/mqc3Eob2tLHyOLFM4f/eZbLZT1eJxhD7BWPgAfPJxU8nf2DDBCLJSNu4VkpowRzfHu6BWU9MbhgwQ+743hjfORIrbP/yGloLR2cP78P6+1Jk2WTAZCW1jaOL1Ty6NGuo7/ZaZlgL1w4Ychkm/O0/ghe5CpeX2yKgGwGPZFyqFvOiw4EFWfFGj4qI2UlsJHyNKsA5GNDWfba4F13zaUzjp6jR3dWcnMzToo9RQXzPeR1QWa1oog2Q2n6Gr49P5ZneYU+2TX7cR3Qrrn48m6kGJwj3wFUQLLUAE20KAgqwQcVKyJ9m4YqHL04Z862nkmTvhvv2zfSdezYGYi/MDRv3kL66T52/Agph7n//onD589vzbNsHW5tAbW0jjJU8Rgsqu/6WbQCej4Bu4JQXRkCDzM1sS5h6eUC3clRLwCJv3ZxaGjF0Ny5D3cPDBymYvfxAjjvIbv74rlzT2Hl30R7/2R2c+uTmgrfxtdYKjfBGioS4Pdfh886561l2HRs1elecLNaPj83z81NWA4HL866c3tPtfLNeGBgiOpm7tzuwXr2g7ye8uiLWSaaInFc7dBYvCvgF3IPThQKfpAA3Mk3CXVoqVxtBh4w9wc3nJwugRqnNpX4yxeuZPf9+/N3PEHehStXvwfjGwsQBUTKWVCpB+Ng6NytKHLwURDUtyuPuj4BNkB/gpQ1ToCFh6BW1pccky5gyT8cIaCJbozi7GkGscG17rgNf7jiLVUwlBIrVQSzCqxP3mHnUGiHT0BOAXUhDuDOAZREgoSk+khOj73miql7pYpGA9Ox8hCG8RhO4+E0sh3WlCjg3CpIcs51kQAdOn1WN3QgAYRnrbT6QslicpB7BM55I1Ew5Cp4m5BdutgFbgnbgjEpa2MTJCbn0T7/5KZIgOerxoCighQt5SslM5hTV5MU/fKlsYBEZpPVgBahL4CoQ6Z4mYjy6Fr5nBcJsII6xDHUXIDSrW+mWrBbeAVAEuqaEglpPYY/MzTEcDc4FKQCpBhyTCJoeFxqLGfhiU9AfoHzWgyubWaxAQ4g9KhTaB4uggnPJWy9e2eQWUtSDl7VB+/Vdkx/JYPgEAo7AMhud5S/YTGIgi/mCoscnTsIis7dljtoffBqh6aqlNxwLloBw+CnCh2+A+GrxHi/bboFb9vOYEhcNv0YBZAO+iRphoTZNbfkdK6bVsGNRdWOcp8A13txqgCUnCrWRXMFtRxKR+vQ6Dx61G4qDXkSsdTB8prLi+dYkYBJs3fE+BouZf+2I0hmjIqW9Zm28hiuqSPuQNCClpc03gA8Vt8BbNIBvCRfA3xU0CEQKhbaCUeBLuxgk9NSBtoJpcwutJelRZ4LGFcT+Q2VflkIP85+ctovobVqvDVZrph34CZl+7L++5WH/tGN5294968PKM93gIy2SndfVh+sIcBD9hjQyqq6pQTAodRywys3aXAMu7nlWb3QVudKqRHOdQnhZ/1fVKo9Df+zbuiAQjg3ddrMNE3nVJJoOs4XfFsCmAQ7xz1o/Jw8jvHkVmvsawt7/OKb4RH0ZhK3nfjou6f8L3VjO/tQ8r+twH8ANfPYf8oMS0cAAAAASUVORK5CYII=) no-repeat;
  background-size: 24px;
  margin-right: 8px;
}
.order .giftBuyNoteTitle span.edit[data-v-cbdb3d06] {
  font-size: 14px;
  color: #A4A4A4;
  text-align: right;
  line-height: 20px;
  font-weight: 400;
}
.order .giftBuyNoteTitle span.noteContent[data-v-cbdb3d06] {
  font-size: 14px;
  color: #A4A4A4;
  text-align: right;
  line-height: 20px;
  font-weight: 400;
  max-width: 840px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 20px;
}
.order .giftBuyNoteTitle span.arrowIcon[data-v-cbdb3d06] {
  width: 8px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAIAAAAACVdMl0AAAByElEQVRIDe2UPUsDQRCGk1yKgBYptLEQQYi1hTZWQUhhsFBUEMGgF5IyiODHH1AwoFjm4wQRm4hWKvoDtLCxsFKwEbQT0igpLsRnw+2xSdZ82NhkYZi5mXnf3ZmdPY+nu/6/A155hGw2m65UKpOBQGA6Fou9S38r7VMShrFHS6XSvWVZI4q/qekSBIPBea/Xe0T2oG3bd/l8frwp0gm6JcjkTCazi70F2ZfP55uLx+M3MqbTDQQiiX6kUAf0xIZoJZFInOrAwueWoCYAOAS45PhOONWaGldt7QlkAsAI9jnSC+EexJsyJnVTApFEOWOUco3ZhxyHQqF4OBy2RUyslgQiCZIQJLeYQ8gVspBMJr/R+h6IgLo4+ovf75/A94REKceScW0TZVDVpml+GIYx6/iiMtY2AdM5UC6XLxygKKO6/NJopkUPmE63B/TDlPktCcQtkCx27Ec6uwV1DgCn6fwGumb92oNcLrdI5iUd70HWdWDBpCXg2CnqrM4/4GWucb9mW+WjYZAA7wDeBtjWa3SbWCgUjGKxmAW8ygafPOUpnvKDspnWdAkAnwGeIeuNqYswOM9aRJ3TJcD/ijx2+k+s4+t+/qUDP2s8kjoWKuRgAAAAAElFTkSuQmCC) no-repeat;
  background-size: 8px;
  margin-left: 8px;
}
.order .giftBuyNoteContent[data-v-cbdb3d06] {
  width: 1120px;
  font-family: honorSansBrand, MicrosoftYaHei;
  font-weight: 400;
  margin-top: 12px;
  margin-left: 40px;
  font-size: 16px;
  color: #000;
  line-height: 23px;
}
.order .giftBuyNoteContent span[data-v-cbdb3d06] {
  display: block;
  max-width: 1120px;
  float: left;
}
.order .giftBuyNoteContent span p[data-v-cbdb3d06] {
  float: left;
}
.order .giftBuyNoteContent span p.rollUp[data-v-cbdb3d06] {
  white-space: nowrap;
  overflow: hidden;
  max-width: 1075px;
}
.order .giftBuyNoteContent span p.open[data-v-cbdb3d06] {
  white-space: normal;
  max-width: 1120px;
}
.order .giftBuyNoteContent em[data-v-cbdb3d06] {
  font-size: 14px;
  color: #ca161e;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  width: 28px;
}
.order .giftBuyNoteContent em.hide[data-v-cbdb3d06] {
  display: none;
}