'over'

dist/css/bind.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/common.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/coupon.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/fillInformation.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/master.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/mixins.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/myOrder.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;
@@ -220,7 +221,7 @@ body {
   height: 0.56rem;
   width: 3.2rem;
   overflow: hidden;
-  background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
+  background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
   /*五星好评媒体样式*/
   vertical-align: middle;
   margin-top: 0.45333333rem;
@@ -230,9 +231,9 @@ body {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    height: 0.82666667rem;
+    height: 33px;
     width: 5.33333333rem;
-    background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
+    background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
   }
 }
 @media (min-width: 1041px) {
@@ -240,9 +241,9 @@ body {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    height: 0.82666667rem;
+    height: 53px;
     width: 4.8rem;
-    background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
+    background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
   }
 }
 .reviewsDetails > p {

dist/css/personalPage.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/photographyPage.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;
@@ -289,44 +290,130 @@ body {
   display: block;
   font-weight: 400;
   margin-bottom: 0.53333333rem;
+  font-size: 0.8rem;
 }
 .user .user-detail > em {
   display: block;
 }
 .user .user-detail > em > i {
   display: inline-block;
-  margin: 0.05333333rem 0.16rem 0rem 0rem;
+  margin-right: 0.16rem;
+  vertical-align: middle;
 }
-.user .user-detail p {
+.user .user-detail > span {
+  display: inline-block;
+  height: 0.90666667rem;
+  line-height: 0.90666667rem;
+  overflow: hidden;
+  position: relative;
+  vertical-align: middle;
   text-align: center;
 }
-.user .user-detail .stars {
+.user .user-detail > span > .emptyStar {
+  display: inline-block;
+  height: 0.53333333rem;
+  width: 3.2rem;
+  vertical-align: middle;
+  overflow: hidden;
+  background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
+  /*五星好评媒体样式*/
+  background: url("../../dist/img/sprites-sale.png") no-repeat 0px -15px;
+  /*空星差评媒体样式*/
+}
+@media (min-width: 650px) and (max-width: 1040px) {
+  .user .user-detail > span > .emptyStar {
+    display: inline-block;
+    vertical-align: middle;
+    overflow: hidden;
+    height: 33px;
+    width: 5.33333333rem;
+    background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
+  }
+}
+@media (min-width: 1041px) {
+  .user .user-detail > span > .emptyStar {
+    display: inline-block;
+    vertical-align: middle;
+    overflow: hidden;
+    height: 53px;
+    width: 4.8rem;
+    background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
+  }
+}
+@media (min-width: 650px) and (max-width: 1040px) {
+  .user .user-detail > span > .emptyStar {
+    background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px -32px;
+  }
+}
+@media (min-width: 1041px) {
+  .user .user-detail > span > .emptyStar {
+    background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px -46px;
+  }
+}
+.user .user-detail > span > .stars {
+  position: absolute;
+  top: 0.10666667rem;
   display: inline-block;
-  height: 0.56rem;
-  width: 3.04rem;
+  height: 0.53333333rem;
+  width: 3.2rem;
   vertical-align: middle;
   overflow: hidden;
-  background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
+  background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
   /*五星好评媒体样式*/
+  left: -5.33333333rem;
 }
 @media (min-width: 650px) and (max-width: 1040px) {
-  .user .user-detail .stars {
+  .user .user-detail > span > .stars {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    height: 0.82666667rem;
+    height: 33px;
     width: 5.33333333rem;
-    background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
+    background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
   }
 }
 @media (min-width: 1041px) {
-  .user .user-detail .stars {
+  .user .user-detail > span > .stars {
+    display: inline-block;
+    vertical-align: middle;
+    overflow: hidden;
+    height: 53px;
+    width: 4.8rem;
+    background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
+  }
+}
+@media (max-width: 650px) {
+  .user .user-detail > span > .stars {
+    position: absolute;
+    top: 0.24rem;
+    display: inline-block;
+    height: 0.53333333rem;
+    width: 3.2rem;
+    vertical-align: middle;
+    overflow: hidden;
+    background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
+    /*五星好评媒体样式*/
+    left: -5.33333333rem;
+  }
+}
+@media (max-width: 650px) and (min-width: 650px) and (max-width: 1040px) {
+  .user .user-detail > span > .stars {
+    display: inline-block;
+    vertical-align: middle;
+    overflow: hidden;
+    height: 33px;
+    width: 5.33333333rem;
+    background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
+  }
+}
+@media (max-width: 650px) and (min-width: 1041px) {
+  .user .user-detail > span > .stars {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    height: 0.82666667rem;
+    height: 53px;
     width: 4.8rem;
-    background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
+    background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
   }
 }
 .user .sex {
@@ -427,7 +514,7 @@ body {
   z-index: 5;
   width: 100%;
   bottom: 0rem;
-  opacity: .5;
+  opacity: .7;
   height: 3.2rem;
   margin: 0.8rem 0rem 0rem 0rem;
   padding: 0rem 0.53333333rem;

dist/css/sale.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/search.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/selectCity.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

dist/css/workDetail.css

@@ -47,6 +47,7 @@
 /*蓝色字体效果*/
 /*大按钮效果*/
 /*五星好评*/
+/*空星差评*/
 /*头部*/
 body {
   background: #ffffff;

src/js/public.js

@@ -30,6 +30,46 @@ window.onload=function() {
     },false);
 }
 
+/*星级评定*/
+$(function(){
+    function star(){
+        var n=3;
+        var step=40;
+        var fiveWidth=200;
+        var range=window.screen.width;
+        if(range<=320){
+            step=20;
+            fiveWidth=100;
+        }else if(range<=375){
+            step=40;
+            fiveWidth=200;
+        }else{
+            step=59;
+            fiveWidth=298;
+        }
+        var offset=n*step-fiveWidth+"px";
+        $("#fiveStars").css("left",offset);
+        return n;
+    }
+    star();
+})
+/*用户评星*/
+var Stars=$("#giveStars").find("i");
+Stars.click(function(){
+    var len=Stars.size();
+    var This=$(this);
+    var Index=This.index();
+    if(This.hasClass("icon-icon_favourite_normal")){
+        for(var i=0;i<=Index;i++){
+            Stars.eq(i).removeClass().addClass("icon-icon_favourite_check");
+        }
+    }else if(This.hasClass("icon-icon_favourite_check")){
+        for(var j=Index+1;j<=len;j++){
+            Stars.eq(j).removeClass().addClass("icon-icon_favourite_normal");
+        }
+    }
+});
+
 /*搜索页面相关js效果*//*
 
          /*清空搜索内容*/

src/less/appointment.less

@@ -17,7 +17,6 @@ body{
     .px1rem(margin-right,20);
     background: #b2b2b2;
     .px1rem(border-radius,6);
-
   }
   >div:last-child{
     .px1rem(width,465);
@@ -49,15 +48,16 @@ body{
     }
   }
   .message{
-    .px1rem(font-size,24);
+    .px1rem(font-size,26);
     position: absolute;
-    .px1rem(bottom,10);
+    .px1rem(bottom,15);
+    .px1rem(height,30);
+    .px1rem(line-height,30);
     .px1rem(right,20);
     >i{
       display: inline-block;
-      position: absolute;
-      .px1rem(top,9);
-      .px1rem(left,-26);
+      vertical-align: middle;
+      .px1rem(margin-right,5);
     }
   }
   .price{
@@ -73,13 +73,36 @@ body{
   .px1rem(font-size,30);
   .px1rem(height,180);
   .px2rem(padding,0,20);
-   border-top:1px solid #cccccc;
   >h2{
     .px1rem(height,90);
     .px1rem(line-height,90);
     border-bottom:1px solid #cccccc;
-    >i.stars{
-      .fiveStars(19,250);
+  >span{
+    display: inline-block;
+    .px1rem(width,300);
+    .px1rem(height,34);
+    .px1rem(line-height,34);
+    overflow: hidden;
+    position: relative;
+    vertical-align: middle;
+    >i{
+      position: absolute;
+      .px1rem(top,0);
+    }
+    @media (max-width:650px) {
+      >i{
+        position: absolute;
+        .px1rem(top,6);
+      }
+    }
+    >.emptyStar{
+      .fiveStars(20,120);
+      .zeroStars(20,250);
+    }
+    >.stars{
+      .fiveStars(20,120);
+      .px1rem(left,-200);
+    }
   }
  }
   >span{
@@ -94,7 +117,8 @@ body{
     position: relative;
     >i{
       display: inline-block;
-      .px1rem(margin-right,6)
+      .px1rem(margin-right,4);
+      vertical-align: middle;
     }
   }
   >span:last-child{
@@ -110,19 +134,36 @@ body{
     .circlePortrait(140);
     .px1rem(margin-right,30);
     background: #525252;
+    overflow: hidden;
+    border: 1px solid #cccccc;
+    img{
+      .px1rem(width,140);
+      .px1rem(height,140);
+    }
   }
 >div:nth-child(2){
   float:left;
   .clearfix();
+  position: relative;
+ overflow: hidden;
   >h2{
     .px1rem(height,40);
     .px1rem(line-height,40);
     .px1rem(font-size,32);
+    .px1rem(margin-bottom,55);
   }
   >i{
-    display: block;
-    .px1rem(height,40);
-    .fiveStars(22,120);
+    position: absolute;
+    .px1rem(top,56);
+    .px1rem(left,0);
+  }
+  >.emptyStar{
+    .fiveStars(20,120);
+    .zeroStars(20,250);
+  }
+  >.stars{
+    .fiveStars(20,120);
+    .px1rem(left,-200);
   }
   >span{
     display: block;
@@ -140,7 +181,7 @@ body{
  }
 }
 /*客户信息、价格详情模块*/
-.appoinmentDetails{
+.appoinmentDetails {
   position: relative;
   >div.details{
     >h2{
@@ -177,8 +218,8 @@ body{
           >i{
             display: block;
              position: absolute;
-            .px1rem(top,10);
-            .px1rem(left,38);
+            .px1rem(top,2);
+            .px1rem(left,32);
           }
         }
       }
@@ -192,23 +233,30 @@ body{
         float:left;
       }
       >.discuss{
-        .px1rem(padding-left,80);
+        .px1rem(padding-left,20);
         position: relative;
         .icon-icon_less{
           display: inline-block;
-          position: absolute;
-          .px1rem(top,10);
-          .px1rem(left,25);
+          vertical-align: middle;
+          .px1rem(margin-right,10);
         }
         .icon-coupon_next{
           display: inline-block;
-          .px4rem(margin,9,0,0,-10);
+          .px4rem(margin,10,0,0,-10);
+        }
+        @media (max-width:650px) {
+          .icon-coupon_next{
+            display: inline-block;
+            .px4rem(margin,16,0,0,-10);
+          }
         }
       }
       /*五星评价与评级内容*/
       >div.judgments{
         .px2rem(padding,0,20);
         position: relative;
+        height: 422px;
+        overflow: hidden;
         >small{
           position: absolute;
           .px1rem(top,-50);
@@ -217,14 +265,24 @@ body{
            color:#cccccc;
         }
         >h2{
-          .px1rem(font-size,32);
-          .px2rem(margin,40,0);
-          >i.stars{
-              .fiveStars(19,250);
+          .px1rem(font-size,28);
+          .px1rem(height,100);
+          .px1rem(line-height,100);
+          >span{
+            display: inline-block;
+            .px1rem(width,300);
+            .px1rem(height,100);
+            .px1rem(line-height,100);
+             overflow: hidden;
+             vertical-align: middle;
+            >i{
+              display: inline-block;
+              vertical-align: middle;
+            }
           }
         }
         >textarea{
-          .px1rem(font-size,24);
+          .px1rem(font-size,22);
           color: #99999;
           border: none;
         }
@@ -244,7 +302,7 @@ body{
       }
       >small{
         display: inline-block;
-        .px1rem(font-size,28);
+        .px1rem(font-size,24);
         .px2rem(padding,25,20);
         .px1rem(line-height,33);
         color: #99999;
@@ -258,7 +316,7 @@ body{
       .px2rem(padding,0,20);
       .px1rem(height,60);
       .px1rem(line-height,60);
-      .px1rem(font-size,28);
+      .px1rem(font-size,26);
       >a{
         color: #c2c2c2;
         .px1rem(font-size,26);
@@ -289,7 +347,7 @@ body{
     }
     ul li.payWays{
       .px1rem(height,180);
-      .px1rem(padding-left,100);
+      .px1rem(padding-left,30);
       >p{
         position: relative;
         .px1rem(height,70);
@@ -298,15 +356,12 @@ body{
           display: inline-block;
           .px1rem(width,25);
           position: absolute;
-          .px1rem(top,7);
-          .px1rem(left,-75);
+          .px1rem(top,10);
+          .px1rem(left,-20);
         }
         >i{
           display: inline-block;
-          position: absolute;
-          .px1rem(top,18);
-          .px1rem(left,-28);
-
+          vertical-align: middle;
         }
       }
     }
@@ -351,7 +406,7 @@ body{
   .px2rem(padding,40,80);
   background: #f9f9f9;
   >h2{
-    .px1rem(font-size,28);
+    .px1rem(font-size,26);
     color: #999999;
     .px4rem(margin,30,0,30,0);
     text-align: center;
@@ -364,7 +419,7 @@ body{
     .label();
     color:#d3d3d3;
     border: 1px solid #d3d3d3;
-    .px1rem(font-size,28);
+    .px1rem(font-size,24);
     .px4rem(margin,0,25,20,0);
     .px1rem(border-radius,22);
     >input[type='radio']{
@@ -379,10 +434,13 @@ body{
  }
 /*取消订单详细原因*/
 .detailedReason{
-  .px2rem(padding,30,20);
+  .px2rem(padding,30,40);
+  .px1rem(height,400);
+  overflow: hidden;
 >textarea{
-  .px1rem(font-size,28);
+  .px1rem(font-size,24);
    border: none;
+  color:#666666;
  }
 }
 /*查看成片页面*/

src/less/mixins.less

@@ -203,23 +203,36 @@
     .px1rem(width,@width);
   vertical-align: middle;
     overflow: hidden;
-    background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
+    background:  url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
   /*五星好评媒体样式*/
   @media (min-width: 650px)  and (max-width: 1040px) {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    .px1rem(height,31);
+    height:33px;
+   // .px1rem(height,31);
     .px1rem(width,200);
-     background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
+     background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
   }
   @media (min-width: 1041px) {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
-    .px1rem(height,31);
+    height:53px;
+   // .px1rem(height,29);
    .px1rem(width,180);
-      background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
+      background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
+  }
+}
+/*空星差评*/
+.zeroStars(@height,@width){
+  background: url("../../dist/img/sprites-sale.png") no-repeat 0px -15px;
+  /*空星差评媒体样式*/
+  @media (min-width: 650px)  and (max-width: 1040px) {
+    background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px -32px;
+  }
+  @media (min-width: 1041px) {
+    background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px -46px;
   }
 }
 

src/less/photographyPage.less

@@ -31,20 +31,42 @@ body{
       display: block;
       font-weight: 400;
       .px1rem(margin-bottom,20);
+      .px1rem(font-size,30);
     }
     >em{
       display: block;
       >i{
         display: inline-block;
-        .px4rem(margin,2,6,0,0);
+        .px1rem(margin-right,6);
+        vertical-align: middle;
       }
     }
-    p{
+    >span{
+      display: inline-block;
+      .px1rem(height,34);
+      .px1rem(line-height,34);
+      overflow: hidden;
+      position: relative;
+      vertical-align: middle;
       text-align: center;
+      >.emptyStar{
+        .fiveStars(20,120);
+        .zeroStars(20,250);
+      }
+      >.stars{
+        position: absolute;
+        .px1rem(top,4);
+        .fiveStars(20,120);
+        .px1rem(left,-200);
+      }
+      @media (max-width: 650px) {
+        >.stars{
+          position: absolute;
+          .px1rem(top,9);
+          .fiveStars(20,120);
+          .px1rem(left,-200);
+        }
       }
-    .stars{
-      vertical-align: middle;
-      .fiveStars(21,114);
     }
   }
   .sex {
@@ -117,7 +139,6 @@ body{
       border-bottom: 4px solid #666666;
     }
   }
-
   >.setsPro{
     .px1rem(margin-bottom,10);
     .px1rem(height,488);
@@ -136,7 +157,7 @@ body{
       z-index:5;
       width:100%;
       .px1rem(bottom,0);
-      opacity: .5;
+      opacity: .7;
       .px1rem(height,120);
       .px4rem(margin,30,0,0,0);
       .px2rem(padding,0,20);

src/pages/交易/appointment.html → src/pages/appointment.html

-<!DOCTYPE html>
@@ -6,11 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：预约页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
-
-
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -26,11 +24,12 @@
 </section>
 <section class="appoinmentContent">
     <div class="headPortrait">
-        <img src="" alt=""/>
+        <img src="../img/head.jpg" alt=""/>
     </div>
     <div>
         <h2>太阳卷卷毛</h2>
-        <i class="stars"></i>
+        <i class="emptyStar" ></i>
+        <i class="stars" id="fiveStars"></i>
         <span>
             <a href="">联系TA</a> <a href="">查看档期</a>
         </span>
@@ -91,17 +90,20 @@
    <!-- </form>-->
 </div>
 <!--<script src="../../src/js/jquery.min.js"></script>-->
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
-<!--模态js引用-->
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <script type="text/javascript">
+
+  /*模态框效果js调用*/
     $(function(){
         $('#trigger').leanModal({ top: 450, overlay: 0.5, closeButton: ".hidemodal" });
         $('#modaltrigger').leanModal({ top: 450, overlay: 0.5, closeButton: ".hidemodal" });
     });
 </script>
+<script>
 
+</script>
 </body>
 </html>
\ No newline at end of file

src/pages/交易/orderDetails_abandon.html → src/pages/orderDetails_abandon.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -30,7 +30,10 @@
 </section>
 <section class="photographerStar">
    <h2>
-       摄影师星级：<i class="stars"></i>
+       摄影师星级：
+       <span><i class="emptyStar" ></i>
+               <i class="stars" id="fiveStars"></i>
+        </span>
    </h2>
     <span><i class="icon-private-letter"></i> 太阳卷卷毛</span>
     <span><i class="icon-call"></i> 15203666845</span>
@@ -70,9 +73,9 @@
     </div>
 </section>
 </form>
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
 
 </body>
 </html>
\ No newline at end of file

src/pages/交易/orderDetails_cancel.html → src/pages/orderDetails_cancel.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <form action="">
@@ -24,7 +24,7 @@
 </section>
 <section class="reason">
     <div class="bgPicture">
-        <img src="../../img/cancelBg.png" alt=""/>
+        <img src="../img/cancelBg.png" alt=""/>
     </div>
     <h2>可以填写一下取消原因吗？我们想做得更好~</h2>
     <div id="cancelLabel">
@@ -39,11 +39,11 @@
     </div>
 </section>
 <section class="detailedReason">
-    <textarea name="" id="" cols="47" rows="15" placeholder="可以在这里直接描述你的原因哟.."></textarea>
+    <textarea name="" id="" cols="54" rows="13" placeholder="可以在这里直接描述你的原因哟.."></textarea>
 </section>
 </form>
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
 <!--<script src="../js/public.js"></script>-->
 <script>
     $(function(){

src/pages/交易/orderDetails_deal.html → src/pages/orderDetails_deal.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -30,7 +30,10 @@
 </section>
 <section class="photographerStar">
    <h2>
-       摄影师星级：<i class="stars"></i>
+       摄影师星级：
+       <span><i class="emptyStar" ></i>
+               <i class="stars" id="fiveStars"></i>
+        </span>
    </h2>
     <span><i class="icon-private-letter"></i>太阳卷卷毛</span>
     <span><i class="icon-call"></i>15203666845</span>
@@ -70,8 +73,8 @@
     </div>
 </section>
 </form>
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
 </body>
 </html>
\ No newline at end of file

src/pages/交易/orderDetails_feedback.html → src/pages/orderDetails_feedback.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -31,8 +31,16 @@
         <ul>
             <li>
                 <div class="judgments">
-                    <h2>请对服务进行评星：<i class="stars"></i> </h2>
-                    <textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
+                    <h2>请对服务进行评星：
+                       <span id="giveStars">
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                     </span>
+                    </h2>
+                    <textarea name="" id="" cols="63" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
                 </div>
                 <span class="bg"></span>
                 <small>你对摄影师的服务选择了五星，确认评价后，全额款项将结算给摄影师。</small>
@@ -44,8 +52,11 @@
     </div>
 </section>
 </form>
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script>
+
+</script>
 </body>
 </html>
\ No newline at end of file

src/pages/交易/orderDetails_opinion.html → src/pages/orderDetails_opinion.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -88,10 +88,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_orders.html → src/pages/orderDetails_orders.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -73,10 +73,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_over.html → src/pages/orderDetails_over.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -87,10 +87,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_pay.html → src/pages/orderDetails_pay.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">

src/pages/交易/orderDetails_photo.html → src/pages/orderDetails_photo.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -85,10 +85,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_receive.html → src/pages/orderDetails_receive.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -86,10 +86,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_revision.html → src/pages/orderDetails_revision.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -32,7 +32,15 @@
             <li>
                 <div class="judgments">
                    <small>（需高于原评价且在3星以上，只可修改一次）</small>
-                    <h2>请对服务进行评星：<i class="stars"></i> </h2>
+                    <h2>请对服务进行评星：
+                       <span id="giveStars">
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                            <i class="icon-icon_favourite_normal"></i>
+                     </span>
+                    </h2>
                     <textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
                 </div>
                 <span class="bg"></span>
@@ -45,8 +53,8 @@
     </div>
 </section>
 </form>
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
 </body>
 </html>
\ No newline at end of file

src/pages/交易/orderDetails_shot.html → src/pages/orderDetails_shot.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -84,10 +84,10 @@
     <input type="button" value="确认支付"/>
 </div>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
-<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
+<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
 <!--模态js引用-->
 <script type="text/javascript">
     $(function(){

src/pages/交易/orderDetails_viewPhoto.html → src/pages/orderDetails_viewPhoto.html

-<!DOCTYPE html>
@@ -6,9 +6,9 @@
     <meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
     <meta name="description" content="米拍摄影服务平台">
     <title>米拍：订单详情页面</title>
-    <link rel="stylesheet" href="../../../dist/css/base.css">
-    <link rel="stylesheet" href="../../../dist/css/appointment.css">
-    <link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
+    <link rel="stylesheet" href="../../dist/css/base.css">
+    <link rel="stylesheet" href="../../dist/css/appointment.css">
+    <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
 </head>
 <body>
 <header class="header">
@@ -18,17 +18,17 @@
     <ul>
         <li>
             <div>
-                <img src="../../img/tokyo.png" alt=""/>
+                <img src="../img/tokyo.png" alt=""/>
             </div>
         </li>
         <li>
             <div>
-                <img src="../../img/example.png" alt=""/>
+                <img src="../img/example.png" alt=""/>
             </div>
         </li>
         <li>
             <div>
-                <img src="../../img/test.png" alt=""/>
+                <img src="../img/test.png" alt=""/>
             </div>
         </li>
     </ul>
@@ -44,9 +44,9 @@
     </form>
 </section>
 
-<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
-<script src="../../js/flexible.js"></script>
-<script src="../../js/public.js"></script>
+<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
+<script src="../js/flexible.js"></script>
+<script src="../js/public.js"></script>
 <script>
     var select = $(".checkbox");
     var hook=select.find("i");

src/pages/photographyPage.html

@@ -22,7 +22,9 @@
     <div class="user-detail">
         <strong >太阳卷卷毛</strong>
         <em class="area"><i class="icon-icon_man"></i>四川&nbsp;成都</em>
-        <p><i class="stars"></i></p>
+         <span><i class="emptyStar" ></i>
+               <i class="stars" id="fiveStars"></i>
+        </span>
     </div>
     <div class="user-info">
         <div class="orders">约单数:&nbsp;666</div>