﻿@charset "UTF-8";body,p,h1,h2,h3,h4,h5,h6,span,label,input,i,ul,li,dl,dt,dd,ol,select,option,table,tr,td,tt,th,tbody,strong,textarea{padding:0;margin:0;list-style:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6,b{font-weight:normal;}
body{overflow-x:hidden;width:100%;height:100%;font:0.26rem/1.5 "microsoft yahei",Arial,Verdana,Helvetica,sans-serif;color:#484848;}
a{color:#484848;text-decoration:none;}
a:active{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.1);}
img{border:none;vertical-align:middle;}
em,i{display:block;font-style:normal;}
input,label,option,select,textarea,button{color:#484848;border-radius:0;border:none;outline:none;outline:0;font-size:0.26rem;-webkit-user-select:auto;font-family:"microsoft yahei",Arial,Verdana,Helvetica,sans-serif;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

/*浮动*/
.u-left{float:left;}
.u-right{float:right;}

/*清除浮动*/
.clearfloat{zoom:1;}
.clearfloat:after{content:'.';display:block;clear:both;height:0;line-height:0;visibility:hidden;}

/*字体*/
.en{font-family:verdana;}
.font24{font-size:0.26rem;}
.font28{font-size:0.28rem;}
.font32{font-size:0.32rem !important;}
.font36{font-size:0.36rem !important;}

/*字体颜色*/
.col-0{color:#000;}
.col-9{color:#999;}
.col-a{color:#aaa;}
.green{color:#3d8d36;}
.orange{color:#ff9000;}
.bold{font-weight:bold;}
.center{text-align:center;}

/*相对定位*/
.rel{position:relative;}

/*超出省略号*/
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*圆角*/
.radius-3{border-radius:0.06rem;}
.mt10{margin-top:0.1rem;}


/*页面顶部*/
header{position:relative;left:0;right:0;height:0.9rem;z-index:98;background-color:#3d8d36;overflow:hidden;padding:0 0.25rem;}
header .logo{display:block;width:3rem;height:0.54rem;background:url(../logo.png);background-size:cover;background-size:cover;margin:0.2rem 0 0 0;}
header .Title{position:absolute;top:0;left:0.9rem;right:0.9rem;height:0.9rem;font-size:0.36rem;color:#fff;line-height:0.9rem;text-align:center;font-weight:bold;}
header .Icon{display:block;width:0.54rem;height:0.54rem;margin-top:0.16rem;}
header .nav{background:url(../nav@icon.png) center no-repeat;background-size:100%;-webkit-transition:0.2s;-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out;}
header .nav:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.arrow-icon{background:url(../arrow-l@icon.png) center no-repeat;background-size:75%;}
.login-hd .Icon{display:block;width:0.54rem;height:0.54rem;margin-top:0.3rem; margin-right:0.2rem;}
.login-hd .nav{background:url(../nav@icon.png) center no-repeat;background-size:100%;-webkit-transition:0.2s;-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.login-hd .nav:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.registered-hd .Icon{display:block;width:0.54rem;height:0.54rem;margin-top:0.3rem; margin-right:0.2rem;}
.registered-hd .nav{background:url(../nav@icon.png) center no-repeat;background-size:100%;-webkit-transition:0.2s;-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.registered-hd .nav:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*计价整体大框架*/
.content{position:absolute;top:0;bottom:0.9rem;left:0;right:0;overflow:scroll;-webkit-overflow-scrolling:touch;overflow-y:auto;background-color:#fff;}

/*弹框公用*/
.Popup{display:none;position:absolute;left:0;top:50%;right:0;margin:auto;z-index:999;background-color:#fff;border-radius:0.2rem;margin-left:1rem;margin-right:1rem;}
.Popup .title{padding:0.2rem;text-align:center;border-bottom:1px solid #eee;}
.Popup .box{padding:0.5rem;}
.Popup .box button{width:47.5%;height:0.6rem;border:0;border-radius:0.05rem;margin-top:0.5rem;}
.Popup .box button:last-child{margin-left:2%;}
.Popup .box button.but1{background-color:#fddb00;color:#fff;}
.Popup .box button.but2{background-color:#eee;color:#999;}
.Popup .box button.but3{background-color:#3d8d36;color:#fff;}

/*底部版权*/
footer{background-color:#3d8d36;}
footer a{color:#fff;}
footer .box{padding:0.6rem 0;color:#fff;}
footer .box p{margin-bottom:0.2rem;}
footer .box .tel{font-size:0.36rem;margin-bottom:0.25rem;}
footer .box .tel a{color:#fff;}
footer .box .cert{width:3.63rem;}
footer .box .ewm{width:1.62rem;}

/*底部导航*/
.foot-nav{position:fixed;height:0.9rem;left:0;right:0;bottom:0;margin:auto;z-index:98;background-color:#f5f5f5;border-top:0.02rem solid #eee;overflow:hidden;}
.foot-nav .item{position:relative;float:left;width:25%;text-align:center;}
.foot-nav .item i{position:relative;top:-0.02rem;height:0.5rem;text-align:center;width:0.9rem;margin:0 auto;font-size:0.38rem;}
.foot-nav .item.active{color:#3d8d36;}
.foot-nav .item .space{position:absolute;right:0;top:0.28rem;z-index:999;width:0.01rem;height:0.35rem;background-color:#609d77;}

/*404页面*/
.error404-page{position:fixed;width:5rem;left:0;right:0;top:50%;margin:auto;margin-top:-2.8rem;z-index:999;}
.error404-page .return-home{width:100%;height:1rem;margin-top:0.68rem;font-size:0.32rem;border-radius:0.06rem;background-color:#ff9000;box-shadow:0 0.06rem 0.14rem #f7c7b1;color:#fff;}

/*占位符文字颜色*/
input{-webkit-user-select:auto;}
::-webkit-input-placeholder{color:#c8c8c8;}
:-moz-placeholder{color:#c8c8c8;}
::-moz-placeholder{color:#c8c8c8;}
:-ms-input-placeholder{color:#c8c8c8;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c8c8c8;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#c8c8c8;}

/*左侧导航*/
.sidebar-nav{display:none;position:relative;overflow:scroll;position:fixed;left:0;top:0;bottom:0;z-index:9999;width:5.62rem;height:100%;background-color:#222426;}
.sidebar-nav .user{padding:0.35rem 0.8rem 0.45rem;}
.sidebar-nav .user .head{margin:0 auto;overflow:hidden;width:1.4rem;height:1.4rem;border-radius:50%;border:0.06rem solid #ff9000;margin-bottom:0.1rem;}
.sidebar-nav .user .name{color:#ff9000;font-size:0.28rem;}
.sidebar-nav .user button{width:100%;height:0.8rem;margin-top:0.25rem;color:#fff;border-radius:0.08rem;border:0;background-color:#ff9000;}
.sidebar-nav .nav-list{overflow:hidden;margin-top:0.2rem;border-top:0.02rem solid #2a2b2c;border-bottom:0.02rem solid #2a2b2c;margin-bottom:0.5rem;}
.sidebar-nav .nav-list li{background-color:#1c1d1f;}
.sidebar-nav .nav-list li a{overflow:hidden;display:block;font-size:0.28rem;padding:0.22rem 0;color:#e0e3e8;border-bottom:0.01rem solid #2a2b2c;text-indent:40px;}
.sidebar-nav .nav-list li a .icon{position:relative;margin-top:-0.04rem;float:left;width:0.4rem;margin-right:0.2rem;}
.sidebar-nav .nav-list li a .icon img{width:100%;}
.sidebar-nav .nav-list li:last-child a{border-bottom:0;}
.sidebar-nav-close{display:none;position:fixed;top:0.25rem;left:5.8rem;z-index:9999;width:0.6rem;height:0.6rem;background:url(../close.png);background-size:cover;}

/*弹窗黑色背景*/
.g-slide-mask,.navbg{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;background:#000;-moz-opacity:0.4;opacity:0.4;filter:alpha(opacity=40);}

/*置顶*/
.return-top{display:none;position:fixed;right:0.3rem;bottom:1.4rem;z-index:999;width:1.2rem;height:1.2rem;background:url(../Placed-top.png);background-size:cover;}

/**加载中蒙版**/
.loading{width:100%;height:100%;background:#000;opacity:.5;position:fixed;top:0;left:0;bottom:0;right:0;z-index:99;display:none;}
.loading img{display:block;width:150px;height:150px;position:fixed;top:50%;left:50%;margin-left:-75px;margin-top:-75px;}

/**公共蒙版**/
.window-container{width:78%;background:#fff;position:fixed;top:30%;left:50%;margin-left:-39%;z-index:100;border-radius:4px;overflow:hidden;display:none;}
.window-container .window-content{padding:20px 5%;border-bottom:1px solid #bdbdbd;}
.window-container .window-content p{font-size:14px;color:#676767;line-height:24px;text-align:center;}
.window-container .window-btn a{display:block;height:40px;width:49%;text-align:center;line-height:40px;font-size:16px;font-weight:bold;}
.window-container .window-btn a.cancel-button{border-right:1px solid #bdbdbd;}
.window-container .window-btn a.confirm-button{color:#fea23a;}
.window-container h2{text-align:center;font-size:16px;font-weight:bold;padding-top:22px;}
.window-container .window-btn .ack-button{display:block;height:40px;width:100%;text-align:center;line-height:40px;font-size:16px;font-weight:bold;color:#fea23a;}
.window-container .window-btn .ack-button:active{background:#fea23a;color:#fff;}
.window-container .jy-password{width:90%;height:34px;display:block;margin:20px auto 0;}

/*--------------首页快捷导航--------------*/
.quick-nav-container .quick-entry-nav{padding:0.6rem 0.2rem;font-weight:bold;}
.quick-nav-container .quick-entry-nav .quick-entry-link{width:25%;float:left;display:block;text-align:center;}
.quick-nav-container .quick-entry-nav .quick-entry-link img{width:1.19rem;margin-bottom:0.12rem;}





/*各种屏幕宽度*/
@media screen and (max-width:2048px){html{font-size:273.06667px;}
}
@media screen and (max-width:1920px){html{font-size:256px;}
}
@media screen and (max-width:1440px){html{font-size:192px;}
}
@media screen and (max-width:1600px){html{font-size:213.33333px;}
}
@media screen and (max-width:1242px){html{font-size:165.6px;}
}
@media screen and (max-width:1140px){html{font-size:152px;}
}
@media screen and (max-width:1280px){html{font-size:170.66667px;}
}
@media screen and (max-width:1024px){html{font-size:136.53333px;}
}
@media screen and (max-width:1080px){html{font-size:144px;}
}
@media screen and (max-width:960px){html{font-size:128px;}
}
@media screen and (max-width:800px){html{font-size:106.66667px;}
}
@media screen and (max-width:768px){html{font-size:102.4px;}
}
@media screen and (max-width:736px){html{font-size:98.13333px;}
}
@media screen and (max-width:732px){html{font-size:97.6px;}
}
@media screen and (max-width:720px){html{font-size:96px;}
}
@media screen and (max-width:667px){html{font-size:88.93333px;}
}
@media screen and (max-width:640px){html{font-size:85.33333px;}
}
@media screen and (max-width:600px){html{font-size:80px;}
}
@media screen and (max-width:568px){html{font-size:75.73333px;}
}
@media screen and (max-width:540px){html{font-size:72px;}
}
@media screen and (max-width:533px){html{font-size:71.06667px;}
}
@media screen and (max-width:480px){html{font-size:64px;}
}
@media screen and (max-width:435px){html{font-size:58px;}
}
@media screen and (max-width:414px){html{font-size:55.2px;}
}
@media screen and (max-width:412px){html{font-size:54.93333px;}
}
@media screen and (max-width:400px){html{font-size:53.33333px;}
}
@media screen and (max-width:385px){html{font-size:51.33333px;}
}
@media screen and (max-width:384px){html{font-size:51.2px;}
}
@media screen and (max-width:375px){html{font-size:50px;}
}
@media screen and (max-width:360px){html{font-size:48px;}
}
@media screen and (max-width:320px){html{font-size:42.66667px;}
}
@media screen and (max-width:300px){html{font-size:40px;}
}
@media screen and (max-width:240px){html{font-size:32px;}
}