@charset "utf-8"; /* CSS Document */ /* 首页导航 */ #nav-fixed{margin:0px auto 10px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-bottom:#DDDDDD 1px solid;padding-top:15px;} #nav-fixed .nav-item{float:left;width:20%;text-align:center;color:#000000;font-size:14px;margin-bottom:15px;} #nav-fixed .nav-item .icon-nav{width:60px;height:60px;display:block;margin:5px auto;background:url(../images/nav-bar.png) no-repeat;background-size:300px;} #nav-fixed .nav-item .nav1{background-position:0 0;} #nav-fixed .nav-item .nav2{background-position:-60px 0;} #nav-fixed .nav-item .nav3{background-position:-120px 0;} #nav-fixed .nav-item .nav4{background-position:-180px 0;} #nav-fixed .nav-item .nav5{background-position:-240px 0;} /* 首页列表 */ #listcard{margin:0px auto 20px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-top:#DDDDDD 1px solid;border-bottom:#DDDDDD 1px solid;} #listcard h1{margin:0px auto;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;padding:10px;border-bottom:#ededed 1px solid;margin-bottom:10px;} #listcard h1 a{float:right;font-size:14px;font-weight:normal;font-family:"宋体";color:#333333;} #listcard ul{margin:0px auto;padding-left:10px;} #listcard ul li{float:left;width:50%;height:100%;overflow:hidden;margin-bottom:10px;line-height:22px;} #listcard ul li a{color:#000000;} #listcard ul li div{padding-right:10px;text-align:center;} #listcard ul li div em{float:left;width:100%;height:100%;overflow:hidden;} #listcard ul li img{float:left;width:100%;height:150px;overflow:hidden;margin-bottom:5px;} #listcard ul li span{float:left;width:100%;height:45px;overflow:hidden;} #listcard dd{margin:0px auto;height:100%;overflow:hidden;padding:15px 0px 0px 10px;} #listcard dd dl{float:left;width:20%;height:100%;overflow:hidden;margin-bottom:15px;line-height:22px;text-align:center;} #listcard dd dl a{color:#000000;} #listcard dd dl div{padding-right:10px;} #listcard dd dl img{float:left;width:100%;height:100%;overflow:hidden;} #listcard hr{margin:0px 10px;border-top:#CCCCCC 0px solid;} /* 活跃剧团 */ #troupes{margin:0px auto 20px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-top:#DDDDDD 1px solid;border-bottom:#DDDDDD 1px solid;} #troupes h1{margin:0px auto;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;padding:10px;border-bottom:#ededed 1px solid;} #troupes h1 a{float:right;font-size:14px;font-weight:normal;font-family:"宋体";color:#333333;} #troupes ul{margin:0px auto;padding-left:10px;} #troupes ul li{float:left;width:50%;height:100%;overflow:hidden;margin-bottom:20px;line-height:22px;} #troupes ul li a{color:#000000;} #troupes ul li div{padding-right:10px;text-align:center;} #troupes ul li div em{float:left;width:100%;height:100%;overflow:hidden;text-align:center;} #troupes ul li img{width:80px;height:80px;overflow:hidden;margin-bottom:5px;border-radius:80px;} #troupes ul li span{float:left;width:100%;height:45px;overflow:hidden;} #troupewrap{margin:0px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-top:#DDDDDD 1px solid;} #troupewrap h1{margin:0px auto;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;padding:10px;border-bottom:#DDDDDD 1px solid;} #troupewrap h1 a{float:right;font-size:14px;font-weight:normal;font-family:"宋体";color:#333333;} #troupewrap .troupeitem{margin:0px auto;width:100%;height:100%;overflow:hidden;padding:10px 0px;position:relative;border-bottom:#DDDDDD 1px solid;} #troupewrap .troupeitem .troupelogo{float:left;width:80px;height:100%;overflow:hidden;position:absolute;left:0;} #troupewrap .troupeitem .troupelogo img{float:left;width:90px;height:80px;overflow:hidden;} #troupewrap .troupeitem .troupebox{float:right;padding-left:90px;} #troupewrap .troupeitem .troupebox .troupetitle{float:left;width:100%;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;font-weight:bold;padding-bottom:10px;} #troupewrap .troupeitem .troupebox .troupemark{float:left;width:100%;height:100%;overflow:hidden;} #troupewrap .troupeitem .troupebox .troupemark span{float:left;padding:0px 5px;background:#FF9900;border-radius:5px;color:#FFFFFF;margin-right:5px;} #troupewrap .troupeitem .troupebox .troupemark .wxeq{float:left;padding:0px 5px;background:#05AF10;border-radius:5px;color:#FFFFFF;} #troupewrap .troupeitem .troupebox .troupemark .wxeq em{float:left;width:20px;height:20px;overflow:hidden;background:url(../images/weixinlogo.jpg) no-repeat 0px 0px;background-size:20px;} #troupewrap .troupeitem .troupebox .troupeeq{float:left;width:100%;height:80px;overflow:hidden;display:none;padding-top:10px;} #troupewrap .troupeitem .troupebox .troupeeq img{float:left;width:80px;height:80px;overflow:hidden;} #troupewrap .troupeitem .troupebox .troupedesp{float:left;width:100%;height:100%;overflow:hidden;padding-bottom:10px;} #troupewrap .troupeitem .troupebox .troupepingfen{float:left;width:100%;height:100%;overflow:hidden;color:#666666;font-size:12px;padding-top:10px;position:relative;} #troupewrap .troupeitem .troupebox .troupepingfen font{color:#009900;margin-left:3px;} #troupewrap .troupeitem .troupebox .troupepingfen .dingxi{position:absolute;right:10px;} #itembox{margin:0px auto 10px auto;height:100%;overflow:hidden;background:#FFFFFF;border-bottom:#ededed 1px solid;padding:15px 10px;} #itembox .bigtitle{margin:0px auto;width:100%;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:18px;line-height:25px;} #itembox .retime{margin:10px auto 0px auto;width:100%;height:100%;overflow:hidden;color:#666666;} #shangjia{margin:0px auto;height:100%;overflow:hidden;background:#FFFFFF;border-top:#ededed 1px solid;border-bottom:#ededed 1px solid;line-height:25px;padding:15px;} #shangjia img{float:left;width:80px;height:80px;overflow:hidden;margin-right:15px;border-radius:80px;} #shangjia h1{left:100px;height:100%;overflow:hidden;font-size:16px;font-family:"微软雅黑";font-weight:normal;padding:8px 0px;} #shangjia h2{left:100px;height:100%;overflow:hidden;font-size:12px;font-family:"微软雅黑";font-weight:normal;} #shangjia h2 span{float:left;padding:0px 5px;background:#FF9900;border-radius:5px;color:#FFFFFF;margin-right:10px;} #shangjia h2 p{float:left;hidden;color:#666666;font-size:12px;} #shangjia h2 p font{color:#009900;margin-left:3px;} #itemmain{margin:10px auto 0px auto;height:100%;overflow:hidden;background:#FFFFFF;border-top:#ededed 1px solid;border-bottom:#ededed 1px solid;} #itemmain .itemtitle{margin:0px auto;height:40px;overflow:hidden;line-height:40px;text-align:center;border-bottom:#ededed 1px solid;} #itemmain .itemcontent{float:left;padding:15px;line-height:24px;} #itemmain .itemcontent img{float:left;width:100%;overflow:hidden;} #itemmain .itemtab{float:left;width:100%;height:100%;overflow:hidden;border-bottom:#ededed 1px solid;} #itemmain .itemtab .itemleft{float:left;height:100%;overflow:hidden;padding:10px 15px 10px 10px;} #itemmain .itemtab .itemleft img{float:left;width:50px;height:50px;overflow:hidden;border-radius:50px;} #itemmain .itemtab .itemright{padding-left:75px;padding-top:10px;position:relative;} #itemmain .itemtab .itemright .itemname{color:#0099FF;} #itemmain .itemtab .itemright .itemname em{color:#333333;margin-right:5px;} #itemmain .itemtab .itemright .itemname i{color:#FF0000;margin:0px 5px;} #itemmain .itemtab .itemright .itemname1{} #itemmain .itemtab .itemright .itemname1 em{color:#333333;margin-right:5px;} #itemmain .itemtab .itemright .itemname1 i{color:#FF0000;margin:0px 5px;} #itemmain .itemtab .itemright .itemname2{color:#999999;} #itemmain .itemtab .itemright .itemname2 em{color:#000000;margin-right:5px;} #itemmain .itemtab .itemright .itemname2 i{color:#009900;margin-left:5px;} #itemmain .itemtab .itemright .itemtime{float:left;width:100%;height:100%;overflow:hidden;color:#999999;margin:10px 0px;font-size:12px;} #itemmain .itemtab .itemright .icon-chat{top:36px;right:12px;width:17px;height:16px;background:url(../images/msg.png) top left no-repeat;background-size:17px 16px;position:absolute;} #itemmain .itemtab .itemright .icon-triangle{float:left;height:100%;overflow:hidden;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #F5F6F7;margin-left:15px;} #itemmain .itemtab .itemright .itemmsg{float:left;height:100%;overflow:hidden;background:#F5F6F7;padding:10px 10px 0px 10px;margin-right:10px;margin-bottom:10px;line-height:20px;} .itemright .itemmsg .itemmsgls{padding-bottom:10px;} #itemmain .itemtab .itemright .itemmsg .itemmsgls font{color:#0099FF;} #itemmain .itemtab .itemright .itemstar{float:left;width:100%;height:100%;overflow:hidden;color:#FF9900;margin:5px 0px;} #itemmain .itemtab .itemright .itemtext{float:left;height:100%;overflow:hidden;padding-right:10px;line-height:1.5em;} #itemmain .itemtab .itemright .itemtext1{color:#999999;padding:10px 10px 10px 0px;line-height:1.5em;} #itemmain .itemtab .itemright .itemtext1 font{color:#009900;margin:0px 5px;} #itemmain .itemtab .itemright .itempics{float:left;width:100%;height:100%;overflow:hidden;} #itemmain .itemtab .itemright .itempics ul{float:left;width:100%;height:100%;overflow:hidden;} #itemmain .itemtab .itemright .itempics ul li{float:left;width:33.3%;height:100%;overflow:hidden;} #itemmain .itemtab .itemright .itempics ul li div{padding-right:10px;} #itemmain .itemtab .itemright .itempics ul li img{float:left;width:100%;height:100%;overflow:hidden;margin-bottom:10px;} #itemmain .itemtab .itemright .itemtips{float:left;width:100%;height:100%;overflow:hidden;color:#666666;margin-bottom:10px;} #itemmain .itemtab .itemright .itemtips font{color:#009900;margin-left:10px;} #itemmain .itemlist{float:left;width:100%;height:100%;overflow:hidden;} #itemmain .itemlist ul{float:left;width:100%;height:100%;overflow:hidden;} #itemmain .itemlist ul li{float:left;width:100%;height:100%;overflow:hidden;border-bottom:#ededed 1px solid;padding:10px 0px;} #itemmain .itemlist ul li img{float:left;width:60px;height:60px;overflow:hidden;padding-left:15px;} #itemmain .itemlist ul li h1{float:left;height:60px;overflow:hidden;padding-left:8px;} #itemmain .itemschedule{float:left;width:100%;height:100%;overflow:hidden;} #listhot{margin:10px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-top:#DDDDDD 1px solid;border-bottom:#DDDDDD 1px solid;} #listhot .listhot-item{margin:0px auto;width:100%;height:100%;overflow:hidden;} #listhot .listhot-item .listhot-img{margin:0px auto;width:100%;height:200px;overflow:hidden;} #listhot .listhot-item .listhot-img img{float:left;width:100%;height:100%;overflow:hidden;} #listhot .listhot-item .listhot-title{margin:5px auto 15px auto;height:100%;overflow:hidden;padding:0px 10px;line-height:20px;text-align:center;} #titlecard{margin:10px auto;width:100%;height:100%;overflow:hidden;background:#FFFFFF;border-top:#DDDDDD 1px solid;} #titlecard h1{margin:0px auto;height:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;padding:10px 10px 10px 10px;border-bottom:#DDDDDD 1px solid;} #titlecard h1 a{float:right;font-size:14px;font-weight:normal;font-family:"宋体";color:#333333;} #titlecard ul{margin:0px auto;} #titlecard ul li{float:left;width:100%;height:100%;overflow:hidden;padding:10px 0px;line-height:22px;border-bottom:#e5e5e5 1px solid;} #titlecard ul li p{padding:0px 15px;} #titlecard ul li a{color:#000000;} /* 分享 */ #mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;z-index:20000;} #mcover img{position:fixed;right:18px;top:5px;width: 260px!important;height:180px!important;z-index:20001;} /*商品页！！！*/ /*商品页主体部分*/ #goods-container-wrapper{position: absolute;bottom: 50px;top: 50px;right:0;bottom:50px;width: 100%;overflow: scroll;} #goods-container{position: absolute;width: 100%;} /*商品页轮播！！！*/ #goods-container-wrapper .banner{width: 100%;height: 150px;margin-top: 2%;} /*商品页评论*/ #itemComment{width: 100%;overflow: hidden;} #itemComment .comment-text{padding: 50px 0px;text-align: center;color: #990000;font-size: 12px;} /*商品页订购弹出框*/ .buy-modal .modal-body>div{margin-bottom: 20px;} .buy-modal .modal-body h4{margin: 10px 0;} .buy-modal .modal-body span{width: 90px;height: 30px;line-height: 30px;text-align: center; display: inline-block;border: 1px #ccc solid;} /*分享弹出框！！！*/ .share-modal .modal-content h4{font-size: 18px;height: 60px;line-height: 60px;text-align: center;} .share-modal .share-way{margin-bottom: 20px;} .share-way-box{width: 32%;display: inline-block;overflow: hidden;} .share-way-box li{text-align: center;} /* 院团页！！！ */ /*院团主体部分！！！*/ #offCanvasContentScroll .troupe-box{padding: 15px 15px;} /*院团底部！！！*/ #tropue-serch{background: #FFFFFF;box-shadow: 0px -4px 5px #ccc;} #tropue-serch .search{position: absolute;top: 10%;left: 18%;width: 60%;} #tropue-serch .filter{width: 15%;text-align: center;display: inline-block;} #tropue-serch .filter ul{margin-top: 7%;font-size: 16px;} #tropue-serch .search-btn{position: absolute;top: 17%;right: 2%;} /*院团侧边栏*/ #offCanvasSide{background-color: #fff;} #offCanvasSide .area{color: #000;text-align: center;margin: 5% 0;} #offCanvasSide .area dt{font-size: 18px;margin: 3% 0;} #offCanvasSide .area dd{float: left;width: 23%;margin: 3% 5%;background-color: #f0f2f5;border: 1px #fff solid;} #offCanvasSide .confirm-btn{width: 100%;margin-top: 10%;text-align: center;} #offCanvasSide .confirm-btn button{width: 30%;margin: 0 5%;} /*全部列表页*/ #wholeList-container-wrapper{position: absolute;bottom: 0;top: 50px;right:0;width: 100%;overflow: scroll;} #wholeList-container{position: absolute;width: 100%;} /*动态列表*/ #newsList-container-wrapper{position: absolute;bottom: 0;top: 50px;right:0;width: 100%;overflow: scroll;} #newsList-container{position: absolute;width: 100%;} #newsList-container .mui-card-header img{font-size: 0;line-height: 0;float: left;width: 34px;height: 34px;} #newsList-container .mui-card-content a{width: 100%;} #newsList-container .mui-card-content img{float:left;width:100%;overflow:hidden;} #newsList-container .mui-card-footer a{width: 100%;} /*排期页*/ #scheduleList-container{position: absolute;bottom: 0;top: 50px;right:0;width: 100%;overflow: scroll;} #scheduleList-container .explain{position: fixed;top: 50px;width: 100%;height: 35px;line-height: 35px;} #scheduleList-container .explain p{text-align: center;} #scheduleList-container .week{position: fixed;top: 85px;background: #ccc;width: 100%;margin: 0 auto;} #scheduleList-container .week ul{width: 95%;margin: 0 auto;} #scheduleList-container .week li{float: left;width: 14.28%;text-align: center;height: 30px;line-height: 30px;} #scheduleList-container .chooseDate-wrapper{position: absolute;top: 65px;bottom: 0;left: 0;overflow: scroll;width: 100%;} #scheduleList-container .chooseDate-wrapper .chooseDate{position: absolute;width: 100%;} .choosenDate-box{width: 100%;border-bottom: 1px solid #ccc;overflow: hidden;margin: 5% 0;} .choosenDate-box .YearAndMonth{text-align: center;height: 25px;line-height: 25px;} .choosenDate-box .dayList{width: 95%;margin: 0 auto;} .choosenDate-box .dayList li{float: left;width: 14.28%;text-align: center;height: 50px;line-height: 50px;border-radius: 50%;} .choosenDate-box .dayList .hasChosen{background-color: #FF0000;} .choosenDate-box .dayList .checked{background-color: rgb(255,165,0);} .choosenDate-box .dayList span{float: left;width: 14.28%;text-align: center;height: 50px;line-height: 50px;border-radius: 50%;} /*排期页弹出框*/ .mui-popup .mui-popup-title{font-size: 16px;} .mui-popup .mui-popup-text{margin: 15px 0 0 0;color: #FF0000;} /* 设置 */ .order-setting{margin-top:10px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background:#FFFFFF;} .order-setting ul{padding-bottom:10px;} .order-setting ul li{width:100%;overflow:hidden;padding-top:10px;line-height:30px;} .order-setting ul li label{float:left;padding-left:15px;} .order-setting ul li .monthbox{float:left;overflow:hidden;padding-left:15px;padding-right:15px;} .order-setting ul li .monthbox dl{float:left;width:25%;text-align:center;} .order-setting ul li .monthbox dl a{margin:0;padding:0;border:0;} .order-setting ul li .monthbox dl em{float:left;width:100%;border:#e5e5e5 1px solid;padding:10px 0px;} .order-setting ul li input{float:left;width:80px;height:30px;overflow:hidden;border:1px solid rgba(0,0,0,.1);margin:0px 5px;text-align:center;} .order-setting ul li a{padding-left:20px;color:#FF0000;} /*下单*/ .order-box{margin-top:10px;border-top:1px solid rgba(0,0,0,.1);background:#FFFFFF;} .order-box .form-date{margin:0px auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0px 15px 0px;} .order-box .form-date h1{margin:0 auto;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;font-weight:bold;} .order-box .form-date ul{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;} .order-box .form-date ul li{float:left;height:40px;width:14.2857143%;overflow:hidden;line-height:40px;text-align:center;} .order-box .form-date span{float:left;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;color:#FF0000;} .order-box .form-datetime{margin:0px auto;width:100%;height:100%;overflow:hidden;padding-top:10px;} .order-box .form-datetime h1{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;font-weight:bold;position: relative;} .order-box .form-datetime p{float:left;width:100%;height:100%;overflow:hidden;text-align:center;color:#FF0000;padding-top:10px;} .order-box .form-datetime ul{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;background:url(../images/border.jpg) repeat-x bottom center;} .order-box .form-datetime ul li{float:left;width:14.2857143%;overflow:hidden;text-align:center;background:url(../images/border.jpg) repeat-x bottom center;} #title li{height: 50px;} /*超过的日期白色遮罩层*/ .getWhiteMask{background-color: rgba(255,255,255,0.1) !important;z-index: 9999;position: absolute;top: 0;bottom:1px;left: 0;right: 0;} .order-box .form-datetime ul li span{height: 100%;width: 100%;display: inline-block} .order-box .form-datetime ul li a{height: 100%;width: 100%;display: inline-block} .order-box .form-datetime ul li em{float:left;width:100%;overflow:hidden;font-size:16px;} .order-box .form-datetime ul li i{float:left;width:100%;overflow:hidden;color:#FF9900;padding-bottom:5px;font-size:12px;} .order-box .form-datetime ul li b{float:left;width:100%;overflow:hidden;color:gray;padding:10px 0 5px 0;font-size:12px;font-weight: normal;} .order-box .orderinfo{margin:0 auto;width:100%;height:100%;overflow:hidden;} .order-box .orderinfo .order-info{margin:0 auto;width:100%;height:40px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);background:#FFFFFF;position:relative;line-height:40px;} .order-box .orderinfo .order-info label{left:0;width:80px;line-height:1.1333;font-weight:400;color:#222;padding-left:15px;} .order-box .orderinfo .order-info input{left:80px;position:absolute;width:75%;border:0;outline:0;color:#222;font-size:14px;} .order-box .orderinfo .order-info .code-box{width:118px;height:28px;overflow:hidden;line-height:28px;position:absolute;top:6px;right:0;z-index:1;background:#009900;border-radius:5px;margin-right:10px;} .order-box .orderinfo .order-info .code-box .btn{text-indent:0px;font-size:14px;outline:medium;background:none;border:0;color:#FF0000;width:108px;left:0px;color:#FFFFFF;text-align:center;padding-left: 10px;} .order-box .orderinfo .order-info .code{position:absolute;top:-5px;right:0px;z-index:1;} .order-box .orderinfo .order-info .code img{float:right;width:100%;height:50px;overflow:hidden;} /*日历*/ #calendar {width: 100%;margin: 20px auto;} #calendar::after {content: "";display: block;clear: both;} #month_year {width: 100%;height: 50px;line-height: 50px;text-align: center;} #month_year select{margin: 0 5px;} #datesUl li{height:80px;position:relative;} #datesUl>li:empty {opacity: 0;} .order-box .payway{margin:0 auto;width:100%;height:100%;overflow:hidden;} .order-box .payway h1{float:left;width:100%;height:40px;overflow:hidden;line-height:40px;text-indent:1em;border-bottom:1px solid rgba(0,0,0,.1);} .order-box .payway ul{float:left;width:100%;overflow:hidden;} .order-box .payway ul li{float:left;width:100%;height:40px;overflow:hidden;position:relative;line-height:40px;border-bottom:1px solid rgba(0,0,0,.1);} .order-box .payway ul li input{float:left;width:22px;height:22px;overflow:hidden;position:absolute;left:10px;top:10px;} .order-box .payway ul li img{width:28px;height:28px;position:absolute;left:42px;top:5px;} .order-box .payway ul li label{position:absolute;left:80px;} .order-box .payway{margin:0 auto;width:100%;height:100%;overflow:hidden;} .order-box .payway h1{float:left;width:100%;height:40px;overflow:hidden;line-height:40px;text-indent:1em;border-bottom:1px solid rgba(0,0,0,.1);} .order-box .payway ul{float:left;width:100%;overflow:hidden;} .order-box .payway ul li{float:left;width:100%;height:40px;overflow:hidden;position:relative;line-height:40px;border-bottom:1px solid rgba(0,0,0,.1);} .order-box .payway ul li input{float:left;width:22px;height:22px;overflow:hidden;position:absolute;left:10px;top:10px;} .order-box .payway ul li img{width:28px;height:28px;position:absolute;left:42px;top:5px;} .order-box .payway ul li label{position:absolute;left:80px;} /* 按钮 */ .form-button{padding:10px 0px;text-align:center;margin-top:20px;} .form-button input{width:95%;height:40px;line-height:40px;font-size:16px;background:#3999FD;border:0;border-radius:5px;color:#FFFFFF;font-family:"微软雅黑";} .form-readme{margin:0px auto 50px auto;width:100%;height:100%;overflow:hidden;padding:10px 0px;text-align:center;} .form-readme p{font-size:12px;color:#999999;padding:0px 10px;line-height:18px;padding-bottom:20px;} /* 弹框样式3 */ .cd-popup3{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999; } .cd-popup3.is-visible3 { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container3 { position: relative; width:90%; margin:80px auto 0px auto; height:280px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-close{position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;color:#000000;text-decoration:none;} .is-visible3 .cd-popup-container3 { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .cd-popup-container3 h1{font-size:16px;padding-top:15px;} .cd-popup-container3 .cd-form{margin:0 auto;padding:0px 20px;} .cd-popup-container3 .cd-form span{float:left;width:100%;height:100%;overflow:hidden;color:#999999;margin-bottom:10px;text-align:left;padding-top:10px;} .cd-popup-container3 .cd-form ul{float:left;width:100%;height:100%;overflow:hidden;color:#999999;} .cd-popup-container3 .cd-form ul li{float:left;width:100%;height:42px;overflow:hidden;margin-bottom:10px;} .cd-popup-container3 .cd-form ul li input{float:left;width:99%;height:40px;overflow:hidden;border:#EEEEEE 1px solid;line-height:40px;text-indent:0.5em;font-size:16px;} .cd-popup-container3 .cd-form .button{padding-bottom:20px;} .cd-popup-container3 .cd-form .button input{float:left;width:100%;height:40px;overflow:hidden;background:#FF6600;line-height:40px;border-radius:10px;color:#FFFFFF;font-size:16px;border:0;margin:10px 0px 10px 0px;padding:0;} /*院团演出排期页面*/ /*日历*/ .schedule-box .form-date{margin:0px auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0px 15px 0px;} .schedule-box .form-date h1{margin:0 auto;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;font-weight:bold;} .schedule-box .form-date ul{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;} .schedule-box .form-date ul li{float:left;height:40px;width:14.2857143%;overflow:hidden;line-height:40px;text-align:center;} .schedule-box .form-date span{float:left;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;color:#FF0000;} .schedule-box .form-datetime{margin:0px auto;width:100%;height:100%;overflow:hidden;padding-top:10px;} .schedule-box .form-datetime h1{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;font-weight:bold;position: relative;} .schedule-box .form-datetime p{float:left;width:100%;height:100%;overflow:hidden;text-align:center;color:#FF0000;padding-top:10px;} .schedule-box .form-datetime ul{margin:0 auto;width:100%;height:100%;overflow:hidden;text-align:center;background:url(../images/border.jpg) repeat-x bottom center;} .schedule-box .form-datetime ul li{float:left;width:14.2857143%;overflow:hidden;text-align:center;background:url(../images/border.jpg) repeat-x bottom center;} #title li{height: 50px;} /*超过的日期白色遮罩层*/ .getWhiteMask{background-color: rgba(255,255,255,0.5) !important;z-index: 9999;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;} .schedule-box .form-datetime ul li span{height: 100%;width: 100%;display: inline-block} .schedule-box .form-datetime ul li a{height: 100%;width: 100%;display: inline-block} .schedule-box .form-datetime ul li b{float:left;width:100%;overflow:hidden;color:gray;padding:10px 0 5px 0;font-size:12px;font-weight: normal;} .schedule-box .form-datetime ul li em{float:left;width:100%;overflow:hidden;font-size:16px;} .schedule-box .form-datetime ul li i{float:left;width:100%;overflow:hidden;color:#FF9900;padding:5px 0;font-size:12px;} .schedule-box .orderinfo{margin:0 auto;width:100%;height:100%;overflow:hidden;} .schedule-box .orderinfo .order-info{margin:0 auto;width:100%;height:40px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);background:#FFFFFF;position:relative;line-height:40px;} .schedule-box .orderinfo .order-info label{left:0;width:80px;line-height:1.1333;font-weight:400;color:#222;padding-left:15px;} .schedule-box .orderinfo .order-info input{left:80px;position:absolute;width:75%;border:0;outline:0;color:#222;font-size:14px;} .schedule-box .orderinfo .order-info .code-box{width:118px;height:28px;overflow:hidden;line-height:28px;position:absolute;top:6px;right:0;z-index:1;background:#009900;border-radius:5px;margin-right:10px;} .schedule-box .orderinfo .order-info .code-box .btn{text-indent:0px;font-size:14px;outline:medium;background:none;border:0;color:#FF0000;width:108px;left:0px;color:#FFFFFF;text-align:center;padding-left: 10px;} .schedule-box .orderinfo .order-info .code{position:absolute;top:-5px;right:0px;z-index:1;} .schedule-box .orderinfo .order-info .code img{float:right;width:100%;height:50px;overflow:hidden;} .schedule-box #calendar {width: 100%;margin: 20px auto 0px auto;} .schedule-box #calendar::after {content: "";display: block;clear: both;} .schedule-box #month_year {width: 100%;height: 50px;line-height: 50px;text-align: center;} .schedule-box #month_year select{margin: 0 5px;} .schedule-box #datesUl li{height:80px;} .schedule-box #datesUl>li:empty {opacity: 0;}