/*the common*/
body{ min-width:1000px; font-size:12px; font-family:"Microsoft Yahei"; background:#040914 url(http://ue2.17173cdn.com/a/newgame/youping/2014/0917/img/body.jpg) repeat-y center top;}
.wrapper{ background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/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}

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

.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; vertical-align:baseline}
.gb-list2 .cover,.gb-list2 .mask{ display:block; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
/*.gb-list2 .cover{ display:block; left:0; bottom:0; z-index:-1; background:url(http://ue3.17173cdn.com/a/v/lol/index/2014v2/img/sprite-png24.png) repeat-x 0 -80px;}*/
.gb-list2 .cover{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');cursor: pointer;}

.comm-plist .gb-list2-item{ width:100%;}
.comm-plist .gb-list2-con{ color:#8e8e8e; width:456px; position:relative;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden; border:1px solid #040000;}
.comm-plist .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:454px; height:268px}
.comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45; *top:2px;}
.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:199px; left:1px; */width:414px; padding:12px 20px 0 20px; height:58px; 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 .txt-c1{ float:left;}
.comm-plist .gb-list2-c3 .txt-c2{ float:right;}
.comm-plist .gb-list2-c3 .txt1, .comm-plist .gb-list2-c3 .txt2, .comm-plist .gb-list2-c3 .txt3{ float:left; text-align:left; font-size:16px; color:#fff; line-height:24px;}
.comm-plist .gb-list2-c3 strong{ color:#0877df}
.comm-plist .gb-list2-c3 .mask{ width:454px; height:70px; background:#0f0f0f; filter:alpha(opacity:90); opacity:.90;}

.comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#ad9154}
.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{ color:#23d0ff}

.comm-plist-ex .gb-list2-con{ width:172px;}
.comm-plist-ex .gb-list2-c1 .avatar, .comm-plist-ex .gb-list2-c1 .mask{ width:170px; height:88px}

.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%; _width:19.9%;}
.col7 .gb-list2-item{ width:14.28%;}

/*the footer*/
.global-footer{ padding:50px 0 25px 0; color:#616d82;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#616d82;}

/*the header*/
.header{ width:1000px; height:455px; margin:0 auto; position:relative;}

.logo-17173{ display:block; position:absolute; left:0; top:0;}

.share-box{ overflow:hidden; *zoom:1; height:28px; width:200px; position:absolute; bottom:10px; right:0;}
.share-box .tit{ font-size:14px; color:#fff; 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(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/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 content*/
.content{ width:1000px; margin:0 auto; min-height:500px; _height:500px;}

.main-nav{ width:1028px; height:64px;margin:0 -14px; background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat 0 0; position:relative;}
.main-nav-list{ width:100%; height:64px; overflow:hidden; *zoom:1;}
.main-nav-list li{ float:left; margin-right:-46px;}
.main-nav-list li a, .channel-item{width:171px; padding:0 23px; height:64px; text-align:center; line-height:64px; font-size:22px; color:#fff4db; position:relative;}
.main-nav-list li a{ float:left;}
.channel-item{ display:block; position:absolute; top:0;}
.main-nav-list li .current, .main-nav-list li a:hover, .channel-item:hover{ background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat -600px -80px; z-index:5; color:#000;}

.main-nav-list .gb-tab-item2{ margin-right:422px;}
.channel-item1{ left:335px;}
.channel-item2{ left:495px;}
.channel-item3{ left:652px;}

/*the main-c1*/
.comm-pn{ padding:25px 0 5px 0;}
.comm-pn-hd{ width:1000px; height:153px; background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat 0 -200px; margin-bottom:20px;}
.comm-pn-hd .tit{ width:152px; height:153px; background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat; margin-left:418px;}
.comm-pn-ft{ text-align:right; padding:15px 27px 0 0;}
.comm-pn-ft .more a{ color:#ca965e;}
.comm-pn-ft .more a:hover{ text-decoration:underline}

.gift-pn .comm-pn-hd .tit{ background-position:0 -360px;}
.intro-pn .comm-pn-hd .tit{ background-position:-200px -360px;}
.appre-pn .comm-pn-hd .tit{ background-position:-400px -360px;}
.cooper-pn .comm-pn-hd .tit{ background-position:-600px -360px;}
.namelist-pn .comm-pn-hd .tit{ background-position:-800px -360px;}

.gift-list{ overflow:hidden; *zoom:1; padding:0 0 0 34px;}
.gift-list-item{ float:left; margin-right:7px;}
.gift-list-con{ width:182px;}
.gift-list-c1{ text-align:center; height:50px; line-height:50px; font-size:33px; color:#ca965e;}
.gift-list-c2 img{ width:180px; height:230px; border:1px solid #913f80;}

.intro-pn .comm-pn-bd{ overflow:hidden; *zoom:1;}
.intro-pn-c1{ float:left; width:365px; padding:0 20px 0 35px;}
.intro-pn-c2{ overflow:hidden; *zoom:1;}
.intro-pn-c3{ float:left;overflow:hidden; *zoom:1;padding:0 20px 0 35px; width:1000px;}

.intro-box{ padding-top:15px;}
.intro-box .hd{ margin-bottom:8px;}
.intro-box .hd .tit{ width:90px; height:26px; text-align:center; line-height:26px; background:#947649; font-size:16px; color:#fff;}
.intro-box .bd{ font-size:15px; color:#fff; line-height:26px;}

.appre-pn{}
.appre-intro{ width:814px; padding:4px 55px 0 55px; height:48px; background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat 0 -520px; margin:0 auto; font-size:16px; color:#fff; line-height:22px;}
.appre-channel{ text-align:center; margin:16px 0 10px 0;}
.appre-channel .tip{ font-size:18px; color:#ffde75; line-height:40px;}
.bt-comment{ display:inline-block; *display:inline; *zoom:1; width:282px; height:75px; background:url(http://ue1.17173cdn.com/a/newgame/youping/2014/0917/img/sprite.png) no-repeat 0 -80px;}
.bt-comment:hover{ background-position: -300px -80px;}

.bt-comment1{ display:block; width:175px; height:38px; text-align:center; line-height:38px; background:#901010; font-size:16px; color:#fff;}

.appre-pn .comm-plist{ padding:0 34px;}
.appre-pn .comm-plist .gb-list2-item{ margin-top:20px; text-align:left;}
.appre-pn .comm-plist .gb-list2-c3{ margin-left:1px;}

.appre-list .gb-list2-c3 .txt1, .appre-list .gb-list2-c3 .txt2{ width:50%;}

.appre-list1 .gb-list2-con{ width:922px;}
.appre-list1 .gb-list2-c1 .avatar, .appre-list1 .gb-list2-c1 .mask{ width:920px; height:464px}
.appre-list1 .gb-list2-c3{ width:880px; padding:10px 20px 0 20px; height:80px;}
.appre-list1 .gb-list2-c3 .mask{ width:920px; height:90px;}
.appre-list1 .gb-list2-c3 .txt1, .appre-list1 .gb-list2-c3 .txt2, .appre-list1 .gb-list2-c3 .txt3{ width:70%;}
.appre-list1 .bt-comment1{ position:absolute; right:15px; top:50%; margin-top:-19px;}

/*the main-c2*/
.intro-box1{ padding:25px 10px 10px 30px;}
.intro-box1 .hd{ height:30px; border-bottom:1px solid #7d7152; margin-bottom:30px; position:relative;}
.intro-box1 .hd .tit{ height:60px; line-height:60px; padding-right:5px; position:absolute; left:0; top:0; font-size:33px; color:#d6b570; background:url(http://ue2.17173cdn.com/a/newgame/youping/2014/0917/img/body.jpg) no-repeat -490px 0;}
.intro-box1 .bd{ font-size:15px; color:#fff; line-height:26px;}

.show-box{ margin-top:40px;}

/*the main-c3*/
.gift-info-pn{ margin-top:20px; padding-left:34px;}
.gift-info-pn p{ font-size:15px; color:#fff; line-height:24px; margin-bottom:5px;}
.gift-info-pn p strong{ background:#5f2222; padding:0 3px;}

.namelist-box table{ width:100%;}
.namelist-box th, .namelist-box td{ height:50px; border-right:1px solid #182337; border-bottom:1px solid #182337; text-align:center}
.namelist-box thead th{ background:#070d19; font-size:16px; color:#f9da83;}
.namelist-box tbody td{ background:#0c1322; font-size:16px; color:#fff;}
.namelist-box tbody a{ color:#fff;}
.namelist-box tbody a:hover{ text-decoration:underline}

.namelist-box .tit1{ width:144px;}
.namelist-box .tit2{ width:120px;}
.namelist-box .tit4{ width:167px;}
.namelist-box .tit5{ width:170px;}
.namelist-box .tit6{ width:224px;}
.tit0{ background:#070d19; font-size:16px; color:#f9da83; line-height:50px; text-align:center}
.mdull{ list-style:none; padding:50px; overflow:auto; height:200px;}
.mdlii{ float:left; width:250px; color:#FFF; line-height:30px; font-size:15px;}