/* pages/index/transaction/transaction.wxss */ @import '../../iconfont.ttss'; @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1534051835210'); /* IE9*/ src: url('iconfont.eot?t=1534051835210#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWAAAsAAAAACIwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7knxY21hcAAAAYAAAABdAAABhqFUBr5nbHlmAAAB4AAAAa4AAAJ0BhJPQWhlYWQAAAOQAAAALwAAADYSSxHLaGhlYQAAA8AAAAAcAAAAJAfeA4RobXR4AAAD3AAAAAwAAAAMC+kAAGxvY2EAAAPoAAAACAAAAAgAdgE6bWF4cAAAA/AAAAAfAAAAIAEWAJhuYW1lAAAEEAAAAUUAAAJtPlT+fXBvc3QAAAVYAAAAJQAAADbl5lfgeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLxgZ27438AQw9zA0AAUZgTJAQAkCQx1eJzFkMENgDAMAy9taSXEIDwYiBdzdORuUUwoDyaoJceKYylRgAWI4iEmsAvjwSnX3I+s7ifPZKkRqK30rv5TRTTLrkElMw02b/Ufm9d9dPoKdVAntvKScANkHwuzAAAAeJxtUE2L01AUvefFpB/TpualadqkH3lN2yijAfs1C5lOBDcVF4IrceXKlbNxMRvBuBAEZfAniAj+iVnMT1H0bzTjzbRoCj4e95x737n3ch7pRFc/tQutTTbdonv0kJ4QwTjE0BQ9qGgei0M4SnfcpqlFYaRK4TDWjuEOjWZrupxPXKNkNGCij5maLqNYRFjMV+I+pq0e0PG9p3LcldpnVNtR/332SHyFMwi7jdXdbH3npDkN7PJZTcqOlJ/Khq6XhbjRMPHKbVX0StXIvukNz7kY3BYD1DqR9/hZPfDliw/z097YrQBpCtsPzO8nlmfxfeO1bNkp3ayX2149HDVx9vugbdd6k1/Ep8JeL7VLjeiAXDqiB/ScXtJreksf2fMsd8O+2Zdb4AgX88nQ4L/YYWiiZPXhqhWOrBg2pypGZKmFWnBp5uT/cgy1wxlLi7PHBa4KXC/u/JGYUpr7Aaep7Mor4pAu18B6KbZYxcjfpP4IGm2IeS7DtYxrmy//Bpz/pdn5/6rXTXnfFkQS5C/BNvK+jHZ7GTfveDgvQ5okzPaUIz9L9ibtJfQHm05cZgAAeJxjYGRgYADi9FdzVeL5bb4ycLMwgMD1qc9+I+j/B1gYmCWAXA4GJpAoAF4EDEUAeJxjYGRgYG7438AQw8IAAkCSkQEVMAMARwkCbAQAAAAD6QAABAAAAAAAAAAAdgE6eJxjYGRgYGBm6GHgZAABJiDmAkIGhv9gPgMAFxYBrwB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgbGCoygzJ7MoszCTgQEAH40EAgAAAA==') format('woff'), url('iconfont.ttf?t=1534051835210') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1534051835210#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { display: inline-block; font-family: "iconfont" !important; font-size: 75rpx; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; /* margin-right: 20rpx; */ /* line-height: 190rpx; margin-left: 17rpx; margin-top: -41rpx; */ } .active{ opacity: .6; } .icon-riliriqi:before { content: "\e807"; } page { background: #f8f8fa; padding-bottom: 144rpx; } .location { position: fixed; z-index: 100; width: 100%; top: -31rpx; left: 0; right: 0; font-size: 30rpx; text-align: center; color: #fff; /* margin-top: -100rpx; */ } .txt { position: fixed; z-index: 10000; display: block; left: 0; top: 0; right: 0; text-align: center; color: #fff; /* padding-top: 20rpx; */ } .location image { position: absolute; top: -82rpx; width: 100%; height: 168rpx; left: 0; right: 0; z-index: 10; } .location text { display: block; text-align: left; text-indent: 32rpx; position: relative; z-index: 100; font-size: 30rpx; color: #fff; letter-spacing: 1.16rpx; } .xia { width: 40rpx; vertical-align: middle; margin-top: -5rpx; margin-left: -10rpx; } .transaction { width: 710rpx; height: 100%; line-height: 87rpx; margin: 69rpx auto 0; display: flex; flex-direction: column; } .transaction_msg { width: 710rpx; margin: 0 auto 30rpx; height: 100%; display: flex; flex-direction: column; border-radius: 16rpx; overflow: hidden; padding-bottom: 20rpx; padding-top: 20rpx; background: #fff; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05); /* border-bottom: 20rpx solid #f5f5f5;*//* margin-bottom: 70rpx; */ } .transaction_msg view { width: 100%; height: 70rpx; line-height: 70rpx; background: #fff; display: flex; justify-content: space-between; } .transaction_msg view text { padding: 0 4%; } .transaction_msg view:nth-child(1) text { font-size: 30rpx !important; color: #333 !important; } .jiaoyi { width: 160rpx; display: block; margin: 200rpx auto 0; } .transaction_msg view text:nth-child(2) { font-size: 28rpx; color: #b8b8b8; } .transaction_msg view text:nth-child(1) { font-size: 30rpx; color: #000; letter-spacing: 1.16rpx; } .transaction_msg view:last-child { position: relative; } .transaction_msg view:last-child text:nth-child(2) { font-size: 30rpx !important; } .date { width: 110rpx; height: 110rpx; border-radius: 50%; background: #52a0fd; display: flex; line-height: 110rpx; position: fixed; bottom: 20rpx; left: 0rpx; right: 0rpx; z-index: 999; margin: auto; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); /* height: 60rpx; *//* border-radius:16rpx; *//* border-top: 1px solid #ccc; *//* padding-bottom: 25rpx; */ } .date>view { font-size: 28rpx; } .date>view text { display: inline-block; padding-right: 20rpx; color: #fff; font-size: 26rpx; } .picker { /* width: 645rpx; */ display: block; height: 60rpx; font-size: 30rpx; line-height: 60rpx; /* text-align: center; */ } picker { display: block; } .picker button { /* width: 422rpx; */ display: inline-block; background: #52a0fd; margin-left: 30rpx; border-radius: 0 !important; border: 0 !important; outline: 0 !important; } .picker button::after { border: none; } .picker button icon { font-size: 45rpx; color: #fff; position: relative; bottom: 12rpx; } #refund { width: 140rpx; height: 50rpx; display: inline-block; background: #ffae00; border-radius: 10rpx; color: #fff; text-align: center; line-height: 46rpx; font-size: 28rpx; position: absolute; right: 25rpx; top: 20rpx; } .hide { width: 100%; height: 55rpx; line-height: 55rpx; } .hide text { color: #999; display: block; text-align: center; font-size: 28rpx; }