/*ÄÚÈÝÒ³*/
.show-box {padding:10px;background:#FFF;}
.show-pic {float:left;width:520px;height:300px; overflow:hidden}
.show-nav {float:right;width:645px;height:auto}
.show-nav h1 {font-size:20px;}
.show-nav ul {display:block;padding:15px;margin:15px 0;line-height:26px;font-size:13px;background:#c5baba17;}
.show-nav ul li i {font-style:normal;color:#666}
.show-nav ul li b {display:inline-block;height:20px;line-height:20px;padding:0px 5px;cursor:pointer;margin-right:3px;font-weight:normal;font-size:13px;}
.show-nav ul li b.no-auth {background:#CCC;color:#999;text-decoration:line-through;}
.fr {
    float: right;
}
.show-nav ul li b.go-price span{font-size: 25px;color: #E00003 !important;font-family: Georgia,Arial;font-weight: 700;}
.show-nav ul li b.down-tips{border:1px solid #4285F4;background:#4285F4;border-radius:3px;padding:0PX 10PX;color:#FFF;transition:all .4s ease-out}
.show-nav ul li b.up-vip a {display:block;border:1px solid #4285F4;background:#FFF;border-radius:3px;padding:0PX 10PX;color:#4285F4;transition:all .4s ease-out}

.show-nav ul li b.up-vip {background:none; font-size:12px}
.show-nav ul li b.up-vip a:hover {background-color:#4285F4;color:#fff}
.show-down {margin-top:20px;}
.show-down a.down { padding: 0px 20px; height:36px;text-align:center;line-height:36px;font-size:16px;float:left;border-radius:3px;margin-right:20PX;background:#ff0000;color:#FFF;transition:all .4s ease-out}
.show-down a.down:hover {background-color:#171cca;box-shadow:0 0 15px #FD7189;}

.show-down a.up { padding: 0px 15px; height:30px;text-align:center;line-height:30px;font-size:13px; margin-top: 8px; float:left; border: 1px solid #FC5574; border-radius:3px;margin-right:20PX;background:#FFF;color:#FC5574;transition:all .4s ease-out}
.show-down a.up:hover {background-color:#FC3A5C;color:#FFF;box-shadow:0 0 15px #FD7189;}

.show-down a.sc {float:right;padding:0px 6px;height:25px;text-align:center;line-height:25px;background:#FFF;color:#4285F4;border:1px solid #4285F4;margin-top:10px;border-radius:3px;margin-left:5px;}
.show-down a.sc:hover {background:#4285F4;color:#FFF;}
.show-down a.no-demo {float:right;padding:0px 6px;height:25px;text-align:center;line-height:25px;background:#171313;color:#fffbfb;border:1px solid #bbb;margin-top:10px;border-radius:3px;margin-left:5px;font-size: 14px;}
.get-password {float:left;font-size:12px;color:#666;line-height:20px;}
.hide-box {float:left;padding:0 20px;height:38px;line-height:38px;text-align:center;border:1px dashed #FF6666;background:#FFC;}
.hide-box a {color:#F06;}
.show-tag {width:100%;margin-top:19px;}
.show-tag .tag a {display:inline-block;margin-right:5px;padding:5px 15px;font-size:14px;font-size:.14rem;line-height:1.2;color:#666;background:#efefef;border-radius:3px}
.show-tag .tag a:focus,.show-tag .tag a:hover {color:#fff;background:#4285f4;border-color:#4285f4;text-decoration:none}
.show-tag .share {float:right;text-align:right}
.show-tag .share a {display:inline-block;margin-left:10px;width:30px;height:30px;border-radius:50%;background:#ccc;color:#fff;text-align:center;font-size:16px;line-height:30px;transition:all .4s ease-out}
.show-tag .share .active a,.show-tag .share a:hover {border-color:#151515;background:#151515;color:#fff}
article.show-cont {float:right;width:895px;margin-top:5px;padding-top:10px;}
.article-nav {height:40px;line-height:40px;font-size:14px;border:1px solid #efefef;border-top:3px solid #efefef;}
.article-nav a {display:inline-block;padding:0px 30px;height:40px;line-height:40px;}
.article-nav a.hover {font-weight:bolder;color:#C00;border-top:3px solid #C00;border-right:1px solid #efefef;margin-top:-3px;}
article.show-cont p,.page-cont p {font-size:15px;line-height:1.8;margin:1em 0;text-align:left;letter-spacing:.01rem;word-wrap:break-word;word-break:break-word;color:#333}
article.show-cont img,.page-cont img {max-width:100%;height:auto}
article.show-cont h2 {font-size:18px;margin-bottom:20px;border-bottom:1px solid #dddfe2;padding-bottom:7px;line-height:1.4;color:#000;margin-top:20px}
article.show-cont .up-next a {color: #3f3f3f;

    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    overflow: hidden;
    height: 49px;
    width: 48%;
    padding: 10px 1%;
    background: #efefef;
    transition: all .4s ease-out;}
article.show-cont .up-next a:hover {background:#E7E7E7;}
.tips-box {padding:15px;border:1px solid #BDD5FB;background:#F6FAFF;border-radius:5px;margin-bottom:10px;color:#999;font-size:14px;}
.article-sidebar {float:left;width:268px;border:1px solid #efefef;margin-top:15px;border-top:3px solid #efefef;}
.article-sidebar h5.s-title {border-bottom:1px solid #efefef;height:40px;line-height:40px;padding-left:15px;font-size:15px;color:#666}
.article-sidebar ul li {float:left;width:244px;height:auto;padding-bottom:15px;background-color:#FFF;margin:12.5px 0px 0px 12.5px;border-bottom:1px solid #efefef;}
.article-sidebar ul li a.info-img {display:block;width:100%;overflow:hidden}
.article-sidebar ul li img {width:100%;height:220px;transition:all 0.6s;}
.article-sidebar ul li img:hover {transform:scale(1.1);}
.article-sidebar ul li .info-text h5 {font-weight:normal;font-size:14px;line-height:22px;height:45px;padding-top:6px;overflow:hidden;}
.article-sidebar ul li .info-text a {
    color: #3f3f3f;
}
.article-sidebar ul li .info-text p {height:30px;line-height:30px;}
.article-sidebar ul li .info-text p span {color:#999;font-size:13px;}


.show-info-list {width:845px; }
.show-info-list ul {width:890px;display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;}
.show-info-list ul li {float:left;width:24%;height:auto;padding-bottom:15px;background-color:#FFF;margin:0px 0px 20px 0px;-moz-box-shadow:0px 0px 2px #ccc;-webkit-box-shadow:0px 0px 2px #ccc;box-shadow:0px 0px 2px #ccc;transition:box-shadow 0.3s ease-in-out}
.show-info-list ul li:hover {box-shadow:0px 4px 12px #ccc;}
.show-info-list ul li a.info-img {display:block;width:100%;overflow:hidden; position:relative}
.show-info-list ul li a img {width:100%;height:220px;transition:all 0.6s;}
.show-info-list ul li a img:hover {transform:scale(1.1);}
.show-info-list ul li a span{ display:block; z-index:999; top:5px; right:5px; width:60px; text-align:center; height:25px; line-height:25px; background-color:#FD7189; color:#FFF; position:absolute;opacity: 0.9;}


.show-info-list ul li .info-text {padding:0px 10px;}
.show-info-list ul li .info-text h5 {font-weight:normal;font-size:14px;line-height:22px;height:45px;overflow:hidden;margin:15px 0;}
.show-info-list ul li .info-text a {color:#3f3f3f;}
.show-info-list ul li .info-text p {border-top:1px solid #efefef;line-height:28px;}
.show-info-list ul li .info-text p a {float:left;font-size:12px;color:#999;border:1px solid #999;height:22px;line-height:22px;padding:0px 5px;border-radius:3px;margin-top:16px;}
.show-info-list ul li .info-text p a:hover {color:#4285F4;border:1px solid #4285F4;}
.show-info-list ul li .info-text p span {float:right;color:#999;font-size:13px;    margin-top: 15px;}

@media (max-width:767px) {
.show-down a.sc,.show-down a.no-demo,.show-tag,.article-sidebar{display:none}
.show-info-list {float:left;display:block;width:100%;}
.show-info-list ul {width:100%;    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;}
.show-info-list ul li a img {width:100%;height:150px;transition:all 0.6s;}
.show-info-list ul li {float:left;width:48.33%;height:auto;margin:0;margin-top:15px;padding:0;}
.show-info-list ul li .info-text p a {display:none}
.show-info-list ul li .info-text p {height:28px;line-height:28px;text-align:center;}
.show-info-list ul li .info-text p span {float:left;font-size: 13px;
    margin-top: 7px;}
.show-box {padding:10px;background:#FFF;}
.show-pic img {width:100%;height:auto;}
.show-nav {width:100%;}
.show-down {margin-top:10px;}
.article-nav{margin-top:10px;}
.get-password {margin-top:10px;}
.hide-box {width:auto;float:none;margin-top:10px;clear:both;}
article.show-cont {width:100%;margin-top:10px;}
.show-pic {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.show-nav h1 {
    font-size: 20px;
    margin-top: 18px;
}
}
.hr10 {height:10px;overflow:hidden;clear:both;}
.hr15 {height:15px;overflow:hidden;clear:both;}
.hr20 {height:20px;overflow:hidden;clear:both;}