@charset "utf-8";
body {background: #f4f5f7;}
.moonMain {width: 1000px;margin: 0 auto;}
.moonMain .moonNotice {height: 60px;box-shadow: rgba(235,236,240,1) 0 1px 5px;margin: 40px 0;border-radius: 8px;padding: 18px 32px;box-sizing: border-box;background: #fff;}
.moonNotice img {width: 24px;margin-right: 16px;}
.moonNotice span {font-size: 16px;color: #172B4D;display: inline-block;line-height: 22px;vertical-align: top;}
.moonNotice span i {color: #E84224;font-style: normal}
.moonList {font-size: 0;}
.moonList .moonEach {width: 460px;height: 540px;display: inline-block;background: #fff;padding: 0 20px;box-sizing: border-box;margin-top: 20px;box-shadow: rgba(235,236,240,1) 0 1px 5px;border-radius: 12px;margin-bottom: 40px;vertical-align: top;position: relative;}
.moonList .moonEach:nth-child(2n) {margin-left: 80px;}
.moonEach:hover {box-shadow: #DFE1E6 0 4px 20px;}
.moonEach .top-slide {border-radius: 12px;margin-top: -20px;padding-bottom: 35px;position: relative;overflow: hidden}
.moonEach .m-detail {margin-top: 5px;}
.moonEach .m-detail h3 {color: #172B4D;font-size: 24px;line-height: 40px;font-weight: bold;display: inline-block;}
.moonEach .m-detail h3 img {margin-left: 8px;height: 20px;vertical-align: top;margin-top: 10px;}
.moonEach .m-detail .progress {float: right;margin-top: 14px;}
.moonEach .m-detail .progress span {font-size: 14px;color: #97A0AF;display: inline-block;line-height: 12px;}
.moonEach .m-detail .progress .p-bg {width: 100px;display: inline-block;height: 12px;background: #ebeaf0;border-radius: 8px;vertical-align: top;margin-left: 10px;position: relative}
.moonEach .m-detail .progress .p-bar {position: absolute;height: 12px;width: 50%;border-radius: 8px;top: 0;left: 0;
    background: #E84224;
    background: -webkit-linear-gradient(90deg, #FF7B4D, #E84224); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #FF7B4D, #E84224); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #FF7B4D, #E84224); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #FF7B4D, #E84224); /* 标准的语法 */}
.moonEach .m-detail .fr {position: absolute;background: #E84224;background: -webkit-linear-gradient(90deg, #FF7B4D, #E84224);background: -o-linear-gradient(90deg, #FF7B4D, #E84224);background: -moz-linear-gradient(90deg, #FF7B4D, #E84224);background: linear-gradient(90deg, #FF7B4D, #E84224);padding: 0 12px;border-radius: 8px;top: 210px;right: 30px;}
.moonEach .m-detail .fr img {width: 24px;vertical-align: top;margin-top: 8px;margin-right: 4px;}
.moonEach .m-detail .fr span {font-size: 16px;line-height: 40px;color: #fff;}
.moonEach .m-text {margin-top: 12px;margin-bottom: 20px;position: relative;height: 100px;}
.moonEach .m-text span {font-size: 15px;line-height: 24px;color: #97A0AF;display: block;}
.moonEach .m-text a {font-size: 15px;line-height: 28px;color: #42526E;text-decoration: underline;}
.moonEach .m-text .m-textMore {position: absolute;background: #fff;box-shadow: rgba(23,43,77,0.2) 0 4px 20px;padding: 30px;border-radius: 8px;width: 500px;height: 370px;box-sizing: border-box;top: -330px;left: -41px;display: none;z-index: 3;}
.moonEach:last-child .m-textMore {top: -350px}
.moonEach .m-text .m-textMore p {margin-bottom: 5px;}
.moonEach .m-text .m-textMore span {line-height: 24px;color: #42526E;display: inline-block;width: calc(100% - 85px);vertical-align: top;}
.moonEach .m-text .m-textMore span:first-child {width: 80px;text-align: right;font-weight: bold;padding-right: 5px;}
.moonEach .m-count {margin-top: 32px;}
.moonEach .m-count .left {display: inline-block;}
.moonEach .m-count .num-count {float: right;font-size: 0;}
.moonEach .m-count .left i {font-size: 24px;line-height: 40px;color: #172B4D;font-style: normal;}
.moonEach .m-count .left del {font-size: 16px;line-height: 36px;color: #97A0AF;margin-left: 12px;}
.num-count span {display: inline-block;width: 32px;height: 32px;border-radius: 16px;border: 1px solid #DFE1E6;text-align: center;box-sizing: border-box;font-size: 20px;cursor: pointer;}
.num-count span i {margin: 5px;font-size: 18px;width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;vertical-align: top;color: #42526E;}
.num-count .m-add {border-color: #E84224;}
.num-count .m-add:hover {border-color: #E84224;background: #E84224;}
.num-count .m-add i {color: #E84224;}
.num-count .m-add:hover i {color: #fff;}
.num-count input {height: 40px;border: 1px solid #DFE1E6;width: 44px;border-radius: 20px;font-size: 16px;color: #172B4D;text-align: center;padding: 0 5px;margin: 0 8px;}

.countAll {height: 40px;background: #fff;box-shadow: #EBECF0 0 0 5px;padding: 30px 0;position: fixed;bottom: 0;width: 100%;z-index: 2;}
.countAll .container {width: 1000px;margin: 0 auto}
.countAll p {line-height: 40px;color: #172B4D;font-size: 16px;display: inline-block;}
.countAll p span {font-size: 24px;font-weight: bold;line-height: 40px;vertical-align: top;color: red;}
.m-submit {float: right;height: 48px;width: 160px;text-align: center;line-height: 48px;color: #fff;border-radius: 24px;font-size: 18px;
    background: #E84224;
    background: -webkit-linear-gradient(90deg, #FF7B4D, #E84224); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #FF7B4D, #E84224); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #FF7B4D, #E84224); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #FF7B4D, #E84224); /* 标准的语法 */
}
.m-submit:hover {color: #fff;}

.m-fixed {position: fixed;right: 0;bottom: 30%;width: 72px;height: 120px;background: #fff;box-sizing: border-box;padding: 16px 16px;border-radius: 8px 0 0 8px;box-shadow: #EBECF0 0 2px 8px;cursor: pointer;}
.m-fixed img {width: 100%;vertical-align: top;}
.m-fixed span {font-size: 14px;display: inline-block;line-height: 18px;color: #172B4D;text-align: center;margin-top: 10px;}

/* slide */
.bx-wrapper{position:relative;padding:0;*zoom:1}
.bx-wrapper .bx-viewport {border-radius: 12px;}
.bx-wrapper img{width:100%;border-radius: 12px;vertical-align: top;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom: -20px;width:100%;}
.bx-wrapper .bx-pager{text-align:center;padding-top:16px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#DFE1E6;text-indent:-9999px;display:block;width: 12px;height: 6px;margin:0 4px;outline:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #E84224;width: 24px;}

.moonMain .title {font-size: 24px;color: #172B4D;margin: 50px 0 20px 0;}
.mTable {width: 100%;background: #fff;}
.mTable td, .mTable th {border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 15px;color: #172B4D;}
.mTable th:last-child ,.mTable td:last-child {text-align: right;}
.mTable td:last-child {font-size: 14px;}
.mTable td:last-child span {font-size: 17px;}
.mTable th {line-height: 50px;border-top: 1px solid #e5e5e5;color: #999;font-weight: normal}
.mTable img {width: 150px;border-radius: 12px;margin: 20px 0}

.u-checkbox-red {color: #999;}
.u-checkbox-red img {width: 16px;vertical-align: top;margin-top: 8px;margin-right: 5px;}
.m-address {border: 1px solid #ed4d2d;padding: 15px 30px;margin: 30px 0}
.m-address h3 {font-size: 16px;color: #172B4D;margin-bottom: 10px;}
.m-address p {font-size: 14px;color: #999;display: inline-block;}
.m-address a {float: right;color: #ed4d2d;}
.m-frDetail {text-align: right;border-bottom: 1px solid #e5e5e5;}
.m-frDetail span {font-size: 15px;margin-bottom: 20px;color: #172B4D;}
.m-frDetail p span:last-child {width: 150px;display: inline-block;}
.m-frDetail p .m-all {font-size: 24px;color: #ed4d2d;font-weight: bold}