body,html,h1,h2,h3,h4,h5,h6,p,div,span,b,strong,i,em,div,ul,li,ol,input,dl,dt,dd{ padding:0; margin:0;}

body{ font-family:"微软雅黑", "宋体"}

ul,ol{ list-style:none;}

a{ text-decoration:none;}

a,input,select,button{ outline:none;}

img{ border:none;}

.clear{ clear:both;}


.w1000{ width:1000px; margin:0 auto;}

.w660{ width:680px;}

.w320{ width:300px;}

.fl{ float:left;}

.fr{ float:right;}




.bark{ background:#ed8a19;}

.red{ background:#e62f34}

.blue{ background:#0aa6e8;}

.green{ background:#64c333;}

.orange{ background:#f7a945;}

.pink{ background:#f15453;}

.qing{ background:#19c8a9;}

.purple{ background:#ea5f8d;}

.zise{ background:#463b7f}



body{ background:#e7e8eb; /*-webkit-filter:blur(4px);*/}

.wrap.on{-webkit-filter:blur(4px);-moz-filter:blur(4px);filter:blur(4px);}



.fixed_bg{ position: fixed; top: 0; left: 0; background:#000; opacity: 0.3; z-index: 9; width:100%; height: 100%; display:none;}









.nav{width:230px; height:100%; background: #1a1a1a; position: fixed; left:-230px; top:0; z-index: 10; overflow:hidden;}

.nav .close{ width: 30px; height: 30px; position: absolute; top:30px; right: 20px; font-size: 22px; color:#fff; opacity:0.7; text-align: center; transition:0.3s; line-height:30px; font-family:"宋体"; cursor:pointer;}

.nav .close:hover{ opacity:1;}



.nav .author{ height:70px; margin-top:70px;  padding:0 20px; margin-bottom:30px;}

.nav .author img{ border-radius:50%; border:2px solid #b9b9b9; box-shadow:0 0 0px 1px #000; float:left; width:64px;}

.nav .author h3{ float:left; width:100px; font-size:14px; color:#7f7f7f; font-weight:100; margin-left:15px; padding-top:10px; line-height:1.7em;}

.nav .author h3 span{ display:block; font-size:12px; color:#c1c1c1; }

.nav_list{ margin-bottom:30px;}

.nav_list h3{ font-size:12px; color:#6a6a6a; font-weight:100; padding-left:20px; margin-bottom:5px;}

.nav_list a{ display:block; width:460px; overflow:hidden; position:relative; left:0; transition:0.3s;}

.nav_list i,.nav_list b{font-size:14px;color:#c1c1c1; line-height:38px; padding:0 20px; display:block; float:left; width:190px;}

.nav_list i{ font-style:normal;}

.nav_list b{ background:#303030; font-weight:100; padding-left:10px;}

.nav_list a:hover{ left:-220px;}

.nav_logo{ position:absolute; bottom:15px; left:0; width:100%; text-align:center;}

.nav_logo img{}

.nav_logo h4{ color:#c1c1c1; font-weight:100; font-size:12px; padding:4px 0;}







.header{ width:100%; height:60px; background:#fff; overflow:hidden;}

.hd_con{ height:60px;position:relative;}

.hd_con .btn{ width:22px; height:17px; background:url(../images/icon_bg.png) no-repeat left top; position:absolute; top:19px; left:25px; cursor:pointer;}

.hd_con .logo{ position:absolute; left:50%; margin-left:-90px; top:50%;margin-top:-56px;}

.hd_con h1 { position:absolute; right:25px; top:15px; font-weight:100; font-size:12px; text-align:right;  line-height:1.2em;}

/*add_new_begin*/
#element_to_pop_up_add { display:none;background-color: #fff;border-radius:10px 10px 10px 10px;color:#111;width:450px;height: 300px;}
#element_to_pop_up_del { display:none;background-color: #fff;border-radius:10px 10px 10px 10px;color:#111;width:400px;height: 200px;}
.pop_up_div{padding:20px; margin-top:10px;}
.pop_up_div_son{ margin-top:10px;margin-bottom:10px;}
.pop_up_div_son span{ margin-right:20px; width:100px; text-align:right; display:inline-block; line-height:34px; color:#333;}
.pop_up_div_son span i{ font-style:normal; color:#c00; line-height:34px;}
.pop_up_div_son input{ width:230px; padding:0 10px; height:32px; border:1px solid #ccc; border-radius:3px; transition:0.3s; font-size:14px;}
.pop_up_div_son input:focus{ border-color:#0093fe; box-shadow:0 0 10px  rgba(0,147,254,0.3);}
.pop_up_div_son button{width:140px; height:32px;  background: rgba(0,147,254,0.8); font-size:16px;transition:0.3s;  border-radius:3px;  display:block; color:#fff; border:none; margin:20px 0 0 120px; cursor:pointer;}
.pop_up_div_son button:hover{ background:rgba(0,147,254,1); }
.pop_up_div_son select{ height:32px; border:1px solid #ccc; color:#333;}

.hd_con .qq_connect { position:absolute; right:120px; top:15px; line-height:1.2em;}
.hd_con .user_info { position:absolute; right:120px; top:15px; line-height:1.2em; font-weight:100; font-size:12px;}
.hd_con .user_info .user_avatar { float:left;margin-right:5px; }
.hd_con .user_info .user_name_logout { float:right;}
.hd_con .user_info .user_name_logout a { color: #999;}
.box .title .edit{ float:right; font-size:16px; font-weight:100; padding-left:20px; position:relative;}
.box .title .edit a {margin-right: 5px;}
.con .icon_del {padding-left:10px; }
/*add_new_end*/

.hd_con h1 a{color:#999;}

.hd_con h1 a:hover{ color:#000;}

.hd_con h1 strong { font-weight:100; display:block;}

.hd_con h1 strong a{ color:#111;}







/*百度一下*/

.baidu{ width:700px; height:39px;  margin:20px auto;}

.baidu form a{ display:block; float:left; width:120px; height:39px; background:url(../images/baidulogo.png) no-repeat left top; margin-right:30px;}

.baidu form a i{ display:block; width:120px; height:0px; overflow:hidden; transition:0.3s; background:url(../images/baidulogo.png) no-repeat left -39px;}

.baidu form a.on i{ height:39px;}

.baidu form .word{ width:379px; height:37px; border:1px solid #ccc; border-right:none; background:#f7f8f9; display:block; float:left; transition:0.3s; padding:0 10px; line-height:39px; color:#444; font-size:14px;}

.baidu form .word.on{background:#fff; border:1px solid #21aeea; border-right:none;}



.baidu form .btn{ width:150px; height:39px; border:none; background:#ccc; color:#fff; font-size:14px; cursor:pointer; transition:0.3s;}

.baidu form .btn:hover,.baidu form .btn.on{ background:#21aeea;}

/*百度一下 end*/











.box{ min-height:50px; border:1px solid #d2d2d2; background:#fff; margin-top:20px; position:relative;}

.box .title{ line-height:38px; height:38px; border-bottom:1px solid #d2d2d2; position:relative;padding:0 25px;}

.box .title span{ position:absolute; left:0; top:0; width:2px; height:39px; display:block;}

.box .title h2{ float:left; font-size:16px; font-weight:100; padding-left:20px; position:relative; padding-right:10px; color:#333;}

.box .title h2 i{ width:15px; height:15px; display:block; background:url(../images/icon_bg.png) no-repeat; position:absolute;top:12px;left:0;}

.box .title p{ float:left; background:#0aa6e8; height:26px; font-size:12px; line-height:26px; margin-top:7px; padding:0 10px; color:#fff; border-radius:3px; position:relative;left:20px; opacity:0; transition:0.5s;}

.box .title p i{ display:block; width:0px; height:0px; border:5px solid transparent; border-right:5px solid #0aa6e8; position:absolute;left:-10px; top:8px; }

.box .title:hover p{ left:0;opacity:1;}

.box .con{ padding:25px; }

.box .con li{ width:25%;  height:28px; line-height:28px; float:left; backg round:#CC9;margin:2px 0; position:relative;}
.box_bark .con li{ width:16.6%;}

.box .con ul:after{ content:""; display:block; clear:both;}

.box .con li a{ font-size:14px; color:#000; padding-left:24px;}

.box .con li a:hover{ text-decoration:underline; color:#0aa6e8}

.box .con li a i{ display:block; width:16px; height:16px;  position:absolute; left:0; top:7px;}

.box .con li a i img{ width:100%; height:100%;}

.box .more{ display:block; width:20px; height:20px; border:1px solid #d2d2d2; position:absolute; right:-1px; bottom:-1px; text-align:center; line-height:20px; font-size:28px; color:#0aa6e8; font-family:"宋体"; transition:0.3s}

.box .more:hover{ color:#fff; background:#0aa6e8; border:1px solid #0aa6e8}





.box_hot{ margin-top:20px;}

.box_hot .title h2 i{ background-position:left -17px;}

.box_hot .con li{ width:16.6%;}


.box_bark .title h2 i{ background-position:left -201px;}

.box_tuijian .title h2 i{background-position:left -17px;}

.box_design .title h2 i{background-position:left -32px;}

.box_gongju .title h2 i{background-position:left -167px;}

.box_H5 .title h2 i{background-position:left -47px;}

.box_blog .title h2 i{background-position:left -152px;}

.box_zx .title h2 i{background-position:left -62px;}

.box_kd .title h2 i{background-position:left -77px;}

.box_gs .title h2 i{background-position:left -92px;}







.aside{ min-height:300px;}

.box_aside .title{padding:0 10px;}

.box_aside_con{ padding:10px; }





.box_news .title h2 i{background-position:left -107px;}

.box_news_con ul.img{ width:280px; height:174px; position:relative;}

.box_news_con ul.img li{ position:absolute; top:0; left:0; }

.box_news_con ul.img li img{ width:280px; height:174px;}

.box_news ol.num{ text-align:center; font-size:0px; margin-top:10px;}

.box_news ol.num li{ width:6px; height:6px; background:#d2d2d2; display:inline-block; margin:0 3px; cursor:pointer; transition:0.3s;}

.box_news ol li.active{ background:#0aa6e8}










.box_tl .title h2 i{background-position:left -122px;}

.box_tl_con p{ padding:20px 0; color:#666;}

.box_tl_con div{ height:40px; width:100%; border-radius:3px; background:#0aa6e8; text-align:center; line-height:40px; color:#fff; font-size:14px; cursor:pointer; margin-bottom:20px; position:relative; transition:0.3s}

.box_tl_con div:hover{ background:rgba(10,166,232,0.8);}





.box_tl_con div span{ display:block; position:absolute; bottom:70px;left:50%; margin-left:-55px; width:101px; height:101px; background:#0aa6e8; padding:5px;display:none;}

/*.box_tl_con div:hover span{ bottom:50px; opacity:1; display:block;}*/





.box_tl_con div span i{ display:block; border:8px solid transparent; border-top:8px solid #0aa6e8; position:absolute; bottom:-16px; left:50%; margin-left:-8px;}





.box_list .title h2 i{background-position:left -137px;}

.box_list_con li{ line-height:30px; font-size:14px;}

.box_list_con li a{ font-size:14px; color:#333; padding-left:8px; position:relative; transition:0.3s;}

.box_list_con li a:hover{ text-decoration:underline; color:#0aa6e8}

.box_list_con li a i{ position:absolute;left:0; top:50%; margin-top:-1px; display:block; width:3px; height:3px; background:#0aa6e8; border-radius:50%;}



.box_list_con li span{ float:right; color:#666;}






/************灵感创意+酷站推荐*************/
.box_ku .title a{ color:#333;}
.box_ku .title small{
	width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
	
}
.box_ku_con li{ opacity:0.5; transition:0.3s; margin-bottom:10px; position:relative;perspective: 600px; border-bottom:1px solid #e4e4e4; padding-bottom:10px; max-height:320px;}
.box_ku_con li:hover{ opacity:1;}
.box_ku_con li:last-child{ border:none;}


.box_ku_con li a,.box_ku_con li img{ display:block; width:100%;}
.box_ku_con li a{ max-height:220px; overflow:hidden;}

.box_ku_con li p{ position:absolute; width:280px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; padding:0 10px; left:0; bottom:10px; font-size:14px; line-height:30px; transition:0.3s; transform:rotateX(100deg); transform-origin:left bottom;}
.box_ku_con li:hover p{ transform:rotateX(0deg)}


.ku_more{    height: 40px;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    color: #0aa6e8;
	border:1px solid #0aa6e8;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    transition: 0.3s; margin-top:20px; display:block; transition:0.3s}
.ku_more:hover{ background-color:#0aa6e8; color:#fff;}

/************灵感创意+酷站推荐end*************/










/*底部区域*/
.footer{ width:100%; min-width:1000px; background:#06060b;height:200px; color: #60606d; margin-top:40px; position:relative;	}

.footer .wrap {
    width: 1000px!important;
    margin: 0 auto;
	position:relative;
}
.footer .foot-left {
    width: 600px;
    height: 100%;
    margin-top: 45px;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
	float:left;
}
.footer .foot-left .foot-content {
    margin-top: 20px;
}
.footer .foot-content h1{ font-size:12px; display:inline;}
.footer .foot-left a{color: #60606d;}
.footer .foot-left a:hover{color:#31c27c}
.footer .foot-left .foot-copy-right, .footer .foot-right .links {
    margin-top: 27px;
}
.footer .foot-left .foot-copy-right{ margin-top:20px;}

.footer .foot-right {
    width: 320px;
    position: absolute;
    right: 0;
    top: 45px;
}
.footer .foot-right .links-title {
    font-size: 18px;
}
.footer .foot-right .links li {
    float: left;
    padding: 0 2px;
    margin-bottom: 5px;
    margin-right: 15px;
}
.footer .foot-right .links li a {
    color: #60606d; font-size:12px; transition:0.3s;
}
.footer .foot-right .links li a:hover{ color:#31c27c}


.footer .foot-right .share-logos {
    margin-top: 19px; font-size:0px; position:relative; height:30px; 
}
.footer .foot-right .iconfont{ width:30px; height:30px; display:inline-block; background:url(../images/icon-bg.png) no-repeat; margin-right:10px;}
.footer .foot-right .icon-qq{background-position:0 0px;}
.footer .foot-right .icon-zcool{ background-position:0 -30px;}
.footer .foot-right .icon-weixin{ background-position:0 -60px;} 
.footer .foot-right .icon-weibo{ background-position:0 -90px;}
.footer .foot-right .iconfont:hover{ background-position-x:-30px; }

.footer .ewm{ position:absolute; bottom:30px; left:80px; display:none; border:2px solid #fff;}
.footer .icon-weixin:hover .ewm{ display:block;}




.scrollTop{ width:40px; height:40px; background:#38baf1 url(../images/up.png) no-repeat center; position:fixed; cursor:pointer; bottom:60px; left:50%; margin-left:520px; border-radius:4px; transition:0.3s; display:none;}
.scrollTop:hover{ background-color:#16a6ed;}


/*侧栏导航*/
#J_FpLift {
    margin-left: -570px!important;
}
.mui-lift {
    z-index: 999998!important;
}
.mui-lift {
    position:absolute;
    bottom: 40px;
    left: 50%;
    z-index: 9999;
    width: 35px;
    text-align: center;
	
	
}

.mui-lift .mui-lift-nav.nav-header, .mui-lift .mui-lift-nav.nav-header:hover {
    background-color: #00adf9 !important;
}

.mui-lift .mui-lift-nav {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;
    background-color: #666;
    background-color: rgba(0,0,0,.6);
    overflow: hidden;
    font-size: 12px;
}
.mui-lift .mui-lift-nav {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;
    background-color: #666;
    background-color: rgba(0,0,0,.6);
    overflow: hidden;
    font-size: 12px;
	transition:0.3s;
}
.mui-lift .mui-lift-nav .mui-lift-nav-name {
    line-height: 12px;
    width: 24px;
    height: 28px;
    margin: 6px auto;
}

.mui-lift .mui-lift-nav:hover{ background:#333 !important;}


/*返回头部*/
.scrollTop{ width:40px; height:40px; background:#00adf9 url(../images/up.png) no-repeat center; position:fixed; cursor:pointer; bottom:100px; left:50%; margin-left:530px; border-radius:4px; transition:0.3s; display:none;}
.scrollTop:hover{ background-color:#0095d6;}




/*详情页样式*/
.subwrap{margin:40px auto; width:1200px;}
.mainLeft{ width:960px;  float:left; border:1px solid #ccc; background:#fff; padding:10px;}
.mainLeftHeader{ border-bottom:1px solid #e5e5e5; padding:40px 24px 40px; position:relative;}
.mainLeftHeader h1{font-size: 24px;color: #333;font-weight: normal; margin-bottom:10px;}
.mainLeftHeader .info{ font-size:12px; color:#b8b8b8;}
.mainLeftHeader .info a{ color:rgb(10,166,232);}
.mainLeftHeader .info a:hover{ text-decoration:underline;}
.mainLeftHeader .des{ margin-top:20px; font-size:14px; color:#999; text-align:justify; line-height:1.5em; 
background:#ecf5f8; padding:10px;}
.mainLeftHeader .link{ height:42px; display:block; position:absolute; right:24px; top:40px; background:#31c27c url(../images/link-w.png) no-repeat 146px center; color:#fff; line-height:42px; font-size:16px;border-radius:4px; padding:0 54px;}
.mainLeftHeader .link:hover{ background-color:#16b166;}
.mainLeftHeader .link.on{ background:#999}
.mainContent{padding:30px 30px 50px; color:#333;}
.mainContent img{ margin:20px 0; max-width:100%;}
.mainContent p.MsoNormal{ padding-bottom:20px; text-align:justify;}

.showAside{ width:180px;  float:right; border:1px solid #e8e8e8; padding:10px; background:#fff; color:#444;}
.asideBox{ margin-bottom:30px;}
.showAside h2{ font-size:16px; font-weight:600; border-bottom:1px solid #21b0ec; padding:6px 0; margin-bottom:20px;}
.asideBox-hot a{ display:inline-block; border:1px solid #f0f0f0;padding:2px 4px; margin:0 5px 5px 0; font-size:13px; color:#9b9b9b; transition:0.3s;}
.asideBox-hot a:hover{ border-color:#21b0ec; color:#21b0ec;}
.asideBox-new a.item{ width:180px; height:160px; overflow:hidden; display:block; margin-bottom:10px; }
.asideBox-new img{ width:100%; opacity:0.5; transition:0.3s;  display:block; }
.asideBox-new a.item:hover img{ opacity:1;}



.listRow{ font-size:12px; color:#555; margin-bottom:12px; display:block;}
.listRow:hover{ text-decoration:underline; color:#222;}



/*分页样式*/
.page_info{text-align:center;color:#333;margin-top:10px;}
.page_info span{padding:0 2px;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"微软雅黑";font-size:12px;margin-top:10px;}
.page_list a{    background: #fff;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 38px;
    color: #999;
    overflow: hidden;
    border: 1px solid #ccc;
}

.page_list a:hover {
    background: #f6f6f6;
    border: 1px solid #ccc;
    color: #666;
}
.page_list a.on{    
	background: #fff;
    border: 1px solid #344051;
    color: #344051;
    font-weight: 600;
}