﻿@font-face {
  font-family: 'iconfont';  /* project id 1569930 */
  src: url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.eot');
  src: url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.woff') format('woff'),
  url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1569930_ni20g0o1yf.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:150rpx;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }


.icon-yz:before 
{ content: "\e613"; }
*{ outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; font-family:sans-serif;}
body {height:100%;width:38%;margin:0 auto;}
@media (max-width: 640px){
body {height:100%;width:100% }
}
html {height:100%}

/* 头部导航 */
.hui-header{margin:0 auto;display:flex; width:100%; height:38px; text-align:center; top:0px; position:fixed;  background:;}
.hui-header h1{font-size:16px; height:44px; line-height:44px; overflow:hidden; width:100%; padding:0px 38px 0px 38px; text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.hui-header + .hui-wrap{padding-top:44px;}
#hui-back{width:44px; height:44px; font-family:"iconfont"; line-height:44px; text-align:center; flex-shrink:0;}
#hui-back1{width:44px; height:44px; font-family:"iconfont"; line-height:44px; text-align:center; flex-shrink:0;}
#hui-back:before{content:"\e60b"; font-size:18px; color:#333;}
#hui-back1:before{content:"\e60b"; font-size:18px; color:#FFF;}
#hui-header-menu{width:44px; height:44px; line-height:44px; font-family:"iconfont"; flex-shrink:0;}
#hui-header-menu1{width:44px; height:44px; line-height:44px; font-family:"iconfont"; flex-shrink:0;}
#hui-header-menu:before{content:"\e600"; font-size:20px; color:#FFF;}
#hui-header-menu1:before{content:"\e618"; font-size:20px; color:#FFF;}

/* action sheet */
@keyframes hui-a-down{0%{bottom:-100px;} 100%{bottom:0}}
@-moz-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-webkit-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-o-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
#hui-action-sheet{width:100%; position:fixed; z-index:501; left:; bottom:0px; background:#FFFFFF; animation:hui-a-down 200ms linear; -webkit-animation:hui-a-down 100ms linear; -moz-animation:hui-a-down 100ms linear; -o-animation:hui-a-down 100ms linear; border-radius:6px;}
#hui-action-sheet li{width:100%; overflow:hidden; text-align:center; height:52px; line-height:52px; border-bottom:1px solid #EBEBEB; font-size:16px;}
#hui-action-sheet-cancel{border-top:3px solid #EBEBEB; color:#999999 !important;}

#hui-input-clear{width:52px; height:52px; position:; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#hui-input-clear:before{font-family:"iconfont" !important; content:"\e64d"; font-size:14px;}

.hui-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:; z-index:1; text-align:center; line-height:62px; right:0px; top:0px; color:#999999;}
.hui-pwd-eyes:before{font-family:"iconfont"; content:"\e682"; font-size:20px;}
.hui-pwd-eyes-sed{color:#3388FF !important;}

.weui-grid {
  width:;
  background:#FFFFFF; 
 
}
.weui-grids {
 
}

.weui-grid__label{
  font-size:15px  
}
.weui-grid__labeltxt{
  font-size:10px;
  color:#ccc;
  line-height:12px;
  text-align:center  
}
.weui-grid__icon{
	width:50px;
	height:auto;
	text-align:center
}
.weui-grid__icon img{
	text-align:center
}
.head-bg{
  background:url('../images/bg1.jpg') no-repeat;
  width:100%;
  height:450px;
  z-index:-100;
  background-size:100% 42%;
  position:absolute; top: 0; left: 0;
}
.head-bg-1{
  background:url('../images/bg1.jpg') no-repeat;
  width:100%;
  height:265px;
  z-index:-100;
  background-size:100% 80%;
  position:absolute; top: 0; left: 0;
}
.wrap {
  position: relative;
  
}
.wrap-1 {
    position: absolute;
    left: 0;
    top: 80%;
    right: 0;
    bottom: 0;
    margin: 15px;
    height: 60px;
    background: #16120d;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: left;
    justify-content: left;
    padding: 8px;
    box-sizing: border-box;
    -moz-box-shadow: 0px 3px 15px #EBEBEB;
    -webkit-box-shadow: 0px 3px 15px #EBEBEB;
    box-shadow: 0px 3px 15px #EBEBEB;
    z-index: 99999;
}
.wrap-1-n img{
 width:100%
}
.wrap-1-n {
  left: 0;
  top: 80%;
  right: 0;
  bottom: 0;
  margin:15px;
  background: #FFF;
  border-radius:5px;
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-shadow:0px 3px 15px #EBEBEB; -webkit-box-shadow:0px 3px 15px #EBEBEB; box-shadow:0px 3px 15px #EBEBEB;
  }

.wrap-1-m {

  margin:15px;
  height: 250px; 
  background: #fff;
  border-radius:5px;
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-shadow:0px 3px 15px #EBEBEB; -webkit-box-shadow:0px 3px 15px #EBEBEB; box-shadow:0px 3px 15px #EBEBEB;
  }


#notice_txt {
    margin-top: 5px;
    margin-right: 10px;
     width: 50px;
} 

#notice_txt:before{

}
.wrap-2 {
  position: absolute; 
  left: 15px;
  top: 28px;
  right: 0;
  bottom: 0;
  margin:0px;
  height: 120px; 
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  box-sizing: border-box;
  }
.span2 {
  font-size:14px;
  color:#fff;
  line-height:16px;
  display:block  
}
.wrap-2 p {
  font-size:26px;
  color:#fff;
  font-weight:700;
  font-family: Tahoma,Helvetica,Arial;
  display:inline;
  line-height:30px  
}
#ordericon:before {
	margin-left:38px;
	font-family:"iconfont"; 
	content:"\e686"; 
	font-size:50px;
	line-height:55px;
	color:#FFF
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: ;
  margin:15px;
  margin-top:5px;
  box-sizing: border-box;
 } 
.container-grid {
  margin-top:100px;
}
.container>img {
  border-radius:5px;
}

.container-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position:relative; 
  left:0; 
  top:0;
  z-index:-100;
 }
 
.container-head>img {
  border-radius:1px;
}

.container-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: ;
  margin:15px;
  margin-top:8px;
  box-sizing: border-box;
 
 }
 
.img-box{
  padding:10px 0;	
}
.box-c{
  text-align:center;
  margin-top:45px;
}
 
.box-c p{
  font-size:24px;
  color:#ccc; 
  font-weight:500;
  line-height:24px  
	
}
.box-c span{
  font-size:12px;
  color:#ccc; 
}
.box{
  margin:15px;
  margin-top:50px;
  border-radius:8px;
  box-sizing: border-box;
-moz-box-shadow:0px 3px 15px #EBEBEB; -webkit-box-shadow:0px 3px 15px #EBEBEB; box-shadow:0px 3px 15px #EBEBEB;  
}
.box>ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;	
}

.box>ul>li{
  list-style:none;
  width:50%;
  border:1px solid #000
  }

.box-1{
  background:url("../images/bg2.jpg");	
  margin:15px;
  margin-top:15px;
  border-radius:5px;
  height:300px;
  position: relative;
  box-sizing: border-box;
  -moz-box-shadow:0px 3px 15px #EBEBEB; -webkit-box-shadow:0px 3px 15px #EBEBEB; box-shadow:0px 3px 15px #EBEBEB;
}

.alert-close{
	background: url('../images/into.png') no-repeat 0px 0px;
	cursor: pointer;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 7px;
    top: 11px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	z-index: 1;
}
.box-1-title{
	padding-top:10px;
	padding-left:12px
}
.box-1-text{
	padding-top:10px;
	padding-left:12px;
	padding-right:10px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	
}

#step1:before {
	font-family:"iconfont"; 
	content:"\eb68"; 
	font-size:35px;
	line-height:45px;
	
}
#step2:before {
	font-family:"iconfont"; 
	content:"\e614"; 
	font-size:35px;
	line-height:45px
}
#step3:before {
	font-family:"iconfont"; 
	content:"\e615"; 
	font-size:35px;
	line-height:45px
}
.weui-btn_primary {
    background-color:#FF5100;
}
.box-2{
  margin:10px 15px 0px 15px;
  border-radius:5px;
  position: relative;
  box-sizing: border-box;
  background:#FF5100;
  -moz-box-shadow:0px 3px 15px #EBEBEB; -webkit-box-shadow:0px 3px 15px #EBEBEB; box-shadow:0px 3px 15px #EBEBEB;  
}

.box-2-headtitle{
  margin-left:15px;
  margin-top:15px;
  border-radius:5px;
  position: relative;
  font-weight:800;
  box-sizing: border-box;	
}

.ad_popHd {
  height: 76px;
  line-height: 76px;
  font-size: 32px;
  text-align: center;
  border-bottom: 1px solid #cdd1cd;
  padding: 0 20px;
  color: #202120;
}

.ad_popAt{
    margin:10px 32px 5px 32px;
}
.ad_popAt p{
	font-size:16px;
	color:#333;
	font-weight:700;
}

.ad_popAt1{
    margin:10px 18px 0px 18px;
	background:#FFF;
	padding:15px 0 5px 15px;
	border-radius:5px
}
.ad_popAt1 p{
	font-size:16px;
	color:#333;
	font-weight:700;
}

.ad_popSelect {
	margin:0px 8px 20px 8px;
	
}
.ad_popSelect  p {
	font-size:12px;
	color:#ccc
}
.ad_popFt {
  margin:20px;
  margin-top: 0px;
 
  
}

.ad_popHt {
  position: relative;
  width:100%;height: 55px;background-color:#fff;
  display:-webkit-flex; 
  display:flex;
}
.ad_popHt:before{
  content: '';
  position: absolute;
  width: 200%;
  height: 1px;
  bottom: 0;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(.5,.5);
  transform: scale(.5,.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
    }

.ad_popArea {
  width:100%;
  height:55px;
  font-family:Arial, serif;
  font-size: 18px;
  padding: 10px;
  padding-left:85px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 16px;
  color: #666;
  background:none;
  border:none;
  }
 
input::-webkit-input-placeholder{color:#ccc;font-size:10px}
input::-moz-placeholder{color:#ccc;font-size:10px}
input:-ms-input-placeholder{color:#ccc;font-size:10px}



.ad_popCout {
  color: #969899;
  font-size: 12px;
  text-align: right;
  line-height: 32px;
  padding: 0 15px;
}

.btnArea {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: ;
  margin:0px;
  margin-top:20px;
  box-sizing: border-box;
}
.informBtn {
  background: #09bb07;
  color: #fff;
  font-size: 38px;
  margin-top: 38px;
  height: 98px;
}

.informBtn1 {
  background: #09bb07;
  color: #fff;
  font-size: 28px;
  }

.foot_tabbar{
  	position:fixed;
	bottom:0px;right:0px;left:0px;
	
	background-color:#fff;
	
}
.weui-footer__links{margin-bottom: 5px;}
.weui-footer__text {
    margin: 5px;
}