@charset "utf-8";
html,body{font-size:100%;margin:0;padding:0;background:#fff;width:100%;overflow-x:hidden}
html{/*height:100%; */color:#666;}
a,span,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{min-height:100vh;/*min-height:100%;*/font-family:"Microsoft YaHei";position:relative; font-size:12px; background:#ea7e7c url(../images/content-bg.jpg) no-repeat; background-size:contain; /*background-size: auto 100%; background-position: center center;*/}
a{color:#333;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}
/* 公共元素 */
.fl{ float:left;}
.fr{ float:right;}
.blur{/*filter: blur(10px);*/ opacity:0.3;}
.absolute{ position:absolute;}
.relative{ position:relative;}
.fixedBox{ position:fixed; bottom:0px; width:100%; text-align:center; padding:0; left:0;}
.fixedBox .footerBox{ margin:0 15px; background:#8e8e86; padding:15px; border-radius:15px 15px 0 0;}
.content{ position: relative; left:0; width:100%; z-index:1;}
.content.bodyfloat{ left:45%;}
.animate{transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;padding:0;margin:0; font-size:0;}
.clearfix {display: block;zoom: 1;}
.m20{ margin:20px;}
.mainBox{ margin:0 auto; padding:10px;}
.pageLast{ padding-bottom:20px;}
.pageFirst{ padding-top:155px;}
.line{ display:block; height:1px; clear:both; background:#e8e8e8; margin:10px 0;}
.formBox{}
.contentBox{ overflow:hidden;}
.htmlContent{ margin-top:20px;}
.htmlContent img{ max-width:100%;}
.form-group{ margin-bottom:10px;}
.form-group .label{float:left;width:20%;text-align:right;padding:7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:24px;}
.form-group .label label{ padding-right:10px; font-size:14px; /*font-weight:bold;*/ color:#888;}
.form-group .field{float:left;width:80%; overflow:hidden;}
.empty{ text-align:center; display:block; margin:30px 0 0;}
.shadow{ box-shadow:0px 2px 5px #888;}

.imagesBox{ overflow:hidden; padding:0 10px;}
.imagesBox .media{ float:left; position:relative; width:24%; padding-right:1%;}
.imagesBox .media img{ width:100%;}
.imagesBox .media .media-del{position: absolute;color: #fff;right: 10px;top: 10px;width: 20px;height: 20px;line-height: 20px;text-align: center;background: rgba(255,90,150,.8);}
.formBox .form-group .field{ padding:10px;}
.formBox .form-button{ text-align:center; margin-bottom:20px;}
.form-group.check-error .input{ border-color:#ea7e7c;}
.formBox .form-group .label{ padding:10px; font-size:14px; background:#f8f8f8;}
.login-box .form-group .label{float:left;width:10%; line-height:22px;text-align:right;padding:10px 5% 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:24px;}
.form-group .field{text-align:left;}
.form-group .field .form-text{ padding:7px 0; line-height:24px; display:inline-block; color:#ea7e7c; font-size:14px;}
.login-box .form-group .field{width:70%; float:left;}
.button.page-button{ width:70%; border-radius:20px; padding:10px 0; font-size:16px;}
.form-group:after{clear: both;content: " ";display: block;height: 0;overflow: hidden;visibility: hidden;}
.form-group .input{font-size:14px;padding:5px 0px; border:none; border-bottom:1px solid #ccc;width:100%;line-height:26px;display:inline-block;box-shadow:none;-webkit-appearance: none; border-radius:0px; background:none;}
.form-group .input.input-half{ width:50%;}
.login-box{ width:50%; margin:30% auto 10%; text-align:center; padding:60px; background:rgba(0,0,0,0.5); border-radius:50%; border:15px solid rgba(255,255,255,0.5);animation: login-box-bgcolor 5s infinite;
background-repeat:no-repeat;}
.login-box .form-group .field{ float:none; width:100%; text-align:center;}
.login-box .form-group .input{ padding:5px 4%; border:1px solid #faf0e3; width:90%; background:none; color:#fff;}
.login-box .form-group .input::-webkit-input-placeholder{ color:#fff; font-family:"微软雅黑";}
.login-box .button.page-button{ border-radius:3px; width: auto; padding:10px 20px;}
.login-box-msg{ text-align:center; display:block; color:#fff; text-shadow:1px 1px 3px #666;}
.login-box-msg a{ color:#fff;}

.alertBox .form-group .label{ background: none; display:inline-block; float:left; padding:0px;}
.alertBox .form-group .field{ float:left; width:80%; padding:0px;}

.button{border:solid 1px #ddd;border-radius:3px;font-size:14px;padding:6px 15px;margin:0;display:inline-block;line-height:20px; font-family:"Microsoft YaHei";}
.color-main{ color:#eb9494;}
.bg-main{background-color:#ea7e7c;border-color:#ea7e7c; color:#fff;}
.mainbg{ background:#ea7e7c;}
.bg-white{ background-color:#fff; border-color:#fff;}
.greenbg{ background:#68C368;}
.bluebg{ background:#6083CA;}
.graybg{ background:#ccc;}
.redbg{ background:#f00;}
.orangebg{ background:#ddb66a;}
.button.orangebg{ color:#fff; border:1px solid #ddb66a;}
.orangeb{ border-color:#f60;}
.mainb{ border-color:#FF5A96;}
.greenb{ border-color:#68C368;}
.blueb{ border-color:#6083CA;}
.grayb{ border-color:#ccc;}
.gray{ color:#999;}
.bg-red{ background:#f00; border-color:#f00; color:#fff;}
#tips{ margin-top:30px;}
.alert{border-radius:5px;padding:15px; margin:0 15%;border:solid 1px #ddd;background-color:rgba(255,255,255,.3);}
.alert-yellow{color:#f60; border:none;}
.layui-layer-padding{ color:#faf0e3;}
.center{ text-align:center;}
.overhidden{ overflow:hidden;}
.button-big{ padding:12px 30px; font-size:20px;font-weight:normal;line-height:22px;}
.button-bigger{ padding:8px 20px; font-size:16px;font-weight:normal;line-height:22px;}
.button-small{padding:3px 10px;font-size:12px;font-weight:normal;line-height:18px;}
.button-little{padding:3px 8px;font-size:12px;font-weight:normal;line-height:18px;}

/* 顶部 */
#header{position:fixed; top:0px; width:100%; z-index:99;}
#header .header-box{ margin:0 15px; height:40px; padding:10px 10px;background:#8e8e86; border-radius:0 0 15px 15px; text-align:center; color:#fff;}
#header span{ color:#fff; font-size:26px; display:inline-block; padding:0 10px; height:30px; line-height:36px;}
#header .fr span{ font-size:20px; height:20px; line-height:20px;}
#header i{ display:block; font-size:10px; color:#fff; font-style:normal;}
#header h3{ display:inline-block; text-align:center; margin:0; height:40px; line-height:40px; font-size:22px;}
#header > a{ position:absolute; top:15px;}
#header > a.right{ right:0px;}
#header > a span{ width:30px; height:30px; text-align:center; background-repeat:no-repeat; background-size:contain; background-position:center center;}
#header > a span.ico-user{ background-image:url(../images/icon-user.png);}
#header > a span.ico-search{ background-image:url(../images/icon-search.png);}
#content{ padding-top:100px; margin:0 15px; position:relative; overflow:hidden;}
.contentMain{ padding: 10px 20px;}
#content .contentTop{ min-height:400px; background:#fff; border-radius:8px 8px 0 0; overflow:hidden;}
#content .contentMainMid{ background:#fff;}
#content .contentMid{ background:url(../images/content-mid.png) no-repeat; background-size:100% auto; background-position: center center; width:100%; height:24px;}
#content .contentBottom{background:#fff; border-radius:0px 0px 8px 8px; overflow:hidden; text-align:center; padding:20px 0;box-shadow:2px 5px 5px rgba(0,0,0,0.2);}
.contentTit{ text-align:center; font-size:30px; height:50px; line-height:50px; margin:10px 0;}
.specBox h3{ text-align:center; color:#888; font-size:14px; margin:10px 0; padding:0;}
.specList{ overflow:hidden;}
.specList li{ width:50%;margin-bottom:10px; float:left;}
.specList.list2 li{ width:50%;}
.specList.list1 li:nth-child(1) span{ background:rgba(234,126,124,0.1); border:1px solid rgba(234,126,124,0.1);}
.specList.list1 li:nth-child(2) span{ background:rgba(234,126,124,0.1); border:1px solid rgba(234,126,124,0.1);}
.specList.list1 li:nth-child(3) span{ background:rgba(234,126,124,0.1); border:1px solid rgba(234,126,124,0.1);}
.specList.list1 li:nth-child(4) span{ background:rgba(234,126,124,0.2); border:1px solid rgba(234,126,124,0.2);}
.specList.list1 li:nth-child(5) span{ background:rgba(234,126,124,0.2); border:1px solid rgba(234,126,124,0.2);}
.specList.list1 li:nth-child(6) span{ background:rgba(234,126,124,0.2); border:1px solid rgba(234,126,124,0.2);}
.specList.list1 li:nth-child(7) span{ background:rgba(234,126,124,0.3); border:1px solid rgba(234,126,124,0.3);}
.specList.list1 li:nth-child(8) span{ background:rgba(234,126,124,0.3); border:1px solid rgba(234,126,124,0.3);}
.specList.list1 li:nth-child(9) span{ background:rgba(234,126,124,0.3); border:1px solid rgba(234,126,124,0.3);}
.specList li span{padding:10px 0; background:#fff; border:#ea7e7c 1px solid; border-radius:20px; color:#ea7e7c; font-size:14px; margin-right:5px; display:block; text-align:center;}
.specList li span i{ font-style:normal; display:block;}
.specList li span i i{ display:inline-block; font-size:10px; padding:0 3px;}
.specList li span.active{background:#ea7e7c !important; color:#fff !important;}
.specList li span.skuempty{ background:#ddd url(../images/skuempty.png) no-repeat center center !important; color:#888; border:1px solid #ddd; text-indent:-999px; overflow:hidden; background-size:contain !important;}
pre{ font-family:"微软雅黑"; line-height:20px; color:#666;white-space: pre-wrap;word-wrap: break-word;}
.iconMsgBox{ text-align:center; font-size:20px; color:#888; padding:20px 0;}
.iconMsgBox i{ width:50px; height:50px; color:#fff; background:#ea7e7c; border-radius:50%; display:inline-block; line-height:50px; font-size:26px;}

/*
.flip{position: absolute;transition: transform 1s; width:100%; height:100%;-webkit-transform-style: preserve-3d;}
.flip .contentBox{display: block;position: absolute;width:100%; top:0px; left:0px;-webkit-transform:translate3d(0, 0, 0);}
.flip .contentBox.chose{-webkit-transform:translate3d(150%, 0, 0);}
.flip .contentBox.paybox{-webkit-transform:translate3d(300%, 0, 0);}
.flip.flipped {-webkit-transform:translate3d(-150%, 0, 0);} 
.flip.flippend {-webkit-transform:translate3d(-300%, 0, 0);} 
*/
.flip{ position: relative; width:100%; left:0%;transition: left 1s;}
.flip .contentBox{display: block;position: absolute;width:100%; top:0px; left:0px;}
.flip .contentBox.chose{ left:150%; top:0;}
.flip .contentBox.paybox{ left:300%; top:0;}
.flip .contentBox.bindbox{ left:450%; top:0;}
.flip .contentBox.payQrcodeBox{ left:600%; top:0;}
.flip .contentBox.Crelative{ position:relative;}
.flip.flipped { left:-150%;} 
.flip.flippend {left:-300%;}
.flip.flipbind {left:-450%;}
.flip.flipqrcode {left:-600%;}
.flip.flipped .contentBox.chose{ position:relative;} 
.flip.flippend .contentBox.paybox { position:relative;}
.flip.flipbind .contentBox.bindbox { position:relative;}
.flip.flipqrcode .contentBox.payQrcodeBox { position:relative;}
.flip .flipClose{ position:absolute; right:5px; top:5px; color:#fff; background:#ea7e7c; border-radius:50px; text-align:center; width:30px; height:30px; font-size:14px; line-height:30px;}
p.notice{ text-align:center; color:#888; font-size:13px; padding:15px 0;}
p.notice i{ color:#ea7e7c; font-style:normal}
p.sharenotice{ text-align:center; color:#ea7e7c; font-size:16px; padding:60px 50px 20px 20px; line-height:30px; background:url(../images/share.jpg) no-repeat right top; background-size:38%;}
/* 内容详情 */
.videoContent{ position:fixed; top:0px; left:0; width:100%;}
.videoContent video{ width:100%; height:210px; box-shadow:0px 3px 3px #ccc; background-size:cover; background:#fff;}

.pageTitle{ font-size:18px; padding:5px 0;}
.pageSubTitle{ font-size:12px; overflow:hidden}

.title-menu{ overflow:hidden; padding:20px 0;}
.title-menu li{ width:50%; float:left; text-align:center;}
.title-menu li a{ display:block; margin-right:5px; padding:10px 0;background:#fff; border:1px solid #ea7e7c; border-radius:20px; color:#ea7e7c; font-size:16px;}
.title-menu li a.active{background:#ea7e7c; color:#fff;}

/* 列表 */


.userBox{ overflow:hidden;}
.userBox .userHead{ overflow:hidden;height:180px;}
.userBox .userAvatar{ width:80px; height:80px; float:left; margin-top:20px;}
.userBox.scodeBox{ text-align:center;}
.userBox.scodeBox .userAvatar{ float:none; margin:20px auto 0;}
.userBox.scodeBox .userInfo{ float:none; text-align:center;}
.userBox.scodeBox .confim{ text-align:center; font-size:18px;}
.userBox.scodeBox .confim span{ color:#ea7e7c;}
.userBox img{ border-radius:50%;}
.userBox .userInfo{ float:left; text-align:left; margin:40px 0 0 10px; max-width:190px;}
.userBox .userInfo p{padding:0; margin:0; color:#888; line-height:30px;}
.userBox .userInfo p.userTit{ font-size:16px; line-height:26px; color:#666;}
.userBox .sex{ position:absolute; top:100px; left:50%; z-index:20; color:#fff; background:#eb9494; border-radius:50%; display:inline-block; width:20px; height:20px; margin-left:20px; line-height:20px;}
.userBox .sex.icon-mars{ background:#06C;}
.userMenu{}
.userMenu li{ padding:5px 0;}
.userMenu li a{ display:block; background:#fcfcfc; padding:10px 0 10px 30px; font-size:16px; text-decoration:none; height:24px; line-height:24px;border:1px solid #e8e8e8; border-left:none; border-right:none;}
.userMenu li a i{ margin-right:20px; color:#eb9494; font-size:24px;}
.userMenu li a:before{ color:#eb9494; font-size:20px; margin-right:10px; width:20px; text-align:center;}
.userData{ margin:0px 0px 20px; background:#fcfcfc; padding:10px 0; border:1px solid #e8e8e8; border-left:none; border-right:none;}
.userDataBox{ width:33%; border-right:1px solid #eee; text-align:center; font-size:14px; color:#888;}
.userDataBox:last-child{ border-right:none;}
.userDataBox b{ display:block; font-size:18px;}
.userDataBox b a{color:#eb9494;}
.userContent{ position:absolute; top:160px; width:100%; color:#fff;text-shadow:0 0 3px #000;}
.userButton{ position:absolute; bottom:40px; width:100%; color:#fff;}
.userButton .button{ padding:6px 30px;}

.userList{ overflow:hidden}
.userList li{ position:relative; overflow:hidden; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; padding:10px 0;}
.userList li .avatar{ margin-right:10px;}
.userList li .nickname{ font-size:14px;}
.userList li i{ position:absolute; right:5px; top:5px; font-style:normal; display:none;}

.contentList{}
.contentList li{margin-top:10px; padding:10px 50px 10px 10px; /*box-shadow:0px 2px 5px #888;border-radius:5px;*/ position:relative; border-bottom:1px solid #ccc;}
.contentList li.tableHead{ font-size:16px;}
.contentList li.ticketType5{ background:url(../images/ticketBg5.jpg) 70% 30% no-repeat; background-size:40%;}
.contentList li.ticketType4{ background:url(../images/ticketBg4.jpg) 70% 30% no-repeat; background-size:40%;}
.contentList li.ticketType2{ background:url(../images/ticketBg2.jpg) 70% 30% no-repeat; background-size:40%;}
.contentList li:first-child{ margin-top:0px;}
.contentList li:last-child{ border-bottom:none;}
.contentList.scanList li{ border-color:#eee;}
.contentList.scanList li p span{ font-size:14px;}
.contentList li a{ font-size:14px; color:#666;}

.contentList li a > p{padding-bottom:10px; font-size:14px; color:#888;}
.contentList li p,.contentList li h4{ padding:0; margin:0;}
.contentList li .listInfo{ margin:10px 0; position:relative;}
.contentList li .listInfo > i{ position:absolute; right:10px; top:10px; font-style:normal; color:#888;}
.contentList li .listInfo h4 span{ color:#ea7e7c;}
.contentList li .listInfo .listImgBox{ width:80px; height:80px; text-align:center; background:#e8e8e8;display: table-cell; vertical-align:middle;}
.contentList li .listInfo .listImgBox img{ max-width:100%; max-height:100%; vertical-align:middle;}
.contentList li .listInfo h4{ font-size:14px; font-weight:normal; color:#666; padding-bottom:6px; color:#ccc;}
.contentList li .listInfo h4 .tiketDetail{ position:absolute; right:-50px; top:20px; width:40px; height:40px; border-radius:50%; padding:0px; text-align:center; font-size:12px; color:#666; font-style:normal;}
.contentList li .listInfo h4 .tiketDetail i{ display:block; height:40px; width:40px; background:#ea7e7c; text-align:center; color:#fff; border-radius:50%; line-height:40px; font-size:14px;}
.contentList li .listInfo p{ color:#888;}
.contentList li .topicTit{ line-height:26px; font-size:16px;}
.contentList li label{ width:16px; height:16px; border:4px solid #ea7e7c; border-radius:50%; display:inline-block; float:left; margin-right:15px; display:none;}
.contentList.forward li label{ display:inline-block;}
.contentList li label.active{ background:#ea7e7c;}
.contentList li input{ display:none;}

.brandList{ overflow:hidden;}
.brandList li{ width:33%; float:left; overflow:hidden;}
.brandList li .listInfo{ text-align:center;}
.brandList li .listInfo .listImgBox img{ width:70%; border-radius:5px; margin-bottom:3px;}
.brandList li .listInfo .brandName { display:block; height:40px; clear:both;}

.pictureList{}
.pictureList li{ margin-bottom:20px;}
.pictureList li .pictureInfo{ margin:0px; box-shadow:0px 0px 6px #888; border-radius:5px; overflow:hidden;}
.pictureList li .pictureInfo img{ float:left;}
.pictureList li .pictureDesc{ display:block; padding:10px; background:#fff; clear:both; font-size:16px; color:#666; height:25px; overflow:hidden;}
.pictureList li .pictureDesc i{ font-size:20px; float:left; margin-right:10px;}
.pictureList li .pictureDesc i.active{ color:#ea7e7c;}
.pictureList li .pictureDesc span{white-space: nowrap;text-overflow: ellipsis; max-width:60%; display:inline-block; overflow:hidden;}


.chargeList{ overflow:hidden; margin-bottom:20px;}
.chargeList li{ width:33%; float:left;}
.chargeList li .chargeInfo{ border:1px solid #eb9494; border-radius:3px; text-align:center; padding:10px 20px; margin:5px; position:relative; overflow:hidden;}
.chargeList li .chargeInfo > span{ display:block; font-size:20px; color:#eb9494; font-weight:bold;}
.chargeList li .chargeInfo > span i{ font-size:14px; font-weight:normal; font-style:normal;}
.chargeList li .chargeInfo > i{ font-style:normal; color:#888;}
.chargeList li .chargeInfo > i em{ font-weight:normal;}
.chargeList li.active .chargeInfo:after{ content:''; position:absolute; right:-10px; top:-10px; width:20px; height:20px; background:#eb9494;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
.chargeButton{ width:100%; text-align:center; margin:0 auto; padding:10px 0; border:none;}
.payResultBox{ text-align:center; padding:40px 0; font-size:18px; background:#fff;}
.payResultBox.success{background:#ea7e7c; color:#fff; margin-top:10px; border-radius:8px 8px 0 0;}
.orderInfo{ padding:0 20px; font-size:16px; overflow:hidden;}
.orderInfo p label{ width:25%; padding-right:5%; display:inline-block; text-align:right; color:#eb9494;}
.orderInfo p span{ display:inline-block; width:65%;}

.qrBox{ text-align:center; padding:20px; background:#f5f5f5; border-radius:5px; margin:0 auto; box-shadow:2px 2px 5px #888; width:180px;}
.qrText { width:180px; height:130px; text-align:center;line-height:40px; padding-top:50px; background:rgba(245, 245, 245, 0.9); left:20px; top:20px; font-size:20px;}
.qrText i{ color: #ea7e7c; font-style:normal;}
.qrText p{ font-size:12px; margin:0px;}
#qrcode {}

.tiketSn{ text-align:center; padding:10px; font-size:16px;}
.tiketSn span{ color:#ea7e7c; font-weight:bold;}
.timeBox{ text-align:center; height:60px; overflow:hidden;}
.timeBox p{ color:#888; margin:5px 0;}
.timeBox #lastTime{ height:24px; line-height:24px;font-size:18px;display:inline-block; margin-bottom:10px; color:#666;}
.tiketTit{ font-size:16px; font-weight:bold; margin-bottom:10px; text-align:center;}
.titleDesc{ text-align:center; margin:0; padding-bottom:20px; color:#ea7e7c;}
.detailText{ font-size:14px; overflow:hidden; line-height:26px;}
.detailText > p{ width:50%; float:left; margin:0;}
.detailText label{ /*min-width:70px;text-align:right; display:inline-block;*/ margin-right:10px;  font-weight:bold;}
.detailText span{}


/* 底部 */
#footer{ /*width:100%; height:50px; position:fixed; left:0; bottom:0; z-index:99999;padding:5px 0;background:rgba(250, 240, 230, 1);*/}
#footer li{ float:left; width:50%; text-align:center;}
#footer li a{ color:#999; line-height:22px; text-decoration:none;}
#footer li a.active{ color:#eb9494;}
#footer li i{ font-size:26px;}
#footer li span{ display:block;}

@keyframes login-box-bgcolor
{
0% {background:rgba(0,0,0,0.5);}
50% {background:rgba(235,148,148,0.4);}
100% {background:rgba(0,0,0,0.5);}
}
@keyframes login-box-bgcolor1
{
from {background: red}
to {background: green}
}

.notice{text-align: center;padding: 20px 0;line-height: 24px;font-size: 14px;font-weight: bold;color: #888 !important;}
.floadAd{ position: fixed; width:96%; height:96%; left:50%; margin-left:-48%; top:2%; overflow:hidden; z-index:9999999;}
.floadAd i{ position:absolute; width:30px; height:30px; text-align:center; top:10px; right:10px; color:#fff; background:#ea7e7c; border-radius:50%;font-size:14px; line-height:30px;}
.floadAd img{ height:100%;}