/**
 * 
 * @authors Chengkebin (chengkb@cncn.net)
 * @date    2014-12-15 14:36:47
 * @version $Id$
 */
/*p1*/
header{padding: 10px;background: #fff;}
header h1{font-size: 1.4em;color: #333333;font-weight: 100;line-height: 1.5;}
.pf-ticket-type{color: #8c8c8c;font-size: 1em;margin: 5px 0;}
.pf-paynumber{margin: 10px 0;}
.pf-paynumber p{color: #8c8c8c;font-size: 1em;float: left;margin-top: 10px;}
.pf-chose-number{width: 120px;float: right;overflow: hidden;position: relative;}
.pf-chose-number span{width: 32px;height: 32px;background: #18b4ed;display: block;cursor: pointer;}
.pf-chose-number input[type="number"]{background: #ededed;color: #333333;width: 54px;text-align: center;border:none;border-top:1px #bfbfbf solid;border-bottom:1px #bfbfbf solid;height: 32px;display: block;margin-left: 32px;border-radius: 0;box-shadow: 0 0 0 transparent;-webkit-box-sizing:border-box;font-size: 16px;}
.pf-chose-subtract{position: absolute;left: 0;top: 0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.pf-chose-subtract::after{content: '';height: 2px;width: 18px;position: absolute;top: 15px;left: 7px;right: 0;bottom: 0;background: #fff;}
.pf-chose-add{position: absolute;right: 2px;top: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.pf-chose-add::before{content: '';height: 2px;width: 18px;position: absolute;top: 15px;left: 7px;right: 0;bottom: 0;background: #fff;}
.pf-chose-add::after{content: '';height: 2px;width: 18px;position: absolute;top: 15px;left: 7px;right: 0;bottom: 0;background: #fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);}

.pf-calendar{background: #f8f8f8;margin: 0px 0 55px 0;}
.date_select{border-top: 1px #cccccc solid;}
.date_select_yymm{padding: 10px 0;text-align: center;color: #333333;}
.date_select_dd{border: 1px #fff solid;overflow: hidden;}
.date_select_dd span,.date_select_dd a{border-right:1px #fff solid;border-bottom:1px #fff solid;text-align: center;display: block;float: left;width: 14.2857143%;height: 40px;}
.date_select_dd span{color: #838383;line-height: 40px;}
.date_select_dd a{background: #e4eaea;}
.date_select_dd a, .date_select_dd b{float: left;}
.date_select_dd b{display: block;width: 14.2857143%;height: 40px; }
.date_select_dd a em{display: block;text-align: center;font-size: 12px;padding: 0 2px;font-weight: 800;padding-top: 5px;}
.date_select_dd a em:first-child{color: #333333;}
.date_select_dd a em:last-child{color: #f69300;width: 100%;overflow: hidden;}

.pf-footer{height: 55px;overflow: hidden;background: #fff;z-index: 999;}
.pf-stat{line-height: 55px;border-top: 1px #ccc solid;text-align: center;width: 65%;float: left;}
.pf-stat p{display: inline-block;color: #333;font-size: 12px;}
.pf-stat p em{color:#ff8533;}
.pf-stat p i{color: #ff8533;font-size: 1.5em;}
.pf-stat p.error{
    color: #f00;
}
.pf-nextbtn{display: block;width: 35%;background: #ff9100;float: right;height: 55px;text-align: center;line-height: 55px;color: #fff;font-size: 1em;}
.pf-nextbtn.disabled{
    background: #bfbfbf;
}
.date_select_dd a.act{background: #fff;}
/*p2*/
.pf-backgray{background: #ededed;}
.pf-tips{margin-top: 10px;}
.pf-tips span{display: inline-block;color: #666;font-size: 1em;border-radius: 4px;border: 1px #cccccc dashed;margin-right: 5px;padding:3px 5px;}
.pf-paymsg{background: #fff;padding:5px 10px 0 10px;overflow: hidden;}
.pf-bottomline{border-bottom: 1px #cccccc solid;}
.pf-whatthehell{overflow: hidden;background: #fff;display: block;padding:14px 0; }
.pf-whatthehell p{color: #8c8c8c;font-size: 1em;float: left;}
.pf-dateinput{border: none;background: #fff;border-radius: 0;display: none;}
.pf-tell{float: right;}
.pf-tell span{display: inline-block;color: #b8b8b8;font-size: 1em;}
.pf-tell i{content:"";display: inline-block;width: 14px;height: 14px;border-top: 1px #b8b8b8 solid;border-right: 1px #b8b8b8 solid;transform:rotate(45deg);-webkit-transform:rotate(45deg);margin:0 5px;}
/*p3*/
.pf-backf4{background: #f4f4f4;}
.pf-order{width: 300px;margin:10px auto;box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);}
.pf-orderheader{height:9px;background: url(../img/m_detail/to1.png) no-repeat;-webkit-background-size: 100%;background-size: 100%; }
.pf-ordercontent{background: url(../img/m_detail/to2.png) repeat-y center;-webkit-background-size: 100%;background-size: 100%;color: #fff;padding-bottom: 10px;}
.pf-ordercontent h1{font-size: 1.5em;font-weight: 100;padding: 10px  0 10px 20px;margin-bottom: 10px;}
.pf-ordercontent p{line-height: 1.7;font-size: 1em;padding-left: 20px;}
.pf-ordercontent div{padding: 15px 0 15px 20px;}
.pf-ordercontent div span{display: inline-block;font-size: 1em;padding: 3px 5px;border-radius: 4px; margin-right: 5px;border: 1px #fff dashed;}
.pf-input-msg{background: #fff;border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;margin-bottom: 15px;}
.pf-input-attn,.pf-input-visitor{padding: 10px;}
.pf-input-header{overflow: hidden;}
.pf-input-header h5{font-size: 1.25em;color: #666;font-weight: 100;float: left;}
.pf-input-header i{display: block;width: 1.25em;margin-right: 10px;float: left;height: 1.25em;}
.pf-input-attn i{background: url(../img/m_detail/pf_i1.png) no-repeat center;background-size: cover;}
.pf-input-visitor i{background: url(../img/m_detail/pf_i2.png) no-repeat center;background-size: cover;}
.pf-input-msg input{background: #fff;border: none;display: block;font-size: 1em;text-indent:4.4em;font-family: 'Microsoft Yahei';vertical-align: middle;width: 100%;}
.pf-input-text div{overflow: hidden;position: relative;height: 2.5em;border-bottom: 1px #ccc solid;padding: 10px 0;}
.pf-input-text div:last-child{border: none;}
.pf-input-text div label{width: 5em;display: block;color: #666;vertical-align: middle;position: absolute;top: 13px;left: 0;}
.pf-popup-back{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.5);display: none;}
.pf-popup{width: 95%;margin:40% auto 0;background: #fff;box-shadow: 0 2px 3px rgba(0,0,0,0.6);padding:0 1em;border-radius: 2px;}
.pf-popup a{border-bottom: 1px #cccccc solid;padding: 1em 0;color: #444;overflow: hidden;font-size: 1em;display: block;}
.pf-popup a:last-child{border-bottom: none;}
.pf-popup a em{float:left;}
.pf-popup a i{float: right;width: 1em;height: 1em;display: inline-block;background: #e5e7ea;border-radius: 50%;}
.pf-popup a.pf-active  i{background: url(../img/m_detail/pf_active.png) no-repeat center;background-size: cover;}
.pf-input-icon{ width: 0;height: 0;border-bottom: 6px solid #333;border-left: 6px solid transparent; display: inline-block;position: absolute;bottom: 0;left: 3em;}
/*p4*/
.pf-module{margin: 10px;border: 1px #ccc solid;background: #fff;color: #666;border-radius: 2px;}
.pf-module p{margin:0 10px;border-bottom: 1px #ccc solid;padding: 16px 0;overflow: hidden;}
.pf-module p i{float: right;color: #333;}
.pf-module p em{float: left;}
.pf-module p:last-child{border-bottom: none;}
.pf-success-head{background: #18b4ed;color: #fff;padding-bottom: 1.5em;}
.pf-success-header{overflow: hidden;padding: 1em 10px;}
.pf-success-header-left{float: left;}
.pf-success-header-left a{width: 1.25em;display: block;}
.pf-success-header-left a img{width: 100%;}
.pf-success-header-right{float: right;font-size: 1.25em;font-weight: 100;}
.pf-success-icon{margin:auto;border-radius: 50%;border:5px #fff solid;  width: 115px;}
.pf-success-icon div{background:#8cdaf6; margin: 10px;width: 85px;height: 85px;border-radius: 50%;text-align: center;}
.pf-success-icon img{width: 50px;margin-top: 25px;}
.pf-success-head>h1{text-align: center;font-size: 1.5em;margin: 15px 0 10px 0;}
.pf-success-head>h3{font-size: 1em;font-weight: 100;text-align: center;line-height: 1.4;}
.pf-success-head>h3>em{color: #fff200;}
.pf-success-head>p{margin-top: 1em;text-align: center;font-size: 1em;font-weight: 100;line-height: 1.3;}
.pf-module a{margin: 0 10px;padding: 16px 0;display: block;}
.pf-tel-icon{display: inline-block;border-radius: 50%;background: #ffab34;padding: 5px 6px;margin-right: 5px;}
.pf-tel-icon img{width: 1em;}
.pf-module a em{font-size: 1.25em;font-weight:100;}
.pf-2ecc71{background:#2ecc71;}
.pf-success-icon div.pf-97e6b8{background: #97e6b8;}
/*error tips*/
.pf-error-tips{color: #993333;border-radius: 3px;border:1px #990000 solid;text-align: center;padding: 5px 0;margin: 5px 0;display: none;}
.pf-voucher-tips{color: #333333;font-size: 14px;padding: 10px 0;}
.pf-v-t-num{color: #F18B40;font-size: 16px;}
.J_num_check{background: #fff;border: none;display: block;font-size: 1em;text-indent: 4.4em;font-family: 'Microsoft Yahei';vertical-align: middle;width: 100%;}