html,body{width: 100%;height:100%;overflow-x:hidden;background-color:#F6F6F6}
/*icon*/
.iconal{display: inline-block;background: url(../images/iconL.png)no-repeat;vertical-align: middle;}
/*弹窗*/
.dialog{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);display: none;}
.dialog .con{width: 80%;height: auto;margin: 10% auto;margin-top: 40%;padding: 30px 10px;background-color: white;text-align: center;position:relative}
.dialog .con .al_warn{width: 60px;height: 60px;background-position: 3px 4px;background-size: 320px;margin-bottom: 10px;} /* 警告*/
.dialog .con .al_suc{width: 60px;height: 60px;background-position: -55px 4px;background-size: 320px;margin-bottom: 10px;} /* 成功*/
.dialog .con .al_cancel{width: 60px;height: 60px;background-position: -118px 4px;background-size: 320px;margin-bottom: 10px;} /* 取消*/
.dialog .con .warn{line-height: 26px;}
.dialog .con .closebox{width: 40px;height: 105px;position: absolute;right: 10px;top: -76px;background: url(../images/closed.png)no-repeat;background-size: 100% 100%;}
.dialog .con .closebox .closed{width: 40px;height: 40px;display: block;}
.dialog .times mark{color: #0092E9;font-size: 15px;margin: 0 10px;}
/*确定开票的弹窗*/
.diabox2 .con{text-align: left;padding: 20px;}
.diabox2 .con p{line-height: 26px;}
.diabox2 .con p span{margin-right: 5px;}
.diabox2 .btnbox{margin-top: 20px;text-align: center;}
.diabox2 .btnbox a{line-height: 34px;background-color: darkgray;display: inline-block;width: 100px;border-radius: 2px;text-align: center;margin: 0 5px;color: white;}
.diabox2 .btnbox .sure{color: white;background-color: #0092E8;}


/*页面一*/
.index{width: 100%;height: 100%;}
.index ul li{width: 100%;height: 140px;background-size: 100% 100% !important;margin: 10px 0;overflow: hidden;}
.index ul li a{display: block;width: 100%;height: 100%;}
.index ul .li1{background: url(../images/indexbg01.png);}
.index ul .li2{background: url(../images/indexbg02.png);}
.index ul .li3{background: url(../images/indexbg03.png);}
.index ul li .tit{font-size: 25px;margin: 43px;float: left;color: white;}
.index ul li .tit{font-size: 22px;margin: 54px;float: left;color: white;}
.index ul li .al_open{width: 80px;height: 80px;float: right;background-position: 1px -60px;background-size: 320px;margin-right: 45px;margin-top: 29px;}
.index ul li .al_top{width: 90px;height: 80px;float: right;background-position: -85px -60px;background-size: 320px;margin-right: 39px;margin-top: 29px;}
.index ul li .al_info{width: 80px;height: 80px;float: right;background-position: -190px -60px;background-size: 320px;margin-right: 45px;margin-top: 29px;}
/*页面二*/
.info{padding: 3%;}
.info .content{width: 100%;height: 100%;background-color: white;position: relative;}
.info .content .inpbox{width: 100%;margin: 30px 0;padding: 0 10px;}
.info .content .inpbox .tit{width: 25%;display: inline-block;vertical-align: middle;}
.info .content .inpbox .tit .al_tip{width: 12px;height: 20px;display: inline-block;vertical-align: middle;background-position: -328px 3px;background-size: 340px;margin-right: 2px;}
.info .content .inpbox input{width: 70%;vertical-align: middle;border: 1px solid #CDCDCD;padding-left: 10px;height: 40px;font-size: 16px;}
.info .content .btn{position: absolute;left: 5%;bottom: 20px;width: 90%;background-color: #029CEE;border-radius: 4px;text-align: center;line-height: 40px;height: 40px;color: white;cursor: pointer;}
/*页面三*/
.tickethead{padding: 3%;}
.tickethead .content{width: 100%;height: 100%;background-color: white;position: relative;}
.tickethead .add{display: block;width: 40px;height: 40px;position: absolute;right: 11px;top: 20px;background: url(../images/iconL.png)no-repeat;background-position: -469px -35px;}
.tickethead .box{width: 94%;height: 100px;background: url(../images/listbg01.png)no-repeat;background-size: 100% 100%;margin: 20px 3%;position: relative;overflow: hidden;border-radius: 4px;}
.tickethead .box .left{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.tickethead .box .left .al_gongsi{width: 50px;height: 50px;background-position: -3px -153px;background-size: 350px;position: absolute;left: 10px;top: 25px;}
.tickethead .box .left .al_person{width: 50px;height: 50px;background-position: -53px -153px;background-size: 350px;position: absolute;left: 10px;top: 25px;}
.tickethead .box .left .name{position: absolute;left: 70px;top: 30px;}
.tickethead .box .left .name p:first-child{font-size: 16px;}
.tickethead .box .left .name p:last-child{color: #9B9D9F;font-size: 14px;}
.tickethead .box .left .name2 p{font-size: 16px;position: absolute;left: 70px;top: 38px;}
.tickethead .box .right{width: 100px;height: 100%;position: absolute;right: -100px;top: 0;}
.tickethead .box .right .change{background-color: #EE9311;color: white;font-size: 14px;width: 50px;line-height: 95px;text-align: center;position: absolute;left: 0;}
.tickethead .box .right .detele{background-color: #FF3030;color: white;font-size: 14px;width: 50px;line-height: 95px;text-align: center;position: absolute;right: 0;}
.tickethead .boxActive .left{transform: translateX(-100px);transition: 0.4s all ease;}
.tickethead .boxActive .right{transform: translateX(-100px);transition: 0.4s all ease;}
.tickethead .boxActive2 .left{transform: translateX(0px);transition: 0.4s all ease;}
.tickethead .boxActive2 .right{transform: translateX(0px);transition: 0.4s all ease;}
.tickethead .backhomes{width: 26px;height: 26px;position: absolute;left: 20px;top: 30px;background: url(../images/home.png)no-repeat;background-size: 100% 100%;display: block;}
/*页面四*/
.ticketinfo{padding: 3%;}
.ticketinfo .content .type{margin-bottom: 20px;width: 80%;margin-left: 10%;display: flex;justify-content: space-between;height: 36px;border: 1px solid #019CEE;border-radius: 4px;color: #019CEE;}
.ticketinfo .content .type .lab{width: 50%;line-height: 34px;text-align: center;}
.ticketinfo .content .type .labActive{color: white;background-color: #019CEE;}
.ticketinfo .content{width: 100%;height: 100%;background-color: white;position: relative;}
.ticketinfo .content .inpbox{width: 100%;margin: 20px 0;padding: 0 10px;}
.ticketinfo .content .inpbox .tit{width: 25%;display: inline-block;vertical-align: middle;}
.ticketinfo .content .inpbox .tit .al_tip{width: 12px;height: 20px;display: inline-block;vertical-align: middle;background-position: -328px 3px;background-size: 340px;margin-right: 2px;}
.ticketinfo .content .inpbox input{width: 70%;vertical-align: middle;border: 1px solid #CDCDCD;padding-left: 10px;height: 40px;font-size: 16px;}
.ticketinfo .content .btn{position: absolute;left: 5%;bottom: 20px;width: 90%;background-color: #029CEE;border-radius: 4px;text-align: center;line-height: 40px;height: 40px;color: white;cursor: pointer;}
/*页面五*/
.openticket{padding: 3%;}
.openticket .content{width: 100%;height: 100%;background-color: white;position: relative;}
.openticket .content .inpbox{width: 100%;margin: 20px 0;padding: 0 10px;}
.openticket .content .inpbox .tit{width: 25%;display: inline-block;vertical-align: middle;}
.openticket .content .inpbox .tit .al_tip{width: 12px;height: 20px;display: inline-block;vertical-align: middle;background-position: -328px 3px;background-size: 340px;margin-right: 2px;}
.openticket .content .inpbox input{width: 70%;vertical-align: middle;border: 1px solid #CDCDCD;padding-left: 10px;height: 40px;font-size: 16px;}
.openticket .content .btn{margin: 10px auto;width: 90%;background-color: #029CEE;border-radius: 4px;text-align: center;line-height: 40px;height: 40px;color: white;cursor: pointer;}
.openticket .box{width: 94%;height: 100px;background: url(../images/listbg01.png)no-repeat;background-size: 100% 100%;margin: 20px 3%;position: relative;overflow: hidden;border-radius: 4px;}
.openticket .box .left{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.openticket .box .left .al_gongsi{width: 50px;height: 50px;background-position: -3px -153px;background-size: 350px;position: absolute;left: 10px;top: 25px;}
.openticket .box .left .al_person{width: 50px;height: 50px;background-position: -53px -153px;background-size: 350px;position: absolute;left: 10px;top: 25px;}
.openticket .box .left .name{position: absolute;left: 70px;top: 30px;}
.openticket .box .left .name p:first-child{font-size: 16px;}
.openticket .box .left .name p:last-child{color: #9B9D9F;font-size: 14px;}
.openticket .box .left .name2 p{font-size: 16px;position: absolute;left: 70px;top: 38px;}
.openticket .box .al_right{width: 40px;height: 40px;position: absolute;right: 10px;top: 26px;background-position: -309px -8px;background-size: 350px;display: none;}
.openticket .boxActive{background: url(../images/listbg02.png)no-repeat;background-size: 100% 100%;}
.openticket .boxActive .al_right{display: block;}
.openticket .boxActive .left p{color: white !important;}
.openticket .boxActive .left .al_person{background-position: -53px -201px !important;}
.openticket .boxActive .left .al_gongsi{background-position: -3px -204px !important;}

.openticket .content{width: 100%;height: auto;background-color: white;position: relative;margin-bottom: 70px;padding-bottom: 10px;}
.openticket .content .inpbox{width: 100%;margin: 20px 0;padding: 0 10px;}
.openticket .content .inpbox .tit{width: 23%;display: inline-block;vertical-align: middle;}
.openticket .content .inpbox .tit .al_tip{width: 12px;height: 20px;display: inline-block;vertical-align: middle;background-position: -328px 3px;background-size: 340px;margin-right: 2px;}
.openticket .content .inpbox input{width: 72%;vertical-align: middle;border: 1px solid #CDCDCD;padding-left: 10px;height: 40px;font-size: 16px;}
.openticket .content .add{width: 18px;height: 18px;float: right;margin-right: 10px;margin-top: -3px;background: url(../images/add.png)no-repeat;background-size: 100% 100%;}
.addfoot{width: 100%;height: 50px;background-color: white;position: fixed;left: 0;bottom: 0;display: flex;justify-content: space-around;padding: 5px;}
.addfoot a{width: 30%;height: 40px;line-height: 40px;text-align: center;display: block;font-size: 18px;font-weight: bold;}
.addfoot .active{color:#0092E9;border-bottom: 2px solid #0092E9;}
.addfoot .active2{color:#CDCECE;}

/* 新增页面 */
.myticket{width: 100%;height: 100%;background: url(../images/addbgs02.png)no-repeat;background-size: 100% auto;padding: 20px;}
.myticket .box{width: 100%;margin: 0 auto;background-color: white;position:relative;padding: 28px 5px 5px;margin-bottom: 10px;}
.myticket .box .name{position: absolute;left: 5px;top: 5px;width: 70%;font-weight: bold;}
.myticket .box .times{position: absolute;right: 5px;top: 5px;width: 30%;color: #C3C4C3;}
.myticket .box .times .timelogo{width: 15px;height: 15px;display: inline-block;vertical-align: sub;background: url(../images/logotimes.png)no-repeat;background-size: 100% 100%;margin-right: 5px;}
.myticket .box .ps{color: #029CEE;line-height: 24px;}
.myticket .box .submit{position: absolute;right: 5px;bottom: 10px;width: 70px;height: 32px;line-height: 32px;text-align: center;color: white;background-color: #029CEE;border-radius: 4px;}
.myticket .box .ps mark{background-color: transparent;color: red;}