@charset "utf-8";
body{ background:#fff; font-family:Arial, sans-serif; font-weight:normal; color:#666; font-size:14px;}
body, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0;}
a {background-color:transparent; text-decoration:none; color:#666;transition:.3s;}
a:focus {outline:0;}
a:hover {outline:0;text-decoration:none;}
button,input {outline:none;font-family:inherit;font-size:inherit;}
input[type=submit],button{ filter:chroma(color=#000000);}
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
textarea { resize:none; outline:none; overflow:auto; vertical-align:top; }
table {border-collapse:collapse; border-spacing:0;}
select {cursor:pointer;}
input::-ms-clear{display:none;}
ul,li{ list-style:none;}
*{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:400;}
i{font-style:normal;}

.clr:after{content:".";display: block;height:0;clear:both;overflow:hidden;}
.clr{zoom:1;}
.pr{position:relative;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.center{text-align:center;}
.truncate{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.nowrap-multi{display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.clamp3{-webkit-line-clamp:3}
.scrollbar::-webkit-scrollbar{width:4px;}
.scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;}
.avater,.avater-s{border-radius:50%;overflow:hidden;}
.avater{width:54px;height:54px;}
.avater-s{width:20px;height:20px;}
.avater img,.avater-s img{display:block;width:100%;height:100%;}
.ml-10{margin-left:10px;}
.mt-20{margin-top:20px!important;}
.visi{visibility:visible;}
.hidden{visibility:hidden;}
.show{display:block;}
.hide{display:none;}
/*flex布局*/
.row-flex{width:100%;box-sizing:border-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:-webkit-box;display:box;}
.row-flex .col{display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;box-flex:1;}
.flex-align-center{-webkit-box-align:center;}
.flex-pack-center{-webkit-box-pack:center;}
.col-25{width: 25% }
.col-33{width: 33.3333% }
.col-50{width: 50%}

.w100{width:100%;}
.wrap{width:1250px;margin:0 auto;}
.wraps{width: 1350px;margin: 0 auto;}
.wraprs{width:98%;margin:0 auto;}
/*弹窗*/
.tinner .caption,.vbox .caption{padding:0 20px;background-color:#f7f7f7;height:50px;line-height:50px;border-bottom:1px solid #ddd;font-size:16px;text-align:left;color:#666;}
.tinner .caption{padding-right:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tinner .tclose,.vbox .vclose{position:absolute;top:25px;right:18px;display:block;width:54px;height:30px;cursor:pointer;}
.tinner .tclose:after,.vbox .vclose:after{position:absolute;top:0;left:0;content:'\f00d';display:block;width:100%;text-align:center;font-size:16px;line-height:30px;font-family:FontAwesome;color:#666;cursor:pointer;}
.tinner .content{padding:20px 50px;min-height:130px;}
.tinner .text,.vbox .text,textarea{width:100%;line-height:24px;height:33px;padding:3px 10px;border:1px solid #d9d9d9;border-radius:2px;transition:all .5s ease-out;}
.tinner .text:focus,.vbox .text:focus,textarea:focus{border-color:#0e83b9;transition:all .5s ease-in;}
.tinner .btn-wrap{text-align:center;padding-bottom:20px;}
.tinner .error-msg{width:100%;background-color:#ffd3d3;text-align:center;line-height:22px;border-radius:2px;padding:2px 10px;font-size:12px;color:#d25d5d;border:1px solid #d6b2b3;}
.tmask{position:fixed;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:800;}
.tbox{position:fixed;display:none;padding:14px 17px;z-index:900;}
.tinner{border-radius:3px;background: #fff;overflow:hidden;}
.tinner .tips{line-height:28px;color:#0e83b9;padding-bottom:14px;text-align:center;}
.tinner .confirm-txt{font-size:16px;line-height:28px;color:#333;padding:30px;text-align:center;}
/*按钮*/
.btn{display:inline-block;padding:8px 16px;line-height:1em;font-size:16px;/*color:#fff;border-radius:2px;*/cursor:pointer;vertical-align:middle;}
.btn-blue{background-color:#4c7cc6;border:0;}
.btn-blue:hover{background-color:#2e65ba;}
.btn-gray{color:#555;border:0;background-color:#d9d9d9;}
.btn-reset,.btn-reset:hover{color:#555;border:0;background-color:#d9d9d9;}
.btn-gray:hover{background-color:#e4e0e0;border-color:#d9d9d9;}
.btn-green{background-color:#a7c557;border:0;}
.btn-green:hover{background-color:#99BB40;}
.btn-orange{background-color:#ffa800;border:0;}
.btn-orange:hover{background-color:#eda314;}
.btn-red{background-color:#c72222;border:1px solid #ad2222;}
.btn-red:hover{background-color:#d61717;border-color:#c72222;}

/*注册、登录*/
.login{width:376px;background-color:#fff;border-radius:4px;overflow:hidden;padding-bottom:23px;box-shadow:1px 4px 4px rgba(0,0,0,.2)}
.login .caption{width:100%;padding:0 28px;background-color:#f5f5f5;height:50px;line-height:50px;border-bottom:1px solid #ddd;}
.login .caption span{color:#999;font-size:18px;cursor:pointer;}
.login .caption .fa{font-size:20px;margin-right:6px;}
.login .form{padding:0 30px;}
.login .item,.bind-mobile .item,.forget-pwd .item{width:100%;position:relative;margin-top:20px;}
.login .item input,.bind-mobile .item input,.forget-pwd input{width:100%;height:36px;line-height:24px;padding:6px 26px 6px 10px;border:1px solid #d9d9d9;border-top-color:#aaa;border-radius:2px;transition:all .5s ease-out;}
.login .item i{position:absolute;top:0;right:0;display:block;width:26px;line-height:36px;color:#5a5a5a;text-align:center;}
.login .item span{display:none;position:absolute;top:-22px;right:-10px;padding:5px 10px;background-color:#ad2222;color:#fff;border-radius:4px;}
.login .item span:after{content:"";position:absolute;bottom:-4px;right:20px;width:0;height:0;border-top:4px solid #ad2222;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0;}
.login .item input:focus{border-color:#0e83b9;transition:all .5s ease-in;}
.login .error input{border-color:#ad2222;}
.login .form2 .item i{display:none;color:#ad2222;}
.login .form2 .success i:before{content:"\f058";color:#3baa21;}
.login .form2 .error span,.login .form2 .error i,.login .form2 .success i{display:block;}
.login .form2 .error input{border:1px solid #ad2222;}
.login .error-msg{width:100%;background-color:#ad2222;color:#fff;text-align:center;height:22px;line-height:22px;border-radius:4px;margin-top:10px;margin-left:0;}
.login .remember{text-align:center;font-size:12px;color:#999;margin:10px 0;}
.login .remember p{display:inline;}
.login .remember .line{padding:0 18px;}
.login .remember input{vertical-align:middle;}
.login .remember a{color:#999;}
.login .remember a:hover{color:#0e83b9;}
.login .agreement{margin-top:10px;margin-bottom:20px;color:#999;}
.login .agreement a{color:#0e83b9;}
.login .agreement a:hover{text-decoration:underline;}
.login button,.bind-mobile button,.forget-pwd .btn-blue{width:100%;text-align:center;font-size:14px;line-height:24px;color:#fff;border-radius:2px;cursor:pointer;}
.login .phone_vf input,.bind-mobile .phone_vf input{width:180px;}
.login .phone_vf button,.bind-mobile .phone_vf button,.forget-pwd .phone_vf button{margin-left:10px;width:120px;line-height:20px;vertical-align:top;}
.login .title{margin-top:16px;width:100%;position:relative;text-align:center;}
.login .title:after{position:absolute;top:49.5%;left:0;content:"";width:100%;height:1px;background-color:#ebebeb;z-index:0;}
.login .title span{position:relative;padding:0 12px;line-height:26px;color:#999;background-color:#fff;cursor:pointer;z-index:1;}
.login .log{text-align:center;}
.login .log p{margin-top:20px;}
.login .log a{display:inline-block;margin-top:10px;margin-right:20px;}
.login .log .fa{margin-right:10px;display:inline-block;width:32px;line-height:32px;text-align:center;color:#fff;border-radius:30px;}
.login .log .bg-green{background-color:#4ea321;}
.login .log .bg-blue{background-color:#3c92d6;}
.login .log .bg-red{background-color:#e4311a;}
.login .reg-txt:hover .fa:before,.login .active .fa:before{content:"\f118";color:#0e83b9;}
.forget-pwd .form{width:260px;margin:0 auto;}

#login_box .tclose, .hide{display:none;}
#login_box{background:none;box-shadow:none;border:0;}

.vbox{display:none;position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-127px;height:254px;width:416px;z-index:99999;}
.vbox .vclose{top:10px;right:0;}
.vbox .text{width:100px;}
.vbox .vinner{padding:50px 50px 50px 80px;}
.vbox .graphic{width:90px;height:33px;border:1px solid #d9d9d9;overflow:hidden;margin:0 10px;}
.vbox .graphic img{width:90px;height:33px;}
.vbox .vinner a{line-height:33px;}
.vbox .vinner a:hover{color:#0e83b9;}
.vmask{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.4);z-index:99998;}
.phone_vf a{display:block;color:#fff;background-color:#3baa21;width:240px;text-align:center;margin-left:10px;line-height:38px;border-radius:2px;}
.phone_vf input{width:auto;}

#confirm_modal .center{padding:20px 0;line-height:24px;font-size:16px;}
.qrcode{padding-top:40px;padding-bottom:20px;}
.qrcode h3{padding-bottom:10px;}
.qrcode img{display:block;width:160px;height:160px;margin:0 auto;}