/******* 代码初始化 ********/
@charset "utf-8";
*{word-wrap:break-word;box-sizing: border-box;font-family: MicrosoftYaHei;}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style-type:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
button,input{overflow:visible;vertical-align:middle;outline:0}
body,button,input,select,td,textarea,th{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;background-color: #f3f3f3;}
/*h1,h2,h3,h4,h5,h6{font-size:100%}*/
a,area{outline:0;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none;outline:0}
a.ie6:hover{zoom:1}
a:focus{outline:0}
a:active,a:hover{outline:0}
:focus{outline:0}
sub,sup{vertical-align:baseline}
button,input,select,textarea {line-height:normal;background-color:transparent;border: none;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width:100%;height:auto}
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}
address,article,aside,details,figcaption,figure,footer,header,hgroup,legend,menu,nav,section{display:block;margin:0;padding:0}
time{display:inline}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root){overflow:hidden}
fieldset{border-width:0;padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
.pointer,a[href],button,input[type=submit],input[type=image],label[for],select{cursor:pointer}
.fl{float:left}
.fr{float:right}
.clearfix:after,dl:after,ol:after,ul:after{content:"\200B";display:block;height:0;clear:both}
input::-moz-placeholder, textarea::-moz-placeholder{ color :#ccc; opacity :1; }
input:-webkit-autofill{ background-color :#FAFFBD; background-image :none; color :#000; }
::-webkit-scrollbar-track-piece{ width :6px; border-right :1px solid #EEE; border-left :1px solid #e4e4e4; background-color :#f0f0f0; }
::-webkit-scrollbar{ width :6px; height :10px }
::-webkit-scrollbar-thumb{ position :relative; min-height :25px; background-color :#c2c2c2; background-clip :padding-box; }
::-webkit-scrollbar-thumb:hover{ background-color :#999; }
::-webkit-scrollbar-thumb:active{ background-color :#7d7d7d }



/*btn*/
body{min-width: 1120px;}
.btn {display: inline-block;background-repeat: repeat-x;background-size: auto 100%}
.btn-block {display: block;}
.btn-text {font-size: 14px;line-height: 36px;color: #1072c6}
.btn-text:hover {color: #f676a6}
.btn-text2 {font-size: 12px;line-height: 55px; color: #4b95d1}
.btn-text2:hover{ text-decoration:underline;}
.btn-important {font-size: 14px;line-height: 34px;color: #fff;background-color: #f676a6;border: 1px solid #f676a6;}
.btn-important:hover {background-color :rgba(250, 69, 60, 0.9); color:#fff !important;}
.btn-important-anti {font-size: 14px;line-height: 34px;color: #f676a6;background-color: #fff;border: 1px solid #f676a6;}
.btn-important-anti:hover {color: #fff!important;background-color: #f676a6}
.btn-important-anti:hover {background-color :rgba(250, 69, 60, 0.9); color:#fff !important;}
.btn-radius {border-radius: 90px}

/*icon*/
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;}
.icon-noob,
.icon-intelligent,
.icon-manito,
.icon-k1,
.icon-k2,
.icon-k3 {width: 16px;height: 15px;}
.icon-noob {background-image: url('../images/icon/noob.png')}
.icon-intelligent {background-image: url('../images/icon/K11.png');background-position: 0px 0px}
.icon-manito {background-image: url('../images/icon/manito.png')}
.icon-k1 {background-image: url('../images/icon/k1.png')}
.icon-k2 {background-image: url('../images/icon/k2.png')}
.icon-k3 {background-image: url('../images/icon/k3.png')}

.k_icon{ width: 12px; height: 12px; display: inline-block; margin-left: 6px; vertical-align: middle; background-repeat: no-repeat; background-size: cover; }

/*img*/
.img-response {width: 100%;}

/*title*/
.title-main {padding: 0 20px;background-color: #e8e8e8;border-radius: 0;}
.title-main h3 {display: inline-block;font-size: 18px;line-height: 56px;color: #1d1d1b;font-weight: bolder;}
.title-main a{float: right;font-size: 12px;line-height: 56px;color: #1072c6;}
.cold_d > div:nth-child(2) a{color:#1072c6;font-size: 12px }
.title-black {background-color: #1d1d1b}
.title-black h3 {color: #fff;}
.title-aside h3 {font-size: 18px;line-height: 36px;color: #f676a6;font-weight: bolder}

/*swiper*/
.swiper-container {font-size: 0}
.swiper-pagination-bullet {width: 12px;height: 12px;background: rgba(0,0,0,0.4);border: 2px solid rgba(255,255,255,0.3);}
.swiper-pagination-bullet-active{background: rgba(255,255,255,0.4);border-color: rgba(0,0,0,0.4);}
.swiper-pagination {padding: 0 10px;text-align: right;}
.swiper-button-next, .swiper-button-prev {width: 41px;height: 69px;margin-top: -35px;background: url('../images/icon-slides.png') no-repeat;}
.swiper-button-prev {background-position-x: -84px;position: absolute;top: 50%;}
.swiper-button-next {background-position-x: -125px;position: absolute;right: 0;top: 50%;}
.swiper-button-prev:hover {background-position-x: 0}
.swiper-button-next:hover {background-position-x: -42px}

/*背景渐变*/
.gradient-black {
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/
    background:#737374; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, #000, #737374);
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));
    background:-o-linear-gradient(top, #000, #737374);
}

/*垂直居中*/
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}

/*全屏高度*/
.full-height {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
.full-height>.content {height: 100%;overflow-y: auto}

/*单行文本溢出隐藏*/
.text-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-overflow2 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-overflow3 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*覆盖图标缩放*/
.img-scale {overflow: hidden;}
.img-scale img,
.footer .wechat-code img {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.img-scale img:hover, .footer .wechat-code img:hover {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05);}
.img-scale img{border: none;width: 100%;}

/******* 公共样式 ********/
.container {width: 1120px;margin: 0 auto;}
.content_add{border-radius: 0;margin-bottom: 10px !important;}
.section {margin-bottom: 10px;border-radius: 0;overflow: hidden;}
.section-aside {width: 268px;margin-left: 14px;}
.text-center {text-align: center;}
.text-danger, .height100{ height :100%; }
.vm{ vertical-align :middle !important; }
.clearfix:after{ content :"."; display :block; height :0; clear :both; visibility :hidden }
.clearfix{ *height :1%; }


/******* 文字对齐 *******/
.text-left{ text-align :left; }
.text-right{ text-align :right; }
.text-center{ text-align :center; }
.center{ text-align :center }

/******* 字体加粗 *******/
.text-bold{ font-weight :bold; }

/******* 隐藏显示 *******/
.hide{ display :none; }
.show{ display :block }

/******* 超出是否可见 *******/
.visible{ overflow :visible }
.hidden{ overflow :hidden }

/*******  margin  ********/
.mb0{ margin-bottom :0 !important; }
.ml10{ margin-left :10px; }
.ml20{ margin-left :20px; }
.ml25{ margin-left :25px; }
.ml30{ margin-left :30px; }
.ml40{ margin-left :40px; }
.mr20{ margin-right :20px; }
.mr10{ margin-right :10px; }
.mr60{ margin-right :60px; }
.mr8{ margin-right :8px; }
.mt36{ margin-top :36px; }
.mt30{ margin-top :30px; }
.mt10{ margin-top :10px; }
.mt16{ margin-top :16px; }
.mt20{ margin-top :20px; }
.mar-top-69 {margin-top: 69px;}
.mar-right-20 {margin-right: 20px;}


/******* 字体颜色 ********/
.color1{color: #a5a5a4;}

/******* 字体大小 *******/
.font_12{font-size: 12px;}

/**
 * *****header*****
 */
.header {margin-bottom: 16px;box-shadow: 0 0 4px rgba(52,55,76,.3)}
.header.fixed {height:62px; position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header-top {font-size: 12px;line-height: 26px;color: #a5a5a4;background-color: #1d1d1b}
.header-top li {float: left;}
.header-top a {float: left;height: 26px;color: #a5a5a4;}
.header-top a:hover {color: #fff}
#guanfang_kefu:hover{color: #b4b6c1;}
.header-top .software a {padding-right: 10px}
.header-top .firend-link a {margin-left: 24px;}
.header-top i {margin-top: 5px;}
.header-top a:hover .icon-wechat {background-image: url('../images/icon/wechat_h.png')}
.header-top a:hover .icon-sina {background-image: url('../images/icon/sina_h.png')}
.header-top a:hover .icon-tenweibo {background-image: url('../images/icon/tenweibo_h.png')}
.header-top a:hover .icon-subscribe {background-image: url('../images/icon/subscribe_h.png')} 
.header-top .software {position: relative;}
.header-top .float_ewm {position: absolute;border-radius: 10px;margin-top: 30px;z-index: 100;margin-left: -72px;display: none; }
.header-top .float_ewm img {background-color: transparent;padding: 0;margin: 0; }

.header-nav {height: 62px;background-color: #f676a6;position: relative;z-index: 10;}
.header-nav .header-menu{margin-top: 8px;margin-left: 40px;}
.header-nav .header-menu>li { position: relative; float: left; margin: 0 16px; font-size: 14px; line-height: 50px; border-bottom: 4px solid transparent;}
.header-nav .header-menu>li>a { display: block; color: #10111c; }
.header-nav .header-menu>li>a:hover{ color: #f676a6; }
.header-nav .header-menu>li.active {border-bottom-color: #f676a6}
.header-nav .header-menu>li.active>a{ color: #10111c; font-weight: 700; }
.header-nav .header-menu .layui-icon{ color: #9496a3; font-size: 12px; display: inline-block; -webkit-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.menu_chest1::after{width: 10px;height: 10px;content: '';display: block;border: solid 1px #ddd; border-width: 1px 0 0 1px;position: absolute;top: 40px;left: 50%;margin-left: -5px;transform: rotate(45deg) translate(0, 100%);background: #fff;opacity: 1; transition: all 0.1s ease 0.1s;}
.header-nav .chest-box{ position: absolute; left: 0; width: 100%;height: 166px;padding: 36px 0;  background-color: #fff; z-index: 10;margin-top: 63px;border-bottom: 1px solid #d7d7d7;text-align: center;overflow: hidden;top: 0;visibility: hidden;z-index: 10;}
.chest-box1 {transform: translate(0,0) !important; visibility: visible !important;transform: all 0.4s ease 0.2s !important;}
.hover1{visibility: visible !important;}
.header-nav .chest-box a{ display: inline-block; color: #10111c; position: relative;width: 122px;}
.header-nav .chest-box .line::after{ position: absolute; right: 0;width: 1px;
    height: 60px;top: 50%; margin-top: -32px;background: #d7d7d7;content: "";display: block;}
.header-nav .chest-box a span{display: block;}
.header-nav .chest-box a span.classfiy{margin-top: 18px;}
.header-nav .chest-box a:hover,
.header-nav .chest-box a.active{ color: #f676a6; }
.header-nav .login-info .btnlogin .icon-yonghu-cuxiantiao{vertical-align: middle;font-size: 16px;color: #9496a3;cursor: pointer; position: relative;top: 13px;}
.header-nav .login-info .btnlogin>span{font-size: 12px;position: relative;right: 23px;top: 15px;display: block;color: #10111c;}
.header-nav .login-info .btnlogin i:hover {color :rgba(250, 69, 60, 0.9);}
.header-nav .login-info .btnlogin i:hover .btnlogin>span {color :rgba(250, 69, 60, 0.9);}
.header-nav .login-info .btnlogin>span:hover {color :rgba(250, 69, 60, 0.9);}
.header-nav .login-info img {width: 36px;height: 36px;border-radius: 50%;cursor: pointer;padding: 0;}
.header-nav .login-info .mar_0{margin-top: 19px;margin-left: 25px;}
.header-nav .login-info .ling{margin-top: 14px;margin-left: 20px;}
.red_1{left: -50px !important;}
.header-nav .login-info .ling .icon-xiaoxi{color: #9496a3;}
.header-nav .login-info .ling span{display: block;color: #10111c;margin-left: -3px;margin-top: 2px;font-size: 12px;}
.header-nav .logo img{ display: inline-block; width:140px; height: auto; margin-top: 11px;}
.header-nav .container .fr .write{border: 1px solid #fff;padding: 6px 15px;color: #fff;border-radius: 16px;margin-top: 15px;font-size: 12px;margin-right: 32px;line-height: 1;}
.header-nav .container .fr .write a{color: #fff;}
.header-nav .container .fr .write a i{vertical-align: text-bottom;}
.header-nav .container .fr .write:hover{background-color: #f676a6;color: #ffffff;}
.header-nav .container .fr .write:hover a{background-color: #f676a6;color: #ffffff;}
.header-nav .container .fr .clickSearch{margin-top: 12px;margin-right: 64px;}
.header-nav .container .fr .clickSearch .icon-sousuo-cuxiantiao{vertical-align: middle;font-size: 16px;color: #9496a3;cursor: pointer;}
.header-nav .container .fr .clickSearch span{display: block;color: #10111c;margin-left: -3px;margin-top: 3px;font-size: 12px;}
.header-nav .container .fr .search{display:none;margin-top: 18px; transition: all 1s ease-out}
.inputClick{transform: translateX(-50%);z-index: 1000;}
.header-nav .container .fr .search .icon-cha{font-size: 12px;color: #9496a3;}
.search input {width: 520px;height: 36px;padding: 0 50px 0 10px;font-size: 14px;line-height: 36px;border:0;margin-right: 22px;outline: none;}
.search input:hover{border: 0px !important;}
.search button {display: block;position: absolute;top: 0;left: -24px;width: 36px;height: 36px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#btnlogin{margin-left: -20px;}

/**
 * *****main*****
 */
body:before{ content: ''; display: table; }
.main {margin-top: 80px;clear: both; position: relative;}
.main-content {width: 838px;}
.main-nav>div {margin-bottom: 10px;background-color: #fff}
.main-nav>div >ul >li >a >h3{font-weight: normal;font-size: 15px;line-height: 24px}

/**
 * *****footer*****
 */
.footer {padding-top: 30px;font-size: 12px;line-height: 20px;color: #777776;background-color: #1d1d1b;position: relative;}
.footer a {color: #777777;}
.footer a:hover {color: #fff;}
.footer-logo {margin-right: 40px;color: #fff}
.footer-logo img {margin-bottom: 20px}
.footer h3 {margin-bottom: 14px;color: #fff;}
.footer h3 a{color: #fff; font-weight: 700;}
.footer .webmap{margin-left: 120px;}
.footer .webmap li{line-height: 14px;margin-bottom: 10px}

.footer .friend-link_index{ width: 100%; margin-top: 25px; }
.footer .friend-link_index h3{ margin-bottom: 10px; float: left; line-height: 14px; }

.footer .friend-link {width: 350px;margin-left: 125px}
.footer .friend-link ul {margin-left: -8px}

.footer .friend-link_index li,
.footer .friend-link li {float: left;margin-bottom: 10px;line-height: 14px;}

.footer .friend-link_index li a,
.footer .friend-link li a,.webmap li a,.copyright p a{color: #777777;}

.footer .friend-link_index li a,
.footer .friend-link a {padding-right: 8px;padding-left: 8px;border-right: 1px solid #777776;}

.footer .friend-link_index li a:hover,
.footer .friend-link li a:hover{color: white;}

.footer .friend-link_index li:last-child a,
.footer .friend-link li:last-child a{ border-right: 0 none; }

.footer .wechat-code {text-align: center;color: #fff;width: 100px;}
.footer .wechat-code img {margin-bottom: 14px;cursor: pointer;}
.footer .copyright {margin-top: 10px;padding: 20px 0;border-top: 1px solid #492522;text-align: center;}

/**
 * *****layer*****
 */
.layui-layer {border-radius: 10px!important;}


/*加载更多*/
.load-more {font-size: 14px;line-height: 46px;color: #777776;text-align: center;background-color: #fff;cursor: pointer;}

.btn-color-change:hover{
    background-color :rgba(250, 69, 60, 0.9);
}


/*百度分享*/
.share .bds_weixin {
    background-image: url('../images/icon/weixin.png') !important;
    background-repeat: no-repeat;
}

.share .bds_tsina {
    background-image: url('../images/icon/sina.png') !important;
    background-repeat: no-repeat;
}

.share .bds_tqq {
    background-image: url('../images/icon/qq.png') !important;
    background-repeat: no-repeat;
}

.share .bds_more {
    background-image: url('../images/icon/more.png') !important;
    background-repeat: no-repeat;
}

.share .bds_weixin:hover {
    background-image: url('../images/icon/weixin_h.png') !important
}

.share .bds_tsina:hover {
    background-image: url('../images/icon/sina_h.png') !important
}

.share .bds_tqq:hover {
    background-image: url('../images/icon/qq_h.png') !important
}

.share .bds_more:hover {
    background-image: url('../images/icon/more_h.png') !important
}

/*通用圆角*/
.bor_rds{
	border-radius: 0;
}
.unlinebule{
	color: cornflowerblue;
	text-decoration: underline;
}
/*日期*/
.date_time{
	font-size: 12px;
	color: #a5a5a4;
	font-family: "微软雅黑";
}
/*只显示一行*/
.comment_inner1{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    }   
/*只显示一行*/
.comment_inner2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }   
/*只显示一行*/
.comment_inner3{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }
.comment_inner4{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }
/*.layui-layer{*/
    /*width: 480px !important;*/
    /*height: 220px!important;*/
    /*border-radius:4px !important;*/
    /*background: rgba(0,0,0,0.8) !important;*/
/*}*/
/*.layui-layer-ico{*/
    /*color: red !important;*/
/*}*/
/*.layui-layer-title{*/
    /*background: transparent !important;*/
    /*color: white !important;*/
    /*font-size: 16px !important;*/
/*}*/
.js-read{
    cursor: pointer;
}