@charset "utf-8";

/* 全局样式 */
*{ margin:0; padding:0;}
*,*::before,*::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle; width:100%;}
em,i{ font-style: normal;}
a{ text-decoration:none; outline:none; -webkit-tap-highlight-color: transparent; color: inherit;}
:focus{ outline:none;}
a:hover{ text-decoration:none;}
a,li,button,label,input,select{ -webkit-tap-highlight-color: transparent;}
button,input,select,textarea{ font-family:  "微软雅黑","Helvetica Neue","Arial","Hiragino Sans GB","PingFang SC","Heiti SC","STHeiti","Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","Droid Sans Fallback","sans-serif"; border:0; font-size:.24rem; color:#666;}
::placeholder{ color: #999; }
button{ cursor:pointer;}
body{ font-family: "微软雅黑","Helvetica Neue","Arial","Hiragino Sans GB","PingFang SC","Heiti SC","STHeiti","Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","Droid Sans Fallback","sans-serif"; color:#666; font-size: .24rem; background-color: #fff; max-width: 750px; margin: 0 auto; padding-bottom:0; line-height:180%;}
html,body{ height: 100%; }
.clearfix{ zoom:1;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; zoom:1;}
.ellipsis{ display: block; width: 96%; padding: 0; height: .38rem; line-height: .38rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.banner img{ width:100%;}
.f-gray{ color: #999; }
.f-blue{ color: #1c92d5; }
.f-orange{ color: #fe7d26; }
.indent{ text-indent: 2em; }
.white-block{ background: #fff; padding: .3rem; }
.gray-block{ background: #f3f3f3; padding: .25rem; }


/**底部按钮**/
.btm-btns{ padding: .3rem 0; font-size:0;}
.btm-btns .btn{ display:inline-block; width: 40%; margin: 0 5%; background: #1c92d5; color: #fff; border-radius: .1rem; line-height: .84rem; font-size: .32rem; }
.btm-btns .btn-orange{ background: #fe7d26; }
.btm-btns .btn:only-child{ width: 100%; margin: 0; }

/**账户余额及有效期**/
.balance-table{ border: 1px solid #e3e3e3; border-collapse: collapse; width:100%;}
.balance-table th,
.balance-table td{ padding: .15rem .25rem;  text-align: left; border: 1px solid #e3e3e3; font-size: .26rem;}
.balance-table th{ background: #ececec; font-weight: normal; font-size: .28rem;}
.warmtips{ margin: .3rem 0; font-size: .26rem;}
.warmtips .f-orange{ margin-bottom:.12rem; font-size: .28rem; }

/**意见反馈**/
.advice p{ margin-bottom: .35rem; color: #333; font-size: .28rem;}
.advice select{ border: 1px solid #e0e0e0; padding: .15rem .25rem; min-width: 2.8rem; font-size: .26rem; }
.advice textarea{ border: 1px solid #e0e0e0; width:100%; padding: .15rem .25rem; min-height: 2.88rem; font-size: .26rem;}
.stars {overflow: hidden; clear: both; display: inline-block; width: 1.6rem; height: .3rem; vertical-align: -.02rem;}
.stars i {width: .3rem; height: .3rem; line-height: 0; float: left; margin-right: 0px; background-image: url('../images/wdsz/star-normal.png');background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; cursor: default; font-style: normal;
    color: #fff;text-align: center; text-indent: -9999px; font-size: 0;}
.stars .on { background-image: url('../images/wdsz/star-on.png');}
.stars input {width: .5rem; font-size: .22rem;}

/**密码修改**/
.phone-block{ color: #333; font-size: .3rem; }
.icon-phone{ display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; margin: 0 .25rem; background: url('../images/wdsz/icon-phone.png') no-repeat center; background-size: 100%; vertical-align: -0.3rem; }
.inp-block{ margin-bottom: .28rem; display: table; width: 100%; }
.inp-block span{display:table-cell; vertical-align:middle;}
.inp-block span:first-child{ text-align: right; width:1.36rem; padding-right:.14rem; font-size:.28rem;}
.inp-block input{ width: 100%; padding: .17rem .2rem; border: 1px solid #e0e0e0; font-size:.26rem;}
.warning {
    background: #ffff99 none repeat scroll 0 0;
    border: 1px solid #ff0000;
    color: #ff0000;
    padding: 5px;
}

/**密码重置**/
.phone-inp-block{color: #333; padding:.3rem .2rem; border-bottom: 1px solid #cdcdcd; text-align:center;font-size:.28rem;}
.phone-inp-block input{  padding: .17rem .3rem; border: 1px solid #e0e0e0; font-size:.28rem; width:4.5rem; margin:0 .2rem;}
.line-tab{ width: 100%; }
.line-tab li{ border-bottom: 2px solid #dbdbdb; text-align: center; float: left; font-size: .28rem; color: #666; width:50%; line-height:.65rem;}
.line-tab li.cur{ border-color: #1c92d5; color: #1c92d5; }
.line-tab-main{ background: #f3f3f3; padding: .24rem; color: #333; text-align:center; margin-bottom:.25rem;}
.line-tab-main select{ background:none; color: #333; width: 1.4rem; font-size: .26rem;}
.line-tab-main input{ padding: .17rem .2rem; border: 1px solid #e0e0e0; font-size:.26rem; width:4.5rem;}
.line-tab-main .f-gray{ margin-top: .2rem; text-align: left; }


/*btn style*/
.popbox .btn{display:inline-block;border-radius:5px;min-width:55px;min-height:22px;line-height:20px;text-align:center;padding:5px 5px;text-decoration:none;border:0 none;vertical-align:middle;border:1px solid #ccc;cursor:pointer;font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;font-size:14px;-webkit-appearance:none;}
.popbox .btn-s{display:inline-block;border-radius:5px;min-width:55px;min-height:18px;line-height:20px;text-align:center;padding:2px 8px;text-decoration:none;border:0 none;vertical-align:middle;border:1px solid #ccc;cursor:pointer;font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;font-size:14px;}
.popbox .btn-red{color:#fff;background:#b90000;border:none;}
.popbox .btn-orange{color:#fff;background:#ffa800;border:none;}
.popbox .btn-blue{color:#fff;background:#2fafe0;border:none;}
.popbox .btn-gray{color:#333;background:#cccccc;border:none;}
.min160{min-width:160px;}

/*table style*/
table tr th,table tr td{padding:5px 0;vertical-align:top;}
.table{border:1px #ccc solid;}
.table tr th{font-weight:normal;background:#eee;}
.table tr td,.table tr th{border:1px #ccc solid;padding:10px;word-break:break-all;vertical-align:middle;}
.table tr td{background:#fff;}
.table .btn,.table .btn-s{min-width:auto;}
.table .min160,.table .min160{min-width:160px;}
.table .table-ui{background:#f2f2f2;margin:-10px;padding:10px;line-height:1.8;}
.td-noborder .table tr td,.td-noborder .table tr th{border:0;border-bottom:1px solid #ccc;}

/*form style*/
.popbox input[type=tel]{border:1px solid #ddd;height:28px;line-height:18px;padding:3px;font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#525252;}
.popbox input[type=radio],
.popbox input[type=checkbox]{vertical-align:middle;}
.popbox textarea:focus,
.popbox input[type=text]:focus,
.popbox input[type=tel]:focus,
.popbox input[type=number]:focus,
.popbox input[type=password]:focus{border-color:#ffcc00;}
.popbox select{border:1px solid #ddd;height:22px;line-height:22px;margin:0;vertical-align:middle;}
.popbox textarea{border:1px solid #ddd;min-height:100px;width:100%;font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;}
.maxW40{max-width:40px;}
.code-img{width:90px;height:28px;margin:0 10px;}


/*font style*/
.red1{color:#ff0000;}
.red2{color:#b90000;}
.orange1{color:#ff6600;}
.orange2{color:#ff9900;}
.blue1{color:#217ec0;}
.blue2{color:#0000ff;}
.black{color:#000000;}
.grey1{color:#333333;}
.grey2{color:#666666;}
.grey3{color:#999999;}
.grey4{color:#cccccc;}
.white{color:#ffffff;}
/*sprites*/
.sprites{background:url(../images/sprites.png) no-repeat;}

/*通用module*/
.module{margin-top:10px;margin-left:10px;margin-right:10px;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 2px 0 #e2e2e2;}
.module1{margin-top:10px;margin-left:10px;margin-right:10px; padding:0 10px 10px 10px;-webkit-box-shadow:0 2px 0 #e2e2e2;}
.module .module-head{padding:10px;background:#f9f9f9;border-bottom:1px solid #ddd;}
.module .module-head .module-head-link{display:block;margin:-10px;padding:10px;position:relative;}
.module .module-head .module-head-link:after{content:' ';position:absolute;top:15px;right:10px;width:8px;height:8px;border:#999 solid;border-width:2px 2px 0 0;-webkit-transform:rotate(45deg);}
.module .module-body{padding:10px;overflow:hidden;line-height:1.5;}
.module .module-body p{padding:3px 0;}
.module .module-body label{white-space:nowrap;}
.module .module-body label.w75{width:75px;}
.module .module-head p{padding:0;}

.module .module-img{display:inline-block;float:left;}
.module .module-img img{margin-right:10px;}
.module .module-into{word-break:break-all;word-wrap:break-word;overflow:hidden;vertical-align:top;}
.module .module-into p{padding:0;}
 .module-into2{word-break:break-all;word-wrap:break-word;overflow:hidden;vertical-align:middle;}
 .module-into2 p{padding:0;margin-top: 10px;}

.module-list .module-item{border-bottom:1px solid #ccc;padding:10px 0;position:relative;overflow:hidden;}
.module-list .module-item:first-child{padding-top:0;}
.module-list .module-item:last-child{border-bottom:0;padding-bottom:0;}
.module-list .module-item .module-info{padding-right:80px;}
.module-list .module-item .module-btn{float:right;margin-top:6px;}


/*提示信息*/
.profile{padding:10px;color:#666;background:#eee;overflow:hidden;}
.profile-detail .detail{max-height:36px;overflow:hidden;}
.profile-detail .toggle-btn{border-top:1px solid #ccc;margin-top:0;box-shadow:0 -1px 2px 0 #ddd;}
.profile-detail .toggle-btn .toggle-arrow{display:block;margin:auto;width:60px;height:20px;border:1px solid #ccc;border-top:1px solid #fff;position:relative;top:-1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.profile-detail .toggle-btn .toggle-arrow:after{right:25px;}
.alarm{border:1px solid #ff9900;padding:5px;color:#ff6600;background:#ffffcc;}
.prompt{padding:10px;color:#666;background:#fff;overflow:hidden;border:1px solid #ddd;}
.warning{border:1px solid #ff0000;padding:5px;color:#ff0000;background:#ffff99;}

/*显示隐藏模块*/
.toggle-arrow-down{position:relative;}
.toggle-arrow-down:after{content:' ';position:absolute;top:3px;right:10px;width:8px;height:8px;border:#999 solid;border-width:2px 2px 0 0;-webkit-transform:rotate(135deg);}
.toggle-arrow-up:after{-webkit-transform:rotate(-45deg);top:8px;}

/*弹框*/
.mark{width:100%;height:100%;position:fixed;left:0px;top:0px;display:none;z-index:10000;opacity:0.6;background:#000;}
.popbox{background:#ababab;padding:10px;border-radius:5px;border-top:1px solid #aaa;position:fixed;z-index:100000;}
.popbox header{height:34px;line-height:34px;background:#2fafe0;color:#fff;padding:0 10px;position:relative;}
.popbox header .close{width:34px;text-align:center;height:34px;font-size:20px;font-family:Verdana,Tahoma;color:#fff;cursor:pointer;position:absolute;right:0;top:50%;margin-top:-17px;}
.popbox .popbox-body,.popbox footer{background:#fff;padding:10px;}
.popbox .popbox-body p{line-height:1.7;padding:4px 0;}
.popbox .popbox-body selectbox{}
.popbox footer{padding-top:0;}
.popbox footer .btn{padding:5px 10px;margin-right:10px;}