* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
overflow-x: hidden;
}
li {
cursor: pointer;
}
ul {
margin: 0;
padding: 0;
}
.dropDownList-box ul {
list-style: none;
}
.side-menu ul {
list-style: none;
}
a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a:hover,
a:focus,
a:active,
a:visited {
text-decoration: none;
}
.header {
width: 100%;
border-radius: 0;
background: #FFFFFF;
border: none;
position: fixed;
z-index: 999;
}
.navbar {
margin-bottom: 0;
}
.nav-font {
font-size: 18px;
font-family: OpenSans;
font-weight: 400;
color: #333333;
line-height: 24px;
text-transform: uppercase;
}
.nav-font>li {
font-size: 16px;
font-family: OpenSans;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
margin-right: 20px;
}
.header .navbar-nav>li>a {
color: #333333;
}
.header .navbar-nav>li>a:focus,
.header .navbar-nav>li>a:hover {
color: #0082DD;
outline: none;
}
.header .navbar-nav>.open>a,
.header .navbar-nav>.open>a:focus,
.header .navbar-nav>.open>a:hover {
color: #0082DD;
background-color: transparent;
}
.navbar-brand {
height: auto;
padding: 15px 15px 21px 15px;
}
footer {
background: #232323;
padding: 28px 0 5px;
}
footer span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgb(255, 255, 255);
line-height: 52px;
}
footer p {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgb(123, 123, 123);
line-height: 24px;
}
.footer-item {
margin-top: 20px;
}
.about {
cursor: pointer;
display: inline-block;
}
.footer-item a {
color: white;
}
footer a:focus,
footer a:hover {
color: #0082DD !important;
outline: none;
}
.about:hover {
color: #0082dd;
cursor: pointer;
}
@media (min-width: 768px) {
.navbar-nav>li>a {
padding-top: 26px;
padding-bottom: 26px;
}
}
#dropDownList {
width: 100%;
position: absolute;
left: 0%;
top: 71px;
display: none;
background: #ffffff;
z-index: 2000;
}
.dropDownList-box {
border-top: 1px solid #dfdfdf;
box-shadow: 1px 1px 2px 0px #dfdfdf;
}
.dropDownList-box ul {
margin-bottom: 60px;
}
#dropDownList .item {
margin-top: 25px;
margin-bottom: 10px;
}
#dropDownList .item img {
width: 20px;
height: 24px;
vertical-align: text-bottom;
margin-right: 5px;
}
#dropDownList .item span {
font-size: 24px;
font-family: Arial;
color: rgb(51, 51, 51);
line-height: 36px;
}
#dropDownList li {
font-size: 16px;
font-family: Arial;
font-weight: 400;
color: rgb(99, 99, 99);
line-height: 28px;
}
#dropDownList a {
color: rgb(99, 99, 99);
height: 100%;
display: block;
}
.Copyright a {
color: rgb(166, 166, 166);
}
.footer-row a {
color: rgb(255, 255, 255);
}
#dropDownList a:hover,
.footer a:hover {
color: #0082DD;
}
body {
background: #F4F4F4;
}
.content {
padding-top: 103px;
}
.tutorialsNav {
background: #FFFFFF;
padding-bottom: 30px;
}
.tutorialsNav li {
height: 67px;
}
.tutorialsNav a {
font-size: 16px;
font-family: Arial;
font-weight: 400;
color: rgb(51, 51, 51);
display: block;
height: 100%;
line-height: 67px;
text-indent: 29px;
}
.tutorials {
font-size: 28px;
font-family: Arial;
font-weight: 400;
color: rgb(0, 130, 221);
line-height: 72px;
text-align: center;
border-bottom: 1px solid #F1F2F6;
}
.check {
color: #058DE8 !important;
background: #E8F6FF;
border-left: 1px solid #0082DD;
}
.tutorialsList {
padding: 0 12px;
background: #FFFFFF;
padding-bottom: 20px;
}
.product .item {
font-size: 24px;
font-family: Arial;
font-weight: 400;
color: rgb(5, 141, 232);
position: absolute;
left: 44.5%;
top: 26%;
}
.product .item a {
display: block;
font-size: 18px;
font-family: Myriad Pro;
font-weight: 400;
color: rgb(255, 255, 255);
line-height: 40px;
background: #058DE8;
width: 146px;
height: 40px;
border-radius: 50px;
text-align: center;
margin-top: 24px;
}
.product {
height: 200px;
border-bottom: 1px solid #F1F2F6;
position: relative;
margin-bottom: 5px;
}
.product img {
position: absolute;
left: 25%;
top: 21%;
}
.list img {
width: 215px;
height: 130px;
margin-top: 16.5px;
}
.lianjie {
font-size: 16px;
font-family: Arial;
font-weight: 400;
color: rgb(51, 51, 51);
margin: 50px 0;
}
.lianjie a {
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
display: block;
}
.lianjie a:hover {
color: #0082DD;
outline: none;
}
.lianjie p {
font-size: 12px;
font-family: Arial;
font-weight: 400;
color: rgb(102, 102, 102);
line-height: 24px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.list>ul>li {
border-bottom: 1px solid #F1F2F6;
display: inline-block;
width: 100%;
}
.pagination>li>a,
.pagination>li>span {
font-size: 16px;
margin-right: 12px;
width: 36px;
height: 36px;
padding: 8px 8px;
color: #666666;
behavior: url(js/PIE.htc);
border-radius: 4px;
border: none;
}
.pagination>.active>a {
background-color: #0082DD;
border-color: #0082DD;
}
.pagination>li>a:hover {
color: black;
background-color: #ECECEC;
}
@media (max-width: 1200px) {
.list img {
width: 180px;
}
.product img {
left: 20%;
}
}
.pagination {
margin-top: 35px;
margin-bottom: 0;
}
.header {
box-shadow: rgba(0, 0, 0, 0.16) 1px 2px 4px;
}
.wp-pagenavi {
display: inline-block;
*display: inline;
*zoom: 1;
}
.wp-pagenavi a,
.wp-pagenavi span {
float: left;
font-size: 12px;
}
.wp-pagenavi span {
width: inherit;
}
.wp-pagenavi {
margin: 40px 0;
margin-left: 40%;
}