@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .container .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .container .Search-box { overflow: hidden; width: 100%; padding: 20rpx; background-color: #ffffff; -webkit-justify-content: space-around; justify-content: space-around; } .container .Search-box .Search-box { width: 89%; height: 72rpx; border-radius: 36rpx; background-color: #f8f6f6; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding-left: 54rpx; } .container .Search-box .Search-box .box-img { height: 30rpx; width: 30rpx; margin-right: 20rpx; } .container .Search-box .Search-box .box-word { font-size: 26rpx; font-weight: 500; color: #666666; } .container .Search-box .Search-word { width: 11%; font-size: 30rpx; font-weight: 500; color: #666666; } .container .Search-box .Search-word .word { float: right; } .container .second-part { padding: 20rpx; } .container .second-part .template { width: 100%; background: #ffffff; overflow: hidden; padding: 20rpx; box-shadow: 0px 5px 5px 0px rgba(35, 24, 21, 0.06); margin-bottom: 18rpx; border-radius: 12rpx; position: relative; } .container .second-part .template .left-img { width: 140rpx; float: left; overflow: hidden; margin-right: 30rpx; } .container .second-part .template .center-word .one { font-size: 30rpx; font-weight: 500; color: #333; line-height: 36rpx; display: block; margin-bottom: 10rpx; } .container .second-part .template .center-word .two { font-size: 24rpx; font-weight: 500; color: #666666; line-height: 36rpx; display: block; } .container .second-part .template .right-label { padding: 16rpx; border: 1px solid #6786FB; border-radius: 7rpx; font-size: 23rpx; font-weight: 500; color: #6786FB; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .container .second-part .template .right-label image { width: 30rpx; height: 26rpx; margin-right: 8rpx; } .popup { width: 536rpx; } .popup .img { width: 100%; } .popup .row { background: #ffffff; overflow: hidden; border-radius: 0 0 10rpx 10rpx; padding: 45rpx 45rpx; margin-top: -15rpx; } .popup .row .row-1 { font-size: 36rpx; font-weight: 500; color: #333333; line-height: 53rpx; text-align: center; } .popup .row .row-2 { font-size: 32rpx; font-weight: 500; color: #303133; line-height: 44rpx; text-align: center; margin-top: 35rpx; } .popup .row .row-3 { width: 80%; height: 70rpx; margin: 0 auto; margin-top: 40rpx; background: -webkit-linear-gradient(bottom, #7e99fe, #978ffa); background: linear-gradient(0deg, #7e99fe, #978ffa); border-radius: 34rpx; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 36rpx; font-weight: 500; color: #f8f9f9; } .close_icon { width: 52rpx; height: 52rpx; margin: 88rpx auto 0; } .close_icon image { width: 100%; height: 100%; } .payment { overflow: hidden; background-color: #f6f6f6; border-radius: 10rpx 10rpx 0rpx 0rpx; } .payment .first { height: 90rpx; overflow: hidden; border-bottom: 2rpx solid #ebeef5; padding: 0 25rpx; background-color: #ffffff; } .payment .first .word1 { font-size: 28rpx; font-weight: bold; color: #303133; } .payment .second { padding: 0 25rpx; background-color: #ffffff; } .payment .second .weixin { font-size: 28rpx; font-weight: 400; color: #303133; line-height: 100rpx; } .payment .second .radio { width: 35rpx; height: 35rpx; border-radius: 50%; background-size: 35rpx; background-position: center; background-image: url("http://lxscimg.liuniu946.com/2019-11-29_5de0badfc57f7.png"); } .payment .second .radio-active { width: 35rpx; height: 35rpx; border-radius: 50%; background-size: 35rpx; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAEtklEQVRYR8WYbWwUVRiFz5kt26/QEi3dtmmxnYFgLGCzU4xWo/4REiElBI0REzFBEiUkikRjYjBEJNFo0GBECRhIjPpDhaBWBdRoVDDqFLBCJDBLbZt2p1uIbWUL+zGvmaVd+7Hbnaa7cP/uuec8c+fue9+5xBRHcJGvWGYU30thEyE3k6wVoBSQGIWDAukQ8C+hHGX00vcVf1iXphJBt2KrQbtTFGwgpRlgkat5Ig7MAdh813fC/NnNnIxAPbfOqVfy8rYDXOLGML1Gjtix2MbKkx2nJvNJCyQAQ7r6vC3cQsI7PZjk7AghW2YbgVcISCrPlEDdelWRRwo/AtGcJZCxNoLP4hx6uMroDo/3nwDUWV1dmF/u/VrIu3MCM2Iq8mOkN7K0pqtraHTOGCABlJCuHhRweU5hhs0F0uIzAs0E7JG8MUCWrr0EYPO1gBmVsdVnmC9OAOppUBcrHhwD6Lm2QBJnLL64/OTfx53c5ApZunYMwO3XFib57n7xtZp3JIFCurrMBr+4LjDDoQpk+Wwj0JJYIUtXDwO873oCAXLEZwSWMKTfVGmLpwukkkOgGIC8Sf1FbIXxavY21q0VUfbkDEb4qcQG19Bb1ARRDo3etxOKIu3HaenqXoCP5QRIcKCT5kONBqJn587NLymRfhD56bII2cegrv1OQM8B0MFymA/SQNQpuL26+j7A1RlyWmn5NQtEeTaBKPJ56HLggfrTiFyF0fYCeDRThgB9tHTNOeAKM4nd/k5IS3+/smreuXNXEjB+9T3Q9ZaI0fKr8Uz/MIG9QwE/FuGrIJrS7gHBV/0DXDkM47QvuwVcO4WHiTsr9A8SLWj6EVbilXW/tQdD88tm2sWlh0AkqurYIYfDF+wVde3tl51eqtev7QKxzi3MsK7f2UOnQNySoUa84WsNPONoLupqaUT4DYnG/+fIkYgVWeG0EgkYXdsJ4Ikpwjgt22nnlX0CcpWLyclTubO++gZvgfdbgA0i+C6af2V5zbGrfY2lq28DXO/CL8Uiy37nlW0C8LobA7GxueK4+bKjHdCrysJSuM3m0MaRzi/o194iscGNVxrNs7zYqC2ICtrcmtiC5ypbzdfG64O6+ibBp9z6pNIJZFHicA3qWhuBBS7NhMDT5Ya5Y0Qf9KvbSW50OT+lTIA/Kwxz4chp/yRAZyO6GwIRyCbPpYE98eKSreT0VuZqqKz3GYF3EkDna2sLim70nAVQ7Y4o66qu8IX4PKdkJDvGoK6uJvhB1qNcGArkkQoj8KEjHdvk+7X9IFa68MieRLDf12omy84YoPMNtbOKFM+vIOZlL3ESJ8HZsB2/re5Eu3NaJMaED0Vr4RwV3ryfAFbmFkp6EInd5WvrCIzOSfkpbek1GuB1ujstR1AmEFnqMzrN8f5pLxu69aqyPBTsE3BZNqEE8qWNy2uqjO6+VL6TXsc4B6Xl19aB2EagbJpgfSJ4wddq7k5385FyD6UKDc2fP1OKoutFoXNOTbVWddCWnQzP2Dn7zJnBTA+V8cJqtIEAHsuv3UPifgiaQNQDKBkXMgCB09IctYGWXYb5w5ZRlwlZBUplZupq6ayoMtOeEY3LUHiw/HTo30yhk/3+H3FEwP61JpAmAAAAAElFTkSuQmCC); } .payment .Third .one { height: 20rpx; background-color: #f6f6f6; } .payment .Third .two .two1 { width: 55%; height: 90rpx; background-color: #ffffff; padding-left: 25rpx; } .payment .Third .two .two1 .two1-1 { font-size: 28rpx; font-weight: 400; color: #303133; line-height: 100rpx; } .payment .Third .two .two1 .two1-2 { font-size: 24rpx; font-weight: bold; color: #FC4141; line-height: 55rpx; } .payment .Third .two .two1 .size { font-size: 36rpx; } .payment .Third .two .two2 { height: 90rpx; width: 45%; background: #FC4141; color: #ffffff; font-size: 32rpx; font-weight: 550; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .flex1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }