@charset "utf-8";
body { background-color: #f0f0f0; color: #333; }
.bg_ff { background-color: #fff; }
@font-face { font-family: ff; src: url(yoyou.eot);/* IE */ }
@font-face { font-family: ff; src: url(yoyou.ttf); }
.ff { font-family:ff, "微软雅黑"; }
a { color: #333; }a:hover { color: #ff1300; }
.g{ color:#42aa00;}.r { color: #ff4938; }.f15 { font-size: 15px; }
.l { color: #dcdcdc; margin: 0 10px; }.mr15{ margin-right:15px;}
.wrap { width: 1200px; margin-left: auto; margin-right: auto; }
.box { width: 1160px; background-color:#fff;margin-left: auto; margin-right: auto; padding-left:20px;padding-right:20px; }
.w810{ width:810px;}.w320{ width:320px;}
/*top_bar*/
#top_bar { line-height: 41px; height: 41px; background-color: #fafafa; border-bottom: 1px solid #ebebeb; color: #666; font-size: 12px; }
#top_bar a { color: #555; }#top_bar a:hover { color: #ff1300; text-decoration: none; }
.top_l a { margin-right: 25px; }
.top_r { float: right; margin:0px 0 0 20px; position: relative; z-index: 9;line-height:36px }
.top_r .ff { font-size: 20px;font-family: 'ff'; display: inline-block; margin-left: 10px; position:relative; top:3px; }
.wx { color: #8dbd29; }.sina { color: #FF5A5A; }
.wx_tu { display: none; left: -22px; position: absolute; top: 32px; z-index: 9; }
/*top_bar全站导航*/
.all_nav { position: relative; z-index: 100; }
.an_pop {border:2px solid #bbb;overflow:hidden;width:602px;background-color:#fff;margin-left:-1px;color:#333;position:absolute;top:41px;left:-157px;}
.an_col { float: left; width: 86px; border-left: 1px solid #ebebeb; margin-left: -1px; height: 279px; }
.an_col .h a { color: #333; line-height: 38px; height: 38px; overflow: hidden; font-weight: bold; font-size: 14px; text-align: center; display: block; border-bottom: 1px solid #ebebeb; padding: 0 3px; }
.an_col .h a:hover { color: #ff3600; }
.an_col .sub a { color: #333; display: block; line-height: 30px; height: 30px; overflow: hidden; text-align: center; }
.an_col .sub a:hover { background-color: #f0f0f0; color: #ff3600; }
.all_nav .arrow { display: block; position: absolute; top: 35px; left: 35px; width: 16px; height: 8px; background: url(../images/an_tri.png) no-repeat; z-index: 1; }
/*head*/
#head { height: 138px; background: #fff; }
.logo{ padding:18px 36px 0 0;}
.logo a { background:url("../images/logo.gif") no-repeat; float: left; height: 99px; margin-right: 5px; overflow: hidden; text-indent: -9999px; width: 229px; }
.logo img { float: left; padding-top: 35px; }
.in_search { float:left; width:440px; overflow: hidden; padding:30px 0 0; }
.ins_box { border: 2px solid #32ad08; float: left;height:45px; width:100%; position: relative; margin-bottom:10px; }
.ins_txt { padding:11px 6px; font-size: 14px; color: #666; font-family: "微软雅黑"; float: left; width: 328px; border:0; }
.ins_btn { font-family:"ff";float:right;background:#32ad08; width:50px; height:49px; position: absolute; right:-2px;top:-2px; color:#fff; font-size:20px; cursor:pointer;}
.ins_keys { float: left; line-height: 20px; height:20px; overflow: hidden;color: #999; }
.ins_keys a { display: inline-block; padding-right:8px; margin-right:2px;}
.h_yyb{ width:220px; height:80px; padding:10px; background-color:#f7f7f7; border-radius:12px; float:right; margin-top:19px;}
.h_yyb .down{ background-color:#ff4938; border-radius:2px; color:#fff; line-height:26px; height:26px; padding:0 12px; display:inline-block; margin-top:5px;}.h_yyb .down:hover{ background-color:#f03322;}
.channel_tit{ background:url(../images/channel_tit.gif) left 50px no-repeat; margin-left:8px; padding:30px 0 0 20px; font-size:28px; color:#46b71c; display:inline-block; font-weight:normal; width:149px;}
.head121{ height:121px; overflow:hidden; margin-bottom:20px; width:1200px;}
.com_nav .wrap { line-height: 60px; height: 60px; background-color: #333; margin-bottom: 1px; }
.com_nav a { float: left; color: #fff; font-size: 18px; text-align: center; width: 120px; border-left: 1px solid #403f3f; transition: all 0.5s; }
.com_nav a:hover { color: #f03322; }
.com_nav a.on { background-color: #ff4839; border-color: #ff4839; color: #fff; width: 109px; }
/*头部推荐*/
.sy_ul li { float: left; }
.sy_ul .name { line-height: 28px; height: 28px; overflow: hidden; }
.ctj_tab { width: 118px; float: left; overflow: hidden; }
.ctj_tab a { position: relative; display: block; background-color: #f5f5f5; font-size: 15px; border-top: 2px solid #fff; line-height: 48px; height: 48px; text-align: center; width: 109px; }
.ctj_tab a.b0 { border: 0; }
.ctj_tab a i { display: none; position: absolute; right: -10px; top: 18px; width: 0; height: 0; border: 5px solid #fff; border-left: 5px solid #ff4839; }
.ctj_tab a:hover, .ctj_tab a.on { background-color: #ff4839; color: #fff; }
.ctj_tab a:hover i, .ctj_tab a.on i { display: block; }
.ctj_tab a:hover .ff, .ctj_tab a.on .ff { border-color: #fff; color: #fff; }
.ctj_box { border: 1px solid #e8e7ed; position: relative; z-index: 9; height: 148px; }
.ctj_box .sy_ul { padding-top: 20px; }
.ctj_box .sy_ul li { width: 80px; padding: 0 0 0 22px; margin-bottom: 0; }
.ctj_box .sy_ul .name { margin: 6px 0 6px; }
.ctj_box .b_line { width: 80px; height: 0px; border-bottom: 2px solid #ff4a00; display: block; position: absolute; bottom: -1px; left: 136px; transition: left 0.5s; }
/* - footer - */
.foot_nav { background-color: #333; padding:35px 0;}
.foot_cont { text-align: center;line-height:24px; color: #999; font-size: 14px; }
.foot_cont .link a { display: inline-block; color: #999; padding: 0 12px; }
.foot_cont .link a:hover { color: #00ab03; }
/*page_box*/
.page_box { padding:30px 0; line-height: 30px; color:#666; }
.page_box a, .page_box span { display:inline-block; border:1px solid #e4e4e4;color:#666; padding:0 12px; margin:0 3px; }
.page_box a:hover { background-color: #f4f4f4; color:#fe4936;}
.page_box span { background-color: #fe4936; border-color: #fe4936; color: #fff; }
.t_ul .page_box a:hover{padding:0 12px;}
/*old*/
.nav{ height:60px; line-height:60px; background-color:#333;}/*老的公共导航*/
.nav a{float:left; color:#d8d8d8; font-size:18px; width:122px; text-align:center;transition:all 0.4s; font-weight:normal; border-left:1px solid #403f3f;}
.nav a:hover{color:#f03322;}
.nav a.on{background-color:#f03322; color:#fff;}
.fn_col { width:130px; height:190px;margin:0 20px; float: left; background-color:#2e2e2e; text-align:center; padding:20px 0 0px }/*foot底部导航*/
.fn_col h4 { font-size:18px; font-weight: normal; color:#b5b5b5; margin-bottom:3px; }
.fn_col a {display:block; color:#666; line-height:30px; height:30px; overflow:hidden; }
.fn_col a:hover { color: #ff1300 }
.search_box { line-height:45px; height:45px; width:430px; padding: 0 0 0 10px; margin: 0px auto 30px; background-color:#fff}/*foot底部搜索*/
.search_txt { border: 0; padding:12px 3px; float: left; width: 306px; color: #999; font-size: 14px; font-family: "微软雅黑" }
.search_btn { border: 0; height:45px; width: 78px; text-align: center; float:right;cursor:pointer;background-color:#32ad08;font-size:18px; color:#fff; }
/*old end*/

/*-----------------------公共-----------------------------*/
#crumbs { line-height:40px;height:40px;color: #666; }
#crumbs a{ display:inline-block; padding:0 5px;color: #666;}#crumbs a:hover{ color:#f03322;}
.tit { font-size: 20px; line-height: 20px; }
.gd_er,.gd_an,.gd_iOS,.gd_syt { background: url(../images/game_down.jpg) no-repeat; display: inline-block; width: 150px; height: 50px;}
a.gd_er:hover { background-position: 0 -50px;}
a.gd_er.unuse,a.gd_er.unuse:hover{ background-position: 0 -300px;cursor:default}
a.gd_an { background-position: 0 -100px;}
a.gd_an:hover { background-position: 0 -150px; }
a.gd_an.unuse,a.gd_an.unuse:hover{ background-position: 0 -350px;cursor:default}
a.gd_iOS{ background-position: 0 -200px;}
a.gd_iOS:hover { background-position: 0 -250px; }
a.gd_iOS.unuse,a.gd_iOS.unuse:hover{ background-position: 0 -400px; cursor:default}
a.gd_syt{ background-position:0 -450px;}
a.gd_syt:hover { background-position:0 -500px; }
a.gd_syt.unuse,a.gd_syt.unuse:hover{ background-position: 0 -550px; cursor:default}
.er_pic { left:40px; position: absolute; top: -276px; z-index: 9; padding: 15px 19px 15px 19px; width: 222px; height: 260px; background: url(../images/wx_bg.gif) no-repeat; }
.er_pic a{ display:block; text-align:center; line-height:20px; height:20px; background:none; margin:0; width:100%; color:#c00;}
.er_pic img { width: 220px; height: 220px; display:block; }
.game_down{ position:relative;}
/*按钮*/
.br, .bn { display: inline-block; border: 1px solid #ff4839; color: #ff4839; padding: 0 11px; vertical-align: middle; border-radius: 2px; background-color:#fff;}
.br:hover,.br.on { color: #fff; background-color: #ff4839; }
.bb{ display: inline-block; border: 1px solid #32ad08; color: #32ad08; padding: 0 11px; vertical-align: middle; border-radius: 2px; }
.bb:hover, .bb.on{ color: #fff; background-color: #32ad08; }
.bb1{ display: inline-block; border: 1px solid #3984ff; color: #3984ff; padding: 0 11px; vertical-align: middle; border-radius: 2px; }
.bb1:hover, .bb1.on{ color: #fff; background-color: #3984ff; }
.bn, .bn:hover { cursor: default; border: 1px solid #b4b4b4; color: #b4b4b4; }
.h22 { line-height: 22px; height: 22px; }
.h24 { line-height: 24px; height: 24px; }
.h26 { line-height: 26px; height: 26px; }
.h28 { line-height: 28px; height: 28px; }
.h32 { line-height: 32px; height: 32px; }
.h30 { line-height: 30px; height: 30px; }
.fdr { font-family: ff; color: #85C318; }
.fa { font-family: ff; color: #576580; }
.star { background: url(//www.yoyou.com/templates/2014/images/star.png) repeat-x; display: inline-block; width: 60px; height: 23px; line-height: 23px; vertical-align: middle; }
.star .s_i { background: url(//www.yoyou.com/templates/2014/images/star.png) 0 -21px repeat-x; display: inline-block; height: 23px; vertical-align: middle; }
.star1 { background: url(../images/star1.png) 0 -21px repeat-x; display: inline-block; width:70px; height:24px; line-height:24px; vertical-align: middle; }
.star1 em { background: url(../images/star1.png) 0 4px repeat-x; display:inline-block; height:24px; vertical-align: middle; }
#yy_share.share_box i{ margin:0;}
#yy_share.share_box a { width: 30px; height: 30px; display: inline-block; margin:0 0 0 10px; background: url(../images/soft_sprite.png) no-repeat; vertical-align: middle; }
#yy_share.share_box .i_sina { background-position: 0 -350px }
#yy_share.share_box .i_qq { background-position: -40px -350px }
#yy_share.share_box .i_wx { background-position: -80px -350px }
#yy_share.share_box .i_more { background-position: -120px -350px }
#yy_share.share_box .i_sina:hover { background-position: 0 -400px }
#yy_share.share_box .i_qq:hover { background-position: -40px -400px }
#yy_share.share_box .i_wx:hover { background-position: -80px -400px }
#yy_share.share_box .i_more:hover { background-position: -120px -400px }
/*-----------------------公共-----------------------------*/
.tit { font-size: 20px; line-height: 20px; }
.more { font-size: 14px; font-weight: normal; float: right; }
.ico_80, .ico_80 img { display: block; width: 80px; border-radius: 12px; text-align: center; }
.ico_80 img{ height:80px;}
.ico_70, .ico_70 img { display: block; width: 70px; border-radius: 12px; text-align: center; }
.ico_70 img{ height:70px;}
.ico_120, .ico_120 img { width: 120px; border-radius: 14px; text-align: center; }
.ico_120 img{ height:120px;}
.ico_60, .ico_60 img { width: 60px; vertical-align: middle; border-radius: 10px; }
.ico_60 img{ height:60px;}
.i_v {background:url("../images/sprite.png") -257px -77px no-repeat;display:block;height:66px;width:66px; position:absolute; left:50%; top:50%; margin:-33px 0 0 -33px;}
.i_count{background:url("../images/sprite.png") 0px -148px no-repeat;display:block;height:80px;width:80px; position:absolute; left:50%; top:48%; margin:-33px 0 0 -33px; font-size:32px; color:#ff4938; line-height:80px; text-align:center;}
.p_ul li { float: left; overflow: hidden; text-align: center; }
.p_ul li a { position: relative; float: left; text-align: center; }
.p_ul p { width:96%; padding:0 2%; text-align: center; overflow: hidden; }
.t_ul li { overflow: hidden; vertical-align: middle; }
.li28 li { line-height:28px; height:28px; }
.li30 li { line-height:30px; height:30px; }
.t_ul a{vertical-align: middle; }
.t_ul .cate { display: inline-block; vertical-align: middle; margin-right: 6px; font-weight:bold;}
.t_ul .time { float: right; color: #a6a6a6; font-size: 13px; margin-left: 10px; }
.t_ul .dot { display: inline-block; width: 3px; height: 3px; font-size: 0; background-color: #888; vertical-align: middle; margin-right: 10px; }
.t_ul.col2 li { width: 48%; }
/*hover有遮罩层+图片放大*/
.al_bg { background-color: #000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; left: 0; top: -404px; width: 100%; height: 100%; transition: top 0.3s; }
.al_txt { position: absolute; left: 0; top: -404px; width: 100%; height: 100%; text-align: center; transition: top 0.3s; }
.on .al_bg, .on .al_txt { top: 0 }
.al_tit { line-height: 30px; height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 8 }
.at_bg { position: absolute; bottom: 0; left: 0; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; display: block; }
.at_txt a { opacity: 0; display: block; color: #fff; float: left; position: absolute; }
.at_txt a.on { opacity: 1; }
.at { position: absolute; bottom: 0; left: 0; height:30px; font-size: 15px; color: #fff; padding:0 2%; width:96%;overflow: hidden; word-break: break-all; }
.at_count { position: absolute; bottom: 0; right: 0; height: 42px; line-height: 42px; width: 50px; text-align: center; color: #fff; font-size: 28px; font-family: impact; display: block; background-color: #ff4a00; }
.at_cate { line-height: 25px; height: 25px; text-align: center; padding: 0 5px; position: absolute; left: -5px; top: 0; color: #fff; }
.fd img { transition: transform 0.5s linear; }
.fd.on img, .fd a:hover img, .fd:hover img { transform: scale(1.2, 1.2); }
/*文章*/
.article { padding-bottom: 20px; }
.art_head { border-bottom: 1px solid #f5f5f5; padding-bottom:15px; }
.art_head h1 { font-size: 30px; font-weight: normal; margin-bottom: 16px; }
.art_head .from i{display: inline-block; vertical-align: middle; padding-right:50px; }
.art_body {line-height: 30px; font-size: 16px; }
.art_body p { margin-bottom: 20px; text-indent: 2em; }
.art_body img { max-width: 80%; display: block; margin: 0 auto; margin-bottom: 20px; }
.art_np { border-top: 1px solid #f5f5f5; padding:25px 0; }
.art_np .np { height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 15px; }
.art_np .np a { width: 45%; color: #666; }
.art_np .np a:hover { color: #ff4a00 }
.art_tags{width: 45%; float: left;}
.art_tags a { display: inline-block; margin-right: 5px; line-height: 20px; height: 20px; padding: 0 5px; color: #fff; background-color: #ff4a00 }
.art_share{width: 45%; float:right;}
.bdsharebuttonbox{ margin-top:-4px;}
.bdsharebuttonbox i{ margin:4px 0;}
/*幻灯箭头*/
.prev, .next { width:40px; height:52px; z-index: 1000; text-indent: -99999px; background: url(../images/sprite.png) #000 no-repeat; position:absolute; top: 30%; opacity:0.7 }
.prev { background-position: -411px 0; left: 0 }
.next { background-position: -468px 0; right: 0 }
.prev:hover,.next:hover {opacity:0.9 }
/*phb*/
.no, .hov .no { border: 1px solid #b0b0b0; border-radius: 2px; color: #b0b0b0; float: left; font-family: Arial; font-size: 14px; height: 16px; line-height: 16px; margin-right: 10px; text-align: center; width: 16px; }
.no1, .hov .no1 { border-color: #ff4938; color: #ff4938 }
.phb .item { border-bottom: 1px dotted #e5e5e5; padding:10px 0; }
.def { line-height: 20px; height: 20px; overflow: hidden; }
.def .no { margin-top: 2px; }
.def .name { display: block; font-size: 16px; }
.on .hov .no { height: 60px; line-height: 60px; margin-top: 10px; background: #b0b0b0; color: #fff; }
.on .hov .no1 { background: #ff4938; }
.hov .pic { float: left; margin: 0 13px 0 0; }
.hov .pic img { border-radius: 10px; }
.hov .info {line-height: 20px; }
.hov .info h2 { height: 22px; overflow: hidden; margin-bottom: 2px;  }
.hov .info .h2 { height: 21px; overflow: hidden; display:block;}
.hov .info .p1 { line-height: 18px; height: 18px; overflow: hidden; color: #999; margin:4px 0 6px; word-break: break-all; }
.item .def, .item.on .hov { display: block; }
.item .hov, .item.on .def { display: none; }
.phb_btn a{ margin-right:8px;}
.h5_qr { display: none; position: absolute; z-index:9; border: 1px solid #e5e5e5; bottom: -110px; left: -15px; padding: 8px; background-color: #fff; }
.h5_qr img { width: 88px; height: 88px; }
.h5_qr i { position: absolute; top: -8px; left: 45px; display: block; width: 12px; height: 8px; background: url(../images/h5_up.png) no-repeat; }
a:hover .h5_qr{ display: block; z-index:999; }

/*弹窗*/
.pop_bg { background-color: #000; height: 100%; left: 0; opacity: 0.3;filter: alpha(opacity=30); position: fixed;*position:absolute;top:0; width: 100%; z-index: 99; }
.pop_fix { left: 50%; position: fixed; top: 50%; z-index: 100; }
/*大家都来玩*/
.djdzw { margin-right: -10px; }
.djdzw li { padding:10px 13px; margin: 0 10px 10px 0; float: left; width:80px }
.djdzw li:hover { background-color:#f5f5f5; }
.djdzw .ico_80 img { display: block; margin-bottom: 8px; }
.djdzw li.on .br, .djdzw li p { display: block; }
.djdzw li.on p, .djdzw li .br { display: none; }
.w320 .djdzw li { margin-right:0; }
/*开服开测+开服提醒*/
.kfkc_box { text-align: center; }
.kfkc_box span { display: inline-block; }
.kfkc_box .time { color: #666; }
.kfkc_box .tr_th { background-color: #f5f5f5; font-weight: normal; color: #888; line-height: 30px; }
.kfkc_box .tr_box { border-bottom: 1px dotted #e0e0e0; }
.kfkc_box .tr_def { line-height: 42px; height: 42px; overflow: hidden; }
.kfkc_box .tr_def .ff {width: 52px; font-size: 22px; vertical-align: middle; }
.kfkc_box .tr_hov { padding: 10px 0; height: 60px; display: none; }
.kfkc_box .tr_hov .time { line-height: 60px; vertical-align: middle; }
.kfkc_box .tr_hov .info { text-align: left; vertical-align: middle; }
.kfkc_box .tr_hov .info em { font-size: 15px; display: block; margin-bottom: 6px; font-weight: bold; height: 23px; overflow: hidden; }
.kfkc_box .tr_hov .info i { height: 20px; overflow: hidden; display: block; }
.tr_box.on .tr_hov { display: block; }
.tr_box.on .tr_def { display: none; }
.kt_time .bb1, .kt_time:hover .t { display: none; }
.kt_time:hover .bb1, .kt_time .t { display: inline-block; }
/*视频*/
.v_list{ margin-right:-18px;}
.v_list li{ float:left; width:189px; position:relative; margin:0 18px 13px 0; text-align:center;}
.v_list li p{ line-height:32px; height:32px; overflow:hidden;}
.v_list li img{ width:189px; height:121px; display:block;}
.v_list li .v_ff{ width:23px; height:20px; border-radius:2px; font-family:ff; display:block; position:absolute; left:8px; top:93px; background-color:#ff4938; color:#fff;}
/*手游评测+原创合辑*/
.pc_wrap,.yc_wrap{ position:relative; padding-bottom:20px;}
.pc_wrap .prev,.pc_wrap .next{ width:50px; height:353px; background-color:#9c9c9c; top:0;}
.pc_wrap .prev { background-position: -411px 140px; left: 0 }
.pc_wrap .next { background-position: -468px 140px; right: 0 }
.pc_wrap .prev:hover,.pc_wrap .next:hover { background-color:#999;}
.pc_wrap .p_ul{ width:1000px; overflow:hidden; height:353px;margin-left:80px; position:relative}
#in_pc{ width:5000px; height:353px; position:absolute; }
#in_pc li{ width:235px; height:353px; float:left; margin-right:20px;}
#in_pc img{ display:block;  width:235px; height:353px;}
#in_pc .al_tit{ height:56px; line-height:24px;}
#in_pc .at{ text-align:left; height:50px; bottom:3px;}
.yc_wrap .prev,.yc_wrap .next{ width:50px; height:180px; background-color:#9c9c9c; top:0;}
.yc_wrap .prev { background-position: -411px 65px; left: 0 }
.yc_wrap .next { background-position: -468px 65px; right: 0 }
.yc_wrap .prev:hover,.yc_wrap .next:hover { background-color:#999;}
.yc_wrap .p_ul{ width:1000px; overflow:hidden; height:180px;margin-left:80px; position:relative}
#in_yc{ width:5000px; height:180px; position:absolute; }
#in_yc li{ width:320px; height:180px; float:left; margin-right:20px;}
#in_yc img{ display:block;  width:320px; height:180px;}

#elevator_item {width: 60px;height: 100px;position: fixed;right: 15px;bottom: 15px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;}
#elevator_item.off {opacity: 0; visibility: hidden}
#elevator {display: block;width: 60px;height: 50px;background: url(../images/icon_top.png) center center no-repeat;background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;margin-bottom: 10px  }
#elevator:hover { background-color: rgba(0,0,0,.7)}
#elevator:active {    background-color: rgba(0,0,0,.75)}
#elevator_item .qr {  display: block;    width: 60px;    height: 40px;    border-radius: 2px;    box-shadow: 0 1px 3px rgba(0,0,0,.2);    cursor: pointer;    background: url(../images/icon_code.png) center center no-repeat;    background-color: #444;    background-color: rgba(0,0,0,.6)  }
#elevator_item .qr:hover {    background-color: rgba(0,0,0,.7)}
#elevator_item .qr:active {    background-color: rgba(0,0,0,.75)}
#elevator_item .qr-popup {    width: 170px;    height: 200px;    background: #fff;    box-shadow: 0 1px 8px rgba(0,0,0,.1);    position: absolute;    left: -180px;    bottom: 0;    border-radius: 2px;    display: none;    text-align: center}
#elevator_item .qr-popup .code-link {    display: block;    margin: 10px;    color: #777}
#elevator_item .qr-popup .code {    display: block;    margin-bottom: 10px;    width: 150px;}
#elevator_item .qr-popup .arr {    width: 6px;    height: 11px;    background: url(../images/code_arrow.png) 0 0 no-repeat;    position: absolute;    right: -6px;    bottom: 14px}
.item1-box{height:190px;background:#fff}
.item3-box{position:absolute;top:242px}