/* CSS Document */
html,body,div,ul,li,dl,dt,dd,img,span,em,p,h1,h2,h3{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style:none;}
img{border:0;}
em{font-style:normal;}
body{ font-family:"微软雅黑"; font-size: 0.14rem; line-height: 0.24rem; color:#6E6E6E; min-width: 13.5rem;}
html, body {height: 100%;}
a{text-decoration:none; color:#6E6E6E;}
/*a:hover{text-decoration: underline;}
.el-header-left a:hover {text-decoration: none;}*/
.clr{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.mart20{margin-top:0.2rem;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.f_l{float:left;}
.f_r{float: right;}
.ell{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
input, button {border: none;outline: none;}
#form-manager .has-error input {border:0.01rem solid #a94442;}
.fa13 {margin: 0.13rem 0.1rem 0 0;}
.help-block{color: #a94442;}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:0.12rem;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:0.1rem;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:0.1rem;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.bold {font-weight: bold;opacity: 1;background-color: #fff;border-right:0.01rem #d0cece solid;}
/*首页*/
.el-container {border: 1px #ccc solid;min-height: 100%;position: relative;background: #F0F0F2;}
.el-header {width: 100%;position: fixed;left: 0;top: 0;z-index: 99999;box-sizing: border-box;}
.el-header-box {width: 1440px;height: 60px;margin: 0 auto;}
.el-header-left {width: 400px;padding: 15px 0 0 26px;margin-right: 35px;}
.el-header-left a img {margin-right: 17px;height: 30px;}
.el-header-left a h1 {font-size: 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.el-header-center ul li {float: left;margin-right: 60px;line-height: 55px;height: 55px;}
.el-header-center ul li.is-Active {border-bottom: 5px solid #fff;}
.el-header-center ul li a {color: #fff;font-size: 16px;}
.el-header-right ul li {float: left;height: 60px;border-left: 2px #fff solid;color: #fff; padding: 0 20px 0 20px;}
.el-header-right ul li .el-search {width: 134px;height: 33px;border-radius: 20px;background: #fff;padding-left: 15px;margin-top: 13px;}
.el-header-right ul li .el-search input {width: 80px;color: #9B9DA2;padding: 9px;}
.el-header-right ul li .el-search button {width: 15px;height: 16px;cursor: pointer;background: none;margin: 8px 0 0 8px;}
.el-header-right ul li a {color: #fff;font-size: 16px;line-height: 60px;}
.el-header-right ul li a .el-header-img {width: 23px;height: 23px;vertical-align: middle;margin-right: 10px;}
.el-main {padding-bottom: 100px; width: 100%;}
.el-main-box {width: 1140px;margin: 0 auto;padding: 70px 0 10px 0;}
.el-main-topbox {height: 820px;}
.el-main-left{width: 276px;}
.el-main-right{width: 852px;}
.magazineTitle {line-height: 43px;height: 43px;background: #DEE3E8;border: 1px #d0cece solid;}
.magazineTitle h1 {font-size: 16px;padding-left: 10px;}
.magazineTitle a {font-size: 16px;padding: 0px 20px;display: inline-block;float: left;height: 45px;line-height: 45px;}
.magazineTable {margin-bottom: 27px;}
.magazinepic {height: 259px;}
.magazineTable  tbody tr {line-height: 37px;background: #F9FAFC;}
.magazineTable tbody tr td {width: 137px;float: left;}
.magazineTable tbody tr td a {padding-left: 10px;color: #383D46;}
.magazineTable > tbody > tr:nth-of-type(2n) {background: #DEE3E8;}
.weekRank tbody tr td {width: 276px;}
.weekRank tbody tr td a {display: block;}
.weekRank tbody tr td a img {width: 66px;height: 83px;display: none;padding: 10px 10px 0 0;}
.weekRank tbody tr td a em {padding-right: 10px;}
.weekRank tbody tr td a h1 {font-size: 14px;width: 75px;}
.weekRank tbody tr td a span {padding-right: 10px;color: #abadb1;}
/*图片轮播*/
.banner-box {width: 852px;height: 190px;position: relative;text-align: center;overflow: hidden;}
.banner-box .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%; display: block;}
.el-main-title {line-height: 40px;margin: 20px 0 10px 0;border-bottom: 2px solid #ddd;}
.el-main-titlePic {border: none;}
.el-main-title span {width: 3px;height: 20px;background: #20A0ff;margin:10px 10px 0 0;}
.el-main-titlePic span {width: 14px;height: 14px;background: url("../images/Shape.png") no-repeat;margin-top: 14px;}
.el-main-titlePic span.listPic {background: url("../images/list.png") no-repeat;}
.el-main-titlePic span.historyPic {background: url("../images/history.png") no-repeat;width: 16px;}
.el-main-titlePic span.likePic {background: url("../images/like.png") no-repeat;width: 15px;}
.el-main-titlePic a {color: #717F95;}
.el-main-title h1, .el-main-title a {font-size: 16px;}
.el-main-title a.f_r {font-size: 14px;}
.el-main-magazine {clear: both;overflow: hidden;}
.el-main-magazine ul {margin-left: -12px;}
.el-main-magazine ul li {height: 228px;float: left;margin: 5px 0 0 12px;padding: 0 0 3px 0;background: #F9FAFC;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.el-main-magazine ul li:hover {	z-index: 2;-webkit-transform: scale(1.0) translateY(-10px);-moz-transform: scale(1.0) translateY(-10px);-ms-transform: scale(1.0) translateY(-10px);transform: scale(1.0) translateY(-10px);-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);}
.el-main-magazine ul li a img {width: 132px;height: 167px;display: block;}
.el-main-magazine ul li a h1 {font-size: 14px;padding-left: 10px;color: #383d46;margin-top: 10px; width: 120px;}
.el-main-magazine ul li a span {padding-left: 10px;color: #abadb1;width: 120px;display: block;}
.el-footer {box-sizing: border-box; position: absolute; bottom: 0px; width: 100%; height: 88px;text-align: center;border-top: 1px #ccc solid;background: #fff;}
.el-footer p {padding-top: 20px;}
/*全部分类*/
.el-main-category{border: none;overflow: hidden;height: 100%;}
.categoryTitle {background: #F9FAFC;border-bottom: 1px #ddd solid;}
.categoryTable tbody tr {background: #F9FAFC;line-height: 37px;}
.categoryTable tbody tr.cate-Active{background: #dee3e8;}
.categoryTable tbody tr.cate-Active td a{color: #20A0FF;}
.categoryTable tbody tr td {border-bottom: 1px #ddd solid; width: 276px;cursor: pointer;}
.categoryTable tbody tr td a {padding-left: 30px;color: #383D46;display: block;}
.categoryTable tbody tr td a:hover{color: #20A0FF;}
ol.categoryTableol {background: #F9FAFC; margin-top: 0;}
.categoryTableol li {line-height: 37px;list-style: decimal;border-bottom: 1px #ddd solid;}
.categoryTableol li.cate-Active{background: #dee3e8;}
.categoryTableol li a {padding-left: 10px;color: #383D46;display: block;width: 220px;}
.categoryTableol li a:hover {color: #20A0FF;}
.el-main-catepag {height: 40px;margin-top: 5px;}
.el-main-catepag ul.paging li {float: left;margin-left: 10px;}
.el-main-catepag ul.paging li a {color: #1E8BFF;}
.el-main-catepag ul.paging li a b {color: #b8babd;font-weight: normal;}
.el-main-catemaga ul li {margin-bottom: 12px;}
.nice-select{float: right;width: 100px;padding: 0 10px;height: 30px;border: 1px solid #dcdfe6;position: relative;background: #fff; }
.nice-select button{display: block;width: 80%;height: 30px;line-height: 30px;background: none;color: #7a7c7f;}
.nice-select em {width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#909399 transparent transparent; position: absolute;right: 10px;top: 12px;}
.nice-select ul{width: 100%;display: none;position: absolute;left: -1px;top: 38px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 1px solid #999;border-top: 0;box-shadow: 0 3px 5px #999;z-index: 9999;}
.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer;}
.nice-select ul li a{display: block;font-size: 14px;}
.el-main-leader ul li {width: 420px; padding-bottom: 0px;height: auto;}
.el-main-leader ul li a img {float: left;}
.el-leader {width: 275px;float: right;}
.el-leader-left {float: left;}
.el-leader-right {float: right;margin-top: 20px;}
.el-leader-right b {color: #f4f4f4; font-size: 68px; font-weight: normal;}
.el-leader-p {clear: both;margin-top: 30px;color: #818792;font-weight: normal !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.el-main-boxDetail {height: 402px;}
.el-main-detail {height: 40px;line-height: 40px;border-bottom: 2px solid #e8e8e8; margin-bottom: 10px;}
.el-main-detail ul li {float: left; margin-right: 10px;color: #60656e;}
.el-main-detail ul li.detailColor {color: #9ea3ab;}
.el-main-detail ul li span {margin-left: 10px;}
.detailRight, .detailLeft {background: #fff;}
.detailRight img.detailImg {width: 276px;height: 350px;float: left;}
.el-detailBox {float: right; width: 550px; margin: 25px 15px 0 0;}
.el-detailBox h1 {font-size: 25px;color: #1f2d3d;}
/*.el-detailBox h1 .star {width: 0;height: 0; color: #f4f4f4;  position: relative;display: block;border-right: 100px solid transparent; border-bottom: 70px solid #f4f4f4; border-left: 100px solid transparent;  -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg);-o-transform: rotate(35deg);}
.el-detailBox h1 .star:before{width: 0;height: 0; position: absolute; display: block; top: -45px;left: -65px; border-bottom: 80px solid #f4f4f4; border-left: 30px solid transparent; border-right: 30px solid transparent;  content: '';-webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg);-ms-transform: rotate(-35deg); -o-transform: rotate(-35deg);}
.el-detailBox h1 .star:after{width: 0;height: 0;position: absolute; display: block;top: 3px;    left: -105px;color: #f4f4f4; border-right: 100px solid transparent; border-bottom: 70px solid #f4f4f4;border-left: 100px solid transparent;    content: ''; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg);}*/
.el-detailBox span {font-size: 18px;margin-top: 8px;display: block;color: #abadb1;}
.share {height: 42px;}
.el-detailBox div.el-detail-p {margin-top: 72px;height: 120px;clear: both;color: #8d939c;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.read {margin: 15px 0 0 -10px;height: 37px;}
.read a {width: 268px;height: 35px;display: block;line-height: 35px;text-align: center;border: 1px solid #20A0FF;float: left;margin-left: 10px;color: #20A0FF;}
.read a.falseRead {border: 1px #CDCDCD solid; color: #ABADB1;}
.detailLeft img.imgDetail {width: 236px;height: 236px;display: block;margin: 0 auto; margin-top: 35px;}
.detailLeft span {text-align: center;display: block;line-height: 79px;color: #8c929b;}
.el-main-titlePic a.el-main-a {color: #1E8BFF;font-weight: bold;}
.el-main-titlePic a.el-main-a div {width:0;height:0;border-width:6px 6px 0;border-style:solid;float: right;margin: 15px 0 0 10px;}
.el-main-titlePic a.el-main-a div.topem {border-top-width: 0px;}
ul.directory {margin-left: -10px;}
ul.directory li {float: left;margin: 10px 0 0 10px;background: #fff; width: 277px;height: 277px;overflow: hidden;}
ul.directory li a .firstImgDetail{width: 277px;height: 210px;overflow: hidden;}
ul.directory li a .firstImgDetail img {width: 100%; display: block;}
ul.directory li a h1, ul.directory li a p, ul.directory li a h2 {color: #646971;width: 90%; margin: 0 auto; font-size: 18px;margin-top: 10px;}
ul.directory li a p, ul.directory li a h2 {font-size: 15px;color: #4e535d;font-weight: normal !important;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;white-space: normal;}
ul.directory li a h2 {-webkit-line-clamp: 2;}
.detailPic {background: none;}
.detailLeftpic {height: 565px;overflow: hidden;position: relative;margin-top: 10px;background: none;}
.detailLeftpic table.categoryTable tbody tr a {padding: 0 0 0 10px;}
.detailLeftpic table.categoryTable tbody tr a em {padding-right: 10px;}
.el-main-textbox {margin-top: 60px;}
.el-main-textRead {width: 80%;margin: 0 auto; margin-top: 33px;margin-bottom: 66px;}
.el-main-textRead h1 {font-size: 36px;color: #1f2d3d;line-height: 50px;}
.el-main-textRead .readFunction {height: 60px;line-height: 60px;}
.el-main-textRead span {font-size: 16px;display: block;color: #b9bbbe;float: left;}
.el-main-textRead .dowput {float: right;}
.el-main-textRead .dowput a {font-size: 16px;margin-left: 20px;}
.el-main-textRead .article p {line-height: 210%;text-indent: 2em;font-size: 16px;color: #363636;}
.el-main-textRead .article img {margin: 0 auto;display: block;padding: 10px 0 10px 0; width: 100%;}
.readBottom {margin: 0 0 120px 0;}
.readBottom tbody tr {background: #f9fafc;}
.readRight img {width: 100%;height: 350px;}
.readRight h1, .readRight h2 {font-size: 25px; padding-left: 20px; margin-top: 10px; color: #1f2d3d;}
.readRight h2 {font-size: 18px;color: #abadb1;}
.readRight img.readimgPic{width: 130px;height: 130px;padding: 10px 0 20px 20px;}
#nav-right {float: right;}
.magaText-read {width: 276px;margin-top: 10px;}
table.historyTable tbody tr td a span {float: right;padding-right: 20px;color: #abadb1;}
.searchPic {border-bottom: 2px #20A0FF solid; height: 52px;}
.searchPic h1 {font-size: 26px;color: #18212E;font-weight: normal;}
.article {clear: both;}
.el-main-search {height: 76px;background: #fff;}
.el-main-search input {width: 92%;line-height: 74px; float: right; font-size: 34px; color: #CFCFCF;}
.el-main-search input::-webkit-input-placeholder { /* WebKit browsers */color:#CFCFCF;}
.el-main-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#CFCFCF;}
.el-main-search input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#CFCFCF;}
.el-main-search input:-ms-input-placeholder {color:#CFCFCF;}
.el-main-search button {width: 35px;height: 34px;line-height: 34px;background: url(../images/sousuo.png) no-repeat; background-size: 100% 100%;cursor: pointer;margin: 20px 0 0px 20px;}
.el-searchNone button i {display: none;}
#category {margin-top: 0;}
#category a, #category em {font-size: 16px;margin-right: 10px;}
.setupBack {background: #fff;}
#content form {width: 90%;margin: 0 auto; padding: 20px 0 20px 0;}
#content form .form {clear: both;height: 40px;line-height: 40px;margin-top: 25px;}
#content form .form label {float: left;color: #383d46; width: 10%;}
#content form .form .uploaded {float: left; }
#content form .form .uploaded img {width: 40px;height: 40px;border-radius: 50%; float: left; margin-right: 20px;background-color: rgba(120, 120, 120, 0.2);background-size: cover;}
#content form .form .uploaded button {width: 77px;height: 26px;background: #20A0ff;position: relative; color: #fff;font-size: 10px;}
#content form .form .uploaded p {color: #383D46;}
.upload_pic {display: block;width: 100%;height: 26px;position: absolute;left: 0;top: 0;opacity: 0;}
.form-input {width: 360px;height: 36px; border: 1px solid #C0CCDA; border-radius: 4px;outline: none; padding-left: 10px}
.form-a {margin-left: 20px;color: #1E8BFF;}
.theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60); display: none;}
.theme-popover {z-index:9999;position:fixed;top:7%;left:50%;width:620px;margin:0 0 0 -310px;background-color:#fff;display: none;}
.login-con {padding-bottom: 20px;}
.login-top {padding: 30px 0 30px 0; text-align: center;}
.login-top a.close {width: 25.96px;height: 25.96px;background: url(../images/guanbi.png) no-repeat;float: right;margin-right: 20px;}
.login-top h1 {color: #18212E; font-size: 28px;}
.form-group {margin: 0 auto;width: 460px;margin-bottom: 34px;}
.form-group input {width: 94%; height: 56px;border: 1px solid #ddd;font-size: 18px;color: #ababab;padding-left: 25px;}
.form-group input:focus{outline:none;border:#20A0FF 1px solid;box-shadow: 0 0 8px rgba(103, 166, 217, 1);}
.form-group button {width: 100%;height: 56px;background: #20A0FF;color: #fff;font-size: 20px;cursor: pointer;}
.form-group button.button-cancel {background: none; border: 1px #ddd solid;color: #4b4c4c;}
.form-group a {font-size: 18px;color: #4c4c4c;}
.newUser {float: right;}
.signup {padding-bottom: 50px;}
.form-group-success {width: 115px; padding: 250px 0 300px 0;}
.form-group-success img {display: block;margin: 0 auto; margin-bottom: 21px;}
.forget-pass {padding-bottom: 100px;}
.forget-pass .login-top h1, .pass-success .login-top h1 {margin-top: 80px;}
.pass-success {padding-bottom: 60px;}
.form-group-pass {width: 175px; padding: 130px 0 130px 0;}
.form-group-pass img {display: block;margin: 0 auto; margin-bottom: 21px;}
.form-group a.passUser {color: #1E8BFF;}
.afterLogin {line-height: 60px;height: 60px;cursor: pointer;}
.afterLogin img {width: 24px;height: 24px;border-radius: 50%;margin:20px 10px 0 0;background-color: rgba(120, 120, 120, 0.2);}
.afterLogin span {font-size: 16px;color: #fff; margin-right: 8px;display: block;width: 91px;}
.afterLogin em {display: block;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent;margin-top: 28px;}
.loginStart {background: #fff;box-shadow: 2px 2px 3px #D3DCE6;margin-top: 10px;display: none;}
.el-header-right ul li .loginStart a {color: #475669; display: block;line-height: 40px;padding-left: 10px;}
/*.el-header-right ul li .loginStart a:hover {background: #20A0FF;color: #fff;}*/
.el-original {background: #ececeb; width: 16rem; height: 10.8rem;margin: 0 auto;overflow: hidden;}
.el-original-img {padding: 0.25rem 0.5rem 0 0.5rem;position: relative;}
.el-back {width: 0.38rem;height: 0.38rem;line-height: 0.38rem;text-align: center;border: 0.01rem #aaa solid;position: absolute;top: 0.5rem;left: 5%;z-index: 999;}
.el-function-right{position: absolute;top: 0.5rem;right: 5%;}
.el-function-right ul li {width: 0.38rem;height: 0.38rem;line-height: 0.38rem;text-align: center;border: 0.01rem #aaa solid;}
.el-control {position: absolute;top: 41%; right: 5%;z-index: 999;}
.el-control ul li {width: 0.38rem;height: 1rem;line-height: 1rem;text-align: center;border: 0.01rem #aaa solid;}
.overlay {position: absolute;right: 0.5rem;z-index: 999;width: 2.25rem;height: 9.5rem; background: #fff;}
#menu-holder {height: 9.5rem;overflow: auto;position: relative;}
.overlay ul li {margin-bottom: 0.2rem;cursor: pointer;}
.overlay ul li img {width: 100%;}
.btn-favorite i {width: 0.3rem;height: 0.3rem;vertical-align: middle;background: url(../images/favor.png) no-repeat;background-size: cover;display: inline-block;}
.btn-favorite i.favorited{background: url(../images/favored.png) no-repeat; background-size: cover;}
.cateoverflow {height: 6.66rem;overflow:hidden;position:relative;}
.spinner-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #fff;
}
.spinner {
  width: 0.4rem;
  height: 0.4rem;
  margin: 25% auto;
  background-color: #333;

  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}