*{word-break:break-all;font-family:Arial,Helvetica,sans-serif,hiragino sans gb,microsoft yahei,simsun,sans-serif}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
button,input,select,textarea{outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:20px}
@media screen and (min-width:384px){html{font-size:20.48px}
}
@media screen and (min-width:400px){html{font-size:21.33px}
}
@media screen and (min-width:412px){html{font-size:21.97px}
}
@media screen and (min-width:414px){html{font-size:22.08px}
}
@media screen and (min-width:424px){html{font-size:22.61px}
}
@media screen and (min-width:480px){html{font-size:25.6px}
}
@media screen and (min-width:540px){html{font-size:28.8px}
}
@media screen and (min-width:800px){html{font-size:42.67px}
}
a,a:hover{text-decoration:none;color:#273035}
body{font-size:12px;line-height:1.8;background:#f5f5f5;color:#273035;max-width:480px;min-width:320px;width:100%;margin:0 auto}
a,div,dt,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0}
div:after,li:after,ul:after{content:"";display:block;clear:both}
em,i{font-style:normal}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
.line{position:relative}
.line:after{display:block;content:" ";height:0;width:100%;box-sizing:border-box;border-bottom:1px solid #e6e6e6;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;position:absolute;bottom:0;left:0;right:0;z-index:1}
.line-top:after{top:0;bottom:inherit;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
[v-cloak]{display:none}
.loading{width:44px;height:44px;background:url(../images/loading.gif) no-repeat;background-size:100%;position:fixed;left:50%;top:50%;margin-left:-22px;margin-top:-22px;z-index:99}
.default-avatar,.default-bg{background-color:#e6e6e6;background-size:contain;position:relative;background-repeat:no-repeat;background-position:50% 50%;z-index:1;overflow:hidden}
.default-bg{background-image:url(../images/common_nopicture_bg.png)}
.default-avatar{background-image:url(../images/noprofile.png)}
.default-avatar .images-bg,.default-bg .images-bg{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%}
.mask-bg{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.3);z-index:101}
.relative{position:relative}
.link-trigger:hover{background:#f9f9f9}
.scroll-view{overflow-y:auto;-webkit-overflow-scrolling:touch}
.load-completed{text-align:center;line-height:40px;color:#929699;text-align:center;padding-bottom:10px}
.empty{text-align:center;padding:80px 0 30px 0!important;color:#939ca0!important;font-size:14px!important;background:#fff url(tips.png) no-repeat 50% 30px;background-size:2.5em 2.5em;position:relative}
.common-tab{height:49px;line-height:44px;background:#fff}
.common-tab li{width:33.3%;float:left;position:relative;font-size:16px;color:#929699;text-align:center}
.common-tab li.on{color:#273035}
.common-tab li.on::after{content:'';width:30px;height:3px;background:#ff663d;position:absolute;bottom:5px;left:50%;margin-left:-15px;border-radius:10px}
.header{position:fixed;width:100%;left:0;top:0;z-index:999}
.header .box{height:44px;background:#fff;padding:0 40px;overflow:hidden}
.header .box .backicon{width:40px;height:100%;background-image:url(back.png);background-repeat:no-repeat;background-position:50% 50%;background-size:18px 18px;position:absolute;left:0;top:0}
.header .box .closeicon{width:3em;height:3.583em;background:url(close.png) no-repeat 50% 50%;background-size:20px 20px;position:absolute;right:0;top:0}
.header .box .scbox{padding:0 10px}
.header .box .sctext{border:0;-webkit-appearance:none;font-size:14px;height:36px;line-height:36px;color:silver;vertical-align:middle;margin-top:8px;border-radius:4px;background:#fff url(scicon.png) no-repeat 12px 50%;background-size:16px 16px;padding:0 10px 0 35px}
.header .box .listicon{width:48px;height:44px;background-image:url(listicon.png);background-repeat:no-repeat;background-position:50% 50%;background-size:23px 23px;position:absolute;right:0;top:0}
.header .box .listicon .ybg{width:4px;height:4px;background:#f56e6e;border-radius:50%;position:absolute;right:6px;top:9px}
.header .box .scicon{width:40px;height:100%;background:url(sc.png) no-repeat 50% 50%;background-size:18px 18px;position:absolute;right:40px;top:0}
.header .text{text-align:center;line-height:40px;font-size:18px;color:#4b4b4b}
.header .text ul li{margin-top:6px;line-height:28px;font-size:16px;display:inline-block;padding:0 12px;border:1px solid #ff663d;margin:0 0 0 -1PX}
.header .text ul li.on{background:#ff663d;color:#fff}
.header .text ul li:first-child{border-radius:4px 0 0 4px}
.header .text ul li:last-child{border-radius:0 4px 4px 0}
.header_blank{height:44px;overflow:hidden}
.locker,.locker-bg{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;background-color:rgba(0,0,0,.2);display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9900;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:none;-moz-transform:translated(0,200%,0);-ms-transform:translate3d(0,-200%,0);-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);-webkit-transition:.5s all;transition:.5s all;-moz-transition:.5s all;-moz-opacity:0}
.show_on{transform:translate3d(0,0,0);display:block}
.locker .locker-ctrl{vertical-align:middle;color:#000;margin:0;height:auto;width:95%;position:absolute;left:2.5%;bottom:5px;z-index:9901;border-radius:5px}
.locker .locker-box{display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:stretch;background-color:#f1f2f4;position:relative}
.locker .locker-box:before,.locker-box:after{content:"";position:absolute;height:1px;width:100%;display:block;background-color:#96979b;z-index:15;-webkit-transform:scaleY(.33);transform:scaleY(.33)}
.locker .locker-box:before{left:0;top:0;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}
.locker .locker-btn{color:#0575f2;font-size:1.6em;font-weight:700;line-height:1em;text-align:center;padding:.8em 1em}
.locker .locker-roll{height:2.8em;line-height:2.8em;text-align:center;font-size:1.5em;border-bottom:1px solid #eee;background:rgba(255,255,255,.93);display:block}
.locker .locker-roll.on{color:#66BDFA}
.locker .locker-roll:nth-of-type(1){border-radius:5px 5px 0 0}
.locker .locker-roll:nth-of-type(2){border-radius:0 0 5px 5px}
.locker .locker-roll:nth-of-type(3){border-radius:5px;margin-top:5px}
.slideInUp{animation:slideInUp .3s ease;-webkit-animation:slideInUp .3s ease}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
