.attend-box{padding:0 25px; color:#fff;overflow:hidden}
.attend-steps{border-bottom:1px solid #eaeaea; width:795px; padding:25px 0; position:relative}
.attend-steps .steps{width:265px; float:left; text-align:center; font-size:0;position:relative}
.attend-steps .steps em{width:42px; height:10px; background-color:#0076ca; position:absolute; left:50%; bottom:-30px; margin-left:-21px; display:none}
.attend-steps .block-line{width:42px; height:10px; background-color:#0076ca; position:absolute; left:50%; bottom:-5px; margin-left:-21px;}
.attend-steps .circular{display:inline-block; line-height:116px; width:116px; height:116px; border:10px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.attend-steps .circular img{vertical-align:middle}
.attend-steps .tips{font-size:20px; margin-top:10px}
.attend-steps .current .circular{border-color:#0076ca}
.attend-steps .current .tips{font-weight:bold}
.attend-steps .current em{display:block}

.register-form{margin:25px 0; padding:0 25px}
.register-form .block-number{display:inline-block; border-radius:3px; background-color:#fd685b; padding:3px 8px; font-weight:bold; font-size:16px;margin-bottom:10px}
.register-form li{margin-bottom:25px}
.register-form .input{width:350px; padding:0 15px; border:1px solid #f8f8f8; background:transparent; color:#fff; font-size:16px; padding:10px; line-height:20px;}
.register-form .input::-webkit-input-placeholder{color:#fff}
.register-form .input::-moz-placeholder{color:#fff}
.register-form .input:-ms-input-placeholder{color:#fff}
.register-form .input:-moz-placeholder{color:#fff}
.register-form .select-box{width:350px; padding:0 15px; border:1px solid #f8f8f8; background:transparent; color:#fff; font-size:0; padding:10px; height:20px;line-height:20px; position:relative; display:inline-block}
.register-form .select{width:100%; height:100%; font-size:16px; left:0; top:0; position:absolute; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;-webkit-opacity:0;}
.register-form .select option{padding:0 10px}
.register-form .select-result{color:#aaa; font-size:16px; line-height:20px; display:inline-block; max-width:335px; padding-right:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.register-form .select-arrow{border-color:#000 transparent transparent transparent; border-style:solid; border-width:5px 4px; display:inline-block; position:relative; }
.add-options{display:inline-block; border-radius:3px; background-color:#fd685b; padding:3px 8px; font-weight:bold; font-size:16px;color:#fff}
.block-top .removeDom{width:25px; height:25px; display:inline-block; *display:inline; *zoom:1; background:url(../images/attend/d_white.png) center center no-repeat; background-size:25px auto; vertical-align:top; cursor:pointer; margin:3px 0 0 10px}
.block-top .removeDom:hover{background-image:url(../images/attend/d_red.png)}
.btn-box{text-align:center; margin:25px 0; font-size:0}
.btn-box .btn{border:1px solid #0076ca; background-color:#0076ca; color:#fff; font-size:18px; padding:8px 16px; border-radius:5px; -moz-border-radius:5px -webkit-border-radius:5px; margin:0 15px;}
.btn-box .prevStep{background-color:#ccc; border-color:#ccc}

.service-container{color:#fff; margin-top:20px; font-size:18px; line-height:30px;}
.service-container p{font-size:16px; padding:5px 0;}

.formTips{display:inline-block; color:#f00; line-height:20px; padding:11px 0; margin-left:10px; vertical-align:top}
.form-right{color:#71b83d;}
.form-error{color:#f00;}

.ticket-box{margin:5px 0;padding:0 25px}
.ticket-tag{margin:25px 0; font-size:0}
.ticket-tag .label{padding:8px 10px; min-width:80px; text-align:center; position:relative; background-color:#999; color:#fff; font-size:18px; display:inline-block; margin-right:15px; cursor:pointer}
.ticket-tag .selected{background-color:#0076ca}
.ticket-tag em{width:12px; height:12px; position:absolute; bottom:5px; right:5px; background:url(../images/attend/check.png) center center no-repeat #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none;}
.ticket-tag .selected em{display:block}

.ticket-form{margin:25px 0; padding:0 25px}
.ticket-block{margin:15px 0}
.ticket-form .row-name{font-size:25px; line-height:1; margin-bottom:20px}
.ticket-form li{margin-bottom:25px; float:left; margin-right:25px; display:inline; position:relative;}
.ticket-form li.mgr0{margin:0}
.ticket-form .input{width:300px; padding:0 15px; border:1px solid #f8f8f8; background:transparent; color:#fff; font-size:16px; padding:10px; line-height:20px;}
.ticket-form .input::-webkit-input-placeholder{color:#fff}
.ticket-form .input::-moz-placeholder{color:#fff}
.ticket-form .input:-ms-input-placeholder{color:#fff}
.ticket-form .input:-moz-placeholder{color:#fff}
.ticket-form .width125{width:125px}
.ticket-form .width204{width:204px}
.ticket-form .width520{width:520px}
.ticket-form .width156{width:156px}
.ticket-btn{margin:15px 0}
.formMsg{height:20px; line-height:20px; color:#f00; position:absolute; right:0; top:-22px}

.pay-box{overflow:hidden}
.pay-block{margin:25px 0}
.pay-block-title{border-bottom:1px dashed #fd685b}
.pay-block-title span{display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#fd685b; font-size:16px; margin-bottom:10px; font-weight:bold; padding:3px 10px}
.seats-row {margin-top:20px}
.seats-row .basic-info{float:left; margin-right:20px; font-size:0;}
.seats-row .basic-info .name{font-size:30px; line-height:1.2; padding:7px 0; display:inline-block;*display:inline;*zoom:1; width:95px; overflow:hidden; word-break:break-all;}
.seats-row .basic-info .gender{font-size:18px; display:inline-block;*display:inline;*zoom:1; line-height:50px; vertical-align:top; width:130px; margin-left:10px}
.seats-row .basic-info .gender label{margin-left:5px}
.select-tags-box{overflow:hidden; font-size:0}

.select-tags{font-size:0; width:565px}
.select-tags .tag{padding:15px 20px; min-width:126px; text-align:center; line-height:1; position:relative; background-color:#999; color:#fff; font-size:20px; display:inline-block; cursor:pointer; margin:0 20px 20px 0}
.select-tags .selected{background-color:#0076ca}
.select-tags em{width:15px; height:15px; position:absolute; bottom:5px; right:5px; background:url(../images/attend/check.png) center center no-repeat #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none;}
.select-tags .selected em{display:block}
.select-tags .checkbox{position:absolute; left:0; top:0; margin:0; z-index:-1; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;-webkit-opacity:0;}

.middleMsg{width:300px; padding:0 10px; position:fixed; left:50%; top:50%; height:50px; line-height:50px; color:#f00; background:rgba(255,255,255,.8); margin-top:-25px; margin-left:-160px;border-radius:10px; text-align:center; visibility:hidden; opacity:0; z-index:-1; font-size:16px}
.middleMsg.block{transition:.2s all;-webkit-transition:.2s all;-moz-transition:.2s all;-o-transition:.2s all; visibility:visible; opacity:1; z-index:999}

.seats-price{ margin:20px auto 30px; font-size:0; text-align:center; padding-bottom:25px}
.seats-price .price{display:inline-block; *display:inline;*zoom:1; border-bottom:1px solid #ccc; font-size:60px; line-height:1; padding:10px 30px; border-right:1px solid #0076ca;position:relative;}
.seats-price .price-after{color:#ccc; border-right:0 none}
.seats-price em{border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#fd685b; font-size:14px; color:#fff;height:25px; line-height:25px; width:80px; text-align:center; position:absolute; bottom:-26px; left:50%; margin-left:-40px}
.seats-price .none{display:none}
.ticket-msg{margin:30px 0}
.ticket-msg li{font-size:14px; padding:10px 0}

.tab-hd{margin:25px 0}
.tab-hd .label{padding:8px 10px; min-width:80px; text-align:center; position:relative; background-color:#999; color:#fff; font-size:18px; display:inline-block; margin-right:15px; cursor:pointer}
.tab-hd .selected{background-color:#0076ca}

.aliPay-msg li{margin:10px 0}
.aliPay-msg li.font18{font-size:18px}
.aliPay-msg li.font16{font-size:16px}
.aliPay-msg li.font14{font-size:14px}
.aliPay-msg .input{width:300px; border:1px solid #f8f8f8; background:transparent; color:#fff; font-size:16px; padding:10px; line-height:20px;}
.aliPay-msg .total-price{color:#fff; font-size:28px; font-weight:900; padding:0 10px; line-height:20px; height:42px; line-height:42px; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
.aliPay-msg .total-price em{font-weight:900; }
.pay-qrcode{margin:50px 0; text-align:center}
.code-img{text-align:center; font-size:0; margin:20px 0}
.code-img .code-input{border:1px solid #f8f8f8; background:transparent; color:#fff; font-size:14px; padding:10px; line-height:20px;}
.code-img .code-img{display:inline-block; margin:0 10px; vertical-align:top}
.bank-card{margin:30px 0;}
.bank-card p{font-size:18px}
.bank-card p.tips{font-size:14px; margin-top:10px}


@media (max-width:760px) {
.attend-box{padding:0 10px}
.attend-steps{width:auto; padding:0; display:table;}
.attend-steps .steps{float:none; display:table-cell; padding:10px 2px}
.attend-steps .steps img{width:50px; height:50px; vertical-align:inherit}
.attend-steps .circular{width:80px; height:80px; border-width:3px}
.attend-steps .tips{font-size:18px; margin-top:5px}
.register-form{margin:15px 0; padding:0}
.register-form li{position:relative}
.register-form li .formTips{position:absolute; right:5px; top:35px; margin:0}
.register-form .input{width:100%}
.register-form .select-box{height:40px; width:100%; display:block}
.register-form .select{width:100%; height:100%; font-size:16px; left:0; top:0; position:absolute; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;-webkit-opacity:0;}
.imageMap{height:auto}

.ticket-box{padding:0;}
.ticket-tag{margin:10px 0}
.ticket-form{padding:0}
.ticket-form li{display:block; margin:0 0 10px 0; float:none}
.ticket-form li.mgr0{margin:0 0 10px 0}
.ticket-form .input{width:100%}

.seats-row{margin:0;}
.seats-row .basic-info{display:block; float:none; margin:0; padding:5px 0;}
.seats-row .basic-info .name{font-size:18px}
.seats-row .basic-info .gender{line-height:35px; font-size:16px}
.select-tags{width:auto; display:block}
.select-tags .tag{padding:10px 15px; font-size:16px; min-width:100px; margin:0 10px 10px 0}
.seats-price .price{font-size:25px}
.seats-price em{font-size:12px; line-height:20px; height:20px; bottom:-21px;}
.tab-hd{margin:15px 0}
.aliPay-msg .input{width:100%}
.aliPay-msg .total-price{text-align:center; display:block}
.pay-qrcode{margin:20px 0}
.pay-qrcode img{width:200px; height:200px}
.btn-box{}
.btn-box .btn{margin:0 10px; padding:8px 10px;font-size:16px}
}