@charset "UTF-8";
.wrapper { background: url(http://n.sinaimg.cn/97973/69078b96/20151208/bj3_1.jpg) no-repeat center 400px #190B02; min-width: 1000px; position:relative; }
.wrapper_home{background: url(http://n.sinaimg.cn/97973/69078b96/20151208/bj3.jpg) no-repeat center 400px #190B02;}
.wrapper:before{content:"";position:absolute;width:100%;height:400px;z-index:0;background: url(http://n.sinaimg.cn/97973/69078b96/20151208/qmcs-topn.jpg) no-repeat center top #190B02;}
.wrapper_home:before{height:400px;background: url(images/qmcs-top.jpg) no-repeat center top #190B02;}
.top { position: relative; height: 100px; }
.top_nav { position: absolute; right: 0; top: 30px; overflow: hidden; }
.top_nav li { width: 102px; height: 39px; line-height: 39px; text-align: center; float: left; }
.top_nav li a { display: block; margin: 0 5px; font-size: 20px; color: #EEEEEE; transition-property: background-image,color; transition-duration: 0.3s; -webkit-transition-property: background-image,color; -webkit-transition-duration: 0.3s; background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/px.png); background-repeat: no-repeat; background-size: 100% 100%; }
.top_nav li:hover a { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/top_nav_cur2.png); color: #EEEEEE; }
.top_nav .cur a,.top_nav li.current a{ background-image: url(images/top_nav_cur.jpg) !important; color: #fedd61 !important; }

.menu { overflow: hidden; margin: 320px 0 15px; }
.wrapper_home .menu{margin: 330px 0 15px;}
.menu_link { float: left; width: 40%; }
.menu_link div { overflow: hidden; font-size: 13px; height: 26px; line-height: 26px; color: #fff; }
.menu_link div a { display: inline-block; margin: 0 10px; color: #fff; vertical-align: middle; transition: color 0.3s; -webkit-transition: color 0.3s; }
.menu_link div a:hover { color: #EEEEEE; }
.menu_link div i { display: inline-block; text-indent: 7px; vertical-align: top; width: 79px; font-style: normal; background: url(http://n.sinaimg.cn/97973/69078b96/20151208/menu_link.png) no-repeat; }
.menu_link div:first-child { margin-bottom: 12px; }
.menu_img { float: right; width: 58%; font-size: 14px; color: #fff; overflow: hidden; }
.menu_img dt { position: relative; float: left; width: 26px; padding: 4px 0; line-height: 1; text-align: center; border-radius: 3px 0 0 3px; background: #090A0F; }
.menu_img dt:after { content: ""; position: absolute; left: 100%; top: 50%; width: 8px; height: 18px; margin-top: -9px; background: url(images/jian.png) no-repeat; z-index: 2; }
.menu_img dd { overflow: hidden; }
.menu_ul { overflow: hidden; margin-left: -6px; }
.menu_ul li { width: 14.2857143%; float: left; }
.menu_ul li.new a:after{content:"";position:absolute;top:0;right:0;width:35px;height:26px;background:url(images/new.png) no-repeat;}
.menu_ul li a { display: block; height: 64px; margin-left: 6px; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.menu_ul li p, .menu_ul li em { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; height: 15px; line-height: 15px; color: #EEEEEE; font-size: 12px; transition: color 0.3s; -webkit-transition: color 0.3s; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B7000000', endColorstr='#B7000000'); background: rgba(0, 0, 0, 0.72); }
.menu_ul li:hover p, .menu_ul li:hover em { color: #EEEEEE; }

/*列表通用*/
.arc_list { overflow: hidden; }
.arc_list li { height: 40px; line-height: 40px; overflow: hidden; font-size: 12px; color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; }
.arc_list li a { color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; }
.arc_list li:hover { color: #EEEEEE; }
.arc_list li:hover a { color: #EEEEEE; }
.arc_list li i { float: right; margin-left: 5px; }
.arc_list hr { border: 0; border-bottom: 1px dashed #572700; margin: 25px 0; }

.more { float: right; font-size: 12px; line-height: 30px; color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; }
.more:hover { color: #EEEEEE; }

/*标题通用*/
.h3 { font-size: 20px; color: #EEEEEE; line-height: 30px; }
.h3.ico { padding-left: 28px; background-position: left center; background-repeat: no-repeat; }
.h3.ico1 { background-image: url(images/ico1.jpg); }
.h3.ico2 { background-image: url(images/ico2.jpg); }
.h3.ico3 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico3.jpg); }
.h3.ico4 { background-image: url(images/ico4.jpg); }
.h3.ico5 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico5.jpg); }
.h3.ico6 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico6.jpg); }
.h3.ico7 { background-image: url(images/ico7.jpg); }
.h3.ico8 { background-image: url(images/ico8.jpg); }
.h3.ico9 { background-image: url(images/ico9.jpg); }
.h3.ico10 { background-image: url(images/ico10.jpg); }
.h3.ico11 { background-image: url(images/ico11.jpg); }
.h3.ico12 { background-image: url(images/ico12.jpg); }
.h3.ico13 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico13.png); }
.h3.ico14 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico14.jpg); }
.h3.ico15 { background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/ico15.jpg); }
.h3.ico16 { background-image: url(images/ico16.jpg); }

.content_left { width: 35%; float: left; background: #301500; }
.slider { overflow: hidden; position: relative; }
.slider img { display: block; width: 100%; }
.slider:hover .slider_btn { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.slider_img { height: 232px; overflow: hidden; }
.slider_img li { height: 232px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.slider_img a { position:relative;display: block; height: 100%; font-size:14px; text-align:center; }
.slider_img p{position:absolute;width:100%;height:32px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;left:0;bottom:0;color:#fff;padding:5px 10px; line-height:22px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.slider .slider_btn { position: absolute; top: 50%; margin-top: -15px; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; text-indent: -9999px; width: 16px; height: 29px; overflow: hidden; cursor: pointer; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; background-repeat: no-repeat; background-size: 100% 100%; }
.slider .slider_prev { background-image: url(images/prev.png); left: 20px; }
.slider .slider_next { background-image: url(images/next.png); right: 20px; }
.content_left .slider_c > div { display: none; }
.content_left .slider_c .cur { display: block; }
.content_left .slider_title { font-size: 12px; color: #EEEEEE; line-height: 2; margin: 10px 20px 5px; overflow: hidden; }
.content_left .slider_desc { font-size: 12px; color: #EEEEEE; line-height: 1.7; margin: 0 20px 14px; max-height: 40px; overflow: hidden; }
.slider_list { padding: 12px 20px; background: rgba(8, 7, 12, 0.51); }

.dl_list { margin: 27px 0 0; }
.dl_list dt { overflow: hidden; margin-bottom: 8px; }
.dl_list dt i { width: 120px; height: 32px; display: block; float: left; text-align: center; cursor: pointer; line-height: 32px; color: #EEEEEE; background-color: #401D01; transition-property: background-color,color; transition-duration: 0.3s; -webkit-transition-property: background-color,color; -webkit-transition-duration: 0.3s; }
.dl_list dt .cur { color: #fff; background-color: #873B01; }
.dl_list dt .more { line-height: 32px; display: none; }
.dl_list dt .on { display: block; }

.content_mid { width: 35%; float: left; margin-left: 2%; background: rgba(8, 7, 12, 0.51); padding: 23px 20px 16px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.content_mid .h2 { height: 31px; line-height: 31px; text-align: center; color: #EEEEEE; overflow: hidden; margin-bottom: 8px; }
.content_mid .h2 a { font-size: 16px; color: #EEEEEE; }
.content_mid .h2_b { font-size: 12px; color: #ffceb7; overflow: hidden; text-align: center; }
.content_mid .h2_b a { display: block; width: 50%; height: 36px; line-height: 36px; float: left; color: #ffceb7; overflow: hidden; transition: color 0.3s; -webkit-transition: color 0.3s; }
.content_mid .h2_b a:hover { color: #EEEEEE; }
.content_mid .arc_list { display: none; }
.content_mid .arc_list.cur { display: block; }

.content_right { width: 26%; float: right; }
.content_right .mysearch { display: block; position: relative; border-radius: 5px; height: 34px; border: 1px solid #3F2E26; background: #3D1B00; }
.content_right .mysearch .keyw { height: 34px; line-height: normal; border: 0; color: #dbae99; font-size: 14px; background: none; width: 100%; padding: 0 40px 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.content_right .mysearch .subm { position: absolute; right: 0; top: 0; width: 40px; height: 34px; border: 0; cursor: pointer; background: url(images/submit.jpg) no-repeat center center; }
.content_right .arc_list { margin-top: 4px; }

/*热门标签*/
.hot_tag { overflow: hidden; padding: 25px 18px 16px; margin-top: 15px; background: rgba(8, 7, 12, 0.51); }
.hot_tag dd { overflow: hidden; margin-top: 5px; }
.hot_tag dd p { margin-top: 12px; height: 35px; font-size: 12px; color: #dbae99; text-align: center; border-radius: 10px; overflow: hidden; }
.hot_tag dd p a { color: #dbae99; line-height: 35px; padding: 10px; transition: color 0.3s; -webkit-transition: color 0.3s; }
.hot_tag dd p a:hover { color: #fff; }
.hot_tag dd .p_tag1 { float: left; margin-right: 10px; width: 44.646%; background-color: #6a2e00; }
.hot_tag dd .p_tag2 { background-color: #6a2e00; }
.hot_tag dd .p_tag3 { float: left; margin-right: 10px; width: 35.72%; background-color: #522300; }
.hot_tag dd .p_tag4 { background-color: #552400; }
.hot_tag dd .p_tag5 { float: left; margin-right: 10px; width: 62.5%; background-color: #652b00; }
.hot_tag dd .p_tag6 { background-color: #994200; }
.hot_tag .ver_upadte { display: block; width: 100%; clear: both; margin-top: 30px; }
.hot_tag .ver_upadte img { display: block; width: 100%; }

.section { overflow: hidden; margin-top: 15px; color: #EEEEEE; background: rgba(8, 7, 12, 0.51); }
.section.nobgcolor { background: none; }
.s_left { width: 68%; float: left; padding: 18px 20px 30px 20px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.dl_img_list dt { overflow: hidden; line-height: 32px; margin-top: 11px; }
.dl_img_list dt i { display: block; float: left; height: 32px; line-height: 32px; padding: 0 20px; color: #EEEEEE; margin-right: 20px; cursor: pointer; transition-property: background-color,font-weight; transition-duration: 0.3s; -webkit-transition-property: background-color,font-weight; -webkit-transition-duration: 0.3s; }
.dl_img_list dt .cur { background-color: #090A0F; font-weight: bold; }
.dl_img_list dt .more { display: none; }
.dl_img_list dt .on { display: block; }
.dl_img_list dd ul { display: none; }
.dl_img_list dd .cur { display: block; }
.dl_img_list .img_list_o { display: none; }
.img_list { overflow: hidden; margin-left: -10px; clear: both; margin-top: 9px; }
.img_list li { width: 33.333%; float: left; margin-top: 10px; }
.img_list li a { position: relative; display: block; height: 155px; margin-left: 10px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img_list li a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#59000000', endColorstr='#59000000'); background: rgba(0, 0, 0, 0.35); }
.img_list li a:after { content: ""; position: absolute; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; left: 50%; top: 50%; margin: -24px 0 0 -17px; width: 34px; height: 25px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000'); background: rgba(0, 0, 0, 0.8) url(http://n.sinaimg.cn/97973/69078b96/20151208/play.png) no-repeat center center; }
.img_list li a:hover em, .img_list li a:hover p, .img_list li a.on em, .img_list li a.on p { color: #EEEEEE; }
.img_list li a:hover:before, .img_list li a.on:before { filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; }
.img_list li a:hover:after, .img_list li a.on:after { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.img_list li em, .img_list li p { position: absolute; width: 100%; font-style: normal; left: 0; bottom: 0; line-height: 23px; font-size: 12px; color: #EEEEEE; transform: translateZ(0); -webkit-transform: translateZ(0); text-align: center; transition: color 0.3s; -webkit-transition: color 0.3s; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B7000000', endColorstr='#B7000000'); background: rgba(0, 0, 0, 0.72); }
.itext_list { overflow: hidden; margin-left: -20px; }
.itext_list li { width: 50%; float: left; }
.itext_list li .itext_img { display: block; float: left; width: 120px; height: 155px; margin-left: 20px; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #284C54; }
.itext_list li p { overflow: hidden; position: relative; padding: 10px 0 0 10px; height: 155px; line-height: 1.5; font-size: 12px; color: #EEEEEE; box-sizing: border-box; -webkit-box-sizing: border-box; background: #284C54; }
.itext_list li p i { display: block; float: left; font-style: normal; }
.itext_list li p em { display: block; margin: 0 8px 4px 35px; font-style: normal; color: #fff; text-align: justify; }
.itext_list li p a { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 0 5px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; color: #EEEEEE; font-size: 14px; background: #284C54; }
.s_right { width: 32%; float: right; padding: 18px 20px 30px 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.s_right .h3_more { line-height: 30px; }
.num_list { margin-top: 11px; padding-bottom: 3px; background: #284C54; }
.num_list li { padding-right: 5px; background: #284C54; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); }
.num_list li a:before { content: attr(sid); display: inline-block; margin: 0 5px 0 10px; width: 17px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #493220; vertical-align: middle; background: #090A0F; }
.num_list li:last-child { border-bottom: 0; }
.num_list .nbj { background: #5c2800; }
.num_list .nbj a { color: #fff; }
.num_list .nbj a:before { border: 1px solid #3d1b00; background: #3d1b00; }
.s_bottom { overflow: hidden; clear: both; margin: 0 20px 30px; }
.s_bottom .h3_more { overflow: hidden; }
.s_bottom .h3_more .h3 { float: left; }
.select { font-size: 12px; line-height: 30px; }
.select i { position: relative; font-style: normal; margin-left: 35px; color: #EEEEEE; cursor: pointer; }
.select i:before { content: ""; display: inline-block; margin-right: 3px; width: 12px; height: 12px; vertical-align: text-bottom; border: 1px solid #999; background-color: #fff; transition-property: background-color,border; transition-duration: 0.3s; -webkit-transition-property: background-color,border; -webkit-transition-duration: 0.3s; }
.select .cur:before { background-color: #EEEEEE; border: 1px solid #EEEEEE; }
.hero_search { position: relative; overflow: hidden; float: right; height: 21px; width: 180px; margin: 4px 70px 0 0; border-radius: 10px; border: 1px solid #997460; background: #284C54; }
.hero_search .hero_input { display: block; color: #a97f68; font-size: 12px; width: 100%; padding: 0 30px 0 15px; height: 21px; line-height: normal; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; background: none; }
.hero_search .hero_input::-moz-placeholder { color: #a97f68; }
.hero_search .hero_input::-webkit-input-placeholder { color: #a97f68; }
.hero_search .hero_input:-ms-input-placeholder { color: #a97f68; }
.hero_search .hero_submit { position: absolute; width: 15px; height: 15px; right: 10px; top: 50%; margin-top: -9px; cursor: pointer; background: url(images/submit.jpg) no-repeat center center; background-size: 100%; }

.s3 .s_left .h3 { margin-bottom: 15px; }
.s3 .s_right .h3 { margin-bottom: 10px; }

.rec_list { overflow: hidden; position: relative; margin-top: 20px; }
.rec_list:before, .rec_list:after { content: ""; position: absolute; left: -21px; top: 0; width: 100%; height: 15px; background: #284C54; z-index: 1; }
.rec_list:after { top: auto; bottom: 0; }
.rec_list .menu_ul { max-height: 340px; overflow: auto; margin-left: -10px; background: #284C54; padding: 15px 10px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.rec_list .menu_ul::-webkit-scrollbar { width: 21px; height: 30px; background-color: #7d3600; }
.rec_list .menu_ul::-webkit-scrollbar-track { background-color: #EEEEEE; }
.rec_list .menu_ul::-webkit-scrollbar-thumb { background-color: #7d3600; }
.rec_list .menu_ul:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.rec_list li { width: 12.5%; float: left; margin-bottom: 20px; }
.rec_list li a { margin: 0; margin-left:10px; height: auto; display: block; position: relative; }
.rec_list li a img{display:block;width:100%;}
.rec_list li p { height: 24px; line-height: 24px; }

/*实用攻略*/
.s4 { padding: 18px 0 30px 20px; }
.three_sec { width: 298px; padding: 0 6px 16px; margin: 15px 15px 0 0; float: left; background: #284C54; }
.three_sec .three_sec_t { display: block; }
.three_sec .three_sec_t img { display: block; width: 100%; }
.three_sec .menu_img { margin-top: 27px; float: none; width: 100%; }
.three_sec .menu_img dt { padding: 7px 0 6px; }
.three_sec .menu_ul li a { height: 97px; }
.three_sec .menu_ul li p { height: 18px; line-height: 18px; }
.three_sec .menu_text li { width: 33.333%; float: left; height: 33px; line-height: 33px; text-align: center; }
.three_sec .menu_text li a { display: block; color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; overflow: hidden; }
.three_sec .menu_text li a:hover { color: #EEEEEE; }
.three_sec .h3_more { margin-top: 25px; }
.three_sec .title_img { display: block; position: relative; height: 107px; margin: 15px 0 7px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.three_sec .title_img p { position: absolute; width: 100%; padding: 0 10px; left: 0; bottom: 0; height: 24px; line-height: 24px; color: #fff; font-size: 12px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; transition: color 0.3s; -webkit-transition: color 0.3s; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B7000000', endColorstr='#B7000000'); background: rgba(0, 0, 0, 0.72); }
.three_sec .title_img:hover p { color: #EEEEEE; }
.three_sec .tmarg { margin: 16px 0 19px; }

/*装备图鉴*/
.s5 { padding: 20px 20px 30px;  }
.s5 .select { line-height: 32px; margin-top: 27px; }
.s5 .select em { font-style: normal; font-size: 18px; display: inline-block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 15px; color: #EEEEEE; vertical-align: top; background: #090A0F; }
.s5 .rec_list { margin-top: 0; }
.s5 .rec_list .menu_ul { max-height: 265px; }

/*视频列表*/
.s_video { padding: 20px 20px 0; }
.s_video .img_list li { width: 25%; }
.s_video .img_list li a { height: 140px; margin-bottom: 50px; }
.s_video .img_list li a:after { margin-top: -12px; }
.s_video .img_list li p { height: 28px; line-height: 28px; background: none; top: 100%; }

/*友情链接*/
.friend_link { font-size: 14px; color: #fff; margin: 50px 0 30px; clear: both; display:none; }
.friend_link a { margin: 0 15px; color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s; }
.friend_link a:hover { color: #EEEEEE; }

/*内容页图鉴*/
.arc_tujian { overflow: hidden; width: 796px; height: 352px; margin: 0 auto 20px; border: 1px solid #3b1b00; background: url(images/arc_tujian.jpg) no-repeat; }
.arc_tujian .arc_tujian_l { width: 292px; float: left; }
.arc_tujian .arc_tujian_l p { color: #EEEEEE; text-align: center; line-height: 1.5; font-size: 14px; margin: 25px 0 5px; }
.arc_tujian .arc_tujian_l b { display: block; font-size: 28px; text-align: center; color: #EEEEEE; }
.arc_tujian .arc_tujian_l .arc_qcode { display: block; width: 235px; margin: 0 auto; }
/*.arc_tujian .arc_tujian_r { width: 460px; float: left; }*/
.arc_tujian .arc_tujian_r { padding:20px; }
/*.arc_tujian .arc_tujian_r .h3 { margin-top: 25px; }*/
.arc_tujian .arc_zl { overflow: hidden; margin: 18px 0 0 -15px; }
.arc_tujian .arc_zl li { width: 25%; float: left; }
.arc_tujian .arc_zl li a { margin: 0 0 10px 15px; height: 27px; line-height: 27px; display: block; text-align: center; color: #EEEEEE; font-size: 16px; background-color: #3b1b00; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; }
.arc_tujian .arc_zl li a:hover { background-color: #642b00; }

/*英雄图鉴*/
.tj_left { float: left; width: 630px; height: 691px; padding: 30px 20px; color: #EEEEEE; font-size: 14px; background: rgba(8, 7, 12, 0.51); box-sizing: border-box; -webkit-box-sizing: border-box; }
.tj_left_l { overflow: hidden; float: left; width: 260px; height: 630px; border-left: 1px solid #284C54; border-left: 1px solid #284C54; border-right: 1px solid #284C54; border-bottom: 1px solid #284C54; box-sizing: border-box; -webkit-box-sizing: border-box; }
.tj_left_l .tj_select { position: relative; height: 39px; line-height: 39px; margin: 0 51px; text-align: center; font-size: 18px; color: #EEEEEE; background: #284C54; }
.tj_left_l .tj_select .ts_l, .tj_left_l .tj_select .ts_r { content: ""; position: absolute; top: 0; width: 52px; height: 100%; cursor: pointer; transition: background 0.3s; -webkit-transition: background 0.3s; }
.tj_left_l .tj_select .ts_l { right: 100%; background: url(http://n.sinaimg.cn/97973/69078b96/20151208/tj_l.jpg) no-repeat center center #365e67; }
.tj_left_l .tj_select .ts_l:hover { background: url(http://n.sinaimg.cn/97973/69078b96/20151208/tj_l_h.jpg) no-repeat center center #61a2b1; }
.tj_left_l .tj_select .ts_r { left: 100%; background: url(http://n.sinaimg.cn/97973/69078b96/20151208/tj_r.jpg) no-repeat center center #365e67; }
.tj_left_l .tj_select .ts_r:hover { background: url(http://n.sinaimg.cn/97973/69078b96/20151208/tj_r_h.jpg) no-repeat center center #61a2b1; }
.tj_left_l .tj_hero_img { display: block; width: 244px; height: 382px; margin: 23px auto 10px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.tj_left_l .tj_hero_desc { margin: 0 15px; line-height: 2.1; font-size: 12px; text-align: justify; }
.tj_left_l .tj_hero_desc b { color: #EEEEEE; }
.tj_left_r { overflow: hidden; float: left; width: 330px; height: 630px; border-right: 1px solid #284C54; border-bottom: 1px solid #284C54; box-sizing: border-box; -webkit-box-sizing: border-box; }
.tj_left_r .h3_more { background: #284C54; overflow: hidden; }
.tj_left_r .h3 { float: left; height: 39px; line-height: 39px; padding: 0 20px; }
.tj_left_r .tj_hero_title { margin: 23px 20px 10px; color: #EEEEEE; font-size: 18px; line-height: 1.5; overflow: hidden; }
.tj_left_r .tj_hero_attr { overflow: hidden; margin: 0 20px; }
.tj_left_r .tj_hero_attr em { display: block; width: 50%; float: left; margin-bottom: 16px; overflow: hidden; }
.tj_left_r .tj_hero_attr .star { display: inline-block; height: 14px; width: 14px; vertical-align: middle; background: url(http://n.sinaimg.cn/97973/69078b96/20151208/star.jpg) repeat-x; }
.tj_left_r .tj_hero_attr .star1 { width: 14px; }
.tj_left_r .tj_hero_attr .star2 { width: 28px; }
.tj_left_r .tj_hero_attr .star3 { width: 42px; }
.tj_left_r .tj_hero_attr .star4 { width: 56px; }
.tj_left_r .tj_hero_attr .star5 { width: 70px; }
.tj_left_r .tj_hero_attr i { position: relative; display: inline-block; width: 66px; height: 13px; vertical-align: middle; background: #284C54; }
.tj_left_r .tj_hero_attr i time { position: absolute; height: 9px; left: 0; top: 2px; background: #F5EFEC; }
.tj_left_r .tj_hero_attr i time:before, .tj_left_r .tj_hero_attr i time:after { content: ""; position: absolute; width: 2px; height: 13px; top: -2px; background: #284C54; }
.tj_left_r .tj_hero_attr i time:before { left: -2px; }
.tj_left_r .tj_hero_attr i time:after { right: -2px; }
.tj_left_r .tj_hero_comment { margin: 0 20px 20px; max-height: 140px; overflow: hidden; text-align: justify; }
.tj_left_r b { color: #EEEEEE; font-size: 18px; padding: 20px 10px 15px; margin: 0 10px; display: block; border-top: 1px dashed rgba(255, 255, 255, 0.1); }

.tj_right { float: right; width: 350px; height: 691px; padding: 30px 20px; background: rgba(8, 7, 12, 0.51); box-sizing: border-box; -webkit-box-sizing: border-box; }
.tj_right .arc_list { margin: 5px 0 25px; }
.tj_right .img_list { margin: 4px 0 30px -10px; }
.tj_right .img_list li { width: 100%; margin-top: 15px; }
.tj_right .img_list li a { height: 82px; }
.tj_right .menu_ul { margin-top: 19px; }
.tj_right .menu_ul li { width: 25%; }

.s_tujian { padding: 20px 20px 0 20px; }
.jn_list { margin: 15px 0 0 -20px; }
.jn_list li { overflow: hidden; float: left; width: 50%; height: 116px; margin-bottom: 20px; }
.jn_list li a { display: block; float: left; margin-left: 20px; padding: 14px 0 14px 10px; background-color: #284C54; }
.jn_list li i { display: block; width: 88px; height: 88px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.jn_list li p, .jn_list li div { overflow: hidden; padding: 14px 10px; font-size: 12px; height: 126px;color: #EEEEEE; background: #284C54; }
.jn_list li span { display: block; overflow: hidden; float: left; width: 50%; height: 88px; text-align: justify; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.jn_list li span:first-child { border-right: 1px dashed rgba(255, 255, 255, 0.1); }
.jn_list li b { font-size: 14px; display: block; margin-bottom: 3px; }
.step_list { overflow: hidden; margin: 20px 0 30px -78px; }
.step_list li { position: relative; width: 33%; float: left; }
.step_list li p,{ margin-left: 78px; padding: 10px 18px; font-size: 12px; line-height: 1.5; background: #284C54; height:260px;}
.tp1{ margin-left: 78px; padding: 10px 18px; font-size: 12px; height: 230px;line-height: 1.5; background: #284C54; }
.tp2{ margin-left: 78px; padding: 10px 18px; font-size: 12px; height: 230px;line-height: 1.5; background: #284C54; }
.tp3{ margin-left: 78px; padding: 10px 18px; font-size: 12px; height: 230px;line-height: 1.5; background: #284C54; padding-bottom: 22px;}
.step_list li i { display: block; height: 88px; margin-bottom: 3px; background-repeat: no-repeat; background-position: center top; margin-top: 11px; }
.step_list li b { display: block; font-weight: normal; font-size: 14px; }
.step_list li:before { left: 50px; }
.step_list li:after { width: 40px; }
.star_list { overflow: hidden; margin: 20px 0 30px -60px; }
.star_list li { position: relative; width: 20%; float: left; }
.star_list li p, .star_list li div { margin-left: 60px; padding: 15px 10px; font-size: 12px; line-height: 1.5; background: #284C54; }
.star_list li .star { display: block; height: 22px; width: 125px; margin-bottom: 10px; background: url(http://n.sinaimg.cn/97973/69078b96/20151208/star1.jpg) repeat-x; }
.star_list li .star:after { content: ""; height: 22px; display: block; background: url(images/star2.jpg) repeat-x; }
.star_list li .star1:after { width: 25px; }
.star_list li .star2:after { width: 50px; }
.star_list li .star3:after { width: 75px; }
.star_list li .star4:after { width: 100px; }
.star_list li .star5:after { width: 125px; }
.star_list li b { display: block; font-weight: normal; font-size: 14px; }
.star_list li:before { left: 36px; }
.star_list li:after { width: 26px; }
.hero_up li:before { content: ""; position: absolute; top: 44%; margin-top: -9px; width: 0; height: 0; font-size: 12px; border-width: 17px 0 17px 15px; border-color: transparent  transparent transparent #284C54; border-style: solid; }
.hero_up li:after { content: ""; position: absolute; left: 10px; top: 50%; line-height: 1.4; margin-top: -17px; text-align: center; font-size: 12px; color: #284C54; border-bottom: 18px solid #284C54; }
.hero_up li:first-child:before, .hero_up li:first-child:after { display: none; }
.hero_up .up1:before { border-color: transparent transparent transparent #481e00; }
.hero_up .up1:after { border-bottom: 18px solid #481e00; }
.hero_up .up2:before { border-color: transparent transparent transparent #284C54; }
.hero_up .up2:after { border-bottom: 18px solid #284C54; }
.hero_up .up3:before { border-color: transparent transparent transparent #284C54; }
.hero_up .up3:after { border-bottom: 18px solid #284C54; }
.hero_up .up4:before { border-color: transparent transparent transparent #284C54; }
.hero_up .up4:after { border-bottom: 18px solid #284C54; }
.jewel_list { overflow: hidden; margin: 20px 0 20px -20px; }
.jewel_list li { width: 33.3333%; float: left; font-size: 12px; }
.jewel_list li i { display: block; float: left; width: 80px; height: 80px; margin-left: 20px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.jewel_list li p, .jewel_list li div { padding: 10px; height: 80px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; background: #284C54; }
.jewel_list li b { display: block; font-size: 14px; margin-bottom: 3px; }
.s_tujian .jewel_reason { padding: 20px; margin-bottom: 30px; font-size: 12px; border: 1px solid #284C54; }

/*默认样式重置*/
.global-crumbs { color: #EEEEEE; font-size: 14px; line-height: 1.5; padding: 15px 0 15px 45px; background-image: url(http://n.sinaimg.cn/97973/69078b96/20151208/home.jpg); background-position: 20px center; background-size: auto 15px; background-color: rgba(25, 23, 22, 0.46);margin-top:45px; }
.global-crumbs a { color: #EEEEEE; }

.global-title { color: #EEEEEE; border-color: #EEEEEE; }

.global-item a, .ias-trigger a,  .article-assistive a, .global-crumbs a, .itext_list li p a ,.ias-noneleft{ color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; }
.global-item a:hover, .ias-trigger a:hover, .article-author a:hover, .article-assistive a:hover, .global-crumbs a:hover, .itext_list li p a:hover { color: #EEEEEE; }
.article-author a{color:#694327;}

.global-main { background-color: rgba(8, 7, 12, 0.51); }

.article-title { color: #EEEEEE; padding-top:5px; }

.article-author, .global-rec-title { color: #694327; }

.error-title, .error-subtitle { color: #EEEEEE; }

.article-content { color: #EEEEEE; }
.article-content p a { color: #EEEEEE; }

.wap-footer { background: #190B02; color: #EEEEEE;}
.wap-footer p a { color: #EEEEEE; transition: color 0.3s; -webkit-transition: color 0.3s; }
.wap-footer p a:hover { color: #EEEEEE; }

#rwt_share.rwt_share > span { color: #EEEEEE; }

/*底部*/
.foot { background-color: #000; width: 100%; padding: 42px 0 78px; overflow: hidden; min-width: 1000px; }
.footer { color: #8B8B8B; overflow: hidden; font-size: 14px; width: 1000px; margin: 0 auto; }
.footer .flogo { float: left; width: 154px; display: block; margin-right: 20px; }
.footer .flogo img { display: block; width: 100%; }
.footer a { color: #8B8B8B; transition: color 0.3s; -webkit-transition: color 0.3s; }
.footer a:hover { color: #EEEEEE; }
.footer p { line-height: 1.6; }
.footer p a { margin: 0 5px; }
.phone_f { display: none; text-align: center; }

.a-single { overflow: hidden; }


.article-content h3{margin:24px auto;}

@media screen and (max-width: 540px) { 
.tp1{ margin-left: 78px; padding: 10px 18px; font-size: 12px; height: 130px;line-height: 1.5; background: #284C54; }
  .content_mid .h2_b,.arc_list li,.img_list li p{font-size:13px;}
  .slider_img li,.slider_img{height:164px;}
  .article-content h3{margin:12px auto;}
  .global-crumbs{padding:10px 0 10px 44px; display:none;}
  .global-item { border-bottom: 1px solid #3b1b00; }
  .wrapper { overflow: hidden; min-width: initial; background: #190B02; }
  .wrapper:before,.wrapper_home:before{display:none;}
  #page { padding: 0; }
  .top, .foot, .menu, .content_right, .s_right, .s3 .s_left, .s4 .ico7, .s4 .three_sec_t, .s4 .menu_img, .pc_s, .slider_c { display: none; }
  .menu { margin: 15px 0; }
  .menu_link { width: 100%; }
  .menu_img { width: 100%; margin-top: 15px; }
  .menu_img:last-child { margin-right: 0; }
  .section { margin-top: 0; }
  .content_left { width: 100%; }
  .slider_list { padding: 0 10px; }
  .content_mid { margin-left: 0; padding: 10px; width: 100%; }
  .dl_list { margin: 20px 0 0; }
  .content_right { width: 100%; }
  .hot_tag { padding: 10px; }
  .s_left { width: 100%; padding: 10px; }
  .dl_img_list dt i { padding: 0; margin: 0; width: 25%; text-align: center; }
  .dl_img_list .img_list li { width: 50%; }
  .dl_img_list .img_list li a { height: auto; }
  .dl_img_list .img_list_o { display: block; width: 100%; }
  .s_right { width: 100%; padding: 10px; }
  .s_bottom { margin: 0 10px 10px; }
  .hero_search { margin: 4px 10% 0 0; float: left; }
  .appgame-rec{display:none;}
  .rec_list { margin-top: 10px; }
  .rec_list li { width: 25%; margin-bottom: 10px; }
  .rec_list li a { margin: 0 5px; }
  .rec_list .menu_ul { max-height: 250px; padding: 10px 5px; }
  .rec_list .menu_ul::-webkit-scrollbar { width: 10px; }
  .rec_list:before, .rec_list:after { height: 10px; }
  .s_bottom .h3 { clear: both; }
  .select { clear: both; }
  .select i { margin-left: 3%; }
  .s4 { padding: 10px; }
  .itext_list li { width: 100%; margin-bottom: 15px; }
  .three_sec { width: 100%; margin: 10px 0; padding: 10px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
  .three_sec .menu_img { margin-top: 10px; }
  .three_sec .h3_more { margin-top: 0; }
  .arc_list hr { margin: 10px 0; }
  .s5 { padding: 10px; }
  .s5 .select { margin-top: 10px; }
  .s_video { padding: 10px 10px 0; }
  .s_video .img_list li { width: 50%; }
  .s_video .img_list li a { margin-bottom: 30px; }
  .tj_left { width: 100%; height: auto; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
  .tj_left_l { width: 100%; height: auto; }
  .tj_left_r { width: 100%; height: auto; border-left: 1px solid #401c00; }
  .tj_right { width: 100%; height: auto; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
  .tj_right .img_list { margin: 4px 0 10px -10px; }
  .s_tujian { padding: 10px 10px 0; }
  .jn_list li { width: 100%; margin-bottom: 10px; }
  .step_list { margin: 10px 0 10px -78px; }
  .step_list li { width: 100%; margin-top: 70px; }
  .star_list { margin: 10px 0 10px -60px; }
  .star_list li { width: 100%; margin-top: 70px; }
  .jewel_list { margin: 10px 0 10px -20px; }
  .jewel_list li { width: 100%; margin-bottom: 10px; }
  .s_tujian .jewel_reason { padding: 10px; margin-bottom: 20px; }
  .hero_up li:first-child { margin-top: 0; }
  .hero_up li:before { left: 54%; top: 0; margin: -27px 0 0 8px; border-width: 17px 17px 0 15px; border-color: #284C54 transparent  transparent transparent; }
  .hero_up li:after { left: 50%; top: 0; width: 15px; margin-top: -58px; border-bottom: 0; border-right: 18px solid #284C54; }
  .hero_up .up1:before { border-color: #481e00 transparent transparent transparent; }
  .hero_up .up1:after { border-bottom: 0; border-right: 18px solid #481e00; }
  .hero_up .up2:before { border-color: #284C54 transparent transparent transparent; }
  .hero_up .up2:after { border-bottom: 0; border-right: 18px solid #284C54; }
  .hero_up .up3:before { border-color: #284C54 transparent transparent transparent; }
  .hero_up .up3:after { border-bottom: 0; border-right: 18px solid #284C54; }
  .hero_up .up4:before { border-color: #763300 transparent transparent transparent; }
  .hero_up .up4:after { border-bottom: 0; border-right: 18px solid #763300; }
  .arc_tujian { width: 100%; height: auto; }
  .arc_tujian .arc_tujian_l { width: 100%; }
  .arc_tujian .arc_tujian_r { width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
  .arc_tujian .arc_zl li a { font-size: 12px; margin: 0 0 10px 10px; overflow: hidden; }
  .friend_link { display:none; } 
  }