@charset "utf-8";
/*
 *懒人CSS Bate V0.10
 *作者：懒人建站 http://www.51xuediannao.com/
 *2015-02-04———
*/
/*这里是主站页面的整体布局*/
/*--大布局-------------------------------------*/
.inbox{width:1240px;margin:0 auto;clear:both;overflow:hidden;}
body{ min-width:1240px;}	/*页面超出出现横向滚动条，右侧出现空白bug*/

.ui-box01{ border: #eee solid 1px; padding:10px;}
.fn-mb24{ margin-bottom: 24px;}
.fn-mb26{ margin-bottom: 26px;}
.fn-mb28{ margin-bottom: 28px;}

pre code{ background:none; border:none; color:#666;}

.tit02-skin-1 .h, .tit02-skin-1 .h a{ color: #666;}

/*左中右三列布局 实际的数值自行定义*/
.layout-margin .container{ float:left; width:100%;		margin-right:-300px;/*偏移10*/	margin-left:-134px; position:relative; z-index:1;}
.layout-margin .content,.layout-margin .container-inner{ 			margin-right:300px;/*偏移10*/	margin-left:170px;/*偏移10*/}
.layout-margin .sidebar-end{ float:right; 				width:250px;	position:relative; z-index:2;}
.layout-margin .sidebar-start{ float:left; width:170px;					position:relative; z-index:2;}
/*卸载开始的siderbar*/
.unstart .sidebar-start{ display:none!important;}
.unstart .container,.unstart .content,.unstart .container-inner{ margin-left:0!important;}
/*卸载结束的siderbar*/
.unend .sidebar-end{ display:none!important;}
.unend .container,.unend .content,.unend .container-inner{ margin-right:0!important;}
/*卸载两边siderbar*/
.unside .sidebar-start,.unside .sidebar-end{ display:none!important;}
.unside .container,.unside .content,.unside .container-inner{ margin-right:0!important; margin-left:0!important;}
.unside .container{ float:none!important;}

.layout-margin .content,.layout-margin .container-inner{margin-right:340px}
.layout-margin .sidebar-end{ width: 300px;}

.site-bar{
    height: 34px;  line-height:34px;
    background: #222;
    font-size: 14px;  color: #fff;
    /*position: fixed; left: 0; right: 0; top: 0; z-index: 100;*/
}
.main{ margin-top: 18px;}

.content{ min-height: 500px; position: relative;}
.sidebar-end{ min-height: 500px;}
.sidebar-box{ margin-bottom: 20px;}
.main-user .sidebar-start {
    width: 134px;
}

.sidebar-fix{top: 10px;}

img[data-original]{ background: url(../images/loading.gif) no-repeat center center;}

.tab-show{ display: none;}
.tab-show .list-h{ display: none;}

.site-bar .start{ float: left;}
.site-bar .center{ overflow: hidden;}
.site-bar .end{ float: right;}
.site-bar,.site-bar a{ color: #fff;}
.site-bar .start{ margin-right: 50px;}
.site-bar .start,.site-bar .start a{ color:#00da73;}
.top-logo a{ font-size: 21px; font-weight: 400; display: block; height: 42px; line-height: 40px;
    text-shadow: 0 0 4px rgba(0,218,115,1);
}
.site-bar li{ display: inline-block; margin-left: 10px;}
.site-bar .one{ padding: 0 12px; display: block;}
.site-bar a:hover,
.site-bar .cur a{/* background:#3a3a3a;*/ color: #00e87b;}
.site-bar-user li{ padding: 0; margin-left: 0;}
.site-bar-nav .one{ font-size: 15px;}

.cart-status var {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    margin-left: 4px;
    vertical-align: middle;
    background: #f01414;
    color: #fff;
}

.header{padding:14px 0; border-bottom: #00b38a solid 2px;}
.logo{ margin-right: 8px; margin-top: 7px;}
.logo-a{width: 145px; height:34px;
    display: block; text-indent: -99999px; background: url(../images/logo.png) no-repeat 0 0;}
.logo-techan-a{background: url(../images/logo_techan.png) no-repeat 0 0;}
.lr-xy{ color: #999; margin-top: 3px;}

.site-des{ display: none;}
.sub-site-name{ display: inline-block; margin-top: 16px; font-size: 18px; font-weight:400; color: #118850;}

.un-site-top{ float: left; margin-left: 60px; margin-top: -3px;}

.search{ margin-top: -3px;}
.search-form{ position: relative;}
.search input,.search button{ margin: 0;background-color: transparent; height: 46px; line-height: 46px\9; vertical-align: top;}
.search .search-key{ padding:0 10px;  border: #00b38a solid 2px; width: 220px; border-radius: 2px 0 0 2px;}
.search .search-submit{text-align: center; border: none;height: 50px; line-height: 50px\9;
    background: #00a57f;color: #fff; padding: 0 18px; border-radius: 0 2px 2px 0; font-size: 16px;}
.search .search-submit:hover{ background: #00b38a;}

.nav .inbox{ overflow: visible;}
.nav{ border-bottom: #eee solid 1px;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); position: relative; z-index: 999; }
.nav-list > li{ float:left; height: 48px; position: relative;}
.nav-list .one{ display: block; height: 48px; line-height: 48px; font-size: 16px; padding:0 16px;}
.nav-list .has-sub .one:after{
    color: #666; width:16px;
    font-family:"iconfont" !important;
    content:"\e61b"; display: inline-block; margin-left: 2px;
}
.nav-list > li:hover .one:after,
.nav-list > .cur .one:after{color:#118850;}

.nav-list-techan{ padding-top: 6px; padding-bottom: 6px;}
.nav-list-techan >li{ height:36px;}
.nav-list-techan .one{height: 36px; line-height: 36px;}
.nav-list-techan .suffix{ display: none;}

.nav-list .sub-nav{ position: absolute; left:100%; top: 100%; margin-left: -225px;
    width: 320px;border: #eee solid 1px; background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);}

.sub-nav .j{position: absolute; left: 50%; top:-16px; margin-left: -8px;
    display: block; line-height: 0; height: 0; font-size: 0;}
.sub-nav .j:after,
.sub-nav .j:before{content: ""; display:block; width:0; height:0; border-style:solid;border-width:8px;
    position: absolute; left: 0; top: 0;}
.sub-nav .j:after{ border-color:transparent transparent #fff transparent; top:1px;}
.sub-nav .j:before{ border-color:transparent transparent #ddd transparent; }

.sub-nav-list{ padding:16px 20px; overflow: hidden; }
.sub-nav-list a{ float: left; width: 50%; line-height: 32px; color: #333;}
.sub-nav-list a:hover{color:#118850;}

.sub-nav{display: none;  }
.nav-list > li:hover .sub-nav{display: block;}
/*IE9及以上浏览器*/
@media screen and (min-width:1024px) and (max-width:2920px){
    .sub-nav{
        display: block;
        opacity: 0;
        -ms-transform:scale(0,0);
        -webkit-transform:scale(0,0);
        transform:scale(0,0);

        -ms-transform-origin:50% 10%;
        -webkit-transform-origin:50% 10%;
        transform-origin:50% 10%;

        -webkit-transition:all .3s ease 0s;
        transition:all .3s ease 0s;
    }
    .nav-list > li:hover .sub-nav{
        opacity: 1;
        -ms-transform:scale(1,1);
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}


.nav-fixed{width: 100%; position: fixed; left: 0; top: 0; z-index: 999;
    background-color: #fff;  border-bottom: #00b38a 2px solid; }

.draw-layer{ display: none;}

.section-links a{ display: inline-block; margin-bottom: 12px; margin-right: 16px; white-space: nowrap;}

.page-ztlist{ margin-bottom: 20px;}
.tag-list{ padding-top:8px;}

.bread-nav,.bread-nav a{ color: #666;}
.bread-nav{ margin-bottom:16px;}
.bread-nav a:hover{ color: #00b38a;}

/*列表*/
.list-img-user .inner{ display: block;}
.list-img-user img{ width: 100%; height: 70px;}

.images-text01-list{ margin-right: -30px;}
.images-text01-list .in{display: block; margin-right:30px;
    /*border: #ddd solid 1px; border-bottom: none;*/
    position: relative; z-index: 11;
    transition:all .3s ease-in 0s; background-color: #fff;}
.images-text01-list li:hover .in{ border-color:#00a57f;}
.images-text01-list .ia{ height:170px;}
.images-text01-list .h{ margin: 0 8px; padding-bottom: 4px;  font-size: 16px;}
.images-text01-list > li{ width:33.33%; margin-bottom:20px; float:left; position: relative;}

.images-text01-list .more-info{ display: block; margin-right: 50px; background-color: #fff;
    /*position: absolute; left: 0; top:100%; right: 0; z-index: 10;  margin-top: 0;*/
    /*border: #ddd solid 1px; border-top: none;*/
    overflow: hidden; height: 30px;
    transition:all .3s ease-in 0s;}
.images-text01-list .fn-time{ height: 30px; line-height: 30px; padding: 0 8px;}
.images-text01-list .des{padding:0 10px 10px 10px; margin-top: 0; display: none;}
.images-text01-list > li:hover .more-info{border-color:#00a57f;}
/*.images-text01-list > li:hover{ z-index: 12;}
.images-text01-list > li:hover .more-info{height:136px;}*/

.list-img-text li{border-bottom: #ddd dashed 1px; margin-bottom: 20px; padding-bottom: 20px;}
.list-img-text .ia{ width: 180px; margin-right: 22px; overflow: hidden; cursor: pointer; max-height: 132px;}
.list-img-text .h a{ font-size: 22px; font-weight: 400;}
.list-img-text .des{ margin-top: 10px;}
.list-img-text .cite{ margin-top: 16px; color: #999;}
.list-img-text .cite a{color: #999;}
.list-img-text .cite a:hover{    color: #00b38a;}
.list-img-text .list-tag{ margin-top: 16px;}
.list-img-text .list-tag a{ margin-right: 12px;}
.list-img-text .list-tag a:hover{ text-decoration: underline;}

.list-img-text .h a b{ font-weight: 400;}

.imglist-icon{ margin-right: -16px;}
.imglist-icon li{ width: 16.66%; margin-bottom: 16px;}
.imglist-icon .inner{ margin-right: 16px; height:100px; line-height: 100px; text-align: center; border: #ddd solid 1px;}
.imglist-icon img{ width: auto; height: auto; vertical-align: middle; max-width: 40%;}
.imglist-icon strong{ display: none;}

.imglist-icon-2{ margin-right: -16px;}
.imglist-icon-2 li{ width: 33.33%; margin-bottom: 16px;}
.imglist-icon-2 .inner{ margin-right: 16px; height:250px; line-height:250px; overflow: hidden;}
.imglist-icon-2 img{ width: auto; height: auto; max-width: 100%; max-height: 100%;vertical-align: middle;}
.imglist-icon-2 strong{ display: none;}

.h-des-list li p:first-child{ margin-bottom:0;}

.breadcrumb_nav{ margin-bottom: 16px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.breadcrumb_nav,.breadcrumb_nav a{    color: #666;}
.breadcrumb_nav .tag-title{ font-size: 14px; color: #118850;}

.page-child-nav{ margin-bottom: 16px;}
.page-child-nav li{ display: inline-block; border: #ddd solid 1px; line-height: 35px;
    padding: 0 12px; margin-right: 5px; margin-bottom: 5px;}

/*PPT*/
.type-list .btn-down,
.sidebar-end .btn-down{background: #ff920f; color: #fff; text-align: center; border: none; width: 100%;}
.type-box{ margin-bottom: 24px;}
.type-list{ margin-top: 12px;}
.type-list:first-child{ margin-top: 0;}
.type-list dt{ float: left; padding: 2px 0;}
.type-list dd{ overflow: hidden}
.type-list a{ display: inline-block;font-size: 14px; padding: 3px 8px; margin-bottom:6px;}
.type-list .cur{background: #00a57f;color: #fff;}

.ppt-list{ margin-right: -24px; overflow: hidden;}
.ppt-list li{ width: 50%; float: left; margin-bottom: 24px;}
.ppt-list .inner{ margin-right: 24px; border: #eee solid 1px; padding: 12px; background-color: #f8f8f8;}

.ppt-list .pictures{ overflow: hidden;}
.ppt-list .ia{ display: block;height:340px; border: #000 solid 4px; border-radius: 4px;}
.ppt-list .ia .td{ float: left; width: 50%; height: 50%;}
.ppt-list img{ width: 100%; height: 100%; border: #000 solid 2px; box-sizing: border-box;}
.ppt-list .pictures{ margin-top: 4px; background-color: #fff; display: none;}
.ppt-list .pictures span{ float: left; width: 111px; height: 66px; cursor: pointer; border: transparent solid 3px; position: relative;}
.ppt-list .pictures .cur{ border-color: #00a57f;}
.pictures-inner{ width: 300%;}
.pictures  .index{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 66px; font-size: 22px; text-align: center;}

.ppt-list .h{display: block; font-size: 18px; font-weight: 400; margin-top:10px;}
.ppt-list .fn-time{ display: none;}
.ppt-list .des{ color: #999; margin-top: 6px; line-height: 1.5;}
.ppt-list .cite span,.ppt-list .cite a{ margin-right: 10px;}
.ppt-list .cite{ margin-top: 6px; color: #666;}
.ppt-list .cite a{ color: #00b38a;}

.ppt-list .operation{ height: 40px; margin-top: 16px; display: none;}
.ppt-list .operation a{ float: left; line-height: 40px; text-align: center; width: 25%; font-size: 16px; cursor: pointer;}
.ppt-list .btn-collect{background: #f1f1f1;}
.ppt-list .operation .btn-down{
    width:auto;float: none;overflow: hidden;display: block;
}
.ppt-list .btn-praise{ background: #fff;}
.sidebar-down,
.sidebar-collect{ display: block; line-height: 44px; margin-bottom:12px; font-size: 16px; cursor: pointer;}
.sidebar-collect{text-align: center;width: 100%; border: #eee solid 1px;}

.ppt-info-box{ margin-bottom: 10px; background-color: #f9f9f9;}
.ppt-info li{ line-height: 36px; display: flex;}
.ppt-info .h{ color: #666;}
.ppt-info .text{ flex: 1; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*---------分页---------*/
.bl-pagination{padding:20px 0;text-align:center; /*color:#C10000;*/ font-size:0; line-height:normal;}
.bl-pagination li{display:inline-block;*display:inline;*zoom:1; font-size:14px;}
.bl-pagination span,.bl-pagination a{display:inline-block; padding:10px 16px;/*margin:0 2px;*/ cursor:pointer;
    border:#eee solid 1px;text-align:center;vertical-align:middle;font-family:Arial; font-size:14px;color:#333;}
.bl-pagination a:hover,.bl-pagination .active,.bl-pagination .active a{
    text-decoration:none;
    /*border-color:#C10000; background-color:#C10000;color:#fff;*/
}

.bl-pagination .disabled span,.bl-pagination .disabled a{border-color:#ddd;color:#999;}
.bl-pagination .disabled span:hover,.bl-pagination .disabled a:hover{border-color:#ddd; background-color:#fff;color:#999;}

.current.prev,.current.next{
    border: 1px solid #ccc!important;
    background-color: #f5f5f5!important; color:#999!important; cursor:default!important;
}

.pagination-skin01{ padding:0; margin:40px 30px;}
.pagination-skin01 span,.pagination-skin01 a{ margin-right:3px; background: #fff; border:#ddd solid 1px;padding:9px 16px; height: 18px; line-height: 18px; font-size:14px;}
.pagination-skin01 a:hover{ color:#e22835;}
.pagination-skin01 a:hover,.pagination-skin01 .pagination-current{background:#00a57f; border-color: #00a57f; color:#fff;}
.pagination-skin01 a{ cursor: pointer;}

.pagination-disabled{ opacity: 0.5;filter:alpha(opacity=50);}

.nextPage{ display: none; line-height:36px;text-align: center; font-size: 14px;
    border-bottom: #eee solid 1px; margin-bottom: 4px;}

/*内页*/
.ver-line{ line-height: 0; font-size: 0; float: left; width: 4px; height:57px; background: #00b38a; margin-right: 12px;}
.ptit{ font-size: 26px;font-weight: 400; text-align: left; line-height: 1em;padding:2px 0 10px;}
.page-cite{ text-align: left; border-bottom: none; padding-bottom: 0; margin-bottom: 16px; display: block; color: #999;}
.page-cite a{color: #118850; text-decoration: underline;}
.page-cite span{ margin-right: 12px;}
.page-cite span:first-child{ padding-left: 0;}
.page-cite .pc-show{ display: inline;}


.product-atlas{ float: left; width: 420px; height:280px; margin-right: 24px;overflow: hidden;}
.product-atlas img{ width:100%; height: 100%;}
.product-info{ overflow: hidden; height: 280px;}
.product-info li{ margin-bottom: 16px;}
.product-info img{ max-height: 100%;}

.buy-area{/* margin: 16px 0; border:1px dashed #adb; padding: 10px;*/ margin-bottom: 20px;}
.buy-area,.buy-area a{ font-size: 16px;}
.buy-area .fn-btn{    padding: 12px 24px; font-size: 16px; text-decoration: none;color: #fff;}
.buy-area .fn-btn .iconfont{ font-size: 22px;  margin-right: 6px;  vertical-align: middle;}
.buy-area .btn-file-type{ padding: 9px; cursor: default;}

.page-tab{ margin-bottom: 20px; border-bottom: #eee solid 2px; height:40px;}
.page-tab .tab{ line-height: 40px; display: inline-block; font-size: 16px; border-bottom: transparent solid 2px;
    font-weight: 700; cursor: pointer; padding: 0 10px; margin-right: 8px;}
.page-tab .tab.cur{ border-bottom-color: #118850;}

.page-series-list li{ padding:12px 4px; border-bottom: #ddd dashed 1px;}
.page-series-list .h{ font-size: 16px; display:block; overflow: hidden; line-height: 1;}
.page-series-list .h span{ vertical-align: middle;}
.page-series-list .h .is-free{ font-size: 14px; margin-left: 10px;}
.page-series-list .h .go{ float: right; color: #00b38a;font-size: 14px;}
.page-series-list .des{color: #999; margin-top: 10px;}
.page-series-list .h var{ display: inline-block;
    width: 16px; height: 16px; line-height: 16px; font-size: 10px; text-align: center;
    border-radius: 50%; background: #118850;color:#fff; font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle; margin-right: 2px;}

.page-body{ overflow: hidden; position: relative; text-align:left; line-height: 1.75}
.page-body,.page-body a{ font-size: 16px;}
.page-body a{ color: #118850; text-decoration: underline;}
.page-body h2{margin-top: 30px; margin-bottom: 14px;}
.page-body h2,.page-body h2 a{ font-size: 22px; }
.page-body h3,.page-body h3 a{font-size: 20px;}
.page-body h4,.page-body h4 a{font-size: 18px;}
.page-body h5,.page-body h5 a{font-size: 16px;}
.page-body h6,.page-body h6 a{font-size: 14px;}

.page-body h3,
.page-body h4,
.page-body h5{margin-top:24px; margin-bottom:12px;}
.page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{
    font-weight: 700; line-height: 1;}

/*.page-body h2{ border: #ddd solid 1px;}*/
.page-body h2:before{ content: ""; width: 6px; height:24px; background:#00b38a;
    display: inline-block; margin-right:6px;
    vertical-align: top;}

.page-body p{ margin-bottom: 16px;}

.page-body pre{background-color:#f7f7f7; border:#eee solid 1px; padding:10px; line-height:1.7; overflow: hidden;zoom:1;
    white-space: pre-wrap;word-wrap: break-word;*white-space:normal;}
.page-body hr{ margin: 10px 0;}
.page-body img{margin:10px 0; max-width: 100%; height: auto!important;}

.page-body th,.page-body td{ border: #ddd solid 1px; padding:6px 8px;}

.page-body .editer{ display: none;}

.runCode{ position: relative;}
.run-code-btn{ position: absolute; right: 0; top: 0; line-height: 32px; padding: 0 14px;
    background: #00a57f; color: #fff!important; text-decoration: none!important; text-align: center; font-size: 14px; cursor: pointer;}
.run-code-btn:hover{ background-color: #009270;}

.content .intro{ padding: 12px; border: #ddd dashed 1px; margin-bottom:20px; line-height: 1.75; color: #666; font-size: 16px;}

.page-image{ margin-bottom: 20px; height: 250px; overflow: hidden;}
.page-image .img{ width: 300px;height: 250px; float: left;margin-right: 20px;}
.page-image .img img{ width: 100%; height: 100%;}
.page-image .img-info{ height: 250px;}
.page-image .img-info img{height: 100%; border: #eee solid 1px;}
.un-body-top{
    /*width: 300px; height: 250px; float: left; margin-right: 30px;margin-bottom: 20px;*/
    width: 100%; height: 90px; margin-bottom: 20px; position: relative;
}
.un-body-top img{ width: 100%; height: 100%; margin: 0!important;}
/*.un-body-top:after{ content: "AD"; position: absolute; right: 6px; top: 3px; font-size: 10px; color: #fff; font-family: Arial}*/

.down-tools{ margin-bottom: 26px;}
.down-tools li{ display: inline-block;}
.down-tools .fn-btn{ padding: 12px 20px; margin-right: 4px; font-size: 16px;}
.down-tools .to-ask{ margin-left: 8px; vertical-align: middle;}

.html_code textarea{ width: 100%; height: 280px; margin-bottom: 10px;}
.html_code_tool{ margin-bottom: 24px;}

.baozhuang{ padding:12px 14px; border:#00b38a dotted 1px; margin: 16px 0;}
.baozhuang p{ margin-bottom: 8px;}
.baozhuang p:last-child{ margin-bottom: 0;}

.page-body .fn-btn,
.page-body .btn{ display: inline-block;*display: inline;*zoom:1;
    color: #fff; text-decoration: none; padding: 9px 16px; font-size: 16px;}

.body-more-btn{ position: absolute; left: 0;right: 0;bottom: 0; color: #AD0000;
    height:65px; line-height:85px; overflow: hidden; font-size: 16px; cursor: pointer;
    text-align: center; background: url(../images/jb2.png) repeat-x left top; display: none;}

.page-file{ margin-bottom: 10px; line-height: inherit; display: none;}

.page-body-html{ overflow: hidden; position: relative;}
.page-body-more{ text-align: center;  cursor: pointer;
    position: absolute; left: 0; right: 0; bottom: 0; display: none;
    background: url(../images/jb1.png) repeat-x left top;
    height:100px; line-height: 150px; color: #da4f49; font-weight: 700; overflow: hidden;
    /*background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));*/
}

.page-body-litpic{ margin-bottom: 20px; overflow: hidden; text-align:center;}
.page-body-litpic .litpic{ /*float: left;*/}
.page-body-litpic .litpic img{ min-width: 40%;}

.article-footer{ margin-top: 16px;}

.article-footer-links{ text-align: center; margin-top: 30px;}
.article-footer-links .reg,
.article-footer-links .return-class{ display: inline-block; line-height: 40px; padding: 0 16px; margin: 0 6px;
    min-width: 90px; text-decoration: none;}
.article-footer-links .reg{background: #e22835; color: #fff; }
.article-footer-links .return-class{background:#54bf78; color: #fff; }
.article-footer-links .return-class a{color: #fff; text-decoration: none;}
.article-footer-links .reg:hover{ background:#fd4e5a; }
.article-footer-links .return-class:hover{ background: #64d289;}

.context .up,
.context .next{ line-height: 36px;}

.related-articles li{ width: 50%; float: left; }
.related-articles li a{ white-space: nowrap; display: block; overflow: hidden;text-overflow: ellipsis;
    padding-left: 16px; background: url(../images/jiantou.jpg) no-repeat left center;}

.related-images-text .images-text01{ margin-top:16px;  margin-right: -22px;}
.related-images-text li{ width: 25%; margin-bottom: 20px;}
.related-images-text .in{ margin-right: 20px; border: #eee solid 1px; text-align: center;}
.related-images-text .ia{ height: 136px;}
.related-images-text li .h{ padding: 8px 0; margin: 0 8px; height: 20px;}

.images-text01-col-2{ margin-right: -16px;}
.images-text01-col-2 li{ width: 50%; float: left; margin-top: 16px;}
.images-text01-col-2 .in{ margin-right: 16px;}
.images-text01-col-2 .ia{ height:80px;}
.images-text01-col-2 li .h{ padding: 8px 0 0 0;}

.zt-list{ overflow: hidden; margin-top: -6px;}
.zt-list a{ line-height: 32px; display: inline-block; padding: 0 16px; border: #eee solid 1px; margin-right: 4px; margin-top: 6px;
    font-size: 14px;border-radius: 2px;}
.zt-list .cur,
.zt-list a:hover{background-color:#00b38a; color: #fff;}

.tags-box{ margin-bottom: 30px;}
.tags-box .tag-list{ padding-top: 0;}

.list-title{ font-size: 22px; font-weight: 400; margin-bottom: 26px;
    border: #eee solid 1px; border-left:#00b38a solid 4px;
    padding:8px 8px 8px 10px;
    white-space: nowrap; overflow: hidden; text-overflow:ellipsis ;
    display: none;
}
.class-content{ padding:14px 16px; line-height: 1.75; border: #ccc dashed 1px; margin-bottom: 26px; display: none;}
.class-content h2{ font-size: 24px; margin-bottom: 8px; font-weight: 400;}
.class-content h3{ font-size: 20px; margin-bottom: 8px; font-weight: 400;}
.class-content p{ margin-bottom: 10px;}
.class-content p:last-child{ margin-bottom: 0;}
.class-content a{ color: #00b38a; text-decoration: underline;}

/*内页上下翻页*/
.page-prev,.page-next{
    text-align: center;
    color: #ddd;
    position: fixed; top: 50%; margin-top: -20px; z-index: 999; opacity: 0.4;
}
.page-prev{ left:0;}
.page-next{ right:0;}
.page-prev .iconfont,.page-next .iconfont{ font-size: 70px; vertical-align: top;}

.page-video{ position: relative; width:400px; height: 300px; display: none;}
.play-before{ width: 100%; height: 100%;line-height: 300px; text-align: center; color: #00b38a;
    background-size: 100% 100%!important;}
.play-before:after{ content: "\e639";
    font-family: "iconfont" !important; font-size: 54px; opacity: 0.8;
    display:inline-block;
}

.pop-down{width: 360px;min-height: 90px;}
.pop-down,.pop-down a{ font-size: 18px;}
.pop-down a{    color: #0070c9;
    text-decoration: underline;}

@media screen and (max-width:700px){
    .page-video{width: 100%; height: 230px;}
    .play-before{ line-height: 230px;}
}

.page-images-list-hor li{ margin-right: 6px; margin-bottom: 6px;
    display: inline-block;*display: inline;*zoom:1;}

/*图集*/
.atlas-ver > li{ text-align: center; position: relative;}
.atlas-ver > li strong{ display: none;}
.atlas-ver img{ max-width: 100%;}
.image-source{ text-align: center; padding: 10px 0;}
.image-source .fn-btn{padding: 0; line-height: 40px; font-size: 16px;}
.btn-source{ display: none; overflow: hidden;}
.btn-view{display: block; }
.has-source .btn-source{display: block;}
.has-source .btn-view{float: right; margin-left: 8px; width: 48%;}

.atlas-ver-img-link{ position: absolute; right: 8px; top: 8px; text-decoration: none!important;}
.atlas-ver-img-link .iconfont{font-size: 30px;}
@media screen and (min-width:10px){
    .atlas-ver-img-link .iconfont{font-size: 26px;}
    .atlas-ver-img-link{
        width:42px; text-align: center; height:42px; line-height: 42px; overflow: hidden;
        background-color: rgba(0,0,0,0.4); border-radius: 50%;
        transform:translate(80px,0);
        transition-property: all;
        transition-duration: 0.6s;
        opacity: 0;
    }
    .atlas-ver > li:hover .atlas-ver-img-link{transform:translate(0,0); opacity: 1;}
    .atlas-ver-img-link .iconfont{ color: #fff;}
}

.full-screen-album{
    display: none;
    position: fixed; left: 0;top:0;right:0;bottom: 0; z-index: 99999;
    background: #000;
}
/*.full-screen-album .mask{ position: absolute;left: 0;top:0;right:0;bottom: 0;z-index: 1; background-color: #000;}*/
.full-screen-album-header{height:60px; line-height:60px; overflow: hidden;}
.full-screen-album-body{ position: absolute; left:0; right:0; bottom: 0; top:60px; background: #fff;}
.full-screen-album-header,.full-screen-album-header a{ color: #eee; font-size: 18px;}
.full-screen-album-header .h{ font-weight: 100; margin-left: 20px;}
.full-screen-album-header .close{ float: right; width: 60px; height: 60px; line-height: 58px; font-size: 28px; cursor: pointer;
    opacity: 0.6; transition:opacity .2s ease-in 0s;}
.full-screen-album-header .close:hover{ opacity: 1;}

.qq-qun{ position: absolute; right: 0; top: 39px; color: #00b38a;}

.footer{ /*border-top:#ddd solid 1px;*/ background-color: #fafafa; padding:36px 0 40px 0; margin-top: 20px;}
.footer .col{ width: 20%; float: left; margin-right: 30px;}
.footer .copyright{ overflow: hidden;}
.footer .copyright dd{ line-height: 2;}
/*.footer dt{ border-bottom: #ddd solid 1px; padding-bottom: 6px; margin-bottom: 4px;}*/
.footer dt{ margin-bottom: 6px;}
.footer .h{ font-size: 24px; font-weight:400;text-transform:uppercase; color: #909090;}
.footer .as{ overflow: hidden; margin-right: -16px;}
.footer .as a{ line-height: 28px; width: 45%; float: left; margin-right: 12px;}

.copyright{}
.copyright .rlzyxkz{ margin-right: 8px;}

.bdsharebuttonbox{ position: fixed; left: 50%;
    top:40%; margin-left: 638px; width: 34px;}
.bdsharebuttonbox .go-top{
    cursor: pointer;
    width: 32px;
    line-height: 32px;
    height: 32px;
    display: block;
    background: none;
    border-radius: 4px; overflow: hidden;
    background-color: rgba(0,0,0,0.4)
}
.bdsharebuttonbox .iconfont{ display: block; text-align: center;width: 100%; height: 100%; line-height: 28px;
    font-size: 20px;color: #fff; font-weight: 100;
    text-indent:0;}

.weiketop{overflow:hidden;background-color:#FAFAFA;margin:0 auto 24px;padding:12px 8px 20px;}
.weiketop .w20{border:none;float:left;width:23%;margin-left:4px;}
.weiketop .w40{border:none;float:left;width:38%;}
.weiketop .list_dl dt b{width:60%;}
.weiketop td,.weiketop th{border-bottom:#BEBEBE solid 1px;text-align:center;}
.weiketop tr{height:26px;line-height:26px;color:#666;}
.weiketop td.nums{font-size:16px;font-family:Arial, Helvetica, sans-serif;}
.weiketop td a{width:100%;height:26px;display:block;}
.weiketop th.tittd,.weiketop td.tittd a{text-align:left;text-indent:.6em;}
.weiketop tr.top1,.weiketop tr.top2,.weiketop tr.top3,#weike .weiketop tr.top1 a,.weiketop tr.top2 a,.weiketop tr.top3 a{color:#E15F1F;}
.weiketop th{color:#666;}
.weiketop .jg10{width:10px;height:100px;display:block;overflow:hidden;float:left;}


.rmb-main-top{ overflow: hidden; /*display: none*/}
.un-content-top{  overflow: hidden;}
.un-content-top iframe{ margin-bottom: 20px!important;}

.page-list{width:100%;padding:20px 0; text-align:center;color:#09479C; font-size:0; clear: both;}
.page-list li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;}
.page-list li:last-child{ display: none;}
.page-list span,.page-list a,.page-list .thisclass{
    font-size:16px;text-align:center;vertical-align:top;
    display:inline-block;*display:inline;*zoom:1;padding:12px 18px; line-height:1em; margin-right:-1px;
    border:#ccc solid 1px;color:#333; font-family:Arial, Helvetica, sans-serif}
.page-list span{ padding-top:9px;}
.page-list var{height:21px;line-height:21px;display:inline-block;margin:0 3px;}
.page-list a:hover{color:#00b38a;text-decoration:none;}
.page-list select{height:26px;line-height:26px;border:#ccc solid 1px; display:none;}
.page-list .thisclass{border-color:#00b38a; background:#00b38a;color:#fff; margin-right:0;}
.page-list a{ text-decoration: none;}
.page-list-article .thisclass a{ padding:0;}

.section-zt .page-ztlist{ margin-bottom: 0;}

.bl-text-list{ overflow: hidden;}

.sim-table{ display: table; width: 100%;}
.sim-table li{ display: table-row;}
.sim-table li span{ display: table-cell; padding:8px; border-bottom: #ddd solid 1px;}

.shuo{ margin-top: 16px;}

/*滚动*/
.lrscroll{ position:relative;width: 100%; }
.lrscroll,
.lrscroll .scrollcon,
.lrscroll .scrolllist{
    display: block;
    width: 100%; height:100%; background-position: 0 0!important;
}

.scroll-fade li{ opacity: 0;}
.section-focus li,
.section-focus li .focus-img{ display: block;
    width: 100%; height:100%; /*background-position: 0 0!important;*/
}

.scroll-hor li{ float: left;}
.scroll-fade li{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    z-index: 1;}
.scroll-fade .lr-scroll-cur{ z-index: 2;}

.lrscroll .scrollcon{z-index: 100;}

.lrscroll .scrollnav{ position:absolute; left:0; right: 0; bottom:2px; z-index: 102; text-align:center;}
/*.scroll-banner .scrollnav a{ width:56px; opacity:0.8;}*/
.lrscroll .focustit{ display: none;}


.full-screen-album-focus{ height: 100%; padding-top: 0; font-family: georgia, Helvetica, Sans-Serif;}
.full-screen-album-focus ul,
.full-screen-album-focus li{ height: 100%; overflow: hidden;}
.full-screen-album-focus li{ overflow: auto; text-align: center;}
.full-screen-album-focus li img{ max-width: 100%;}
.full-screen-album-focus .prev,
.full-screen-album-focus .next{position: absolute; top: 50%; z-index: 100; margin-top: -50px;
    font-size: 64px; color: #00b38a; opacity: 0.3;filter:alpha(opacity=30); transition:opacity .2s ease-in 0s;}
.full-screen-album-focus .prev{ left: 10px;}
.full-screen-album-focus .next{ right:10px;}
.full-screen-album-focus .prev:hover,
.full-screen-album-focus .next:hover{ opacity: 1;filter:alpha(opacity=99);}

.full-screen-album-focus .scrollnav{right: 10px; bottom: 12px; text-align: right;}
.full-screen-album-focus .s-nav-link{display:inline-block; width: 10px; height: 10px; background-color: #fff; margin: 0 12px;}
.full-screen-album-focus .cur{ background-color: #e9b841;}
.full-screen-album-focus:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; height: 40px; background-color: #000; opacity: 0.7;filter:alpha(opacity=70);}

/*会员页面*/
.user-info,.user-info a{ font-size: 12px;}
.user-info{
    background: #fff;
    position: relative;
    padding-top: 58px;
    width: 134px;
    border: 1px #ddd solid;
    text-align: center;
    margin-top: 21px;
}
.user-pic{
    height: 70px;  width: 70px; overflow: hidden;border-radius: 50%;
    position: absolute;  top: -22px;  left: 35px;
}
.user-pic img{ width: 100%; height: 100%;}
.user-num-h{ margin-bottom: 12px;}
.user-num-h a{ font-size: 16px; font-weight: 100; padding: 0 10px;
    display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-num{ overflow: hidden;}
.user-num dd{ float: left; width: 50%; height:60px;}
.user-num .num{ margin-bottom: 4px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-more{
    height: 31px;
    background: #f9f9f9;
    text-align: center;
    line-height: 31px;
}

.text-list-mun .num{background: #adb; color: #fff; border-radius: 2px;}
.text-list-mun .num_top{
    background: #da4f49;
}

/*分类信息编辑*/
.super-edit{}

/*广告*/
.un-article-bottom-text{border:#ddd solid 1px; height: 89px; width: 160px; text-align: center; margin-left: 12px;}
[class^="un-"]:empty{ display: none;}

#unMainTop{margin-bottom: 14px;}
#unMainTop:empty{display: none;}

/*---------默认皮肤（非必需）---------*/
input[type="text"]:focus{ border-color:#00b38a; background-color: #fff;}

.a1{ color: #00b38a;}
.a_,.a_:hover{ text-decoration: underline;}
em,.em{ color: #E84C3D;}

.list-img-text .list-tag a{color: #00b38a;}

.fix-qq .iconfont{ color: #ccc;}
.fix-qq li{ background: #00b38a;}
.fix-qq li:hover{ border-color:#00b38a;}
.fix-qq li:hover .iconfont{color: #00b38a}

.tit02 .tab{ border-bottom: transparent solid 3px; padding: 0 6px; margin-right: 12px;}
.tit02 .tab.cur{
    background-color: transparent; color: #00b38a;
    border-color: #00b38a;
}
.tit02 .tab:hover{background-color: transparent; color: #00b38a;}

.unRelatedSearch{ margin-bottom: 20px; margin-top: -18px;}

/*为移动端准备*/
.header .inbox{ position: relative; overflow: visible;}
.btn-nav-mobile{ position: absolute; right: 0; top:0; z-index: 100; background-color: #fff;
    font-size: 24px; padding:0 16px; line-height: 44px;}
.btn-nav-mobile:hover{ color: #333;}

#64{display: none;}
#lrExceptional{display: none;}

.pc-show{ display: block;}
.mobile-show{ display: none;}
.menu-btn{ display: none;}

#feedAv{ display: none!important;}

.cart-count{ display: none;}

.fix-nav{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff;
    display: flex; box-sizing: border-box; border-top: #eee solid 1px;}
.fix-nav > div{ text-align: center; flex: 1; padding: 6px 0; position: relative;}
.fix-nav a{ display: block;}
.fix-nav p{ font-size: 12px; margin-top:0;}
.fix-nav .iconfont{ font-size: 24px;}
.fix-nav .cart-count{ position: absolute; left: 50%; top: 7px; margin-left:8px;
    background:#ff0000; color: #fff;
    border-radius: 50%; width: 6px; height: 6px; line-height:0; font-size: 0;
}

/*--媒体查询-------------------------------------*/
/*@media screen and (min-width:1440px) and (max-width:1600px){}*/
@media screen and (min-width:1440px){ /*大于等于1440*/
    /*这里是特定的样式表*/

}
@media screen and (min-width:1440px) and (max-width:1920px){

}
@media screen and (max-width:1024px){
    .inbox{width:980px;}
    body{ min-width:980px;}

    .nav-list .one,
    .zt-list a{ padding:0 12px;}
    .images-text01 .ia{ height:140px;}
    .images-text01-col-2 .ia{ height:80px;}
}
@media screen and (max-width:768px){
    .pc-show{ display: none;}
    .mobile-show{ display: block;}
    .menu-btn{ display: block; float: right; margin-left: 12px;}
    .inbox{width:auto; padding: 0 16px; box-sizing: border-box;}
    body{min-width:100%; min-width:auto;}
    .header{ display: none;}
    .bread-nav{ padding: 0;}

    .layout-margin .container{ float: none; margin-left: 0; margin-right: 0;}
    .layout-margin .content,.layout-margin .container-inner{ float: none; margin-left: 0; margin-right: 0;}
    .layout-margin .sidebar-end{ display: none;}

    .search,.nav{ display: none;}

    .h-body .headlines li{ width: 100%;}
    .h-body .section .images-text01 >li{ width: 33.33%;}

    .ui-cols-4 > .col{ width: 50%;}

    .buy-area{margin-bottom: 0;}
    .product-atlas{ float: none; margin-bottom: 16px; width: 100%; height: auto;}
    .product-info{width: 100%; height: auto;}
    .buy-area .fn-btn{ display: block; margin-bottom: 8px;}

    .section-qa{}

    .page-child-nav{ margin-right: -5px;}
    .page-child-nav li{
        width: 33.33%; margin-right: 0; border: none; padding:0;line-height: 32px;
    }
    .page-child-nav li a{ display: block; border: #eee solid 1px; margin-right: 5px; text-align: center;}

    .page-prev .iconfont, .page-next .iconfont{ font-size: 38px;}

    .main-user .sidebar-start{ width:100%; float:none; margin-bottom: 26px; }
    .main-user .user-info{ width: auto;}
    .main-user .user-pic{ left: 50%; margin-left: -36px;}

    .site-bar .start{ margin-right: 20px;}
    #cartStatus{ display: none;}
    .site-bar-user li:nth-of-type(2){ display: none;}
}
@media screen and (max-width:700px){
    .header{ text-align: center; height: 44px; padding-top:0; overflow: hidden}
    .lr-xy{ display: none;}
    .logo{ font-size:22px; font-weight: 400; margin-top: 13px;}
    .logo-a{ display: inline-block; vertical-align: top; width:90px; height: 22px; background-size: 100% 100%;}

    .class-content{ display: none;}
    .list-img-text li{
        display: flex;
        align-items: center;
        flex-direction: row-reverse; /*这个属性就是在水平方向上反转*/
    }
    .list-img-text .bd{
        flex: 1;
    }
    .list-img-text .ia{
        width: 100px;
        height: 68px;
        margin-left: 16px;
        margin-right: 0;
        float: none; display: block;
    }
    .bl-img-text .h{ white-space: normal; line-height: 1.5;}
    .list-img-text .h a{ font-size: 18px;}
    .list-img-text .des{ display: none;}
    .list-img-text .cite{ display: none;}

    .images-text01-list{ margin-right: -16px;}
    .images-text01-list > li{ width: 50%; margin-bottom: 16px;}
    .images-text01-list .in{ margin-right: 16px;}
    .images-text01 .ia{ height:110px;}

    .imglist-icon li{ width: 50%;}
    .imglist-icon-2 li{ width: 100%; }
    .imglist-icon-2 .inner{height: auto; line-height: normal;}

    .h-body .h-ad1{ width: 100%; display: none;}
    .h-body .section-first{ margin-top: 20px;}
    .h-body .section-first .ui-box01{ padding: 0; border: none;float: none; height: auto; margin-bottom: 0;}
    .h-body .section-first .h-ad1{ margin-bottom: 16px;}
    .h-body .section-zt{ display: none;}
    .h-body .section .images-text01{ margin-right: -16px; margin-top: -12px;}
    .h-body .section .images-text01 >li{ width: 50%; margin-top: 12px;}
    .h-body .section .images-text01 .in{ margin-right: 16px;}
    .h-body .section .images-text01 .h{ margin: 0; padding:10px 0}
    .h-body .tit02 .tab{ display: none;}
    .h-body .section-article .col{ width: 100%;}

    .page-list:empty{ display: none;}
    .page-list li:nth-of-type(1),
    .page-list li:last-child{ display: none;}
    .page-list span, .page-list a, .page-list .thisclass{ padding: 8px 12px; font-size: 14px;}

    .related-images-text{ margin-right:0;}
    .related-images-text li{ width: 33.33%;}
    .related-images-text .in{ margin-right: 16px;}
    .related-images-text .ia{ height: 80px;}


    .ptit{ font-size: 22px; line-height: 1.2; margin-top: -4px;}
    .ver-line{ height: 54px;}
    .content .intro{ display:none;}
    .page-image .img{ float: none; margin: 0 auto;}
    .page-image .img-info{ display: none;}
    .down-tools{ text-align: center;}
    .down-tools .comment,.down-tools .to-ask{ display: none;}

    .page-body{ text-align: left;}
    .page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{
        line-height: 1.2; }
    .page-body h2{ margin-top: 20px;}

    .related-articles li{ width: 100%;}
    .baozhuang{ display: none;}

    .full-screen-album-header .h{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .tit01 .h{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left}
    .un-article-bottom-text{ display: none;}

    .footer{ margin-top: 0;}
    .footer .col{ display: none;}

    /*移动端导航*/
    .nav-mobile{ padding: 16px; box-sizing: border-box; overflow: hidden; overflow-y: auto; background-color: #fff;
        height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 999;
        -ms-transform:translate(0,-100%);
        -moz-transform:translate(0,-100%);
        -webkit-transform:translate(0,-100%);
        transform:translate(0,-100%);
        transition-property: all;
        transition-duration: 0.6s;
        opacity: 0;
    }
    .nav-mobile-show{
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
        opacity: 1;
    }
    .nav-mobile .close{ width: 60px; text-align: center;height:60px; line-height:60px;
        position: absolute; right:0; top:0; z-index: 100; background-color: #fff; }
    .nav-mobile .icon-close{ font-size:32px; color: #999;}
    .nav-mobile .close:hover .icon-close{ color: #333;}

    .nav-mobile .sub-nav{
        display: block;
    }
    .nav-mobile .one{ font-size: 18px; display: block; width: 80%;}
    .nav-list-mobile > li{ margin-bottom: 8px;}
    .sub-nav-list{ padding: 6px 0 0 16px;}
    .sub-nav-list a{ line-height: 30px;}


    .un-body-top{ float: none; margin: 0 auto 16px auto;}
}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){

}