You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 lines
8.0 KiB
159 lines
8.0 KiB
/*clear default style*/
|
|
html {font-size:100px;}
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,header,nav,section,footer{padding:0;margin:0;border:0;font-size:0.24rem;-webkit-box-sizing: border-box;box-sizing: border-box}
|
|
body{color:#2d2d2d;background:#f6f6f6;max-height:99999px;min-height:1px;-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;text-size-adjust: 100%; font-family: '微软雅黑'}
|
|
form,input,textarea{outline:none;}
|
|
img{border:none;}
|
|
a{transition:all .2s;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
|
|
ul, ol, li{list-style:none; list-style-type:none;}
|
|
.clear{clear:both;}
|
|
a{text-decoration:none;outline:none;color:#444;}
|
|
h1,h2,h3{font-weight:normal;}
|
|
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
|
|
.fl{float:left}
|
|
.fr{float:right}
|
|
.tran{transition:all .2s;}
|
|
b,strong{font-weight:normal;}
|
|
i,em{font-style:normal;}
|
|
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none !important;outline:none}
|
|
@font-face {font-family: "iconfont";
|
|
src: url('iconfont.eot'); /* IE9*/
|
|
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
|
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
|
|
}
|
|
|
|
.iconfont {
|
|
font-family:"iconfont" !important;
|
|
font-size:16px;
|
|
font-style:normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-huanyipi:before { content: "\e600"; }
|
|
.icon-msnui-pc:before { content: "\e696"; }
|
|
.icon-xuanzeselection7:before { content: "\e748"; }
|
|
.icon-delete:before { content: "\e631"; }
|
|
.icon-wotuwanglogo:before { content: "\e630"; }
|
|
.icon-dingdan2:before { content: "\e60a"; }
|
|
.icon-wode:before { content: "\e636"; }
|
|
.icon-shezhi:before { content: "\e604"; }
|
|
.icon-youxiang:before { content: "\e612"; }
|
|
.icon-back:before { content: "\e610"; }
|
|
.icon-PPT:before { content: "\e626"; }
|
|
.icon-xiala:before { content: "\e615"; }
|
|
.icon-sousuo:before { content: "\e7a8"; }
|
|
.icon-fenlei:before { content: "\e616"; }
|
|
.icon-e-mail_icon:before { content: "\e674"; }
|
|
.icon-gengduotianchong:before { content: "\e691"; }
|
|
.icon-shipin:before { content: "\e63e"; }
|
|
.icon-shouye:before { content: "\e611"; }
|
|
.icon-xiangji:before { content: "\e67e"; }
|
|
.icon-shoucang:before { content: "\e613"; }
|
|
.icon-qiang:before { content: "\e643"; }
|
|
.icon-fangdajing:before { content: "\e6b1"; }
|
|
.icon-72jingshi:before { content: "\e64b"; }
|
|
.icon-queding:before { content: "\e663"; }
|
|
.icon-shiwang:before { content: "\e672"; }
|
|
.icon-mail:before { content: "\e614"; }
|
|
.icon-payali:before { content: "\e654"; }
|
|
.icon-paywx:before { content: "\e622"; }
|
|
.icon-diannao:before { content: "\e696"; }
|
|
.icon-close:before { content: "\e634"; }
|
|
.icon-off:before { content: "\e64f"; }
|
|
.icon-zhengque:before { content: "\e60b"; }
|
|
.icon-guanbi:before { content: "\e62c"; }
|
|
.icon-jiaoyu:before { content: "\e60c"; }
|
|
|
|
/*common*/
|
|
.fn12{font-size:12px}
|
|
.fn14{font-size:14px}
|
|
.fn16{font-size:16px}
|
|
.fn18{font-size:18px}
|
|
|
|
.clear{clear:both;}
|
|
.color-444{color:#444;}
|
|
.color-fff{color:#fff;}
|
|
.color-888{color:#888;}
|
|
.color-bbb{color:#bbb;}
|
|
.color-f0{color:#f0f0f0;}
|
|
.color-f4{color:#f4f4f4;}
|
|
.color-miz-violet{color:#f7672e;}
|
|
.color-miz-green{color:#28DD8E;}
|
|
|
|
.text1{font-size:16px;color:#444;}
|
|
.text2{font-size:14px;color:#444;}
|
|
.text3{font-size:14px;color:#888;}
|
|
.text4{font-size:12px;color:#888;}
|
|
|
|
.center{text-align:center;}
|
|
.margin-center{margin:0 auto;}
|
|
.inline{display:inline}
|
|
*:focus{outline:none;}
|
|
.fright{float:right;}
|
|
|
|
#top{box-shadow: 0px 2px 4px rgba(0,0,0,.1);-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.1);-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.1);}
|
|
#top,#bottom{width:100%;}
|
|
#main{max-width:640px;width:100%;overflow:hidden;}
|
|
#top,#bottom,#main{margin:0 auto;}
|
|
#main{margin-top:50px;}
|
|
|
|
|
|
|
|
#top{height:50px;line-height:50px;background:#fff;position:fixed;top:0;z-index:4}
|
|
#top-content{height:100%;overflow:hidden;position:relative;}
|
|
|
|
/*top logo*/
|
|
#top-content .logo,#top-content .referer,#top-content .topSearch,#top-content .menu{position:absolute;height:50px;top:0;cursor:pointer;}
|
|
#top-content .logo{display:block;width:83px;left:10px;}
|
|
#top-content .logo .logo-img{margin-top:12px;}
|
|
|
|
/*top search*/
|
|
#top-content .topSearch{width:50px;right:50px;line-height:54px;background:url("../images/icon-search2x.png") no-repeat center;background-size:16px 17px;}
|
|
#top-content .pagename{width:50%;height:50px;cursor:pointer;font-size: 14px;}
|
|
#top-content .pagename .name{display:inline-block;height:50px;float:left;margin-right:5px;}
|
|
#top-content .pagename .arrowDown{display:inline-block;width:10px;height:50px;background:url("../images/icon-arrow-down2x.png") no-repeat center;background-size:10px 6px;}
|
|
|
|
/*top menu*/
|
|
#top-content .menu{width:50px;right:0px;background:url("../images/icon-menu2x.png") no-repeat center;background-size:16px 14px;}
|
|
|
|
/*top referer*/
|
|
#top-content .referer{display:block;width:50px;height:50px;cursor:pointer;background:url("../images/icon-back2x.png") no-repeat center;background-size:10px 16px;}
|
|
|
|
#main-content{background:#f4f4f4;}
|
|
|
|
#mask{display:none;width:100%;height:140%;position:fixed;top:0;left:0;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:50;background-color:#000;}
|
|
#rightSlide{width:50%;height:140%;position:fixed;top:0;right:-50%;background:#fff;z-index:100;}
|
|
.face{padding:0px 0 30px 0;border-bottom:1px solid #f0f0f0;}
|
|
.face-img{padding-top:20px;}
|
|
.face-img img{border-radius:50%;height:60px;display:block;margin:0 auto;}
|
|
#rightSlide .click-login{margin-top:10px;}
|
|
#rightSlide .plate-list li{line-height:50px;width:100%;border-bottom:1px solid #f0f0f0;}
|
|
|
|
|
|
#topSearchBar{width:100%;height:50px;position:fixed;top:-50px;z-index:100;background:#fff;line-height:50px;}
|
|
#topSearchBar div{float:left;}
|
|
#topSearchBar .cancelIcon,#categoryList .cancelIcon{width:50px;height:100%;background:url("../images/icon-cancel2x.png") no-repeat center;background-size:14px 14px;cursor:pointer;}
|
|
#topSearchBar .searchInput{line-height:50px;width:calc(100% - 100px);position:relative;}
|
|
#topSearchBar .searchInput input{border:none;width:100%;background-image:url("../images/icon-search-mini2x.png");background-repeat:no-repeat;background-position:10px center;background-size:13px 14px;background-color:#f0f0f0;border-radius:20px;height:32px;line-height:31px;padding:0px 0 0 30px;}
|
|
#topSearchBar .searchBtn{width:50px;height:100%;display:inline-block;}
|
|
#topSearchBar .clearInput{position:absolute;right:5px;top:9px;border-radius:50%;width:32px;height:32px;background:url("../images/icon-clear2x.png") no-repeat center;background-size:16px 16px;}
|
|
|
|
.photoSearch{width:100%;height:50px;position:relative;left:50px;background:#fff;line-height:50px;}
|
|
.photoSearch .searchInput{line-height:50px; position:relative;width:calc(100% - 100px);}
|
|
.photoSearch .searchInput input{border:none;width:100%;background-image:url("../images/icon-search-mini2x.png");background-repeat:no-repeat;background-position:10px center;background-size:13px 14px;background-color:#f0f0f0;border-radius:20px;height:32px;line-height:31px;padding:0px 0 0 30px;}
|
|
|
|
#bottom{background:#f4f4f4;padding:20px 0 20px 0;}
|
|
#bottom #bottom-content{text-align:center;}
|
|
#bottom #bottom-content .switch{padding:0px 0 10px 0;}
|
|
|
|
.Index-fixed-bottom{ width: 100%; height:1.04rem; position: fixed; bottom:-0.01rem; left: 0; background-color: #fff; z-index: 3; border-top:#e6e6e6 0.01rem solid;}
|
|
.Index-fixed-bottom a{ display: block; width: 33%;height: 1.04rem; text-align: center; font-size: 0.24rem ; color: #999;position: relative;}
|
|
.Index-fixed-bottom a i{ font-size: 0.42rem;color: #999; margin-top: 0.15rem; display: inline-block; height: 0.42rem}
|
|
.Index-fixed-bottom span{ color: #999; line-height: 0.36rem}
|
|
.Index-fixed-bottom a i.icon-fenlei{ font-size: 0.4rem; margin-top: 0.2rem}
|
|
.Index-fixed-bottom a i.icon-qiang{ font-weight: bolder;font-size: 0.44rem;}
|
|
.Index-fixed-bottom a b{ display: inline-block; height:0.15rem; width:0.15rem; border-radius:0.15rem; background-color: #f00; position:absolute; top: 0.18rem; right: 0.6rem}
|
|
.Index-fixed-bottom a.on i,.Index-fixed-bottom a.on span{ color: #f7672e}
|
|
|