﻿#canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;margin:auto;border-radius:50%;background:rgba(3,3,3,.5);-webkit-animation:loading 2s infinite linear;-moz-animation:loading 2s infinite linear;}
@-webkit-keyframes loading{form{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
.abgne-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;margin:auto;width:5pc;height:5pc;border-radius:50%;background:rgba(3,3,3,0)}
.abgne-loading .pic{position:absolute;top:19%;left:19%;width:60%;height:60%;border-radius:50%;background:url(/images/thumb_02.png) no-repeat}
.layerdiv{top:0;z-index:99999;height:100%;background:rgba(0,0,0,.1);opacity:.8;cursor:pointer;filter:alpha(opacity:10);-wekit-opacity:.1}
#lxdivmsg,.layerdiv{position:fixed;width:100%}
#lxdivmsg{top:50%;left:0;z-index:100000;margin:auto;max-height:300px;min-width:250px;text-align:center}
#lxdivContent{display:inline-block;margin:auto;padding:20px 1pc;max-width:80%;border-radius:5px;background:#000;text-align:left;font-weight:400;font-size:9pt;font-size:1pc;font-size:14px;opacity:.8}
#lxdivContent,#lxloadingmsg{color: #fff;text-shadow:none;font-family:微软雅黑;}
#lxloadingmsg{position:fixed;top:50%;left: 0px;z-index:100001;margin-top:30px;width:100%;text-align:center;margin-top: -102px;}
#lxloadingmsg .lxmsg{margin: 0px 25%;}
#lxloadingmsg .lxmsgOwo{background:#000;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;height: 111px;border-radius: 5px;}
#lxloadingmsg .lxmsgTwo{color:#fff;position: relative;top: -33px;letter-spacing: 2px;overflow: hidden;height: 20px;}

@media screen and (min-width:800px){
    
#lxloadingmsg{left:50%;width:280px; margin-left:-140px;}
}


#lxDialog_Select{position:fixed;top:130px;z-index:100000;display:none;margin-left:10%;width:80%;border-radius:10px;background:#fff}
#lxDialog_Select .select{width:100%;height:45px;border-radius:5px 5px 0 0;background:#1ebacc;color:#fff;text-align:center;font-size:1.2em;line-height:45px}
#lxDialog_Select ul li{width:100%;height:40px;border-bottom:1px solid #ddd;text-indent:20px;font-size:1em;line-height:40px}
#lxDialog_Select a{display:block;margin:0 auto;margin-top:1pc;margin-bottom:13px;width:90pt;height:30px;border-radius:5px;background:#df4244;color:#fff;text-align:center;font-size:1.4em;line-height:30px}
#lxDialog_Select .on{background:url(//wxapi.lvxoo.com/img/flight/select-right02.png) no-repeat 95% center;background-size:5%;color:#1ebacc}
#lxDialog_Select li,#lxDialog_Select ul{margin:0;padding:0;list-style:none}
@media screen and (max-width:350px){#lxDialog_Select{top:60px}
}
.lxslider{position:absolute;top:13px;right:1px;margin:-5px 10px 0 0}
.lxCheck i{display:inline-block;padding-right:22px;width:44px;height:24px;border-radius:22px;background-color:#ccc;box-shadow:inset 0 0 1px #666;cursor:pointer;-webkit-transition:all ease .2s;transition:all ease .2s}
.lxCheck i:before{display:block;margin-top:1px;margin-left:1px;width:22px;height:22px;border-radius:22px;background:#fff;box-shadow:0 0 1px #666;content:''}
.lxCheck :checked+i{padding-right:2px;padding-left:20px;background-color:#099fde}
#qrdiv{position:fixed;top:20%;z-index:99999;padding:20px 10%;text-align:center}
#qrdiv #divContent{display: inline-block;margin: 0px;padding: 0px;overflow: hidden;}
#qrdiv #divContent>div{margin-top: 0px;padding: 15px;color: #000;text-align:center;background: #fff;border-top: solid 1px #f8f8f8;}
.explain{z-index:99999999;overflow-x:hidden;padding: 0px;max-height:80%;bottom: 0px;left: 0px;width: 100%;background:  #fff;min-height: 200px;color: #000;font-size:14px;}
.explain,.explainbg{position:fixed;display:none;}
.explainbg{top:0;z-index:9999;width:100%;height:100%;background:#000;opacity:.65;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
.explain p{margin:0;padding:5px;color: #000;text-indent: 1em;}
.lxexplaintop{ background:#099fde; color:#fff; height:40px;line-height:40px; padding-left:1em; position:relative;}
.lxexplaintop>span.topspan{ position:absolute; right:0px; top:0px; display:inline-block;width:80px; text-align:right;padding-right:1em; }
.lxexplainContent{ padding:10px; }

#lxDialog_Select{top:initial;bottom:0;overflow-x:hidden;margin-left:0;width:100%;max-height:80%;border-radius:0}
#lxDialog_Select .select{border-radius:0}
.worktime{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;margin:auto;padding:10px;width:250px;height:180px;text-align:center}
.worktime>img{max-width:50%}
.worktime>p{height:40px;border-radius:4px;background:rgba(255,87,34,.4);color:#fff;font-size:1.8em;line-height:40px}
.divtip{position:fixed;top:25%;left:50%;z-index:999999;margin-left:-150px;width:300px}
.divtip img{max-width:100%;vertical-align: top;}
.divtip .dp{position:relative;/* top:-5px; */}
.divtip .divmsg{padding:10px;background:#fff;text-align:center;font-size:1em}
.divtip .divmsg>p{margin:0;padding:0}
.divtip .divmsg>p.title{color:#494747}
.divtip .divbtn{padding:10px;background: #F8F8F8;color:#03a9f4;text-align:center;font-size:1.2em;cursor:pointer;}
.divtip .divbtn:hover{background:#fef8f8}
@media screen and (max-width:320px){.divtip{top:20%;left:50%;margin-left:-130px;width:260px}
}
.lxCheck2 i{display:inline-block;padding-right:22px;width:44px;height:24px;border-radius:22px;background-color:#ccc;box-shadow:inset 0 0 1px #666;cursor:pointer;-webkit-transition:all ease .2s;transition:all ease .2s}
.lxCheck2 i:before{display:block;margin-top:1px;margin-left:1px;width:22px;height:22px;border-radius:22px;background:#fff;box-shadow:0 0 1px #666;content:''}
.lxCheck2 :checked+i{padding-right:2px;padding-left:20px;background-color:#23af7b}
.load8{width: 38px;height: 38px;position: fixed;top: 50%;left: 50%;z-index: 2000000;margin-left: -19px;margin-top: -82px;}
.container1>div,.container2>div,.container3>div{width: 10px;height: 10px;background-color: #2DDAC3;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.load8 .load8-container{position:absolute;width:100%;height:100%}
.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
.circle1{top:0;left:0}
.circle2{top:0;right:0}
.circle3{right:0;bottom:0}
.circle4{left:0;bottom:0}
.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}
.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
40%{transform:scale(1);-webkit-transform:scale(1)}
}

/* show img */
.imgcontent{position:fixed;width:300px;left:50%;margin-left:-150px;z-index: 100000;background:#fff;top:50px;border-radius: 10px 10px 0px 0px;}
.imgcontent-title{ height:45px;line-height:45px;padding-left:1em;background: #717171;color: #fff; border-radius:10px 10px 0px 0px;  }
.imgcontent-img{padding:20px 20px 15px 20px;}
.imgcontent-img>img{width:100%;}
.imgcontent-bottom{ text-align:center; padding:12px; border-top:solid 1px #fbfbfb; background:#fbfbfb}
.imgcontent>i.imgcontent-close{position: absolute;height: 35px;width: 35px;line-height: 35px;color: #fff;background: #9E9E9E;top: -10px;right: -10px;text-align: center;border-radius: 50%;font-size: 25px;font-style: normal;cursor: pointer;}


/*train */
.trainbanquet{position:fixed;bottom:0px;left:0px;z-index: 10000;width:100%;background:#fff;display:none;}
.trainbanquet .trainb-title{background: #515151;height:45px;line-height:45px;position:relative;}
.trainbanquet .trainb-title>span.close{position:absolute;width:60px;text-align:left;padding-left: 1em;color:#fff;}
.trainbanquet .trainb-title>span.sure{position:absolute;width:60px;text-align: right;padding-right: 1em;color:#fff;right:0px;}
.trainbanquet .trainb-content{
    margin-top: 21px;
}
.trainbanquet .trainb-content .train-line>i{height:45px;line-height:45px;display:inline-block;margin: 0px 8px;position: relative;top: -15px;}
.trainbanquet .trainb-content .train-line{margin-top: 1em;text-align: center;}

.trainbanquet .trainb-content .train-line .ca{background:url('//img.lvxoo.com/train/a.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cb{background:url('//img.lvxoo.com/train/b.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cc{background:url('//img.lvxoo.com/train/c.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cd{background:url('//img.lvxoo.com/train/d.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cf{background:url('//img.lvxoo.com/train/f.png') no-repeat center;}

.trainbanquet .trainb-content .train-line .ca1{background:url('//img.lvxoo.com/train/a1.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cb1{background:url('//img.lvxoo.com/train/b1.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cc1{background:url('//img.lvxoo.com/train/c1.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cd1{background:url('//img.lvxoo.com/train/d1.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .cf1{background:url('//img.lvxoo.com/train/f1.png') no-repeat center;}
.trainbanquet .trainb-content .train-line .zx{width: 40px;height: 40px;line-height: 40px;display:inline-block;background-size: 80%;}

@media screen and (max-width:320px){
    .trainbanquet .trainb-content .train-line .zx{ width:35px; height:35px; line-height:35px; background-size:80% }
    .trainbanquet .trainb-content .train-line>i{margin: 0px 5px;top: -12px;}
}

