@charset "utf-8";
/* CSS Document */

html { font-family: "sy-h", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0 auto;max-width:1024px;min-width: 320px;min-height: 100%;position: relative;font-size: 1.6rem !important; line-height: 1.6rem; color: #000; background-color:#fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input, select, textarea, button{ vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
input[type="submit"], input[type="reset"], input[type="button"], button ,select{ -webkit-appearance: none; }
img { border: 0; vertical-align: middle; max-width:100%; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:hover { color: #005a9f; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li, ol, dl, dt {list-style: none;}
h1, h2, h3 { font-weight: normal; }
em,i,b{font-weight: normal;font-style: normal}
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w {padding: 0 1.2rem;}
body.no-scroll{overflow: hidden}
/*swiper*/
.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto;direction:ltr;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.swiper-wrapper{position:relative;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-timing-function:ease-out}
.swiper-slide{float:left;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}


/*个人中心*/
.page {background: #dfdfdf;min-height: 100%;position:relative}
.personal-c {min-height: 100%;}
.personal-c .hd {position: relative; }
.personal-c .hd .h-bg1{background: url("../images/vc-bg_02.jpg") no-repeat center;background-size: cover;height: 10rem}
.h-bg2{background: #fff;height: 9rem}
.personal-c .hd .mes {position: absolute;left: 0;top: 50%;margin-top: -4rem;width: 100%;box-sizing: border-box;padding: 0 15px;height:9rem}
.personal-c .hd .tx {width: 9rem;height: 9rem;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius:5px;box-sizing: border-box;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2)}
.personal-c .hd .text {color: #fff;text-align: left;width:calc(100% - 9rem);padding-left: 20px;}
.personal-c .hd .text  h3{font-size:18px;padding: 10px 0}
.personal-c .hd .text .count {margin-top: 10px;}
.personal-c .hd .text .count div {float: left;margin-right: 1rem}
.personal-c .hd .text  p {font-size: 12px;padding-top: 10px;color: #999999}
.personal-c .hd .text  p.num {font-size: 18px;font-weight: bold;color: #000000;}
.personal-c .hd .text  p span i {display: inline-block;background: url("../images/yz-ico_03.png") no-repeat center;background-size: cover;width: 10px;height: 12px;}
.personal-c .state-box {margin-top: 10px;background: #fff;}
.personal-c .state-box a {display: block;padding: 15px 2rem 15px 1.2rem;border-bottom: 1px solid #e9e9e9;background: url("../images/right-arrow_05.png") no-repeat 98% center;background-size:10px}
.personal-c .state-box a em {font-size: 15px;color: #000}
.personal-c .state-box a span {float: right;font-size: 13px;color: #999999}
.personal-c  button {width: 90%;height: 38px;line-height: 38px;text-align: center;font-size: 15px;color: #666;border: 1px solid #999999;background: #fff;border-radius: 6px;margin-left: 5%;margin-top: 30px;}

.page2 {
  padding: 0 25px;
  padding-top: 100px;
  min-height: 100%;
  background: -webkit-linear-gradient(#54b4f4, #539ef4); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#54b4f4, #539ef4); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#54b4f4, #539ef4); /* Firefox 3.6 - 15 */
  background: linear-gradient(#54b4f4, #539ef4); /* 标准的语法 */ }

.order-pai {padding: 15px 10px;}
.gd-mes {background: #fff;border-radius: 3px;padding: 10px;}
.mes-item {padding: 10px 0;border-bottom: 1px solid #ececec;}
.mes-item .tit {font-size: 16px;font-weight: bold;width: 90px;box-sizing: border-box;padding-left: 20px;}
.mes-item .con {
  color: #666666;
  width:60%;/*写给不支持calc()的浏览器*/
  width:-moz-calc(100% - 90px);
  width:-webkit-calc(100% - 90px);
  width: calc(100% - 90px)}
.mes-item .con span {margin-right: 10px;}
.mes-item:nth-child(1) .tit {background: url("../images/pe-ico_03.png") no-repeat left center;background-size: 15px;}
.mes-item:nth-child(2) .tit {background: url("../images/pe-ico2_12.png") no-repeat left center;background-size: 15px;}
.mes-item:nth-child(3) .tit {background: url("../images/pe-ico3_14.png") no-repeat left center;background-size: 15px;}
.ser-mes {background: #fff;border-radius:3px;margin-top:15px;overflow: hidden}
.ser-mes h3 {border-bottom: 1px solid #f2f2f2; /*background: #ebebeb;*/color: #4a7079; font-size:1.7rem;font-weight: bold;line-height:50px;padding: 0 0 0 15px;}
.ser-mes h3 img{ width: 28px;}
.ser-mes .mes-box {padding: 20px 10px 0 10px;}
.ser-mes .mes-box>div {border-bottom: 1px solid #f2f2f2;padding:10px 5px;}
.ser-mes .mes-box>div .item .item{ width:100px; height:100px; position:relative; float:left; margin-right:15px;}
.ser-mes .mes-box>div .item .item figure{ width:100% !important; height:100%; display:block;}
.ser-mes .mes-box>div .item .item .close{ position:absolute; right:5px; top:5px; z-index:2;}

.ser-mes .mes-box>div:last-child{border-bottom: 0}
.ser-mes .mes-box>div span {display: inline-block}
.ser-mes .mes-box>div span select{width: 100%;/*将默认的select选择框样式清除*/;font-size:1.6rem;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;}
.ser-mes .mes-box>div .sel{padding-right: 20px;background: url("../images/right-arrow_05.png") no-repeat right center;background-size: 8px;}
.ser-mes .mes-box>div .co-red {color: #ff9900}
.pd-btn {width: 80%;margin: 20px auto;max-width: 260px;line-height: 40px;text-align: center;background: #ffcc00;font-size: 15px;color: #000;border-radius: 100px;}
.rm-list {text-align-last: center;text-align: center;display: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;}

.o-item {background: #fff;border-radius: 3px;overflow: hidden;margin-bottom: 20px;}
.o-item .hd {background: #eeeeee;padding: 10px 5px;font-size: 1.2rem;box-sizing: border-box}
.o-item .bd {padding: 3px 3px 10px 3px;}
.o-item .bd>div {border-bottom: 1px dashed #c1c1c1;}
.o-item .bd>div:last-child {border-bottom:0}
.o-item .con {padding:8px 5px;font-size: 1.3rem;}
.o-item .con div {padding: 0 0 3px 0}
.o-item .con span {display: inline-block;width: 70px; float: left}
.o-item .con p {display: inline-block;  width: calc(100% - 70px)  }
.o-item .con p img {width: 50px;height:50px;border: 1px solid #dcdcdc;margin-right: 5px;}

.o-item .o-opr {padding: 10px 5px;}
.o-item .o-opr .o-btn {display:inline-block;padding:5px 6px;border-radius: 20px;font-size: 1.4rem;}
.o-item .o-opr .o-btn:nth-child(1) {background: #68dec9}
.o-item .o-opr .o-btn:nth-child(2) {background: #ffcc00}

.o-switch {width: 98%;margin: 0 auto;background: #2785d3;margin-bottom: 20px;border-radius: 30px;}
.o-switch a {display: inline-block;width: 33.33%;line-height: 30px;font-size: 15px;color: #a7c5e2;float: left;text-align: center;border-radius: 30px;}
.o-switch a.active {background: #ffcc00;color: #000}

.o-item .o-opr span {display: inline-block;padding-left:25px;}
.o-item .o-opr span:nth-child(1) {background:url("../images/opr-ico1_06.png") no-repeat left center;background-size: 19px;}
.o-item .o-opr span:nth-child(2) {background:url("../images/opr-ico2_08.png") no-repeat left center;background-size: 19px;}

.xz-btn  {text-align: right;margin-top: 10px;}
.xz-btn a {display: inline-block;padding: 5px 15px;background: #ffcc00;color: #000;border-radius: 40px;}

.o-service {padding:5px 10px;}
.o-service .ser-mes .mes-box {padding: 10px 5px 0 5px;}
.o-service .ser-mes .mes-box>div span:nth-child(1) {text-align: right;width:115px;}
.o-service .ser-mes .mes-box>div span:nth-child(2) {  width: calc(100% - 116px)  }
 .ser-mes .mes-box>div input {line-height: 19px;padding-left: 10px;width:calc(100% - 115px);font-size:1.6rem;}
 .ser-mes .mes-box>div input::-webkit-input-placeholder {
   color: #ccc;
   text-align: left;
font-size:1.4rem
 }
 .tj-btn {
 /*  width:50%;margin:20px auto;line-height: 30px !important;border-radius: 40px;color: #fff;background: #5297f3;max-width: 300px;display:block;
 */
   display: inline-block;
   width: 100%;
   color: #fff;
   height: 45px;
   line-height: 45px;
   font-size: 16px;
   margin: 0.68266667rem 0;
   border-radius: 5px;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(134, 166, 172, 0.92)), to(rgba(60, 124, 137, 0.92)));
   background: -webkit-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
   background: -moz-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
   background: -o-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
   background: -ms-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(134, 166, 172, 0.92), endColorstr=rgba(60, 124, 137, 0.92));

   -webkit-box-shadow: 0 4px 8px rgba(7, 33, 40, 0.6);
   box-shadow: 0 4px 8px rgba(7, 33, 40, 0.6);
   text-shadow: 0 1px 2px #312f2c, 0px 1px 2px #313030;
 }
.o-service .ser-mes2 .mes-box>div span:nth-child(1) {text-align: right;width:90px;font-size:1.6rem}
.o-service .ser-mes2 .mes-box>div span:nth-child(2) {  width: calc(100% - 60px)  }
.o-service .ser-mes2 select {font-size:1.6rem}
.o-service .ser-mes .mes-box>div:last-child {border-bottom: 1px solid #f2f2f2}


 /*弹出层*/
.black-bg {display: none;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 10;width: 100%;height: 100%}
.pick-set-box {width: 100%;position: fixed;z-index: 11;bottom:-100%;left:0;background: #fff;text-align: center;transition: 0.5s;opacity: 0}
.pick-set-box.on{bottom: 0;transition: 0.5s;opacity: 1;}
.pick-set-box .hd {background: #ededed;color: #1f53bd;padding: 10px;}
.pick-set-box h3 {font-size: 18px;color: #000;}
.pick-set-box .bd {padding:20px 8px; }
.pick-set-box .bd .con {background: #f5f5f5;padding: 10px;color: #282828;text-align: left;line-height: 24px;margin-bottom: 20px;}
.pick-set-box .set-in>div {width:100px;border: 1px solid #ededed;border-radius: 5px;display: inline-block;padding:10px;margin: 0 20px;}
.pick-set-box .set-in>div img{width:50px;}
.pick-set-box .set-in>div p {padding-top: 5px;}

.serv-page,.login-page {
  position:relative;
  background: -webkit-linear-gradient(#3b8ed9, #397cd7); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#3b8ed9, #397cd7); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#3b8ed9, #397cd7); /* Firefox 3.6 - 15 */
  background: linear-gradient(#3b8ed9, #397cd7); /* 标准的语法 */
}

.login_c{
  background: url(../images/bg1.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}


.page  .bt-logo {position:absolute;text-align:center;width:100%;bottom:30px;}
.page  .bt-logo img {width:80px;}

.login-page h3,.serv-page h3 {
  text-align: center;font-size: 22px; color: rgba(255,255,255,0.9);text-shadow: 0 0 2px rgba(0,0,0,0.5);padding-top:35%;

}
.login-page h3 img, .serv-page h3 img{}




.login-box ,.serv-box{text-align: center;width: 80%;margin: 0 auto;/*margin-top: 5rem;*/max-width: 288px;}
.login-box>div {width:100%;max-width: 300px;line-height: 40px;margin-bottom: 25px;
  /*padding-left: 0.7rem;*/
  padding-left: 7px;
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
/*  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset;*/
  background: url(../images/int_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;

}
.login-box>div label {padding-top: 14px;display: inline-block;width:30px;font-size: 15px;color: #fff;float: left;    line-height: 40px;}
.login-box>div label img{ width: 16px;}
.login-box>div input {    line-height: 25px; background: none; width: calc(100% - 30px);font-size:1.4rem; -ms-line-height:40px;border-radius: 3px;padding:10px 0 10px 10px; box-sizing:border-box;}
.login-box>div input{padding-right: 37px;text-align: center;}
.login-btn{
 /* display: block;width:50%;margin: 0 auto;max-width: 300px;line-height: 45px;font-size: 18px;color: #b56a00;text-align: center;
  background: -webkit-linear-gradient(#ffd329, #ffecb3); !* Safari 5.1 - 6.0 *!
  background: -o-linear-gradient(#ffd329, #ffecb3); !* Opera 11.1 - 12.0 *!
  background: -moz-linear-gradient(#ffd329, #ffecb3); !* Firefox 3.6 - 15 *!
  background: linear-gradient(#ffd329, #ffecb3); !* 标准的语法 *!
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
  border-radius: 3px;
  margin-top:5rem;*/

  display: inline-block;
  width: 100%;
  color: #fff;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  margin: 0.68266667rem 0;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#86a6ac), to(#3c7c89));
  background: -webkit-linear-gradient(top, #86a6ac, #3c7c89);
  background: -moz-linear-gradient(top, #86a6ac, #3c7c89);
  background: -o-linear-gradient(top, #86a6ac, #3c7c89);
  background: -ms-linear-gradient(top, #86a6ac, #3c7c89);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#86a6ac, endColorstr=#3c7c89);

  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(134, 166, 172, 0.92)), to(rgba(60, 124, 137, 0.92)));
  background: -webkit-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -moz-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -o-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -ms-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(134, 166, 172, 0.92), endColorstr=rgba(60, 124, 137, 0.92));
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 2px rgba(4, 28, 34, 0.8), 0px 1px 2px rgba(4, 28, 34, 0.8);

}


.serv-box a {
/*  display: block;
  width:100%;margin: 0 auto;max-width: 300px;line-height: 45px;font-size: 18px;color: #b56a00;text-align: center;
  background: -webkit-linear-gradient(#ffd329, #ffecb3); !* Safari 5.1 - 6.0 *!
  background: -o-linear-gradient(#ffd329, #ffecb3); !* Opera 11.1 - 12.0 *!
  background: -moz-linear-gradient(#ffd329, #ffecb3); !* Firefox 3.6 - 15 *!
  background: linear-gradient(#ffd329, #ffecb3); !* 标准的语法 *!
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
  border-radius: 3px;
  margin-top:4rem;*/
  display: inline-block;
  width: 100%;
  color: #fff;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  margin-top:40px;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(134, 166, 172, 0.92)), to(rgba(60, 124, 137, 0.92)));
  background: -webkit-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -moz-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -o-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -ms-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(134, 166, 172, 0.92), endColorstr=rgba(60, 124, 137, 0.92));

  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 2px rgba(4, 28, 34, 0.8), 0px 1px 2px rgba(4, 28, 34, 0.8);

}
.serv-page h3 {
  /*padding: 8rem 0 2rem 0;*/
}
.serv-box a.cx-btn {
/*  background: -webkit-linear-gradient(#e0f3ff, #60bcf8); !* Safari 5.1 - 6.0 *!
  background: -o-linear-gradient(#e0f3ff, #60bcf8); !* Opera 11.1 - 12.0 *!
  background: -moz-linear-gradient(#e0f3ff, #60bcf8); !* Firefox 3.6 - 15 *!
  background: linear-gradient(#e0f3ff, #60bcf8); !* 标准的语法 *!
  color: #3a70af;*/

  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 100%;
  color: #fff;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
 /* margin: 0.68266667rem 0;*/
  margin-top: 40px;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(134, 166, 172, 0.92)), to(rgba(60, 124, 137, 0.92)));
  background: -webkit-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -moz-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -o-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  background: -ms-linear-gradient(top, rgba(134, 166, 172, 0.92), rgba(60, 124, 137, 0.92));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(134, 166, 172, 0.92), endColorstr=rgba(60, 124, 137, 0.92));

}

.login-page{
  padding: 0 25px;
  padding-top: 100px;
  width: 100%;
}
.login-page h3,.serv-page h3{
  padding-top: 0;
  color: #ffffff;
  padding-top: 0;
  line-height: 87px;
  font-weight: normal;
  font-family: "HKljhw8";
  letter-spacing: 8px;
  text-shadow: 0 8px 8px rgba(0, 0, 0, 0.33), 0px -2px 1px #fff;
  padding:  22px 0;
}
.login-box{width: 100%;padding-top: 10px;}
.login_c {
  background: url(../images/bg1.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}


.search-wrap {padding: 0.6rem 1rem;background: #245893}
.search-wrap .search-box {background: #fff;border-radius: 3px;overflow: hidden;line-height: 30px;padding: 5px 20px;box-sizing: border-box;}
.search-wrap .search-box .sbtn {width:20px;height: 20px;background: url("../images/search-btn_03.png") no-repeat center;background-size: 20px;}
.search-wrap .search-box .inpt {width:calc(100% - 25px);box-sizing: border-box;}

/* 
.per_bg{
	background-image: url(../images/ad_oimg1.png);
	background-repeat:no-repeat ;
	background: 100% auto;
	padding-top: 1.66rem;
}
.per_bgv .top_add{
	background: fff;
	border-radius: 10px;
	padding: 1.06rem 1.06rem;
	margin-bottom: 0.2rem;
}
.per_bgv .top_add .na{font-size: 0.42rem;}
.per_bgv .top_add .adr{font-size: 0.26rem;}
.per_bgv.person .con{height: auto;padding-bottom: 15px;}
.person .con {
  background: #fff;
  height: 76%;
  border-radius: 10px;
  padding: 0.08533333rem 1.06rem;
}
.person .con .ul .li_p {
  height: 1rem;
  line-height: 1rem;
  border-bottom: 1px solid #e4e4e4;
  font-size: 0.26rem;
}
.person .con .ul .li_p .img_l {
  max-width: 0.3328rem;
}
.person .con .ul .li_p a {
  display: inline-block;
  width: 100%;
}
.person .con .ul .li_p .t {
  padding-left: 1.06rem;
}
.person .con .ul .li_p .icon-zuojiantou {
  padding-right: 1.06rem;
} */


/**我的余额**/
.my-balance{ background:#f4f4f4; width:100%; height:100vh; overflow-y:auto; padding:10px;}
.my-balance-topic{ background-image:url(../images/my-balance.png); background-position:center; color:#fff; border-radius:5px; font-size:14px; padding:20px 15px;}
.my-balance-topic .number{ font-size:22px; line-height:1; font-weight:bold; padding:12px 0;}
.my-balance-topic dl{ padding:6px 0;}
.my-balance-topic dl dt{ float:left;}
.my-balance-topic dl dd{ float:right;}

.my-balance-tab{ background:#fff; margin-top:14px; padding:1px; border-radius:40px;}
.my-balance-tab a{ width:33.33%; float:left; text-align:center; color:#999; line-height:33px; font-size:16px; border-radius:30px;}
.my-balance-tab a.active{ background:#ffcc00; font-weight:bold; color:#333;}


.my-balance-list{ background:#fff; margin-top:14px; padding:0 8px; border-radius:5px;}
.my-balance-list li{ overflow:hidden; padding:12px 0; border-bottom:1px #f0f0f0 solid;}
.my-balance-list li:last-child{ border-bottom:0;}
.my-balance-list li .title{ font-size:15px; font-weight:bold;}
.my-balance-list li .number{ font-size:13px; display:inline-block; color:#999; margin-top:8px;}
.my-balance-list li .price{ font-size:15px; text-align:right; color:#e21b1b; display:block; font-weight:bold;}
.my-balance-list li .time{ font-size:13px; display:inline-block; color:#999; margin-top:8px;}