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



/*mantle begin*/
.mantle {width: 319px; padding: 4px 9px; background-color: #DDDBDC; float: left;}
.slider {height: 300px; width: 305px; background-color: #fff;position: relative; padding: 0 7px;}
.changead_box { width: 305px; display: none;}
.changead_box h3 { height: 38px; line-height: 38px; overflow: hidden;}
.changead_box h3 a:hover { color: #a10000;}
.changead_box .photo { height: 205px;}
.changead_box .photo img { width: 305px; height: 205px; display: block;}
.slider ul { padding-top: 3px;}
.slider ul li { width: 68px; height: 43px; border: 3px solid #C3C3C3; float: left; margin-right: 3px; overflow: hidden; cursor: pointer;}
.slider li.now{ border: 3px solid #AA1B1B;}
/*mantle end*/

/*focus_news begin*/
.focus_news { width: 100%; float: left;}
.focus_news h3 { height: 44px; text-align: center; font-size: 18px; font-family: "黑体"; font-weight: normal; line-height: 44px; border-bottom: 1px solid #DDDBDC; overflow: hidden;}
.focus_news h3 a { color: #a10000;}
.focus_news ul { padding: 10px 0 12px 0; float: left; width: 398px;}
.focus_news li { line-height: 25px; width: 398px; float: left; }
.focus_news li a { width: 325px; padding: 0 0 0 20px; height: 25px;background: url(images/arrow.gif) no-repeat 10px 11px; font-size: 14px; display: block; overflow: hidden; float: left;}
.focus_news li .date { float: right; padding-right: 10px; }
.focus_news li a:hover { color: #a10000;}
/*focus_news end*/

/*notice begin*/
.notice { height: 41px; background: url(images/icon.gif) 0 -140px; position: relative; width: 100%; float: left;}
.notice h2 { padding: 17px 0 0 13px;}
#myscroll { width: 310px; height: 27px; overflow: hidden; position: absolute; top: 8px; left: 81px;}
#myscroll ul li { line-height: 27px; padding-left: 20px; background: url(images/arrow2.gif) no-repeat 11px 13px;}
#myscroll ul li a { color: #fff;}
/*notice end*/




/*apply begin*/
.apply { width: 223px;}
.apply .modz-content{ height: 298px;}
.apply ul { padding-top: 10px;}
.apply ul li { line-height: 23px; }
.apply ul li a { display: block;padding: 0 0 0 17px; background: url(images/arrow.gif) no-repeat 9px 10px; width: 193px; height: 23px; overflow: hidden;}
.apply ul li a:hover { color: #a10000;}
/*apply end*/

/*fameroom begin*/
.fameroom { margin-top: 10px;}
.fameroom .title { height: 31px; background: url(images/icon.gif) 0 -200px;}
.fameroom .title h2 { color: #fff; padding: 12px 0 0 21px;}
.fameroom .title .more { float: right; padding: 14px 19px 0 0;}
.fameroom .title .more a { color: #fff;}
.fameroom .centerbg { height: 271px; background: url(images/width.gif) repeat-y;}
.fameroom .prolist { padding: 2px 10px 0 7px;}
.fameroom .prolist li { width: 211px; height: 84px; background: url(images/icon.gif) 0 -250px; margin-top: 3px;}
.fameroom .prolist li img { border: 1px solid #4C4C4C; margin: 12px 0 0 13px; float: left;}
.fameroom .prolist li .info { line-height: 21px; width:100px; padding: 12px 0 0 12px; float: left;}
.fameroom .prolist li a:hover { color: #a10000;}
.fameroom .newslist { padding-top: 10px;}
.fameroom .newslist li { line-height: 23px; }
.fameroom .newslist li a { display: block;padding: 0 0 0 17px; background: url(images/arrow.gif) no-repeat 9px 10px; width: 193px; height: 23px; overflow: hidden;}
.fameroom .newslist li a:hover { color: #a10000;}
.fameroom .bottombg { height: 5px; overflow: hidden; background: url(images/icon.gif) 0 -240px;}
/*fameroom end*/

/*bbs_chat begin*/
.bbs_chat { width: 223px;}
.bbs_chat .modz-content{ height: 201px;}
.bbs_chat ul { padding-top: 10px;}
.bbs_chat ul li { line-height: 23px; }
.bbs_chat ul li a {padding: 0 0 0 17px; background: url(images/arrow.gif) no-repeat 9px 10px; display: block; height: 23px; width: 195px; overflow: hidden;}
.bbs_chat ul li a:hover { color: #a10000;}
/*bbs_chat end*/

/*coachroom begin*/
.coachroom { width: 223px;}
.coachroom .modz-content{ height: 169px;}
.coachroom ul { padding-top: 10px;}
.coachroom ul li { line-height: 23px; }
.coachroom ul li a { display: block;padding: 0 0 0 17px; background: url(images/arrow.gif) no-repeat 9px 10px; width: 193px; height: 23px; overflow: hidden;}
.coachroom ul li a:hover { color: #a10000;}
/*coachroom end*/



/*------------------------ymdo begin------------------------*/
.rsp01{ float:left; width:100%; text-align:center;height:69px; overflow:hidden; margin-top: 10px;}

.mod .tc,.mod .tc01,.mod .bc,.mod .bc01{background:url(images/index.png) no-repeat 0 0;position:absolute;height:4px; position:relative; z-index:999;}
.mod{ width:240px; float:left; margin-right:10px; border:1px solid #969696;position:relative;}
.mod .tc{background:#A10000 url(images/index.png) no-repeat  right -10px; top:-1px; right:-1px;}
.mod .tc01{ width:91px;overflow:hidden; top:0; left:-2px; }
.mod .bc{background-position:right -30px; bottom:-1px; right:-1px;}
.mod .bc01{ width:4px; background-position:0 -20px; left:-2px; bottom:0; overflow:hidden;}
.mod a:hover { color: #a10000;}



.mod .mod_content{ height:218px; width:238px;padding:0 1px; overflow:hidden;}
.mod .mod_content .title{ width:100%; height:24px; background:url(images/index.png) 0 -41px; float:left;}
.mod .mod_content .title .more{ float:right; padding:8px 14px 0 0 ;}
.mod .mod_content .title h2{ float:left; padding:6px 0 0 18px;}
.mod .mod_content ul{ padding-top:10px; float:left;}
.mod .mod_content ul li{ padding: 0 12px 0 20px; margin-bottom:11px; overflow:hidden; width:206px; background:url(images/arrow.gif) no-repeat 11px 5px; height:12px; float:left;}


#evaluation{ width:493px;margin-right:0;}
#evaluation .mod_content{ width:491px;}
#evaluation .mod_content ul{ float:right; width:302px;}
#evaluation .mod_content ul li{ width:270px;}
#evaluation .mod_content .pic{ width:161px; float:left; padding:11px 0 0 19px;}
#evaluation .mod_content .pic li{ width:100%; height:92px; text-align:center; padding:0; background:none; margin:0;}
#evaluation .mod_content .pic li img{ border:1px solid #D3D3D3; padding:2px;}
#evaluation .mod_content .pic li p{ padding-top:7px; height:12px; width:100%; overflow:hidden;}

#knowledge{ margin-right:0; width:241px;}

.mod2 .tc,.mod2 .tc01,.mod2 .bc,.mod2 .bc01{background:url(images/index.png) no-repeat;position:absolute;height:4px; position:relative; z-index:999;}
.mod2{ width:240px; float:left; margin-right:10px; border:1px solid #969696;position:relative;}
.mod2 .tc{ background-position:right -90px; top:-1px; right:-1px;}
.mod2 .tc01{ width:91px; background-position:0 -80px;overflow:hidden; top:0; left:-2px; }
.mod2 .bc{background-position:right -30px; bottom:-1px; right:-1px;}
.mod2 .bc01{ width:4px; background-position:0 -20px; left:-2px;bottom:0; overflow:hidden;}

.mod2 .mod_content{ height:146px; width:238px;padding:0 1px; overflow:hidden;}
.mod2 .mod_content .title{ width:100%; height:24px; background:url(images/index.png) 0 -41px; float:left;}
.mod2 .mod_content .title .more{ float:right; padding:7px 14px 0 0 ;}
.mod2 .mod_content .title h2{ float:left; width:79px; background:url(images/index.png) no-repeat  0 -100px; height:18px;color:#fff; padding:5px 0 0 13px; margin:0 0 0 5px; display:inline;}
.mod2 a:hover { color: #a10000;}

#video .mod_content ul{ padding-top:8px; float:left;}
#video .mod_content ul li{ padding: 0 12px 0 20px; margin-bottom:12px; overflow:hidden; width:206px; background:url(images/arrow.gif) no-repeat 11px 5px; height:12px; float:left;}

#arena { width:493px; margin-right:0;}
#arena .mod_content{ width:491px;}
#arena .mod_content ul{ padding-top:11px; width:468px; margin:0 auto; clear:both;}
#arena .mod_content ul li{ width:117px; text-align:center; float:left;}
#arena .mod_content ul li p{ padding-top:11px; height:12px; width:100%; overflow:hidden;}

#health .mod_content ,#skill .mod_content,#knowledge .mod_content{ height: 224px;}
/*------------------------ymdo end------------------------*/

.rsp02{ float:left; width:100%; text-align:center;height:69px; overflow:hidden; margin-top: 10px;}

/*partner begin*/
.partner { height: 21px; background: url(images/partner.gif); margin-top: 10px; float: left; width: 100%; padding-top: 14px;}
.partner h2 { padding: 0 10px 0 33px; float: left; font-size: 12px;}
.partner .more { float: right; padding-right: 10px;}
.partner p a { float: left; padding: 0 10px; font-weight: bold;}
.partner a:hover { color: #a10000;}
/*partner end*/