@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,section,div,dl,dt,dd,ul,ol,li,th,td,blockquote,p,pre,form,label,input,textarea,select,button,em,i,u,del,span,a,strong,b{margin:0;padding:0;word-break:break-all}
html{-webkit-text-size-adjust:100%}
body{min-width:320px;font:12px/1.5 Helvetica,Tahoma,Arial,PingFang SC,sans-serif;color:#333;background:#f2f2f2}
h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-size:100%;font-family:Helvetica,Tahoma,Arial,PingFang SC,sans-serif;color:#333}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
em,i{font-style:normal}
input,textarea,select{outline:none}
textarea{resize:none}
input[type="search"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
input::-webkit-search-cancel-button{display:none}
img{border:0;vertical-align:middle}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent}
.gray,.gray a{color:#999}
.clearfix{zoom:1}
.clearfix:after{content:".";height:0;line-height:0;font-size:0;clear:both;display:block;visibility:hidden}
.icon,.user-icon{display:inline-block;background-image:url(../images/icon.png);background-repeat:no-repeat}

.flex,.page,.page form{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}
.vertical{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}
.xcenter{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}
.xend{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}
.xjustify{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.ycenter{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}
.yend{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.flexone,.page a,.page span,.page select{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1}

.layout{background:#fff}
.module{padding:10px 0;margin:10px 0;background:#fff}
.module-hd{height:30px;margin:0 10px}
.module-hd h2{height:30px;line-height:30px;font-size:16px;font-weight:700}
.module-hd h2 a{color:#0078dc}
.module-hd .more{line-height:20px;font-size:14px;color:#666}

.page{margin:15px 10px}
.page form{width:100%}
.page a,.page span,.page select{display:block;height:40px;line-height:38px;margin:0 5px;text-align:center;font-size:14px;background:#fff;box-sizing:border-box;border-radius:3px}
.page a{border:1px solid #1496f5}
.page .gray{border:1px solid #d7d7d7;color:#999}
.page .active,.page .pageoption{background:#fafafa;border:1px solid #d7d7d7}
.page .pageinfo{line-height:40px}
.page .prev{margin-left:0;position:static!important}
.page .next{margin-right:0;position:static!important}

.header{height:50px;background:#0582e6;position:relative}
.header .logo{display:block;width:100px;height:30px;background:url(../images/logo.png) no-repeat center center / contain}
.header .tool{display:block;width:50px;height:50px;padding:13px;box-sizing:border-box;position:absolute;top:0}
.header .tool.menu{left:0}
.header .tool.search{left:50px}
.header .tool .icon{width:24px;height:24px;background-size:300px 300px}
.header .tool .menu-icon{background-position:0 -163px}
.header .tool .search-icon{background-position:-29px -163px}
.header .tool .close-icon{background-position:-116px -163px}
.header .user-login{position:absolute;right:0;top:0}
.unlogin-box{padding:10px}
.unlogin-box a{display:block;width:50px;height:30px;line-height:28px;text-align:center;font-size:14px;color:#fff;border:1px solid #fff;border-radius:3px;box-sizing:border-box}
.unlogin-box a.register{display:none}
.user-box{position:relative}
.user-box .user-data{display:block;height:30px;padding:10px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}
.user-box.active .user-data{background:#14a0f5}
.user-box .user-data .user-avatar{display:none}
.user-box .user-data .user-name{float:left;max-width:80px;height:20px;line-height:20px;margin:5px 0;font-size:14px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.user-box .user-data .arrow-icon{float:left;width:12px;height:12px;margin:9px 0 9px 6px;background-position:-42px -92px;background-size:145px 145px}
.user-box.active .user-data .arrow-icon{background-position:-56px -92px}
.user-box .drop-menu{display:none;width:120px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);border-radius:0 0 3px 3px;position:absolute;right:0;top:50px;z-index:900}
.user-box .drop-menu a{display:block;height:40px;line-height:40px;padding:0 20px;font-size:14px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}
.user-box .drop-menu a:hover{text-decoration:none;background:#f0f0f0}
.user-box .drop-menu .line{height:1px;margin:0;background-color:#ebebeb;border:0}

.nav{height:45px;background:#fafafa}
.nav .swiper-slide{float:left;width:25%;height:45px;line-height:45px;text-align:center;font-size:16px}

.mask-bg{width:100%;min-width:320px;height:100%;background:rgba(0,0,0,.45);position:fixed;left:0;top:0;z-index:999}
.menu-slide{display:none;width:100%;min-width:320px;height:100%;padding:0 0 0 50px;background:#fff;box-sizing:border-box;overflow-y:auto;position:fixed;left:0;top:0;z-index:1000;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;transition:transform .3s ease}
.menu-slide .menu-item{padding:10px 0;border-bottom:1px solid #ebebeb}
.menu-slide .menu-item.user-card{padding:30px 20px 20px}
.menu-slide .menu-item:last-of-type{border-bottom:none}
.menu-slide .menu-item .title{display:block;height:40px;line-height:40px;padding:0 10px;font-size:16px;color:#0078dc}
.menu-slide .menu-item h3{line-height:20px;padding:5px 10px 0;font-size:14px;font-weight:normal;color:#666}
.menu-slide .menu-item ul{padding:5px}
.menu-slide .menu-item ul li{float:left;padding:5px;box-sizing:border-box}
.menu-slide .menu-item ul.category li{width:25%}
.menu-slide .menu-item ul.size li{width:33.333%}
.menu-slide .menu-item ul li a{display:block;height:38px;line-height:38px;text-align:center;font-size:14px;border-radius:3px;border:1px solid #0096fa}

.search-box{display:none;width:100%;height:50px;padding:8px 10px;background:rgba(255,255,255,.95);box-sizing:border-box;position:absolute;left:0;top:50px;z-index:100}
.search-box .s-txt{height:34px;line-height:24px;padding:4px 5px;font-size:14px;background:none;border:1px solid #d7d7d7;border-right:none;outline:none;box-sizing:border-box;border-radius:3px 0 0 3px}
.search-box .s-btn{width:70px;height:34px;line-height:34px;font-size:14px;color:#fff;background:#37aa5a;border:none;outline:none;border-radius:0 3px 3px 0}
.keyword{color:#f00}

.footer{padding:10px 0;margin-top:10px;line-height:22px;text-align:center;background:#fff}
.footer .bt-links{line-height:30px;font-size:14px}
.footer .v-line{padding:0 8px}
.footer,footer a{color:#666}

.location{height:30px;line-height:30px;margin:10px 10px 0;font-size:16px;color:#666}
.location a{color:#666}

.gobacktop{display:none;width:36px;height:36px;padding:8px;background:rgba(0,0,0,.6);box-sizing:border-box;border-radius:50%;position:fixed;right:5px;bottom:80px;z-index:900}
.gobacktop .icon{width:20px;height:20px;background-position:-23px -176px;background-size:240px 240px}

.slideshow .swiper-slide{text-align:center}
.slideshow .swiper-slide img{width:100%;max-width:700px}

.gallery{margin:5px}
.gallery li{float:left;width:50%;padding:5px;box-sizing:border-box}
.gallery li .bd{background:#f5f5f5;border-radius:3px;overflow:hidden}
.gallery li .pic{display:block;position:relative}
.gallery li .pic img{width:100%;height:auto}
.gallery li .text{padding:8px}
.gallery li .text p{line-height:20px;font-size:14px}
.gallery li .text .info{margin-top:4px}
.gallery li .text .vline{padding:0 5px}

.pic-con{padding:15px 0}
.pic-title{line-height:28px;margin:0 10px;font-size:18px;font-weight:700}
.pic-title span{display:inline-block;height:18px;line-height:18px;padding:0 5px;margin-right:5px;font-size:12px;font-weight:normal;border-width:1px;border-style:solid;border-radius:2px;vertical-align:3px}
.pic-title .vip{color:#ff5722;border-color:#ff5722}
.pic-title .free{color:#1496ff;border-color:#1496ff}
.update-time{line-height:20px;margin:5px 10px;color:#999}
.preview-pic{margin:15px 0;text-align:center;position:relative}
.preview-pic img{max-width:100%;height:auto}
.preview-pic a,.preview-pic span{width:48px;height:48px;padding:12px;margin-top:-24px;background:rgba(0,0,0,.6);border-radius:50%;box-sizing:border-box;position:absolute;top:50%;z-index:15}
.preview-pic span{opacity:.3}
.preview-pic .prev{left:10px}
.preview-pic .next{right:10px}
.preview-pic .icon{width:24px;height:24px;background-size:300px 300px;text-indent:-9999px;overflow:hidden}
.preview-pic .prev .icon{background-position:-58px -163px}
.preview-pic .next .icon{background-position:-87px -163px}
.user-action{margin:15px 10px;text-align:center}
.user-action a{display:inline-block;height:26px;line-height:26px;margin:0 15px;font-size:14px}
.user-action a .icon{width:16px;height:16px;margin-right:3px;background-size:190px 190px;vertical-align:-3px}
.user-action a.like .icon{background-position:-36px -139px}
.user-action a.collect .icon{background-position:-55px -139px}
.down-remind,.contact-us{text-align:center;font-size:14px;color:#999}
.down-remind{margin:20px 10px 8px}
.down-remind span{text-decoration:underline}
.contact-us{margin:8px 10px 20px;display:none}
.pic-infos{margin:20px 10px;padding:8px 16px;background:#fafafa;border:1px dashed #e6e6e6;border-radius:3px}
.pic-infos li{float:left;width:50%;height:30px;line-height:30px;font-size:14px}
.pic-infos li.download{display:none}
.pic-infos li .name{margin-right:5px;color:#666}
.pic-down{margin:20px 10px}
.pic-down a{display:block;width:50%;height:46px;line-height:44px;text-align:center;font-size:16px;border:1px solid #1496ff;border-radius:3px;box-sizing:border-box}
.pic-down a.open-btn{margin-right:10px;color:#1496ff;background:#fff}
.pic-down a.down-btn{margin-left:10px;color:#fff;background:#1496ff}
.pic-tags{margin:15px 10px 0}
.pic-tags span,.pic-tags a{display:inline-block;height:26px;font-size:14px}
.pic-tags span{line-height:26px;margin:5px 0}
.pic-tags span.nodata{margin-left:5px;color:#999}
.pic-tags a{line-height:24px;padding:0 8px;margin:5px;white-space:nowrap;border:1px solid #d7d7d7;border-radius:13px;box-sizing:border-box}

.links{margin:5px}
.links a{float:left;height:30px;line-height:28px;padding:0 15px;margin:5px;font-size:14px;color:#fff;white-space:nowrap;border-width:1px;border-style:solid;box-sizing:border-box;border-radius:15px}
.links a.c1{background-color:#f08282;border-color:#f08282}
.links a.c2{background-color:#f09664;border-color:#f09664}
.links a.c3{background-color:#f0be3c;border-color:#f0be3c}
.links a.c4{background-color:#aac864;border-color:#aac864}
.links a.c5{background-color:#64c864;border-color:#64c864}
.links a.c6{background-color:#64c8a0;border-color:#64c8a0}
.links a.c7{background-color:#82d2d2;border-color:#82d2d2}
.links a.c8{background-color:#8296e6;border-color:#8296e6}
.links a.c9{background-color:#6eaadc;border-color:#6eaadc}
.links a.c10{background-color:#b98cdc;border-color:#b98cdc}
.links a.c11{background-color:#e68cdc;border-color:#e68cdc}
.links a.c12{background-color:#e678b4;border-color:#e678b4}

.bt-bar{height:50px;display:none}
.bt-bar .fixed{width:100%;height:50px;box-shadow:0 -1px 10px rgba(0,0,0,.2);position:fixed;left:0;bottom:0;z-index:899}
.bt-bar .fixed a{display:block;height:50px;line-height:50px;text-align:center;font-size:16px;box-sizing:border-box}
.bt-bar .fixed a.open-btn{width:30%;color:#1496ff;background:#fff}
.bt-bar .fixed a.down-btn{width:70%;color:#fff;background:#1496ff}

.login-layer{padding:15px 15px 55px;box-sizing:border-box;position:relative}
.user-icon{display:inline-block;background-image:url(../images/icon.png);background-repeat:no-repeat}
.login-bottom{width:100%;height:40px;line-height:40px;padding:0 15px;text-align:right;font-size:14px;color:#666;background:#f5f5f5;border-radius:0 0 5px 5px;box-sizing:border-box;position:absolute;left:0;bottom:0;right:0}
.login-bottom a{color:#0078dc}
.acc-tabslet .acc-tab{width:70px;height:40px;margin:0 auto}
.acc-tabslet .acc-tab li{width:70px}
.acc-tabslet .acc-tab li a{display:inline-block;width:100%;height:38px;line-height:38px;text-align:center;font-size:16px}
.acc-tabslet .acc-tab li a:hover{text-decoration:none}
.acc-tabslet .acc-tab li.active a{color:#0078dc}
.acc-tabslet .acc-form{margin-top:30px}
.acc-form{position:relative}
.acc-form .error-tips{line-height:20px;color:#ff0000;position:absolute;z-index:20}
.acc-form .guide-tips{line-height:20px;color:#666;position:absolute;left:0;top:-20px;z-index:20}
.acc-form .guide-tips a{color:#0078dc}
.acc-form .text-box{padding:6px;margin-bottom:25px;border:1px solid #e6e6e6;border-radius:3px;position:relative;-webkit-transition:border-color .3s ease;-moz-transition:border-color .3s ease;transition:border-color .3s ease}
.acc-form .text-box.active{border-color:#1496ff}
.acc-form .form-text{display:block;width:100%;height:30px;line-height:30px;background:none;border:none;font-size:14px}
.acc-form .form-btn,.acc-form .return-btn{display:block;width:100%;height:44px;line-height:42px;margin-top:25px;text-align:center;font-size:14px;color:#fff;background-color:#1496ff;border:1px solid #1496ff;border-radius:3px;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.acc-form .form-btn:hover{color:#fff;text-decoration:none;background-color:#0082f0;border-color:#0082f0}
.acc-form .form-btn.disabled{opacity:.45}
.acc-form .return-btn{color:#666;background-color:#fff;border-color:#d7d7d7}
.acc-form .return-btn:hover{color:#333;text-decoration:none;border-color:#bebebe}
.acc-form .acc-tool{height:20px;line-height:20px;margin-top:15px;font-size:14px}
.acc-form .auto-login{display:block;color:#666}
.acc-form .auto-login input[type="checkbox"]{margin-right:3px;vertical-align:-2px}
.acc-form .acc-links a{color:#666}
.acc-form .acc-links a:hover{color:#0078dc;text-decoration:underline}
.acc-form .user-icon:first-of-type{display:block;width:20px;height:20px;margin-right:10px;background-size:240px 240px}
.acc-form .mobile-icon{background-position:0 -84px}
.acc-form .password-icon{background-position:-23px -84px}
.acc-form .code-icon{background-position:-46px -84px}
.acc-form .clear-icon,.acc-form .eye-icon{width:24px;height:24px;margin-left:10px;}
.acc-form .clear-icon{display:none;background-position:2px -154px;background-size:245px 245px}
.acc-form .eye-icon{display:block;background-size:300px 300px}
.acc-form .closedeye-icon{background-position:-29px -192px}
.acc-form .openeye-icon{background-position:-58px -192px}
.acc-form .code-box{margin-bottom:25px}
.acc-form .code-box .text-box{margin-bottom:0}
.acc-form .getcode{width:100px;height:44px;line-height:42px;margin-left:10px;text-align:center;font-size:14px;color:#1496ff;background:none;border:1px solid #1496ff;border-radius:3px;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.acc-form .getcode.disabled{color:#999;border-color:#e6e6e6}
.acc-form .code-pic{width:120px;height:44px}
.other-acc-hd{width:65%;height:15px;margin:30px auto;border-bottom:1px solid #e6e6e6;text-align:center}
.other-acc-hd h3{display:inline-block;height:30px;line-height:30px;padding:0 10px;text-align:center;font-size:14px;font-weight:normal;color:#999;background:#fff}
.other-acc{text-align:center;font-size:0}
.other-acc a{display:inline-block;width:48px;margin:0 20px}
.other-acc a .user-icon{width:48px;height:48px;background-size:448px 448px}
.other-acc a .qq-icon,.other-acc a:hover .qq-icon{background-position:0 -55px}
.other-acc a .wx-icon,.other-acc a:hover .wx-icon{background-position:-55px -55px}
.other-acc a .wb-icon,.other-acc a:hover .wb-icon{background-position:-111px -55px}
.other-acc a .text{display:inline-block;width:100%;line-height:20px;margin-top:5px;font-size:14px;color:#666}
.other-acc a:hover .text{color:#0078dc;text-decoration:underline}

.top-hz{margin:10px 0;display:none}
.top-hz a{display:block}
.top-hz a img{width:100%}