/* 基础样式定义 */
* { margin:0; padding:0; outline:none; }
h1, h2, h3, h4, h5, h6, strong { font-size:100%; font-weight:normal; }
fieldset, img, iframe { border:0; }
table, td, th { border-spacing:0; }
ul { list-style:none; }
em { font-style:normal; }
header, section, footer, article, nav, aside, adress, menu { display:block; }
body { text-align:left; line-height:1.5rem; color:#4f5158; background-color:#f2f2ff; }
html, body { -webkit-text-size-adjust:none; overflow-x:hidden; min-height:100%; word-break:break-all; }
html, body, input, button, textarea { font-size:30px; font-family:Arial, \534E\6587\7EC6\9ED1, \5FAE\8F6F\96C5\9ED1, sans-serif; }
input, button, textarea { border:none; font-family: Helvetica,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif; background-color:transparent; }
a { text-decoration:none; color:#4f5158; -webkit-touch-callout:none; outline:none; }
a:active{opacity: .9;}
*, a, header, li, section { -webkit-tap-highlight-color:transparent; outline:none; }
img { vertical-align:middle; }

/* 响应式字体大小定义 */
/* for 1440 width screen */
@media (min-width: 1440px) and (max-width: 1440px) { html, body, input, button { font-size: 60px; } }
/* for pc debug width screen */
@media (min-width: 1281px) and (-webkit-max-device-pixel-ratio: 1) { html, body, input, button { font-size: 20px; } }
/* media query style start */
@media (min-width: 1080px) { html, body, input, button { font-size: 45px; } }
/* for 1536 px width screen  xiaomi PAD*/
@media only screen and (min-width: 1536px) and (max-width: 1536px) { html, body, input, button { font-size: 50px; } }
@media (min-width: 801px) and (max-width: 1080px) { html, body, input, button { font-size: 45px; } }
/* for 800 px width screen */
@media (min-width: 720px) and (max-width: 800px) { html, body, input, button { font-size: 32px; } }
/* for 720 px width screen */
@media (min-width: 641px) and (max-width: 720px) { html, body, input, button { font-size: 30px; } }
/* for 640 px width screen */
@media (max-width: 640px) { html, body, input, button { font-size: 27px; } }
/* for 540 px width screen */
@media (max-width: 540px) { html, body, input, button { font-size: 22.5px; } }
/* for 500 px width screen */
@media (max-width: 500px) { html, body, input, button { font-size: 20.5px; } }
/* for 480 px width screen */
@media (max-width: 480px) { html, body, input, button { font-size: 20px; } }
/* for 400 px width screen */
@media (max-width: 414px) { html, body, input, button { font-size: 18px; } }
/* for 400 px width screen */
@media (max-width: 400px) { html, body, input, button { font-size: 17px; } }
/* for 360 px width screen */
@media (max-width: 360px) { html, body, input, button { font-size: 15px; } }
/* for 320 px width screen */
@media (max-width: 320px) { html, body, input, button { font-size: 13.3px; } }
/* for 320 px width screen */
@media (max-width: 240px) { html, body, input, button { font-size: 12px; } }

/* 用户中心头部样式 */
.user_top { padding: 1.33333rem 0 0.66667rem; height: 7.13333rem; text-align: center; color: #FFF; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("../images/bg_user.jpg"); }
.user_top .btn_signin { position: absolute; right: 0.8rem; top: 0.6rem; font-size: 0.8rem; color: #FFF; }
.user_top .btn_signin .uico:before { color: #FFF; margin-right: .2rem; font-size: 1.7rem; }
.user_top .headpic { margin:0 auto; margin-bottom:0.2rem; width: 4.4rem; height: 4.4rem; position: relative; -webkit-border-radius: 999rem; }
.user_top .headpic:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url("../images/bg_headpic.png"); background-repeat: no-repeat; background-size: 100%; }
.user_top .headpic_default { margin-bottom: 0.66667rem; background-color: rgba(255, 255, 255, 0.1); background-image: url("../images/default.png"); background-size: 100% 100%; }
.user_top .headpic img { width: 100%; height: 100%; -webkit-border-radius: 999rem; }
.user_top .headpic .ico_vip { position: absolute; z-index: 3; top: 0.4rem; right: 0; background-image: url('../images/user-s6799a114b8.png'); background-repeat: no-repeat; width: 1.2rem; height: 0.8rem; background-size: 4.46667rem 7.3rem; background-position: 0 -5.73333rem;text-indent: -999em !important; overflow: hidden; }
.user_top .headpic .ico_vip.disabled { background-position: 0 -6.6rem; }
.user_top .user_info { font-size: .8rem; }

/* ico字体图标样式 */
@font-face { font-family: 'user'; src: url(../images/user.ttf) format("truetype"); }
.uico::before,.items .item:after{ font-family: 'user'; font-size: 2.4rem; width: 1rem; height: 1.6rem; color: #8e9298;display: inline-block;line-height: 1.1rem;vertical-align: middle; }
.uico.disabled { color: #cfd1dd; }
.uico.disabled::before { color: #cfd1dd; }
.uico_go2::before { content: "G"; }
.uico_go::before { content: "g"; }
.uico_shop::before { content: "C"; }
.uico_tvrecord::before { content: "Q"; }
.uico_record::before { content: "R"; }
.uico_signin::before { content: "S"; }
.uico_set::before { content: "T"; }
.uico_vip::before { content: "V"; }
.uico_gift::before { content: "L"; }
.uico_dollar::before { content: "M"; }
.uico_date::before { content: "K"; }
.uico_savepath::before { content: "P"; }

/* 待办任务 */
.user_do { background-color: #FFF; white-space: nowrap; border-bottom:1px solid #C9CAD5; }
.user_do .user_do_item { position: relative; display: inline-block; width: 50%; text-align: center; vertical-align: top; }
.user_do .user_do_item:after { position: absolute; right: 0; bottom: 1rem; top: 1rem; content: ""; font-size: 0; overflow: hidden; border-right: 1px solid #C9CAD5; }
.user_do .user_do_item a { padding: .6rem 0; display: block; }
.user_do .user_do_item .do_num { display: block; margin-bottom: -.5rem; }
.user_do .user_do_item .do_t { color: #8e9298; font-size: .8rem; }

/* 列表 */
.items {padding-bottom:1px;}
.items .item { display: block; position: relative; -webkit-box-shadow: 0 2px 0 -1px #C9CAD5,0 -2px 0 -1px #C9CAD5; background-color: #FFF; font-size: .9rem; line-height: 3.7rem; padding-left: 1.1rem; }
.items .item .notice{ position:absolute; right:2rem; color:orange; font-size:.7rem; line-height:3.8rem; }
.items .item .uico { margin-right: 1rem; }
.items .item.hover, .item:active { background-color: #EFF0F2; }
.items .item:after { position: absolute; top: 50%; height: 3.3rem; -webkit-transform: scale(0.6) translateY(-55%); right: 1rem; }
.items .item .push_new:after { position: absolute; right: 2.3rem; top: 1.6rem; }
.items .item:after { content: "G"; }

body .items { margin-top: .5rem; }