@charset "utf-8";
/* CSS Document */
.CollageBox{ margin-top:20px;}
.CollageTopBox{background: url(Collagebg.png) no-repeat center right;background-size: 100% 100%;}
.wWidth1500 .CollageTopBox{margin-right: -30px;padding: 20px 60px 20px 40px;}
.wWidth1200 .CollageTopBox{margin-right: -30px;padding: 20px 40px 20px 20px;}
.wWidth1500 .CollageLeft{ width:33.33%;margin-top: 10px;}
.wWidth1500 .CollageCenter{ width:40%;text-align:center;}
.wWidth1200 .CollageLeft{ width:33.33%;margin-top: 5px;}
.wWidth1200 .CollageCenter{ width:40%; text-align:center;}
.CollageTime{ margin-top:5px;}
.CollageLeft font{ font-size:30px; color:#fff; vertical-align:middle;}
.CollageLeft span{ color:#fff; display:inline-block; border:1px solid #fff; box-sizing:border-box; vertical-align:middle; padding:0 5px;border-radius:2px;  margin-left:5px;}
.wWidth1500 .CollageLeft font{ font-size:32px;}
.wWidth1500 .CollageLeft span{height:30px; line-height:30px;font-size:16px; }

.wWidth1200 .CollageLeft span{height:25px; line-height:25px;font-size:14px; }
.CollageCenter{ color:#fff;}
.wWidth1500 .CollageCenter .CollageTit,.wWidth1500 .CollageTime{ font-size:16px;letter-spacing: 1px;}
.wWidth1200 .CollageCenter .CollageTit,.wWidth1200 .CollageTime{ font-size:14px;}
.OpenRegiment{background:#ffe27d; color:#e91c35;border-radius:3px; border:0; text-align:center;}
.wWidth1500 .CollageTime font{font-size: 32px;margin-right: 5px;}
.wWidth1200 .CollageTime font{font-size: 25px; margin-right:5px;}
.wWidth1500 .OpenRegiment{ height:50px; line-height:50px; width:150px;font-size:18px;margin-top: 7px;}
.wWidth1200 .OpenRegiment{padding:2% 0; width:20%;font-size: 16px; cursor: pointer; }
.CollageTips{color: #bebebe;font-size: 14px;line-height: 25px;margin-top: 20px;}

.CollageUser{ background:#f5f5f5;}
.CollageUlist{ width:70%; margin:auto;}
.CollageUtitle{ height:55px; line-height:55px; color:#888888; font-size:14px;}
.CollageUlist ul{ border-bottom:1px solid #eee; border-right:1px solid #eee;max-height: 186px;overflow: hidden;}
.CollageUlist ul.CollageShow{max-height: none;}
.CollageUlist li{ position:relative;padding:18px;width:100%; float:left; border-left:1px solid #eee; border-top:1px solid #eee; background:#fff; box-sizing:border-box;}
.CollageU img{ width:56px; height:56px; border-radius:56px; vertical-align:middle;}
.CollageU span{ vertical-align:middle; font-size:14px; margin-left:15px;}
.CollageUTips{ height:50px; line-height:50px; color:#666666; text-align:center; letter-spacing:1px; cursor:pointer;}
.CollageUTips font{ color:#e91c35; font-weight:bold; margin:0 2px;}
.CollageURight .CollageUBtn{ position:absolute; right:18px; top:50%; margin-top:-20px; border-radius:3px; color:#fff; background:#e91c35; width:90px; height:40px; line-height:40px; text-align:center; font-size:14px;}
.CollageU{ float:left;}
.CollageURight{ text-align:right; line-height:28px;padding-left: 150px; padding-right:104px;color:#888;}
.CollageURight p{ font-size:14px; color:#666; letter-spacing:1px;}
.CollageURight p font{ color:#e91c35; font-weight:bold; margin:0 2px;}
.CollageURight span em{ margin:0 2px;}

.wWidth1200 .CollageUlist{ width:90%;}
.CollageBox2{padding: 30px 30px 30px 315px;min-height:150px;margin-top: 20px;}
.CollageBox2 .image{top: 30px;width: 255px;height: 150px;left: 30px;position: absolute;overflow: hidden;}
.CollageBox2 .image img{width: 100%; height: 100%;object-fit: cover;}

.CollagecosType{ margin-top:20px; margin-bottom:40px; font-size:14px; color:#666666;}
.CollagecosPrice{ font-size:16px;}
.CollagecosPrice span{ margin-right:20px;}
.CollagecosPrice font{ color:#e91c35;}
.CollagecosPrice a{ text-decoration:underline;}

.Collage2Bottom{ margin:0 20px 20px;border-top:1px solid #eee;padding-bottom: 10px;}
.CollageTimeB{ margin-top:20px; background:#eeeeee; line-height:48px; text-align:center; font-size:20px; color:#888888;}
.CollageTimeB font{ padding:0px 4px;display: inline-block;height: 28px;line-height: 28px;vertical-align: middle;background: linear-gradient(#626262,#292929); ; color:#fff; border-radius:3px; margin:0 5px; position:relative; overflow:hidden;z-index: 10000000;}
.CollageTimeB font:before{ position:absolute; content:''; display:block; width:100%;height: 28px;line-height: 28px; ;left: 0;top: 0;z-index: -1;}
.CollageTimeB font em{ position:relative; z-index:1;}
.c-userImg{ width:100px; height:100px; border-radius:100px; overflow:hidden;border: 5px solid #fff;}
.c-userImg img{ width:100%; min-height:100%; display:block;}
.CollageUTop{margin:60px auto 40px;text-align:center;max-width: 545px;}
.CollageUInfoBox{display: inline-block;}
.Collagepeople{ position:relative;display: inline-block;display: inline-block;margin: 0 30px 0 0;vertical-align: middle;}
.CollageUTop .c-user{ position:relative;z-index: 100;}
.CollageUTop .Collagepeople:last-child,.CollageUTop .Collagepeople:nth-child(4n){ margin-right:0;}
.CollageUTop .Collagepeople:last-child .Collageline,.CollageUTop .Collagepeople:nth-child(4n) .Collageline{ display:none;}
.c-userLabel{position: absolute;right: -20px;background: #f59121;color: #fff;padding: 3px 10px;border-radius: 15px;letter-spacing: 1px;top:10px;}
.c-userName{ margin-top:18px; text-align:center; font-size:14px; color:#888888;height: 16px; line-height:16px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.Collageline{ position:absolute; width:100%;right: -100%;top:50%; margin-top:-20px;}
.CollageUTipsBox{ text-align:center; font-size:20px; margin-bottom:50px;}
.CollageUTipsBox font{color:#e91c35; margin:0 5px;}
.CollageRedTips{ color:#e91c35;}
.CollageGrayTips{ color:#666; line-height:40px;margin-bottom: 20px;}
.CollageUButton{ width:150px; height:50px; line-height:50px; text-align:center; background:#e91c35; border-radius:3px; color:#fff; font-size:18px; display:block; margin:auto;}
.CollageUButton:hover{ color:#fff;}
.CollageUInfo{ margin-bottom:100px;}
.dashedline{width: 100%;height: 1px;background-image: linear-gradient(to right, #e91c35 0%, #e91c35 50%, transparent 50%);background-size: 12px 1px;background-repeat: repeat-x;}
.tips{ text-align:center; color:#b4b7b9; margin-top:20px; letter-spacing:1px;}

.CollageshareBox{ position:fixed; width:700px; height:350px; left:50%; top:50%; margin-top:-175px; margin-left:-350px; background:#fff; border-radius:10px; z-index:10000; display:none;}
.shareTitle{ font-size:18px; position:relative;padding: 15px;}
.closeIcon{ position:absolute; width:40px; height:40px; background:url(closeicon.png) no-repeat center;background-size: 15px;right: 5px;top: 5px;cursor:pointer;}
.shareBoxBg{top:0;left:0; position:fixed; width:100%; height:100%;background: rgba(0, 0, 0, 0.5); z-index:1000; display:none;}
.shareLeft,.shareRight{ width:50%; text-align:center; margin-top:30px; box-sizing:border-box; padding:20px 0;}
.shareRight{ border-left:1px solid #eee;}
.shareLeft h3{ margin-bottom:18px;}
.shareLeft h3,.shareRight h3{ color:#575a5c;}
.shareLeft p{ font-size:14px; letter-spacing:1px; margin-bottom:18px;}
.shareLeft .link{ font-size:14px; margin-bottom:25px; display:block; color:#658dc0;}
.colshareBtn{width: 88px;height: 35px;display: block;margin: auto;background: #e91c35; font-size:14px; letter-spacing:1px;color: #fff;border-radius: 5px;line-height: 35px;text-align: center;}
.shareRight img{ width:134px; height:134px; display:block; margin:0 auto;}
.shareRight h3{ margin-bottom:34px; font-weight:normal;}


/*支付订单*/
.payOrderBox{ width:1000px; height:553px;margin-top: -276.5px;margin-left: -500px;}
.payOrderBox .shareTitle{ border-bottom:1px solid #eee;}
.c-course-list{ padding:20px;border-bottom: 1px solid #eee; margin:0 20px;}
.c-courseImg{width: 160px;height: 120px;overflow: hidden;}
.c-courseImg img{ width:100%; min-height:100%;}
.c-courseBox{ padding-left:180px;}
.c-courseBox h3{ font-size:16px; font-weight:normal;margin-bottom: 20px; letter-spacing:1px;}
.c-label{ font-size:16px;color: #777; letter-spacing:1px;}
.c-label:after{ display:none;}
.c-moneyB{margin-top: 35px;font-size:14px;}
.c-moneyB span{ margin-right:20px; color:#888;}
.c-moneyB font{ font-size:16px; color:#e91c35;}
.c-orderMoney{margin:25px 40px;font-size: 16px;color: #666;}
.c-orderMoney font{ font-size:25px; color:#e91c35;}
.p-w-title{margin: 0 40px;font-size: 16px;color: #666;}
.payWayList ul{ padding:0 45px; margin-top:30px;}
.payWayList ul li{ float:left; width:25%; text-align:center;}
.balancePay{ width:80%; margin:auto; border:1px solid #eee; padding:5px;height:50px;line-height: 50px; overflow:hidden; font-size:22px;margin-bottom: 10px; position:relative;}
.balancePay img{ width:100%;max-height:100%;}
.balanceNum{ font-size:14px; color:#999;}
.otherWay select{ height:35px; border:1px solid #eee; padding:0 15px;}
.payWayList li.curr .balancePay{ border:1px solid #e91c35;}
.payWayList li .otherWay{ border:0 !important;}
.payBtnBox{ text-align:center;margin-top: 30px;}
.payWayList .balancePay i{ position:absolute; right:0; top:0; width:30px; height:30px; background:url(common_icon_select.png) no-repeat top right; display:none;}
.payWayList .curr .balancePay i{ display:block;}
.payBtn{ height:50px; width:150px; color:#fff; background:#e91c35; border-radius:5px; font-size:18px; border:0;letter-spacing: 2px;}