.main-l {padding-left: 20px;width: 830px;position: relative;}
.main-r {margin-left: 40px;width: 290px;padding-right: 20px;position: relative;}
/* softhead */
.main {position: relative;border-top: 1px solid transparent;overflow: hidden;background: #fff;}
.main-bg {position: absolute;top: 0;left: -5%;width: 110%;height: 300px;background-size: 150% auto;background-position: -10% center;z-index: 0;filter: blur(3px);opacity: .5;}
.main-bg:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(transparent), to(#fffffff0));}
.softhead {margin: 10px 10px 0;background: rgba(255,255,255,.8);overflow: hidden;padding: 25px;position: relative;}
.soft-ico {float: left;display: block;width: 140px;height: 140px;background-color: #fbfbfb;border-radius: 20px;border: solid 1px #f0f0f0;}
.softhead-c {float: left;margin-left: 26px;width: 640px;border-right: 1px dashed #dcdcdc;height: 130px;padding-right: 10px;}
.softhead-r {float: left;}
.softhead-c h1 {font-size: 22px;font-weight: bold;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 22px;line-height: 22px;margin-top: 5px;}
.softhead-label {overflow: hidden;height: 22px;margin-top: 35px;margin-left: 30px;width: 280px;}
.softhead-label em {float: left;position: relative;background: #d0a066;color: #fff;font-size: 12px;padding: 0 7px 0 10px;height: 20px;line-height: 20px;border: 1px solid #d0a066;margin-right: 16px;}
.softhead-label em:after {content: "";position: absolute;top: -1px;right: -7px;border: 5px solid #fff;border-width: 11px 5px;border-color: #d0a066 transparent #d0a066 #d0a066;}
.softhead-label a,.softhead-label i {float: left;font-size: 12px;color: #d0a066;border: 1px solid #d0a066;padding: 0 8px;height: 20px;line-height: 20px;margin-left: 5px;transition: all .3s ease;}
.softhead-label a:hover {color: #fff;background: #d0a066;}
.softhead-label i {color: #999;border-color: #999;font-style: initial;}
.softhead-btn {margin-top: 20px;display:block;cursor: pointer;color: #fff;font-weight: bold;width: 175px;height: 47px;background: #0e9de7;border-radius: 24px;font-size: 18px;text-align: center;line-height: 47px;transition: background .3s ease;}
.softhead-btn:hover {background: #0985c5;}
.soul_detection{overflow: hidden;margin: 35px auto 0;display: table;width: 210px;padding-left: 20px;}
.soul_detection span{text-align: center;font-size: 12px;color: #329af3;position: relative;display: table-cell;text-indent: 6px;}
.soul_detection span i{display: inline-block;width: 12px;height: 12px;border: 1px solid #329af3;margin-right: 5px;vertical-align: text-bottom;position: relative;border-radius: 50%;}
.soul_detection span:before{content:'';width: 5px;height: 3px;border: 1px solid #329af3;border-top: none;border-right: none;position: absolute;top: 50%;left: 6px;transform: rotate(-45deg) translateY(-50%);}
.soul_detection span:after {content: '';width: 12px;height: 12px;border: 1px solid #329af3;border-radius: 50%;position: absolute;top: 53%;left: 0;transform: translateY(-50%);}
.softhead-info {display: block;overflow: hidden;margin-top: 22px;}
.softhead-info li {float: left;font-size: 12px;color: #999;height: 12px;line-height: 12px;margin-right: 20px;}
.softhead-info li em {color: #333;margin-left: 5px;}
.softhead-info li a {color: #d0a066;margin-left: 5px;}
/* tab-nav */
.fix-tab-nav {display: block;height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;font-style: italic;color: #aaa;width: 100%;text-align: center;}
.tab-nav {width: 830px;border-bottom: 1px solid #e9e9e9;margin-top: 15px;}
.fix-tab-nav span {float: left;position: relative;padding: 0 20px;margin-right: 45px;cursor: pointer;}
.fix-tab-nav span.active {color: #d0a066;}
.fix-tab-nav span:after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background: #d0a066;transition: all .2s ease;}
.fix-tab-nav span.active:after,.fix-tab-nav span:hover:after {width: 100%;}

.tab-nav.fix-nav .fix-tab-nav {position: fixed;top: 10px;background: #fff;z-index: 3;width: 760px;box-shadow: 0 0 20px 1px rgba(0,0,0,.3);padding: 0 20px;border: 2px solid #d0a066;overflow: inherit;}
.tab-nav.fix-nav .fix-tab-nav:before {content: "";position: absolute;top: -12px;width: 3px;height: 10px;background: #d0a066;z-index: 3;left: 20px;}
.tab-nav.fix-nav .fix-tab-nav:after {content: "";position: absolute;top: -12px;width: 3px;height: 10px;background: #d0a066;z-index: 3;right: 20px;}
.tab-nav.fix-nav span {border: none;color: #d0a066;font-style: initial;font-weight: normal;}
.tab-nav.fix-nav span:after {display: none;}
.tab-nav.fix-nav span.active,.tab-nav.fix-nav span:hover {color: #fff;font-weight: bold;background: #d0a066;}
/* soft-lb */
.soft-lb .swiper-slide img{display:block;width:80px;height:80px;margin: 0 auto;}
.soft-lb {margin: 20px 0 0 -10px;position: relative;}
.soft-lb .swiper-container {width: 760px;}
.soft-lb .swiper-slide h5 {display: block;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;font-size: 14px;height: 14px;line-height: 14px;color: #333;margin-top: 10px;}
.soft-lb .swiper-slide:hover h5 {color: #d0a066;}
.soft-prev,.soft-next {cursor:pointer;outline:none;width: 28px;height: 102px;position:  absolute;top: 50%;transform:  translateY(-50%);z-index: 2;background: #ccc;margin: 0;}
.soft-prev.swiper-button-disabled, .soft-next.swiper-button-disabled { opacity: .1; }
.soft-prev:before { content: ""; position: absolute; border: 1px solid #fff; width: 10px; height: 10px; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 60%; border-color: transparent transparent #fff #fff; }
.soft-next:before { content: ""; position: absolute; border: 1px solid #fff; width: 10px; height: 10px; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 40%; border-color: #fff #fff transparent transparent; }
.soft-prev {left: 0;}
.soft-next {right: 0;}
/* img-lb */
.img-lb .swiper-container {width: 100%;height: 290px;}
.img-lb .swiper-slide{ width:auto; height:100%; }
.img-lb .swiper-slide img{ display:block; width:auto; height:100%; }
.img-lb {position:relative;margin-top: 30px;}
.lb-prev,.lb-next {cursor:pointer;outline:none;width: 50px;height: 50px;position:  absolute;top: 50%;transform:  translateY(-50%);z-index: 2;background: #d0a066;border-radius: 50%;margin: 0;}
.lb-next {right: 25px;}
.lb-prev.swiper-button-disabled, .lb-next.swiper-button-disabled { opacity: .1; }
.lb-prev:before {content: "";position: absolute;border: 1px solid #fff;width: 10px;height: 10px;transform: translate(-50%,-50%) rotate(45deg);top: 50%;left: 55%;border-color: transparent transparent #fff #fff;}
.lb-next:before {content: "";position: absolute;border: 1px solid #fff;width: 10px;height: 10px;transform: translate(-50%,-50%) rotate(45deg);top: 50%;left: 45%;border-color: #fff #fff transparent transparent;}
.lb-prev {left: 25px;}
/* text-count */
.content p {display: block;font-size: 14px;color: #000;line-height: 38px;text-align: justify;word-break: break-all;}
.content img {display: block;width: auto!important;height: auto!important;max-width: 100%;margin: 20px auto;}
.container {margin-top: 50px;}
.content strong,.content h3 {display: block;color: #000;font-size: 16px;padding: 5px 0;margin: 20px 0 10px;}
.content {/*max-height: 250px;*/overflow: hidden;}
.container.active .content{max-height:none;}
.content.active .content {max-height: none;}
.on-all {display: block;text-align: right;color: #999;font-size: 14px;position: relative;padding-right: 20px;cursor: pointer;display:none;}
.on-all:before {content: "";display: block;width: 100%;height: 180px;position: absolute;bottom: 100%;left: 0;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(#ffffff));}
.on-all:after {content: "";position: absolute;bottom: 45%;right: 0;border: 1px solid #ccc;width: 6px;height: 6px;transform: rotate(45deg);border-color: transparent #ccc #ccc transparent;}
/* down-box */
.down-container {margin-top: 50px;}
.down-box {border: 1px solid #e9e9e9;position: relative;padding-bottom: 25px;margin-top: 20px;}
.down-bg {position: absolute;top: 0;right: 0;height: 100%;width: 40%;background-repeat: no-repeat;background-position: center center;background-size: auto 200%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .1;z-index: 0;}
.down-bg:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: linear-gradient(to left, #ffffff00 , #ffffff);filter: none;}
.down-title {display: block;height: 60px;line-height: 60px;border-bottom: 1px solid #e9e9e9;overflow: hidden;}
.down-title em {float: left;color: #000;font-size: 18px;font-weight: bold;padding: 0 14px;border-bottom: 2px solid #0e9de7;text-align: left;height: 58px;}
.down-top {overflow: hidden;position: relative;width: 360px;margin: 5px 0 0 5px;}
.down-top li {float: left;width: 117px;height: 33px;background-color: #0e9de7;border-radius: 4px;color: #fff;line-height: 33px;margin: 10px 0 0 10px;}
.down-top li a {color: #fff;display: block;text-indent: 40px;position: relative;}
.down-top li a:before {content: "";position: absolute;top: 50%;left: 20px;transform: translateY(-50%);width: 12px;height: 12px;background: url(../images/jlt.png) -113px -76px no-repeat;}
.down-bottom-title {display: block;background: #f4f4f4;width: 360px;height: 20px;line-height: 20px;font-size: 12px;color: #999;padding-left: 10px;margin: 25px 0 0 15px;}
.down-bottom {overflow: hidden;width: 360px;margin: 2px 0 0 10px;}
.down-bottom li {float: left;color: #444;font-size: 12px;height: 12px;line-height: 12px;margin: 15px 0 0 15px;width: 110px;}
.down-bottom li a {color: #444;}
/* relative-version */
.relative-version {margin-top: 40px;}
.rv-list {overflow: hidden;margin: 16px 0 0 -30px;}
.rv-list li {float: left;margin: 10px 0 0 30px;overflow: hidden;transition: background .2s ease;}
.rv-list li:hover {background: #f4f4f4;}
.rv-l {float: left;width: 270px;margin: 25px 0 0 20px;}
.rv-l h5 {display: block;font-size: 16px;color: #000;height: 16px;line-height: 16px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rv-score {display: block;position: relative;width: 80px;height: 12px;margin-top: 16px;background: url(../images/jlt.png) -17px -175px no-repeat;}
.rv-score i {position: absolute;top: 0;left: 0;height: 100%;background: url(../images/jlt.png) -17px -163px no-repeat;}
.rv-btn {float: right;margin: 33px 40px 0 0;color: #fff;text-align: center;width: 56px;height: 24px;line-height: 24px;background: #dcdcdc;border-radius: 200px;transition: background .2s ease;}
.rv-list li a {width: 400px;height: 90px;display: block;}
.rv-list li:hover .rv-btn {background: #d0a066;}
/* guess-like */
.guess-like {margin-top: 40px;}
.gl-tab a {float: left;padding: 0 10px;font-size: 14px;color: #999;border: 1px solid #dcdcdc;border-radius: 200px;height: 28px;line-height: 28px;margin-left: 15px;transition: all .2s ease;}
.gl-tab {float: left;overflow: hidden;margin-left: 20px;height: 30px;}
.gl-tab a.active,.gl-tab a:hover {background: #0e9de7;color: #fff;border-color: #0e9de7;}
.guess-like .glo-title h5 {margin-top: 7px;}
.gl-top {position: relative;overflow: hidden;padding: 10px;}
.gltop-bg {position: absolute;top: 50%;left: 50%;width: 200%;height: 200%;background-size: 100% auto;background-position: center center;filter: blur(10px);transform: translate(-50%,-50%);}
/*  */
.gl-box {margin-top: 27px;}
.gl-box .gl-item.active {height: auto;width: auto;}
.gl-box .gl-item {height: 0;width: 0;overflow: hidden;}
.gltop-img {float: left;position: relative;width: 265px;height: 130px;overflow: hidden;}
.gltop-r {float: left;position: relative;width: 510px;margin-left: 22px;}
.gltop-img img {position: absolute;width: 100%;height: auto;min-height: 100%;top: 50%;transform: translateY(-50%);}
.gltop-tit {float: left;font-weight: bold;color: #fff;font-size: 18px;height: 18px;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 460px;}
.gltop-more {float: right;height: 18px;line-height: 18px;color: #0e9de7;font-size: 12px;position: relative;padding-right: 17px;}
.gltop-more:before {content: "";width: 11px;height: 11px;background-color: #0e9de7;position: absolute;top: 4px;right: 0;border-radius: 50%;}
.gltop-more:after {content: "";position: absolute;top: 7px;right: 4px;border: 1px solid #fff;width: 3px;height: 3px;transform: rotate(45deg);border-color: #fff #fff transparent transparent;}
.gltop-r p {display: block;overflow: hidden;width: 510px;color: #fff;font-size: 12px;line-height: 25px;height: 70px;margin-top: 20px;}
.gltop-info {overflow: hidden;margin-top: 17px;}
.gl-list {overflow: hidden;margin: 17px 0 0 -25px;}
.gl-list li {float: left;margin: 10px 0 0 25px;width: 260px;height: 90px;overflow: hidden;transition: background .2s ease;}
.gl-list li:hover {background: #f4f4f4;}
.gllist-img {float: left;width: 70px;height: 70px;background-color: #f58021;border-radius: 10px;margin: 10px 0 0 10px;overflow: hidden;}
.gllist-img img {display: block;width: 100%;height: 100%;}
.gllist-r {float: left;margin-left: 10px;width: 160px;}
.gllist-tit {display: block;font-size: 14px;height: 14px;line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;margin-top: 25px;}
.gllist-info {overflow: hidden;font-size: 12px;color: #666;height: 12px;line-height: 12px;margin-top: 17px;}
.gllist-info a {float: left;color: #666;padding-right: 5px;border-right: 1px solid #666;margin-right: 5px;}
/* topic-recommend */
.topic-recommend {margin-top: 40px;}
.tr-title {color: #333;font-size: 24px;height: 24px;line-height: 24px;width: 170px;position: relative;margin: 0 auto;font-weight: normal;text-align: center;}
.tr-title:after,.tr-title:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 18px;height: 16px;background: url(../images/jlt.png) -127px -75px no-repeat;}
.tr-title:after {left: auto;right: 0;transform: translateY(-50%) rotateY(180deg);transform-origin: center;}
.tr-list {overflow: hidden;margin: 36px 0 0 -40px;}
.tr-list li {float: left;width: 250px;margin-left: 38px;border: 1px solid #e6e6e6;}
.tr-list li img {display: block;width: 100%;height: 160px;}
.tr-list li h5 {display: block;font-weight: normal;margin: 14px 20px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;height: 16px;line-height: 16px;}
.tr-list li p {display: block;font-size: 12px;line-height: 20px;color: #999;text-align: justify;margin: 10px 20px 0;overflow: hidden;height: 40px;}
.trlist-foot {font-size: 12px;color: #999;margin: 15px 20px 0;overflow: hidden;height: 12px;line-height: 12px;}
.trlist-foot span {float: right;position: relative;padding-left: 22px;}
.trlist-foot span:before {content: "";position: absolute;top: 1px;left: 0;width: 13px;height: 10px;background: url(../images/jlt.png) -109px -93px no-repeat;}
.tr-list li a {padding-bottom: 20px;display: block;}
/* main-r */
/* relevant-tags */
.relevant-tags {margin-top: 20px;}
.rt-list {overflow: hidden;margin: 8px 0 0 -12px;}
.rt-list a {float: left;padding: 0 15px;color: #333;font-size: 14px;background: #f4f4f4;height: 35px;line-height: 35px;margin: 12px 0 0 12px;}
/* recommend-down */
.recommend-down {margin-top: 50px;}
.rd-list li {overflow: hidden;display: block;margin-top: 22px;}
.rd-img {float: left;width: 70px;height: 70px;overflow: hidden;border-radius: 10px;}
.rd-img img {display: block;width: 100%;}
.rd-c {float: left;margin-left: 12px;width: 150px;}
.rd-tit {display: block;margin-top: 10px;font-size: 16px;color: #444;height: 16px;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rd-info {overflow: hidden;font-size: 12px;color: #999;height: 12px;line-height: 12px;margin-top: 20px;}
.rd-info a {color: #999;margin-right: 5px;padding-right: 5px;border-right: 1px solid #999;}
.rd-btn {float: right;color: #fff;width: 56px;height: 24px;background-color: #d0a066;border-radius: 12px;margin-top: 24px;text-align: center;line-height: 24px;font-size: 12px;}
/* strategy-rank */
.strategy-rank {border-radius: 5px;border: solid 1px #e6e6e6;margin-top: 50px;}
.sr-title {display: block;font-size: 18px;height: 18px;line-height: 18px;color: #4b4d5d;font-weight: bold;padding-left: 24px;margin-top: 20px;}
.sr-list li {overflow: hidden;}
.sr-list li:nth-of-type(odd) {background: #faf9f8;}
.sr-num {float: left;font-size: 14px;color: #9f99a5;line-height: 60px;height: 60px;width: 50px;text-align: center;font-weight: bold;}
.sr-info {float: left;width: 220px;}
.sr-list li:nth-of-type(-n+3) .sr-num {color: #df4a00;}
.sr-info h5 {font-size: 15px;height: 15px;line-height: 15px;color: #333;margin-top: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;}
.sr-info span {display: block;color: #ccc;font-size: 12px;height: 12px;line-height: 12px;margin-top: 11px;}
.sr-list {margin-top: 20px;}