You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 lines
8.8 KiB
CSS
159 lines
8.8 KiB
CSS
5 years ago
|
.user-hd { padding: 10px 40px;
|
||
|
|
margin: 30px 0;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
background:#FBFBFB;
|
||
|
|
border: 1px solid #ddd;}
|
||
|
|
.user-hd-left { width: 460px; border-right: 1px dotted #cacaca;}
|
||
|
|
.user-hd-left .user-avatar { text-align: center; float: left;}
|
||
|
|
.user-hd-left img { border-radius: 100%;}
|
||
|
|
.user-hd-left .btn-avatar { display: block; width: 80px; height: 22px; line-height: 22px; border-radius: 15px; margin: 14px auto 0; color: #fff; background: #03b4f5;}
|
||
|
|
.user-hd-left .user-info { line-height: 24px; padding-left: 35px; padding-top: 6px; color: #666; float: left;}
|
||
|
|
.user-hd-left .user-info b{ color:#f36422}
|
||
|
|
.user-hd-left .btn-getlb { margin-top: 10px;}
|
||
|
|
|
||
|
|
.user-hd-right { width: 480px;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.remgame-list { width: 640px; padding: 30px 0 0 50px;}
|
||
|
|
.remgame-list li { width: 210px; height: 70px; float: left;}
|
||
|
|
.remgame-list .img {
|
||
|
|
width: 70px;
|
||
|
|
height: 70px; float: left;overflow:hidden;border-radius:13px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.remgame-list .info {
|
||
|
|
padding-left: 16px;
|
||
|
|
line-height: 22px;
|
||
|
|
float: left;
|
||
|
|
width:90px;
|
||
|
|
}
|
||
|
|
.remgame-list .name {
|
||
|
|
display: block;
|
||
|
|
text-indent: -5px;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-bd { border: 1px solid #e9e9e9; margin-bottom: 40px;}
|
||
|
|
.user-menu { width: 250px; height: auto;}
|
||
|
|
.user-menu li {}
|
||
|
|
.user-menu li a { display: block; height: 60px; font-size: 16px; color: #666; line-height: 60px; text-align: center; border-bottom: 1px solid #e9e9e9;}
|
||
|
|
.user-menu li i { display: inline-block; vertical-align: middle; height: 40px; width: 40px; background: url(../images/user-menu.png) no-repeat;}
|
||
|
|
.user-menu .menu-2 i { background-position: 0 -38px;}
|
||
|
|
.user-menu .menu-3 i { background-position: 0 -77px;}
|
||
|
|
.user-menu .menu-4 i { background-position: 0 -115px;}
|
||
|
|
.user-menu .menu-5 i { background-position: 2px -150px;}
|
||
|
|
.user-menu .menu-1:hover i, .user-menu .active .menu-1 i { background-position: -40px 0;}
|
||
|
|
.user-menu .menu-2:hover i, .user-menu .active .menu-2 i { background-position: -40px -38px;}
|
||
|
|
.user-menu .menu-3:hover i, .user-menu .active .menu-3 i { background-position: -40px -77px;}
|
||
|
|
.user-menu .menu-4:hover i, .user-menu .active .menu-4 i { background-position: -40px -115px;}
|
||
|
|
.user-menu .menu-5:hover i, .user-menu .active .menu-5 i { background-position: -40px -150px;}
|
||
|
|
.user-menu .active a, .user-menu li a:hover { color: #03B4F5;font-weight: bold; background: #FBFBFB;}
|
||
|
|
.user-menu .active, .user-menu li:hover{ border-left: 5px solid #03B4F5;}
|
||
|
|
|
||
|
|
.user-section-wrap { width: 887px;min-height: 394px; height: auto!important; padding: 20px 30px 30px; border-left: 1px solid #e9e9e9;}
|
||
|
|
.section-tit { height: 40px; line-height: 40px; border-bottom: 2px solid #e9e9e9; font-size: 16px;}
|
||
|
|
|
||
|
|
.w-item { min-height: 32px; height: auto; line-height: 32px; margin-top: 14px;}
|
||
|
|
.w-item .w-label, .w-item .w-div, .w-item .w-input, .w-item .w-select, .w-item .w-select-l { display: inline-block; vertical-align: top;}
|
||
|
|
.w-item .w-label { width: 172px; height: 32px; text-align: right;}
|
||
|
|
.w-item .w-div { width: 700px;}
|
||
|
|
.w-item .w-input, .w-item .w-input-s { width: 218px; height: 30px; padding: 0 10px; border: 1px solid #e9e9e9; vertical-align: top;font-family: 'microsoft yahei';}
|
||
|
|
.w-item .w-input::-webkit-input-placeholder {color:#BBB;}
|
||
|
|
.w-item .w-input::-ms-input-placeholder {color:#BBB;}
|
||
|
|
.w-item .w-input:-moz-placeholder {color:#BBB;}
|
||
|
|
.w-item .w-input::-moz-placeholder {color:#BBB;}
|
||
|
|
.w-item .w-input-s { width: 100px;}
|
||
|
|
.w-item .w-select, .w-item .w-select-l { width: 108px; height: 32px; border: 1px solid #e9e9e9; outline: 0 none; font-family: 'microsoft yahei';}
|
||
|
|
.w-item .w-select-l { width: 240px;}
|
||
|
|
.lh24 { line-height: 24px;}
|
||
|
|
.safe-setting-box { width: 700px; margin: 40px auto;}
|
||
|
|
.safe-level { padding-bottom: 8px; border-bottom: 1px dashed #e9e9e9;}
|
||
|
|
.safe-level strong { font-size: 14px;}
|
||
|
|
.safe-level .level { display: inline-block; width: 78px; height: 12px; background: #ccc; vertical-align: middle;}
|
||
|
|
.safe-level .level-on { background: #03b4f5;}
|
||
|
|
/*账号安全*/
|
||
|
|
.safe-item { height: 74px; padding: 20px 42px; border-bottom: 1px solid #e9e9e9; overflow: hidden;}
|
||
|
|
.u-mibao, .u-email, .u-phone, .u-idcard { width: 74px; height: 74px; background: url(../images/user_icos.gif) no-repeat; float: left;}
|
||
|
|
.u-mibao { background-position: 0 -75px;}
|
||
|
|
.u-email { background-position: 0 -150px;}
|
||
|
|
.u-phone { background-position: 0 -225px;}
|
||
|
|
.u-idcard { background-position: 0 -300px;}
|
||
|
|
.safe-item .u-tips { padding: 20px 0 0 45px; float: left;}
|
||
|
|
.safe-item .stit { font-size: 14px;}
|
||
|
|
.safe-item .g-btn { margin-top: 26px; float: right;}
|
||
|
|
.u-haset { display: inline-block;}
|
||
|
|
/*礼包中心*/
|
||
|
|
.ugift-list { padding: 28px 0 0 32px;}
|
||
|
|
.ugift-list li { width: 348px; padding: 25px; border-radius: 5px; overflow: hidden; margin: 0 22px 28px 0; border: 1px solid #e9e9e9; float: left; transition: all 0.3s ease;}
|
||
|
|
.heii{height: 220px;}
|
||
|
|
.ugift-list li:hover { box-shadow: 0 0 5px #03b4f5;}
|
||
|
|
.ugift-list .img { border-radius: 15px; overflow: hidden;width:96px;height:96px;background:url(../images/templace/home_game.png) center center no-repeat;overflow:hidden;}
|
||
|
|
.ugift-list .top { height: 96px; line-height: 28px; margin-bottom: 12px;}
|
||
|
|
.ugift-list .info { padding-left: 15px; float: left;}
|
||
|
|
.ugift-list .name { color: #333; padding: 5px 0 2px 0;}
|
||
|
|
.ugift-list .card { width: 202px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
|
||
|
|
.ugift-list .card em { color: #ff8025;}
|
||
|
|
.ugift-list .tit { padding: 2px 10px; color: #fff; border-radius: 5px; background: #5cd3ff;}
|
||
|
|
.ugift-list .con { line-height: 24px; padding-top: 10px;}
|
||
|
|
/*.ugift-list .con p{ max-height: 84px;overflow: hidden;}*/
|
||
|
|
|
||
|
|
.utips { padding: 10px 20px 20px; border: 1px solid #ececec; background: #fbfbfb; margin-top: 30px; line-height: 22px;}
|
||
|
|
.utips h4 { color: #0091ce; font-size: 14px;}
|
||
|
|
.utips li { list-style: decimal inside;}
|
||
|
|
|
||
|
|
/*修改头像弹窗*/
|
||
|
|
.mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.8; background: #000; z-index: 1000;}
|
||
|
|
.mask { filter: alpha(opacity=80);_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
|
||
|
|
.pop-box { color: #000; overflow: hidden; position: fixed; top: 50%; left: 50%; z-index: 1001;}
|
||
|
|
.pop-box { _position:absolute;_top:expression(eval(document.documentElement.scrollTop+100));}
|
||
|
|
.avatar-pop { width: 782px; height: 578px; border: 1px solid #e6e6e6; border-radius: 5px; background: #fff; overflow: hidden; position: fixed; top: 50%; left: 50%; margin: -290px 0 0 -392px; z-index: 1001;}
|
||
|
|
.avatar-pop a:hover { text-decoration: none;}
|
||
|
|
.avapop-close { width: 14px; height: 15px; overflow: hidden; background: url(../images/icon.png) 0 -182px no-repeat; position: absolute; top: 10px; right: 10px; transition: all 0.4s ease;}
|
||
|
|
.avapop-close:hover { transform: rotate(180deg);}
|
||
|
|
.ava-hd { width: 100%; height: 170px; text-align: center; color: #000; background: #6fccd4;}
|
||
|
|
.ava-hd img { width: 108px; height: 108px; border-radius: 50%; overflow: hidden; margin: 20px 0 10px 0;}
|
||
|
|
.ava-bd { padding: 16px;}
|
||
|
|
.ava-uptype { overflow: hidden; position: relative;}
|
||
|
|
.ava-uptype .line { width: 1px; height: 22px; background: #e6e6e6; position: absolute; top: 2px; left: 65px;}
|
||
|
|
.ava-uptype .active, .ava-uptype a:hover { border-bottom: 2px solid #03b4f7; color: #03b4f7;}
|
||
|
|
.ava-uptype a { height: 26px; line-height: 26px; margin-right: 20px; font-size: 14px; color: #333; border-bottom: 2px solid #fff; float: left;}
|
||
|
|
.ava-system {}
|
||
|
|
.ava-system .tips { color: #666; padding: 20px 0 30px 0;}
|
||
|
|
.sys-ava-list { height: 196px;}
|
||
|
|
.sys-ava-list .item { display: block; width: 84px; height: 84px; overflow: hidden; border-radius: 18px; border: 1px solid #e6e6e6; margin: 0 20px 20px 0; display: inline; float: left;}
|
||
|
|
.sys-ava-list .item img { width: 84px; margin: 0;}
|
||
|
|
.sys-ava-list .active { border-color: #03b4f7;}
|
||
|
|
.sys-ava-submit, .btn-modava { display: inline-block; width: 155px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 5px; margin: 16px 0 0 0; background: #03b4f7;}
|
||
|
|
.sys-ava-submit:hover, .btn-modava:hover { color: #fff; opacity: 0.8;}
|
||
|
|
.ava-custom { text-align: center;}
|
||
|
|
/*账号异常修复*/
|
||
|
|
.form-tips { padding: 10px 20px 20px; border: 1px solid #ececec; background: #fbfbfb; margin-top: 30px; line-height: 22px; }
|
||
|
|
.form-tips h4{ color:#0091ce; font-size:14px;}
|
||
|
|
.tomark { margin: 50px 20px 0; line-height: 24px;}
|
||
|
|
.us2-exc .g-btn { padding: 0 10px; width: auto;}
|
||
|
|
|
||
|
|
|
||
|
|
.bd_tab{ width:100%; margin-top:20px;}
|
||
|
|
.bd_tab thead th{ height:50px; line-height:50px; color:#fff; font-size:14px; background: #34C2F6;border: 1px solid #ddd;}
|
||
|
|
.bd_tab tbody td{ text-align:center; height:40px; line-height:40px; border: 1px solid #E8E8E8;}
|
||
|
|
.bd_tab tbody tr:hover{ background:#F1FBFE;}
|
||
|
|
.bd_tab tbody td.org{ color:#ff6630;}
|
||
|
|
|
||
|
|
.ugift-list .usergift_seat {
|
||
|
|
border-radius: 15px;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 96px;
|
||
|
|
height: 96px;
|
||
|
|
overflow: hidden;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.ugift-list .usergift_seat .img{
|
||
|
|
position:relative;
|
||
|
|
z-index:2;
|
||
|
|
height:100%;
|
||
|
|
height:100%;
|
||
|
|
}
|