.bgcolor{ background-color:#c14a48; position:relative;}
.right{ position:relative;background-color:#fff;padding:15px; }
.prolist{overflow:hidden;}
.bords{ border-bottom:#973b39 1px solid; overflow:hidden; cursor:pointer;}
.columnLeft{ text-align:center; height:140px; overflow:hidden; position:relative;}
.columnRig{ background-color:#c14a48; padding:20px; height:140px;  overflow:hidden;}
.columnRig h2,.columnLeft h2{ font-family:幼圆,"Helvetica",Arial}
.columnRig h2,.columnRig p,.columnLeft h2{ color:#fff;}
.columnLeft h2{ font-size:16px;display:inline-block; width:100%; line-height:20px; margin:0;}
.columnRig p{ font-size:22px; letter-spacing:0.2rem; font-family:"mmm"}
.columnLeft,.columnRig{ transition:background-color 0.3s linear; -webkit-transition:background-color 0.3s linear;}
.ee .columnLeft,.ee .columnRig{ background-color:#b44543;}
.bords .glyphicon { color: #fff; font-size: 50px; height:140px; line-height:140px;}
.columnLeft em{
    width:1px;
    border-right:#973b39 1px dotted;
    height:110px;
    text-align:right;
    display:inline-block;
    position:absolute;
    left:90px; top:15px;
}

/*首页*/
.note-title h2 { font:lighter 42px/80px "幼圆","Helvetica",Arial; margin-left:5px;}
.note-title h3 { font:lighter 24px/40px "幼圆","Helvetica",Arial; text-indent:50px; margin-left:15px;}
.process{overflow:hidden; margin:0 0 0 20px; overflow:hidden;}
.process em{color:#c14a48;font:lighter 30px/38px "幼圆","Helvetica",Arial; display:block; }
.process span{color:#e0a4a3; font-family:"mmm"; font-size:24px; letter-spacing:0.2rem;}
.home-list{ margin-left:15px; overflow:hidden;}
.home-list em{ width:166px; height:96px; text-align:center;font:lighter 24px/96px "微软雅黑","Helvetica",Arial; background:url(../images/home-list-bg.png) no-repeat; overflow:hidden; float:left;}
.home-list span{font-size:30px; line-height:96px; margin:0 8px; float:left; display:inline;}
.home-list span.glyphicon-option-horizontal{ color:#a7a7a7; }
.home-list span.glyphicon-ok{ color:#4cb662;font-size:40px; margin-left:20px;}
.remind{ margin-top:4rem; padding:0 2rem; overflow:hidden;}
.remind em,.remind span,.remind img{ display:inline-block;}
.wx{width:55px; height:47px;}
.remind em{ font:lighter  30px/40px  "幼圆",微软雅黑,"Helvetica",Arial;}
.remind span{ font:lighter  24px/40px "幼圆",微软雅黑,"Helvetica",Arial;margin:0 1rem 0 1rem;}
.note-title span a{ font-family:"mmm"; font-size:42px; color:#c5c5c5}
.note-title span a.e{ color:#b44543}
.note-title span.glyphicon-option-horizontal{ color:#a7a7a7; font-size:22px; font-weight:lighter; display:inline-block; margin:0 10px;}
.note-title span.glyphicon-ok{font-size:40px; margin-left:20px;}
.note-title span .no{ color:#c3c3c3;}
.note-title span .yes{color:#4cb662}
.note-title .next,.note-title .previou{font:lighter 30px/80px 微软雅黑,"Helvetica",Arial; color:#d54441;}
.success_bg{ overflow:hidden;}
.success_bg img{ margin-left:-84px;}
.success{ margin-top:40px;}
.success h2{ font:normal 20px/30px "微软雅黑","Helvetica",Arial; color:#505050;}
.number{ border:#b6b5b6 1px solid; overflow:hidden; margin-top:30px;}
.number span,.number div{ padding:10px 0; font-weight:normal;}
.number span{text-align:center; font-size:18px; color:#6a6a6a;background: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);background: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);  }
.number div{padding-left:20px; font-size:18px;color:#b44543; font-weight:normal;background: -webkit-linear-gradient(top, #fff, #eaeaea);background: -moz-linear-gradient(top, #fff, #eaeaea); }
.success_time p{font-size:18px;color:#6a6a6a; line-height:40px;}
.success_time{margin:20px auto;}
p.prom{ color:#e1babb}
.button-action, .button-action:hover, .button-action:focus, .button-action-flat:hover, .button-action-flat:focus {
    background-color: #6bba70;
    border-color: #3a843f;
}
.button-caution,.button-caution-flat{
    background-color: #cc0000;
    border-color: #980000;
    color: #fff;
}
.button-action2, .button-action2:hover, .button-action2:focus{
    background-color: #57af2f;
    border-color: #3e7e22;
    color: #fff;
}
.button-caution2,.button-caution2:hover, .button-caution2:focus{
     background-color: #356aa0;
    border-color: #174574;
    color: #fff;
}
.button{ font-family:"幼圆","Helvetica",Arial; font-size:22px; line-height:44px; height:45px; padding:0; text-align:center;}
/*认证（登录、刷卡、二维码*/
.certification{ position:relative;margin:20px auto 0;}
.product{ min-height:500px;}
.product h2{font:lighter 28px/35px "幼圆","Helvetica",Arial; color:#717171; text-align:center; margin-bottom:1.65rem;}
.product h6{ margin-top:20px;}
.product h6{font:lighter 16px/40px "微软雅黑","Helvetica",Arial; color:#717171;text-align:center;}
.left_ico{ padding-left:20px;}
.right_ico{ padding-right:20px;}
.left_ico,.right_ico{ font:lighter 48px/60px "幼圆",微软雅黑,"Helvetica",Arial; color:#cecece; margin-top:220px; cursor:pointer;}
.left_ico .glyphicon,.right_ico .glyphicon{ top:6px;}
.card{margin:0 auto; text-align:center}
.QRCode2{margin:0 auto; text-align:center;}
.product .glyphicon{ top:0; color:#aaa; background-color:#efefef;}
.left_ico .glyphicon,.right_ico .glyphicon{ color:#d7d7d7}
/**预约座位和座位布局图*/
.bujutu{background:url(../images/bujutu.gif) no-repeat; width:128px; height:37px; position:absolute; right:20px; top:85px; cursor:pointer;}
.layout{ background-color:#fbfbfb; border:#d7d7d7 1px solid; border-radius:4px; box-shadow:0 0 6px #bebcbc inset; padding:20px 5px;}
.modal-header h4{ font-size:20px; font-family: "幼圆",微软雅黑,"Helvetica",Arial;}
/*预约地点*/
.reservation .form-control,.reservation .btn-default { background-color: #f8f8f8;}
.reservation .bs-example { background-color: #f9f9f9; border: #cacaca 3px solid; border-radius: 8px; padding: 15px 15px 0px; position:relative; }
.reservation .media-left { font-size: 28px; font-weight: lighter; line-height: 28px; font-family:"mmm" }
.reservation .media-body p { margin-top:20px; color: #989898; font-size:24px; line-height:50px; }
.reservation .red-bs-example { border-color: #b44543; box-shadow: 0 0 5px #b44543; }
.reservation #room_dummy { display: none; }
.font30 {font-size:30px;}
.reservation .media-body i {height:22px;width:22px; display:inline-block; position:absolute;right:5px; bottom:10px;}
i.green {
    background-image: url("../images/green.png");
}
i.yellow {
    background-image: url("../images/yellow.png");
}
i.red {
    background-image: url("../images/red.png");
}
.icon_lists{ margin-left:20px;} 
.itaic i{ float:left; background-repeat:no-repeat;  background-position:left center; text-indent:30px;font:lighter  18px/50px  "幼圆",微软雅黑,"Helvetica",Arial; height:50px; margin-left:10px; display:inline;}
.icon_lists .icon{ font-size:70px; cursor:pointer;}
.icon_lists i{ position:relative;}
.icon_lists .icon b{ text-align:center; position:absolute; left:0; top:0;width:100%; height:70px; color:#6c6c6c; font:normal 16px/55px  "mmm";}
.icon_lists .icon.current{ color: #c14a48;}
.icon_lists .icon.current b{ color:#fff;}
.icon_lists .icon{ width:70px; height:70px; float:left; position:relative;margin:0 7px 20px 0;}
.icon_lists .sign span.icon{ width:16px; height:16px; float:left; margin-right:1px;font-size:16px; line-height:16px;}
/*查询记录*/
.screening b{ border:#676767 2px solid; border-radius:45px; font-size:25px; width:45px; height:45px; text-align:center; line-height:45px; color:#6f6f6f;}
.screening span { font: normal 20px/39px "YouYuan","Helvetica",Arial; color: #7b7b7b; margin-left: 10px; float: left; background: url(../images/jt_b.gif) no-repeat right center;padding-right: 20px; }
.panel-body .button{ font-size:15px; line-height:30px; height:30px; padding:0 15px; background-color:#f0ac4e;}
.panel_all{ margin:20px;}
/*签到/离开*/
.circle{text-align:center; position:relative;overflow:hidden; background:url(../images/time_bg.png) no-repeat center center; width:409px; height:246px; margin:130px auto 0;}
.circle h1{font:normal 24px/70px "YouYuan","Helvetica",微软雅黑,"Helvetica",Arial; color:#b7b7b7;margin:50px 0 0 0; text-align:center;}
.circle h1 b{font:normal 60px/90px "YouYuan","Helvetica",Arial;padding-left:10px;}
.circle h1 b.zz{ color:#59bc42}
.circle h1 b.zl{color:#fb7c3f}
.circle h1 b.nosit{color:#a9a9a9}
.circle i{ font:normal 22px/60px "YouYuan","Helvetica",微软雅黑,"Helvetica",Arial;position:absolute; left:50px; top:150px;}
.circle i em{ border-right:#c8c8c8 1px solid; height:27px; width:1px; overflow:hidden; padding-left:16px;}
#example-clock-container{ position:absolute; left:150px; top:150px;}
#example-clock-container p{font:normal 24px/60px "YouYuan","Helvetica",Arial; text-align:left;}
#example-clock-container .progressbar-text {font:normal 36px/60px "mmm";margin-top:0;}
#example-clock-container .progressbar-text b{font:normal 24px/60px "mmm"; margin-left:10px;}
/*预约时间*/
.set_up{ overflow:hidden; margin-top:20px;}
.set_up label{ font:normal 30px/52px  "幼圆",微软雅黑,"Helvetica",Arial; text-align:right;}
.set_up a{ float:left; height:50px;font:normal 24px/50px "幼圆",微软雅黑,"Helvetica",Arial; border:#bdbcbd 1px solid;background:url(../images/set_up.gif) repeat-x; padding:0 18px;text-align:center; margin-right:20px; border-radius:4px;}
.time_all{ text-align:center;font:24px/50px "幼圆",微软雅黑,"Helvetica",Arial;color:#717171; margin:20px auto 10px;}
.time_all b{ font-family:"mmm";}
.font18{font:18px/40px "幼圆",微软雅黑,"Helvetica",Arial;color:#717171;}
.zhi{font:18px/220px "幼圆",微软雅黑,"Helvetica",Arial;color:#717171; text-align:center;}
/****追加*/
.container { min-width: 768px; }
.right_row { margin-left: 0px; margin-right: 0px; }
.mbsc-wp .dwwb::before { font-size: 1em; }
.mbsc-wp .dwb::before { font-size: 1.5rem; }
.mbsc-wp .dwb { font-size: 1.1em;}
#date, #time_s, #time_e { padding: 0;}
.padding0 { padding: 0; }
/**兼容性*/
/*[class*="col"]{
padding:0;
margin:0;
}
.row{ margin-left:0; margin-right:0;}*/
@media (max-width:1600px) {
    .columnRig p { font-size: 18px;}
    .remind em{ font:lighter  28px/40px  "幼圆",微软雅黑,"Helvetica",Arial;}
    .remind span{ font:lighter  20px/40px "幼圆",微软雅黑,"Helvetica",Arial;margin:0 1rem 0 1rem;}
    .QRCode{ display:none !important}
    .right{ min-height:700px;}
    .success_bg img{ margin-left:-230px}
}
@media (min-width:1400px) {
 .prolist{ min-height:700px;}
}
@media (min-width:1600px) {
 .left_ico,.right_ico{ font-size:48px;}
}
@media (max-width:1600px) {
 .left_ico,.right_ico{ font-size:34px;}
 .reservation .media-body p { font-size:20px;}
}
@media (max-width:1440px) {
 .left_ico,.right_ico{ font-size:32px;}
 .icon_lists span{ margin-right:5px;}
}
@media (max-width:1200px) {
    .left [class*="col"]{
            padding:0;
        }
    .bords .glyphicon{ font-size:40px; height:100px; line-height:100px;}
    .columnLeft{ background-color:#c14a48; }
    .right{ min-height:700px;}
    .left_ico,.right_ico{ font-size:32px;}
    .circle { background: url(../images/time_bg2.png) no-repeat center center; width: 382px; height: 246px; }
}

@media (max-width:992px) {
    .bords{ border-right:1px solid #973b39; border-bottom:0;}
    .left{ background-color:#c14a48; border-bottom:#913231 3px solid; height:70px;}
    .columnLeft{ height:67px;}
    .bords .glyphicon{ font-size:24px; height:42px; line-height:42px;}
    .time,.date,.date b,.cycle,.welcome,.welcome b{ color:#fff; line-height:40px;}
    .time{font-size:26px;}
    .cycle{ font-size:22px;}
    .welcome,.welcome b{font-size:16px; line-height:24px; margin:0;}
    .left_ico,.right_ico{ font-size:32px;}
}
@media (max-width:768px) {
    .columnLeft h2{ font-size:13px;}
    .time,.date,.cycle,.welcome,.welcome b{ font-size:16px;}
    .cycle{ font-size:18px;}
    .time{ font-size:22px;}
    .welcome,.welcome b{font-size:16px; line-height:20px; margin:0;}
    .home-list span,.home-list span.glyphicon-ok{ margin:0 4px;}
    .left_ico,.right_ico{ font-size:28px;}
    .product h6{ font-size:15px;}
    .QRCode2 img{width:302.4px; height:302.4px;}
    .circle { margin-top:20px; }
    .set_up a{ margin-right:10px;}
}