.page{  background-color: #f2f2f2; font-family:微软雅黑; }
.userinfo{  position: relative;  width: 100vw;   height: 50vw; padding:4vw 0 0 0;  background: -webkit-linear-gradient(left, #fe8f24, #ff5000);   color: #fff;  position:relative; }
.userinfo .clogo { max-width:90vw; max-height:20vw; min-height:16vw;  padding:4vw 0 0 4vw; }
.userinfo .clogo img { width:90vw; }

.userinfo .ulogo{ width:20vw;  height: 20vw;   border-radius:10vw;  margin:0vw 4vw;   float: left; overflow:hidden; background-color:#fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.userinfo .uwode{width:56vw;height:18vw; margin-top:4vw; overflow:hidden;  float: left;text-align:left;  }
.userinfo .ushezhi{  width:13vw; right:2vw; top:4vw;  margin-top:8vw;  position:absolute;    }
.userinfo .ushezhi a{ color:#fff;     }
.userinfo-avatar {
  display: block;
  max-width: 20vw;
 max-height: 20vw;
 text-align:center;text-align:center; 
 display: block;
background-color:#fff;   
}
.sppage{ width:90%; height:60px; clear:both; overflow:hidden; padding-bottom:15px;  margin:10px; line-height:25px;  float:left;  }
.sppage  a{  height:auto;  margin:0 5px; height:23px; line-height:23px; float:left; padding:0px 8px;   border:1px solid #ccc;  background-color:#fff; }
.sppage span {  height:auto; height:23px; line-height:23px; float:left;border:1px solid #ff5000; background-color:#ff5000;color:#fff;padding:0px 8px;  }


.fenxiao{  position: relative;  width: 100vw;  height: 40vw; padding:4vw 0 0 0;  background: -webkit-linear-gradient(top, #fe4543, #ff5000);   color: #fff;  position:relative; }
.fenxiao .ulogo{ width:20vw;  height: 20vw;   border-radius:10vw;  margin:0vw 4vw;   float: left; overflow:hidden; background-color:#fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.fenxiao .uwode{width:56vw;height:18vw; margin-top:4vw; overflow:hidden;  float: left;text-align:left;  }


.shoucang { width:100%; height:20vw; color:#fff;  clear:both; overflow:hidden;}
.shoucang .item { width:30%;height:16vw; margin-top:4vw;  float:left; text-align:center; }
.shoucang .item  a{color:#fff; }
.btncss { display:inline-block;height:30px; padding:0 15px; 
     background-color: #e72100; 
    background: -webkit-linear-gradient(top, #ee2e2c, #ff000f);
    border-radius:15px;color:#fff;font-size: 16px; font-weight:bold;border:0 none;text-align:center;line-height:30px  }

.fxitem { width:100%; height:auto;  clear:both; overflow:hidden; background-color:#fff;  }
.fxitem .item { width:48%;height:16vw; margin:4vw 0px;  float:left; text-align:center;  }
.border_r {border-right:1px solid #ddd;}

.fxitem2 { width:100%; height:auto; margin-top:10px;  clear:both; overflow:hidden; background-color:#fff;  }
.fxitem2 .item { width:33%;height:26vw;  line-height:7vw; padding-top:4vw; font-size:14px; float:left; text-align:center;border-bottom:1px solid #f2f2f2;   border-right:1px solid #f2f2f2; }
 .fxitem2 .item  a{color:#666;  }
.fxitem2 .item i{  font-size:24px; }
.fxitem2 .item span{   color:#333; }


.jifen { width:94%;  height:18vw;z-index:5; border-radius:10px;   background-color:#fff;  
overflow:hidden;   margin:-9vw auto 0px auto; position:relative;   }

.jifen .item { width:25%;  height:12vw;z-index:5; margin:10px;  border-right:1px solid #f2f2f2;  color:#656565; float:left;   }
.jifen .item img { width:80%;  }
.jifen .item2 { width:60%;   height:12vw; margin:4vw;   float:left; }


.order { width:94%; height:35vw;  margin:3vw; clear:both; overflow:hidden;background-color:#fff;  border-radius:3vw }
.order .tit{ width:96%; height:8vw; padding:0 2%; margin-bottom:15px;  clear:both; overflow:hidden;border-bottom:1px solid #edeee6; height:40px; line-height:40px;}
.order .item { width:20%;height:15vw; float:left; text-align:center; font-size:14px; position:relative; }
.order .item img { width:50%; }
.order .item i{ width:14px;height:14px; font-size:12px;position:absolute;  right:5px; border-radius:7px; border:1px solid #ff5000;  color:#ff5000; line-height:14px;  }



.gongju {width:94%; height:65vw; margin:3vw; clear:both; overflow:hidden;background-color:#fff;  border-radius:3vw;  }
.gongju .tit{ width:96%; height:8vw; padding:0 2%; margin-bottom:15px;  clear:both; overflow:hidden;border-bottom:1px solid #edeee6; height:40px; line-height:40px;}
.gongju .item { width:25%;height:25vw; float:left; text-align:center; }
.gongju .item img { width:50%; }

.shangjia {width:94%; height:35vw; margin:3vw; clear:both; overflow:hidden;background-color:#fff;  border-radius:3vw;  }
.shangjia .tit{ width:96%; height:8vw; padding:0 2%; margin-bottom:15px;  clear:both; overflow:hidden;border-bottom:1px solid #edeee6; height:40px; line-height:40px;}
.shangjia .item { width:25%;height:25vw; float:left; text-align:center; }
.shangjia .item i {  font-size:10vw!important; margin-top:3vw; }

.tongji {width:94%; height:auto; margin:3vw; clear:both; overflow:hidden;background-color:#fff;  border-radius:3vw;  }
.tongji .tit{ width:96%; height:8vw; padding:0 2%; margin-bottom:15px;  clear:both; overflow:hidden;border-bottom:1px solid #edeee6; height:40px; line-height:40px;}
.tongji .item { width:96%; height:40px; padding:0 2%;  clear:both;  }

.tuijian {   width:100%; height:auto;  clear:both; overflow:hidden;}
.tuijian .tit{   width:100%;  clear:both; overflow:hidden;}
.tuijian .tit img{   width:100%;  }

/*myset*/
.toptit { width:96%; padding:0px 2%; height:40px; line-height:40px;  clear:both; overflow:hidden;}
.toptit .fanhui { width:10%; height:40px; line-height:40px; float:left; }
.toptit .info { width:80%; height:40px; line-height:40px; float:left; }
.toptit .home{ width:10%; height:40px; line-height:40px;  float:left; }


.myset{  position: relative;  width: 100vw;  height: 20vw; padding:2vw 0;background-color:#fff;   color: #666;  position:relative; }
.myset .ulogo{ width:16vw;  height: 16vw; margin:2vw 2vw 0 4vw;   border-radius:10vw;   float: left; overflow:hidden;  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
.myset .uwode{width:65vw;height: 16vw; margin-top:2vw; overflow:hidden;  float: left;text-align:left;  }
.myset .ushezhi{ width:15vw; right:2vw; top:4vw;  margin-top:5vw;  position:absolute;    }

.setlist { width:100%;  height:auto; background-color:#fff;  }
.setlist .tit { width:92%; margin-left:4%;padding-right:4%;  height:40px; line-height:40px; background-color:#fff;     }
.setlist .item { width:92%; margin-left:4%;padding-right:4%;  height:40px; line-height:40px; background-color:#fff;  border-bottom:1px solid #dfdfdf;   }
.setlist .item i{float:right;   }
.setlist .item2 { width:100%;   height:40px; line-height:40px; background-color:#fff;     }

    .setlist .item .span { float:left;    }
    .setlist .item .span2 { float:right;    }

.regitem { float:left; width:100%; padding:12px 0}
.regitem .regleft { float:left;}
.regitem .regleft { width:20%; text-align:right; padding-right:5px; font-size:14px; color:#666; line-height:40px; height:40px}
.regitem .regleft2 { width:96%; text-align:left; padding-left:2%; font-size:14px; color:#666;  }
    .regitem .regright { width:75%;float:left;
    }
.regitem .regright .f { display:block; clear:both; overflow:hidden; *overflow:visible}
.regitem .regright select { height:40px;  }
.regitem .regright .onshow { display:inline-block; *width:100%; *display:block; *float:left; line-height:40px; height:40px; font-size:13px; color:#999;}
.regitem .regright .post-contact {*float:left}
.regitem .reginput {float: left; margin-right:15px; color:#666; border:#AAA solid 1px; height:40px; padding-left:9px; line-height:40px; color:#555; font-size:14px;border-radius: 3px; -moz-border-radius: 3px;}
.regitem .regselect { float:left; padding: 9px 7px 8px 5px; font-size:14px; color:#666; font-size:14px; border-radius: 3px; -moz-border-radius: 3px; margin:0 15px 0 0; border:#AAA solid 1px}
.regitem .regselect option { font-size:14px}
.regitem .w45 { width:44%; margin:1%;}
.regitem .regright .w250 { width:90%; margin:1%;}
.regitem .regleft2 .w95 { width:96%; outline:0px; }

.btntuichu { background-color:#fff; border:0px solid #fff;
}

.myclass{ width:100%; height:auto; position:fixed;  background-color:#fff;       }
.myclass div { width:45%; margin:2% 2%; height:30px; line-height:30px; font-size:14px;  float:left; text-align:center; 
  border:1px solid #dd2727; border-radius: 20px;     }
.myclass div text {  text-align:center; width:40vw;        }

.guanzhu { width:94%; margin:0px 3%; height:60px; margin:10px auto; clear:both;  border-bottom:1px solid #f2f2f2;  }
.guanzhu .gimg { width:18%; margin:0px 2%; float:left; }
.guanzhu .gimg img { width:100%; max-height:50px; max-width:50px;  margin:5px; margin:0px auto;  border-radius:50%; }
.guanzhu .gtxt { width:70%; line-height:50px; font-size:16px; float:left;  }
.guanzhu .pjtxt { width:70%; line-height:20px; font-size:13px; float:left;  }
.guanzhu .pjtxt .btn { display:inline-block;height:30px; padding:0 5px; 
     background-color: #e72100; 
    background: -webkit-linear-gradient(top, #ee2e2c, #ff000f);
    border-radius:15px;color:#fff;font-size: 16px; font-weight:bold;border:0 none;text-align:center;line-height:30px  }

.myzuji { width:94%;  height:auto; margin:10px 3%; clear:both; overflow:hidden; padding-bottom:10px;  border-bottom:1px solid #f2f2f2;  }
.myzuji .gimg { width:32vw; height:32vw;  margin:10px 2%; float:left; }
.myzuji .gimg img { width:100%; max-height:32vw; max-width:32vw;  margin:0px auto;  }
.myzuji .gtxt { width:58vw; height:32vw;  line-height:8vw; font-size:14px; float:left;  }
.myzuji .gtxt .price { font-size:18px; }

.pingjia{  width:93%;  margin:5% auto;    } 
.pingjia .btn{ display:inline-block;width:100%;height:40px;
     background-color: #e72100; 
    background: -webkit-linear-gradient(top, #ee2e2c, #ff000f);
    border-radius:20px;color:#fff;font-size: 16px; font-weight:bold;border:0 none;text-align:center;line-height: 40px  }  


.useright .rtnav { width:100%; border-bottom:#E5E5E5 solid 1px; height:55px;}
.useright .rtnav li { float:left; font-size:18px}
.useright .rtnav li a { float:left; color:#999; text-decoration:none;height:45px; line-height:45px; padding:0 20px;}
.useright .rtnav li.focus a{ color:#333333}
.useright .rtnav li a:hover { color:#FF552E}