body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{ margin:0; padding:0; }
img {border: none;vertical-align:middle}em{ font-style:normal;}ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; cursor: pointer;}table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select{vertical-align: middle;}i{font-style: normal;}
html{overflow-x: hidden;}
body{font-size: 14px;color: #666;font-size: 16px;background: #e7eaec; font-family: "微软雅黑"}

.c-w1000{width: 1000px;margin: 20px auto;background: #fff;}
.c-left{width:205px;float: left;}
.c-left .optionbox{width: 205px;height: 62px;overflow: hidden;}
.c-left .optionbox a{display: block;text-align: center;font-size: 16px;color: #535353;font-weight: 600px;height: 59px;line-height: 59px;
	background: #f8f3ef;border-bottom: 1px solid #e6e6e5}
.c-left .optionbox .hover,.c-left .optionbox a:hover{background: #fff; color: #f85252;}
.c-left .op_a{background: url(../images/o1.jpg);width: 204px;height: 62px;display: block;cursor: pointer;}
.c-left .op_b{background: url(../images/o2.jpg);width: 204px;height: 62px;display: block;cursor: pointer;}
.c-left .op_c{background: url(../images/o3.jpg);width: 204px;height: 62px;display: block;cursor: pointer;}
.c-left .on{background-position: -206px 0;}
.c-left .autoheight{height: auto;}

.c-right{width: 690px;float:right; padding:0 50px; min-height:626px;background: url(../images/rightbg.jpg) bottom right no-repeat;}
.c-title{width: 100%;background: #f8f3ef;height: 42px;line-height: 42px;text-align: center;color: #555;clear: both;font-weight: bold;
	font-size: 20px; margin: 30px 0;}
.c-txt{padding-top: 100px;line-height: 30px;clear: both;font-size: 14px; padding-bottom: 30px;}
.c-table{display: table;width: 550px;margin: 25px auto;}
.c-table td{padding-top: 20px;position: relative;}
.c-inp{padding-left: 10px;border:1px solid #ddd; width: 200px;height: 30px;line-height: 30px;}
.c-tip{text-align: center;color: red;font-size: 14px;line-height:26px;height: 26px;display: block;}
.c-page{clear: both;margin:20px 0;width: 100%; text-align: center;}
.c-page a{padding: 3px 10px;border:1px solid #ddd;background: #fff;color: #666;margin: 0 3px;}
.c-page a:hover,.c-page .on{background: #fb5454;color: #fff;border:1px solid #fb5454;}
.c-bottom{padding: 30px;margin-top: 20px;font-size: 12px;color: #777;}
.c-bottom a{color: #777;}
/*我的账号*/
.account .mydata{padding: 50px 0;}
.account .mydata .xiuimg{border:1px solid #f85252; float: left;margin-right: 10px;}
.account .mydata .ming{background: url(../images/ming.png);width: 51px;height:41px;display: inline-block;vertical-align: middle;}
.account .mydata .id{background: url(../images/id.png);width: 51px;height: 41px;display: inline-block;vertical-align: middle;}
.account .mydata .liang{background-position: 0 -41px;}
.account .mydata .table{width: 540px;display: table;float: left;height: 200px;font-size: 16px; color: #535353}
.account .mydata .table td{height: 52px;}
.account .mydata .anquan{display: inline-block;vertical-align: middle;width: 177px;height: 21px;background: url(../images/png.png);background-position:-180px 0;}
.account .mydata .anquan i{background: url(../images/177.png);display: block;height: 21px;}
.account .mydata .anquan .d1{background-position: 0 0;}
.account .mydata .anquan .d2{background-position: 0 -21px;}
.account .mydata .anquan .d3{background-position: 0 -42px;}
.account .mydata .link{padding: 2px 10px;background: #fb5454;color: #fff; margin-right: 20px;font-size: 14px;}
.account .mydata .link:hover{background: #dc3030;}
.account .anquanul li{position: relative;padding-left: 70px;height: 56px;color: #909090;margin-top: 30px;line-height: 27px;}
.account .anquanul li i{background: url(../images/png.png);width: 55px;height: 56px;position: absolute;left: 0;top:0;}
.account .anquanul li small{color: red; padding-left: 20px;}
.account .anquanul .ico_a{background-position:-120px -38px; }
.account .anquanul .ico_b{background-position:-186px -38px }
.account .anquanul .ico_c{background-position:-250px -38px; }
.account .anquanul .ico_d{background-position:-314px -38px; }
.account .anquanul .btn{position: absolute;right:10px;top:10px;padding: 2px 20px;border:1px solid #9f9f9f; color: #9f9f9f;background: #fff;}
.account .anquanul .btn:hover{color: #fff;background: #fb5454;border:1px solid #fb5454;}
.account .tijianbox{padding: 15px;background: #f5f2f2;display: block;height: 117px; margin: 30px 0; line-height: 28px;}
.account .fenshu{display: block;float: left;width: 117px;height: 117px;text-align: center;line-height: 117px;
	font-size: 20px; margin-right: 20px;}
.account .red{color: red;}
.account .yellow{color: #fea443}
.account .green{color: #39be07}
.account .img-a{background:url(../images/lv.png);}
.account .img-b{background:url(../images/huang.png);}
.account .img-c{background:url(../images/hong.png);}
.account .img-d{background:url(../images/dh.gif);}
.account .img-e{background:url(../images/gth.png);}
.account .tijian{width: 84px;height: 32px;line-height: 32px;color: #fff;background-image: url(../images/png.png);
	background-position: 0 -225px;display: block;text-align: center;}
.account .tijian:hover{background-position:0 -257px; }
.account .rig{float: left;width: 520px;height: 117px;}
.account .tjtable{display: table;width: 100%;}
.account .tjtable td{padding: 15px 0;font-size: 15px;}
.account .i-h{display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: url(../images/png.png);
	background-position: -124px -217px;vertical-align: middle;}
.account .i-k{display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: url(../images/png.png);
	background-position: -153px -217px;vertical-align: middle;}
.account .tjtable u{cursor: pointer; color: #00b7ee;display: block;text-align: center;}
/*修改账号名称*/
.modify .modul li{width: 165px;border:1px solid #eee;float: left;text-align: center;margin-left: 6px;color: #666;height: 250px;cursor: pointer;}
    .modify .modul li a {color:#666; }
.modify .modul li:hover{border:1px solid red;}
.modify .modul i{display: block;width: 90px;height: 90px;background-image: url(../images/png.png);margin: 40px auto; }
.modify .modul .i1{background-position:-5px -26px;}
.modify .modul .i2{background-position:-6px -127px; }
.modify .modul .i3{background-position:-101px -100px; }
.modify .modul .i4{background-position:-204px -101px; }
.modify .link2{width: 120px;height: 30px;line-height: 30px;text-align: center;display: block;border:1px solid #ddd;color: #888;background: #fff;}
.modify .link2:hover{border:1px solid red;color: red;}
.modify .c-table{margin-bottom: 0px;}
.modify .link3{width: 213px;height: 38px;line-height: 38px;text-align: center;display: block;background: #fb5454;color: #fff;}

/*重置密码*/
.reset .modul li{width: 223px;border:1px solid #eee;float: left;text-align: center;margin-left: 6px;color: #666;height: 250px;cursor: pointer;}
.reset .modul li:hover{border:1px solid red;}
 .reset .modul li a { color: #666;}
.reset .modul i{display: block;width: 90px;height: 90px;background-image: url(../images/png.png);margin: 40px auto; }
.reset .modul .i1{background-position:-5px -26px;}
.reset .modul .i2{background-position:-313px -100px; }
.reset .modul .i3{background-position:-314px -198px; }
.dsfbox{clear: both;}
.dsfico{background-image: url(../images/ico2.png); display: inline-block; vertical-align: middle;width: 38px;height: 38px;display: inline-block; margin: 8px; margin-left: 3px;}
.dsfbox .xl{background-position: -93px -41px;}.dsfbox .xl:hover{background-position: -131px -41px;}
.dsfbox .rr{background-position: -93px -80px;}.dsfbox .rr:hover{background-position: -131px -80px;}
.dsfbox .ty{background-position: -93px -119px;}.dsfbox .ty:hover{background-position: -131px -119px;}
.dsfbox .qq{background-position: -93px -158px;}.dsfbox .qq:hover{background-position: -131px -158px;}
.dsfbox .wx{background-position: -170px -41px;}.dsfbox .wx:hover{background-position: -208px -41px;}

.reset .sel{padding: 30px;}
.reset .link2{width: 120px;height: 30px;line-height: 30px;text-align: center;display: block;border:1px solid #ddd;color: #888;background: #fff;}
.reset .link2:hover{border:1px solid red;color: red;}
.reset .c-table{margin-bottom: 0px;}
.reset .link3{width: 213px;height: 38px;line-height: 38px;text-align: center;display: block;background: #fb5454;color: #fff;}
.reset .cz3{width: 100px;float: left;}
/*手机找回ID*/
.phoneid .link2{width: 120px;height: 30px;line-height: 30px;text-align: center;display: block;border:1px solid #ddd;color: #888;background: #fff;}
.phoneid .link2:hover{border:1px solid red;color: red;}
.phoneid .c-table{margin-bottom: 0px;}
.phoneid .link3{width: 213px;height: 38px;line-height: 38px;text-align: center;display: block;background: #fb5454;color: #fff;}
.phoneid .bingidtable{display: table;width: 100%; margin-top: 20px;margin-bottom:10px;}
.phoneid .bingidtable td{border:1px solid #ddd;padding: 10px;background: #fff;}
.phoneid .bingidtable small{color: red;}
.phoneid .red{color: red;}


/*充值记录*/

.chongzhijilu .cztop{height: 40px;line-height: 40px; margin-top: 30px;}
.chongzhijilu .sel{height: 40px;width: 120px;border:1px solid #ddd; padding-left: 10px; color: #666}
.chongzhijilu .lab{padding:0 20px;}
.chongzhijilu .sous{width: 80px;height: 40px;background: #fb5454;color:#fff;display: inline-block;vertical-align: middle;text-align: center;}
.chongzhijilu .cztable{width: 100%; text-align: center; margin-top: 20px;}
.chongzhijilu .cztable td{border: 1px solid #ddd; padding:10px 5px;}
.chongzhijilu .cztable th{background: #fb5454;padding:10px 2px;color: #fff;}

.ewmpop{width: 620px;height: 342px;background: url(../images/rightbg.jpg) bottom center no-repeat #fff;text-align: center;}
.ewmpop .e1{width: 173px;height: 173px;margin: 10px auto; display: block;}
.ewmpop .bgt{background: url(../images/bgt.png);width: 487px;height: 212px;margin: 0 auto;}


.inp-rl{padding-right: 40px;background: url(../images/rili.png) right center no-repeat;height: 40px;width: 130px; border:1px solid #ddd; padding-left: 10px;}
.r96-title {
    width: 727px;
    height: 24px;
    background: url(../images/tab-huibr002.gif);
    text-align: center;
    line-height: 24px;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    margin: 20px auto;
}

.r96-content {
    width: 680px;
    background: url(../images/dt3jy.gif) left top repeat-y;
    margin: 0 auto;
    padding: 10px 30px;
    height: 700px;
    overflow-y: auto;
}
.btn {
    color: #00b7ee;
}
.tipbox{padding: 5px 10px;border:1px solid #eee;position: absolute;top:20px;z-index: 2;width:195px; }
.zc-tip2{line-height: 20px; font-size: 14px; color: #888;display: block;padding-left: 25px; background: url(../images/i1.jpg) left top no-repeat;}
.zc-tip3{line-height:20px; font-size: 14px;  color: #888;display: block; padding-left:25px;background: url(../images/i2.jpg) left top no-repeat;}
.tiperror {padding: 5px 10px;position: absolute;top:20px;z-index: 2;color:red;font-size:12px;width:195px;display:none;}

/*我的虚拟卡*/
/* 遮罩层 兼容IE6 */
.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.3;
    filter:alpha(opacity=30); /* IE6透明兼容 */
    display:none;
    z-index:99;
}
/* 通用弹窗容器 全IE6兼容核心 */
.popup{
    position:absolute;
    width:520px;
    background:#fff;
    border:1px solid #ccc;
    padding:25px 20px;
    z-index:100;
    display:none;
    /* IE6 margin双边距、浮动bug兼容 */
    _margin:0;
    _zoom:1;
    color:black;
}
/* 弹窗标题 */
.pop-title{
    font-size:22px;
    color:#f34343;
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #f34343;
}
/* 表单行通用 */
.form-item{
    margin:18px 0;
    line-height:45px;
    position:relative;
    _position:relative; /* IE6 hack */
}
.form-item label{
    display:inline-block;
    width:110px;
    vertical-align:middle;
}
.form-item input{
    width:350px;
    height:32px;
    line-height:32px;
    padding:0 8px;
    border:1px solid #ccc;
    vertical-align:middle;
    _height:30px; /* IE6 input高度兼容 */
}
/* 红色报错文字 */
.error-tip{
    color:#f34343;
    font-size:13px;
    display:none;
     /* 核心：绝对定位，不影响布局 */
    position:absolute;
    left:115px;
    top:36px;
    _position:absolute; /* IE6 hack */
}
/* 验证码区域 */
.code-box{
    display:inline-block;
    width:90px;
    height:32px;
    line-height:32px;
    background:#f5f5f5;
    border:2px solid #4488ff;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color:#333;
    margin-left:8px;
    cursor:pointer;
    vertical-align:middle;
}
.code-tip{
    font-size:12px;
    color:#f34343;
    margin-left:2px;
}
/* 按钮通用 */
.pop-btn{
    width:220px;
    height:42px;
    line-height:42px;
    background:#f34343;
    color:#fff;
    border:none;
    margin:15px 0 0 115px;
    cursor:pointer;
    font-size:15px;
    _margin:0 0 0 115px; /* IE6 margin兼容 */
}
/* 关闭按钮 */
.close-btn{
    position:absolute;
    top:15px;
    right:20px;
    font-size:18px;
    color:#999;
    cursor:pointer;
}

/* ========== 第二个弹窗：卡密信息弹窗专属样式 ========== */
.info-popup{
    width:550px;
}
.info-box{
    border:2px dashed #f8c8c8;
    padding:25px;
    margin:10px;
}
.info-item{
    margin:20px 0;
}
.info-item label{
    width:80px;
}
.info-item input{
    width:320px;
    color:#f34343;
    font-weight:bold;
    font-size:16px;
}
.copy-btn{
    width:70px;
    height:34px;
    margin-left:10px;
    background:#f34343;
    color:#fff;
    border:none;
    cursor:pointer;
    vertical-align:middle;
}
.all-copy-btn{
    width:240px;
    margin-left:130px;
}
.demo-class .layui-layer-btn0 {
    border-color: #fc3d44;
    background-color: #fc3d44;
    color: #fff;
}

