@charset "UTF-8";
.soft-container{padding:0;background:#FFF;box-shadow: 0 1px 3px #cecece;margin-bottom: 10px;border-radius: 4px;overflow: hidden;padding: 0px 2%;padding-bottom: 20px;}
@media screen and (max-width: 768px) {.soft-container{margin: 0 8px;}}
li.tx-img{float: left;}
.tx-img img.lazy{width: 200px;height: 200px;}
.jc_title{margin-top: 20px;}
.jc_title div h3{line-height: 40px;font-size: 22px;font-weight: 400;padding-bottom: 9px;overflow: hidden;float: left;}
.jc_title div span{margin-right:10px;position: relative;top: -1px;}
.jc_title div a{float: right;height: 51px;line-height: 40px;font-size: 16px;color: #A7A7A7;cursor: pointer;display: inline-block;overflow: hidden;text-align: right;}
.jc_title div{ border-bottom: 1px solid #efefef; }
.jc_jietu{margin-top: 30px;float: left;height: 239px;text-align: center;overflow: hidden;display: flex!important;justify-content: center;align-items: Center;}
.jc_jietu img{overflow: hidden;border-radius: 4px;max-width: 100%;position: relative;max-height: 239px;} 
.jc_jieshao{margin-top: 30px;float: right;text-align: center;}
.jc_jieshao ul{ height: 100%; }
.jc_jieshao ul li{text-align: left;height: 40.8px;line-height: 40.8px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 50%;float: left;padding: 0 8px;}
.download_now{border: 1px solid #FF9A5F;display: block;height: 48px;max-width: 100%;text-align: center;margin-top: 14px;line-height: 45px;font-size: 16px;color: #FFF;float: left;border-radius: 5px;background: #FF9A5F;}
.download_now:hover{background:#F1925B;color:#FFF;}
.download_now span{margin-right:10px;top:2px;display: none;}
.jc_jieshao1{margin-top: 44px;}
.jc_jieshao_title{font-size: 19px;border-bottom: 1px solid #efefef;padding-bottom: 15px;}
.jc_jieshao_title span{height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;text-overflow: ellipsis;white-space: nowrap;color: #828282;font-size: 15px;}
.jc_jieshao_title span i{font-size: 29px;position: relative;top: 5px;margin-right: 8px;display: none;}
.jc_jieshao_con{margin-top: 10px;line-height: 33px;color: #A7A7A7;padding: 17px 3%;word-wrap: break-word;word-break: normal;}
.jc_other{padding: 0;}
.jc_other div{display: block;overflow: hidden;height: 34px;margin-right: 2%;padding: 0;float: right;margin-top: 16px;}
.jc_other div span{margin-right:0;background:url('../images/new_lc.png')no-repeat;display: block;float: left;width: 36px;height: 100%;border-radius: 5px 0px 0px 5px;}
.jc_other div a{display: block;float: left;width: 73px;height: 34px;border: 1px solid #e8e8e8;border-left: none;text-align: center;border-radius: 0 5px 5px 0;line-height: 32px;font-size: 13px;font-style: normal;color: #A9A6A6;}
.downph,.download{padding:0!important;}
.download ul li{padding: 0;border-radius: 4px;margin-bottom: 20px;margin-right: 24px;}
.download ul li a{display: block;height: 43px;width: 100%;overflow: hidden;}
.download ul li a i{width: 23%;line-height: 43px;height: 100%;text-align: center;font-weight: bold;display: block;color: #0b588c;float: left;overflow: hidden;border-right: 1px solid #d7d7d7;}
.download ul li a b{display: block;height: 100%;float: left;width: 77%;color: #0b588c;overflow: hidden;line-height: 43px;text-align: center;}
.downph ul li{padding: 0;margin-bottom: 13px;}
.downph ul li a{display: block;width: 100%;overflow: hidden;}
.downph ul li a i{width: 9%;height: 29px;line-height: 29px;text-align: center;display: block;color: #FFF;background: #D2D2D2;border-radius: 4px;float: left;overflow: hidden;font-style: normal;margin-top: 2px;}
.downph ul li a span{display: block;height: 33px;line-height: 33px;width: 85%;color: #9E9E9E;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: right;}
.downph ul li:nth-child(1)  a i{background: #ff5555;}
.downph ul li:nth-child(2)  a i{background: #ff9900;}
.downph ul li:nth-child(3)  a i{background: #ffcc00;}
.downph ul li span:hover{color:#f60;}
.download ul li a:hover{background: #FFFFFF;border: 1px solid #3690CD!important;}
.download ul li a:hover i,.download ul li a:hover b{color: #106097;border-right: 1px solid #3690CD;}
.download ul li a:hover b{border:0;}
.emoji-list li{width:33%!important;}
#cyEmoji .emoji-tip{display:none!important;}
.zuozxinxi img{width:100px;height:100px;border-radius:50%;z-index: 100;position: relative;float: left;}
.zuozxinxi{margin-bottom:20px;height: 100px;position: relative;overflow: hidden;}
.zz_nick{display: inline-block;font-size: 19px;margin-left: 29px;max-width: 44%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;margin-top: 5px;padding: 0;}
@-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.Rotation{ -webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; }
.zuozxinxi a{font-size: 17px;left: 130px;display: block;position: absolute;bottom: 5px;border-radius: 5px;color: #44C2F1;overflow: hidden;height: 45px;line-height: 45px;text-align: center;border: 1px solid #44C2F1;}
.zuozxinxi a:hover{background:#44C2F1;color:#FFF;}
.jc-js span{color: #828282;font-size: 15px;}
.jc-js span i{font-size: 29px;position: relative;top: 5px;margin-right: 8px;}
/*啦啦啦啊，小邝告诉你，教程详细页面已经结束啦，马上开始文章详细页面了*/
.m-main{padding:0 20px}.m-main h1{padding:20px 0 10px;line-height:42px}
.m-main{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #d3d3d3 dashed;color:#aaa;font-size:14px}
.m-main span{margin:0 10px}
.m-main span i{font-style:normal}
.m-main a{color:#aaa}
.m-main a:hover{color:#f77}
.m-main{font-size:16px}
.m-main p{margin-bottom:28px;color:#555;line-height:30px}
.m-main h3{height:36px;line-height:36px;background-color:#f5f5f5;color:#0af;display:inline-block;padding:0 20px;font-size:16px;margin-bottom:20px;position:relative;border-left:4px #0af solid}
.m-main h4{font-size:18px;color:#3fae5f;margin-bottom:20px}
.m-main img{cursor: pointer;margin: 0 auto;max-width: 70%;width: auto!important;height: auto!important;}

.article-left{ box-shadow: 0 1px 3px #cecece; background: #FFF; padding: 0; }
.article-right1{padding:0;}
.article-right{box-shadow: 0 1px 3px #cecece;background: #FFF;margin-left: 7px;padding: 10px 8%;}
.article_title{padding: 0px 13px;margin-top: 34px;font-size: 20px;font-weight: 500;text-align: center;line-height: 33px;font-family: Helvetica Neue, Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
@media (max-width: 991px) {.jc_jieshao1{margin-top:5px;}.jc_jietu{display:none!important;}.article-right{margin:0;margin-top:10px;}.article_title{margin-top:20px;}}
.article_ini{text-align: center;margin-top: 9px;color: #868686;font-size: 13px;line-height: 26px;padding: 0px 13px;}
.article_ini span,.ar_author{ margin-right: 8px; }
.article_ini a{color: #868686;}
.hx{margin: 16px 5%;}
.article_wenz{padding: 10px 4%;padding-bottom: 30px;font-size: 15px;line-height: 30px;word-wrap: break-word;word-break: normal;}
.article_wenz img{cursor:pointer;margin:0 auto; max-width:100%;}
.article-pinglun{margin: 0px 4%;border-top: 1px dashed #ADADAD;padding-top: 10px;}
.ar_rtitle{font-size: 15px;display: block;line-height: 35px;margin-top: 7px;margin-bottom: 10px;color: #585858;border-bottom: 1px solid #585858;}
.ar_rtitle i{margin-right:10px;}
.listone_img{ width: 100%; max-width: 179px; display: block; margin: 0px auto; }
.arph_list li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 33px;}
.arph_list li a{ color: #7D7D7D; }
.arph_list li a:hover{color:#FFB546;}
.ar_athuor img{margin-bottom: 10px;border-radius: 50%;width: 130px;}
.ar_athuor span{ display: block; line-height: 40px; text-align: center; }
.ar_athuor a:hover img{box-shadow: 0px 1px 30px #DEDEDE;}
.ar_athuor{text-align:center;margin-top: 39px;margin-bottom: 20px;}
.tuijian li{}
@-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.ar_athuor a img:hover{-webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite;}
.yinghuoc .layui-layer-content{max-height: 100%;max-width: 100%;overflow: hidden;margin: 0px auto;}
.yinghuoc .layui-layer-content img{max-width:100%;display:block;margin:0px auto;}
.yinghuoc{max-width: 95%;}
#downloadurl a{cursor: pointer;border: 1px solid #d7d7d7;border-radius: 3px;}
.downph ul li a p{line-height:31px;height:31px;padding-left: 64px;text-align: left;}
.article_wenz *{overflow:hidden;}
.yinghuoc{max-height:90%;max-width:90%;}

.panel-comments{background:#FFF;margin-bottom:20px;}
.panel-comments .panel-header{line-height:38px;}
.panel-comments .panel-header .right{float:right;font-size:12px;color:#999;display:inline-block;padding-right:15px;}
.widget_recent_comments li{border:1px solid #FFF;border-bottom-color:#e6e6eb}
.widget_recent_comments li>a{padding:9px;display:block;margin-bottom:-8px}
.widget_recent_comments li img.avatar{float:left;width:36px;height:36px;margin-top:1px;box-shadow:0 1px 3px rgba(34,25,25,.6);border:1px #fff solid}
.widget_recent_comments .show-avatars li .right-box{padding-left:48px}
.widget_recent_comments li .comment-text{color:#999;position:relative;display:inline-block;padding:6px 6px 6px 10px;width:100%;border:solid #dfdfdf 1px;word-wrap:break-word;background:#FCFCFC}
.widget_recent_comments li .comment-text:before{content:"";position:absolute;background:url(../img/bg_msg2.gif) -12px -10px no-repeat;width:7px;height:11px;position:absolute;top:12px;left:-7px;display:block}
.widget_recent_comments li .comment-text img{width:18px;height:18px;margin-top:-3px}
.widget_recent_comments li .comment-text small{color:#00A9EE}
.widget_recent_comments .show-avatars li .right-box>blockquote{font-size:12px;padding:0;margin:0;border:0}
i.comment-reply-link{visibility:hidden;opacity:0;font-style:inherit;font-size:12px;color:#639DCB;transition:all .5s;transition:all .2s ease;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;float:right}
li.widget.widget_links ul{margin:10px}
.author a{color:#FF9088;font-size:12px}
.author{color:#A08C8A;font-size:12px}
.author a:hover{color:#5db8f8}
.authors a{font-size:12px}
#reply-title{font-size:15px;margin: 10px 0 20px 0;}
#cancel-reply{float:right}
#cancel-reply a{color:#FF9088;font-size:12px}
.comments-list-nav span{list-style:none;background:#FFF;box-shadow:0 0 5px rgba(0,0,0,.2);font-size:12px;line-height:24px;width:24px;color:#fff;background:#5db8f8;text-align:center;display:block;display:inline-block}
.page-navi .current,.page-navi .pages,.page-navi a{list-style:none;background:#FFF;box-shadow:0 0 5px rgba(0,0,0,.2);font-size:12px;line-height:24px;width:24px;color:#5DB8F8;text-align:center;text-decoration:none;display:inline-block}
.page-navi .current,.page-navi a:hover{background:#5db8f8;border-color:#5db8f8;color:#FFF}
.page-navi>:first-child{margin-left:0}
.page-navi>:last-child{margin-right:0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#5DB8F8;border-color:#5DB8F8}
#cancel-reply a:hover,i.comment-reply-link:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
.pagination>li>a,.pagination>li>span{color:#5DB8F8}
.comments-list #respond{padding:0 5px}
.comments-list>li{position:relative;margin:0 0 10px 0;padding:1px 10px 10px 10px;border-bottom:1px #ddd solid;list-style:none}
.comments-list>li:after{position:absolute;bottom:-1px;display:block;margin-left:-10px;width:145px;height:1px;background-color:#0c0;content:"";-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.comments-list>li:nth-child(2):after{background-color:#ff0688}
.comments-list>li:nth-child(3):after{background-color:gold}
.comments-list>li:nth-child(4):after{background-color:#39c}
.comments-list>li:nth-child(5):after{background-color:#8b008b}
.comments-list>li:nth-child(6):after{background-color:#0cf}
.comments-list>li:nth-child(7):after{background-color:red}
.comments-list>li:nth-child(8):after{background-color:#0c0}
.comments-list>li:nth-child(9):after{background-color:#f0f}
.comments-list>li:nth-child(10):after{background-color:#00f}
.comments-list>li:nth-child(11):after{background-color:#000}
.comments-list>li:nth-child(12):after{background-color:#ff8c00}
.comments-list>li:hover:after{width:100%}
.comments-list li>.comment-box:after{content:'';display:block;height:0;clear:both}
.comments-list li>.comment-box .avatar{float:left;margin-top:5px;display:block;width:58px;height:58px;padding:3px;border:1px solid #eee}
.comments-list.show-avatars li>.comment-box>.right-box{padding-left:68px}
.comments-list li .right-box>.comment-meta{display:block;line-height:20px;margin-top:5px}
.comments-list li .right-box>.comment-meta .author{font-weight:700;font-size:14px}
.comment .comment-box>.time,.comments-list li .right-box>.time{font-size:12px;color:#999}
.comments-list li .right-box>.comment-meta .edit-link a,.comments-list li .right-box>.comment-meta .reply a{color:#5db8f8}
.comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link{visibility:visible;opacity:1}
.comments-list li .right-box>p{color:#666;line-height:20px;margin:2px 0}
.comments-list li .right-box>.waiting{color:#5db8f8}
.comments-list li>.children{margin-left:15px}
.comments-list li>.children>li{border-top:1px dashed #ddd;padding-top:2px;padding-left:5px;list-style:none}
.comments-list-nav{text-align:center}
.sign1{margin-left:8px}
#respond .comment-reply-title{font-size:14px}
#respond .comment-reply-title:after{content:'';display:block;height:0;clear:both}
#respond .comment-reply-title>a{text-decoration:underline;padding:0 2px}
#respond .comment-reply-title small{float:right}
#respond .comment-reply-title small a{color:#999}
#respond .comment-reply-title small a:hover{color:#888}
#commentform:after{content:'';display:block;height:0;clear:both}
#commentform .logged-in-as a{text-decoration:underline;padding:0 2px}
#commentform p:hover label{color:#888}
#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-qq,#commentform .comment-form-url{padding:0 0 0 10px;margin:5px 0}
#commentform .comment-form-comment{clear:both;margin-bottom:10px}
#commentform .form-submit{float:right}
#commentform .cai,#commentform .daka,#commentform .zan{margin-left:5px}
#commentform .daka .dakas{top:2px}
#commentform .cai,#commentform .comment-form-smiley,#commentform .daka,#commentform .zan{display:block;float:left;line-height:26px;font-size:16px;background:#929292;color:#FFF;width:26px;border-radius:100%;-moz-border-radius:100%;text-align:center;position:relative;margin-top:5px}
#commentform .comment-form-smiley .button{line-height:26px;color:#FFF}
#commentform .comment-form-smiley .smiley-box{position:absolute;left:0;bottom:30px;width:481px;background:#fafafa;border:solid #e6e6eb;border-width:1px 0 0 1px;overflow:hidden}
#commentform .comment-form-smiley .smiley-box>a{display:block;width:40px;float:left;height:40px;line-height:40px;border:solid #e6e6eb;border-width:0 1px 1px 0}
#commentform .comment-form-smiley .smiley-box>a:hover{background:#f0f0f5}
#commentform .comment-form-smiley .smiley-box:before{content:'';position:absolute;width:100%;height:1px;background:#e6e6eb;bottom:0;left:0}
#commentform .comment-form-smiley .smiley-box:after{content:'';position:absolute;width:1px;height:100%;background:#e6e6eb;top:0;right:0;clear:both}
#commentform p label{display:block;color:#999}
#commentform #author,#commentform #email,#commentform #qqhao,#commentform #url{width:50%;float:left}
#commentform #comment{height:126px;resize:vertical;display:block;width:100%}
#commentform #comment:focus{background:#fafafa}
.comment-box .right-box blockquote{padding:1px 5px;margin:0;font-size:14px;color:#FF9088;border-left:3px solid #0C0}
.comments-list.show-avatars li>.comment-box>.right-box>p>img{margin:2px;margin-top:-3px}
.comments-list.show-avatars li>.comment-box>.right-box>p{margin-bottom:0}
span.useragent{position:absolute;margin-top:2px;margin-left:5px;color:#999;font-size:12px}
span.useragent img{vertical-align:-2px;width:14px;height:14px}
span.ajaximgcode{top:3px;position:relative;margin-right:5px;padding:6px;font-size:14px;color:#FF9088;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
span.ajaximgcode>.input{font-size:14px;color:#FF9088;border:none;width:21%}
span.ajaximgcode>img{margin-top:-3px}
.admin{position:relative;top:-2px}
.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7,.vip8{position:relative;display:inline-block;width:35px;height:16px;border:1px solid #c7c7c7;background:#dfdfdf;vertical-align:middle;text-align:center}
.level{position:absolute;top:-4px;left:6px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-style:normal;font-size:10px}
.comment-body-children .level{top:-4px}
.vip .pro{width:1.5%;background:#000}
.vip1 .pro{width:12.5%;background:#48a8c0}
.vip2 .pro{width:25%;background:#1b6dff}
.vip3 .pro{width:37.5%;background:#d664c9}
.vip4 .pro{width:50%;background:#bb915c}
.vip5 .pro{width:62.5%;background:#5cbb6b}
.vip6 .pro{width:75%;background:#5c86bb}
.vip7 .pro{width:87.5%;background:#bb5c5c}
.vip8 .pro{width:100%;background:#493f3f}
.vip1 .pro,.vip2 .pro,.vip3 .pro,.vip4 .pro,.vip5 .pro,.vip6 .pro,.vip7 .pro,.vip8 .pro{position:absolute;display:block;height:14px;background-image:linear-gradient(to top left,transparent,transparent 25%,rgba(255,255,255,.15) 25%,rgba(255,255,255,.15) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.15));background-size:16px 16px}
.vip1:hover .pro,.vip2:hover .pro,.vip3:hover .pro,.vip4:hover .pro,.vip5:hover .pro,.vip6:hover .pro,.vip7:hover .pro,.vip8:hover .pro{animation:progress .6s linear infinite;-webkit-animation:progress .6s linear infinite}
@media screen and (max-width:600px){.related-posts>li{width:100%!important}
#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-qq,#respond .comment-form-url{width:100%!important}
.paydown .down-title{width:14%}
.paydown .down-detail{width:85%}
.bulletin ul li{width:530px}
}
@media screen and (max-width:480px){#commentform .cai,#commentform .zan{display:none!important}
.pagination{margin:-5px 0 -8px}
.pagination ul>li{display:none}
.pagination ul>li.next-page,.pagination ul>li.prev-page{display:inline-block}
.shareBox .J_showAllShareBtn{display:none}
section.context{padding-bottom:5px!important}
.context>ul.readers-list li{width:25%}
.context>ul.readers-list strong{display:none}
.bulletin ul li{width:420px}
}
.ajaximgcode .input{height: 25px;}