@charset "utf-8";
/*css document*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust:none;}
html{-ms-touch-action:none;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,dl,p{border:0; margin:0; padding:0;}
body{font:normal normal 14px/1.25em Tahoma, Verdana, "Microsoft YaHei";color:#333;}
ul,li,dl,dd,dt{list-style: none;}
input,select,textarea{text-decoration:none;outline:none; color:#333; blur:expression(this.onFocus=this.blur());outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;border-radius: 0;}
a{outline:none;text-decoration:none;color:#333;}
a img{outline:none; border-style:none; border-width:0;}
.clear{clear:both;zoom:1;}
.clear::after{clear:both; content: "";display:block; height: 0; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.ucenter{text-align:center;}
.cred{color:#EC000E;}
.cred a,.cred a:link,.cred a:hover,.cred a:visited,.cred a:active{color:#EC000E;text-decoration:none;}
.icons{background:url(icons.png) no-repeat; display:inline-block;vertical-align:middle;width:35px;height:30px;background-size:400px 30px;--webkit-background-size:400px 30px;--moz-background-size:400px 30px;--ms-background-size:400px 30px;--o-background-size:400px 30px;}
.icons-pay{background-position:0px 0px;}
.icons-record{background-position:-30px 0px;}
.icons-user{background-position:-60px 0px;}
.icons-cart{background-position:-90px 0px;}
.icons-order{background-position:-120px 0px;}
.icons-setting{background-position:-150px 0px;}
.icons-back{background-position:-180px 0px;}
.icons-mobile{background-position:-210px 0px;}
.icons-pass{background-position:-240px 0px;}
.icons-shop{background-position:-274px 0px;}
.header{position:relative;height:55px;overflow:hidden;background:#3399FF;}
.header .tool{margin-top:10px;}
.header .title{position:absolute;width:80%;left:10%;height:55px;line-height:55px;text-align:center;color:#FFF;font-size:18px;}
.header .title img{height:50px;}
.footer{text-align:center;color:#999;margin-top:3em;}
.footer a{color:#f00;}
.container{width:94%;margin:0 auto;}
.login{margin-top:3em;}
.login .box-btn{margin:.5em 0 1em;}
.form{margin-top:2em;}
.form .box-ex,.form .box-sm{width:100%;height:50px;overflow:hidden;border:1px solid #B1B1B1;margin-bottom:2.2em;border-radius:3px;--webkit-border-radius:3px;--moz-border-radius:3px;--o-border-radius:3px;--ms-border-radius:3px;display: flex;}
.form .box-ex input,.form .box-sm input{border:solid 1px #dedede;height:48px;line-height:48px;font-size:15px;font-weight:600; text-indent:5px; width:100%;vertical-align:middle;}
.form .box-ex input:focus,.form .box-sm input:focus,.form .box-ex input:active,.form .box-sm input:active{background-color:#fff;}
.form .box-sm span{margin-left:8px;width:35px;height:35px; display:inline-block;vertical-align:middle;background:url(icons-form.png) no-repeat;background-size:35px 140px;--webkit-background-size:35px 140px;--moz-background-size:35px 140px;--ms-background-size:35px 140px;--o-background-size:35px 140px;}
.form .box-sm span.icn-name{background-position:0px 0px;}
.form .box-sm span.icn-pass{background-position:0px -35px;}
.form .box-sm span.icn-code{background-position:0px -70px;}
.form .box-sm input{width:83.5%;border:0px;}
.form .box-sm-code input{width:50%;}
.form .box-sm-code img,.form .box-sm-code .butn{width:30%;height:50px;line-height:50px; float:right;text-align:center;}
.form .box-sm-code .butn{background-color:#f90;color:#fff;}
.form .box-ds{line-height:40px;font-weight:600;}
.form .box-ds a{color:#3399FF;}
.form .box-error{color:#f00;height:20px;margin-bottom:.5em;margin-top:-25px;}

.box-btn .btn{background-color:#3399FF;font-weight:600;cursor:pointer;display:block;line-height:50px;text-align:center; width:100%;color:#fff;border:0px;font-size:16px;border-radius:3px;--webkit-border-radius:3px;--moz-border-radius:3px;--o-border-radius:3px;--ms-border-radius:3px;}
.box-btn .btn:hover{background-color:#2189F7;}
.box-btn .btn-normal{background-color:#fff;border:solid 1px #3399FF;color:#3399FF;margin-top:1em;font-weight:500;}
.box-btn .btn-normal:hover{background-color:#fff;}

.other{margin-top:20px;text-align:center;}
.other .mh{line-height:40px;font-weight:600;width:100%;}
.other .mh span:before{width:34%;margin-top:10px;margin-right:8px; font-size:0;height:5px;border-top:solid 1px #DEDEDE;display:inline-block;content:"";}
.other .mh span:after{width:34%;margin-top:10px;margin-left:8px;font-size:0;height:5px;border-top:solid 1px #DEDEDE;display:inline-block;content:"";}
.other .mc a{margin-right:10px;display:inline-block;color:#3399FF;}

.user .info{height:110px;padding:1em 0; background-color:#3399FF;position:relative;}
.user .info .thumb{position:absolute;left:10px;top:10px;width:90px;height:90px;}
.user .info .desc{padding-left:100px;line-height:80px;font-size:16px;color:#fff;}
.user .info .desc a{color:#fff;}
.user .snav{border-bottom:solid 8px #F5F5F5;padding:.5em 0;}
.user .snav li{width:50%;float:left;text-align:center;padding:.5em 0;font-size:16px;}
.user .snav li:first-child{border-right:solid 1px #EDEDED;}
.user .snav li a{display:block;}
.user .mnav li{padding:.8em .5em;border-bottom:solid 1px #EDEDED;line-height:35px;font-size:16px;}
.user .mnav li a{background:url(icons-goto.png) right center no-repeat;background-size:16px 16px;--webkit-background-size:16px 16px;--moz-background-size:16px 16px;--ms-background-size:16px 16px;--o-background-size:16px 16px; display:block;}
.user .mnav li a span{float:right;color:#888;margin-right:18px;font-size:14px;}
.user .box-btn{width:96%;margin:0 auto;}

.msgbox{margin-top:3em;text-align:center;}
.msgbox .thumb{margin-bottom:1em;}
.msgbox .desc{line-height:30px;margin-bottom:1em;}