.tui-btn-primary.data-v-270e3966 { background: #5677fc !important; color: #fff; } .tui-shadow-primary.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2); } .tui-btn-danger.data-v-270e3966 { background: #eb0909 !important; color: #fff; } .tui-shadow-danger.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2); } .tui-btn-warning.data-v-270e3966 { background: #fc872d !important; color: #fff; } .tui-shadow-warning.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2); } .tui-btn-green.data-v-270e3966 { background: #07c160 !important; color: #fff; } .tui-shadow-green.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(7, 193, 96, 0.2); } .tui-btn-blue.data-v-270e3966 { background: #007aff !important; color: #fff; } .tui-shadow-blue.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2); } .tui-btn-white.data-v-270e3966 { background: #fff !important; color: #333 !important; } .tui-btn-gray.data-v-270e3966 { background: #bfbfbf !important; color: #fff !important; } .tui-btn-black.data-v-270e3966 { background: #333 !important; color: #fff !important; } .tui-btn-brown.data-v-270e3966{ background: #ac9157 !important; color: #fff !important; } .tui-btn-gray-black.data-v-270e3966 { background: #f2f2f2 !important; color: #333; } .tui-btn-gray-primary.data-v-270e3966 { background: #f2f2f2 !important; color: #5677fc !important; } .tui-gray-primary-hover.data-v-270e3966 { background: #d9d9d9 !important; } .tui-btn-gray-green.data-v-270e3966 { background: #f2f2f2 !important; color: #07c160 !important; } .tui-gray-green-hover.data-v-270e3966 { background: #d9d9d9 !important; } .tui-btn-gray-danger.data-v-270e3966 { background: #f2f2f2 !important; color: #eb0909 !important; } .tui-gray-danger-hover.data-v-270e3966 { background: #d9d9d9 !important; } .tui-btn-gray-warning.data-v-270e3966 { background: #f2f2f2 !important; color: #fc872d !important; } .tui-gray-warning-hover.data-v-270e3966 { background: #d9d9d9 !important; } .tui-shadow-gray.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2); } .tui-hover-gray.data-v-270e3966 { background: #f7f7f9 !important; } .tui-black-hover.data-v-270e3966 { background: #555 !important; color: #e5e5e5 !important; } .tui-brown-hover.data-v-270e3966{ background: #A37F49 !important; color: #e5e5e5 !important; } /* button start*/ .tui-btn.data-v-270e3966 { width: 100%; position: relative; border: 0 !important; border-radius: 6rpx; padding-left: 0; padding-right: 0; overflow: visible; } .tui-btn.data-v-270e3966::after { content: ''; position: absolute; width: 200%; height: 200%; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5) translateZ(0); transform: scale(0.5, 0.5) translateZ(0); box-sizing: border-box; left: 0; top: 0; border-radius: 12rpx; border: 0; } .tui-text-bold.data-v-270e3966 { font-weight: bold; } .tui-btn-white.data-v-270e3966::after { border: 1px solid #bfbfbf; } .tui-white-hover.data-v-270e3966 { background: #e5e5e5 !important; color: #2e2e2e !important; } .tui-dark-disabled.data-v-270e3966 { opacity: 0.6 !important; color: #fafbfc !important; } .tui-dark-disabled-outline.data-v-270e3966 { opacity: 0.5 !important; } .tui-gray-disabled.data-v-270e3966 { background: #f3f3f3 !important; color: #919191 !important; box-shadow: none; } .tui-outline-hover.data-v-270e3966 { opacity: 0.5; } .tui-primary-hover.data-v-270e3966 { background: #4a67d6 !important; color: #e5e5e5 !important; } .tui-primary-outline.data-v-270e3966::after { border: 1px solid #5677fc !important; } .tui-primary-outline.data-v-270e3966 { color: #5677fc !important; background: transparent; } .tui-danger-hover.data-v-270e3966 { background: #c80808 !important; color: #e5e5e5 !important; } .tui-danger-outline.data-v-270e3966 { color: #eb0909 !important; background: transparent; } .tui-danger-outline.data-v-270e3966::after { border: 1px solid #eb0909 !important; } .tui-warning-hover.data-v-270e3966 { background: #d67326 !important; color: #e5e5e5 !important; } .tui-warning-outline.data-v-270e3966 { color: #fc872d !important; background: transparent; } .tui-warning-outline.data-v-270e3966::after { border: 1px solid #fc872d !important; } .tui-green-hover.data-v-270e3966 { background: #06ad56 !important; color: #e5e5e5 !important; } .tui-green-outline.data-v-270e3966 { color: #07c160 !important; background: transparent; } .tui-green-outline.data-v-270e3966::after { border: 1px solid #07c160 !important; } .tui-blue-hover.data-v-270e3966 { background: #0062cc !important; color: #e5e5e5 !important; } .tui-blue-outline.data-v-270e3966 { color: #007aff !important; background: transparent; } .tui-blue-outline.data-v-270e3966::after { border: 1px solid #007aff !important; } .tui-btn-gradual.data-v-270e3966 { background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important; color: #fff !important; } .tui-shadow-gradual.data-v-270e3966 { box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15); } .tui-gray-hover.data-v-270e3966 { background: #a3a3a3 !important; color: #898989; } .tui-gradual-hover.data-v-270e3966 { background: linear-gradient(90deg, #d74620, #cd1225) !important; color: #fff !important; } .tui-gray-outline.data-v-270e3966 { color: #999 !important; background: transparent !important; } .tui-white-outline.data-v-270e3966 { color: #fff !important; background: transparent !important; } .tui-black-outline.data-v-270e3966 { background: transparent !important; color: #333 !important; } .tui-gray-outline.data-v-270e3966::after { border: 1px solid #ccc !important; } .tui-white-outline.data-v-270e3966::after { border: 1px solid #fff !important; } .tui-black-outline.data-v-270e3966::after { border: 1px solid #333 !important; } .tui-brown-outline.data-v-270e3966 { color: #ac9157 !important; background: transparent; } .tui-brown-outline.data-v-270e3966::after { border: 1px solid #ac9157 !important; } /*圆角 */ .tui-fillet.data-v-270e3966 { border-radius: 50rpx; } .tui-btn-white.tui-fillet.data-v-270e3966::after { border-radius: 98rpx; } .tui-outline-fillet.data-v-270e3966::after { border-radius: 98rpx; } /*平角*/ .tui-rightAngle.data-v-270e3966 { border-radius: 0; } .tui-btn-white.tui-rightAngle.data-v-270e3966::after { border-radius: 0; } .tui-outline-rightAngle.data-v-270e3966::after { border-radius: 0; } .tui-btn__link.data-v-270e3966::after { border: 0 !important; }