/* global reset */
body{ background:#fff; font-size:14px; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px; color: #333; _position: relative; _overflow-x: hidden;}
img{ vertical-align:middle}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}

.w200{ width:200px}
.w290{ width:290px}
.w360{ width:360px}
.w610{ width:610px}
.w400{ width:400px}
.w440{ width:440px}
.w180{ width:180px}

.c-tx1{ color: #999}
.c-tx2{ color: #488bf4}

.bgc1{ background-color:#afc2e6}
.bgc2{ background-color:#9ca0ed}

.c-link{ color: #333}
.c-link:hover{ color: #488bf4; text-decoration: none;}
.c-link2{ color: #636363}
.c-link2:hover{ color: #488bf4; text-decoration: none;}

.mr40{ margin-right: 40px}

/* ico */
.ico{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue2/a/cr/index/2016v2/img/s1.png) no-repeat;}
.ico-xz, .ico-gl{ width: 24px; height: 24px; margin: 13px 8px 18px 0}
.ico-gl{ background-position: -25px 0}
.ico-search{ width: 19px; height: 18px; background-position:-51px 0}
.ico-data{ width:30px; height: 22px; background-position:-92px 0; margin: 3px 6px 5px 0}
.ico-video{ width: 16px; height: 16px; background-position: -123px 0; margin: 6px 3px 8px 0 }
.ico-comment{ width: 14px; height: 13px; background-position: 0 -30px; }
.ico-share{width:11px;height:13px;background-position:-15px -30px}
.ico-diamond{ width:19px; height: 19px; background-position:-143px 0; margin: 0 1px 1px 0}
a:hover .ico-comment{ background-position: -27px -30px; cursor: pointer}
a:hover .ico-share{ background-position: -42px -30px; cursor: pointer}

.mask{overflow:hidden;position:absolute;z-index:-1;width: 100%; height: 100%; top: 0;left: 0;
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');}

/* comm-btn */
.comm-btn{ display: inline-block; color: #fff; font-size: 16px; font-weight: bold; line-height:40px; background: #86b53b; padding: 0 25px}
.comm-btn:hover{ text-decoration: none; background: #99cd45}
.comm-btn-ex2{ background: #ff961a;}
.comm-btn-ex2:hover{ background: #ffa842;}
.comm-btn-s{ line-height: 34px; padding: 0 18px}
.comm-btn-s2{ line-height: 26px; padding: 0 10px; font-size: 14px}

/* comm-list */
.comm-list li{ overflow: hidden; *zoom:1; line-height: 28px}
.comm-list .time{ float: right; margin-left: 10px; font-size: 12px; color: #999}
.comm-list .detail{ overflow: hidden; *zoom:1; }
.comm-list .tit{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-size: 16px; padding-left:8px; position: relative; *zoom:1;}
.comm-list .sep{ font-size: 0; width:3px; height: 3px; background: #6f6f6f; position: absolute; left: 0; top:50%; margin-top: -1px}
.comm-list .li-m{ margin-bottom: 30px}
.comm-list-ex2 .tit{ font-size: 14px}

/* comm-mod */
.comm-mod .mod-hd{ overflow: hidden; *zoom:1;}
.comm-mod .mod-hd .tit{ font-size: 18px; font-weight: bold; float: left; line-height: 30px}
.comm-mod .mod-hd .more{ float: right; line-height: 30px}
.comm-mod .mod-hd a{ color: #888}
.comm-mod .mod-hd a:hover{ color: #488bf4; text-decoration: none;}
.comm-mod .mod-hd .btn-video{ display: inline-block; overflow: hidden; font-weight: bold; color: #333; height: 30px; line-height: 30px;}
.comm-mod .mod-hd .btn-video:hover{ text-decoration: none;}
.comm-mod .mod-hd .comm-btn-s2{ margin-top: 2px; color: #fff}
.comm-mod .mod-bd{ padding-top: 12px}

.comm-mod2 .mod-hd .tit{ color: #333; font-size: 18px; font-weight: bold; position: relative; padding-left: 10px; line-height: 46px; height: 46px; *zoom:1;}
.comm-mod2 .mod-hd .sep{ position: absolute; width: 5px; height:5px; border-radius: 100%; background: #797979; font-size: 0; left: 0; top:50%; margin-top: -3px; line-height: 1; overflow: hidden;}

.comm-mod3 .mod-hd{ height: 40px; line-height: 40px; background-color: #f0f0f0; overflow: hidden; *zoom:1;}
.comm-mod3 .mod-hd .more{ float: right; padding-right: 10px; text-align: right;}
.comm-mod3 .mod-hd .more a{ color: #333}
.comm-mod3 .mod-hd .more a:hover{ color: #488bf4; text-decoration: none;}
.comm-mod3 .mod-bd{ padding-top: 15px}
.comm-mod3 .tab{ float: left;}

.comm-mod4 .mod-hd{ border-bottom:1px solid #f0f0f0}
.comm-mod4 .mod-hd .tit{ font-weight: bold; font-size: 18px; line-height: 50px}

/* comm-tab */
.comm-tab{ overflow: hidden; *zoom:1;}
.comm-tab .tab-item{ float: left; padding: 0 12px; position: relative;}
.comm-tab .tab-con{ display: block; color: #999; font-size: 16px; padding: 0 8px; line-height:30px}
.comm-tab .tab-sep{ border-left:1px solid #e6e6e6; height:10px; font-size: 0; position: absolute; left: 0; top:50%; margin-top: -5px; width: 0}
.comm-tab .first .tab-sep, .comm-tab .tab-item:first-child .tab-sep{ display: none;}
.comm-tab .current .tab-con, .comm-tab .tab-con:hover{ background: #488bf4; color: #fff; font-weight: bold; text-decoration: none;}

.comm-tab2{ overflow: hidden; *zoom:1;}
.comm-tab2 .tab-item{ float: left;}
.comm-tab2 .tab-con{ display: block; color: #999; padding: 0 28px; font-size: 16px }
.comm-tab2 .current .tab-con, .comm-tab2 .tab-con:hover{ text-decoration: none; background-color: #3a72db; color: #fff}

.comm-tab2-ex2{ width: 100%}
.comm-tab2-ex2 .tab-item{ width: 49.9%}
.comm-tab2-ex2 .tab-con{ padding: 0; text-align: center;}

.comm-tab3 .tab{ overflow: hidden; *zoom:1; margin-right: -1px; *position: relative;}
.comm-tab3 .tab-item{ float: left; width: 251px; margin-right: -1px; line-height: 46px}
.comm-tab3 .tab-con{ display: block; color: #333; font-size: 18px; text-align: center; border:1px solid #f0f0f0; padding: 6px 0; background: #f8f8f8}
.comm-tab3 .current{ position: relative; z-index: 2}
.comm-tab3 .current .tab-con, .comm-tab3 .tab-con:hover{ text-decoration: none; border-top:7px solid #488bf4; padding: 0 0 7px; border-bottom:0; background: #fff}
.comm-tab3 .tab-pn{ border: 1px solid #f0f0f0; border-top:none; margin-right: -1px; *zoom:1; *position: relative;}

/* comm-pn */
.comm-pn .pn-hd{ overflow: hidden; *zoom:1; padding: 15px 0}
.comm-pn .pn-hd .tit{ float: left; color: #333; font-size: 24px; font-weight: bold; position: relative; line-height: 30px; padding-left: 16px;}
.comm-pn .pn-hd .sep{ position: absolute; width: 8px; height:26px; background: #333333; font-size: 0; left: 0; top:50%; margin-top: -13px}
.comm-pn .pn-hd .more{ float: right; color: #333; display: block; line-height: 30px}
.comm-pn .pn-hd .more:hover{ color: #3a72db; text-decoration: none;}
.comm-pn .comm-tab{ float: left; margin-left: 46px}
.comm-pn .pn-bd{ padding-top: 15px}

/* wrap */
.wrap{ background: url(/ue3/a/cr/index/2016v2/img/bg1.jpg) center top no-repeat}
.content{ width: 1000px; margin: 0 auto}

/* header */
.header{ height: 420px; position: relative; width: 1000px; margin: 0 auto; background: url(/ue2/a/cr/index/2016v2/img/bg-header.jpg) bottom center no-repeat;}

.logo-box { position: absolute; left: 366px; top: 25px; width: 280px; text-align: center;}
.logo-box .logo { display: block; text-align: center; font-size: 0; }
.logo-box .logo:hover{ text-decoration: none;}
.logo-box .logo img{ width: 260px; height: 122px; margin-bottom: 5px; display: block;}
.logo-box .game-name, .logo-box .game-tip{ display: inline-block; font: normal 22px/1.5 "MicroSoft YaHei","SimHei"; color: #fff; margin: 0 2px}
.logo-box .game-tip{ padding: 0 10px; background: #3291d5; border-radius: 16px}
.logo-box .game-url { display: block; font: normal 16px/1.5 "MicroSoft YaHei","SimHei"; color: white; }

.game-box{ position: absolute; top:42px; right:15px; width: 187px}
.game-box .box-c1{ overflow: hidden; *zoom:1; padding: 4px 2px; background: #d2cfcc; border-top-left-radius: 6px; border-top-right-radius: 6px}
.game-box .box-c1 a{ float: left; display: block; margin: 0 1px}
.game-box .box-c2{ text-align: center; font-size:12px; color: #becbe8; background: #32363d; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}

.header-c1 { position: absolute; bottom: 0; left: 0; width: 740px;}

.nav {  background-color: #3a72db; padding-right: 30px}
.nav-list { height: 55px; overflow: hidden; *zoom:1;}
.nav-item {  float: left; width: 20%}
.nav-con { display: block; overflow: hidden; min-width: 3em; height: 53px; font: normal 18px/53px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #487fe5; border-top:2px solid #3a72db;}
.nav-list .active .nav-con, .nav-con:hover{ background: #3268ce; border-top:2px solid #3268ce; text-decoration: none;}
.nav-list .first .nav-con, .nav-item:first-child .nav-con{ border-left: 0; border-top:2px solid #73adff; background: #4b85f2; font-weight: bold; font-size: 20px}

.header-quick-start{ background: #c72525}
.header-quick-start .item{ padding: 0 10px 0 20px; line-height: 45px; color: #fff; white-space: nowrap; }
.header-quick-start .con{ color: #fff; }

.header-quick-start2{ overflow: hidden; position: relative; z-index: 2; height: 63px; padding-top: 12px; padding-right: 30px; }
.header-quick-start2 .item{ float: left; padding: 0 10px 0 20px; line-height: 26px; color: #8dabc9; white-space: nowrap; }
.header-quick-start2 .con{ color: #8dabc9; }
.header-quick-start2 .bg{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 75px; background-color: #000; filter: alpha(opacity=30); opacity: 0.3; }

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 290px; height: 175px;}
.header-c2 .link-box{ overflow: hidden; *zoom:1;}
.header-c2 .link-box .con{ float: left; width: 50%; line-height: 55px; text-align: center; height: 55px; color: #fff; font-size:18px; font-weight: bold; background:url(/ue2/a/cr/index/2016v2/img/s1.png) no-repeat;}
.header-c2 .link-box .btn-xz{ background-position:0 -50px}
.header-c2 .link-box .btn-gl{ background-position:-145px -50px}
.header-c2 .link-box .btn-xz:hover{  background-position:0 -106px}
.header-c2 .link-box .btn-gl:hover{ background-position:-145px -106px}
.header-c2 .link-box .con:hover{ text-decoration: none;}
.header-c2 .link-box2 { overflow: hidden; *zoom: 1; background-color: #b51c1c; }
.header-c2 .link-box2 .con { float: left; width: 49.9%; margin-left: -1px; font: normal 18px/45px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #9a1818; }
.header-c2 .link-box2 .con:hover {  text-decoration: none; background: #aa1b1b}
.header-c2 .link-box3 { padding: 8px 20px; color: #5589be; background: #092139; text-align: center; }
.header-c2 .link-box3 .con { color: #5589be; }
.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box { padding: 0 25px; background: #092139; height: 38px }
.header-c2 .search-con { position: relative; overflow: hidden; height: 28px; padding: 0 38px 0 8px; background-color: #173656; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; color: #386ca1; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 28px; height: 28px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; left: 0; top:0; }
.header-c2 .ico-search{ margin-top: 5px}
.header-c2 .search-con:hover .ico-search{ background-position: -72px 0}
.header-c2 .shadow { position: absolute; left: -3px; top: 55px; width: 3px; height: 45px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3)); background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3))); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.3)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.3)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000');}

/* row */
.row{ overflow: hidden; *zoom:1;}
.row-col1{ float: left; width: 680px;}
.row-col2{ float: right; width: 300px}

/* slick */
.slick-list{ position: relative; overflow: hidden; display: block; z-index: 5;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img { display: none; }

/* list-news */
.list-news li{ overflow: hidden; *zoom:1; line-height: 29px; font-size: 12px}
.list-news .time{ float: right; color: #b2b2b2; margin-left: 10px}
.list-news .detail{ overflow: hidden; *zoom:1;}
.list-news .tip1, .list-news .tip2, .list-news .tip3, .list-news .tip4{ float: left; color: #fff;  display: block; padding: 0 4px; line-height:16px; margin:6px 7px 0 0}
.list-news .tip1{ background: #afc2e6;}
.list-news .tip2{ background: #f7a67a}
.list-news .tip3{ background: #9ed888;}
.list-news .tip4{ background: #9ca0ed}
.list-news .tit{ overflow: hidden; *zoom:1; white-space: nowrap; text-overflow:ellipsis;}
.list-news .li-m{ margin-bottom: 17px}
.list-news .tit a{ font-size: 16px}
.list-news-ex2 li{ line-height: 20px}
.list-news-ex2 .tit a{ font-size: 12px}

.list-news2{ overflow: hidden;}
.list-news2 li{ overflow: hidden; *zoom:1; border-top: 1px solid #f0f0f0; padding: 15px 0; margin-top: -1px}
.list-news2 .pic{ float:left; width:115px; margin-right:20px}
.list-news2 .pic a{ display: block;}
.list-news2 .detail{ overflow: hidden; *zoom:1;}
.list-news2 .tit{ font-size: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-weight: bold; margin-top: -2px}
.list-news2 .txt{ color: #b2b2b2; line-height: 20px; height: 60px; overflow: hidden; margin-top: 3px; height:40px; overflow: hidden;}
.list-news2 img{ width:115px; height: 65px}

.list-news3{ *overflow: hidden; *zoom:1;}
.list-news3 .list-item { position: relative; padding: 15px 0; border-bottom: 1px solid #dcdcdc; *overflow: hidden; *float: left; *width: 100%; font-size: 12px}
.list-news3 .list-item:hover { background-color: #fdfdfd; }
.list-news3 .list-item:hover .info { visibility: visible; opacity: 1; }
.list-news3 .art-item{ overflow: hidden; *zoom:1;}
.list-news3 .art-item-c1 { width: 130px; float: left; }
.list-news3 .art-item-c2 { float: right; width: 535px; overflow: hidden;}
.list-news3 .art-item-c1 a{ display: block;}
.list-news3 .tit { margin-right: 5.5em; font: normal 183.3%/1.3 "MicroSoft YaHei"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 470px}
.list-news3 .tit a{ /*display: inline-block; */color: #333333;}
.list-news3 .tit a:hover { color: white; background-color: #ff7200; text-decoration: none; }
.list-news3 .detail { overflow: hidden; height: 3em; margin-top: .7em; line-height: 1.5; }
.list-news3 .detail a{ color: #ababab}
.list-news3 .info { visibility: hidden; _visibility: visible; margin-top: .5em; opacity: 0; transition: opacity .2s ease-in; color: #ababab;}
.list-news3 .info .c1 { float: left; }
.list-news3 .info .c2 { float: left; margin-left: 3em; }
.list-news3 .info a{ color: #0068b7}
.list-news3 .fun-box { position: absolute; top: 22px; right: 0; }
.list-news3 .fun-box a { color: #ababab; }
.list-news3 .fun-box a:hover { color: #c61c02; text-decoration: none; }
.list-news3 .btn-comment { float: left; line-height: 13px; }
.list-news3 .btn-comment .ico-comment { float: left; margin-right: 2px; }
.list-news3 .btn-share { float: left; margin-left: 10px;}

.list-news4 li{ position: relative; line-height: 20px; *zoom:1;}
.list-news4 .item{ border-left:1px dotted #eaeaea; margin-left: 9px; padding:0 0 6px 15px}
.list-news4 .tit, .list-news4 .tit a{ font-weight: bold;}
.list-news4 .tit, .list-news4 .txt{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width: 100%}
.list-news4 .txt{ font-size: 12px}
.list-news4 .time{ position: absolute; left: 0; top:0; border: 1px solid #dcdcdd; width: 18px; height: 18px; text-align: center; color: #999; font-size: 12px; line-height: 18px; background: #f5f5f6; border-radius:100%}
.list-news4 li:hover .time, .list-news4 .hover .time, .list-news4 .active .time{ background: #3a72db; border-color: #3a72db; color: #fff}
.list-news4 li:hover a, .list-news4 .:hover a{ color: #488bf4}
.list-news4 .last .item{ border:none; margin-left: 10px}

/* list-pic */
.list-pic{ overflow: hidden; *zoom:1;  margin-left: -20px; margin-right: -20px;}
.list-pic li{ float: left; width: 200px; margin: 0 20px; *display: inline; *zoom:1; padding-bottom: 28px}
.list-pic img{ width: 200px; height: 150px} 
.list-pic .tit{ display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px; width: 100%}
.list-pic-ex2{ margin-left: -15px; margin-right: -15px}
.list-pic-ex2 li{ margin: 0 15px; width: 130px; padding-bottom: 10px}
.list-pic-ex2 img{ width: 130px; height: 74px}
.list-pic-ex2 .tit{ font-size: 12px; white-space: nowrap; text-overflow:ellipsis; line-height: 36px; height: 36px; margin-top: 0}

.list-pic2{ overflow: hidden; *zoom:1;}
.list-pic2 a, .list-pic2 .pic, .list-pic2 .tit{ display: block;}
.list-pic2 li{ border-top: 1px solid #b8ccf2; margin-top: -1px; }
.list-pic2 a{ text-align: center; height: 180px; padding-top: 2px;}
.list-pic2 img{ width: 150px; height: 150px}
.list-pic2 .tit{ color: #488bf4; font-weight: bold; line-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list-pic2 a:hover{ text-decoration: none;}

/* dynamic-img */
.dynamic-img a{ overflow: hidden;}
.dynamic-img .dynamic-pic{ overflow: hidden; *overflow:inherit; display: block;}
.dynamic-img a img{ -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -ms-transition: -ms-transform .3s linear; transition: transform .3s linear;}
.dynamic-img a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9;} 

/* more-box */
.more-box a{ display: block; color: #999; text-align: center; font-size: 12px; font-weight: bold; background: #f8f8f8; line-height:30px}
.more-box a:hover{ text-decoration: none; background: #3a72db; color: #fff}

.more-box1 a{ display: block; color: #999; text-align: center; font-size: 12px; font-weight: bold; background: #f8f8f8; line-height:30px; margin-top: 5px;}
.more-box1 a:hover{ text-decoration: none; background: #3a72db; color: #fff}

/* pn-recommend */
.pn-recommend{ *zoom:1; background: #f5f5f5;}
.pn-recommend:after{ content: "\0020"; visibility: hidden; display: block; font-size: 0; clear: both; height: 0}
.pn-recommend .pn-c1{ float: left; width: 680px;}
.pn-recommend .pn-c2{ float: right; width: 290px}

.mod-recommend{ padding-top: 14px;}
.mod-recommend .mod-hd{ position: relative;}
.mod-recommend .mod-hd .tit{ color: #fff; font-size: 18px; font-weight: bold; background: #b9b9b9; line-height: 26px; width: 40px; padding: 22px 10px; text-align: center; position: absolute; left:-10px}
.mod-recommend .mod-hd .triangle1, .mod-recommend .mod-hd .triangle2{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; color: #aaacb1; border-left:5px dashed transparent;  border-right-style:solid; border-right-width:5px;}
.mod-recommend .mod-hd .triangle1{ border-top:5px dashed transparent; border-bottom-style:solid; border-bottom-width:5px; left: 0; top:-10px;}
.mod-recommend .mod-hd .triangle2{ border-bottom:5px dashed transparent; border-top-style:solid; border-top-width:5px; left: 0; bottom:-10px;}
.mod-recommend .mod-bd{ padding-left: 80px; height: 166px}

.list-recommend{ *zoom:1; position: relative; margin-left: -12px; margin-right: -12px}
.list-recommend:after{ content: "\0020"; visibility: hidden; display: block; font-size: 0; clear: both; height: 0}
.list-recommend li{ float: left; cursor: pointer; margin: 0 12px; *display: inline; *zoom:1;}
.list-recommend img{ width:80px; height: 96px}
.list-recommend .item-c1{ text-align: center; width: 80px; position: relative;}
.list-recommend .tit{ color: #353535; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:7px}
.list-recommend .triangle{ display:none; overflow:hidden; position:absolute; top:114px; left:50%; margin-left: -7px; width:0; height:0; font-size:0; border-left:7px dashed transparent; border-right:7px dashed transparent; border-top:7px dashed transparent; border-bottom-style:solid; border-bottom-width:7px; color: #34383e;}
.list-recommend .item-c2{ background: #34383e; padding: 0 6px; border-radius: 6px; width: 578px; font-size: 0; position: absolute; left: 10px; top:128px; display: none;}
.list-recommend .item-c2 a, .list-recommend .item-c2 .txt{ color: #ccc; font-size: 14px; display: inline-block; line-height: 30px}
.list-recommend .item-c2 a{ margin-right: 15px;}
.list-recommend .item-c2 a:hover{ color: #fff; text-decoration: none;}
.list-recommend .active{ height: 158px}
.list-recommend .active .tit{ color: #3a72db;}
.list-recommend .active .triangle{ display: block;}
.list-recommend .active .item-c2{ display: block;}

.focus-recommend{position: relative;width: 290px;height:165px;overflow:hidden;margin: 0 auto; z-index: 5; margin-top:15px;}
.focus-recommend .slick-list{_width: 290px;}
.focus-recommend .focus-item{position: relative;*zoom:1;display: block; color: #fff;}
.focus-recommend img{ width: 290px; height: 165px}
.focus-recommend .pic-box,.focus-recommend .txt-box,.focus .txt-in{display: block;}
.focus-recommend .txt-box{position:absolute;bottom: 0; left: 0;width: 100%;z-index:11;overflow: hidden;}
.focus-recommend .txt-in{padding:0 10px; font:normal 14px/40px "Microsoft Yahei"; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.focus-recommend .mask{position: absolute; z-index: -1; left:0; top:0; width:100%; height: 40px;}
.focus-recommend .slick-prev,.focus-recommend .slick-next {position: absolute;z-index:1001;top: 50%;display: block;height: 39px;width: 24px;line-height: 0; font-size: 0;cursor: pointer;border: none;outline: none;background:url(/ue2/a/cr/index/2016v2/img/s1.png) no-repeat; margin-top: -19px; opacity: 0.4; }
.focus-recommend .slick-disabled{opacity: 0.25;}
.focus-recommend .slick-prev{left: 10px;background-position: -239px 0; }
.focus-recommend .slick-next{right: 10px;background-position: -265px 0;}
.focus-recommend .slick-prev:hover,.focus-recommend .slick-next:hover{ opacity: 1;}
.focus-recommend .focus-item:hover, .focus-recommend .focus-item:hover .txt-in{ text-decoration: underline;}

/* pn-news */
.pn-news{ padding-top: 15px}
.pn-news .pn-col1{ float: left; width: 360px; padding-top: 20px;}
.pn-news .pn-col2{ float: right; width: 610px;}
.pn-news .pn-row1{ overflow: hidden; *zoom:1;}

.mod-topnews { padding:5px 0 11px; text-align: center; }
.mod-topnews .tit{ color: #d92f2f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 36px}
.mod-topnews .tit a {  font-size:20px; font-weight: bold; color: #d92f2f }
.mod-topnews .links { padding-bottom: 18px;}
.mod-topnews .links a{ color: #aeaeae}

.mod-news .mod-bd{ padding-top: 18px}

.mod-data{ background: #f8f8f8; position: relative; height: 520px; padding-top: 30px}
.mod-data .title{ text-align: center; color: #333; font-size: 16px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}

.focus-data{position: relative; padding:10px 0 20px; z-index: 5; height: 460px}
.focus-data .slick-slide {display: block; height: auto; text-align: center; padding: 7px 0;  background:#f8f8f8}
.focus-data .slick-list{ width: 180px;height:460px;overflow:hidden;}
.focus-data img{ width: 66px; height:66px; display: inline-block;}
.focus-data .focus-item{ *zoom:1; display: inline-block; padding:3px 0}
.focus-data .pic-box,.focus-data .txt-box{display: block;}
.focus-data .txt-box{ font-size:16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-top: 5px}
.focus-data .slick-prev,.focus-data .slick-next{ position: absolute;z-index:11; left: 0;display: block; height:20px; width:100%; line-height: 0; font-size: 0; cursor: pointer;padding: 0; border: none; outline: none;z-index: 12; background: #eaeaea url(/ue3/a/cr/index/2016v2/img/s2.png) no-repeat;}
.focus-data .slick-prev{top: -60px; background-position:center top }
.focus-data .slick-next{bottom:0; background-position: center -20px}
.focus-data .dynamic-img a:hover img{ opacity: 1;} 

.mod-hot-info .mod-bd{ padding: 10px 0 3px}
.mod-hot-info .hot-item{ overflow: hidden; *zoom:1; }
.mod-hot-info .hot-item .tit{ float: left; padding: 0 5px; line-height: 22px; border-radius: 2px; color: #fff; margin-top: 4px; margin-right: 15px}
.mod-hot-info .hot-item .con{ overflow: hidden; *zoom:1; font-size: 0;}
.mod-hot-info .hot-item .con a, .mod-hot-info .hot-item .sep{ font-size: 12px;  display: inline-block; *display: inline; *zoom:1; line-height: 30px}
.mod-hot-info .hot-item .con a{ white-space: nowrap;}
.mod-hot-info .hot-item .sep{ color: #dcdcdc; margin: 0 10px}

/* pn-hot */
.pn-hot{ margin-top: 20px}

.slick-hot{position: relative;width: 950px;height:148px;overflow:hidden; padding: 0 25px; z-index: 5;}
.slick-hot .slick-list{ _width:950px;}
.slick-hot .past-item{ display: block; overflow: hidden; *zoom:1;  color: #fff; background: url(/ue2/a/cr/index/2016v2/img/bg2.png) left bottom no-repeat; }
.slick-hot .past-item a{ color: #fff}
.slick-hot .past-item img{ width:90px; height: 120px;}
.slick-hot .pic-box{ float: left; width: 100px; padding-bottom: 28px;}
.slick-hot .txt-box{ display: block; overflow: hidden; *zoom:1; padding-top: 60px}
.slick-hot .t1, .slick-hot .t2{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.slick-hot .t1{ font-weight: bold; font-size: 20px}
.slick-hot .t2{ margin-top: 3px}
.slick-hot .past-item a:hover{ color: #f6ff00; text-decoration: none;}
.slick-hot .slick-prev,.slick-hot .slick-next {position: absolute;z-index:1001; bottom:35px;display: block;height: 39px;width: 24px;line-height: 0; font-size: 0;cursor: pointer;border: none;outline: none;background:url(/ue2/a/cr/index/2016v2/img/s1.png) no-repeat; opacity: 0.4}
.slick-hot .slick-disabled{opacity: 0.1;}
.slick-hot .slick-prev{left: 10px;background-position: -239px 0; }
.slick-hot .slick-next{right: 10px;background-position: -265px 0;}
.slick-hot .slick-prev:hover,.slick-hot .slick-next:hover{ opacity: 1;}
.slick-hot .bg{ width: 100%; _width: 1000px; background: #488bf4; height:115px; position: absolute; left: 0; bottom: 0; z-index: -1;}

/* pn-arena */
.pn-arena{ margin-top: 35px}
.pn-arena .pn-bd{ padding-top: 0}
.pn-arena .title{ font-size: 18px; font-weight: bold; line-height: 56px}

.mod-arena{ position: relative; padding:7px 10px 0 240px; min-height: 555px; _height: 555px}
.mod-arena .more-box{ margin-top: 20px}
.mod-arena-info{ position: absolute; left: -7px; top:7px; background: url(/ue2/a/cr/index/2016v2/img/bg3.jpg) top center no-repeat; width: 162px; padding: 0 18px 0 30px; height: 532px}
.mod-arena-info .triangle1, .mod-arena-info .triangle2{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; left: 0; }
.mod-arena-info .triangle1{ top:-6px; border-top:3px dashed transparent; color: #91a9d5;border-left:3px dashed transparent; border-right-style:solid; border-right-width:4px; border-bottom-style:solid; border-bottom-width:3px;}
.mod-arena-info .triangle2{ bottom: -6px; border-bottom:3px dashed transparent; color: #91a9d5; border-left:3px dashed transparent; border-right-style:solid; border-right-width:4px; border-top-style:solid; border-top-width:3px;}

.mod-arena-info .title{ text-align: center;}
.mod-arena-info .btn-help{ display: block; background: url(/ue2/a/cr/index/2016v2/img/s1.png) 0 -164px no-repeat ; height: 48px; text-align: center; color: #f6ff00; font-size: 18px; line-height: 24px; font-weight: bold; padding: 11px 0; margin-top: 15px}
.mod-arena-info .btn-help .txt{ display: block;}

/* pn-card */
.pn-card{ margin-top: 5px}
.pn-card .search-box2{ float: right; width: 228px}
.pn-card .pn-bd{ border: 1px solid #e9e9e9; padding:0 0 26px}

.search-box2 .search-form{position:relative;height:30px;padding:0 65px 0 10px;background-color:#f4f4f4; overflow: hidden;}
.search-box2 .search-form input{width:100%;height:30px;*margin-bottom:-1px;font-size:14px;color:#999;_color:#333;line-height:30px\9;border:0;background:0;outline:0}
.search-box2 .search-form input:focus{color:#333}
.search-box2 .search-form .btn{position:absolute;top:-1px;right:-1px;width:55px;height:32px;background:#77be3d;border:0;cursor:pointer; color: #fff}
.search-box2 .search-form .btn:hover ,.search-box2 .search-form .btn:focus{background-color:#6eaf39; color: #fff}

.pn-card .check-box{ overflow: hidden; *zoom:1; background: #fafafa; padding: 14px 16px 15px}
.pn-card .check-box .check-item{ overflow: hidden; float: left; *margin-left: -2px; white-space: nowrap; cursor: default; margin-right: 40px}
.pn-card .check-box  input{ margin: 0 2px 3px 0; vertical-align: middle;}

.pn-card .card-box{ padding: 0 37px; height: 576px; overflow-y:auto; overflow-x:hidden;}
.list-card{ overflow: hidden; *zoom:1; margin-left: -11px; margin-right: -11px}
.list-card li{ float: left; width: 110px; margin: 0 11px; *display: inline; *zoom:1; padding-top: 30px}
.list-card img{ width:110px; height: 132px}
.list-card .tit{ display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-align: center; margin-top: 6px}

/* pn-strategy */
.pn-strategy{ margin-top:10px}
.pn-strategy .pn-hd{ border-bottom: 1px solid #e9e9e9}
.pn-strategy .pn-bd{ overflow: hidden; *zoom:1; padding-top: 5px}
.pn-strategy .row-col1{ padding: 5px 0 0}
.pn-strategy .comm-list{ margin-top: 9px}

.list-strategy{ overflow: hidden; *zoom:1;}
.list-strategy li{ float: left; width: 33.3%; padding: 15px 0;}
.list-strategy .item{ overflow: hidden; *zoom:1; width: 215px}
.list-strategy .pic{ float: left; margin-right: 10px}
.list-strategy .pic a{ display: block;}
.list-strategy .detail{ overflow: hidden; *zoom:1;}
.list-strategy .tit, .list-strategy .txt{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.list-strategy .tit{ font-weight: bold; font-size: 16px; line-height: 26px; margin-bottom: 5px}
.list-strategy .txt{ color: #999; display: block; line-height:22px}
.list-strategy img{ width: 75px; height: 75px}
.list-strategy .item:hover, .list-strategy .hover{ background: #f7f7f7}

/* panel-video */
.panel-video{ margin-top: 35px} 

.list-video{ overflow: hidden; *zoom:1; margin-left: -20px; margin-right: -20px}
.list-video li{ float: left; width:200px; margin: 0 20px; padding-bottom: 21px;  *display: inline; *zoom:1;}
.list-video img{ width: 200px; height: 114px; display: block;}
.list-video .pic{ display: block; position: relative;}
.list-video .cover{ position: absolute; width:200px; height: 114px; background: url(/ue3/a/cr/index/2016v2/img/cover.png) no-repeat; left: 0; top:0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue3/a/cr/index/2016v2/img/cover.png');}
.list-video .tit{ display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px; width: 100%}
.list-video a:hover .cover{ display: none; _filter:none; _position: static;}

.list-video-ex2 li{ padding-bottom: 18px}
.list-video-ex2 .tit{ white-space: nowrap; text-overflow:ellipsis; height: 20px}

.panel-video .mod-rank{ margin-top: 15px}
.panel-video .mod-rank .mod-bd{ padding-top: 28px}

.list-rank li{ overflow: hidden; *zoom:1;}
.list-rank .num{ float: left; width: 23px; height: 23px; border-radius: 100%; background: #ececec; color: #333; font-size: 12px; text-align: center; line-height: 23px; margin-right: 8px; margin-top: 4px}
.list-rank .num-top{  background: #488bf4; color: #fff;}
.list-rank .detail{ overflow: hidden; *zoom:1; line-height: 31px}
.list-rank .pic{ float: left; margin-right: 10px; display: none;}
.list-rank .pic a{ display: block;}
.list-rank img{ width:120px; height: 69px}
.list-rank .txt{ overflow: hidden; *zoom:1; padding-right: 5px}
.list-rank .tit{ color: #000; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.list-rank .tit a{ color: #000}
.list-rank .tit a:hover{ text-decoration: none;}
.list-rank .time{ color: #999; font-size: 12px; display: none;}
.list-rank li:hover .num, .list-rank .active .num{ margin-top: 23px;}
.list-rank li:hover .detail, .list-rank .active .detail{ line-height: 22px; background: #f5f5f5; margin-bottom: 8px}
.list-rank li:hover .pic, .list-rank .active .pic, .list-rank li:hover .time, .list-rank .active .time{ display: block;}
.list-rank li:hover .tit, .list-rank .active .tit{ white-space: normal; height: 44px; padding-top: 3px;}

/* panel-pic */
.panel-pic{ margin-top: 35px}

.mod-recruit{ border: 1px solid #e9e9e9; padding: 5px 9px 0; margin-top: 26px}
.mod-recruit .mod-hd{ border-bottom:1px solid #f0f0f0}
.mod-recruit .mod-hd .tit{ font-weight: bold; font-size: 18px; display: inline-block; border-bottom:1px solid #333333; position: relative; top:1px; line-height: 40px}
.mod-recruit .link-box{ font-size:0; text-align: center; padding: 15px 0}
.mod-recruit .link-box .comm-btn{ margin: 0 5px}

.focus-recruit{position: relative;width: 270px;height:372px;overflow:hidden; z-index: 5;}
.focus-recruit .slick-slide {display: block; height: auto; padding: 10px 0;}
.focus-recruit .slick-list{ _width:270px;}
.focus-recruit .focus-item{ overflow: hidden; *zoom:1; border-bottom:1px solid #f0f0f0}
.focus-recruit .focus-pic{ float: left; margin-right: 10px}
.focus-recruit .focus-pic img{ width: 50px; height: 50px; border-radius:100% }
.focus-recruit .focus-detail{ overflow: hidden; *zoom:1;}
.focus-recruit .focus-txt{ overflow: hidden; *zoom:1; line-height: 30px}
.focus-recruit .focus-time{ float: right; margin-left: 10px; color: #b7b7b7; font-size: 12px}
.focus-recruit .focus-name{ overflow: hidden; *zoom:1; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

/* footer */
.footer{ background: #f8f8f8; border-top:1px solid #dcdcdc; color: #999; margin-top: 25px}
.footer-in{ width: 1000px; margin: 0 auto;}
.footer-con1{ overflow: hidden; *zoom:1; padding: 25px 0} 
.footer-c1, .footer-c2, .footer-c3, .footer-c4{ float: left;}
.footer-c1, .footer-c2, .footer-c3{ width: 170px}
.footer-c1, .footer-c2{ margin-right: 10px}
.footer-c4{ width:102px; text-align: center;}
.footer-c5{ width:320px; float: right;}
.footer-title{ font-size: 16px; font-weight: bold; color: #666; line-height: 54px}
.footer-c4 .code-img{ padding: 10px 0 5px}
.list-footer{ margin-top: 3px}
.list-footer li{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 35px}
.list-footer a{ color: #999}
.list-footer2 li{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 30px}
.list-footer2 a{ color: #488bf4; text-decoration: underline;}
.footer-con2{ font-size: 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; line-height: 20px; padding: 15px 0}
.footer-con2 .footer-tit, .footer-con2 a{ font-size: 14px}
.footer-con2 a{ margin-right: 8px; color: #999}
.footer-con3{ text-align: center; color: #333; line-height: 60px}
.footer .share-box{ padding: 13px 0 6px}
.footer .share-box .gb-share-con{ overflow: hidden; *zoom:1; margin-left: -3px; margin-right: -3px}

/* global-footer */
.global-footer{ color:#999; background: #282828; padding:20px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999}

/* sub-content */
.sub-content{ padding-top: 20px}

/* crumb */
.crumb{ line-height: 48px; color: #888; border-bottom: 1px solid #dcdcdc}
.crumb a{ color: #888}

/* pagination */
.pagination{text-align: center; padding: 40px 0}
.pagination ul{font-size: 0}
.pagination li{display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 24px; vertical-align: top}
.pagination a{display: block; padding: 0 .6em; border: 1px solid #d6d6d6; color: #333}
.pagination a.current,.pagination a:hover{color: #fff; text-decoration: none; border-color: #3a72db; background-color: #3a72db}

/* side-mod-code */
.side-mod-code{ background: #f8f8f8; text-align: center; overflow: hidden; *zoom:1; padding:9px 0 20px; margin-top: 10px}
.side-mod-code .tit{ font-weight: bold; font-size: 24px; }
.side-mod-code .txt{ padding-bottom: 10px}
.side-mod-code .code{ float: left; width: 50%; text-align: center; color: #666}
.side-mod-code .code img{ border: 1px solid #e1e1e1; padding: 4px; background: #fff; width: 68px; height: 68px}
.side-mod-code .code-txt{ margin-top: 7px}

/* side-mod-banner */
.side-mod-banner a{ display: block; position: relative; color: #333; border: 1px solid #ededed; margin-top: 20px}
.side-mod-banner a img{ width: 288px; height: 58px}
.side-mod-banner a .tit{ position: absolute; font-size: 26px; top:0; line-height: 52px; text-align: center; width: 160px;}
.side-mod-banner .data .tit{ right: 10px;}
.side-mod-banner .feature .tit{ left:5px;}
.side-mod-banner a:hover{ text-decoration: none;}

/* side-mod-rank */
.side-mod-rank{ margin-top: 35px}
.side-mod-rank .mod-bd{ padding-top: 25px}
.side-mod-rank2{ margin-top: 30px}

/* gb-side-box */
.gb-side-box{ position:fixed; bottom:2px; right:0; margin-left:500px; z-index:900; font-size: 14px; _position:absolute}
.gb-side-box-c1{ background: #3764aa; width:34px; display: none;}
.gb-side-box .sep{ color:#fff; padding:6px 0; font-family:Arial; font-size:14px}
.gb-side-box .btn-show{ line-height:1; text-align:center; cursor:pointer; color:#fff; width:16px; padding:0 9px 6px}
.gb-side-box-c2{ width:192px; position:relative; display:block}
.gb-side-box-c2 .hd{ height:36px; padding:6px 6px 0; background:#488bf4} 
.gb-side-box-c2 .hd .tit{ color:#fff; font-weight:bold; font-size:16px; line-height:36px}
.gb-side-box-c2 .bd{ padding:10px; background:#fff; border:6px solid #488bf4; border-top:none; background: #3764aa;}
.gb-side-box .btn-close{ position:absolute; top:6px; right:6px; cursor:pointer; color:#fff; font: bold 20px/36px "SimSun"; opacity: 0.8}
.gb-side-box .btn-close:hover{ opacity: 1}
.gb-side-box .info-box{ padding-bottom:9px}
.gb-side-box .intro-box .item{ line-height:26px; color: #9fc3fc;}
.gb-side-box .intro-box .item a{ color:#9fc3fc}
.gb-side-box .detail-box{ padding-top:10px; *zoom:1}
.gb-side-box .pic-box{ text-align:center}
.gb-side-box .pic-box .con{ display:block; color:#fff;}
.gb-side-box .pic-box .c1{ display:block; padding-bottom:7px}
.gb-side-box .pic-box .c2{ display:block; line-height:20px}
.gb-side-box .link-box{ text-align: center; font-size: 0; margin-top:7px;}
.gb-side-box .btn{ display:inline-block; width:100px; height:34px; line-height:34px; color:#fff; font-size:16px; text-align:center;  background: #86b53b; font-weight: bold; vertical-align: top;}
.gb-side-box .btn:hover{ text-decoration:none; background: #99cd45}
.gb-side-box .btn-code{ display:inline-block; border:3px solid #c6c6c6; vertical-align: top; margin-left: 2px}
.gb-side-box .btn-code:hover{ border-color:#7a7a7a}
.gb-side-box .btn-code .pic-code-s{ width:28px; height:28px}
.gb-side-box .code-box{ display:none; padding:11px 0 9px 0}
.gb-side-box .code-box .txt{ color:#9fc3fc; text-align:center; padding:7px 0 6px 0}
.gb-side-box .code-box .link-game{ color:#fff; font-size:14px; display:block; text-align:center; line-height:20px}
.gb-side-box .code-box .link-game .con{ display:block}
.gb-side-box .code-box .info{ color:#9fc3fc; line-height:20px; padding:15px 0 21px 0}

.fix-box{ position: absolute; left: 50%; top:473px; margin-left: 530px; width: 220px;  }
.fix-box .comm-mod2{ padding: 7px 15px 15px 15px; background: #f3f7ff; border-top:2px solid #fff}
.fix-box .comm-mod2 .mod-hd{ padding-left:7px}
.fix-box .fix-mod-news{ padding-bottom:10px;}
.fix-mod-news .mod-bd{ position: relative; *zoom:1;}
.fix-mod-news .line{ border-left:1px dotted #eaeaea; font-size: 0; overflow: hidden; position: absolute; left: 9px; top:-20px; height: 20px}
.fix-mod-expert .expert-pic a{ display: block; overflow: hidden;}
.fix-mod-expert .expert-pic img{ width: 190px; height: 112px;}
.fix-mod-expert .expert-detail{ font-size: 12px; line-height: 20px; padding: 10px 0; border-bottom:1px dotted #d2d3d4; margin-bottom: 10px} 
.fix-mod-expert .list-news .tit{ width: 100%}
.fix-box .fix-mod-code{ text-align: center; padding-top:22px; padding-bottom:22px }
.fix-mod-code .pic img{ width: 100px; height: 100px}
.fix-mod-code .txt{ color: #3a72db; font-weight: bold; line-height: 20px; margin-top: 5px}
.fix-mod-code .info{ height: 20px; overflow: hidden;}

.page-final .mod-article em, .page-final .mod-article em strong{ font-style: italic;}
.page-final .mod-article b, .page-final .mod-article strong{ font-weight: bold;}