.merchantPage { width: 100%; .merchantBox { width: 100%; height: calc(100% - 44px); overflow: auto; overflow-x: hidden; .searchRow { width: 90%; height: 48px; margin: 0 auto; background: rgba(255, 255, 255, 1) url("../../assets/home/line.png") bottom center no-repeat; background-size: 100%; align-items: center; .bd3 { width: 87px; height: 16px; .info2 { height: 14px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 15px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 15px; margin-top: 3px; display: block; } .info3 { overflow-wrap: break-word; color: #c84b2c; font-size: 20px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 20px; display: block; margin: 0 .3em; } .info4 { height: 14px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 15px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 15px; display: block; margin-top: 3px; } } .main5 { width: auto; .label2 { width: 20px; height: 20px; margin-right: 5px; cursor: pointer; } } } .main4 { width: 100%; justify-content: space-between; padding: 15px; .bd1 { box-shadow: 1px 1px 4px 2px rgba(70, 95, 198, 0.14); background-color: rgba(255, 255, 255, 1); border-radius: 4px; height: 250px; margin: 0 auto; margin-bottom: 20px; width: 100%; .outer2 { width: 100%; padding: 20px; .box2 { width: 100%; height: 14px; .word3 { width: 202px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 14px; display: block; } .group6 { width: 6px; height: 12px; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng51122feddbc4a9b3e0b055ed6181d290e60825befaa5c777794f1412ff817e57) top center no-repeat; background-size: 100%; margin-top: 2px; } } .word4 { width: 122px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 9px; display: block; } .word5 { width: 162px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 10px; display: block; } .word6 { width: 177px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 10px; display: block; } .info6 { width: 130px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 10px; display: block; } .txt2 { width: 110px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 10px; display: block; } .box3 { background-color: rgba(246, 247, 252, 1); border-radius: 1px; height: 26px; margin: 10px 0; width: 100%; .txt3 { width: 184px; height: 13px; overflow-wrap: break-word; color: rgba(135, 135, 166, 1); font-size: 12px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 8px 0 0 10px; } } .button-container { display: flex; justify-content: center; .btn1 { margin: 0 30px; padding: 0 20px; } } } } } } } .codeSearch { width: 100%; .codeSearchPopup { width: 90%; } .content { padding-top: 1em; } .field .van-field__label { width: auto; } .van-button--primary { border-color: #FF3456; background-color: #FF3456; } } .merchantSetPage { width: 100%; .merchantSetBox { width: 100%; height: calc(100% - 44px); overflow: auto; overflow-x: hidden; .Body { width: 100%; margin-bottom: 39px; .Body { width: 100%; margin-bottom: 39px; .wrap1 { background-color: rgba(255, 255, 255, 1); z-index: 24; height: 54px; width: 100%; position: relative; .section1 { width: 100%; height: 13px; padding: 34px 80px; .word3 { width: 56px; height: 13px; overflow-wrap: break-word; color: rgba(255, 52, 86, 1); color: rgba(135, 135, 166, 1); font-size: 14px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: center; white-space: nowrap; line-height: 14px; display: block; } .info1 { width: 56px; height: 13px; overflow-wrap: break-word; color: rgba(135, 135, 166, 1); font-size: 14px; text-align: center; white-space: nowrap; line-height: 14px; display: block; } .acttive { position: relative; color: #FF3456; &::after { content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 2px; background-color: #FF3456; border-radius: 1px; bottom: -0.5em; } } } .section2 { background-color: rgba(255, 52, 86, 1); border-radius: 1px; z-index: 27; position: absolute; left: 88px; top: 53px; width: 40px; height: 2px; } .img1 { z-index: 28; position: absolute; left: 0; top: 52px; width: 100%; height: 2px; } } .wrap2 { width: 313px; height: 28px; margin: 20px auto; .info2 { width: 11px; height: 28px; overflow-wrap: break-word; color: rgba(223, 94, 76, 1); font-size: 20px; font-family: 'OPPOSans', PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 28px; display: block; } .info3 { width: 199px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 15px; font-family: PingFangSC-Medium; text-align: left; white-space: nowrap; line-height: 15px; margin-top: 4px; display: block; } } .tab2 { .info3 { width: 98px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 21px 0 0 32px; } .info4 { width: 126px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word4 { width: 171px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .txt2 { width: 105px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 20px 0 0 32px; } .word5 { width: 119px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word6 { width: 133px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .txt3 { width: 98px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .txt4 { width: 98px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word7 { width: 112px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .txt5 { width: 70px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word8 { width: 70px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .block5 { width: 122px; height: 13px; margin: 20px 0 0 32px; .txt6 { width: 70px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; } .word9 { width: 42px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; } } .word10 { width: 98px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word11 { width: 70px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 15px 0 0 32px; } .word12 { width: 80%; height: 13px; overflow-wrap: break-word; word-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; // white-space: normal; line-height: 20px; display: block; margin: 15px 15px 10px 32px; } } .info4 { width: 313px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 20px auto; } .info5 { width: 313px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 14px; text-align: left; white-space: nowrap; line-height: 14px; display: block; margin: 20px auto; } .wrap3 { width: 311px; height: 38px; margin: 15px 0 0 32px; .word4 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 13px; display: block; } .bd1 { background-color: rgba(255, 255, 255, 1); border-radius: 2px; height: 38px; border: 0.5px solid rgba(185, 186, 208, 1); width: 247px; .word5 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(168, 168, 197, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 13px 0 0 6px; } } } .txt3 { width: 313px; height: 13px; overflow-wrap: break-word; color: rgba(168, 168, 197, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 20px auto; } .wrap4 { width: 311px; height: 38px; margin: 15px 0 0 32px; .txt4 { width: 65px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 13px; display: block; } .main3 { background-color: rgba(255, 255, 255, 1); border-radius: 2px; height: 38px; border: 0.5px solid rgba(185, 186, 208, 1); margin-left: -1px; width: 247px; .txt5 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(168, 168, 197, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 13px 0 0 6px; } } } .wrap5 { width: 311px; height: 38px; margin: 15px 0 0 32px; .info6 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 13px; display: block; } .layer1 { background-color: rgba(255, 255, 255, 1); border-radius: 2px; height: 38px; border: 0.5px solid rgba(185, 186, 208, 1); width: 247px; .info7 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 13px 0 0 6px; } } } .wrap6 { width: 269px; height: 18px; margin: 23px 0 0 32px; .txt6 { width: 65px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 2px; display: block; } .ImageText1 { height: 13px; width: 29px; margin: 3px 0 0 83px; .mod1 { width: 29px; height: 13px; .wrap7 { border-radius: 50%; width: 12px; height: 12px; border: 1px solid rgba(255, 52, 86, 1); margin-top: 1px; } .TextGroup1 { height: 13px; width: 13px; .txt7 { width: 13px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; } } } } .ImageText2 { height: 18px; margin-left: 62px; width: 30px; .box1 { width: 30px; height: 18px; .group1 { border-radius: 50%; width: 12px; height: 12px; border: 1px solid rgba(255, 52, 86, 1); margin-top: 4px; } .TextGroup2 { height: 18px; width: 13px; .info8 { width: 13px; height: 18px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 18px; display: block; } } } } } .wrap8 { width: 269px; height: 18px; margin: 15px 0 0 32px; .word6 { width: 117px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 3px; display: block; } .ImageText3 { height: 13px; width: 29px; margin: 3px 0 0 31px; .group2 { width: 29px; height: 13px; .main4 { border-radius: 50%; width: 12px; height: 12px; border: 1px solid rgba(255, 52, 86, 1); margin-top: 1px; } .TextGroup3 { height: 13px; width: 13px; .info9 { width: 13px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; } } } } .ImageText4 { height: 18px; margin-left: 62px; width: 30px; .layer2 { width: 30px; height: 18px; .block1 { border-radius: 50%; width: 12px; height: 12px; border: 1px solid rgba(255, 52, 86, 1); margin-top: 4px; } .TextGroup4 { height: 18px; width: 13px; .txt8 { width: 13px; height: 18px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 18px; display: block; } } } } } .wrap9 { width: 311px; height: 38px; margin: 15px 0 0 32px; .info10 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 13px; display: block; } .mod2 { background-color: rgba(255, 255, 255, 1); border-radius: 2px; height: 38px; border: 0.5px solid rgba(185, 186, 208, 1); width: 247px; .word7 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(168, 168, 197, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 13px 0 0 6px; } } } .wrap10 { width: 311px; height: 38px; margin: 14px 0 0 32px; .word8 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; margin-top: 13px; display: block; } .group3 { background-color: rgba(255, 255, 255, 1); border-radius: 2px; height: 38px; border: 0.5px solid rgba(185, 186, 208, 1); width: 247px; .info11 { width: 39px; height: 13px; overflow-wrap: break-word; color: rgba(168, 168, 197, 1); font-size: 13px; text-align: left; white-space: nowrap; line-height: 13px; display: block; margin: 13px 0 0 6px; } } } .Button1 { background-color: rgba(255, 52, 86, 1); border-radius: 17px; height: 34px; width: 120px; margin: 25px 0 0 128px; .word9 { width: 60px; height: 13px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 15px; font-family: PingFangSC-Medium; text-align: center; white-space: nowrap; line-height: 15px; display: block; margin: 11px 0 0 30px; } } } } .van-form { .van-cell { width: 313px; // height: 38px; background-color: rgba(255, 255, 255, 1); padding: 0; color: rgba(168, 168, 197, 1); font-size: 13px; margin: 0 auto; margin-top: 20px; overflow: visible; &::after { display: none; } .van-field__control { height: 38px; line-height: 38px; padding: 6px; border-radius: 2px; border: 0.5px solid rgba(185, 186, 208, 1); &:-internal-autofill-previewed, &:-internal-autofill-selected { -webkit-text-fill-color: #323233 !important; transition: background-color 5000s ease-in-out 0s !important; } } .van-field__control::-webkit-input-placeholder { color: rgba(168, 168, 197, 1); } // .van-cell__value { // width: 100%; // flex: 0 auto; // } .van-field__label { height: 38px; line-height: 38px; width: 6em; } .radioBox { display: flex; .van-radio-group--horizontal { width: 100%; justify-content: space-around; } .van-radio { overflow: visible; } .van-radio__icon { font-size: 13px; } .van-radio__label { line-height: 13px; } .van-radio__icon--checked .van-icon-success { border-color: #FF3456; background: #FF3456; } .van-icon-success::before { content: ''; background: #fff; width: 40%; height: 40%; position: absolute; top: 30%; left: 30%; border-radius: 100%; } .van-radio__icon--checked+.van-radio__label { color: #FF3456; } } } } .van-button--primary { border-color: #FF3456; background-color: #FF3456; } } }