@charset "utf-8";
*, *:before, *:after { max-height: 100000px }
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}
.alignC{text-align:center}
.alignL{text-align:left}
.alignR{text-align:right}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.table{display:table}
.img-responsive{display:block;width:100%;height:auto;max-width:100%}

/* 禁止换行,超出省略号 */
.noWrapEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 文字两端对齐 */
.text-justify{text-align:justify;text-justify:inter-ideograph}

/* 定义盒模型为 flex布局兼容写法并让内容水平垂直居中 */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

/*flex-v：盒模型垂直布局*/
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

/* flex-1：子元素占据剩余的空间*/
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}

/*flex-align-center：子元素垂直居中*/
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

/*flex-pack-center：子元素水平居中*/
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

/*flex-pack-justify：子元素两端对齐*/
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.row-wrap{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}

/*
使用注意：
flex下的子元素必须为块级元素，非块级元素在android2.3机器下flex失效
flex下的子元素宽度和高度不能超过父元素，否则会导致子元素定位错误，例如水平垂直居中
 */

body{font-family:"Microsoft YaHei";background-color:#fafafa}
.bgWhite{background-color:#fff}
.icon-right{display:block;width:12px;height:12px;border-right:1px solid #888;border-bottom:1px solid #888;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-left:5px}
.shade{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6)}
.header{width:100%;height:50px;line-height:50px;padding:0 15px;overflow:hidden;background-color:#fd9b17;position:relative}
.header .title{font-size:18px;color:#fff;text-align:center}
.header .headerL{width:12px;height:12px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:20px;top:20px}
.header .headerR{position:absolute;right:15px;top:0;font-size:12px;color:#fff}
footer{position:fixed;bottom:0;left:0;z-index:999;width:100%;height:50px;background-color:#fff;box-shadow:0 0 5px rgba(253,152,15,.2)}
footer a{width:25%;padding-top:6px;font-size:13px;color:#333;text-align:center}
footer a .icon{margin:0 auto;width:20px;height:20px;text-align:center}
footer a .icon1{background:url(../images/nav-icon1.png) no-repeat;background-size:20px 20px}
footer a .icon2{background:url(../images/nav-icon2.png) no-repeat;background-size:20px 20px}
footer a .icon3{background:url(../images/nav-icon3.png) no-repeat;background-size:20px 20px}
footer a .icon4{background:url(../images/nav-icon4.png) no-repeat;background-size:20px 20px}
footer a .icon5{background:url(../images/nav-icon5.png) no-repeat;background-size:20px 20px}
footer a .icon6{background:url(../images/nav-icon6.png) no-repeat;background-size:20px 20px}
footer a .icon7{background:url(../images/nav-icon7.png) no-repeat;background-size:20px 20px}
footer a .icon8{background:url(../images/nav-icon8.png) no-repeat;background-size:20px 20px}
footer a.active .icon1{background:url(../images/nav-icon1-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon2{background:url(../images/nav-icon2-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon3{background:url(../images/nav-icon3.png) no-repeat;background-size:20px 20px}
footer a.active .icon4{background:url(../images/nav-icon4-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon5{background:url(../images/nav-icon5-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon6{background:url(../images/nav-icon6-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon7{background:url(../images/nav-icon7-active.png) no-repeat;background-size:20px 20px}
footer a.active .icon8{background:url(../images/nav-icon8-active.png) no-repeat;background-size:20px 20px}
footer a .title{font-size:12px;color:#333;margin-top:2px}
footer a.active .title{color:#fd9b17}
footer a .icon.icon3{width:55px;height:55px;background-size:100%;position:absolute;left:50%;transform:translate(-50%,-50%)}
footer a .title3{padding-top:20px}

/* 按钮 */
button.withdraw-button{width: 93%;height:50px;line-height:50px;text-align:center;color:#fff;border-radius:5px;font-size:16px;background:#fd9b17;margin:45px 15px 0; border: 1px solid #fd9b17}
.submit-btn{width:92%;height:50px;line-height:50px;background-color:#fd9b17;font-size:18px;color:#fff;text-align:center;margin:50px auto;border-radius:5px; border: none; display: block}
.xcsubmit-btn{width:100%;height:50px;line-height:50px;background-color:#fd9b17;font-size:18px;color:#fff;text-align:center;position:fixed;bottom:0;left:0; border: none}

.size10 {font-size: 10px}
.size12 {font-size: 12px}