/******************** common ********************/
.cf:after {content:""; display:block; clear:both;}

.btns {position:relative; width:100%; text-align:center; box-sizing:border-box}
.btns button {display:inline-block; width:46%; padding:10px 20px; font-size:20px; color:#fff; border:1px solid #006bb6; background:#006bb6; box-sizing:border-box; transition:all .2s;cursor:pointer}

/******************** /common ********************/

/* reserve */
.reserve {position:relative; width:100%; box-sizing:border-box;}
.reserve input, select {padding:6px; font-size:15px}
.reserve .inn {width:100%; margin:0 auto;}
.reserve .tit > span {display:block; width:150px; margin:0 auto 15px; line-height:35px; text-align:center; letter-spacing:2px; color:#fff; background:#333;}
.reserve .tit p {font-size:25px; text-align:center;}
.reserve .tit p .poi {color:#efad30;}

.reserve .con {position:relative; padding-top:10px;}
.reserve .con .cate {width:100%; margin-bottom:20px; border:0px solid #ddd; box-sizing:border-box;}
.reserve .con .cate:last-child {margin-bottom:0;}
.reserve .con .cate .name {position:relative; width:100%; padding:6px 10px 6px 20px; box-sizing:border-box;}
.reserve .con .cate .name:after {content:""; display:block; clear:both;}
.reserve .con .cate .name li {float:left; font-size:20px; color:#666;}
.reserve .con .cate .name li.li_1 {margin-top:-7px; color:#006bb6;}
.reserve .con .cate .name li.li_1 span {display:block; margin:10px; font-size:13px; font-weight:300; color:#999;}

.reserve .con .cate .type {display:block; position:relative; width:100%; padding:0px 5px 20px 5px; box-sizing:border-box;}
.reserve .con .cate .type li {position:relative; width:100%; margin-bottom:20px; padding:16px 15px; border:1px solid rgba(0,0,0,.1); background:#f9f9f9; box-sizing:border-box;}
.reserve .con .cate .type li:last-child {margin-bottom:0;}
.reserve .con .cate .type li:after {content:""; display:block; clear:both;}
.reserve .con .cate .type li .ticket_con {float:left; width:100%}
.reserve .con .cate .type li .ticket_con p {float:left; font-size:15px}
.reserve .con .cate .type li .ticket_con p:nth-of-type(2) {float:right;}
.reserve .con .cate .type li .ticket_con .cost_per {color:brown}
.reserve .con .cate .type li .ticket_btn {float:right; display:flex;}
.reserve .con .cate .type li .ticket_btn a {float:left; display:block; width:35px; height:35px; text-align:center; color:#fff; border:1px solid #006bb6; background:#006bb6; transition:all .2s; box-sizing:border-box;}
.reserve .con .cate .type li .ticket_btn a:hover {background:#fff;}
.reserve .con .cate .type li .ticket_btn a i {color:#fff; line-height:35px;}
.reserve .con .cate .type li .ticket_btn a:hover i {color:#006bb6;}
.reserve .con .cate .type li .ticket_btn input {display:block; width:35px; height:35px; text-align:center; border:1px solid #006bb6; border-left:0; border-right:0; box-sizing:border-box;}

.reserve .con .reserve_inp {position:relative; width:100%; padding:20px 43px; border:1px solid #ddd; box-sizing:border-box;}
.reserve .con .reserve_inp li {float:left; position:relative; width:320px; height:40px; margin-right:25px; box-sizing:border-box;}
.reserve .con .reserve_inp li:last-child {margin-right:0;}
.reserve .con .reserve_inp li input {width:100%; height:40px; font-size:20px; color:#666; border-color:#ddd; box-sizing:border-box;}
.reserve .con .reserve_inp li input::placeholder {font-size:15px;}
.reserve .con .reserve_inp li button {position:absolute; right:0; top:0; width:40px; height:40px; border:1px solid #006bb6;  background:#006bb6; box-sizing:border-box;}
.reserve .con .reserve_inp li button i {font-size:20px; color:#fff;}




/* agreement */
.agr {position:relative; width:100%; box-sizing:border-box;}
.agr input, select {padding:6px; font-size:15px}
.agr .inn {width:100%; margin:0 auto;}
.agr .tit > span {display:block; width:150px; margin:0 auto 15px; line-height:35px; text-align:center; letter-spacing:2px; color:#fff; background:#333;}
.agr .tit p {font-size:25px; text-align:center;}
.agr .tit p .poi {color:#efad30;}

.agr .con {position:relative; padding-top:10px;}
.agr .con .cate {width:100%; margin-bottom:20px; border:0px solid #ddd; box-sizing:border-box;}
.agr .con .cate:last-child {margin-bottom:0;}
.agr .con .cate .name {position:relative; width:100%; padding:6px 10px 6px 20px; box-sizing:border-box;}
.agr .con .cate .name:after {content:""; display:block; clear:both;}
.agr .con .cate .name li {float:left; font-size:20px; color:#666;}
.agr .con .cate .name li.li_1 {margin-top:-7px; color:#006bb6;}
.agr .con .cate .name li.li_1 span {display:block; margin:10px; font-size:13px; font-weight:300; color:#999;}

.agr .con .cate .type {display:block; position:relative; width:100%; padding:0px 5px 20px 5px; box-sizing:border-box;}
.agr .con .cate .type li {position:relative; width:100%; margin-bottom:10px; padding:16px 15px; border:1px solid rgba(0,0,0,.1); background:#f9f9f9; box-sizing:border-box;}
.agr .con .cate .type li:last-child {margin-bottom:0;}
.agr .con .cate .type li:after {content:""; display:block; clear:both;}
.agr .con .cate .type li .ticket_con {float:left}
.agr .con .cate .type li .ticket_con p {float:left; font-size:15px}
.agr .con .cate .type li .ticket_con p:nth-of-type(2) {float:right;}
.agr .con .cate .type li .ticket_con .cost_per {color:brown}




/*info*/
.info {position:relative; width:100%; padding:0px 0; margin:20px; box-sizing:border-box;}
.info .inn {width:100%; margin:0 auto;}
.info .inn .inf {margin-bottom:10px;}
.info .inn .inf:last-child {margin-bottom:0px;}
.info .inn .inf:after {content:""; display:block; clear:both;}
.info .inn .inf h3 {margin-bottom:20px; font-size:25px; text-align:center; color:#01375b}
.info .inn .inf p {position:relative; padding-left:12px; font-size:18px;}
.info .inn .inf p:before {content:""; display:block; position:absolute; left:0; top:12px; width:7px; height:2px; background:#eee;}

/*notice*/
.notice {background:#ffffff; margin:10px}
.notice .inn .inf:after {content:""; display:block; clear:both;}
.notice .inn .inf p {margin:10px; color:#ffffff}
.notice .inn .inf1 {margin-bottom:50px;}
.notice .inn .inf .ul_list {float:left; width:95%; padding:10px; border:1px solid rgba(0,0,0,.1); background:#4eaade; box-sizing:border-box;}
.notice .inn .inf .ul_list ul li {position:relative; margin-bottom:4px; padding:5px; color:#ffffff;}