* {
  margin: 0px; padding: 0px
}
html {
  width: 100%; overflow-y: scroll
}
body {
  width: 100%; background: #fffdfd; color: #313131; font-size: 12px; font-family: Arial, Verdana, NSimSun
}
ul,ol {
  list-style: none
}
img {
  border: 0px
}
a {
  color: #000; text-decoration: none
}
a:hover {
  color: #000; text-decoration: none
}
.ash {
  color: #999
}
input,button,select,textarea {
  box-sizing: border-box; font-size: 14px; color: #000; resize: none; outline: none
}
select, input[type=radio], input[type=checkbox] {
  appearance: none; -webkit-appearance: none; vertical-align: middle; outline: none
}
input[type=date] {
  appearance: none; -webkit-appearance: none; height: 40px; border: #ededf0 1px solid; background: url(svg/select.svg) calc(100% - 4px) center no-repeat; background-size: 20px; border-radius: 0px
}
input[type=radio] {
  width: 14px; height: 14px; border: #333 1px solid; border-radius: 100%
}
input[type=radio]:checked {
  background: url(svg/radio_checked.svg) center center no-repeat; background-size: 8px
}
input[type=checkbox] {
  width: 14px; height: 14px; border: #666 1px solid; border-radius: 0
}
input[type=checkbox]:checked {
  background: url(svg/checkbox_checked.svg) center center no-repeat; background-size: 10px
}
select {
  padding-left: 10px; padding-right: 30px; height: 40px; border: #ededf0 1px solid; background: url(svg/select.svg) calc(100% - 4px) center no-repeat; background-size: 20px; border-radius: 0px
}
button {
  background: #313131; color: #ffffff; height: 36px; text-align: center; border: 0px; border-radius: 5px; padding: 0px 20px; box-sizing: border-box; cursor: pointer
}
button.full {
  width: 100%
}
button.orange {
  background-color: #ec6000 !important
}
button.locked {
  background-color: #bbb !important
}
container {
  display: block; width: 100%; max-width: 640px; margin: auto; position: relative; z-index: 100
}
container box {
  display: block; width: 100%; padding: 0px 15px; padding-bottom: 100px; box-sizing: border-box
}
container box.full {
  padding-bottom: 15px
}
container bottombar {
  position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 15px 15px 30px 15px; box-sizing: border-box; background: #fffdfd; text-align: center
}
container bottombar.two {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap
}
container bottombar.two button {
  width: 48%
}
popuptext {
  display: block; width: 100%; height: 100%; transform: scale(0.9); background: #fff; opacity: 0; position: fixed; top: 0px; left: 0px; z-index: 50; transition: all .3s ease
}
popuptext div.close {
  width: 30px; height: 30px; background: url(svg/close.svg) center center no-repeat; background-size: 16px; position: absolute; top: 0px; right: 0px; z-index: 100
}
popuptext div.box {
  width: 100%; box-sizing: border-box; padding: 0px 15px
}
popuptext div.box h2 {
  font-size: 18px; text-align: center; line-height: 60px
}
popuptext div.box div.text {
  width: 100%; height: calc(100vh - 75px); overflow-y: scroll; font-size: 12px; line-height: 160%
}
popuptext div.box div.text p {
  padding-bottom: 10px; text-indent: 24px
}
popuptext.on {
  transform: scale(1); opacity: 1; z-index: 1000
}
popuptext.on.out {
  transform: scale(1.1); opacity: 0
}
label.checkbox span {
  display: inline-block; padding-left: 5px; vertical-align: middle
}
.popup_minialert {
  background: rgba(0, 0, 0, 0.8); position: fixed; top: calc(50% - 50px); left: 50%; border-radius: 4px; opacity: 0; transform: translate(-50%, -50%) scale(0.2); z-index: 50; transition: all .3s ease
}
.popup_minialert.on {
  opacity: 1; transform: translate(-50%, -50%) scale(1); z-index: 1100000000
}
.popup_minialert.out {
  opacity: 0; transform: translate(-50%, -50%) scale(1.1)
}
.popup_minialert div.word {
  padding: 10px 20px; font-size: 12px; line-height: 140%; color: #fff
}

.popup_notice {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  /*top: calc(50%);*/
  /*left: 50%;*/
  border-radius: 4px;
  opacity: 0;
  /*transform: translate(-50%, -50%) scale(0.2);*/
  z-index: 50;
  transition: all .3s ease
}
.popup_notice.on {
  top: 0;
  left: 0;
  display: block;
  opacity: 1;
  /*transform: translate(-50%, -50%) scale(1);*/
  z-index: 1100000000;
  height: 100%;
  width: 100%;
}
.popup_notice.out {
  opacity: 0; transform: translate(-50%, -50%) scale(1.1)
}
.popup_notice div.notice-body {
  height: 100%;
  width: 100%;
  display: flex; /* 开启flexbox布局 */
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
}

.popup_notice .notice-body .notice-img {
  height: 100%;
  width: 90%;
  background-image: url(year_notice.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


.popup_notice .notice-body .notice-img-2025 {
  height: 100%;
  width: 90%;
  background-image: url(year-notice-2025.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.popup_notice .notice-body .notice-img-2026 {
    height: 100%;
    width: 90%;
    background-image: url(year-notice-2026.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.container {
  display: block; width: 100%; min-height: 100vh; position: relative; z-index: 100
}
.container navicon {
  display: block; width: 30px; height: 14px; position: absolute; top: 25px; left: 15px; z-index: 1000
}
.container navicon l1 {
  display: block; width: 100%; height: 3px; background: #292b28; position: absolute; top: 0px; left: 0px; z-index: 100
}
.container navicon l2 {
  display: block; width: 100%; height: 3px; background: #292b28; position: absolute; bottom: 0px; left: 0px; z-index: 100
}
.container menu {
  display: block; width: 80px; position: absolute; top: 60px; left: 15px
}
.container menu ul li {
  padding-bottom: 10px
}
.container menu ul li a.link {
  display: block; width: 100%; box-sizing: border-box; padding: 5px; font-size: 14px; background: #db6929; color: #fff; text-align: center; border-radius: 5px; transform: translate(-100%, 0); opacity: 0; pointer-events: none
}
.container menu.on li a.link.one {
  transform: translate(0, 0); opacity: 1; pointer-events: auto; transition: all .3s ease
}
.container menu.on li a.link.two {
  transform: translate(0, 0); opacity: 1; pointer-events: auto; transition: all .3s ease .1s
}
.container menu.out li a.link.one {
  transform: translate(-100%, 0); opacity: 0; transition: all .3s ease .1s
}
.container menu.out li a.link.two {
  transform: translate(-100%, 0); opacity: 0; transition: all .3s ease
}
.container div.logo {
  border-top: #eb6100 5px solid; padding: 20px 0px
}
.container div.logo em {
  display: block; margin: auto; width: 120px; height: 14px; background: url(logo.svg) top center no-repeat; background-size: contain
}
.container div.middlemessage {
  width: 100%; line-height: 160%; position: absolute; top: calc(50% - 50px); left: 0%; transform: translate(0%, -50%); text-align: center
}
.container div.bottomtext {
  width: 100%; line-height: 160%; position: absolute; bottom: 88px; left: 0%; text-align: center; color: #666666
}
.container div.attention {
  width: 100%; height: 100%; background: rgba(255, 255, 255, .6); position: absolute; top: 0px; left: 0px; z-index: 100000
}
.container div.attention div.box {
  background: #fff; border: #313131 5px solid; padding: 20px; border-radius: 5px; margin-top: -60px; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 100
}
.container div.attention div.box p {
  margin: 0px; padding: 10px 0px 20px 0px; line-height: 160%; text-align: center; font-weight: bold; font-size: 14px
}
.container div.attention div.box div.btn {
  text-align: center
}
.container.dark {
  background-color: #352e2b
}
.container.dark bottombar {
  background-color: #352e2b
}
.container.dark div.middlemessage {
  color: #ffffff
}
.container.dark div.bottomtext {
  color: #ffffff
}
.container.dark button {
  background-color: #000 !important
}
.hide {
  display: none !important
}
.information {
  width: 100%; border-top: #ededf0 1px solid
}
.information h3 {
  font-size: 14px; line-height: 100%; padding: 15px 0px 10px 0px; position: relative
}
.information h3 a.rightLink {
  position: absolute; top: 15px; right: 15px; z-index: 100
}
.information h3 a.rightLink em {
  font-style: normal; font-size: 12px; font-weight: normal; display: inline-block; padding-bottom: 2px; border-bottom: #666 1px solid
}
.information div.box {
  width: 100%; margin: auto; margin-top: 5px; padding-bottom: 10px; box-sizing: border-box; border-bottom: #ededf0 1px solid
}
.information div.box_form {
  padding: 0px
}
.information div.box_form .form ul {
  border-top: 0px
}
.information div.box_form .form ul li:last-child {
  border-bottom: 0px
}
.information div.textlist ul li {
  width: 100%; box-sizing: border-box; display: flex; align-items: flex-start; padding: 8px 0px; line-height: 20px; font-size: 14px; position: relative
}
.information div.textlist ul li > b {
  width: 90px; display: block; font-weight: normal
}
.information div.textlist ul li > span {
  width: calc(100% - 90px); display: block
}
.information div.textlist ul li > span > em {
  display: inline-block; padding-left: 5px; font-style: normal; color: #666666; font-size: 12px
}
.information div.textlist ul li.tips {
  display: block; color: #999999; text-align: center
}
.information div.textlist ul li.separater {
  padding: 28px 0px 8px 0px; border-bottom: 0px; font-size: 16px
}
.information div.textlist ul li.radio {
  padding-right: 40px
}
.information div.textlist ul li.radio em.radio {
  display: block; width: 20px; height: 20px; padding: 4px; border: #b4b4b4 1px solid; box-sizing: border-box; border-radius: 100%; position: absolute; top: 50%; right: 0px; transform: translate(0, -50%)
}
.information div.textlist ul li.radio em.radio u {
  display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 100%
}
.information div.textlist ul li.radio em.radio.on {
  border-color: #000
}
.information div.textlist ul li.radio em.radio.on u {
  background-color: #000
}
.information div.textlist ul li.button {
  padding-top: 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap
}
.information div.textlist ul li:last-child {
  border-bottom: 0px
}
.information div.textlist span.btn {
  width: 45%; padding: 8px 0px; border: #000 1px solid; text-align: center; cursor: pointer; line-height: 100%; border-radius: 5px
}
.information div.textlist a.leftlink {
  width: 50%; display: block; text-align: left
}
.information div.textlist a.leftlink em {
  display: inline-block; padding-bottom: 2px; border-bottom: #000 1px solid; line-height: 100%; font-style: normal
}
.information div.textlist a.rightlink {
  width: 50%; display: block; text-align: right
}
.information div.textlist a.rightlink em {
  display: inline-block; padding-bottom: 2px; color: #ec6000; border-bottom: #ec6000 1px solid; line-height: 100%; font-style: normal
}
.information div.textlist a.rightlink span.countdown {
  padding-right: 5px; font-size: 12px; color: #999
}
.information div.textlist-444 table.products span.status {
  display: none
}
.information div.textlist-444 table.products span.status-canceled {
  display: block
}
.information div.express_addr {
  width: 100%; display: flex; box-sizing: border-box; align-items: center; justify-content: flex-start; flex-wrap: wrap
}
.information div.express_addr span.text {
  display: block; width: 80%; line-height: 160%
}
.information div.express_addr span.copy {
  display: block; width: 20%; text-align: center
}
.information div.express_addr span.copy em {
  font-style: normal; display: inline-block; padding-bottom: 2px; border-bottom: #000 1px solid; font-size: 14px; font-weight: 700;
}
.information table.products {
  width: 100%
}
.information table.products th,
.information table.products td {
  padding: 5px; text-align: center
}
.information table.products th:first-child,
.information table.products td:first-child {
  text-align: left; padding-left: 0px
}
.information table.products td.subtitle,
.information table.products th:last-child,
.information table.products td:last-child {
  text-align: right; padding-right: 0px
}
.information table.products tr.line td {
  padding-top: 10px; border-top: #ededf0 1px solid
}
.information table.products span.totalprice {
  font-size: 16px; font-weight: bold
}
.information table.products span.status-canceled {
  display: none
}
.information.notitle {
  padding-top: 7px
}
.information.notitle div.box {
  margin-top: 0px; margin-bottom: 7px
}
.form {
  width: 100%
}
.form select {
  width: 100%; border: 0px; padding-left: 0px; background-position: right center
}
.form input[type=date] {
  width: 100%; border: 0px; padding-left: 0px; background-position: right center; color: #ffffff
}
.form input.text {
  width: 100%; height: 40px; border: 0px; background: none
}
.form input.text:focus {
  border: 0px
}
.form ul {
  border-top: #ededf0 1px solid
}
.form ul li {
  display: flex; padding: 0px; border-bottom: #ededf0 1px solid; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap
}
.form ul li.readonly {
  background-color: #fafafa
}
.form ul li span.name {
  width: 90px; display: block; line-height: 40px; font-size: 14px
}
.form ul li span.field {
  width: calc(100% - 90px); display: block; position: relative
}
.form ul li span.field em {
  line-height: 40px; position: absolute; top: 0px; left: 0px; font-size: 14px; font-style: normal; pointer-events: none
}
.form ul li span.field u {
  line-height: 40px; font-size: 14px; text-decoration: none
}
.form ul li div.area {
  width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap
}
.form ul li div.area span.province {
  width: 45%; display: block
}
.form ul li div.area span.city {
  width: 45%; display: block
}
.form ul li.tips {
  display: block; padding: 15px 0px; line-height: 160%; border-bottom: 0px
}
.form ul li.tinytips {
  display: block; padding-top: 40px; text-align: center; line-height: 160%; border-bottom: 0px
}
.form ul li.center {
  display: block; padding: 15px; text-align: center; border-bottom: 0px
}
.form ul li.agree {
  display: block; padding: 15px; text-align: center; border-bottom: 0px
}
.form ul li.agree label {
  display: inline-block; vertical-align: top
}
.form ul li.agree u {
  display: inline-block; text-decoration: none; margin-left: 2px; padding: 1px 0px; border-bottom: #000 1px solid; vertical-align: top
}
.form ul li.p1direction {
  width: 100%; border-bottom: 0px; max-height: 0px; overflow: hidden; transition: all .3s ease
}
.form ul li.p1direction dl {
  width: 100%; box-sizing: border-box; padding: 10px 15px 15px 15px; font-size: 14px
}
.form ul li.p1direction dl dt {
  line-height: 100%; padding: 10px 0px
}
.form ul li.p1direction dl dd {
  padding-top: 5px
}
.form ul li.p1direction dl dd span.option {
  display: block; padding-left: 20px; line-height: 200%; position: relative; z-index: 100
}
.form ul li.p1direction dl dd span.option::before {
  content: ''; display: block; width: 14px; height: 14px; border: #666666 1px solid; border-radius: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0, -50%); z-index: 100
}
.form ul li.p1direction dl dd.on span.option::before {
  background: url(svg/radio_checked.svg) center center no-repeat; background-size: 10px
}
.form ul li.p1direction dl dd span.optionTips {
  display: block; padding-top: 5px; font-size: 12px; line-height: 160%; color: #666666
}
.form ul li.p1direction dl dd span.optionTips em {
  font-style: normal; color: #db6929
}
.form ul li.p1direction.on {
  max-height: 300px; border-bottom: #ededf0 1px solid
}
.form ul li.p1directionfixed {
  width: 100%; border-bottom: 0px; max-height: 0px; overflow: hidden; transition: all .3s ease
}
.form ul li.p1directionfixed dl {
  width: 100%; box-sizing: border-box; padding: 10px 15px 15px 15px; font-size: 14px
}
.form ul li.p1directionfixed dl dt {
  line-height: 100%; padding: 10px 0px
}
.form ul li.p1directionfixed dl dd {
  padding-top: 5px
}
.form ul li.p1directionfixed dl dd span.optionTips {
  display: block; padding-top: 5px; font-size: 12px; line-height: 160%; color: #666666
}
.form ul li.p1directionfixed.on {
  max-height: 160px; border-bottom: #ededf0 1px solid
}
.takeaselfie {
  width: 100%; padding-top: 20px; border-top: #ededf0 1px solid; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap
}
.takeaselfie div.item {
  width: calc((100% - 30px) / 3); height: 190px; background: none #000 center center no-repeat; background-size: cover; position: relative
}
.takeaselfie div.item span.camera {
  display: block; width: 100%; height: 100%; background: url(camera.svg) center center no-repeat; background-size: 34px 30px; box-sizing: border-box; position: relative; z-index: 100
}
.takeaselfie div.item span.text {
  display: block; width: 100%; padding-bottom: 15px; text-align: center; color: #fff; position: absolute; bottom: 0px; left: 0px; z-index: 100
}
.takeaselfie div.item input.file {
  width: 60px; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; opacity: 0
}
.takeaselfie div.item.uploaded span.camera {
  opacity: 0
}
.takeaselfie div.item.uploaded span.text {
  opacity: 0
}
.takeaselfie_tips {
  width: 100%
}
.takeaselfie_tips h3 {
  padding: 20px 0px; font-size: 16px
}
.takeaselfie_tips p {
  line-height: 160%
}
.takeaselfie_tips div.demo {
  width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap
}
.takeaselfie_tips div.demo div.item {
  width: calc((100% - 30px) / 3); height: 190px; background: none center center no-repeat; background-size: cover; position: relative
}
.takeaselfie_tips div.demo div.item:nth-child(1) {
  background-image: url(img.demo.1.jpg)
}
.takeaselfie_tips div.demo div.item:nth-child(2) {
  background-image: url(img.demo.2.jpg)
}
.takeaselfie_tips div.demo div.item:nth-child(3) {
  background-image: url(img.demo.3.jpg)
}
.takeapicture {
  width: 100%; height: 80vw; max-height: 400px; background: #000; padding: 15px; box-sizing: border-box; position: relative
}
.takeapicture span.camera {
  display: block; width: 100%; height: 100%; background: url(camera.svg) center center no-repeat; background-size: 57px 50px; box-sizing: border-box; position: relative; z-index: 100
}
.takeapicture span.ocrloading {
  display: block; width: 200px; text-align: center; color: #808080; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 100
}
.takeapicture span.text {
  display: block; width: 100%; line-height: 140%; text-align: center; font-size: 16px; font-weight: bold; color: #fff; position: absolute; bottom: 15px; left: 0px; z-index: 50
}
.takeapicture span.text em {
  font-size: 12px; font-weight: normal; font-style: normal
}
.takeapicture input.file {
  width: 60px; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; opacity: 0
}
.takeapicture_tips {
  width: 100%; line-height: 180%; font-size: 14px; text-align: center
}
.takeapicture_tips p.manual {
  padding: 30px 0px 60px 0px
}
.takeapicture_tips p.manual a {
  display: inline-block; height: 40px; box-sizing: border-box; padding-top: 8px
}
.takeapicture_tips p.manual a em {
  display: inline-block; font-size: 16px; padding-bottom: 2px; font-style: normal; font-weight: bold; border-bottom: #000 1px solid
}
.takeapicture_tips div.position {
  width: 100%; margin-top: 20px; box-sizing: border-box; padding: 15px; background: #352e2b; border-radius: 5px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap
}
.takeapicture_tips div.position item {
  display: block; width: 50%; box-sizing: border-box; color: #fff; line-height: 100%; text-align: left; border-left: #fff 1px solid
}
.takeapicture_tips div.position item h3 {
  font-size: 14px
}
.takeapicture_tips div.position item span {
  display: block; font-size: 12px; padding-top: 10px
}
.takeapicture_tips div.position item:nth-child(odd) {
  border-left: 0px
}
.takeapicture_tips div.position item:nth-child(even) {
  text-align: right !important
}
.takeapicture_tips div.position item:nth-child(3) > h3,
.takeapicture_tips div.position item:nth-child(4) > h3 {
  padding-top: 15px
}
.container_welcome {
  background: url(welcome.jpg) center center no-repeat; background-size: cover
}
.container_welcome div.logo {
  border-top-color: transparent
}
.container_welcome bottombar {
  background-color: transparent
}

.btn-disable{
  background: #808080;
  /*color: #808080;*/
}





.popup_dialog_container{
  display: flex; /* 开启flexbox布局 */
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
  width: 100%; height: 100%; transform: scale(0.9); background: rgb(0,0,0,0.5); opacity: 0; position: fixed; top: 0px; left: 0px; z-index: 50; transition: all .3s ease

}

.popup_dialog_container.on {
  transform: scale(1); opacity: 1; z-index: 1100000000
}

.popup_dialog_container.out {
  transform: scale(1.1); opacity: 0;z-index: 50;
}


.popup_dialog_box {
	min-width: 50vw;
      	max-width: 60vw;
  display: flex; /* 开启flexbox布局 */
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
  background: #ffffff;
  padding: 20px;
  border-radius: 4px;
  transition: all .3s ease
}


.buttons {
  display: flex; /* 启用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中（如果容器有高度） */
  gap: 10px; /* 按钮之间的间距 */
  padding: 10px 20px;
  /*background-color: #f5f5f5;*/
  /*border: 1px solid #ddd;*/
  /*border-radius: 5px;*/
}

.box-title {
  display: flex; /* 启用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中（如果容器有高度） */
  text-align: center;
  padding: 0 0 10px 0;

  font-size: 14px;
  font-weight: bold;
}