/**** 弹出导航 start ****/

.top-nav li.menu-title { font-size: 1.3em; padding: 1em 0.8em; text-align: left; color: #fff; border-bottom: 1px solid #FFF; text-transform: none; background: #245fb8;

	-webkit-transform: translate3d(0,500px,0);

    -moz-transform: translate3d(0,500px,0);

    -o-transform: translate3d(0,500px,0);

    -ms-transform: translate3d(0,500px,0);

    transform: translate3d(0,500px,0);

}

.show-menu li.menu-title {

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate3d(0,0,0);

    -ms-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}





.top-nav li a { font-size: 1.1em; color: #fff; font-weight: 300; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all; outline: none; text-decoration: none;} 	

.nav-sub li a { font-size: 0.8em; padding-left: 2.5em;}

.top-nav li a:hover,.top-nav li a.active { background: #181c7f;}

.top-nav i.glyphicon { margin-right: 10px; font-size: .9em;}

.top-nav a.menu span.glyphicon { font-size: .8em; margin-left: 1.5em; top: 2px;}





.top-nav li { display:block; position: relative;}

.top-nav li span{ display: block; width: 36px; height: 45px; position: absolute; right: 0; top: 0; background: url(../img/right_icon2.png) no-repeat center center;}

.top-nav li span.addspan{ background: url(../img/right_icon2_c.png) no-repeat center center;}





ul.nav-sub { display: none;} 





/*-- Close Button start --*/

.close-button { width: 1em; height: 1em; position: absolute; right: 1em; top: 1.3em; overflow: hidden; text-indent: 1em; font-size: 1.1em; border: none; background: transparent; color: transparent; outline: none; z-index: 999;}

.close-button::before, .close-button::after { content: ''; position: absolute; width: 3px; height: 100%; top: 0; left:7px; background: #fff;}

.close-button::before {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.close-button::after {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

/*-- Close Button end --*/





/*-- 滚动条 scroll pane start --*/

.nicescroll-cursors { background-color: #2a3c48 !important; border: 1px solid #b3b3b3;}

#style-1::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5;}

#style-1::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}

#style-1::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #2a3c48; border: 1px solid rgba(255, 255, 255, 0.7) !important;}

/*-- 滚动条 scroll pane end --*/







/*-- Menu start --*/

.menu-wrap { position: fixed; left: 0; top: 0; z-index: 1001; width: 200px !important; height: 100% !important; background: #245fb8; 

    -webkit-transform: translate3d(-320px,0,0);

	-moz-transform: translate3d(-320px,0,0);

	-o-transform: translate3d(-320px,0,0);

	-ms-transform: translate3d(-320px,0,0);

    transform: translate3d(-320px,0,0);

    -webkit-transition: -webkit-transform 0.4s;

	-moz-transition: -moz-transform 0.4s; 

    transition: transform 0.4s;

    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

    transition-timing-function: cubic-bezier(0.7,0,0.3,1); 

	overflow-y:auto !important;

}

.icon-list {

	height: 400px !important;

	-webkit-transform: translate3d(0,100%,0);

	-moz-transform: translate3d(0,100%,0);

	-o-transform: translate3d(0,100%,0);

	-ms-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	margin-bottom: 1.5em;

}



.icon-list a {

    display: block;

    padding: 0.8em 1.5em;

    -webkit-transform: translate3d(0,500px,0);

	-moz-transform: translate3d(0,500px,0);

	-o-transform: translate3d(0,500px,0);

	-ms-transform: translate3d(0,500px,0);

    transform: translate3d(0,500px,0);

} 

.icon-list a:nth-child(2) {

	-webkit-transform: translate3d(0,1000px,0);

	-moz-transform: translate3d(0,1000px,0);

	-o-transform: translate3d(0,1000px,0);

	-ms-transform: translate3d(0,1000px,0);

	transform: translate3d(0,1000px,0);

}



.icon-list a:nth-child(3) {

	-webkit-transform: translate3d(0,1500px,0);

	-moz-transform: translate3d(0,1500px,0);

	-o-transform: translate3d(0,1500px,0);

	-ms-transform: translate3d(0,1500px,0);

	transform: translate3d(0,1500px,0);

}



.icon-list a:nth-child(4) {

	-webkit-transform: translate3d(0,2000px,0);

	-moz-transform: translate3d(0,2000px,0);

	-o-transform: translate3d(0,2000px,0);

	-ms-transform: translate3d(0,2000px,0);

	transform: translate3d(0,2000px,0);

}



.icon-list a:nth-child(5) {

	-webkit-transform: translate3d(0,2500px,0);

	-moz-transform: translate3d(0,2500px,0);

	-o-transform: translate3d(0,2500px,0);

	-ms-transform: translate3d(0,2500px,0);

	transform: translate3d(0,2500px,0);

}



.icon-list a:nth-child(6) {

	-webkit-transform: translate3d(0,3000px,0);

	-moz-transform: translate3d(0,3000px,0);

	-o-transform: translate3d(0,3000px,0);

	-ms-transform: translate3d(0,3000px,0);

	transform: translate3d(0,3000px,0);

}



.icon-list a:nth-child(7) {

	-webkit-transform: translate3d(0,3500px,0);

	-moz-transform: translate3d(0,3500px,0);

	-o-transform: translate3d(0,3500px,0);

	-ms-transform: translate3d(0,3500px,0);

	transform: translate3d(0,3500px,0);

}





/*-- Shown menu --*/

.show-menu .menu-wrap {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	-moz-transition: -moz-transform 0.8s; 

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1); 

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



.show-menu .icon-list,

.show-menu .icon-list a {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	-moz-transition: transform 0.8s; 

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1); 

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



.show-menu .icon-list a {

	-webkit-transition-duration: 0.9s;

	-moz-transition-duration: 0.9s; 

	transition-duration: 0.9s;

}



.show-menu .content::before {

	opacity: 1;

	-webkit-transition: opacity 0.8s;

	-moz-transition: opacity 0.8s; 

	transition: opacity 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1); 

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

/*-- Menu end --*/

/**** 弹出导航 start ****/