@charset "utf-8";
/* CSS Document */
html,input,button,textarea{font-family:"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body{ margin:0 auto; padding:0px;color:#6B6B6B; background-color:#fff; max-width:720px;}
ul,li,p,form,div{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:100;}
ul,ol,li{ list-style:none;}
a{ color:#6B6B6B; font-size:1rem; text-decoration:none; font-family:"Microsoft YaHei";}

a:visited{color:#6B6B6B;}
a:hover{color:#F60;}
img{ border:0px solid #fff; vertical-align:middle;}

.clear{ clear:both;}
.section{ margin-top:10px; background-color:#FFF;}
.crosbg{ background:url(bg_crosline.png) center no-repeat;}
.br{ height:5px; border:0px solid #fff; line-height:5px; font-size:5px;}
.bigbr{ height:10px; border:0px solid #fff; line-height:10px; font-size:10px;}

.container{ margin:0px auto; min-width:320px; max-width:720px;}
.wrap{ margin-left:10px;margin-right:10px;}
.posnav{ background-color:#ea810b; height:3.6rem; line-height:3.6rem; text-align:center; color:#FFF; position:relative; font-size:1.5rem;}
.posnav .arrow{ position:absolute; top:0px; left:0px;width:1rem; height:3.6rem; background:url(images/arrow_left.png) center no-repeat; text-align:center; color:#fff; font-size:1rem; padding:0 1.2rem;}
.posnav .arrow:hover{ background-color:#eb847d;}
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
.okmsg{ text-align:center; line-height:1.2rem;}

.color_white{ color:#FFF;}
.color_black{ color:#898989;}
.color_red{ color:#ea2833;}

.bold{ font-weight:bold;}

.font-14{ font-size:14px;}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.font-30{ font-size:30px;}
.font-36{ font-size:36px;}

.line18{ line-height:18px;}
.line20{ line-height:20px;}
.line22{ line-height:22px;}
.line25{ line-height:25px;}
.line30{ line-height:25px;}

.ali_left{ text-align:left;}
.ali_center{ text-align:center;}
.ali_right{ text-align:right;}

.input_btn{ border:1px solid #ddd; height:2rem; line-height:2rem; text-align:center; width:6rem; font-size:1rem; color:#F30; display:block; float:left; background-color:#f5f5f5;}
.input_mini{ border:1px solid #ddd; padding:.5rem; width:3rem;-webkit-box-sizing:border-box; margin-bottom:.5rem;}
.input_normal{ border:1px solid #ddd; padding:.8rem; width:100%;-webkit-box-sizing:border-box; margin-bottom:.6rem;}
.selects{ padding:.5rem; border:1px solid #ddd;}
.submit{ background-color:#ea810b; border:1px solid #f30; padding:1rem; text-align:center; color:#fff; width:100%;-webkit-box-sizing:border-box; border-radius: 5px;}

.a-upload { background-image:url(images/up.jpg); background-size:4rem; width:4rem; height:4rem; position: relative;cursor: pointer; overflow: hidden;   display:block; *zoom: 1}

.a-upload input{ position: absolute;   font-size: 100px;  right: 0;    top: 0;  opacity: 0;    filter: alpha(opacity=0); cursor: pointer}

.position{ clear:both; margin:0 auto; font-size:1.2rem; line-height:3rem; text-align:left; padding:0 1rem; -webkit-box-sizing:border-box;}
.position a{ font-size:1.2rem;}
.goback{ background-color:#fff;border-bottom:1px solid #eee; height:26px; padding:0px 0px 10px 5px;}
.goback span{ display:block;color:#8d8d8d; line-height:26px;padding:5px 0px 5px 20px; margin:0px; background:url(../images/icon_return.png) left no-repeat; font-size:14px; height:26px;}

#topbar{ background-color:#ea810b; height:4rem; line-height:4rem; text-align:center; color:#fff; font-size:1.5rem; position:relative;}

.pages{ clear:both; margin:1rem auto; padding:0 1rem; -webkit-box-sizing:border-box;}
.pages a{ padding:5px; border:1px solid #2ad2c9;}
.pages a.cur{ padding:5px 8px; border:1px solid #2ad2c9; background-color:#2ad2c9; color:#fff;}


/*news_show*/
.newslist{ padding:5px auto;}
.newslist li{ border-bottom:1px dashed #eee;}
.newslist li a{display: block; width:100%; height:2rem; line-height: 2rem; padding:.5rem 0;}
.news_contain{ margin: 0px auto; padding:1rem; background-color:#fff;}
.news_contain h2{ font-size:18px; text-align: left; margin:10px auto;}
.news_contain .dates{ padding: 5px 0px 15px 0px; border-bottom: 1px solid #eee; margin: 0px auto 10px auto;}
.news_contain .content{ line-height: 20px; font-size: 14px; }
.news_contain .content img{ width:100%;}

/*member*/
.mem_head{ padding:1rem 0; background-color:#fff;}
.mem_head .arrow{ background:url(arrow_left.png) center no-repeat; float:left; width:1.5rem; height:1.5rem; padding:1rem;}
.mem_head .arrow:hover{ background-color:#ff8a8b;}
#head_contain{ padding:20px; height:80px; font-size:1.5rem;}
.mem_head .avatar{ text-align:center;}
.mem_head .avatar img{ width:7rem; height:7rem; ;border-radius:3.5rem;border: none;}
.mem_head .avatar h2{ font-size:1rem;line-height:1.2rem; margin-top:.5rem; color:#333;}
.mem_head .avatar h3{ color:#999;font-size:.8rem; margin-top:.5rem;color:#333;}
.nick p{ line-height:14px;}
#head_contain .modinfo{ float:right; margin:0px;}
.mem_contain{ background-color:#f5f5f5;}
.mem_line{ margin-bottom:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px;}
.mem_line td{ text-align:center;}
.mem_line img{ width:2.9rem;}
.mem_line h2{ font-size:1rem; text-align:center; margin-top:10px;}
.mem_contain .tools{ padding:15px 20px; height:20px; border-top:1px solid #ddd;}
.mem_contain .tools .t{ float:left; font-size:18px;}
.mem_contain .tools .m{ float:right; background:url(arrows.png) right no-repeat; display:block; width:12px; height:22px;}
.mem_contain .my_tbn{ padding:15px 20px; height:20px; border-top:1px solid #ddd; font-size:18px;}

.mem_menu{ background-color:#fff; margin:1rem auto;}
.mem_menu ul{ padding:.5rem 2rem 0 2rem;}
.mem_menu li{ width:50%; float:left; height:3rem; line-height:3rem; margin-bottom:.5rem;}
.mem_menu li a{ font-size:1.4rem;}

.pub_menu{ background-color:#fff; margin:1rem auto;}
.pub_menu ul{}
.pub_menu li{ display:block; text-align:center; float:left; width:50%;}
.pub_menu li img{ width:6rem; text-align:center;}
.pub_menu li h2{ text-align:center; line-height:1.4rem; font-size:1rem; margin-bottom:1rem;}

.user_tree{ padding:5px;}
.user_tree ul{ margin:2px 8px;}
.user_tree li{ margin:0px 10px; list-style:disc; font-size:14px;}
.user_tree ul li{ color:#F00;}
.user_tree ul li ul li{ color:#009;}
.user_tree ul li ul li ul li{ color:#060;}

/*chongzi*/
.cz_tips{}
.cz_tips img{ width:100%;}
.cz_tips p{ padding:.5rem;}
.cz_phone{ border:1p solid #eee;  padding:1rem; width:100%; font-size:1.5rem; -webkit-box-sizing:border-box; }

/*my_earn*/
.my_earn{}
.my_earn .thead{ background-color:#f5f5f5; height:42px; line-height:42px; font-size:1.5rem;}
.my_earn .item{ height:42px; line-height:42px; border-bottom:1px solid #ddd; font-size:1.3rem;}

.root{ position:fixed; margin:0px auto;  box-sizing: border-box; border:0px; height:48px; left:0px; right:0px; bottom:0px; width:100%;background-color:#eee; z-index:9999;}
.root li{ float:left;text-align:center; width:25%; height:48px;}
.root li h2{ text-align:center; font-size:1rem; color:#666;}
.root a{ display:block; width:100%; height:32px;  border-right:1px solid #ddd; }
.root #r_btn1 a{ background:url(../images/root_1.png) center no-repeat; background-size:28px;}
.root #r_btn1.hover h2{color:#cc5f00;}
.root #r_btn1.hover a{ background:url(../images/root_click1.png) center no-repeat; background-size:28px;}
.root #r_btn2 a{ background:url(../images/root_2.png) center no-repeat; background-size:28px;}
.root #r_btn2.hover h2{color:#cc5f00;}
.root #r_btn2.hover a{ background:url(../images/root_click2.png) center no-repeat; background-size:28px;}

.root #r_btn3 a{ background:url(../images/root_3.png) center no-repeat; background-size:28px;}
.root #r_btn3.hover h2{color:#cc5f00;}
.root #r_btn3.hover a{ background:url(../images/root_click3.png) center no-repeat; background-size:28px;}
.root #r_btn4 a{ background:url(../images/root_4.png) center no-repeat; background-size:28px;}
.root #r_btn4.hover h2{color:#cc5f00;}
.root #r_btn4.hover a{ background:url(../images/root_click4.png) center no-repeat; background-size:28px;}

#preview { list-style:none; margin:0px; padding:0px;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
#preview li{ margin:5px 5px 5px 0px; text-align:center; width:60px;}
#preview li div.imgs{ position:relative; border:1px solid #ccc; width:100%;}
#preview li .btn{ position:absolute; right:0px; top:0px;}