/*
 * HTML5 public css
 *
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, dd, dt, dl {
    padding: 0;
    margin: 0;
    border: none;
}

body {
    color: #090404;
    font-size: 14px;
    font-weight: normal;
    background: #f7f7f7;
    font-family: "微软雅黑",STHeiti, "Microsoft Yahei", tahoma, arial, 'Hiragino Sans GB', sans-serif;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
}

*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

* {
    word-wrap: break-word;
}

h4 {
    font-weight: bold;
}

ul, ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

em {
    font-style: normal;
}

a:hover {
    color: #d6001d;
    text-decoration: underline;
    outline: none;
}
a:visited{
  outline: none;
}
.center {
    text-align: center;
}
.float-lf{
	float: left;
}
.float-rg{
	float: right;
}
.txt-lf {
    text-align: left;
}

.txt-rg {
    text-align: right;
}

.va-t {
    vertical-align: top;
}

.va-m {
    vertical-align: middle;
}

.va-b {
    vertical-align: bottom;
}

.dp-bl {
    display: block;
}

.dp-n {
    display: none;
}

.dp-ibl,.dp-ib {
    display: inline-block;
}
.pstr{
	position: relative;
}
.text-decoration-none:hover{
  text-decoration: none;
}
/*描边*/
.sb {
    border: solid 1px #e5e5e5;
}

.bb {
    border-bottom: solid 1px #e5e5e5;
}
.bb1{
  border-bottom: 2px solid #eeeeee;
}
.bbd {
    border-bottom: dashed 1px #e5e5e5;
}

.b-l {
    border-left: solid 1px #e5e5e5;
}
.b-l-d {
    border-left: dashed 1px #e5e5e5;
}

.b-r {
    border-right: solid 1px #e5e5e5;
}
.b-r1{
  border-right: 1px solid #eeeeee;
}

.b4 {
    border: solid 4px rgba(0, 0, 0, 0.15);
}
.indent2em{
	text-indent: 2em;
}

/*清除浮动*/
.clearfix:after, .m-nav:after, .m-navbar:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*垂直居中*/
.tableWrap {
    display: table;
}

.cellWrap {
    display: table-cell;
    vertical-align: middle;
}

/*边距*/
.mg-0 {
    margin: 0;
}

.mg-auto {
    margin: 0 auto;
}

.mg-5 {
    margin: 5px;
}

.mg-10 {
    margin: 10px;
}
.mg-15 {
    margin: 15px;
}

.mg-20 {
    margin: 20px;
}

.mg-30 {
    margin: 30px;
}

.mg-40 {
    margin: 40px;
}

.mg_5-0 {
    margin: 5px 0;
}

.mg_10-0 {
    margin: 10px 0;
}

.mg_15-0 {
    margin: 15px 0;
}

.mg_20-0 {
    margin: 20px 0;
}

.mg_30-0 {
    margin: 30px 0;
}

.mg_40-0 {
    margin: 40px 0;
}

.mg_0-5 {
    margin: 0 5px;
}

.mg_0-10 {
    margin: 0 10px;
}

.mg_0-15 {
    margin: 0 15px;
}

.mg_0-20 {
    margin: 0 20px;
}

.mg_0-30 {
    margin: 0 30px;
}

.mg_0-40 {
    margin: 0 40px;
}

.mg_0-50 {
    margin: 0 50px;
}

.mg_lf-5 {
    margin-left: 5px;
}

.mg_lf-10 {
    margin-left: 10px;
}

.mg_lf-15 {
    margin-left: 15px;
}

.mg_lf-20 {
    margin-left: 20px;
}

.mg_lf-30 {
    margin-left: 30px;
}

.mg_lf-40 {
    margin-left: 40px;
}

.mg_rg-5 {
    margin-right: 5px;
}

.mg_rg-10 {
    margin-right: 10px;
}

.mg_rg-15 {
    margin-right: 15px;
}

.mg_rg-20 {
    margin-right: 20px;
}

.mg_rg-30 {
    margin-right: 30px;
}

.mg_rg-40 {
    margin-right: 40px;
}
.mg_top-3{
  margin-top: 3px;
}
.mg_top-5 {
    margin-top: 5px;
}
.mg_top-8{
  margin-top: 8px;
}
.mg_top-10 {
    margin-top: 10px;
}
.mg_top-12{
  margin-top: 12px;
}
.mg_top-13{
  margin-top: 13px;
}
.mg_top-15 {
    margin-top: 15px;
}
.mg_top-17{
  margin-top: 17px;
}
.mg_top-20 {
    margin-top: 20px;
}
.mg_top-21{
  margin-top: 21px;
}
.mg_top-23{
  margin-top: 23px;
}
.mg_top-30 {
    margin-top: 30px;
}

.mg_top-40 {
    margin-top: 40px;
}
.mg_bt-5 {
    margin-bottom: 5px;
}

.mg_bt-10 {
    margin-bottom: 10px;
}

.mg_bt-15 {
    margin-bottom: 15px;
}

.mg_bt-20 {
    margin-bottom: 20px;
}

.mg_bt-30 {
    margin-bottom: 30px;
}

.mg_bt-40 {
    margin-bottom: 40px;
}

.pd-0 {
    padding: 0;
}

.pd-5 {
    padding: 5px;
}

.pd-10 {
    padding: 10px;
}

.pd-15 {
    padding: 15px;
}

.pd-20 {
    padding: 20px;
}
.pd-25{
  padding:25px;
}
.pd-30 {
    padding: 30px;
}

.pd-40 {
    padding: 40px;
}

.pd_5-0 {
    padding: 5px 0;
}

.pd_10-0 {
    padding: 10px 0;
}

.pd_15-0 {
    padding: 15px 0;
}

.pd_20-0 {
    padding: 20px 0;
}
.pd_25-0 {
  padding: 25px 0;
}
.pd_30-0 {
    padding: 30px 0;
}
.pd_30-10 {
    padding: 30px 10px;
}

.pd_40-0 {
    padding: 40px 0;
}
te
.pd_0-5 {
    padding: 0 5px;
}

.pd_0-10 {
    padding: 0 10px;
}

.pd_0-15 {
    padding: 0 15px;
}

.pd_0-20 {
    padding: 0 20px;
}

.pd_0-30 {
    padding: 0 30px;
}

.pd_0-40 {
    padding: 0 40px;
}

.pd_lf-5 {
    padding-left: 5px;
}

.pd_lf-10 {
    padding-left: 10px;
}

.pd_lf-15 {
    padding-left: 15px;
}

.pd_lf-20 {
    padding-left: 20px;
}

.pd_lf-30 {
    padding-left: 30px;
}

.pd_lf-40 {
    padding-left: 40px;
}

.pd_rg-5 {
    padding-right: 5px;
}

.pd_rg-10 {
    padding-right: 10px;
}

.pd_rg-15 {
    padding-right: 15px;
}

.pd_rg-20 {
    padding-right: 20px;
}

.pd_rg-30 {
    padding-right: 30px;
}

.pd_rg-40 {
    padding-right: 40px;
}

.pd_top-5 {
    padding-top: 5px;
}

.pd_top-10 {
    padding-top: 10px;
}

.pd_top-15 {
    padding-top: 15px;
}

.pd_top-20 {
    padding-top: 20px;
}

.pd_top-30 {
    padding-top: 30px;
}
.pd_top-35{
  padding-top:35px;
}
.pd_top-40 {
    padding-top: 40px;
}

.pd_bt-5 {
    padding-bottom: 5px;
}

.pd_bt-10 {
    padding-bottom: 10px;
}

.pd_bt-15 {
    padding-bottom: 15px;
}

.pd_bt-20 {
    padding-bottom: 20px;
}

.pd_bt-30 {
    padding-bottom: 30px;
}

.pd_bt-40 {
    padding-bottom: 40px;
}
/*文字大小*/
.fs-0{
  font-size: 0;
}
.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}
.fs-34{
  font-size: 34px;
}
.fs-36 {
    font-size: 36px;
}

.fs-38 {
    font-size: 38px;
}
.fs-40{
  font-size: 40px;
}
.fs-42{
  font-size: 42px;
}
.fs-48{
  font-size: 48px;
}

.fw-normal {
    font-weight: normal;
}

.fw-bold {
    font-weight: bold;
}

.w-100o {
    width: 100%;
}
.w-70p {
    width: 70%;
}
.w-60p {
    width: 60%;
}
.w-50p {
    width: 50%;
}
.w-40p {
    width: 40%;
}
.w-30p {
    width: 30%;
}
.over-h{
	overflow: hidden;
}
/*文字颜色*/
.col-black {
    color: #000000;
}

.col-black-313 {
    color: #313131;
}

.col-black-090 {
    color: #090404;
}

.col-white {
    color: #FFFFFF;
}

.col-grey-95 {
    color: #5A5A5A;
}

.col-grey-72 {
    color: #5A5A5A;
}

.col-grey-53 {
    color: #535353;
}

.col-grey-d2 {
    color: #d2d2d2;
}
.col-grey-8b{
  color: #8b8b8b;
}
.col-grey-5A{
	color: #5A5A5A;
}
.col-grey-66 {
    color: #666666;
}

.col-red-fa5 {
    color: #fa5258;
}

.col-red-f55 {
    color:#F55050;
}

.col-red-cc3 {
    color: #cc3333;
}

.col-red-e74 {
    color: #e74c3c;
}

.col-red-d60 {
    color: #d6001d;
}

.col-orange-f9 {
    color: #f19149;
}

.col-orange-f39 {
    color: #f39700;
}

.col-green-51c {
    color: #51c332;
}

.col-green-009 {
    color: #009944;
}

.col-blue-033{
	color: #000033;
}

.col-blue-152{
	color: #152f44;
}
.col-f90{color: #ff9900;}

/*背景色*/
.bg-white {
    background: white;
}

.bg-red {
    background: #d6001d;
}

.bg-org {
    background: #f8b551;
}

.bg-warning {
    background: #fff4ec;
}

.bg-gray {
    background-color: #f4f4f4;
}
.omit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*行高*/
.lh-1em {
    line-height: 1em;
}

.lh-1_4em {
    line-height: 1.4em;
}

.lh-1_6em {
    line-height: 1.6em;
}

.lh-1_8em {
    line-height: 1.8em;
}

.lh-2em {
    line-height: 2em;
}

.lh-3em {
    line-height: 3em;
}

/*圆角*/
.rad-0 {
    border-radius: 0 !important;
}

.rad-2 {
    border-radius: 2px;
}

.rad-4 {
    border-radius: 4px;
}

.rad-6 {
    border-radius: 6px;
}

.rad-8 {
    border-radius: 8px;
}

.rad-10 {
    border-radius: 10px;
}

.rad-12 {
    border-radius: 12px;
}

.rad-14 {
    border-radius: 14px;
}
/*开头字体缩进*/
.tein-12{
  text-indent: 12px
}
/*字的间距*/
.lesp-12{
  letter-spacing: 12px;
}

/*按钮*/
.btn:active {
    outline: none;
}

.btn.s {
    padding: 6px 12px;
}

.btn.ss {
    padding: 2px 15px;
}

.btn.m {
    padding: 10px 20px;
}

.btn.b {
    padding: 14px 60px;
}

.btn.lineBtn {
    color: #4f83be;
    border: solid 1px #4f83be;
}

.btn.lineBtn:hover {
    color: #d6001d;
    border: solid 1px #d6001d;
}

.btn.lineBtn2 {
	padding: 0 5px;
    color: #ec6941;
    border: solid 1px #ec6941;
    cursor:default;
}
.btn.lineBtn2 {
	box-shadow: none;
}

.btn.flatBtn {
    color: #FFFFFF;
    background: #f55050;
    width: 100%;
    height: 52px;line-height: 52px;padding: 0;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
}

.btn.flatBtn:hover {
    color: #FFFFFF;
    background: #fc4444;
}

.btn.flatBtn:active {
    color: #FFFFFF;
    background: #f9b552;
}

.btn.orangeBtn {
    color: #FFFFFF;
    background: #ffab1f;
}

.btn.orangeBtn:hover {
    color: #FFFFFF;
    background: #f39800;
}

.btn.orangeBtn:active {
    color: #FFFFFF;
    background: #f39800;
}

.btn.disable {
    color: #FFFFFF !important;
    background: #cccccc !important;
}

/*icon*/
.leftIcon, .rightIcon {
    position: relative;
}

input:-internal-autofill-selected {
    background: #fff !important;
}
.leftIcon input {
    padding-left: 45px !important;
    width: 100%;
    height: 50px;
    font-size: 18px;
    /* border: none;
    -webkit-appearance:none; */
    border:2px solid rgba(220,223,230,1);
    border-radius: 8px;
    text-align: left;
    outline: none;
}
.leftIcon input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

.rightIcon input {
    padding-right: 34px !important;
}

.leftIcon > i.icon {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 24px;
    height: 24px;
    font-size: 0;
}
.leftIcon > i.icon::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -6px;
    width: 1px;
    height: 120%;
    background: #eee;
    transform: translateY(-50%);
}
.leftIcon > i.icon img{
    width: 100%;
}
#loginBox label {
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
}

.leftIcon > i.icon::before {
    content: '';
}

.rightIcon > i.icon {
    position: absolute;
    top: 6px;
    right: 6px;
}

/*标签*/
.label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 4px;
    color: #959595 !important;
    border: solid 1px #959595;
}

.label.ss {
    font-size: 11px;
    line-height: 1em;
    padding: 2px;
}

.label.m {
    padding: 10px 20px;
}

.label.lbcol-red {
    color: #cc3333 !important;
    border: 1px solid #cc3333;
}

.label.lbcol-org {
    color: #ec6941 !important;
    border: 1px solid #ec6941;
}

.s_r_badge {
    display: inline-block;
    min-width: 10px;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    color:white;
    text-align: center;
    white-space: nowrap;
    background-color:  #d6001d;
    border-radius: 10px;
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
}

.active .s_r_badge {
    color:#d6001d !important;
    background-color: #fff!important;
}

li:hover>a>.s_r_badge{
    color: white;
    background-color: #d6001d;
}

/*标题*/
*[data-role="title"] {
    color: #090404;
}

*[data-role="content"] {
    color: #727272;
}

/*选项卡*/
.tab-list {
    position: relative;
}

.tab-list:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tab-list li.options {
    position: relative;
    float: left;
}

.tab-list li.options a {
    position: relative;
}

/*头像*/
.avatar-100 {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.avatar-60 {
    display: inline-block;
    width: 60px;
    height: 60px;
}

/*常用盒子样式*/
.box-tips {
    border: 1px solid #f55050;
    /* background-color: #fff6e9 */
}

.box-gray {
    border: 1px solid #ebebeb;
    /* background-color: #f7f7f7; */
}

/*icon by zhao**/
.m-icon-warning {
    text-indent: 30px;
    line-height: 22px;
}

.m-icon-warning:before {
    background-color: #f55050;
    color: white;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 4px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    content: "!";
    font-family: "Arial";
    text-indent: 0px;
}

.m-icon-warning-f39 {
    text-indent: 30px;
    line-height: 22px;
    font-size: 16px;
    color: #f55050;
}

.m-icon-warning-f39:before {
    color: #f39800;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 4px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    border: 1px dashed #f39800;
    content: "!";
    font-family: "Arial";
    text-indent: 0px;
}

.gray-table thead th {
    background-color: #eeeeee;
    border-right: 2px solid white;
    text-indent: 1em;
    font-weight: bold;
}

.gray-table thead th:last-child {
    border-right: none
}

.gray-table tbody tr {
    border-bottom: solid 1px #e5e5e5;
    text-indent: 5px;
}

.orange-table {
    border: 1px solid #f39800;
    width: 100%;
}

.orange-table th {
    background-color: #f7deb7;
}

.orange-more {
    padding: 3px 5px;
    display: inline-block;
    border: 1px solid #f19149;
    color: #f19149 !important;
    text-decoration: none !important;
}

.orange-more:after {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-width: 3px 0px 0 3px;
    border: solid #f19149;
}

.clear-table {
    width: 100%;
}

.clear-table td, .clear-table th {
    padding: 3px 3%;

}

.tbbox{
	display: table;
}
.tbcell{
	display: table-cell;
	vertical-align: middle;
}
.more-box{
  cursor: pointer;
}
.more-box .more:last-child{
  position: relative;
  right: 5px;
}
.more:after{
  content:" ";
  display: inline-block;
  height: 12px;
  width: 12px;
  border-width: 2px 2px 0 0;
  border-color: #aaaaaa;
  border-style: solid;
  transform: matrix(0.71,0.71,-0.71,0.71,0,0);
  -webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);
}
/*自定义5列分布*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media ( min-width : 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*新按钮组*/
.new_btn{
  display: inline-block;
  width: 160px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  padding: 0;
  margin-top: -10px;
  border-radius: 5px;
}
.new_btn:hover{
  text-decoration: none;
}
.bid_button-canuse{
  background-color: #da3439;
  color: #fff;
}
.bid_button-canuse:hover{
  color: #fff;
  background-color: #b81a1a;
}
.bid_button-cannot{
  background-color:#b8b8b8;
  color:#fff;
}
.bid_button-cannot:hover{
  color:#fff;
  background-color: #a9a9a9;
}
.bid_button-repayment{
  border: 1px solid #d6001d;
}
/*进度条*/
.progress{
  border-radius: 8px;
  height: 10px;
  width: 160px;
  margin:12px auto 5px auto;
  background-color: #e5e5e5;
}
.progress-bar{
  background-color: #fd2a20;
}
.progress-bar-canuse{
  background: -webkit-linear-gradient(left, #fd2a20 , #fd5c5d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fd2a20, #fd5c5d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fd2a20, #fd5c5d); /* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#fd2a20,#fd5c5d)
}
/*增利样式*/
.increasedBox{
  position: absolute;
  width: 80px;
  top: -20px;
  right:-8px;
}
.increased{
  background-image: url(../img/bg1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 6px 5px;
  color: #fff;
  font-size: 14px;
  margin-top: -10px;
}
.increased2{
  position: relative;
  left:-11px;
  top: -63px;
}
.increasedBox img{
  position: relative;
  right:8px;
}
/*预约标logo*/
.reservation{
  position:absolute;
  top:-17px;
  right: 2px;
}
/*火logo*/
.hot{
  position: absolute;
  width: 35px;
  right: 10px;
  top:-20px;
}
/*优惠券图标*/
.coupon_img{
  position: absolute;
  left:5px;
}

#bankcardProviceCityModal .errorTips{
    text-align:center;
    margin-bottom: 20px;
    font-size: 18px;
}

#bankcardProviceCity h3{
    color: #333;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0 30px 10px;
}

.help-block {
    position: relative;
    /* padding-bottom: 15px; */
    background: #fff;
    font-size: 16px;
    color: #f55050;
}
.help-block p {
    color: #666;
}