/*the common*/
body{ min-width:1000px; font-size:12px; font-family:"SimSun"; background-color:#151515;}
.wrapper{ background:url(/ue3/a/ff14/index/2014/img/wrapper.jpg) no-repeat center top;}
button,input,select,textarea{ vertical-align:baseline; *vertical-align:middle; outline:none}
a:focus,a:active,a:hover{ outline:none}

.c-tx{ color:#23d0ff}
.c-tx:hover{ text-decoration:underline}

.header .mod-link0 a {
    color: #ffe261;
    font-family: "Microsoft Yahei","Simsun",Arial;
    font-size: 18px;
    line-height: 42px;
    position: relative;
    z-index: 55;
}
.header .mod-link0 a:hover {
    text-decoration: underline;
}
.header .mod-link0 .mod-bg {
    background: none repeat scroll 0 0 #000;
    display: block;
    height: 42px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 51;
}
.header .mod-link0 {
    height: 42px;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 210px;
    z-index: 50;
}

.gb-list1 .date{float:right}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2,.gb-list2-c3{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:400px; height:300px; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:none}

.gb-list3{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

.gb-tab{ *zoom:1}
.gb-tab-b1,.gb-tab-b2{ position:absolute; display:none; overflow:hidden; cursor:pointer}

.gb-rank{ *zoom:1}
.gb-rank .item{clear:both;vertical-align:bottom}
.gb-rank .rank-c1{ float:left}
.gb-rank .rank-c2,.gb-rank .info{ overflow:hidden; *zoom:1}
.gb-rank .num{ display:inline;float:left;text-align:center}
.gb-rank .pic{display:none}
.gb-rank .info{display:none}
.gb-rank .title{ overflow:hidden}
.gb-rank .date{ float:right}
.gb-rank .title2{ overflow:hidden; width:98%; white-space:nowrap; text-overflow:ellipsis}

.gb-rank .top{overflow:hidden}
.gb-rank .top .pic{float:left; display:inline; position:relative}
.gb-rank .top .pic a{ display:block}
.gb-rank .top .info{ display:block}
.gb-rank .top .tit{ overflow:hidden}
.gb-rank .top .title{display:none}

.ico-video{ vertical-align:middle; display:inline-block; background:url(/ue3/a/ff14/index/2014/img/sprite-png24.png) no-repeat;}
.ico-video{ width:35px; height:35px; background-position:0 0;}

.ico1{vertical-align:middle; display:inline-block; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat;}
.ico1-arrow{ width:11px; height:11px; background-position:0 -150px;}
.ico1-go{ width:28px; height:13px; background-position: -80px -150px; cursor:pointer}
a:hover .ico1-go{ background-position:-110px -150px;}
.ico1-arrow1{ width:16px; height:16px; background-position: -150px -150px;}
.ico1-thumb{ width:18px; height:16px; background-position: -170px -150px;}
.ico1-adorn{ width:30px; height:27px; background-position:-200px -150px;}

.bt{ display:inline-block; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff; background-color:#c03b00;}
.bt:hover{ text-decoration:underline}

.bt1{ display:block; height:30px; line-height:30px; background:#414147; text-align:center; font-size:14px; color:#8e8e8e;}
.bt1:hover{ background:#23d0ff; color:#fff;}

.bt2, .js-tp{ display:inline-block; background:#24446b; font-size:14px; color:#517ba2; line-height:30px; height:30px; width:140px; text-align:center; font-family:"Microsoft Yahei"}
.bt2:hover, .js-tp:hover{ background:#006ed4; color:#fff;}

.comm-plist .gb-list2-item{ float:left; width:100%;}
.comm-plist .gb-list2-con{ color:#8e8e8e; width:164px; position:relative;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden; border:2px solid #29292b;}
.comm-plist .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:160px; height:111px}
.comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45;}
.comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:33px; margin-left:-17px; z-index:10}
.comm-plist .gb-list2-c2{ padding:5px 0 15px 0; overflow:hidden; text-align:left;}
.comm-plist .gb-list2-c2 .txt{ font-size:14px; height:48px; line-height:24px; overflow:hidden;}
.comm-plist .gb-list2-c3{ position:absolute; z-index:2; top:83px; left:2px; width:150px; padding:0 5px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.comm-plist .gb-list2-c3 .txt{ height:30px; line-height:30px; color:#fff;}
.comm-plist .gb-list2-c3 .mask{ display:block; width:180px; height:30px;}

.comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#23d0ff}
.comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.comm-plist .gb-list2-con:hover .gb-list2-c2 .txt, .comm-plist .gb-list2-con:hover .gb-list2-c2 .date{ color:#23d0ff}

.comm-plist-ex .gb-list2-con{ width:160px;}
.comm-plist-ex .gb-list2-c1{ border:0;}
.comm-plist-ex .gb-list2-c3{ top:91px; left:0; height:20px;}
.comm-plist-ex .gb-list2-c3 .txt{ height:20px; line-height:20px; color:#c7c7c7;}

.comm-plist-ex1 .gb-list2-con{ width:194px;}
.comm-plist-ex1 .gb-list2-c1 .avatar{ width:190px; height:190px}
.comm-plist-ex1 .gb-list2-c3{ width:180px;}
.comm-plist-ex1 .gb-list2-c3{ top:120px;}
.comm-plist-ex1-ex .gb-list2-c1 .avatar{ width:190px; height:148px}
.comm-plist-ex1-ex .gb-list2-c3 .mask{ width:190px;}

.comm-plist-ex2 .gb-list2-item{ padding:6px 0 0 0;}
.comm-plist-ex2 .gb-list2-con{ width:184px;}
.comm-plist-ex2 .gb-list2-c1 .avatar{ display:block; width:180px; height:80px}
.comm-plist-ex2 .gb-list2-c3{ width:170px;}
.comm-plist-ex2 .gb-list2-c3{ top:52px;}

.comm-plist-ex3 .gb-list2-item{}
.comm-plist-ex3 .gb-list2-con{ width:164px;}
.comm-plist-ex3 .gb-list2-c1 .avatar{ width:160px; height:120px}

.comm-plist-ex4 .gb-list2-item{}
.comm-plist-ex4 .gb-list2-con{ width:230px;}
.comm-plist-ex4 .gb-list2-c1{ border:none}
.comm-plist-ex4 .gb-list2-c1 .avatar{ width:230px; height:170px}
.comm-plist-ex4 .gb-list2-c2{ padding:0;}
.comm-plist-ex4 .gb-list2-c2 .txt{color:#8e8e8e; text-align:center; height:32px; line-height:32px;}
.comm-plist-ex4 .gb-list2-c2 .txt a{ font-size:14px; color:#8e8e8e;}
.comm-plist-ex4 .gb-list2-c2 .txt a:hover{ color:#23d0ff}
.comm-plist-ex4 .gb-list2-c3{ left:0; top:140px; width:220px; display:none;}
.comm-plist-ex4 .gb-list2-c3 .mask{ width:230px;filter:alpha(opacity:60); opacity:.60}
.comm-plist-ex4 .gb-list2-con:hover{ cursor:auto}
.comm-plist-ex4 .hover .gb-list2-c3{ display:block;}

.comm-plist-ex5 .gb-list2-item{}
.comm-plist-ex5 .gb-list2-con{ width:675px;}
.comm-plist-ex5 .gb-list2-c1 .avatar{ width:671px; height:200px}
.comm-plist-ex5 .gb-list2-c2{ overflow:hidden; *zoom:1; padding:5px 0 0 0}
.comm-plist-ex5 .gb-list2-c2 .txt{ font-size:16px; font-weight:bold; height:30px; line-height:30px; float:left; width:85%;}
.comm-plist-ex5 .gb-list2-c2 .date{ float:right;  font-size:16px; font-weight:bold; height:30px; line-height:30px; }
.comm-plist-ex5 .intro{ font-size:12px; color:#535353; text-align:left;}

.comm-plist-ex6 .gb-list2-item{}
.comm-plist-ex6 .gb-list2-con{ width:194px;}
.comm-plist-ex6 .gb-list2-c1 .avatar{ width:190px; height:300px}
.comm-plist-ex6 .gb-list2-c2{ text-align:center}
.comm-plist-ex6 .gb-list2-c2 .txt{ height:24px;}

.comm-plist1 .gb-list2-item{ float:left; width:40px; padding:0 9px;}
.comm-plist1 .gb-list2-con{ color:#8e8e8e; width:40px; position:relative;box-shadow:-2px 2px 5px #000;}
.comm-plist1 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist1 .gb-list2-c1 .avatar{ width:40px; height:40px; border-radius:2px; }
.comm-plist1 .gb-list2-c3{ position:absolute; z-index:2; top:0; left:0; width:40px; height:40px; overflow:hidden; display:none;}
.comm-plist1 .gb-list2-c3 .txt{ color:#fff; padding-top:15px; line-height:1.33}
.comm-plist1 .gb-list2-c3 .mask{ display:block; width:40px; height:40px; filter:alpha(opacity:55); opacity:.55}
.comm-plist1 .gb-list2-item-ex .gb-list2-c3 .txt{ padding-top:4px;}
.comm-plist1 .gb-list2-con:hover .gb-list2-c3{ display:block}

/*首页右侧翻页栏添加样式*/
.comm-plist2 .gb-list2-item{ float:left; width:250px; padding:0 9px;}
.comm-plist2 .gb-list2-con{ color:#8e8e8e; width:257px; position:relative;box-shadow:-2px 2px 5px #000;}
.comm-plist2 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist2 .gb-list2-c1 .avatar{ width:256px; height:40px; border-radius:2px; }
.comm-plist2 .gb-list2-c3{ position:absolute; z-index:2; top:0; left:0; width:40px; height:40px; overflow:hidden; display:none;}
.comm-plist2 .gb-list2-c3 .txt{ color:#fff; padding-top:15px; line-height:1.33}
.comm-plist2 .gb-list2-c3 .mask{ display:block; width:40px; height:40px; filter:alpha(opacity:55); opacity:.55}
.comm-plist2 .gb-list2-item-ex .gb-list2-c3 .txt{ padding-top:4px;}
.comm-plist2 .gb-list2-con:hover .gb-list2-c3{ display:block}/



.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; _width:24.9%}
.col5 .gb-list2-item{ width:19.99%;}
.col7 .gb-list2-item{ width:14.28%;}

.comm-tit{ font-size:20px; color:#0469b8; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:"Microsoft Yahei"}
.comm-tit a, .comm-tit a font{ color:#0469b8;}
.comm-tit a:hover{ text-decoration:underline}

.comm-tit1{ font-size:14px; color:#a0814d; font-weight:bold; line-height:24px;}

.comm-txt{ font-size:14px; color:#8e8e8e; line-height:24px; vertical-align:bottom}

.comm-link{ color:#a0814d;}
.comm-link:hover{ color:#23d0ff}
.comm-link span{ margin-right:12px;}
.comm-link .ico1{ margin-bottom:1px;}

.comm-link1{ color:#23d0ff;}
.comm-link1:hover{ text-decoration:underline}

.comm-tlist{ }
.comm-tlist .gb-list3-con{ width:100%;}
.comm-tlist .gb-list3-c1{ margin-left:25px; text-align:center; padding:7px 0 0 0; width:335px; float:right;}
.comm-tlist .gb-list3-c1 a {display:block;}
.comm-tlist .gb-list3-c1 .avatar{ width:335px; height:190px;}
.comm-tlist .gb-list3-c2 .tit{ font-size:12px; color:#333; overflow:hidden; margin-bottom:5px;}
.comm-tlist .gb-list3-c2 .tit a{ color:#333;}
.comm-tlist .gb-list3-c2 .txt{ font-size:12px; color:#8c8e8e; line-height:24px;}
.comm-tlist .more{ text-align:right; margin-top:10px;}
.comm-tlist .gb-list3-c2 .comm-tit{ margin-bottom:10px;}

.comm-tab{height:34px; border-bottom:1px solid #a0814d; *overflow:hidden;}
.comm-tab .gb-tab-item{ float:left; font-size:14px; position:relative; height:35px; z-index:10; margin-right:1px;}
.comm-tab .gb-tab-c{ float:left; height:35px;line-height:35px; width:117px; text-align:center; color:#8e8e8e; font-weight:bold; position:relative;}
.comm-tab .gb-tab-c .b1, .comm-tab .gb-tab-c .b2{ display:none; width:5px; height:5px; overflow:hidden; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat; position:absolute; top:0;}
.comm-tab .gb-tab-c .b1{ background-position:-70px -150px; left:0;}
.comm-tab .gb-tab-c .b2{ background-position:-70px -160px; right:0;}
.comm-tab .gb-tab-item .gb-tab-c:hover{ text-decoration:underline}
.comm-tab .gb-tab-item .current, .comm-tab .gb-tab-item .current:hover{ text-decoration:none; color:#fff; background-color:#a0814d }
.comm-tab .current .b1, .comm-tab .current .b2{ display:block;}

.comm-tab1{ overflow:hidden; *zoom:1; height:41px;}
.comm-tab1 .gb-tab-item{ float:left; height:41px; margin-left:-1px;}
.comm-tab1 .gb-tab-c{ float:left; overflow:hidden; height:41px; line-height:41px; font-size:14px; color:#fff; padding:0 15px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -364px -282px;}
.comm-tab1 .gb-tab-c:hover{ text-decoration:underline}
.comm-tab1 .current, .comm-tab1 .current:hover{ color:#23d0ff; background-color:#29292b; background-image:none; z-index:10; position:relative; text-decoration:none;}

.comm-tab2{ overflow:hidden; *zoom:1;}
.comm-tab2 .gb-tab-item{ float:left; height:35px; margin-left:-1px;background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -364px -286px;}
.comm-tab2 .gb-tab-c{ display:inline-block; overflow:hidden; height:33px; font-size:14px; color:#8e8e8e; padding:0 10px;  position:relative;}
.comm-tab2 .gb-tab-c:hover{ text-decoration:none;}
.comm-tab2 .current{ color:#23d0ff; border-bottom:2px solid #23d0ff; z-index:10;}

.comm-tab3{ overflow:hidden; *zoom:1;}
.comm-tab3 .gb-tab-item{ float:left; width:100%; border-bottom:1px solid #636363;}
.comm-tab3 .gb-tab-c{ float:left; width:100%; overflow:hidden; height:41px; line-height:41px; text-align:center; font-size:16px; color:#8e8e8e; background:#3f3f44; font-family:"Microsoft Yahei"}
.comm-tab3 .gb-tab-c:hover{ text-decoration:none;}
.comm-tab3 .current{ color:#23d0ff; background:#29292b}

.comm-pn-hd{ height:35px; width:100%; overflow:hidden; background:url(/ue3/a/ff14/index/2014/img/sprite.png) repeat-x 0 0; position:relative}
.comm-pn-hd .tit{ color:#fff; font-size:16px; float:left; font-weight:bold; line-height:35px; padding-left:15px}
.comm-pn-hd .ico1{ float:left; margin:11px 8px 0 0;}
.comm-pn-hd .more{ position:absolute; right:10px; top:0; line-height:35px;}
.comm-pn-hd .more a{ color:#8e8e8e;}
.comm-pn-hd .more a:hover{ color:#23d0ff;}

.comm-pn1{ position:relative;*zoom:1;}
.comm-pn1-hd{ height:38px; position:relative; *zoom:1;}
.comm-pn1-hd .tit{ color:#8e8e8e; font-size:18px; font-weight:bold; height:33px; line-height:33px; padding-top:4px; border-top:1px solid #2d2d2d; font-family:"Microsoft Yahei"}
.comm-pn1-hd .num{ float:left; width:38px; height:38px; background-color:#046dbf; font-size:30px; color:#fff; font-weight:bold; text-align:center; line-height:38px; margin-right:15px;}
.comm-pn1-hd .more{ position:absolute; right:0; top:4px; line-height:33px;}
.comm-pn1-hd .more a{ color:#8e8e8e;}
.comm-pn1-hd .more a:hover{ color:#23d0ff;}

.comm-pn2-hd{ height:34px; line-height:34px; border-bottom:1px solid #3f3f44;}
.comm-pn2-hd .tit{ color:#fff; font-size:14px; float:left; height:34px; padding:0 5px; font-weight:bold;}
.comm-pn2-hd .more{ float:right; padding-right:5px;}
.comm-pn2-hd .more1{ float:left; padding-left:17px;}
.comm-pn2-hd .more1 a{ color:#8e8e8e;}
.comm-pn2-hd .more a{ color:#8e8e8e;}
.comm-pn2-hd .more .sep{ color:#bbb; margin:0 4px 0 6px;}
.comm-pn2 .gb-tab{ float:left;}
.comm-pn2-hd .more a:hover{ color:#23d0ff}

.comm-pn3-hd{ height:45px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) repeat-x 0 -100px;}
.comm-pn3-hd-in{ height:45px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat 0 -50px;}
.comm-pn3-hd .tit{ color:#fff; font-size:20px; line-height:45px;  float:left; padding-left:44px; font-weight:bold;font-family:"Microsoft Yahei"; margin-right:27px;}
.comm-pn3-hd .more{ float:right; line-height:45px; color:#fff; padding-right:10px;}
.comm-pn3-hd .more a{ color:#fff; margin:0 5px;}
.comm-pn3-hd .more a:hover{ text-decoration:underline}
.comm-pn3-hd .gb-tab{ float:left;}
.comm-pn3-hd .comm-tab1{ margin-top:4px;}
.comm-pn3-bd{ background-color:#29292b;}

.comm-pn4{}
.comm-pn4-hd .tit{ font-size:18px; color:#a0814d; font-family:"Microsoft Yahei"; font-weight:bold; line-height:34px; margin-bottom:10px;}

.news-list{ overflow:hidden; zoom:1; padding:12px 5px 0 5px;}


.news-list li{ height:24px; line-height:24px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .line{ height:10px; margin-bottom:8px;}
.news-list .line{ border-bottom:1px dotted #474747;}
.news-list .date{ font-size:12px; color:#535353; float:right;}
.news-list .tit{padding-left:14px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -360px -191px; display:block; width:83%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  color:#8e8e8e;}
.news-list .tit a{ font-size:14px; color:#8e8e8e;margin-right:10px;}
.news-list .tit a:hover{ color:#23d0ff;}

.news-list-ex .tit{ padding-left:8px; background-position: -363px -239px;}

.news-list-ex1 .cate{ float:left; font-size:14px; color:#8e8e8e;}
.news-list-ex1 .tit{ width:85%; background:none; padding-left:5px;}
.news-list-ex1 .tit a{}

.news-list1{ overflow:hidden; zoom:1; font-size:12px;}
.news-list1 li{ height:18px; line-height:18px; overflow:hidden; white-space:nowrap; float:left; width:100%; padding:2px 0 3px 0;}
.news-list1 .date{ float:left; width:52px; height:18px; text-align:center; color:#fff; background-color:#cc3300; margin-right:8px;}
.news-list1 .cate{ color:#333; float:left;margin-right:8px; font-weight:bold}
.news-list1 .tit{ float:left; width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list1 .tit a{ color:#333;}
.news-list1 .tit a:hover{text-decoration:underline;}

/*the header*/
.header{ width:1000px; height:385px; margin:0 auto; position:relative; z-index:100}

.logo-dnf{ position:absolute; left:10px; top:30px;}


.logo{display:block; width:272px;ine-height:1.3;color:#3362a8;text-align:center;font-family:"Microsoft YaHei"; font-weight:bold; position:absolute; left:515px; top:50px;}
.logo span{display:block;}
.logo .cn{font-size:22px;}
.logo .en{font-size:16px;}
.h1logo a:hover, .logo:hover{ text-decoration:none;}

.nav-wrap{ position:absolute; left:0; bottom:0;}
.main-nav{ width:1000px; height:40px; background-color:#046dbf; position:relative; z-index:10}
.main-nav-list{}
.main-nav-item{ float:left; position:relative; margin:0 -1px;}
.main-nav-con{ float:left; height:40px; line-height:37px; _line-height:40px; padding:0 25px; font-size:18px; font-family:"Microsoft YaHei"; position:relative;background-color:#046dbf; color:#fff; border-left:1px solid #073f82;}
.main-nav-con:hover{ background-color:#004ba5}
.has-sub .main-nav-con{ padding-right:37px;}
.main-nav-con .ico1-arrow{ position:absolute; top:15px; right:18px;}
.sub-nav-show .main-nav-con{ background-color:#004ba5}
.sub-nav-show .main-nav-con .ico1-arrow{ background-position:-20px -150px;}

.sub-nav-list{ display:none; width:116px; background-color:#004ba5; position:absolute; left:0; top:40px; padding-bottom:5px;}
.sub-nav-con{ display:block; height:25px; line-height:25px; border-width:1px 0 0 0; border-style:solid; border-color:#0b51a6; font-size:12px; color:#368ccf; padding-left:27px;}
.sub-nav-con:hover{ color:#fff; text-decoration:none;}

.fast-track{ overflow:hidden; *zoom:1; padding:12px 0 9px 0;}
.fast-track .item{ float:left; padding:0 10px 1px 20px; font-size:0; line-height:25px; white-space:nowrap}
.fast-track .aline{ float:none; overflow:hidden; *zoom:1; clear:both; padding-top:4px; padding-bottom:4px;}
.fast-track .tit{ float:left; font-size:12px; font-weight:bold; color:#a0814d; margin-right:5px;}
.fast-track .con{ float:left; font-size:12px; white-space:nowrap}
.fast-track a{ color:#a0814d}
.fast-track a:hover{ color:#23d0ff;}
.fast-track .sep{ margin:0 7px 0 6px; color:#a0814d}

.nav-wrap .fast-track{ min-height:65px; _height:65px; padding-right:220px; width:780px; overflow:hidden; position:relative}
.nav-wrap .fast-track .item{ line-height:22px; padding-bottom:0}
.nav-wrap .fast-track-mask{ display:block; z-index:-1; position:absolute; top:0; left:0; width:1000px; height:86px; background:#000; filter:alpha(opacity:40); opacity:.40}
:root .nav-wrap .fast-track-mask{ filter:none \0}

.channel-box{ width:220px; height:125px; overflow:hidden; position:absolute; right:0; bottom:0; background-color:#a0814d; border-left:1px solid #0d0d0d; box-shadow:-1px 0 2px #182c31; z-index:11}
.channel-c1{ overflow:hidden; *zoom:1;font-family: "Microsoft Yahei"}
.channel-c1 .item{ float:left; height:39px; text-align:center; line-height:39px; color:#fff; font-size:18px; border-bottom:1px solid #6d5020; background-color:#a0814d}
.channel-c1 .item:hover{ background-color:#b7945a; color:#fff;}
.channel-c1 .item1{ width:109px; border-right:1px solid #6d5020;}
.channel-c1 .item2{ width:110px;}
.channel-c2{ line-height:40px; font-size:0; padding-left:17px;}
.channel-c2 a{font-size:12px; color:#efd397;}
.channel-c2 a:hover{ text-decoration:underline}
.channel-c2 .sep{ font-size:12px; color:#efd397; margin:0 5px;}
.channel-c3{ padding:0 0 0 13px;}

.search-article1{ width:183px; height:25px; background-color:#7e663d; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.search-article1 .txt{ display:inline-block; vertical-align:middle; width:144px; height:21px; line-height:21px; padding:2px 7px; font-size:12px; border:none; _color:#fff; background:none;}
.search-article1 .btn{width:25px; height:25px; display:inline-block; vertical-align:middle; border:none; font-size:12px; color:#fff; overflow:hidden; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -40px -150px; text-indent:-9999em; cursor:pointer;}
.search-article1 .btn:hover{}
.search-article1 input[type="text"]{ color:#f2f2f2; *color:#fff;}
.search-article1 input[type="text"]:hover, .search-article1 input[type="text"]:focus{ color:#fff}


/*the content*/
.ad-pn{ width:1000px; margin:20px auto 0 auto;}

.area{ clear:both;}
.area .comm-pn1-hd{ margin-bottom:10px;}

.content{  width:1000px; margin:0 auto; min-height:500px; _height:500px;}
.content-ex{ background-color:#fff; margin-top:20px;}
.content-ex1{ width:970px; background-color:#29292b; padding:20px 15px;}
.content-ex2{ background-color:#29292b; margin-top:20px;}

/*the first-screen*/
.first-screen{ background:#29292b; padding:0 15px 20px 15px;} 
.first-screen-c1{ float:left; width:365px; margin-right:20px; padding-top:20px;}
.first-screen-c2{ float:right; width:585px; padding-top:20px;}

.first-screen-c1 .focus-news{ padding:0 0 14px 0; text-align:center;margin-bottom:6px;}
.first-screen-c1 .focus-news a:hover{ color:#23d0ff}
.first-screen-c1 .top-news,.first-screen-c1 .hot-news{ overflow:hidden; width:100%; font:bold 20px/34px "Microsoft Yahei"; white-space:nowrap; text-overflow:ellipsis; color:#046dbf}
.first-screen-c1 .hot-news{ margin-top:5px}
.first-screen-c1 .c-link1{ color:#046dbf}
.first-screen-c1 .c-link2{ margin:0 2px; color:#8e8e8e}
.first-screen-c1 .sign-top{ display:inline-block; height:14px; margin-right:5px; padding:0 6px; font:normal 12px/14px "\5b8b\4f53"; color:#fff; background:#ff7800; vertical-align:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.recomm-news .gb-tab-pn{ min-height:574px; _height:574px;}
.first-screen-c1 .news-list{ padding:10px;}
.first-screen-c1 .news-list-ex1{ padding:10px 0; margin:0 10px; border-top:1px dotted #474747}

.focus-w,.focus-in{ overflow:hidden; width:585px; height:210px}
.focus-w{}
.focus-in{ position:relative}
.focus-con{}
.focus-item{ position:absolute; top:0; left:0}
.focus-item img{ width:585px; height:210px}
.focus-item .txt{ overflow:hidden; position:absolute; z-index:3; left:0; bottom:0; width:411px; height:60px; padding:5px 164px 0 10px; white-space:nowrap}
.focus-item .txt a{ color:#c0bcbc}
.focus-item .txt a:hover{ text-decoration:none}
.focus-item .tit{ display:block; font:normal 22px/33px "\5fae\8f6f\96c5\9ed1"; color:#fff}
.focus-item a:hover .tit{}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#1f0806; filter:alpha(opacity:50); opacity:.5}
.focus-num{ overflow:hidden; position:absolute; z-index:4; bottom:10px; right:10px; height:45px}
.focus-num a{ display:inline-block; float:left; width:49px; height:45px; margin-left:1px; font:normal 30px/45px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#4a4948; background-color:#202022}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ color:#fff; background-color:#23d0ff}
.focus-more{ overflow:hidden; position:absolute; top:0; right:0; z-index:5; width:45px; height:45px}
.focus-more .bt-more{ display:block; overflow:hidden; width:45px; height:45px; line-height:20em; background:url(/ue1/images/zhanhun/2012/0904/bt-more.png) no-repeat}
.focus-more .bt-more:hover{ background-position:0 -46px}

.focus-w-ex, .focus-w-ex .focus-in{ overflow:hidden; width:585px; height:270px}
.focus-w-ex .focus-item img{ width:585px; height:270px}

.player-pn{ margin-top:20px;}
.player-pn .comm-pn-bd{ background-color:#202022; min-height:674px; _height:674px; padding:0 15px 10px 20px;}
.player-pn .comm-pn1{ padding-top:16px;}
.player-box1{ float:left; width:215px;}
.player-box2{ float:right; width:318px;}
.player-box3{ clear:both;}
.player-box1 .comm-pn1-hd, .player-box2 .comm-pn1-hd{ height:58px;}
.player-box1 .comm-pn1-hd .num, .player-box2 .comm-pn1-hd .num{ height:58px; line-height:58px}
.player-box1 .comm-pn1-bd, .player-box2 .comm-pn1-bd{ position:absolute; left:54px; bottom:0;}
.player-box3 .comm-pn1-hd{ margin-bottom:10px;}
.player-box3 .comm-plist1{ height:45px;}

.type-links{ font-size:0; line-height:22px;}
.type-links .link{ font-size:12px; color:#8e8e8e;}
.type-links .link:hover{ color:#23d0ff}
.type-links .sep{font-size:12px;  margin:0 8px 0 8px; color:#535353}

.fast-track1{}
.fast-track1 .item{ overflow:hidden; *zoom:1;}
.fast-track1 .tit{ float:left; font-size:12px; color:#a0814d; font-weight:bold; line-height:22px; margin-right:10px;}
.fast-track1 .con{}

.player-box4 .comm-pn1-hd{ margin-bottom:10px;}

.player-box5 .comm-pn1-hd{ margin-bottom:6px;}
.player-box5 .comm-pn1-bd{ margin:0 -20px 0 -2px;}

.mater-list{ width:100%;}
.mater-list-item{ float:left; margin:2px 2px 0 0;}
.mater-list-con{ display:block; width:178px; height:75px; position:relative; *zoom:1; padding:2px; background:#202022}
.mater-list-con .avatar{ display:block;}
.mater-list-con .avatar img{ display:block}
.mater-list-con .tit-box{ position:absolute; left:14px; top:16px; }
.mater-list-con .tit1{ display:block; font-size:20px; font-weight:bold; font-family:"Microsoft Yahei"; color:#fff;}
.mater-list-con .tit3{ display:block; font-size:18px; font-weight:bold; font-family:"Microsoft Yahei"; color:#fff;}
.mater-list-con .tit2{ display:block; font-size:14px; font-family:"Microsoft Yahei"; color:#23d0ff;}
.mater-list-con:hover{ direction:ltr; background:#23d0ff;}

/*the area1*/
.area{ margin:16px 0 0 0;}

.area1 .comm-pn3-bd{ padding:20px 0 0 0; min-height:334px; _height:334px;}

/*the area2*/
.mt16{ margin-top:16px;}

.comm-box{overflow:hidden; *zoom:1; padding:20px 15px;}
.comm-box-c1{ float:left; width:570px; padding:0 20px 0 0; border-right:1px dotted #474747; margin-right:20px;}
.comm-box-c2{ overflow:hidden; *zoom:1;}
.comm-box-ex .comm-box-c1{ float:right; padding:0 0 0 20px; border-right:none;  border-left:1px dotted #474747; margin-left:20px;}

.stra-box{min-height:360px; _height:360px;}

.role-box{ width:365px; float:left;}
.role-show-box{ width:194px; float:right; margin:-2px 0 0 0;}

.role-box1{ width:358px; height:118px; position:relative; border:1px solid #38383a;}
.role-box1 img{ width:358px; height:118px; vertical-align:middle;}
.role-info{ width:160px; position:absolute; right:10px; top:10px;}
.role-info .tit{ margin-bottom:5px; text-align:center; font-size:22px; color:#046dbf; font-family: "Microsoft Yahei"; font-weight:bold;}
.role-info .tit a{ color:#046dbf;  }
.role-info .txt{ color:#8e8e8e; line-height:20px;}

.role-box2{ overflow:hidden; *zoom:1;}
.role-box2-c1{ width:160px; float:left; margin-right:20px;}
.role-box2-c2{ overflow:hidden; *zoom:1;}

.channel-list{ overflow:hidden; *zoom:1; margin:0 -2px -1px 0;}
.channel-list li{ margin:0 1px 1px 0; float:left;}
.channel-list li a{ display:block; width:88px; height:25px; text-align:center; line-height:25px; color:#8e8e8e; background-color:#3f3f44; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.channel-list li a:hover{ background-color:#23d0ff; color:#000; text-decoration:none;}
.channel-list .w1 a{ width:123px;}
.channel-list .w2 a{ width:188px;}
.channel-list .w3 a{ width:253px;}
.channel-list .w4 a{ width:93px;}
.channel-list .w5 a{ width:183px;}
.channel-list .w6 a{ width:157px;}
.channel-list-ex{ margin:0 -3px -2px 0}
.channel-list-ex li{ margin:0 3px 2px 0;}
.channel-list-ex1{ margin:0 -6px -5px 0}
.channel-list-ex1 li{ margin:0 6px 5px 0;}
.channel-list-ex1 li a{ width:70px; height:35px; line-height:35px;}

.channel-list1{ overflow:hidden; *zoom:1; margin:10px 0 -1px 0}
.channel-list1 li{ float:left; border-right:1px solid #3f3f44; border-bottom:1px solid #3f3f44;}
.channel-list1 li a{ float:left; width:78px; height:24px; text-align:center; line-height:24px; color:#737373;}
.channel-list1 li a:hover{ background-color:#23d0ff; color:#000; text-decoration:none;}
.channel-list1 .odd{ border-right:none;}

.strategy-bt-box{ margin-top:16px; box-shadow:1px 0 0 0 #030303;}
.strategy-bt{ display:block; position:relative; *zoom:1;}
.strategy-bt .tit{ font-size:14px; color:#23d0ff; font-weight:bold; position:absolute; left:7px; top:12px;}
.strategy-bt .ico1{ margin:0 0 2px 2px}

.role-vote-box{ margin-top:9px; box-shadow:1px 0 0 0 #030303;}
.role-vote-bt{ display:block; width:160px; height:65px; overflow:hidden; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat 0 -175px; position:relative; text-align:center;}
.role-vote-bt .tit{ display:block; font-size:18px; color:#fff; font-family: "Microsoft Yahei"; position:absolute; top:10px; left:20px;}
.role-vote-bt .num{ color:#fff; position:absolute; left:39px; top:38px;}
.role-vote-bt .num span{ color:#e8b661; font-weight:bold}
.role-vote-bt:hover{ text-decoration:none;}

.role-info2{ padding-top:7px;}
.role-info2-tit{ color:#a0814d; font-weight:bold; line-height:26px;}
.role-info2 .type-links{ margin:0 -6px; line-height:22px; overflow:hidden; *zoom:1;}
.role-info2 .type-links a{ margin:0 6px; float:left;}

.stra-c2 .comm-pn3{ margin-top:-8px;}
.stra-c2 .news-list{ padding:8px 0 0 0;}

/*the area3*/
.role-info-list{ overflow:hidden; *zoom:1; margin-right:-30px;}
.role-info-list .role-info-item{ float:left; margin:0 5px 0 0}
.role-info-list .role-info-con{ float:left;}
.role-info-list .role-info-c1{ position:relative; *zoom:1; border:2px solid #0469b8; width:136px; height:47px;}
.role-info-list .role-info-c1 img{ display:block; width:134px; height:45px; border:1px solid #008ff3;}
.role-info-list .role-info-c1 .tit{ position:absolute; font-size:16px; color:#38ffff; left:10px; top:10px; font-weight:bold; font-family:"Microsoft Yahei"}
.role-info-list .role-info-c1 .tit a{ font-size:16px; color:#38ffff;}
.role-info-list .role-info-c2{ text-align:center; padding:4px 0 12px 0;}
.role-info-list .role-info-c2 .sep{ margin:0 3px;}
/*the area4*/
.area4 .comm-plist{margin:7px -5px 0 -5px;}
.mt5{ margin-top:5px;}

/*the area5*/
.rank-pn{}
.rank-pn .gb-tab{ float:right;}
.rank-pn .comm-tab2 .gb-tab-c{ font-size:12px;}
.rank-pn .comm-pn2-bd{ min-height:350px; _height:350px;}

.rank-box{}
.rank-list {color:#6c6c6c; padding:10px 0 0 5px; overflow:hidden; *zoom:1;}
.rank-list li{line-height:34px;overflow:hidden;*zoom:1; float:left; width:100%;}
.rank-list a{color:#8e8e8e; font-size:14px; float:left; width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rank-list a:hover{ color:#23d0ff;}
.rank-list .date{float:right; color:#535353; font-size:14px; margin-right:4px;}
.rank-list em{ float:left; width:20px;height:20px;margin:7px 10px 0 0; line-height:20px; text-align:center;background:#3f3f44;color:#fff;}
.rank-list .top em{background:#a0814d;}

.area5 .comm-box{ padding-top:15px;}
.area5 .comm-box-c1{ margin-top:5px;}
.area5 .comm-box-c1 .comm-pn{ float:left; width:275px; padding-bottom:10px;}
.area5 .comm-box-c1 .stra-box1{ margin-right:20px;}
.area5 .comm-box-c1 .stra-box2{ margin-bottom:16px;}

/*the area6*/
.area6 .comm-pn3-bd{ padding:18px 0 0 0; min-height:171px; _height:171px;}

/*the footer*/
.global-footer{ height:81px; padding:25px 0 0 0; color:#1c4263; background:url(/ue2/a/ff14/index/2014/img/footer-pn.png) repeat;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#1c4263;}

/*the footer-pn*/
.footer-pn{ background-color:#092641; margin-top:20px; background:url(/ue2/a/ff14/index/2014/img/footer-pn.png) repeat;}
.footer-pn-in{ width:998px; margin:0 auto; padding:28px 0 40px 0; border-bottom:1px solid #0a304f; overflow:hidden; *zoom:1;}

.comm-box1{ float:left;}
.comm-box1 .hd{ margin-bottom:10px; text-align:center}
.comm-box1 .hd .tit{ font-size:14px; color:#015191; font-weight:bold; display:block;}

.site-map-pn{ overflow:hidden; *zoom:1; float:left; margin-right:44px;}
.site-map-pn .comm-box1{ width:142px; min-height:210px; _height:210px; border-right:1px solid #0a304f;}
.site-map-list li{ line-height:24px; text-align:center}
.site-map-list li a{ color:#1c4263;}
.site-map-list li a:hover{ text-decoration:underline}

.game-info-pn{ float:left; width:365px;}
.game-info-pn .comm-box1{ float:none;}
.game-info-pn .comm-box1 .hd{ text-align:left;}
.game-info-pn .comm-box1 .bd{}
.game-info-list{}
.game-info-list .c2{ margin-left:20px}
.game-info-list .item{ line-height:24px; color:#1c4263}
.game-info-list .sep,.game-info-list .arrow{ margin:0 4px}
.game-info-list a{ color:#1c4263}
.game-info-list .links{ text-align:right; padding:10px 10px 0 0}
.game-info-list a:hover{ text-decoration:underline}

.share-box{ overflow:hidden; *zoom:1; height:28px; width:200px; margin-top:10px;}
.share-box .tit{ font-size:12px; color:#015191; float:left; margin:4px 5px 0 0}

.share-list, .share-item{ float:left;}
.share-item{ margin-right:3px; width:28px;}

.bt-share-snwb, .bt-share-qqwb, .bt-share-qzone, .jiathis_button_weixin{ display:block; overflow:hidden; width:28px; height:28px; background:url(/ue3/a/ff14/index/2014/img/share.png) no-repeat}
.bt-share-snwb{ background-position:-68px 0;}
.bt-share-qqwb{ background-position:-102px 0;}
.bt-share-qzone{ background-position:0 0;}
.jiathis_button_weixin{ background-position:-34px 0;}

.bt-share-snwb:hover{ background-position:-68px -30px;}
.bt-share-qqwb:hover{ background-position:-102px -30px;}
.bt-share-qzone:hover{ background-position:0 -30px;}
.jiathis_button_weixin:hover{ background-position:-34px -30px;}

/*the page-article1 , the pgae-article2*/
.mod-article .breadcrumb, .crumbs{ background-color:#3f3f45; height:35px; line-height:35px; color:#fff; font-size:14px;}
.mod-article .breadcrumb a, .crumbs a{ color:#fff;}
/*.mod-article .article{ border:none;}*/

.crumbs{ padding:0 15px;}


.subpage-area{ overflow:hidden; *zoom:1;}
.subpage-area-c1{ width:675px; float:left;}
.subpage-area-c2{ width:280px; float:right;}

.side-comm-pn{ margin-bottom:10px;}
.side-comm-pn .hd{ height:35px; line-height:35px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat 0 0;}
.side-comm-pn .hd .tit{ color:#fff; font-size:14px; float:left; padding-left:13px; font-weight:bold;}
.side-comm-pn .hd .more{ float:right; padding-right:10px;}
.side-comm-pn .hd .more a{ color:#8e8e8e;}
.side-comm-pn .side-comm-plist{ margin:14px 3px 0 3px;}
.side-comm-pn .bd{ background-color:#202022;}

.side-comm-plist .gb-list2-item{ float:left;}
.side-comm-plist .gb-list2-con{ color:#555353; width:134px; position:relative;}
.side-comm-plist .gb-list2-c1{ position:relative; overflow:hidden; border:2px solid #29292b;}
.side-comm-plist .gb-list2-c1 .avatar, .side-comm-plist .gb-list2-c1 .mask{ width:130px; height:97px}
.side-comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45;}
.side-comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:33px; margin-left:-17px; z-index:10}
.side-comm-plist .gb-list2-c2{ padding:5px 0 15px 0; overflow:hidden; text-align:left;}
.side-comm-plist .gb-list2-c2 .txt{ font-size:12px; height:36px; line-height:18px; overflow:hidden;}
.side-comm-plist .gb-list2-c3{ position:absolute; z-index:2; top:83px; left:2px; width:150px; padding:0 5px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.side-comm-plist .gb-list2-c3 .txt{ height:30px; line-height:30px; color:#fff;}
.side-comm-plist .gb-list2-c3 .mask{ display:block}

.side-comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.side-comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#23d0ff}
.side-comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.side-comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.side-comm-plist .gb-list2-con:hover .gb-list2-c2 .txt{ color:#23d0ff}

.side-news-list{ overflow:hidden; *zoom:1; padding:10px;}
.side-news-list li{ height:22px; line-height:22px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.side-news-list .line{ height:10px; margin-bottom:8px;}
.side-news-list .date{ font-size:12px; color:#555353; float:right;}
.side-news-list .tit{padding-left:9px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -363px -240px; display:block; width:83%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#555353;}
.side-news-list .tit a{ font-size:12px; color:#555353;margin-right:10px;}
.side-news-list .tit a:hover{ color:#23d0ff}

.side-rank-list {color:#6c6c6c; padding:10px; overflow:hidden; *zoom:1;}
.side-rank-list li{line-height:32px;overflow:hidden;*zoom:1; float:left; width:100%;}
.side-rank-list a{color:#555353; font-size:12px; float:left; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.side-rank-list a:hover{ color:#23d0ff;}
.side-rank-list .date{float:right; color:#535353; font-size:14px; margin-right:4px;}
.side-rank-list em{ float:left; width:15px; height:15px; margin:9px 7px 0 0; line-height:15px; text-align:center;background:#3f3f44;color:#fff;}
.side-rank-list .top em{background:#a0814d;}

.side-avatar-recomm{ padding:10px 5px;}

.side-channel-box{ margin-bottom:10px; box-shadow:1px 0 0 0 #030303;}
.side-channel-bt{ display:block; position:relative; *zoom:1;}
.side-channel-bt img{ border-radius:4px;}
.side-channel-bt .tit{ font-size:22px; color:#fff; font-weight:bold; position:absolute; left:118px; top:14px; font-family:"Microsoft Yahei"; text-shadow:0 0 8px #23d0ff}
.side-channel-bt:hover .tit{ text-shadow:0 0 8px #0c528c}

/*the page-pic-list*/
.pic-list-pn{ margin:15px -4px 0 -4px;}

.pagination{ clear: both; height: 25px; margin: 0 auto; line-height: 25px; padding:40px 0 30px 0;}
.pagination ul{ margin: 0; padding: 0; font-size: 12px; text-align:center; height:25px; float:left; position:relative; left:50%;}
.pagination li{margin:0 3px 0 0; float:left; display:inline; position:relative; left:-50%;}
.pagination li a{ float:left;  display:block; padding:0px 9px; height:25px;  line-height:25px;  text-align:center;}
.pagination li a:hover{ text-decoration:none;}
.pagination li.page{ height:25px; margin:0 3px 0 0;}
.pagination li.page a{background:#3f3f44; color:#8e8e8e; border:1px solid #3f3f44;}
.pagination li.page a:hover{background:#23d0ff; color:#fff; border-color:#23d0ff;}
.pagination li.selected,.pagination li.hover{}
.pagination li.selected a, .pagination li.hover a{ display:block; height:25px;}
.pagination li.selected a{background:#23d0ff; color:#fff;border-color:#23d0ff;}
.pagination li.hover a{background:#23d0ff; color:#fff;}
.pagination li.prev a, .pagination li.first a, .pagination li.next a, .pagination li.last a{ background:#3f3f44;color:#8e8e8e; border:1px solid #3f3f44; }
.pagination li.prev a:hover, .pagination li.first a:hover, .pagination li.next a:hover, .pagination li.last a:hover{background:#23d0ff; color:#fff;border-color:#23d0ff;}

/*the page-article-list*/
.article-list-pn{}

.article-list{ padding:15px 0 0 0;}
.article-list li{ height:24px; line-height:24px;}
.article-list .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-bottom:1px dashed #404046}
.article-list .date,.article-list .author{ padding:0 0 0 10px; font-family:Arial,"\5b8b\4f53"; font-size:12px; color:#535353;}
.article-list .date{ padding:0 10px 0 0}
.article-list .tit a{ font-size:14px; color:#8e8e8e}
.article-list .tit a:hover{ color:#23d0ff}
.article-list .date{ float:none;}
.article-list .author{ float:right;}

/*the page-video-index*/
.page-video-index .comm-pn3-bd{ padding-top:20px;}
.page-video-index .video-rank-pn .comm-pn3-bd{ padding-top:13px;}

.video-newest-pn{ width:610px; float:left;}
.video-newest-pn .comm-pn3-hd{ border-right:1px solid #0e3457;}
.video-newest-pn .comm-pn3-bd{ min-height:358px; _height:358px;}
.video-newest-pn .comm-plist{ margin:0 10px 0 0;}

.video-rank-pn{ width:389px; float:left;}
.video-rank-pn .comm-pn3-bd{ min-height:365px; _height:365px;}
.video-rank-pn .rank-list{ padding:0 20px;}
.video-rank-box{ border-left:1px dotted #474747; min-height:340px; _height:340px;}

.video-feature-pn{ overflow:hidden; *zoom:1;}
.video-feature-pn-hd{ float:left; margin:-20px 40px 0 0; width:160px;}
.video-feature-pn-bd{ overflow:hidden; *zoom:1;}

/*the page-horse-list*/
.horse-pn{ padding:15px;}
.horse-info-pn{ margin-bottom:15px;}

.horse-list-pn .comm-tab .gb-tab-c{ width:140px;}

.bt-to-watch{ display:inline-block; width:160px; height:30px; text-align:center; line-height:30px; font-size:16px; color:#38ffff; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat 0 -250px; font-family:"Microsoft Yahei"}
.bt-to-watch:hover{ background-position:0 -300px; color:#fff;}

.bt-vote{ display:block; font-size:12px; color:#fff;}
.bt-vote .ico1{ margin:5px 9px 9px 0;}
.bt-vote:hover{ text-decoration:underline}

.horse-list-box .comm-plist{ margin:0 -7px; padding-top:5px;}
.horse-list-box .comm-plist .gb-list2-item{ margin-top:15px;}

/*the page-focus-list*/
.focus-list-pn .comm-plist .gb-list2-item{ padding:15px 0; border-bottom:1px dotted #474747}

/*the page-occup-index*/
.occup-first-screen{ width:970px; padding:20px 15px; background:#29292b; overflow:hidden; *zoom:1;}
.occup-first-screen-c1{ float:left; width:365px;}
.occup-first-screen-c2{ float:right; width:545px;background:#202022; padding:0 20px;}

.occup-area3 .comm-pn3-bd, .occup-area4 .comm-pn3-bd{ padding-top:20px;}
.occup-area4 .comm-plist{ margin:0 10px;}

.occup-first-screen-c1 .bt1{ margin-top:15px;}

.role-box1-ex{ width:100%; border-width:0 0 1px 0; height:165px; background:#202022;}
.role-box1-ex .role-avatar{text-align:right;}
.role-box1-ex img{ width:auto; height:165px;}
.role-box1-ex .role-info{ width:325px; right:220px;}
.role-box1-ex .role-info .tit{ text-align:left; margin:5px 0 15px 0}
.role-box1-ex .role-info .tit .ico1{ margin:2px 3px 4px 0;}
.role-box1-ex .role-info .txt{ text-indent:2em; font-size:14px; line-height:24px;}

.role-intro-pn{}
.role-intro-box{ padding:10px 0 0 0;}
.role-intro-box .bt1{ padding:0 10px; position:relative; *zoom:1;}
.role-intro-box .bt1-ico{ position:absolute; right:10px; top:10px; text-indent:-9999em; width:9px; height:7px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -243px -150px}
.role-intro-box .bt1:hover .bt1-ico{ background-position:-255px -150px;}
.current .bt1-ico{ background-position:-243px -160px;}
.current .bt1:hover .bt1-ico{ background-position:-255px -160px;}
.role-intro-bd{ padding:10px 0 0 0; display:none; height:472px;}

.mb20{ margin-bottom:20px;}
.role-info-item{ padding:10px 0;}
.role-info-item .tit{ color:#a0814d; line-height:22px;}
.role-info-item p{ color:#535353; line-height:22px;}
.role-info-item .up{ color:#0d77c9}

.skill-pn{ overflow:hidden; *zoom:1; padding:10px 0;}
.skill-pn-hd{ float:left; width:82px; height:54px; background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat -170px -200px; margin:3px 13px 0 0}
.skill-pn-bd{ overflow:hidden; *zoom:1;}
.skill-box{ font-size:0; padding:3px 0 3px 0;}
.skill-avatar, .skill-item{ display:inline-block; vertical-align:top}
.skill-avatar{ margin-right:10px;}
.skill-item{ margin-right:5px;}
.skill-item a{ display:inline-block; height:25px; line-height:25px; background:#24446b; font-size:14px; color:#517ba2; padding:0 8px;}
.skill-item a:hover{ background:#006ed4; color:#fff;}
.skill-tip{ display:none;}

.occup-intro-pn{ overflow:hidden; *zoom:1;}
.occup-intro-pn-c1, .occup-intro-pn-c2{ float:left; width:455px; padding:15px 22px;}
.occup-intro-pn-c1{ border-right:1px solid #414147; margin-right:-1px;}
.occup-intro-pn-c2{ border-left:1px solid #414147;}

.occup-intro-pn .comm-txt{ padding:5px 0}
.occup-intro-pn .comm-txt img{ width:23px; height:23px; border:1px solid #0c528c; margin:0 5px -2px 5px;}

.occup-area2 .comm-pn3-bd{ padding:20px 15px;}
.comm-box2{ background:#202022; padding:15px 20px;}
.comm-box2 .comm-txt{ color:#535353; text-indent:2em;}

.occup-intro-pn1{ margin-top:15px; overflow:hidden; *zoom:1;}
.occup-intro-pn1-hd{ float:left; width:630px; padding-right:20px; border-right:1px solid #24446b; margin-right:20px;}
.occup-intro-pn1 .comm-tit1{ margin-bottom:10px;}
.occup-intro-pn1-bd{ overflow:hidden; *zoom:1;}
.occup-intro-tab-tit{ background:#474747; height:30px; line-height:30px; font-size:14px; color:#8e8e8e; font-weight:bold; overflow:hidden; *zoom:1;}
.occup-intro-tab-tit .item{ float:left; text-align:center;}
.occup-intro-tab-tit .item1{ width:114px; margin-right:16px;}
.occup-intro-tab-tit .item2{ width:500px;}

.occup-intro-tab .gb-tab-item{ border-bottom:1px dotted #474747;}
.occup-intro-tab .gb-tab-c{ display:block; padding:12px 0; height:50px; background:#29292b; position:relative;}
.occup-intro-tab .gb-tab-c .adorn{ width:0; height:0; overflow:hidden; line-height:0; font-size:0; border:8px dashed transparent; border-left-color:#006ed4; border-left-style:solid; position:absolute; right:-36px; top:50%; margin-top:-8px; display:none;}
.occup-intro-tab .occup-tit{ width:114px; height:44px; padding-top:6px; float:left; text-align:center; margin-right:16px; background:#24446b; font-size:16px; color:#517ba2; font-family:"Microsoft Yahei"; line-height:18px;}
.occup-intro-tab .gb-tab-c:hover{ background:#202022}
.occup-intro-tab .current .occup-tit{ background:#006ed4; color:#fff;}
.occup-intro-tab .current .adorn{ display:block}

.occup-hong{ position:relative}
.occup-hong-con{ border:1px solid #3c3c3c; padding:14px; font-size:14px; color:#8e8e8e; line-height:24px; height:160px;}
.occup-hong .bt2{ display:block; margin:0 auto; margin-top:10px;}

.ts-about-1 h3{ display:none}
.ts-about-1 h3 span { background-position:5px -45px;}
.xx-1{float: left;padding: 5px 0 0;text-align: center;width: 28px;}
.xx-2{float: left;color: #8e8e8e;font-size: 12px; line-height: 24px;}
.xx-2 .num{ color:#007eff;}
.xx-2 .bar{ height:10px; background:#0066ae; display:block}
.xx-3{}
.xx-3 span{ display:none;}
.js-tp{ display:block; margin:0 auto; border:none;}

.occup-hong-help, .occup-diaocha{ margin-top:10px;}

.suit-list{ overflow:hidden; *zoom:1; padding:20px 5px;}
.suit-item{ float:left; padding:0 10px;}
.suit-con, .suit-c1, .suit-c2, .suit-con .tit, .suit-con .txt{ display:block;}
.suit-con, .suit-c1, .suit-c2{ width:90px; height:92px; overflow:hidden}
.suit-con{ position:relative; *zoom:1; text-align:center; cursor:pointer}
.suit-con .tit{ font-size:12px; color:#a2b3c5; font-family:Arial, Helvetica, sans-serif; padding:8px 0 2px 0}
.suit-c1{ background:#006ed4;}
.suit-c1 .tit{ color:#fff;}
.suit-c1 .txt{ font-size:20px; color:#fff; font-family:"SimHei"; padding-top:8px;}
.suit-c2{ background:#24446b;}

.suit-c1, .suit-c2 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.suit-c1 {
    position: absolute;
    -webkit-transform:scale(1,0);
    opacity: 0;
    filter: Alpha(opacity=0);
}
.suit-con:hover .suit-c1{
	-webkit-transform: scale(1, 1);    
    opacity: 1;
    filter: Alpha(opacity=100);   
}
.suit-con:hover .suit-c2{
    -webkit-transform:rotate(360deg) scale(0,0);
}

.copy-tips{position:fixed;z-index:999;top:50%;left:50%; width:340px; height:104px; margin:-52px 0 0 -170px; background-color:rgba(0, 0, 0, 0.2);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);padding:6px;}
.copy-tips-wrap{padding:30px 20px; text-align:center;border:1px solid #F4D9A6;background-color:#FFFDEE;font-size:14px;}

.comment-pn{ background:#fff; margin-top:16px; padding:0 15px;}

/*.zclip, .zclip:hover{ background:url(/ue3/a/ff14/index/2014/img/sprite.png) no-repeat}
.zclip{ background-position:0 -340px;}
.zclip:hover{ background-position:0 -390px;}*/