12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- /* 容器 */
- .integral-container{
- padding: 30upx;
- min-height: 100%;
- }
- /* 容器 */
- /* 头部 */
- .integral-header{
- background-color: #3D3D3D;
- height: 254upx;
- border-radius: 10upx;
- box-shadow: 0 12upx 18upx 0 rgba(61, 61, 61, 0.2);
- }
- .integral-decorate{
- height: 68upx;
- bottom: 0;
- left: 0;
- right: 0;
- width: 100%;
- }
- .integral-header-item{
- height: 160upx;
- border-bottom: 1upx solid #FEE7A5;
- padding-left:60upx;
- }
- .integral-header-title{
- font-size: 26upx;
- line-height: 36upx;
- }
- .integral-header-price,.integral-header-title{
- color: #FEE7A5;
- }
- .integral-header-price{
- font-size: 50upx;
- line-height: 60upx;
- margin-top: 15upx;
- }
- .integral-hash{
- width: 130upx;
- height: 46upx;
- background-color: rgba(255,255,255,0.9);
- border-radius: 23upx 0 0 23upx;
- margin-top: 48upx;
- padding: 0 10upx 0 20upx;
- font-size: 24upx;
- color: #3D3D3D;
- line-height: 30upx;
- white-space: nowrap;
- }
- .integral-hash-icon{
- width: 22upx;
- height: 23upx;
- margin-right: 10upx;
- }
- .integral-hash-more{
- font-size: 24upx;
- color: #3D3D3D;
- font-weight: bold;
- }
- .integral-content{
- padding: 0 60upx;
- font-size: 26upx;
- line-height: 34upx;
- color: #fff;
- }
- /* 头部 */
- /* 内容部分 */
- .integral-introduce-title{
- font-size: 28upx;
- line-height: 36upx;
- color: #666;
- font-weight: bold;
- margin-top: 60upx;
- }
- .introduce-introduce-content{
- font-size: 26upx;
- line-height: 42upx;
- color: #999;
- font-weight: 400;
- margin-top: 4upx;
- }
- /* 内容部分 */
- /* 按钮 */
- .integral-button{
- width: 600upx;
- height: 80upx !important;
- background-color: #3D3D3D !important;
- border-radius: 40upx;
- font-size: 30upx;
- line-height: 30upx;
- color: #FEE7A5;
- margin-top: 30upx;
- }
- /* 按钮 */
|