@charset "utf-8";

 

.clear{clear:both;}

 

.clear:after {

    content: ".";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}



@media screen and (min-width:1200px)  and  (max-width:2600px)  {

.article-page .article-info1 ,.article-page .article-info1 a{  color: #999;   padding-top: 5px;}

/* --- 公用样式 --- */

.pc{display:block;}

.wap{display:none;}

.left{float:left;}

.right{float:right;}

.img{ transition:all .6s ease; overflow:hidden;}

.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

a:hover{color:#FF6226;}

.wrap{max-width:1180px; margin:0 auto;}



body{font-family:Microsoft Yahei;font-size:14px; background:#fff; color:#333333; line-height:30px;}

a{color:#333333;}

 .top_fixed{ position:fixed; top:0; left:0; z-index:999; }

#top{ background:#000000; color:#fff; line-height:35px;  width:100%; position:fixed; top:0; left:0; z-index:999999;  } 

 #top a{color:#fff; display:inline-block; font-size:14px;    }

	 

 

#top .wrap .top2{ margin-left:100px; margin-top: 5px; height:30px; overflow: hidden; }

#box{    position: relative; margin-top:45px;}

#left-nav{

    width: 160px;

    position: absolute;

   background: #f9f9f9;

    top: 0;    

    z-index: 60;

    height: 100%;

    

}

 

.navmore {

 

    overflow: hidden;  

   display: none;

    background-color: #fff;

    background-color: rgba(255,255,255,.95);

    position: absolute;

    left: 158px;

    top: -1px;

    padding: 13px 30px 0 23px;

    width: 240px;

    color: #191919;  line-height: 24px;

   

    transition: opacity .2s ease-in; width:240px; height:92px; border:#81bf29 1px solid; border-left:none; 

}

.navmore  a{ margin:0 15px 0 0;}

.nav .hover .navmore{ display:block;}

.nav .hover .icon { display:none;}

 .logo {

    width: 160px;

     

    overflow: hidden;

    background: #fff;

    text-align: center;

       padding: 10px 0 20px 0;

}

 

 

 

 

 .se{ margin-top:30px;}

 

 

 

 .nav {

    border-top: 2px #81bf29 solid; background:#f9f9f9; width:160px;

}

 

 .navblk{

    padding: 10px 0 5px;

    position: relative; border:#f9f9f9 1px solid; width:160px;

} 

 .navblk:hover{ background:#fff; border:#81bf29 1px solid; border-right:none;}



 .navblk h4 {

    font-size: 15px;

    font-weight: 700;

    color: #c9141d;

    line-height: 27px;

    padding-left: 17px;

    position: relative;

    z-index: 2;

}



 .navblk  h4 a{ color:#81bf29;}

.navblk h4 span{

    font-size: 18px;

    color: #ccc;

    display: inline-block;

    position: absolute;

    right: 8px;

    top: 0;

    

}

 .navblk p {

    color: #191919;

    line-height: 24px;

    padding-right: 30px;  

    

}

 

.navblk p a { display:inline-block;

  margin:0 0 0 15px;

}



.main{width: 640px;

    margin-left: 180px;}

	.article-page{}

 .search {

    margin: 10px auto 0;     height: 40px;

}

.search .search-input {

    width: 570px;

    height: 40px;

    color: #999;

    font-size: 14px;

    border: 1px silver solid;

    border-right: 0;

    line-height: 38px;

    padding-left: 10px;

    float: left;

    border-radius: 2px 0 0 2px;     display: inline; float:left;

}

.search .search-btn {

    float: right;

    cursor: pointer;

    width: 70px;

    height: 40px; line-height:40px; border:none;

    display: inline-block;

    background: #81bf29;

    text-align: center;

}

.search .search-btn .icon {

    

     color:#fff; font-size:28px; 

} 





/* 本例子css */

		.slideBox{     width: 640px; height: 320px; overflow:hidden; position:relative;  margin:13px auto 0;  }

		.slideBox .hd{ 

    bottom: 0;

    height: 18px;  

    left: 0;

    position: absolute;

    width: 100%;

    text-align: center;

 z-index:1; }

		.slideBox .hd ul{  width: 640px;   height: 23px; text-align:center;  }

		.slideBox .hd ul li{ display:inline-block;  cursor: pointer;

  

        height: 3px;     border-radius: 1px;

     width: 15px; margin: 0 3px 20px 4px;  background: #fff; opacity: .5;

    

    

}  

		.slideBox .hd ul li.on{ opacity:1;}

		.slideBox .bd{ position:relative; height:100%; z-index:0;   }

		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }

		 

		.slideBox .bd li:hover slideBox .prev,.slideBox .bd li:hover slideBox .next{ display:block;}

		.slideBox .bd li p{position:absolute; bottom:0; left:0;  width:100%; height: 60px;

    padding: 10px 15px 0 15px; line-height:20px; font-size:22px; text-align:center; font-weight:bold; 

   

    color: #fff;

    background: #000;

    background: -moz-linear-gradient(top,transparent 0,#333 100%);

    background: -webkit-linear-gradient(top,transparent 0,#333 100%);

    background: -o-linear-gradient(top,transparent 0,#333 100%);

    background: -ms-linear-gradient(top,transparent 0,#333 100%);

    background: linear-gradient(top,transparent 0,#333 100%);

    filter: alpha(opacity=50); white-space:nowrap;



overflow:hidden;



text-overflow:ellipsis;}

		.slideBox .bd img{  width: 640px; height: 320px; display:block;  }



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .prev,

		.slideBox .next{      position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/slider-arrow.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox .next{ left:auto; right:3%; background-position: 0 -50px; }

		.slideBox .prev:hover,

		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.slideBox .prevStop{ display:none;  }

		.slideBox .nextStop{ display:none;  }







.news-list .news-box {

    padding: 10px 0;

    border-bottom: 1px #f0f0f0 solid;

    color: #191919;

}

.news-list .news-box h4 {

    height: 63px;

    font-size: 18px; 

    line-height: 24px;

    vertical-align: top;

    padding-top: 7px;

}

.news-list .news-box-txt h4 {

    height: auto;

    padding: 10px 0 15px;

	    font-size: 18px;

    line-height: 24px;

    vertical-align: top; font-weight:400; 

}

.news-list .news-box .other {

    line-height: 20px;

    color: #777;

    height: 20px; font-size:12px;     margin-top: 15px;

}

.news-list .news-box .other span {

    display: inline-block;

    vertical-align: top;

}

.news-list .news-box .other .right{margin-right:10px;}

.news-list .news-box .other span i{ margin-right:5px;}



.news-list .news-box .pic {

    float: left;

    width: 151px;

    height: 101px;

    margin-right: 15px;

    overflow: hidden;

    position: relative;

}

.img-do {

    overflow: hidden;

    transform-style: preserve-3d;

}

.img-do img {

    display: block;

    width: 100%;

    height: 100%;

    transition: transform .5s ease .1s;

    -webkit-transition: -webkit-transform .5s ease .1s;

}

.img-do img:hover {

    transform: matrix(1.04,0,0,1.04,0,0);

    backface-visibility: hidden;

}



.sidebar{width: 340px;

    margin: 10px auto 0;}

	

	

	

	.sidebar .godR  a{ display:block;

    background-color: #f9f9f9;

    padding: 10px 20px;

    margin-bottom: 10px;

}





.bord {

    border-top: 2px #f9f9f9 solid; 

	margin: 0 auto 10px;

    background: #f9f9f9;

}

.recommend {

    padding-bottom: 10px;     border-top: 2px #81bf29 solid !important;

    height: auto;

}



.titleR {

    height: 25px;

    padding: 6px 20px 0;

    color: #191919;

    line-height: 25px;

    text-align: right;

    position: relative;

}

.titleR .tt {

    font-size: 16px;

    float: left;

    font-weight: 700;

}

.recommend .pic-txt {

    padding: 10px 0;

    width: 300px;

    line-height: 16px;

    margin: 0 auto;

}

.recommend .pic-txt .pic {

    width: 50px;

    height: 50px;

    margin-right: 10px;

    float: left;

    overflow: hidden;

}

.recommend .pic-txt .pic img {

    border-radius: 50%;

    width: 50px;

    height: 50px;

}

.bord img {

    display: block;

}

.img-do img {

    display: block;

    width: 100%;

    height: 100%;

    transition: transform .5s ease .1s;

    -webkit-transition: -webkit-transform .5s ease .1s;

}

.recommend .pic-txt h4 {

    font-size: 14px;

}

.recommend .pic-txt p {

    color: #999; margin-top:2px; font-size:12px;     line-height: 16px;  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.hot-article {     border-top: 2px #81bf29 solid !important;

    padding-bottom: 10px;

    height: auto;

}.hot-article .pic-txt {

    padding: 8px 0;

    margin: 0 auto;

    width: 300px;

}

.hot-article .pic-txt .pic {

    width: 90px;

    height: 60px;

    margin-right: 10px;

    float: left;

    overflow: hidden;

    position: relative;

}

.hot-article .pic-txt .pic a{ display:block; width: 90px;

    height: 60px;}

.hot-article .pic-txt .pic a:hover img {

    transform: matrix(1.04,0,0,1.04,0,0);

    backface-visibility: hidden;

}

.hot-article .pic-txt .sn {

    width: 100%;

    height: 60px;

    padding-top: 20px;

    background-color: rgba(0,0,0,.3);

    position: absolute;

    left: 0;

    top: 0;

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    text-indent: 10px;

}

.hot-article .pic-txt h4 {

    padding-top: 0;

    height: 44px;

    overflow: hidden;

}

.hot-article .pic-txt p  {

    text-align: right; 

    padding-top: 4px;

    line-height: 1;

    

}

.hot-article .pic-txt p  a{font-size:12px; color: #999;}

.cooperation {

    padding-bottom: 10px; border-top: 2px #81bf29 solid !important;

}



.cooperation .cooper {

    font-size: 14px;

    line-height: 34px;

    color: #e3e3e3; text-align:left; clear:both;

    padding: 0 20px;

}

.cooperation .cooper a {

    color: #666;

    display: inline-block;

}



.pages-fun {

    margin: 10px auto 0;

}.pages-fun li {

    width: 100px;

    float: left;

    position: relative; text-align:center;

    height: 90px;

}

.pages-fun li a {

    height: 68px;

    background: #f9f9f9;

    text-align: center;

    padding-top: 22px;

    line-height: 20px;

    display: block;

    color: #191919;

}

.pages-fun .contact-fun a { display:block;

    height: 90px;

    padding-top: 19px;

}

.pages-fun .contact-icon {

    width: 30px;

    height: 31px;

    background:url(../images/lx.png)  no-repeat 0 0;

    display: block;

    margin: 0 auto 6px;

}

.pages-fun .contact-fun a:hover .contact-icon{background-position:0 -40px}

.page{ margin-top:20px; text-align:center;}

.page a{ display:inline-block; border:1px #f0f0f0 solid; padding:0px 11px;}

.page a:hover,.page span{display:inline-block; border:1px #81bf29 solid; padding:0px 11px; background:#81bf29; color:#fff;}

.footer {

    border-top: 2px solid #eee; margin-top:20px;

    clear: both;

    color: #aaa;

    font-size: 12px; line-height:20px;

   

    padding: 20px 0 5px 0;

   

    z-index: 1;

}

.footer a{color: #aaa;}







.article-page .text-title h1 {

    font-size: 24px;

    font-weight: 700;

    line-height: 38px;

    color: #191919;

}

.article-page .article-info {

    font-size: 14px;

    line-height: 20px;

    color: #999;

    padding-top: 15px;

}

 

#mp-editor {

    width: 100%;

}

#mp-editor a{color: #FF6226;}

#mp-editor {

    font-size: 16px;

    box-sizing: border-box;

    line-height: 1.9;

    outline: 0;

    overflow-y: auto;

    tab-size: 4;

    -moz-tab-size: 4;

    text-align: left;

    word-wrap: break-word; color: #191919;

    

    line-height: 30px;

    padding-top: 25px;

}

.article-page .article {

    color: #191919;

    font-size: 16px;

    line-height: 30px;

    padding-top: 5px;

    overflow: hidden;

}

.article-page .statement {

    color: #999;

    line-height: 16px;

}

.article-page .bottom-relate-wrap {

    padding-bottom: 8px;

}

.article-page .bottom-relate-wrap .bottom-relate-tag {

    display: inline-block;

    width: 550px;

}

.article-page .article-bottom-banner {

   

    margin-top: 25px;

    overflow: hidden;

}

.article-page .bottom-relate-wrap .read-wrap {

    float: right;

    margin-top: 24px; font-size:12px;

}

#mp-editor blockquote, #mp-editor h1, #mp-editor h2, #mp-editor h3, #mp-editor h4, #mp-editor h5, #mp-editor h6, #mp-editor ol, #mp-editor p, #mp-editor pre, #mp-editor ul {

    margin: .53em 0;

    padding: 0;

    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;

}

.article img{
    margin: 1.5em auto;
    display: block;
    border-radius: 35px;
}

.article-page .groom-read .title {

    height: 19px;

}



.article-page #backsohucom .backword {

    display: inline-block;

    height: 15px;

    line-height: 15px;

    padding-left: 5px;

    font-size: 15px;

    color: #539ff3;

}

.article-page #backsohucom .backsohu {

    margin-right: 5px;

    width: 15px;

    height: 15px;

    background: url(../images/logo1.png) center no-repeat;

    display: inline-block;

    vertical-align: top;

}



.article-page .article-bottom-banner .tag {

    display: inline-block;

    color: #999;

    height: 20px; line-height:20px; font-size:12px;

    background: #f9f9f9;

    border-radius: 10px;

    padding: 0 8px;

    margin-right: 4px;

}



.article-page .groom-read .title {

    height: 19px;

}

.article-page .groom-read .title span {

    color: #191919;

    float: left;

    font-size: 18px;

    line-height: 1;

    font-weight: 700;

}

.article-page .groom-read .title .ln {

    float: left;

    width: 4px;

    height: 19px;

    background: #fdd000;

    border-radius: 2px;

    margin-right: 12px;

}

#box .left_fixed{visibility: visible; position: fixed;  top:45px;}

#box .right_fixed{visibility: visible; position: fixed; top:45px; width:340px;}

.hg{ height:13px;}

.godR a{  position:relative; display: block;}

.god-mark {

    position: absolute;

    right: 0;

    bottom: 0;

    padding: 0 5px;

    height: 20px!important;

    text-align: center;

    display: inline-block;

    line-height: 20px;

    color: #fff;

    background-color: rgba(0,0,0,.4);

    border-radius: 8px 0 0 0;

    z-index: 2;font-size: 12px;

}

.sidebar .godR a  .god-mark { bottom:10px; right:20px;}

    #slideBox li .god-mark {  top: 0;

bottom: aotu;

 border-radius: 0 0 0 8px;}

.news-list .godR{ margin:15px 0 5px 0;}

.showgg{ margin:5px 0;}



.float-links {

    width: 60px;

    position: fixed;  height:130px;

    bottom: 100px;

    left: 47.4%;

    margin-left: 650px;

}

.float-links li {

    width: 100%;

    height: 60px;

    margin-top: 3px;

    background: #999;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

}

.float-links .prize-survey {

    background: #0096a5; 

}

.float-links .prize-survey a,.float-links .prize-survey a:hover{color:#fff;}

.float-links li a em {

    display: block;

    padding-top: 14px;

}

.float-links .back-top {

    background: inherit;

}

.float-links .back-top a {

    background: #999; display:block;   height: 60px;

}

.float-links li .icon {

    width: 24px;

    height: 12px;

    margin: 0 auto; display: inline-block;

    vertical-align: top;

}

 

.float-links .back-top a:hover {

    background: #666;

}

.float-links .back-top .icon {

    background:url(../images/up.png) no-repeat 0 -20px;

    margin-top: 24px;

}

  .backword{    color: #539ff3;}

   .black_overlay{ 

            display: none; 

            position: fixed;

            top: 0%; 

            left: 0%; 

            width: 100%; 

            height: 100%; 

            background-color: black; 

            z-index:1001; 

            -moz-opacity: 0.5; 

            opacity:.50; 

            filter: alpha(opacity=35); 

        } 

        .white_content { 

            display: none; 

             position: fixed;

			 border: 1px #e7e7e7 solid;

    background: #fff;

    width: 730px;

    height: 640px;

            top:50%; 

            left:50%;  margin-left:-365px; margin-top:-320px;

            

            padding: 20px;  

           

            z-index:1002; 

            overflow: auto; 

        } 

  

 

.white_content .us-tt {

	font-size:16px;

	line-height:28px;

	text-align:center;

	padding-top:25px

}

.white_content .icon-close{

	position:absolute; 

	right:15px;

	top:15px

}

.white_content .box { 

	padding-top:10px

}

.white_content .box h4 {

	font-size:14px;

	line-height:20px;

	padding-bottom:8px;color: #f90a0a;

}

.white_content .box .tt {

	font-size:14px;

	line-height:28px;

	float:left;

	width:102px

}

.white_content .box .radio-sel li {

	height:30px;

	line-height:30px;

	cursor:pointer

}

 

 

.white_content .box .write-need textarea {

	font-size:12px;

	border:1px #e7e7e7 solid;

	color:#999;

	line-height:20px;

	padding:5px 10px;

	height:100px;

	width:664px;

	overflow:hidden;

	border-radius:5px;

	resize:none;

	outline:0

}

.white_content .box .write-need textarea:focus {

	color:#191919

}

.white_content .box-pic {

	padding-top:10px;

	height:40px

}

.white_content .box-pic .tt {

	padding-top:7px

}

.white_content .add-file {

	overflow:hidden;

	 

	height:30px;

	position:relative;

	float:left;

	margin-top:5px

}

 .white_content .myFile{ border: 1px #e7e7e7 solid;

    height: 28px;

    color: #999;  width: 300px; border-radius: 5px;}

 .white_content .file-btn {

    display: inline-block;

    background: #fdd000; border:none;

    border-radius: 4px;

    cursor: pointer;

    height: 100%;

    line-height: 30px;

    text-align: center;

    width: 70px;

   

}

.radio-sel li{ font-size:12px;}

.white_content .input-mode {

    border: 1px #e7e7e7 solid;

    height: 28px;

    color: #999;

    width: 560px;

    padding-left: 10px;

    border-radius: 5px;

    line-height: 28px;

}

.white_content .btns {

	padding-top:25px;

	text-align:center

}

.white_content .btns .us-btn {

	width:140px;

	height:30px;

	background:#f0f0f0;

	cursor:pointer;

	border-radius:3px;

	color:#999;

	display:inline-block

}

.white_content .btns .us-btn-ok {

	background:#fdd000; border:none;

	color:#191919

}

  

  

 #js_ads_banner_top,#js_ads_banner_top_slide{ display:none !important;}

 .white_content .box .radio-sel li font{ font-weight:bold; color:#F00;}

 

 

 	

	.fixediv{position:absolute;top:35px;z-index:9999;width:90px;  }

.fixediv2{position:absolute;top:335px;z-index:9999;width:90px;  }



.fixediv3{position:absolute;top:35px;z-index:9999;width:90px;  }

.fixediv4{position:absolute;top:335px;z-index:9999;width:90px;  }

 

.fixediv a.close,.fixediv2 a.close,.fixediv3 a.close,.fixediv4 a.close{display:block;height:20px;line-height:20px;    

    color: #999;font-size:12px;padding:0 9px;color:#5e5e5e;text-decoration:none;text-align: right; background: url(../images/3.png) no-repeat 7px 3px #ececec;;

} 

.leftadv{left:5px;}

.rightadv{right:5px;}

.dt,.xt{MARGIN: 0px auto; WIDTH: 1180px; }

.gus{    color: #FF6226;}

    .addxiangg{ margin: 30px 0;}

    .addxianggtit{ margin-bottom: 15px; font-size: 18px;  }

    .addxianggtxt{ line-height: 35px;}

    .addxianggtxt p{ margin-bottom: 15px !important; }

    .addxianggtxt p a{ text-decoration: underline;}

	.mro1{ padding:0 0 0 0;}

	.mro2{ padding:0 0 0 0;}

	.mro3{ padding:0 0 20px 0;}
	
	
	
	
	
	
	 .content-tips {
  
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    color: #F18648;
    font-size: 16px;
    background: rgba(241, 134, 72, 0.06);
    border-radius: 4px;
}
	
	
	
  .content-tips-l {
    width: 528px;white-space: nowrap;     font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}	
 .content-tips-r {
    cursor: pointer;     font-size: 14px;
}	
.iconfont {
   
    font-size: 14px;   font-weight: bold;
  
}
	
.iconfont:before { display: inline-block;
 transform: rotate(180deg) ;
}
	
	
	
	
	
	
	
	

}
.page-h{
    display: none;
}

#mp-editor h3{
    font-weight: bold;
}
#mp-editor ol{
    margin-left: 20px;
}
#mp-editor ol li{
    list-style: auto;
}
.down-list li { 
    /*width: 33.333%; float: left;*/
overflow: hidden; position: relative; }
.down-list li a.dl-link {display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 5px;
    border: #03a9f4 1px solid;
    padding: 10px;
    height: 48px;
    box-sizing: content-box;
    border-radius: 10px;}
.down-list li i { width: 50px; height: 50px; float: left; margin-right: 10px; }
.down-list li i img { width: 100%; height: 100%; }
.down-list li h2 { overflow: hidden; font-size: 14px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; margin-right: 100px; margin-top: 5px; }
.down-list li h2 span { font-size: 12px; color: #8d9ab2; position: absolute; right: 15px; top: 15px; }
.down-list li p { white-space: nowrap; text-overflow: ellipsis; height: 12px; line-height: 12px; padding-top: 5px; font-weight: normal; font-size: 12px; color: #8a8f99; overflow: hidden; box-sizing: content-box;}
.down-list li:hover h2 { color: #1487f4 }
.d-list-hover {display: none;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 10px;
    bottom: 0;
    width: 150px;
    height: 70px;
    background: #03a9f4;
    font-size: 14px;
    line-height: 70px;
    color: #fff;
    text-align: center;}
.d-list-hover em { display: block; font-size: 18px; color: #fff; text-align: center; font-style: normal; }
.down-list li:hover .d-list-hover { display: block; }
.kstgxl{
    float: right;
}
.sxy{
    margin: 20px 0px;
}
.addxianggtxt a{
    color: #FF6226;
}
.pc .dan{
    font-size: 16px;
}