@charset "utf-8";
/* CSS Document */

body{ margin:0; background-color:#FAFAFA; }

/* 链接样式 */
.url1 a:link{ color:#FFF; text-decoration:none;}
.url1 a:visited{ color:#FFF; text-decoration:none;}
.url1 a:hover{ color:#00F; text-decoration:underline;}
.url1 a:active{ color:#FFF; text-decoration:none;}

.url2 a:link{ color:#666; text-decoration:none;}
.url2 a:visited{ color:#666; text-decoration:none;}
.url2 a:hover{ color:#666; text-decoration:underline;}
.url2 a:active{ color:#666; text-decoration:none;}

.url3 a:link{ color:#333; text-decoration:underline;}
.url3 a:visited{ color:#333; text-decoration:underline;}
.url3 a:hover{ color:#333; text-decoration:underline;}
.url3 a:active{ color:#333; text-decoration:underline;}

.url4 a:link{ color:#000; text-decoration:none;}
.url4 a:visited{ color:#000; text-decoration:none;}
.url4 a:hover{ color:#FFF; text-decoration:underline;}
.url4 a:active{ color:#000; text-decoration:none;}

/* 浮动样式 */
.f-l{ float:left; }
.f-r{ float:right; }
.c-b{ clear:both; }

/* 首页个人简介区域联系方式图标点击弹窗样式-QQ */
#QQID_box{ width:300px; height:200px; border:3px #186fe7 solid; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:100px; background-color:#FFF; z-index:9999; }
#QQID_box_title{ widows:300px; height:50px; line-height:50px; }
#QQID_box_title span{ float:right; margin-right:10px; font-size:36px; }
#QQID_box_title a:link{ color:#000; text-decoration:none; }
#QQID_box_title a:visited{ color:#000; }
#QQID_ShowBox{ width:300px; height:150px; text-align:center; font-size:16px; font-weight:bold; }

/* 首页个人简介区域联系方式图标点击弹窗样式-微信 */
#weixin_public_box{ width:500px; height:500px; border:3px #186fe7 solid; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:100px; background-color:#FFF; z-index:9999; }
#weixin_public_box_title{ widows:500px; height:50px; line-height:50px; }
#weixin_public_box_title span{ float:right; margin-right:10px; font-size:36px; }
#weixin_public_box_title a:link{ color:#000; text-decoration:none; }
#weixin_public_box_title a:visited{ color:#000; }
#weixin_public_box_QRcode{ width:500px; height:450px; text-align:center; }
#weixin_public_box_QRcode img{ margin-top:50px; }

/* 首页个人简介区域联系方式图标点击弹窗样式-抖音 */
#douyinID_box{ width:500px; height:500px; border:3px #186fe7 solid; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:100px; background-color:#FFF; z-index:9999; }
#douyinID_box_title{ widows:500px; height:50px; line-height:50px; }
#douyinID_box_title span{ float:right; margin-right:10px; font-size:36px; }
#douyinID_box_title a:link{ color:#000; text-decoration:none; }
#douyinID_box_title a:visited{ color:#000; }
#douyinID_box_QRcode{ width:500px; height:450px; text-align:center; }
#douyinID_box_QRcode img{ width:450px; height:405px;}

/* 头部 */
.header{ width:100%; height:90px; background-color:#FFF; }
.header_content{ height:90px; margin:0 auto; width:1200px; }
.logo{ height:90px; }

/* 导航栏 */
.top_nav{ width:100%; height:50px;box-shadow:0 4px 4px #CCC; background-color:#FFF; }
.top_nav_content{ width:1200px; height:50px; line-height:50px; margin:0 auto; }
.top_nav_content ul{ padding:0; margin:0;}
.top_nav_content ul li{ display:inline; }
.top_nav_content a{padding-left:20px; padding-right:20px; height:50px; display:inline-block;}
.top_nav_content a:link{  }
.top_nav_content a:visited{  }
.top_nav_content a:hover{ background-color:#186fe7; }
.top_nav_content a:active{  }
.top_nav_content #current{ border-bottom-color:#186fe7; border-bottom-style:solid; border-bottom-width:3px; height:47px; }

/* 首页图片轮播 */
.index_images_player{ width:372px; height:302px; box-shadow:0 0 6px #CCC; margin-top:10px; float:left; clear:both;}
.d1{width:372px;height:auto;overflow:hidden;border:#666666 0px solid;background-color:#000000;position:relative;}
.loading{width:372px;border:#666666 0px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:272px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.d2{width:100%;height:302px;overflow:hidden; }
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:16px;padding-left:6px;}
#fade_focus img{border:0px;}
#fade_focus ul{display:none;}
.button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#FFCC33;background-color:#FF6633;}

/* 页面内容区域 */
.page_content{ width:1200px; margin:0 auto; }

/* 首页最新日志 */
.newblog{ width:610px; height:302px; float:left; margin-top:10px; margin-left:10px; background-color:#FFF; box-shadow:0 0 6px #CCC; }
.newblog_title{ width:610px; height:50px; line-height:50px;}
.newblog_title b{ margin-left:15px; color:#186fe7;}
.newblog ul{ margin-top:0; margin-left:10px; padding-left:13px; padding-right:5px; }
.newblog ul li{ height:30px; line-height:30px; border-bottom-width:1px; border-bottom-color:#999; border-bottom-style:dashed; list-style-image:url(../images/arw_r.gif); }
.newblog ul li span{ float:right; margin-right:5px; font-size:12px; color:#999;}

/* 首页最新说说 */
.newsay{ float:left; width:198px; height:302px; margin-top:10px; margin-left:10px; background-color:#FFF; box-shadow:0 0 6px #CCC;}
.newsay_title{ white-space:198px; height:50px; line-height:50px; }
.newsay_title b{ margin-left:15px; color:#186fe7;}
.newsay ul{ padding:0; margin:0;}
.newsay ul li{ margin-left:5px; margin-right:5px; list-style-type:none; font-size:12px; color:#666; line-height:18px; margin-top:5px; margin-bottom:5px;}
.newsaytime{ padding-left:5px; padding-right:5px; color:#666; border-bottom-color:#999; border-bottom-width:1px; border-bottom-style:dashed; font-size:12px;}

/* 首页关于我 */
.index_about{ margin-top:10px; float:left; width:198px; height:450px; background-color:#FFF; box-shadow:0 0 6px #CCC;}
.index_about_title{ height:50px; line-height:50px; width:198px; }
.index_about_title b{ margin-left:15px; color:#186fe7;}
.index_about_avatar{ width:198px; height:119px; text-align:center;}
.index_about_nickname{ width:198px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#666; font-weight:bold;}
.index_about_text{ width:198px; font-size:14px; color:#666; line-height:23px;}
.index_about_text p{ margin-left:20px; margin-right:20px;}
.index_about_contact{ width:198px; }
.index_about_contact a{ float:left; margin-left:5px; margin-right:5px; display:block; width:20px; height:16px;}
#contact_ico{ margin-left:39px;}
#qq_contact_ico:link{ background-image:url(../images/contacticon/qq_ico_gray.png);}
#qq_contact_ico:hover{ background-image:url(../images/contacticon/qq_ico_blue.png);}
#weixin_contact_ico:link{ background-image:url(../images/contacticon/weixin_public_ico_gray.png); }
#weixin_contact_ico:hover{ background-image:url(../images/contacticon/weixin_public_ico_green.png) }
#douyin_contact_ico:link{ background-image:url(../images/contacticon/douyin_ico_gray.png); }
#douyin_contact_ico:hover{ background-image:url(../images/contacticon/douyin_ico_black.png); }
#bilibili_contact_ico:link{ background-image:url(../images/contacticon/bilibili_ico_gray.png); }
#bilibili_contact_ico:hover{ background-image:url(../images/contacticon/bilibili_ico_pink.png); }

/* 第二层中间区域 */
.second_center{ width:784px; height:450px; margin-left:10px; margin-top:10px; float:left;}

/* 首页作品展示 */
.index_showworks{ width:784px; height:200px; background-color:#FFF; box-shadow:0 0 6px #CCC; float:left;}
.index_showworks_title{ height:50px; line-height:50px; width:784px; float:left; }
.index_showworks_title b{ margin-left:15px; color:#186fe7;}
.index_showworks_content{ width:784px; height:252px; float:left;}
.showworks_box{ margin-left:10px; margin-top:10px; width:183px; height:111px; float:left; background-color:#c5f1ff; box-shadow: 0 0 8px #999;}
.showworks_box:hover{ background-color:#93d8ff; }
.showworks_box img{ width:71px; height:71px; margin:20px; }
.workImage{ width:111px; height:111px; float:left;}
.workInfo{ height:111px; width:72px; float:left; }
.workInfo_1{ float:left; width:72px; height:40px; line-height:40px; }
.workInfo_1 b{ font-size:14px; color:#333}
.workInfo_2{ float:left; width:72px; height:71px; font-size:12px; color:#666; }

/* 首页最新手工制作 */
.newworks{ width:387px; height:240px; float:left; margin-top:10px; background-color:#FFF; box-shadow:0 0 6px #CCC; }
.newworks_title{ width:387px; height:50px; line-height:50px;}
.newworks_title b{ margin-left:15px; color:#186fe7;}
.newworks ul{ margin-top:0; margin-left:10px; padding-left:13px; padding-right:5px; }
.newworks ul li{ height:30px; line-height:30px; border-bottom-width:1px; border-bottom-color:#999; border-bottom-style:dashed; list-style-image:url(../images/arw_r.gif); }
.newworks ul li span{ float:right; margin-right:5px; font-size:12px; color:#999;}

/* 首页最新画画 */
.newdraw{ margin-left:10px; }

/* 首页留言展示 */
.index_message{ width:198px; height:450px; float:left; background-color:#FFF; box-shadow:0 0 6px #CCC; margin-left:10px; margin-top:10px;}
.index_message_title{ height:50px; line-height:50px; width:198px; float:left;}
.index_message_title b{ margin-left:15px; color:#186fe7;}
.index_message_b1{ float:left; font-size:12px; line-height:15px; margin-left:8px; margin-right:8px; color:#333; width:182px;}
.index_message_b1 b{ color:#186fe7;}
.index_message_b2{ float:left;font-size:12px; height:20px; line-height:20px; color:#333; width:198px; border-bottom:1px #666 dashed; margin-bottom:10px; margin-top:8px;}
.index_message_b2 span{ margin-left:8px;}

/* 首页友情链接 */
.flink{ width:1200px; box-shadow:0 0 6px #CCC; background-color:#FFF; margin-top:10px; float:left;}
.flink_title{ width:1200px; height:50px; line-height:50px;}
.flink_title b{ color:#666; margin-left:15px;}
.fline_content{ width:1200px; height:60px; font-size:12px; }
.fline_content a{ margin-left:20px; margin-right:20px;}

/* 页面底部 */
.footer{ width:100%; height:60px; box-shadow:0 -4px 4px #CCC; margin-top:15px;  padding-top:10px; padding-bottom:10px; background-color:#FFF; }
.footer_b1{ width:1200px; height:60px; margin:0 auto;}
.footer_b2{ width:1200px; height:30px; line-height:30px; font-size:12px; color:#333; }