html, body { height: 100%;background:#f1f3f4;font-family:Arial,Helvetica,Verdana,"PingFang SC Medium,STHeiti,HelveticaNeue,Droidsansfallback,Droid Sans"} @media screen and (min-width: 320px) and (max-width: 359px) { html, body { font-size: 42.7px; } } @media screen and (min-width: 360px) and (max-width: 375px) { html, body { font-size: 48px; } } @media screen and (min-width: 375px) and (max-width: 414px) { html, body { font-size: 50.1px; } } @media screen and (min-width: 414px) and (max-width: 639px) { html, body { font-size: 55.5px; } } @media screen and (min-width: 640px) { html, body { font-size: 100px; } }} img { display: block;border: 0 none;width: 100%} a { text-decoration:none; color:#333; outline:none;-webkit-tap-highlight-color:transparent; } em, strong { font-style:normal;} em, strong { font-style:inherit;font-weight:inherit; } ul, li { list-style:none;} h1, h2, h3 { font-size:100%;font-weight:normal;-webkit-text-size-adjust:none; } input, button, textarea, select, option { font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit; } input, button, textarea, select { *font-size:100%;} ::-webkit-scrollbar { width: 0;height: 12px;display: none; } /*图片*/ mip-img{ display: inline; } /*布局*/ .hidden { overflow: hidden; } .fl { float: left; } .fr { float: right; } .cf:after { content:"\200B"; display:block; height:0; clear:both; } .cf { *zoom:1; } mip-fixed[type="top"], mip-fixed[type="bottom"] {left:initial; right:initial;} @font-face {font-family: 'iconfont';src: url('http://at.alicdn.com/t/font_npgbjfdw41fez5mi.eot');src: url('http://at.alicdn.com/t/font_npgbjfdw41fez5mi.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_npgbjfdw41fez5mi.woff') format('woff'),url('http://at.alicdn.com/t/font_npgbjfdw41fez5mi.ttf') format('truetype'),url('http://at.alicdn.com/t/font_npgbjfdw41fez5mi.svg#iconfont') format('svg');} .iconfont {font-family:"iconfont" !important;font-size:.16rem;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;} .wrapper {overflow: hidden; max-width: 7.5rem;margin: 0 auto;padding: .18rem 0 .28rem;} /**/ section {margin: 0 0;padding: 0 .2rem;background-color: #fff;} header.index {width: 7.1rem; height: .88rem;padding: 0 .2rem;background-color: #fff;} .logo {float: left;width: 2.08rem;height: .88rem;} .search {float: right;width: 3.18rem;height: .52rem;margin-top: .18rem;} .banner {position: relative;height: 3.3rem;} .mip-carousel-indicator-wrapper {position: absolute;right: 0;bottom: 0;height: .2rem;} .mip-carousel-indicatorDot {display: block;} .mip-carousel-indicatorDot .mip-carousel-indecator-item {background-color: #fff;opacity: .5;} .mip-carousel-indicatorDot .mip-carousel-activeitem {opacity: 1;} /**/ .system {padding: 0 .2rem;background-color: #fff;} .system_type {overflow: hidden;padding: .25rem 0 .2rem;} .system_type li {float: left;width: 20%;} .system_type span {display: block;width: .72rem;height: .72rem;margin: 0 auto;font-size: .38rem;-webkit-border-radius: 50%;border-radius: 50%;color: #fff;text-align: center;line-height: .72rem;} .system_type p {height: .4rem;font-size: .22rem;text-align: center;line-height: .4rem;white-space: nowrap;} .system_type .one {background-color: #4992ff;} .system_type .one:before {content: "\e640";} .system_type .two {background-color: #00e5a7;} .system_type .three {background-color: #05cdff;} .system_type .three:before {content: "\e6b6"} .system_type .four {background-color: #7c57f5;} .system_type .four:before {content: "\e70c"} .system_type .five {background-color: #ff9348;} .system_type .five:before {content: "\e628"} .system_list {font-family:"iconfont";} .system_list li:before {content: "\e8ab";position: absolute;top: 0;left: 0;color: #ff0000;font-size: .4rem;} .system_list li {overflow: hidden;position: relative;width: auto;height: .8rem;padding: 0 1.2rem 0 1.78rem;border-top: 1px solid #f2f2f2;font-size: .24rem;line-height: .8rem;text-overflow: ellipsis;white-space: nowrap;} .system_list i {position: absolute;left: .45rem;font-style: normal;color: #028ce2;} .system_list em {position: absolute;top: 0;right: 0;color: #999;} /*标题*/ .title {height: .5rem;padding-top: .2rem;border-bottom: 1px solid #ddd;} .title h2 {height: .35rem;padding-left: .11rem;border-left: .07rem solid #42c737;font-size: .32rem;font-weight: 600;line-height: .35rem;} /**/ .list_model {overflow: hidden;margin-right: -.25rem;padding-top: .25rem;} .list_model dl {float: left;width: 47%;margin-right: .2rem;} .list_model dt {position: relative;overflow: hidden;height: 2.4rem;} .list_model dd {overflow: hidden;height: .8rem;font-size: .3rem;line-height: .8rem;} /*文字列表*/ .txtlist_model {overflow: hidden;} .txtlist_model li {position: relative;overflow: hidden;height: .8rem;padding-left: .38rem;margin-top: -.024rem;border-top: .024rem solid #f2f2f2;font-size: .3rem;line-height: .8rem;} .txtlist_model li:before {content: "\e633";position: absolute;left: 0;color: #f5c38e;font-family:"iconfont";} .icon_select {height: .8rem;} .icon_select a {float: left;width: 100%;height: .6rem;border: .024rem solid #f2f2f2;border-bottom: 0;border-left: 0;color: #42c737;font-size: .3rem;text-align: center;line-height: .8rem;-webkit-box-sizing: border-box;box-sizing: border-box;} .icon_select a:last-child {border-right: 0;} .mip-carousel-preBtn {display: none;} .mip-carousel-nextBtn {top: auto;bottom: -.7rem;width: 3rem;height: .6rem;background-image: none;} .mip-carousel-nextBtn:before {content: "换一换";position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #42c737;font-size: .3rem;text-align: center;line-height: .6rem;} .change_tab {overflow: hidden;} .change_tab .mip-layout-size-defined {overflow: visible !important;} .change_tab .mip-carousel-container {overflow: visible;} /**/ .img_select {overflow: hidden;} .img_select a {float: left;width: 3.65rem;height: 1.38rem;} .img_select a:last-child {float: right;} .imglist_model,.imglist_model p{overflow:hidden;font-size: .26rem;} .imglist_model dl{overflow:hidden;padding:.25rem 0;border-bottom:.024rem solid#f2f2f2} .imglist_model dt{overflow:hidden;float:right;width:2.18rem;height:1.51rem;border:.01rem solid#ddd} .imglist_model dd{width:100%;margin-right:.2rem} .imglist_model h2{overflow: hidden;font-size:.32rem;line-height:.52rem} .imglist_model span,.imglist_model em{position:relative;float:left;height:.4rem;padding-left:.4rem;margin-right:.4rem;color:#999;font-size:.22rem;line-height:.4rem} .imglist_model span:before{content:"\e610";position:absolute;left:0} .imglist_model em:before{content:"\e63b";position:absolute;left:0} .more{position: relative; display:block;width:100%;height:.8rem;font-size:.3rem;text-align:center;line-height:.8rem} /*底部*/ footer{text-align:center} footer div{overflow:hidden;padding-left:32%;height:.36rem;margin:.3rem 0} footer div a{float:left;padding:0 .2rem;border-right:.024rem
      solid#fff;font-size:.3rem} footer div a:last-child{border:0} footer p{color:#999;font-size:.26rem;line-height:.4rem} /*底部导航*/ .fix_nav {width: 7.5rem;height: .98rem;/*.85*/border-top: 1px solid #e1e1e1;background-color: #fff;z-index: 2147483647;} .fix_nav li {float: left;width: 20%;margin-top: .12rem;} .fix_nav a {display: block;width: 100%;height: 100%;} .fix_nav i {display: block;font-size: .4rem;text-align: center;-webkit-transition: transform 0.4s linear 0s;} .fix_nav p {font-size: .24rem;text-align: center;line-height: .36rem;} .fix_nav .on p, .fix_nav .on i {color: #ff8202;} .fix_subnav {position: absolute;width: 2.5rem;height: 5.6rem;background-color: #fff;-webkit-border-radius: .06rem;border-radius: .06rem;} .fix_subnav li {width: 2.5rem;height: .8rem;border: .024rem solid #ddd;border-bottom: 0;margin: 0;-webkit-box-sizing: border-box;} .fix_subnav li:last-child {border-bottom: .024rem solid #ddd;} .fix_subnav i.iconfont {float: left;color: #888;margin: .18rem 0 0 .19rem;} .fix_subnav p {float: left;color: #757575;font-size: .3rem;margin: .2rem 0 0 .2rem;} mip-sidebar {top: 6.4rem;width: 2.4rem;height: 5.7rem;background-color: transparent;z-index: 999999 !important;} .arrow_down { position: absolute;bottom: 1px;right: .65rem;width: .2rem; height: .11rem; background: url('../images/arrow_down.png') 0 0 no-repeat;background-size: .2rem .11rem;z-index: 99;} .MIP-SIDEBAR-MASK {background-color:transparent;z-index: 99999 !important;}