﻿
        *{margin:0;padding:0;list-style-type:none;}
        html { font-size:62.5%;        }
        body { text-align:left;color:#444;font-size:14px; font-size:1.4rem;font-family:"microsoft yahei"; background-color:#12AAA6; display:block;  -webkit-text-size-adjust:none; max-width:600px; margin:auto;}
        .clear{ clear:both;}
        .mybody{width:100%; max-width:600px; min-width:380px; margin:auto; height:auto; padding-bottom:58px;}
        .mybody a{color:#333333;}
        #myHead a{color:#ffffff; text-decoration:none;}
        /*会员中心头部*/
        #myHead{width:100%; max-width:100%; height:165px; overflow:hidden; background:#17C1B9;}/*background:url('/images/wjhuser/head_bg1.jpg') no-repeat center;background-size:cover;*/
        #myHead .bianji{height:20px;padding-top:12px; text-align:right; float:right; width:50px; right:20px; text-align:center;}
        #myHead .banben{height:20px;padding-top:12px; text-align:right; float:right; width:50px;  right:70px; text-align:center;}
        #myHead .myface{width:70px; height:70px; color:#ffff00; font-family:'Microsoft YaHei'; font-size:22px; text-align:center;margin:auto; margin-top:12px; border:2px solid #f7f7f7; background:#ffffff;
                        border-radius:60px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 60px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 60px; /* Webkit浏览器的私有属性 */}
        #myHead .myface img{width:70px; height:70px;
                        border-radius:60px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 60px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 60px; /* Webkit浏览器的私有属性 */}
       #myHead  .myname{color:#fff;font-family:'Microsoft YaHei';font-size:13px; text-align:center; margin-top:2px;}
       #myHead .myjiaose{width:auto; height:16px; line-height:16px; text-align:center;  margin-top:15px; }
       #myHead .myjiaose label{width:auto; height:16px; line-height:16px; text-align:center; padding:2px 10px 2px 10px; background:#FFD900; margin:auto; color:#043C6B;
                         border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; */}
            #myHead .daohang {
                height: 46px;
                margin-top: -10px;
                background: #15B0A9;
            }
       #myHead .fwimg{width:38px; height:36px; position:absolute; margin-top:-41px; margin-left:10px;
                               background-image: url('/images/wjhuser/fu.png'); background-repeat:no-repeat;}
       #myHead .qdimg{width:38px; height:36px; position:absolute; margin-top:-41px; margin-left:10px;
                               background-image: url('/images/wjhuser/qiang.png'); background-repeat:no-repeat;}
       #myHead .fwtitle{width:110px; height:38px; padding-top:4px; position:absolute; margin-top:-44px; margin-left:18px; font-family:'Microsoft YaHei'; font-size:13px; line-height:18px; color:#ffffff; border-right:2px solid rgba(255,255,255,0.3);}
       #myHead .yeimg{width:38px; height:36px; position:absolute; margin-top:-41px; margin-left:120px;
                               background-image: url('/images/wjhuser/yu.png'); background-repeat:no-repeat;}
       #myHead .yetitle{width:110px; height:38px; padding-top:4px; position:absolute; margin-top:-44px; margin-left:137px; font-family:'Microsoft YaHei'; font-size:13px; line-height:18px; color:#ffffff; border-right:2px solid rgba(255,255,255,0.3);}
       #myHead .tuiimg{width:38px; height:36px; position:absolute; margin-top:-41px; margin-left:230px;
                               background-image: url('/images/wjhuser/tui.png'); background-repeat:no-repeat;}
       #myHead .tuititle{width:60px; height:38px;padding-top:4px; position:absolute; margin-top:-44px; margin-left:340px; font-family:'Microsoft YaHei'; font-size:13px; line-height:18px; color:#ffffff;}
       #myHead span{display:block;color:#fef101;}
       #myHead .bilititle{width:110px; height:38px; padding-top:4px; position:absolute; margin-top:-44px; margin-left:255px; font-family:'Microsoft YaHei'; font-size:13px; line-height:18px; color:#ffffff;}
       /*会员中心头部*/
.user-info-wapper{
	background-color: #17C1B9; padding: 10px; padding-bottom: 25px;
}
.user-info-bg{
	background-color: #12AAA6; border-radius: 4px; padding: 10px;
}
.user-info{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
.user-next{padding-top:3px;}
.user-info .user-detail-wapper{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		        justify-content: center;-webkit-box-align: start;-webkit-align-items: flex-start;align-items: flex-start;padding-left: 10px;
}
.user-info .user-detail-wapper .user-name{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
  color: #F5ECD6;
  font-size: 13px;
}
.user-info .user-detail-wapper .user-rank-wapper{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;border-radius: 20px;
	background-color: #FEFFF9; padding:2px 8px; 
  margin-top:2px; 
}
.user-info .user-detail-wapper .user-rank-wapper .user-rank-icon{
	font-weight: bold; color: #E0C187;line-height: 1.0;font-size: 7px;
}
.user-info .user-detail-wapper .user-rank-wapper .user-rank-name{
	font-size: 10px; font-weight:500; color: #0D8A7F;line-height: 1; padding-left: 5px;margin-top:1px;  padding-bottom:1px;
}
.user-info .rank-desc-wapper{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.user-info .rank-desc-wapper .rank-desc{
	background-color:#17C1B9;color: #ffffff;width: 60px; border-radius: 4px;height: 22px;
	font-size: 12px; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;
}
.user-info .user-pic{
	border-radius: 100%; width:55px; height: 55px; margin-top: 5px;
}
.user-rank{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;height: 13px; margin-top: 10px;
}
       
       
       /*我的订单*/
      #myOrder{width:100%; height:136px; border-bottom:1px #e5e5e5 solid; margin-top:8px;background:#ffffff; padding:5px 0px;}
      #myOrder .orderleft{float:left; width:35px; height:35px;background:#fef101; margin-left:10px; margin-top:3px; background:url('/images/wjhuser/allicon.png') 0px 0px;}
      #myOrder .orderright{float:left;width:80%; margin-left:10px; height:100%;}
      #myOrder .orderright .title1{float:left; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 solid;}
      #myOrder .orderright .title1 span{float:right; padding:2px 10px; background:#37B7FB; height:15px; line-height:15px; color:#fff; margin-top:13px;border-radius:3px; margin-left:6px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myOrder .orderright .title1 label{float:right; height:21px; width:10px; margin-top:11px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}

      #myOrder .orderright .title2{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 dashed;}
      #myOrder .orderright span{float:right; padding:2px 8px; height:15px; line-height:15px; color:#000000; margin-top:7px;border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myOrder .orderright label{float:right; height:21px; width:10px; margin-top:5px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}
      #myOrder .orderright .title3{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei';}

      /*我的分销*/
      #myFenxiao{width:100%; height:133px; border-bottom:1px #e5e5e5 solid; margin-top:6px;background:#ffffff; padding:5px 0px;}
      #myFenxiao .orderleft{float:left; width:35px; height:35px;background:#fef101; margin-left:10px;margin-top:3px; background:url('/images/wjhuser/allicon.png') 0px -35px;}
      #myFenxiao .orderright{float:left;width:80%; margin-left:10px; height:100%;}
      #myFenxiao .orderright .title1{float:left; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 solid;}
      #myFenxiao .orderright .title1 span{float:right; padding:2px 10px; background:#FF9829; height:15px; line-height:15px; color:#fff; margin-top:13px;border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myFenxiao .orderright .title1 label{float:right; height:21px; width:10px; margin-top:11px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}

      #myFenxiao .orderright .title2{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 dashed;}
      #myFenxiao .orderright span{float:right; padding:2px 8px; height:15px; line-height:15px; color:#000000; margin-top:7px;border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myFenxiao .orderright label{float:right; height:21px; width:10px; margin-top:5px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}
      #myFenxiao .orderright .title3{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei';}

      /*我的钱包*/
      #myQianbao{width:100%; height:135px; border-bottom:1px #e5e5e5 solid; margin-top:8px;background:#ffffff; padding:5px 0px;}
      #myQianbao .orderleft{float:left; width:35px; height:35px;background:#fef101; margin-left:10px; margin-top:3px; background:url('/images/wjhuser/allicon.png') 0px -70px;}
      #myQianbao .orderright{width:90%; margin-left:10px; height:100%; margin:auto;}
      #myQianbao .orderright .title1{float:left; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 solid;}
      #myQianbao .orderright .title1 span{float:right; padding:2px 10px; background:#99CC33; height:15px; line-height:15px; color:#fff; margin-top:13px;border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myQianbao .orderright .title1 label{float:right; height:21px; width:10px; margin-top:11px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}

      #myQianbao .orderright .title2{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei'; border-bottom:1px #e5e5e5 dashed;}
      #myQianbao .orderright span{float:right; padding:2px 8px; height:15px; line-height:15px; color:#000000; margin-top:7px;border-radius:3px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                        -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */
                        -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */}
      #myQianbao .orderright label{float:right; height:21px; width:10px; margin-top:5px; margin-left:10px; background:url('/images/wjhuser/allicon.png') -44px 0px;}
      #myQianbao .orderright .title3{float:left; width:100%; height:32px; line-height:32px; font-size:13px; font-weight:bold; font-family:'Microsoft YaHei';}

      /* 我的资料 */
      #myInfo{width:100%; height:41px; border-bottom:1px #e5e5e5 solid; margin-top:8px;background:#ffffff; padding:5px 0px;}
      #myInfo .orderleft{float:left; width:35px; height:35px;background:#fef101; margin-left:10px; margin-top:3px; background:url('/images/wjhuser/allicon.png') 0px -105px;}
      #myInfo .orderright{float:left;width:80%; margin-left:10px; height:100%;}
      #myInfo .orderright .title1{float:left; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:bold; font-family:'Microsoft YaHei';}/* border-bottom:1px #e5e5e5 solid;*/

      .limitActivity {
            width: 100%;
            display: inline-block;
            border-bottom: 1px #e5e5e5 solid;
            margin-top: 8px;
            background: #ffffff;
            padding: 5px 0px;
        }

            .limitActivity .orderleft {
                float: left;
                width: 35px;
                height: 35px;
                background: #fef101;
                margin-left: 10px;
                margin-top: 3px;
                background: url(/images/wjhuser/allicon.png) 0px 0px;
            }

            .limitActivity .orderright {
                width: 90%;
                margin-left: 10px;
                height: 100%;
                margin:auto;
            }

                .limitActivity .orderright .title1 {
                    float: left;
                    width: 100%;
                    height: 40px;
                    line-height: 40px;
                    font-size: 15px;
                    font-weight: bold;
                    font-family: 'Microsoft YaHei';
                    /*border-bottom: 1px #e5e5e5 solid;*/
                }

                .limitActivity .orderright .title2 {
                    float: left;
                    width: 100%;
                    height: 32px;
                    line-height: 32px;
                    font-size: 13px;
                    font-weight: bold;
                    font-family: 'Microsoft YaHei';
                    border-bottom: 1px #e5e5e5 dashed;
                }

                .limitActivity .orderright .title3 {
                    float: left;
                    width: 100%;
                    height: 32px;
                    line-height: 32px;
                    font-size: 13px;
                    font-weight: bold;
                    font-family: 'Microsoft YaHei';
                }



                .limitActivity .orderright .title2 label {
                    float: right;
                    height: 21px;
                    width: 10px;
                    margin-top: 5px;
                    margin-left: 10px;
                    background: url(/images/wjhuser/allicon.png) -44px 0px;
                }

                .limitActivity .orderright .title3 label {
                    float: right;
                    height: 21px;
                    width: 10px;
                    margin-top: 5px;
                    margin-left: 10px;
                    background: url(/images/wjhuser/allicon.png) -44px 0px;
                }

.mybody .myico{ width:90%; display:block; overflow:hidden; margin:auto; background:#D1EFDB; padding:0px 2% 20px 2%; margin-top:8px; margin-bottom:5px; border-radius:5px;}
.mybody .icotitle{font-size:14px; font-weight:bold;font-family:'Microsoft YaHei';padding:10px 0px 0px 15px;}
.mybody .icodian{padding:1px; background:#9f9e9a; margin-right:5px;}
.mybody .myico ul{padding:0px; margin:0px; list-style:none;}
.mybody .myico ul li{float:left;width:25%; text-align:center;margin-top:25px; height:55px;}
.mybody .myico ul li img{width:30%;}
.mybody .myico ul li span{font-size:13px; font-weight:bold;display:block;width:18px; height:18px; line-height:18px; background:#ea1212;color:#ffffff; border-radius:180px;position:absolute; margin-left:55px;margin-top:-8px;}