﻿@charset "utf-8";

/*base样式*/
@import url("/kr/_lib/css/base.css");

body{ color:#666;}
a:link, a:visited{ color:#666;}
a:hover{ color:#000066;}

/*内容主框架*/
.main_container{ width:932px; position:relative; margin:0 auto;}
.main_container .left_container{ width:212px; float:left;}
.main_container .right_container{ width:700px; float:right;}

/*left*/
.hot_news{ width:100%; margin-bottom:8px; background:url(/kr/images/index/hot_news_bg.gif);}
.hot_news .tt{ float:left; margin-bottom:10px;}
.hot_news .f{ float:left; margin-top:6px;}
.hot_news .list{ width:188px; margin:0 auto;}
.hot_news .list li{ width:100%; height:20px; overflow:hidden;}

/**/
.inf{ width:212px; background:url(/kr/images/index/box_v1_bg.gif); float:left;}
.inf .t{ width:100%; height:5px;}
.inf .f{ width:100%; height:5px;}

/**/
.inf .btn{ width:202px; margin:-4px auto 0;}
.inf .btn div{ float:left; margin-top:5px;}
.inf .btn div a{ width:202px; height:40px; display:block;}
.inf .btn div a.img2{ background:url(/kr/images/index/img_2.jpg) 0 0 no-repeat;}
.inf .btn div a.img3{ background:url(/kr/images/index/img_3.jpg) 0 0 no-repeat;}
.inf .btn div a.img3 .btn_left_a{ display:block; cursor:pointer; width:88px; height:40px; float:left;}
.inf .btn div a.img3 .btn_right_a{ display:block; cursor:pointer; width:112px; height:40px; float:right;}
.inf .btn div a.img4{ background:url(/kr/images/index/img_4.jpg) 0 0 no-repeat;}
.inf .btn div a.img5{ background:url(/kr/images/index/img_5.jpg) 0 0 no-repeat;}
.inf .btn div a.img6{ background:url(/kr/images/index/img_6.jpg) 0 0 no-repeat;}
.inf .btn div a.img7{ background:url(/kr/images/index/img_7.jpg) 0 0 no-repeat;}

/*hover*/
.inf .btn div a.img2:hover{ background:url(/kr/images/index/img_2.jpg) bottom no-repeat;}
.inf .btn div a.img3:hover{ background:url(/kr/images/index/img_3.jpg) bottom no-repeat;}
.inf .btn div a.img4:hover{ background:url(/kr/images/index/img_4.jpg) bottom no-repeat;}
.inf .btn div a.img5:hover{ background:url(/kr/images/index/img_5.jpg) bottom no-repeat;}
.inf .btn div a.img6:hover{ background:url(/kr/images/index/img_6.jpg) bottom no-repeat;}
.inf .btn div a.img7:hover{ background:url(/kr/images/index/img_7.jpg) bottom no-repeat;}

/**/
.inf .btn{ width:202px; margin:-4px auto 0;}
.inf .btn div{ float:left; margin-top:5px;}

/**/
.inf .link{ width:202px; height:114px; background:url(/kr/images/index/link.gif) no-repeat; margin:8px auto 0;}
.inf .link .select{ width:173px; position:absolute; left:13px;}
.inf .link .link2{ top:32px;}
.inf .link .link3{ top:78px;}

/**/
.inf .weather{ width:200px; height:66px; background:url(/kr/images/index/weather_bg.gif) no-repeat; margin:8px auto 2px;}
.inf .weather .weather_icon{ position:absolute; left:8px; top:10px; width:100px; height:50px;}
.inf .weather #weather_scroll{ position:absolute; left:0; width:100px;}
.inf .weather #weather_scroll iframe{ margin:0; float:left;}
.inf .weather_txt{ width:76px; height:46px; position:absolute; left:52px; top:10px; line-height:14px;}
.inf .weather_txt .style_2{ color:#069;}
.inf .weather_txt .style_3{ color:#00f;}
.inf .weather_txt .style_4{ color:#c03;}
.inf .date{ width:66px; height:56px; line-height:16px; position:absolute; left:132px; top:10px; text-align:center; font-size:11px;}

/*right*/
.right_container .left_box{ width:340px; float:left;}
.right_container .right_box{ width:340px; float:right;}
/*quick menu flash*/
.line_1{ width:698px; height:150px;}
.line_1 .tt{ height:22px;}
/**/
.right_container dt{ width:340px; height:28px; margin-bottom:5px; position:relative; background:url(/kr/images/index/tt_bg.gif);}
.right_container dt .tt_img{ position:absolute; left:32px; top:7px;}
.right_container dt .more{ display:block; background:url(/kr/images/index/more.gif) center center no-repeat; width:38px; height:18px; position:absolute; right:5px; top:6px;}
.right_container dd{ height:29px; line-height:29px; background:url(/kr/images/common/dashed.gif) bottom repeat-x;}
.right_container dd .icon{ width:20px; height:28px; float:left; background:url(/kr/images/common/point.gif) 10px center no-repeat;}
.right_container dd .title{ width:246px; height:28px; float:left;}
.right_container dd .date{ width:68px; height:28px; float:left; font-size:8pt; text-indent:6px;}
/**/
.line_2{ width:100%; height:188px;}
/*
.line_3{ width:100%; height:67px;}
.line_3{ width:100%; height:67px;}
.line_3 a.question{ width:340px; height:51px; background:url(/kr/images/index/questions_img.jpg); display:block;}
.line_3 a.online{ width:340px; height:51px; background:url(/kr/images/index/online_img.jpg); display:block;}

.line_3 a.question:hover{ width:340px; height:51px; background:url(/kr/images/index/questions_img_.jpg); display:block;}
.line_3 a.online:hover{ width:340px; height:51px; background:url(/kr/images/index/online_img_.jpg); display:block;}*/
/**/
/**/
.line_3{ width:100%; height:67px;}
.line_3 div{ width:232px; float:left; text-align:center;}
.line_3 div a{ width:220px; height:51px; display:block;}
.line_3 a.question{ background:url(/kr/images/index/questions_img.jpg);}
.line_3 a.video{ background:url(/kr/images/index/ucc_img.jpg);}
.line_3 a.commend{ background:url(/kr/images/index/commend_img.jpg);}

/*hover*/
.line_3 a.question:hover{ background:url(/kr/images/index/questions_img.jpg) 0 bottom;}
.line_3 a.video:hover{ background:url(/kr/images/index/ucc_img.jpg) 0 bottom;}
.line_3 a.commend:hover{ background:url(/kr/images/index/commend_img.jpg) 0 bottom;}

/**/
.line_4{ width:100%; height:183px;}

.friendly_link{ width:932px; height:82px; position:relative; margin:10px auto 0;}

