body{ position: relative; background:#fff; } .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .content{ position: relative; margin:0 auto; width: 3.2rem; } .content .warp{ width:9.125rem; padding-left: 0.4375rem; padding-right: 0.4375rem; } .content .marwarp{ width:9.125rem; margin:0 auto; } .content .amonth{ background: #fff; } .content .amonth>.aday{ margin-bottom: 1px; float: left; width: 0.445rem; height: 0.445rem; margin-left:1px; text-align: center; line-height: 0.445rem; font-size: 0.16rem; } .content .amonth>.disday{ background:#f5f5f5; } .content .amonth>.thisday{ border-radius: 5px; background: #ff8800; } .content .amonth>.aweek{ float: left; width: 0.445rem; height: 0.445rem; margin-left:1px; text-align: center; line-height: 0.445rem; font-size: 0.16rem; background: #e1e1e1; border-radius: 3px; } .content .amonth>.showdate{ height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; } .content .amonth>.showdate>.monthleft{ padding-right: 0.5rem; } .content .amonth>.showdate>.monthright{ padding-left: 0.5rem; } /*选择票种界面*/ .content .asell_list .sell_info{ float: right; } .content .asell_list .sell_info>img{ margin-right: 0.5em; } .content .asell_list>.ticket_title{ background: #fff; height: 0.4375rem; padding-top: 0.4375rem; padding-bottom :0.4375rem; font-size: 0.4375rem; line-height: 0.4375rem; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } .content .asell_list>.ticket_title>img{ height: 0.4375rem; } .content .asell_list .sel_ticket{ background: #fff; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } .content .asell_list .sel_tickettitle{ background: #fff; font-size: 0.40625rem; line-height: 0.40625rem; padding-bottom: 0.234375rem; padding-top: 0.234375rem; /*border-top: 1px solid #e2e2e2e2e2e2;*/ border-bottom: 1px solid #e2e2e2; } .content .asell_list .sel_tickettitle>.sell_info{ font-size: 0.34375rem; line-height: 0.40625rem; } .content .asell_list .sel_tickettitle>.sell_info>img{ height: 0.40625rem; } .content .asell_list .sel_tickettitle>img{ height: 0.34375rem; } .content .asell_list>.sel_ticket>.ticket_list>.ticket_man{ background: #fff; float: left; font-size: 0.375rem; line-height: 0.5625rem; } .content .asell_list>.sel_ticket>.ticket_list>.ticket_price{ float: left; font-size: 0.4375rem; color: #ff8800; margin-left: 0.9375rem; line-height: 0.5625rem; } .content .asell_list>.sel_ticket>.ticket_list>.ticket_num{ float: right; } .content .asell_list>.sel_ticket>.ticket_list>.ticket_num>img{ float: left; height: 0.5625rem; border: 1px solid #e2e2e2; } .content .asell_list>.sel_ticket>.ticket_list>.ticket_num>input{ float: left; height: 0.5625rem; width: 0.75rem; border: 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align: center; font-size: 0.375rem; line-height: 0.5625rem; outline: none; } .content .asell_list>.sel_ticket>.ticket_list{ padding-bottom: 0.4375rem; padding-top: 0.4375rem; /*border-top: 1px solid #e2e2e2;*/ border-bottom: 1px dashed #e2e2e2; } .content .asell_list>.sel_ticket>.ticket_list:last-child{ border-bottom: 0; } .content .asell_list .sel_goback{ background: #fff; font-size: 0.40625rem; line-height: 1.03125rem; padding-top:0.171875rem; padding-bottom:0.171875rem; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } .content .asell_list .sel_goback .goback_date{ float: left; font-size: 0.40625rem; line-height: 1.03125rem; } .content .asell_list .sel_goback .goback_time1{ float: left; } .content .asell_list .sel_goback .goback_time1>img{ margin-top: 0.1875rem; margin-left: 0.125rem; margin-right: 0.125rem; float: left; width: 0.21875rem; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo{ float: left; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>p{ line-height: 0.515625rem; font-size: 0.375rem; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go{ color: #ff8800; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back{ color: #00be96; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go>.agodata{ margin-right: 0.5em; } .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back>.backtime{ margin-right: 0.5em; } .content .asell_list .sel_goback .goback_time2{ float: left; } .content .asell_list .sel_goback .goback_time2>.goback_timeinfo>.onego{ text-indent: 0.5em; color: #ff8800; float: left; } .content .asell_list .sel_goback .goback_time3>.goback_timeinfo>.onego{ text-indent: 0.5em; color: #00be96; float: left; } .content .asell_list .sel_goback:before{ content: ""; float: right; width: 0.1875rem; height: 0.375rem; margin-top:0.375rem; background-image:url(../images/icon-more.png); background-size: 100% 100%; } .content .aonelist{ background: #fff; } .content .cartime { background: #fff; } .content .cartime li{ float: left; font-size: 0.375rem; padding:0.1875rem 0.25rem; line-height: 0.375rem; border: 0.03125rem solid #e0e0e0; background: #f5f5f5; border-radius: 0.09375rem; margin-left: 0.75rem; margin-bottom: 0.34375rem; margin-top: 0.34375rem; } .content .cartime li.sel{ border: 0.03125rem solid #e59801; background: #fda801; color: #fff ; } .content .cartime li.disable{ border: 0.03125rem solid #fafafa; background: #efefef; color: #6e6e6e; } /*.content .cartime li.nosel{}*/ .content .asell_list .writeinfo{ height: 3rem; position: relative; } .content .asell_list .writeinfo:after{ content: ""; position: absolute; } .content .asell_list .alist{ border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; background: #fff; } .content .asell_list .alist>div.title{ background: #fff; font-size: 0.40625rem; line-height: 0.40625rem; padding-bottom: 0.28125rem; padding-top: 0.28125rem; } .content .asell_list .alist>div.content{ font-size: 0.375rem; line-height:1.0625rem; height: 1.0625rem; padding-top:1px; padding-bottom:1px; } .content .asell_list .writeinfo{ height: 3rem; position: relative; } .content .asell_list .writeinfo>img{ position: absolute; right: 0; width: 0.375rem; } .content .asell_list .writeinfo>textarea{ background: #f6f6f6; width: 100%; height: 100%; border: 0; } .content .asell_list .writeinfo>textarea:focus{ outline: none; } .content .borderbot{ border-bottom:1px solid #e2e2e2; } .content .borderbotda{ border-bottom:1px dashed #e2e2e2; } .content .fire{ margin-bottom:0.140625rem; } .content .name{ outline:none; background:#fff; padding:0; border: 0; font-size: 0.375rem; /*line-height: 0.375rem;*/ width: 100%; height: 100%; line-height: 1.0625rem; /*border-bottom: 1px dashed #e2e2e2;*/ } .content .phone:focus{ outline:none; } .content .name:focus{ outline:none; } .content .phone{ background:#fff; outline:none; padding:0; border: 0; font-size: 0.375rem; /*line-height: 0.375rem;*/ width: 100%; height: 100%; line-height: 1.0625rem; /*border-bottom: 1px dashed #e2e2e2;*/ } .content .idcard:focus{ outline:none; } .content .idcard{ background:#fff; outline:none; padding:0; border: 0; font-size: 0.375rem; /*line-height: 0.375rem;*/ width: 100%; height: 100%; line-height: 1.0625rem; /*border-bottom: 1px dashed #e2e2e2;*/ } .content .buy{ position: fixed; bottom: 0; } .content .buy .buyprice{ height: 1.25rem; width: 4.375rem; line-height: 1.25rem; text-align: center; font-size: 0.5625rem; float: left; color: #ff8800; background: #fff; border-top: 1px solid #e2e2e2; } .content .buy .pay{ height: 1.25rem; width: 5.625rem; font-size: 0.5rem; color: #fff; line-height: 1.25rem; background:#ff8800; float: left; text-align: center; border-top: 1px solid #ff8800; } #detailsone{ position: absolute; top: 0.0rem; left: 0rem; background: rgba(0,0,0,0.8); width: 100%; display: none; } .dscontent{ position: relative; width: 10rem; margin:0 auto; } #x{ font-size: 0.5625rem; color: red; font-weight: 600; position: absolute; right: 0.3125rem; top: 0.15625rem; } #detailcontent{ position: absolute; top:0.625rem; width:9.9475rem; left:0.46875rem; color: #fff; font-size: 0.5625rem; } .placesel{; opacity:1; filter: Alpha(Opacity=80); -moz-animation:myfirst 1s linear infinite alternate;/* Firefox */ -webkit-animation:myfirst 1s linear infinite alternate; /* Safari 和 Chrome */ -o-animation:myfirst 1s linear infinite alternate; animation:myfirst 1s linear infinite alternate;} @keyframes myfirst{from {background:#ff8800;opacity:0.8; filter: Alpha(Opacity=80);} to {background:#ff8800;opacity:0.2; filter: Alpha(Opacity=20);} }