* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html {
    font-size: 100px;
}
body {
    /*max-width: 750px;*/
    margin: 0 auto;
    font-size: .24rem;
    font-family: "microsoft yahei";
    color: #000;
    background: #f1f8ff;
}
a {
    color: #000;
}
img {
    display: block;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
input, textarea {
    font-family: "microsoft yahei";
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
.clearfix {
    clear: both;
    zoom: 1;
}
.clearfix:after {
    display: table;
    content: "";
    clear: both;
}
.b2 {
    background: #fff;
}
.layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .78);
    z-index: 999;
}

/*login*/

.main {
    overflow: hidden;
}
.main-login {
    background: url(../images/login_bg.png) no-repeat center top;
    background-size: 100% auto;
}
.main-login .user-head {
    width: 1.78rem;
    height: 1.78rem;
    margin: 1.2rem auto 0;
    border: 10px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.form-login {
    width: 4.64rem;
    margin: 3rem auto 0;
    overflow: hidden;
}
.form-login>div {
    margin-bottom: .35rem;
}
.form-login input {
    width: 100%;
    height: .6rem;
    font-size: .28rem;
    line-height: .6rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.form-login .username, .form-login .password {
    padding: 0 .3rem 0 1rem;
    border: .01rem solid #ccc;
    background-image: url(../images/login_icon.png);
    background-repeat: no-repeat;
    background-size: .28rem auto;
}
.form-login .username {
    background-position: .3rem 0;
}
.form-login .password {
    background-position: .3rem -.6rem;
}
.form-login .forget-wrap {
    padding-right: .1rem;
    text-align: right;
}
.form-login .forget {
    font-size: .24rem;
    color: #9f9f9f;
}
.form-login .submit {
    font-size: .32rem;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
}
.form-login .applay-wrap {
    text-align: center;
}
.form-login .applay {
    font-size: .28rem;
    color: #508dcf;
}

/*apply*/

.header .top {
    position: relative;
    height: .9rem;
    line-height: .9rem;
    color: #fff;
    background: #3d90ea;
    text-align: center;
}
.goback {
    position: absolute;
    left: .18rem;
    top: 0;
    font-size: .26rem;
    color: #fff;
}
.header .title {
    font-size: .36rem;
}
.form-apply {
    width: 6.6rem;
    margin: .43rem auto;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.form-apply>div {
    position: relative;
    overflow: hidden;
    border: .01rem solid #eee;
    border-top: 0;
    background: #fff;
}
.form-apply>div:first-child {
    border-top: .01rem solid #eee;
}
.form-apply input {
    width: 100%;
    height: .85rem;
    padding: 0 1.2rem;
    font-size: .26rem;
    line-height: .85rem;
    color: #c7c7c7;
    background-image: url(../images/apply_icon.png);
    background-repeat: no-repeat;
    background-size: .37rem auto;
    background-position-x: .48rem;
}
.form-apply .tel {
    background-position-y: 0;
}
.form-apply .password {
    background-position-y: -.85rem;
}
.form-apply .re-password {
    background-position-y: -1.7rem;
}
.form-apply .gid {
    background-position-y: -2.55rem;
}
.form-apply .code {
    background-position-y: -3.4rem;
}
.form-apply .city {
    background-position-y: -5.1rem;
}
.form-apply .checkcode {
    background-position-y: -5.95rem;
}
.form-apply span {
    position: absolute;
    right: .7rem;
    top: 0;
    font-size: .22rem;
    line-height: .85rem;
    color: #cb2211;
}
.form-apply .contxt-tit {
    display: block;
    height: .85rem;
    padding: 0 1.2rem;
    font-size: .26rem;
    line-height: .85rem;
    color: #c7c7c7;
    background: url(../images/apply_icon.png) no-repeat .48rem -4.25rem;
    background-size: .37rem auto;
}
.form-apply .contxt {
    display: block;
    width: 5.76rem;
    margin: 0 auto .4rem;
    padding: 0 .2rem;
    font-size: .26rem;
    line-height: 1.5;
    color: #c7c7c7;
    border: .01rem solid #eee;
    resize: none;
}
.form-apply .submit {
    display: block;
    width: 4.6rem;
    height: .6rem;
    margin: 0 auto;
    font-size: .28rem;
    line-height: .6rem;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.agree-wrap {
    display: table;
    margin: 0 auto .25rem;
    font-size: .24rem;
    line-height: .9rem;
    color: #9c9c9c;
}
.form-apply input.agree {
    width: .24rem;
    height: .24rem;
    margin-right: .15rem;
    vertical-align: middle;
}
.form-apply .checkcode {
    width: 4rem !important;
}
.form-apply .getcheckcode {
    display: block;
    position: absolute;
    top: .1rem;
    right: 1rem;
    height: .65rem;
    padding: 0 .2rem;
    line-height: .65rem;
    color: #c7c7c7;
    font-size: .24rem;
    border: 1px solid #eee;
    border-radius: .2rem;
    background: #fff;
}

/*welcome*/

.main-welcome {
    background: #eee;
}
.goback2 {
    font-size: .36rem;
}
.change-pwd, .sign-out {
    padding-left: .3rem;
    font-size: .24rem;
    color: #fff;
    background-image: url(../images/welcome_icon_header.png);
    background-repeat: no-repeat;
    background-size: .23rem auto;
}
.change-pwd {
    position: absolute;
    right: 1.3rem;
    top: 0;
}
.sign-out {
    position: absolute;
    right: .18rem;
    top: 0;
    background-position-y: -.9rem;
}
.header .cont {
    position: relative;
    padding-bottom: .45rem;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background: url(../images/welcome_bg.png) center bottom;
    background-size: 100% auto;
}
.header .user-head {
    width: 1.24rem;
    height: 1.24rem;
    margin: 0 auto .1rem;
    border: 10px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.wel-info1 {
    font-size: .36rem;
}
.wel-info2 {
    position: relative;
    font-size: .24rem;
}
.wel-money {
    overflow: hidden;
}
.wel-ml, .wel-mr {
    width: 42%;
}
.wel-ml {
    float: left;
}
.wel-mr {
    float: right;
}
.wel-money .money {
    font-size: .36rem;
}
.wel-mr .money {
    color: #f9bf41;
}
.wel-money .contxt {
    font-size: .24rem;
}
.header-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.3rem;
    width: 3.3rem;
    height: .6rem;
    margin: 0 auto;
    font-size: .28rem;
    line-height: .6rem;
    color: #fff;
    background: #f9bf41;
    box-shadow: 0 .06rem .13rem rgba(249, 191, 65, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
}
.wel-list1 {
    padding-top: .5rem;
    line-height: .9rem;
    background: #fff;
}
.wel-list1>div {
    padding: 0 .22rem 0 1.08rem;
    border-top: .01rem solid #eee;
    background-image: url(../images/welcome_icon_list1.png);
    background-repeat: no-repeat;
    background-size: .41rem auto;
    background-position-x: .4rem;
}
.wel-list1>div:first-child {
    border-top: 0;
}
.tgm {
    background-position-y: 0;
}
.sjdl {
    background-position-y: -.9rem;
}
.xxwj {
    background-position-y: -1.8rem;
}
.jrhy {
    background-position-y: -2.7rem;
}
.xjdl {
    background-position-y: -3.6rem;
}
.wel-list1 .title {
    display: inline-block;
    width: 2.08rem;
    font-size: .28rem;
}
.wel-list1 .contxt {
    font-size: .26rem;
    color: #5e5e5e;
}
.goto-info {
    font-size: .26rem;
    float: right;
}
.wel-list2 {
    margin-top: .28rem;
    border-collapse: collapse;
    background: #fff;
}
.wel-list2 td {
    border: .01rem solid #eee;
}
.wel-list2 td a {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 1.9rem;
    text-align: center;
    font-size: .28rem;
    vertical-align: bottom;
    background-image: url(../images/welcome_icon_list2.png);
    background-repeat: no-repeat;
    background-size: .9rem auto;
    background-position-x: center;
}
.wel-list2 td a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .3rem;
}
.recharge {
    background-position-y: -.24rem;
}
.goods {
    background-position-y: -2.14rem;
}
.club {
    background-position-y: -4.04rem;
}
.download {
    background-position-y: -5.94rem;
}
.contact {
    background-position-y: -7.84rem;
}

/*recharge*/

.main-recharge {
    padding: .75rem 0;
    background: #fff;
}
.rec-list {
    float: left;
    width: 2.11rem;
    height: 1.56rem;
    margin: 0 .18rem .4rem;
    padding: .4rem 0;
    text-align: center;
    border: .01rem solid #dcdcdc;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}
.rec-list-tit {
    font-size: .36rem;
    line-height: .36rem;
}
.rec-list-cont {
    margin-top: .15rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #5e5e5e;
}
.rec-list.on {
    border: .01rem solid #3d90ea;
    background: url(../images/recharge_list_bg.png) no-repeat right top;
    background-size: .56rem auto;
}
.rec-list.on .rec-list-tit {
    color: #2667ae;
}
.rec-submit {
    display: block;
    width: 4.6rem;
    height: .6rem;
    margin: 0 auto;
    font-size: .28rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    clear: both;
}

/*withdraw*/

.goto-witrec {
    display: block;
    position: absolute;
    right: 2.3rem;
    bottom: 0;
    font-size: .2rem;
    color: #fff;
}
.header .cont-wit {
    position: relative;
    padding-bottom: .45rem;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background: url(../images/withdraw_bg.png) center bottom;
    background-size: 100% auto;
}
.wit-info-money {
    font-size: .7rem;
}
.wit-info-money span {
    font-size: .1rem;
}
.header-btn2 {
    background: #69b1fd;
    box-shadow: 0 .06rem .13rem rgba(105, 177, 253, .4);
}
.wit-list-wrap {
    margin-top: 1rem;
    padding-bottom: .3rem;
    overflow: hidden;
}
.wit-list {
    float: left;
    width: 33.33%;
    text-align: center;
}
.wit-list .cont1 {
    font-size: .36rem;
    color: #e7ea3e;
}
.wit-list .cont2 {
    font-size: .24rem;
    line-height: 1;
}
.form-withdraw {
    padding-top: .7rem;
}
.form-withdraw>div {
    position: relative;
    padding: 0 .9rem;
    overflow: hidden;
    line-height: .9rem;
    border-bottom: .01rem solid #eee;
}
.form-withdraw label {
    display: block;
    float: left;
    width: 1.5rem;
}
.form-withdraw input, .form-withdraw select {
    display: block;
    float: left;
    width: 4.1rem;
    height: .9rem;
    font-size: .24rem;
    line-height: .9rem;
    color: #828282;
}
.form-withdraw .cark, .form-withdraw .money {
    width: 3.6rem;
}
.form-withdraw span {
    display: block;
    position: absolute;
    right: 1.1rem;
    top: 0;
    font-size: .36rem;
    color: #3d90ea;
}
.form-withdraw .btn-clear {
    width: .2rem;
    height: .9rem;
    background: url(../images/btn_clear_icon.png) no-repeat center center;
    background-size: .2rem auto;
}
.form-withdraw .btn-wrap {
    height: auto;
    padding: .45rem 0;
    line-height: initial !important;
    border: 0;
    text-align: center;
}
.form-withdraw .submit, .form-withdraw .reset {
    display: inline-block;
    float: initial;
    width: 2.85rem;
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.form-withdraw .submit {
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
}
.form-withdraw .reset {
    margin-left: .6rem;
    background: #ff775d;
    box-shadow: 0 .06rem .13rem rgba(255, 119, 93, .4);
}

/*club*/

.club-list {
    width: 7.1rem;
    margin: .2rem auto 0;
    padding: 0 .2rem .2rem;
    overflow: hidden;
    font-size: .28rem;
    line-height: .5rem;
    background: #fff;
}
.club-list div {
    float: left;
    width: 2.55rem;
    margin-top: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.club-list span {
    color: #696464;
}
.club-list a {
    display: block;
    float: left;
    width: 1.6rem;
    margin-top: .2rem;
    text-align: center;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}
.club-list .btn-yes {
    color: #fff;
    background: #f9bf41;
}
.club-list .btn-cancel {
    border: .01rem solid #f9bf41;
}
.create-club {
    display: block;
    width: 4.6rem;
    height: .6rem;
    margin: .35rem auto .5rem;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.layer, .win-club-rec, .win-club-create {
    display: none;
}
.win-club {
    position: fixed;
    left: 0;
    top: 0;
    width: 4.2rem;
    padding-bottom: .5rem;
    background: #fff;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    z-index: 9999;
}
.win-close {
    position: absolute;
    right: -.35rem;
    top: -.35rem;
    width: .41rem;
    height: .41rem;
    background: #3082db url(../images/btn_win_close.png) no-repeat center center;
    background-size: 100% auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.wc-tit {
    font-size: .34rem;
    line-height: .9rem;
    text-align: center;
    color: #fff;
    background: url(../images/win-club-bg.png) no-repeat center bottom;
    background-size: 100% auto;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    -webkit-border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
}
.wcr-count {
    margin: .5rem 0;
    line-height: .45rem;
    height: .45rem;
    text-align: center;
}
.wcr-count .count, .wcr-count .numcount {
    vertical-align: middle;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.wcr-count .count {
    display: inline-block;
    width: .45rem;
    height: .45rem;
    background-image: url(../images/btn_count.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.wcr-count .count.down {
    background-color: #f2c125;
    background-position-y: -.45rem;
}
.wcr-count .count.up {
    background-color: #42ba7a;
}
.wcr-count .numcount {
    width: 2rem;
    height: .45rem;
    margin: 0 .1rem;
    font-size: .3rem;
    text-align: center;
    border: .01rem solid #eee;
}
.wcr-count .numcount::-webkit-outer-spin-button, .wcr-count .numcount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.win-yes {
    display: block;
    width: 3.17rem;
    height: .5rem;
    margin: 0 auto;
    font-size: .3rem;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.wcr-txt {
    margin-top: .15rem;
    text-align: center;
}
.wcr-number {
    color: #3d90ea;
}
.wcc-count {
    width: 3.7rem;
    margin: .35rem auto;
    line-height: .65rem;
    border: .01rem solid #eee;
    background: #fafcff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.wcc-count label {
    display: inline-block;
    width: 1.2rem;
    font-size: .26rem;
    text-align: right;
    background: #f2f8ff url(../images/icon_wcc.png) no-repeat .1rem center;
    background-size: .3rem auto;
    background-position-y: 0;
}
.wcc-count .clubname {
    width: 2.45rem;
    padding: 0 .15rem;
    font-size: .24rem;
    line-height: .65rem;
    color: #828282;
}

/*recharge_record,withdraw_record*/

.goto-recrec {
    position: absolute;
    right: .3rem;
    top: 0;
    font-size: .26rem;
    color: #fff;
}
.rec-rec-list {
    margin-bottom: .2rem;
    padding: 0 .3rem;
    overflow: hidden;
    border: .01rem solid #e5e5e5;
    background: #fff;
}
.main .rec-rec-list:first-child {
    margin-top: .2rem;
}
.rec-rec-list .left {
    float: left;
    width: 5rem;
    line-height: 1;
}
.rec-rec-list .info {
    margin: .2rem 0;
}
.rec-rec-list .name {
    font-size: .34rem;
}
.rec-rec-list .tel, .rec-rec-list .cark {
    font-size: .24rem;
}
.rec-rec-list .cark {
    margin-bottom: .2rem;
    color: #424242;
}
.rec-rec-btn {
    display: block;
    float: left;
    width: 1.6rem;
    height: .55rem;
    margin-top: .38rem;
    font-size: .28rem;
    line-height: .55rem;
    text-align: center;
    color: #fff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}
.color-success {
    background: #ff775d;
}
.color-auditing {
    background: #f2c126;
}
.color-fail {
    background: #42ba7a;
}
.rec-rec-list .row2 {
    line-height: .74rem;
    border-top: .01rem solid #e5e5e5;
    clear: both;
}
.rec-rec-money {
    font-size: .36rem;
    color: #0e57a6;
}
.rec-rec-time {
    float: right;
    padding-left: .35rem;
    font-size: .24rem;
    color: #8b8989;
    background: url(../images/icon_time.png) no-repeat left center;
    background-size: .28rem auto;
}
.wit-rec-time {
    color: #464646;
}
.wit-rec-rt {
    margin-top: .1rem;
    text-align: center;
}
.wit-rec-money {
    margin-top: 0 !important;
}

/*rebates_record*/

.reb-rec-tab {
    overflow: hidden;
    font-size: .34rem;
    line-height: .95rem;
    text-align: center;
    border-bottom: .03rem solid #227ad9;
}
.reb-rec-tab div {
    float: left;
    width: 50%;
    color: #fff;
    background: #227ad9;
}
.reb-rec-tab div.on {
    color: #000;
    background: #fff;
}
.search {
    padding: .2rem .3rem;
    font-size: .28rem;
    line-height: .5rem;
    background: #f1f8ff;
}
.search input {
    width: 2rem;
    margin: 0 .2rem;
    height: .5rem;
    font-size: .24rem;
    line-height: .5rem;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.search input::-webkit-inner-spin-button {
    visibility: hidden;
}
.btn-search {
    display: inline-block;
    width: 1rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.reb-rec-list {
    width: 6.94rem;
    margin: .2rem auto 0;
    overflow: hidden;
    font-size: .24rem;
    border: .01rem solid #d2d2d2;
    background: #fff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.main .reb-rec-list:last-child {
    margin-bottom: .2rem;
}
.reb-rec-top {
    height: .15rem;
}
.reb-rec-cont {
    padding: 0 .2rem;
}
.reb-rec-id {
    line-height: .7rem;
    border-bottom: .01rem solid #dcdcdc;
}
.reb-rec-info .left {
    line-height: 1;
}
.reb-rec-info .left div {
    margin-top: .25rem;
}
.reb-rec-info span {
    color: #464646;
}
.reb-rec-cont .left {
    float: left;
}
.reb-rec-cont .right {
    float: right;
}
.reb-rec-cont .right {
    text-align: center;
}
.reb-rec-cont .money {
    margin: .46rem 0 .18rem;
    font-size: .36rem;
    line-height: .36rem;
}
.reb-rec-cont .money.success {
    color: #ff775d;
}
.reb-rec-cont .money.auditing {
    color: #f2c126;
}
.reb-rec-cont .money.fail {
    color: #42ba7a;
}
.reb-rec-btn {
    display: block;
    float: left;
    width: 1.6rem;
    height: .55rem;
    margin-bottom: .36rem;
    font-size: .28rem;
    line-height: .55rem;
    text-align: center;
    color: #fff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}
.Validform_checktip {
    font-size: .24rem;
    text-align: center;
    color: #ff775d;
    border: 0 !important;
    background: none !important;
}
.val-wit {
    position: relative;
    top: .2rem;
}
.val-apply {
    position: relative;
    top: -.3rem;
}

/*forgetpwd,changepwd*/

.cont-fp {
    height: 4.1rem;
    overflow: hidden;
    text-align: center;
    color: #eaeaea;
    background: url(../images/forgetpwd_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}
.cont-fp div:first-child {
    margin-top: 2.35rem;
}
.cont-fp span {
    color: #f9bf41;
}
.form-forgetpwd, .form-changepwd {
    padding: .75rem 1.2rem;
}
.form-forgetpwd div, .form-changepwd div {
    margin-top: .27rem;
    line-height: .65rem;
    border: .01rem solid #eee;
    background: #fafcff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.form-forgetpwd div:first-child, .form-changepwd div:first-child {
    margin-top: 0;
}
.form-forgetpwd label {
    display: inline-block;
    width: 39%;
    padding-right: 1%;
    font-size: .26rem;
    text-align: right;
    background: #f2f8ff url(../images/icon_wcc.png) no-repeat .1rem center;
    background-size: .3rem auto;
}
.form-forgetpwd .id {
    background-position-y: 0;
}
.form-forgetpwd .tel {
    background-position-y: -.65rem;
}
.form-forgetpwd div input, .form-changepwd div input {
    width: 60%;
    padding: 0 .15rem;
    font-size: .24rem;
    color: #828282;
    background: #fafcff;
}
.form-forgetpwd .submit, .form-changepwd .submit {
    display: block;
    width: 2.85rem;
    height: .6rem;
    margin: .8rem auto 0;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 .06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.cont-cp {
    height: 4.5rem;
    background: url(../images/changepwd_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}
.form-changepwd .re-password {
    margin: 0;
    border: 0;
    border-top: .01rem solid #eee;
}
.form-changepwd label {
    display: inline-block;
    width: 2rem;
    padding-right: .1rem;
    font-size: .26rem;
    text-align: right;
    background: #f2f8ff
}
.val-fp, .val-cp {
    position: relative;
    top: .4rem;
}

/*goods*/

.cont-goods {
    padding-top: 1.8rem;
    height: 2.6rem;
    background: url(../images/goods_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}
.cont-goods div {
    font-size: .415rem;
    line-height: .415rem;
    text-align: center;
    color: #fff;
}
.goods-tab {
    overflow: hidden;
}
.goods-tab div {
    float: left;
    width: 50%;
    font-size: .34rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    background: #227ad9;
}
.goods-tab div.on {
    color: #000;
    background: #bed9f5;
}
.form-goods {
    padding: 0 .15rem .3rem;
}
.form-goods div {
    margin-top: .2rem;
    line-height: .74rem;
    border: .01rem solid #eee;
    background: #fafcff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
}
.form-goods label {
    display: inline-block;
    width: 1.88rem;
    font-size: .26rem;
    text-align: center;
    background: #eef1f3;
}
.form-goods div input, .form-goods div select {
    width: 5rem;
    padding: 0 .36rem;
    font-size: .24rem;
    color: #666;
    background: #f8fafb;
}
.form-goods div select {
    width: 4.65rem;
}
.form-goods .submit {
    display: block;
    width: 4.6rem;
    height: .6rem;
    margin: .6rem auto 0;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #3d90ea;
    box-shadow: 0 -.06rem .13rem rgba(61, 144, 234, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.form-goods input::-webkit-outer-spin-button, .form-goods input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.val-goods {
    position: relative;
    top: .3rem;
}
.gr-list {
    width: 7rem;
    margin: .2rem auto 0;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #666;
    background: #fff;
}
.gr-lsit-wrap .gr-list:last-child {
    margin-bottom: .2rem;
}
.grl-br>div {
    color: #000;
}
.grl-br span {
    color: #666;
}
.grl-t {
    line-height: .76rem;
    padding-left: .35rem;
    border-bottom: .01rem dotted #e5e5e5;
    background: url(../images/icon_time.png) no-repeat left center;
    background-size: .28rem auto;
}
.grl-b {
    padding: .16rem 0;
    overflow: hidden;
}
.grl-number {
    font-size: .625rem;
}
.gr-lsit-wrap .gr-list:nth-child(3n+1) .grl-number {
    color: #ff775d;
}
.gr-lsit-wrap .gr-list:nth-child(3n+2) .grl-number {
    color: #f2c126;
}
.gr-lsit-wrap .gr-list:nth-child(3n+3) .grl-number {
    color: #42ba7a;
}
.grl-bl {
    float: left;
    width: 1.5rem;
    text-align: center;
}
.grl-br {
    float: left;
    width: 5.1rem;
    padding-left: .34rem;
    line-height: .45rem;
    border-left: .01rem solid #e5e5e5;
}

/*agent_info*/

.agi-list {
    width: 7rem;
    margin: 0 auto .25rem;
    padding: 0 .2rem;
    background: #fff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border: 1px solid #d2d2d2;
}
.agi-list:first-child {
    width: 7rem;
    margin: .25rem auto;
}
.agil-t, .agil-f {
    overflow: hidden;
    line-height: .66rem;
}
.agil-c {
    padding: .25rem 0;
    overflow: hidden;
    line-height: 1.5;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.agi-list .left {
    float: left;
}
.agi-list .right {
    float: right;
}
.agil-t .right {
    color: #2576cd;
    font-size: .28rem;
}
.agil-t .left {
    padding-left: .4rem;
    font-size: .30rem;
    background: url(../images/icon_wcc.png) no-repeat left top;
    background-size: .3rem auto;
}
.agil-c>div {
    float: left;
    width: 25%;
    text-align: center;
    border-left: 1px solid #d2d2d2;
}
.agil-c>div:first-child {
    border-left: 0;
}
.agil-c span {
    color: #666;
}
.agil-c div div span {
    font-size: .48rem;
    color: #000;
}
.agil-c div div span.agilc-num {
    color: #ff775d;
}
.agil-f span {
    color: #666;
}

/*contact*/

.cont-contact {
    height: 3.24rem;
    padding-top: 2rem;
    background: url(../images/contact_bg.png) no-repeat center bottom;
    background-size: 100% auto;
}
.cont-contact div {
    font-size: .26rem;
    line-height: .4rem;
    text-align: center;
    color: #eaeaea;
}
.tips, .contact-info>div {
    padding-left: .55rem;
    background-image: url(../images/contact_icon.png);
    background-repeat: no-repeat;
    background-size: .38rem auto;
}
.tips {
    line-height: .8rem;
    color: #666;
    border-top: .01rem solid #dcdcdc;
    border-bottom: .01rem solid #dcdcdc;
    background-color: #fff;
    background-position-x: .14rem;
}
.contact-info {
    width: 7rem;
    margin: .25rem auto 0;
    padding: 0 .2rem;
    line-height: .8rem;
    color: #666;
    background: #fff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border: 1px solid #eee;
}
.contact-info>div {
    border-top: 1px solid #eee;
}
.contact-info>div:first-child {
    border-top: 0;
}
.wechat {
    position: relative;
    background-position-y: -.8rem;
}
.wechat span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: .6rem;
    height: .8rem;
    background: url(../images/contact_icon.png) no-repeat center -2.4rem;
    background-size: .38rem auto;
}
.contact-tel {
    background-position-y: -1.6rem;
}
.call-tel {
    display: block;
    width: 4.6rem;
    height: .6rem;
    margin: .95rem auto .5rem;
    font-size: .32rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: #50b674;
    box-shadow: 0 .06rem .13rem rgba(80, 182, 116, .4);
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.win-wechat {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 4.2rem;
    background: #fff;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    z-index: 9999;
}
.ww-count {
    height: 3.4rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.9rem 2.9rem;
}
.ww-tit {
    font-size: .28rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    background: #3082db;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-border-bottom-left-radius: .3rem;
    -webkit-border-bottom-right-radius: .3rem;
}

/*other*/

.header-list {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: auto;
    /*max-width: 750px;*/
}
#main {
    padding-top: .9rem;
}
.main-goods {
    padding-top: 4.3rem !important;
}