body,h1,h2,h3,h4,blockquote,p,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,legend{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.75 \5b8b\4f53,arial,sans-serif}
button,input,select,textarea,h1,h2,h3,h4{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none;list-style-position:outside;}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
body{font:12px 'Microsoft YaHei';color:#333;}

img{vertical-align:top}
a:active,a:hover{outline:0}
a{color:#333;text-decoration:none;outline:0;background:transparent;}
a:hover{color:#fa007a;text-decoration:none !important}
.fl,.mark{float:left;display:inline;}
.fr,.mark-sub{float:right;display:inline}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}
.clearfix{*zoom:1}
.clear{font-size:0;line-height:0;height:0;overflow:hidden;clear:both;visibility:hidden}

.black{color:#333;}
.gray{color:#777;}
.pink{color:#fa007a;}
.blue{color: #1d94d1}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr0{margin-right:0 !important;}
.w1000-auto{width:1000px;margin:0 auto;}

.ui-input:hover,.ui-textarea:hover,.ui-input:focus,.ui-textarea:focus {border-color: #ccc} 
/*login-con*/
.login-fix{position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);display:none;}
.login-con{width:390px;height:542px;background: #fff; position: absolute;left: 50%; top: 50%;margin-left: -185px; margin-top: -270px; z-index: 1000; border-radius:5px;overflow: hidden;display:none;}

/*ui-input*/
.ui-input{height:24px; width:225px; display:block; float: left; padding:3px 9px;border:1px solid #e4e4e4;color:#333;border-radius:3px;}
.ui-input-error{background:#ffe6e7;border:1px solid #fca1a5;}

/*ui-btn*/
.ui-btn{display:block;line-height:36px;text-align:center;font-size:14px;border-radius:5px;color:#fff;background:#fa007a;}
.ui-btn:hover{background:#f10180;color:#fff !important;}
.ui-btn-disabled{background:#ccc; cursor: default;}
.ui-btn-disabled:hover{background:#ccc;}

/*error-tips*/
.error-tips i,.error-tips b{background:url(../images/web-index.png) no-repeat;}
.error-tips{display:block;height:30px;width:223px; padding:0 10px;line-height:27px;border-radius:3px;border:1px solid #f8dbb1;background: #fffaf3;color:#555;position: absolute;top:-38px;left:0;}
.error-tips i,.error-tips em{display:inline-block; height:16px; line-height:16px; vertical-align:middle;}
.error-tips i{width:16px;height:16px;background-position:-460px -130px;margin-right:10px;}
.error-tips b{display:block;height:4px;width:7px;position: absolute;bottom:-4px;left: 6px;background-position:-483px -130px;}

/*font-icon*/
.font-icon{width:34px;height:34px;display:inline-block;margin-right:5px;background:url(../images/web-index.png) no-repeat;}
.sigh-icon{background-position:-306px -186px;}
.success-icon{background-position:-346px -186px;}

/*login-box*/
.login-box .login-icon,.login-box .login-close,.checkbox i,.login-box .login-type-icon,.login-success-box ul li i{background:url(../images/web-index.png) no-repeat;}
.login-box{width:390px;height:540px;border-radius:3px;border-top:2px solid #fa007a;-webkit-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; background:#fff;color:#888;z-index: 1000; position: relative;}
.login-box .login-top{height:115px;background:#fafafa;position: relative;overflow:hidden;}
.login-box .login-icon{height:50px;width:225px;background-position:0 -130px;margin:38px 0 0 43px;}
.login-box .login-close{width:12px;height:12px;display:block;position: absolute; top: 10px;right:10px;background-position:-497px -130px;}

.login-box .login-bottom{padding:40px;}
.login-list .login-item{margin-bottom:20px;height:32px;line-height:32px;}
.login-list .login-item .login-span{float: left;width:56px;font-size:14px;text-align:right;margin-right:8px;}
.login-list .login-item input.ui-input-yzm{width:100px;}
.login-list .login-item .yzm-img{height:32px;width:80px;float: left;cursor: pointer;overflow:hidden;line-height:32px;margin-left:10px;}
.login-list .login-item .yzm-img img{width:80px;height:32px;} 
.input-item{height:32px;width:245px;float: left;position: relative;}

.login-checkbox{height:16px;line-height:16px;overflow:hidden;position: relative;}
.checkbox{height:16px;display:block;padding-left:22px;}
.checkbox i{width:18px; height:16px; display:block; position: absolute;left:0;right:0;background-position:-398px -154px;cursor: pointer;}
.checkbox i.checked{background-position:-398px -130px;}

.login-box .login-btn{height:36px;line-height:36px;overflow:hidden;margin:20px 0 15px;}
.login-box .other-reg{overflow:hidden;line-height:16px;padding-bottom:10px;}
.login-box .other-wx{line-height:40px;font-size:14px;color:#888;border-bottom:1px solid #f2f2f2;}

.login-box .login-type{height:26px;line-height: 26px;overflow: hidden; margin-top:8px;}
.login-box .login-type-icon{float: left; width: 26px;height: 26px;margin-right: 10px;}
.login-box .login-type-wx,.login-box .login-type-vip{}

.login-box .login-type-wx .wx-login{background-position:-424px -130px;}
.login-box .login-type-vip .vip-login{background-position:-424px -162px;} 

.login-pop-error{width:262px;height:114px;border-radius:3px;border:1px solid #ccc;position: absolute;left:50%;margin-left:-132px; top: 50%;margin-top:-58px;z-index:10001;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;background:#fff;}
.login-pop-error .pop-error-item{height:34px;/*width:192px; */margin-top:40px;overflow:hidden;line-height:34px;font-size:14px;text-align:center;}
.login-pop-error .pop-error-item span{vertical-align:top;}