body, header, footer, section, div, span, p, img, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, i, b, u, del, menu, nav, fieldset, legend, article, aside, details, figcaption, hgroup, pre, code, from, blockquote, th, td, tr, hr, table, img, figure, button, input, textarea { padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Microsoft Yahei, Helvetica, Arial; vertical-align: baseline; border: 0 }
body { background-color: #fff }
input, textarea { -webkit-user-select: auto !important; user-select: auto !important }
:focus { outline: none }
img { vertical-align: middle; border: 0 none }
ul { list-style: none }
a { text-decoration: none; color: inherit; }
.teltop { text-decoration: none; color: inherit; display: block; height: 100%; width: 100%; overflow: hidden }
section { display: block; margin: 0 auto }
header, footer { margin: 0 auto; width: 100% }
em, i { font-style: normal }
html, body { width: 100%; height: 100% }
button, input { border: 0 none }
u, del { text-decoration: none }
input[type="submit"], input[type="reset"], input[type="button"], input[type="password"], input[type="text"], button { -webkit-appearance: none; outline: none }
.jk { margin: 0 auto; min-width: 320px; max-width: 720px; overflow: hidden }
.jk img { width: 100%; height: auto; overflow: hidden;}
.clear:after { clear: both; content: ''; height: 0; visibility: hidden; display: block; font-style: 0 }
.bdr-r, .bdr-bottom { position: relative }


.hide-landing .jk-main-search { height: 60px; min-width: 320px; max-width: 720px; top: 0; position: fixed; z-index: 999; width: 100%; background:#fff;} 
.show-landing .jk-main-search{position:relative;height:40px;}
.show-landing .jk-search-form-box{}
.show-landing .jk-search-form{padding-top: 5px;}
.jk-search-box-cover { width: 100%; position: absolute; height: 40px; opacity: 0; background-color: #0075de; top: 0; }
.jk-search-box { margin:0 10px;}
.jk-logo {left:2%; background: url(../images/logo1.png) no-repeat; background-size:75%;margin-top:17px; }
.login-state{background:url(../images/jk-m-ico.png) no-repeat 7px -50px/55px 80px;}
.jk-logo,
.jk-login { position: absolute; top: 0; height: 100%;min-width: 43px; right:2%; font-size: 15px; color: white;vertical-align:middle;}

.sub2{ background: url(../images/tel.png) no-repeat right; height:56%; background-size:58%; margin-top:11px;}

.jk .scroll-ms li.swiper-slide:last-child span i{display: block;width:10px;height:10px;margin:0 auto;background:url(../images/jk-m-ico.png) no-repeat -14px 0px/55px 80px;}
.jk .scroll-ms li.swiper-slide:last-child { border: none;width:30px !important;position:relative;}
.jk .scroll-ms li.swiper-slide:last-child span { display: block; font-size: 12px; width: 20px; border: none;position: absolute;top:52%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);}
.jk .scroll-ms li.swiper-slide:last-child span em { margin: 0 5px; display: block }
.jk-form-nomagleft{margin-left: 0 !important}
.all-item{width:20px;}
.jk-ms li.swiper-slide{width:33.33333%;}
.jk-search-form { margin-left:120px;}
.jk-search-form-icon { width: 15px; height: 17px; background: url(../images/index-search.png) no-repeat center center/contain; display: block; position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

.jk-search-form-box { background-color: #f00; border-radius: 15px; margin-top: 5px; height: 30px; overflow: hidden; line-height: 32px; position: relative; width:80%;}

.jk-seach-input { display: block; width: 80%; position: absolute; top: 50%; left:10px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.jk-search-del-icon { display: none; position: absolute; right: 8px; height: 11px; width: 11px;top: 10px; border-radius: 100%;background:url(../images/jk-m-ico.png) no-repeat 0 0/55px 80px; }
.no-lefgmag{margin-left: 0!important;}
.jk-seach-input input { font-size: 13px; background: 0; border: 0; line-height: 1.2em; height: 2.2em; width: 100%; vertical-align: middle; color: #666; }
.bdr-r:after,
.bdr-bottom:after { content: ''; position: absolute; z-index: 10 }
.bdr-r:after { top: 0; width: 1px; height: 100%; border-right: 1px solid #eee; right: -1px; transform: scaleX(.5); -webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -o-transform: scaleX(.5); -ms-transform: scaleX(.5); }
.bdr-bottom:after{ height: 0px; width: 100%; border-top: 1px solid #eee; bottom: 0px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); -moz-transform: scaleY(.5); -o-transform: scaleY(.5); -ms-transform: scaleY(.5) }
.jk div.swiper-container { width: 100% }
.jk ul.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.jk div.swiper-pagination { right: 0; text-align: right; margin-left: -2%; bottom: 2px }
.jk span.swiper-pagination-bullet { background: transparent; border: 1px solid #fff; width: 6px; height: 6px; opacity: 1 }
.jk span.swiper-pagination-bullet-active { background: white }
.jk .jk-nav { border-left: none; border-right: none; padding: 10px 0; background-color: #eee }
.jk .jk-nav ul { overflow: hidden; background-color: white; padding: 15px 0 5px; -webkit-box-shadow: 0 3px 5px #dedede; -moz-box-shadow: 0 3px 5px #dedede; box-shadow: 0 3px 5px #dedede }
.jk .jk-nav a { display: block; font-size: 12px; color: #666; padding-bottom: 11px }
.jk .jk-nav li { float: left; width: 25%; text-align: center }
.jk .jk-nav img { display: block; width: 40px; height: 40px; margin: 0 auto 6px auto }
.jk .jk-ms { padding-bottom: 18px }
.jk .jk-ms .ms { height: 45px; line-height: 45px; font-size: 15px; color: #333; position: relative; padding-left: 11px }
.jk .jk-ms .daojishi { position: absolute; top: 0; right: 10px }
.jk .jk-ms .dj-txt,
.jk .seckill-timer,
.jk .seckill-timer span { display: inline-block; font-size: 12px; float: left }
.jk .seckill-timer { margin-top: 13px;line-height: 18px;color:red; }
.jk .jk-ms .dj-txt { padding-right: 5px }
.jk .seckill-timer span { background-color: #3d3d3d; color: #fff; border-radius: 2px; padding: 1px 3px; line-height: 18px; height: 18px; text-align: center; margin: 0 2px }
.jk .seckill-timer span.seckill-time-separator { margin: 0 2px; background: transparent; color: black; padding: 0; font-weight: bold }
.jk .scroll-ms { overflow: hidden }
.jk .scroll-ms img { display: block; width: 80%; margin: 0 auto }
.jk .scroll-ms li a { display: block }
.jk-main { background-color: #eee; position: relative; overflow: hidden }
.jk-wrap { -webkit-box-shadow: 0 3px 5px #dedede; -moz-box-shadow: 0 3px 5px #dedede; box-shadow: 0 3px 5px #dedede; background-color: #fff; margin: 10px 0; overflow: hidden }
.zt-left,
.zt-right { float: left; height: 100% }
.zt-left { width: 35.9%; background-color: #fff }
.zt-right { width: 64.1% }
.zt-right a { background-color: #fff }
.bdr3-r,
.bdr3-bottom { position: relative }
.bdr3-r:after { height: 100%; width: 3; border-right: 3px solid #eee; content: ''; position: absolute; top: 0; right: -1px; transform: scaleX(.5); -webkit-transform: scaleX(.5) }
.bdr3-bottom:after { width: 100%; height: 3px; border-bottom: 3px solid #eee; content: ''; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5) }
.jk-ads { position: relative }
.m-classify ul,
.jk-tj ul { overflow: hidden; height: 100%; width: 100%; font-size: 0 }
.classify-top { overflow: hidden }
.jk-m-nav { height: 35px; line-height: 35px; font-size: 15px; padding-left: 10px }
.m-classify li { float: left }
.m-classify li.jk-col2 { width: 50% }
.m-classify li.rol-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; -webkit-box-sizing: -moz-border-box; box-sizing: border-box }
.jk-col2 div { width: 100% }
.jk-col2 div.col2-bottom a { width: 50%; float: left }
.classify-bt li { width: 25%; float: left }
#recomendList { background-color: #eee;}
.jk-tj li { float: left; width: 50% }
.jk-sc li { float: left; width: 16.66%; height: 35px; line-height: 35px; text-align: center; color: #666 }
.jk-sc li a { font-size: 12px }
.jk-sc .bdr-r:after { height: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.jk-pull-up { height: 43px; line-height: 43px; background-color: #eee; font-size: 12px; text-align: center; position: relative;}
.jk-pull-up .line { position: absolute; border-top: 1px solid #999; height: 1px; left: 27%; right: 27%; top: 45%; -webkit-transform: scaleY(.5); transform: scaleY(.5) }
.jk-pull-txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 85px; padding-left: 15px; background: url(../images/jk-m-ico.png) no-repeat -32px 15px /55px 80px #eee }
.jk-m-item { float: left; width: 50%; box-sizing: border-box; position: relative; background-color: #fff; }
.jk-m-item:nth-of-type(odd):after { border-right: 3px solid #eee; height: 100%; width: 3px; -webkit-transform: scaleX(.5); transform: scaleX(.5); right: -1px; top: 0; position: absolute; content: '' }
.jk-m-item:nth-of-type(even):after,
.jk-m-item:nth-of-type(odd) a:after { border-bottom: 3px solid #eee; height: 3px; width: 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); right: 0; bottom: -1px; position: absolute; content: '' }
.jk-m-item:last-of-type:after,
.jk-m-item:nth-last-of-type(2) a:after { border: 0 none }
.love-item-title span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; line-height: 15px; background-color: white; }
.love-item-tit { font-size: 13px; color: #333 }
.love-item-dsc { font-size: 12px; color: #999 }
.love-item-price { font-size: 13px; color: #ff5a66; font-weight: bold; margin: 5px 0 10px }
.jk-user-select li { height: 33px; line-height: 33px; font-size: 12px; padding-left: 10px; position: relative; }
.jk-user-select li a { color: #666; }
.jk-user-select li span { display: block; width: 8px; height: 8px; border: 1px solid #c5c5c5; position: absolute; border-top: 0 none; border-left: 0 none; right: 10px; top: 50%; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); -o-transform: rotate(-45deg) translateY(-50%); -moz-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }
.jk-user-login { height: 44px; position: relative; line-height: 44px }
.jk-user-login>div { position: absolute; height: 100%; top: 0; }
.jk-user-login>div.jk-m-login { left: 0;max-width: 65% }
.jk-user-login>div a:nth-of-type(1) { padding-right: 5px;max-width: 70% }
.jk-user-login>div.jk-m-help { right: 0; }
.jk-user-login a { font-size: 12px; color: #999; position: relative; height: auto; width: auto; float: left; }
.jk-user-login a.bdr-wr { margin-right: 5px; position: relative; }
.jk-user-login a.bdr-wr:after { border-right: 1px solid #c6c6c6; height: 40%; width: 1px; position: absolute; right: 0px; content: ''; top: 50%; -webkit-transform: scaleX(.5) translateY(-50%); -moz-transform: scaleX(.5) translateY(-50%); -o-transform: scaleX(.5) translateY(-50%); -ms-transform: scaleX(.5) translateY(-50%); transform: scaleX(.5) translateY(-50%); }
.jk-copyright { padding: 0 10px; background-color: #eee; }
.jk-m-footer { font-size: 14px; text-align: center; line-height: 22px; color: #666; padding-bottom: 20px }
.jk-m-footer li.hotline { color: #0970c8; }
.jk-m-footer li.small { font-size: 12px; color: #999; }
.bottom-to-top { position: fixed; width: 35px; height: 35px; bottom: 58px; z-index: 30; right: 10px; border-radius: 100%;background-color:rgba(255,255,255,.8); -webkit-box-shadow: 3px 3px 14px rgba(0,0,0,0.2);box-shadow: 3px 3px 14px rgba(0,0,0,0.2);display: none}
.jk-footer{border-top:15px solid #eee;overflow: hidden;}
.jk-m-load{display: none;}
#user-name{display: inline-block;max-width:70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: top;}
.loading{color:#0075de;display:inline-block;font-size:12px;position: relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.loading .drop-load{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #0075de;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate 0.75s linear infinite;animation:rotate 0.75s linear infinite}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{
	0%{transform:rotate(0deg)}
	50%{transform:rotate(180deg)}
	100%{transform:rotate(360deg)}
}
.arrows{height:10px;width:10px;border-top:1px solid #666;border-right:1px solid #666;display: block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;top:16px;left:12px;}
.arrows-line{display: block;position: absolute;width:180%;height:1px;border-top:1px solid #666;top:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:3px;}
.search_land_wrap{width:100%;max-width: 720px;background-color:#f0f0f0;display: none;overflow: hidden;}
.search_land_wrap li{line-height: 35px;background:url(../images/jk-m-ico.png) no-repeat 28px -18px/55px 80px;position: relative;}
.search_land_wrap li a{font-size:14px;padding-left: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:80%;}
.search_land_wrap>ul>li:after{content: ''; position: absolute;height: 0px; width: 100%; border-top: 1px solid #ccc; bottom: 0px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); -moz-transform: scaleY(.5); -o-transform: scaleY(.5); -ms-transform: scaleY(.5) }

.jk-cover-bg{position: fixed;top:0;left:0;background-color:rgba(0,0,0,.5);width:100%;height: 100%;z-index: 999999;opacity: .7;color:#333;display: none}
.jk-user-feedback{position:fixed;background-color:#f0f0f0;z-index:9999999;display:none;font-size:14px;height:300px;top:20%;left:5%;right:5%;min-width:240px;max-width:640px;margin:0 auto;}
.jk-user-feedback h2{background-color:#2d96e9;color:white;height:34px;font-size:18px;line-height: 34px;padding-left: 10px;position: relative;}
.jk-user-feedback h2 span{display:block;position:absolute;}
.jk-user-feedback h2 span.close{height:30px;width:30px;right:10px;top:-2px;}
.jk-user-feedback .suggest { height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #f96a03; background: -moz-linear-gradient(top, #f67d03 0%, #fb4303 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f67d03), color-stop(100%, #fb4303)); background: -webkit-linear-gradient(top, #f67d03 0%, #fb4303 100%); background: -o-linear-gradient(top, #f67d03 0%, #fb4303 100%); background: -ms-linear-gradient(top, #f67d03 0%, #fb4303 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f67d03, endColorstr=#fb4303); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f67d03, endColorstr=#fb4303)"; background: linear-gradient(top, #f67d03 0%, #fb4303 100%); text-align: center; position: absolute; left: 30%; right: 30%; bottom: 5%; }
.jk-user-feedback .feed-wrap{padding:5%;height:90%;}
.jk-user-feedback p{line-height: 20px}
.jk-user-feedback textarea{width:90%;height: 40%;margin:5% 0 0 5%;height:90px;    border-radius: 3px 3px 3px 3px;
    border: #b2b2b2 1px solid;resize:none;
}
.app-box{height: 50px;position: fixed;bottom: 0;left:0;right:0;margin:auto;background:rgba(39, 39, 39, 0.901961);width:100%;max-width: 720px;min-width: 320px;z-index: 9999999}
.app-box ul{font-size:14px;color:white;margin:10px 0 0 10px;}
.app-box li:nth-of-type(1){width:33px;margin-right:5px;float:left;}
.app-box li:nth-of-type(3){color:#0598ff;font-size:12px;}
.app-box li:nth-of-type(4){position: absolute;width:84px;height:27px;line-height: 27px;background-color:#0082f0;font-size:15px;top:12px;right:20px;text-align: center;border-radius: 5px}
.jk-v-del { background: #737373; width: 15px; height: 15px; border-radius: 0 0 0 100%; position: absolute; right: 0; top: 0; }
.jk-v-del>span { display: block; height: 60%; width: 1px; background-color: white; position: absolute; left: 50%; top: 1px; }
.jk-v-del>span:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.jk-v-del>span:nth-of-type(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.app-download img{width:100%;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeOutDown{
	from{opacity:1;}
	to{opacity:0;-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);}
}
@keyframes fadeOutDown{
	from{opacity:1;}
	to{opacity:0;-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}



.five-block{width:100%;background-color:#fff;border-bottom:.15rem solid #f5f5f5;overflow:hidden; margin-top:10px; margin-bottom:7px;}
.five-block .three-block{width:100%;float:left;}
.five-block .three-block a{display:inline-block;width:24.5%;height:24.5%;float:left; background:#F00;border:1px solid #e0e0e0; border-right:none;}
.lazy{background:url(/resource/common/loading.gif) center no-repeat;background-size:40%}


.menu-blank{width:100%;height:1rem;clear:both;margin:0 auto;}

footer{position:fixed;bottom:0;width:100%;max-width:720px;height:3.7rem;text-align:center;background-color:#fff;color:#999;z-index:11;clear:both;
list-style:none; margin:0 auto;}
footer li{width:20%;height:3rem;float:left;text-align:center;border-top:1px solid #f5f5f5;}
footer li a{width:100%;height:3rem; line-height:2rem;display:block;}
/*footer li i{position:relative;width:100%;height:4rem;display:block;font-size:1rem;color:#666}*/
footer li span{width:100%;height:3rem;line-height:2rem;display:block;font-size:14px;color:#666;}







.mymenu{width:100%;border-bottom:0.5rem solid #f5f5f5;background-color:#fff;overflow:hidden; padding-top:0.5rem; padding-bottom:0.5rem;}
.mymenu li{width:24%;height:24%;display:block;padding:.3rem 0;text-align:center;color:#999;float:left; margin-right:0.2rem;}
.mymenu li span{font-size:0.9rem;color:#666;display:block;margin-top:.5rem;}
.mymenu li a{width:1.9rem;height:1.9rem;line-height:1rem;display:block;margin:0 auto;color:#666;/*border-radius:50%;*/font-size:.6rem}
.mymenu li .ico1{background-color:#fff}
.mymenu li .ico2{background-color:#fff}
.mymenu li .ico3{background-color:#fff}
.mymenu li .ico4{background-color:#fff}







.snapUp{margin-top:5px;box-sizing:border-box;background:#fff;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; margin-bottom:10px;}
.snapUp a{position:relative}
.snapUp .leftimg{width:39%;float:left;border-right:1px solid #d9d9d9;min-height:170px}
.snapUp .leftimg img{width:100%}
.snapUp .rightimg{width:60%;float:right}
.snapUp .rightimg .top{border-bottom:1px solid #d9d9d9;display:block;min-height:86px}
.snapUp .rightimg .top img{width:100%}
.snapUp .rightimg .bottom a{display:block;min-height:85px;width:50%;float:left;box-sizing:border-box;border-right:1px solid #d9d9d9}
.snapUp .rightimg .bottom a img{width:100%}
.snapUp .rightimg .bottom::after{content:"";display:table;clear:both}
.snapUp .rightimg .bottom::after{content:"";display:table;clear:both}
.snapUp::after{content:"";display:table;clear:both}
.snapUp::after{content:"";display:table;clear:both}
.wrapper .content .secKill{margin-top:8px;background:#fff}
.wrapper .content .secKill .title{padding:15px 16px;border-top:1px solid #d9d9d9;font-size:16px}.wrapper .content .secKill .title 


.swiper-slide1{margin: 0 auto; min-width: 320px; max-width: 720px; overflow: hidden;}
.swiper-slide1 ul li{position:relative;width:45%;float:left;border:1px solid #e0e0e0;background:#fff;padding:0.5rem; padding-bottom:1rem; }
.swiper-slide1 ul li img{width:100%}
.swiper-slide1 ul li span{width:100%;display:block;}
.swiper-slide1 ul li .g-title{height:1rem;line-height:1rem;color:#333;overflow:hidden; font-size:0.8rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.swiper-slide1 ul li .g-price{color:#d40000;height:1rem;line-height:1rem;}
.swiper-slide1 ul li .g-price em{display:inline-block;height:1rem;line-height:1rem;font-size:1rem;font-style:normal;vertical-align:middle;}

.g-price del{ font-size:0.8rem;font-weight:400;color:#999;margin-left:.15rem; text-decoration:line-through}







/*8个小图标板块*/
.mt8{ margin-top: 8px !important;}


.main{ position: relative; margin: 0 auto; max-width: 640px; min-height: 100%; overflow: hidden;}
section,.whitebg{ background-color: #fff}


/* 浮层 - 导航 */

.nav-icons,.app-icons{text-align:center;overflow:hidden;width:100%;}
.nav-icons:after,.app-icons:after{clear: both; content: "\200B"; display: block; height: 0;}
.nav-icons a,.app-icons a{ position: relative;padding:7px 0; text-align: center; font-size: 12px; color: #3c3f46;width:25%;float:left;margin-bottom:-1px;}

.n{ position: relative;padding:7px 0; text-align: center; font-size: 12px; color: #3c3f46;width:33%;float:left;margin-bottom:-1px;}

.nav-icons i,.app-icons i{position:relative; display: block; margin: 0 auto; width: 45px; height: 45px; background: url(../images/item_icons.png) 0 0 no-repeat; background-size: 180px auto;}
.nav-icons p,.app-icons p{line-height:1em;margin-top:9px;}
.nav-icons .hot-icon{position:absolute;width:24px;height:15px;top:2px;right:-18px;background:url(../images/hot_icon.png) no-repeat;background-size:100%;}
.nav-icons .n2 i{ background-position: -45px 0px;}
.nav-icons .n3 i{ background-position: -90px 0px;}
.nav-icons .n4 i{ background-position: -135px 0px;}
.nav-icons .n5 i{ background-position: 0 -45px;}
.nav-icons .n6 i{ background-position: -45px -45px;}
.nav-icons .n7 i{ background-position: -90px -45px;}
.nav-icons .n8 i{ background-position: -135px -45px;}
.nav-icons .n9 i{ background-position: 0px -90px;}

.nav-icons .n10 i{ background-position: -45px -90px;}
.nav-icons .n11 i{ background-position: -90px -90px;}
.nav-icons .n12 i{ background-position: -135px -90px;}
.nav-icons .n13 i{ background-position: 0px -135px;}

.nav-icons .n14 i{ background-position: -45px -135px;}
.nav-icons .n15 i{ background-position: -90px -135px;}
.nav-icons .n16 i{ background-position: -135px -135px;}
.nav-icons .n17 i{ background-position: 0 -180px;}
.nav-icons .n18 i{ background-position: -45px -180px;}
.nav-icons .n19 i{ background-position: -90px -180px;}
.nav-icons .n20 i{ background-position: -135px -180px;}
.nav-icons .n21 i{ background-position: 0 -225px;}
.nav-icons .n22 i{ background-position: -45px -225px;}
.nav-icons .n23 i{ background-position: -90px -225px;}
.nav-icons .n24 i{ background-position: -135px -225px;}
.nav-icons .n25 i{ background-position: 0 -270px;}
.nav-icons .n26 i{ background-position: -45px -270px;}

@charset "utf-8";

/*导航*/
.bigNav{ text-align: center;padding:13px 0;}
.nav-icons.jiaju-nav a{ display:block; margin-bottom:10px;}
.nav-icons.jiaju-nav i{ width:33%; height:33%;}
.nav-icons.jiaju-nav p{ font-size:0.8rem;}


.nav-icons1{text-align:center;overflow:hidden;width:100%;}
.nav-icons1:after{clear: both; content: "\200B"; display: block; height: 0;}

.nav-icons1 a{ position: relative;padding:7px 0; text-align: center; font-size: 12px; color: #3c3f46;width:25%;float:left;}
.nav-icons1.jiaju-nav1 a{ display:block; margin-bottom:10px;}
.nav-icons1.jiaju-nav1 i{width:25%; height:25%;}
.nav-icons1.jiaju-nav1 p{ font-size:0.8rem;}

/*.nav-icons.jiaju-nav .n1 i{background-color:#49bbfd;background-position:0 0;}
.nav-icons.jiaju-nav .n2 i{background-color:#fdc834;background-position:-45px 0px;}
.nav-icons.jiaju-nav .n3 i{background-color:#96a8fc;background-position:-90px 0px;}
.nav-icons.jiaju-nav .n4 i{background-color:#82d171;background-position:-135px 0px;}
.nav-icons.jiaju-nav .n5 i{background-color:#ff7383;background-position:0 -45px;}
.nav-icons.jiaju-nav .n6 i{background-color:#2fd8a6;background-position:-45px -45px;}
.nav-icons.jiaju-nav .n7 i{background-color:#fd8d55;background-position:-90px -45px;}
.nav-icons.jiaju-nav .n8 i{background-color:#f884c2;background-position:-135px -45px;}
.nav-icons.jiaju-nav .n9 i{background-color:#bf89f1;background-position:0 -90px;}

.nav-icons.jiaju-nav .n10 i{background-color:#96a8fc;background-position:-45px -90px;}
.nav-icons.jiaju-nav .n11 i{background-color:#fd8d55;background-position:-90px -90px;}
.nav-icons.jiaju-nav .n12 i{background-color:#2fd8a6;background-position:-135px -90px;}
.nav-icons.jiaju-nav .n13 i{background-color:#ff7383;background-position:0 -135px;}
*/


.sj_rm{margin: 0 auto;overflow:hidden;width:100%; max-width:640px; padding-bottom:10px;}


.bord{ overflow:hidden; width:100%; padding-left:1%;padding-right:1%; border-bottom:1px solid #dcdcdc;margin-top:14px; padding-bottom:15px; background:#FFF;}
.lt{ float:left; width:37%;}
.rt{ float:right; width:58%; margin-right:2%;}
.rt1{ float:right; width:58%; margin-right:2%; line-height:17px; text-align:left;}
.rt p{ text-align:left; font-size:12px;}


.jingpin_title{ font-family:微软雅黑; font-size:18px; padding-left:10px; padding-bottom:10px;}




.app{ width:98%; padding-left:2%; padding-right:2%; margin:0 auto; font-size:1.2rem; padding-top:1rem; padding-bottom:1.2rem; color:#333; background:#f8f8f8; border-bottom:1px solid #e5e5e5; }
.app span{ color:#666;font-size:1rem; }
.app p{width:98%; margin-right:2%; color:#666;font-size:1rem; margin-top:1rem; margin-bottom:1rem; line-height:1.5rem; }
.app img{margin-top:0.5rem; margin-bottom:0.5rem; width:98%; }

.appsolution{ width:98%; margin:0 auto; font-size:1rem; padding-top:1rem; color:#333; background:#f8f8f8; }
.appsolution p{ width:98%; margin:0 auto; font-size:1rem; line-height:1.5rem;  padding-top:0.5rem;}

.new{ width:95%; padding-left:2%; padding-right:2%; margin:0 auto; font-size:1.2rem; padding-top:1rem; padding-bottom:1rem; color:#333; height:auto; border:1px solid #ddd; border-top:none; }
.new span{ color:#666;font-size:1rem;}
.new img{ margin-bottom:15px;}
.new h3{ font-size:1.2rem; margin-top:20px; margin-bottom:20px;}

.more{ background:url(../images/arrow2.png) no-repeat right; width:100%; text-align:left; background-size:10%; border-top:1px solid #e6e6e6; padding-top:1rem; padding-bottom:1rem;}
.more a{font-size:1rem;}

.contact{ width:96%; padding-left:2%; padding-right:2%; margin:0 auto; font-size:1rem; padding-top:1rem; padding-bottom:1.2rem; color:#7d7a7a; height:auto; border:1px solid #f1f1f1; margin-bottom:3rem; line-height:1.5rem; background:#333;}






/*reset样式重置*/
.btn3{position:fixed;
  z-index:3;
  bottom:0px;
  border-top:1px solid #b3b3b3;
  background:#f5f5f5;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:25%;
    height:50px;
    line-height:50px;
    background:#f5f5f5;
    border-right:1px solid #ebebeb;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
      bottom:60px;
      z-index:10;
      width:100%;
      padding: 0px 10px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #EEEEEE;
      border-radius: 5px;
      display:none;}
.new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-top:1px solid #f2f2f2;}
.new-sub li a{display:block;
          height:50px;
          line-height:50px;
          text-align:left;
          background:#fff;
          color:#333;
          border:none;
          text-align:center;
          font-size:16px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{display:block;font-size:16px;color:#000;}
.new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #EEEEEE;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
  .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }

.fenye1{ margin:0 auto; width:100%; height:25px; text-align:center; color:#444; font-size:14px; padding-bottom:20px; padding-top:30px;}
.fenye1 a{color:#444;}
.fenye1 a:hover{color:#f19608; text-decoration:underline;}