
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0; padding:0; border:0; font-size:100%; font:inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1.5; font-size:13px; font-family:Arial,Helvetica,SimSun,sans-serif,"Microsoft YaHei"; background-color:#efefef; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
a { text-decoration:none; color: #505050;}

.clear { clear:both; }
.blank { height:10px; }
.hide { display:none; }
.gray { color:gray; }
.paddingtb10 { padding:10px 0; }
.paddinglr10 { padding:0 10px; }
.padding10 { padding:10px; }
.rmb { font-family:"Microsoft YaHei"; }
.red { color:#d30000; }
.none { display:none; }
.disabled { color:#ccc; }
.pointer { cursor:pointer; }
.maohao {font-family: "Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3";padding: 0 2px;}
.txt80 {
width: 70px;}

.zhuan{margin:80px 0;}
.ball {background-color: rgba(0,0,0,0); border: 3px solid rgba(0,1,1,0.9);opacity: 0.9;border-top: 3px solid rgba(0,0,0,0);border-left: 3px solid rgba(0,0,0,0);border-radius: 30px;width: 25px;height: 25px;margin: 0 auto;
-moz-animation: spin .5s infinite linear;-webkit-animation: spin .5s infinite linear;}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
 
    100% {
        -moz-transform: rotate(360deg);
    };
}
 
@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }
 
    100% {
        -moz-transform: rotate(-360deg);
    };
}
 
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
 
    100% {
        -webkit-transform: rotate(360deg);
    };
}
 
@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }
 
    100% {
        -webkit-transform: rotate(-360deg);
    };
}
.Toolbar .indexhome {background-image: url(//cdn.jiyun.info/xslwl/images/bg.png)!important;background-position: -6px -31px!important;}
#uldiv li b{width:38px; height:20px; line-height:17px; display:block; color:#fff; text-align:center; font-size:12px;}
#uldiv li b em{padding:3px;  border-radius:100%; text-align:center; background-color:red; display:block; position: absolute;
z-index: 9999;margin-top: -10px;margin-left: 18px;}
#uldiv li b .em01{width:12px; height:12px; line-height:12px;}
#uldiv li b .em02{width:16px;height:16px;line-height:16px;}


.icon b em {
padding: 3px;
border-radius: 100%;
text-align: center;
background-color: red;
display: block;
position: absolute;
z-index: 9999;
margin-top: -10px;
margin-left: 18px;
color: #FFFFFF;
}
.em01 {
width: 12px;
height: 12px;
line-height: 12px;
}

.h70{height:70px;}
body{background-color:#f3f3f3;font-size:13px; font-family:"微软雅黑"; color:#505050;}
.wrap { max-width:720px; margin:0 auto; padding:10px 10px 75px 10px; }
footer .footer .footer_le .icon,footer .footer .footer_return span,.footer_home span,footer .footer .icon_member,footer .footer .footer_add span,footer .footer .footer_count span,.footer .footer .footer_ri{ background-image:url(//cdn.jiyun.info/xslwl/images/icon.png); background-repeat:no-repeat;}

/*html控件样式*/
input,select{ font-size:13px; font-family:"Microsoft YaHei"; color:#505050; }
/*CSS设置input placeholder文本的样�?*/
input::-webkit-input-placeholder,input:-moz-placeholder,input:-ms-input-placeholder { color:#505050; }

.wrap.differ { padding-top:0; }
.wrap.differ.score { padding:0 }
.wrap.the-buttom { position:absolute; }
.wrap.shopping{ background:#FFF;border:1px solid #e7e7e7; }
/* 登录页面 */
.header { background:url() no-repeat center; width:100%; height:198px; text-align:center }
.header h1 { color:#0085BD; font-size:28px; padding-top:31px; }
.header span { color:#786450; font-size:15px; }


/* 顶部选择标签（三项） */
.menber-tittle.three { max-width:330px; }
.menber-tittle.three ul { width:100%; }
.menber-tittle li a{ float:left; width:26%; text-align:center; font-size:16px; height:27px; line-height:27px; }
/* 单独? */
.menber-list-li { color:#505050; height:56px; border:1px solid #e5e5e5; line-height:56px; margin-top:-1px; padding-left:12px; background:#FFF; position:relative; }
.menber-list-li label { margin-right:27px; width:68px; display:inline-block; text-align:right }
.menber-list-li input { border:0; color:#878787; }
/* 输入 */
.menber-list-li.inputt { color:#505050; height:56px; border:1px solid #e5e5e5; line-height:56px; margin-top:-1px;  background:#FFF; position:relative; padding-left:0; }
.menber-list-li.inputt label { margin-right:27px; padding-left:15px; width:68px; display:inline-block; text-align:right; position:absolute; }
.menber-list-li.inputt input { border:0; color:#878787; padding-left:94px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;height:54px;  }

/* 单独项（有选择按钮? */
.menber-list-li.differ { border:0; background:#f3f3f3; color:#878787; }
/* 单独项（有确认按钮） */
.menber-list-li.butt { border:0; background:#f3f3f3; text-align:center; margin-top:20px; padding:0 }
.menber-list-li.butt input { border:1px #dedede solid; width:154px; height:42px; background:#0085BD; border-radius:5px; color:#fff; }
.menber-list-li.butt .ax { border:1px #dedede solid; width:100%; height:42px; line-height:42px; background:#fff; border-radius:5px; color:#0099ff; display:block; text-align:center }
.menber-list-li.butt.one { margin-top:16px }
.menber-list-li.butt.one input { width:100%; }
.menber-list-li.butt.two { margin:14px 0 18.5px 0 }
.menber-list-li.butt.two input { width:46%; float:left; }
.menber-list-li.butt.two input:nth-child(2) {
float:right;
}
.menber-list-li.butt.three { position:relative; height: 90px; }
.menber-list-li.butt.three div { height:100px; width:100px; border:1px #dddddd solid; border-radius:250px; }
.menber-list-li.butt.three div p { position:absolute; bottom:0; left:0; width:100px; }
.menber-list-li.butt.three div img { position:absolute; top:10px; left:23px; width:55px; height:55px; }
.menber-list-li.butt.three div:nth-child(1) {
margin:0 auto;
position:relative
}
.menber-list-li.butt.three div:nth-child(2) {
position:absolute;
top:0
}
.menber-list-li.butt.three div:nth-child(3) {
position:absolute;
top:0;
right:0
}

@media only screen and (max-width: 360px) {

.menber-list-li.butt.three div { height:80px; width:80px; border:1px #dddddd solid; border-radius:250px; }
.menber-list-li.butt.three div p { position:absolute; bottom:0; left:-9px; width:100px; }
.menber-list-li.butt.three div img { position:absolute; top:15px; left:27px; width:27px; height:27px; }
}
