diff --git a/css/details.css b/css/details.css index db43857..5d6f216 100644 --- a/css/details.css +++ b/css/details.css @@ -1839,18 +1839,27 @@ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.24313725); } .base .type2 .btn { - padding: 0 20px; + padding: 0; height: 100%; - margin-right: 28px; - border-right: 1px solid #d7d7d7; cursor: pointer; font-size: 15px; color: #000000; + background-color: #fbfbfb; +} +.base .type2 .btn.btn1 { + padding-left: 18px; + padding-right: 20px; + border-radius: 153px 0 0 153px; +} +.base .type2 .btn.btn2 { + padding-left: 13px; + padding-right: 27px; + border-right: 1px solid #ebebeb; } .base .type2 .btn .img { - width: 16px; - height: 16px; + height: 20px; margin-left: 7px; + margin-right: 7px; } .base .type2 .input-box { width: 370px; @@ -1929,40 +1938,16 @@ height: 55px; border-top: 1px dotted #d7d7d7; } -.base .type2.type2new { - width: 720px; -} -.base .type2.type2new .btn { - padding: 0; - margin: 0; - border: none; - background-color: #fbfbfb; -} -.base .type2.type2new .btn.btn1 { - padding-left: 18px; - padding-right: 20px; - border-radius: 153px 0 0 153px; -} -.base .type2.type2new .btn.btn2 { - padding-left: 13px; - padding-right: 27px; - border-right: 1px solid #ebebeb; -} -.base .type2.type2new .btn .img { - width: auto; - height: 20px; - margin-right: 7px; -} -.base .type2.type2new .line { +.base .type2 .line { width: 1px; height: 21px; background-color: #d7d7d7; } -.base .type2.type2new .text { +.base .type2 .text { font-size: 14px; color: #aaaaaa; } -.base .type2.type2new .text .img { +.base .type2 .text .img { width: 16px; height: 16px; margin-right: 7px; diff --git a/css/details.less b/css/details.less index 130268c..c806bbb 100644 --- a/css/details.less +++ b/css/details.less @@ -2129,17 +2129,32 @@ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.243137254901961); .btn { - padding: 0 20px; + padding: 0; height: 100%; - margin-right: 28px; - border-right: 1px solid rgb(215, 215, 215); + // margin-right: 28px; + // border-right: 1px solid rgb(215, 215, 215); cursor: pointer; font-size: 15px; color: #000000; + background-color: rgba(251, 251, 251, 1); + + &.btn1 { + padding-left: 18px; + padding-right: 20px; + border-radius: 153px 0 0 153px; + } + + &.btn2 { + padding-left: 13px; + padding-right: 27px; + border-right: 1px solid #ebebeb; + } + .img { - width: 16px; - height: 16px; + // width: 16px; + height: 20px; margin-left: 7px; + margin-right: 7px; } } @@ -2236,50 +2251,66 @@ } } + .line { + width: 1px; + height: 21px; + background-color: #d7d7d7; + } + + + .text { + font-size: 14px; + color: #aaaaaa; + + .img { + width: 16px; + height: 16px; + margin-right: 7px; + } + } + &.type2new { - width: 720px; + // .btn { + // padding: 0; + // margin: 0; + // border: none; + // background-color: rgba(251, 251, 251, 1); - .btn { - padding: 0; - margin: 0; - border: none; - background-color: rgba(251, 251, 251, 1); + // &.btn1 { + // padding-left: 18px; + // padding-right: 20px; + // border-radius: 153px 0 0 153px; + // } - &.btn1 { - padding-left: 18px; - padding-right: 20px; - border-radius: 153px 0 0 153px; - } + // &.btn2 { + // padding-left: 13px; + // padding-right: 27px; + // border-right: 1px solid #ebebeb; + // } - &.btn2 { - padding-left: 13px; - padding-right: 27px; - border-right: 1px solid #ebebeb; - } + // .img { + // width: auto; + // height: 20px; + // margin-right: 7px; + // } + // } - .img { - width: auto; - height: 20px; - margin-right: 7px; - } - } + // .line { + // width: 1px; + // height: 21px; + // background-color: #d7d7d7; + // } - .line { - width: 1px; - height: 21px; - background-color: #d7d7d7; - } + // .text { + // font-size: 14px; + // color: #aaaaaa; - .text { - font-size: 14px; - color: #aaaaaa; - - .img { - width: 16px; - height: 16px; - margin-right: 7px; - } - } + // .img { + // width: 16px; + // height: 16px; + // margin-right: 7px; + // } + // } } }