| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 |
- @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;
- }
|