/*  久久站长网，免费源码下载：www.admin99.cn  QQ：805750011 */
@charset "utf-8";
.w300{ width:300px;}.w880{ width:880px;}
.sbox{ background-color:#fff; padding-left:20px; padding-right:20px;}
.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; }
.fs{ font-family:Georgia; color:#ff4839; font-size:18px;}
/*h5_list*/
.h5_list{ background-color:#fff; width:880px; float:left;}
.h5_list li{ border-bottom:1px dashed #e5e5e5; border-right:1px dashed #e5e5e5; width:439px; height:140px; position:relative; float:left;}
.h5_list .def{padding:20px; height:100px;}
.h5d_pic{ float:left; width:100px; height:100px; margin-right:10px;}
.h5d_pic img{display:block;width:100px; height:100px;}
.h5d_name{ display:block;font-size:16px; font-weight:bold;line-height:24px; height:24px; }
.h5d_p1{ font-size:12px; color:#999; line-height:28px; height:28px; overflow:hidden;}
.h5d_p2{color:#666; line-height:24px; height:48px; overflow:hidden;}
.h5_list li .hov{ display:none; width:399px; height:100px; padding:20px; position:absolute; top:0; left:0; background-color:#fff9f9;}
.h5_list li:hover .hov{ display:block;}
.h5h_qr{width:88px; height:88px; background-color:#fff; padding:5px; border:1px solid #ffdbd8; float:left; margin-right:20px;}
.h5h_p{font-size:24px; color:#ff4839; padding:12px 0; line-height:36px; height:72px; width:120px; float:left; }
.h5_list .hov .br{ line-height:38px; height:38px; float:right; width:120px; padding:0; text-align:center; font-size:16px; margin-top:30px;}
/*h5_phb*/
.h5_phb .no{ background-color:#b0b0b0; border:0; color:#fff; font-size:12px;}
.h5_phb .on .hov .no{ height:70px; line-height:70px; margin-top:0;}
.h5_phb .def{ padding:4px 0 5px;}
.h5_phb .hov{ padding:10px 0;}
.h5_phb .hov .info .p1 { line-height:20px; height: 20px; font-size:12px; margin:0;}
.h5_phb .info .h2{line-height:20px; height:20px; padding-bottom:5px;}
.h5_phb .xh_h2{height:18px;line-height:18px; overflow: hidden; display:block;}
.h5_phb .xh_p1{ line-height:22px; height:22px; overflow: hidden; color: #999;word-break: break-all; }
/*h5_index*/
.h5_top{ margin-right:-25px;}
.h5t_item{ width:220px; float:left; margin-right:25px; background-color:#fff; text-align:center; position:relative;}
.h5t_item:hover{ box-shadow:0 0 8px rgba(51,51,51,0.2);}
.h5t_name{ display:block; font-size:16px; line-height:57px; height:57px;overflow:hidden;}
.h5t_pic{ width:180px; height:180px; display:block; margin:0 auto;}
.h5t_pic img{ border-radius:25px; width:180px; height:180px; }
.h5t_p{ line-height:43px; height:43px; color:#999; overflow:hidden;}
.h5t_btn{ background-color:#fff6f5; line-height:50px; height:50px; display:block; font-size:20px; color:#ff5d4c;}
.h5t_btn:hover{ background-color:#ff5d4c;color:#fff;}
.i_h5t{ position:absolute; top:0; right:0; width:73px; height:73px; background:url(../images/h5_top.png) no-repeat;}
.jpyx,.zxyx{ width:840px; background-color:#Fff; padding:0 20px;}
.jp_list{ margin-right:-23px; padding-bottom:12px;}
.jp_item{ float:left; width:265px; margin:20px 22px 10px 0;}
.jp_pic { float: left; width:80px; height:80px; margin-right:10px; }
.jp_pic img { border-radius: 12px;width:80px; height:80px; }
.jp_h2 { height:20px; line-height:20px; overflow: hidden; margin-bottom: 2px; font-size:16px;  }
.jp_p1 { line-height:30px; height:30px; overflow: hidden; color: #999;word-break: break-all; }
.zxyx .p_ul{ margin-right:-30px;}
.zxyx .p_ul li{ width:80px; margin:0 28px 18px 0;}
.zxyx .p_ul img{ width:80px; height:80px; border-radius:12px;}
.zxyx .p_ul p{ line-height:32px; height:32px; overflow:hidden;}
.pyq_ul li { width: 565px; float: left; margin: 0 25px 30px 0; }
.pyq_ul .pic { width: 305px; height: 190px; float: left; margin-right: 20px; }
.pyq_ul .pic img { width: 305px; height: 190px; }
.pyq_ul .name { font-size: 16px; font-weight: bold; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 10px; display: block; }
.pyq_ul .intro { line-height: 20px; height: 80px; overflow: hidden; color: #666; margin-bottom: 12px; }
.pyq_ul .tags a { display: inline-block; margin-right: 15px; color: #666; font-weight: bold; }
.pyq_ul .tags a:hover { color: #ff1500 }

/*old_h5--h5游戏详情页-猜你喜欢用*/
.h5_pic.on{position: relative;}
.h5_pic.on .h5p_bg, .h5_pic.on .h5p_btn { display: block; }
.h5_pic { float: left;  margin-right: 10px; }
.h5p_bg { position: absolute; width: 80px; height: 80px; border-radius: 8px; display: block; background-color: #000; opacity: 0.7; top: 0; left: 0; text-align: center; display: none; }
.h5p_btn { padding-top: 13px; position: absolute; width: 80px; top: 0; display: none; }
.h5p_btn a { display: inline-block; width: 60px; height: 24px; line-height: 24px; overflow: hidden; color: #fff; margin-bottom: 8px; font-size: 12px; }
.h5p_btn a.b1 { background-color: #31ab0a; }
.h5p_btn a.b2 { background-color: #ff4938; }
.h5p_btn a:hover { opacity: 0.9 }
.h5_ul li { width: 80px; float: left; margin-right: 16px; text-align: center;}
.h5_ul a.name { line-height: 28px; height: 28px; padding-top: 7px; overflow: hidden; display: inline-block; }
/*h5_detail*/
.h5d_tit { font-size: 20px; font-weight: bold; padding: 20px 0; }
.h5d_tit .ff { color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 32px; margin-right: 12px; text-align: center; background-color: #ff4939; border-radius: 50%; }
.h5d_txt { line-height: 30px; font-size: 16px; margin-bottom: 20px; }
.h5d_intro .h5_ul li { margin-right: 40px; }
.ctrl_box a { display: inline-block; padding: 40px 30px; color: #666; }
.ctrl_box .ff { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #969696; margin-right: 10px; border-radius: 50%; vertical-align: middle; font-size: 18px }
.game_box { height: 480px; }
.game_box iframe { height: 480px; position: relative; width: 100%; z-index: 999; }