body {
	margin:0;
	padding:0;
	text-align:center;
	height:auto;
	background:#ffffff;
	font-family:Raleway,Helvetica,Arial,sans-serif;
	/*font-weight:300*/
}
.bs-docs-nav {
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
	/*background:linear-gradient(90deg,#F44336,#FF9800 20%,#FF9800 80%,#F44336);*/
	padding-bottom:.5em
}
.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a {
	color:#fff
}
.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a {
	font-weight:300
}
.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover {
	color:#41b0cf;
	background-color:#f9f9f9;
	transition:background .5s ease-in-out
}
.bs-docs-nav .navbar-header .navbar-toggle {
	border-color:transparent
}
.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover {
	background-color:rgba(0,0,0,.3)
}
.bs-docs-nav .container h1 {
	color:#fff;
	text-shadow:-5px 5px 0 rgba(0,0,0,.1)
}
.bs-docs-nav .container p {
	color:#00BCD4;
	font-size:1.3em
}
.bs-docs-nav .navbar-toggle .icon-bar {
	background-color:#fff
}
.nav-list {
   background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
	/*background:linear-gradient(90deg,#F44336,#FF9800 20%,#FF9800 80%,#F44336);*/
	margin-bottom:-0.4em;
	z-index:1000;
	width:100%
}
.nav-tabs {
	padding-left:10%;
	padding-right:10%
}
.nav-list .nav-tabs li a {
	color:#fff
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	color:#279de4
}
.nav>li>a:focus,.nav>li>a:hover {
	background-color:#279de4;
	transition:border .5s ease-in-out
}
.item {
	width:25%;
	height:auto;
	float:left;
	list-style:none;
	padding:1em;
	color:#3D464D
}
.i-head {
  
    background: linear-gradient(90deg,#f0eff06e,#faf8f961 20%,#faf8f999 80%,#f0eff066);
    height: auto;
    line-height: 3.5em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 1px 2px #F0EFF0;
    border: 1px solid #F0EFF0;
}
.i-body {
	background:#fff;
	height:auto;
	margin:0;
	padding:.3em .5em 2em .5em;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border:1px solid #F0eFF0
}
.i-head p {
	margin:2px
}
.hot {
	float:left
}
.goto i,.hot i {
	margin:.5em
}
.goto {
	float:right
}
.i-body:hover {
	background:#279de4;
	color:#fff;
	transition:background .5s ease-in-out
}
.modal-body h4,.modal-body li {
	text-align:left
}
footer {
	margin:1em 0 0 0;
	padding-top:0em;
	text-align:center;
	width:100%;
	height:auto;
	/*background:linear-gradient(90deg,#F44336,#FF9800 20%,#FF9800 80%,#F44336)*/
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
}
.contact {
	width:auto;
	height:auto;
	margin:1em auto
}
.contact i {
	font-size:2em;
	margin:0 1em 0 1em;
	color:#fff
}
.contact i:hover {
	text-shadow:#fff 0 0 20px;
	transition:text-shadow .5s ease-in-out
}
.copyright {
	color:#fff;
	/*background-color:rgba(51,51,51,.1);*/
	line-height:50px;
    /*border-radius: 6px;*/
    padding: 1px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    transition: 0.5s;
}
.copyright1 {
	color:#fff;
	background-color:rgba(51,51,51,.0);
	line-height:50px
}
.copyright a {
	color:#fff;
	margin:0 1em 0 1em
}
.nowtime,.oneword,.weather {
	width:33.333333%;
	float:left;
	padding:1em;
	color:#fff;
	min-height:100px;
	height:auto!important
}
.bs-docs-nav .container .notice {
	font-size:1em;
	margin:0 auto;
	width:40%
}
#searchmodal .modal-footer {
	border-top:0 solid #f5f5f5
}
#searchmodal .btn-default {
	margin-top:5em
}
.open {
	background:#EEE;
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	font-size:3em;
	float:left;
	display:inline-block;
	transform-style:preserve-3d;
	font-weight:700;
	margin:5px 10px 0 6px
}
.open1 {
	text-shadow:5px -5px #6DD7B5,4px -4px #fff
}
.open2 {
	text-shadow:5px -5px #FBBC85,4px -4px #fff
}
.open3 {
	text-shadow:5px -5px #E96B5E,4px -4px #fff
}
.open4 {
	text-shadow:5px -5px #5EA4A4,4px -4px #fff
}
.open5 {
	text-shadow:5px -5px #C3D377,4px -4px #fff
}
.open6 {
	text-shadow:5px -5px #8787c4,4px -4px #fff
}
.preloader {
	width:100%
}
.preloader .preloader-box {
	width:270px;
	height:30px;
	margin:1.5em auto;
	-webkit-perspective:200px;
	perspective:200px
}
.preloader .preloader-box div {
	position:relative;
	width:30px;
	height:30px;
	float:left;
	text-align:center;
	line-height:30px;
	font-family:Verdana;
	font-size:20px;
	color:#03A9F4;
	background:rgba(67,196,121,.5);
	margin-right:18px;
	box-shadow:0 25px 40px rgba(0,0,0,.4);
	transform:scale(1.5) translateY(-10px) translateZ(0) rotateX(25deg);
	-webkit-transform:scale(1.5) translateY(-10px) translateZ(0) rotateX(25deg)
}
.preloader .preloader-box>div:nth-child(1) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 0s infinite alternate;
	animation:movement .9s ease 0s infinite alternate
}
.preloader .preloader-box>div:nth-child(2) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 75ms infinite alternate;
	animation:movement .9s ease 75ms infinite alternate
}
.preloader .preloader-box>div:nth-child(3) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 150ms infinite alternate;
	animation:movement .9s ease 150ms infinite alternate
}
.preloader .preloader-box>div:nth-child(4) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 225ms infinite alternate;
	animation:movement .9s ease 225ms infinite alternate
}
.preloader .preloader-box>div:nth-child(5) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease .3s infinite alternate;
	animation:movement .9s ease .3s infinite alternate
}
.preloader .preloader-box>div:nth-child(6) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 375ms infinite alternate;
	animation:movement .9s ease 375ms infinite alternate
}
.preloader .preloader-box>div:nth-child(7) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 450ms infinite alternate;
	animation:movement .9s ease 450ms infinite alternate
}
.preloader .preloader-box>div:nth-child(8) {
	background:rgba(0,0,0,.1);
	margin-right:15px;
	-webkit-animation:movement .9s ease 525ms infinite alternate;
	animation:movement .9s ease 525ms infinite alternate
}
@keyframes movement {
	from {
	transform:scale(1) translateY(0) translateZ(0) rotateX(0);
	box-shadow:0 0 0 transparent
}
to {
	transform:scale(1.5) translateY(-10px) translateZ(0) rotateX(25deg);
	box-shadow:0 25px 40px rgba(0,0,0,.4);
	/*background:rgba(255,87,34,0.82)*/
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
}
}@-webkit-keyframes movement {
	from {
	-webkit-transform:scale(1) translateY(0) translateZ(0) rotateX(0);
	box-shadow:0 0 0 transparent
}
to {
	-webkit-transform:scale(1.5) translateY(-10px) translateZ(0) rotateX(25deg);
	box-shadow:0 25px 40px rgba(0,0,0,.4);
	background:rgba(255,87,34,0.82)
}
}.side {
	display:none;
	position:fixed;
	right:15px;
	bottom:15px;
	border-radius:10px
}
.side ul {
	padding:0;
	margin:0
}
.side ul li {
	list-style:none;
	background:rgba(0,0,0,.1);
	color:rgba(0,0,0,.5);
	border-radius:10px;
	margin-top:3px;
    width: 60px;
}
.side ul li i {
	font-size:px;
	margin:6px;
	color:#03A9F4
}
.runtop {
	width:50px;
	height:40px;
	border-radius:10px;
	background:#fff;
	color:#FF9800;
	box-shadow:0 1px 2px #ccc
}
.runtop i {
	font-size:2em;
	margin:.15em auto
}
.runtop:hover {
	background:#279de4;
	color:#fff;
	box-shadow:0 1px 2px #279de4
}
@media screen and (max-width:990px) {
	.container {
	padding-top:1em
}
.nav-list {
	display:none
}
.item {
	width:50%;
	padding:.2em
}
.nowtime,.oneword,.weather {
	width:100%;
	height:auto
}
.side {
	display:block
}
.bs-docs-nav .container .notice {
	width:100%
}
.notice {
	height:1.5em
}
.side p {
	float:right;
	margin:0 0 0 4px;
	font-size:.9em
}
.runtop {
	display:none
}
.open {
	font-size:2em
}
.i-head {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.bs-docs-nav .container p {
	color:##00BCD4;
	font-size:1em
}
.bs-docs-nav {
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
	/*background:linear-gradient(312deg,#f33a3a 0,#e0e23f 100%)*/
}
.nav-list {
	background:linear-gradient(312deg,#f33a3a 0,#e0e23f 100%)
}
footer {
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
	/*background:linear-gradient(312deg,#f33a3a 0,#e0e23f 100%)*/
}
}.searchbutton {
	margin-top:5px;
	margin-left:10px
}
.searchbutton:after {
	content:"";
	clear:both
}
.searchbutton input {
	width:6em;
	padding:.3em .5em;
	border-radius:42px;
	border:2px solid #fff;
	background:0 0;
	outline:0;
	transition:.3s linear;
	color:#fff
}
.searchbutton input:-ms-input-placeholder {
	color:rgba(255,255,255,.6)
}
.searchbutton input::-webkit-input-placeholder {
	color:rgba(255,255,255,.6)
}
.searchbutton input:focus {
	width:15em
}
.searchbutton button {
	width:42px;
	height:42px;
	background:0 0;
	border:none;
	position:relative;
	margin-left:-40px
}
.searchbutton button:before {
	content:"\f002";
	font-family:FontAwesome;
	color:#fff
}
.fa-heart {
	color:red
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(312deg,#F78FAD 0,#FDEB82 100%);
	/*background:linear-gradient(90deg,#F44336,#FF9800 20%,#FF9800 80%,#F44336);*/
	height:50px;
	outline-offset:-2px;
	outline:2px solid #fff;
	-webkit-border-radius:10px;
	border:2px solid #fff
}
::-webkit-scrollbar-thumb:hover {
	background-color:#FB4446;
	height:50px;
	-webkit-border-radius:10px
}
::-webkit-scrollbar {
	width:10px;
	height:18px
}
::-webkit-scrollbar-track-piece {
	background-color:#fff;
	-webkit-border-radius:0
}
@font-face {
	font-family:Raleway;
	src:url(../font/raleway_300.woff) format('woff');
	font-weight:300;
	font-style:normal
}
@font-face {
	font-family:Raleway;
	src:url(../font/raleway_500.woff) format('woff');
	font-weight:500;
	font-style:normal
}
@font-face {
	font-family:Raleway;
	src:url(../font/raleway_700.woff) format('woff');
	font-weight:700;
	font-style:normal
}