@charset "utf-8";
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}
::-webkit-scrollbar-thumb
{border-radius:10px;background:rgba(0,0,0,0.1);-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,0.4);}

body{background:#F3F5F7;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;}

.header-wrap{background:#fff;min-height:60px;padding:10px 20px;border-bottom:1px solid #eaeaea;box-shadow:0 1px 10px 0 rgba(0,60,179,.1);display:flex;align-items:center;justify-content:space-between;}
.header-wrap .logo img{height:40px;}
.header-wrap .logo span{margin-left:15px;display:inline-block;border-left:1px solid #eee;padding-left:15px;font-size:18px;vertical-align:middle}
.header-wrap .bar{display:flex;align-items:center;}
.header-wrap .menu{margin-right:10px;display:none;}
.header-wrap .link a{border:1px solid #FF525F;color:#FF525F;display:inline-block;padding:10px 15px;border-radius:20px;line-height:1;font-size:14px;}
.header-wrap .link a:hover{background:#FF525F;color:#fff;}

.page-body{border:1px solid #E6E8E9;margin:30px auto;width:730px;min-height:calc(100vh - 120px);padding:30px 40px 20px 40px;background:#fff;box-shadow:0 0 10px rgba(38,45,61,.1)}

.page-body *{max-width:100%;}
.page-body p{margin-bottom:15px;font-size:14px;line-height:28px;}
.page-body h1{font-size:40px;font-weight:bold;margin:20px 0 20px 0;font-family:黑体}
.page-body h2{font-size:24px;line-height:normal;margin:0 0 20px 0;border-bottom:1px solid #eee;}
.page-body h2 span{border-bottom:3px solid #f60;padding-bottom:20px;margin-bottom:-1px;display:inline-block;}
.page-body h3{font-size:20px;line-height:normal;border-bottom:0px solid #e9e9e9;margin:30px 0 0 0;padding-bottom:20px;}
.page-body h4{font-size:16px;line-height:normal;}

pre{background:#F4F8FF;border:1px solid #e0eaff;padding:15px 20px;border-radius:4px;line-height:1.5;margin:0;color:#666;position:relative;margin:10px 0;}

.page-body a{color:#1E6FFF;}
.page-body a:hover{color:#2F55FF;}
.page-body ul{margin-left:1em;margin-bottom:1em;}
.page-body ul li{line-height:30px;}

.pro-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;margin-bottom:30px;}
.pro-list .item{width:100%;height:80px;background:#fff;padding:15px 20px;box-shadow:0 2px 7px 0 rgba(5,34,97,.1);border:1px solid #f3f3f3;border-radius:6px;display:flex;align-items:center;}
.pro-list .item i{display:inline-block;background:#FF595A;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;border-radius:50%;margin-right:15px;}
.pro-list .item a{font-weight:300;font-size:18px;color:#333;}

.offside-nav{top:80px;width:300px;background:#F3F5F7;padding:20px;overflow-y:auto;}
.ui-fold-menu a{font-size:16px;color:#333;}
.ui-fold-menu a:hover{color:#1E6FFF;}
.ui-fold-menu.active{background:none;}
.ui-fold-menu.active a{color:#1E6FFF;}
.ui-fold-menu i{color:#9EA5AF;font-size:14px;}
.ui-fold-body{padding-left:20px;}
.ui-fold-body ul li{line-height:40px;padding-left:20px;}
.ui-fold-body li a{color:#545555;}
.ui-fold-body li a:hover{color:#1E6FFF;}
.ui-fold-body ul li.active a{color:#1E6FFF;}
.ui-fold-body li{border-left:2px solid #eee;}
.ui-fold-body li.active{border-left:2px solid #1E6FFF;}

@media screen and (max-width:1360px)
{
	body{background:#fff;}
	.header-wrap{background:#fff;min-height:50px;}
	.header-wrap .logo img{height:30px;}
	.header-wrap .logo span{font-size:16px;}
	.page-body{margin:15px auto;max-width:94%;padding:20px;min-height:calc(100vh - 50px);border:0;}
	.page-body h1{font-size:30px;}
	.pro-list{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;}
	.offside-nav{width:200px;top:0px;background:#F3F5F7;padding:10px;overflow-y:auto;}
	.header-wrap .menu{display:block;margin-right:0;}
	.header-wrap .link{display:none;}
}