body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
.cf{zoom:1;}
img{display: block;}
.cf:after{content:"";display:block;clear:both;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff;}
input::-webkit-input-speech-button {display: none}
input::-webkit-input-placeholder{
            color:#d0d0d0;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#d0d0d0;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#d0d0d0;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#d0d0d0;
        }
button,input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.chx_box{height: 44px; line-height: 44px;padding: 0 20px; font-size: 18px; background: #f7f7f7;color: #666;}
.chx_box span{ padding-left: 5px; color: #038bff;}
.tatler_p{padding:0 20px;height: 40px; line-height: 40px; background: #f7f7f7; font-size: 14px; color: #999;}
.men_box{height: 44px; line-height: 44px;padding: 0 20px; border-bottom: 1px solid #CCCCCC;}
.men_lab{ display: block; float: left;width: 26%; color: #666; font-size: 18px;}
.input_box{float: left;}
.men_input{ height: 44px; line-height: 44px; border: none; outline: none;color: #666; font-size: 18px; width: 100%; display: block;}
.shang_xuabcgy{overflow: hidden;width: 100%;position: relative; background-size: 100% auto;}
.men_tover{}
.width_all{width: 100%;}
.car_chx{position: relative; width: 100%;  }
.car_box{position: absolute; width: 44%;}

.wei_zhen_1{ left: 6%;}
.wei_zhen_2{right: 6%;}
.wei_zhen_3{left: 50%;  transform: translate(-50%, 0);}
.wei_zhen_4{left: 12%;}
.wei_zhen_5{right: 12%;}
.on_erdang{ top: -20px; width: 60%; z-index: 99;
animation:car_on 0.5s;
-moz-animation:car_on 0.5s; /* Firefox */
-webkit-animation:car_on 0.5s; /* Safari and Chrome */
-o-animation:car_on 0.5s; /* Opera */}
@keyframes car_on
{
from {top: 0; width: 44%;}
to {top: -20px; width: 60%;z-index: 99;}
}

.off_erdang{animation:car_off 0.5s;
-moz-animation:car_off 0.5s; /* Firefox */
-webkit-animation:car_off 0.5s; /* Safari and Chrome */
-o-animation:car_off 0.5s; /* Opera */}
@keyframes car_off
{
from {top: -20px; width: 60%;z-index: 99;}
to {top: 0; width: 44%;}
}


.men_button{ width: 100%; margin: 0 auto;}
.spsm_box{ width: 100%; margin: 0 auto;}
.text_wxts{font-size: 14px; color: #bfc6ff; line-height: 20px; margin-top: 20px; padding: 0 10px;}
.text_wxts p{ margin-bottom: 10px;}
.big-photo{ width: 80%; margin: 0 auto; padding-top: 20px;}
.rwxy_box{overflow-y: scroll; width: 90%; box-sizing: border-box; height: 400px; border-radius: 20px; background: #fff; border: 1px solid #DDDDDD; margin: 120px auto 0 auto;  font-size: 12px; color: #666; padding: 10px;}
.rwxy_box h2{ text-align: center; font-size: 20px; border-bottom: 1px solid #ddd; height: 50px; line-height: 40px;}
.button_on{display: block;text-align:center; border-radius: 20px;  height: 60px; line-height: 60px; background: #5867e2; color: #fff; font-size: 20px; outline: none;}
.rwxy_box_zz{display: none; position: fixed;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);z-index: 999;}
.dy_tittler{position: fixed; width: 100%; min-height: 40px; top: 0; left: 0; z-index: 999;}
.titler_bg{position: absolute; width: 100%; left: 0; top: 0;}
.color_fff{color: #fff !important;}
.font_24{font-size: 24px !important;}
.font_12{font-size: 12px !important;}
.font_10{font-size: 10px !important;}
.font_16{font-size: 16px !important;}
.font_14{font-size: 14px !important;}
.font_20{font-size: 20px !important; color: #333;}
.titler_left{position: absolute; width: 25%; left: 10px; 
    transform: translate(0, 50%); height: 24px; line-height: 24px;}
.titler_center{ text-align: center;  font-size: 16px; 
    transform: translate(0, 50%);color: #fff;}
.order_box{margin: 20px 10px; overflow: hidden; border-radius: 20px; background: #fff; box-sizing: border-box; border: 1px solid #e4e4e4; box-shadow: 0px 8px 10px 0px rgba(6, 0, 1, 0.07);}
.order-titler{ height: 46px; width: 100%;
 border-color: rgb(200, 200, 241);
  background-image: -moz-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
}
.dis_in{display: inline-block;}
  .zhuangtai_box{ width:24%; ; margin: 8px 2.3%; padding: 5px 0; float: left;border-radius: 10px; overflow: hidden; text-align: center; font-size: 14px;}
  .zhuangtai_on{ background: #dee2ff; box-shadow: -1px -1px 1px rgba(0,0,0,0.4);color: #2c3bb7;}

.zhuangtai_off{ background: #8d9aff; color: #666;}
.one_box{width: 20px; height: 20px; border-radius: 10px; line-height: 20px; text-align: center;  background: rgba(255,255,255,0.4); margin: 0 4px;}
.jdu_t{ width: 5%; height: 4px; background: #8d9aff; border-radius: 1px; margin: 22px 1%; float: left;}
.zhengzaile{ background: #dee2ff;}
.cprenwu_box{padding: 10px 15px;}
.widter_en{float: left; width: 70%; border-right: 1px solid #dfdfdf;box-sizing: border-box; padding-right: 5px;}
.cpimg_box{ float: left; width: 40%;}
.cptext_box{float: left; width: 55%; margin-left: 5%;}
.yewu_ham{font-size: 16px; color: #5867E2; margin-top: 4px;}
.khrbox{width: 25%; margin: 0 2%; text-align: center;}
.color_666{color: #666;}
.widther_me{width: 100%; margin-left:10px; color: #666; font-size: 14px;}
.shjuma span{margin-right: 5px;}
.posi_r{position: relative;}
.clsm_button{background-color: rgb(232, 235, 255);border-radius: 10px;
  box-shadow: inset 0px 2px 1.96px 0.04px rgba(0, 0, 0, 0.35);color: #0d1a84;  width: 90px;
 border: none;ou01tline: none;}
.poster_buttonbox{position: absolute; width: 90px;text-align: center;right: 10px;top: 50%; transform: translate(0, -50%);}
.men_yjbox{margin-top: 10px; padding: 5px 15px;border-top: 1px solid #DFDFDF; height: 32px; line-height: 32px; }
.color_buler{color: #5867E2;}
.box_time{ text-align: center; padding: 10px 0;  background: #fff; box-shadow:0px 8px 10px 0px rgba(6, 0, 1, 0.07) ; position: fixed; width: 100%;top: 40px; left: 0; z-index: 999;}
.time_input{ height: 32px;  width: 35%; border-radius: 8px; border: 1px solid #D8D8D8;}
.cx_buttoner{width: 20%; border: none; height: 32px; outline: none;color: #fff; border-radius: 8px; background-image: -moz-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);}
  .orderlister{ position: relative; width: 100%; margin-top: 100px;}
  
  
.box_yj{ position: relative;width: 100%; }
.mp_qwer{position: absolute;width: 100%; top: 0; left: 0;}
.fanhui_anniu{position: absolute;width: 24px; height: 24px; left: 10px; top: 10px; }
.zong_je{ position: absolute; width: 100%; text-align: center; line-height: 40px; top: 10px; color: #fff;}
.zong_je p{ font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #795DA3;}
.zong_je span{ font-size: 32px; text-shadow:  0 1px 1px #795DA3; }
.mnoo_wz{position: absolute; left: 0; bottom: 0;  width: 100%;  }
.menxxry{ width: 50%; text-align: center ;color: #B3D4FC; font-size: 12px;background: rgba(0,0,0,0.1);padding: 5px 0;}
.menxxry span{ font-size: 18px; font-weight:600; margin: 0 2px;}
.on_menxxry{color:#fff;text-shadow: 0 1px 1px #795DA3;background: rgba(0,0,0,0.3);}
.box_tablereb{width: 96%; position: absolute; top: 160px; left: 2%;}
.tabger_ie{background: #fff; width: 100%; text-align: center;font-size: 12px; border-radius: 20px; overflow: hidden; border: 1px solid #ededed; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.4);}
.baner_er td{background-image: -moz-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(75,88,204) 0%, rgb(130,141,234) 50%, rgb(78,93,223) 100%); color: #fff; padding: 10px 0; font-size: 14px;}
  .shuoming_box{ background: #F0F0F0; padding: 10px; font-size: 14px; color: #333;}
  
  
  
  /*新增*/
  .men_boern{padding: 5px 0; border-bottom: 1px solid #CCCCCC; background: #fff;}
  .menee1{width: 16%; margin: 0 2%; float: left;}
  .menee2{ width: 60%; float: left;border-right: 1px dashed #D8D8D8; }
  .meneep1{font-size: 14px; color: #333;font-weight: bold; height: 44px; line-height: 22px; margin-bottom: 0;}
  .meneep2{ font-size: 12px; color: #CF2D28; margin-bottom: 0;}
  .meneep2 span{ font-size: 16px; font-weight: bold; line-height: 0; }
  .menee3{ float: right; margin-right: 2%; width: 16%; }
  
  .uiswitch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 20px;
  width: 54px;
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  outline: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #e5e5e5;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
}
.uiswitch::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 18px;
  width: 51px;
  content: ' ';
  position: absolute;
  left: 2px;
  top: 2px;
  background-color: #ffffff;
  border-radius: 16px;
  z-index: 1;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.uiswitch::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  content: ' ';
  position: absolute;
  border-radius: 27px;
  background: #ffffff;
  z-index: 2;
  top: 1px;
  left: 2px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14);
  -webkit-transition: -webkit-transform 300ms, width 280ms;
  -moz-transition: -moz-transform 300ms, width 280ms;
  transition: transform 300ms, width 280ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  -moz-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
}
.uiswitch:checked {
  background-color: #4CD964;
  background-image: -webkit-linear-gradient(-90deg, #4CD964 0%, #4dd865 100%);
  background-image: linear-gradient(-180deg,#4CD964 0%, #4dd865 100%);
}
.uiswitch:checked::after {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  -ms-transform: translate3d(16px, 0, 0);
  -o-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  right: 18px;
  left: inherit;
}
.uiswitch:active::after {
  width: 35px;
}
.uiswitch:checked::before, .uiswitch:active::before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.uiswitch:disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uiswitch:disabled:active::before, .uiswitch:disabled:active::after, .uiswitch:disabled:checked:active::before, .uiswitch:disabled:checked::before {
  width: 27px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uiswitch:disabled:active::before {
  height: 27px;
  width: 41px;
  -webkit-transform: translate3d(6px, 0, 0);
  -moz-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  -o-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.uiswitch:disabled:checked:active::before {
  height: 27px;
  width: 27px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.uiswitch {
  background-color: #e5e5e5;
}
.uiswitch::before {
  background-color: #ffffff;
}
.uiswitch::after {
  background: #ffffff;
}
.uiswitch:checked {
  background-color: #4CD964;
  background-image: -webkit-linear-gradient(-90deg, #4CD964 0%, #4dd865 100%);
  background-image: linear-gradient(-180deg,#4CD964 0%, #4dd865 100%);
}



pre, code {
  font-family: Monaco, Menlo, "Courier New", Courier, monospace;
  font-size: 13px;
}

pre {
  text-align: left;
}

pre {
  background-color: #fbfbfb;
  border: 1px solid #eee;
  padding: .6em;
  display: inline-block;
  border-radius: 3px;
}

.wrapper {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}


.fields__item {

  text-align: center;
}

.he12 {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #333;

}

.section {
  margin: 10px auto 0 auto;
}

.custom {
  background-color: #eadcbc;
}

.custom::before {
  background-color: #f7f2e5;
}

.custom::after {
  background: #fff3a6;
}

.custom:checked {
  background-color: #ffca3f;
  background-image: -webkit-linear-gradient(-90deg, #ffca3f 0%, #feca40 100%);
  background-image: linear-gradient(-180deg, #ffca3f 0%, #feca40 100%);
}

.my-switch {
  border-radius: 4px;
}

.my-switch::before {
  border-radius: 2px;
}

.my-switch::after {
  border-radius: 1px;
}

.my-switch:checked {
  background: hotpink;
}

.my-switch:checked::after {
  background-color: #333;
}

.menss_oep{ padding: 10px 5px 10px 10px; border-bottom: 1px solid #BBBBBB; background: #fff; font-size: 14px; color: #333; position: relative; vertical-align: middle;}
.menss_oep span{ font-size: 18px; margin-right: 10px;}
.eewds{ position: absolute; right: 5px; top: 10px; color: #999;}


/*xinzen*/
.men_ioed{ padding: 10px 20px; background: url(../img/oomeerx4_03.png); background-size: 100% auto;}
.touxiang_spn{width: 80px; border-radius: 40px; overflow: hidden; float: left; display: block;}
.men_slse{ float: left; margin-top: 20px; margin-left: 10px; font-size: 16px; color: #fff; text-shadow: 0 1px 1px #0062CC;}
.men_slse span{font-size: 20px;}


.ut_img{position: relative; width: 100%; overflow: hidden;}
.hope_ui{position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(255,255,255,0.6); height: 30px; line-height: 30px; padding-left: 10px; font-size: 16px; color: #333;}
.ct_box{background: #fff; margin: 10px 0; overflow: hidden;}
.sne_sb{ height: 32px; line-height: 32px; border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; }
.sne_sb p{ width: 40%; margin: 0 auto;display: block; position: relative;font-size: 12px; text-align: center; color: #333;}
.sne_sb p:before{content: "";display: block;position: absolute; width: 20px; height: 1px; background: #797979; left: 20px; top: 17px;}
.sne_sb p:after{content: "";display: block;position: absolute; width: 20px; height: 1px; background: #797979; right: 20px; top: 17px;}
.ct_img{width: 30%; margin: 0 10px 10px 10px;}
.ct_text{ width: 60%;}
.ct_tp1{ font-size: 16px; color: #333; height: 30px; line-height: 30px; overflow: hidden;}
.ct_tp2 { font-size: 12px; color: #666; height: 54px; overflow: hidden; line-height: 18px;}
.ct_tp3{ font-size: 12px; color: #666; height: 30px; line-height: 30px;}
.ct_tp3 span{font-size: 18px; color: #CF2D28;}
.button_buy{display: block; width: 100%; margin: 10px auto; background: #DD524D; color: #fff; font-size: 14px; height: 28px; line-height: 28px; border-radius: 4px; text-align: center;}
.mne_lister{  padding: 10px; border-bottom: 1px solid #D0D0D0;}
.litter_sm{font-size: 10px;}
.inputere_text{ display: block; width: 100%; border: none; color: #333; font-size: 16px; height: 30px; line-height: 30px;}
.men_pper{height: 30px; line-height: 30px; color: #333; font-size: 16px; margin-top: 6px; overflow: hidden;}
.ord_button{ display: block; width: 98%; margin: 5px auto; border-radius: 16px; height: 34px; line-height: 34px; background: #CF2D28; font-size: 14px; color: #fff; text-align: center;}

.ct_cx_dsb{ position: absolute; width: 100px; height: 30px; line-height: 30px; right: 10px; top: 10px; background: rgba(246,11,11,0.6); color: #fff; text-align: center; border-radius: 15px;}
.cx_dasbben{padding: 20px;}
.cx_dasbben li{ font-size: 16px; color: #007AFF; line-height: 40px; margin: 10px 0; background: #038BFF; text-align: center; border-radius: 4px;}
.cx_dasbben li a{color: #fff;}