|
@@ -1,390 +1,73 @@
|
|
|
@media screen and (min-width:768px) {
|
|
|
-.pageWrap{width: 986px}
|
|
|
- .crumbs{
|
|
|
- font-size: 16px;
|
|
|
- color: #22272e
|
|
|
-}
|
|
|
-.right{
|
|
|
- width: 968px;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.new-s-item>form{
|
|
|
- overflow: hidden;
|
|
|
- background: #fff;
|
|
|
- padding: 10px 10px 17px 10px;
|
|
|
- box-shadow: 0px 3px 6px 0px
|
|
|
- rgba(0, 0, 0, 0.07);
|
|
|
-}
|
|
|
-.new-s-item>form>div{
|
|
|
- float: left;
|
|
|
- height: 40px;
|
|
|
- margin: 10px 20px 0 20px;
|
|
|
- font-size: 12px;
|
|
|
- color: #627386;
|
|
|
- line-height: 40px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.new-s-item>form>label{
|
|
|
- float: left;
|
|
|
- margin: 10px 20px 0 20px;
|
|
|
- font-size: 12px;
|
|
|
- color: #627386;
|
|
|
-}
|
|
|
-.Buyer{
|
|
|
- width: 168px;
|
|
|
- height: 36px;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- padding-left: 10px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.state{
|
|
|
- width: 168px;
|
|
|
- height: 36px;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- padding-left: 10px;
|
|
|
- color: #627386;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-input::placeholder{
|
|
|
- color: #627386;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.query-btn{
|
|
|
- width: 90px;
|
|
|
- height: 36px;
|
|
|
- background-color: #e15616;
|
|
|
- border-radius: 2px;
|
|
|
- text-align: center;
|
|
|
- line-height: 36px;
|
|
|
- color: #ffffff;
|
|
|
- margin: 15px 10px 0 0;
|
|
|
- cursor: pointer;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.supplier-main{
|
|
|
- margin-top: 10px;
|
|
|
- background: #fff;
|
|
|
- padding-top: 15px;
|
|
|
-}
|
|
|
-.order-content{
|
|
|
- padding: 10px 20px;
|
|
|
- overflow: hidden
|
|
|
-}
|
|
|
-.order-title{
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 10px 20px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.title-name{
|
|
|
- float: left;
|
|
|
- color: #22272e;
|
|
|
-
|
|
|
-}
|
|
|
-.title-time{
|
|
|
- float: right;
|
|
|
- color: #9aa5b5;
|
|
|
-}
|
|
|
-.order-item{
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-.order-item p{
|
|
|
- display: inline-block;
|
|
|
- color: #627386;
|
|
|
- width: 25%;
|
|
|
- margin-bottom: 20px
|
|
|
-}
|
|
|
-.red{
|
|
|
- color: #f94b4b;
|
|
|
-}
|
|
|
-.order-botton{
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- height: 60px;
|
|
|
- line-height: 60px;
|
|
|
-}
|
|
|
-.order-botton div{
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.order-botton a{
|
|
|
- width: 90px;
|
|
|
- height: 36px;
|
|
|
- background-color: #ffe6dc;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #e15616;
|
|
|
- text-align: center;
|
|
|
- line-height: 36px;
|
|
|
- color: #e15616;
|
|
|
- display: inline-block;
|
|
|
- margin-right: 16px;
|
|
|
-}
|
|
|
-.order-product .product-img{
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- border: solid 1px #e2e7ef;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.product-info .num{
|
|
|
- margin-right: 80px;
|
|
|
-}
|
|
|
-.order-product .product-img img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.order-product .product-info{
|
|
|
- float: right;
|
|
|
- width: 87%;
|
|
|
-}
|
|
|
-.order-product{
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 10px
|
|
|
-}
|
|
|
-.product-info p{
|
|
|
- color: #627386;
|
|
|
- margin-top: 7px;
|
|
|
-}
|
|
|
-.userinfo{
|
|
|
- background-color: #f0f3f7;
|
|
|
- box-shadow: 0px 3px 6px 0px
|
|
|
- rgba(0, 0, 0, 0.07);
|
|
|
- padding: 10px 20px;
|
|
|
- color: #627386;
|
|
|
-}
|
|
|
-.userinfo p{
|
|
|
- display: inline-block;
|
|
|
- margin: 10px 55px 10px 0;
|
|
|
-}
|
|
|
-.userinfo .blcak{
|
|
|
- color: #22272e;
|
|
|
-}
|
|
|
+.pageWrap{width: 986px} .crumbs{font-size: 16px;color: #22272e}
|
|
|
+.new-s-item>form{overflow: hidden;background: #fff;padding: 10px 10px 17px 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
+.new-s-item>form>div{float: left;height: 40px;margin: 10px 20px 0 20px;font-size: 12px;color: #627386;line-height: 40px;position: relative;}
|
|
|
+.new-s-item>form>label{float: left;margin: 10px 20px 0 20px;font-size: 12px;color: #627386;}
|
|
|
+.Buyer{width: 168px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;cursor: pointer;}
|
|
|
+.state{width: 168px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;color: #627386;cursor: pointer;}
|
|
|
+input::placeholder{color: #9aa5b5;font-size: 12px;}
|
|
|
+.query-btn{width: 90px;height: 36px;background-color: #e15616;border-radius: 2px;text-align: center;line-height: 36px;color: #ffffff;margin: 15px 10px 0 0;cursor: pointer;float: right;}
|
|
|
+.supplier-main{margin-top: 10px;background: #fff;padding-top: 15px;}
|
|
|
+.order-content{padding: 10px 20px;overflow: hidden}
|
|
|
+.order-title{background-color: #ffffff;padding: 10px 20px;overflow: hidden;}
|
|
|
+.title-name{float: left;color: #22272e;}
|
|
|
+.title-time{float: right;color: #9aa5b5;}
|
|
|
+.order-item{display: flex;}
|
|
|
+.order-item p{display: inline-block;color: #627386;width: 25%;margin-bottom: 20px}
|
|
|
+.order-item.pay p span{color: #e15616}
|
|
|
+.red{color: #f94b4b;}
|
|
|
+.order-botton{width: 100%;overflow: hidden;height: 60px;line-height: 60px;}
|
|
|
+.order-botton div{float: right;}
|
|
|
+.order-botton a{width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;line-height: 36px;color: #e15616;display: inline-block;margin-right: 16px;}
|
|
|
+.order-product .product-img{width: 100px;height: 100px;border: solid 1px #e2e7ef;float: left;}
|
|
|
+.product-info .num{margin-right: 80px;}
|
|
|
+.order-product .product-img img{width: 100%;height: 100%;}
|
|
|
+.order-product .product-info{float: right;width: 87%;}
|
|
|
+.order-product{overflow: hidden;margin-bottom: 10px}
|
|
|
+.product-info p{color: #627386;margin-top: 7px;}
|
|
|
+.userinfo{background-color: #f0f3f7;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 10px 20px;color: #627386;}
|
|
|
+.userinfo p{display: inline-block;margin: 10px 55px 10px 0;}
|
|
|
+.userinfo .blcak{color: #22272e;}
|
|
|
}
|
|
|
|
|
|
/*移动*/
|
|
|
@media screen and (max-width:768px) {
|
|
|
- .wrap_tittle {
|
|
|
- height: 10.6vw;
|
|
|
- line-height: 10.6vw;
|
|
|
- background: #fff;
|
|
|
- padding: 0 2.7vw;
|
|
|
- font-size: 3.4vw;
|
|
|
- color: #22272e;
|
|
|
- border-bottom: solid .27vw #e2e7ef;
|
|
|
-}
|
|
|
-.mIcon.wrap_tittle:before {
|
|
|
- width: 6.7vw;
|
|
|
- height: 6.7vw;
|
|
|
- background-position: -50.7vw -51.5vw;
|
|
|
- position: absolute;
|
|
|
- top: 28vw;
|
|
|
- }
|
|
|
- .mIcon.open:before {
|
|
|
- width: 10.6vw;
|
|
|
- height: 11.2vw;
|
|
|
- float: right;
|
|
|
- background-position: -48.8vw 2.7vw;
|
|
|
- }
|
|
|
-.right{
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.new-s-item>form{
|
|
|
- overflow: hidden;
|
|
|
- background: #fff;
|
|
|
- padding: 2.7vw 2.7vw 4.5vw 2.7vw;
|
|
|
- box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07)
|
|
|
-}
|
|
|
-.new-s-item>form>div{
|
|
|
- font-size: 3.4vw;
|
|
|
- color: #627386;
|
|
|
- width: 93.4vw;
|
|
|
- margin-bottom: 2.6vw;
|
|
|
- display: inline-block
|
|
|
-}
|
|
|
-.new-s-item>form>div.order-border{
|
|
|
- border: 1px solid #b8bfca;
|
|
|
-}
|
|
|
-.new-s-item>form>div.order-border span{
|
|
|
- padding-left: 2.7vw;
|
|
|
-}
|
|
|
-.new-s-item>form>label{
|
|
|
- float: left;
|
|
|
- margin-bottom: 2.6vw;
|
|
|
- font-size: 3.4vw;
|
|
|
- color: #627386;
|
|
|
- border: 1px solid #b8bfca;
|
|
|
- height: 11.8vw;
|
|
|
- padding-left: 2.7vw;
|
|
|
- line-height: 11.8vw
|
|
|
-}
|
|
|
-.Buyer{
|
|
|
- height: 11.8vw;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: .53vw;
|
|
|
- border: 0;
|
|
|
- cursor: pointer;
|
|
|
- width: 72vw
|
|
|
-}
|
|
|
-.state{
|
|
|
- width: 93.4vw;
|
|
|
- height: 11.7vw;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: .53vw;
|
|
|
- border: solid .27vw #b8bfca;
|
|
|
- padding-left: 2.7vw;
|
|
|
- color: #627386;
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 2.6vw
|
|
|
-}
|
|
|
-/*select::-ms-expand { display: none; }*/
|
|
|
-/*select {*/
|
|
|
-/* appearance:none;*/
|
|
|
-/* -moz-appearance:none;*/
|
|
|
-/* -webkit-appearance:none;*/
|
|
|
-/* }*/
|
|
|
-input::placeholder{
|
|
|
- color: #9aa5b5;
|
|
|
-}
|
|
|
-.query-btn{
|
|
|
- width: 35.3vw;
|
|
|
- height: 11.2vw;
|
|
|
- background-color: #ffe6dc;
|
|
|
- border-radius: .53vw;
|
|
|
- text-align: center;
|
|
|
- line-height: 11.2vw;
|
|
|
- color: #e15616;
|
|
|
- margin: 2.7vw 29.3vw;
|
|
|
- cursor: pointer;
|
|
|
- border: .27vw solid #e15616
|
|
|
-}
|
|
|
-.supplier-main{
|
|
|
- margin-top: 2.7vw;
|
|
|
- background: #fff;
|
|
|
- padding-top: 2.7vw;
|
|
|
- position: relative
|
|
|
-}
|
|
|
-.order-content{
|
|
|
- padding: 1.3vw 5.3vw;
|
|
|
- overflow: hidden
|
|
|
-}
|
|
|
-.order-title{
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 0 5.3vw;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 3.7vw;
|
|
|
-}
|
|
|
-.title-name{
|
|
|
- color: #e15616;
|
|
|
- margin-bottom: 3.8vw;
|
|
|
-}
|
|
|
-.title-time{
|
|
|
- color: #9aa5b5;
|
|
|
- margin-bottom:3.8vw;
|
|
|
-}
|
|
|
-.order-item{
|
|
|
-overflow:hidden ;
|
|
|
-}
|
|
|
-.order-item p{
|
|
|
- margin-bottom: 5.3VW;
|
|
|
- width: 50%;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.order-item.pay span{
|
|
|
- color: #e15616;
|
|
|
-}
|
|
|
-.red{
|
|
|
- color: #f94b4b;
|
|
|
-}
|
|
|
-.order-botton{
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- height: 16vw;
|
|
|
- line-height: 16vw;
|
|
|
-}
|
|
|
-.order-botton div{
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.order-botton a{
|
|
|
- margin-left: 2.7vw;
|
|
|
- width: 22.4vw;
|
|
|
- height: 9.6vw;
|
|
|
- background-color: #ffe6dc;
|
|
|
- border-radius: .53vw;
|
|
|
- border: solid 1px #e15616;
|
|
|
- text-align: center;
|
|
|
- line-height: 9.6vw;
|
|
|
- color: #e15616;
|
|
|
- display: inline-block
|
|
|
-}
|
|
|
-.order-botton .deatil{
|
|
|
- border: 1px solid #1890f9;
|
|
|
- line-height: 7.2vw;
|
|
|
- right: 5.7vw;
|
|
|
- position: absolute;
|
|
|
- top: 10vw;
|
|
|
- width: 22.4vw;
|
|
|
- height: 7.2vw;
|
|
|
- border-radius: 3.6vw;
|
|
|
- color: #1890f9;
|
|
|
- background: #e0f1ff
|
|
|
-}
|
|
|
-.order-product .product-img{
|
|
|
- width: 28VW;
|
|
|
- height: 28VW;
|
|
|
- border: solid 1px #e2e7ef;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.product-info .num:nth-child(1){
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.product-info .num:nth-child(2){
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.order-product .product-img img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.order-product .product-info{
|
|
|
- float: right;
|
|
|
- width: 65%;
|
|
|
-}
|
|
|
-.order-product{
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 1.9vw;
|
|
|
-}
|
|
|
-.product-info p{
|
|
|
- color: #627386;
|
|
|
- margin-top: 7px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.userinfo{
|
|
|
- background-color: #f0f3f7;
|
|
|
- box-shadow: 0px 3px 6px 0px
|
|
|
- rgba(0, 0, 0, 0.07);
|
|
|
- padding: 10px 20px;
|
|
|
- color: #627386;
|
|
|
-}
|
|
|
-.product-info h3{
|
|
|
- font-size: 3.7VW;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.userinfo p{
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 2.7vw;
|
|
|
-}
|
|
|
-.username p:nth-child(1){
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.username p:nth-child(2){
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.username p:nth-child(3){
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.userinfo .blcak{
|
|
|
- color: #22272e;
|
|
|
-}
|
|
|
+ .wrap_tittle {height: 10.6vw;line-height: 10.6vw;background: #fff;padding: 0 2.7vw;font-size: 3.4vw;color: #22272e;border-bottom: solid .27vw #e2e7ef;}
|
|
|
+.mIcon.wrap_tittle:before {width: 6.7vw;height: 6.7vw;background-position: -50.7vw -51.5vw;position: absolute;top: 28vw;} .mIcon.open:before {width: 10.6vw;height: 11.2vw;float: right;background-position: -48.8vw 2.7vw;}
|
|
|
+.right{width: 100%;} .new-s-item>form{overflow: hidden;background: #fff;padding: 2.7vw 2.7vw 4.5vw 2.7vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07)}
|
|
|
+.new-s-item>form>div{font-size: 3.4vw;color: #627386;width: 93.4vw;margin-bottom: 2.6vw;display: inline-block}
|
|
|
+.new-s-item>form>div.order-border{border: 1px solid #b8bfca;}
|
|
|
+.new-s-item>form>div.order-border span{padding-left: 2.7vw;}
|
|
|
+.new-s-item>form>label{float: left;margin-bottom: 2.6vw;font-size: 3.4vw;color: #627386;border: 1px solid #b8bfca;height: 11.8vw;padding-left: 2.7vw;line-height: 11.8vw}
|
|
|
+.Buyer{height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: 0;cursor: pointer;width: 72vw}
|
|
|
+.state{width: 93.4vw;height: 11.7vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 2.7vw;color: #627386;cursor: pointer;margin-top: 2.6vw}
|
|
|
+input::placeholder{color: #9aa5b5;}
|
|
|
+.query-btn{width: 35.3vw;height: 11.2vw;background-color: #ffe6dc;border-radius: .53vw;text-align: center;line-height: 11.2vw;color: #e15616;margin: 2.7vw 29.3vw;cursor: pointer;border: .27vw solid #e15616}
|
|
|
+.supplier-main{margin-top: 2.7vw;background: #fff;padding-top: 2.7vw;position: relative}
|
|
|
+.order-content{padding: 1.3vw 5.3vw;overflow: hidden}
|
|
|
+.order-title{background-color: #ffffff;padding: 0 5.3vw;overflow: hidden;font-size: 3.7vw;}
|
|
|
+.title-name{color: #e15616;margin-bottom: 3.8vw;}
|
|
|
+.title-time{color: #9aa5b5;margin-bottom:3.8vw;}
|
|
|
+.order-item{overflow:hidden ;}
|
|
|
+.order-item p{margin-bottom: 5.3VW;width: 50%;float: left;}
|
|
|
+.order-item.pay span{color: #e15616;}
|
|
|
+.red{color: #f94b4b;}
|
|
|
+.order-botton{width: 100%;overflow: hidden;height: 16vw;line-height: 16vw;}
|
|
|
+.order-botton div{float: right;}
|
|
|
+.order-botton a{margin-left: 2.7vw;width: 22.4vw;height: 9.6vw;background-color: #ffe6dc;border-radius: .53vw;border: solid 1px #e15616;text-align: center;line-height: 9.6vw;color: #e15616;display: inline-block}
|
|
|
+.order-botton .deatil{border: 1px solid #1890f9;line-height: 7.2vw;right: 5.7vw;position: absolute;top: 10vw;width: 22.4vw;height: 7.2vw;border-radius: 3.6vw;color: #1890f9;background: #e0f1ff}
|
|
|
+.order-product .product-img{width: 28VW;height: 28VW;border: solid 1px #e2e7ef;float: left;}
|
|
|
+.product-info .num:nth-child(1){float: left;}
|
|
|
+.product-info .num:nth-child(2){float: right;}
|
|
|
+.order-product .product-img img{width: 100%;height: 100%;}
|
|
|
+.order-product .product-info{float: right;width: 65%;}
|
|
|
+.order-product{overflow: hidden;margin-bottom: 1.9vw;}
|
|
|
+.product-info p{color: #627386;margin-top: 7px;overflow: hidden;}
|
|
|
+.userinfo{background-color: #f0f3f7;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 10px 20px;color: #627386;}
|
|
|
+.product-info h3{font-size: 3.7VW;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
|
|
|
+.userinfo p{display: inline-block;margin-bottom: 2.7vw;}
|
|
|
+.username p:nth-child(1){width: 100%;}
|
|
|
+.username p:nth-child(2){float: left;}
|
|
|
+.username p:nth-child(3){float: right;}
|
|
|
+.userinfo .blcak{color: #22272e;}
|
|
|
}
|